.nopad
{
	padding:0!important;
}
.no_height
{
	height:auto!important;
}

.no_display
{
	display:none;
}
.no_margin_top
{
	margin-top:0px;
}
.nomarg
{
	margin:0;
}
.green_text
{
	color:#3DAE2B;
}
a 
{
	color:#52B04C;
}
a:hover,a:visited
{
	color:#387934;
}
body {
    font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;/*20*/
	overflow-x: hidden;
	overflow-y: overlay;
	padding: 0px!important;
}
#cards
{
	margin-bottom:20px;
}
.fancybox-margin {
     margin-right: 0px!important; 
}
/*hide arrows in input number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.trans_ico
{
	height:100%;
	width:10%;
	float:left;
}
.trans_btn_details
{
	/*padding:20px;*/
}
.inside_coll
{
	/*padding:20px;*/
	padding: 10px 20px 10px 20px;
}
/*------------------------------*/
@media (min-width: 768px) {
	#mainmenu{
		/*min-height:770px;		*/
		min-height:400px;
		/*min-height:1200px;/*temp*/
		/*height:100%;*/
		height:auto;
		background-color: rgba(210,237,208, 0.4);
	
	}
	#mainmenu ul.menu li a{
	padding-left: 25%;
	}
	#hotline
	{
		margin-left:25%;
	}
	.box
	{
		margin-left:25%;
	}
	.mainmenu_long
	{
		min-height:1900px!important;
	}
	.mainmenu_long2
	{
		min-height:1650px!important;
	}
}

@media (max-width: 767px) {
	#mainmenu{
		/*min-height:800px;		burger*/
	
	}
	#mainmenu ul.menu li a{
	padding-left: 15%;
	}
	#hotline
	{
		margin-left:15%;
	}
	.box
	{
		margin-left:15%;
	}
	
	#logo2, #logo_spin
		{
			display: none;
		}
	#main
		{
			margin-top: 100px;
		}

}
#content
{
	margin-bottom:30px;
	padding:0;
}
#header {
	transform: matrix(1, 0, 0, 1, 0, 0);	
    z-index: 100000;
    width: 100%;
    height: 100px;
   /* top: 10px;burger*/
   position:absolute;/*burger*/
   top:0;
    left: 0;
	background: #313131;
	padding: 0 3.2%;

}
@media screen and (max-width: 1680px){
#header {
    height: 90px;
}
#logo2, #logo_spin
	{
		margin-top:90px!important;
	}
}
@media screen and (max-width: 1366px){
#header {
    height: 80px;
}
#logo2, #logo_spin
	{
		margin-top:80px!important;
	}
}
@media screen and (max-width: 768px){
span.upg_logo {
    width: 75px;
}
}
@media (min-width: 1px){
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    /* padding-right: 0px;
     padding-left: 0px;
	 */height:100%;


}
}
span.upg_logo {
	transform: matrix(1, 0, 0, 1, 0, 0);
    background-repeat: no-repeat;
    height: 63px;
	width: 100%;
	display: block;
    background-image: url(../img/logo2.svg);
	position: absolute;
    top: 0;
    bottom: 0;
	margin: auto auto;
}
#langselector
{
	font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	text-align: right;
	position: absolute;
	top: 50%;
    margin-top: -0.625em;
	right:0;
    /*margin: auto auto;*/
	width: 100%;
}
#langselector b {
    color: #52B04C;
}
.container {
    margin-right: auto;
    margin-left: auto;	
	width: 100%;
	
}


#logo2,#logo_spin  {

	height: 175px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	background-repeat: no-repeat;
	background: url(../img/logo2_background.svg) bottom right no-repeat;
    background-size: contain;
	margin-top:100px;
	}

#logo2 h1,#logo_spin h1 {
	font-family: Ubuntu;
	font-style: bold;
	font-weight: 500;
	font-size: 40px;
	line-height: 46px;
	/* identical to box height */
	letter-spacing: 0.05em;
	/*text-transform: uppercase;
*/
	color: #313131;
	padding-left: 25%;
	padding-top: 6.3%;
}
.logo2_part1
{
	background-color: rgba(210,237,208, 0.4);
}
.logopart2
{
	background-color: red;

}
/*-------------menu block---------------*/
#mainmenu{
	padding-top:10px;
	/*height:100%;*/
	height:auto;
	background-color: rgba(210,237,208, 0.4);

}


#mainmenu ul.menu{
	list-style:none;
	margin:0px;
	padding:0px;
}

#mainmenu ul.menu li a{
	
	font-weight: 500;
	font-size: 22px;/*26*/
	line-height: 150%;
	display: flex;
	align-items: center;
	text-decoration:none;
	height:50px;/*76*/
	color: #52B04C;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-weight:600;
	
}

#mainmenu ul.menu li a:hover{
	background:#52B04C;
	color:#FFF;
}
/*-------------menu block---------------*/
#hotline
{
	font-family: Ubuntu;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 130%;
	color: #313131;
	opacity: 0.7;

	margin-top:20px;
	padding-top:30px;
	margin-right:15%;
	
	border-top: 1px solid rgb(49,49,49);
    border-top: 1px solid rgba(49,49,49, .7);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; 
}
/*--------------------mainform-------------------------*/

#mainform{
    padding: 0 5% 0 3%;
	min-height:660px;
/*	padding-right:10%;*/
}
#mainform h1, .reg1 h1{
	
	font-family: Ubuntu;
	font-style: normal;
	/*font-weight: 500;*/
	font-weight:bold;
	font-size: 24px;/*30*/
	line-height: 150%;
	/* or 45px */
	color: #313131;
	margin-bottom:20px;

}


/*------------------------------------------------------*/
/*********************************INPUT****************************/
input[type=text], input[type=password], input[type=date], input[type=email], input[type=number], textarea, select, .form-control 
{
    background: #FFFFFF;
	border: 1px solid #D2EDD0;
	box-sizing: border-box;
    padding: 20px;
	/*	
    margin: 20px 0 20px 0;*/
    width: 100%;
	/*width: 500px;*/
	height: 50px;
   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
	font-size: 16px;/*20*/
	
	color: #313131;
		
}
input[type=date]
{
	
	/*padding:20px,0,0,0;*/
	/*font-size:17px;*/
}
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=email]:focus, textarea:focus, select, .form-control:hover
{
    background-color: #fff;
    border-color: #387934; /*slc*/
    outline: none;
 /*   -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;*/
}

input[type="submit"], button
{
	max-width:350px;
	width: 50%;
	height: 50px;
	float: left;
	cursor: pointer;
	margin-top:30px;
	background: #52B04C;
	border: 1.5px solid #52B04C;
	box-sizing: border-box;
	border-radius: 5px;
	
	font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 103.41%;
	text-transform: uppercase;
	color: #FFFFFF;
}
#login_submit
{
	width:30%;
}
input[type="submit"]:hover,input[type="submit"]:focus, button:hover, button:focus
{
   /* background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);*/
	background: #387934; /*slc*/
}

input[type="submit"]:active, button:active
{
    outline: none;

     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner
{
  border: none;
}
/*******************checkbox**********************************/
input[type="checkbox"] {

	position: relative;
	display: inline-block;
	width: 1.3em;
    height: 1.3em;
	float: left;
    margin-right: .5em;
 
 /* height: 25px;
  width: 25px;*/
  background-color: #fff;

}
.container1 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

/* Hide the browser's default checkbox */
.container1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #D2EDD0;
}

/* On mouse-over, add a grey background color */
.container1:hover input ~ .checkmark {
  background-color: #fff;
  border-color: #387934;
  border-radius: 3px;
}

/* When the checkbox is checked, add a blue background */
.container1 input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container1 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container1 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid green;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container2
{
	font-size: 16px;
	line-height: 130%;
	/* or 23px */
	color: #313131;
	font-style: normal;
	font-weight: normal;
	margin-top:15px;
}
.info_screen 
{
	padding-left:20px;
	padding-top:20px;
	border: 1px solid #D2EDD0;
	box-sizing: border-box;
}
.info_screen p
{
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	text-transform: uppercase;
}
.info_screen
{
	height:320px;
	float: left;
	margin-right: 20px;
}
/******************checkbox_end**************************/
.form-control  {
  
    -webkit-padding-start: 3px;
    -moz-padding-start: 3px;	
	 -moz-border-radius: 3px;
    -webkit-border-radius: 3px;	
    background-color: #fff;
    background-position: center right;
    background-repeat: no-repeat;
	border: 1px solid #D2EDD0;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #313131;     
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
	padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
	
	
}

/**************************INPUT_END***********************************/
ul {
   /* text-align: justify;
    color: #444;
	 */
    list-style-image: url(../img/list.svg); /* Путь к изображению маркера */
 
}
#helpblock, .helpblock {
	margin-top:50px;
	font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;/*18*/
	line-height: 130%;
	color: #313131;
}


