@font-face {
			font-family: "OpenSansRegular";
			src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
			src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
			url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "OpenSansBold";
			src: url("../fonts/OpenSansBold/OpenSansBold.eot");
			src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
			url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}    

	@font-face {
			font-family: "OpenSansLight";
			src: url("../fonts/OpenSansLight/OpenSansLight.eot");
			src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"),
			url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
			url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
    
    @font-face {
			font-family: "BebasRegular";
			src: url("../fonts/BebasRegular/BebasRegular.eot");
			src: url("../fonts/BebasRegular/BebasRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/BebasRegular/BebasRegular.woff") format("woff"),
			url("../fonts/BebasRegular/BebasRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
    
	@font-face {
			font-family: "BebasBold";
			src: url("../fonts/BebasBold/BebasBold.eot");
			src: url("../fonts/BebasBold/BebasBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/BebasBold/BebasBold.woff") format("woff"),
			url("../fonts/BebasBold/BebasBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
	@font-face {
			font-family: "OpenSansExtraBold";
			src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot");
			src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"),
			url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}    
    
body, html{
    margin: auto;
	padding: 0;
    height: 100%;
 box-sizing: border-box;
}    
body{

	font-family: 'Source Sans Pro', sans-serif;
	box-sizing: border-box;
    line-height: 1.42857143;
}
.animated {
  -webkit-animation-duration: .6s;
  -o-animation-duration: .6s;
  -moz-animation-duration: .6s;
  animation-duration: .6s;
  
  -webkit-animation-delay: .5s;
  -o-animation-delay: .5s;
  -moz-animation-delay: .8s;
  animation-delay: .5s;
}
li{
	list-style: none;
}
a:hover, a:visited, a{
	text-decoration: none;
}

.banner h1 {
    font-size: 48px;
    color: #fff;
    font-family: 'BebasBold';
    text-align: center;
    margin-bottom: 30px;
}
.banner h1>span {
    color: #de5405;
}
h1, .h1 {
    font-size: 36px;
}
h1, h2, h3, .h1, .h2, .h3 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.banner h3 {
    font-size: 18px;
    color: #ffffff;
    font-family: 'OpenSansRegular';
    margin-top: 130px;
    position: relative;
    text-align: center;
}
.banner h3::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18%;
    margin-left: 44px;
    height: 1px;
    background-color: #8c8b8b;
    z-index: 5;
}
.banner h3::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18%;
    margin-left: 367px;
    height: 1px;
    background-color: #8c8b8b;
    z-index: 5;
}
.banner p {
    font-size: 14px;
    color: #ffffff;
 /*   margin-top: 25px;
    line-height: 2;*/
    text-align: center;
    font-family: 'OpenSansRegular';
}
h4{
	font-size: 14px;
	color: #008ed6;
	text-transform: uppercase;
	font-weight: 700;
}
h2{
	font-size: 36px;
	color: #1a1a1a;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 0;
}
.features h2 {
    font-size: 55px;
    color: #e05f14;
    font-family: 'BebasRegular';
    top: 15px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
}
.features p {
    font-size: 18px;
    color: #ffffff;
 /*   margin-top: 25px;
    line-height: 2;*/
    text-align: center;
    font-family: 'OpenSansRegular';
    margin-bottom: 0;
}
.top-header {
    background: #ffffff;
    position: fixed;
    min-width: 1000px;
    width:100%;
   /* margin-top: -20px;*/
       height: 92px;
    z-index: 999;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
}
.container {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    margin-right: auto;
    margin-left: auto;
    min-width: 1000px;
    width: 1000px;
}
.col-md-12 {
    float: left;
}
.container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: 0; 
    margin-left: 0;
    float: left;    
}
.navbar-right{
    float: left;
}
.navbar-collapse.collapse {
    display: block;
    height: auto;
    padding-bottom: 0;
    overflow: visible;
    visibility: visible;
    float: right;
    padding: 0;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.top-menu>ul{
    margin: 0;
	padding: 0;    
}
.navbar-nav>li {
    float: left;
}
.nav>li {
    position: relative;
    display: block;
}
.navbar-default .navbar-nav>li>a {
    font-size: 14px;
font-family: 'OpenSansRegular';
    color: #1f1a17;
    text-transform: inherit;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
    padding: 8px 0;
    margin: 0 15px;
    font-weight: 600;
}
.top-menu,.telefone{
    display: inline-block;
}
.top-menu{
    top: 28px;
    position: relative;
    left: -35px;
}    
.telefone>a{
color: #1f1a17;
font-size: 28px;
    cursor: default;
}
.navbar {
    height: 92px;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;    
}
.logo{
    padding: 25px 0;
}
.colback{
    position: relative;
    cursor: pointer;
    width: 170px;
    height: 34px;
    background: #1f1a17;
    right: -20px;
    box-shadow: 5px 5px 10px 0px #bdbbbb;
}
.colback::before{
    content: " ";
    position: absolute;
    border: 17px solid transparent;
    border-bottom-color: #1f1a17;
    border-right-color: #1f1a17;
    top: 0;
    left: 65px;
}
.polubut{
    width: 99px;
    height: 34px;
    background: #e05f14;
}

.bebas-txt {
    margin: 0;
    position: absolute;
    color: #fff;
    font-family: 'BebasRegular';
    font-size: 18px;
    text-transform: uppercase;
    left: 29px;
    top: 5px;   
}
.navbar-default .navbar-nav>li>a.active {
    color: #e05f14;
    border-bottom: 1px solid #e05f14;
}
.banner {
    background: url(../img/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    -webkit-background-size: cover;
    background-size: cover;
    height: 695px;
    min-width: 1000px;
}
.animated {
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.col-xs-6 {
    width: 50%;
    position: relative;
  /*  min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;*/
    float: left;
}
.banner-img {
    position: relative;
    top: 180px;
}


@media screen and (max-width: 999px) {
 .top-header { position: inherit;}   
}    

.sp-bold{
    font-size: 17px;
    font-family: 'OpenSansBold';    
}

.colback2 {
    position: relative;
    cursor: pointer;
    width: 170px;
    height: 34px;
    margin: 10px 137px;
    background: url(../img/but-back.jpg);
    right: -20px;
    background-position-x: 0px;
    box-shadow: 3px 1px 10px 2px #212121;

    
}
.colback2:hover {
    background-position-x: -100px;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;      
}    

.banner p.but-txt,.catalog p.but-txt,.preimuchestva2 p.but-txt, .sec-gallery p.but-txt, .lizing p.but-txt{
    font-size: 18px;
    color: #ffffff;
    position: relative;
    left: 2px;
    top: 5px;
    text-align: center;
    font-family: 'BebasRegular';
    margin: 0;
}
.text-center {
    text-align: center;
}
.features {
    background: url(../img/banner-akcia.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -1px;
    overflow: visible;
    -webkit-background-size: cover;
    background-size: cover;
    height: 325px;
    min-width: 1000px;
}
.akcia-img {
    position: relative;
    top: -51px;
    left: -230px;
}

.img-index{
  z-index: 20;  
}
.sp-orange{
    color: #ffd800;
    text-transform: uppercase;
    font-family: 'OpenSansBold';
    font-size: 17px;    
}
.clock{
zoom: 0.7;
-moz-transform: scale(0.7)
}
.catalog {
    background: url(../img/banner-catalog00.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    -webkit-background-size: cover;
    background-size: cover;
    height: 2118px;
    min-width: 1000px;
}
.catalog2 {
    background: url(../img/banner-catalog02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    -webkit-background-size: cover;
    background-size: cover;
    height: 750px;
    min-width: 1000px;
}
.col-md-5{
    width: 41.66666667%;
    float: left;
}
.clearer:after{
    display: block;
    content: " ";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;    
}

.catalig-img1 {
    position: relative;
    top: 20px;
    left: -310px;
}
.catalog h2 {
    font-size: 48px;
    color: #141414;
    font-family: 'BebasRegular';
    top: -25px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}
.catalog h3 {
    font-size: 28px;
    color: #fff;
    font-family: 'OpenSansRegular';
    top: -25px;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    background: #717171;
    padding: 5px 1px 8px 1px;
    margin: 10px 40px 10px 40px;    
}
.catalog-txt{
    padding-left: 70px;
}
.catalog p {
    font-size: 18px;
    color: #131313;
    text-align: justify;
    font-family: 'OpenSansRegular';
}
.li-img {
padding-left: 50px;
}
.li-img li{
    list-style-image: url(../img/point.png);
    font-family: 'OpenSansRegular';
    font-size: 18px;
    text-align: left;
    font-weight: 800;
    line-height: 2;
}
.catalog p.sp-price{
    text-align: center;
    font-family: 'OpenSansBold';
    font-size: 36px; 
	margin-top: 0;
	margin-bottom: 25px;
}
.sp-price-orang{
    color: #e05f14;    
}
.otstup1{
    margin-top: 200px;
}
.otstup2{
    margin-top: 120px;
}
.catalig-img2 {
    position: relative;
    top: 310px;
    left: -48px;
}
.catalig-img3 {
    position: relative;
    top: 190px;
    left: -20px;
}
.preimuchestva {
    overflow: visible;
    height: 326px;
    min-width: 1000px;
}
.preimuchestva-back{
    overflow: visible;
    width: 35%; 
    height: 326px;    
}
.client-logo{
    height: 326px;
    width: 65%;
}
.img-client-back{
    margin-top: -18px;
    left: -183px;
    position: absolute;
}
.preimuchestva h2 {
    font-size: 77px;
    color: #fff;
    z-index: 25;
    font-family: 'BebasRegular';
    top: 15px;
    text-transform: uppercase;
    position: relative;
    top: 115px;
    left: -50px;
}
.img-client-logo{
    margin-top: 7px;
    position: absolute;   
}
.preimuchestva2 {
    background: url(../img/banner-pr.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    -webkit-background-size: cover;
    background-size: cover;
    height: 798px;
    min-width: 1000px;
}
.primuchestva-txt{
    position: relative;
    height: 798px;
    min-width: 1000px;    
}
.preimuchestva2 h2 {
    font-size: 48px;
    color: #fff;
    z-index: 25;
    font-family: 'BebasRegular';
    top: 15px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    top: 50px;
}
.preimuchestva2 p{
    text-align: center;
    font-family: 'OpenSansExtraBold';
    font-size: 18px;
    color: #f17215;   
    text-transform: uppercase;
    line-height: 1;    
}
.preimuchestva2 p>span{
    color: #fff;   
    text-transform: initial;  
    font-family: 'OpenSansRegular';
    font-size: 18px;    
}
.pr-text{
    position: absolute;  
}
.pr01{
    top: 150px;
    left: 25px;     
}
.pr02{
    top: 390px;
    left: 25px; 
}
.pr03{
    top: 150px;
    left: 755px;
}
.pr04{
    top: 395px;
    left: 780px;
}
.pr05{
    top: 510px;
    left: 440px;
}
.preimuchestva2 p.but-txt  {
    top: 9px;   
}    
.poz06{
    top: 610px;
    left: 278px;
}
.okompanii {
    background: url(../img/banner-okompanii.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    -webkit-background-size: cover;
    background-size: cover;
    height: 451px;
    min-width: 1000px;
}
.okompanii-img{
    position: relative;
    top: -100px;
    left: -5px;
}
.okompanii-txt {
   /* padding-left: 70px;*/
    width: 55%;
	margin-top: -30px;
}
.okompanii h2 {
    font-size: 48px;
    color: #fff;
    font-family: 'BebasRegular';
    top: -15px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}
.okompanii p{
    text-align: center;
    font-family: 'OpenSansLight';
    font-size: 18px;
    color: #fff;   
    line-height: 1.3;    
}
.sec-gallery {
    background: url(../img/banner-gallery.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    -webkit-background-size: cover;
    background-size: cover;
    height: 1229px;
    min-width: 1000px;
}
.sec-gallery h2 {
    font-size: 48px;
    color: #fff;
    font-family: 'BebasRegular';
    top: -60px;
    left: 200px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}
.gallery img {
    margin: 10px;
    box-shadow: 0px 0px 2px 2px #bdbbbb;
    border: 3px solid #fff;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;    
}

.gallery a:focus {
    outline: none; 
}
.gallery img:hover {
    border: 3px solid #f17215;
}
.gallery{
    text-align: center;
}    
.player{
    text-align: center;
    padding-top: 50px;
}
.but-gallery{
    /*left: 300px;*/
    position: absolute;
}
.player video{
    border: 2px solid #e2e2e2;
}
.lizing {
    background: url(../img/banner-lizing.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    -webkit-background-size: cover;
    background-size: cover;
    height: 658px;
    min-width: 1000px;
}
.lizing h2 {
    font-size: 77px;
    color: #fff;
    font-family: 'BebasRegular';
    top: 119px;
    left: 210px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}
.lizing h3 {
    font-size: 24px;
    color: #3b3b3b;
    font-family: 'OpenSansExtraBold';
    position: relative;
    text-align: center;
}
.lizing-img{
    position: relative;
    top: -62px;
    left: -160px;
}
.tab-align{
    text-align: end;
}
.lizing table{
    font-family: 'OpenSansLight';
    font-size: 18px;    
    padding-left: 25px;
}
.lizing-but{
    left: 45px;
    position: absolute;  
padding-top: 20px;	
}
.geograf{
    background: url(../img/banner-geo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    -webkit-background-size: cover;
    background-size: cover;
    height: 548px;
    min-width: 1000px;    
}
.geograf h2 {
    font-size: 48px;
    color: #fff;
    font-family: 'BebasRegular';
    top: 90px;
    left: -80px;
    text-transform: uppercase;
    position: relative;
}
.marker01,.marker02,.marker03,.marker04,.marker05,.marker06,.marker07,.marker08,.marker09,.marker10,.marker11,.marker12,.marker13,.marker14,.marker15,.marker16,.marker17,.marker18,.marker19,.marker20,.marker21,.marker22{
    position: absolute;
}
.marker01{
    top: 210px;
    left: 145px;
}
.marker02{
    top: 200px;
    left: 185px;
}
.marker03{
    top: 170px;
    left: 175px;
}
.marker04{
    top: 160px;
    left: 155px;
}
.marker05{
    top: 150px;
    left: 125px;
}
.marker06{
    top: 100px;
    left: 135px;
}
.marker07{
    top: 120px;
    left: 195px;
}
.marker08{
    top: 90px;
    left: 175px;
}
.marker09{
    top: 200px;
    left: 365px;
}
.marker10{
    top: 250px;
    left: 420px;
}
.marker11{
    top: 180px;
    left: 490px;
}
.marker12{
    top: 280px;
    left: 560px;
}
.marker13{
    top: 210px;
    left: 775px;
}
.marker14{
    top: 300px;
    left: 805px;
}
.marker15{
    top: 210px;
    left: 80px;
}
.marker16{
    top: 120px;
    left: 250px;
}
.marker17{
    top: 192px;
    left: 20px;
}
.marker18{
	top: 405px;
    left: 790px;;
}
.marker19{
    top: 335px;
    left: 550px;
}
.marker20{
    top: 320px;
    left: 380px;
}
.marker21{
    top: 245px;
    left: 200px;
}
.marker22{
    top: 200px;
    left: 260px;
}
.map-rf{
    position: relative;
}

/*forms*/

.popup {
position: absolute;
height:100%;
width:100%;
top:0;
left:0;
display:none;
}


	.popup_bg {
		background:rgba(210, 210, 210, 0.85);
		position:fixed;
		z-index:1000;
		height:100%;
		width:100%;
	}
	
	
	.form {
		position: relative;
		margin:4px auto;
		z-index:2;
		width:200px;
		padding:40px 20px;
		background:#FFFFFF;
		border:1px solid #666666;
        z-index:1001;
		border-radius:20px;
		box-shadow:0 0 2px rgba(0,0,0,0.5);
	}

.main {
    width: 640px;
    background: url(../img/fon.jpg);
    background-repeat: no-repeat;
    background-position: 0% 20%;    
    z-index:1001;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
    margin: 0 auto;
    padding: 60px 0;
   /* background: #484d53;*/
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    text-align: center;
}


.main h3 {
    font-size: 60px;
    color: #fff;
}

.main p {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
	margin-top: 0;
}
.sector2{
	display: none;
}

/* Стили формы */
#application {
    width: 475px;
    margin: 0 auto;
}

/*Стили полей для ввода*/
#applicationName, #applicationEmail, #applicationTelephone, .select, #applicationTon, #applicationMetr, #applicationText {
    width: 100%;
    height: 73px;
    background: none;
    margin-top: 25px;
    border: 1px solid #fff;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

 
/*	=	Select */
.slct {
/*	display: block;
	border-radius: 5px;
	border: 1px solid #cecece;
	background-color: #F6F6f6;*/
	    top: 20px;
		    position: relative;
	padding: 20px 50px 20px 50px;
	color: #fff;


}
.slct.active {
	border-radius: 5px 5px 0 0;
	border-bottom: none;
}
.drop {
    margin-top: 30px;
    margin-left: 10px;
    padding: 0;
    width: 453px;
	border: 1px solid #cecece;
	border-top: none;
	display: none;
	position: absolute;
	background: #fff;
}
.drop li {
	list-style: none;
	border-top: 1px dotted #e8e8e8;
	cursor: pointer;
	display: block;
	color: #444;
	padding: 4px 15px 4px 25px;
	background-position: 10px -119px;
}
.drop li:hover {
	background-color: #e8e8e8;
	color: #222;
}
 
 
/*Стили полей при клике по ним*/
#applicationName:focus, #applicationEmail:focus, #applicationTelephone:focus, .select:focus, #applicationTon:focus, #applicationMetr:focus, #applicationText:focus  {
    border: 1px solid #e05f14;
    outline: none;
}
#applicationText{
	overflow: hidden;
	font-size: 18px;
	height: 100px;
}

.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
      color: #fff;
    font-size: 22px;
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: #9FD468;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 26px;
}
/* Показываем получение фокуса. */
.checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}

.form-pol{
margin-top: 25px;	
}    


/*Стили текста, выводящегося в placeholder*/
::-webkit-input-placeholder {
    color: #efefef;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

::-moz-placeholder  {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 19+ */

:-moz-placeholder {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 18- */

:-ms-input-placeholder {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

::placeholder {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

/*Стили для кнопки*/
.applicationButton {
    margin-top: 25px;
    background: #e05f14;
    border: none;
    width: 100%;
    height: 73px;
    border-radius: 40px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    cursor: pointer;
/*    transition: .6s;*/
}
    .applicationButton:hover {
        background: #30ad64; 
        /*    transition: .6s;*/
    }
/*телефон*/

.popup-tel {
position: absolute;
height:100%;
width:100%;
top:0;
left:0;
display:none;
}
	.popup_bgTel {
		background:rgba(210, 210, 210, 0.85);
		position:fixed;
		z-index:1000;
		height:100%;
		width:100%;
	}
	
	
	.formTel {
		position: relative;
		margin:4px auto;
		z-index:2;
		width:200px;
		padding:40px 20px;
		background:#FFFFFF;
		border:1px solid #666666;
        z-index:1001;
		border-radius:20px;
		box-shadow:0 0 2px rgba(0,0,0,0.5);
	}

.mainTel {
    width: 640px;
    background: url(../img/fon.jpg);
    background-repeat: no-repeat;
    background-position: 100% 20%;    
    z-index:1001;
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);    
    margin: 0 auto;
    padding: 60px 0;
   /* background: #484d53;*/
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    text-align: center;
}


.mainTel h3 {
    font-size: 60px;
    color: #fff;
}

.mainTel p {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
}

/* Стили формы */
#applicationTel {
    width: 475px;
    margin: 0 auto;
}

/*Стили полей для ввода*/
#applicationNameTel, #applicationEmailTel, #applicationTelephoneTel {
    width: 100%;
    height: 73px;
    background: none;
    margin-top: 25px;
    border: 1px solid #fff;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

/*Стили полей при клике по ним*/
#applicationNameTel:focus, #applicationEmailTel:focus, #applicationTelephoneTel:focus {
    border: 1px solid #e05f14;
    outline: none;
}

/*Стили текста, выводящегося в placeholder*/
::-webkit-input-placeholderTel {
    color: #efefef;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

::-moz-placeholderTel  {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 19+ */

:-moz-placeholderTel {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}  /* Firefox 18- */

:-ms-input-placeholderTel {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

::placeholderTel {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

/*Стили для кнопки*/
.applicationButtonTel {
    margin-top: 25px;
    background: #e05f14;
    border: none;
    width: 100%;
    height: 73px;
    border-radius: 40px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    cursor: pointer;
/*    transition: .6s;*/
}
    .applicationButtonTel:hover {
        background: #30ad64; 
        /*    transition: .6s;*/
    }
 
.btnNext{
    width: 45%;
    margin-right: 5%;
    background: #adadad;
    margin-top: 50px;	
}
.btnSend{
    width: 45%;	
} 
.yt-corr{
   left: 280px;
   top: 30px;	
}
#pogruzchik_elektro{
position: relative;
    top: 100px;	
}
#pogruzchik_gaz-benzin{
position: relative;
    top: 30px;		
}
#pogruzchik_akciya{
position: relative;
    top: -120px;		
}
footer {
    padding: 0 15px 10px;
    border-top: 2px solid #ccc;
    font-size: 0.9em;
	height: 75px;
    clear: both;
    display: block;
    background: #606978;
    background: -moz-linear-gradient(top, #606978 0%, #000 150%);
    background: -webkit-linear-gradient(top, #606978 0%, #000 150%);
    background: -o-linear-gradient(top, #606978 0%, #000 150%);
    background: -ms-linear-gradient(top, #606978 0%, #000 150%);
    background: linear-gradient(to bottom, #606978 0%, #000 150%);
}
.logo-footer {
   padding: 20px 0 5px 0;
}
footer section{
    float: left;
}	
.navbar-footer p{
    position: relative;
    top: 15px;
    font-family: 'OpenSansLight';
    font-size: 14px;
    color: #d2d2d2;
    padding-left: 70px;	
}
.navbar-footer  a.tel-foot{
    color: #d2d2d2;
    font-size: 28px;
    cursor: default;
    position: relative;
    top: 19px;	
}
.navbar-footer  a.mail-foot{
    color: #fff;
    font-size: 17px;
	padding-left: 5px;	
}

#menu-checkbox{
	display:none;
}
.karta-none{
	display:none;
}
@media screen and (max-width:980px){
.top-header {
    position: static;
    min-width: 0;
    margin-top: 0px;
	height: auto!important;
    overflow: hidden;
	margin-top: 33px;
	padding: 0 5px;
    box-sizing: border-box;
}	
.container {
    min-width: 0;
    width: auto;
}	
.catalog {
    height: auto;
    min-width: 0;
	padding: 0 7px;
}
.preimuchestva2 {
    height: 798px;
    min-width: 0;
	overflow: hidden;
	background: #444243;
	padding: 0 7px 25px 7px;
}
.sec-gallery {
    min-width: 0;
	height: auto;
	background: #505050;
	padding-bottom: 25px;
	padding: 0 7px;
}
img{
	max-width:100%;
	height:auto;
}
.banner {
    /*background: #080808;*/
	height: auto;
    min-width: 0;
	padding: 0 7px;
}
.banner .col-xs-6.wow.zoomIn.animated.animated{
	float:none;
	width:auto;
}
.features {
    background: #2F3239;
    margin-top: 0;
    overflow: hidden;
    height: auto;
	padding: 0 7px;
    min-width: 0;
}
#akciya.features.text-center{
	
}
#akciya.features.text-center .akcia-img {
    top: 0;
    left: 0;
    float: none;
    width: auto;
}
#akciya.features.text-center .col-xs-6.wow.zoomIn.animated.animated {
    top: 0;
    left: 0;
    float: none;
    width: auto;
}
#akciya.features.text-center .col-xs-6.wow.zoomIn.animated.animated>div {
    -moz-transform: translate(0%, 0%)!important;
	padding-left: 0!important;
	display:block!important;
	width:auto!important;
}
.catalog {
    height: auto;
    min-width: 0;
    padding-bottom: 30px;
	padding-top: 15px;
}
#catalog.catalog .col-xs-6.catalog-txt.wow.zoomIn.animated.animated{
	width: auto;
	float:none;
	overflow: hidden;
}
.catalog-txt {
    padding-left: 0;
}
#catalog.catalog .catalig-img1{
    width: auto;
	float:none;
	left: 0;
    position: static;
}
.catalog h2 {
    top: 0px;
}
.colback2 {
    margin: 0 auto;
    right: 0;
}
.catalog h3 {
    top: 0;
}
.otstup1 {
    margin-top: 30px;
}
.okompanii-txt {
    padding-left: 0px;
    width: auto;
    margin-top: 0;
}

.okompanii {
    height: auto;
    min-width: 0;
	padding: 0 5px;
	overflow: hidden;
}
.lizing {
    background: url(../img/banner-lizing.jpg);
    height: auto;
    min-width: 0;
	overflow: hidden;
	background: #D4D4D4;
	padding: 31px 7px 0 7px;
}
.geograf {
	min-width: 0;
    overflow: auto;
	height: auto;
	background:none;
}
.geograf .karta-none{
	display:block;
}
.geograf .container{
	display:none;
}

.banner-img {
    top: 180px;
    float: none;
    width: auto;
	position: static;
	margin-top:30px;
	text-align: center;
}
.banner h3 {
    margin-top: 20px;
}
.banner h3::before {
    display: none;
}
.banner h3::after {
    display: none;
}
.otstup2 {
    margin-top: 0;
}
.pr-text {
    position: static;
}
.primuchestva-txt {
    height: auto;
    min-width: 0;
    width: auto;
}
.primuchestva-txt {
    float: none;
}
.preimuchestva2 h2 {
    position: static;
	padding-top: 25px;
}
.preimuchestva2 {
    height: auto;
}
.okompanii h2 {
    top: 0;
    padding-top: 27px;
}
.sec-gallery h2 {
    position: static;
}
.okompanii-img {
    position: static;
}
.sec-gallery h2 {
    padding-top: 25px;
}
video{
	height: 50vw;
    width: 100%;
}
iframe {
    height: 50vw;
    width: 100%;
}
.lizing-img {
    position: static;
}
#lizing.lizing .lizing-img{
	width:auto;
	float:none;
}
#lizing.lizing .otstup2{
	width:auto;
	float:none;
}
.lizing h2 {
    position: static;
}
.but-gallery {
    position: static;
}
.colback2 {
    position: static;
}
.but-gallery {
    position: static;
    padding-top: 25px;
}
.lizing table {
    padding-left: 0;
	width: 100%;
}
footer {
    height: auto;
    overflow: hidden;
}
.catalig-img3 {
    position: static;
	float: none;
	width: auto;
}
.catalig-img2 {
    position: static;
    float: none;
    width: auto;
}
.toggle-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #363636 0%, #121212 100%) repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 33px;
	text-align: center;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.toggle-button::after {
    content: attr(data-open);
    display: block;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-top: 3px;
}
.toggle-button::before {
    background: rgba(0, 0, 0, 0) url("../img/pull.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 30px;
    left: 0px;
    position: absolute;
    width: 35px;
}
#menu-checkbox:checked + div[role="navigation"] ul {
    display: block;
	position: absolute;
    left: 0;
    top: 36px;
    background: #fff;
	text-align: left;
}
#menu-checkbox:checked + div[role="navigation"] .toggle-button::after {
    content: attr(data-close);
}
.top-menu ul{
	display:none;
}
.top-menu {
    position: static;
}
.navbar-collapse.collapse {
    padding-right: 10px;
}
.navbar-header{

}
.navbar {
    height: auto;
}
.navbar-nav > li {
    float: none;
}
.navbar-footer p {
    position: static;
    padding-left: 0;
}
footer section {
    float: none !important
}
footer section a{
	display:block;
}
.navbar-footer{
	text-align:center;
}
.navbar-footer a.tel-foot {
    top: 0;
}
.lizing-but {
    position: static;
    padding-bottom: 30px;
}
.main {
    width: 100%;
	padding: 10px 0;
	top: 100px;
	box-sizing: border-box;
	transform: translate(0%, 0%);
	left: 0;
	-moz-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
}
#application {
    width: auto;
    padding: 0 10px;
    box-sizing: border-box;
}
#applicationName, #applicationEmail, #applicationTelephone, .select, #applicationTon, #applicationMetr, #applicationText {
    height: 50px;
	margin-top: 14px;
}
.slct {
    top: 8px;
    position: relative;
    padding: 5px;
}
.mainTel {
    width: 100%;
	padding: 20px 5px;
	top: 100px;
	box-sizing: border-box;
	transform: translate(0%, 0%);
	left: 0;
	-moz-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
}
.applicationButtonTel {
    height: 48px;
}
#applicationNameTel, #applicationEmailTel, #applicationTelephoneTel {
    height: 48px;
	box-sizing: border-box;
}
#applicationTel {
    box-sizing: border-box;
}
.btnSend {
    width: 100%;
	height: 48px;
}
}

@media screen and (max-width:890px){
	
}

@media screen and (max-width:680px){
.clock {
    zoom: 0.7;
    -moz-transform: scale(0.4);
	transform: scale(0.4);
	-o-transform: scale(0.4);
	-ms-transform: scale(0.4);
	-webkit-transform: scale(0.4);
}
#applicationName, #applicationEmail, #applicationTelephone, .select, #applicationTon, #applicationMetr, #applicationText {
    font-size: 15px;
}
#applicationTel {
    width: 100%;
    margin: 0 auto;
}

/*
.flip-clock-wrapper ul li a div div.inn {
    font-size: 19px;
}
.flip-clock-wrapper ul {
    width: 40px;
}
*/
.flip-clock-wrapper {
    position: absolute!important;
    width: 624px!important;
    margin-left: -311px!important;
    left: 50%!important;
	top: 0!important;
}
#akciya.features.text-center .col-xs-6.wow.zoomIn.animated.animated > div{
	position: relative!important;
    height: 109px!important;
	overflow: hidden;
}
.flip-clock-divider .flip-clock-label {
    right: -112px!important;
    font-size: 32px!important;
}
.flip-clock-divider.minutes .flip-clock-label {
    right: -116px!important;
}
.flip-clock-divider.seconds .flip-clock-label {
    right: -124px!important;
}
}


@media screen and (max-width:444px){
.navbar-header{
	float: none!important;
    text-align: center;
}	
.navbar {
    height: auto!important;
}
.navbar-collapse.collapse {
    padding-right: 0;
    float: none;
	margin-bottom: 20px;
	text-align: center;
}
.catalog h3 {
    font-size: 22px;
	padding: 5px 5px;
}
.li-img li {
    font-size: 13px;
}
}








@media screen and (max-width:444px){
.preimuchestva2 h2 {
    font-size: 32px;
}
.banner h1 {
    font-size: 30px;
    color: #fff;
    font-family: 'BebasBold';
    text-align: center;
    margin-bottom: 30px;
}
.catalog p.sp-price {
    font-size: 22px;
}
.lizing table {
    font-size: 11px;
}
}