@font-face {
  font-family: AltoneRegular222;
  src: url(../fonts/Gilroy-UltraLight.otf);
}

@font-face {
  font-family: AltoneRegular;
  src: url(../fonts/Gilroy-Regular.otf);
}
@font-face {
  font-family: AltoneMedium;
  src: url(../fonts/Gilroy-Medium.otf);
}
@font-face {
  font-family: AltoneBold;
  src: url(../fonts/Gilroy-Bold.otf);
}
@font-face {
  font-family: AltoneSemiBold;
  src: url(../fonts/Gilroy-Semibold.otf);
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
body{
  margin: 0px;
  padding: 0px;
  font-family: AltoneRegular;
  overflow-x: hidden;
}
.setObDiv{
  width: 1280px;
  margin: 0px auto;
}
header{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  -webkit-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  -ms-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;

}
header.headerBorderNone{
  border-bottom: none;
}
header.headerBorderNone .headerObDiv{
  padding-bottom: 0px;
}
.headerObDiv{
  padding: 16px 0px;
}

/* .headerFixed{
  position: fixed;
  top: -78px;
  left: 0px;
  width: 100%;
  z-index: 666;
  background-color: rgb(255,255,255,1);
  -webkit-box-shadow:0 1px 5px 0 rgba(57,63,72,0.2);
  box-shadow: 0 1px 5px 0 rgba(57,63,72,0.2);
}
.headerFixed~main{
  margin-top: 79px;
}
header.headerBorderNone.headerFixed~main{
  margin-top: 62px;
}
header.headerFixed .headerObDiv{
  padding-bottom: 16px;
} */
main{
  padding-top: 79px;
}

.headerLogoDiv{
  display: block;
  float: left;
  height: 46px;
  font-size: 0px;
}
.headerLogoDiv>img{
  height: 100%;
}
.headerLogoMobile{
  display: none;
}
.headerMenu{
  float: right;
  padding: 2px 0px;
}
.headerMenu>a{
  float: left;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.01em;
  text-decoration: none;
  color: #000;
  margin-right: 24px;
  padding: 10px 16px;
  border-radius: 8px;

  -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;

}
.headerMenu>a:last-child{
  margin-right: 0px;
}
.headerMenu>a:hover{
  background-color: #F2F2F2;
}
.headerMenu>a.active{
  background-color: #FE0000;
  color: #fff;
}

.headerMenu>a.headerMenuLogin{
  color: #FE0000;
  font-family: AltoneBold;
  padding: 10px 0px;
  background-color: transparent;
}
.homeGetPaidObDivBody{
  height: 650px;
  height: 34vw;
  position: relative;
  overflow-x: clip;
  padding-bottom: 30px;
}

.homeGetPaidLeftBg{
  display: block;
  width: 12%;
  position: absolute;
  left: 0px;
  top: -65px;
  z-index: 1;
  opacity: 0.6;
}

.homeGetPaidRightBg{
  display: block;
  width: 52%;
  position: absolute;
  right: 0px;
  top: -20px;
  z-index: 1;
}
.homeGetPaidObDivBg{
  position: relative;
  width: 100%;
  height: 100%;
}
.topSliderImages{
  position: absolute;
  right: 0px;
  top: -25px;
  width: 52%;
}
.topSliderImagesMobile{
  display: none;
}
.homeGetPaidObDivBody .swiper-container.homeGetPaidSlider{
  overflow: initial;
}
.homeGetPaidObDiv{
  position: relative;
  z-index: 10;
}
.homeGetPaidLeft{
  width: 500px;
  float: left;
  height: 34vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.homeGetPaidLeft>h2{
  font-family: AltoneSemiBold;
  font-size: 52px;
  line-height: 58px;
  letter-spacing: -0.01em;
  color: #03200B;
  margin: 0px 0px 70px 0px;
}
.homeGetPaidLeft>h2>span{
  color: #FE0000;
}
.homeGetPaidLeftButtomDiv{

}
.homeGetPaidLeftButtomDiv>a.merchant{
  display: block;
  float: left;
  text-decoration: none;
  width: 180px;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  color: #000;
  background-color: #FE0000;
  border-radius: 6px;
}

.homeGetPaidLeftButtomDiv>a.merchant::before{
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 13px solid #fff;
  border-bottom: 8px solid transparent;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 10px;
}
.homeGetPaidLeftButtomDiv>a.contact{
  display: block;
  float: left;
  text-decoration: none;
  width: 180px;
  height: 45px;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background-color: #FE0000;
  border-radius: 6px;
  /* margin-left: 20px; */
}
.homeGetPaidLeftLogoDiv{
  margin-top: 30px;
}
.homeGetPaidLeftLogoDiv>a{
  float: left;
  height: 90px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: 28px;
}
.homeGetPaidLeftLogoDiv>a:last-child{
  margin-right: 0px;
}
.homeGetPaidLeftLogoDiv>a>img{
  max-height: 92px;
  max-width: 130px;
}
.homeGetPaidLeftLogoDiv>a:first-child>img{
  max-width: 90px;
}
.homeGetPaidRight{
  width: 635px;
  float: right;
}

.homeGetPaidRight>img{
  height: 650px;
}

.homeGetPaidSlider .swiper-pagination-bullet {
  position: relative;
  width: 32px;
  height: auto;
  text-align: left;
  border-radius: 0;
  opacity: 1;
  margin-right: 7px;
  background-color: transparent;
}
.homeGetPaidSlider .swiper-pagination-bullet:last-child{
  width: 6px;
}
.homeGetPaidSlider .swiper-pagination-bullet i {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 6px;
  background: linear-gradient(0deg, rgba(175, 175, 175, 0.2), rgba(175, 175, 175, 0.2)), rgba(175, 175, 175, 0.2);
  border-radius: 20px;
}
.homeGetPaidSlider .swiper-pagination-bullet b {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 0%;
  height: 6px;
  background: linear-gradient(0deg, #FE0000, #FE0000), rgba(175, 175, 175, 0.2);
  border-radius: 20px;
}



.homeGetPaidSlider .swiper-pagination-bullet-active {
  background-color: transparent;
  width: 120px;
}
.homeGetPaidSlider .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active{
  width: 120px;
}
.homeGetPaidSlider .swiper-pagination-bullet-active b {
  animation-name: countingBar;
  animation-duration: 5s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}

@keyframes countingBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.homeGetPaidSliderNavObDiv{
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 16vw;
  z-index: 99;
}
.homeGetPaidSliderPagination{
  position: initial;
  float: right;
  margin-top: 10px;
  margin-right: 25px;
}
.homeGetPaidSliderPaginationObDiv{
  position: relative;
  z-index: 99;
  float: right;
}
.homeGetPaidSliderPrev{
  width: 42px;
  height: 42px;
  float: left;
  background-image: url(../images/homeGetPaidSliderPrev.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: initial;
  margin: 0px 28px 0px 0px;
  opacity: 1 !important;
}
.homeGetPaidSliderNext{
  width: 42px;
  height: 42px;
  float: left;
  background-image: url(../images/homeGetPaidSliderNext.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: initial;
  margin: 0px;
  opacity: 1 !important;
}

.homePartnersObDivBody{
  background-color: rgba(139,139,139,0.13);
  padding: 60px 0px;
}
.homePartnersObDivBody .swiper-wrapper{
  transition-timing-function: linear !important
}
.homePartnersObDiv{
  width: 100%;
  overflow: hidden;
}
.homePartnersObDiv>h2{
  font-size: 46px;
  line-height: 64px;
  letter-spacing: -0.02em;
  color: #000;
  
}
.homePartnersObDiv>p{
  font-size: 16px;
  line-height: 22px;
  color: #000;
  margin: 0px;
  width: 450px;
}
.homePartnersSlider{
  z-index: 99;
  padding: 9px;
  overflow: initial;
}
.homePartnersDiv{
  width: 208px;
  height: 82px;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  justify-items: center;
  align-items: center;
  text-decoration: none;
  -webkit-box-shadow: 0px 2px 28px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 28px 0px rgba(0, 0, 0, 0.08);
}
/* .homePartnersDiv::before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
} */
.homePartnersDiv>img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;

  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);

  -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;
}
.homePartnersDiv:hover>img{
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.homeAboutObDivBody{
  height: 751px;
  position: relative;
  background-color: #323338;
}

.homeAboutLeftBg{
  display: block;
  width: 21%;
  position: absolute;
  left: 0px;
  top: -8vw;
  z-index: 1;
  opacity: 0.6;
}
.homeAboutRightBg{
  display: block;
  width: 12%;
  position: absolute;
  right: 0px;
  bottom: 26px;
  z-index: 1;
  opacity: 0.6;
}


.homeAboutObDiv{
  position: relative;
  height: 100%;
}

.homeAboutImages{
  width: 390px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  filter: grayscale(1);
}
.homeAboutRightObDiv{
  position: absolute;
  left: 370px;
  top: 92px;
  width: calc(100% - 370px);
}
.homeAboutRightObDiv>h2{
  font-size: 46px;
  line-height: 64px;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0px 0px 6px 0px;
}
.homeAboutRightObDiv>p{
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin: 0px;
}
.homeAboutObDiv>h2,.homeAboutObDiv>p{
  display: none;
}
.homeAboutRightSliderDiv{
  margin-top: 42px;
}
.homeAboutRightDiv{
  position: relative;
  width: 290px;
  height: 328px;
  padding: 96px 36px 36px 36px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0px 2px 2px rgba(36, 37, 38, 0.3);
  box-shadow: 0px 2px 2px rgba(36, 37, 38, 0.3);
  border-radius: 12px;
}
.homeAboutRightDiv>img{
  position: absolute;
  top: 36px;
  right: 36px;
  height: 55px;
}
.homeAboutRightDiv>h3{
  font-size: 34px;
  line-height: 40px;
  color: #FE0000;
  letter-spacing: -0.01em;
  margin: 16px 0px;
}
.homeAboutRightDiv>h4{
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  margin: 24px 0px 6px 0px;
}
.homeAboutRightDiv>p{
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  margin: 0px;
}
.homeAboutRightWhy{
  display: block;
  width: 180px;
  height: 45px;
  background-color: #FE0000;
  border-radius: 6px;
  text-align: center;
  font-size: 16px;
  line-height: 48px;
  color: #000000;
  text-decoration: none;
  margin-top: 42px;
  float: right;
}
.homeStartObDivBody{
  position: relative;
  background: linear-gradient(66.3deg, #FE0000 4.09%, #0014ff 115.17%);
}
.homeStartBg{
  display: block;
  width: 12%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0.6;
}
.homeStartBgMobile{
  display: none;
}
.homeStartObDiv{
  position: relative;
  z-index: 10;
}
.homeStartObDiv>h2{
  font-size: 36px;
  line-height: 60px;
  color: #fff;
  letter-spacing: -0.01em;
  height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px;
  width: calc(100% - 200px);
  float: left;
}
.homeStartObDiv>a{
  display: block;
  float: right;
  text-decoration: none;
  width: 200px;
  height: 45px;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #FE0000;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 152px;
}
.homeStartObDiv>a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 13px solid #FE0000;
  border-bottom: 8px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.homeContactObDivBody{
  padding: 80px 0px 60px 0px;
  position: relative;
  background-color: #fbf6f6;
}
.homeContactObDiv{
  position: relative;
  z-index: 99;
}
.homeContactLeftObDiv{
  width: 620px;
  float: left;
}
.homeContactLeftObDiv>h2{
  font-size: 46px;
  line-height: 60px;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0px 0px 36px 0px;
}
.homeContactLeftListDiv{
  border-bottom: 1px solid rgba(211, 211, 211, 0.5);
  padding-bottom: 48px;
}
.homeContactLeftListDiv>p{
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0px 0px 22px 32px;
}
.homeContactLeftListDiv>p:last-child{
  margin-bottom: 0px;
}
.homeContactLeftListDiv>p::before{
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 13px solid #FE0000;
  border-bottom: 8px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  margin-left: -32px;
}
.homeContactLeftIconObDiv{
  padding-top: 32px;
}
.homeContactLeftIconDiv{
  width: 140px;
  height: 50px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  display: block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
}
.homeContactLeftIconDiv:nth-child(4n+4){
  margin-right: 0px;
}
.homeContactLeftIconDiv::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.homeContactLeftIconDiv>img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  vertical-align: middle;
}
.homeContactRightObDiv{
  width: 510px;
  float: right;
}
.homeContactRightObDiv>h3{
  font-size: 24px;
  line-height: 60px;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0px 0px 24px 0px;
}
.homeContactFormDiv{

}
.homeContactFormInput{
  width: 100%;
  height: 50px;
  background-color: transparent;
  border: 1px solid #D7D7D7;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #000;
  padding: 0px 16px;
  margin-bottom: 12px;
}

.homeContactFormInput:focus{
  border-color: #FE0000;
}
select.homeContactFormInput{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/selectArrow.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: calc(100% - 13px) 13px;
}
.homeContactFormInput::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6);font-family: AltoneRegular; }
.homeContactFormInput::-moz-placeholder { color: rgba(0, 0, 0, 0.6);font-family: AltoneRegular; }
.homeContactFormInput:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6);font-family: AltoneRegular; }
.homeContactFormInput:-moz-placeholder { color: rgba(0, 0, 0, 0.6);font-family: AltoneRegular; }

.homeContactFormInput:nth-child(2),.homeContactFormInput:nth-child(3){
  width: calc(50% - 6px);
  float: left;
}
.homeContactFormInput:nth-child(2){
  margin-right: 12px;
}
.registrationList .homeContactFormInput:nth-child(2),.registrationList .homeContactFormInput:nth-child(3){
  width: 100%;
  margin-right: 0px;
}
textarea.homeContactFormInput{
  resize: none;
  height: 102px;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-bottom: 0px;
}
.homeContactFormSubmit{
  display: block;
  width: 100%;
  font-family: AltoneSemiBold;
  font-size: 18px;
  line-height: 58px;
  color: #111216;
  letter-spacing: -0.01em;
  text-align: center;
  background-color: #FE0000;
  border-radius: 6px;
  cursor: pointer;
  border: none;
  outline: none;
  margin-top: 24px;
}
.homeContactBg{
  display: block;
  width: 30%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0.8;
}

