html{
-ms-overflow-style: scrollbar
}
body{
text-rendering:optimizeLegibility
}
@-webkit-keyframes pulse 
  {       
    from {-webkit-transform: scale(0); opacity: 0;}
    8% {-webkit-transform: scale(0); opacity: 0;}
    15% {-webkit-transform: scale(0.1); opacity: 1;}
    30% {-webkit-transform: scale(0.5); opacity: 1;}
    to {opacity: 0; -webkit-transform: scale(1);}
  }

  @-moz-keyframes pulse 
  {       
    from {-moz-transform: scale(0); opacity: 0;}
    8% {-moz-transform: scale(0); opacity: 0;}
    15% {-moz-transform: scale(0.1); opacity: 1;}
    30% {-moz-transform: scale(0.5); opacity: 1;}
    to {opacity: 0; -moz-transform: scale(1);}
  }
  
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #18e28f;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #1c1c1c;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent
  }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
section{
position:relative
}
.nav > li > a:hover{
color:#18e28f!important;
}
section#intro {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center
}
.underlink {
    color: #fff;
    border-bottom: 1px solid #18e28f;
}
.underlink:hover {
    color: #18e28f;
    border-bottom: 1px solid #fff;
}
.mt40{
margin-top:40px
}
.center-header{
text-align:center
}
.nav > li > a {
    padding: 0px 0px;
    margin: 15px 15px;
	font-size:15px;
	font-family:Open Sans, Arial;
}
.mb50{
margin-bottom:50px
}
.tleft{
text-align:left
}
.tright{
text-align:right
}
.centerheader h3{
font-size: 42px;
font-weight:400;
line-height:48px;
}
.outlinebutton {
    text-align: center;
   
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 20px 15px 60px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
	position:relative;
	font-weight:600;
        border: 2px solid #18e28f;
    background:#18e28f;
    color:#111;
}
.buticon{
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 6px;
}
.but1{
background-image:url(../img/but1black.png);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-attachment:initial;
}
.but1_fill{
background-image:url(../img/but1black.png);
background-repeat:no-repeat;
background-position:center center;
}
.but2{
background-image:url(../img/but2black.png);
background-repeat:no-repeat;
background-position:center center;
}
.but3{
background-image:url(../img/but3black.png);
background-repeat:no-repeat;
background-position:center center;
}
.but4{
background-image:url(../img/but4black.png);
background-repeat:no-repeat;
background-position:center center;
}
.but5{
background-image:url(../img/but5black.png);
background-repeat:no-repeat;
background-position:center center;
}
.outlinebutton, .fillbutton{
margin:30px 0px;
display:inline-block;
font-family: Open Sans, Arial;
}
.outlinebutton:hover{
    background:transparent;
    border:2px solid #18e28f;   
    color:#18e28f;
    font-weight:600;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.outlinebutton:hover   .but1{
background-image:url(../img/but1mint.png);
}
.fillbutton:hover   .but1_fill{
background-image:url(../img/but1mint.png);
}
.outlinebutton:hover   .but2{
background-image:url(../img/but2mint.png);
}
.outlinebutton:hover   .but3{
background-image:url(../img/but3mint.png);
}
.outlinebutton:hover   .but4{
background-image:url(../img/but4mint.png);
}
.outlinebutton:hover   .but5{
background-image:url(../img/but5mint.png);
}
a.fillbutton 
{
    text-align: center;    
    font-size: 14px;
    border: 2px solid #18e28f;
    background:#18e28f;
    color:#111;
    font-weight:600;
    text-transform: uppercase;
    padding: 15px 20px 15px 60px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    position:relative;
}
a.fillbutton:hover
{
    background:none;
    border:2px solid #18e28f;   
    color:#18e28f;
    font-weight:600;
}

.lSPager {
    display: inline-block;
    background: rgba(0,0,0,0.7);
    /* margin-bottom: -50px; */
    top: -22px;
    position: relative;
    padding: 5px!important;
    border-radius: 5px;
	-webkit-border-radius:5px;
}
.slidercircle{
    width: 450px;
    height: 450px;
    background: url(../img/circle.png);
    margin-top: -50px;
    position: relative;
    padding-top: 60px;
	text-align:center;
}
.telefon span {
    font-size: 24px;
}

.telefon {
    padding: 10px 0px;
}
.popup{
background-color:rgba(0,0,0,0.9);
width:450px;
color:#fff
}
.pometka{
text-align:center;
font-size:12px
}
/*Сайдбар*/

.toogle_link
{    
    cursor: pointer;   
}

.toogle_link.hover
{
    color: #18E28F;
}

.toggle_arrow
{
    position: relative;
    width: 30px;
    height: 30px;
    margin: 5px auto;
}

.toggle_arrow:after
{
    content: "\f061";
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    background: #18E28F;
    color: Black;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 30px;
    height: 30px;
    padding: 0px 0px 0px 3px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    transition: 0.5s all 0s linear;     
}

.toogle_link.hover .toggle_arrow:after
{
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    color: White;
   
}

.toogle_link.active .toggle_arrow:after
{
    transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -webkit-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    color: White;
}

.toogle_block {display: none;}

.sidelink{
width:25px;
height:25px;
display:inline-block;
background-position:center center;
background-size:initial;
-webkit-transition: background 500ms ease-in-out;
-moz-transition: background 500ms ease-in-out;
-ms-transition: background 500ms ease-in-out;
-o-transition: background 500ms ease-in-out;
transition: background 500ms ease-in-out;
}
.sidelink:after{
  content: "\f087";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    /* position: absolute; */
    font-size: 24px;
    color: #fff;
    z-index: 1;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
}
.sidelink.side1:after{
content: "\f015"; 
}
.sidelink.side2:after{
content: "\f095"; 
}
.sidelink.side3:after{
content: "\f158"; 
}
.sidelink.side4:after{
content: "\f041"; 
}
.sidelink:hover:after{
color:#18e28f
}
.sidemenu{
    position: fixed;
    background: rgba(0,0,0,0.5);
    border-radius: 30px;
	-webkit-border-radius:30px;
    width: 80px;
    height: 160px;
    right: -40px;
    top: 50%;
    margin-top: -80px;
    z-index: 20;
}
.mainholder{
    width: 40px;
    padding: 20px 10px;
	}
.sidelink span {
    position: absolute;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 0px 15px;
    border-radius: 20px;
	-webkit-border-radius:20px;
    margin: 5px 0px;
	opacity:0;
	transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.sidelink:hover .privetspan{
opacity:1
}
.sidespan1{
left:-85px
}
.sidespan2{
left:-120px
}
.sidespan3{
left:-70px
}
.sidespan4{
left:-95px
}
/*Выбор региона*/
#region {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: table;
	background: rgba(0,0,0,.95);
	left:0px;
	top:0px;
	display:none;
}

#regioncontent {
    display: table-cell;
    vertical-align: middle;
}
.regionhead{
font-weight: 300;
    font-size: 24px;
    text-align: center;
	}