#helpblock ul li {
	padding-bottom:20px;
	min-height: 40px;
}
/********************************SLIDER******************************************/
#promotion {
	
	display:none;
}
@media (min-width: 992px) {
	#promotion {
		display:block;
		min-height:730px;
	}
}

.promo_text p
{
	font-family: Ubuntu;
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 120%;
	/* or 36px */

	color: #313131;
	padding:30px;
	max-width:500px;
	margin: 0px;
}
/******************************SLIDER_END****************************************************/
/**************************attebtion*****************************/
#register-dialog-page label {
/*	opacity:0.6;*/
	font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 130%;
	/* identical to box height, or 23px */
	color: #313131;
}


#register-dialog-page .info:before, #register-sms-code-page .info:before, .attention:before, #passwordrestore-page .info:before{
   content:""; /*вместо того, чтобы создавать div с фоном и позиционировать внутри родительского блока*/
  
	transform: matrix(1, 0, 0, 1, 0, 0);
	background-repeat: no-repeat;
	background-image: url(../img/attention.png);
	height:30px;
	width:28px;
	display: block;
	z-index:-1;
	position:absolute;
	bottom:10px;
	left:10px;
	top:0px;
}
.attention:before
{
	top:30px;
}
.attention
{
	padding-left:50px;
	font-size: 18px;
	color: #313131;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
	color: #313131;
	display: block;
	border: 0px;
	background:none;
	max-width:550px;
}

#register-dialog-page .info, #register-sms-code-page .info, #passwordrestore-page .info{
	margin-bottom:15px;
	font-size: 16px;
	line-height: 130%;
	position:relative;
	color: #313131;
	display: block;
	z-index:1;
	padding-left:50px;
	border: 0px;
	background:none;
	display: inline-block;
}
/**************************END_ATTENTION************************/
#regexample
{
	/*color:green; text-transform:uppercase;font-weight: bold;font-size:11pt;*/
	float:right;
	font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 150%;
	/* identical to box height, or 30px */
	text-decoration-line: underline;
	 text-underline-position: under;
	color: #52B04C;
	margin:20px;
}
/************************MODAL**************************************/
.modalbody
{
	
	position: absolute;
	/*bottom: 0px;*/
	top:40px;
	height:100%;
	width:100%;
	background-color:#fff;
	max-height:360px;
	padding:30px;
}
.modalbody2
{
	
	position: absolute;
	/*bottom: 0px;*/
	top:40px;
	height:100%;
	width:100%;
	background-color:#fff;
	/*max-height:360px;*/
	padding:30px;
}
.modalh1
{
	font-family: Ubuntu;
	font-style: normal;
	/*font-weight: 500;*/
	font-weight:bold;
	font-size: 40px;
	line-height: 120%;
	/* or 48px */
	color: #52B04C;
}
.modalh2
{
	font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 26px;
	line-height: 130%;
	/* or 34px */
	text-align: center;
	color: #313131;
}
#modal3
{
	max-height: 600px;
}

/************************MODAL_END************************************/
/***********************SIDE_MENU_BOXES*****************************/

.box {
	/*padding:0;
	margin-top:20px;
	margin-bottom:20px;*/
	color: #313131;
	
	/*padding-left: 25%;*/
	margin-top:20px;
	padding-top:20px;
/*	width:300px;*/
	margin-right:5%;
	
	border-top: 1px solid rgb(49,49,49);
   
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; 
}

.box h2 {
	
	font-family: Ubuntu;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 150%;
	color: #313131;
}

.box-content{
	
	padding-left: 0px;
	
}

.box-content:after {clear: both; content:'';}

.box-content ul li h3, .box-content p {
	margin:0px;
	padding: 5px 0px;
}

.box-content a h3{
	color:#333;
}

.box-content a {
	font-size: 16px;
	line-height: 130%;
	/* identical to box height, or 21px */
	text-decoration-line: underline;
	color: #313131;
	text-align:right;
	   
    padding-right: 0px;
}

.box-content a:hover{
	color:#387934;
}

.box-content ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

.box-content h3{
	font-size:13px;
}
.first
{
	
	line-height: 130%;
	color: #313131;	
	padding-right: 0px; 
    padding-left: 0px;	
	
}
.fuel_box
{
	
	vertical-align: middle;
	height:45px;
	line-height:45px;
	display: inline-block;
	
}

.second
{
	
	font-weight: 500;
	font-size: 26px;
	line-height: 150%;
	text-align:right;
	color: #52B04C;	
	padding-right: 0px; 
    padding-left: 0px;
	vertical-align: top;
	vertical-align: middle;
    height: 45px;
    line-height: 45px;
    display: inline-block;
}

#loyaltext ul{
	 list-style-image: url(../img/list.svg);
	
	line-height: 130%;
	/* or 26px */
	color: #313131;	
	padding-left:20px;
}
#loyaltext ul li{
	padding-left:20px;
	}
.card-status
{	
	font-size: 16px;
	line-height: 130%;
	color: #52B04C;
	margin-top:-10px!important;
	padding-top:0px!important;
	
}
.card-setting
{
	text-align:right;
	padding-right: 0px; 
    padding-left: 0px;
}
/*******************************************************************/
#activity h2, #activity2 h2, #main_screen h2
{
	font-family: Ubuntu;
	font-style: normal;
	/*font-weight: 500;*/
	font-weight:bold;
	font-size: 26px;
	line-height: 150%;
	color: #313131;
	
}
.fancybox-close {
    position: absolute;
    top: -45px;
    right: -8px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../img/fancybox_sprite.png);
}
/*---------------------------------------INFORMATION_MODAL---------------*/
/*.modal
{
position: fixed;
top:25%;
}*/
.modal {
  text-align: center;
  padding: 0!important;
 
 
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
  top:50%;
}
@media screen and (max-width: 768px){
		.modal:before {
			  content: '';
			  display: inline-block;
			  height: 95%;
			  vertical-align: middle;
			  margin-right: -4px; /* Adjusts for spacing */
			 /* top:50%;*/
			}
		.modal
		{
			bottom:auto;
		}
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-dialog
{
	width:95%;
	max-width:600px;
	margin:20px;
}
.modal-content
{
	padding-left: 10%;
	padding-right: 10%;
	border-radius: 0px;
	padding-bottom: 40px;
}
.modal-header
{
	padding: 0px; 
    border-bottom: 0px;
	margin-top: -60px;
    margin-bottom: 60px; 
}

.modal-header .close {
  /*  margin-top: -60px;
	*/
    position: absolute;
    right: 0;
    display: block;
    overflow: visible;
    width: 20px;
    height: 20px;
    margin: 25px;
	margin-right:0px;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #fff;
	
    border: 0;
    outline: 0;
    background:transparent;
	opacity: 1;
	font-size: 34px;
	outline:none;
	-webkit-box-shadow: none !important;
	box-shadow: none  !important;

}
.modal-header .close:hover,
.modal-header .close:focus,
.modal-header .close:active {
	/*color: #95979c;
	 */
	 border:0px;
}
.block_hidden
{
	display:none;
	visible:hidden;
}
.underline
{
	font-size: 16px;
	line-height: 130%;
	color: #313131;
	position:relative;
	top:-20px;
}
#fuel_sum_text,#fuel_sum_text2 {
font-family: Ubuntu;
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 140%;
color: #52B04C;
}

.normal_button
{
margin-top:0px;
width:80%;
height:60px;

}
/*
.modal-header .close:before, .modal-header .close:after {
	
	position: absolute;
	top:0px;
	content: ' ';
	height: 20px;
	width: 2px;
	background-color: #fff;
  
}
/*
.modal-header .close:before {
  transform: rotate(45deg);
}
.modal-header .close:after {
  transform: rotate(-45deg);
}
*/
#fuels_price_list 
{
	background: #FFFFFF;
	border: 1px solid #D2EDD0;
	box-sizing: border-box;
}
#fuels_price_list h3
{
	font-size: 26px;
	line-height: 150%;
	color: #52B04C;
}
#fuels_price_list table, table td
{
	
	border: 0px ;
	
}
#fuels_price_list table thead
{
	font-size: 20px;
	line-height: 150%;
	/* or 30px */
	align-items: center;
	color: #313131;
}
#fuels_price_list .table > thead > tr > th
{
	vertical-align: middle;
    border-bottom: 0px;
	border-top:0px!important;
}
.box_pad
{
	padding-top:20px;
}
 .buy_window
{
font-family: Ubuntu;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 160%;
/* or 42px */


color: #313131;
} 
.buy_windows h2
{
	font-weight: 500;
	font-size: 40px;
	line-height: 120%;
}
.summ_buy
{
	margin-top:20px;
		
	border-top: 1px solid rgb(49,49,49);
    border-top: 1px solid rgba(49,49,49, .7);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; 
}
.pre_summ
{
font-weight: 500;
font-size: 30px;
line-height: 120%;
}
.fuel_sum_text2
{
	font-weight: 500;
	font-size: 40px;
	line-height: 120%;
	color: #52B04C;
}
.buy_button
{
	width:100%;
	margin-top: 15px;	
}
.reg1,.fancybox-wrap, .fancybox-desktop, .fancybox-type-inline, .fancybox-opened,.fancybox-skin
{
	
	width:100%!important;
	max-width:600px!important;
	right:20px;
	top:30px;
	
}
.fancybox-inner
{
	width:100%!important;
}
.info
{
	background-color:#fff;
	border: 1px solid #D2EDD0;
    box-sizing: border-box;
	padding-left:20px;
	height: 62px;
	margin-bottom:15px;
	margin-top:5px;
}
.info input[type=text], .info input[type=date], .info textarea, .info select, .info .form-control, .info .form-control:hover 
{
	border: 0px;
	/*border:1px solid #c92a5a;*/
	height:30px;
	
	padding:0px;
	font-size: 20px;
	line-height: 23px;
	color: #313131;
	outline: none; 	
	border: none;
	border: 0;
	box-shadow: none;
}
.info label
{
	font-size: 16px;
	line-height: 18px;
	color: #52B04C;
	font-weight:normal;
}
#counters_info .info_screen h2
{	
	font-size: 42px;	
	margin-top: 30px;
	color: #52B04C!important;
}
.info_screen h2 {
	line-height: 42px!important;
}
.refresh_captcha
{	
	display: inline-block;
	width: 40px;	
}
 .bottom .square {
  width: 50px;
  height: 50px;
  background: #52B04C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
	border:0px;
}

