/* defaul style ======================*/
* {margin:0;padding:0;outline:none;}
html, body {font-size: 100%; margin:0; padding:0; width:100%;height:100%;}
a,img,div{display:block;}
ul{list-style:none;}
a{text-decoration:none;color: #6c69fb;}
span,a,b,p,ul li,input,textarea{-webkit-font-smoothing: antialiased;font-weight:normal;}
textarea {resize: none;}
.noselect {-webkit-touch-callout: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {opacity:1;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {opacity:0!important;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {opacity:0!important;}
.white{color:#fff!important;}
.yellow{color:#ffe641!important;}
.screen{display:block;width:100%;height:auto;}
.wrapp{display:block;width:100%;max-width:1200px;margin:0 auto;text-align:center;}
.wrapper2.fix-site {position:fixed;width:100%;}
.wrapper2{height:100%;}
.popups_overflow{display:inline-block;width:100%;height:100%;position:fixed;overflow:hidden;}
.light28{
	font-family: 'helvetica_light';
	font-size:28px;
	line-height:36px;
}
.light20{
	font-family: 'helvetica_light';
	font-size:19px;
	line-height:26px;
}
.light16{
	font-family: 'helvetica_light';
	font-size:16px;
	line-height:24px;
}
.light15{
	font-family: 'helvetica_light';
	font-size:15px;
	line-height:20px;
}
.light14{
	font-family: 'helvetica_light';
	font-size:14px;
	line-height:18px;
}
.reg18{
	font-family: 'helvetica_reg';
	font-size:18px;
	line-height:24px;
}
.ub_bold28{
	font-family: 'ubuntu_bold';
	font-size:28px;
	line-height:28px;
}
.h_bold{
	font-family: 'helvetica_bold'!important;
}
#lp_background{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:-1;
	background:url(../img/lp_bg.jpg)no-repeat center center;background-size:cover;
}
.move_up{
	background:url(../img/move_up.png)no-repeat center center;
	background-size:cover;
	width:60px;
	height:60px;
	position:fixed;
    right: 10px;
    bottom: 60px;
	opacity:0;
	z-index:5;
	cursor:pointer;
}
.move_up.move_to_up{
	bottom:150px;
}
.move_up.active{
	opacity:1;
}

/*================================================== header =====================================================*/

#header{
	height:80px;
	position:absolute;
	top:0px;
	-webkit-backface-visibility: hidden;
	z-index:16;
	color:#fff;	
}
#header.to_top{top:-80px;}
#header.dark{background:rgba(0,0,0,1);}
#header .wrapp{height:100%;position:relative;width:1120px;}



/*для мобильных*/
.nav_btn_mobil{
	display:block;
	width:141px;
	height:26px;
	position:relative;
	float:left;
	right:0px;
	top:50%;
	-webkit-transform: translate(0%, -50%); 
	transform: translate(0%, -50%);	
	cursor:pointer;
}
#nbm_1{
	position:relative;
	top:0px;
	width:26px;
	height:2px;
	background-color:#fff;
	margin-bottom:5px;
	-webkit-transform: rotate(0deg); 
	transform: rotate(0deg);
	float:right;
	margin-top:4px;
}
#nbm_2{
	width:26px;
	height:2px;
	background-color:#fff;
	margin-bottom:5px;
	float:right;
	opacity:1;
}
#nbm_3{
	position:relative;
	top:0px;	
	width:26px;
	height:2px;
	background-color:#fff;
	-webkit-transform: rotate(0deg); 
	transform: rotate(0deg);
	float:right;	
}
.nav_btn_mobil.active #nbm_1{-webkit-transform: rotate(225deg); transform: rotate(225deg);top:7px;}
.nav_btn_mobil.active #nbm_2{opacity:0;}
.nav_btn_mobil.active #nbm_3{-webkit-transform: rotate(-225deg); transform: rotate(-225deg);top:-7px;}



.navigation{
	width:100%;
	height:100%;
	background:#000 url(../img/b_bg.jpg)repeat;
	position:fixed;
	overflow:hidden;
	left:0%;top:0%;
	z-index:15;
	-webkit-transform: translate(-100%, 0%); 
	transform: translate(-100%, 0%);	
}
.navigation.active{
	-webkit-transform: translate(-0%, 0%); 
	transform: translate(-0%, 0%);	
}
.navigation .wrapp{height:100%;}

.navigation ul{
	display:inline-block;
	position:relative;
	text-align:left;
	float:left;
	top:50%;
	left:50px;
	-webkit-transform: translate(0%, -50%); 
	transform: translate(0%, -50%);	
}
.nav {display:inline-block;position:relative;}
.nav a{
	color:#fff;
	font-size:20px;
	line-height:60px;
	display:inline-block;
	font-family: 'helvetica_light';
}
.nav span{
	display:block;
	height:1px;
	width:20px;
	background-color:#fff;
	position:absolute;
	left:0px;
	top:10px;
}

.nav:hover a{
	color:#ffe641;
}
.nav:hover span{
	background-color:#ffe641;
	width:50px;
}
/*================================================== КНОПКИ =====================================================*/

.lp_button{
	color:#fff;
	background-color:#1976d2;
	display:inline-block;
	font-family: 'helvetica_light';
	font-size:20px;
	text-align:center;
	padding:20px 40px;
	line-height:20px;
	cursor:pointer;
	box-shadow: 0px 0px 40px 10px rgba(18, 18, 18, 0);
}
.lp_button:hover{
	background-color:rgb(1, 72, 159);
	box-shadow: 0px 0px 40px 10px rgba(18, 18, 18, 0.2);
}
.lp_button:active{
	background-color:#0960b6;	
}

.our-apps__info-download{
    max-width: 580px;
    min-width: 580px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	text-align:center;
	line-height:20px;
	cursor:pointer;
	position: relative;
    top: 50px;
    left: 430px;
}

@media(max-width: 500px) {
    .our-apps__info-download {
    width:100%;
    min-width: 100%;
    max-width: 100%;
	position: relative;
    top: 30px;
    left: 0px;
    }
}

@media(max-width: 400px) {
    .our-apps__info-download {
        gap:20px;
    }
}

.our-apps__info-download a {
    -webkit-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.our-apps__info-download a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.our-apps__info-download img {
    width: 100%;
}

/*=================================================== Экран 1 =======================================================*/
#video{
	width:100%;
	height:auto;
	position:absolute!important;
	left:0px;
	top:0px;
	
	left:50%;top:50%;
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);
	z-index:1;
}
#s1{
	height:100%;
	background:url(../img/w_bg.jpg)repeat;
	color:rgba(0,0,0,0);
	position:relative;
	overflow:hidden;
}
#s1 .wrapp{height:100%;position:relative;z-index:2;}
#s1_content{
	width:1119px;
	height:410px;
	position:relative;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);	
	border-left:1px solid #616161;
	text-align:center;
}
#s1_content .title {
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.8);
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  padding: 8px 44px;
  border-radius: 10px;
  margin: 6px 220px;
}
#s1_content .s1_podtitle {
    margin: 0 auto; 
    padding: 8px 18px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.8);
    font-size: 18px;
    line-height: 1.4;
    max-width: 85%;
}
.top_border{
	position:absolute;
	top:0px;
	right:0px;
	border-top:1px solid #616161;
	border-right:1px solid #616161;
	width:39px;
	height:39px;
}
.bottom_border{
	position:absolute;
	bottom:0px;
	right:0px;
	border-bottom:1px solid #616161;
	border-right:1px solid #616161;
	width:39px;
	height:39px;
}