.citylink {
    font-size: 28px;
    font-weight: 300;
    display: inline-block;
}
.citylink:hover{
color:#fff;
text-decoration:underline
}
#map_moscow, #map_peterburg{
width:700px;
height:400px;
}
/*Сигнализация */
.frontlight, .backlight{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center center;
display:none;
}
.frontlight.vw{
background-image:url(../img/bmw_front_light.png);
}
.backlight.vw{
background-image:url(../img/bmw_back_light.png);
}
/*Лазеры */
.laser{
width:4000px;
height:2px;
position:absolute;
z-index:2;
}
.laser1, .laser2, .laser3, .laser4, .laser5, .laser6{
display:none;
opacity:0.2
}
.laser1{
left:-100px;
top:20%;
}
.laser2{
right:-4200px;
top:20%
}
.laser3{
top:-2px;
left:33%;
}
.laser4{
right:-4100px;
top:40%
}
.laser5{
left:-300px;
top:60%;
}
.laser6{
top:-2px;
left:66%
}
/*Первый экран */
.container.tophead {
    position:absolute;
    top: 100px;
    left: 0%;
    right: 0%;
}
.headdivider {
    width: 100%;
	position:relative;
	text-align:center;
}
.container.bottomhead {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
	text-align:left;
}

.headtopgradient{
position:absolute;
top:0px;
left:0px;
width:100%;
height:50%;
background: -moz-linear-gradient(top,  rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.headbottomgradient{
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:50%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
span.headnumbers {
    color: #18e28f;
    font-size: 60px;
    padding-top: 0px;
    line-height: 60px;
    display: inline-block;
    font-weight: 700;
    border-bottom: 1px solid #18e28f;
    max-width: 100%;
	margin-top:-5px;
}
.carimg{
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.introfix{
position:relative!important
}
.morelink{
    display: inline-block;
    font-size: 18px!important;
	color:#18e28f;
	position:relative;
	bottom:-2px;
}
.morelink:hover{
	color:#fff
}
.morelink:active{
	color:#fff
}
/*Второй экран*/
#closeup {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: left center;
	overflow:hidden;
	padding-bottom:75px;
}
.komplekto{
font-family: Open Sans, Arial;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0px;
}
.markers {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.liltext{
    font-size: 12px;
    line-height: 16px;
	}
.closeuptitle{
font-size:36px;
line-height:42px;
}
.closeuptitle span{
margin-left:-44px
}
#closeup h6{
    font-size: 14px;
    text-transform: uppercase;
    opacity: 1;
    font-family: Open Sans, Arial;
    font-weight: 700;
    color: #18e28f;
}
.tooltip{
font-family:"mopro", Arial, sans-serif;
font-size:14px;
z-index:5;
position:absolute
}
.komplekthead{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #18e28f;
	}
.packgroups{
-webkit-transition: color 500ms ease-in-out;
-moz-transition: color 500ms ease-in-out;
-ms-transition: color 500ms ease-in-out;
-o-transition: color 500ms ease-in-out;
transition: color 500ms ease-in-out;
}
.packgroups span:hover{
color:#18e28f;
text-decoration:underline
}
#packdesc {
    padding-left: 0px;
    list-style-type: none;
    font-style: italic;
}
.packgroups.current{
color:#18e28f;
}
#analytics, #price, #contact{
padding-top:75px
}
.packgroups:hover{
color:#18e28f;
cursor:pointer;
}
.markercarmap{
   transition: opacity .75s ease-in-out;
   -moz-transition: opacity .75s ease-in-out;
   -webkit-transition: opacity .75s ease-in-out;
   }
.markercarmap{padding:10px;}
/*.carmarker:hover ~ .markercar{display:block}*/
.markercarmap h6 {
    font-size: 14px;
    text-transform: uppercase;
}
.markercarmap p{
font-size:14px;
line-height:18px
}
.markercarmap:after{
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: solid 6px rgba(0,0,0,0.8);
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
}
.markercar{
opacity:0;
   transition: opacity .75s ease-in-out;
   -moz-transition: opacity .75s ease-in-out;
   -webkit-transition: opacity .75s ease-in-out;
   }
.markercar.visim {
opacity:1;
}
.pmgroup1, .pmgroup2, .pmgroup3, .pmgroup4, .pmgroup5{
opacity:0;
   transition: opacity .75s ease-in-out;
   -moz-transition: opacity .75s ease-in-out;
   -webkit-transition: opacity .75s ease-in-out;
}
.pmgroup1.visi , .pmgroup2.visi, .pmgroup3.visi, .pmgroup4.visi, .pmgroup5.visi{
opacity:1;
}
.packageitem {
    width: 40px;
    height: 40px;
    background: red;
    margin-bottom: 5px;
	display:inline-block;
	    border-radius: 4px;
		-webkit-border-radius:4px;
    margin-right: 3px;
	float:left;
}
.packageitem.k1 {
    background:url(../img/k1.png);
	background-size:cover;
	background-position:center center
}
.packageitem.k2 {
    background:url(../img/k2.png);
	background-size:cover;
	background-position:center center
}
.packageitem.k3 {
    background:url(../img/k3.png);
	background-size:cover;
	background-position:center center
}
.packageitem.k4 {
    background:url(../img/k4.png);
	background-size:cover;
	background-position:center center
}
.packageitem.k5 {
    background:url(../img/k5.png);
	background-size:cover;
	background-position:center center
}
.packageitem:hover{cursor:pointer}

  .pulse_holder
  {
    display: block;
    position: absolute;
  }
    
  .pulse_holder .pulse_marker 
  {
    width: 16px;
    height: 16px;
    background: #099;
    border-radius: 28px;
	-webkit-border-radius:28px;
  }
 .pulse_rays.iefix{
 animation:none!important;
 -webkit-anumation:none!important;
 z-index:2
 }
.carmarker.iefix{
 animation:none!important;
 -webkit-anumation:none!important;
 z-index:3
 }
 .marker1pop.iefix{
 z-index:5;
 }
.pulse_rays 
  {
    margin: 0 auto;
    border-radius: 100px;
	-webkit-border-radius:100px;
    position: absolute;
    left: -32px;
    top: -32px;
    z-index: 1;
    background-color: transparent;
    opacity: 0.000000001;
    width: 64px;
    height: 64px;
    border: 4px solid #18e28f;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
	-webkit-border-radius:100px;
    border-image: initial;
		animation-name: pulse;
  animation-duration: 2s; 
  animation-timing-function: linear; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
  -webkit-animation-name: pulse;
  -webkit-animation-duration: 2s; 
  -webkit-animation-timing-function: linear; 
  -webkit-animation-delay: 0s;
 -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
  -webkit-animation-play-state: running; 
  }
.pulse_rays1{
	animation-name: pulse;
  animation-duration: 2s; 
  animation-timing-function: linear; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
	}
.pulse_rays2{
	animation-name: pulse;
  animation-duration: 2s; 
  animation-timing-function: linear; 
  animation-delay: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
	}
	.pulse_rays3{
	animation-name: pulse;
  animation-duration: 2s; 
  animation-timing-function: linear; 
  animation-delay: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
	}
	.pulse_rays4{
	animation-name: pulse;
  animation-duration: 2s; 
  animation-timing-function: linear; 
  animation-delay: 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
	}
	.pulse_rays5{
	animation-name: pulse;
  animation-duration: 2s; 
  animation-timing-function: linear; 
  animation-delay: 4s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
	}
.carmarker{
    position: absolute;
	left: -11px;
    top: -11px;
    background-color: #111;
    display: block;
    padding: 6px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
    border: 5px solid white;
    box-shadow: 0px 0px 20px #fff;  
}
.marker1pop {
    position: absolute;
    bottom: 11px;
    left: -100px;
    width: 200px;
    text-align: center;
    background: rgba(0,0,0,0.9);
    z-index: 2;
    border-radius: 15px;
	-webkit-border-radius:15px;
    /* font-size: 14px; */
}
.markercar{padding:10px;}
/*.carmarker:hover ~ .markercar{display:block}*/
.markercar h6 {
    font-size: 14px;
    text-transform: uppercase;
}
.markercar p{
font-size:14px;
line-height:18px
}
.markercar:after{
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: solid 6px rgba(0,0,0,0.8);
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
}
.mgroup1, .mgroup2, .mgroup3, .mgroup4,.mgroup5,.mgroup6, .mgroup7, .mgroup8, .mgroup9,.mgroup10{
position:absolute
}
/*Аналитика*/
#analytics h2, #moreservices h2{
    margin: 0px 0px 40px;
    font-size: 34px;
	}