.promo_details
{
font-size: 16px;
  color: #52B04C;
  display: block;
  margin-left: 17px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  float: left!important;
  margin-left:5%!important;
  margin-top:10px!important;
  background:none!important;
  object-fit: contain;
  border:0px!important;
  vertical-align:middle; 
   overflow: hidden;
   
}


.rslides a:hover span, a:hover p
{
	background:#52B04C;
	color:#fff;
	border-color:#52B04C;
		
}
.btn-number
{
	margin:0px;
	width:50px;
}       
.c-badge {
   
	padding-left:0px;
	padding-right:0px;	
	margin-bottom:0px;
	
}
.c-badge label
{
	display:none;
}
input[type="radio"] {
    display:none;
	
}
@media (min-width: 765px) 
{
	.field-buyfuelform-fuelaccountid
		{
			width:30%;
		}
	.coffe_block .field-buyfuelform-fuelaccountid, .burger_block .field-buyfuelform-fuelaccountid
		{
			width:25%;
		}
	.f_name
		{
			padding-left:15%;
			padding-right:15%;
		}
	.field-buyfuelform-paymenttype
		{
			width:30%;
		}
}
@media (max-width: 764px) 
{
	 .field-buyfuelform-fuelaccountid
		{
			width:100%;
		}
	.coffe_block .field-buyfuelform-fuelaccountid,.burger_block .field-buyfuelform-fuelaccountid
		{
			width:50%;
		}
	.f_name
		{
			text-align:center;
			align-items: center;
		}
	.field-buyfuelform-paymenttype
		{
			width:100%;
		}
	.buy_button
		{
			/*position: absolute;*/
			top: 80px;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			margin-top:20px;
		}
	.gpay-button
		{
			position: absolute;
			top: 80px;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
}
 .field-buyfuelform-fuelaccountid
{
display:inline-block;
/*width:230px;*/ 

/*padding:10px;*/
margin:0px;
}

.btn-success {
width:100%;
}

.btnfuel
{	
	width:100%;
	height:180px;
	display:block;
	margin-bottom:30px;
	border:none;
	background:none;	
	outline:none;
	-webkit-box-shadow: none !important;
	box-shadow: none  !important;

}
.btnfuel:active >.f_name, .btnfuel.active>.f_name, .btnfuel:hover>.f_name, .btnfuel.hover>.f_name
{
	background-color:#52B04C;
	color:white;
}
.btnfuel:active >.f_price, .btnfuel.active>.f_price, .btnfuel:hover>.f_price, .btnfuel.hover>.f_price,
.btnfuel:active >.f_price_market, .btnfuel.active>.f_price_market, .btnfuel:hover>.f_price_market, .btnfuel.hover>.f_price_market
{	
	color:#52B04C;
}
.btnfuel:active>.f_name >.f_icon, .btnfuel.active>.f_name>.f_icon, .btnfuel:hover>.f_name>.f_icon, .btnfuel.hover>.f_name>.f_icon
{
	 display:none;

}
.btnfuel:active>.f_name >.f_icon_w, .btnfuel.active>.f_name>.f_icon_w, .btnfuel:hover>.f_name>.f_icon_w, .btnfuel.hover>.f_name>.f_icon_w
{
	 display:flex;	 
}

.f_name
{
	/*background-color:#5cb85c;*/
	height:133px;
	width:100%;
	background: #FFFFFF;
	border: 1px solid #D2EDD0;	
	font-weight: normal;
	font-size: 28px;
	line-height: 130%;
	text-align:center;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*background: url('../img/background_lines.svg') rgba(0, 0, 0, 0.7);*/
}
.try_noform .f_name
{
	background: url('../img/background_lines.svg') rgba(0, 0, 0, 0.7);
	background-size: 100% 120%;
}
.item_block_main
{
	background:#fff;
	padding-top: 10px;
}
.f_price
{
	
	font-weight: normal;
	font-size: 28px;
	line-height: 32px;
	/* identical to box height */
	text-align:center;
	/*width:100%;*/
	height:33px;
	align-items: center;
	text-transform: uppercase;
	display:inline-block;
	margin-top:12px;
	margin-bottom:12px;
}
.f_price_market
{
	
	font-weight: normal;
	font-size: 20px;
	line-height: 130%;
	/* identical to box height */
	text-align:center;
	width:100%;
	height:46px;
	align-items: center;
	/*text-transform: uppercase;*/
	display: flex;
    vertical-align: middle;
    text-align: center;
	justify-content: center;
	/*margin-top:12px;*/
	
}
@media (max-width: 400px) {
.trans_ico {
	width:20%;
}
.trans_btn_details
{
	/*padding:10px;*/
}
.inside_coll
{
	padding:10px;
}
.table_mobile_50
{
	width:60%;
}
.smfz13
{
	font-size:13px;
}
.try_noform
{
	padding-left: 5px;	
	padding-right: 5px;
}
.f_price,.m_price
{
	font-size: 14px;
}
.f_price_market
{
	font-size: 16px;
}
}
.f_price_text
{
	font-size:14px;
}
.f_icon
{	
	/*height:69px;
	width:69px;	*/
	/*height:107px;
	width:75px;*/
	max-width:100px;
}
.f_icon_w
{
	display:none;
	/*height:107px;
	width:75px;*/
}
.burg_icon
{
	height:100%;
	width:100%;
	padding:0 15%;
}

.amt
{
	width:132px!important;
	text-align:center;
}
.minus, .plus
{
	color:black;
	border:0px;
	background:none;	
}
.minus:hover, .plus:hover, .minus:focus, .plus:focus, .minus:active, .plus:active
{
	border:none;
	background:none;	
	outline:none;
	-webkit-box-shadow: none !important;
	box-shadow: none  !important;
}
.input-group-btn
{
	display:inline-block;
}
.btn_pay
{
	height: 133px;
    width :100%;
    background: #FFFFFF;
    border: 1px solid #D2EDD0;
    font-weight: normal;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	
}
.btn_pay_market
{
	height: 133px;    
    background: #FFFFFF;
    border: 1px solid #D2EDD0;
    font-weight: normal;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
	justify-content: center;
	margin-right:10px;
	margin-bottom: 10px;
}
@media (min-width:768px)
{
	.btn_pay_market
	{
		width:30%;
	}
}
@media (max-width:767px)
{
	.btn_pay_market
	{
		width:100%;
	}
}
.btn_pay:active, .btn_pay.active, .btn_pay:hover, .btn_pay.hover, .btn_pay:focus, .btn_pay.focus, .btn_pay_market:active, .btn_pay_market.active, .btn_pay_market:hover, .btn_pay_market.hover, .btn_pay_market:focus, .btn_pay_market.focus
{
	background-color:#52B04C;
	color:white;
}
.field-buyfuelform-paymenttype
{
	display:inline-block;	
	margin:10px 1% 10px 0;
}
.f_type
{
	width:100%;
	padding-right:10px;
}
.btn
{
	white-space: normal;
}
#amount_block::after
{
	height:30px;
	width:30px;
	display: inline-block;
    background-image: url(../img/question_icon.png);
	background-repeat: no-repeat;
	content: "";	
}
#azs_price_block
{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 130%;
	color: #313131;
	display:none;
	
}
.d-inline-flex
{
	display:inline-flex;	
}
.disabled_button
{		
	opacity: 0.5;
	pointer-events: none;	
}
.disabled_button:hover
{
	background:#52B04C;
}
.disabled_google
{		
	opacity: 0.5;
}
.disabled_google:hover, .disabled_google:active,.disabled_google:focus, .disabled_google.active, .disabled_google.hover,.disabled_google.focus
{
	background:#fff;
	outline:none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.details_block
{
	
	font-style: normal;
	font-weight: 500;
	font-size: 26px;
	line-height: 160%;	
	color: #313131;
	padding-top:15px;
}
#settings-form h2
{
	font-size:30px;	
}
.padd_block
{
	padding-bottom:10px;	
}
.padd_block h2
{
	font-size:30px;
	font-weight:bold;
}
.aa2
{
	display:flex;
	align-items:center;
	height:75px;
}
.reverse_btn
{
	background:none;
	color:#4cae4c;
}
.reverse_btn:hover
{
	color:white;
}
.gpay-button
{
	height: 50px!important;	
	background-image: url(https://www.gstatic.com/instantbuy/svg/dark/ru.svg) center no-repeat!important;
	background-repeat: no-repeat!important;
	background-position: center!important;	
	padding: 12px 24px 10px!important;
	background-origin: content-box!important;
	background-size: contain!important;
	
}
.gpay-button.long
{
	width:100%!important;
}
.gpay-button.black :hover, .gpay-button.black.hover, .gpay-button.black :active, .gpay-button.black.active 
{
	background-repeat: no-repeat!important;
	background-position: center!important;	
	background-image: url(https://www.gstatic.com/instantbuy/svg/dark/ru.svg)!important;
	padding: 12px 24px 10px!important;
	background-origin: content-box!important;
	background-size: contain!important;
}
.sm_bt_google
{
	min-width: 206px;
    width: 240px;
	float:right;
}
@media screen and (min-width: 768px){
.sm_bt_google
{
	float:right;
}
}
@media screen and (max-width: 768px){
.sm_bt_google
{
	float:unset;
}
}
.master_card
{
	height:110px;	
	background:none;
	border:none;
	width:100%;
	max-width:450px;
	font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 130%;
	color: #313131;
	text-align:left;
	
	
}
.cards_btn
{
	height:110px;
	background: #FFFFFF;
	border: 1px solid #D2EDD0;
	box-sizing: border-box;
	width:100%;
	/*max-width:450px;*/
	display:inline-block;
	padding: 20px 20px 0 20px;
	
	
}
.cards_btn:active, .cards_btn.active, .cards_btn:hover, .cards_btn.hover, .cards_btn input:checked, .cards_btn:checked, .cards_btn.checked, .master_card input[type="radio"]:checked +.cards_btn
{
	background-color:#52B04C;
	background:#52B04C;
	color:white;
	
}
.master_icon
{
	height:49px;
	width:60px;
	background-image: url(../img/master_icon.png);
	background-repeat: no-repeat;
	background-size:cover;
	float:right;
	margin-top: -20px;
}
.master_card_add
{
	height:110px;
	background: #D5D5D5;	
	box-sizing: border-box;
	width:100%;
	max-width:450px;
	margin-top:0px;
	/*
	padding-left:20%;
	padding-top:5%;
	background-origin:content-box;*/
	
}
.add_btn:before, .add_btn::before, .add_btn.before
{
	 content: "";
	background-image: url(../img/add_card_icon.png);
	background-repeat: no-repeat;
	background-size:cover;
	height:45px;
	width:43px;
	display:inline-block;
}
.add_btn
{
	
	/*display:inline-block;
	float: left;
    padding-left: 25%;*/
}
.add_btn_text
{
	/*margin-top:10px;
	float:left;*/
	font-size: 22px;
	text-transform:none;
	
}
.del_card
{
	width:20px;
	height:25px;  
	background-repeat: no-repeat;
	background-image: url(../img/bucket1.png)!important;
	background-color:white!important;
	background-size:cover;
	/*display: flex;*/
	/*display: none;*/
	cursor:pointer;
	z-index:999;
	align-items:center;	
	margin:6% 5%;	
	border:none;
	outline:none;
	-webkit-box-shadow: none !important;
	box-shadow: none  !important;
	
}
@media screen and (max-width: 1768px) and (min-width: 1200px){
.del_card {
    margin:6% 0 6% 44%;
}
}
@media screen and (max-width: 918px){
.del_card {
    margin:6% 0 6% 44%;
}
}
.del_card:hover, .del_card:active, .del_card.active, .del_card.hover,.del_card:focus, .del_card.focus
{
	
	background-image: url(../img/bucket1.png)!important;
	background-color:white!important;
	background-size:cover;
	display: block;
	z-index:999;
	
}
.modal_delete
{
	/*width:40%;*/
	height: 50px;
	margin-right: 10px;
	margin-left:10px;
}
.field-selectcardform-cardalias:after {
}
.middle
{
	text-align:center;
}

@media screen and (min-width: 1024px){

		.centered_sms2
			{
				padding-left:10px;				
			}
}
@media screen and (min-width: 768px){
		#main-page
			{
				padding-left:15px;
			}
		.right
		{
			position:absolute;
			right:0;
		}
		.error
			{
				position: absolute;
				top: 150%;
				left: 50%;
				/* margin-right: -50%; */
				transform: translate(-50%, -50%);
			}
		#mainmenu
			{
				order:1;
			}
		#content
			{
				order:2;
			}
		#mainform
			{
				order:2;
			}
		#promotion
			{
				order:3;
			}
		
}
@media screen and (max-width: 767px){
		.right
		{
			
		}
		.error
				{
					margin-left:20px;
					margin-right:20px;
					text-align:center;
				}
		#main-page
			{
				padding-left:5px;
			}
		#mainmenu
			{
				order:2;
			}
		#content
			{
				order:1;
			}	
		#mainform
			{
				order:1;
			}
}
#wholepage
{
	display:flex;
	flex-wrap:wrap;
}
.back_href_btn
{
	max-width: 350px;
	display: flex;
    align-items: center;  
    justify-content: center;
    height: 50px;
    float: left;
    cursor: pointer;
    margin-top: 30px;   
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 103.41%;
    text-transform: uppercase;    
}
.noupdown_number
{	
  -moz-appearance: textfield;
  width:90%;
  min-width:250px;
  padding-left:10px;
  border: 1px solid #D2EDD0;
    box-sizing: border-box;
}
.noupdown_number::-webkit-inner-spin-button { 
  display: none;
}
.centered_sms
{
	position: absolute;
    top: 160%;
    left: 50%;
    /* margin-right: -50%; */
    transform: translate(-50%, -50%);
}


.block_middle
{
	display:flex; 
	align-items:center;
	flex-wrap: wrap;
}
.apple_p
{
	
    flex-wrap: wrap;
}
#app_pay2, #app_pay, #app_pay3,#app_pay4
{
	display:none;
}
.google_btn
{
	display:grid;
}
/***************************************BURGER***********************************************/
@media (min-width: 768px) {
	.mobmenu_btn {
		display: none;
	}
}
@media (max-width: 767px) {
.mobmenu_btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  /*background-color: #03263d;*/
}

.mobmenu_btn .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: white;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.mobmenu_btn .cd-menu-icon::before, .mobmenu_btn .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.mobmenu_btn .cd-menu-icon::before {
  top: -5px;
}
.mobmenu_btn .cd-menu-icon::after {
  top: 5px;
}
.mobmenu_btn .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.mobmenu_btn .cd-menu-icon.is-clicked::before, .mobmenu_btn .cd-menu-icon.is-clicked::after {
  background-color: white;
}
.mobmenu_btn .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.mobmenu_btn .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 768px) {
  .mobmenu_btn {
    width: 100px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 2.2em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
 
  .mobmenu_btn .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}
.mobmenu.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}

/*------------MENU--------*/
.mobmenu {
  /* by default it's hidden - on top of the viewport */
  padding-top:120px!important;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
 
	background: url('../img/back-line.svg') center center, #323332;  
    background-attachment: fixed;
    background-position: top;
    overflow: auto;
    max-width: 100%;
   
  z-index: 999;
  /*text-align: center;*/
  padding: 50px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
}
/*-------------------------*/
/****************************************************************************************/
/*loader*/

/* ALL LOADERS */

.loader{
  width: 35px;
  height: 35px;
  border-radius: 100%;
  position: absolute;
  /*margin: 0 auto;*/
 /* float:left;*/
  visibility:hidden;
  margin-right: 15px;
}

/* LOADER 1 */

#loader-1:before, #loader-1:after{
  content: "";
  position: absolute;
  
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 5px solid transparent;
  border-top-color: #3498db;
}

#loader-1:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after{
  border: 5px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.afterloader
{
display: flex;
align-items: center;
justify-content: center;
}
.load_fl
{
display:flex
}
/*end loader*/
.market_btn
{
	margin-bottom:80px;
}

.radio_try
{
	padding-bottom:20px;
	padding-top:20px;
}
#tabs_nav
{
	width:100%;	
	/*overflow: auto;		*/
  }
 .market_tabs
{
	display:flex;
	width:100%;
	justify-content:center;
} 
.market_tabs li
{
	display:block;
	float:left;
	border:1px solid #52B04C;
	background: #fff;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 150%;
	color: #313131;
	box-sizing: border-box;
	margin:0px;
	border-radius:0px;
	min-height:58px;
	height:100%;	
	max-width:180px;
	float:left;
	text-align:center;
}
@media (max-width: 450px) {
	.market_tabs li
		{
			max-width: 100%;
			width:100%;
		}
		.market_tabs
		{
			display: inline-block;
		}
		#tabs_nav
		{
			padding-right:10px;			
		}
}
.nav .market_tabs li:active
{
	border:1px solid #52B04C;
}
.market_tabs li a
{
	border:0px;
	margin:0px;
	border-radius:0px;
	color: #313131;
}
.market_tabs > li:active > a,.market_tabs > li.active > a,.market_tabs > li.hover > a,.market_tabs > li:hover > a,.market_tabs > li.focus > a,.market_tabs > li:focus > a
{
	background:#52B04C;
	color:#fff;
	border:0px;
	margin:0px;
	border-radius:0px;
}
.nav-tabs > li.active > a
{
border:0px;
	margin:0px;
	border-radius:0px;
	line-height:150%;
}
.burger_text
{
	font-family: Ubuntu;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 130%;
	text-align: center;
	color: #FFFFFF;
	background: #52B04C;
	text-align:center;
	justify-content:middle;
	align-items:center;	
}

@media (max-width: 1300px) {
.burger_text
{
	font-size: 12px;
}
}
.subs label{
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 130%;
}
#footer {

	background: #FFFFFF;		
	color:#313131;	
	/*height: 280px;*/
	z-index:98;
	position:absolute;
	width:100%;
}

#footer .col-xs-12 {
	  padding-left: 8%;	 
	  padding-right: 8%;	 
	  padding-top: 40px;
	  background:#FFF;
}
.footer_menu
{
	list-style: none;
	font-size: 16px;	
	line-height: 150%;
	padding-left: 0px;
	padding-top: 20px;
}
.footer_menu li
{
	padding-bottom: 15px;	
}
.footer_menu li a
{
	color: #313131;
	text-decoration: none;
}
.footer_left
{
	font-size: 22px;
}
.footer_right 
{
	text-align: right;
}
.footer_right .no_height
{
	padding-bottom: 50px;
}
.footer_h2
{
	font-size:24px;
}
.store_icon
{
	padding-bottom: 20px;
	text-align: right;
	display: block;
	width:100%;
	
}