.title{
	font-family: 'ubuntu_bold';
	font-size:45px;
	line-height:56px;
}

#s1_content .title{
	padding-left:50px;
	line-height:64px;
	margin-top:40px;
}

.s1_podtitle{
	display:inline-block;
	padding-left:50px;
	margin-top:50px;
}

.s1_button{margin:80px 0px 0px 50px;}

.mouse{
	background:url(../img/mouse.png)no-repeat center center;
	width:34px;
	height:50px;
	position:absolute;
	bottom:60px;
	left:50%;
	margin-left:-17px;
}

/*=================================================== Экран 2 =======================================================*/

#s2{
	height:820px;
	background:#ffe641 url(../img/s2_bg.jpg)no-repeat right center;
	background-size:auto 100%;
}
#s2 .wrapp{height:100%;position:relative;}

#s2_content{
	width:1120px;
	height:auto;
	display:inline-block;
	margin:0 auto;
	text-align:left;
	padding-top:40px;	
}

.s2_box{
	width:100%;
	height:auto;
	min-height:500px;
	margin:0 auto;
	margin-top:50px;
	position:relative;
}
/*menu*/
.s2_menu{
	width:184px;
	height:420px;
	padding:40px 0px;
	background-color:#222222;
	position:absolute;
	color:#a7a7a7;
	left:0px;
	z-index:12;
}
#s2_links{
	width:184px;
	height:400px;
	position:relative;
	overflow:hidden;
}
#s2_polzunok{
	width:184px;
	height:4000px;
	position:relative;	
	top:0px;
}
#s2_polzunok.move{top:-244px;}
.s2_arrow{
	width: 50px;
	height: 50px;
	position:absolute;
	box-shadow: 0px 0px 25.6px 6.4px rgba(125, 109, 3, 0.2);
	left:50%;
	margin-left:-25px;
	cursor:pointer;
	border-radius:50px;
}
.s2_arrow.top{background:#fff url(../img/s2_arrows.png)no-repeat center 0px;top:-25px;}
.s2_arrow.bottom{background:#fff url(../img/s2_arrows.png)no-repeat center -50px;bottom:-25px;}

.s2_nav{
	display:inline-block;
	min-width:160px;
	position:relative;
	cursor:pointer;
	padding-left:20px;
	margin-top:20px;
}

.s2_nav span{
	display:block;
	height:1px;
	width:20px;
	background-color:#a7a7a7;
	position:absolute;
	left:20px;
	top:10px;
}
.s2_nav p{line-height:60px;}
.s2_nav.active p{
	color:#ffffff;
}
.s2_nav.active span{
	background-color:#ffffff;
	width:50px;
}

/*images*/
.s2_images{
	width:500px;
	height:500px;
	float:left;
	margin-left:100px;
	position:relative;
	z-index:1;
}

.s2_corners{
	width:100%;
	height:100%;
	position:absolute;
}

.s2_corner{
	position:absolute;
	width:39px;
	height:39px;
}
.s2_corner.rt{
	right:0px;
	top:0px;
	border-top:1px solid #000;
	border-right:1px solid #000;	
}

.s2_corner.rb{
	right:0px;
	bottom:0px;
	border-bottom:1px solid #000;
	border-right:1px solid #000;	
}
.s2_corner.lt{
	left:0px;
	top:0px;
	border-top:1px solid #000;
	border-left:1px solid #000;
}

.s2_corner.lb{
	left:0px;
	bottom:0px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;	
}

.s2_im{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	opacity:0;
}
.s2_im.active{
	opacity:1;		
}
.animation1,.animation3{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
}
.animation2{
	position:absolute;
	height:100%;
	top:0px;
}
.an1_1{background:url(../img/s2_image1_1.png)no-repeat right top;background-size:100% auto;}
.an1_3{background:url(../img/s2_image1_3.png)no-repeat right top;background-size:100% auto;}
.an2_1{background:url(../img/s2_image2_1.png)no-repeat right top;background-size:100% auto;}
.an2_3{background:url(../img/s2_image2_3.png)no-repeat right top;background-size:100% auto;}
.an3_1{background:url(../img/s2_image3_1.png)no-repeat right top;background-size:100% auto;}
.an3_3{background:url(../img/s2_image3_3.png)no-repeat right top;background-size:100% auto;}
.an4_1{background:url(../img/s2_image4_1.png)no-repeat right top;background-size:100% auto;}
.an4_3{background:url(../img/s2_image4_3.png)no-repeat right top;background-size:100% auto;}
.an5_1{background:url(../img/s2_image5_1.png)no-repeat right top;background-size:100% auto;}
.an5_3{background:url(../img/s2_image5_3.png)no-repeat right top;background-size:100% auto;}
.an6_1{background:url(../img/s2_image6_1.png)no-repeat right top;background-size:100% auto;}
.an6_3{background:url(../img/s2_image6_3.png)no-repeat right top;background-size:100% auto;}
.an7_1{background:url(../img/s2_image7_1.png)no-repeat right top;background-size:100% auto;}
.an7_3{background:url(../img/s2_image7_3.png)no-repeat right top;background-size:100% auto;}
.an8_1{background:url(../img/s2_image8_1.png)no-repeat right top;background-size:100% auto;}
.an8_3{background:url(../img/s2_image8_3.png)no-repeat right top;background-size:100% auto;}

.s2_im .animation2{
	overflow:hidden;
	width:20%;
	-moz-transform: skew(20deg, 0deg);
	-webkit-transform: skew(20deg, 0deg);
	-o-transform: skew(20deg, 0deg);
	-ms-transform: skew(20deg, 0deg);
	transform: skew(20deg, 0deg);		
}
.s2_im .animation2 img{
	-moz-transform: skew(-20deg, 0deg);
	-webkit-transform: skew(-20deg, 0deg);
	-o-transform: skew(-20deg, 0deg);
	-ms-transform: skew(-20deg, 0deg);
	transform: skew(-20deg, 0deg);
	position:absolute;
	right:0px; top:0px;
}
.s2_im.active .animation2{
	right:0px;
	width:100%;
	transition: 1.5s linear ;
	-webkit-transition:1.5s linear ;
	-moz-transition:1.5s linear ;
	-o-transition:1.5s linear ;	
}
.s2_im .animation3{
	opacity:0;
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);	
}
.s2_im.active .animation3{
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: 0.3s ease-in-out 0.8s;
	-webkit-transition:0.3s ease-in-out 0.8s;
	-moz-transition:0.3s ease-in-out 0.8s;
	-o-transition:0.3s ease-in-out 0.8s;	
}


/*text*/
.s2_text{
	width:470px;
	height:auto;
	display:inline-block;
	position:relative;
	float:right;
	margin-top:30px;
}
.s2_text p{
	display:block;
	line-height:30px;
	margin:30px 0px 50px 0px;
}
.s2_text .inner{
	display:inline-block;
	width:100%;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	z-index:1;
}
.s2_text .inner.active{
	opacity:1;z-index:2;
}

/*для мобилки*/

.tochki{
	width:100%;
	height:30px;
	margin-top:20px;
	text-align:center;
	display:none;
	position:relative;
	z-index:3;
}
.tochki .s2_menu_inner,.tochki .s6_menu_inner{
	width:14px;
	height:14px;
	display:inline-block;
	border-radius:50px;
	border:1px solid #01489f;
	margin:8px 4px;
	background-color:rgba(0,0,0,0);
	cursor:pointer;
}
.tochki .s2_menu_inner.active,.tochki .s6_menu_inner.active{
	background-color:#01489f;
}
/*=================================================== Экран 3 =======================================================*/

#s3{
	height:610px;
	background:#fff;
	position:relative;
	overflow:hidden;
}
#s3 .wrapp{height:100%;position:relative;}