.highblock_anal{
margin-left:-20px;
padding-left:20px;
background-image:url(../img/lside.png);
background-position:0px 5px;
background-size:initial;
background-repeat:no-repeat;
padding-right:40px;
}
.highblock_anal p{
font-style:italic
}

.chartbase {
    position: relative;
    width: 100%;
    height: 300px;
}
.chartdescription td {
    vertical-align: middle;
    height: 50px;
	font-size:16px;
}
.gridlineholder {
    width: 11%;
    height: 100%;
    position: relative;
    border-left: 1px solid rgba(255,255,255,0.3);
    float: left;
}
.gridlineholder.last {
    border-right: 1px solid rgba(255,255,255,0.3);
	}
.gridlineholder span {
    bottom: -30px;
    position: absolute;
    left: -15px;
}
.gridlineholder span:nth-child(2){
    bottom: -30px;
    position: absolute;
    right: -30px;
    left: auto;
	}

.gridlineholder {
    position: relative;
}
.linebase {
    position: absolute;
    width: 100%;
    height: 100%;
}

.line{
    background: #18e28f;
    height: 3px;
    margin-bottom: 47px;
    position: relative;
}
.line1{
width:33.33%
}
.line2{
width:22.22%
}
.line3{
width:6%
}
.line4{
width:4%
}
.line5{
width:4%
}
.line6{
width:2%
}
.line7{
width:3%
}
.line.first{
margin-top:24px;
}
.line.last{
margin-bottom:20px
}
.italine {
    padding: 15px;
    border: 1px solid #18e28f;
    border-radius: 10px;
	-webkit-border-radius:10px;
    margin: 60px 0px 40px;
    font-style: italic;
}
.line span {
   position: absolute;
    right: 0;
    bottom: 2px;
    width: 60px;
    text-align: right;
    margin-right: -25px;
    font-family: Open Sans, Arial;
}
.italine p {
    margin-bottom: 0px;
}
.anleftbutton:hover, .anrightbutton:hover{
cursor:pointer
}
.anleftbutton{
    border: 1px solid rgba(255,255,255,0.5);
    padding: 15px 15px 15px 30px;
    text-transform: uppercase;
    border-radius: 30px 0px 0px 30px;
	-webkit-border-radius:30px 0px 0px 30px;
	display:inline-block;
	font-weight:600;
	float:right;
	}