.media_icon_img
{
	height:25px;
	padding-right: 20px;
}
.copyright
{
	text-align: right;
	font-size: 12px;
	line-height: 150%;	
	color: #313131;
	height: auto;
	padding:0 0 25px 0;
	width:100%;
	float:right;
}
@media (max-width:1330px) {
	#mainmenu ul.menu li a {
		font-size: 19px;
		line-height: 100%;
		height:45px;
	}
	#mainform h1,#activity h2, #activity2 h2,.box h2,.modalh1, h1, .reg1 h1,  #main_screen h1,#activity h2, #activity2 h2, #main_screen h2,.details_block 
	{
		font-size: 22px;
	}
	.second
	{
		font-size: 20px;
	}
	.footer_left {
		font-size: 18px;
	}
	.footer_menu {
	
		font-size: 14px;
	}
	.footer_right .col-md-8 h2
	{
		font-size:18px;
	}
	.store_icon img
	{
		width:100%;
		max-width:100px;
	}
	.footer_right .no_height {
		padding-bottom: 10px!important;
	}
	.upper_activ, .dawn_activ 
	{
		font-size: 14px;
	}
	#counters_info .info_screen h2
	{
		font-size: 30px;
	}
	.info_screen {
		height:300px;
	}
	#helpblock, .helpblock,#regexample,	#register-dialog-page .info, #register-sms-code-page .info,#register-dialog-page label,input[type=text], input[type=password], input[type=date], input[type=email], input[type=number], textarea, select, .form-control
	 {
		font-size: 14px;
	}
	#logo2 h1,#logo_spin h1 {
		font-size:35px;
	}
	#logo2, #logo_spin
	{
		height:125px;
	}
	.promo_text p
	{
		font-size: 20px;
	}
	.f_name
	{
		font-size:24px;
	}
	#settings-form h2 {
		font-size:22px;
	}
	#fuel_sum_text, #fuel_sum_text2
	{
		font-size: 30px;
	}
	body {
		font-size:14px;
	}
}
@media (max-width:1024px) {
	body,.dawn_activ,.upper_activ, #helpblock, .helpblock {
		font-size:16px;
	}
	#mainmenu ul.menu li a {
		font-size: 16px;
		line-height: 100%;
		height:50px;
	}
	#mainform h1,#activity h2, #activity2 h2,.box h2,.modalh1, h1, .reg1 h1,  #main_screen h1
	{
		font-size: 24px;
	}
	.second
	{
		font-size: 20px;
	}
	.footer_left {
		font-size: 18px;
	}
	.footer_menu {
	
		font-size: 14px;
	}
	.footer_right .col-md-8 h2
	{
		font-size:18px;
	}
	.store_icon img
	{
		width:100%;
		max-width:100px;
	}
	.footer_right .no_height {
		padding-bottom: 10px;
	}
}
@media (max-width: 767px) {
	
	#helpblock, .helpblock {
		
			font-size: 16px;
		}
	#login_submit,#restore_submit,#register_submit
	{
		width:100%;
		max-width:100%;
	}
	#hotline
	{
		font-size: 14px;
		display: none;
	}
	#mainform h1,#activity h2, #activity2 h2,.box h2,.modalh1, h1, .reg1 h1,  #main_screen h1
	{
		font-size: 24px;
	}
	.second
	{
		font-size: 20px;
	}
	input[type=text], input[type=password], input[type=date], input[type=email], textarea, select, .form-control,#register-dialog-page label
	{
		font-size: 16px;
	}
	body,.dawn_activ,.upper_activ {
		font-size:15px;
	}
	.modal-content {
		padding-left: 5%;
		padding-right: 5%;
		margin-right: 20px;
		padding-bottom: 40px;
	}
	.footer_left
	{
		display: none;
	}
	.footer_right 
	{
		text-align: center;
	}
	.store_icon {
		padding-bottom: 20px;
		text-align: center;
		display: block;
	}
	.store_icon img
	{
		width:100%;
		max-width:200px;
	}
	#footer {
		/*height: 400px;*/
	}
	.footer_right .col-md-8 h2 {
		font-size: 32px;
	}
	.footer_right .no_height {
		padding-bottom: 50px;
	}
}