#s3_content{
	width:1120px;
	height:auto;
	display:inline-block;
	margin:0 auto;
	text-align:left;
	padding-top:70px;		
}
#s3_text{
	width:530px;
	height:410px;
	display:inline-block;
	text-align:left;
	position:relative;
	z-index:3;
}

#s3_text .light20{display:block;margin:30px 0px 40px 0px;}
#s3_text .light16{display:block;margin:30px 0px 40px 0px;}

#boss{
	width:610px;
	height:610px;
	position:absolute;
	top:0px;
	right:0px;
	background: url(../img/boss.png)no-repeat center bottom;
	background-size:auto 100%;
	z-index:2;
}
#boss div{
	display:block;
	width:100%;
	text-align:center;
	color:#fff;
	position:absolute;
	bottom:80px;
}
#boss div span{
	font-family: 'helvetica_bold';
	font-size:15px;
	line-height:26px;
	padding-left:40px;
}
#boss div p{
	font-family: 'helvetica_light';
	font-size:15px;
	line-height:26px;
	padding-left:40px;
}
#s3_background,#s3_background2{
	width:610px;
	height:610px;
	position:absolute;
	top:0px;
	right:0px;	
	z-index:1;
}
#s3_background{
	background: url(../img/s3_bg1.png)no-repeat center bottom;
	background-size:auto 100%;	
}
#s3_background2{
	background: url(../img/s3_bg2.png)no-repeat center bottom;
	background-size:auto 100%;	
}


