@font-face {
  font-family: UltimaProRegular;
  src: url(../fonts/UltimaProLt.otf);
}
@font-face {
  font-family: UltimaProMedium;
  src: url(../fonts/UltimaPro.otf);
}
@font-face {
  font-family: UltimaProBold;
  src: url(../fonts/UltimaPro-Bold_0.otf);
}
@font-face {
  font-family: UltimaProBlack;
  src: url(../fonts/UltimaProBlack.otf);
}

.clearfix::after{
    content: "";
    clear: both;
    display: table;
}
body{
  margin: 0px;
  padding: 0px;
  font-family: UltimaProRegular;
  overflow-x: hidden;
}
header, main, footer {
  width: 100%;
  overflow: hidden;
}
.setObDiv{
  width: 1280px;
  margin: 0px auto;
}
.blokNameH1{
  font-family: UltimaProBold;
  font-size: 50px;
  line-height: 62px;
  color: #1E1646;
  margin: 0px;
}
.blokNameH2{
  font-size: 40px;
  line-height: 50px;
  color: #1E1646;
  margin: 0px;
}
.blokNameH2>span.spanColor,.blokNameP>span.spanColor{
  color: #2f7ef2;
}
.blokNameP{
  font-size: 20px;
  line-height: 25px;
  color: #2f2a46;
  margin: 0px;
}

