body {
  position: relative;
}

body .scroll {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  cursor: pointer;
  position: fixed;
  z-index: 200;
  bottom: 45px;
  left: 50px;
}

body .scroll .text {
  text-transform: uppercase;
  color: #fff;
  font-family: 'MullerMedium';
  font-size: 11px;
  text-shadow: 0 0 15px #000;
  -webkit-transform: rotate(-90deg) translate(45px, -17px);
      -ms-transform: rotate(-90deg) translate(45px, -17px);
          transform: rotate(-90deg) translate(45px, -17px);
}

body .scroll .circle {
  border-width: 1px;
  border-color: rgba(32, 32, 32, 0.2);
  border-style: solid;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-top: 15px;
}

body .scroll .circle .mouse {
  position: relative;
  border-width: 2px;
  border-color: #ff2e2f;
  border-style: solid;
  background-color: transparent;
  width: 21.5px;
  height: 27.5px;
  border-radius: 10px;
}

body .scroll .circle .mouse .weel {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #ff2e2f;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-animation-name: scroll;
          animation-name: scroll;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5);
          animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
  }
  10% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px) scaleY(2);
            transform: translateY(20px) scaleY(2);
    opacity: 0.01;
  }
}

@keyframes scroll {
  0%, 20% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
  }
  10% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(20px) scaleY(2);
            transform: translateY(20px) scaleY(2);
    opacity: 0.01;
  }
}

body .head {
  line-height: 1.2;
  font-family: 'MullerExtraBold';
  font-size: 42px;
  color: #262626;
}

body .head .red {
  color: #e83333;
}

body .red {
  color: #e83333;
}