.anrightbutton{
    border: 1px solid rgba(255,255,255,0.5);
    padding: 15px 30px 15px 15px;
    text-transform: uppercase;
    border-radius: 0px 30px 30px 0px;
	-webkit-border-radius:0px 30px 30px 0px;
	display:inline-block;
	font-weight:600;
	float:right;
	}
.anleftbutton, .anrightbutton{
font-family:Open Sans, Arial
}
.anleftbutton span:hover{
color:#18e28f
}
.anleftbutton.active span:hover{
color:#111!important
}
.anrightbutton span:hover{
color:#18e28f
}
.anrightbutton.active span:hover{
color:#111!important
}
.anleftbutton.active, .anrightbutton.active{
border:1px solid #18e28f;
color:#111;
font-weight:600;
background:#18e28f
}
.aboutanal{
font-weight: 700;
    color: #18e28f;
	}
/* Авторская установка */
#montage{
background-image:url(../img/montageback.jpg);
background-size:cover;
background-repeat:no-repeat;
position:relative;
margin-bottom:50px;
}
#carddesc{
margin-bottom:50px
}
.normalfont{
font-style:normal!important
}
.highblock{
margin-left:-20px;
padding-left:20px;
background-image:url(../img/lside.png);
background-position:0px 5px;
background-size:initial;
background-repeat:no-repeat;
}
.highblock p{
font-style:italic
}

.montagetopgradient{
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
position:absolute;
top:0px;
left:0px;
width:100%;
height:50%
}
.montagebottomgradient{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:50%
}

/*Карта*/
#gmap, #gmap_mob{
position: absolute;
    width: 100%;
    height: 100%;
	top:0px;
	left:0px;
	}
#mapmarker {
    padding: 50px 0px;
}
.mapmarkertext{
font-family:"mopro", Arial;
margin-bottom:0px;
}
.mapoverlay1 {
    background: rgba(0,0,0,0.5);
    padding: 10px;
    position: relative;
    z-index: 3;
}