/*=================================================== Экран 4 =======================================================*/

#s4{
	display:inline-block;
	height:auto;
	min-height:100%;
	padding:50px 0px;
	position:relative;
	overflow:hidden;
	background:rgba(0,0,0,0);
}
#s4 .wrapp{width:1120px;text-align:left;}
#s4 .title{
	display:block;
	width:1120px;
	height:100px;
	text-align:left;
	margin:0 auto;
}

#s4_navigation{
	width:100%;
	height:60px;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #383838;
	margin-bottom:70px;
	display:none;
}
#s4_navigation.active{display:block;}
#s4_navigation .inner{
	display:block;
	width:1120px;
	height:60px;
	text-align:left;
	margin:0 auto;
}

.step{
	display:inline-block;
	line-height:60px;
	padding-left:70px;
	padding-right:50px;
	color:#9e9e9e;
}

.st1{background: url(../img/s4_icons.png)no-repeat 20px 0px;color:#ffe641;}
.st2{background: url(../img/s4_icons.png)no-repeat 20px -60px;}
.st2.active{background: url(../img/s4_icons.png)no-repeat 20px -120px;color:#ffe641;}
.st3{background: url(../img/s4_icons.png)no-repeat 20px -180px;}
.st3.active{background: url(../img/s4_icons.png)no-repeat 20px -240px;color:#ffe641;}
.st4{background: url(../img/s4_icons.png)no-repeat 20px -300px;}
.st4.active{background: url(../img/s4_icons.png)no-repeat 20px -360px;color:#ffe641;}

.s4_line_box{
	display:block;
	width:1120px;
	height:2px;
	position:absolute;
	left:50%;
	bottom:-1px;
	-webkit-transform: translate(-50%, 0%); 
	transform: translate(-50%, 0%);
}
.s4_line{
	display:block;
	position:relative;
	height:2px;
	background-color:#ffe641;
	
}
.s4_line.pos1{left:0px;width:326px;}
.s4_line.pos2{left:360px;width:248px;}
.s4_line.pos3{left:630px;width:230px;}
.s4_line.pos4{left:874px;width:190px;}

/*шаги*/
.slb{
	display:none;
	width:720px;
	height:auto;
	float:left;
}
.slb.active{display:inline-block;}
.s4_title{
	font-family: 'helvetica_bold';
	font-size:28px;
	color:#fff;
	line-height:36px;
	display:block;
	margin-bottom:10px;
}

/*checkbox*/
.for_checkbox{
	width:290px;
	float:left;
	padding-left:40px;
	margin-top:14px;
}
input[type="checkbox"]{
    display:none;
}
input[type="checkbox"] + label{
	color:#fff;
	font-family: 'helvetica_light';
	font-size:19px;
	cursor:pointer;
}
input[type="checkbox"] + label span{
    display:block;
	position:absolute;
    width:22px;
    height:22px;
	font-size:14px;
    margin-left:-40px;
    margin-top:-2px;
    background:url(../img/checkbox.png)no-repeat 1px center ;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span{
    background:url(../img/checkbox.png)no-repeat -21px top ;
}
/*radio*/
.for_checkbox.full{
	width:100%!important;
}
input[type="radio"]{
    display:none;
}
input[type="radio"] + label{
	color:#fff;
	font-family: 'helvetica_light';
	font-size:19px;
	cursor:pointer;
}
input[type="radio"] + label span{
    display:block;
	position:absolute;
    width:22px;
    height:22px;
	font-size:14px;
    margin-left:-40px;
    margin-top:-2px;
    background:url(../img/radio.png)no-repeat 1px center ;
    cursor:pointer;
}
input[type="radio"]:checked + label span{
    background:url(../img/radio.png)no-repeat -21px top ;
}
/*кнопки*/
.s4_buttons{
	width:100%;
	height:50px;
	margin-top:50px;
	float:left;
}
.next{
    width:114px;
    height:50px;
	text-align:left;
	padding-left:16px;
	font-family: 'helvetica_light';
	font-size:28px;
	line-height:47px;
	color:#000;
	background:#ffe641 url(../img/s4_arrow.png)no-repeat right center;
	background-size:auto 100%;
	float:left;
}
.back{
	display:inline-block;
	text-align:left;
	padding-left:26px;
	padding-right:40px;
	font-family: 'helvetica_light';
	font-size:19px;
	line-height:50px;
	color:#fff;
	background:url(../img/s4_arrow_back.png)no-repeat left center;
	background-size:auto 100%;
	cursor:pointer;
	float:left;
}

/*Финальная цена*/
#final_price{
	display:none;
	width:auto;
	min-width:280px;
	padding-left:24px;
	height:100px;
	border-left:1px solid #555555;
	float:left;	
	position:relative;
	margin-top:60px;
}
#final_price.active{display:inline-block;}
#final_price .top_border{
	position:absolute;
	top:0px;
	right:0px;
	border-top:1px solid #555;
	border-right:1px solid #555;
	width:13px;
	height:13px;	
}
#final_price .bottom_border{
	position:absolute;
	bottom:0px;
	right:0px;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	width:13px;
	height:13px;	
}

#final_price p{
	color:#ffe641;
	font-family: 'ubuntu_bold';
	font-size:38px;
	line-height:80px;
}
#final_price p a{font-size:56px!important;display:inline-block;}
#final_price p a b{font-family: 'Arial'!important;font-weight:bold;display:inline-block;}

.s4_input{
	width:190px;
	height:38px;
	padding:0px 20px;
	font-family: 'helvetica_light';
	font-size:15px;
	line-height:38px;
	border:1px solid #fff;
	color:#000;
	text-align:left;
	margin-top:20px;
	opacity:0.2;
}
.s4_input.active{opacity:1;}
.s4_input::-webkit-input-placeholder {line-height:38px!important;color:#555!important;text-align:left!important;}
.s4_input::-moz-placeholder {line-height:38px!important;color:#555!important;text-align:left!important;}
.s4_input::-ms-input-placeholder {line-height:38px!important;color:#555!important;text-align:left!important;}
.s4_input::placeholder {line-height:38px!important;color:#555!important;text-align:left!important;} 

.step4_left_box{width:70%;}

/*форма*/
.final_form{
	width:650px;
	height:60px;
	margin-top:60px;
}
.final_form input{float:left;}
.final_form .lp_button{float:right;}

.personal_txt{
	display:block;
	margin-top:20px;
	color:#7f7f7f;
	letter-spacing:1px;
}
.personal_txt2{margin-top:-10px!important;}
.personal_txt a {display:inline-block;color:#ffe641;text-decoration:underline;}

/*шаг5*/
.step5_left_box{
	width:610px;
	height:600px;	
	float:none!important;
	margin:0 auto;
	text-align:center!important;
	color:#fff;
}
.step5_left_box.active{display:block!important;}
.step5_left_box img{margin:0 auto;margin-bottom:26px;}
.step5_left_box .light28{display:block;margin:30px auto;}



.no_thanks{
	color:#ffe641;
	border-bottom:1px dashed #ffe641;
	display:inline-block;
	margin-top:20px;
	cursor:pointer;
}

/*шаг6*/
.step6_left_box{
	width:1120px;
	height:auto;	
	float:none!important;
	margin:0 auto;
	text-align:left!important;
	color:#fff;
}
.step6_left_box.active{display:block!important;}

.step6_left_box .ub_bold28{float:left;}
.step6_left_box .for_checkbox.last{margin-bottom:40px;}

.s4_button{float:left;position:relative;left:50%;	-webkit-transform: translate(-50%, 0%); 
	transform: translate(-50%, 0%);}

/*шаг7*/
.step7_left_box{
	width:610px;
	height:auto;	
	float:none!important;
	margin:0 auto;
	text-align:center!important;
	color:#fff;
}
.step7_left_box.active{display:block!important;}
.step7_left_box img{margin:0 auto;margin-bottom:40px;}
.step7_left_box .light28{display:block;margin:36px auto;}

.no_thanks{
	color:#ffe641;
	border-bottom:1px dashed #ffe641;
	display:inline-block;
	margin-top:20px;
	cursor:pointer;
}

.step7_left_box .step6_next{padding: 20px 50px!important;}
.step7_left_box input{
	max-width:180px;
	margin-bottom:10px;
}
/*шаг8*/
.step8_left_box{
	width:610px;
	height:600px;	
	float:none!important;
	margin:0 auto;
	text-align:center!important;
	color:#fff;
}
.step8_left_box.active{display:block!important;}
.step8_left_box img{margin:0 auto;margin-bottom:26px;margin-top:20%;}
.step8_left_box .light28{display:block;margin:30px auto;}


.step1_next{opacity:0.2;}
.step1_next.active{opacity:1;cursor:pointer;}
.step2_next{opacity:0.2;}
.step2_next.active{opacity:1;cursor:pointer;}
.step3_next{opacity:0.2;}
.step3_next.active{opacity:1;cursor:pointer;}
.step6_next{opacity:0.2;cursor:auto!important;}
.step6_next.active{opacity:1;cursor:pointer!important;}
.step6a_next{opacity:0.2;cursor:auto!important;}
.step6a_next.active{opacity:1;cursor:pointer!important;}
.step1_area{opacity:0.2;position:relative;}
.step1_area.active{opacity:1;}
.step1_area.active .blocked{display:none;}
.step1_area .blocked{display:inline-block;position:absolute;left:0px;top:-3px;width:100%;height:26px;z-index:5;}
/*=================================================== Экран 5 =======================================================*/

#s5{
	height:100%;
	background:url(../img/s5_bg.jpg)no-repeat center center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}

#s5_video{
	width:100%;
	height:auto;
	position:absolute;
	z-index:10;
	background-color:#fff;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);	
	cursor:pointer;
}	

#s5 .wrapp{height:100%;position:relative;z-index:9;}

#s5_content{
	width:1120px;
	height:auto;
	display:inline-block;
	margin:0 auto;
	padding-top:70px;
	text-align:left;
}

#play{
	width:94px;
	height:94px;
	background:url(../img/play.png)no-repeat center center;
	background-size:cover;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform: translate(-50%, -50%)scale(1, 1); 
	transform: translate(-50%, -50%)scale(1, 1);
	cursor:pointer;
}
#play:hover{
	-webkit-transform: translate(-50%, -50%)scale(1.1, 1.1); 
	transform: translate(-50%, -50%)scale(1.1, 1.1);	
}

.s5_video{
	width:100%;
	height:100%;
	border:none;
	position:absolute;
	top:0px;
	z-index:3;
}


/*=================================================== Экран 6 =======================================================*/

#s6{
	display:inline-block;
	height:auto;
	background:#ffe641;
	padding:50px 0px;
}
#s6 .wrapp{height:100%;position:relative;text-align:center;}