.headerObDivBody{
  background-image: repeating-linear-gradient(90deg,
  transparent 0, transparent 115px,
  rgba(255, 255, 255, 0.2) 115px, rgba(255, 255, 255, 0.2) 230px);
  position: relative;
  overflow: hidden;
}
.headerObDiv{
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  padding: 30px 0px;
}
.headerLogo{
  height: 40px;
  justify-self: start;
}
.headerLogo>img{
  height: 100%;
}
.headerMenuDiv{
  justify-self: center;
  display: grid;
  column-gap: 17px;
  grid-auto-flow: column;
  align-items: center;
}
.headerMenuDiv>a{
  font-size: 18px;
  line-height: 22px;
  color: #202520;
  text-decoration: none;
  padding: 12px 16px 8px 16px;
}
.headerMenuDiv>a:hover,.headerMenuDiv>a.active{
  text-decoration: underline;
}
.headerButtomDiv{
  justify-self: end;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 30px;
}
.headerButtonLogin{
  font-size: 18px;
  line-height: 22px;
  color: #1E1646;
  padding: 15px 0px 11px 0px;
  width: 148px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #1E1646;
  text-decoration: none;
}
.headerButtonRegistr{
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding: 15px 0px 11px 0px;
  width: 148px;
  text-align: center;
  background-color: #2f7ef2;
  border-radius: 10px;
  text-decoration: none;
  border: 1px solid #2f7ef2;
}
.headerEllips{
  width: 500px;
  height: 500px;
  position: absolute;
  z-index: -1;

  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.headerEllips1{
  background: rgba(255, 52, 235, 0.7);
  filter: blur(500px);
  top: 0px;
  left: 0px;
}
.headerEllips2{
  background: rgba(126, 30, 248, 0.7);
  filter: blur(500px);
  top: 0px;
  right: 0px;
}
.headerEllips3{
  background: rgba(254, 116, 116, 0.7);
  filter: blur(500px);
  bottom: 0px;
  right: 0px;
}
.headerEllips4{
  background: rgba(48, 126, 242, 0.7);
  filter: blur(500px);
  bottom: 0px;
  left: 0px;
}

.advantagesObDivBody{
  padding: 100px 0px;
}
.advantagesObDiv{
  display: grid;
  grid-template-columns: 580px 1fr;
  grid-column-gap: 120px;
  align-items: center;
}
.advantagesLeftObDiv{
  position: relative;
  height: 728px;
  font-size: 0px;
}
.advantagesLeftObDiv>img{
  width: 398px;
  position: absolute;
}
.advantagesImages1{
  top: -60px;
  left: -60px;
}
.advantagesImages2{
  top: 40px;
  right: -60px;
}
.advantagesImages3{
  bottom: 40px;
  left: -60px;
}
.advantagesImages4{
  bottom: -60px;
  right: -60px;
}
.advantagesRightObDiv{
  padding-top: 70px;
}
.advantagesRightObDiv>h2{

}
.advantagesList{
  margin-top: 40px;
}
.advantagesDiv{
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-column-gap: 10px;
  margin-bottom: 40px;
}
.advantagesDiv:last-child{
  margin-bottom: 0px;
}
.advantagesIcon{
  width: 50px;
  height: 50px;
  background-color: #EBF3FE;
  border-radius: 50%;
  display: grid;
  justify-items: center;
  align-items: center;
}
.advantagesIcon>img{
  width: 24px;
}
.advantagesTextDiv{

}
.advantagesTextDiv>h3{
  font-size: 20px;
  line-height: 24px;
  color: #1E1646;
  margin: 13px 0px 22px 0px;
}
.advantagesTextDiv>p{
  font-size: 18px;
  line-height: 22px;
  color: #8F8BA3;
  margin: 0px 0px;
}
.growObDivBody{
  padding-top: 100px;
  padding-bottom: 20px;
}
.growObDiv{

}
.growTitleButtonObDiv{
  display: grid;
  grid-template-columns: 1fr 140px;
}
.growTitleDiv{

}
.growTitleDiv>h2{
  margin-bottom: 20px;
}
.growButtonObDiv{
  display: grid;
  grid-template-columns: 60px 60px;
  grid-column-gap: 20px;
}
.growButton{
  width: 60px;
  height: 60px;
  position: initial;
  border-radius: 50%;
  border: 1px solid rgba(48, 126, 242, 0.5);
  box-sizing: border-box;
  background-image: none;
  font-size: 0px;
  display: grid;
  justify-items: center;
  align-items: center;
  margin: 0px;
}
.growButton>img{
  width: 24px;
}
.growList{

}
.growDiv{
  display: grid;
  grid-template-columns: 1fr 581px;
  grid-column-gap: 100px;
  align-items: center;
  background-color: #fff;
  padding: 80px 0px;
}
.growLeftDiv{
  position: relative;
  padding: 40px 0px 40px 40px;
}
.growLeftDiv>h3{
  font-size: 30px;
  line-height: 37px;
  color: #1E1646;
  margin: 0px 0px 30px 0px;
}
.growLeftDiv>p{

}
.growLeftNumber{
  font-family: UltimaProBlack;
  font-size: 80px;
  line-height: 99px;
  color: rgba(255, 102, 0, 0.1);
  position: absolute;
  top: 0px;
  left: 0px;
}
.growRightDiv{
  font-size: 0px;
}
.growRightDiv>img{
  width: 100%;
}
.paymentsObDivBody{
  padding: 100px 0px;
}
.paymentsObDiv{

}
.paymentsObDiv>h2{
  margin-bottom: 10px;
}
.paymentsDiv{
  display: grid;
  grid-template-columns: 1fr 544px;
  grid-column-gap: 50px;
  align-items: center;
  margin-top: 80px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 50px 10px rgba(30, 22, 70, 0.1);
  box-shadow: 0px 0px 50px 10px rgba(30, 22, 70, 0.1);
  border-radius: 50px;
  padding: 60px 60px;
  box-sizing: border-box;
}
.paymentsLeftObDiv{

}
.paymentsLeftObDiv>h3{
  margin-bottom: 60px;
}
.paymentsLeftList{

}
.paymentsLeftDiv{
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  grid-column-gap: 20px;
  margin-bottom: 20px;
}
.paymentsLeftDiv:last-child{
  margin-bottom: 0px;
}
.paymentsLeftDiv::before{
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/paymentsIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.paymentsLeftDiv>span{
  color: #1E1646;
}
.paymentsRightDiv{
  font-size: 0px;
}
.paymentsRightDiv>img{
  width: 100%;
}
.bronObDivBody{
  
}
.bronObDiv{
  padding: 100px 0px;
  background: #1E1646;
  border-radius: 0px 100px;
  background-image: repeating-linear-gradient(90deg,
  transparent 0, transparent 115px,
  rgba(255, 255, 255, 0.02) 115px, rgba(255, 255, 255, 0.02) 230px);
}
.bronObDivMax{
  width: calc(100% - 160px);
  margin: 0px auto;
  display: grid;
}
.bronObDivMax>h2{
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.bronObDivMax>p{
  color: #fff;
  text-align: center;
}
.bronSliderButtonDiv{
  display: grid;
  grid-template-columns: max-content max-content;
  justify-self: end;
  grid-column-gap: 50px;
  margin: 80px 0px;
}
.bronSliderButtonDiv>span{
  color: #fff;
  cursor: pointer;
}
.bronSliderButtonDiv>span.active{
  border-bottom: 1px solid #fff;
}
.bronList{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  grid-gap: 80px 110px;
}
.bronDiv{

}
.bronDivImages{
  width: 80px;
  height: 80px;
  border-radius: 20px;
  background-color: #fff;
  display: grid;
  justify-items: center;
  align-items: center;
  margin: 0px auto 20px auto;
}
.bronDivImages>img{

}
.bronDiv>p{
  color: #fff;
  height: 50px;
  text-align: center;
}
.bronMoreButtom{
  width: 200px;
  height: 60px;
  font-size: 20px;
  line-height: 64px;
  color: #1E1646;
  text-decoration: none;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
  margin: 80px auto 0px auto;
}
.servicesObDivBody{
  padding: 100px 0px;
  overflow: hidden;
}
.servicesObDiv{

}
.servicesObDiv>h2{
  margin-bottom: 10px;
}
.servicesList{
  padding-top: 80px;
  padding-bottom: 60px;
  overflow: initial !important;
}
.servicesDiv{
  width: 274px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 40px 5px rgba(30, 22, 70, 0.1);
  box-shadow: 0px 0px 40px 5px rgba(30, 22, 70, 0.1);
  border-radius: 20px;
  padding: 20px 20px;
  margin: 0px auto;
}
.servicesDiv>img{
  width: 274px;
  height: 182px;
  border-radius: 20px;
  object-fit: cover;
}
.servicesDiv>h3{
  color: #1E1646;
  margin: 20px 0px;
}
.servicesDiv>p{
  font-size: 16px;
  line-height: 20px;
  color: #8F8BA3;
  margin: 0px;
}
.servicesPacination{
  position: initial;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
}
.servicesPacination .swiper-pagination-bullet{
  background-color: #C7C5D1;
  opacity: 1;
  margin-right: 5px;
}
.servicesPacination .swiper-pagination-bullet:last-child{
  margin-right: 0px;
}
.servicesPacination .swiper-pagination-bullet-active{
  width: 12px;
  height: 12px;
  background-color: #8F8BA3;
}
.multipleDevicesObDivBody{
  padding: 50px 0px;
}
.multipleDevicesObDiv{
  display: grid;
  grid-template-columns: 690px 1fr;
  grid-column-gap: 50px;
  align-items: center;
}
.multipleDevicesImages{
  font-size: 0px;
}
.multipleDevicesImages>img{
  width: 100%;
}

.multipleDevicesRight>h2{
  margin-bottom: 80px;
}
.multipleDevicesRightButton{
  display: inline-block;
  width: 200px;
  height: 60px;
  font-size: 20px;
  line-height: 64px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background-color: #2f7ef2;
  border-radius: 20px;
}
.aboutSliderObDivBody{
  background-color: #F1F4FA;
  padding: 100px 0px;
}
.aboutSliderObDivBody>h2{
  text-align: center;
  margin: 0px auto;
}
.aboutSliderObDiv{
  padding-top: 60px;
}

.aboutSliderDiv{
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 10px 20px rgba(48, 126, 242, 0.2);
  box-shadow: 0px 10px 20px rgba(48, 126, 242, 0.2);
  border-radius: 30px;
  padding: 20px 20px;
  opacity: 0.6;
}
.swiper-slide-active .aboutSliderDiv{
  opacity: 1;
}
.aboutSliderSmile{
  text-align: center;
  font-size: 0px;
}
.aboutSliderSmile>img{
  height: 50px;
  margin-right: 15px;
}
.aboutSliderSmile>span{
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  color: #1E1646;
  font-size: 20px;
}
.aboutSliderText{
  color: #1E1646;
  text-align: center;
  margin: 20px 0px;
  height: 100px;
  overflow: hidden;
}
.aboutSliderName{
  color: #2f7ef2;
  text-align: center;
  margin: 0px 0px 12px 0px;
}
.aboutSliderSalon{
  color: #999999;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  margin: 0px;
}
.aboutSliderButton{
  position: relative;
  background-color: #FFFFFF;
  border-radius: 50px;
  width: 117px;
  height: 50px;
  margin: 60px auto 0px auto;
}
.aboutSliderButton .swiper-button-next,.aboutSliderButton .swiper-button-prev{
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: 50%;
  background-image: none;
  line-height: 58px;
  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.aboutSliderButton .swiper-button-next>svg,.aboutSliderButton .swiper-button-prev>svg{
  width: 29px;
}
.aboutSliderButton .swiper-button-next{
  right: 3px;
}
.aboutSliderButton .swiper-button-prev{
  left: 3px;
}
.aboutSliderButton .swiper-button-next:hover,.aboutSliderButton .swiper-button-prev:hover{
  background-color: #2f7ef2;
  
}
.aboutSliderButton .swiper-button-next:hover>svg path,.aboutSliderButton .swiper-button-prev:hover>svg path{
    fill: #fff;
}

.discoverNewObDivBody{
  padding: 100px 0px;
}
.discoverNewObDiv{

}
.discoverNewObDiv>h2{
  text-align: center;
}
.discoverNewList{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  margin-top: 80px;
}
.discoverNewDiv{
  border-radius: 20px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 203px;
  align-items: center;
  grid-column-gap: 40px;
  padding: 0px 50px;
  height: 100%;
}
.discoverNewListDiv:nth-child(2) .discoverNewDiv{
  background-color: #1E1646;
  background-image: repeating-linear-gradient(90deg,
  transparent 0, transparent 35px,
  rgba(255, 255, 255, 0.02) 35px, rgba(255, 255, 255, 0.02) 85px);
}
.discoverNewListDiv:nth-child(1) .discoverNewDiv{
  position: relative;
  background-image: repeating-linear-gradient(90deg,
  transparent 0, transparent 35px,
  rgba(255, 255, 255, 0.2) 35px, rgba(255, 255, 255, 0.2) 85px);
}
.discoverNewEllips{
  width: 199px;
  height: 199px;
  position: absolute;
  z-index: -1;

  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.discoverNewEllips1{
  top: 0px;
  left: 0px;
  background: rgba(126, 30, 248, 0.7);
  filter: blur(138px);
}
.discoverNewEllips2{
  top: 0px;
  right: 0px;
  background: rgba(255, 52, 235, 0.7);
  filter: blur(138px);
}
.discoverNewEllips3{
  bottom: 0px;
  right: 0px;
  background: rgba(48, 126, 242, 0.7);
  filter: blur(138px);
}
.discoverNewEllips4{
  bottom: 0px;
  left: 0px;
  background: rgba(254, 116, 116, 0.7);
  filter: blur(138px);
}
.discoverNewLeftDiv{
  padding: 80px 0px;
}
.discoverNewLeftDiv>h3{
  margin-bottom: 100px;
}
.discoverNewListDiv:nth-child(2) .discoverNewDiv .discoverNewLeftDiv>h3{
  color: #fff;
}
.discoverNewAppDiv{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
}
.discoverNewApp{
  height: 40px;
  display: grid;
  grid-template-columns: 22px 1fr;
  align-items: center;
  grid-column-gap: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 50px rgba(30, 22, 70, 0.1);
  box-shadow: 0px 0px 50px rgba(30, 22, 70, 0.1);
  border-radius: 8px;
  text-decoration: none;
  padding: 0px 8px;
}
.discoverNewApp>svg{
  height: 26px;
}
.discoverNewApp>span{
  color: #1E1646;
  font-size: 12px;
  line-height: 12px;
  text-align: right;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discoverNewApp>svg path{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.discoverNewApp:hover>span{
  color: #2f7ef2;
}
.discoverNewApp:hover>svg path{
  fill: #2f7ef2;
}

.discoverNewImages{
  width: 100%;
  align-self: end;
}

footer{

}
.footerTopObDivBody{
  background-color: #F1F4FA;
  padding-top: 80px;
  padding-bottom: 30px;
}
.footerTopObDiv{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.footerTopLeftDiv{
  justify-self: start;
  display: grid;
  justify-items: start;
}
.footerLogo{
  width: 142px;
}
.footerLogo>img{
  width: 100%;
}
.footerCopy{
  align-self: end;
  margin: 0px;
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 5px;
}
.footerCopy>img{
  width: 27px;
}
.footerCopy>span{
  font-size: 18px;
  line-height: 22px;
  color: #1E1646;
  margin-top: 1px;
}
.footerCopy>span>a{
  font-family: UltimaProMedium;
  text-decoration: none;
  color: rgba(229, 69, 33, 1);
}
.footerCopy>span>a:hover{
  text-decoration: underline;
}
.footerTopRightDiv{
  justify-self: end;
}
.footerTopRightDiv>h2{
  font-family: UltimaProBold;
  font-size: 20px;
  line-height: 25px;
  color: #2f7ef2;
  margin: 0px 0px 30px 0px;
}
.footerContactsObDiv{
  display: grid;
  grid-row-gap: 20px;
}
.footerContactsDiv{
  text-decoration: none;
  display: grid;
  grid-template-columns: 35px 1fr;
  grid-column-gap: 10px;
  align-items: center;
}
.footerContactsDiv>img{
  width: 35px;
}
.footerContactsDiv>span{
  font-size: 16px;
  line-height: 20px;
  color: #1E1646;
}
.footerBottomObDivBody{
  background-color: #1E1646;
  padding: 20px 0px;
}
.footerBottomObDiv{
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
}
.footerBottomLeftDiv{
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  grid-template-columns: repeat(auto-fit, 40px);
}
.footerSisialDiv{
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  display: grid;
  justify-items: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid transparent;
  box-sizing: border-box;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.footerSisialDiv:hover{
  border-color: #fff;
}
.footerSisialDiv>img{

}
.footerBottomRightDiv{
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  grid-template-columns: max-content;
  grid-column-gap: 80px;
}
.footerBottomRightDiv>a{
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
}
.footerBottomRightDiv>a:hover,.footerBottomRightDiv>a.active{
  text-decoration: underline;
}

.homeTopBlokObDiv{
  display: grid;
  grid-template-columns: 1fr 601px;
  grid-column-gap: 50px;
  align-items: center;
  padding: 130px 0px;
}
.homeTopBlokObDiv>h1{
  
}
.homeTopBlokButton{
  display: inline-block;
  width: 200px;
  height: 60px;
  font-size: 20px;
  line-height: 64px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background-color: #2f7ef2;
  border-radius: 20px;
}
.homeTopBlokObDiv .homeTopBlokButton{
  margin: 40px 0px 35px 0px;
}
.homeTopBlokImagesDiv{
  position: relative;
  width: 601px;
  height: 693px;
  margin: 0px auto;
}
.homeTopBlokImages1{
  width: 159px;
  position: absolute;
  left: 0px;
  top: 189px;
}
.homeTopBlokImages2{
  width: 287px;
  position: absolute;
  right: 49px;
  top: 82px;
}
.homeTopBlokImages3{
  width: 251px;
  position: absolute;
  right: 200px;
  top: 230px;
}
.homeTopBlokImages4{
  width: 224px;
  position: absolute;
  left: 169px;
  bottom: 0px;
}
.homeTopBlokIcon1{
  width: 76px;
  position: absolute;
  top: 0px;
  left: 35px;
}
.homeTopBlokIcon2{
  width: 76px;
  position: absolute;
  top: 56px;
  left: 227px;
}
.homeTopBlokIcon3{
  width: 93px;
  position: absolute;
  top: 315px;
  right: 0px;
}
.homeTopBlokIcon4{
  width: 57px;
  position: absolute;
  bottom: 140px;
  right: 28px;
}
.homeTopBlokIcon5{
  width: 69px;
  position: absolute;
  bottom: 49px;
  right: 172px;
}
.homeTopBlokIcon6{
  width: 76px;
  position: absolute;
  bottom: 46px;
  left: 53px;
}
.homeTopBlokIcon7{
  width: 76px;
  position: absolute;
  bottom: 281px;
  left: 43px;
}


.phoneBlokObDivBody{

}
.phoneBlokObDiv{

}
.phoneBlokDiv{
  display: grid;
  grid-template-columns: 581px 1fr;
  align-items: center;
  grid-column-gap: 65px;
  padding: 100px 0px;
}
.phoneBlokImagesDiv{
  font-size: 0px;
}
.phoneBlokImagesDiv>img{
  width: auto;
  max-width: 100%;
}
.phoneBlokTextDiv{

}
.phoneBlokTextDiv>h2{
  margin-bottom: 60px;
}
.phoneBlokTextDiv>p{
  color: #1E1646;
  max-width: 490px;
}
.phoneBlokDiv:nth-child(2n+2){
  grid-template-columns: 1fr 581px;
}
.phoneBlokDiv:nth-child(2n+2) .phoneBlokImagesDiv{
  order: 1;
}
.bronTopBlokObDiv{
  display: grid;
  grid-template-columns: 1fr 552px;
  grid-column-gap: 100px;
  align-items: center;
  padding: 140px 0px;
}
.bronTopBlokLeftDiv{
  
}
.bronTopBlokLeftDiv>h1{
  margin-bottom: 60px;
}

.bronTopBlokRightDiv{
  position: relative;
  height: 611px;
}
.bronTopBlokImages1{
  width: 538px;
  position: absolute;
  top: 0px;
  left: -60px;
}
.bronTopBlokImages2{
  width: 538px;
  position: absolute;
  bottom: 0px;
  right: -60px;
}
.phoneBlokTextDiv>ul{
  color: #1E1646;
  max-width: 490px;
  padding: 0px 0px 0px 20px;
}
.phoneBlokTextDiv>ul>li{
  margin-bottom: 10px;
}
.phoneBlokTextDiv>ul>li:last-child{
  margin-bottom: 0px;
}
.phoneBlokTextDiv>ul>li>span.spanColor{
  color: #2f7ef2;
}
.functionObDiv{
  display: grid;
  grid-template-columns: repeat(4,240px);
  grid-row-gap: 80px;
  justify-content: space-between;
  margin-top: 100px;
}
.functionDiv{
  width: 240px;
  height: 90px;
  padding: 0px 20px;
  -webkit-box-shadow: 0px 10px 20px rgba(48, 126, 242, 0.2);
  box-shadow: 0px 10px 20px rgba(48, 126, 242, 0.2);
  background-color: #fff;
  border-radius: 30px;
  box-sizing: border-box;
  display: grid;
  align-items: center;
  text-align: center;
  color: #1E1646;
  cursor: pointer;
}

.businessTopBlokObDiv{
  display: grid;
  grid-template-columns: 1fr 695px;
  grid-column-gap: 50px;
  align-items: center;
  padding: 140px 0px;
}
.businessTopBlokLeftDiv{

}
.businessTopBlokLeftDiv>h1,.homeTopBlokLeftDiv>h1{
  margin-bottom: 60px;
}
.businessTopBlokRightDiv{
  position: relative;
  height: 690px;
}
.businessTopBlokImages1{
  width: 326px;
  position: absolute;
  bottom: 102px;
  left: -60px;
  z-index: 20;
}
.businessTopBlokImages2{
  width: 538px;
  position: absolute;
  top: 85px;
  left: 40px;
  z-index: 10;
}
.businessTopBlokImages3{
  width: 384px;
  position: absolute;
  top: -60px;
  right: -60px;
  z-index: 20;
}
.businessTopBlokImages4{
  width: 378px;
  position: absolute;
  bottom: 90px;
  right: -60px;
  z-index: 20;
}
.businessTopBlokImages5{
  width: 331px;
  position: absolute;
  bottom: -60px;
  left: 210px;
  z-index: 20;
}
.mobileMenuButtom{
  display: none;
  width: 40px;
  height: 40px;
  justify-self: end;
  cursor: pointer;
  align-content: space-evenly;
  justify-items: center;
}
.mobileMenuButtom>span{
  background-color: #2f7ef2;
  width: 6px;
  height: 6px;
  opacity: 0;
  border-radius: 3px;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

  -webkit-animation: menuOpenAnimation 2s forwards;
  animation: menuOpenAnimation 2s forwards;
}

.mobileMenuButtom>span:nth-child(1){
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.mobileMenuButtom>span:nth-child(2){
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.mobileMenuButtom>span:nth-child(3){
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}


@keyframes menuOpenAnimation{
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
    width: 6px;
  }

  100% {
    opacity: 1;
    width: 100%;
  }
}

.mobileMenuObDiv{
  display: none;
  position: fixed;
  left: 0px;
  bottom: -150vh;
  width: 100%;
  height: 50vh;
  min-height: 250px;
  background-color: #fff;
  z-index: 999;
  padding: 70px 20px 40px 20px;
  box-sizing: border-box;
  border-radius: 20px 20px 0px 0px;
  grid-template-columns: 1fr;

  -webkit-box-shadow: 0 -5px 20px 1px rgba(0,0,0,0.1);
  box-shadow: 0 -5px 20px 1px rgba(0,0,0,0.1);

  -webkit-transition: bottom 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -moz-transition: bottom 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -ms-transition: bottom 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -o-transition: bottom 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  transition: bottom 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);

}
.mobileMenuObDiv.open{
  bottom: 0px;
}
.mobileMenuDiv{
  display: grid;
  grid-auto-rows: min-content;
}
.mobileMenuDiv>a{
  font-family: UltimaProBold;
  font-size: 16px;
  line-height: 20px;
  color: #202520;
  text-decoration: none;
  padding: 10px 0px;
}
.mobileMenuDiv>a.active{
  text-decoration: underline;
}
.mobileButtomDiv{
  align-self: end;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
}
.mobileButtomDiv>.headerButtonLogin,.mobileButtomDiv>.headerButtonRegistr{
  width: 100%;
}
.menuCancel{
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  position: absolute;
  top: 15px;
  right: 10px;
}
.menuCancel>img{
  width: 100%;
}

.menuBg{
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: -150vh;
  left: 0;
  z-index: 888;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuBg.open{
  top: 0;
}

.splitting .char {
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.2s linear;
  transition-delay: calc( 15ms * var(--char-index) );
}
.splitting[data-scroll=out] .char {
  opacity: 0.1;
  transform: translateY(0.25em);
}

/* [data-aos="clientGeneratingImages1"] {
  transform: scale(0) rotate(-90deg);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos="clientGeneratingImages1"].aos-animate {
  transform: scale(1) rotate(0);
  opacity: 1;
} */

[data-aos="homeImagesAnimation"],[data-aos="homeImagesAnimation2"] {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
[data-aos="homeImagesAnimation"].aos-animate {
  -webkit-animation: logoAnimation 2s 0.3s forwards;
  animation: logoAnimation 2s  0.3s forwards;
}
[data-aos="homeImagesAnimation2"].aos-animate {
  -webkit-animation: logoAnimation 2s 0.7s forwards;
  animation: logoAnimation 2s  0.7s forwards;
}

[data-aos="multipleDevicesImagesAnimation"],[data-aos="paymentsDivAnimation"] {
  transform: scale(0) rotate(-90deg);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos="multipleDevicesImagesAnimation"].aos-animate,[data-aos="paymentsDivAnimation"].aos-animate {
  transform: scale(1) rotate(0);
  opacity: 1;
}

[data-aos="paymentsDivAnimationRight"] {
  transform: scale(0) rotate(90deg);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos="paymentsDivAnimationRight"].aos-animate {
  transform: scale(1) rotate(0);
  opacity: 1;
}

@keyframes logoAnimation{
  0% {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  
  60% {
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  80% {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.manageObDivBody{
  padding: 100px 0px;
}
.manageObDiv{
  display: grid;
  grid-template-columns: 1fr 649px;
  grid-column-gap: 120px;
  align-items: center;
}
.manageLeftDiv{

}
.manageLeftDiv>h2{
  margin-bottom: 30px;
}
.manageLeftDiv>p{
  margin-bottom: 60px;
}
.manageImagesDiv{
  position: relative;
  width: 649px;
  height: 479px;
}
.manageImages1{
  width: 665px;
  position: absolute;
  left: 0px;
  top: -10px;
}
.manageImages2{
  width: 217px;
  position: absolute;
  right: -40px;
  bottom: -30px;
}
.servicesObDiv>p{
  max-width: 630px;
}
.nespuObDivBody{
  padding: 100px 0px;
}
.nespuObDiv{
  display: grid;
  grid-template-columns: 1fr 641px;
  grid-column-gap: 120px;
  align-items: center;
}
.nespuLeftDiv{

}
.nespuLeftDiv>h2{
  margin-bottom: 30px;
}
.nespuLeftDiv>p{
  margin-bottom: 20px;
}
.nespuImagesDiv{
  width: 641px;
  height: 518px;
  position: relative;
}
.nespuImages1{
  width: 646px;
  position: absolute;
  top: -10px;
  right: -40px;
}
.nespuImages2{
  width: 195px;
  position: absolute;
  bottom: -30px;
  left: 0px;
}
.qrDiv{

}
.qrDiv>p{
  font-size: 16px;
  line-height: 20px;
  color: #1E1646;
  margin: 0px 0px 10px 0px;
}
.qrDiv>img{
  width: 101px;
}
.featuresTopBlokObDiv{
  padding: 230px 0px  340px 0px;
  text-align: center;
}
.featuresTopBlokObDiv>h1{
  max-width: 1100px;
  margin: 0px auto;
}
.areaObDivBody{
  background-color: #0F1922;
  padding: 100px 0px;
}
.areaObDiv{
  display: grid;
  grid-template-columns: 679px 1fr;
  grid-column-gap: 100px;
  align-items: center;

}
.areaImagesDiv{
  width: 679px;
  height: 505px;
  position: relative;
}
.areaImages1{
  width: 414px;
  position: absolute;
  top: 0px;
  left: 138px;
}
.areaImages2{
  position: absolute;
  left: 0px;
  top: 107px;
  width: 224px;
  background-color: rgba(184, 184, 184, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(50px);
  border-radius: 20px;
  padding: 22px 36px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
.areaImages3{
  position: absolute;
  right: 32px;
  top: 56px;
  width: 224px;
  background-color: rgba(184, 184, 184, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(50px);
  border-radius: 20px;
  padding: 19px 19px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.areaImages4{
  position: absolute;
  bottom: 0px;
  left: 150px;
  width: 385px;
  background-color: rgba(184, 184, 184, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(50px);
  border-radius: 20px;
  padding: 22px 110px 22px 19px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
.areaIcon1{
  width: 64px;
  position: absolute;
  left: 190px;
  top: 80px;
}
.areaIcon2{
  width: 64px;
  position: absolute;
  right: 0px;
  top: 24px;
}
.areaIcon3{
  width: 50px;
  position: absolute;
  right: 160px;
  bottom: 21px;
}
.areaRightDiv{

}
.areaRightDiv>h2{
  color: #fff;
  margin-bottom: 10px;
}
.areaRightDiv>p{
  color: #8F8BA3;
}
.areaRightListDiv{
  display: grid;
  grid-row-gap: 30px;
}
.areaRightList{
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 30px;
  padding: 20px 25px;
  display: grid;
  grid-template-columns: 70px 1fr;
  grid-column-gap: 20px;
  margin-top: 30px;
}
.areaRightList>img{
  width: 70px;
}
.areaRightListText{

}
.areaRightListText>h3{
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  margin: 0px 0px 20px 0px;
}
.areaRightListText>p{
  font-size: 18px;
  line-height: 22px;
  color: #8F8BA3;
  margin: 0px;
}
.headerLng{
  padding: 12px 16px 8px 16px;
  font-size: 18px;
  line-height: 22px;
}
.headerLng>a{
  color: rgba(143, 139, 163, 1);
  text-decoration: none;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.headerLng>a:hover{
  color: #2f7ef2;
}
.headerLng>a.active{
  color: #2f7ef2;
  cursor: default;
  pointer-events: none;
}
.headerLng>span{
  color: rgba(143, 139, 163, 1);
}
.popupAdvertising{
  width: 1124px;
  height: 684px;
  border-radius: 80px; 
  position: fixed;
  top: -200vh;
  left: calc(50% - 562px);
  z-index: 999;
  padding: 80px 80px 0px 80px;
  box-sizing: border-box;
  display: grid;
  grid-column-gap: 40px;
  align-items: center;
  overflow: hidden;

  -webkit-transition: top 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -moz-transition: top 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -ms-transition: top 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -o-transition: top 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  transition: top 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
}
.popupAdvertising.open{
  top: calc(50vh - 342px);
}
.advertisingUser{
  background-color: #CDD2D5;
  grid-template-columns: 1fr 420px;
}
.advertisingBusiness{
  background-color: #86B3DC;
  grid-template-columns: 420px 1fr;
}
.popupAdvertisingText{

}
.popupAdvertisingText>h2{
  font-family: UltimaProBold;
  font-size: 30px;
  line-height: 37px;
  color: #1E1646;
  text-align: center;
  margin: 0px 0px 100px 0px;
}
.advertisingBusiness .popupAdvertisingText>h2{
  color: #fff;
}
.popupAdvertisingApp{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 27px;
  max-width: 460px;
}
.popupAdvertisingApp>a{
  height: 72px;
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  grid-column-gap: 17px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 50px rgba(30, 22, 70, 0.1);
  box-shadow: 0px 0px 50px rgba(30, 22, 70, 0.1);
  border-radius: 15px;
  text-decoration: none;
  padding: 0px 15px;
}
.popupAdvertisingApp>a>svg{
  width: 100%;
}
.popupAdvertisingApp>a>svg path{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.popupAdvertisingApp>a>span{
  font-family: UltimaProMedium;
  color: #1E1646;
  font-size: 16px;
  line-height: 18px;
  text-align: right;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.popupAdvertisingApp>a:hover>span{
  color: #2f7ef2;
}
.popupAdvertisingApp>a:hover>svg path{
  fill: #2f7ef2;
}
.advertisingImages{
  width: 100%;
  align-self: end;
}
.advertisingClose{
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50px;
  right: 90px;
  cursor: pointer;
}
.advertisingClose>img{
  width: 100%;
}

@media (min-width: 1150px) and (max-width: 1320px){
  .setObDiv {
    width: 1110px;
  }
  .blokNameH1{
    font-size: 46px;
    line-height: 56px;
  }
  .blokNameH2{
    font-size: 36px;
    line-height: 46px;
  }
  .advantagesObDiv,.growDiv,.bronTopBlokObDiv,.phoneBlokDiv{
    grid-column-gap: 50px;
  }
  .bronList{
    grid-gap: 80px 60px;
  }
  .discoverNewDiv{
    grid-template-columns: 1fr 160px;
    padding: 0px 30px;
  }

  .businessTopBlokObDiv,.bronTopBlokObDiv,.homeTopBlokObDiv{
    padding: 100px 0px;
  }
  .functionObDiv{
    grid-template-columns: repeat(4,220px);
  }
  .functionDiv{
    width: 220px;
  }
  .manageObDiv{
    grid-column-gap: 50px;
  }
  .nespuObDiv{
    grid-column-gap: 50px;
  }
  .featuresTopBlokObDiv{
    padding: 200px 0px 310px 0px;
  }
  .areaObDiv{
    grid-column-gap: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1149px){
  .setObDiv{
    width: 960px;
  }
  .advantagesObDivBody,.paymentsObDivBody,.servicesObDivBody,.aboutSliderObDivBody,.discoverNewObDivBody,.phoneBlokDiv,.bronObDiv,.manageObDivBody,.nespuObDivBody{
    padding: 80px 0px;
  }
  .growObDivBody{
    padding-top: 80px;
    padding-bottom: 0px;
  }
  .businessTopBlokObDiv,.bronTopBlokObDiv,.homeTopBlokObDiv{
    padding: 100px 0px;
  }
  .blokNameH1{
    font-size: 40px;
    line-height: 50px;
  }
  .blokNameH2{
    font-size: 30px;
    line-height: 40px;
  }
  .advantagesObDiv,.growDiv,.bronTopBlokObDiv,.phoneBlokDiv{
    grid-column-gap: 50px;
  }
  .advantagesObDiv{
    grid-template-columns: 386px 1fr;
  }
  .advantagesLeftObDiv{
    height: 485px;
  }
  .advantagesLeftObDiv>img{
    width: 265px;
  }
  .advantagesImages1 {
    top: -40px;
    left: -40px;
  }
  .advantagesImages2 {
    top: 26px;
    right: -40px;
  }
  .advantagesImages3 {
    bottom: 26px;
    left: -40px;
  }
  .advantagesImages4 {
    bottom: -40px;
    right: -40px;
  }
  .growDiv{
    grid-template-columns: 1fr 387px;
  }
  .paymentsDiv{
    grid-template-columns: 1fr 362px;
  }
  .bronList{
    grid-gap: 60px 10px;
  }
  .bronMoreButtom{
    margin: 60px auto 0px auto;
  }
  .multipleDevicesObDiv{
    grid-template-columns: 460px 1fr;
  }
  .multipleDevicesObDivBody {
    padding: 30px 0px;
  }
  .discoverNewDiv{
    grid-template-columns: 1fr 140px;
    grid-column-gap: 10px;
    padding: 0px 20px;
  }
  .discoverNewAppDiv{
    grid-column-gap: 10px;
  }
  .phoneBlokDiv{
    grid-template-columns: 387px 1fr;
  }
  .phoneBlokDiv:nth-child(2n+2) {
    grid-template-columns: 1fr 387px;
  }
  .functionObDiv{
    grid-template-columns: repeat(3,240px);
  }
  .bronTopBlokObDiv{
    grid-template-columns: 1fr 368px;
  }
  .bronTopBlokRightDiv{
    height: 407px;
  }
  .bronTopBlokImages1 {
    width: 358px;
    left: -30px;
  }
  .bronTopBlokImages2 {
    width: 358px;
    right: -30px;
  }
  .businessTopBlokObDiv{
    grid-template-columns: 1fr 463px;
  }
  .businessTopBlokRightDiv{
    height: 460px;
  }
  .businessTopBlokImages1{
    width: 217px;
    bottom: 68px;
    left: -40px;
  }
  .businessTopBlokImages2{
    width: 358px;
    top: 56px;
    left: 26px;
  }
  .businessTopBlokImages3{
    width: 256px;
    top: -40px;
    right: -40px;
  }
  .businessTopBlokImages4{
    width: 252px;
    bottom: 60px;
    right: -40px;
  }
  .businessTopBlokImages5{
    width: 220px;
    bottom: -40px;
    left: 140px;
  }
  .homeTopBlokObDiv{
    grid-template-columns: 1fr 420px;
  }
  .homeTopBlokImagesDiv{
    width: 420px;
    height: 461px;
  }
  .homeTopBlokImages1{
    width: 106px;
    top: 126px;
  }
  .homeTopBlokImages2{
    width: 191px;
    top: 54px;
  }
  .homeTopBlokImages3{
    width: 167px;
    right: 150px;
    top: 150px;
  }
  .homeTopBlokImages4{
    width: 149px;
    left: 122px;
  }
  .homeTopBlokIcon1{
    width: 50px;
    left: 23px;
  }
  .homeTopBlokIcon2{
    width: 50px;
    top: 37px;
    left: 151px;
  }
  .homeTopBlokIcon3{
    width: 62px;
    top: 210px;
  }
  .homeTopBlokIcon4{
    width: 38px;
    bottom: 93px;
    right: 18px;
  }
  .homeTopBlokIcon5{
    width: 46px;
    bottom: 33px;
    right: 125px;
  }
  .homeTopBlokIcon6{
    width: 50px;
    bottom: 31px;
    left: 35px;
  }
  .homeTopBlokIcon7{
    width: 50px;
    bottom: 187px;
    left: 29px;
  }
  .manageObDiv{
    grid-template-columns: 1fr 432px;
    grid-column-gap: 50px;
  }
  .manageImagesDiv{
    width: 432px;
    height: 319px;
  }
  .manageImages1{
    width: 416px;
    top: -6px;
  }
  .manageImages2{
    width: 118px;
    right: -22px;
    bottom: -16px;
  }
  .nespuObDiv{
    grid-template-columns: 1fr 427px;
    grid-column-gap: 50px;
  }
  .nespuImagesDiv{
    width: 427px;
    height: 316px;
  }
  .nespuImages1{
    width: 404px;
    top: -6px;
    right: -25px;
  }
  .nespuImages2{
    width: 103px;
    bottom: -16px;
  }
  .featuresTopBlokObDiv{
    padding: 190px 0px 300px 0px;
  }
  .areaObDiv{
    grid-template-columns: 452px 1fr;
    grid-column-gap: 50px;
  }
  .areaImagesDiv {
    width: 452px;
    height: 336px;
  }
  .areaImages1{
    width: 276px;
    left: 92px;
  }
  .areaImages2{
    width: 150px;
    top: 71px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 12px;
    padding: 15px 15px;
  }
  .areaImages3{
    width: 150px;
    right: 20px;
    top: 37px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 12px;
    padding: 12px 12px;
  }
  .areaImages4{
    width: 258px;
    left: 100px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 12px;
    padding: 15px 50px 15px 15px;
  }
  .areaIcon1{
    width: 42px;
    left: 126px;
    top: 53px;
  }
  .areaIcon2{
    width: 42px;
    top: 16px;
  }
  .areaIcon3{
    width: 30px;
    right: 107px;
    bottom: 19px;
  }
  .headerMenuDiv>a{
    padding: 12px 10px 8px 10px;
  }
  .headerLng{
    padding: 12px 10px 8px 10px;
  }
  .headerMenuDiv{
    column-gap: 15px;
  }
  .headerButtomDiv{
    column-gap: 15px;
  }
  .popupAdvertising{
    width: 950px;
    left: calc(50% - 475px);
    padding: 80px 40px 0px 40px;
  }
  .advertisingUser{
    grid-template-columns: 1fr 360px;
  }
  .advertisingBusiness{
    grid-template-columns: 360px 1fr;
  }

}
@media (min-width: 0px) and (max-width: 999px){
  .setObDiv{
    width: 92%;
  }
  .homeTopBlokObDiv,.advantagesObDivBody,.paymentsObDivBody,.servicesObDivBody,.aboutSliderObDivBody,.discoverNewObDivBody,.phoneBlokDiv,
  .bronObDiv,.businessTopBlokObDiv,.bronTopBlokObDiv,.homeTopBlokObDiv,.manageObDivBody,.nespuObDivBody,.areaObDivBody{
    padding: 60px 0px;
  }
  .growObDivBody{
    padding-top: 60px;
    padding-bottom: 0px;
  }
  .headerObDiv{
    grid-template-columns: 1fr 1fr;
  }
  .headerMenuDiv{
    display: none;
  }
  .headerButtomDiv{
    display: none;
  }
  .blokNameH1{
    font-size: 30px;
    line-height: 42px;
  }
  .blokNameH2{
    font-size: 24px;
    line-height: 34px;
  }
  .blokNameP{
    font-size: 16px;
    line-height: 22px;
  }
  .homeTopBlokButton,.bronMoreButtom,.multipleDevicesRightButton{
    width: 170px;
    height: 50px;
    font-size: 16px;
    line-height: 52px;
    border-radius: 16px;
  }

  .advantagesObDiv{
    grid-template-columns: 1fr;
    justify-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .advantagesLeftObDiv{
    width: 580px;
  }
  .advantagesRightObDiv {
    padding-top: 60px;
  }

  .growTitleDiv>h2{
    margin-bottom: 10px;
  }
  .growLeftDiv>h3{
    font-size: 20px;
    line-height: 28px;
    margin: 0px 0px 15px 0px;
  }
  .growLeftNumber{
    font-size: 50px;
    line-height: 60px;
  }
  .growDiv{
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 40px 0px 50px 0px;
  }
  .growLeftDiv{
    padding: 20px 0px 20px 20px;
  }
  .growRightDiv,.paymentsRightDiv,.multipleDevicesImages,.phoneBlokImagesDiv{
    width: 100%;
    max-width: 550px;
  }
  .paymentsDiv{
    margin-top: 40px;
    padding: 30px 30px;
    border-radius: 40px;
    grid-template-columns: 1fr;
    justify-items: center;
    grid-row-gap: 40px;
  }
  .paymentsLeftObDiv>h3{
    margin-bottom: 40px;
  }
  .bronList{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 20px;
  }
  .bronSliderButtonDiv{
    margin: 60px 0px;
    justify-self: center;
  }
  .bronObDiv{
    border-radius: 50px;
  }
  .servicesList{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .multipleDevicesObDiv{
    grid-template-columns: 1fr;
    justify-items: center;
    grid-row-gap: 40px;
  }
  .multipleDevicesRight,.servicesObDiv>h2,.servicesObDiv>p,.paymentsLeftObDiv>h3,.paymentsObDiv>h2,.paymentsObDiv>p,.advantagesRightObDiv>h2,
  .manageLeftDiv,.paymentsLeftObDiv,.nespuLeftDiv{
    text-align: center;
  }
  .discoverNewList{
    grid-template-columns: 625px;
    margin-top: 40px;
    grid-row-gap: 40px;
    justify-content: center;
  }
  .discoverNewDiv{
    min-height: 400px;
  }
  .multipleDevicesObDivBody {
    padding: 0px 0px 50px 0px;
  }
  .aboutSliderSmile>span{
    font-size: 18px;
  }
  .paymentsLeftList{
    display: inline-block;
  }
  .paymentsLeftDiv{
    grid-template-columns: 30px max-content;
  }
  .aboutSliderText{
    height: 88px;
    margin: 15px 0px;
  }
  .aboutSliderName{
    margin: 0px 0px 10px 0px;
  }
  .paymentsObDivBody{
    padding-top: 20px;
  }
  .phoneBlokDiv,.phoneBlokDiv:nth-child(2n+2){
    grid-template-columns: 1fr;
    justify-items: center;
    grid-row-gap: 40px;
  }
  .phoneBlokDiv:nth-child(2n+2) .phoneBlokImagesDiv{
    order: 0;
  }
  .phoneBlokTextDiv {
    text-align: center;
    display: grid;
    justify-items: center;
  }
  .phoneBlokTextDiv>h2 {
    margin-bottom: 20px;
  }
  .phoneBlokTextDiv>p{
    max-width: initial;
  }
  .phoneBlokTextDiv>ul{
    text-align: left;
  }
  .functionObDiv{
    grid-template-columns: repeat(2,240px);
    justify-content: center;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 60px;
  }
  .bronTopBlokObDiv,.businessTopBlokObDiv,.homeTopBlokObDiv{
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .bronTopBlokLeftDiv>h1,.businessTopBlokLeftDiv>h1,.homeTopBlokLeftDiv>h1{
    margin-bottom: 40px;
  }
  .bronTopBlokLeftDiv,.businessTopBlokLeftDiv,.homeTopBlokLeftDiv{
    text-align: center;
    margin-bottom: 40px;
  }
  .bronTopBlokRightDiv{
    width: 552px;
  }
  .businessTopBlokRightDiv{
    width: 600px;
  }
  .mobileMenuButtom,.mobileMenuObDiv{
    display: grid;
  }
  .headerObDivBody{
    background-image: repeating-linear-gradient(90deg, transparent 0, transparent 50px, rgba(255, 255, 255, 0.2) 50px, rgba(255, 255, 255, 0.2) 100px);
  }
  .bronObDiv{
    background-image: repeating-linear-gradient(90deg, transparent 0, transparent 50px, rgba(255, 255, 255, 0.02) 50px, rgba(255, 255, 255, 0.02) 100px);
  }
  .discoverNewListDiv:nth-child(2) .discoverNewDiv{
    background-image: repeating-linear-gradient(90deg, transparent 0, transparent 25px, rgba(255, 255, 255, 0.02) 25px, rgba(255, 255, 255, 0.02) 60px);
  }
  .discoverNewListDiv:nth-child(1) .discoverNewDiv{
    background-image: repeating-linear-gradient(90deg, transparent 0, transparent 25px, rgba(255, 255, 255, 0.2) 25px, rgba(255, 255, 255, 0.2) 60px);
  }
  .discoverNewEllips{
    width: 50%;
    height: 50%;
  }
  .headerEllips{
    opacity: 0.5;
  }
  .manageObDiv{
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
    justify-items: center;
  }
  .servicesObDiv>p{
    max-width: initial;
  }
  .nespuObDiv{
    grid-template-columns: 1fr;
    grid-row-gap: 50px;
    justify-items: center;
  }
  .featuresTopBlokObDiv{
    padding: 140px 0px 250px 0px;
  }
  .areaObDiv{
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
    justify-items: center;
  }
  .areaRightDiv>h2,.areaRightDiv>p{
    text-align: center;
  }
  .areaRightListText>h3{
    font-size: 16px;
    line-height: 22px;
  }
  .areaRightListText>p{
    font-size: 14px;
    line-height: 18px;
  }
  .areaRightList{
    grid-template-columns: 50px 1fr;
  }
  .areaRightList>img {
    width: 50px;
  }
  .headerLng{
    padding: 10px 0px;
    font-size: 16px;
    line-height: 20px;
  }
  .mobileMenuObDiv{
    min-height: 300px;
  }
  .popupAdvertising{
    width: 96%;
    height: 600px;
    left: 2%;
    padding: 40px;
  }
  .popupAdvertising.opan{
    top: calc(50vh - 300px);
  }
  .advertisingImages{
    display: none;
  }
  .advertisingUser,.advertisingBusiness{
    grid-template-columns: 1fr;
  }
  .popupAdvertisingApp{
    margin: 0px auto;
  }
  .advertisingClose{
    right: 60px;
  }
  .qrDiv{
    display: none;
  }

}
@media (min-width: 0px) and (max-width: 699px){

  .advantagesLeftObDiv{
    width: 300px;
    height: 368px;
  }
  .advantagesLeftObDiv>img{
    width: 200px;
  }
  .advantagesImages1{
    top: -30px;
    left: -26px;
  }
  .advantagesImages2{
    top: 20px;
    right: -26px;
  }
  .advantagesImages3{
    bottom: 20px;
    left: -26px;
  }
  .advantagesImages4{
    bottom: -30px;
    right: -26px;
  }
  .growTitleButtonObDiv{
    grid-template-columns: 1fr;
    justify-items: center;
    grid-row-gap: 40px;
  }
  .growTitleDiv>h2,.growTitleDiv>p{
    text-align: center;
  }
  .servicesDiv{
    width: 260px;
    padding: 15px 15px;
  }
  .servicesDiv>img{
    width: 260px;
    height: 170px;
  }
  .discoverNewImages{
    display: none;
  }
  .discoverNewList{
    grid-template-columns: 1fr;
  }
  .discoverNewDiv{
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: auto;
    padding: 0px 15px;
  }
  .discoverNewLeftDiv {
    padding: 60px 0px;
    text-align: center;
  }
  .discoverNewAppDiv{
    grid-column-gap: 10px;
  }
  .footerTopObDiv{
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
  }
  .footerTopLeftDiv{
    justify-self: center;
    justify-items: center;
    grid-row-gap: 40px;
    order: 1;
  }
  .footerTopRightDiv{
    justify-self: center;
  }
  .footerTopObDivBody{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .footerBottomObDiv{
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
    justify-items: center;
  }
  .footerBottomRightDiv{
    grid-auto-flow: row;
    grid-row-gap: 20px;
    order: -1;
  }
  .footerBottomObDivBody{
    padding: 40px 0px;
  }
  .bronObDivMax{
    width: calc(100% - 20px);
  }
  .bronObDiv{
    border-radius: 25px;
    padding: 40px 0px;
  }
  .advantagesTextDiv>h3{
    font-size: 18px;
    margin: 13px 0px;
  }
  .advantagesTextDiv>p{
    font-size: 16px;
    line-height: 20px;
  }
  .advantagesDiv{
    margin-bottom: 30px;
  }
  .functionObDiv{
    grid-template-columns: repeat(1,240px);
    grid-row-gap: 20px;
  }
  .bronTopBlokRightDiv{
    width: 276px;
    height: 305px;
  }
  .bronTopBlokImages1{
    width: 269px;
    left: -30px;
  }
  .bronTopBlokImages2{
    width: 269px;
    right: -30px;
  }
  .businessTopBlokRightDiv{
    width: 300px;
    height: 345px;
  }
  .businessTopBlokImages1{
    width: 163px;
    bottom: 61px;
    left: -30px;
  }
  .businessTopBlokImages2{
    width: 269px;
    top: 42px;
    left: 20px;
  }
  .businessTopBlokImages3{
    width: 192px;
    top: -30px;
    right: -25px;
  }
  .businessTopBlokImages4{
    width: 189px;
    bottom: 45px;
    right: -25px;
  }
  .businessTopBlokImages5{
    width: 165px;
    bottom: -30px;
    left: 105px;
  }
  .homeTopBlokImagesDiv{
    width: 300px;
    height: 346px;
  }

  .homeTopBlokImages1{
    width: 79px;
    top: 94px;
  }
  .homeTopBlokImages2{
    width: 143px;
    right: 24px;
    top: 41px;
  }
  .homeTopBlokImages3{
    width: 125px;
    right: 100px;
    top: 115px;
  }
  .homeTopBlokImages4{
    width: 112px;
    left: 84px;
  }
  .homeTopBlokIcon1{
    width: 38px;
    left: 17px;
  }
  .homeTopBlokIcon2{
    width: 38px;
    top: 28px;
    left: 113px;
  }
  .homeTopBlokIcon3{
    width: 46px;
    top: 157px;
  }
  .homeTopBlokIcon4{
    width: 28px;
    bottom: 70px;
    right: 14px;
  }
  .homeTopBlokIcon5{
    width: 34px;
    bottom: 24px;
    right: 86px;
  }
  .homeTopBlokIcon6{
    width: 38px;
    bottom: 23px;
    left: 26px;
  }
  .homeTopBlokIcon7{
    width: 38px;
    bottom: 140px;
    left: 21px;
  }
  .manageImagesDiv{
    width: 300px;
    height: 228px;
  }
  .manageImages1{
    width: 296px;
    top: -5px;
  }
  .manageImages2{
    width: 84px;
    right: -10px;
    bottom: -12px;
  }
  .nespuImagesDiv{
    width: 300px;
    height: 225px;
  }
  .nespuImages1{
    width: 288px;
    top: -5px;
    right: -10px;
  }
  .nespuImages2{
    width: 73px;
    bottom: -10px;
  }

  .areaImagesDiv {
    width: 300px;
    height: 240px;
  }
  .areaImages1{
    width: 197px;
    left: 54px;
  }
  .areaImages2{
    width: 104px;
    top: 50px;
    border-radius: 8px;
    padding: 5px 7px;
    font-size: 10px;
    line-height: 16px;
  }
  .areaImages3{
    width: 104px;
    right: 10px;
    top: 12px;
    border-radius: 8px;
    padding: 5px 5px;
    font-size: 8px;
    line-height: 12px;
  }
  .areaImages4{
    width: 180px;
    left: 62px;
    border-radius: 8px;
    padding: 5px 32px 5px 5px;
    font-size: 10px;
    line-height: 16px;
  }
  .areaIcon1{
    width: 30px;
    left: 92px;
    top: 36px;
  }
  .areaIcon2{
    width: 30px;
    top: 0px;
    right: 0px;
  }
  .areaIcon3{
    width: 25px;
    right: 62px;
    bottom: 10px;
  }
  .popupAdvertising{
    padding: 20px;
    border-radius: 20px;
    height: 460px;
  }
  .popupAdvertising.open{
    top: calc(50vh - 230px);
  }
  .popupAdvertisingText>h2{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  .popupAdvertisingApp{
    grid-column-gap: 10px;
    max-width: 355px;
  }
  .popupAdvertisingApp>a{
    grid-template-columns: 24px 1fr;
    grid-column-gap: 10px;
    padding: 0px 10px;
    border-radius: 10px;
    height: 54px;
  }
  .popupAdvertisingApp>a>span{
    font-size: 12px;
    line-height: 14px;
  }
  .advertisingClose{
    top: 20px;
    right: 20px;
  }

}
@media (min-width: 0px) and (max-width: 399px){
  .advantagesRightObDiv{
    width: 300px;
  }
}
@media (min-width: 0px) and (max-width: 350px){
  .popupAdvertisingApp{
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    max-width: 170px;
  }
}