.mapoverlay2 {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.5);
    left: -10px;
    top: 10px;
    z-index: 1;
}
.mapoverlaycontent {
    position: relative;
    z-index: 5;
    margin-left: 50px;
    margin-right: 30px;
}
.highcolor.gmap{
margin-right:10px
}
/*Цены*/
#price {
    position: relative;
	background: url(../img/pricefon.jpg);
    background-position: center center;
    background-size: cover;
	padding:75px 0px;
}
.form-podbor {
    background: rgba(255,255,255,0.2);
    color: #fff;
    padding: 5px 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    padding-right: 10px;
    display: inline-block;
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance:none;
}
.form-podbor option {
    color: #111;
}
.pricetitle {
    margin: 0px 0px 40px;
    font-size: 36px;
}
.komplektholder h2 {
    font-size: 72px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
	margin-top:0px;
}
.packpriceholder {
font-size: 42px;
    font-weight: 600;
    margin-top: 15px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    font-family: "mopro", Arial;
    color: #18e28f;
}
.prub{
font-size:36px;
}
.vopros{
width:20px;
height:20px;
position:absolute;
right:-25px;
top:2px;
background:url(../img/quest_mint.png);
background-size:initial;
}
.vopros:hover{
background:url(../img/quest_white.png);
cursor:pointer
}
.priceh5{
position:relative;
display:inline-block;
}
.komplektholder h5 {
font-size: 18px;
    margin-top: 0px;
    line-height: 24px;
    font-family: Open Sans, Arial;
}
.arkanlogo{
max-width:160px
}
.komplektholder {
    padding: 30px;
    border: 1px solid #18e28f;
	border-radius:10px;
}
.bigdivider{
       /* margin-right: -20px; */
    padding-right: 20px;
    background-image: url(../img/bigdivider.png);
    background-position: right top;
    background-size: initial;
    background-repeat: no-repeat;
	margin-bottom:20px
	}
.bigdivider p {
    margin-bottom: 0px;
}
/* Помощь на дороге */

h2.sectitle {
    font-size: 42px;
}
.highcolor{
color:#18e28f;
display: inline-block;
margin-left: -54px;
}
.bendivider {
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: .3;
    margin: 70px 0px 30px;
}
.benef h5, .closeuphead {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0px;
	font-family:Open Sans, Arial;
}
.mt50{
margin-top:50px
}

.cardtable {
    border: 1px solid #18e28f;
    border-radius: 10px;
	-webkit-border-radius:10px;
    padding: 20px;
    text-align: left;
}

.cardtable td {
    padding: 3px;
	font-size:14px;
}
.cardtable td.upper{
    text-transform:uppercase;
}
td.bendesc {
    color: #18e28f;
    text-align: center;
    font-size: 14px;
}
/*Контакты*/

#contact h2 {
    margin: 0px 0px 40px;
	font-size:42px;
}
#contact h6 {
        text-transform: uppercase;
    font-family: Open Sans, Arial;
    color: #18df8d;
    /* font-weight: 700; */
    /* font-size: 14px; */
}
.tldivider {
    width: 100%;
    height: 1px;
    float: right;
    background: #fff;
	margin-top:20px;
}
.rowcontact{
min-height:470px;
position:relative;
}
.rowcontactlink{
position:absolute;
left:0px;
bottom:0px;
    text-align: center;
    right: 0px;
}

.trdivider {
    width: 100%;
    height: 1px;
    float: left;
    background: #fff;
	margin-top:20px;
}

.greenobod {
    border-radius: 10px;
	-webkit-border-radius:10px;
    border: 1px solid rgba(255,255,255,0.3);
    padding: 40px;
}
p.contacthead {
    font-size: 32px;
    text-align: center;
	line-height:36px;
}
.blt1{
    padding-bottom: 10px!important;
    border-bottom: 1px solid rgba(255,255,255,0.3)!important;
	}
.blt2{
padding-top:10px!important;
}
.blt3{
    padding-top: 10px!important;
    font-size: 24px!important;
    font-weight: 700!important;
    width: 120px!important;
	}
.blt4{
font-size:22px!important;
}
td.paket{
border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 10px;
	font-weight:700;
	text-transform:uppercase;
	}
td.firstline{
padding-top:10px
}
.zvezda{
    position: absolute;
    font-size: 16px;
}
.nebolee{
    margin-bottom: 0px;
    font-style: italic;
    text-align: right;
	    font-size: 12px;
    line-height: 16px
	}
.tatable{
width:100%
}
td.headtitle{
    font-size: 14px;
    font-weight: bold;
    color: #18e28f;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 10px;
}
.cf h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
	margin-top:7px;
}
.greenobod.write-us{
padding-bottom:6px!important
}
.arinput {
    width: 100%;
    border-radius: 10px;
	-webkit-border-radius:10px;
    font-size: 16px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    border: none;
    background: transparent;
    margin-bottom: 15px;
    border: 1px solid #fff;
}
.arinput:focus{
border: 1px solid #18e28f;
outline:none;
}
.arinput::-webkit-input-placeholder {
    color: #fff;
}
.arinput:-moz-placeholder {
    color: #fff;

}
.arinput::-moz-placeholder {
    color: #fff;

}
.artext {
    width: 100%;
    border-radius: 5px;
	-webkit-border-radius:5px;
    font-size: 16px;
    padding: 5px 20px;
    text-align: center;
	color:#111;
	border: 2px solid transparent;
}
.artext:focus{
border: 2px solid #18e28f;
outline:none;
}
/* Футер */
.grovtop{
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
position:absolute;
top:0px;
left:0px;
width:100%;
height:50%
}