.bonus_rulles
{
	/*overflow: auto;*/
	height: auto;
}
.bonus_rulles ul li
{
	padding-top:20px;
	height:50px;
	
}

.bonus1
{	
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 160%;
	color: #52B04C;
	height:23px;
	
}
.bonus2
{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 160%;
	color: #313131;
	height:23px;
}
.question_btn,.question_btn:hover, .question_btn:focus,.question_btn.hover,.question_btn.focus,.question_btn.active,.question_btn:active
{
	width:100%;
	max-width:100%;
	height:60px;
	background: #FFFFFF;
	color:#313131;
	text-align:left;
	padding-left:20px;
	padding-right:35px;
	outline:1px solid #F6F6F6;
	border:0px;
	text-transform: none;
	line-height: 18px;
	margin-top: 0;
}
.question_btn.collapsed::after
{
	content:"";
	height:100%;
	width:20px;	
	display: inline-block;  	
	right:10px;
	top:25px;
	position:absolute;
	background: url(../img/main_screen/arrow_down.png) right top no-repeat;	
	background-size: contain;
	margin-left:10px;	  
}
.question_btn::after
{
	content:"";
	height:100%;
	width:20px;	
	display: inline-block;  	
	right:10px;
	top:25px;
	position:absolute;
	background: url(../img/main_screen/arrow_up.png) right top no-repeat;	
	background-size: contain;
	margin-left:10px;
}
.question-body
{
	background: #FFFFFF;
	padding:20px;
	padding-top:70px;
}