/*меню*/
#s6_menu{
	width:730px;
	height:50px;
	border-bottom:1px solid #6b6b6b;
	margin-top:40px;
	display:inline-block;
	position:relative;
}
#s6_menu .left,#s6_menu .right{
	width:16px;
	height:50px;
	cursor:pointer;
	position:absolute;
	top:0px;
}
#s6_menu .left{left:0px;background:url(../img/s6_arrow2.png)no-repeat center center;}
#s6_menu .right{right:0px;background:url(../img/s6_arrow1.png)no-repeat center center;}
.s6_li{
	display:inline-block;
	line-height:50px;
	font-family: 'helvetica_light';
	font-size:19px;
	color:#034a91;
	cursor:pointer;
	margin:0px 20px;
	position:relative;
	-webkit-transform:scale(1, 1); 
	transform:scale(1, 1);	
}
.s6_li.active{
	-webkit-transform:scale(1.1, 1.1); 
	transform:scale(1.1, 1.1);
}

.s6_button{margin-top:40px;}

.s6_li span{
	display:block;
	position:absolute;
	width:14px;
	height:1px;
	top:6px;
	left:0px;
	background-color:#034a91;
}
.s6_li.active span{
	width:54px;
	height:2px;
}

/*Установка*/
#s6_slider{
	width:100%;
	height:auto;
	min-height:470px;
	display:inline-block;
	position:relative;
	margin-top:40px;
}
.s6inner{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	opacity:0;
	z-index:1;
}
.s6inner.active{
	opacity:1;
	z-index:2;
}
.s6inner img{display:inline-block;margin-bottom:20px;}
.w50_50{
	display:inline-block;
	width:45%;
	height:240px;
	vertical-align:top;
	margin-top:10px;
}
.w50_100{
	display:inline-block;
	width:45%;
	height:400px;
	vertical-align:top;
	margin-top:10px;
}
.w30{
	display:inline-block;
	width:30%;
	height:230px;
	vertical-align:top;
	margin-top:10px;	
}
.w100{
	display:inline-block;
	width:100%;
	vertical-align:top;
	margin-top:10px;	
}


