@import url(reset.css);
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Bold.eot');
    src: local('TT Norms Bold'), local('TTNorms-Bold'),
        url('../fonts/TTNorms-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Bold.woff') format('woff'),
        url('../fonts/TTNorms-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Thin.eot');
    src: local('TT Norms Thin'), local('TTNorms-Thin'),
        url('../fonts/TTNorms-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Thin.woff') format('woff'),
        url('../fonts/TTNorms-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('../TTNorms-Regular.eot');
    src: local('TT Norms Regular'), local('TTNorms-Regular'),
        url('../fonts/TTNorms-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Regular.woff') format('woff'),
        url('../fonts/TTNorms-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Heavy.eot');
    src: local('TT Norms Heavy'), local('TTNorms-Heavy'),
        url('../fonts/TTNorms-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Heavy.woff') format('woff'),
        url('../fonts/TTNorms-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Light.eot');
    src: local('TT Norms Light'), local('TTNorms-Light'),
        url('../fonts/TTNorms-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Light.woff') format('woff'),
        url('../fonts/TTNorms-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraLight.eot');
    src: local('TT Norms ExtraLight'), local('TTNorms-ExtraLight'),
        url('../fonts/TTNorms-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-ExtraLight.woff') format('woff'),
        url('../fonts/TTNorms-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Medium.eot');
    src: local('TT Norms Medium'), local('TTNorms-Medium'),
        url('../fonts/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Medium.woff') format('woff'),
        url('../fonts/TTNorms-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Black.eot');
    src: local('TT Norms Black'), local('TTNorms-Black'),
        url('../fonts/TTNorms-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-Black.woff') format('woff'),
        url('../fonts/TTNorms-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraBold.eot');
    src: local('TT Norms ExtraBold'), local('TTNorms-ExtraBold'),
        url('../fonts/TTNorms-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTNorms-ExtraBold.woff') format('woff'),
        url('../fonts/TTNorms-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


*{-webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.upper{text-transform: uppercase;}
.wrap{max-width: 1311px;   width: 100%;  padding:0px 10px; margin: 0 auto; position:relative;}
.im-block{width: 100%;  margin: 0 auto;}
a{text-decoration:none; color:#fff; 
-webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;  transition: all 0.3s;}
a:hover{color:#ffc100;}	
html,body{width: 100%; /*height: 100%;*/ margin: 0 auto; font-family: 'TT Norms'; font-weight: normal;
    font-style: normal; color:#fff; background:#040404;  
	min-height: 100vh;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-direction: column;	-ms-flex-direction: column;	flex-direction: column;}
.superbase{ width: 100%; min-height: 100%; margin: 0 auto; }
.filter{  background-color:none;opacity:1;filter: none;}	


	
.footer{margin-top:245px; margin-bottom:35px; position:relative;}
.header-float{margin-top: 18px;	position: relative; z-index: 50; width: 100%;}
.header-float .logo div,
.footer .logo div{float:left;}
.header-float .logo div:nth-child(1) img,
.footer .logo div:nth-child(1) img{width:33px; margin-left:14px; margin-top:7px;}
.header-float .logo div:nth-child(2),
.footer .logo div:nth-child(2){ margin-left:9.9px; margin-top:8px;
  font-size: 24px;  font-weight: bold;  font-style: normal;  font-stretch: normal;
  line-height: 1.47;  letter-spacing: normal;}  
.header-float .soc_menu,
.footer .soc_menu{float:left; margin-left:32px; margin-top:8px;
font-size: 24px;  font-weight: normal;  font-style: normal;  font-stretch: normal;
  line-height: 1.47;  letter-spacing: normal;}
.header-float .soc_menu a{margin-right:18px;}
.footer .soc_menu a{margin-right:18px; border-bottom:solid 1px #343434; padding-bottom:2px;}
.footer .soc_menu a:hover{border-bottom:solid 1px transparent;}
.footer .autor{margin-top:8px; float:right;font-size: 20px; font-weight: normal;  font-style: normal;
  font-stretch: normal;  line-height: 1.47;  letter-spacing: normal;}
.footer .autor a{border-bottom:solid 1px #343434; padding-bottom:2px;}
.footer .autor a:hover{border-bottom:solid 1px transparent;}

.header-float .soc_menu ul li{list-style:none; display:inline-block;}


.menu__icon { display: none; width: 25px; height: 25px; cursor: pointer; position: absolute; z-index: 10001; right: 15px; top: 15px;
    -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  padding: 3px 3px 2px 3px;
	-moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;  transition: all 0.3s;}
.menu__icon span {display: block;position: absolute; height: 2px;width: 100%; background: #fff;
  border-radius: 10px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out;}
.menu__icon span:nth-child(1) {top: 0px;}
.menu__icon span:nth-child(2), .menu__icon span:nth-child(3) { top: 6px; }
.menu__icon span:nth-child(4) { top: 12px; width: 75%;}
.menu.menu_state_open .menu__icon span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
.menu.menu_state_open .menu__icon span:nth-child(2) { transform: rotate(45deg);}
.menu.menu_state_open .menu__icon span:nth-child(3) { transform: rotate(-45deg);}
.menu.menu_state_open .menu__icon span:nth-child(4) { top: 18px; width: 0%; left: 50%;}
.menu.menu_state_open .menu__links { display: block; height:100%;}
.menu.menu_state_open span{background: #fff;}
.menu.menu_state_open .comp_menu{margin-top:0px; text-align:left;padding-top:20px;}
.menu.menu_state_open .comp_menu li{display:block; margin-bottom:20px;}
.menu.menu_state_open .comp_menu li a{color:#fff; font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:300;}
.menu.menu_state_open .comp_menu li a:hover{color:#996633;}


.lp-main{margin-top:130px;}
.lp-main .project-image{   position: absolute;   right: 0px;  top: -145px; width: 60vw;  max-width: 840px; object-fit: contain; mix-blend-mode: lighten;}
.lp-main .project-image_invis{display:none;}
.lp-main .project-image_invis_mobile{display:none;}
.lp-main .cont1{font-size: 100px;   line-height: 0.98; width: 589px;  margin-left:13px;
font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: normal; }
.lp-main .cont2{font-size: 28px; line-height: 1.21;  letter-spacing: normal; 
font-weight: normal; font-style: normal; font-stretch: normal;
max-width: 590px; width:100%; margin-top:68px; margin-left:13px;}
  
.lp1{margin-top:250px; position:relative;}  
.lp1 .cell{ float: left; vertical-align:top; position:relative;  max-width: 631px;   width: 47vw;}
.lp1 .cell:nth-child(even) {float:right; padding-left:46px;}
.lp1 .tbl1 .cell:nth-child(2) { padding-left:0px;}
.lp1 .lp1-image {position: absolute; left: 0px; top: 0px;     max-width: 631px;   width: 47vw;}
.lp1 .lp1-image-2{margin-top:114px;  margin-bottom:67px; max-width:427px; width:100%;}
.lp1 .lp1-image-3 {position: absolute; right: 0px; top: 20px;    max-width: 631px;   width: 47vw;}
.lp1 .tbl1 .cell:nth-child(1) .lp-container{float:left; z-index:2; position:relative; padding:106px 35px 90px 46px; }  
.lp1 .tbl1 .cell:nth-child(2) .lp-container{ z-index:2; position:relative; padding-left:0px; text-align: center;}
.lp1 .tbl2 .cell:nth-child(1) .lp-container{float:left; z-index:2; position:relative; padding-top:150px; }  
.lp1 .tbl2 .cell:nth-child(2) .lp-container{ z-index:2; position:relative;  padding:150px 70px 149px 0px;}

.lp1-image_yelow{display:none;}
.lp1-image-3_red{display:none;}
.lp1-image_2{display:none;}

.lp1 h1{ width: 550px; color: #0f1923;  font-size: 42px;  font-weight: bold; font-style: normal;
  font-stretch: normal; line-height: 1.14; letter-spacing: normal; }
.lp1 h2{  font-size: 42px;   font-weight: bold;     text-align: center;
  font-style: normal; font-stretch: normal; line-height: 1.14; letter-spacing: normal;}
.lp1 p{font-size: 28px;  font-weight: normal;  font-style: normal;
  font-stretch: normal;  line-height: 1.21;  letter-spacing: normal;  color: #0f1923; margin-top:21px;}
.lp1 .tbl2 .cell:nth-child(2) h1{ width: 423px; font-size: 42px;  margin-bottom:29px;}
.lp1 .tbl2 .cell:nth-child(1) p{  width: 617px;  font-size: 42px;  margin-top:20px;  font-weight: normal;
  font-style: normal; font-stretch: normal; line-height: 1.36; letter-spacing: normal;}  
.lp1 .tbl2 h1{color:#fff;font-size: 42px; }
.lp1 .tbl2 p{color:#fff; font-size: 28px;}  
.lp1 .btn_lp1, .lp1 .btn_lp2{margin-top:82px;} 
.lp1 .btn_lp2 .btn{  border: solid 0.9px #fff; color: #fff;}
.lp1 .btn_lp1 .btn:hover{color:#fff; background:#d0021b;  border: solid 0.9px #d0021b;}
.lp1 .btn_lp2 .btn:hover{color:#fff; background:#2078d5;  border: solid 0.9px #2078d5;}
.lp1 .lectures{font-size: 28px; font-weight: normal; line-height: 1.78; margin-top:30px; display:inline-block;}
.lp1 .lectures::after { position: relative;	top: 1pt;   content: "";  display: inline-block;
 width: 0.6em; height: 0.6em; border-right: 0.1em solid #fff; border-top: 0.1em solid #fff;
 transform: rotate(45deg);  margin-left: 8px;
 -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;  transition: all 0.3s;}
.lp1 .lectures:hover::after{border-color:#ffc100;}
.lp1 p span{white-space: nowrap;}

.tbl2 span{white-space:nowrap;}

.cell_mobile{display:none;}
.cell_mobile_2{display:none;}

.btn{min-width: 261px; height: 57.8px; border-radius: 5.3px; border: solid 0.9px #222222; padding:12px 34px 16px 34px;
font-size: 28px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.26; letter-spacing: normal;
  text-align: center;  color: #0f1923;} 
  
.lp2{margin-top:104px;}  
.lp2 h1{ width: 476.4px; font-size: 42px; font-weight: bold; font-style: normal;
  font-stretch: normal; line-height: 0.88; letter-spacing: normal;}  
.lp2 .lp-container{margin-top:72px;}
.lp2 .text-container{margin-top:35px; border-bottom:solid 1px #4f535a; padding-bottom:70px;}
.lp2 .review{max-width: 631px;  width: 47vw; float:left;  background-color: #1a1f28; padding:30.2px 46px 35.6px 46px;}  
.lp2 .review:nth-child(even) {float:right; }
.lp2 .review p{ font-size: 24px; margin-top:30px;  font-weight: normal;  font-style: normal;
  font-stretch: normal;  line-height: 1.21;  letter-spacing: normal;}  
.lp2 .review .man div:nth-child(1){float:left;  margin-right:13px; width: 86px;  height: 86px;
  background-color: #f3f3f3; border-radius:90px; overflow:hidden;}
  .lp2 .review .man div:nth-child(1) img{max-width: 86px; width:100%;}
.lp2 .review .man div:nth-child(2){float:left;  margin-top:6px;}
.lp2 .review .man div:nth-child(2) span{font-size: 24px;  font-weight: bold; font-style: normal; font-stretch: normal; 
line-height: 1.26; letter-spacing: normal; color: #dcdcdc;}
.lp2 .review .man div:nth-child(2) a{ margin-top:1px;  font-size: 28px;   display: block;
  font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.26; letter-spacing: normal;}  
  .lp2 .review .man div:nth-child(2) a span{border-bottom: solid 1px #3e434a;

    margin-top: 1px;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.26;
    letter-spacing: normal;
-webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;  transition: all 0.3s;  }
.lp2 .review .man div:nth-child(2) a:hover span{border-bottom:solid 1px transparent; color: #dcdcdc;} 
.lp2 .percent{padding-top:15px;}
.lp2 .percent ul{list-style:none; display:inline-block; font-size: 42px; font-weight: normal;
  font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.3px;}  
.lp2 .percent ul:nth-child(odd){margin-right:60px;}
.lp2 .tags{margin-top:56px;} 
.lp2 .tags div{float:left;font-size: 28px;  padding:0px 9px 5px 9px; margin-right:2px;
  border-radius: 20px; border: solid 1px #4e5258; font-weight: normal; font-style: normal; font-stretch: normal;
  line-height: 1.21; letter-spacing: normal; color: #4e5258;}
  
.lp3{text-align: center; margin-top:218px;}
.lp3 a{font-size: 5vw;text-decoration:underline;   font-weight: bold;   font-style: normal;
  font-stretch: normal;  line-height: 0.28;  letter-spacing: normal;  }



 .lp3 .btn_bot {
	 margin:0px auto; margin-top:35px; display:block;
    min-width: 261px; max-width:420px; text-decoration:none; 
    min-height: 57.8px;
    border-radius: 5.3px;
	background:#ffc100;
    border: solid 0.9px #222222;
    padding: 12px 34px 16px 34px;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.26;
    letter-spacing: normal;
    text-align: center;
    color: #0f1923;
} 
  .lp3 .btn_bot:hover{background:#d0021b; color:#fff;}
  
  
/**********************1280***********************/  
  
  
  
@media (max-width: 1310px) and (min-width: 1024px){
.wrap{max-width: 1170px;  width: 100%;  padding:0px 10px; margin: 0 auto; position:relative;}	

.footer{margin-top:245px; margin-bottom:35px;}
.header-float{margin-top: 18px;	position: relative; z-index: 50; width: 100%;}
.header-float .logo div,
.footer .logo div{float:left;}
.header-float .logo div:nth-child(1) img,
.footer .logo div:nth-child(1) img{width:33px; margin-left:12px;}
.header-float .logo div:nth-child(2),
.footer .logo div:nth-child(2){ margin-left:9.9px; margin-top:8px;
  font-size: 20px; font-size: 1.85vw;  font-weight: bold;  font-style: normal;  font-stretch: normal;
  line-height: 1.47;  letter-spacing: normal;}
.header-float .soc_menu,
.footer .soc_menu{float:left; margin-left:32px; margin-top:8px;
font-size: 20px; font-size: 1.85vw;  font-weight: normal;  font-style: normal;  font-stretch: normal;
  line-height: 1.47;  letter-spacing: normal;}
.header-float .soc_menu a{margin-right:16px;}
.footer .soc_menu a{margin-right:18px; border-bottom:solid 1px #343434; padding-bottom:2px;}
.footer .soc_menu a:hover{border-bottom:solid 1px transparent;}
.footer .autor{margin-top:8px; float:right;font-size: 20px; font-size: 1.85vw; font-weight: normal;  font-style: normal;
  font-stretch: normal;  line-height: 1.47;  letter-spacing: normal; padding-left:30px;}
.footer .autor a{border-bottom:solid 1px #343434; padding-bottom:2px;}
.footer .autor a:hover{border-bottom:solid 1px transparent;}

.lp-main{margin-top:115px;}
.lp-main .project-image{ display:none;}
.lp-main .project-image_invis{display:block; position: absolute;   right: 0px;  top: 35px; width: 57.5vw;  max-width: 840px; object-fit: contain; mix-blend-mode: lighten;}
.lp-main .cont1{/*font-size: 88px;*/  font-size: 6.9vw; font-weight: bold; font-style: normal; font-stretch: normal;
  line-height: 0.99; letter-spacing: normal; width: 58vw;  margin-left:12px;}
.lp-main .cont2{font-size: 24px;  font-size: 1.9vw; font-weight: normal; font-style: normal; font-stretch: normal;
  line-height: 1.25;  letter-spacing: normal; width: 43vw;  margin-top:60px;   margin-left:12px;}
  
.lp1{margin-top:270px; position:relative;}  
.lp1 .cell{    float: left; vertical-align:top; position:relative;     max-width: 560.9px;   width: 47vw;}
.lp1 .lp1-image {position: absolute; left: 0px; top: 0px;     max-width: 560.9px;    width: 47vw;}
.lp1 .lp1-image-2{ max-width:407px; max-width:31.55vw;}
.lp1 .lp1-image-3 {position: absolute; right: 0px; top: 20px;     max-width: 560.9px;    width: 47vw;}
.lp1 .tbl1 .cell:nth-child(1) .lp-container{float:left; z-index:2; position:relative; padding:95px 31px 80px 45px; }  
.lp1 .tbl1 .cell:nth-child(2) .lp-container{position:relative; padding-left:0px; text-align: center;}
.lp1 .tbl2 .cell:nth-child(1) .lp-container{float:left; z-index:2; position:relative; padding-top:150px; }  
.lp1 .tbl2 .cell:nth-child(2) .lp-container{padding:150px 31px 149px 0px;}
.lp1 h1{width: 41vw; color: #0f1923;  font-size: 2.95vw; font-weight: bold; 
font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal;}
.lp1 h2{ font-size: 36px; font-size: 2.95vw; font-weight: bold;
  font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal;}
.lp1 p{width:440px; width:34.64vw; font-size: 24px; font-size: 1.9vw; font-weight: normal;  font-style: normal;  font-stretch: normal;  line-height: 1.25;
  letter-spacing: normal;  color: #0f1923; margin-top:19px;}
.lp1 .tbl2 .cell:nth-child(2) h1{ max-width: 376px; width:100%;  font-size: 2.8vw;}
.lp1 .tbl2 .cell:nth-child(2) h1{width:376px; margin-bottom:28px;}
.lp1 .tbl2 .cell:nth-child(1) p{ max-width: 548px; font-size: 2.8vw;  margin-top:20px;  font-weight: normal;
  font-style: normal; font-stretch: normal; line-height: 1.36; letter-spacing: normal;}  
.lp1 .tbl2 h1{font-size: 2.8vw;}
.lp1 .tbl2 p{color:#fff; font-size: 1.9vw;}  
.lp1 .btn_lp1, .lp1 .btn_lp2{margin-top:75px;} 
.lp1 .btn_lp2 .btn{  border: solid 0.9px #fff; color: #fff;}
.lp1 .btn_lp1 .btn:hover{color:#fff; background:#d0021b;  border: solid 0.9px #d0021b;}
.lp1 .btn_lp2 .btn:hover{color:#fff; background:#2078d5;  border: solid 0.9px #2078d5;}
.lp1 .lectures{font-size: 24px; font-weight: normal; line-height: 1.78; margin-top:30px; display:inline-block;}
.lp1 .lectures::after { position: relative;	top: 1pt;   content: "";  display: inline-block;
 width: 0.6em; height: 0.6em; border-right: 0.1em solid #fff; border-top: 0.1em solid #fff;
 transform: rotate(45deg);  margin-left: 8px;
 -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;  transition: all 0.3s;}
.lp1 .lectures:hover::after{border-color:#ffc100;}

.btn{width: 232px; height: 57.8px; border-radius: 5.3px; border: solid 0.9px #222222; padding:12px 34px 16px 34px;
font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.26; letter-spacing: normal;
  text-align: center;  color: #0f1923;} 
  
.lp2{margin-top:104px;}  
.lp2 h1{ width: 476.4px; font-size: 36px; font-weight: bold; font-style: normal;
  font-stretch: normal; line-height: 0.91; letter-spacing: normal;}  
.lp2 .lp-container{margin-top:72px;}
.lp2 .text-container{margin-top:35px; border-bottom:solid 1px #4f535a; padding-bottom:70px;}
.lp2 .review{max-width: 560.9px; width: 47vw;  float:left;  background-color: #1a1f28; padding:30.2px 38.2px 35.6px 39.1px;}  
.lp2 .review:nth-child(even) {float:right; }
.lp2 .review p{ font-size: 20px; margin-top:30px;  font-weight: normal;  font-style: normal;
  font-stretch: normal;  line-height: 1.3;  letter-spacing: normal;}  
.lp2 .review .man div:nth-child(1){float:left;  margin-right:13px; width: 76.4px;  height: 76.4px;
  background-color: #f3f3f3; border-radius:90px; overflow:hidden;}
.lp2 .review .man div:nth-child(2){float:left;margin-top:6px;width: 81%;}
.lp2 .review .man div:nth-child(2) span{font-size: 24px;  font-weight: bold; font-style: normal; font-stretch: normal; 
line-height: 1.26; letter-spacing: normal; color: #dcdcdc;}
.lp2 .review .man div:nth-child(2) a{  
    display: block;
    margin-top: 1px;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.26;
    letter-spacing: normal;
  }  
 .lp2 .review .man div:nth-child(2) a span{    border-bottom: solid 1px #3e434a;
   
    margin-top: 1px;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.26;
    letter-spacing: normal;
  }   
  
.lp2 .lp-container_rew_2{margin-top:35px;} 
  
.lp2 .review .man div:nth-child(2) a:hover{color: #dcdcdc;} 
.lp2 .percent{padding-top:15px;}
.lp2 .percent ul{list-style:none; display:inline-block; font-size: 36px; font-weight: normal;
  font-style: normal; font-stretch: normal; line-height: 1.48; letter-spacing: 0.3px;}  
.lp2 .percent ul:nth-child(odd){margin-right:60px;}
.lp2 .tags{margin-top:56px;} 
.lp2 .tags div{float:left;font-size: 24px;  padding:0px 9px 5px 9px; margin-right:2px;
  border-radius: 20px; border: solid 1px #4e5258; font-weight: normal; font-style: normal; font-stretch: normal;
  line-height: 1.26; letter-spacing: normal; color: #4e5258;}
  
.lp3{text-align: center; margin-top:218px;}
.lp3 a{font-size: 140px; font-size: 7.5vw;  text-decoration:underline;   font-weight: bold;   font-style: normal;
  font-stretch: normal;  line-height: 0.26;  letter-spacing: normal;  }
}  

/**********************1024***********************/  

@media screen and (max-width: 1024px){
.header-float .soc_menu,
.footer .soc_menu{font-size: 16px;  line-height: 1.47;}
.footer .autor{font-size: 16px;}
.header-float .logo div:nth-child(1) img, .footer .logo div:nth-child(1) img { width: 25px; margin-left: 8px;}
.header-float .logo div:nth-child(2), .footer .logo div:nth-child(2) { font-size: 16px;  line-height: 1.47; }

.lp-main{margin-top:90px;}
.lp-main .project-image{ display:none;}
.lp-main .project-image_invis{display:block; position: absolute;   right: 0px;  top: 55px; width: 57.5vw;  max-width: 840px; object-fit: contain; mix-blend-mode: lighten;}
.lp-main .cont1{ font-size: 6.9vw; width: 58vw; margin-top:48px;} 
.lp-main .cont2{ font-size: 1.9vw;  width: 43vw;  margin-top:48px; }


.lp1{margin-top:218px; position:relative;}  
.lp1 .tbl{ width:100%; position:relative;}
.lp1 .cell{    float: left; vertical-align:top; position:relative;  max-width: 47vw;  width:100%;}
.lp1 .lp1-image {position: absolute; left: 0px; top: 0px; max-width: 47vw; width:100%; }
.lp1 .lp1-image-2{margin-top:88px; margin-left:0px; margin-bottom:31px;  max-width:407px; max-width:31.55vw; }
.lp1 .lp1-image-3 {position: absolute; right: 0px; top: 20px; max-width: 47vw; width:100%; }
.lp1 .tbl1 .cell:nth-child(1) .lp-container{ padding:75px 25px 63px 32px; }  
.lp1 .tbl1 .cell:nth-child(2) .lp-container {padding-left: 0px; }
.lp1 .tbl2 .cell:nth-child(1) .lp-container{ padding-top:115px;  width:47.64vw;}  
.lp1 .tbl2 .cell:nth-child(2) .lp-container{ padding:115px 49px 123px 32px; position: relative;}
.lp1 .tbl2 .cell:nth-child(2) p{font-size: 1.9vw; max-width:366px;}
.lp1 .cell:nth-child(even) {float:right; padding-left:0px;}
.lp1 h1{width: 41vw; color: #0f1923; 
  font-size: 36px; font-size: 2.83vw; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal;}
.lp1 h2{ font-size: 28.8px; font-size: 3.1vw; font-weight: bold;
  font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal;}
.lp1 p{width:34.64vw; font-size: 24px; font-size: 1.9vw; font-weight: normal;  font-style: normal;  font-stretch: normal;  line-height: 1.25;
  letter-spacing: normal;  color: #0f1923; margin-top:19px;}
.lp1 .tbl2 .cell:nth-child(2) h1{width:300px; margin-bottom:28px;  font-size: 3.05vw; }
.lp1 .tbl2 .cell:nth-child(1) p{ width:47.64vw; font-size: 28.8px; font-size: 3.05vw;  margin-top:20px;  font-weight: normal;
  font-style: normal; font-stretch: normal; line-height: 1.36; letter-spacing: normal;}  
.lp1 .tbl2 h1, .lp1 .tbl2 p{color:#fff; font-size: 28.8px; font-size: 3.05vw;}  

.lp1 .btn_lp1, .lp1 .btn_lp2{margin-top:55px;} 
.lp1 .btn_lp2 .btn{  border: solid 0.9px #fff; color: #fff;}
.lp1 .btn_lp1 .btn:hover{color:#fff; background:#d0021b;  border: solid 0.9px #d0021b;}
.lp1 .btn_lp2 .btn:hover{color:#fff; background:#2078d5;  border: solid 0.9px #2078d5;}
.lp1 .lectures{font-size: 24px; font-size: 2.5vw; font-weight: normal; line-height: 1.78; margin-top:30px; display:inline-block;}
.lp1 .lectures::after { position: relative;	top: 1pt;   content: "";  display: inline-block;
 width: 0.6em; height: 0.6em; border-right: 0.1em solid #fff; border-top: 0.1em solid #fff;
 transform: rotate(45deg);  margin-left: 8px;
 -webkit-transition: all 0.3s;   -moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;  transition: all 0.3s;}
.lp1 .lectures:hover::after{border-color:#ffc100;}
.btn{max-width: 185px; max-width: 13.34vw; width:100%;  padding:8px 18px 10px 18px; font-size: 19.2px; 
font-size: 1.9vw; line-height: 1.26; color: #0f1923;} 

.lp2{margin-top:83px;}  
.lp2 h1{ width: 100%; font-size: 28.8px; font-size: 3.05vw; line-height: 0.91; letter-spacing: normal;}  
.lp2 .lp-container{margin-top:56px;}
.lp2 .lp-container_rew_2{margin-top: 2.5vw;}
.lp2 .text-container{margin-top:25px;  padding-bottom:60px;}
.lp2 .review{ max-width: 47vw; width:100%; padding:24px 30px 24px 32px;} 
.lp2 .review .man div:nth-child(1){margin-right:13px; width: 61px;  height: 61px;}
.lp2 .review .man div:nth-child(2) span,
.lp2 .review .man div:nth-child(2) a{font-size: 19.2px;  line-height: 1.26;} 


 .lp2 .review .man div:nth-child(2) a span{font-size: 19.2px;  line-height: 1.26;}

.lp2 .review p{ font-size: 16px; margin-top:20px;  font-weight: normal;  font-style: normal;
  font-stretch: normal;  line-height: 1.3;  letter-spacing: normal;}  
.lp2 .percent{padding-top:15px;}
.lp2 .percent ul{ font-size: 28.8px; font-size: 3.05vw; letter-spacing: 0.2px;}  
.lp2 .percent ul:nth-child(odd){margin-right:60px;}
.lp2 .tags{margin-top:56px;} 
.lp2 .tags div{float:left;font-size: 19.2px;padding:0px 9px 5px 9px;line-height: 1.26;margin-bottom: 2px;}

.lp3 a{font-size: 7.5vw;}
}  
 
@media screen and (max-width: 900px){
.lp1 .btn_lp1, .lp1 .btn_lp2{margin-top:35px;}  
.lp1 { margin-top: 118px; position: relative;}
}

 @media screen and (max-width: 760px){
.footer .autor { float: left; display: block; position:absolute; left:17px; top:40px;}  
.footer{ margin-bottom:75px; position:relative;} 
 }

/**********************720***********************/   
 
@media screen and (max-width: 720px){
.burger{background:#fff; width:20px; height:20px; position:absolute; float:right; top:10px; right:15px; display:block;}	
.menu__icon{display: inline-block;}
.menu__links {position: fixed; display: none; top: 0;right: 0;left: 0;
  z-index: 10000; overflow: auto; -webkit-transition: all 0.3s;   
	-moz-transition: all 0.3s;   -ms-transition: all 0.3s;   -o-transition: all 0.3s;  transition: all 0.3s;}
.filter{  background-color:#171616;opacity: 0.12;-webkit-filter: blur(35px);
     -moz-filter: blur(35px); -o-filter: blur(35px);  -ms-filter: blur(35px);  filter: blur(35px);}	 		  
.lp1{margin-top:94px;}  	
.lp1 .lp1-image-2 { margin-top: 52px; margin-left: 0px; margin-bottom: 31px; max-width: 100%;width:100%; padding-left:24px; padding-right:24px;} 
.lp1 h2 {font-size: 22px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1.19;} 
.lp2 .review{max-width: 100%; width:100%; margin-bottom:18px;  padding:18px 15px 20px 15px;}
.wrap{padding: 0px 0px;}
.header-float{ margin-top: 0px; }
.header-container{padding:0px 15px; padding-top:16px;     padding-bottom: 8px; position:fixed; z-index:1000; background:#040404;}	
.non_background{background:none; z-index:100000;}
.lp-main{margin-top: 48px;}
.menu__center{ margin: auto 0px;  padding: 20% 15px 15px 15px;top: 0px;bottom: 0px; position: absolute;display: table;}
.menu__center a{display:inline-block; font-size:16px; border-bottom:solid 1px #535353; padding-bottom:2px; padding-top:20px;}
.menu__center a:hover{border-bottom:solid 1px transparent;}
.header-float .soc_menu ul li{list-style:none; display:block;}
.header-float .logo div:nth-child(1) img {margin-left:0px; margin-top:-4px;}
.header-float .logo div:nth-child(2){ margin-top:-4px;}
.lp1 .lectures{ font-size: 16px;}  
.lp1 .lp1-image { max-width: 100%; width: 100%;}  
.lp1 .lp1-image-3 { max-width:100%; width: 100%;}  
.lp1-image_2{display:block; position: absolute;max-width: 100%; width: 100%;}
.lp1-image{display:none;}
.tbl1{margin-top:20px;}

.lp-main .cont1 {width: 100%;height: auto;    font-size: 45px;     font-size: 6.3vw; line-height: 0.98;
padding-left:15px; padding-right:15px; max-width:320px; margin-top:100px;}
.lp-main .cont2 {width: 100%;font-size: 16px; font-size: 2.25vw; line-height: 1.3;
 padding-left:15px; padding-right:15px;     max-width: 45vw;}
.lp1 .tbl2 .cell:nth-child(1) p, .lp1 .tbl2 .cell:nth-child(1) h1{font-size: 22px; width:100%;}
.lp1 .tbl2 .cell:nth-child(1) .lp-container {padding-top: 115px; width: 100%; max-width:320px;}  
.lp1 h1 {font-size: 22px; width:100%;line-height: 1.22;}
.lp1 .tbl2 h1{ font-size: 22px;line-height: 1.18;}
.lp1 p {font-size: 16px;line-height: 1.28; width:100%;}
.lp2 h1{font-size: 22px;line-height: 1.18; padding-left:15px; padding-right:15px;}
.lp2 .lp-container {margin-top: 20px;}
.lp2 .text-container {margin-top: 15px;padding-bottom: 41px;}
.lp2 .review .man div:nth-child(2) span, 
.lp2 .review .man div:nth-child(2) a{font-size: 16px;line-height: 1.13;}
 .lp2 .review .man div:nth-child(2) a span{font-size: 16px;line-height: 1.13;}
.lp2 .review .man div:nth-child(2) {margin-top: 2px;}
.lp2 .review .man div:nth-child(1) {margin-right: 8px;width: 44px;height: 44px;}
.lp2 .review p{ line-height: 1.29;font-size: 16px;    margin-top: 12px;}
.lp2 .percent ul {font-size: 20px;line-height: 1.44;letter-spacing: 0.14px;}
.lp2 .tags div {font-size: 14px;padding: 2px 9px 5px 9px;line-height: 1.14;letter-spacing: normal;}
.lp2 .tags {margin-top: 32px;}
.lp2 .lp-container_rew_2{margin-top: 0px;} 
 

.btn {max-width: 100%;width: 100%; padding: 8px 18px 10px 18px;font-size: 14px;line-height: 1.33;}
.lp3 {margin-top: 40px;}
.lp3 a {font-size: 7vw;}
.footer .logo div:nth-child(1){display:none;}
.footer {padding:0px 15px; margin-top: 64px; position:relative;} 
.footer .logo div:nth-child(2) {font-size: 12px;line-height: 2.04; margin-left:0px;}
.footer .soc_menu {font-size: 12px; line-height: 2;     margin-left: 9px;}
.footer .soc_menu a { margin-right: 9px;}
.footer .soc_menu a:last-child{margin-right:0px;}
.footer .autor {font-size: 12px;line-height: 2; top: 40px; left:15px;}	






.lp1 .cell{display:block; float:none;margin: 0px auto; left: 0px; right: 0px;max-width: 320px;}

.lp1 .tbl2 .cell:nth-child(2){display:none;}
.cell_mobile, .cell_mobile_2 {display:block; position: relative; max-width: 100%; width: 100%;}
.cell_mobile_2{margin-top:31px;}
.lp1 .cell_mobile .lp-container,
.lp1 .cell_mobile_2 .lp-container{margin: 0px auto;  left: 0px; right: 0px;z-index:2; position:relative; 
padding:76px 15px 80px 15px; max-width:320px; }  
.lp1 .tbl1 .cell:nth-child(1) .lp-container { padding:76px 15px 80px 15px;}
.lp1 .cell_mobile_2 .lp-container{padding:85px 15px 85px 15px;}
.lp1 .cell_mobile_2 .lp-container h1, .lp1 .cell_mobile_2 .lp-container p {color:#fff;}
.lp1 .cell_mobile .lp1-image{max-width:320px;     max-height: 570px; margin: 0px auto;  left: 0px; right: 0px;}
.lp1 .cell_mobile_2 .lp1-image-3{max-width:320px; max-height: 570px;margin: 0px auto; left: 0px; right: 0px;}
.lp1 .cell_mobile .lp-container{}
.lp1 .cell:nth-child(even) {float: none;max-width:320px;}
.lp1 .lp1-image-3{left: 0px;}
.lp1 .tbl2 .cell:nth-child(1) .lp-container{    padding: 37px 15px 0px 15px;}
.lp1 .tbl1 .cell:nth-child(2) { padding-left: 0px; margin: 0px auto; left: 0px; right: 0px;}
} 
@media screen and (max-width: 580px){
.lp-main .project-image_invis_mobile{display:block;width: 100%;  max-width: 600px; }
.lp-main .project-image_invis{display:none;}
.lp-main .project-image{display:none;}	
.lp-main .cont1 {margin: 0px auto; margin-top:50px;  font-size: 45px; left: 0px; right: 0px;}
.lp-main .cont2 {margin: 0px auto;margin-top:18px;  font-size: 16px;  max-width:320px; left: 0px; right: 0px;}	
.lp1{margin-top:54px;}  


 .lp3 .btn_bot {   min-width: auto; max-width:320px;   padding: 12px 14px 16px 14px;  font-size: 20px;  line-height: 1.2;  color: #0f1923;} 

}

@media screen and (max-width: 420px){
.lp-main .cont1 {font-size: 12vw; }
.lp-main .cont2 {font-size: 4vw;}
.footer .autor{position:relative; top:8px;left: 0px;}
.footer .soc_menu {    margin-top: 12px; display:block; width:100%; margin-left: 0px;}
}

@media screen and (max-width: 320px){
.lp-main .cont1 {font-size: 14vw; }
.lp-main .cont2 {font-size: 5vw;}
.lp1 h1 {font-size: 6.9vw;}
.lp1 p {font-size: 5vw;}
.btn {font-size: 4.4vw;}
.lp1 .tbl2 .cell:nth-child(1) p, .lp1 .tbl2 .cell:nth-child(1) h1 {font-size: 6.9vw;}

.tbl1 .lp1-image_yelow{display:block; position: absolute;}
.tbl1 .lp1-image,
.cell_mobile_2 .lp1-image-3{display:none;}
.lp1-image-3_red{display:block; position: absolute;}
.lp1-image_2{display:none;}

.lp1 .tbl1 .cell:nth-child(1) .lp-container {padding: 76px 15px 63px 15px;}
.lp1 h2 {font-size: 7vw;}
.lp1 .lectures {font-size: 5vw;}
}