.mainpage_pad_h2
{
	margin-top: 50px;
}
.counts
{
	font-size: 18px;
	color: #52B04C;
	padding-left:5px;
}
.scrynka
{
	height:100%;
	width:100%;
	max-height:167px;	
	margin: 0;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.bonuses
{
	background: url(../img/main_screen/bonuses2.png) right bottom no-repeat;	
	background-size: contain;
}
.litres
{
	background: url(../img/main_screen/fuel2.png) right bottom no-repeat;	
	background-size: contain;
}
.drinks
{
	background: url(../img/main_screen/cofe2.png) right bottom no-repeat;	
	background-size: contain;
}
.burgers
{
	background: url(../img/main_screen/burger2.png) right bottom no-repeat;	
	background-size: contain;
}

#block1_1,#block2_1,#block3_1,#block4_1,#block_header
{
	height: 100%;
	position: relative;
}
#block2_info, #block3_info, #block4_info,#block_details
{
	background-color: #52B04C;
	height:100%;
	font-size: 12px;
	line-height: 150%;
	color: #FFFFFF;	
	display: none;	
	overflow-y: auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1300px)
{
	.info_screen_head
	{
		/*margin-left:-15px;*/
	}
}
@media (min-width: 1024px) {
	.info_screen
	{
		background-color: #fff;
		width:21%;
		
	}
	
}
@media (max-width:1024px) {
	.info_screen
	{
		background-color: #fff;
		width:44%;
		margin-bottom: 40px;
	}
}
@media (max-width: 768px) {
	.info_screen
	{
		background-color: #fff;
		width:98%;
	}
	.bonus1
	{		
		font-size: 16px;		
	}
}

#registerform-card_select label input[type="radio"]
{
	display: inherit;
	margin-left:20px;
}
.field-registerform-card_select
{
	display: inline-block;
}

#card2
{
	display: none;	
}
.sub, .add {
    margin: 4px;
	cursor: pointer;
	width: 50px;
	font-size:30px;
}
.subaddfield{
    text-align: center;
    width: 50%!important;
	margin: 4px;
	padding: 0px!important;
}
.subaddfield2{
	text-align: center;
	padding: 0px!important;
	margin:0 5px;
	
}
.subadddiv
{
	display:inline-flex;
	margin-bottom: 10px;
	width:100%;
	align-items: center;	
	justify-content: center;

}
.try_noform
{
	/*border:1px solid rgb(141, 140, 140);*/
}
.m_price 
{
	position: absolute;
	top:6%;
	right:5.5%;
	
	background:#52B04C;
	font-weight: normal;
	font-size: 20px;
	height:34px;
	border-bottom-left-radius: 34px;
	border-top-left-radius: 34px;
	/* identical to box height */
	text-align:right;	
	text-transform: uppercase;
	color: #FFF;
	padding-right: 5px;
	padding-left: 10px;
	display: block;
	z-index: 1;
}
#goorder_confirm,#goorder_confirm2
{
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
}
#basket2paytype label
{
	width:100%;
	height:75px;
}
#basket_div
{
	background: #fff;
	border-radius: 50px;
	border: 2px solid #4cae4c;
	height:100px;
	width:100px;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	right: 50px;
	top:20%;
	cursor: pointer;
	display: none;
	/*background: no-repeat url('../img/basket.png') center;
	background-size: contain;
	*/
}
#basket_value_circle
{
	background:red;
	height:40px;
	width:40px;
	border-radius: 20px;
	position: absolute;
	top:0%;
	right:-10%;
	color:#FFF;
	border: 1px solid #387934;
	display:flex;
	justify-content:center;
	text-align: center;
}
#basket_value
{
	margin:auto;
}
#basket_svg
{
	fill:#4cae4c;
}
#basket_cart
{
	
}
.inbasket
{
	max-width:70px;
	float: left;
	height:40px!important;
}
.delete_item_basket
{
	margin:0;
	cursor: pointer;	
	height:25px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}
.cart_single
{
	border:1px solid black;
	overflow: auto;
	margin-bottom: 20px;
	padding: 10px 0;
	background: #fff;
	padding-bottom: 10px!important;
}
.cart_single img
{
	max-width: 100%;
	max-height:120px;
    /*max-height: 100%;
    display: block; /* remove extra space below image */
}
.basket_name
{
	height:50px;
	text-align: left;
	display: flex;   
	align-items: center;
	margin: 10px 0;

}
#basket_cart div
{
	padding:0;

}
#basket_cart2
{
	padding:10px;
}
#basket_cart2 div
{
	/*padding:10;*/
}
#basket_cart2 img
{
	/*padding-left:10px;*/
}
.add2,.sub2
{
	width:40px;
	height:40px;
	margin:0;
	padding: 0;
	font-size:30px;
}
#sum2pay,#sum2pay2
{
	border: 1px solid #387934;
	background-color: rgba(210,237,208, 0.6);
	border-radius: 5px;
	
}
#sum2pay span,#sum2pay2 span
{
	text-align: left;	
	padding: 10px 0px 10px 0px;
}
#sum2pay2
{
	max-width: 40%;
	margin-left:30px;
	padding-left: 40px;
    padding-top: 40px;
}

@media(max-width:1199px) 
{
	#sum2pay2
	{
		max-width: inherit;
		margin-left: 0px;
		margin-top:20px;
	}
}
.basket_buy
{
	margin:20px 0;
}
.basket_buy button
{
	position: unset;
	margin: 10px 0;
	width:100%;
	height:50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal99
{
	max-height:none;
	height:auto;
	background: url('../img/background_lines.svg') #fff;	
}
.modal88 /*del_card_modal*/
{
	height:auto;
}
.order_details
{
	align-items: center;
	display: flex;
}
.order_details_all
{
	padding-left:20px!important;
}
#modal99
{
	max-width:700px;
	max-height:max-content;
	/*margin-top:50px;*/

}
#left_side
{
	min-height:300px;
	
	display: none;
}
#right_side
{
	/*background: #4cae4c;*/
}
.settings_submit
{
	margin:0;
}
.order_buttons
{
	display: flex;
	justify-content: center;
}

  .cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
	min-height: 150px;
   	max-width:450px;
    position: absolute;
    top: 40%;   
    z-index: 999;
	background: rgba(0,0,0,0.4);
  }
  .spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #52B04C solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
  }
  @keyframes sp-anime {
	100% { 
	  transform: rotate(360deg); 
	}
  }
  .is-hide{
	display:none;
  }
#loader_goodik
  {
	background: url('../img/goodik.svg') #FFF center no-repeat;	
	background-repeat: no-repeat;
	background-size: contain;
	/*height:600px;
	width:600px;*/
	max-width:600px;
	max-height:600px;
	width:80%;
	height:100%;
	position:fixed;
	left: 50%;
	top:50%;
    transform: translate(-50%, -50%);
	z-index:9999;
	border:1px solid #52B04C;
	border-radius: 10px;
  }
#loader_goodik_text
  {
	 position:absolute;
	 background:#fff;
	 bottom:30px;
	 border:3px solid #52B04C;
	left:50%;
	transform:translate(-50%, -50%);	
	width:70%;
	
	 
  }
#loader_goodik_text p
{
	font-size: 22px;
	line-height: 150%;
	color: #52B04C;
	font-weight: 600;
	text-align: center;
}
#loader_background
{
	background-color: rgba(80, 80, 80, 0.5);	
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:9990;
	display:none;
}
.thx_goodik
{
	max-height:600px;
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:50%;  
}
@media(max-width:767px) 
{
	.thx_goodik
	{
		display: none;
	}
}
.thx_page h2
{
	text-align: center;
	margin-bottom: 40px;
}
.thx_page p
{
	text-align: center;
	font-size: 20px;
	line-height: 180%;
	color: #52B04C;
    font-weight: 600;
}
.fuel_radio
{
	width:100%;
}
.newfuelblock
{
	height:70px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 10px;
	border: 1px #52B04C solid;
	
}
.fuel_img_block
{
	background: url(../img/background_lines.svg) rgba(0, 0, 0, 0.7);
	border-radius: 10px;
	
}
.fuel_img_block img
{
	max-height:65%;
	max-width:65%;
}
.fuel_img_block,.fuel_price_block 
{
	display: flex;
    justify-content: center;
    align-items: center;
}
.fuel_price_block span
{
	font-weight: 600;
	font-size:18px;
}