/*=================================================== Экран 7 =======================================================*/

#s7{
	height:1080px;
	background:url(../img/w_bg.jpg)repeat;
}
#s7 .wrapp{height:100%;position:relative;}

#s7_content{
	width:1120px;
	height:auto;
	display:inline-block;
	margin:0 auto;
	padding-top:70px;
	text-align:left;
}

#s7_boxes{
	width:100%;
	height:760px;
	margin:60px auto;
}
.s7_box{
	width:50%;
	height:50%;
	float:left;
	-webkit-transform: scale(1, 1); 
	transform: scale(1, 1);	
	position:relative;
	z-index:1;
}
.s7_box:hover{
	-webkit-transform: scale(1.05, 1.05); 
	transform: scale(1.05, 1.05);
	z-index:2;
}
.s7b1{background:#ffe641;}
.s7b2{background:#01489f;}
.s7b3{background:#1976d2;}
.s7b4{background:#222222;}

.for_title_7{
	width:90%;
	height:100px;
	margin:0 auto;
	margin-top:30px;
}
.for_txt_7{
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:30px;
}

.for_title_7 img{
	display:block;
	float:left;
}
.for_title_7 p{
	font-family: 'ubuntu_bold';
	font-size:24px;
	line-height:30px;
	display:inline-block;
	float:left;
	margin-left:20px;
	margin-top:20px;
}
.s7_podtitle{
	font-family: 'ubuntu_bold';
	font-size:24px;
	line-height:30px;
	display:block;
	margin-top:40px;	
	text-align:center;
}
.for_txt_7 span{
	font-family: 'helvetica_reg';
	font-size:19px;
	line-height:20px;
	display:block;
	margin-bottom:10px;
}
.for_txt_7 p{
	font-family: 'helvetica_reg';
	font-size:15px;
	line-height:24px;
}
#s7_form{
	width:706px;
	height:60px;
	margin:0 auto;
	margin-top:50px;
}
#s7_form .lp_button{float:right;}

.s7_input{
	width:238px;
	height:58px;
	border:1px solid #cccccc;
	float:left;
	font-family: 'helvetica_light';
	font-size:19px;
	line-height:58px;
	color:#000;
	padding:0px 20px;
}
.s7_input.red{border:1px solid red;}
.s7_input::-webkit-input-placeholder {line-height:58px!important;color:#aeaeae!important;text-align:left!important;}
.s7_input::-moz-placeholder {line-height:58px!important;color:#aeaeae!important;text-align:left!important;}
.s7_input::-ms-input-placeholder {line-height:58px!important;color:#aeaeae!important;text-align:left!important;}
.s7_input::placeholder {line-height:58px!important;color:#aeaeae!important;text-align:left!important;} 

#s7_polzunok{
	width:100%;
	height:760px;
}

/*=================================================== Экран 8 =======================================================*/

#s8{
	display:inline-block;
	height:auto;
	background:none;
	padding:60px 0px 80px 0px;
}
#s8 .wrapp{height:100%;position:relative;}

#s8_slider{
	width:1120px;
	height:280px;
	margin:0 auto;
	margin-top:40px;
	position:relative;
}

.s8_arrow{
	position:absolute;
	top:25%;
	margin-top:0px;
	width: 40px;
	height: 40px;	
	border-radius: 40px;
	cursor:pointer;
	box-shadow: 0px 0px 25.6px 6.4px rgba(255, 230, 65, 0);
}
.s8_arrow:hover{box-shadow: 0px 0px 25.6px 6.4px rgba(255, 230, 65, 0.2);}
.s8_left{background: #ffe641 url(../img/s8_left.png)no-repeat center center;background-size:cover;left:0px;}
.s8_right{background: #ffe641 url(../img/s8_right.png)no-repeat center center;background-size:cover;right:0px;}

#s8_slider_box{
	width:990px;
	height:5px;
	margin:0 auto;
	position:relative;
	overflow:hidden;

}
#s8_polzunok{
	width:8000px;
	height:280px;
	position:relative;
	left:-0px;
}

.s8_inner.therst{
	margin-left:20px;
}
.s8_inner{
	width:330px;
	height:280px;
	float:left;
	text-align:left;
}
.s8_inner p{
	display:inline-block;
	width:90%;
}
.s8_inner p span{
	display:none;
}
.s8_inner a{
	display:none;
	text-decoration:underline;
	margin-top:10px;
	cursor:pointer;
	padding-right:20px;
	line-height:20px;
	background:url(../img/more.png)no-repeat right center;
}
.s8_inner a.active{display:inline-block;}
.o_name{
	width:90%;
	padding-left:8%;
	height:60px;
	border-left:1px solid #555555;
}
.o_name p{
	font-family: 'helvetica_bold';
	font-size:19px;
	line-height:24px;
}
.stars{
	width:100%;
	height:20px;
	margin:10px 0px;
}
.stars img{float:left;margin:0px 4px;}
/*для мобилки*/
#s8_mobil_nav{
	display:none;
	width:120px;
	height:34px;
	margin:20px auto;
	position:relative;
	text-align:center;
	margin-top: 0px;
}
#s8_mobil_nav span{display:inline-block;color:#727272;font-size:13px;line-height:34px;font-family: 'helvetica_light';}
#s8_mn_left{
	width:34px;
	height:34px;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../img/gray_l.png)no-repeat center center;
}
#s8_mn_right{
	width:34px;
	height:34px;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../img/gray_r.png)no-repeat center center;
}