footer{
background-size:cover;
padding-top:80px;
position:relative;
background-position:center center;
-webkit-transition: background 500ms ease-in-out;
-moz-transition: background 500ms ease-in-out;
-ms-transition: background 500ms ease-in-out;
-o-transition: background 500ms ease-in-out;
transition: background 500ms ease-in-out;
}
.bgpiter{
background-image:url(../img/footerback.jpg)
}
.bgmoscow{
background-image:url(../img/footer_moscow.jpg)
}
img.logofooter {
    margin-bottom: 20px;
}
ul.footermenu li a:hover {
    text-decoration: underline;
}
footer h4 {
    font-size: 28px;
    margin-bottom: 25px;
}

footer p {
    margin-bottom: 20px;
}

p.footerphone {
    font-size: 20px;
    line-height: 24px;
}

a.footerlink {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: underline;
}

footer h6 {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
    color: #18e28f;
    font-family: Open Sans,Arial;
}

ul.footermenu {
    list-style-type: none;
    padding-left: 0px;
}

ul.footermenu li {
    color: #fff;
    margin-bottom: 10px;
}

ul.footermenu li a {
    color: #fff;
}

ul.footermenu li:last-of-type {
    margin-bottom: 20px;
}
.mobcover{
background:rgba(0,0,0,0.95);
width:100%;
height:100%;
position:fixed;
z-index:10000;
display:none;
}
.mobcontent {
    display: table;
    width: 100%;
    height: 100%;
}

.mobcontent_cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.footdivider {
    width: 100%;
    height: 1px;
    background: white;
    opacity: 0.3;
    margin: 80px 0px 50px;
}
.raketalink{
color:#fff;
text-decoration:underline
}
#signalka_ie{
display:none
}
/*Выбор города*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?leyatj');
	src:url('../fonts/icomoon/icomoon.eot?#leyatj#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?leyatj') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?leyatj') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?leyatj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Default custom select styles */
.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	text-align: right;
	background: #fff;
	z-index: 100;
	width: 100%;
    bottom: -5px;
	max-width: 500px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	right:0px;
}

.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:12px;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\25BE';
	right: 1em;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 5px;
}

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 200;
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden;
	top:20px;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background:rgba(0,0,0,0.8);
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
}

.cs-select ul span {
	padding: 1em;
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}

div.cs-skin-underline {
	background: transparent;
	font-size: 12px;
	max-width: 120px;
}

@media screen and (max-width: 30em) {
	div.cs-skin-underline { font-size: 1.2em; }
}

.cs-skin-underline > span {
	padding: 3px 20px 3px 3px;
	border-color: inherit;
}

.cs-skin-underline > span::after {
	font-family: 'icomoon';
	content: '\e948';
	right: 0.25em;
	-webkit-transform: translate3d(0,-50%,0) rotate3d(0,0,1,45deg);
	transform: translate3d(0,-50%,0) rotate3d(0,0,1,45deg);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	font-weight:normal;
}

.cs-skin-underline.cs-active > span::after {
	-webkit-transform: translate3d(0,-50%,0) rotate3d(0,0,1,270deg);
	transform: translate3d(0,-50%,0) rotate3d(0,0,1,270deg);
}

.cs-skin-underline .cs-options {
	background:transparent;
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
	transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
}