.btnfuel2:active >.fuel_img_block, .btnfuel2.active>.fuel_img_block, .btnfuel2:hover>.fuel_img_block, .btnfuel2.hover>.fuel_img_block
{
	background: url(../img/background_lines.svg) rgba(82.0, 176.0, 76.0, 1);
}
.btnfuel2
{
	height:100%;
	width:100%;
	outline:none;
	touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	
}
.newfuel_pay
{
	width:47%;/*80*/
	height:90px;
}
@media (max-width:1300px  ){
	.newfuel_pay
	{
		width:97%;
	}
}
@media (max-width:767px)
{
	.newfuel_pay
	{
		width:100%;
	}
}
/*NEW_TRANS_BLOCK_START*/
.trans_block
{
	height:180px;
	width:100%;
	border:1px solid #9ea29e;
	background-color: #FFF;
	margin-top: 10px;
	padding: 10px 5px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.trans_mini
{
	float:right;
	width:90%;
	
}
.trans_ico img
{
	height:100%;
	width:100%;
	-webkit-filter: opacity(.3) drop-shadow(0 0 0 black);
	filter: opacity(.3) drop-shadow(0 0 0 black);
	object-fit: contain;
}
.tr_bonus
{
	display: block;
	text-align: right;
}
.trans_btn
{
	margin:0;
	width:100%;
	max-width:100%;
	float:none;
	border-radius: 0px;
	border:0px;
	background:#dadada;
	color:#000
}

.trans_btn span
{
	display: flex;
	align-items: center;
}
.trans_btn:hover, .trans_btn:active, .trans_btn.active, .trans_btn.hover,.trans_btn:focus, .trans_btn.focus
{
	background:#b4b4b4;
	outline: none;
}
.trans_btn_details
{
	border:1px solid #9ea29e;
	background: #fff;
	margin-top:-5px;	
}
.win_msg
{
	color: #52B04C;
	display:block;
	text-align:right;
	font-weight:600;
}
.details_table
{
	width:100%;
	margin-bottom: 10px;
}
.totall_details_1
{
	width:70%;
	display: inline-block;
	
}
.totall_details_2
{
	width:30%;
	text-align: right;
	font-weight: 600;
	float: right;
}
.win_msg_details
{
	width:95%;
	padding-top:20px;
	margin: 10px 2% 0 2%;
	
	border-top: 1px solid #cdcfcd;
}
.win_msg_details span
{
	color:#52B04C;
	font-weight: 600;
}
.table_cent
{
	text-align: center;
}
.table_rght
{
	text-align: right;
}
/*NEW_TRANS_BLOCK_END*/
.slc_h2 h2
{
	margin-top:0px;
}
/**/

  .wrapper{
	width:100%;
  }
 
  .panel-heading {
	padding: 0;
	  border:0;
  }
  
  .panel-title>a, .panel-title>a:active,.panel-title>a:hover,.panel-title>a:focus,.panel-title>a.focus, .panel-title>a.active,.panel-title>a.hover{
	display:block;
	padding:15px;
	color: #313131;	
	text-transform:none;
	/*letter-spacing:1px;*/
	word-spacing:3px;
	text-decoration:none;
  }
 
.panel-heading a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: grey;
	transition: all 0.5s ease;
	  }
	  
 .panel-heading a.collapsed:after {		
	transform: rotate(180deg);		
	  } 

  .accordeon_title
  {	
	background: #FFFFFF; 
	/*outline: 1px solid #F6F6F6;*/
    border: 0px;
    text-transform: none;
    line-height: 18px;
	margin-top: 0;
	display: block;
	width:100%;
	
  }
  #apppromo
  {
	  text-align: center;
	  font-size: 24px;
	  font-weight: 600;
  }
  .level_curr
  {
	font-size: 42px;    
    color: #52B04C;
  }
  .prize_word
  {
	  display: inline-flex;
	 
	  background: #52B04C;
	  color:#fff;
	  margin-right: 1px;
	  align-items: center;
	  justify-content: center;
	  font-size: 20px;
      font-weight: 600;
	  border:2px solid black;

  }
  .red_p
  {
	  background: crimson;
  }
  #prizes
  {
	margin: 10px 0px;
  }
  #prizes h2
  {
	  text-align: center;
  }
  .prizes_body
  {
	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
	background: #fff;
	border:1px solid #52B04C;
	padding: 10px; 	
	
  }
  @media (min-width: 992px) {
	.prizes_body{
		margin:0 25px ;
	}
	.prize_word
		{
			height: 50px;
			width:50px;
		}
  }
  @media (max-width: 992px) {
	.prizes_body{
		margin:0 ;
	}
	.prize_word
	{
		height:40px;
		width:40px;
	}
  }
  .kv-meter-container
  {
	  display:none!important;	
  }
  
  @media(min-width:769px) {
	  .password_rules,.insurance_mobile,.insurance_mobile2
	  {
		  display: none;
	  }
	  .out_password
	  {
		  position: absolute!important;
		  margin-left: -30px;
		  margin-top: 10px;
	  }	
  }
  @media (max-width:768px)
  {
	  .out_password, .insurance_desctop
	  {
		  display: none!important;
	  }
	  .insurance_hotline
	  {
		  align-items: center;
	  }	
  }
  @media (min-width:451px)
  {
	  .insurance_mobile2
	  {
		  display: none;
	  }
	  .insurance_btn
	  {
		  width:50%;
		  max-width: 350px;
	  }
  }
  @media (max-width:450px)
  {
	  .insurance_desctop2
	  {
		  display: none;
	  }
	  .insurance_btn
	  {
		  width:100%;
		  max-width: 100%;
	  }
  }
  .insurance_btn
  {
    cursor: pointer;
    background: #52B04C;
    box-sizing: border-box;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
	border: 1.5px  solid #52B04C;
	border-radius: 5px;
  }
  .insurance_btn:visited, .insurance_btn:hover, .insurance_btn:active, .insurance_btn:focus
  {
	  color: #fff;
	  text-decoration: none;
  }
  .insurance_btn:hover,.insurance_btn:focus
  {
	background: #387934;
  }
  .insurance_banner
  {
	  width:100%;
  }
  .insurance_text
  {
	  max-width:600px;
	  margin-top: 30px;
  }
  .insurance_hotline
  {
	  display: flex;
	  max-width:650px;
  }
  .insurance_hotline img
  {
	  height:44px;
	  width:44px;	
	  margin-right: 10px;
  }
  @-webkit-keyframes pulsate {
	  50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
	 }
	 @keyframes pulsate {
	  50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
	 }
.blink7 {
	   color: rgb(245,245,245);
	   text-shadow: 0 -1px rgba(0,0,0,.1);
	  
	   -webkit-animation: pulsate 1.2s linear infinite;
	   animation: pulsate 1.2s linear infinite;
}

  
  .background-half-round {
	width: 300px;
	height: 150px;
	background: #232323;
	margin: auto;
	border-radius: 300px 300px 0 0;
	border: 10px solid #f8f8f8;
	border-bottom: 0;
	box-shadow: inset 0 2px 5px #151515;
	position: relative;
  }
  
  .background-half-round:after {
	content: "";
	width: 50px;
	height: 25px;
	position: absolute;
	background: #2f2f2f;
	display: block;
	top: auto;
	bottom: 0;
	border-radius: 50px 50px 0 0;
	box-shadow: inset 0px 3px 5px 0px #151515;
	z-index: 5;
	margin: auto;
	left: 0;
	right: 0;
  }
  
  .speed-number-wapper {
	position: absolute;
	width: 100%;
	height: 100%;
  }
  
  .speed-number {
	color: #fff;
	
  }
  .speed-number span:after {
	content: "";
	width: 2px;
	height: 5px;
	background: #fff;
	position: relative;
  }
  
  .speed-0,
  .speed-20,
  .speed-40,
  .speed-80,
  .speed-100,
  .speed-120 {
	position: absolute;
	bottom: 0;
	width: 50%;
  }
  .speed-0 span {
	padding: 0px 0px 0px 15px;
	color: #ff4141;
  }
  
  .speed-20 {
	transform: rotate(30deg);
	transform-origin: 100% 0%;
  }
  
  .speed-20 span {
	transform: rotate(-30deg);
	display: inline-block;
	position: absolute;
    left: 10%;
    top: -10px;
  }
  
  .speed-40 {
	transform: rotate(60deg);
	transform-origin: 100% 0%;
  }
  .speed-40 span {
	transform: rotate(-60deg);
	display: inline-block;
	top: -10px;
    left: 15%;
    position: absolute;
  }
  
  .speed-60 {
	margin: auto;
	text-align: center;
  }
  .speed-60 span{
	color: #dfe21f;
	position: absolute;
    top: 10px;
    left: 46%;
  } 
  .speed-80 {
	transform: rotate(120deg);
	transform-origin: 100% 0%;
  }
  
  .speed-80 span {
	transform: rotate(-120deg);
	display: inline-block;
	position: absolute;
    top: -10px;
    left: 15%;
  }
  
  .speed-100 {
	transform: rotate(150deg);
	transform-origin: 100% 25%;
  }
  
  .speed-100 span {
	transform: rotate(-150deg);
	display: inline-block;
	position: absolute;
    left: 15%;
	top:-10px
	
  }
  
  .speed-120 {
	transform: rotate(180deg);
	transform-origin: 100% 50%;
  }
  
  .speed-120 span {
	transform: rotate(-180deg);
	display: inline-block;
	padding: 0px 5px 0px 0px;
	color: #52B04C;
	font-weight: bold;
  }
  
  .dashboard-icon{
	width:20px;
  }
  
  .dashboard-icon svg{
	fill: #4b4b4b;
	  position: absolute;
	  max-width: 45px;
	  margin: auto;
	  bottom: 15px;
	  left: 70px;
  }
  .dashboard-icon svg:hover{
	fill: #ff4141;
  }
  .pointer {
	background: #ffa500;
	width: 8px;
	height: 140px;
	border-radius: 10px;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /*IE 9*/
	-ms-transform-orgin: 50% 100%; /*IE 9*/
	-webkit-transform: rotate(-90deg); /*safari 3-8*/
	-webkit-transform-orgin: 50% 100%; /*safari 3-8*/
	margin: auto;
	transform-origin: 50% 100%;
  }
  
  .speed-ani100 {
	animation: speeding  4s infinite alternate;
  }
  .speed-ani1 {
	animation: speeding1  3s infinite alternate;
  }
  .speed-ani2 {
	animation: speeding2  1.5s infinite alternate;
  }
  .speed-ani3 {
	animation: speeding3  1.5s infinite alternate;
  }
  .speed-ani4 {
	animation: speeding4  1.5s infinite alternate;
  }
  .speed-ani5 {
	animation: speeding5  1.5s infinite alternate;
  }
  @keyframes speeding1 {
	0% {
	  transform: rotate(-85deg);
	}
	100% {
	  transform: rotate(-60deg);
	}
  }
  @keyframes speeding2 {
	0% {
	  transform: rotate(-60deg);
	}
	100% {
	  transform: rotate(-30deg);
	}
  }
  @keyframes speeding3 {
	0% {
	  transform: rotate(-30deg);
	}
	100% {
	  transform: rotate(0deg);
	}
  }
  @keyframes speeding4 {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(30deg);
	}
  }
  @keyframes speeding5 {
	0% {
	  transform: rotate(30deg);
	}
	100% {
	  transform: rotate(60deg);
	}
  }
  @keyframes speeding {
	0% {
	  transform: rotate(60deg);
	}
	
	20% {
	  transform: rotate(70deg);
	}
	40%
	{
		transform: rotate(80deg);
	}
	60%
	{
		transform: rotate(85deg);
	}
	80%
	{
		transform: rotate(81deg);
	}
	100% {
		transform: rotate(85deg);
	  }
	
  }
