@import url(reset.css);


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


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

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


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

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

@font-face {
  font-family: 'PFDinDisplayPro-Bold';
  src: url('../fonts/PFDinDisplayPro-Bold.eot');
  src: url('../fonts/PFDinDisplayPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/PFDinDisplayPro-Bold.svg#PFDinDisplayPro-Bold') format('svg'),
       url('../fonts/PFDinDisplayPro-Bold.ttf') format('truetype'),
       url('../fonts/PFDinDisplayPro-Bold.woff') format('woff'),
       url('../fonts/PFDinDisplayPro-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}


.mac{
  zoom:0.9;
}



button,input[type="submit"],input[type="button"],a:hover{cursor:pointer;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{display:block;}
a {text-decoration: none;}


.page-1 main{overflow-x: hidden;}

aside, nav, footer, header, section, article {display: block;}

.clear{clear:both;}

.clearfix:before, .clearfix:after{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after{clear: both;}

body{
  
  font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    
}

.container
{
	width: 1340px;
	margin: 0 auto;
  padding: 0px;

}

header .container{
  display:flex;
  border-bottom: 1px solid #F3F3F3;
  height: 85px;
  align-items: center;
}

header nav{
  width: 100%;
  display:flex;
  justify-content: flex-end;

}

header nav ul{
  display:flex;
  width:100%;
  max-width: 800px;
  justify-content: space-between;

}

header nav ul li{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;;
  color:#4f4955;
}

header nav ul li a{
  color:#4f4955;
}

header nav ul li.active a{
  font-family: 'MullerBold', 'Arial';
  font-weight: 700;
  color:#9332ef;
  text-decoration: underline;
}

header nav ul li a:hover{text-decoration:underline;}

.screen-1{
  padding-top: 114px;
  position: relative;
}

.scr-1-img{
  max-width: 1000px;
  position: absolute;
  right: 0px;
  top: 385px;
  z-index: 25;
  border-radius: 15px;
  box-shadow: 5px 6px 35px rgba(0,0,0,0.1);

}

h1{
  font-family: 'PFDinDisplayPro-Bold', 'Lato';
  font-size: 88px;
  line-height: 1.2;
  color:#000000;
  text-transform: uppercase;
  margin-bottom: 50px;
}

h1 strong{
  display:block;
  color:#5c18e8;
}
.screen-1 p.description{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;;
  color:#000;
  margin-bottom: 70px;
}

.btn{
  display:inline-block;
  vertical-align: top;
  height: 72px;
  font-family: 'MullerMedium', 'Arial';
  font-weight: 500;
  font-size: 20px;
  line-height: 72px;
  text-align: center;
  padding:0 60px;
  border-radius: 15px;
  color:#5c18e8;
  background:#fff;
}

.btn-gradient{
  color:#fff;
  background-image: -moz-linear-gradient( 180deg, rgb(92,24,232) 0%, rgb(192,37,243) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(92,24,232) 0%, rgb(192,37,243) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(92,24,232) 0%, rgb(192,37,243) 100%);
}

.btn-border{
  color:#fff;
  background:transparent;
  border:1px solid #fff;
}

.screen-1-grey{
  background:#F8F8FA;
  border-radius: 15px;
  padding-left: 110px;
  padding-right: 50px;
  padding-top: 85px;
  padding-bottom: 70px;
  
  position: relative;
  z-index: 1;
  max-width: 1045px;
  margin-top: 110px;
}


.screen-1-1{
    z-index: 2;
    margin-top: 115px;
}

.screen-1-1 .screen-1-grey{margin-top:0;}

.screen-1-grey .big-txt{
  display:flex;
  font-family: 'MullerBold', 'Arial';
  font-size: 160px;
  line-height:1;
  color:#2fde85;
  align-items: center;
  margin-left:-67px;
}
.screen-1-grey .big-txt em{
  font-style: normal;
  font-family: 'MullerRegular', 'Arial';
}

.screen-1-grey .big-txt span{
  font-size: 60px;
  font-family: 'MullerMedium', 'Arial';
  margin-right:30px;
}

.screen-1-grey h4{
  font-family: 'MullerMedium', 'Arial';
  font-weight: 500;
  font-size: 40px;
  line-height: 1.2;
  color:#000;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 42px;
}

.screen-1-grey h4::after{
  position: absolute;
  content:'';
  left:0;
  bottom:0;
  width: 435px;
  height: 1px;
  background: #efefef;


}

.screen-1-grey p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color:#000;
  margin-bottom: 52px;
}

.grey-logos-wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 770px;
  margin-bottom: 65px;
}

.screen-1-grey .btn{
  padding-left:75px;
  background:#fff url(../images/plus.png) no-repeat 30px center;
}

.screen-2{
  padding-top: 90px;
}

h2{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-size: 80px;
  line-height: 1.2;
  color:#000000;
  text-transform: uppercase;
  margin-bottom: 50px;
}

h2 strong{
  color:#5c18e8;
}

.screen-2 p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 32px;
  line-height: 1.5;
  color:#000;
  margin-bottom: -75px;
}

.screen-2 p strong{
  display:block;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 60px;
}

.screen-2 ul.p1-scr-2-ul{margin-top:-40px;}

.screen-2 ul.p1-scr-2-ul li{
  padding-left: 50px;
  max-width: 320px;
  font-family: 'MullerMedium', 'Arial';
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color:#000;
  background:url(../images/ico-1.png) no-repeat left 6px;
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 18px;
  margin-bottom:18px;
}

.screen-3 .container{
  padding-top: 63px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.screen-3-item{
  width: 660px;
  height: 685px;
  padding-left: 50px;
  margin-bottom: 20px;
}

.screen-3-item div.name{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 30px;
  
}

.screen-3-item h3{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  font-size: 54px;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 28px;
}

.screen-3-item p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom:45px;
}

.screen-3-item .btn{
  height: 60px;
  line-height: 60px;
  padding:0 40px;
  color:#0c043c;
}

.screen-3-item-6 .btn{
  color:#fff;
}

.screen-3-item-1{
  background: #0C043D url(../images/games.jpg) no-repeat right 172px;
  padding-top: 45px;
}

.screen-3-item-2{
  /* background: url(../images/scr-3-item-2.jpg) no-repeat left top;
  background: url(../images/new-it-2.jpg) no-repeat left top; */
  
  
  background: #FDE0E5 url(../images/invoice.jpg) no-repeat right top;
  padding-top: 300px;
}

.page-1 .screen-3-item-2{background-size: 660px}

.screen-3-item-3{
  /* background: url(../images/scr-3-item-3.jpg) no-repeat left top;
  background: url(../images/new-it-3.jpg) no-repeat left top; */


  background: #FE95B6 url(../images/app.jpg) no-repeat left top;
  padding-top: 35px;
}

.page-1 .screen-3-item-3 {
  background-position: right bottom;
  background-size: 600px;
}


.screen-3-item-4{
  /* background: url(../images/scr-3-item-4.jpg) no-repeat left top;
  background: url(../images/new-it-4.jpg) no-repeat left top; */


  background:#C0A1ED url(../images/retention.jpg) no-repeat left top;
  padding-top: 370px;
}

.page-1 .screen-3-item-4 {background-size: 600px;    background-position: right top;}



.screen-3-item-5{
  /* background: url(../images/scr-3-item-5.jpg) no-repeat left top;
  background: url(../images/new-it-5.jpg) no-repeat left top; */


  background: #FBDCEB url(../images/seed.jpg) no-repeat left top;
  padding-top: 35px;
}


.page-1 .screen-3-item-5 {
  background-position: right bottom;
  background-size: 600px;
}



.screen-3-item-6{
  padding-top: 315px;
}

.screen-3-item-1 div.name{color:#665997;}
.screen-3-item-2 div.name{color:#e094a8;}
.screen-3-item-3 div.name{color:#ed7c9a;}
.screen-3-item-4 div.name{color:#d7c5f3;}
.screen-3-item-5 div.name{color:#e094a8;}
.screen-3-item-1 h3,.screen-3-item-3 h3,.screen-3-item-4 h3{color:#fff;}
.screen-3-item-1 p,.screen-3-item-3 p,.screen-3-item-4 p{color:#fff;}

.screen-4{
  padding-top: 60px;
}

.step-wrap{
  display: flex;
  justify-content: space-between;
}

.step-block{

  width: 675px;
  padding-bottom: 15px;
 
}

.step-item{
  margin-bottom: 76px;
}

.step-item p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  padding-left: 50px;
  position: relative;
}

.step-item p span{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  font-size: 24px;
  color:#5c18e8;
  position: absolute;
  left: 0;
  top:0;
  top: 16px;
}

.step-item p strong{
  display:block;
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 5px;  
}

.image-how{
  padding-top: 20px;
  width: 660px;
  max-height: 505px;
  position: relative;
}
/* 
.image-how.active{
  background: url(../images/new-graf-act.png) no-repeat center bottom;
} */



.image-how a{
  display:block;
  font-family: 'PFDinDisplayPro-Regular', 'Arial';
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color:#000;
  height: 36px;
  padding-left: 90px;
  position: relative;
}


.image-how a::before{
  content:'';
  width: 66px;
  height: 36px;
  position: absolute;
  left:0;
  top:0;
  background: #E1E1E1;
  border-radius: 30px;
}

.image-how a::after{
  content:'';
  width: 26px;
  height: 26px;
  position: absolute;
  left:0px;
  top:0;
  left: 7px;
  top: 5px;
  background: #fff;
  border-radius: 50%;
}

.image-how.active a::before{background:#00DF80;}
.image-how.active a::after{left: 34px;}


.graf-wrap{
  position: absolute;
  bottom:0;
  width: 100%;
  border-bottom: 1px solid #EFEFEF;

  display:flex;
  justify-content:space-between;
  padding:0 115px;
  align-items: end;
  }

.graf-wrap li{
  width: 60px;
  height: 50px;
  background: #EFEFEF;
  border-radius: 8px 8px 0px 0px;
  transition: 1s linear;
}

.graf-wrap li:nth-child(1){height:90px;}
.graf-wrap li:nth-child(2){height:110px;}

.graf-wrap li:nth-child(3){height:90px;}
.graf-wrap li:nth-child(4){height:90px;}
div.active .graf-wrap li{background:#00DF80; }

div.active .graf-wrap li:nth-child(1){height:330px;}
div.active .graf-wrap li:nth-child(2){height:315px;}
div.active .graf-wrap li:nth-child(3){height:371px;}
div.active .graf-wrap li:nth-child(4){height:400px;}




.who-work{
  display:flex;
  flex-wrap: wrap;
  background:#6B11ED;
  border-radius: 15px;
  padding-left: 115px;
  font-family: 'MullerMedium', 'Arial';  
  font-weight: 500;
  font-size: 20px;
  color:#fff;
  line-height: 1.5;
  align-items: center;
  height: 220px;

}

.who-work strong{
  font-family: 'MullerBold', 'Arial';
  font-size: 36px;
  width: 380px;
}

.who-work .img-wrap{
  display: flex;
  width: 350px;
  justify-content: space-between;
  align-items: center;
}

.who-work span{margin-left: 65px;}

.screen-5 .container{
  padding-top: 65px;
}

.screen-5 p.citate{
  font-family: 'PFDinDisplayPro-Regular', 'Arial';
  font-weight: 400;
  font-size: 36px;
  line-height: 1.5;
  padding-left: 115px;
  background: url(../images/ico-2.png) no-repeat left 115px;
  margin-bottom: 50px;
}

.screen-5 p.citate span{
  display: block;
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  text-transform: uppercase;
  color:#5c18e8;
  margin-bottom: 43px;
}



.screen-5 p.citate strong{
  displaY:block;
  font-size: 80px;
  font-family: 'PFDinDisplayPro-Regular', 'Arial';
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 12px;
}

.screen-5 p.citate strong em{
  font-style:normal;
  color:#2fde85;
}

.seo-block{
  margin-left: 115px;
  display: flex;
  flex-wrap: nowrap;
}

.seo-block p{
  width: 275px;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color:#a9a9a9;
  padding-left:0;
  margin-right: 65px;
  position: relative;
  padding-top: 3px;
  cursor:pointer;
}
.seo-block p:hover{text-decoration: underline;}

.seo-block p::after{
  content:'';
  position: absolute;
  width: 1px;
  height: 65px;
  background:#E8E8E8;
  right:0;
  top:0;
}

.seo-block p.active span{
  color:#000;
}


.seo-block p:last-child::after{display:none;}

.screen-6{
  padding-top: 150px;
}

.screen-6 h2{
  font-size: 60px;
  color:#5c18e8;
  line-height: 1.36;
  margin-bottom: 40px;
}

.screen-6 h2 span{
  display:block;
  font-size: 36px;
  color:#000;
  line-height: 1.5;
  margin-bottom: 5px;
}

.slide-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.slide-item{
  width: 660px;
  background:#F8F8FA;
  padding: 45px 50px;
  border-radius: 15px;

}

.slide-item p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color:#000;
  margin-bottom: 35px;
}

.slide-item img.stars-img{margin-bottom: 33px;}

.screen-7{
  padding: 150px 0 100px;
}

.screen-7 .container{
  display: flex;
  flex-wrap: wrap;

}

.number-item {
  font-family: 'PFDinDisplayPro-Regular', 'Arial';
  font-size: 36px;
  font-weight: 400;
  color:#000;
  min-width: 320px;
  text-transform: uppercase;
  position: relative;
}

.number-item span{
  display:block;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 160px;
  border-bottom: 2px solid #F8F8F9;
  margin-bottom: 25px;
  line-height: 0.9;
}
 
.number-item span i{
  display:block;
  font-size: 24px;
  font-style:normal;
  margin-bottom: 25px;
}

.number-item-1{
  width: 545px;
  margin-right: 135px;
  margin-bottom: 162px;
}

.number-item-3{
margin-right: 80px;
}

.number-item-3 em{
  display:block;
  font-style:normal;
  color:#2fde85;
  margin-top: 7px;
}


.number-item-1 span{
  color:#5c18e8;
}
.number-item-2 span{
  color:#2fde85;
}

.number-item-3 span{
  color:#2fde85;
}
.number-item-4 span{
  color:#000;
}






.screen-8{
  background:#0D0D0D;
  padding-top: 70px
}

.screen-8 .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 85px;
  
}

.screen-8 .name-block{
  width: 450px;
  padding-left: 68px;
  background: url(../images/photo-1.png) no-repeat left top;
}

.screen-8 .name-block p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color:#fff;
}
.screen-8 .name-block p span{
  display: block;
  color:#565656;
}

.screen-8 .citate-block{
  padding-top: 13px;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color:#fff;
}

.screen-8 .citate-block strong{
  display: block;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 36px;
  margin-bottom: 20px;
}

footer{
  background:#0D0D0D;
  padding:0px 0 20px ; 
}

footer .container{
  border-top: 1px solid #292929;
  padding-top: 73px;
  display: flex;
  flex-wrap: wrap;
}

footer .menu-block{
  display:flex;
  flex-wrap: wrap;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color:#575757;
}

footer .menu-block p{
  font-family: 'MullerBold', 'Arial';
  font-weight: 700;
  color:#fff;
  margin-bottom: 13px;
}

footer .menu-block li{

  margin-bottom: 13px;
}

footer .menu-block li a{
  color:#575757;
}

footer .menu-block li a:hover{
  text-decoration: underline;
}

footer .menu-block .menu-item{
  width: 225px;
}

.footer-right{
  width: 660px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.footer-right p{
  width: 100%;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color:#575757;
  margin-bottom: 13px;
}

.footer-right p a{color:#575757;text-decoration: underline;}

/* Страница 2 стили начало */

.page-2 .top-wrap{
/* background:#05003B url(../images/p2-bg-top.jpg) no-repeat right top; */
background:#05003B url(../images/games.jpg) no-repeat right -200px;
padding-bottom: 450px;
background-size: 1000px;
}

.page-2 nav a{color:#fff;}
.page-2 nav a:hover,.page-2 nav li.active a{color:#fff;}

.page-2 header .container {border-bottom: 1px solid rgba(243,243,243,0.1);}

.page-2 h1,.page-2 .screen-1 p{color:#fff;}


.page-2 .screen-1 .btn{color:#0c043d;}
.page-2 .screen-1 .btn-border{margin-left: 15px;color:#fff;}


.ten_to_mln{
  display:flex;
  flex-wrap: wrap;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 160px;
  line-height: 1;
  background: url(../images/str-1.png) no-repeat 375px 38px;
  margin-top: 218px;

}

.ten_to_mln .ten_to{
  color:#49ecd1;
  margin-right: 665px;
  position: relative
}

.ten_to_mln .ten_to i{
  display:block;
  font-style:normal;
  font-size: 36px;
  color:#fff;
    text-transform: uppercase;
  position: absolute;
  left:0;
  top:0;
  top:-82px;
}



.ten_to_mln .to_mln{
  color:#d3fe39;
}

.after-ten{
  font-family: 'MullerRegular', 'Arial';
    font-weight: 400;
  font-size: 30px;
  line-height: 1.5;
  margin-top: 55px;
}

.p2_plus{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
  width: 100%;
  margin-top: 87px;
}

.p2_plus li{
  width: 435px;
  height: 110px;
  border-top: 1px solid #191052;
  padding-left: 115px;
  background: url(../images/li-ico-1.png) no-repeat left 43px;
  font-family: 'MullerRegular';
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  color:#fff;
  padding-top: 40px;
}


.page-2 .p2_plus li:last-child{
  width: 590px;
}

.page-2 .screen-2{padding-top:0;}

.page-2 .screen-2 ul{
  display:flex;
  flex-wrap: wrap;
}

.page-2 .screen-1-grey{
  max-width: 1340px;
  padding-top: 65px;
  padding-bottom: 85px;
  margin-top:-375px;
}


.page-2 .screen-1-grey h4{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
}

.page-2 .screen-1-grey h4 strong{
  
  color:#5c18e8;
}
.page-2 .p2-h4-1{
  padding-bottom:0;
  margin-bottom: 60px;
}

.page-2 .p2-h4-2{margin-bottom: 95px;}


.page-2 .screen-1-grey h4::after{display:none;}


.page-2 .grey-logos-wrap{
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 50px;
}

.page-2 .screen-2 ul li{
  max-width: 340px;
  width: 100%;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color:#000;
}

.page-2 .screen-2 ul li strong{
  display: block;
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  color:#5c18e8;
  margin-bottom: 10px;
}

.page-2 .screen-3{background:#fff;}

.page-2 .screen-3 .container {padding-top: 120px;}

.page-2 .screen-3-item h3{
  font-size: 80px;
}

.page-2 .screen-3-item-10 h3{
  font-size: 54px;
}

.page-2 .screen-3-item h3 span{
  display:block;
  font-size: 24px;
  margin-bottom:-4px;
}

.screen-3-item-7 h3, .screen-3-item-7 p{color:#fff;}
.screen-3-item-9 h3, .screen-3-item-9 p{color:#fff;}


.screen-3-item-7{
  background: url(../images/scr-3-item-6.jpg) no-repeat left top;
  padding-top: 75px;
}

.screen-3-item-8{
  background: url(../images/scr-3-item-7.jpg) no-repeat left top;
  padding-top: 303px;
}

.screen-3-item-9{
  background: url(../images/scr-3-item-3.jpg) no-repeat left top;
  padding-top: 75px;
}

.screen-3-item-10{
  padding-top: 323px;
}

.page-2 .screen-4{background:#fff;}

.page-2 .step-wrap{
  background: #FBFBFB;
  padding: 70px 0  110px 65px;
  border-radius: 15px;
}

.page-2 .step-block{padding-top: 25px;}


.page-2 .step-item {margin-bottom: 66px;}

.page-2 .step-wrap .step-item strong{
  display:inline;
  font-size: 24px;

}

.page-2 .step-item p span {top: 1px;}

.page-2 .step-wrap .btn{margin-left: 50px;}

.page-2 .screen-5{background:#fff;}
.p2-screen-6{background:#fff;padding: 150px 0 130px;}

.p2-screen-6 h2 span{
  display:block;
  font-size: 36px;
}

.news-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.news-item{
  width: 435px;
  border: 2px solid #f7f7f7;
  border-radius: 25px;
  padding-bottom: 35px;

}

.news-item img{
  border-radius: 15px;
  margin-bottom: 33px;
  width: 100%;
}

.news-item p{
  font-family: 'MullerMedium', 'Arial';
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  color:#000;
  padding-left: 45px;
}

.p2-screen-7{background:#0D0D0D;padding: 35px 0 70px;}

.p2-screen-7 h2{color:#fff;}

.p2-screen-7 h2 span{
  display:block;
  color:#242424;
  position: relative;
  margin-bottom: 90px;
}

.p2-screen-7 h2 span::after{
  content:'';
  position: absolute;
  top:0;
  left:0;
  top: 142px;
  width: 490px;
  height: 1px;
  background:#242424;
}

.p2-screen-7 h2 strong{
  display:block;
  color:#49ecd1;
}

.p2-screen-7 .btn{
  height: 60px;
  line-height: 60px;
}

/* Страница 2 стили конец */

/* Страница 3 стили начало */

.page-3{
  background: #FFEFF4;
}

.page-3 nav a{color:#3a1f28;}
.page-3 nav a:hover,.page-3 nav li.active a{color:#3a1f28;}

.page-3 header .container {border-bottom: 1px solid #EFECF3;}

.page-3 h1 {
  font-size: 160px;
  color:#5c18e8;
  margin-bottom: 10px;
}

.page-3 h1 span{
  display:block;
  font-size: 40px;
  color:#000;
  margin-bottom: -13px;
}

.page-3 .screen-1 p.p3-description{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color:#000;
  margin-bottom: 35px;
  margin-left: 50px;
}

.seed-white{
  background:#fff;
  max-width: 770px;
  padding: 35px 45px 50px;
  border-radius: 15px;
}

.seed-white p{
  font-family: 'MullerRegular', 'Arial';
    font-weight: 400;
    font-size: 30px;
    line-height: 1.34;
    color: #000;
}

.seed-white p span{
  display:inline-block;
  background:#C8FDEA;
  padding:0 5px;
  border-bottom: 2px solid #00DF80;
  margin-bottom: 26px;
}

.seed-white p.last-1{
  font-size: 24px;
  margin-bottom:30px;
}


.page-3 footer{
  padding-top: 60px;
  background: #FFEFF4;

}

.page-3 footer .container{border-color:#F2CFD8;}


.page-3 footer .menu-block p,
.page-3 footer .menu-block li a,
.page-3 .footer-right p
{color:#b59ba4}

/* Страница 3 стили конец */


/* Страница 4 стили начало */

.page-4 .top-wrap{
  background: #BB84EA url(../images/p4-bg.jpg) no-repeat center top;
  padding-bottom: 540px;
}

.page-4 nav li a,.page-4 nav li.active a{color:#fff;}
.page-4 header .container{border-color:#BF8FEA;}

.page-4 h1{color:#fff;}
.page-4 p.description{
  font-family: 'MullerMedium', 'Arial';
  font-weight: 500;
  color:#fff;
  margin-bottom: 80px;
}

.page-4 .screen-2{
  padding-top:0;
}

.page-4 .screen-1-grey {
  padding-top: 60px;
  padding-bottom: 90px;
  margin-top: -375px;
  max-width: 1340px;
}

.page-4 .screen-1-grey h4{
  font-size: 36px;
  text-transform: uppercase;
}

.page-4 .screen-1-grey h4:after{display:none;}

.page-4 .screen-1-grey ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-4 .screen-1-grey ul li{
  max-width: 340px;
  width: 100%;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color:#000;

}

.page-4 .screen-1-grey ul li strong{
  display:block;
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;  
  text-transform: uppercase;
  color:#5c18e8;
  margin-bottom: 13px;
}

.p4-ul-1{
  margin-bottom: 117px;
  position: relative;
}

.p4-ul-1::after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  top: 198px;
  width: 100%;
  height: 1px;
  background: #EFEFEF;
}

.p4-screen-3{
  padding-top: 90px;
}

.p4-screen-3 h2{
  margin-bottom: 15px;
}

.p4-screen-3 .numbers-wrap{
  padding-top: 43px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p4-screen-3 .numbers-item{
  min-width: 660px;
  margin-bottom: 100px;
}

.p4-screen-3 .numbers-wrap strong{
  display:block;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 160px;
  color:#30de85;
  margin-bottom: 20px;
}

.p4-screen-3 .numbers-wrap strong i{
  display:block;
  font-size: 24px;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.p4-screen-3 .numbers-wrap span{
  display:block;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 36px;
  color:#000;
  letter-spacing: -2.5px;
  text-transform: uppercase;
}


.p4-screen-3 .numbers-item-2 strong{
  color:#5c18e8;
}

.p4-screen-3 .numbers-item-3 strong{
  color:#ab83e6;
}

.grow-terms{
  background: #6B11ED;
  border-radius: 15px;
  padding: 60px 220px 75px 115px;
}

.grow-terms h3{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-weight: 700;
  font-size: 36px;
  line-height: 1.4;  
  text-transform: uppercase;
  color:#fff;
  margin-bottom: 44px;
}

.grow-terms .grey-logos-wrap{
  max-width: 100%;
  margin-bottom:0;
}

.p4-screen-4{
  padding-top: 100px;
}

.p4-screen-5{padding: 80px 0 60px;}

.page-4 .step-wrap{
  background: #FBFBFB;
  padding: 70px 0  110px 65px;
  border-radius: 15px;
}

.page-4 .step-block{padding-top: 25px;}


.page-4 .step-item {margin-bottom: 66px;  }

.page-4 .step-item p{font-size: 24px;}

.page-4 .step-wrap .step-item strong{
  display:block;
  font-size: 24px;
}

.page-4  .step-item p span {top: 1px;}

.page-4 .step-wrap .btn{margin-left: 50px;}


.item-faq {

  padding: 35px 0px 27px 0px;
border-bottom: 1px solid #E7E7E7;
}

.faq-screen .item-faq{
max-width: 100% !important;
}

.item-faq__header {
  font-family: 'MullerRegular', 'Arial';
  
  font-weight: 400;
  font-size: 36px;
line-height: 1.5;
  color: #000;
  position: relative;
  cursor: pointer;
}

.accordion__header::before {
  content: "";
background: url(../images/faq-ico-1.png) no-repeat;
width: 24px;
height: 24px;
  position: absolute;
  top: 0;
  top: 10px;
  right: 0;
  right:10px;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.accordion__content {
  display: none;
}

.item-faq__content {
  padding-top: 10px;
}

.item-faq__content p {
  font-family: 'MullerRegular', 'Arial';
  line-height: 1.5;
  font-size: 24px;
  font-weight: 400;
}

.item-faq__header.active {
  font-family: 'MullerExtraBold', 'Arial';
  font-weight: 700;
}

.accordion__header.active::before {
  background: url(../images/faq-ico-2.png) no-repeat center;
}







.p4-screen-6{padding:90px 0 100px;}

.p4-screen-6 h2 strong{color:#2fdd84;}

/* .p4-screen-6 ul{
  display: flex;
  flex-wrap: wrap;

}

.p4-screen-6 ul li{
  width: 100%;
  max-width: 445px;
  font-family: 'MullerRegular';
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color:#000;
  margin-bottom: 75px;
}

.p4-screen-6 ul li strong{
  display:block;
  font-family: 'PFDinDisplayPro-Bold';
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;  
  text-transform: uppercase;
  color:#5c18e8;
  margin-bottom: 20px;
} */

.p4-screen-6 h2 {
  margin-bottom: 30px;
}

.p4-scr-6-citate{
  font-family: 'MullerRegular', 'Arial';
  padding-left: 45px;
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 38px;
    background: url(../images/cit-img-1.png) no-repeat left 20px;
}


.page-4 .p2-screen-7 {padding: 80px 0 70px;}

/* Страница 4 стили конец */

/* Страница 5 стили начало */


.page-5 .top-wrap{
  background: #FFD8E4 url(../images/p5-bg.jpg) no-repeat center top;
  padding-bottom: 500px;
}



.page-5 nav a{color:#3a1f28;}
.page-5 nav a:hover,.page-5 nav li.active a{color:#3a1f28;}

.page-5 header .container {border-bottom: 1px solid #E5C5CE;}

.page-5 h1{font-size: 60px;margin-bottom: 40px;}

.page-5 .screen-1 p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color:#553742;
  margin-bottom: 55px;
}

.page-5 .screen-2{
  padding-top:0;
}

.page-5 .screen-2 .container{
  margin-top:-375px;
}

.page-5 .screen-1-grey{
  max-width: 1340px;
  margin-top:0px;
  background:#F8F8FA url(../images/calendar-img.png) no-repeat 850px 360px;
  padding-bottom: 170px;
}

.page-5 .screen-1-grey h4{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  text-transform: uppercase;
  font-size: 36px;
  padding-bottom: 15px;  
}

.page-5 .screen-1-grey h4::after{
  display:none;
}

.page-5 .screen-1-grey h4 strong{
  color:#5c18e8;
}

.page-5 .grey-logos-wrap{
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 50px;
  max-width: 1110px;
}

.page-5 .screen-2 .screen-1-grey p{
  font-size: 24px;
  margin-bottom:0;
}

.page-5 .screen-2 .screen-1-grey .p2-h4-2{margin-bottom: 20px;}

.p5-screen-3{
  padding-top: 80px;
}

.p5-screen-3 h2{
  text-transform: uppercase;
  color:#2fde85;
  margin-bottom: 93px;
}

.p5-screen-3 h2 span{
  display:block;
  color:#000;
  font-size: 36px;
  margin-top: 15px;
}

.p5-screen-3 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p5-screen-3 ul li{
  width: 445px;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color:#000;
}


.p5-screen-3 ul li:nth-child(3){
  margin-bottom: 125px;
}
.p5-screen-3 ul li strong{
  display:block;
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  font-size: 24px;
  line-height: 1.5;
  color:#5c18e8;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.p5-screen-4{
  padding-top: 90px;
  
}

.p5-screen-4 h2{
  margin-bottom: 25px;
}

.p5-screen-4 h2+p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color:#000;
  margin-bottom: 53px;
}

.p5-screen-5{
  padding:125px 0 75px;
  
}

.p5-screen-4 .image-how{margin-top: 20px;}

.p5-screen-4 .step-item {margin-bottom: 55px;}

.page-5 .step-wrap .btn {margin-left: 50px;}

.page-5 .p4-screen-6{
  background: #0D0D0D;
  padding:75px 0 60px;
}

.page-5 .p4-screen-6 h2{color:#fff;}

.page-5 .p4-screen-6 .btn{
  height: 60px;
  line-height: 60px;
}

/* Страница 5 стили конец */


/* Страница 6 стили начало */


.page-6 .top-wrap{
  background: #FF9298 url(../images/app-bg.jpg) no-repeat center top;
  background: #fb8ca5 url(../images/app-big.jpg) no-repeat right 50px;
  padding-bottom: 500px;
  background-size: 850px;
}

.page-6 nav a{color:#fff;}
.page-6 nav a:hover,.page-6 nav li.active a{color:#fff;}

.page-6 header .container {border-bottom: 1px solid #FF949F;}

.page-6 h1{margin-bottom: 63px;color:#fff;}

.page-6 .screen-1 ul{
  display:flex;
  flex-wrap: wrap;
  margin-bottom: 70px;
}

.page-6 .screen-1 ul li{
  width: 340px;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color:#fff;
  padding-left: 50px;
  background: url(../images/check.svg) no-repeat left 6px;
  background-size: 20px;
  margin-right: 60px;
  position: relative;
}

.page-6 .screen-1 ul li:first-child::after{
  content: '';
  position: absolute;
  width: 1px;
  height: 115px;
  background: rgba(255,255,255,0.2);
  right:0;
  top:0;
}

 .page-6 .screen-2{
  padding-top:0;
}

.page-6 .screen-2 .container{
  margin-top:-375px;
}

.page-6 .screen-1-grey{
  max-width: 1340px;
  margin-top:0px;
  background:#F8F8FA;
  padding-bottom: 80px;
  padding-top: 65px;
}

.page-6 .screen-1-grey h4{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  text-transform: uppercase;
  font-size: 36px;
  padding-bottom: 15px;  
}

.page-6 .screen-1-grey h4::after{
  display:none;
}

.page-6 .screen-1-grey h4 strong{
  color:#5c18e8;
}

.page-6 .grey-logos-wrap{
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 50px;
  max-width: 1110px;
}

.page-6 .screen-2 .screen-1-grey p{
  font-size: 24px;
  margin-bottom:0;
  font-family: 'MullerMedium', 'Arial';
}

.page-6 .screen-2 .screen-1-grey p strong{
  font-family: 'MullerExtraBold', 'Arial';
  font-weight: 700;
  font-size: 24px;
  display:inline;
}

.page-6 .screen-2 .screen-1-grey .p2-h4-2{margin-bottom: 20px;} 


.page-6 .ten_to_mln {
  background: url(../images/str-2.png) no-repeat 375px 38px;
  margin-top: 45px;
  margin-bottom: 18px;
}

.page-6 .ten_to_mln .ten_to {
  color: #f89096;
  margin-right: 465px;
}

.page-6 .ten_to_mln .ten_to::after{display:none;}

.page-6 .ten_to_mln .to_mln {
  color: #2fdd84;
}

.page-6 .screen-4 h2{margin-bottom: 65px;}

.page-6 .screen-4 h2 span{
  display:block;
  font-size: 36px;
}


.page-6 .screen-4 .step-item:last-child {margin-bottom: 45px;}

.page-6 .image-how{

  max-height: 575px;
  
}

.page-6 .screen-6 {
  padding-top: 0;
}


.p6-screen-3 p.mln{
  display:flex;
  align-items: center;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 160px;
  line-height: 1.5;
  color:#2fde85;
  margin-bottom:-27px;
}

.p6-screen-3 p.mln span{
  font-family: 'MullerBold', 'Arial';
  font-weight: 700;
  font-size: 60px;
  margin-right: 10px;
}

.p6-screen-3 h4{
  font-family: 'PFDinDisplayPro-Bold', 'Arial';
  text-transform: uppercase;
  font-size: 36px;
  line-height: 1.4;
  margin-bottom: 50px;
}

.p6-screen-3 .btn{margin-bottom: 108px;}

.p6-screen-3 h2{
  color:#2fdd84;
  margin-bottom: 65px;
}

.p6-screen-3 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p6-screen-3 ul li{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 36px;
  line-height: 1.5;
  color:#000;
  width: 610px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  background: url(../images/li-ico-2.png) no-repeat left 42px;
  padding: 32px 20px 26px 65px;
  margin-bottom: 6px;
}

.p6-screen-3 ul li:last-child{border:none;}

.page-6 .screen-3-item h3 {
  font-size: 80px;
  margin-bottom: 25px;
}

.page-6 .screen-3-item h3 span{
  display:block;
  font-size: 24px;
  margin-bottom: -5px;
}

.purple-block{
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding: 85px 100px 75px 115px;
  background:#6B11ED;
  border-radius: 15px;
}

.purple-block p{
  font-family: 'MullerBold', 'Arial';
  font-weight: 700;
  font-size: 36px;
  line-height: 1.5;
  color:#fff;
}

.purple-block .btn{
  height: 60px;
  line-height: 60px;
}

.p6-screen-6{
  padding-top: 55px;
}

.p6-screen-6 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom:-65px;
}

.p6-screen-6 ul + .btn{margin-bottom: 100px;}

.p6-screen-6 ul li{
  width: 455px;
  font-family: 'PFDinDisplayPro-Regular', 'Arial';
  font-weight: 400;
  font-size: 30px;
  color:#281e67;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 115px;
  
}

.p6-screen-6 ul li:nth-child(1){
  width: 750px;
}

.p6-screen-6 ul li strong{
  display:block;
  border-bottom: 1px solid #E9E9E9;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 130px;
  line-height: 0.9;
  padding-bottom: 2px;
  margin-bottom: 16px;  
}

.p6-screen-6 ul li span{
  display:block;
  font-size: 20px;
  color:#000;
  border-bottom: 1px solid #E9E9E9;
  padding: 15px 0 15px 45px;
  background: url(../images/span-ico.png) no-repeat left 18px;
}

.p6-screen-6 ul li:last-child{margin-top:-20px;}

.page-6 .p2-screen-6 {padding: 75px 0 130px;}
.page-6 .p2-screen-7 {padding: 75px 0 70px;}

/* Страница 6 стили конец */

.popup-form{display:none;}

.box-modal{
  width: 600px !important;
  padding: 50px 60px 40px !important;

}

.box-modal h2{
  font-size: 40px;
}

.box-modal h2 strong{color:#5c18e8;}

form input[type="email"],form input[type="text"]{
  display:block;
  width: 100%;
  height: 70px;
  margin-bottom: 15px;
  background:#F9F9F9;
  border:none;
  border-radius: 15px;
  padding:0 35px;
  font-family: 'MullerMedium', 'Arial';
  font-weight: 500;
  font-size: 18px;
  color:#000;
}
form input[type="text"]{margin-bottom: 30px;}

form input[type="submit"]{
  border:none;
  margin-bottom:40px;
  height: 60px;
  width: 175px;
  line-height: 60px !important;
}

form p{
  border-top: 1px solid #E4E4E4;
  padding-top: 30px;
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color:#9e9e9e;
}

form p a{color:#9e9e9e;text-decoration: underline;}

.box-modal_close {
  right: 20px !important;
  top: 20px !important;
  font-size: 22px !important;
}

.p4-screen-3-1{padding-top:15px;}
.p4-screen-4 .step-item strong em{font-style:normal;}

/* меню для мобилки */
/* меню для мобилки */

.mob-menu{
  display: none;
}

.gamburger {
  position: relative;
  width: 20px;
  height: 40px;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  padding-top: 0px;
}

.gamburger span {
  display: block;
  z-index: 200;
  transition: all 0.3s;
  width: 20px;
  margin: 0 auto 3px;
  height: 2px;
  background-color: #6B11ED;
}

.page-4 .gamburger span {
  background-color: #fff;
}

.page-2 .gamburger span {
  background-color: #fff;
}

.page-6 .gamburger span {
  background-color: #fff;
}

.page-5 .gamburger span {
  background-color: #000;
}

.page-3 .gamburger span {
  background-color: #000;
}



/* Вертикальное меню спрятано */
.menu{
  display: flex;/* технология флексбокс */
  align-items: center; /* выравнивание по центру */
  justify-content: center; /* выравнивание по центру */
  background-color: #fff;
  width: 100vw; /* ширина блока меню */
  z-index: 1000;/* слой ниже кнопки */
  position: fixed; /* блок зафиксирован */
  left: -100vw;/* скрывание блока с меню */
  top: 0; /* позиция от левого верха */
  transition: all 0.5s;/* плавное выдвижение блока */
  opacity: 1;/* блок имеет прозрачность */
}
/* Активный класс меню видимое */
.menu-active{
      left: 0; /* блок с меню видимый */
}
/* Стилизация списка меню */
.menu ul {
  list-style: none;
  padding: 0;
  margin-top: 50px;
  height: 100vh;
  padding-top: 100px;
  background: url(../images/logo.svg) no-repeat 20px 5px;
  background-size: 150px;
  position: relative;
  display:block;
}

.menu ul li{
  margin-bottom: 30px;
}
/* Стилизация ссылок меню */
.menu a{
  display: block; /* из строчного в блочный */
  color: #000 !important;
  line-height: 30px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s;
  width: 100vw; /* блоки с ссылками на всю ширину */
  display: flex;
  justify-content: center; /* выравнивание по центру */
  text-transform: uppercase;
}
/* Эффект наведения мыши на ссылки */
.menu a:hover{
  *background-color: rgba(0,0,0,0.5);
  width: 100vw;
}

.first {
  transform: translate(5px, -1px) rotate(45deg);
  transform-origin: top left;
  /*background: #000 url(../images/exit.svg) no-repeat center !important;
  background-size: 24px;
  width: 100% !important;
  height: 28px !important;*/
}

.middle {
  transform: scale(0);
  *background: transparent;
  *display:none !important;
}

.last {
  transform: translate(-1px, -12px) rotate(-45deg);
  transform-origin: right bottom;
  *background: transparent;
  *display:none !important;
} 

.page-4 .gamburger span.first{background:#000;}
.page-4 .gamburger span.last{background:#000;}


.page-2 .gamburger span.first{background:#000;}
.page-2 .gamburger span.last{background:#000;}

.page-6 .gamburger span.first{background:#000;}
.page-6 .gamburger span.last{background:#000;}

.page-3 .gamburger span.first{background:#000;}
.page-3 .gamburger span.last{background:#000;}


.grey-logos-wrap img{height: 50px;}
.grey-logos-wrap1 img{max-height: 40px;max-width: 97%;}
.grey-logos-wrap1 {max-width: 100%;width: 100%;}
.grey-logos-wrap{max-width: 100%;width: 100%;}

.grey-logos-wrap1{display:none; padding-bottom: 75px;}

.grey-logos-wrap1 .slick-slide{
  display:flex;
  align-items: center;
  height: 50px !important;
  justify-content: center;
}

.slick-arrow{display:none !important;}

 .slick-dots {
  position: absolute;
  bottom: -35px;
  display: block !important;
  width: 100%;
  left:0;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.grey-logos-wrap1 .slick-dots {
  bottom: 35px;
  
}

.news-wrap .slick-dots {
  bottom: -15px;
  
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px !important;
min-width: 15px !important;
  height: 15px !important;
min-height: 15px !important;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px;
  height: 15px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  content: '•';
  text-align: center;
  opacity: 1;
  color: #D6BBFA;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #D6BBFA;
  border-radius: 50%;
}

 .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #6B11ED;
  background: #6B11ED;
}

.news-item-1{margin-right: 20px;}


.step-item p::after{
  position: absolute;
  content:'';
  width: 1px;
  height: 60px;
  background: #EAEAEA;

  left:0;
  top:0;
  top: 60px;
  left: 11px;
}

.page-1 .step-item p::after{height: 110px;}

.page-6 .step-item{margin-bottom: 45px;}

.page-6 .step-item p::after{height: 114px;}

.page-2 .step-item p::after{height: 77px;
  top:43px;
}

.page-4 .step-item p::after{height: 82px;
  top:45px;
}


.page-2 .step-item:nth-child(2) p::after{
  height: 112px;
}

.page-5 .step-item:nth-child(4) p::after{display:none !important;}

.page-6 .step-item:nth-child(4) p::after{display:none !important;}

.page-1 .step-item:nth-child(3) p::after{display:none !important;}

.page-2 .step-item:nth-child(3) p::after{display:none !important;}

.page-4 .step-item:nth-child(3) p::after{display:none !important;}

.myTab .citate{display:none;}
.myTab .citate.active{display:block;}




.page-1 .screen-3-item {width: 660px;height: 740px;border-radius: 15px;}
.page-1 .screen-3-item-1{background-size: 630px;}
.page-1 .screen-3-item-5,.page-1 .screen-3-item-6{height: 685px}

.page-1 .screen-3-item h3 {font-size: 40px;margin-bottom: 38px;}

.page-1 .screen-7 h2{font-size: 80px;}



.page-5 .screen-2 .screen-1-grey p.grey-citate{
  padding-left: 45px;
  font-size: 20px;
  margin-bottom: 38px;
  margin-top:-5px;
  background: url(../images/cit-img-1.png) no-repeat left 2px;
}



/* новый слайдер */

.p4-sl-it{
  width: 660px;
  height: 390px;
  border-radius: 15px;
  background:#6B11ED;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 39px;
  margin: 0 10px;
}

.p4-sl-it-1{
  padding-top: 89px;
}

.p4-sl-it-2{background:#F8F8FA;}

.p4-sl-it-3{background:#00C868;}

.p4-sl-it h4{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 36px;
    line-height: 1.22;
    color: #000000;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.p4-sl-it h4::after{
  content:'';
  position: absolute;
  left:0;
  bottom:0;
  height: 1px;
  width: 45px;
  background:#00DF80;
}

.p4-sl-it h4 strong{
  font-family: 'MullerBold', 'Arial';
  font-weight: 700;
  
}

.p4-sl-it h4 i{
  display:block;
  font-style:normal;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 70px;
}

.p4-sl-it-1 h4,.p4-sl-it-3 h4{color:#fff;}

.p4-sl-it-2 h4{color:#5c18e8;}


.p4-sl-it-2 h4 i{color:#bebebe;}

.p4-sl-it-3 h4 i{color: rgba(255,255,255,0.3);}

.p4-sl-it p{
  font-family: 'MullerRegular', 'Arial';
  font-weight: 400;
  font-size: 20px;
    line-height: 1.5;
    color: #000000;
}

.p4-sl-it-1 p,.p4-sl-it-3 p{color:#fff;}


.new-slider-p4 .slick-dots {
  bottom: -110px;
  display:flex;
}


.new-slider-p4 .slick-dots li {
  position: relative;
  width: 25% !important;
  height: 2px !important;
  min-height: 2px !important;
  margin: 0px;
  padding: 0;
  cursor: pointer;

}

.new-slider-p4 .slick-dots li button {
  width: 100%;
  height: 2px;
  padding: 0px;
  background:#E9E9E9;
  
}

.new-slider-p4 .slick-dots li button:before {
  display:none;
}

.new-slider-p4 .slick-dots li.slick-active button {
  background:#00DF80;
}



footer .menu-block .menu-item:last-child{display:none;}

.br-mob{
  display:none;
}