body footer .socials a.social svg, body footer .socials a.social path {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body footer .socials a.social:hover svg, body footer .socials a.social:hover path {
  fill: #fff;
}

body header.container-fluid {
  position: relative;
  background-image: url("../img/be/be-header-bg.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

body header.container-fluid nav {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  background-color: transparent;
}

body header.container-fluid nav .logo, body header.container-fluid nav .adress, body header.container-fluid nav .socials, body header.container-fluid nav .phoneCont {
  position: relative;
  z-index: 20;
}

body header.container-fluid nav .logo .textLogo span.name, body header.container-fluid nav .logo .textLogo span.desc {
  color: #000;
}

body header.container-fluid nav .adress span.desc {
  color: #000;
}

body header.container-fluid nav .adress .circleAdress {
  background-color: #fff;
  border: 1px solid rgba(32, 32, 32, 0.1);
}

body header.container-fluid nav .adress .circleAdress svg, body header.container-fluid nav .adress .circleAdress path {
  fill: #FF2A2B;
}

body header.container-fluid nav .socials a.social.Vk,
body header.container-fluid nav .socials a.social.Fb,
body header.container-fluid nav .socials a.social.Inst {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

body header.container-fluid nav .socials a.social.Vk svg, body header.container-fluid nav .socials a.social.Vk path,
body header.container-fluid nav .socials a.social.Fb svg,
body header.container-fluid nav .socials a.social.Fb path,
body header.container-fluid nav .socials a.social.Inst svg,
body header.container-fluid nav .socials a.social.Inst path {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body header.container-fluid nav .socials a.social:hover {
  background-color: #fff;
  border-color: #fff;
}

body header.container-fluid nav .socials a.social:hover svg, body header.container-fluid nav .socials a.social:hover path {
  fill: #FF2A2B;
}

body header.container-fluid img.imgC {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  right: 0;
  z-index: 100;
  margin: auto;
  pointer-events: none;
}

body header.container-fluid .content {
  padding-top: 195px;
  padding-bottom: 195px;
}

body header.container-fluid .content .textMobile {
  display: none;
}

body header.container-fluid .content p.desc {
  position: relative;
  z-index: 1;
  font-family: 'MullerMedium';
  font-size: 24px;
  color: #000;
  line-height: 1.3;
}

body header.container-fluid .content p.desc::before {
  content: '';
  background-color: #ff2e2f;
  position: absolute;
  width: 66px;
  height: 4px;
  top: 10px;
  left: -95px;
}

body header.container-fluid .content .bottom {
  padding-top: 185px;
}

body header.container-fluid .content .bottom .wrap {
  position: relative;
}

body header.container-fluid .content .bottom .wrap .circleSm {
  position: absolute;
  top: -70px;
  left: -70px;
  width: 310px;
  height: 310px;
  border: 1px solid #ECECEC;
  background-color: transparent;
  border-radius: 50%;
}

body header.container-fluid .content .bottom .wrap .circleMd {
  position: absolute;
  top: -150px;
  left: -150px;
  width: 470px;
  height: 470px;
  border: 1px solid #ECECEC;
  background-color: transparent;
  border-radius: 50%;
}

body header.container-fluid .content .bottom .wrap .circleLg {
  position: absolute;
  top: -250px;
  left: -250px;
  width: 670px;
  height: 670px;
  border: 1px solid #ECECEC;
  background-color: transparent;
  border-radius: 50%;
}

body header.container-fluid .content .bottom .wrap img.iconBg {
  position: absolute;
  top: -95px;
  right: -60px;
}

body header.container-fluid .content .bottom .wrap .button {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation: pulsation 2s infinite;
          animation: pulsation 2s infinite;
  overflow: hidden;
  position: relative;
  z-index: 100;
  cursor: pointer;
  border-radius: 50%;
  background-color: #ff2e2f;
  -webkit-box-shadow: 4.499px 19.487px 49px 0px rgba(255, 24, 24, 0.31);
          box-shadow: 4.499px 19.487px 49px 0px rgba(255, 24, 24, 0.31);
  width: 170px;
  height: 170px;
}

body header.container-fluid .content .bottom .wrap .button span {
  font-family: 'MullerExtraBold';
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}

body header.container-fluid .content .bottom .wrap .button .mobile {
  display: none;
  font-family: 'MullerBold';
  font-size: 17px;
}

body header.container-fluid .content .bottom .wrap .button svg {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  bottom: -15px;
  right: 0;
  left: 25px;
  margin: auto;
}

@-webkit-keyframes pulsation {
  0% {
    -webkit-box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
            box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
  }
  70% {
    -webkit-box-shadow: 0 0 0 200px rgba(255, 44, 45, 0);
            box-shadow: 0 0 0 200px rgba(255, 44, 45, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 44, 46, 0);
            box-shadow: 0 0 0 0 rgba(255, 44, 46, 0);
  }
}

@keyframes pulsation {
  0% {
    -webkit-box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
            box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
  }
  70% {
    -webkit-box-shadow: 0 0 0 200px rgba(255, 44, 45, 0);
            box-shadow: 0 0 0 200px rgba(255, 44, 45, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 44, 46, 0);
            box-shadow: 0 0 0 0 rgba(255, 44, 46, 0);
  }
}

body header.container-fluid .content .bottom .wrap .button:hover {
  -webkit-animation: none;
          animation: none;
  -webkit-box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
          box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
}

body header.container-fluid .content .bottom .wrap .button:hover svg {
  opacity: 0;
}

body header.container-fluid .content .bottom .circle {
  border-radius: 50%;
  background-color: #ff2e2f;
  width: 122px;
  height: 122px;
  position: relative;
}

body header.container-fluid .content .bottom .circle span {
  font-family: 'MullerExtraBold';
  font-size: 60px;
  color: #fff;
}

body header.container-fluid .content .bottom .text {
  margin-left: 10px;
}

body header.container-fluid .content .bottom .text .subText {
  background-color: #fff;
  border-radius: 13.5px;
  font-family: 'MullerExtraBold';
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
}

body header.container-fluid .content .bottom .text span.month {
  font-family: 'MullerExtraBold';
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
}

body main section.purpose {
  position: relative;
  z-index: 30;
  padding-top: 130px;
  padding-bottom: 130px;
  background-image: url("../img/be/be-purpose-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

body main section.purpose .row_custom {
  margin-right: 0px;
  margin-left: 0px;
}

body main section.purpose .desktopBlock {
  margin-top: 50px;
}

body main section.purpose .headblock {
  position: relative;
}

body main section.purpose .headblock span.head {
  font-family: 'MullerExtraBold';
  font-size: 40px;
  color: #fff;
  position: relative;
}

body main section.purpose .headblock span.head::before {
  content: '';
  position: absolute;
  z-index: 11;
  top: 12.5px;
  left: -90px;
  background-color: #ff2e2f;
  width: 60px;
  height: 4px;
}

body main section.purpose .headblock p.desc {
  margin-top: 30px;
  color: #fff;
  font-family: 'MullerLight';
  font-size: 17px;
}

body main section.purpose img.fotoBg {
  margin-left: 50px;
  margin-top: -55px;
}

body main section.purpose .wrap {
  position: relative;
  width: 100%;
}

body main section.purpose .wrap .rightB {
  position: absolute;
  top: 160px;
  right: -150px;
  line-height: 1.3;
}

body main section.purpose .wrap .rightB .text {
  font-family: 'MullerMedium';
  font-size: 18px;
  color: #fff;
  margin-bottom: 40px;
}

body main section.purpose .wrap .rightB .line {
  position: absolute;
  bottom: 40px;
  left: -35px;
  width: 2px;
  height: 50px;
  background-color: #6dcef5;
}

body main section.purpose .cslMobile-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 35px;
  padding-bottom: 35px;
}

body main section.purpose .cslMobile-control .arrows .arrow {
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 7.5px;
  margin-left: 7.5px;
}

body main section.purpose .cslMobile-control .arrows .arrow svg, body main section.purpose .cslMobile-control .arrows .arrow path {
  fill: #000;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}

body main section.purpose .cslMobile-control .arrows .arrow:hover {
  background-color: #ff2e2f;
  border-color: #ff2e2f;
}

body main section.purpose .cslMobile-control .arrows .arrow:hover svg, body main section.purpose .cslMobile-control .arrows .arrow:hover path {
  fill: #fff;
}

body main section.purpose .cslMobile-control .desc {
  text-align: center;
}

body main section.purpose .cslMobile-control .desc img.icon {
  margin-top: 15px;
  margin-bottom: 15px;
}

body main section.purpose .cslMobile-control .desc p {
  font-family: 'MullerLight';
  font-size: 16px;
  color: #fff;
  max-width: 279px;
}

body main section.purpose .cslMobile, body main section.purpose .cslMobile-control {
  display: none;
}

body main section.purpose .wrap .step, body main section.purpose .cslMobile .step {
  text-align: center;
}

body main section.purpose .wrap .step .circle .block, body main section.purpose .wrap .step .circle .skyBg, body main section.purpose .cslMobile .step .circle .block, body main section.purpose .cslMobile .step .circle .skyBg {
  line-height: 1.2;
}

body main section.purpose .wrap .step .circle .block span, body main section.purpose .wrap .step .circle .skyBg span, body main section.purpose .cslMobile .step .circle .block span, body main section.purpose .cslMobile .step .circle .skyBg span {
  line-height: 1.2;
  text-transform: uppercase;
}

body main section.purpose .wrap .step .circle .block span.thin, body main section.purpose .wrap .step .circle .skyBg span.thin, body main section.purpose .cslMobile .step .circle .block span.thin, body main section.purpose .cslMobile .step .circle .skyBg span.thin {
  font-family: 'MullerRegular';
  font-size: 10px;
  color: #fff;
}

body main section.purpose .wrap .step .circle .block span.mid, body main section.purpose .wrap .step .circle .skyBg span.mid, body main section.purpose .cslMobile .step .circle .block span.mid, body main section.purpose .cslMobile .step .circle .skyBg span.mid {
  font-family: 'MullerBold';
  font-size: 10px;
  color: #fff;
}

body main section.purpose .wrap .step .circle .block span.fat, body main section.purpose .wrap .step .circle .skyBg span.fat, body main section.purpose .cslMobile .step .circle .block span.fat, body main section.purpose .cslMobile .step .circle .skyBg span.fat {
  font-family: 'MullerBold';
  font-size: 15px;
  color: #fff;
}

body main section.purpose .wrap .step .number, body main section.purpose .cslMobile .step .number {
  text-align: center;
  color: #fff;
  font-family: 'MullerMedium';
  font-size: 17px;
}

body main section.purpose .wrap .step .separ, body main section.purpose .cslMobile .step .separ {
  margin-top: 15px;
  margin-bottom: 35px;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.302);
  border-style: dashed;
  background-color: transparent;
  height: 0;
  position: relative;
}

body main section.purpose .wrap .step .separ::after, body main section.purpose .wrap .step .separ::before, body main section.purpose .cslMobile .step .separ::after, body main section.purpose .cslMobile .step .separ::before {
  content: '';
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

body main section.purpose .wrap .step .separ::before, body main section.purpose .cslMobile .step .separ::before {
  left: 0;
}

body main section.purpose .wrap .step .separ::after, body main section.purpose .cslMobile .step .separ::after {
  right: 0;
}

body main section.purpose .wrap .step span.name, body main section.purpose .cslMobile .step span.name {
  line-height: 1.3;
  color: #fff;
  font-family: 'MullerBold';
  font-size: 20px;
}

body main section.purpose .wrap .step p.desc, body main section.purpose .cslMobile .step p.desc {
  letter-spacing: 1.7px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 13px;
  font-family: "MullerMedium";
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  text-align: center;
}

body main section.purpose .wrap .step .text, body main section.purpose .cslMobile .step .text {
  text-align: left;
}

body main section.purpose .wrap .step .text span.name, body main section.purpose .cslMobile .step .text span.name {
  line-height: 1.4;
  font-family: 'MullerBold';
  font-size: 22px;
  color: #fff;
  text-align: left;
}

body main section.purpose .wrap .step .text p.desc, body main section.purpose .cslMobile .step .text p.desc {
  font-family: 'MullerLight';
  font-size: 16px;
  color: #fff;
  margin-top: 15px;
  line-height: 1.3;
  text-align: left;
  text-transform: none;
}

body main section.purpose .wrap .step .text p.desc span.PurposeBtn, body main section.purpose .cslMobile .step .text p.desc span.PurposeBtn {
  text-decoration: underline;
  cursor: pointer;
}

body main section.purpose .wrap .step .button, body main section.purpose .cslMobile .step .button {
  cursor: pointer;
  background-color: transparent;
  border-width: 2px;
  border-color: #ff2e2f;
  border-style: solid;
  width: 194px;
  height: 56px;
  border-radius: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

body main section.purpose .wrap .step .button span, body main section.purpose .cslMobile .step .button span {
  color: #fff;
  font-family: 'MullerMedium';
  font-size: 16px;
}

body main section.purpose .wrap .step .button:hover, body main section.purpose .cslMobile .step .button:hover {
  background-color: #ff2e2f;
  border-color: #ff2e2f;
}

body main section.purpose .wrap .step1, body main section.purpose .cslMobile .step1 {
  margin-top: 160px;
}

body main section.purpose .wrap .step1 .circle, body main section.purpose .cslMobile .step1 .circle {
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 50%;
  background-color: #ff2e2f;
  width: 148px;
  height: 148px;
}

body main section.purpose .wrap .step1 .circle .skyBg, body main section.purpose .cslMobile .step1 .circle .skyBg {
  position: absolute;
  z-index: -1;
  bottom: -60px;
  width: 100%;
  height: 50%;
  background-color: #00CFF7;
}

body main section.purpose .wrap .step1 .separ, body main section.purpose .cslMobile .step1 .separ {
  max-width: 148px;
  position: relative;
}

body main section.purpose .wrap .step1 .separ span.month, body main section.purpose .cslMobile .step1 .separ span.month {
  position: absolute;
  left: -90px;
  top: -7px;
  font-size: 12px;
  font-family: "MullerMedium";
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
}

body main section.purpose .wrap .step1 .text p.desc, body main section.purpose .cslMobile .step1 .text p.desc {
  max-width: 229px;
}

body main section.purpose .wrap .step1 .number, body main section.purpose .cslMobile .step1 .number {
  margin-top: 35px;
  max-width: 148px;
}

body main section.purpose .wrap .step1 .headblock, body main section.purpose .cslMobile .step1 .headblock {
  max-width: 148px;
}

body main section.purpose .wrap .step1 .button, body main section.purpose .cslMobile .step1 .button {
  width: 100%;
}

body main section.purpose .wrap .step2, body main section.purpose .cslMobile .step2 {
  margin-top: 120px;
}

body main section.purpose .wrap .step2 .circle, body main section.purpose .cslMobile .step2 .circle {
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 50%;
  background-color: #ff2e2f;
  width: 188px;
  height: 188px;
}

body main section.purpose .wrap .step2 .circle .block, body main section.purpose .cslMobile .step2 .circle .block {
  margin-bottom: 30px;
}

body main section.purpose .wrap .step2 .circle .skyBg, body main section.purpose .cslMobile .step2 .circle .skyBg {
  position: absolute;
  z-index: -1;
  bottom: -55px;
  width: 100%;
  height: 50%;
  background-color: #00CFF7;
}

body main section.purpose .wrap .step2 .number, body main section.purpose .cslMobile .step2 .number {
  margin-top: 35px;
  max-width: 188px;
}

body main section.purpose .wrap .step2 .separ, body main section.purpose .cslMobile .step2 .separ {
  max-width: 188px;
}

body main section.purpose .wrap .step2 .headblock, body main section.purpose .cslMobile .step2 .headblock {
  max-width: 188px;
}

body main section.purpose .wrap .step2 .text p.desc, body main section.purpose .cslMobile .step2 .text p.desc {
  max-width: 263px;
}

body main section.purpose .wrap .step2 .button, body main section.purpose .cslMobile .step2 .button {
  width: 100%;
}

body main section.purpose .wrap .step3, body main section.purpose .cslMobile .step3 {
  margin-top: 50px;
}

body main section.purpose .wrap .step3 .circle, body main section.purpose .cslMobile .step3 .circle {
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 50%;
  background-color: #ff2e2f;
  width: 229px;
  height: 229px;
}

body main section.purpose .wrap .step3 .circle .block, body main section.purpose .cslMobile .step3 .circle .block {
  margin-bottom: 30px;
}

body main section.purpose .wrap .step3 .circle .skyBg, body main section.purpose .cslMobile .step3 .circle .skyBg {
  position: absolute;
  z-index: -1;
  bottom: -55px;
  padding-top: 7.5px;
  width: 100%;
  height: 50%;
  background-color: #00CFF7;
}

body main section.purpose .wrap .step3 .number, body main section.purpose .cslMobile .step3 .number {
  margin-top: 35px;
  max-width: 229px;
}

body main section.purpose .wrap .step3 .separ, body main section.purpose .cslMobile .step3 .separ {
  max-width: 229px;
}

body main section.purpose .wrap .step3 .headblock, body main section.purpose .cslMobile .step3 .headblock {
  max-width: 229px;
}

body main section.purpose .wrap .step3 .text p.desc, body main section.purpose .cslMobile .step3 .text p.desc {
  max-width: 292px;
}

body main section.purpose .wrap .step4 .circle, body main section.purpose .cslMobile .step4 .circle {
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 50%;
  background-color: #ff2e2f;
  width: 279px;
  height: 279px;
}

body main section.purpose .wrap .step4 .circle .block, body main section.purpose .cslMobile .step4 .circle .block {
  margin-bottom: 65px;
}

body main section.purpose .wrap .step4 .circle .skyBg, body main section.purpose .cslMobile .step4 .circle .skyBg {
  position: absolute;
  z-index: -1;
  bottom: -55px;
  padding-top: 20px;
  width: 100%;
  height: 50%;
  background-color: #00CFF7;
}

body main section.purpose .wrap .step4 .number, body main section.purpose .cslMobile .step4 .number {
  margin-top: 15px;
  max-width: 279px;
}

body main section.purpose .wrap .step4 .separ, body main section.purpose .cslMobile .step4 .separ {
  max-width: 279px;
}

body main section.purpose .wrap .step4 .headblock, body main section.purpose .cslMobile .step4 .headblock {
  max-width: 279px;
}

body main section.purpose .wrap .step4 .text p.desc, body main section.purpose .cslMobile .step4 .text p.desc {
  max-width: 284px;
}

body main section.purpose .cslMobile {
  width: 100%;
  position: relative;
}

body main section.purpose .cslMobile .arrowPrev, body main section.purpose .cslMobile .arrowNext {
  z-index: 100;
  cursor: pointer;
  width: 50px;
  position: absolute;
  top: 230px;
}

body main section.purpose .cslMobile .arrowPrev svg, body main section.purpose .cslMobile .arrowNext svg {
  fill: #fff;
}

body main section.purpose .cslMobile .arrowPrev {
  left: 10px;
}

body main section.purpose .cslMobile .arrowNext {
  right: 10px;
}

body main section.purpose .cslMobile .step4 {
  margin-top: 0;
}

body main section.purpose .cslMobile .step3 {
  margin-top: 15px;
}

body main section.purpose .cslMobile .step2 {
  margin-top: 40px;
}

body main section.purpose .cslMobile .step1 {
  margin-top: 40px;
}

body main section.purpose .cslMobile .step {
  padding-top: 15px;
}

body main section.purpose .cslMobile .step .headblock, body main section.purpose .cslMobile .step .number {
  max-width: none !important;
}

body main section.purpose .cslMobile .step .circle {
  height: 279px;
  width: 279px;
}

body main section.purpose .cslMobile .step .circle .block {
  margin-bottom: 60px;
}

body main section.purpose .cslMobile .step .circle .skyBg {
  padding-top: 20px;
}

body main section.purpose .cslMobile .step .separ {
  max-width: 279px;
}

body main section.purpose .cslMobile .step .circle, body main section.purpose .cslMobile .step .separ {
  margin-left: auto;
  margin-right: auto;
}

body main section.purpose .cslMobile .step .circle span.month, body main section.purpose .cslMobile .step .separ span.month {
  display: none;
}

body main section.purpose .cslMobile .step .text {
  max-width: 279px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3;
  text-align: center !important;
}

body main section.purpose .cslMobile .step .text span.name {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: 'MullerBold';
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1.2;
}

body main section.purpose .cslMobile .step .text .subname {
  font-family: 'MullerBold';
  color: #fff;
  font-size: 24px;
  margin: 2.5px 0;
  line-height: 1.2;
}

body main section.purpose .cslMobile .step .text .subname .red {
  color: #ff2e2f;
}

body main section.purpose .cslMobile .step .text p.desc {
  margin-left: auto;
  margin-right: auto;
  max-width: 279px !important;
  text-align: center !important;
  font-size: 14px;
  color: #fff;
}

body main section.purpose .cslMobile .step .text .resultsName {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: "MullerBold";
  font-size: 14px;
  color: #fff;
  max-width: 240px;
}

body main section.purpose .cslMobile .step .text p.results {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 240px;
  font-size: 14px;
  color: #fff;
  font-family: 'MullerLight';
}

body main section.purpose .cslMobile .step .button {
  width: 279px !important;
  margin-left: auto;
  margin-right: auto;
}

body main section.first {
  position: relative;
}

body main section.first .numbers {
  background-image: url("../img/be/be-first-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 75px;
}

body main section.first .numbers .question {
  position: absolute;
  top: -115px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background-color: #ff2e2f;
  -webkit-box-shadow: 0 22.8px 68.4px 0 #FF2727;
          box-shadow: 0 22.8px 68.4px 0 #FF2727;
  width: 230px;
  height: 230px;
  z-index: 40;
  text-align: center;
}

body main section.first .numbers .question span {
  line-height: 1.4;
  font-family: 'MullerBold';
  font-size: 22.8px;
  color: #fff;
}

body main section.first .numbers img.questionBg {
  position: absolute;
  top: -215px;
  left: -15px;
  right: 0;
  z-index: 30;
  margin: auto;
  pointer-events: none;
}

body main section.first .numbers .aboutNumbers {
  padding-top: 190px;
}

body main section.first .numbers .aboutNumbers .headblock {
  position: relative;
}

body main section.first .numbers .aboutNumbers .headblock span.head {
  position: relative;
}

body main section.first .numbers .aboutNumbers .headblock span.head::before {
  content: '';
  position: absolute;
  top: 12.5px;
  left: -135px;
  background-color: #ff2e2f;
  width: 69px;
  height: 6px;
}

body main section.first .numbers .aboutNumbers .headblock span.number {
  position: absolute;
  top: -32.5px;
  left: -90px;
  font-size: 70px;
  font-family: 'MullerBold';
  color: rgba(0, 0, 0, 0.102);
}

body main section.first .numbers .points {
  padding-top: 75px;
}

body main section.first .numbers .points .point {
  line-height: 1.2;
}

body main section.first .numbers .points .point span.big {
  font-family: 'MullerBold';
  font-size: 84px;
  color: #ff2e2f;
}

body main section.first .numbers .points .point span.desc {
  font-family: 'MullerRegular';
  font-size: 20px;
  color: #313131;
}

body main section.first .numbers .points .slashLine {
  background-color: black;
  opacity: 0.102;
  width: 1px;
  height: 150px;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}

body main section.first .points {
  position: relative;
  overflow: hidden;
}

body main section.first .points .circleBg {
  position: absolute;
  right: -425px;
  bottom: -357.5px;
  z-index: 9999;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.302);
  border-style: solid;
  border-radius: 50%;
  width: 892px;
  height: 892px;
  pointer-events: none;
}

body main section.first .points img.mask {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 30;
  pointer-events: none;
}

body main section.first .points .content {
  padding-top: 120px;
}

body main section.first .points .content span.head, body main section.first .points .content ul, body main section.first .points .content .arrows {
  z-index: 30;
  position: relative;
}

body main section.first .points .content ul {
  padding-top: 50px;
  padding-left: 0;
  margin-left: -15px;
  margin-bottom: 135px;
  list-style: none;
}

body main section.first .points .content ul li img.icon {
  width: 55px;
  height: auto;
}

body main section.first .points .content ul li p.desc {
  margin-left: 25px;
  font-family: 'MullerRegular';
  font-size: 17px;
  color: #313131;
  max-width: 85%;
}

body main section.first .points .content .arrows {
  padding-bottom: 15px;
  margin-bottom: 50px;
}

body main section.first .points .content .arrows .arrow {
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-width: 2px;
  border-color: #35383b;
  border-style: solid;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

body main section.first .points .content .arrows .arrow svg, body main section.first .points .content .arrows .arrow path {
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}

body main section.first .points .content .arrows .arrow:hover {
  background-color: #ff2e2f;
  border-color: #ff2e2f;
}

body main section.first .points .content .arrows .arrow:hover svg, body main section.first .points .content .arrows .arrow:hover path {
  fill: #fff;
}

body main section.first .points .content .arrows p.desc {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  font-family: 'MullerRegular';
  font-size: 15px;
  color: #919191;
  margin-bottom: 0;
  margin-left: 15px;
  line-height: 1.3;
}

body main section.first .points .headblock-mobile {
  display: none;
}

body main section.first .points .headblock-mobile span.head {
  z-index: 30;
  position: relative;
}

body main section.first .points .csl {
  overflow-y: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 10;
}

body main section.first .points .csl .carousel-inner {
  width: 75%;
  margin-left: auto;
}

body main section.first .points .csl .carousel-inner img {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-left: auto;
  outline: none;
  cursor: default;
  pointer-events: none;
  -webkit-filter: brightness(65%);
          filter: brightness(65%);
}

body main section.first .points .cslMobile-control {
  padding-top: 15px;
  padding-bottom: 15px;
  display: none;
}

body main section.first .points .cslMobile-control .cslCounter {
  margin-left: 15px;
}

body main section.first .points .cslMobile-control .cslCounter span.single {
  font-family: 'MullerBold';
  font-size: 28px;
  color: #000;
  margin-bottom: 5px;
}

body main section.first .points .cslMobile-control .cslCounter span.all {
  font-family: 'MullerMedium';
  font-size: 15px;
  margin-top: 10px;
  margin-left: 10px;
  color: #000;
}

body main section.first .points .cslMobile-control .cslCounter .line {
  background-color: #ff2e2f;
  width: 2px;
  height: 20px;
  margin-left: 10px;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}

body main section.first .points .cslMobile-control .arrows .arrow {
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-width: 2px;
  border-color: #35383b;
  border-style: solid;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

body main section.first .points .cslMobile-control .arrows .arrow svg, body main section.first .points .cslMobile-control .arrows .arrow path {
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}

body main section.first .points .cslMobile-control .arrows .arrow:hover {
  background-color: #ff2e2f;
  border-color: #ff2e2f;
}

body main section.first .points .cslMobile-control .arrows .arrow:hover svg, body main section.first .points .cslMobile-control .arrows .arrow:hover path {
  fill: #fff;
}

body main section.first .points .counter {
  position: absolute;
  bottom: 80px;
  right: 130px;
  z-index: 30;
  background-image: url("../img/be/be-first-carousel-counter.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 160px;
  height: 160px;
}

body main section.first .points .counter span.single {
  font-family: 'MullerBold';
  font-size: 28px;
  color: #000;
  margin-bottom: 25px;
}

body main section.first .points .counter span.all {
  font-family: 'MullerMedium';
  font-size: 15px;
  margin-top: 20px;
  margin-left: 10px;
  color: #000;
}

body main section.first .points .counter .line {
  background-color: #ff2e2f;
  width: 2px;
  height: 20px;
  margin-left: 10px;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}

body main section.second {
  overflow: hidden;
}

body main section.second .header {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 40;
  background-image: url("../img/be/be-second-header-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 125px;
}

body main section.second .header img.imgPosM {
  display: none;
  position: absolute;
  z-index: 100;
}

body main section.second .header .container {
  position: relative;
}

body main section.second .header .container img.imgPos {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: -225px;
  right: 100px;
  z-index: 100;
}

body main section.second .header .container .headblock {
  position: relative;
}

body main section.second .header .container .headblock span.head {
  position: relative;
  color: #fff;
}

body main section.second .header .container .headblock span.head span.red {
  color: #ff2e2f;
}

body main section.second .header .container .headblock span.head::before {
  content: '';
  position: absolute;
  top: 12.5px;
  left: -160px;
  background-color: #ff2e2f;
  width: 69px;
  height: 6px;
}

body main section.second .header .container .headblock span.number {
  position: absolute;
  top: -32.5px;
  left: -115px;
  font-size: 70px;
  font-family: 'MullerBold';
  color: rgba(255, 255, 255, 0.051);
}

body main section.second .header .container .fact {
  padding-top: 35px;
  padding-bottom: 35px;
}

body main section.second .header .container .fact .procent {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'MullerBold';
  font-size: 84px;
  color: #fff;
}

body main section.second .header .container .fact .procent .red {
  color: #ff2e2f;
}

body main section.second .header .container .fact p.desc {
  font-family: 'MullerRegular';
  font-size: 22px;
  color: #fff;
  margin-left: 40px;
}

body main section.second .content {
  position: relative;
  background-color: #fff;
  padding-top: 130px;
}

body main section.second .content .cslMobile-control {
  padding-top: 15px;
  padding-bottom: 15px;
  display: none;
}

body main section.second .content .cslMobile-control .counter {
  margin-left: 15px;
}

body main section.second .content .cslMobile-control .counter span.single {
  font-family: 'MullerBold';
  font-size: 28px;
  color: #000;
  margin-bottom: 5px;
}

body main section.second .content .cslMobile-control .counter span.all {
  font-family: 'MullerMedium';
  font-size: 15px;
  margin-top: 10px;
  margin-left: 10px;
  color: #000;
}

body main section.second .content .cslMobile-control .counter .line {
  background-color: #ff2e2f;
  width: 2px;
  height: 20px;
  margin-left: 10px;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}

body main section.second .content .cslMobile-control .arrows .arrow {
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-width: 2px;
  border-color: #35383b;
  border-style: solid;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

body main section.second .content .cslMobile-control .arrows .arrow svg, body main section.second .content .cslMobile-control .arrows .arrow path {
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}

body main section.second .content .cslMobile-control .arrows .arrow:hover {
  background-color: #ff2e2f;
  border-color: #ff2e2f;
}

body main section.second .content .cslMobile-control .arrows .arrow:hover svg, body main section.second .content .cslMobile-control .arrows .arrow:hover path {
  fill: #fff;
}

body main section.second .content .cslMobile {
  display: none;
}

body main section.second .content .cslMobile .carousel-item .head:hover .circle {
  border-color: #ff3334;
  background-color: #ff3334;
}

body main section.second .content .cslMobile .carousel-item .head:hover .circle img {
  -webkit-filter: none;
          filter: none;
}

body main section.second .content .cslMobile .carousel-item .head:hover .circle p.text {
  font-family: 'MullerBold';
  text-decoration: none;
}

body main section.second .content .cslMobile .carousel-item .head {
  margin-bottom: 15px;
  cursor: pointer;
}

body main section.second .content .cslMobile .carousel-item .head p.text {
  font-family: 'MullerRegular';
  font-size: 18px;
  color: #313131;
  margin-left: 15px;
  margin-bottom: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

body main section.second .content .cslMobile .carousel-item .head .circle {
  -webkit-box-shadow: 0 0 5px #fff;
          box-shadow: 0 0 5px #fff;
  border-width: 1px;
  border-color: #EAEAEA;
  border-style: solid;
  border-radius: 50%;
  background-color: white;
  width: 113px;
  height: 113px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

body main section.second .content .cslMobile .carousel-item .head .circle img {
  width: 66%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1.4);
          filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1.4);
}

body main section.second .content img.bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body main section.second .content img.bg#content-bg1 {
  opacity: 1;
}

body main section.second .content span.head {
  font-size: 37.5px;
  color: #313131;
}

body main section.second .content p.desc {
  font-family: 'MullerLight';
  font-size: 17px;
  color: #313131;
  margin-top: 30px;
}

body main section.second .content ul {
  list-style: none;
  padding-left: 0;
  padding-top: 30px;
  padding-bottom: 100px;
}

body main section.second .content ul li {
  margin-bottom: 15px;
  cursor: pointer;
}

body main section.second .content ul li p.text {
  font-family: 'MullerRegular';
  font-size: 18px;
  color: #313131;
  text-decoration: underline;
  margin-left: 15px;
  margin-bottom: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

body main section.second .content ul li .circle {
  border-width: 1px;
  border-color: #EAEAEA;
  border-style: solid;
  border-radius: 50%;
  background-color: white;
  width: 113px;
  height: 113px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

body main section.second .content ul li .circle img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1.4);
          filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1.4);
}

body main section.second .content ul li:hover .circle {
  border-color: #ff3334;
  background-color: #ff3334;
}

body main section.second .content ul li:hover .circle img {
  -webkit-filter: none;
          filter: none;
}

body main section.second .content ul li:hover p.text {
  font-family: 'MullerBold';
  text-decoration: none;
}

body main section.third .header {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 120px;
  padding-bottom: 120px;
  background-image: url("../img/be/be-third-header-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

body main section.third .header .container .headblock {
  position: relative;
}

body main section.third .header .container .headblock span.head {
  position: relative;
  color: #fff;
}

body main section.third .header .container .headblock span.head span.red {
  color: #ff3334;
}

body main section.third .header .container .headblock span.head::before {
  content: '';
  position: absolute;
  top: 12.5px;
  left: -160px;
  background-color: #ff3334;
  width: 69px;
  height: 6px;
}

body main section.third .header .container .headblock span.number {
  position: absolute;
  top: -32.5px;
  left: -115px;
  font-size: 70px;
  font-family: 'MullerBold';
  color: rgba(255, 255, 255, 0.102);
}

body main section.third .content {
  position: relative;
  z-index: 10;
  padding-bottom: 0;
  padding-top: 100px;
  background-color: #fff;
  overflow: hidden;
}

body main section.third .content .headMobile {
  display: none;
  margin: 25px;
}

body main section.third .content img.imgBg-mobile {
  display: none;
  width: 100%;
}

body main section.third .content img.imgBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  pointer-events: none;
}

body main section.third .content .container ul {
  margin-top: 55px;
  list-style: none;
  padding-left: 0;
}

body main section.third .content .container ul li {
  margin-bottom: 40px;
}

body main section.third .content .container ul li p.desc {
  font-family: 'MullerLight';
  line-height: 1.3;
  font-size: 17px;
  color: #313131;
  margin-left: 30px;
  margin-bottom: 0;
}

body main section.third .content .container ul li img {
  width: 45px;
}

body main section.fourth .header {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 20;
  padding-top: 120px;
  padding-bottom: 45px;
  background-image: url("../img/be/be-fourth-header-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

body main section.fourth .header .container .headblock {
  position: relative;
}

body main section.fourth .header .container .headblock span.head {
  position: relative;
  color: #fff;
}

body main section.fourth .header .container .headblock span.head span.red {
  color: #ff2e2f;
}

body main section.fourth .header .container .headblock span.head::before {
  content: '';
  position: absolute;
  top: 12.5px;
  left: -160px;
  background-color: #ff2e2f;
  width: 69px;
  height: 6px;
}

body main section.fourth .header .container .headblock span.number {
  position: absolute;
  top: -32.5px;
  left: -115px;
  font-size: 70px;
  font-family: 'MullerBold';
  color: rgba(255, 255, 255, 0.102);
}

body main section.fourth .header .container .slash {
  background-color: white;
  opacity: 0.2;
  height: 120px;
  width: 1px;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}

body main section.fourth .header .container .infblock {
  line-height: 1.2;
  padding-right: 50px;
}

body main section.fourth .header .container .infblock span.name {
  font-size: 80px;
  color: #fff;
  font-family: 'MullerBold';
}

body main section.fourth .header .container .infblock span.name span.red {
  color: #ff2e2f;
}

body main section.fourth .header .container .infblock p.desc {
  font-family: 'MullerRegular';
  font-size: 18px;
  color: #fff;
}

body main section.fourth .content {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: #F3F4F5;
  padding-top: 170px;
  padding-bottom: 75px;
}

body main section.fourth .content .circleBgT, body main section.fourth .content .circleBgB {
  position: absolute;
  border-width: 1px;
  border-color: rgba(0, 0, 5, 0.102);
  border-style: solid;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}

body main section.fourth .content .circleBgT {
  top: -465px;
  left: -200px;
  width: 1001px;
  height: 1001px;
}

body main section.fourth .content .circleBgB {
  bottom: -365px;
  right: -475px;
  width: 923px;
  height: 923px;
  border-color: rgba(134, 134, 134, 0.2);
}

body main section.fourth .content .wrap {
  position: relative;
}

body main section.fourth .content .wrap .step3 img.posImg {
  position: absolute;
  bottom: -100px;
  right: -150px;
  z-index: -1;
}

body main section.fourth .content .wrap .step3 .numberBg {
  bottom: -120px;
  left: -135px;
}

body main section.fourth .content .wrap .step3 .bg {
  -webkit-mask-image: url("../img/be/be-fourth-content-step-mask3.png");
          mask-image: url("../img/be/be-fourth-content-step-mask3.png");
}

body main section.fourth .content .wrap .step2 img.posImg {
  position: absolute;
  top: -160px;
  left: -180px;
  z-index: -1;
}

body main section.fourth .content .wrap .step2 .numberBg {
  right: -165px;
  bottom: -120px;
}

body main section.fourth .content .wrap .step2 .bg {
  -webkit-mask-image: url("../img/be/be-fourth-content-step-mask2.png");
          mask-image: url("../img/be/be-fourth-content-step-mask2.png");
}

body main section.fourth .content .wrap .step1 .numberBg {
  top: -120px;
  left: -135px;
}

body main section.fourth .content .wrap .step1 .bg {
  -webkit-mask-image: url("../img/be/be-fourth-content-step-mask1.png");
          mask-image: url("../img/be/be-fourth-content-step-mask1.png");
}

body main section.fourth .content .wrap .step:hover {
  -webkit-box-shadow: 0px 29px 101px 0px rgba(238, 87, 87, 0.33);
          box-shadow: 0px 29px 101px 0px rgba(238, 87, 87, 0.33);
}

body main section.fourth .content .wrap .step:hover .bg .fillred {
  opacity: 0.5;
}

body main section.fourth .content .wrap .step {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  padding-left: 80px;
  padding-top: 50px;
  padding-bottom: 70px;
  background-color: #fff;
  width: 100%;
  margin-bottom: 110px;
}

body main section.fourth .content .wrap .step .numberBg {
  font-size: 200px;
  font-family: "MullerBold";
  color: rgba(0, 0, 0, 0.071);
  position: absolute;
  z-index: -1;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

body main section.fourth .content .wrap .step .bg {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 20;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: right;
          mask-position: right;
}

body main section.fourth .content .wrap .step .bg img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}

body main section.fourth .content .wrap .step .bg .fillred {
  pointer-events: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: #ff2e2f;
}

body main section.fourth .content .wrap .step .headblock span.head {
  font-size: 32px;
  font-family: 'MullerExtraBold';
  color: #000;
}

body main section.fourth .content .wrap .step .headblock span.number {
  font-family: 'MullerBold';
  font-size: 24px;
  color: #ff2e2f;
}

body main section.fourth .content .wrap .step .headblock .slash {
  background-color: #383b3e;
  opacity: 0.2;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
  width: 1px;
  height: 25px;
  margin-left: 20px;
  margin-right: 20px;
}

body main section.fourth .content .wrap .step ul {
  margin-top: 35px;
  margin-bottom: 35px;
  padding-left: 0;
  list-style: none;
}

body main section.fourth .content .wrap .step ul li {
  margin-bottom: 15px;
}

body main section.fourth .content .wrap .step ul li .line {
  background-color: #ff2e2f;
  width: 17px;
  height: 2px;
  margin-top: 12px;
  margin-right: 10px;
}

body main section.fourth .content .wrap .step ul li p.desc {
  font-family: 'MullerLight';
  font-size: 16px;
  color: #313131;
  margin-bottom: 0;
}

body main section.fourth .content .wrap .step .buttons {
  position: relative;
  z-index: 20;
}

body main section.fourth .content .wrap .step .buttons .btnR {
  background-color: #ff2e2f;
  width: 210px;
  height: 58px;
  border-radius: 30px;
  cursor: pointer;
}

body main section.fourth .content .wrap .step .buttons .btnR span {
  font-family: 'MullerMedium';
  font-size: 15px;
  color: #fff;
}

body main section.fourth .content .wrap .step .buttons .btnW {
  margin-left: 20px;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.102);
  border-style: solid;
  border-radius: 30px;
  width: 248px;
  height: 56px;
  cursor: pointer;
}

body main section.fourth .content .wrap .step .buttons .btnW span {
  font-family: 'MullerMedium';
  font-size: 15px;
  color: #000;
}

body main section.result .header {
  padding-left: 15px;
  padding-right: 15px;
  background-image: url("../img/be/be-result-header-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 105px;
  padding-bottom: 105px;
}

body main section.result .header span.head {
  color: #fff;
}

body main section.result .header span.head::after {
  display: none;
}

body main section.result .header .numbers span.number {
  font-family: 'MullerExtraBold';
  font-size: 54px;
  color: #fff;
  letter-spacing: 1px;
}

body main section.result .header .numbers span.number span.red {
  color: #ff2e2f;
  font-size: 84px;
}

body main section.result .header .numbers .slash {
  background-color: white;
  opacity: 0.2;
  -webkit-transform: rotate(12.5deg);
      -ms-transform: rotate(12.5deg);
          transform: rotate(12.5deg);
  height: 120px;
  width: 1px;
  margin-left: 140px;
  margin-right: 100px;
}

body main section.result .content {
  padding-top: 155px;
  padding-bottom: 140px;
  overflow: hidden;
}

body main section.result .content .container {
  position: relative;
}

body main section.result .content .container .arrowPrev, body main section.result .content .container .arrowNext {
  cursor: pointer;
  position: absolute;
  z-index: 30;
  border-radius: 50%;
  background-color: #ff2c2d;
  width: 50px;
  height: 50px;
}

body main section.result .content .container .arrowPrev {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

body main section.result .content .container .arrowNext {
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

body main section.result .content .container .csl {
  margin-top: 100px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

body main section.result .content .container .csl img.fantom1, body main section.result .content .container .csl img.fantom2 {
  position: absolute;
  pointer-events: none;
}

body main section.result .content .container .csl img.fantom1 {
  bottom: -175px;
  left: -235px;
}

body main section.result .content .container .csl img.fantom2 {
  top: -230px;
  right: -230px;
}

body main section.result .content .container .csl ol.carousel-indicators {
  margin-bottom: 0;
  bottom: -50px;
  display: inline-block;
  text-align: center;
}

body main section.result .content .container .csl ol.carousel-indicators li, body main section.result .content .container .csl ol.carousel-indicators li:hover {
  border-radius: 50%;
  background-color: black;
  width: 5px;
  height: 5px;
  opacity: 1;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
  vertical-align: middle;
}

body main section.result .content .container .csl ol.carousel-indicators li.active {
  opacity: 1;
  background-color: #ff2c2d;
  width: 10px;
  height: 10px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item {
  background-color: #fff;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .picture .pre .headText, body main section.result .content .container .csl .carousel-inner .carousel-item .picture .post .headText {
  color: #333333;
  font-family: 'MullerExtraBold';
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .picture .post {
  margin-left: 30px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock {
  padding-top: 25px;
  padding-left: 90px;
  width: 100%;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .topLine {
  border-bottom-color: #e6e6e6;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.2;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .topLine span.name {
  font-size: 16px;
  font-family: 'MullerRegular';
  color: #333333;
  line-height: 1.5;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .topLine .counter {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .topLine .counter span.single {
  font-family: 'MullerExtraBold';
  font-size: 20px;
  color: #ff2e2f;
  margin-right: 7.5px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .topLine .counter .slash {
  background-color: #ff2e2f;
  height: 15px;
  width: 1px;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  margin-right: 7.5px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .topLine .counter span.all {
  color: #333333;
  font-family: 'MullerMedium';
  font-size: 12px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .text {
  margin-top: 40px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .text .headText {
  font-family: 'MullerExtraBold';
  color: #333333;
  font-size: 28px;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .text p.desc {
  color: #333333;
  font-size: 16px;
  font-family: 'MullerLight';
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .results .line {
  max-width: 170px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .results .line span {
  font-size: 16px;
  font-family: 'MullerLight';
  color: #333333;
}

body main section.result .content .container .csl .carousel-inner .carousel-item .textBlock .results .line span .red {
  color: #ff2e2f;
}

body main section.howSignUp {
  background-image: url("../img/be/be-howSignUp-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
}

body main section.howSignUp span.head {
  color: #fff;
  font-family: 'MullerExtraBold';
  font-size: 44px;
}

body main section.howSignUp .point {
  position: relative;
  display: grid;
  grid-template-columns: 75px auto;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  justify-items: start;
  margin-top: 100px;
}

body main section.howSignUp .point img {
  width: 75px;
  height: auto;
}

body main section.howSignUp .point p.desc {
  margin-bottom: 0;
  margin-left: 15px;
  font-family: 'MullerRegular';
  font-size: 16px;
  color: #fff;
}

body main section.howSignUp .point .number {
  position: absolute;
  top: -35px;
  left: 0;
  font-size: 12px;
  font-family: "MullerMedium";
  color: rgba(255, 255, 255, 0.302);
}

body main section.howSignUp .button {
  cursor: pointer;
  margin-top: 30px;
  background-color: white;
  width: 220px;
  height: 54px;
  border-radius: 27px;
}

body main section.howSignUp .button span {
  color: #000;
  font-family: 'MullerMedium';
  font-size: 15px;
}

body main section.howSignUp .signUp {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation: pulsation 2s infinite;
          animation: pulsation 2s infinite;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  background-color: #ff2e2f;
  -webkit-box-shadow: 4.499px 19.487px 49px 0px rgba(255, 24, 24, 0.31);
          box-shadow: 4.499px 19.487px 49px 0px rgba(255, 24, 24, 0.31);
  width: 170px;
  height: 170px;
}

body main section.howSignUp .signUp span {
  font-family: 'MullerExtraBold';
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}

body main section.howSignUp .signUp svg {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  bottom: -15px;
  right: 0;
  left: 25px;
  margin: auto;
}

body main section.howSignUp .signUp:hover {
  -webkit-animation: none;
          animation: none;
  -webkit-box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
          box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
}

body main section.howSignUp .signUp:hover svg {
  opacity: 0;
}

@keyframes pulsation {
  0% {
    -webkit-box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
            box-shadow: 0 0 200px rgba(255, 44, 45, 0.9);
  }
  70% {
    -webkit-box-shadow: 0 0 0 200px rgba(255, 44, 45, 0);
            box-shadow: 0 0 0 200px rgba(255, 44, 45, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 44, 46, 0);
            box-shadow: 0 0 0 0 rgba(255, 44, 46, 0);
  }
}

@media only screen and (max-width: 1800px) {
  body main section.first .points .content ul {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 1700px) {
  body main section.first .points .circleBg {
    right: -315px;
    bottom: -380px;
    width: 800px;
    height: 800px;
  }
  body main section.first .points .content {
    padding-top: 50px;
  }
  body main section.first .points .content ul {
    margin-bottom: 50px;
  }
  body main section.third .content {
    padding-top: 25px;
  }
}

@media only screen and (max-width: 1600px) {
  body main section.second .content {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 1500px) {
  body main section.second .header .container .headblock, body main section.third .header .container .headblock, body main section.fourth .header .container .headblock {
    margin-left: 100px;
  }
  body main section.third .content .container ul {
    margin-top: 25px;
  }
  body main section.third .content .container ul li {
    margin-bottom: 20px;
  }
  body main section.purpose .wrap .rightB {
    display: none;
  }
}

@media only screen and (max-width: 1400px) {
  body header.container-fluid .content p.desc::before {
    width: 55px;
    left: -75px;
  }
  body main section.purpose .wrap .step .separ span.month {
    display: none;
  }
  body main section.first .points .content span.head br {
    display: none;
  }
  body main section.first .points .content span.head span.red {
    margin-left: 5px;
  }
  body main section.first .points .content ul li p.desc {
    font-size: 15px;
  }
  body main section.first .points .content ul li img.icon {
    width: 40px;
  }
  body main section.first .points .counter {
    bottom: 140px;
  }
  body main section.second .content {
    padding-top: 15px;
  }
  body main section.second .content span.head {
    font-size: 35.5px;
  }
  body main section.second .content p.desc {
    margin-top: 15px;
  }
  body main section.second .content ul {
    padding-top: 0;
    padding-bottom: 15px;
  }
  body main section.second .content ul li .circle img {
    width: 60%;
  }
}

@media only screen and (max-width: 1300px) {
  body header.container-fluid .content p.desc {
    margin-left: 75px;
  }
  body header.container-fluid img.imgC {
    width: 75%;
    left: -50px;
  }
  body main section.third .content .container span.head br {
    display: none;
  }
  body main section.third .content .container ul {
    margin-top: 15px;
  }
  body main section.third .content .container ul li {
    margin-bottom: 15px;
  }
  body main section.third .content .container ul li p.desc {
    margin-left: 15px;
  }
  body main section.fourth .content .wrap .step .numberBg {
    font-size: 160px;
  }
  body main section.fourth .content .wrap .step1 .numberBg {
    top: -160px;
    left: -110px;
  }
  body main section.fourth .content .wrap .step2 .numberBg {
    right: -125px;
    bottom: -95px;
  }
  body main section.fourth .content .wrap .step3 .numberBg {
    bottom: -160px;
    left: -110px;
  }
}

@media only screen and (max-width: 1199px) {
  body header.container-fluid nav .socials {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  body header.container-fluid nav .adress {
    display: none !important;
  }
  body main section.purpose .desktopBlock {
    display: none;
  }
  body main section.purpose .cslMobile {
    display: block;
  }
  body main section.purpose .cslMobile .step .text p.desc {
    letter-spacing: normal;
  }
  body main section.purpose .cslMobile .step .text .resultsName {
    margin-top: 25px;
  }
  body main section.purpose .cslMobile-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  body main section.first .points .circleBg {
    right: -250px;
    bottom: -250px;
    width: 600px;
    height: 600px;
  }
  body main section.first .points .counter {
    width: 150px;
    height: 150px;
    bottom: 75px;
    right: 75px;
  }
  body main section.first .points .content ul {
    padding-top: 15px;
    margin-bottom: 15px;
  }
  body main section.first .points .content .arrows .arrow {
    width: 45px;
    height: 45px;
  }
  body main section.second .header img.imgPosM {
    display: block;
    right: 0;
    bottom: 0;
  }
  body main section.second .header .container img.imgPos {
    display: none;
  }
  body main section.second .header .container .fact .procent .red {
    color: #fff;
  }
  body main section.second .content img.bg {
    display: none;
  }
  body main section.second .content ul {
    display: none;
  }
  body main section.second .content .cslMobile {
    display: block;
  }
  body main section.second .content .cslMobile img {
    width: 100%;
  }
  body main section.second .content .cslMobile-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  body main section.third .content {
    padding-top: 15px;
  }
  body main section.fourth .header .container .infblock span.name {
    font-size: 65px;
  }
  body main section.fourth .content .wrap .step {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 35px;
  }
  body main section.result .header .container .numbers {
    margin-top: 15px;
  }
  body main section.result .header .container .numbers span.number {
    line-height: 1.2;
  }
  body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .picture .pre img, body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .picture .post img {
    width: 175px;
  }
  body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .textBlock .text {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 1100px) {
  body main section.first .points .counter {
    width: 125px;
    height: 125px;
    bottom: 115px;
    right: 75px;
  }
  body main section.first .points .content {
    padding-top: 5px;
  }
  body main section.first .points .content .arrows {
    padding-bottom: 0;
    margin-bottom: 35px;
  }
  body main section.third .content {
    padding-top: 0;
  }
  body main section.third .content .headMobile {
    display: block;
  }
  body main section.third .content img.imgBg {
    display: none;
  }
  body main section.third .content img.imgBg-mobile {
    display: block;
  }
  body main section.third .content .container {
    padding-top: 25px;
  }
  body main section.third .content .container span.head {
    display: none;
  }
  body main section.third .content .container ul li p.desc {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 1023px) {
  body main section.purpose .headerBlock {
    margin-left: 100px;
  }
  body main section.first .points.container-fluid img.mask {
    display: none;
  }
  body main section.first .points.container-fluid .csl {
    position: relative;
  }
  body main section.first .points.container-fluid .csl .carousel-inner {
    width: 100%;
  }
  body main section.first .points.container-fluid .csl .carousel-inner img {
    width: 100%;
  }
  body main section.first .points.container-fluid .circleBg {
    display: none;
  }
  body main section.first .points.container-fluid .counter {
    display: none !important;
  }
  body main section.first .points.container-fluid .headblock-mobile {
    display: block;
    margin-bottom: 25px;
  }
  body main section.first .points.container-fluid .cslMobile-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  body main section.first .points.container-fluid .content {
    padding-top: 25px;
  }
  body main section.first .points.container-fluid .content ul li p.desc {
    font-size: 17px;
    font-family: 'MullerLight';
  }
  body main section.first .points.container-fluid .content span.head {
    display: none;
  }
  body main section.first .points.container-fluid .content .arrows {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  body header.container-fluid {
    background-image: url("../img/be/be-header-mobileBg.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
  body header.container-fluid nav .logo .textLogo span.desc, body header.container-fluid nav .logo .textLogo span.name {
    color: #fff;
  }
  body header.container-fluid nav .socials {
    display: none !important;
  }
  body header.container-fluid img.imgC {
    display: none;
  }
  body header.container-fluid .content {
    padding-top: 180px;
    padding-bottom: 100px;
  }
  body header.container-fluid .content .textMobile {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 70px;
    font-family: 'MullerExtraBold';
  }
  body header.container-fluid .content p.desc {
    color: #fff;
  }
  body header.container-fluid .content .bottom {
    padding-top: 0;
  }
  body header.container-fluid .content .bottom .wrap .button {
    width: 150px;
    height: 150px;
  }
  body header.container-fluid .content .bottom .wrap .circleSm, body header.container-fluid .content .bottom .wrap .circleMd, body header.container-fluid .content .bottom .wrap .circleLg, body header.container-fluid .content .bottom .wrap .circleXl, body header.container-fluid .content .bottom .wrap img.iconBg {
    display: none;
  }
  body main section.purpose img.fotoBg {
    margin-left: 0;
    margin-top: 0;
  }
  body main section.first .numbers .question {
    width: 228px;
    height: 228px;
  }
  body main section.first .numbers img.questionBg {
    width: 330px;
  }
  body main section.first .numbers .points .slashLine {
    margin: 0 40px;
  }
  body main section.second .header .container .fact p.desc {
    font-size: 18px;
  }
  body main section.second .header .container .fact .procent {
    font-size: 65px;
  }
}

@media only screen and (max-width: 991px) {
  body main section.fourth .header {
    padding-top: 60px;
  }
  body main section.fourth .header .container .infblock {
    margin-top: 15px;
    padding-right: 0;
  }
  body main section.fourth .header .container .slash {
    display: none;
  }
  body main section.fourth .content .container .wrap .step {
    padding-top: 0;
    padding-left: 0;
    text-align: center;
  }
  body main section.fourth .content .container .wrap .step .bg {
    position: relative;
    height: auto;
    -webkit-mask: none;
            mask: none;
  }
  body main section.fourth .content .container .wrap .step .bg img {
    position: relative;
    width: 100%;
  }
  body main section.fourth .content .container .wrap .step .headblock, body main section.fourth .content .container .wrap .step ul, body main section.fourth .content .container .wrap .step .buttons {
    text-align: left;
    padding-left: 50px;
  }
  body main section.fourth .content .container .wrap .step .headblock {
    margin-top: 25px;
  }
  body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .picture {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .picture .pre img, body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .picture .post img {
    width: 100%;
  }
  body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .textBlock {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 800px) {
  body main section.first .points .circleBg {
    width: 500px;
    height: 500px;
  }
  body main section.first .points .counter {
    width: 110px;
    height: 110px;
    bottom: 35px;
    right: 35px;
  }
  body main section.first .points .counter span.single {
    font-size: 20px;
  }
  body main section.first .points .counter span.all {
    font-size: 12.5px;
  }
  body main section.result .header {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  body main section.result .header .container span.head {
    font-size: 35px;
  }
  body main section.result .header .container .numbers .slash {
    height: 90px;
  }
  body main section.result .header .container .numbers span.number {
    font-size: 35px;
  }
  body main section.result .header .container .numbers span.number span.red {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  body header.container-fluid .content .btnLink {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  body header.container-fluid .content .dateStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  body header.container-fluid .content .textMobile {
    font-size: 50px;
  }
  body header.container-fluid .content .bottom {
    padding-top: 20px;
  }
  body header.container-fluid .content .bottom .circle {
    background-color: #fff;
  }
  body header.container-fluid .content .bottom .circle span {
    color: #ff2e2f;
  }
  body header.container-fluid .content .bottom .text .subText {
    background-color: #ff2e2f;
    color: #fff;
  }
  body main section.purpose {
    background-image: url("../img/be/be-purpose-mobile-bg.jpg");
    background-size: contain;
    background-repeat: repeat;
  }
  body main section.purpose .cslMobile .step .circle {
    width: 229px;
    height: 229px;
  }
  body main section.purpose .cslMobile .step .circle .block {
    margin-bottom: 30px;
  }
  body main section.purpose .cslMobile .step .circle .skyBg {
    padding-top: 10px;
  }
  body main section.first .numbers {
    background-size: contain;
    background-repeat: repeat;
  }
  body main section.first .numbers .points {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body main section.first .numbers .points .slashLine {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body main section.first .numbers .points .point {
    text-align: center;
  }
  body main section.first .numbers .points .point span.big {
    font-size: 63px;
  }
  body main section.first .numbers .points .point span.desc {
    font-family: 'MullerLight';
    font-size: 15px;
  }
  body main section.first .numbers .points .point span.desc br {
    display: none;
  }
  body main section.result .header .container .numbers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
    -webkit-align-items: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
  body main section.result .header .container .numbers .slash {
    display: none;
  }
  body main section.result .content {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  body main section.result .content .container .csl {
    margin-top: 35px;
  }
  body main section.howSignUp {
    background-image: url("../img/be/be-result-header-bg.jpg");
    background-repeat: repeat;
    background-size: contain;
  }
  body main section.howSignUp .button {
    background-color: #ff2e2f;
  }
  body main section.howSignUp .button span {
    color: #fff;
  }
}

@media only screen and (max-width: 600px) {
  body main section.purpose .headerBlock span.head {
    font-size: 35px;
  }
  body main section.purpose .headerBlock p.desc {
    font-size: 17px;
  }
  body main section.first .points .headblock-mobile span.head {
    font-size: 35px;
  }
  body main section.first .points .headblock-mobile span.head br {
    display: block;
  }
  body main section.first .numbers .aboutNumbers .headblock span.head {
    font-size: 35px;
  }
  body main section.first .numbers .aboutNumbers .headblock span.head::before {
    top: 9.5px;
    left: -115px;
    width: 45px;
  }
  body main section.first .numbers .aboutNumbers .headblock span.number {
    font-size: 60px;
  }
  body main section.second .header .container .headblock span.head {
    font-size: 35px;
  }
  body main section.second .header .container .headblock span.head::before {
    top: 5.5px;
    left: -135px;
    width: 45px;
  }
  body main section.second .header .container .headblock span.number {
    font-size: 60px;
  }
  body main section.result .content .container .arrowNext {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
  body main section.result .content .container .arrowPrev {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }
  body main section.result .content .container .csl .carousel .carousel-inner .carousel-item .textBlock .topLine span.name {
    font-size: 14px;
  }
}

@media only screen and (max-width: 550px) {
  body header.container-fluid {
    background-image: url("../img/be/be-header-mobileBg.png");
  }
  body header.container-fluid .content {
    padding-bottom: 25px;
    padding-top: 100px;
  }
  body header.container-fluid .content p.desc {
    font-size: 17px;
    margin-left: 0;
    margin-top: 25px;
  }
  body header.container-fluid .content p.desc::before {
    left: 0;
    top: -15px;
  }
  body header.container-fluid .content .bottom .circle {
    width: 70px;
    height: 70px;
  }
  body header.container-fluid .content .bottom .circle span {
    font-size: 40px;
  }
  body header.container-fluid .content .bottom .text span.month {
    font-size: 24px;
  }
  body header.container-fluid .content .bottom .wrap .button {
    width: 135px;
    height: 135px;
    margin-top: 20px;
  }
  body header.container-fluid .content .bottom .wrap .button span {
    display: none;
  }
  body header.container-fluid .content .bottom .wrap .button .mobile {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
  }
  body header.container-fluid .content .bottom .wrap .button svg {
    width: 37.5px;
    height: auto;
    bottom: 0px;
    right: 0;
    left: 0;
  }
  body header.container-fluid .content .textMobile {
    font-size: 35px;
    line-height: 1.1;
  }
  body header.container-fluid .content .btnLink {
    margin-top: 0;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  body header.container-fluid .content .dateStart {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  body main section.purpose {
    padding-top: 25px;
  }
  body main section.purpose img.fotoBg {
    width: 75%;
  }
  body main section.purpose .headerBlock {
    margin-left: 0;
  }
  body main section.purpose .headerBlock span.head::before {
    left: 0;
    top: -30px;
  }
  body main section.first .numbers .aboutNumbers {
    padding-left: 15px;
  }
  body main section.first .numbers .aboutNumbers .headblock span.number {
    top: -75px;
    left: 15px;
  }
  body main section.first .numbers .aboutNumbers .headblock span.head::before {
    top: -37.5px;
    left: 0;
    width: 35px;
  }
  body main section.second .header {
    background-size: contain;
    background-repeat: repeat;
  }
  body main section.second .header .container .headblock {
    margin-left: 0px;
    padding-right: 15px;
  }
  body main section.second .header .container .headblock span.number {
    top: -82.5px;
    left: 15px;
  }
  body main section.second .header .container .headblock span.head::before {
    top: -44.5px;
    left: 0;
    width: 35px;
  }
  body main section.second .header .container .fact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
    -webkit-align-items: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
  body main section.second .header .container .fact p.desc {
    margin-left: 0;
    max-width: 175px;
  }
  body main section.third .header {
    padding-bottom: 60px;
    background-size: contain;
    background-repeat: repeat;
  }
  body main section.third .header img.imgPosM {
    right: -5%;
    top: -5%;
  }
  body main section.third .header .container .headblock {
    padding-top: 25px;
    margin-left: 0;
  }
  body main section.third .header .container .headblock span.number {
    top: -82.5px;
    left: 15px;
  }
  body main section.third .header .container .headblock span.head::before {
    top: -62.5px;
    left: 0;
    width: 35px;
  }
  body main section.third .header .container .fact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
    -webkit-align-items: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
  body main section.third .header .container .fact p.desc {
    margin-left: 0;
  }
  body main section.fourth .header {
    background-size: contain;
    background-repeat: repeat;
    padding-top: 75px;
  }
  body main section.fourth .header img.imgPosM {
    right: -5%;
    top: -5%;
  }
  body main section.fourth .header .container .headblock {
    margin-left: 0px;
  }
  body main section.fourth .header .container .headblock span.number {
    top: -82.5px;
    left: 15px;
  }
  body main section.fourth .header .container .headblock span.head::before {
    top: -36.5px;
    left: 0;
    width: 35px;
  }
  body main section.fourth .header .container .fact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
    -webkit-align-items: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
  body main section.fourth .header .container .fact p.desc {
    margin-left: 0;
  }
  body main section.howSignUp {
    padding-top: 50px;
  }
  body main section.howSignUp span.head {
    font-size: 34.8px;
  }
  body main section.howSignUp .signUp {
    width: 135px;
    height: 135px;
  }
  body main section.howSignUp .signUp span {
    font-size: 12px;
    letter-spacing: 1px;
  }
  body main section.howSignUp .signUp svg {
    width: 37.5px;
    height: auto;
    bottom: 0px;
    right: 0;
    left: 0;
  }
}

@media only screen and (max-width: 500px) {
  body .scroll {
    display: none;
  }
  body main section.purpose .cslMobile .arrowPrev {
    left: 0px;
  }
  body main section.purpose .cslMobile .arrowNext {
    right: 0px;
  }
  body main section.first .points {
    padding-left: 0;
    padding-right: 0;
  }
  body main section.first .points .content, body main section.first .points .headblock-mobile {
    padding-left: 30px;
    padding-right: 30px;
  }
  body main section.second .header .container .headblock span.head {
    font-size: 35px;
  }
  body main section.third .header .container .headblock span.head {
    font-size: 35px;
  }
  body main section.third .content .cslMobile .carousel-item .head .circle {
    width: 90px;
    height: 90px;
  }
  body main section.third .content .container span.head {
    font-size: 35px;
  }
  body main section.third .content .container ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
    -webkit-align-items: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding-left: 12.5px;
  }
  body main section.third .content .container ul li p.desc {
    margin-left: 0;
    text-align: left;
    margin-top: 10px;
  }
  body main section.third .content .container ul li p.desc br {
    display: none;
  }
  body main section.fourth .header .container .headblock {
    margin-left: 0;
  }
  body main section.fourth .header .container .headblock span.head {
    font-size: 35px;
  }
  body main section.fourth .header .container .infblock {
    margin-top: 25px;
  }
  body main section.fourth .header .container .infblock span.name {
    font-size: 40px;
  }
  body main section.fourth .content .container .wrap .step ul, body main section.fourth .content .container .wrap .step .buttons {
    padding-left: 15px;
  }
  body main section.fourth .content .container .wrap .step .headblock {
    padding-left: 10px;
  }
  body main section.fourth .content .container .wrap .step .headblock span.head {
    font-size: 30px;
  }
  body main section.fourth .content .container .wrap .step .headblock span.number {
    font-size: 22px;
  }
  body main section.fourth .content .container .wrap .step .buttons .btnR {
    width: 150px;
  }
  body main section.fourth .content .container .wrap .step .buttons .btnW {
    width: 200px;
  }
  body main section.result .header .container span.head {
    font-size: 25px;
  }
  body main section.result .header .container .numbers span.number {
    font-size: 25px;
  }
  body main section.result .header .container .numbers span.number span.red {
    font-size: 45px;
  }
  body main section.result .content .container span.head {
    font-size: 35px;
  }
}

@media only screen and (max-width: 400px) {
  body .scroll {
    left: 15px;
  }
  body main section.purpose img.fotoBg {
    width: 100%;
  }
  body main section.second .header img.imgPosM {
    width: 130px;
  }
  body main section.second .header .container .fact .procent {
    font-size: 60px;
  }
  body main section.second .header .container .fact p.desc {
    font-size: 16px;
  }
  body main section.second .content .cslMobile .carousel-item .head {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
    -webkit-align-items: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
  body main section.second .content .cslMobile .carousel-item .head .circle {
    width: 103px;
    height: 103px;
  }
  body main section.second .content .cslMobile .carousel-item .head .circle img {
    width: 73%;
  }
  body main section.second .content .cslMobile .carousel-item .head p.text {
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  body main section.first .points .content span.head {
    font-size: 35px;
  }
  body main section.first .points .content ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body main section.first .points .content ul li img.icon {
    width: 55px;
  }
  body main section.first .points .content ul li p.desc {
    font-size: 13px;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  body main section.first .points .content .arrows .arrow {
    width: 35px;
    height: 35px;
    margin-right: 10px;
  }
  body main section.first .points .content .arrows p.desc {
    font-size: 11px;
  }
  body main section.third .content .headMobile {
    font-size: 32px;
  }
  body main section.fourth .content .container .wrap .step .headblock span.head {
    font-size: 25px;
  }
  body main section.fourth .content .container .wrap .step .headblock span.number {
    font-size: 17px;
  }
  body main section.fourth .content .container .wrap .step ul li p.desc {
    font-size: 14px;
  }
  body main section.fourth .content .container .wrap .step .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body main section.fourth .content .container .wrap .step .buttons .btnW {
    margin-left: 0;
    margin-top: 15px;
  }
  body main section.result .content .container .csl .carousel .carousel-inner .carousel-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}