.speed_footer
{
	height:10px;
	width:100%;
	background: #2f2f2f;
	position:absolute;	
}	 

/************************SPINER*************************/
.box-roulette{/* position:relative; */margin:50px auto;width:600px;height:600px;border:10px solid #D0ECCE;border-radius:50%;background:#ccc;overflow:hidden;}

.box-roulette .roulette{position:relative;width:100%;height:100%;overflow:hidden;}
.box-roulette .item{position:absolute;top:0;width:0;height:0;border:0 solid transparent;transform-origin:0 100%;}
.box-roulette .label
{
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	white-space:nowrap;
	transform-origin:0 0;
}
.box-roulette .spin_img
{
	position:absolute;
	/* right:120%; */
	left: -90px;
	transform-origin:0 0;
}
.box-roulette .label .text{display:inline-block;font-size:20px;font-weight:bold;line-height:1;vertical-align:middle;position: absolute;
    /* left: -45px;
    top: 20px; */
	position: absolute;
    left: -30px;
    top: 20px;
}
.box-roulette .markers
{
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-30px;
	width:60px;
	height:55px;
	z-index:9999;
	background-image: url(../img/spin_arrow2.png) ;
	background-repeat: no-repeat;
}
#spin_center{
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin:-50px 0 0 -50px;
	width:100px;
	height:100px;
	font-weight:bold;
	background-image: url(../img/spin_logo.svg); 
	background-position: center;
	background-size: 60%;
	background-color: #fff;
	background-repeat: no-repeat;
	border-radius:50px;
	z-index:9999;
	border:10px solid #D0ECCE;
}
/***********************END_SPINER**********************/ 
.spin_logo
{
	background: none;
}

.spin_prizes
{
	background: #fff;
	margin-top: 20px;	
	padding:25px;
	-webkit-box-shadow: 0px 0px 8px 0px #d2edd0;
	   -moz-box-shadow: 0px 0px 8px 0px #d2edd0;
	        box-shadow: 0px 0px 8px 0px #d2edd0;

}
#logo_spin .spin_back_home
{
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 25%;
	font-weight: 600;
	color:#3DAE2B;
	position: absolute;
    top: 15px;
	
}
#logo_spin .spin_back_home:before
{
	
	content: "\2190";
	font-size: 25px;
	text-decoration: none;
	margin-right: 10px;
}
.spin_logo a,.spin_logo a:hover,.spin_logo a:active,.spin_logo a:focus
{
	text-decoration: none;
}
@media (min-width: 768px) {
	.spin_menu
	{
		display: none;
	}
}
.spin_body
{
	width: 100%;
    height: auto;
    background: url(../img/background_lines.svg),url(../img/spin_snow.svg);
}
.spin_description .spin_left,.spin_left_col
{
	padding: 0;
	text-align: left;
	float: left;
}
.spin_description .spin_right,.spin_right_col
{
	padding: 0;
	text-align: right;
	float: right;
}
.spin_description 
{
	clear: both;
	padding-top: 15px;
}
.spin_quest_icon
{
	cursor: pointer;
	font-weight: 600;
	display: flex;
	align-items: center;
    align-content: center;
    flex-direction: row;
	text-transform: uppercase;
}
.spin_quest_icon:before
{
	content: "";
	background-image: url(../img/spin_question.svg);
	background-repeat: no-repeat;
	background-size:cover;
	height:25px;
	width:25px;
	display:inline-block;
	margin-right: 10px;
}
#spin_question
{
	padding-top: 10px;
	padding-left: 0;
}
.spin_modal {border-radius: 10px;max-width: 460px;max-height:490px;padding-top: 10px; display: flex;flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center;  align-items: center;}
.spin_close
{
	position: absolute;
    right: 15px;
	top:-10px;
    overflow: visible;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    border: 0;
    outline: 0;
    background: transparent;
	z-index: 10;

}
.spin_close:before {
    transform: rotate(45deg);
	
}
.spin_close:after {
    transform: rotate(-45deg);
	
}
.spin_close:before, .spin_close:after {
    position: absolute;
    top: 0px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #3DAE2B;
}
.spin_close:hover,.spin_close:active,.spin_close:focus
{
	background: none;
}
#spin_modal_img
{
	padding-top: 10%;
}
@media (min-width: 768px) {
	#spin_modal_img
{
	padding-top: 10%;
}
}
@media (min-width: 767px) {
	#spin_modal_img
{
	padding-top: 5%;
}
}
#spin_modal_h2
{
	font-size: 25px;
}
#spin_get_prize
{
	margin-top: 5px;
	min-height: 50px;
}
.spin_footer
{
	position: initial!important;
}
.inline_line div
{
	display: inline;
}
#spin_prizes_list table thead
{
	background: #D2EDD0;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
	height: 50px;
}
#spin_prizes_list table thead tr th
{
	text-align: center;
	vertical-align: middle;
}
#spin_prizes_list table tbody tr:nth-child(2n)
{
	background: #EAF9EB;
}
#spin_prizes_list table tr
{
	height: 50px;
	vertical-align: middle;
}
#spin_prizes_list table tr th
{
	vertical-align: middle;
	text-align: center;
}
#spin_prizes_list , #spin_prizes_list .table > tbody > tr > th, #spin_prizes_list .table > thead > tr > th 
{
	border:0px;
	border-bottom:0px;
}
#spin_prizes_list table td
{
	border: 1px #D2EDD0 solid;
	border-top:0px;
	border-bottom: 0px;
}
#spin_prizes_list table td:last-child
{
	border-right: 0px;
}
#spin_prizes_list
{
	margin-top:20px;
}
#spin_prizes_header
{
	position: absolute;
	content:""; /*вместо того, чтобы создавать div с фоном и позиционировать внутри родительского блока*/
	background-repeat: no-repeat;
	background-image: url(../img/spin_prizes.png);
	height:130px;
	width:110px;
	display: block;
	margin-top: -135px;
}
.spin_empty_header
{
	margin-top:-80px!important;
}
@media (min-width: 1100px) {
	#spin_prizes_header	{right:10%;}
	.spin_left{	padding-left: 8%;}
	.spin_prizes{	padding:35px;}
}
@media (max-width: 1100px) {
	#spin_prizes_header	{right:5%;}
	.spin_left{	padding-left: 3%;}
	.spin_prizes{	padding:15px;}
}
.td_center
{
	text-align: center;
}
#spin_alert
{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
   
}
#spin_alert p{padding-left: 10px;font-size: 12px;color:#EE1C25 ;}
.spin_empty
{
	color:#A3C1A1;
	font-size: 16px;
}
#spin_button
{
	width:100%;
	height:60px;
	font-size: 18px;
}
.power_controls
{
	width:100%;
}
.gobtn
{
	display: flex;
	width:100%;
	justify-content: center;
}
.spin_red_btn
{
	background: #ef3535;
}
.spin_red_btn:hover,.spin_red_btn:active,.spin_red_btn:focus
{
	background: #d21414;
}
.sms1block,.sms2block,.verif_error
{
	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#verif_sms
{
	max-width:200px;
}
.verifoff,.verifon
{
	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
	height:100%;
}
#verif_errors
{
	display: block;
	margin-top:10px;
	margin-bottom: 10px;
	color:red;
}
.sms_btns
{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	width: 100%;
}
.sms_btns button
{
	width: 100% !important;
	max-width:200px!important;
	
}
#check_cancel_sms, #check_cancel_sms2
{
	width:100%;
	max-width:300px;
	margin-right: 20px;
}
@media (max-width: 768px) {
#sms_modalbody h2
{
	font-size: 25px;
}
.sms_btns button
{
	font-size: 14px;
}
}