@charset "utf-8";
/*@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helveticaneuecyr-medium.eot');
    src: url('../fonts/helveticaneuecyr-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuecyr-medium.woff') format('woff'),
         url('../fonts/helveticaneuecyr-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}*/

/*------------------------------------------
--  Reseting -------------------------------
------------------------------------------*/
body {
    padding: 0;
    margin: 0;
    font: 15px/1.5 'Helvetica Neue', Helvetica, sans-serif;
    color: #262626;
	background:#fff;
				}
h1, h2, h3, h4, h5, h6,  pre, code {
    padding: 0;
    margin: 0;
    line-height: 1em;
	font-weight: normal;
    font-size: 100%;
    font-style: normal;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
				}
table {
    font-size: inherit;
    font: 100%;
				}
ul {
    list-style: none;
    margin-top: 0;
    margin-left: 0;
	padding-left:0;
				}
img {
    border: 0;
				}
p {
    margin: 0 0 10px;
				}
input, textarea{
    font-family: 'Helvetica Neue', Geneva, sans-serif;
	border:1px solid #c4dce7;
				}
				
div.form label.error{
   display:none !important;}

   input.error{
	   border-color:#f00 !important;
   }
input:focus{
    outline: none !important;
				}

/* Links
------------------------------------------*/

a:link, a:visited, a:hover, a:active
{ 
color: #2e65e6;
font-size: 21px;
	text-decoration:none;
				}
a:hover			
{ 
	text-decoration: underline;
				}
a img			
{ 
	border: none 
				}