.cs-skin-underline.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.cs-skin-underline ul span {
	position: relative;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 20px 3px 0px;
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.cs-select ul span::after {
	content: '';
	opacity: 0;
}

.cs-select .cs-selected span::after {
	font-family: 'icomoon';
	content: '\ea44';
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.7s;
	transition: opacity 0.3s 0.7s;
}

.cs-skin-underline ul span::before {
	content: '';
	position: absolute;
	bottom: 1px;
	left: 0;
	height: 0px;
	width: 100%;
	background-color: #fff;
	-webkit-transform: translate3d(200%,0,0);
	transform: translate3d(200%,0,0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.cs-skin-underline.cs-active ul span,
.cs-skin-underline.cs-active ul span::before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cs-skin-underline li:nth-child(5) span,
.cs-skin-underline li:nth-child(5) span::before,
.cs-skin-underline.cs-active li:first-child span,
.cs-skin-underline.cs-active li:first-child span::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.cs-skin-underline li:nth-child(4) span,
.cs-skin-underline li:nth-child(4) span::before,
.cs-skin-underline.cs-active li:nth-child(2) span,
.cs-skin-underline.cs-active li:nth-child(2) span::before {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.cs-skin-underline li:nth-child(3) span,
.cs-skin-underline li:nth-child(3) span::before {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.cs-skin-underline li:nth-child(2) span,
.cs-skin-underline li:nth-child(2) span::before,
.cs-skin-underline.cs-active li:nth-child(4) span,
.cs-skin-underline.cs-active li:nth-child(4) span::before {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.cs-skin-underline li:first-child span,
.cs-skin-underline li:first-child span::before,
.cs-skin-underline.cs-active li:nth-child(5) span,
.cs-skin-underline.cs-active li:nth-child(5) span::before {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
} /* more items require more delay declarations */

.cs-skin-underline .cs-options li span:hover,
.cs-skin-underline .cs-options li.cs-focus span,
.cs-skin-underline li.cs-selected span {
	color: #18e28f;
	background: transparent;
}
/*Точки на машине*/
@media all and (max-width:1200px){
.nav > li > a {
	font-size:13px;
}
}
@media all and (min-width:993px){
#closeup{
background-image:url(../img/vw1140.jpg)
}
.mgroup1{
left:72.6%;
top:40.4%;

}
.mgroup2{
left:72.6%;
top:50.4%;
}
.mgroup3{
left:85.6%; 
top:43.4%;
}
.mgroup4{
left:75.6%;
top:37.4%;
}
.mgroup5{
left:82.6%;
top:35.4%;
}
.mgroup6{
left:75.6%;
top:40.4%;

}
.mgroup7{
left:75.6%;
top:50.4%;
}
.mgroup8{
left:90.6%; 
top:43.4%;
}
.mgroup9{
left:80.6%;
top:37.4%;
}
.mgroup10{
left:87.6%;
top:35.4%;
}
}
@media all and (min-width:1140px){
#closeup{
background-image:url(../img/vw1140.jpg)
}
.mgroup1{
left:62.6%;
top:30.4%;

}
.mgroup2{
left:62.6%;
top:40.4%;
}
.mgroup3{
left:85.6%; 
top:33.4%;
}
.mgroup4{
left:75.6%;
top:27.4%;
}
.mgroup5{
left:82.6%;
top:25.4%;
}
.mgroup6{
left:65.6%;
top:30.4%;

}
.mgroup7{
left:65.6%;
top:40.4%;
}
.mgroup8{
left:90.6%; 
top:33.4%;
}
.mgroup9{
left:80.6%;
top:27.4%;
}
.mgroup10{
left:87.6%;
top:25.4%;
}
}

@media all and (min-width:1367px){
#closeup{
background-image:url(../img/vw1600.jpg)
}
.mgroup1{
left:62.6%;
top:30.4%;

}
.mgroup2{
left:62.6%;
top:40.4%;
}
.mgroup3{
left:85.6%;
top:33.4%;
}
.mgroup4{
left:75.6%;
top:27.4%;
}
.mgroup5{
left:82.6%;
top:25.4%;
}
.mgroup6{
left:65.6%;
top:30.4%;

}
.mgroup7{
left:65.6%;
top:40.4%;
}
.mgroup8{
left:90.6%; 
top:33.4%;
}
.mgroup9{
left:80.6%;
top:27.4%;
}
.mgroup10{
left:87.6%;
top:25.4%;
}
}
@media all and (min-width:1600px){
#closeup{
background-image:url(../img/vw1920.jpg)
}
.mgroup1{
left:62.6%;
top:30.4%;

}
.mgroup2{
left:62.6%;
top:40.4%;
}
.mgroup3{
left:85.6%;
top:33.4%;
}
.mgroup4{
left:75.6%;
top:27.4%;
}
.mgroup5{
left:82.6%;
top:25.4%;
}
.mgroup6{
left:65.6%;
top:30.4%;

}
.mgroup7{
left:65.6%;
top:40.4%;
}
.mgroup8{
left:90.6%; 
top:33.4%;
}
.mgroup9{
left:80.6%;
top:27.4%;
}
.mgroup10{
left:87.6%;
top:25.4%;
}
}
@media all and (max-width:1200px){
 
.slidercircle{ width: 400px;
    height: 400px;
    margin-top: 0px;
    background-size: cover;
	padding-top:35px;
	}
span.headnumbers{
font-size:42px;
line-height:42px;
}
.brremove{display:none}
	}
/* Loader */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 200px;
  background: #000;
  border: 1px solid #18e28f;

  overflow: hidden;
  
  display: none;
}
.cover{
width:100%;
height:100%;
display:table;
background:black;
position:fixed;
left:0;
top:0;
z-index:1500;
}
.covercontain {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 200px;
    color: rgba(255,255,255,0.5);
    /* font-weight: 300; */
}

.covercontain h1 {
    font-weight: 300;
}

.covercontain h2 {
    font-weight: 300;
}
.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 200px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #18e28f;
}

.pace.pace-inactive {
  display: none;
}
/*Label on form*/
label#name-error {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
    left: 0px;
    top: -15px;
}

form#contacts-form {
    position: relative;
}

label#phone-error {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
    left: 0px;
    top: -15px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

label#email-error {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
    left: 0px;
    top: -15px;
}