/*=================================================== Экран 9 =======================================================*/

#s9{
	height:340px;
	background:#ffe641;
}
#s9 .wrapp{height:100%;position:relative;}

#s9_content{
	width:1120px;
	height:100%;
	display:inline-block;
	margin:0 auto;
	text-align:center;	
	position:relative;
}

#s9_box{
	width:410px;
	height:230px;
	display:inline-block;
	margin-top:58px;
	margin-left:140px;
	text-align:left;
}

#s9_box span{
	font-family: 'ubuntu_bold';
	font-size:28px;
	line-height:30px;
}
#s9_box p{
	display:block;
	margin:30px 0px 40px 0px;
}

.present{
	position:absolute;
	left:-50px;
	bottom:-20px;
	opacity:0;
	-webkit-transform: translate(140px, -140px)scale(0.5, 0.5); 
	transform: translate(100px, -100px)scale(0.5, 0.5);	
}
.present.animated{
	opacity:1;
	-webkit-transform: translate(0px, 0px)scale(1, 1); 
	transform: translate(0px, 0px)scale(1, 1);		
	transition: 1s ;
	-webkit-transition:1s;
	-moz-transition:1s ;
	-o-transition:1s ;	
}


/*=================================================== Экран 10 =======================================================*/

#s10{
	height:700px;
	background:#fff url(../img/s10_bg.jpg)no-repeat center top;
	position:relative;
	overflow:hidden;
}

#s10_content{
	position:absolute;
	left:50%;
	margin-left:-560px;
	margin-top:80px;
	padding:30px 40px;
	width:540px;
	height:420px;
	background-color:#222222;
}

#s10_content p{
	display:block;
	margin-top:34px;
}
#s10_content .light20{
	line-height:30px;
}
#s10_content .light15{
	color:#c4c4c4;
	line-height:24px;
}
#s10_content .light15 b{color:#fff;}

#s10_content .ur_info{
	text-decoration:underline;
	padding-left:30px;
	line-height:20px;
	display:inline-block;
	margin-top:30px;
	cursor:pointer;
	background:url(../img/ur_info.png)no-repeat left center;
}

.socials{
	width:100%;
	height:50px;
	margin-top:20px;
}

.soc_link{
	width:46px;
	height:46px;
	border-radius:50px;
	border:2px solid #656565;
	margin-right:20px;
	float:left;
}
.soc_link:hover{
	border:2px solid #ffe641;
}

.soc1{background:url(../img/soc1.png)no-repeat center -2px;}
.soc1:hover{background:url(../img/soc1.png)no-repeat center -52px;}
.soc2{background:url(../img/soc2.png)no-repeat center -2px;}
.soc2:hover{background:url(../img/soc2.png)no-repeat center -52px;}
.soc3{background:url(../img/soc3.png)no-repeat center -2px;}
.soc3:hover{background:url(../img/soc3.png)no-repeat center -52px;}
.soc4{background:url(../img/soc4.png)no-repeat center -2px;}
.soc4:hover{background:url(../img/soc4.png)no-repeat center -52px;}
.soc5{background:url(../img/soc5.png)no-repeat center -2px;}
.soc5:hover{background:url(../img/soc5.png)no-repeat center -52px;}