.homeContactCheckboxDiv{
  margin: 24px 0px;
}
.homeContactCheckboxLabel{
  display: block;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid #D6D6D6;
  box-sizing: border-box;
  border-radius: 2px;
  position: relative;
  float: left;
}
.homeContactCheckboxLabel>input{
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  cursor: pointer;
}
.homeContactCheckboxLabel>input + span{
  display: none;
  width: 100%;
  height: 100%;
  background-image: url(../images/check.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.homeContactCheckboxLabel>input:checked + span{
  display: block;
}
.homeContactCheckboxDiv>p{
  float: left;
  width: calc(100% - 40px);
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #000;
  margin: 0px 0px 0px 12px;
}
.homeContactCheckboxDiv>p>a{
  text-decoration: none;
  color: #FE0000;
}


footer{
  position: relative;
  z-index: 40;
}
.footerTopObDivBody{
  background-color: #323338;
  padding: 56px 0px;
}
.footerTopObDiv{
  
}
.footerTopDiv{
  background-color: #42444A;
  border-radius: 16px;
  padding: 19px 24px;
  box-sizing: border-box;
}
.logoFooter{
  display: block;
  height: 28px;
  float: left;
}
.logoFooter>img{
  height: 100%;
}
.logoFooterMobile,.footerTopDivRightMobile{
  display: none;
}
.footerTopDivRight{
  float: right;
  margin: 2px 0px;
}
.footerRegisLngDiv{
  display: block;
  float: left;
  text-decoration: none;
  margin: 1px 56px 1px 0px;
}
.footerRegisLngDiv>img{
  float: left;
  height: 22px;
  margin-right: 11px;
}
.footerRegisLngDiv>span{
  display: block;
  float: left;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  letter-spacing: 0.01em;
}
.footerSossialDiv{
  float: left;
}
.footerSossialDiv>a{
  display: block;
  font-size: 0px;
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 24px;
}
.footerSossialDiv>a:last-child{
  margin-right: 0px;
}
.footerSossialDiv>a>img{
  width: 100%;
}
.footerTopListDiv{
  display: flex;
  justify-content: space-between;
  margin-top: 38px;
}
.footerTopList{
  padding: 0px;
  list-style: none;
  max-width: 200px;
  margin: 0px;
}
.footerTopList>li{
  display: block;
}
.footerTopList>li>a{
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 25px;
}
.footerTopList>li>ul{
  padding: 0px;
  list-style: none;
  margin: 0px;
}
.footerTopList>li>ul>li{
  display: block;
  margin-bottom: 25px;
}
.footerTopList>li>ul>li>a{
  display: block;
  text-decoration: none;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.01em;
  color: #fff;
}
.footerBottomObDivBody{
  background-color: #111216;
  padding: 25px 0px;
}
.footerBottomObDiv{

}
.footerBottomLeft{
  display: block;
  float: left;
  height: 28px;
  margin: 1px 0px;
}
.footerBottomLeft>img{
  height: 100%;
}
.footerBottomSred{
  float: left;
  width: 700px;
  text-align: center;
  font-size: 0px;
  margin: 0px calc(50% - 450px);
}
.footerBottomSred>a{
  display: inline-block;
  height: 30px;
  margin-right: 24px;
}
.footerBottomSred>a:last-child{
  margin-right: 0px;
}
.footerBottomSred>a>img{
  height: 100%;
}
.footerBottomRight{
  display: block;
  float: right;
  height: 30px;
}
.footerBottomRight>img{
  height: 100%;
}
.menuBurgerDiv{
  display: none;
}
.mobileMenuLogo{
  display: none;
}
.auboutTObBlokObDivBody{
  position: relative;
  height: 732px;
  width: 100%;
  z-index: -1;

}
.aboutTopImages{
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
.auboutTObBlokObDiv{
  position: relative;
  z-index: 10;
  height: 100%;
}
.auboutTObBlokLeft{
  position: relative;
  height: 100%;
  width: 816px;
}
.auboutTObBlokLeft::after{
  content: "";
  display: block;
  width: 1052px;
  height: 1747px;
  position: absolute;
  top: -35%;
  left: -85%;
  z-index: 5;
  border-radius: 24px;
  background-color: #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.auboutTObBlokLeftText{
  position: relative;
  z-index: 10;
  height: 100%;
  width: 90%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.auboutTObBlokLeftText>h5,.contactTopObDiv>h5{
  font-family: AltoneBold;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: #FE0000;
  margin: 0px 0px 22px 0px;
  text-transform: uppercase;
}
.auboutTObBlokLeftText>h1,.auboutTObBlokLeftText>h2,.contactTopObDiv>h1{
  font-family: AltoneSemiBold;
  font-size: 56px;
  line-height: 78px;
  color: #03200B;
  margin: 0px;
}
.aboutTopImagesMobile{
  background-size: 0px;
}
.aboutTopImagesMobile>p{
  font-size: 16px;
  line-height: 28px;
  color: #03200B;
  margin: 16px 0px 56px 0px;
}

.auboutTObBlokLeftText>a{
  display: block;
  width: 180px;
  height: 45px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 48px;
  background-color: #FE0000;
  color: #000;
  text-align: center;
  text-decoration: none;
}
.aboutVideoObDivBody{
  background-color: #fbf6f6;
  padding-top: 96px;
  padding-bottom: 84px;
}
.aboutVideoObDiv{
  position: relative;
  z-index: 20;
  height: 638px;
  width: 1134px;
}
.aboutVideoImages{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.aboutVideoDiv{
  width: 100%;
  height: 100%;
  background: linear-gradient(93.31deg, #06D2FF -24.58%, #FE0000 113.02%);
  opacity: 0.9;
  position: relative;
  border-radius: 16px;
}

.aboutVideoButton{
  display: block;
  width: 122px;
  height: 122px;
  background-image: url(../images/aboutVideoPlay.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: calc(50% - 61px);
  left: calc(50% - 61px);
  text-align: center;
  cursor: pointer;
}
.aboutVideoTextDiv{
  position: absolute;
  bottom: 60px;
  left: 110px;
  width: 636px;
}
.aboutVideoTextDiv>h2{
  font-family: AltoneSemiBold;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: 0.02em;
  color: #fff;
  margin: 0px 0px 18px 0px;
}
.aboutVideoTextDiv>p{
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #fff;
  margin: 0px;
}
.aboutVideoObDivBody>h2, .aboutVideoObDivBody>p{
  display: none;
}
.aboutVideo{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 20;
  display: none;
}

.aboutGoalsObDivBody{
  background-color: #fbf6f6;
  padding-bottom: 90px;
  padding-top: 90px;
  position: relative;
}
.aboutGoalsObDiv{
  position: relative;
  z-index: 10;
}
.aboutGoalsObDiv>h2,.aboutContactObDiv>h2{
  font-family: AltoneSemiBold;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: 0.02em;
  color: #150209;
  margin: 0px;
}
.aboutGoalsList{
  margin-top: 17px;
}
.aboutGoalsDiv{
  width: calc(50% - 20px);
  padding: 33px 55px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  box-sizing: border-box;
  margin-right: 40px;
  float: left;
  min-height: 220px;
}
.aboutGoalsDiv:nth-child(2n+2){
  margin-right: 0px;
}
.aboutGoalsDivWhoAreWe{
  min-height: 240px;
}

.aboutGoalsLeft{
  width: 75px;
  float: left;
  margin-right: 50px;
  font-size: 0px;
}
.aboutGoalsLeft>img{
  max-width: 75px;
}
.aboutGoalsRight{
  float: right;
  width: calc(100% - 125px);
}
.aboutGoalsRight>h3{
  font-family: AltoneSemiBold;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.01em;
  color: #333333;
  margin: 0px;
}
.aboutGoalsRight>p{
  font-size: 15px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 8px 0px 0px 0px;
}
.aboutGoalsRight>a,.whyOderoDivLeft>a,.blokListProductsServicesLeft>a{
  display: inline-block;
  font-family: AltoneSemiBold;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #40D76C;
  margin: 0px;
  text-decoration: none;
}

.aboutGoalsRight>a::after,.whyOderoDivLeft>a::after,.blokListProductsServicesLeft>a::after{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-image: url(../images/aboutGoalsArrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 6px;
}

.aboutNumbersObDivBody{
  position: relative;
  padding: 138px 0px 66px 0px;
  background: rgba(64,215,108,0.2);
}
.aboutNumbersRightBg{
  position: absolute;
  top: -32vw;
  right: 0px;
  width: 44vw;
}
.aboutNumbersRightBgMobile{
  display: none;
}
.aboutGoalsObDivBody .aboutNumbersRightBg{
  top: -40vw;
}
.aboutNumbersObDiv{
  position: relative;
  z-index: 10;
}
.aboutNumbersLeft{
  float: left;
  width: 610px;
}
.aboutNumbersLeft>h2,.differenceTextObDiv>h2,.businessesLeftObDiv>h2,.consultationLeftDiv>h2,.newsTextDiv h1,.newsTextDiv h2,
.whyOderoObDiv>h2,.virtualPosText>h2,.homeStartLeftObDiv>h2,.blokListProductsServicesObDiv>h2,.contactPageOfficeObDiv>h2,
.contactFormLeft>h2,.helpInfoDiv>h2,.helpFaqObDiv>h2,.newListObDiv>h2,.aboutBlokListObDiv>h2,.registrationObDiv>h2,
.onlineShopLeftDiv>h2,.businessesAboutSliderHeader>h2,.blogTopBlok>h2{
  font-family: AltoneSemiBold;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: 0.02em;
  color: #150209;
  margin: 0px 0px 18px 0px;
}
.aboutNumbersLeft>p,.differenceTextObDiv>p,.businessesLeftObDiv>p,.businessesLeftDiv>p,.businessesLeftDiv>span,
.consultationLeftDiv>p,.newsTextDiv p,.whyOderoObDiv>p,.whyOderoDivLeft>p,.virtualPosText>p,.virtualPosDiv>p,
.homeStartLeftObDiv>p,.blokListProductsServicesLeft>p,.contactFormLeft>p,.newListObDiv>p,.newListDiv>p,.onlineShopLeftDiv>p,.businessesAboutSliderHeader>p{
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  margin: 0px;
  color: #041030;
}
.aboutNumbersRight{
  float: right;
  width: 330px;
}
.aboutNumbersRight>p{
  font-size: 140px;
  line-height: 196px;
  letter-spacing: 0.01em;
  color: #fff;
  margin: 0px;
}
.aboutNumbersRight>span{
  display: block;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #fff;
  margin-top: -20px;
}
.aboutNumbersSliderObDiv{
  margin-top: 55px;
}
.aboutNumbersSliderDiv{
  padding-bottom: 18px;
} 
.aboutNumbersSlider {
  width: 208px;
  height: 82px;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  display: block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-box-shadow: 0px 2px 28px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 28px rgba(0, 0, 0, 0.08);
}
.aboutNumbersSlider::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.aboutNumbersSlider>img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  vertical-align: middle;
}

.aboutNumbersSliderObDiv .swiper-slide:nth-child(2){
  margin-left: -60px;
}
.aboutBlokListObDivBody{
  background-color: #fbf6f6;
}
.aboutBlokListObDiv .swiper-container{
  padding: 65px calc(50% - 640px);
}
.aboutBlokListObDiv{
  position: relative;
  z-index: 10;
}
.aboutBlokListDiv{
  width: 400px;
  height: 460px;
  float: left;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  box-sizing: border-box;
  padding: 90px 90px;
  text-align: center;
}

.aboutBlokListDiv>img{
  /* width: 149px; */
  height: 114px;
  object-fit: contain;
}
.aboutBlokListDiv>h3{
  font-family: AltoneSemiBold;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #041030;
  margin: 24px 0px;
  height: 34px;
  overflow: hidden;
}
.aboutBlokListDiv>p{
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 0px;
  height: 84px;
  overflow: hidden;
}

.aboutLicensesObDivBody{
  position: relative;
  z-index: 10;
  padding: 135px 0px;
  background-color: #111216;
}
.aboutLicensesObDiv{

}
.aboutLicensesLeft{
  width: 476px;
  float: left;
}
.aboutLicensesLeft>h2{
  font-family: AltoneSemiBold;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: 0.02em;
  margin: 0px 0px 18px 0px;
  color: #fff;
}
.aboutLicensesLeft>p{
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #fff;
  margin: 0px;
}
.aboutLicensesRight{
  width: calc(100% - 500px);
  float: right;
  margin: 25px 0px;
}
.aboutLicensesLogo{
  display: block;
  float: right;
  height: 100px;
  margin-left: 45px;
  font-size: 0px;
}
.aboutLicensesLogo:last-child{
  margin-left: 0px;
}
.aboutLicensesLogo::before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.aboutLicensesLogo>img{
  max-height: 100%;
  vertical-align: middle;
}

.differenceObDivBody{
  background-color: #fbf6f6;
  position: relative;
  padding-top: 132px;
  padding-bottom: 54px;
}
.differenceLeftBg{
  position: absolute;
  left: 0px;
  top: 160px;
  z-index: 30;
  width: 27vw;
}

.differenceTextObDiv{
  position: relative;
  z-index: 35;
}
.differenceTextObDiv>h2,.differenceTextObDiv>p{
  max-width: 600px;
}

.differenceObDivBody+.aboutVideoObDivBody{
  position: relative;
  z-index: 10;
}
.differenceObDivBody .swiper-container {
  padding: 40px calc(50% - 640px) 98px calc(50% - 640px);
  z-index: 35;
}
.differenceDiv{
  width: 290px;
  height: 396px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 40px 24px 40px 24px;
  box-sizing: border-box;
}
.differenceDiv>img{
  display: block;
  width: 92px;
  margin: 0px auto;
}
.differenceDiv>h3{
  font-family: AltoneSemiBold;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #041030;
  margin: 25px 0px 12px 0px;
  height: 34px;
  overflow: hidden;
}
.differenceDiv>p{
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 0px;
  height: 162px;
  overflow: hidden;
}
.differenceNavigationObDiv{
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.differenceNavigationDiv{

}
.differenceSliderNext{
  width: 40px;
  height: 40px;
  float: left;
  background-image: url(../images/differenceSliderNext.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: initial;
  margin: 0px;
  opacity: 1 !important;
  cursor: pointer !important;
}
.differenceSliderPrev{
  width: 40px;
  height: 40px;
  float: left;
  background-image: url(../images/differenceSliderPrev.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: initial;
  margin: 0px 16px 0px 0px;
  opacity: 1 !important;
  cursor: pointer !important;
}

.businessesObDivBody{
  position: relative;
  height: 810px;
  z-index: 10;
}
.businessesImages{
  position: absolute;
  top: -272px;
  right: 0px;
}
.businessesImagesMobile{
  display: none;
}
.businessesObDiv{

}
.businessesLeftObDiv{
  padding-top: 71px;
}

.businessesLeftObDiv>h2,.businessesLeftObDiv>p{
  width: 600px;
  position: relative;
  z-index: 10;
}
.businessesLeftSliderDiv{
  position: relative;
  width: 780px;
}
.businessesLeftIcon{
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.businessesLeftSlider{
  padding: 32px 30px 80px 30px;
  margin-left: -30px;
  width: 780px;
}
.businessesLeftDiv{
  width: 780px;
  height: 402px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 2px 28px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 28px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 40px 42px;
  box-sizing: border-box;
  position: relative;
}
.businessesLeftDiv>h3{
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #041030;
  margin: 0px 0px 12px 0px;
}

.businessesLeftDiv>span{
  position: absolute;
  left: 42px;
  bottom: 40px;
}
.businessesLeftsliderNavPaciObDiv{
  position: absolute;
  left: 30px;
  bottom: 0px;
}
.businessesLeftPagination{
  position: initial;
  float: left;
  margin: 9px 0px;
}
.businessesLeftPagination .swiper-pagination-bullet{
  background-color: #000;
  opacity: 0.4;
  margin-right: 16px;
}
.businessesLeftPagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #000;
  opacity: 1;
}
.businessesLeftNext{
  position: initial;
  float: left;
  width: 40px;
  height: 40px;
  background-image: url(../images/businessesLeftNext.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 1 !important;
  margin: 0px 157px 0px 16px;
}
.businessesLeftPrev{
  position: initial;
  float: left;
  width: 40px;
  height: 40px;
  background-image: url(../images/businessesLeftPrev.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 1 !important;
  margin: 0px;
}
.consultationObDivBody{
  background-color: #111216;
  padding: 207px 0px;
}
.consultationObDiv{

}
.consultationRightImages{
  height: 396px;
  float: right;
  position: relative;
  z-index: 10;
  border-radius: 16px;
}
.consultationLeftDiv{
  width: 410px;
  float: left;
  height: 396px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.consultationLeftDiv>h2,.consultationLeftDiv>p{
  color: #fff;
}

.consultationLeftDiv>a{
  display: block;
  width: 100%;
  height: 45px;
  background-color: #fff;
  border-radius: 6px;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #111216;
  text-decoration: none;
  margin-top: 25px;
}
.newsTopImages{
  font-size: 0px;
}
.newsTopImages>img{
  width: 100%;
  max-height: 800px;
  object-fit: cover;
}
.newsObDivBody{
  padding-bottom: 66px;
}
.newsObDiv{
  width: 1060px;
  margin: 0px auto;
}
.newsTextDiv{
  margin: 84px 0px;
}
.newsTextDiv h1,.newsTextDiv h2{

}
.newsTextDiv p{
  margin-bottom: 18px;
}
.newsTextDiv p.newsDate{
  margin-bottom: 3px;
}
.newsTextDiv img{
  display: block;
  width: 100%;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 16px;
  margin: 84px auto;
}

.aboutGoalsObDivBody.sanalPos{
  padding-top: 84px;
  padding-bottom: 15px;
}
.aboutNumbersObDivBody.sanalPos{
  background-color: #fbf6f6;
  padding-bottom: 25px;
}
.businessesObDivBody.sanalPos .businessesImages{
  height: 100%;
  top: 0;
}
.aboutBlokListObDivBody.sanalPos{

}
.sanalPos .aboutBlokListDiv{
  padding: 56px 56px;
  height: 365px;
  text-align: left;
}
.sanalPos .aboutBlokListDiv>h3{
  margin: 36px 0px 6px 0px;
}
.sanalPos .aboutBlokListDiv>p{
  text-align: left;
  height: 56px;
}
.sanalPos .aboutBlokListDiv>p.aboutBlokCardStorageText{
  margin-top: 24px;
  height: 110px;
}

.whyOderoObDivBody{
  background-color: #fbf6f6;
  padding: 65px 0px 118px 0px;
  position: relative;
}
.whyOderoObDivBody::before{
  content: "";
  width: 2683px;
  height: 1170px;
  background: linear-gradient(66.3deg, #FE0000 4.09%, #06D2FF 115.17%);
  border-radius: 24px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 35%;
  right: 38%;
}
.whyOderoObDiv{
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 2px 28px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 28px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 70px 110px 120px 110px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}
.whyOderoObDiv>h2,.whyOderoObDiv>p,.virtualPosText>h2,.virtualPosText>p{
  width: 730px;
}

.whyOderoList{
  margin-top: 70px;
}
.whyOderoDiv{
  margin-bottom: 143px;
  font-size: 0px;
}
.whyOderoDiv:last-child{
  margin-bottom: 0px;
}
.whyOderoImages{
  width: 507px;
  height: 356px;
  object-fit: cover;
  float: right;
  border-radius: 8px;
}
.whyOderoDivLeft{
  width: 430px;
  float: left;
  height: 356px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.whyOderoDivLeft>span{
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #041030;
  opacity: 0.6;
}
.whyOderoDivLeft>h3{
  font-family: AltoneSemiBold;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #041030;
  margin: 16px 0px 14px 0px;
}
.whyOderoDivLeft>p{
  margin-bottom: 10px;
}
.whyOderoDiv:nth-child(2n+2) .whyOderoDivLeft{
  float: right;
}
.whyOderoDiv:nth-child(2n+2) .whyOderoImages{
  float: left;
}
.virtualPosObDivBody{
  background-color: #d9e8f7;
  padding: 95px 0px 180px 0px;
  position: relative;
  z-index: 10;
}
.virtualPosObDiv{

}
.virtualPosObDiv .swiper-container{
  padding: 0px calc(50% - 640px);
}
.virtualPosSlider,.virtualPosSliderCardStorage{
  margin-top: 54px;
}
.virtualPosDiv{
  font-size: 0px;
}
.virtualPosDiv>img{
  width: 168px;
  height: 168px;
}
.virtualPosDiv>h3{
  font-family: AltoneSemiBold;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.02em;
  color: #041030;
  margin: 24px 0px;
}
.virtualPosDiv>p,.virtualPosText>h2,.virtualPosText>p{
  color: #041030;
}

.homeStartObDivBody.sanalPos .homeStartObDiv>a::after{
  display: none;
}

.whyOderoObDivBody.whyOderoWallet,.whyOderoObDivBody.whyOderoMarketplace{
  padding: 80px 0px;
  overflow: hidden;
}
.whyOderoObDivBody.whyOderoWallet::before{
  display: none;
}
.whyOderoObDivBody.whyOderoMarketplace::before{
  right: auto;
  left: 60%;
  top: -100%;
  background: linear-gradient(66.3deg, #FE0000 4.09%, #06D2FF 115.17%);
}

.aboutBlokListPayment .aboutBlokListDiv{
  width: 290px;
  height: 386px;
  padding: 56px 56px;
}
.aboutBlokListPayment .aboutBlokListDiv>h3{
  margin: 36px 0px 6px 0px;
}
.aboutBlokListPayment .aboutBlokListDiv{
  text-align: left;
}
.aboutBlokListPayment .aboutBlokListDiv>p{
  text-align: left;
}
.homeStartLeftObDiv{
  width: 510px;
  float: left;
  height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.homeStartLeftObDiv>h2,.homeStartLeftObDiv>p{
  color: #fff;
}
.auboutTobBlokProductsServices{
  background-color: #F9F9F9;
}
.auboutTobBlokProductsServices .auboutTObBlokLeft::after{
  background: linear-gradient(80deg, #06D2FF  4.58%, #FE0000 105.45%);
  top: -40%;
}
.productsServicesTopImages{
  width: 40vw;
  position: absolute;
  right: -30vw;
  top: 165px;
  z-index: 10;
}
.auboutTobBlokProductsServices .auboutTObBlokLeftText{
  max-width: 556px;
}
.auboutTobBlokProductsServices .auboutTObBlokLeftText>h5{
  color: #150209;
}
.auboutTobBlokProductsServices .auboutTObBlokLeftText>h1{
  color: #fff;
}
.auboutTobBlokProductsServices .aboutTopImagesMobile>p{
  color: #fff;
}
.auboutTobBlokProductsServices .auboutTObBlokLeftText>a{
  background-color: #fff;
}
.blokListProductsServicesObDivBody{
  background-color: #F9F9F9;
  padding: 20px 0px 0px 0px;
}
.blokListProductsServicesObDiv{
  position: relative;
  z-index: 10;
}
/* .blokListProductsServicesObDiv>h2{
  width: 620px;
}  */
.blokListProductsServicesList{
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.blokListProductsServicesDiv{
  display: flex;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 40px 40px;
  box-sizing: border-box;
}
.blokListProductsServicesLeft{
  float: left;
  max-width: calc(100% - 140px);
  display: grid;
  grid-template-rows: max-content 1fr min-content;
}
.blokListProductsServicesLeft>span{
  font-family: AltoneSemiBold;
  display: block;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #9F9F9F;
  margin: 0px 0px 24px 0px;
}
.blokListProductsServicesLeft>h3{
  font-family: AltoneSemiBold;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 0px 0px 24px 0px;
}
.blokListProductsServicesLeft>p{
  margin: 0px 0px 24px 0px;
}
.blokListProductsServicesRight{
  float: right;
  display: flex;
  justify-content: center;
  flex-direction: column;
  order: 2;
  margin-left: auto;
}
.blokListProductsServicesRight>img{
  max-width: 110px;
}
/* .blokListProductsServicesDiv:nth-child(5n+1){
  width: 100%;
}
.blokListProductsServicesDiv:nth-child(5n+1) .blokListProductsServicesLeft{
  width: calc(100% - 402px);
}

.blokListProductsServicesDiv:nth-child(5n+2){
  width: 460px;
  float: left;
}
.blokListProductsServicesDiv:nth-child(5n+2) .blokListProductsServicesLeft{
  width: calc(100% - 132px);
}

.blokListProductsServicesDiv:nth-child(5n+3){
  width: 773px;
  float: right;
}
.blokListProductsServicesDiv:nth-child(5n+3) .blokListProductsServicesLeft{
  width: calc(100% - 264px);
} */

/* .blokListProductsServicesDiv:nth-child(5n+4){
  width: 839px;
  float: left;
} */
/* .blokListProductsServicesDiv:nth-child(5n+4) .blokListProductsServicesLeft{
  width: calc(100% - 219px);
} */

/* .blokListProductsServicesDiv:nth-child(5n+5){
  width: 400px;
  float: right;
}
.blokListProductsServicesDiv:nth-child(5n+5) .blokListProductsServicesLeft{
  width: calc(100% - 144px);
} */
.contactTopObDivBody{
  padding: 164px 0px 102px 0px;
}
.contactTopObDiv{
  /* max-width: 700px; */
}
.contactTopObDiv>h5{
  text-align: center;
  margin-bottom: 16px;
}
.contactTopObDiv>h1{
  text-align: center;
  margin-bottom: 36px;
}
.contactTopObDiv>p{
  font-family: AltoneSemiBold;
  font-size: 18px;
  line-height: 28px;
  color: #03200B;
  text-align: center;
  margin: 0px;
}
.contactTopObDiv>p>span{
  color: #FE0000;
  display: block;
}
.contactPageObDivBody{
  background-color: #d9e8f7;
  padding-top: 80px;
  padding-bottom: 134px;
}
.contactPageObDiv{
  position: relative;
  z-index: 10;
}
.contactPageList{

}
.contactPageDiv{
  /* width: 400px; */
  width: calc(50% - 20px);
  height: 290px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 30px 30px;
  box-sizing: border-box;
  font-size: 0px;
  position: relative;
  float: left;
  margin-right: 40px;
}
.contactPageDiv:last-child{
  margin-right: 0px;
}
.contactPageDiv>img{
  height: 72px;
}
.contactPageDiv>h3{
  font-family: AltoneSemiBold;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 35px 0px 7px 0px;
  height: 28px;
  overflow: hidden;
}
.contactPageDiv>p{
  font-size: 16px;
  line-height: 28px;
  color: #03200B;
  margin: 0px;

}
.contactPageDiv>a{
  display: block;
  font-family: AltoneSemiBold;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #FE0000;
  text-decoration: none;
  position: absolute;
  left: 30px;
  bottom: 30px;
}

.contactPageOfficeObDiv{
  /* margin-top: 60px; */
}
.contactPageOfficeDiv{
  width: calc(50% - 20px);
  height: 245px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 30px 20px;
  box-sizing: border-box;
  font-size: 0px;
  position: relative;
  float: left;
  margin-right: 40px;
  margin-bottom: 40px;
}
.contactPageOfficeDiv:nth-child(3n+3){
  margin-right: 0px;
}
.contactPageOfficeDiv:nth-child(3n+1){
  margin-right: 0px;
  width: 100%;
}
.contactPageOfficeImages{
  width: 270px;
  height: 184px;
  object-fit: cover;
  border-radius: 12px;
  float: right;
}
.contactPageOfficeLeft{
  float: left;
  width: calc(100% - 280px);
  height: 100%;
  position: relative;
}
.contactPageOfficeLeft>h3,.contactPageOfficeDiv>h3{
  font-family: AltoneSemiBold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 0px;
}
.contactPageOfficeDiv>h3{
  display: none;
}
.contactPageOfficeLeftBottom{
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.contactPageOfficeLeftBottom>p{
  font-size: 16px;
  line-height: 24px;
  color: #03200B;
  margin: 0px;
}
.contactPageOfficeLeftBottom>a{
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #FE0000;
  text-decoration: none;
}

.contactFormObDivBody{
  background-color: #111216;
  padding: 126px 0px 80px 0px;
  position: relative;
}

.contactFormBg{
  position: absolute;
  left: 0px;
  bottom: -20%;
}

.contactFormObDiv{
  position: relative;
  z-index: 10;
}
.contactFormLeft{
  width: 550px;
  float: left;
}
.contactFormLeftLogo{
  display: inline-block;
  width: 95px;
  font-size: 0px;
  margin: 24px 0px;
}
.contactFormLeftLogo>img{
  width: 100%;
}
.contactFormLeft>h2,.contactFormLeft>p{
  color: #fff;
  width: 440px;
}

.contactFormLeft>img{
  width: 100%;
  border-radius: 16px;
  margin-top: 24px;
}
.contactFormObDivBody .homeContactRightObDiv>h3,
.contactFormObDivBody .homeContactCheckboxDiv>p,
.contactFormObDivBody .homeContactFormInput{
  color: #fff;
}
.contactFormObDivBody .homeContactFormInput::-webkit-input-placeholder { color: #fff;font-family: AltoneRegular; }
.contactFormObDivBody .homeContactFormInput::-moz-placeholder { color: #fff;font-family: AltoneRegular; }
.contactFormObDivBody .homeContactFormInput:-ms-input-placeholder { color: #fff;font-family: AltoneRegular; }
.contactFormObDivBody .homeContactFormInput:-moz-placeholder { color: #fff;font-family: AltoneRegular; }

.contactFormObDivBody .homeContactFormSubmit{
  background-color: #fff;
  color: #111216;
}
.helpTopObDivBody .contactTopObDiv>p,.newsListTopObDivBody .contactTopObDiv>p{
  font-family: AltoneRegular;
  font-size: 16px;
}
.helpTopInputObDiv{
  width: 100%;
  height: 60px;
  border-radius: 6px;
  font-size: 0px;
  margin-top: 36px;
  font-size: 0px;
}
.helpTopInputObDiv>input{
    padding: 0px 16px;
    outline: none;
    height: 100%;
    width: calc(100% - 180px);
    box-sizing: border-box;
    font-size: 20px;
    color: #03200B;
    border: 1px solid #D7D7D7;
    border-radius: 4px 0px 0px 4px;
    float: left;
}
.helpTopInputObDiv>button{
  background-color: #FE0000;
  font-size: 16px;
  color: #000;
  letter-spacing: 0.01em;
  border: none;
  outline: none;
  width: 180px;
  height: 100%;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  border-radius: 0px 6px 6px 0px;
  padding: 0px;
  float: left;
}
.helpTopInputObDiv>input::-webkit-input-placeholder { color: rgba(138, 138, 138, 0.6);font-family: AltoneRegular; }
.helpTopInputObDiv>input::-moz-placeholder { color: rgba(138, 138, 138, 0.6);font-family: AltoneRegular; }
.helpTopInputObDiv>input:-ms-input-placeholder { color: rgba(138, 138, 138, 0.6);font-family: AltoneRegular; }
.helpTopInputObDiv>input:-moz-placeholder { color: rgba(138, 138, 138, 0.6);font-family: AltoneRegular; }

.helpQuestionsDiv{
  margin-top: 36px;
}
.helpQuestionsDiv>p{
  font-family: AltoneSemiBold;
  font-size: 18px;
  line-height: 28px;
  color: #03200B;
  margin: 0px 36px 36px 0px;
  float: left;
  width: calc(50% - 18px);
  text-align: center;
}
.helpQuestionsDiv>p:nth-child(2n+2){
  margin-right: 0px;
}
.helpInfoObDivBody{
  background-color: #fbf6f6;
  padding: 60px 0px 76px 0px;
}
.helpInfoObDiv{

}
.helpInfoDiv{
  margin-bottom: 36px;
}
.helpInfoList{
  
}
.helpInfo{
  display: block;
  width: calc(50% - 20px);
  height: 290px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 24px 25px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  float: left;
  margin-right: 40px;
  margin-bottom: 24px;
}
.helpInfo:nth-child(2){
  margin-right: 0px;
}

.helpInfo>img{
  display: block;
  width: 72px;
  height: 72px;
  margin: 84px auto;
}
.helpInfo>h3{
  position: absolute;
  left: 25px;
  bottom: 20px;
  font-family: AltoneSemiBold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 0px;
  text-align: center;
  width: calc(100% - 50px);
}

.helpInfoList1 .helpInfo:nth-child(3n+3),
.helpInfoList2 .helpInfo:nth-child(5n+3),
.helpInfoList2 .helpInfo:nth-child(5n+5),
.helpInfoList3 .helpInfo:nth-child(4n+4){
  margin-right: 0px;
}

.helpInfoList1 .helpInfo:nth-child(3n+1){
  width: 620px;
}
.helpInfoList2 .helpInfo:nth-child(5n+3){
  width: 620px;
}
.helpInfoList2 .helpInfo:nth-child(5n+4){
  width: 950px;
}
.helpFaqObDivBody{
  padding: 80px 0px;
}
.helpFaqObDiv{

}
.helpFaqList{
  margin-top: 72px;
}
.helpFaqDiv{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 36px 0px;
}
.helpFaqDiv:first-child{
  border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.helpFaqName{
  font-size: 24px;
  line-height: 36px;
  color: #03200B;
  margin: 0px;
  padding: 0px 72px 0px 40px;
  position: relative;
  cursor: pointer;
}
.helpFaqName::before{
  content: "";
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-left: 16px solid #FE0000;
  border-bottom: 9px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
  margin-left: -40px;
}

.helpFaqName::after{
  content: "+";
  width: 24px;
  height: 24px;
  font-size: 40px;
  line-height: 24px;
  text-align: center;
  color: rgba(3, 32, 11, 0.5);
  position: absolute;
  top: 6px;
  right: 24px;
}
.helpFaqDiv.open .helpFaqName::after{
  content: "";
  background-image: url(../images/closeMenuMobile.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 12px;
  height: 12px;
  margin: 6px;
  display: inline-block;
}

.helpFaqText{
  margin: 0px 110px 0px 45px;
  height: 0px;
  overflow: hidden;
}
.helpFaqDiv.open .helpFaqText{
  height: auto;
}
.helpFaqText>p{
  font-size: 20px;
  line-height: 36px;
  color: #03200B;
  margin: 36px 0px 0px 0px;
}
.helpFaqText>p>a{
  color: #FE0000;
  text-decoration: none;
}
.helpFaqText>a{
  display: inline-block;
  font-size: 20px;
  line-height: 36px;
  color: #FE0000;
  text-decoration: none;
}
/* .newsListTObBlokObDivBody .auboutTObBlokLeft::after{
  display: none;
} */
/* .newsListTObBlokObDivBody .auboutTObBlokLeft{
  width: 620px;
} */
/* .newsListTObBlokObDivBody .auboutTObBlokLeftText{
  width: 100%;
} */
/* .newsListTObBlokObDivBody .aboutTopImagesMobile>p{
  max-width: 556px;
} */
.newsListTObBlokObDivBody .auboutTObBlokLeftText>h5{
  color: #041030;
}

.newsListTopObDivBody{
  background-color: #fbf6f6;
  padding: 130px 0px 80px 0px;
  position: relative;
  z-index: 20;
}
.newsListTopObDivBody .contactTopObDiv>h1{
  margin-bottom: 16px;
}
.newListFilterObDivBody{
  padding: 17px 0px;
  -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 20;
}
.newListFilterObDiv{

}
.newListFilterLink{
  display: block;
  float: left;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.01em;
  color: #000;
  border-radius: 8px;
  margin-right: 40px;
  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;
}
.newListFilterLink:last-child{
  margin-right: 0px;
}
.newListFilterLink:hover{
  background-color: #F2F2F2;
}
.newListFilterLink.active{
  background-color: #FE0000;
  color: #fff;
}

.newListObDivBody{
  padding: 84px 0px 145px 0px;
  position: relative;
  z-index: 20;
}
.newListObDiv{

}

.newListObDiv>p{
  max-width: 605px;
}
.newListScroll{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.newListLeft{
  width: 840px;
  font-size: 0px;
  float: left;
  position: -webkit-sticky;
  position: sticky;
  top: 84px;
}

.newListDiv{
  background-color: #fff;
  -webkit-box-shadow: 0 2px 30px rgba(0,0,0,.06);
  box-shadow: 0 2px 30px rgba(0,0,0,.06);
  padding: 30px 30px;
  border-radius: 16px;
}
.newListDiv:last-child{
  margin-bottom: 0px;
}
.newListImagesDiv{
  display: block;
  font-size: 0px;
  margin-bottom: 20px;
  height: 255px;
}
.newListImagesDiv>img{
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.newListDiv>span{
  display: block;
  font-family: AltoneBold;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FE0000;
}
.newListDiv>h3{
  margin: 5px 0px;
}
.newListDiv>h3>a{
  display: block;
  font-family: AltoneSemiBold;
  font-size: 20px;
  line-height: 28px;
  color: #03200B;
  text-decoration: none;
}
.newListDiv>p{
  height: 84px;
  overflow: hidden;
}
.newListRight{
  float: right;
  width: 400px;
}
.newListFilterSelectDiv{
  float: right;
  position: relative;
}
.newListFilterSelectDiv>span,.newListFilterSubSelect>a{
  display: block;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.01em;
  color: #000;
  border-radius: 8px;
  text-decoration: none;
  background-color: #F2F2F2;
  cursor: pointer;
}
.newListFilterSelectDiv>span::after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 6px;
  background-image: url(../images/selectIcon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 16px;

  -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;
}
.newListFilterSubSelect{
  position: absolute;
  top: calc(100% - 10px);
  left: 0px;
  background-color: #F2F2F2;
  border-radius: 0px 0px 8px 8px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
}
.newListFilterSelectDiv:hover .newListFilterSubSelect{
  display: block;
}
.newListFilterSelectDiv:hover span::after{
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.securityTopObDivBody{
  text-align: center;
  background-color: #fbf6f6;
  padding: 156px 0px 128px 0px;
}
.securityTopObDivBody .contactTopObDiv>h5{
  font-family: AltoneRegular;
  /* color: #8A8A8A; */
}
.securityTopObDivBody .contactTopObDiv>img{
  height: 72px;
}

.securityObDivBody{
  padding: 80px 0px 126px 0px;
}
.securityObDiv{

}
.securityLeft{
  float: left;
  width: 276px;
}
.securityLeftLink{
  display: block;
  width: 100%;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.01em;
  color: #000;
  border-radius: 8px;
  margin-bottom: 40px;
  box-sizing: border-box;
  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;
}
.securityLeftLink:last-child{
  margin-bottom: 0px;
}
.securityLeftLink:hover{
  background-color: #F2F2F2;
}
.securityLeftLink.active{
  background-color: #FE0000;
  color: #fff;
}
.securityRight{
  float: right;
  width: 950px;
}
.securityRight h2,.securityRight h3{
  font-family: AltoneSemiBold;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 0px 0px 36px 0px;
}
.securityRight img{
  width: 100%;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 16px;
  display: block;
}
.securityRight p{
  font-size: 20px;
  line-height: 36px;
  color: #03200B;
  margin: 36px 0px;
}
.securityRight a{
  font-size: 20px;
  line-height: 36px;
  color: #FE0000;
  text-decoration: none;
  display: inline-block;
}
.securityRight ul{
  list-style: none;
  padding: 0px;
  margin: 36px 0px;
}
.securityRight ul li{
  font-size: 20px;
  line-height: 28px;
  color: #03200B;
  margin-bottom: 36px;
  padding-left: 40px;
}
.securityRight ul li:last-child{
  margin-bottom: 0px;
}
.securityRight ul li::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-left: 16px solid #FE0000;
  border-bottom: 9px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
  margin-left: -40px;
}
.contractsVideoObDivBody{
  padding: 0px;
  background-color: transparent;
}
.contractsVideoObDivBody .aboutVideoObDiv{
  height: 476px;
}
.contractsVideoObDivBody .aboutVideoTextDiv{
  bottom: 40px;
  left: 57px;
  max-width: 484px;
}
.contractsVideoObDivBody .aboutVideoTextDiv>h2{
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 8px;
  color: #fff;
  letter-spacing: 0.02em;
}
.contractsVideoObDivBody .aboutVideoTextDiv>p{
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  margin: 0px;
}
.contractsVideoObDivBody.aboutVideoObDivBody>h2,.contractsVideoObDivBody.aboutVideoObDivBody>p{
  width: 100%;
}
.g-recaptcha>div{
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  max-width: 100%;
}
.g-recaptcha>div iframe{
  max-width: 100%;
}
.error{
  border-color: #f91616 !important;
}
#formTextSended{
  display: none;
}
.footerVoenObDivBody{
  background-color: #111216;
  padding: 25px 0px;
}
.footerVoenObDiv{

}
.footerVoenObDiv>p{
  display: block;
  text-decoration: none;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.01em;
  color: #fff;
  margin: 0px;
}
.aboutBlokListObDiv>h2{
  margin: 0px auto;
}
.aboutBlokListObDiv{
  padding-top: 95px;
}

.aboutContactObDivBody{
  background-color: #fbf6f6;
  padding: 0px 0px 130px 0px;
  position: relative;
  z-index: 11;
}
.aboutContactObDivBody .aboutNumbersRightBg{
  top: -45vw;
  width: 37vw;
}
.aboutContactObDiv{
  position: relative;
  z-index: 10;
}
.aboutContactObDiv>h2{

}
.aboutContactList{
  margin-top: 30px;
}
.aboutContactLeft{
  width: calc(50% - 45px);
  max-width: 500px;
  float: left;
}
.aboutContactDiv{
  display: block;
  margin-bottom: 20px;
}
.aboutContactDiv:last-child{
  margin-bottom: 0px;
}
.aboutContactIcon{
  display: block;
  float: left;
  width: 72px;
  height: 72px;
  text-align: center;
}
.aboutContactIcon>img{
  width: 100%;
}
.aboutContactText{
  width: calc(100% - 88px);
  float: right;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #000;
  height: 72px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.aboutContactRight{
  width: calc(50% - 45px);
  max-width: 500px;
  float: right;
}
/* .aboutContactRight .aboutContactText{
  width: 100%;
  height: 38px;
} */
.registrationObDivBody{
  padding: 100px 0px;
}
.registrationObDiv{
  max-width: 600px;
}
.registrationObDiv>h2{

}
.registrationList{

}
#registrTextSended{
  display: none;
}
.homeContactFormSubmit>img{
  display: block;
  margin: 0px auto;
  height: 60px;
}

.contactFormObDiv select.homeContactFormInput{
  background-color: #111216;
}
.registrationInputDiv{
  margin-bottom: 12px;
}
.registrationInputDiv>input{
  margin-bottom: 0px;
}
.emailError{
  margin: 0px;
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  color: #f91616;
  letter-spacing: -0.02em;
  display: none;
}
.registrationStylePassword{
  margin: 0px;
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  color: #9f9f9f;
  letter-spacing: -0.02em;
}

.messagesSuccessObDiv{
  width: 800px;
  height: 480px;
  background-color: #fff;
  border-radius: 16px;
  position: fixed;
  left: calc(50% - 400px);
  top: -150vh;
  z-index: 999;

  -webkit-transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -moz-transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -ms-transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  -o-transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
}
.messagesSuccessObDiv.open{
  top: calc(50vh - 240px);
}
.messagesSuccessDiv{
  width: 450px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px auto;
  text-align: center;
}
.messagesSuccessDiv>img{
  margin: 0px auto;
  width: 67px;
}
.messagesSuccessDiv>h2{
  font-family: AltoneSemiBold;
  font-size: 32px;
  line-height: 45px;
  margin: 12px 0px;
  color: #000;
}
.messagesSuccessDiv>p{
  font-size: 16px;
  line-height: 22px;
  color: #000;
  margin: 0px 0px;
}
.messagesSuccessButton{
  width: 290px;
  font-family: AltoneSemiBold;
  font-size: 18px;
  line-height: 50px;
  color: #111216;
  letter-spacing: -0.01em;
  text-align: center;
  background-color: #FE0000;
  border-radius: 6px;
  cursor: pointer;
  border: none;
  outline: none;
  margin: 24px auto 0px auto;
}
.messagesSuccessBg{
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 888;
  background-color: rgba(0, 0, 0, 0.3);
}
.onlineShopObDivBody{
  background-color: #F9F9F9;
  position: relative;
}
.onlineShopObDiv{
  position: relative;
  z-index: 10;
}
.onlineShopLeftDiv{
  width: 480px;
  float: left;
  height: 900px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.onlineShopLeftDiv>h2{

}
.onlineShopLeftDiv>p{

}
.onlineShopLeftButton{
  display: block;
  width: 180px;
  height: 45px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 48px;
  background-color: #FE0000;
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin-top: 30px;
}
.onlineShopRightDiv{
  width: 750px;
  float: right;
}
.onlineShopRightImages{
  height: 900px;
  max-width: 100%;
}
.onlineShopRightBg{
  position: absolute;
  right: 0px;
  top: -30vw;
  width: 44vw;
}

.pacinationObDiv{
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 70px;
}
.pacinationObDiv>a{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #323338;
  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;
}

.pacinationObDiv>a.active,.pacinationObDiv>a:not(.pacinationArrow):hover{
  background-color: #323338;
  color: #fff;
}
.pacinationObDiv>a.pacinationArrow{
  display: grid;
  align-items: center;
  justify-items: 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;
}
.pacinationObDiv>a.pacinationArrow>img{
  width: 15px;
}
.pacinationObDiv>a.pacinationArrow:hover{
  opacity: 0.7;
}
.productsServicesHeaderList,.aboutHeaderList{
  margin: 16px 0px 56px 0px;
  padding-left: 20px;
  display: grid;
  grid-row-gap: 5px;
}
.productsServicesHeaderList>li{
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.aboutHeaderList>li{
  font-size: 16px;
  line-height: 28px;
  color: #03200B;
}
.tariffsContainer{
  background-color: #fbf6f6;
  padding: 80px 0;
  position: relative;
}
.registrationFormBg{
  height: 480px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tariffsBlok>.blokNameH2{
  font-family: AltoneSemiBold;
  font-size: 20px;
  line-height: 25px;
  color: #3cd32e;
  margin: 0px 0px 20px 0px;
}
.tariffsBlok>.blokNameH3{
  font-family: AltoneSemiBold;
  font-size: 40px;
  line-height: 49px;
  color: #000;
  margin: 0;
}

.tariffsList{
  margin-top: 20px;
  position: relative;
  z-index: 5;
  padding: 30px 24px;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 4px 4px 50px 0px rgba(0, 0, 0, 0.10);
  box-shadow: 4px 4px 50px 0px rgba(0, 0, 0, 0.10);

}
.tariffsTable{
  width: 100%;
  border-collapse: collapse;
}
.tariffsTable tr>td{
  font-family: AltoneRegular;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  padding: 5px 0px;
  border-bottom: 1px solid #f8f8f8;
}
.tariffsTable tr>td.bold{
  font-family: AltoneSemiBold;
}
.tariffsTable tfoot>tr>td{
  border-bottom: 0px;
}
.tariffsTable thead tr>td{
  font-family: AltoneRegular;
  text-align: center;
}
.tariffsTable thead tr>td:nth-child(1){
  text-align: left;
}
.tariffsTable tr>td>img{
  width: 17px;
  display: block;
  margin: 0px auto;
}
.tariffsTableFirstBlok{
  text-align: left;
  padding-bottom: 20px;
}
.tariffsTable thead>tr:first-child>th:first-child{
  vertical-align: bottom;
}
.tariffsTableFirstBlok>p{
  font-size: 20px;
  line-height: 24px;
  color: #000;
  margin: 0px;
}
.tariffsTableFirstBlok>span{
  font-family: AltoneRegular;
  font-size: 12px;
  line-height: 12px;
  color: #A2A2A2;
  display: block;
  margin-top: 5px;
}
.tariffsTableHeaderBlok{
  padding: 0px 4px;
}
.tariffsTableHeaderLabel{
  height: 22px;
}
.tariffsTableHeaderLabel>h4{
  background: linear-gradient(28deg, #FE0000 -4.35%, #06D2FF 103.49%);
  font-family: AltoneSemiBold;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  padding: 5px 0px;
  color: #fff;
  border-radius: 40px 40px 0px 0px;
  margin: 0px;
}
.tariffsTableHeaderName{
  font-family: AltoneSemiBold;
  font-size: 20px;
  line-height: 25px;
  color: #FE0000;
  margin: 18px 0px 10px 0px;
}
.tariffsTableHeaderPriceDis{

}
.tariffsTable tr.tariffsTableHeaderPriceDis>td:nth-child(1){
  font-size: 17px;
}
.tariffsTable tr.tariffsTableHeaderPriceDis>td{
    font-size: 20px;
    line-height: 30px;
    color: #000;
    padding: 10px 0px;
    margin: 0px;
}
.tariffsTableHeaderPrice{
  font-size: 25px;
  line-height: 38px;
  color: #000;
  margin: 0px;
}
.tariffsTableHeaderPrice>span{
  font-family: AltoneRegular;
  font-size: 16px;
  line-height: 10px;
  color: #A2A2A2;
}
.tariffsTableHeaderPrice>i,.tariffsMobPrice>i{
  font-style: normal;
  font-family: system-ui;
  font-weight: 350;
}
.tariffsTable tfoot{
  padding: 0px;
  margin: 0px;
}
.tariffsTable tfoot tr>td{
  padding-top: 55px;
  text-align: center;
}
.tariffsMobList{
  display: none;
}
.tariffsTable thead>tr:nth-child(1)>th{
  padding: 0px;
}
.buttonRequestDemo{
  border-radius: 6px;
  display: inline-block;
  padding: 19px 30px;
  cursor: pointer;
  background-color: #3cd32e;
}
.buttonRequestDemo>span{
  font-family: AltoneSemiBold;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  display: block;
  float: left
}
.buttonRequestDemo::before{
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 16px solid #fff;
  border-bottom: 10px solid transparent;
  display: block;
  float: left;
  margin-right: 10px;
}
.businessesAboutSliderContainer{
  padding: 100px 0px;
  background-color: #fbf6f6;
}
.businessesAboutSliderHeader{

}
.businessesAboutSliderHeader>h2{

}
.businessesAboutSliderHeader>p{
  max-width: 560px;
}
.businessesAboutSliderBlok{
  position: relative;
  z-index: 10;
}
.businessesAboutSliderList{
  padding: 67px 0px 48px 0px;

}
.businessesAboutSliderList .swiper-slide{
  /* width: auto !important; */
}
.businessesAboutSlider{
  width: 810px;
  padding: 12px 12px 12px 40px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 28px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 28px 0px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 566px;
  margin: 0px auto;
  opacity: 0.64;

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

  -moz-transform: scale(0.754);
  -webkit-transform: scale(0.754);
  -o-transform: scale(0.754);
  -ms-transform: scale(0.754);
  transform: scale(0.754);

}
.swiper-slide-active .businessesAboutSlider{
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.businessesAboutSliderLogo{
  display: block;
  margin-top: 28px;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.businessesAboutSliderText{
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  margin: 0px;
  color: #041030;
  padding: 24px 32px;
  border-radius: 16px;
  background-color: #fbf6f6;
  box-sizing: border-box;
  grid-column: 2/3;
  grid-row: 1/3;
}
.businessesAboutSliderAvtor{
  margin-bottom: 28px;
  align-self: end;
}
.businessesAboutSliderAvtor>h4{
  font-family: AltoneSemiBold;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 0px;
}
.businessesAboutSliderAvtor>p{
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #041030;
  margin: 0px;
}
.businessesAboutSliderNavList{
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  grid-column-gap: 16px;
}
.businessesAboutSliderNext,.businessesAboutSliderPrev{
  position: initial;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 1 !important;
  margin: 0px;
}
.businessesAboutSliderNext{
  background-image: url(../images/businessesLeftNext.svg);
}
.businessesAboutSliderPrev{
  background-image: url(../images/businessesLeftPrev.svg);
}
.businessesAboutSliderIcon{
  position: absolute;
  right: calc(20vw);
  bottom: 20px;
}
.businessesAboutSliderPagination{
  display: none;
  grid-auto-flow: column;
  justify-content: center;
  grid-column-gap: 16px;
}
.businessesAboutSliderPagination .swiper-pagination-bullet{
  background-color: #03200B;
  opacity: 0.4;
}
.businessesAboutSliderPagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity: 1;
}
.aboutBlokListObDivBody.marketplace .aboutBlokListDiv{
  height: initial;
  padding: 56px;
  font-size: 0px;

}
.aboutBlokListObDivBody.marketplace .aboutBlokListDiv>p{
  height: initial;
  margin-top: 36px;
}
.aboutBlokListObDivBody.marketplace .aboutBlokListDiv>img{
  height: 140px;
}
.headerNewMenu{
  float: left;
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 24px;
  margin: 0px 24px 0px 0px;
  padding: 0px;
}
.headerNewMenu>li{
  display: grid;
  position: relative;
}
.headerNewMenu>li>a{
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -.01em;
  text-decoration: none;
  color: #000;
  padding: 10px 16px;
  border-radius: 8px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.headerNewMenu>li>a:hover{
  background-color: #f2f2f2;
}
.headerNewMenu>li.active>a{
  background-color: #FE0000;
  color: #fff;
}
.headerNewMenuSubContainer{
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  max-width: 1060px;
  margin: 0px auto;
  padding: 16px 0px 0px 0px;
}

.headerNewMenuSubBlok{
  padding: 32px 32px 32px 38px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 28px rgba(0,0,0,.08);
  box-shadow: 0 2px 28px rgba(0,0,0,.08);
  border-radius: 16px;
}

.headerNewMenuSubBlok>h4{
  font-family: AltoneSemiBold;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.02em;
  color: #150209;
  margin: 0px;
}
.headerNewMenuSub{
  padding: 0px;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 30px;
}

.headerNewMenuSub>li{

}
.headerNewMenuSub>li>a{
  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;
}
.headerNewMenuSub>li>a:hover{
  opacity: 0.7;
}
.headerNewMenuSub>li>a>span{
  display: block;
  font-family: AltoneMedium;
  font-size: 16px;
  line-height: 28px;
  color: #000;
  margin-bottom: 8px;
}
.headerNewMenuSub>li>a>p{
  font-size: 15px;
  line-height: 22px;
  color: #8a8a8a;
  margin: 0px;
}
.headerNewMenuSub>li>a.active>span{
  color: #FE0000;
}
.headerNewMenuSub>li>a.active>p{
  color: #000;
}
.headerNewMenuSubIcon{
  display: none;
  width: 46px;
  height: 42px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  justify-items: center;
  align-items: center;
}
.headerNewMenuSubIcon::after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: solid #1f2735;
  border-width: 2px 0 0 2px;
  transform: translate(-50%, -75%) rotate(225deg);
  border-radius: 2px;
  margin: 10px 0px 0px 10px;

  -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;
}
.headerNewMenuSubChild.active>.headerNewMenuSubIcon::after{
  border-color: #fff;
}
.headerNewMenuSubChild.open>.headerNewMenuSubIcon::after{
  transform: translate(-50%, -25%) rotate(45deg);
}
.businessesAboutSliderContainer .swiper-wrapper{
  align-items: center;
}

.popupDemoObDiv{
  height: 740px;
  background-color: #fff;
  border-radius: 50px;
  -webkit-box-shadow: 4px 4px 50px rgba(0,0,0,.1);
  box-shadow: 4px 4px 50px rgba(0,0,0,.1);
  position: fixed;
  left: calc(50% - 640px);
  top: -150vh;
  z-index: 999;
  -webkit-transition: top 900ms cubic-bezier(.17,.67,.24,.99);
  -moz-transition: top 900ms cubic-bezier(.17, .67, .24, .99);
  -ms-transition: top 900ms cubic-bezier(.17, .67, .24, .99);
  -o-transition: top 900ms cubic-bezier(.17, .67, .24, .99);
  transition: top 900ms cubic-bezier(.17,.67,.24,.99);
}
.popupDemoObDiv.open{
  top: calc(50vh - 370px);
}
.popupDemoDiv{
  width: 100%;
  height: 100%;
  position: relative;
  padding: 45px 80px;
  box-sizing: border-box;
  display: grid;
  align-content: center;
}
.popupDemoImages {
  width: 472px;
  position: absolute;
  left: 0;
  top: 40px;
}
.popupDemoDiv>h2{
  font-family: AltoneMedium;
  font-size: 50px;
  line-height: 61px;
  width: 510px;
  position: absolute;
  bottom: 45px;
  left: 80px;
  margin: 0px;
  color: #000;
}
.popupDemoDiv>h2>span {
  color: #3cd32e;
}
.demoPupupCancel {
  width: 20px;
  height: 20px;
  padding: 5px;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}
.demoPupupCancel>img {
  width: 100%;
}
.popupDemoFormObDiv {
  width: 510px;
  justify-self: end;
}
.popupDemoDiv .homeContactFormInput:nth-child(2){
  margin-right: 0px;
}
.popupDemoDiv .homeContactFormInput:nth-child(2),.popupDemoDiv .homeContactFormInput:nth-child(3){
  width: 100%;
  float: none;
}

.popupSuccessMessageContainer{
  width: 840px;
  height: 480px;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 4px 4px 50px rgba(0,0,0,.1);
  box-shadow: 4px 4px 50px rgba(0,0,0,.1);
  position: fixed;
  left: calc(50% - 420px);
  top: -150vh;
  z-index: 999;
  display: grid;
  align-items: center;
  justify-items: center;
  -webkit-transition: top 900ms cubic-bezier(.17,.67,.24,.99);
  -moz-transition: top 900ms cubic-bezier(.17, .67, .24, .99);
  -ms-transition: top 900ms cubic-bezier(.17, .67, .24, .99);
  -o-transition: top 900ms cubic-bezier(.17, .67, .24, .99);
  transition: top 900ms cubic-bezier(.17,.67,.24,.99);
}
.popupSuccessMessageContainer.open{
  top: calc(50vh - 240px);
}
.popupSuccessMessageBlok{
  width: 500px;
  display: grid;
  justify-items: center;
}
.popupSuccessMessageBlok>img{
  width: 67px;
}
.popupSuccessMessageBlok>h2{
  font-family: AltoneMedium;
  font-size: 32px;
  line-height: 47px;
  color: #000;
  margin: 12px 0;
  text-align: center;
}
.popupSuccessMessageBlok>p{
  font-size: 16px;
  line-height: 22px;
  color: #000;
  text-align: center;
  margin: 0;
}
.popupSuccessMessageBlok>button.homeContactFormSubmit{
  margin-top: 24px;
  max-width: 300px;
  color: #fff;
}
.popupSuccessCloseIcon{
  width: 15px;
  height: 15px;
  padding: 5px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  opacity: .7;
}
.popupSuccessCloseIcon>img{
  width: 100%;
}
.menuBg {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 888;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.popupDemoObDiv .homeContactFormSubmit{
  color: #fff;
}
.blogTopContainer{
  padding-bottom: 80px;
}
.blogTopBlok{

}
.footerCopy{
  display: block;
  text-decoration: none;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #fff;
  margin: 0px;
}
.tariffsTable .buttonRequestDemo,.tariffsMob .buttonRequestDemo{
  padding: 14px 20px;
}
.tariffsTable .buttonRequestDemo>span,.tariffsMob .buttonRequestDemo>span{
  font-family: AltoneRegular;
  font-size: 16px;
  line-height: 20px;
}

@media (min-width: 2300px){
  .auboutTObBlokLeft::after{
    width: 1800px;
    height: 2200px;
    top: -80%;
    left: -150%;
  }
  .contactFormBg{
    bottom: -55%;
    width: 1100px;
  }
  .blokListProductsServicesObDivBody{
    padding-top: 250px;
  }
}
@media (min-width: 1321px) and (max-width: 1600px){
  .auboutTObBlokLeftText {
    width: 70%;
  }
  .auboutTObBlokLeft::after {
    width: 950px;
    height: 1650px;
    top: -35%;
  }
}

@media (min-width: 1150px) and (max-width: 1320px){
  .setObDiv {
    width: 1110px;
  }
  .homeGetPaidLeft>h2{
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 40px;
  }
  .homeGetPaidLeftLogoDiv {
    margin-top: 20px;
  }
  .homePartnersObDiv>h2 {
    font-size: 36px;
    line-height: 54px;
  }
  .homeAboutRightObDiv>h2 {
    font-size: 36px;
    line-height: 54px;
  }
  .homeStartObDiv>h2 {
    font-size: 32px;
    line-height: 50px;
  }
  .homeContactLeftObDiv>h2 {
    font-size: 36px;
    line-height: 50px;
  }
  .homeContactLeftListDiv>p {
    font-size: 18px;
    line-height: 30px;
  }
  .homeContactRightObDiv>h3 {
    font-size: 22px;
    line-height: 50px;
  }
  .homeContactRightObDiv {
    width: 450px;
  }
  .homeContactLeftObDiv {
    width: 590px;
  }
  .homeContactLeftIconDiv{
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .topSliderImages{
    top: -20px;
  }
  .homeGetPaidSliderNavObDiv{
    bottom: -10px;
  }
  .auboutTObBlokObDivBody{
    height: 632px;
  }
  .aboutVideoObDiv{
    height: 553px;
    width: 982px;
  }
  .aboutNumbersRightBg{
    top: -25vw;
  }
  .auboutTObBlokLeftText{
    width: 70%;
  }
  .auboutTObBlokLeft::after{
    width: 900px;
    height: 1600px;
    top: -35%;
  }
  .auboutTObBlokLeftText>h1,.auboutTObBlokLeftText>h2,.contactTopObDiv>h1{
    font-size: 46px;
    line-height: 68px;
  }
  .aboutVideoTextDiv>h2,.aboutGoalsObDiv>h2,.aboutNumbersLeft>h2,.aboutLicensesLeft>h2,.differenceTextObDiv>h2,
  .businessesLeftObDiv>h2,.consultationLeftDiv>h2,.newsTextDiv h1,.newsTextDiv h2,.whyOderoObDiv>h2,.virtualPosText>h2,.homeStartLeftObDiv>h2,
  .blokListProductsServicesObDiv>h2,.contactPageOfficeObDiv>h2,.contactFormLeft>h2,.helpInfoDiv>h2,.helpFaqObDiv>h2,.newListObDiv>h2,
  .aboutBlokListObDiv>h2,.aboutContactObDiv>h2,.registrationObDiv>h2,.onlineShopLeftDiv>h2,.businessesAboutSliderHeader>h2,.blogTopBlok>h2{
    font-size: 35px;
    line-height: 46px;
  }
  .aboutNumbersLeft{
    width: 550px;
  }
  .aboutNumbersRight>p{
    font-size: 120px;
    line-height: 180px;
  }
  .aboutBlokListObDiv .swiper-container{
    padding: 65px calc(50% - 555px);
  }
  .businessesImages{
    width: 60%;
    top: -80px;
  }
  .differenceObDivBody .swiper-container{
    padding: 40px calc(50% - 555px) 98px calc(50% - 555px);
  }
  .businessesObDivBody.sanalPos .businessesImages {
    width: auto;
  }
  .virtualPosObDiv .swiper-container{
    padding: 0px calc(50% - 555px);
  }
  .whyOderoObDiv{
    padding: 70px 60px;
  }
  .whyOderoObDivBody::before{
    right: 25%;
  }
  .productsServicesTopImages{
    right: -20vw;
  }
  .blokListProductsServicesDiv{
    padding: 40px 20px;
  }
  /* .blokListProductsServicesDiv:nth-child(5n+2){
    width: 410px;
    float: left;
  }
  .blokListProductsServicesDiv:nth-child(5n+3){
    width: 663px;
    float: right;
  } */
  /* .blokListProductsServicesDiv:nth-child(5n+4){
    width: 709px;
    float: left;
  } */
  /* .blokListProductsServicesDiv:nth-child(5n+5){
    width: 370px;
    float: right;
  } */
  .contactPageDiv{
    /* width: 355px;
    margin-right: 20px; */
  }
  .contactFormBg{
    left: -20%;
  }
  .contactFormLeft{
    width: 500px;
  }
  /* .helpInfo{
    width: 260px;
    height: 260px;
    margin-right: 23px;
  }
  .helpInfo>img{
    margin: 70px auto;
  }

  .helpInfoList1 .helpInfo:nth-child(3n+1){
    width: 543px;
  }
  .helpInfoList2 .helpInfo:nth-child(5n+3){
    width: 543px;
  }
  .helpInfoList2 .helpInfo:nth-child(5n+4){
    width: 826px;
  } */
  .newListLeft{
    width: 670px;
  }

  .securityRight{
    width: 790px;
  }
  .contractsVideoObDivBody .aboutVideoObDiv{
    height: 396px;
  }
  .contractsVideoObDivBody .aboutVideoTextDiv>h2{
    font-size: 30px;
    line-height: 36px;
  }
  .contractsVideoObDivBody .aboutVideoTextDiv>p{
    line-height: 24px;
  }
  .onlineShopLeftDiv{
    width: 400px;
    height: 850px;
  }
  .onlineShopRightDiv{
    width: 700px;
  }
  .onlineShopRightImages{
    height: 850px;
  }
  .onlineShopRightBg{
    width: 50vw;
  }
  .newListScroll{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .newListImagesDiv{
    height: 217px;
  }
  .tariffsTable .buttonRequestDemo{
    padding: 15px 20px;
  }
  .tariffsTable .buttonRequestDemo{
    padding: 15px 18px;
  }
  .tariffsTable .buttonRequestDemo>span{
    font-size: 14px;
  }

  .popupDemoDiv>h2{
    font-size: 40px;
    line-height: 51px;
    width: 410px;
  }
  .popupDemoObDiv{
    left: calc(50% - 555px);
  }
}
@media (min-width: 1000px){
  .headerNewMenu>li:hover>.headerNewMenuSubContainer{
    display: block;
  }
}
@media (min-width: 1000px) and (max-width: 1149px){
  .setObDiv,.newsObDiv {
    width: 960px;
  }
  .homeGetPaidLeft>h2 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 30px;
  }
  .homeGetPaidLeftLogoDiv {
    margin-top: 10px;
  }
  .homeGetPaidSlider .swiper-pagination-bullet-active{
    width: 70px;
  }
  .homeGetPaidObDivBody,.homeGetPaidLeft{
    height: 36vw;
  }
  .homePartnersObDiv>h2,.homeAboutRightObDiv>h2,.homeContactLeftObDiv>h2 {
    font-size: 32px;
    line-height: 48px;
  }
  .homeStartObDiv>h2{
    font-size: 28px;
    line-height: 42px;
  }
  .homeContactLeftListDiv>p {
    font-size: 18px;
    line-height: 30px;
  }

  .homeContactLeftObDiv {
    width: 440px;
}
  .homeContactLeftIconDiv{
    margin-right: 10px;
    margin-bottom: 15px;
  }
  .homeContactLeftIconDiv:nth-child(4n+4){
    margin-right: 10px;
  }
  .homeContactLeftIconDiv:nth-child(3n+3){
    margin-right: 0px;
  }
  .homeContactRightObDiv{
    width: 420px;
  }
  .homeContactRightObDiv>h3{
    font-size: 22px;
    line-height: 50px;
  }
  .topSliderImages{
    top: -15px;
  }
  .auboutTObBlokObDivBody{
    height: 600px;
  }
  .auboutTObBlokLeftText{
    width: 70%;
  }
  .auboutTObBlokLeft::after{
    width: 900px;
    height: 1600px;
    top: -40%;
  }
  .auboutTObBlokLeftText>h1,.auboutTObBlokLeftText>h2,.contactTopObDiv>h1{
    font-size: 46px;
    line-height: 68px;
  }
  .aboutVideoTextDiv>h2,.aboutGoalsObDiv>h2,.aboutNumbersLeft>h2,.aboutLicensesLeft>h2,.differenceTextObDiv>h2,.businessesLeftDiv>h2,.aboutContactObDiv>h2{
    font-size: 35px;
    line-height: 46px;
  }
  .aboutVideoObDiv{
    height: 480px;
    width: 852px;
  }
  .aboutVideoTextDiv {
    bottom: 40px;
    left: 70px;
  }
  .aboutNumbersLeft{
    width: 500px;
  }
  .aboutNumbersRightBg{
    top: -23vw;
  }
  .aboutNumbersRight>p{
    font-size: 100px;
    line-height: 150px;
  }
  .aboutBlokListObDiv .swiper-container{
    padding: 65px calc(50% - 480px);
  }
  .businessesImages {
    display: none;
  }
  .businessesLeftIcon{
    right: -60px;
  }
  .consultationRightImages,.consultationLeftDiv{
    height: 300px;
  }
  .differenceObDivBody .swiper-container{
    padding: 40px calc(50% - 480px) 98px calc(50% - 480px);
  }
  .businessesLeftSliderDiv{
    margin: 0px auto;
  }
  .virtualPosObDiv .swiper-container{
    padding: 0px calc(50% - 480px);
  }
  .whyOderoObDiv{
    padding: 60px 40px;
  }
  .whyOderoImages{
    width: 450px;
    height: 316px;
  }
  .whyOderoDivLeft{
    width: 380px;
    height: 316px;
  }
  .whyOderoObDivBody::before{
    right: 13%;
  }
  .productsServicesTopImages{
    right: -15vw;
  }
  .blokListProductsServicesDiv{
    padding: 40px 20px;
  }
  /* .blokListProductsServicesDiv:nth-child(5n+2){
    width: 410px;
    float: left;
  }
  .blokListProductsServicesDiv:nth-child(5n+3){
    width: 513px;
    float: right;
  } */
  /* .blokListProductsServicesDiv:nth-child(5n+4){
    width: 553px;
    float: left;
  } */
  /* .blokListProductsServicesDiv:nth-child(5n+5){
    width: 370px;
    float: right;
  } */
  .contactPageDiv{
    /* width: 306px;
    margin-right: 20px;
    padding: 30px 15px; */
  }
  .contactFormBg{
    left: -25%;
    bottom: -25%;
  }
  .contactFormLeft{
    width: 450px;
  }

  .helpInfo{
    width: calc(50% - 20px);
  }
  .helpInfoList1 .helpInfo:nth-child(3n+1),
  .helpInfoList2 .helpInfo:nth-child(5n+3),
  .helpInfoList2 .helpInfo:nth-child(5n+4),
  .helpInfoList2 .helpInfo:nth-child(5n+5){
    width: 100%;
    margin-right: 0px;
  }
  .helpInfoList2 .helpInfo:nth-child(5n+2){
    margin-right: 0px;
  }
  .helpInfoList3 .helpInfo:nth-child(2n+2){
    margin-right: 0px;
  }

  .newListLeft{
    width: 560px;
  }
  .newListRight{
    width: 370px;
  }

  .securityRight{
    width: 660px;
  }
  .securityLeft{
    width: 260px;
  }
  .contractsVideoObDivBody .aboutVideoObDiv{
    height: 330px;
  }
  .contractsVideoObDivBody .aboutVideoTextDiv {
    bottom: 30px;
    left: 40px;
  }
  .contractsVideoObDivBody .aboutVideoTextDiv>h2{
    font-size: 24px;
    line-height: 28px;
  }
  .contractsVideoObDivBody .aboutVideoTextDiv>p{
    line-height: 22px;
  }
  .contactPageOfficeDiv{
    width: 100%;
  }
  .onlineShopLeftDiv{
    width: 340px;
    height: 720px;
  }
  .onlineShopRightDiv{
    width: 600px;
  }
  .onlineShopRightImages{
    height: 720px;
  }
  .onlineShopRightBg{
    width: 50vw;
  }
  .newListScroll{
    grid-template-columns: repeat(2, 1fr);
  }
  .newListImagesDiv{
    height: 300px;
  }
  .tariffsTable .buttonRequestDemo{
    padding: 15px 15px;
  }
  .tariffsTable .buttonRequestDemo{
    padding: 15px 18px;
  }
  .tariffsTable .buttonRequestDemo>span{
    font-size: 14px;
  }
  .tariffsTableHeaderPrice{
    font-size: 23px;
    line-height: 30px;
  }
  .tariffsTableHeaderPrice>span{
    font-size: 14px;
  }
  .tariffsTableHeaderPriceDis{
    font-size: 18px;
    line-height: 22px;
  }
  .tariffsTable thead>tr:first-child>th:first-child{
    width: 200px;
  }
  .tariffsTableHeaderLabel>h4{
    font-size: 10px;
  }

  .businessesAboutSliderIcon{
    right: 10vw;
  }
  .headerNewMenuSubContainer{
    max-width: 950px;
  }
  .popupDemoDiv>h2{
    font-size: 32px;
    line-height: 41px;
    width: 340px;
    left: 40px;
  }
  .popupDemoObDiv{
    left: calc(50% - 480px);
  }
  .popupDemoImages{
    top: 80px;
    width: 380px;
  }
  .popupDemoFormObDiv{
    width: 500px;
  }
  .blokListProductsServicesRight>img{
    max-height: 180px;
  }
  .blokListProductsServicesList{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .headerNewMenu{
    grid-column-gap: 10px;
    margin-right: 10px;
  }
  .headerMenu>a{
    margin-right: 10px;
  }
}

@media (min-width: 0px) and (max-width: 999px){
  .setObDiv,.newsObDiv{
    width: 92%;
  }
  .headerLogo{
    display: none;
  }
  .headerLogoMobile{
    display: block;
  }
  .menuBurgerDiv{
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    padding: 8px 0px;
  }
  .menuBurgerDiv>img{
    height: 100%;
  }
  .headerMenu{
    position: fixed;
    top: 0px;
    right: -150%;
    width: 88%;
    height: calc(100vh - 48px);
    background-color: #fff;
    padding: 24px 6%;

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

  }
  .headerMenu.open{
    right: 0px;
  }
  .mobileMenuLogo{
    display: block;
    margin-bottom: 26px;
  }
  .logoMenu{
    display: block;
    height: 46px;
    float: left;
    font-size: 0px;
  }
  .logoMenu>img{
    height: 100%;
  }
  .closeMenuMobile{
    display: block;
    width: 12px;
    height: 12px;
    padding: 6px;
    float: right;
    font-size: 0px;
    margin: 5px 0px;
  }
  .closeMenuMobile>img{
    width: 100%;
  }
  .headerMenu>a{
    float: none;
    display: block;
    margin: 0px;
    margin-bottom: 26px;
    padding: 10px 12px;
    font-size: 16px;
  }
  .headerMenu>a.active{
    background-color: #FE0000;
    color: #000;
    padding: 10px 10px;
  }

  header{
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .headerObDiv{
    padding: 12px 0px;
  }
  /* .headerFixed~main{
    margin-top: 71px;
  }
  header.headerBorderNone.headerFixed~main{
    margin-top: 58px;
  }
  header.headerFixed .headerObDiv{
    padding-bottom: 12px;
  } */
  main{
    padding-top: 71px;
  }

  .homeGetPaidLeftBg{
    display: none;
  }
  .homeGetPaidObDivBody{
    height: auto;
  }
  .topSliderImages{
    display: none;
  }
  .homeGetPaidObDivBg{
    text-align: right;
  }
  .topSliderImagesMobile{
    display: inline-block;
    width: 94%;
  }
  .homeGetPaidLeft{
    height: auto;
    width: 100%;
  }
  .homeGetPaidSliderPrev,.homeGetPaidSliderNext{
    width: 30px;
    height: 30px;
  }
  .homeGetPaidSliderPrev{
    margin-right: 9px;
  }
  .homeGetPaidSlider .swiper-pagination-bullet{
    width: 16px;
    margin-right: 3px;
  }
  .homeGetPaidSlider .swiper-pagination-bullet-active,.homeGetPaidSlider .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active {
    width: 58px;
  }
  .homeGetPaidSlider .swiper-pagination-bullet i,.homeGetPaidSlider .swiper-pagination-bullet b{
    height: 4px;
  }
  .homeGetPaidSliderPagination {
    margin-top: 4px;
    margin-right: 14px;
  }
  .homeGetPaidSliderNavObDiv{
    bottom: auto;
    top: 73vw;
    right: 18vw;
  }
  .homeGetPaidLeft>h2{
    font-family: AltoneRegular;
    font-size: 28px; 
    line-height: 39px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 15px;
  }
  .homeGetPaidLeftButtomDiv>a.merchant{
    font-family: AltoneSemiBold;
    float: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    background-color: #FE0000;
  }
  
  .homeGetPaidLeftButtomDiv>a.contact{
    font-family: AltoneSemiBold;
    float: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    margin: 0px;
  }
  .homeGetPaidLeftLogoDiv{
    margin-top: 10px;
  }
  .homePartnersObDivBody{
    margin-top: 0px;
    padding: 60px 0px;
  }
  .homePartnersObDiv>h2{
    font-size: 28px;
    line-height: 39px;
    margin-bottom: 30px;
  }
  .homePartnersObDiv>p{
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .homePartnersDiv{
    width: 156px;
    height: 62px;
    border-radius: 12px;
  }
  .homePartnersDiv>img{
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .homeAboutLeftBg{
    width: 62vw;
    top: -8%;
  }
  .homeAboutRightBg{
    display: none;
  }
  .homeAboutObDivBody{
    height: auto;
    padding: 72px 0px 37px 0px;
  }
  .homeAboutImages{
    position: initial;
    width: 75%;
    margin-top: 43px;
  }
  .homeAboutRightObDiv{
    position: initial;
    width: 100%;
  }
  .homeAboutObDiv{
    font-size: 0px;
  }
  .homeAboutRightObDiv>h2,.homeAboutRightObDiv>p{
    display: none;
  }
  .homeAboutObDiv>h2{
    display: block;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -0.02em;
    color: #fff;
    margin: 0px 0px 14px 0px;
  }
  .homeAboutObDiv>p{
    display: block;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin: 0px;
  }
  .homeAboutRightSliderDiv{
    margin-top: 0px;
  }
  .homeAboutRightDiv{
    width: 204px;
    height: 230px;
    padding: 67px 25px 25px 25px;
  }
  .homeAboutRightDiv>h3{
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0px;
  }
  .homeAboutRightDiv>h4{
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0px 4px 0px;
  }
  .homeAboutRightDiv>p{
    font-size: 10px;
    line-height: 13px;
  }
  .homeAboutRightDiv>img{
    top: 15px;
    right: 15px;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  .homeAboutRightWhy{
    font-family: AltoneSemiBold;
    float: none;
    width: 100%;
    font-size: 18px;
    background-color: #FE0000;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    height: 57px;
    line-height: 59px;
    margin-top: 53px;
  }
  .homeStartObDivBody{
    background: none;
    padding: 50px 0px 17px 0px;
    background-color: rgb(166,224,232,0.1);
  }
  .homeStartBg{
    display: none;
  }
  .homeStartBgMobile{
    display: block;
    position: absolute;
    right: 0px;
    top: 67px;
    z-index: 1;
    width: 24%;
  }
  .homeStartObDiv>h2{
    width: 100%;
    color: #000;
    display: block;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -0.02em;
    height: auto;
    float: none;
  }
  .homeStartObDiv>h2>span{
    color: #FE0000;
  }
  .homeStartLeftObDiv{
    width: 100%;
    display: block;
    height: auto;
    float: none;
  }
  .homeStartObDiv>a{
    font-family: AltoneSemiBold;
    float: none;
    width: 100%;
    font-size: 18px;
    background-color: #252D3D;
    color: #fff;
    border-radius: 4px;
    height: 60px;
    line-height: 62px;
    position: relative;
    margin-top: 71px;
  }
  .homeStartObDiv>a::after{
    position: absolute;
    right: 34px;
    top: 22px;
  }
  .homeContactObDivBody{
    background-color: transparent;
    padding: 60px 0px;
  }
  .homeContactLeftObDiv{
    width: 100%;
    float: none;
  }
  .homeContactLeftObDiv>h2{
    font-size: 28px;
    line-height: 39px;
    margin-bottom: 16px;
  }
  .homeContactLeftListDiv>p{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .homeContactLeftListDiv{
    padding-bottom: 16px;
  }
  .homeContactLeftIconObDiv{
    display: none;
  }
  .homeContactRightObDiv{
    width: 100%;
    padding-top: 16px;
  }
  .homeContactRightObDiv>h3{
    display: none
  }
  .homeContactBg{
    display: none;
  }
  .logoFooter{
    display: none;
  }
  .logoFooterMobile{
    display: inline-block;
    height: 24px;
  }
  .logoFooterMobile>img{
    height: 100%;
  }
  .footerTopDiv{
    display: none;
  }
  .footerTopDivRightMobile{
    display: block;
    float: none;
    margin: 0px auto;
    width: 250px;
  }
  .footerTopObDivBody{
    padding: 34px 0px 50px 0px;
  }
  .footerTopListDiv{
    display: block;
    width: 100%;
    margin: 54px auto 35px auto;
  }
  .footerTopList{
    width: 100%;
    max-width: initial;
  }
  .footerRegisLngDiv{
    float: none;
    margin: 0px 0px 36px 0px;
  }
  .footerRegisLngDiv>img{
    margin-right: 16px;
  }
  .footerSossialDiv{
    float: none;
  }
  .footerSossialDiv>a{
    margin-right: 50px;
  }
  .footerTopList{
    margin-bottom: 36px;
  }
  .footerTopList:last-child{
    margin-bottom: 0px;
  }
  .footerTopList>li{
    height: 36px;
    overflow: hidden;
    margin-bottom: 36px;
  }
  .footerTopList>li.active{
    height: auto;
  }
  .footerTopList>li:last-child{
    margin-bottom: 0px;
  }
  .footerTopList.footerTopListSub>li{
    margin-bottom: 0px;
  }
  .footerTopList>li>a{
    position: relative;
    font-size: 14px;
    line-height: 36px;
    padding-right: 22px;
  }
  .footerTopList.footerTopListSub>li>a::after{
    content: "+";
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 40px;
    line-height: 36px;

    -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;

  }
  .footerTopList.footerTopListSub>li.active>a::after{
    color: #fff;

    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .footerTopList>li>ul>li>a{
    font-size: 14px;
    line-height: 20px;
  }
  .footerBottomSred>a{
    height: 24px;
    max-width: 80px;
    margin-right: 20px;
    vertical-align: middle;
  }
  .footerBottomSred>a::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .footerBottomSred>a>img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
  }
  .footerBottomSred{
    width: 100%;
    margin: 30px auto 0px auto;
  }
  .footerBottomObDiv{
    width: 300px;
  }
  .footerCopy{
    line-height: 24px;
  }
  .footerBottomLeft{
    height: auto;
    max-width: 50%;
    margin: 0px;
  }
  .footerBottomLeft>img {
    height: auto;
    max-width: 100%;
  }
  .footerBottomObDivBody{
    padding: 80px 0px;
  }
  .aboutNumbersSlider{
    width: 116px;
    height: 48px;
    border-radius: 9px;
  }
  .aboutNumbersSlider>img {
    max-width: 80%;
    max-height: 80%;
  }
  .auboutTObBlokLeft::after{
    display: none;
  }
  .aboutTopImages{
    display: none;
  }
  .auboutTObBlokObDivBody{
    height: auto;
    padding-top: 36px;
    padding-bottom: 24px;
    text-align: center;
  }
  .auboutTObBlokLeft{
    width: 100%;
  }
  .auboutTObBlokLeftText{
    display: block;
    height: auto;
    width: 100%;
  }

  .auboutTObBlokLeftText>h5,.contactTopObDiv>h5{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 9px;
  }
  .auboutTObBlokLeftText>h1,.auboutTObBlokLeftText>h2,.contactTopObDiv>h1{
    font-size: 28px;
    line-height: 39px;
  }
  .aboutTopImagesMobile{
    width: 100%;
    height: 90vw;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin: 20px 0px 24px 0px;
  }
  .aboutTopImagesMobile>p{
    width: calc(100% - 30px);
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    margin: 0px;
    padding: 20px 15px;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 50%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 50%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 50%);
  }
  .auboutTObBlokLeftText>a{
    width: 100%;
  }

  .aboutVideoDiv{
    
  }
  .aboutVideoTextDiv{
    position: initial;
    height: 0px;
  }
  .aboutVideoTextDiv>h2,.aboutVideoTextDiv>p{
    display: none;
  }

  .aboutVideoObDivBody>h2{
    display: block;
    font-family: AltoneSemiBold;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.02em;
    color: #03200B;
    width: 92%;
    margin: 0px auto 16px auto;
  }
  .aboutVideoObDivBody>p{
    display: block;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #03200B;
    width: 92%;
    margin: 19px auto 0px auto;
  }

  .aboutVideoImages{
    border-radius: 7px;
  }
  .aboutVideoDiv{
    border-radius: 7px;
  }
  .aboutVideoButton{
    width: 54px;
    height: 54px;
    top: calc(50% - 27px);
    left: calc(50% - 27px);
  }
  .aboutVideoObDiv{
    height: 52vw;
    width: 92vw;
  }
  .aboutVideoObDivBody{
    padding: 42px 0px;
  }
  .aboutLicensesObDivBody{
    display: none;
  }
  .aboutGoalsObDiv>h2,.aboutContactObDiv>h2{
    font-size: 24px;
    line-height: 34px;
    color: #03200B;
  }
  .aboutGoalsDiv{
    float: none;
    margin-right: 0px;
    margin-bottom: 24px;
    padding: 30px 31px 60px 31px;
    width: 100%;
    min-height: auto;
  }
  .aboutGoalsDiv:last-child{
    margin-bottom: 0px;
  }
  .aboutGoalsLeft{
    float: none;
    margin-right: 0px;
    margin-bottom: 26px;
  }
  .aboutGoalsRight{
    float: none;
    width: 100%;
  }
  .aboutGoalsObDivBody{
    padding-bottom: 38px;
  }
  .aboutNumbersObDivBody{
    padding: 48px 0px 64px 0px;
  }
  .aboutNumbersLeft{
    width: 100%;
    float: none;
  }
  .aboutNumbersLeft>h2,.differenceTextObDiv>h2,.businessesLeftDiv>h2,.businessesLeftDiv>h2,
  .businessesLeftObDiv>h2,.consultationLeftDiv>h2,.newsTextDiv h1,.newsTextDiv h2,.whyOderoObDiv>h2,.virtualPosText>h2,
  .homeStartLeftObDiv>h2,.blokListProductsServicesObDiv>h2,.contactPageOfficeObDiv>h2,.contactFormLeft>h2,.helpInfoDiv>h2,.helpFaqObDiv>h2,
  .newListObDiv>h2,.aboutBlokListObDiv>h2,.registrationObDiv>h2,.onlineShopLeftDiv>h2,.businessesAboutSliderHeader>h2,.blogTopBlok>h2{
    font-size: 24px;
    line-height: 34px;
    color: #150209;
    margin-bottom: 16px;
  }
  .aboutNumbersLeft>p,.differenceTextObDiv>p,.businessesLeftObDiv>p,.businessesLeftDiv>p,.businessesLeftDiv>span,.consultationLeftDiv>p,
  .businessesLeftObDiv>p,.newsTextDiv p,.whyOderoObDiv>p,.whyOderoDivLeft>p,.virtualPosText>p,.virtualPosDiv>p,
  .homeStartLeftObDiv>p,.contactFormLeft>p,.newListObDiv>p,.newListDiv>p,.onlineShopLeftDiv>p,.businessesAboutSliderHeader>p{
    font-size: 13px;
    line-height: 22px;
    color: #03200B;
  }
  .aboutNumbersRightBg{
    display: none;
  }
  .aboutNumbersRightBgMobile{
    display: block;
    max-height: 100%;
    width: 90%;
    max-width: 500px;
    position: absolute;
    top: 8%;
    right: 0px;
  }
  .aboutBlokListObDiv .swiper-container{
    padding: 36px 4%;
  }
  .aboutBlokListDiv{
    padding: 43px 13px;
    width: 214px;
    height: 246px;
    border-radius: 8px;
  }
  .aboutBlokListDiv>img{
    /* width: 80px; */
    height: 62px;
  }
  .aboutBlokListDiv>h3{
    font-size: 16px;
    line-height: 22px;
    margin: 12px 0px;
    height: 22px;
  }
  .aboutBlokListDiv>p{
    font-size: 12px;
    line-height: 17px;
    height: 51px;
  }
  .aboutNumbersSliderObDiv{
    margin-top: 73px;
  }
  .aboutNumbersRight{
    width: 200px;
    margin-top: 48px;
  }
  .aboutNumbersRight>p{
    font-size: 80px;
    line-height: 112px;
    margin-bottom: 8px;
  }
  .aboutNumbersRight>span{
    font-size: 14px;
    line-height: 20px;
  }
  .differenceObDivBody{
    padding-top: 42px;
    padding-bottom: 0px;
  }
  .differenceObDivBody .swiper-container{
    padding: 36px 4% 20px 4%;
  }
  .differenceDiv{
    width: 216px;
    height: 273px;
    padding: 20px 18px;
    border-radius: 12px;
  }
  .differenceDiv>img{
    width: 70px;
  }
  .differenceDiv>h3{
    font-size: 16px;
    line-height: 22px;
    color: #03200B;
    height: 22px;
    margin: 15px 0px 10px 0px;
  }
  .differenceDiv>p{
    font-size: 12px;
    line-height: 21px;
    color: #03200B;
    height: 122px;
  }
  .differenceLeftBg{
    display: none;
  }
  .differenceNavigationObDiv{
    display: none;
  }
  .businessesImages{
    display: none;
  }
  .businessesImagesMobile{
    display: block;
    width: 100%;
    border-radius: 12px;
    margin-top: 16px;
  }
  .businessesLeftObDiv>h2,.businessesLeftObDiv>p{
    width: 100%;
    max-width: 600px;
  }
  .businessesLeftObDiv{
    padding-top: 0px;
  }
  .businessesObDivBody{
    height: auto;
    padding-top: 36px;
    padding-bottom: 84px;
    overflow-x: hidden;
  }
  .businessesLeftSlider{
    padding: 30px 13px 50px 13px;
    width: calc(100% + 26px);
    margin: -45px 0px 0px -13px;
    box-sizing: border-box;
  }
  .businessesLeftSliderDiv{
    width: 100%;
  }
  .businessesLeftPrev,.businessesLeftNext{
    display: none;
  }
  .businessesLeftsliderNavPaciObDiv{
    width: 100%;
    left: 0px;
  }
  .businessesLeftPagination{
    float: none;
    margin: 0px auto;
  }
  .businessesLeftDiv{
    width: 100%;
    height: auto;
    padding: 35px 24px 35px 24px;
  }
  .businessesLeftDiv>span{
    display: block;
    position: initial;
    margin-top: 29px;
  }
  .businessesLeftDiv>h3{
    font-size: 18px;
    line-height: 25px;
    color: #03200B;
  }
  .consultationLeftDiv>h2,.consultationLeftDiv>p{
    color: #fff;
  }
  .businessesLeftIcon{
    width: 82px;
    right: -25px;
    bottom: 5px;
  }
  
  .consultationObDivBody{
    padding: 36px 0px;
  }
  .consultationRightImages{
    width: 100%;
    height: auto;
    float: none;
    border-radius: 12px;
  }
  .consultationLeftDiv{
    width: 100%;
    height: auto;
    float: none;
    margin-top: 35px;
  }
  .newsTextDiv,.newsTextDiv img{
    margin: 36px 0px;
  }
  .newsTextDi >p {
    margin-bottom: 16px;
  }
  .whyOderoObDiv>h2,.whyOderoObDiv>p,.virtualPosText>h2,.virtualPosText>p,.businessesAboutSliderHeader>p{
    width: 100%;
  }
  .whyOderoObDivBody{
    padding: 48px 0px 64px 0px;
  }
  .virtualPosObDiv .swiper-container{
    padding: 0px 4%;
  }
  .virtualPosDiv>h3{
    font-size: 16px;
    line-height: 22px;
    margin: 18px 0px;
  }
  .virtualPosDiv>img {
    width: 140px;
    height: 140px;
  }
  .whyOderoObDiv{
    padding: 36px 20px 64px 20px;
  }
  .whyOderoImages{
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 10px;
  }
  .whyOderoDivLeft{
    width: 100%;
    height: auto;
    float: none;
  }
  .whyOderoObDivBody::before{
    display: none;
  }
  .whyOderoDivLeft>h3{
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0px 10px 0px;
  }
  .whyOderoDiv {
    margin-bottom: 70px;
  }
  .virtualPosObDivBody{
    padding: 48px 0px 64px 0px;
  }
  .sanalPos .aboutBlokListDiv{
    padding: 43px 13px;
    height: 246px;
  }
  .sanalPos .aboutBlokListDiv>h3{
    margin: 12px 0px;
    height: 22px;
  }
  .sanalPos .aboutBlokListDiv>p{
    height: 51px;
  }
  .sanalPos .aboutBlokListDiv>p.aboutBlokCardStorageText{
    margin-top: 16px;
    height: 84px;
  }
  .whyOderoObDivBody.whyOderoWallet,.whyOderoObDivBody.whyOderoMarketplace{
    padding: 48px 0px;
  }
  .aboutBlokListPayment .aboutBlokListDiv{
    width: 214px;
    height: 246px;
    padding: 43px 13px;
  }
  .productsServicesTopImages{
    display: none;
  }
  .auboutTobBlokProductsServices .auboutTObBlokLeftText {
    max-width: initial;
  }
  .auboutTobBlokProductsServices{
    background-color: #FE0000;
  }
  .blokListProductsServicesObDiv>h2{
    width: 100%;
  }
  .blokListProductsServicesObDivBody{
    background-color: #fbf6f6;
    padding: 42px 0px 0px 0px;
  }

  /* .blokListProductsServicesDiv:nth-child(5n+1),.blokListProductsServicesDiv:nth-child(5n+1) .blokListProductsServicesLeft,
  .blokListProductsServicesDiv:nth-child(5n+2),.blokListProductsServicesDiv:nth-child(5n+2) .blokListProductsServicesLeft,
  .blokListProductsServicesDiv:nth-child(5n+3),.blokListProductsServicesDiv:nth-child(5n+3) .blokListProductsServicesLeft,
  .blokListProductsServicesDiv:nth-child(5n+4),.blokListProductsServicesDiv:nth-child(5n+4) .blokListProductsServicesLeft,
  .blokListProductsServicesDiv:nth-child(5n+5),.blokListProductsServicesDiv:nth-child(5n+5) .blokListProductsServicesLeft{
    width: 100%;
    display: block;
    float: none;
  } */
  .blokListProductsServicesRight{
    display: block;
    float: none;
    width: 100%;
    height: 100px;
    margin-bottom: 24px;
    grid-row: 1;
  }
  .blokListProductsServicesRight>img{
    max-height: 100%;
  }
  .blokListProductsServicesLeft>span{
    display: none;
  }
  .blokListProductsServicesDiv{
    display: block;
    padding: 24px 24px 48px 24px;
    border-radius: 12px;
    display: grid;
    grid-template-rows: min-content 1fr;
  }
  .blokListProductsServicesLeft>p{
    height: auto;
    overflow: initial;
    font-size: 12px;
    line-height: 21px;
    color: #03200B;
  }
  .blokListProductsServicesLeft>h3{
    height: auto;
    overflow: initial;
    font-size: 20px;
    line-height: 28px;
    color: #03200B;
    letter-spacing: 0.02em;
  }
  .homeGetPaidObDivBody .swiper-container.homeGetPaidSlider {
    overflow: hidden;
  }
  .contactTopObDiv>h5{
    margin-bottom: 16px;
  }
  .contactTopObDivBody{
    padding: 46px 0px 66px 0px;
  }
  .contactPageObDivBody{
    background-color: #fbf6f6;
    padding-top: 64px;
    padding-bottom: 70px;
  }
  .contactPageDiv{
    margin: 0px auto 16px auto;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
    width: 100%;
    padding: 24px 24px;
  }
  .contactPageDiv:last-child{
    margin-bottom: 0px;
  }
  .contactPageDiv>h3{
    font-size: 20px;
    line-height: 28px;
  }
  .contactPageDiv>a{
    font-size: 16px;
    line-height: 16px;
  }
  .contactPageOfficeObDiv{
    /* margin-top: 36px; */
  }
  .contactPageOfficeObDiv>h2{
    margin-bottom: 23px;
  }
  .contactFormBg,.contactFormLeft{
    display: none;
  }
  .contactFormObDivBody .homeContactRightObDiv>h3{
    display: block;
    border-bottom: 1px solid rgba(211, 211, 211, 0.2);
    padding-bottom: 24px;
  }
  .contactFormObDivBody{
    padding: 34px 0px;
  }
  .contactPageOfficeDiv{
    width: 100%;
    height: auto;
    padding: 24px 16px;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .contactPageOfficeImages{
    float: none;
    width: 100%;
    height: auto;
    margin: 16px 0px;
  }
  .contactPageOfficeLeft{
    float: none;
    width: 100%;
  }
  .contactPageOfficeLeftBottom{
    position: initial;
  }
  .contactPageOfficeLeft>h3{
    display: none;
  }
  .contactPageOfficeDiv>h3{
    display: block;
  }
  .helpQuestionsDiv{
    display: none;
  }
  .contactTopObDiv>p{
    font-size: 16px;
  }
  .helpTopObDivBody .contactTopObDiv>p,.newsListTopObDivBody .contactTopObDiv>p{
    font-size: 12px;
    line-height: 22px;
  }
  .helpTopInputObDiv{
    height: 40px;
  }
  .helpTopInputObDiv>input{
    font-size: 13px;
    width: calc(100% - 64px);
    border-radius: 8px 0px 0px 8px;
  }
  .helpTopInputObDiv>button{
    line-height: 0px;
    font-size: 0px;
    width: 64px;
    background-image: url(../images/iconSearch.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border-radius: 0px 6px 6px 0px;
  }

  .helpInfoObDivBody{
    padding: 36px 0px;
  }
  .helpInfoDiv{
    margin-bottom: 20px;
  }
  .helpInfo{
    width: calc(50% - 6px);
    margin-right: 12px;
    margin-bottom: 16px;
    height: 185px;
    padding: 20px 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 12px;
  }
  .helpInfo>h3{
    bottom: 16px;
    left: 12px;
    font-size: 16px;
    line-height: 22px;
  }
  .helpInfo>img{
    margin: 10px auto 0px auto;
  }
  .helpInfoList1 .helpInfo:nth-child(3n+1),
  .helpInfoList2 .helpInfo:nth-child(5n+3),
  .helpInfoList2 .helpInfo:nth-child(5n+4),
  .helpInfoList2 .helpInfo:nth-child(5n+5),
  .helpInfoList3 .helpInfo:nth-child(4n+3),
  .helpInfoList3 .helpInfo:nth-child(5n+4){
    width: 100%;
    margin-right: 0px;
  }
  .helpInfoList2 .helpInfo:nth-child(5n+2){
    margin-right: 0px;
  }
  .helpInfoList3 .helpInfo:nth-child(4n+2){
    margin-right: 0px;
  }
  .helpFaqObDivBody{
    padding: 52px 0px 110px 0px;
  }
  .helpFaqList{
    margin-top: 36px;
  }
  .helpFaqDiv{
    padding: 12px 0px;
  }
  .helpFaqName{
    font-size: 16px;
    line-height: 28px;
  }
  .helpFaqText{
    margin: 0px 0px 0px 40px;
  }
  .helpFaqText>p{
    font-size: 14px;
    line-height: 28px;
    margin: 12px 0px 0px 0px;
  }
  .helpFaqText>a{
    font-size: 16px;
    line-height: 36px;
  }
  .helpFaqName::after{
    top: 2px;
  }
  .newListObDivBody{
    padding: 40px 0px 80px 0px;
  }
  .newListScroll {
    /* margin-top: 36px; */
  }
  .newListLeft{
    width: 100%;
    margin-bottom: 56px;
    position: initial;
  }
  .newListRight{
    width: 100%;
  }
  
  /* .newsListTObBlokObDivBody .auboutTObBlokLeft{
    width: 100%;
  } */
  /* .newsListTObBlokObDivBody .aboutTopImagesMobile>p {
    max-width: initial;
  } */

  .newListFilterObDivBody{
    -webkit-overflow-scrolling: touch !important;
    overflow-x: scroll;
  }

  .newListFilterObDivBody::-webkit-scrollbar {
    width: 0px;
    display: none;
  }
  .newListFilterObDivBody::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 0px;
      border-bottom: 0px solid transparent;
      border-top: 0px solid transparent;
      border-left: 0px solid transparent;
      display: none;
  }
  .newListFilterObDivBody::-webkit-scrollbar-thumb {
      border-radius: 0px;
      background: transparent;
      display: none;
  }

  .newListFilterObDiv{
    width: 600px;
  }
  .newListFilterLink{
    margin: 0px 4px;
    font-size: 13px;
  }
  .newListFilterSelectDiv{
    display: none;
  }
  .newListFilterSelectDiv>span, .newListFilterSubSelect>a{
    font-size: 13px;
  }
  .securityTopObDivBody{
    padding: 46px 0px 43px 0px;
  }
  .securityRight{
    float: none;
    width: 92%;
    margin: 0px auto;
  }
  .securityTopObDivBody .contactTopObDiv>h5{
    font-size: 12px;
    line-height: 17px;
  }
  .securityObDivBody{
    padding: 0px 0px 36px 0px;
  }
  .securityRight h2, .securityRight h3{
    font-size: 24px;
    line-height: 34px;
  }
  .securityRight p{
    font-size: 14px;
    line-height: 28px;
  }
  .securityRight ul li{
    font-size: 14px;
    line-height: 20px;
  }
  .securityRight img{
    border-radius: 12px;
  }
  .securityLeftLink{
    font-size: 13px;
    display: inline-block;
    width: auto;
    margin: 0px 4px;
  }
  .securityObDiv{
    width: 100%;
  }
  .securityLeftScroll{
    width: 1100px;
  }
  .contractsLeftScroll{
    width: 900px;
  }

  .securityLeft{
    float: none;
    width: 100%;
    -webkit-overflow-scrolling: touch !important;
    overflow-x: scroll;
    padding: 24px 0px;
    background-color: #fff;

    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 30;
  }

  .securityLeft::-webkit-scrollbar {
    width: 0px;
    display: none;
  }
  .securityLeft::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 0px;
      border-bottom: 0px solid transparent;
      border-top: 0px solid transparent;
      border-left: 0px solid transparent;
      display: none;
  }
  .securityLeft::-webkit-scrollbar-thumb {
      border-radius: 0px;
      background: transparent;
      display: none;
  }
  .helpStartObDivBody{
    display: none;
  }
  .securityStartObDivBody{
    background: linear-gradient(66.3deg, #FE0000 4.09%, #06D2FF 115.17%);
    padding: 91px 0px 56px 0px;
  }
  .securityStartObDivBody .homeStartObDiv>h2,.securityStartObDivBody .homeStartObDiv>h2>span{
    color: #fff;
  }
  .securityStartObDivBody .homeStartObDiv>a{
    font-family: AltoneRegular;
    background-color: #fff;
    color: #FE0000;
    border-radius: 6px;
    height: 45px;
    line-height: 47px;
  }
  .contractsVideoObDivBody .aboutVideoObDiv{
    height: 46vw;
  }
  .contractsVideoObDivBody{
    padding: 0px;
  }
  .contractsVideoObDivBody.aboutVideoObDivBody>h2{
    font-size: 18px;
    line-height: 24px;
  }
  .footerVoenObDiv>p{
    text-align: center;
  }
  .aboutBlokListObDiv{
    padding-top: 48px;
  }
  .aboutContactObDivBody{
    padding: 32px 0px 64px 0px;
  }
  .aboutContactLeft{
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .aboutContactRight{
    float: none;
    width: 100%;
  }
  .messagesSuccessObDiv{
    width: 92%;
    height: 400px;
    left: 4%;
  }
  .messagesSuccessObDiv.open{
    top: calc(50vh - 200px);
  }
  .messagesSuccessDiv{
    width: 90%;
    max-width: 450px;
  }
  .messagesSuccessButton{
    width: 100%;
    max-width: 290px;;
  }
  .messagesSuccessDiv>img{
    width: 48px;
  }
  .messagesSuccessDiv>h2{
    font-size: 24px;
    line-height: 34px;
  }
  .onlineShopLeftDiv{
    float: none;
    display: block;
    height: auto;
    width: 100%;
  }
  .onlineShopRightDiv{
    width: 100%;
    float: none;
  }
  .onlineShopRightImages{
    height: auto;
    width: 100%;
  }
  .onlineShopRightBg{
    display: none;
  }
  .newListScroll{
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .newListDiv{
    padding: 20px 20px 30px 20px;
    border-radius: 12px;
  }
  .newListDiv>h3>a{
    font-size: 18px;
    line-height: 26px;
  }
  .newListImagesDiv{
    height: calc(50vh - 95px);
  }
  .newListDiv>span{
    font-size: 14px;
    line-height: 20px;
  }
  .newListDiv>p{
    height: 66px;
  }
  .newListImagesDiv{
    height: calc(40vw - 82px);
  }
  .productsServicesHeaderList,.aboutHeaderList{
    width: calc(100% - 45px);
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 20px 15px 20px 30px;
    /* background: -moz-linear-gradient(top,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 50%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 50%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 50%); */

    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    height: 100%;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 95%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 95%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 8%,rgba(0,0,0,.6) 95%);

  }
  .productsServicesHeaderList>li{
    font-size: 13px;
    line-height: 22px;
    text-align: left;
  }
  .aboutHeaderList>li{
    font-size: 13px;
    line-height: 22px;
    text-align: left;
    color: #fff;
  }
  .tariffsBlok>.blokNameH2{
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }
  .tariffsBlok>.blokNameH3{
    font-size: 20px;
    line-height: 34px;
    text-align: center;
  }
  .tariffsList{
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0px;
    border-radius: 0px;
    margin-top: 40px;
  }
  .tariffsTable{
    display: none;
  }
  .tariffsMobList{
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  .tariffsMob{
    border-radius: 16px;
    background-color: #FFF;
    -webkit-box-shadow: 4px 4px 50px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 4px 4px 50px 0px rgba(0, 0, 0, 0.10);
    width: 100%;
    max-width: 450px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .tariffsMobBorder{
    padding-top: 0px;
  }
  .tariffsMobLabel{
    background: linear-gradient(28deg, #FE0000 -4.35%, #06D2FF 103.49%);
    font-family: AltoneSemiBold;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    padding: 4px 0px;
    color: #fff;
    border-radius: 16px 16px 0px 0px;
    margin: 0px;
  }
  .tariffsMobName{
    font-family: AltoneSemiBold;
    font-size: 20px;
    line-height: 25px;
    color: #FE0000;
    margin: 18px 0px 10px 0px;
    text-align: center;
  }
  .tariffsMobPrice{
    font-size: 30px;
    line-height: 40px;
    color: #000;
    margin: 0px;
    text-align: center;
  }
  .tariffsMobPrice>span{
    font-size: 16px;
    color: #A2A2A2;
  }
  .tariffsMobPrice>span:last-child{
    font-family: AltoneRegular;
  }
  .tariffsMobPrice>span:first-child{
    text-decoration: line-through;
  }
  .tariffsMob .buttonRequestDemo{
    margin: 0px auto;
    display: block;
    width: fit-content;
  }
  .tariffsMobHeaderSpan{
    font-family: AltoneRegular;
    font-size: 12px;
    line-height: 12px;
    color: #A2A2A2;
    display: block;
    text-align: center;
    margin-top: 12px;
  }
  .tariffsMobSredList{
    margin-top: 17px;
    display: grid;
    grid-row-gap: 10px;
  }
  .tariffsMobSred{
    display: grid;
    grid-template-columns: 1fr 67px;
    align-items: center;
    padding: 0px 20px;
  }
  .tariffsMobSred>p{
    font-family: AltoneRegular;
    font-size: 14px;
    line-height: 17px;
    margin: 0px;
  }
  .tariffsMobSred>p:nth-child(2){
    font-family: AltoneRegular;
    text-align: center;
  }
  .tariffsMobSred>p.bold{
    font-family: AltoneSemiBold;
  }
  .tariffsMobSred>img{
    display: block;
    width: 17px;
    margin: 0px auto;
  }
  .businessesAboutSliderList{
    padding: 32px 0px;
  }
  .businessesAboutSlider{
    width: 92%;
    grid-template-columns: 1fr;
    padding: 24px 24px;
  }
  .businessesAboutSliderText{
    grid-column: initial;
    grid-row: initial;
    padding: 0px;
    background-color: transparent;
    margin: 24px 0px;
    font-size: 14px;
    line-height: 22px;
  }
  .businessesAboutSliderIcon{
    right: -10px;
  }
  .businessesAboutSliderNavList{
    display: none;
  }
  .businessesAboutSliderPagination{
    display: grid;
  }
  .businessesAboutSliderLogo{
    margin-top: 0px;
  }
  .businessesAboutSliderAvtor{
    margin-bottom: 0px;
  }
  .businessesAboutSliderContainer{
    padding: 80px 0px;
  }
  .aboutBlokListObDivBody.marketplace .aboutBlokListDiv{
    padding: 40px 10px;
  }
  .aboutBlokListObDivBody.marketplace .aboutBlokListDiv>p{
    margin-top: 24px;
  }
  .aboutBlokListObDivBody.marketplace .aboutBlokListDiv>img{
    height: 80px;
  }
  .headerNewMenu{
    float: none;
    grid-auto-flow: row;
    grid-row-gap: 26px;
    margin: 0px 0px 26px 0px;
  }
  .headerNewMenu>li>a{
    padding: 10px 12px;
    font-size: 16px;
    border-radius: 4px;
  }
  .headerMenu>a.headerMenuLogin{
    padding: 10px 12px;
  }
  .headerNewMenuSubBlok>h4,.headerNewMenuSub>li>a>p{
    display: none;
  }
  .headerNewMenuSub{
    grid-template-columns: 1fr;
    margin: 0px;
    grid-row-gap: 0px;
  }
  .headerNewMenuSubContainer{
    position: initial;
    padding: 0px;
    width: 100%;
  }
  .headerNewMenuSubBlok{
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 16px 0px 16px;
  }
  .headerNewMenuSub>li>a{
    margin: 12px 0px;
    display: block;
  }
  .headerNewMenuSub>li>a>span{
    font-family: AltoneRegular;
  }
  .headerNewMenu>li.headerNewMenuSubChild>a{
    background-color: #f2f2f2;
  }
  .headerNewMenu>li.active>a{
    background-color: #FE0000;
  }
  .headerNewMenuSubIcon{
    display: grid;
  }
  .popupDemoObDiv{
    height: auto;
    padding: 10px 0;
    box-sizing: border-box;
    border-radius: 20px;
    left: 4%;
  }
  .popupDemoObDiv.open{
    top: 2vh;
  }
  .popupDemoDiv{
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch !important;
    max-height: calc(96vh - 20px);
    padding: 0 20px;
    box-sizing: border-box;
  }
  .popupDemoImages{
    display: none;
  }
  .popupDemoDiv>h2{
    width: 100%;
    position: initial;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .popupDemoFormObDiv{
    position: initial;
    width: 100%;
    padding-bottom: 80px;
  }
  .popupSuccessMessageContainer{
    width: 96%;
    left: 2%;
  }
  .popupSuccessMessageBlok{
    width: calc(100% - 40px);
    max-width: 500px;
  }
  .popupSuccessMessageBlok>h2{
    font-size: 24px;
    line-height: 34px;
  }
  .blokListProductsServicesList{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .blokListProductsServicesLeft{
    width: 100%;
    max-width: initial;
    float: none;
  }
  .demoPupupCancel{
    width: 15px;
    height: 15px;
    top: 5px;
    right: 15px;
  }
  .tariffsMobSredHeaderDes{
    padding: 5px 20px 15px 20px;
  }
  .tariffsMobSredHeaderDes>p{
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 0px) and (max-width: 739px){
  .newListScroll{
    grid-template-columns: 1fr;
  }
  .newListImagesDiv{
    height: calc(80vw - 70px);
  }
  .registrationFormBg{
    display: none;
  }
  .tariffsMobList {
    grid-template-columns: 1fr;
  }
  .businessesAboutSliderText{
    font-size: 13px;
    line-height: 19px;
  }
  .businessesAboutSliderContainer{
    padding: 64px 0px;
  }
  .blokListProductsServicesList{
    grid-template-columns: 1fr;
  }
  .helpInfo{
    width: 100%;
  }
  .blogTopContainer{
    padding-bottom: 64px;
  }
  .g-recaptcha>div{
    width: 100% !important;
  }
  .g-recaptcha>div iframe{
    width: 100% !important;
  }
}

/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #EEE;
}

.carousel-cell {
  width: 100%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

/* position dots up a bit */
.flickity-page-dots {
  bottom: -22px;
}
/* dots are lines */
.flickity-page-dots .dot {
  height: 4px;
  width: 40px;
  margin: 0;
  border-radius: 0;
}
/* Style for the language flags container */
.languageFlags {
    display: inline-flex; /* Align items horizontally */
    align-items: center;  /* Vertically align the flags and text */
    margin-left: 20px; /* Space between "İletişim" and the flags */
}

/* Style for each flag option */
.languageOption {
    display: flex;
    align-items: center; /* Align flag and text vertically */
    margin-left: 10px; /* Space between flags */
}

/* Style for flag images */
.flagIcon {
    width: 30px;  /* Flag width */
    height: 20px;  /* Flag height */
    border-radius: 50%; /* Make the flags oval */
    object-fit: cover;
    margin-right: 8px;  /* Space between flag and text */
}

/* Optional: Style for the text next to flags */
.languageOption span {
    font-size: 14px; /* Adjust text size */
    color: #333; /* Text color */
}
/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}