/* buttons
------------------------------------------*/
a.button{
	min-width: 395px;
	font-size: 19px;
	text-align: center;
	padding: 17px 20px 19px;
background-image: linear-gradient(180deg, #fc0 0%, #ffbf00 100%);
border-radius: 100px;
color: black;
position: relative;
}
a.button:hover{
	background-image: linear-gradient(180deg, #fc0 0%, #ff9500 100%);
	text-decoration: none;
}
a.button.grey{
	background-image: linear-gradient(180deg, #fafafa 0%, #f2f2f2 100%);
}
a.button.grey:hover{
	background-image: linear-gradient(180deg, #fafafa 0%, #e0e0e0 100%);
}
a.button.big{
	min-width: 440px;
}
a.button.next:after{
	position: absolute;
	content:'';
	width: 16px;
	height: 28px;
	top: 50%;
	margin-top: -14px;
	right: 20px;
	background: url(../images/sprite.png) no-repeat 0 -1285px;
	}
a.button.one-line{
	line-height: 45px;
}
a.button.disabled{
	opacity: 0.5;
}
a.button.disabled:hover{
background-image: linear-gradient(180deg, #fc0 0%, #ffbf00 100%);
cursor: default;
}
a.button.mid-text{
	font-size: 15px;
}

/* Global Classes
------------------------------------------*/
.t-center{
	text-align: center;
}

.clear			
{ 
	clear: both 
				}
.floatLeft		
{ 
	float: left 
				}
.floatRight		
{ 
	float: right 
				}

.noPadding		
{ 
	padding: 0 !important; 
				}
.noMargin		
{ 
	margin: 0 !important; 
				}

.noBorder		
{ 
	border: none !important;
				}
.noBg			
{ 
	background: none !important; 
				}

.imgLeft		
{ 
	float: left; 
	margin: 0 15px 15px 0 
				}
.imgRight		
{ 
	float: right; 
	margin: 0 0 15px 15px 
				}

.cf:after 
{ 
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden 
				}
.cf 		
{ 
	display: inline-block 
				}

/* Hides from IE-mac \*/
* html .cf 
{ 
	height: 1% 
				}
.cf 		
{ 
	display: block 
				}
/* End hide from IE-mac */
/* End hide from IE-mac */

/*--------------*/
html,
body{
	height: 100%;
}



.preload{
	position: absolute;
	left: -9999px;
	top: 0;
	
}
.extra{
	width: 980px;
	margin: 0 auto;
	position: relative;
	}
div.header { 
	background: url(../images/picture.jpg) center 0 no-repeat #161616;
	background-size:cover;
	color:#fff;
 }
  div.header .extra.top{
	  overflow: hidden;
	  height: 75px;
  }
  div.header .hr{
	  height: 1px;
background-color: rgba(0, 0, 0, 0.1);
  }
  div.header div.logo { 
  	position: absolute;
	left: 0;
	top: 16px;
	width: 163px;
	height: 44px;
   }
  div.header div.logo a{
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  display: block; 
  }
  div.header div.logo a img {width: 180px;}
  div.header div.right { 
  	float: right;
	text-align: right;
	padding-top: 20px;
   }
   div.header div.right span.tel { 
   	font-size: 17px;
font-weight: 400;
line-height: 23px;
display: inline-block;
margin-right: 16px;
    }
   div.header div.right a.personal { 
   text-decoration: none;
   display: inline-block;
   padding: 5px 11px;
   line-height: 22px;
   color: #ffbf00;
   font-size: 13px;
height: 22px;
background-color: transparent;
border: 2px solid #ffbf00;
border-radius: 100px;
   	 }
   div.header div.right a.personal:hover { 
   background-image: linear-gradient(180deg, #fc0 0%, #ff9500 100%);
   color: #262626;
   }
   
  div.header h1 { 
  	font-size: 43px;
	margin-top: 166px;
	line-height: 58px;
  text-align: center;
   }
   div.header h1 br {  }
   div.header h1 span.marked { 
   	display: inline-block;
	padding-bottom: 15px;
	position: relative;
	
    }
   div.header h1 span.marked:after { 
   	content: '';
	position: absolute;
	left: 50%;
	bottom: 3px;
	margin-left: -92px;
	width: 184px;
	height: 14px;
	background: url(../images/sprite.png) no-repeat -231px 0;
   }
  div.header p.desrc { 
  	font-size: 19px;
	margin-bottom: 83px;
	text-align: center;
	margin-top: 9px;
	line-height: 28px;
   }
   div.header p.desrc br {  }
  a.button.start { 
  	width: 320px;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 33px;
   }
   a.button span.min { 
   	font-size: 13px;
   	display: block;
	text-align: center;
    }
   .inner a.button {
	   width: 395px;
	   padding: 10px 0;
   }
   .inner a.button.grey span.min {
	   color: #999; 
   }
   .inner a.button span.min {
	   color: #262626;
	   margin-top: -2px;
   }
   a.button.big span.min { 
   	display: block;
	text-align: center;
	font-size: 17px;
    }
  .header a.button.start { 
  	font-size: 21px;
	padding: 11px 20px 12px;
	min-width: 280px;
	width: 280px;
  }
  .header a.button.start span.min { 
  	font-size: 13px;
  }
  div.m-nomer { 
  	text-align: center;
	position: relative;
	margin-top: 28px;
	color: #ffbf00;
	font-size: 21px;
   }
  div.m-nomer:after {
	  
	  position: absolute;
	  left: 50%;
	  margin-left: -6px;
	  content: '+'; 
	  font-size: 26px;
	  top:-27px;
  }
  i.icon{
   	display: inline-block;
	margin-right: 7px;
	vertical-align: top;
	}
	i.icon.gift { 
	width: 22px;
	height: 22px;
	background: url(../images/sprite.png) no-repeat 0px -72px;
	position: relative;
	top: 2px;
    }
  div.header div.benefits { 
  	margin-top: 91px;
	text-align: center;
	padding-bottom: 10px;
   }
   div.header div.benefits div.one{
	   display: inline-block;
	   width: 175px;
	   font-size: 15px;
	   color:#fff;
	   margin-left: 87px;
	   position: relative;
	   text-align: center;
	   margin-bottom: 20px;
   }
   div.header div.benefits div.one:before{
	   content:'';
	   display: block;
	   margin: 0 auto;
	   margin-bottom: 3px;
	   height: 80px;
	   width: 80px;
   }
   div.header div.benefits div.one:first-child{
	   margin-left: 0;
   }
   div.header div.benefits div.one.free:before { 
	background: url(../images/sprite.png) no-repeat -80px -70px;
   	
    }
   div.header div.benefits div.one.func:before {
	background: url(../images/sprite.png) no-repeat -240px -70px;  }
   div.header div.benefits div.one.tariffs:before { 
   	width: 90px;
	background: url(../images/sprite.png) no-repeat -400px -70px; }
   div.header div.benefits div.one.comp:before { 
	background: url(../images/sprite.png) no-repeat -574px -70px; }
div.content { 
	padding-top: 74px;
	background: #fff;
	padding-bottom: 61px;
	overflow: hidden;
 }
  div.content h2 { 
  	font-size: 33px;
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.35;
   }
  div.content div.tariff-l { 
  	text-align: center;
	margin-bottom: 54px;
	margin-top: 68px;
   }
   div.content div.tariff-l div.one { 
   	display: inline-block;
	width: 308px;
	margin-left: 23px;
		text-align: center;
   	 }
   div.content div.tariff-l div.one:first-child {
	   margin-left: 0; 
   }
    div.content div.tariff-l div.one h3, div.content div.tariff-l div.one .like-h3 { 
		font-size: 25px;
		margin-bottom: 35px;
	 }
    div.content div.tariff-l div.one ul.price { 
		background: #f5f5f5;
		border-radius: 10px;
		margin-bottom: 27px;
	 }
     div.content div.tariff-l div.one ul.price li { 
	 	border-top: 2px solid #fff;
		padding: 9px 20px 10px;
		font-size: 15px;
	  }
     div.content div.tariff-l div.one ul.price li:first-child { 
	 border-top: none;
	 }
      div.content div.tariff-l div.one ul.price li div.rub { 
	  	display: inline-block;
		font-size: 21px;
	   }
      div.content div.tariff-l div.one ul.price li p.descr { font-size: 13px;
	  margin-bottom: 0;
	  margin-top: 1px;
	   }
    div.content div.tariff-l div.one ul.t-benef { 
		font-size: 15px;
		color: #666;
	 }
     div.content div.tariff-l div.one ul.t-benef li { 
	 	margin-top: 12px;
	  }
      div.content div.tariff-l div.one ul.t-benef li b { 
	  	font-size: 17px;
	   }
	   i.icon.help { 
	   	width: 20px;
		height: 20px;
	background: url(../images/sprite.png) no-repeat -669px -7px;
	margin-left: 5px;
		
	    }
    div.content div.tariff-l div.one div.descr-pop { 
		font-size: 11px;
		text-align: center;
		margin-top: -31px;
		margin-bottom: 17px;
		position: relative;
		padding-bottom: 14px;
		color: #999;
	 }
    div.content div.tariff-l div.one div.descr-pop:after { 
		position: absolute;
		content:'';
		bottom: 0;
		left: 50%;
		margin-left: -73px;
		width: 150px;
		height: 14px;
	background: url(../images/sprite.png) no-repeat -475px 0px;
		
	}
    div.content div.tariff-l div.one ul.price.pop { 
		background: #ffbf00;
	 }
     div.content div.tariff-l div.one ul.price.pop li {  }
      div.content div.tariff-l div.one ul.price.pop li div.rub {  }
      div.content div.tariff-l div.one ul.price.pop li p.descr {  }
  div.content a.download-tariff { text-decoration: underline; }
div.content.stripe { 
	background: #fafafa;
 }
 div.content {  }
  div.content h2 {  }
  div.content ul.styled-list { 
  	background-image: linear-gradient(to top, #f2f2f2 0%, #dbdbdb 100%);
border-radius: 100px;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.06);
display: inline-block;
text-align: center;
margin-bottom: 32px;
overflow: hidden;
  	 }
	
   div.content ul.styled-list li { 
   	display: inline-block;
	font-size: 15px;
	padding: 10px 30px 12px;
	position: relative;
	cursor: pointer;
	line-height: 1.15;
    }
   div.content ul.styled-list li a{ 
	font-size: 15px;
	color:#262626;
   	
   }
  div.content ul.styled-list.one-line li{ 
	padding: 13px 30px 15px;
	font-size: 17px;
  }
   div.content ul.styled-list li:after { 
   content: '';
   position: absolute;
   left: -1px;
   top: 4px;
   bottom: 4px;
   width: 1px;
   opacity: 0.05;
   background: #000;
   }
   div.content ul.styled-list li:first-child:after { 
   	display: none;
   }
   div.content ul.styled-list li:hover {
	   text-decoration: underline; 
   }
   div.content ul.styled-list li.selected { 
   	background-color: #ffbf00;
	text-decoration: none;
    }
   div.content ul.styled-list li.selected + li:after { 
   display: none;
   }
  div.content div.slider { 
  	margin-bottom: 82px;
	position: relative;
   }
   div.content div.slider div.wrap { 
	margin: 0 auto;
    }
    div.content div.slider div.wrap div.one { 
		text-align: center;
		float: left;
		width: 980px;
	 }
     div.content div.slider div.wrap div.one img { 
	 	
	 	display: inline-block;
		border: 1px solid rgba(0, 0, 0, 0.04);
border-radius: 6px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
	  }
     div.content div.slider div.wrap div.one p.descr { 
	 	text-align: center;
		width: 520px;
		margin: 30px auto 0;
	  }
   div.content div.slider div.prev { 
   	position: absolute;
	cursor: pointer;
	top: 150px;
	left: 0;
	width: 100px;
	height: 100px;
	background: url(../images/sprite.png) no-repeat 0px -804px;
    }
   div.content div.slider div.prev:hover { 
	background: url(../images/sprite.png) no-repeat 0px -950px;
   }
   div.content div.slider div.next { 
   	position: absolute;
	cursor: pointer;
	top: 150px;
	right: 0;
	width: 100px;
	height: 100px;
	background: url(../images/sprite.png) no-repeat -152px -804px; }
   div.content div.slider div.next:hover { 
	background: url(../images/sprite.png) no-repeat -152px -950px;
   }
  div.content a.button.big {  }
   div.content a.button.big span.min {  }
  div.content div.m-nomer { 
  	color: #262626;
	margin-top: 34px;
   }
   div.content div.m-nomer i.icon.gift { 
	background: url(../images/sprite.png) no-repeat 0px -109px;
   	
    }
  div.content div.avail { 
  	width: 440px;
	height: 440px;
	padding: 1px;
	margin: 106px auto 65px;
	position: relative;
	color: white;
	text-align: center;
   }
  div.content div.avail:before { 
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -1000px;
  top: 200px;
  width: 2000px;
  height: 73px;
	background: url(../images/spline.png) repeat-x center 0;
  }
  div.content div.avail:after { 
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  
  	width: 440px;
	height: 440px;
	background: url(../images/sprite.png) no-repeat 0px -181px;
  }
   div.content div.avail *{
	   position: relative;
	   z-index: 2;
   }
   div.content div.avail div.title { 
   	font-size: 33px;
	margin-top: 90px;
    }
   div.content div.avail div.percent { 
   	display: inline-block;
	padding-bottom: 30px;
	font-size: 65px;
	color: #fafafa;
	position: relative;
	margin-top: 23px;
    }
   div.content div.avail div.percent:after { 
   	position: absolute;
	content:'';
	width: 210px;
	height: 19px;
	left: 50%;
	margin-left: -105px;
	bottom: 20px;
	background: url(../images/sprite.png) no-repeat -440px -854px;
   }
   div.content div.avail div.descr {  
   	font-size: 15px;
	width: 280px;
	margin: 22px auto 12px;
	font-size: 15px;
   }
   div.content div.avail div.descr.min { 
	width: 200px;
	font-size: 13px;
	margin: 0 auto; }
   div.content h2 br {  }
  div.content div.we-are { 
  	margin-top: 62px;
	text-align: center;
	margin-bottom: 10px;
   }
   div.content div.we-are div.one { 
   	display: inline-block;
	margin-left: 65px;
    }
   div.content div.we-are div.one:first-child { 
   	margin-left: 0;
   }
    div.content div.we-are div.one div.digits { 
		color: #ffbf00;
font-size: 55px;
line-height: 1.35;
	 }
  div.content div.logos { 
  	margin: 68px -46px 106px;
	text-align: center;
	position: relative;
   }
   
  div.content div.logos:after {
	  content: '';
	  position: absolute;
	  z-index: 2;
	  left:0;
	  top: 0;
	  bottom: 0;
	  width: 200px;
background: linear-gradient(270deg, transparent 0%,#fafafa 100%); 
  }
  div.content div.logos:before {
	  content: '';
	  position: absolute;
	  z-index: 2;
	  right:0;
	  top: 0;
	  bottom: 0;
	  width: 200px;
background: linear-gradient(270deg, #fafafa 0%, transparent 100%);
  }
  div.content div.logos img{
	  display: inline-block;
	  margin-left: 45px; 
	  margin-right: 0;
  }
  div.content div.big-man { 
  	overflow: hidden;
	margin-bottom: 35px;
   }
   div.content div.big-man img { 
   	float: left;
    }
   div.content div.big-man div.text { 
   	margin-left: 330px;
	margin-bottom: 20px;
    }
    div.content div.big-man div.text p { 
		font-size: 17px;
		margin-bottom: 16px;
	 }
    div.content div.big-man div.text div.name { 
		margin-top: 35px;
		font-size: 25px;
	 }
    div.content div.big-man div.text div.who { 
		font-size: 13px;
		margin-top: 2px;
		color: #666;
	 }
   div.content div.big-man a.button.big {  }
    div.content div.big-man a.button.big span.min {  }
   div.content div.big-man div.m-nomer {  }
    div.content div.big-man div.m-nomer i.icon.gift {  }
  div.content div.number{
	  width: 305px;
	  margin-top: 20px;
  }
  div.content div.number.left { 
  	float: left;
	margin-left: 100px;
   }
  div.content div.number.right { 
  	float: right;
	margin-right: 76px;
   }
   div.content div.number div.title { 
   	font-size: 25px;
	color: #262626;
	margin-bottom: 14px;
    }
   div.content div.number p { 
   	color: #666;
    }
  div.content div.numbers-img { 
  	clear: both;
	padding-top: 19px;
	text-align: center;
   }
  div.content p.tasks { 
  	margin-top: 40px;
	width: 600px;
	margin: 62px auto 35px;
	text-align: center;
	font-size: 17px;
	   }
  div.content div.benefits2 { 
  	text-align: center;
   }
   div.content div.benefits2 div.one{
	   display: inline-block;
	   width: 29%;
	   padding-left: 2%;
	   padding-right: 2%;
	   position: relative;
	   padding-top: 162px;
	   margin-bottom: 57px;
	   vertical-align: top;
	   }
   div.content div.benefits2 div.one:after{
	   position: absolute;
	   content:'';
	   top: 0;
	   left: 50%;
	   height: 140px;
   }
   div.content div.benefits2 div.one.tel:after { 
	background: url(../images/sprite.png) no-repeat 0px -648px;
   	width: 142px;
	margin-left: -71px;
    }
   div.content div.benefits2 div.one.crm:after {
	background: url(../images/sprite.png) no-repeat -202px -648px;
   	width: 286px;
	margin-left: -143px;  }
   div.content div.benefits2 div.one.set:after { 
	background: url(../images/sprite.png) no-repeat -524px -648px;
   	width: 176px;
	margin-left: -88px; }
   div.content div.benefits2 div.one.auto:after {  
	background: url(../images/sprite.png) no-repeat -496px -186px;
   	width: 162px;
	margin-left: -81px;}
    div.content div.benefits2 div.one.auto span.soon {  }
   div.content div.benefits2 div.one.audit:after { 
	background: url(../images/sprite.png) no-repeat -481px -327px;
   	width: 142px;
	margin-left: -71px; }
    div.content div.benefits2 div.one.audit span.soon {  }
   div.content div.benefits2 div.one.base:after { 
	background: url(../images/sprite.png) no-repeat -495px -462px;
   	width: 126px;
	margin-left: -63px; }
    div.content div.benefits2 span.soon { 
		width: 58px;
height: 26px;
background-color: #ffbf00;
border-radius: 4px;
display: block;
margin: 0 auto;
margin-top: 16px;
color: white;
line-height: 26px;
font-size: 13px;

	 }
  div.content ul.styled-list {  }
   div.content ul.styled-list li.active {  }
   div.content ul.styled-list li {  }
  div.content ol.ques { 
	width: 630px;
	margin: 18px auto 20px;
		font-size: 21px;		
  	color: #2e65e6;
	padding-left: 10px;
   }
   div.content ol.ques li { 
   	margin-bottom: 15px;
    }
   div.content ol.ques li { 
   }
    div.content ol.ques li div.title { 
		font-size: 21px;		
  	color: #2e65e6; }
    div.content ol.ques li div.answ { 
		margin-top: 12px;
		color:#262626;
		font-size: 15px;
	 }
     div.content ol.ques li div.answ a { 
		font-size: 15px; }
    div.content ol.ques li div.useful { 
		font-size: 13px;
		margin-top: 5px;
	 }
     div.content ol.ques li div.useful a{
	 	display: inline-block;
		 font-size: 13px;
		}
     div.content ol.ques li div.useful a.yes { color: #34ad48; }
     div.content ol.ques li div.useful a.no { color: #e0163f;
		margin-left: 5px;
	  }
    div.content ol.ques li div.see-also { 
		margin-top: 16px;
		font-size: 13px;
		color: #999;
	 }
    div.content ol.ques li .see-also-block { 
		line-height: 1.2;
		margin-bottom: 35px;
	}
    div.content ol.ques li a.see-also-link { 
		font-size: 13px;
		display: inline-block;
		margin-top: 5px;
	 }
  div.content div.call-us { 
  	font-size: 17px;
	width: 284px;
	margin:-27px auto 10px;
	line-height: 1.8;
	position: relative;
   }
  div.content div.call-us:after { 
  position: absolute;
  content:'';
  right: -147px;
  bottom: 10px;
  width: 160px;
  height: 12px;
	background: url(../images/sprite.png) no-repeat -360px -33px;
  
  }
   div.content div.call-us br {  }
  div.content a.button.big {  }
   div.content a.button.big span.min {  }
  div.content div.m-nomer {  }
   div.content div.m-nomer i.icon.gift {  }
div.footer { 
	padding: 27px 0 29px;
	text-align: center;
	color: #e6e6e6;
	background-color: #262626;
 }
 div.footer a.offerta{ color: #e6e6e6;
font-size: 15px; }
  div.footer div.copy-r { 
  	color: #666;
	margin-top: 14px;
   }
#call-back.popup_new {  }
 #call-back.popup_new div.close {  }
.hideon{
	display: none;
}
/*inner*/
body.inner { 
	background-color: #fafafa;
 }
 .inner div.header { 
 	background: none; 
 	color: #262626;
 }
  .inner div.header div.extra.top {  }
   .inner div.header div.logo { 
	/*background: url(../images/sprite.png) no-repeat 0px -1217px;*/
   	
    }
    .inner div.header div.logo a img {width: 110px;}
   .inner div.header div.extra.top div.right {  }
    .inner div.header div.extra.top div.right span.tel {  }
    .inner div.header div.extra.top div.right a.personal {  }
 .inner div.content { 
	background-color: #fafafa; }
  .inner div.content { 
  	padding-top: 45px;
	padding-bottom: 30px;
   }
   .inner div.content h1 { 
   	font-size: 33px;
	text-align: center;
	margin-bottom: 44px;
    }
   .inner div.content div.steps { 
   	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
    }
    .inner div.content div.steps div.one { 
		display: inline-block;
		margin-left: 55px;
		font-size: 19px;
		color: #999;
	 }
    .inner div.content div.steps div.one:first-child { 
		margin-left: 0;
	}
     .inner div.content div.steps div.one span.number { 
	 	display: inline-block;
		width: 46px;
height: 46px;
background-color: #f2f2f2;
border-radius: 100px;
color: white;
font-size: 25px;
line-height: 46px;
text-align: center;
margin-right: 8px;
vertical-align: middle;
	  }
    .inner div.content div.steps div.one.done span.number { 
	background: url(../images/sprite.png) no-repeat 0px -1365px;
	text-indent: -9999px;
	 }
    .inner div.content div.steps div.one.current { 
		color: #262626;
	 }
     .inner div.content div.steps div.one.current span.number { 
	 	width: 42px;
height: 42px;
background-color: transparent;
border: 2px solid #ffbf00;
border-radius: 100px;
color: #ffbf00;
line-height: 42px;
	  }
   .inner div.window { 
   	width: 820px;
	margin: 0 auto;
	padding:30px;
background-color: white;
border-radius: 10px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
text-align: center;
    }
	i.icon.big-gift { 
		width: 84px;
		height: 84px;
	background: url(../images/sprite.png) no-repeat 0px -1093px;
		
	 }
    .inner div.window div.title {  
		
color: #ffbf00;
font-size: 25px;
font-weight: 400;
line-height: 35px;
margin-top: 23px;
	}
    .inner div.window div.title + .title{  
		margin-top: 18px;
	}
    .inner div.window div.title ~ .title{ 
	color: #262626; 
	}
    .inner div.window .hr + div.title{
		margin-top: 27px;
		margin-bottom: 23px;
	}
    .inner div.window div.big-number { 
		margin-top: 56px;
		font-size: 55px;
		display: inline-block;
		position: relative;
		padding-bottom: 32px;
		margin-bottom: 70px;
	 }
    .inner div.window div.big-number:after { 
	position: absolute;
	content:'';
	bottom: 0;
	left: 50%;
	margin-left: -175px;
	width: 350px;
	height: 27px;
	background: url(../images/sprite.png) no-repeat -340px -961px;
	
	}
    .inner div.window div.hr { 
		margin: 0 -30px;
		height: 2px;
	background: url(../images/sprite.png) repeat-x 0px -1787px;
	 }
    .inner div.window div.buttons { 
		margin-top: 30px;
		overflow: hidden;
	 }
     .inner div.window div.buttons a.button{
		 float: left;
	 }
     .inner div.window div.buttons a.button + a.button{
		 float: right;
	 }
     .inner div.window div.buttons a.button.grey {  }
      .inner div.window div.buttons a.button.grey span.min {  }
     .inner div.window div.buttons a.button {  }
      .inner div.window div.buttons a.button span.min {  }
   .inner div.content div.under-window { 
   	text-align: center;
	width: 560px;
	margin: 40px auto 5px;
    }
    .inner div.content div.under-window div.title { 
		font-size: 17px;
	 }
    .inner div.content div.under-window p.descr { 
		margin-top: 10px;
		color: #666;
		font-size: 13px;
	 }
    .inner div.content div.under-window.wide { 
		width: 830px;
	}
	 
.inner {  }
 .inner div.window.error {  }
  .inner div.window.error i.icon.big-gift { display: none; }
  .inner div.window.error > div.title { display: none; }
  .inner div.window.error div.big-number { 
  	color: #e20000;
text-decoration: line-through;
margin-top: 81px;
margin-bottom: 19px;
   }
  .inner div.window.error div.big-number:after { 
  display: none;
  }
  .inner div.window.error div.res-remove { 
  width: 550px;
  margin: 0 auto;
  	font-size: 17px;
	padding-bottom: 52px;
	position: relative;
   }
  .inner div.window.error div.res-remove:after { 
  position: absolute;
  content:'';
  right: -28px;
  width: 70px;
  height: 76px;
  top: 53px;
	background: url(../images/sprite.png) no-repeat -340px -1055px;
  }
   .inner div.window.error div.res-remove div.title { 
   	font-size: 25px;
	color: #262626;
	margin-bottom: 7px;
    }
  .inner div.window.error div.hr {  }
  .inner div.window.error div.buttons {  }
   .inner div.window.error div.buttons a.button.grey {  }
    .inner div.window.error div.buttons a.button.grey span.min {  }
   .inner div.window.error div.buttons a.button {  }
    .inner div.window.error div.buttons a.button span.min {  }
	
.inner {  }
 .inner div.window {  }
 i.icon.call { 
 	width: 84px;
	height: 84px;
	background: url(../images/sprite.png) no-repeat -545px -1040px;
	
  }
  .inner div.window div.title.green { color: #34ad48; }
  .inner div.window div.title.black { color: #262626; }
  .inner div.window div.title {  }
  .inner div.window p.choose { 
  position: relative;
  text-align: center;
  color: #666;
  padding-bottom: 45px;
  margin-top: 4px;
  }
  .inner div.window p.choose:after { 
  	position: absolute;
	content:'';
	bottom: 0;
	width: 625px;
	height: 36px;
	left: 50%;
	margin-left: -312px;
	background: url(../images/sprite.png) no-repeat 0px -1513px;
  }
  .inner div.window div.vars { 
  	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
   }
   .inner div.window div.vars div.one { 
   	display: inline-block;
	vertical-align: top;
	width: 191px;
border: 2px solid #f2f2f2;
border-radius: 8px;
min-height: 68px;
padding-top: 197px;
position: relative;
margin-left: 10px;
cursor: pointer;
    }
   .inner div.window div.vars div.one.active { 
   	border: 2px solid #ffbf00 !important; 
   }
   .inner div.window div.vars div.one:first-child { 
   margin-left: 0;
   }
    .inner div.window div.vars div.one i{
		position: absolute;
		left: 50%;
		height: 132px;
		width: 138px;
		margin-left: -69px;
		top: 38px;
		}
    .inner div.window div.vars div.one i.mob { 
	background: url(../images/sprite.png) no-repeat -89px -1322px;
		
	 }
    .inner div.window div.vars div.one i.tel {  
	background: url(../images/sprite.png) no-repeat -220px -1322px;}
    .inner div.window div.vars div.one i.m-tel { 
	background: url(../images/sprite.png) no-repeat -350px -1322px; }
    .inner div.window div.vars div.one i.cant { 
	background: url(../images/sprite.png) no-repeat -524px -1322px; }
    .inner div.window div.vars div.one div.text { 
		width: 160px;
		margin: 0 auto;
		text-align: center;
	 }
    .inner div.window div.vars div.one div.text.big { 
		margin-top: -11px;
	 }
  .inner div.window div.hr {  }
  .inner div.window div.buttons {  }
   .inner div.window div.buttons a.button.grey.one-line {  }
   .inner div.window div.buttons a.button.disabled.mid-text {  }
    .inner div.window div.buttons a.button.disabled.mid-text br {  }
	
	
	div.vars.vars2 {  }
 .inner div.window div.vars.vars2 div.one { 
 	padding: 22px 50px 23px;
	min-height: 44px;
	line-height: 1.4;
 	width: 159px;
background-color: transparent;
border: 2px solid #f2f2f2;
border-radius: 8px;
  }
div.set-tel { 
	width: 400px;
	margin: 0 auto;
	text-align: center;
 }
 label.input {  
 	display: inline-block;
	min-width: 182px;
	line-height: 42px;
height: 42px;
background-color: #fafafa;
border: 2px solid rgba(0, 0, 0, 0.03);
border-radius: 100px;
box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
padding-left: 20px;
padding-right: 20px;
margin-right: 4px;
 }
 label.input input { 
 	border: none;
	background: none;
	font-size: 15px;
	width: 180px;
	padding: 0;
box-shadow:none;
  }
 label.input.error {  
 background-color: #fafafa;
border: 2px solid #e20000;
box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
 }
 a.button.small { font-size: 15px;
 padding: 14px 20px;
  }
 a.button.small.aprove {
	 background: #fff;
border: 2px solid #43e05d;
color: #34ad48;
 }
 div.set-tel p.conf,
 .feed-back p.conf { 
 color: #666;
 margin-top: 15px;
 margin-bottom: 30px;
font-size: 11px;
font-weight: 400;
line-height: 16px; }

 label.input.error ~ .conf{  
 display: none;
 }
 .error-mes{  	
 color: #e20000;
font-size: 11px;
 margin-top: 15px;
line-height: 16px;
 margin-bottom: 30px;
 text-align: center;
  display: none;}
 .error-mes .black{  	
 	color: #666;
 }
 label.input.error ~ .error-mes{  
 display: block;
 }
 
 div.feed-back { 
 	overflow: hidden;
  }
 div.feed-back div.col { 
 	float: left;
	width: 400px;
	text-align: left;
  }
 div.feed-back div.col + .col { 
 float: right;
 }
  div.feed-back div.col div.one { 
  	margin-bottom: 24px;
	text-align: left;
   }
   .w100{display: block !important;}
   div.feed-back div.col label { 
    }
   div.feed-back div.col label.clean { 
   padding-left: 20px;
   font-size: 13px;
   text-align: left;
   }
   div.feed-back div.col div.one label.input.w100 {  }
    div.feed-back div.col div.one label.input.w100 input {  }
   div.feed-back div.col div.one p.conf { text-align: center; }
  div.feed-back div.col label {  }
  div.feed-back div.col textarea { 
  	display: block;
	width: 350px;
padding-left: 20px;
padding-right: 20px;
  	height: 116px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
background-color: #fafafa;
border: 2px solid rgba(0, 0, 0, 0.03);
border-radius: 18px;
box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
   }
   
   div.fade { 
   	position: fixed;
	z-index:10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
    }
div.popup_new { 
	position: fixed;
	top: 50px;
	left: 50%;
	width:400px;
	padding:20px 20px 15px;
	margin-left: -220px;
	z-index:11;
	background-color: white;
border-radius: 10px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
text-align: center;
font-size: 17px;
 }
 div.popup_new div.close { 
 	position: absolute;
	right: 21px;
	top: 21px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(../images/sprite.png) no-repeat 0px -1611px;
  }
 div.popup_new div.close:hover { 
	background: url(../images/sprite.png) no-repeat 0px -1648px;
 }
 div.popup_new div.header { 
 	padding-bottom: 16px;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 28px;
	margin-left: -20px;
	margin-right: -20px;
	font-size: 19px;
  }
 div.popup_new div.title { 
 	margin-bottom: 30px;
  }
 div.popup_new label.input {  
 	width: 225px;
 	
 }
  div.popup_new label.input input { 
  	width: auto;
	min-width: 200px;
   }
 div.popup_new a.button.small {  }
 .popup_new .for-btn{
	margin-top: 20px; 
	}
 div.popup_new p.descr.small { 
 	margin-top: 35px;
	margin-bottom: 3px;
	color: #666;
font-size: 13px;
  }
 div.popup_new div.t-center {  }
  div.popup_new a.sms { font-size: 13px; }
  
  .has-hint{
	  text-decoration: none;
	  position: relative;
  }
  .has-hint:hover{
	  text-decoration: none;
  }
  .has-hint .hint{
	  	position: absolute;
		bottom: 27px;
		left:50%;
		margin-left: -192px;
		width: 344px;
		font-size: 13px;
		padding:17px 20px 20px;
background-color: #ffbf00;
border-radius: 10px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
display: none;
color: #262626;
text-align: left;
font-style: normal;
  }
  .has-hint .hint b{
	  display: block;
	  margin-top: 10px;
	  font-size: 15px !important;
  }
  .has-hint .hint.white{
		background-color: #fff;	  
  }
  .has-hint .hint:after{
	  position: absolute;
	  content:'';
	  bottom: -7px;
	  left: 50%;
	  margin-left: -7px;
	  width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ffbf00;
  }
  .has-hint .hint.white:after{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent; 
	border-top: 7px solid #fff;
  }
  .has-hint:hover .hint{
	  display: block;
  }
  .popup_new .error-mes{
	  margin: 4px 0 13px;
  }
  .inner div.window div.title:first-child{
  	margin-top: 99px;
  }
  .inner div.window div.title + .descr2{
	  margin-top: 40px;
  }
  .inner div.window .descr2{
	  font-size: 17px;
	  width: 520px;
	  margin: 0 auto 15px;
	position: relative;
   }
  .inner div.window .descr2.wide{
	  width: 680px;
  }
  .inner div.window .descr2 + .hr{
	  margin-top: 67px;
  }
  .inner div.window .descr2.arrow:after { 
  position: absolute;
  content:'';
  right: -38px;
  width: 70px;
  height: 76px;
  top: 10px;
	background: url(../images/sprite.png) no-repeat -340px -1055px;
  }
  .inner div.window .header{
	  font-size: 19px;
	  padding: 18px 30px 17px;
	  margin: -30px -30px 0;
	  text-align: center;
	  border-bottom: 1px solid #f2f2f2;
	    }
  .inner div.window div.your-number { 
  	font-size: 25px;
	margin-top: 37px;
	margin-bottom: 36px;
   }
   .inner div.window div.your-number span.number { 
   	display: block;
	margin-top: 7px;
	position: relative;
	padding-bottom: 22px;
	color: #ffbf00;
	font-size: 33px;
    }
   .inner div.window div.your-number span.number:after { 
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 246px;
   height: 15px;
   margin-left: -123px;
	background: url(../images/sprite.png) no-repeat -142px -1648px;
   
   }
  .inner div.window p.set-number { 
  	font-size: 17px;
	width: 750px;
	margin: 0 auto;
	margin-bottom: 30px;
   }
 .inner {  }
 .inner div.window {  }
  .inner div.window div.start-tel { 
  	width: 646px;
	margin: 8px auto;
	text-align: left;
   }
   .inner div.window div.start-tel div.left-todo { 
   	color: #666;
	margin-bottom: 23px;
    }
   .inner div.window div.start-tel ol { 
   	font-size: 19px;
	margin-bottom: 30px;
	padding-left: 27px;
    }
    .inner div.window div.start-tel ol li { 
		margin-bottom: 5px;
	 }
	 span.colored.green { color: #34ad48; }
	 span.colored.yellow { color: #ffbf00; }
   .inner div.window div.start-tel div.attention { 
   	background-color: #fafafa;
border-radius: 10px;
margin-bottom: 40px;
padding:15px 38px;
font-size: 13px;
    }
    .inner div.window div.start-tel div.attention div.title { 
		color: #262626;
font-size: 17px;
margin-top: 0;
text-align: center;
margin-bottom: 19px;
line-height: 1.5;
	 }
    .inner div.window div.start-tel div.attention p { 
		margin-bottom: 12px;
line-height: 1.3;
	 }
  .inner div.window div.hr {  }
  .inner div.window div.buttons {  }
   .inner div.window div.buttons a.button.grey.one-line {  }
   .inner div.window div.buttons a.button.one-line {  }
   
.bitrix24-first-block{
    display: block;
}
.bitrix24-second-block{
    display: none;
}
.header-bitrix24{
    background: url(http://www.1vats.ru/images/picture.jpg) center -300px no-repeat #161616 !important;
}
.benefits-bitrix24{
    margin-top: 30px !important;
}
.slider-bitrix24{
    padding-bottom: 0px !important;
}
.button-bitrix24{
    padding: 5px 0px 40px;
    color: #e6e6e6;
    background: #262626 !important;
}
.button-bitrix24 .set{
    font-size: 25px !important;
    margin-top: 20px !important;
}
.buttons-bitrix24{
    text-align: right;
    padding-bottom: 20px;
}
a.save-bitrix24 {
    text-decoration: none;
    display: inline-block;
    padding: 5px 11px;
    line-height: 22px;
    color: #ffbf00;
    font-size: 16px;
    height: 22px;
    background-color: transparent;
    border: 2px solid #ffbf00;
    border-radius: 100px;
}
a.save-bitrix24:hover {
    background-image: linear-gradient(180deg, #fc0 0%, #ff9500 100%);
    color: #262626;
}
a.cancel-bitrix24 {
    text-decoration: none;
    display: inline-block;
    padding: 5px 11px;
    line-height: 22px;
    color: #cbcbce;
    font-size: 16px;
    height: 22px;
    background-color: transparent;
    border: 2px solid #cbcbce;
    border-radius: 100px;
}
a.cancel-bitrix24:hover {
    background-image: linear-gradient(180deg, #cbcbce 0%, #79797b 100%);
    color: #fff;
}
a.link-bitrix24{
    text-decoration: none;
    display: inline-block;
    color: #79797b;
    font-size: 15px;
}
.form-bitrix24{
    width: 50% !important;
}
.form-bitrix24 h2{
    margin-top: 20px;
    margin-bottom: 20px !important;
}
.form-bitrix24 label{
    font-weight: bold;
    float: left;
    width: 40%;
    margin-top: 15px;
    font-size: 17px;
}
.form-bitrix24 input.auth{
    margin-top: 10px;
    width: 55%;
    text-align: center;
    padding: 5px 11px;
    line-height: 22px;
    color: #000;
    font-size: 16px;
    height: 22px;
    background-color: transparent;
    border: 2px solid rgb(248, 202, 33);
    border-radius: 100px;
    font-weight: bold;
}
.form-bitrix24 table{
    width:100%;
    text-align: left;
    border-spacing: 0;
    border: 3px solid rgb(248, 202, 33);
    border-radius: 10px;
}
.form-bitrix24 tr.title{
    background-color: rgb(248, 202, 33);
    border-radius: 10px;
}
.form-bitrix24 table th{
    width: 33%;
    color: #262626;
    padding: 10px 10px 10px;
}
.form-bitrix24 table td{
    width: 33%;
    color: #262626;
    padding: 10px 10px 10px;
}
.form-bitrix24 input.number{
    width: 90%;
    text-align: center;
    padding: 5px 11px;
    line-height: 22px;
    color: #000;
    font-size: 16px;
    height: 22px;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 100px;
    font-weight: bold;
}
div.line{
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
i.line{
    display: inline-block;
    width:400px;
    height: 40px;
    background: url(http://www.1vats.ru/images/sprite.png) no-repeat -333px -960px;
}
div.checkbox-bitrix24{
    width: 100%;
}
div.checkbox-bitrix24 label{
    font-size: 15px;
    font-weight: normal;
    width: 100%;
}
input[type=checkbox] {
    position: absolute;
    opacity: 0;
}
input[type=checkbox] + label {
    display: inline-block;
}
input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    vertical-align: -0.2em;
    width: 1em;
    height: 1em;
    border: 0.15em solid rgb(248, 202, 33);
    border-radius: 0.2em;
    margin-right: 0.3em;
    background-color: white;
}
input[type=checkbox]:checked + label:before {
    background-color: rgb(248, 202, 33);
    box-shadow: inset 0 0 0 0.15em white;
}
input[type=checkbox]:focus + label:before {
    outline: dotted 1px;
}



/* ШАПКА С НОВОГО САЙТА */
header.header a {color: #000; font-size: 16px;}
header.header p {margin-bottom: 0;}
.wrapper {width: 100%;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.header{background: #202020;}
.container {
    width: 100%;
    max-width: 1230px;
    min-width: 320px;
    padding: 0 30px;
    margin: 0 auto;
}
.wrap_header {
    padding: 15px 0px;
    display: -webkit-box;
    display: -ms-box;
    display: flex;
    -webkit-box-align: center;
    -ms--align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms--pack: center;
    justify-content: space-between;
    -ms--wrap: wrap;
    -wrap: wrap;
}
.right_head {
    max-width: 570px;
    text-align: right;
    width: calc(100% - 132px);
    width: -webkit-calc(100% - 132px);
    width: -moz-calc(100% - 132px);
    width: -o-calc(100% - 132px);
}
.mob_menu {
    display: none;
    position: absolute;
    overflow: hidden;
        overflow-y: hidden;
    overflow-y: auto;
    max-height: 100vh;
    padding: 23px 15px 15px;
    background: #262626;
    top: 0;
    left: 0;
}
.close {
    display: block;
    vertical-align: top;
    position: absolute;
    top: 40px;
    right: 15px;
    background: url(../../assets/img/icons/close.png) no-repeat center center;
        background-size: auto auto;
    background-size: cover;
    width: 17px;
    height: 17px;
}
.times {
    display: inline-block;
    vertical-align: top;
}
.times p {
    font-weight: 100;
    opacity: 0.8;
    color: #fff;
    font-size: 14px;
}
.but_type {
    display: block;
    vertical-align: top;
    width: 100%;
    max-width: 240px;
    line-height: 44px;
    border-radius: 4px;
    background: #F4C000;
    font-family: 'SFUIDisplay';
    font-weight: 300;
    font-size: 16px;
    color: #000000;
    text-align: center;
}
.call_back2.mob {
    display: none;
    vertical-align: top;
    background: url(../../assets/icons/call_back.png) no-repeat center center;
        background-size: auto auto;
    background-size: cover;
    width: 28px;
    height: 28px;
}
.logo {
    display: block;
    vertical-align: top;
    width: 120px;
}
.logo img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
}
.right_head .call_back {
    display: inline-block;
    vertical-align: top;
    line-height: 44px;
    text-decoration: underline;
    color: #FFFFFF;
    opacity: 0.9;
    font-weight: 300;
    margin-right: 48px;
    cursor: pointer;
}
.right_head .call_back:hover {
    text-decoration: none;
    color: #F4C000;
    opacity: 1;
}
.right_head .but_type {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    margin-right: 35px;
}
header.header .times a {
    font-weight: bold;
    display: block;
    vertical-align: top;
    color: #fff;
    font-size: 24px;
}
.pull {
    display: none;
    vertical-align: top;
    width: 23px;
    height: 19px;
    background: url(../../assets/img/icons/gamb.png) no-repeat center center;
        background-size: auto auto;
    background-size: cover;
}
.navigation {
    background: #262626;
}
.wrap_navigation {
    padding: 25px 0px;
    display: -webkit-box;
    display: -ms-box;
    display: flex;
    -webkit-box-align: center;
    -ms--align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms--pack: center;
    justify-content: space-between;
    -ms--wrap: wrap;
    -wrap: wrap;
}
.small-menu-logo {
    position: relative;
    top: 1px;
    margin-right: 1.5em;
    display: none;
}
.left_nav {
    padding-right: 35px;
    border-right: 1px solid rgba(255,255,255,0.05);
    position: relative;
    width: calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: -moz-calc(100% - 230px);
    width: -o-calc(100% - 230px);
    margin-bottom: 0;
}
.left_nav > li {
    padding-right: 5.3%;
    display: inline-block;
    vertical-align: top;
}
.left_nav li.withsub {
    position: relative;
    padding-right: 20px;
    background: url(../../assets/img/icons/ar_down.png) no-repeat center right;
}
.left_nav > li a {
    display: block;
    vertical-align: top;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.9;
}
.left_nav > li.current > a {
    color: #F4C000;
}
/*.submenu {
    display: none;
    position: absolute;
    top: 100%;
    right: -5px;
    background: #fff;
    width: 170px;
    z-index: 11;
    margin-top: 9px;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
}
.submenu li {
    display: block;
    vertical-align: top;
}*/
.left_nav li {
    position: relative;
}
/*.submenu li a {
    display: block;
    vertical-align: top;
    font-size: 16px;
    color: #000000;
    opacity: 0.9;
    padding: 11px 10px 12px 15px;
    line-height: 22px;
}*/
.submenu{display: none; position: absolute;top:100%;right: -5px;background: #fff;width: 170px;z-index: 11;
margin-top: 9px;border-radius: 4px;
-webkit-transition:  all 0.5s ease-out;
-moz-transition:  all 0.5s ease-out;
-o-transition:  all 0.5s ease-out;
-ms-transition:  all 0.5s ease-out;
transition:  all 0.5s ease-out;    
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);}
.submenu li{display: block;vertical-align: top;}
.submenu li + li{border-top: 1px solid #E4E4E4;}
.submenu li a{display: block;vertical-align: top;font-size: 16px;color:#000000;opacity: 0.9;padding: 11px 10px 12px 15px;line-height: 22px;}
.submenu li a:hover{background: #F4C000;text-decoration: none;color:#000;}
.submenu:before{content: '';position: absolute;width: 100%;height: 9px;left: 0;background: url(/assets/img/icons/ar_op.png) no-repeat 98% center;top:-9px;}
.left_nav > li:last-of-type {
    margin-right: 0;
}
li.flexMenu-viewMore {
    position: relative;
    padding-right: 20px;
    background: url(../../assets/img/icons/ar_down.png) no-repeat center right;
}
.dop_nav {
    width: 230px;
    display: -webkit-box;
    display: -ms-box;
    display: flex;
    -webkit-box-align: center;
    -ms--align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms--pack: center;
    justify-content: space-between;
    -ms--wrap: wrap;
    -wrap: wrap;
    margin-bottom: 0;
}
.dop_nav > li {
    display: inline-block;
    vertical-align: top;
}
.dop_nav > li a {
    display: block;
    vertical-align: top;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.9;
}
.navigation.fixed {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45);
}
.navigation.fixed .wrap_navigation {
    padding: 11px 0px;
}
.navigation.fixed .small-menu-logo {
    display: block;
}
.small-menu-logo img {
    width: 45px;
}

/*---modal---*/
.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}
.arcticmodal-container_i {
    height: 100%;width:100%;
    margin: 0 auto;
}
.arcticmodal-container_i2 {
    margin: 0;
    border: 0;
    vertical-align: middle;
}
.modal-hidden{display:none;}

.box-modal{    position: relative;
    width: 100%;background: #fff;max-width: 440px;padding: 45px 15px;margin: 0 auto;border-radius: 6px;
}


.arcticmodal-overlay, .arcticmodal-container {
    position: fixed;background:rgba(0,0,0,0.8);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.arcticmodal-overlay, .arcticmodal-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.box-modal_close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 17px;
    height: 17px;
    background: url("../../assets/img/icons/close2.png") no-repeat center center;
	
    cursor: pointer;
    -webkit-transition:  all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition:  all 0.3s ease-out;
-ms-transition:  all 0.3s ease-out;
transition:  all 0.3s ease-out;
    z-index: 9;
}
.box-modal_close:hover{
	 
	-moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
	}
/*---end--*/
/* ШАПКА КОНЕЦ */