#map{
	width:140%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.1);
}


/*=================================================== Экран 11 =======================================================*/

#s11{
	height:auto;
	padding:50px 0px 60px 0px;
	background:url(../img/w_bg.jpg)repeat;
	position:relative;
	overflow:hidden;
}
#s11 .wrapp{height:100%;position:relative;text-align:left;}

#s11_content{
	width:1120px;
	height:auto;
	display:inline-block;
	position:relative;
	left:50%;
	margin-left:-560px;
}

.question_box{
	display:inline-block;
	width:920px;
	height:40px;
	margin-top:20px;
	padding:0px 30px;
	color:#000;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	background-color:rgba(255,255,255,0);
}

.question_box.active{
	padding:20px 30px;
	height:auto;
	min-height:130px;
	color:#fff;
	background-color:#222222;
}

.question_box img{
	position:absolute;
	width:40px;
	height:auto;
	left:0px;
	top:0px;
}
.question_box.active img{
	position:absolute;
	width:70px;
	height:auto;
	left:30px;
	top:70px;
}

.question_box span{
	font-family: 'ubuntu_bold';
	font-size:19px;
	line-height:40px;
	padding-left:30px;
}
.question_box.active span{padding-left:0px;}

.question_box p{
	display:inline-block;
	font-family: 'helvetica_light';
	font-size:19px;
	line-height:26px;
	margin-left:100px;
	margin-top:6px;
}
.question_box.active p{padding-left:0px;}



/*=================================================== Экран 12 =======================================================*/

#s12{
	height:550px;
	background:#ffe641 url(../img/s12_bg.png)no-repeat center center;
}
#s12 .wrapp{height:100%;position:relative;}

#s12_content{
	width:360px;
	height:450px;
	display:inline-block;
	position:relative;
	left:50%;
	margin-left:-180px;
	margin-top:40px;
	text-align:center;
}
#s12_content .title{font-size:28px;}

.s12_podtitle{
	font-family: 'helvetica_reg';
	font-size:19px;
	line-height:26px;
	display:block;
	margin:10px 0px 34px 0px;
}

.s12_button{
	width:280px;
	margin-top:5px;
}

.s12_input{
	width:318px;
	padding:0px 20px;
	height:58px;
	border:1px solid #cccccc;
	margin-bottom:14px;
	font-family: 'helvetica_light';
	font-size:19px;
	line-height:58px;	
}

textarea{
	color:#000;/*5e5d5d*/
	font-family: 'helvetica_light';
	font-size:19px;
	line-height:24px!important;
	height:138px!important;
	padding-top:18px!important;
}
input.s12_input.red{border:1px solid red;}
input.s12_input::-webkit-input-placeholder {line-height:58px!important;color:#5e5d5d!important;text-align:left!important;}
input.s12_input::-moz-placeholder {line-height:58px!important;color:#5e5d5d!important;text-align:left!important;}
input.s12_input::-ms-input-placeholder {line-height:58px!important;color:#5e5d5d!important;text-align:left!important;}
input.s12_input::placeholder {line-height:58px!important;color:#5e5d5d!important;text-align:left!important;} 


textarea::-webkit-input-placeholder {line-height:19px!important;color:#5e5d5d!important;text-align:left!important;}
textarea::-moz-placeholder {line-height:19px!important;color:#5e5d5d!important;text-align:left!important;}
textarea::-ms-input-placeholder {line-height:19px!important;color:#5e5d5d!important;text-align:left!important;}
textarea::placeholder {line-height:19px!important;color:#5e5d5d!important;text-align:left!important;} 	

/*=================================================== footer =======================================================*/

#footer{
	height:140px;
	background:#222222;
	position:relative;
	overflow:hidden;
}
#footer .wrapp{height:100%;position:relative;}

#footer_content{
	width:1120px;
	height:100%;
	display:inline-block;		
}

.footer_phone{
	width:300px;
	height:48px;
	color:#fff;
	text-align:left;
	position:relative;
	top:50%;
	margin-top:-24px;
}
.footer_phone span{
	font-family: 'helvetica_light';
	font-size:15px;
	line-height:18px;
}
.footer_phone p{
	font-family: 'helvetica_light';
	font-size:15px;
	line-height:30px;
}

.footer_link{
	display:inline-block;
	font-family: 'helvetica_light';
	font-size:15px;
	position:relative;
    padding-right: 20%;
	top:56px;
	left:50%;
	text-decoration:underline;
	//*background:url(../img/pdf.png)no-repeat right top;*//
	padding-right:24px;
	padding-top:8px;
	-webkit-transform: translate(-50%, 0%); 
	transform: translate(-50%, 0%);	
}
.mokselle{
	width:200px;
	height:16px;
	padding-right:80px;
	float:right;
	color:#fff;
	font-family: 'helvetica_light';
	font-size:16px;
	line-height:16px;
	text-align:left;
	padding-top:64px;
	margin-top:10px;
	background: url(../img/mokselle.png)no-repeat right bottom;
}

#paralax{
	position:relative;overflow:hidden;
}


















.del_in800{display:block;}
.show_in800{display:none;}
.show_in320{display:none;}


.grecaptcha-badge {visibility: hidden;}