.arinput.error {
    border: 1px solid #18e28f;
}
@media all and (max-width:992px) and (min-width:768px){
.mobcontent_cell p {
    font-size: 20px;
    font-weight: 300;
}
}
@media all and (max-width:992px) {
#phone_top{
font-size:20px;
}
/*#closeup, #montage, #carddesc{
padding-left:30px;
padding-right:0px
}*/
.telefon{
margin-right:10px;
}
.sysname{
max-width:200px
}
.headnumbers{
font-size:32px!important;
}
.benef h5, .closeuphead{
font-size:16px;
}
.container{
max-width:100%
}
}
@media all and (max-width:767px) {
.nav > li > a {
display:inline;
}
.mtleft{
text-align:left!important
}
.intro{
padding:0px
}
.sidemenu{display:none!important}
}
.counter.mid{display:none}
@media all and (max-width:480px) {
.arkanlogo{
display:none!important
}
.headtopgradient{
height:100%;
background:rgba(0,0,0,0.7)
}
.mt300{
font-weight:300;
font-size:20px;
}
.packpriceholder{
    display: block;
    text-align: center;
    border-bottom: none;
	}
.popup{    
width: 100%;
padding: 20px;
	}
.lSSlideOuter{
text-align:center
} 
.underlink{
margin-bottom:20px;
display:inline-block;
}
.mapoverlaycontent{
margin: 0;
    padding: 0px 15px;
	}
.cardtable{
margin-bottom:20px
}
.covercontain h2{
font-size:18px
}
.mpl30{
padding-left:30px
}
.nav > li{
text-align:left
}
.navbar-toggle{
margin-left:0px;
left:0px;
}
.closeuptitle, h2.sectitle{
font-size:24px;
line-height:28px;
}
#map_moscow, #map_peterburg{
width:100%;
height:100%;
}
.highcolor {
margin-left:-30px!important
}
#analytics h2 {
margin: 0px 0px 20px;
font-size: 24px;
line-height: 28px;
}
#closeup{
padding-bottom:0px
}
.komplektholder h2{
font-size:42px;
line-height:42px;
}
p.contacthead {
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    margin-bottom: 10px;
}
.rowcontact {
    min-height: auto;
    position: relative;
    padding: 20px!important;
	}
.rowcontactlink{position:relative}
.greenobod{
margin-bottom:20px
}
footer h4{
font-size:20px
}
}
.mobanrbut, .mobanlbut{
    text-align: center;
    border: 2px solid #18e28f;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    position: relative;
    font-weight: 600;
    background: transparent;
    color: #18e28f;
    margin-bottom: 10px;
    display: inline-block;
	}
.mobanrbut.active, .mobanlbut.active{
background:#18e28f;
color:#111
}
.mobanrbut:not(.active):hover, .mobanlbut:not(.active):hover{
cursor:pointer
}
.tcenter{
text-align:center
}
.mobdivider {
    width: 100px;
    height: 2px;
    background: #18e28f;
    margin: 0 auto 30px;
}
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	border-radius:3px;
	background:transparent;
	border: 1px solid #18e28f;
	margin-bottom:20px;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border-bottom:1px solid #18e28f;
	background:transparent;
	transition:all linear 0.15s;
	/* Type */
	font-size:12px;
	font-weight: 700;
	color:#fff;
	text-transform:uppercase;
}
.accordion-section-title:hover {
cursor:pointer
}
.accordion-section-title.active, .accordion-section-title:hover {
	background: #18e28f;
    text-decoration: none;
    color: #111;
	border-bottom:none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}

/*----- Section Content -----*/
.accordion-section-content {
	padding:15px;
	display:none;
	border-bottom:1px solid #18e28f;
}

.priceholder {
    border: 2px solid white;
    -webkit-border-radius: 10px;
    padding: 10px 0px 40px;
	position:relative;
	  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom:20px;
}
.priceholder:hover {
    background: #000;
    border: 2px solid #18e28f;
}

.priceholder:hover .priceholderbutton {
    background: #18e28f;
    border-top: 2px solid #18e28f;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.priceholder:hover .priceholderbutton a {
    color: #111;
}
.priceholderhead {
    padding: 0px 20px;
    text-align: center;
}

.priceholderhead h4 {
    text-transform: uppercase;
    font-family: Open Sans, Arial;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 700;
}

.priceholderhead .desc {
    font-size: 14px;
    font-family: Open Sans, Arial;
}

.italic {
    font-style: italic;
}

.actionprice {
    position: relative;
	display:inline-block;
}

.actionprice .chirk {
    position: absolute;
	right: -10px;
    text-decoration: line-through;
	
}
.actionprice h3 {
    font-family: Open Sans, Arial;
    font-weight: 700;
    font-size: 28px;
    color: #18e28f;
}

span.littleprice {
    font-size: 16px;
}

.feature {
    padding: 10px;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.3);
    /* margin-bottom: 20px; */
}

.priceholderbody {
    margin-bottom: 20px;
}

.priceholderbutton {
    text-align: center;
    border-top: 2px solid white;
    padding: 10px 0px;
	    position: absolute;
    width: 100%;
    bottom: 0px;
		  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.priceholderbutton a {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: Open Sans, Arial;
	color: #fff;
}


table.mobileanal {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}
.mobileanal td {
    width: 50%;
    padding: 0px 0px 10px;
    vertical-align: top;
}

span.counter {
    font-size: 42px;
    color: #18e28f;
    font-weight: 700;
}
.countertd{
padding-bottom:0px!important;
vertical-align: bottom!important;
}