@charset "UTF-8";

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-BoldItalic.eot");
   src: local("Gotham Pro Bold Italic"), local("GothamPro-BoldItalic"),
      url("../fonts/GothamPro/GothamPro-BoldItalic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-BoldItalic.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-BoldItalic.ttf") format("truetype");
   font-weight: bold;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-Italic.eot");
   src: local("Gotham Pro Italic"), local("GothamPro-Italic"),
      url("../fonts/GothamPro/GothamPro-Italic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-Italic.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-Italic.ttf") format("truetype");
   font-weight: normal;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-Medium.eot");
   src: local("Gotham Pro Medium"), local("GothamPro-Medium"),
      url("../fonts/GothamPro/GothamPro-Medium.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-Medium.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-Medium.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-BlackItalic.eot");
   src: local("Gotham Pro Black Italic"), local("GothamPro-BlackItalic"),
      url("../fonts/GothamPro/GothamPro-BlackItalic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-BlackItalic.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-BlackItalic.ttf") format("truetype");
   font-weight: 900;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-Bold.eot");
   src: local("Gotham Pro Bold"), local("GothamPro-Bold"),
      url("../fonts/GothamPro/GothamPro-Bold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-Bold.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-Bold.ttf") format("truetype");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro Narrow";
   src: url("../fonts/GothamPro/GothamProNarrow-Bold.eot");
   src: local("Gotham Pro Narrow Bold"), local("GothamProNarrow-Bold"),
      url("../fonts/GothamPro/GothamProNarrow-Bold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamProNarrow-Bold.woff") format("woff"),
      url("../fonts/GothamPro/GothamProNarrow-Bold.ttf") format("truetype");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro Narrow";
   src: url("../fonts/GothamPro/GothamProNarrow-Medium.eot");
   src: local("Gotham Pro Narrow Medium"), local("GothamProNarrow-Medium"),
      url("../fonts/GothamPro/GothamProNarrow-Medium.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamProNarrow-Medium.woff") format("woff"),
      url("../fonts/GothamPro/GothamProNarrow-Medium.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-LightItalic.eot");
   src: local("Gotham Pro Light Italic"), local("GothamPro-LightItalic"),
      url("../fonts/GothamPro/GothamPro-LightItalic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-LightItalic.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-LightItalic.ttf") format("truetype");
   font-weight: 300;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-Light.eot");
   src: local("Gotham Pro Light"), local("GothamPro-Light"),
      url("../fonts/GothamPro/GothamPro-Light.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-Light.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-Light.ttf") format("truetype");
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-Black.eot");
   src: local("Gotham Pro Black"), local("GothamPro-Black"),
      url("../fonts/GothamPro/GothamPro-Black.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-Black.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-Black.ttf") format("truetype");
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro.eot");
   src: local("Gotham Pro"), local("GothamPro"),
      url("../fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Gotham Pro";
   src: url("../fonts/GothamPro/GothamPro-MediumItalic.eot");
   src: local("Gotham Pro Medium Italic"), local("GothamPro-MediumItalic"),
      url("../fonts/GothamPro/GothamPro-MediumItalic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/GothamPro/GothamPro-MediumItalic.woff") format("woff"),
      url("../fonts/GothamPro/GothamPro-MediumItalic.ttf") format("truetype");
   font-weight: 500;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Fira Sans";
   src: url("../fonts/FiraSans/FiraSans-Italic.eot");
   src: local("Fira Sans Italic"), local("FiraSans-Italic"),
      url("../fonts/FiraSans/FiraSans-Italic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/FiraSans/FiraSans-Italic.woff") format("woff"),
      url("../fonts/FiraSans/FiraSans-Italic.ttf") format("truetype");
   font-weight: normal;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Fira Sans";
   src: url("../fonts/FiraSans/FiraSans-Bold.eot");
   src: local("Fira Sans Bold"), local("FiraSans-Bold"),
      url("../fonts/FiraSans/FiraSans-Bold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/FiraSans/FiraSans-Bold.woff") format("woff"),
      url("../fonts/FiraSans/FiraSans-Bold.ttf") format("truetype");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Fira Sans";
   src: url("../fonts/FiraSans/FiraSansMedium-Italic.eot");
   src: local("Fira Sans Medium Italic"), local("FiraSansMedium-Italic"),
      url("../fonts/FiraSans/FiraSansMedium-Italic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/FiraSans/FiraSansMedium-Italic.woff") format("woff"),
      url("../fonts/FiraSans/FiraSansMedium-Italic.ttf") format("truetype");
   font-weight: 500;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Fira Sans";
   src: url("../fonts/FiraSans/FiraSansLight.eot");
   src: local("Fira Sans Light"), local("FiraSansLight"),
      url("../fonts/FiraSans/FiraSansLight.eot?#iefix") format("embedded-opentype"),
      url("../fonts/FiraSans/FiraSansLight.woff") format("woff"),
      url("../fonts/FiraSans/FiraSansLight.ttf") format("truetype");
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Fira Sans";
   src: url("../fonts/FiraSans/FiraSans.eot");
   src: local("Fira Sans"), local("FiraSans"),
      url("../fonts/FiraSans/FiraSans.eot?#iefix") format("embedded-opentype"),
      url("../fonts/FiraSans/FiraSans.woff") format("woff"),
      url("../fonts/FiraSans/FiraSans.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Fira Sans";
   src: url("../fonts/FiraSans/FiraSansMedium.eot");
   src: local("Fira Sans Medium"), local("FiraSansMedium"),
      url("../fonts/FiraSans/FiraSansMedium.eot?#iefix") format("embedded-opentype"),
      url("../fonts/FiraSans/FiraSansMedium.woff") format("woff"),
      url("../fonts/FiraSans/FiraSansMedium.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Fira Sans";
   src: url("../fonts/FiraSans/FiraSansLight-Italic.eot");
   src: local("Fira Sans Light Italic"), local("FiraSansLight-Italic"),
      url("../fonts/FiraSans/FiraSansLight-Italic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/FiraSans/FiraSansLight-Italic.woff") format("woff"),
      url("../fonts/FiraSans/FiraSansLight-Italic.ttf") format("truetype");
   font-weight: 300;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Fira Sans";
   src: url("../fonts/FiraSans/FiraSans-BoldItalic.eot");
   src: local("Fira Sans Bold Italic"), local("FiraSans-BoldItalic"),
      url("../fonts/FiraSans/FiraSans-BoldItalic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/FiraSans/FiraSans-BoldItalic.woff") format("woff"),
      url("../fonts/FiraSans/FiraSans-BoldItalic.ttf") format("truetype");
   font-weight: bold;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Roboto";
   font-weight: 400;
   font-style: normal;
   font-display: swap;
   src: url("../fonts/RobotoRegular/RobotoRegular.eot");
   src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"),
      url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
      url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
}

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

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

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

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

.header-right {
   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;
   position: relative;
   padding-left: 68px;
}

.header-right::before {
   position: absolute;
   content: '';
   width: 46px;
   height: 48px;
   left: 0;
   top: 50%;
   margin-top: -24px;
   background: url(../img/ic-phone.svg) center no-repeat;
}

.header_callback {
   font-size: 14px;
   line-height: 17px;
   -webkit-text-decoration-line: underline;
   text-decoration-line: underline;
   color: #ffc46a;
   cursor: pointer;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
   color: #4FB8EA;
}

.header_callback:hover {
   text-decoration: none;
   color: #fff9f9;
}

.header_phone {
   font-weight: 700;
   font-family: "Roboto", sans-serif;
   font-size: 24px;
   line-height: 28px;
   color: #2e2e2e;
   margin: 12px 0;
   text-decoration: none;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
}

.header__bg--lg {
   position: relative;
}

.header__text-title {
   font-size: 34px;
   line-height: 50px;
   margin-bottom: 20px;
   text-transform: uppercase;
   font-family: 'MullerMedium', arial;
   max-width: 900px;
}

.header__text-title b {
   font-weight: 400;
   font-family: 'MullerExtraBold', arial;
}

.header__text-title accent {
   font-weight: 400;
   font-family: 'MullerExtraBold', arial;
   display: inline-block;
   color: #63bae8;
}

.header_hero {
   position: relative;
   padding-top: 17px;
}

.logo__text {
   color: #7BBB4C;
   font-size: 18px;
   font-family: 'MullerMedium', arial;
   line-height: 1.3;
}

.header_hero-yand {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 13%;
   padding-top: 5px;
}

.header_hero-yand .text {
   margin-top: 20px;
   font-size: 18px;
   line-height: 22px;
   padding-left: 10px;
}

.header_hero-yand .text span {
   font-weight: 500;
}

.header_hero-gift {
   position: relative;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-top: 20px;
   margin-left: 10px;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
}

.h_gift_book {
   position: relative;
   -webkit-filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.25));
   filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.25));
   z-index: 1;
}

.download_icon {
   position: absolute;
   display: inline-block;
   top: 35px;
   left: 44%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 2;
}

.header_hero-gift-text {
   position: absolute;
   bottom: -2px;
   left: -7px;
   background: -webkit-gradient(linear,
         left top,
         right top,
         from(rgba(236, 104, 27, 0)),
         color-stop(58.12%, #63bae8));
   background: -o-linear-gradient(left,
         rgba(236, 104, 27, 0) 0%,
         #63bae8 58.12%);
   background: linear-gradient(90deg, rgba(236, 104, 27, 0) 0%, #63bae8 58.12%);
   font-size: 18px;
   line-height: 22px;
   padding: 10px 10px 12px 49px;
   width: 100%;
   max-width: 100%;
}

.header_hero-gift-text span {
   font-weight: 500;
}

.header_gift__img {
   right: -58px;
   margin-left: 0px;
   position: absolute;
   z-index: 0;
   top: -76px;
}

.main__video {
   box-shadow: 0px 15px 20px -11px rgba(51, 51, 51, 0.2);
   margin-right: 13px;
   cursor: pointer;
}

.mini_course-wrap {
   position: relative;
   background: #ffffff;
   border: 1px solid #63bae8;
   box-shadow: 0px 15px 20px -11px rgba(51, 51, 51, 0.2);
   border-radius: 10px;
   padding: 20px 15px;
   font-size: 14px;
   line-height: 16px;
   margin-top: 20px;
   display: none;
}

.mini_course-close {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 30px;
   line-height: 15px;
   cursor: pointer;
   transition: all 0.35s ease;
}

.mini_course-close:hover {
   color: #63bae8;
}

.header_gift__text {
   font-size: 11px;
   line-height: 14px;
   padding-top: 3px;
}

.plus_icon {
   position: relative;
   bottom: 20px;
}

.header_gift__title {
   position: relative;
   padding-top: 3px;
   font-weight: 400;
   font-size: 22px;
   line-height: 28px;
   margin-bottom: 10px;
}

.header_gift__title .plus_icon {
   position: absolute;
   top: -15px;
   left: 0;
}

.header_gift__title span {
   font-weight: 500;
}

.header_gift {
   margin: 0;
   position: relative;
}

.t-primary {
   color: #63bae8;
}

.header__cta-button {
   width: 100%;
   max-width: 384px;
   display: block;
   margin: 0;
   height: 90px;
   font-family: 'MullerBold', arial;
   font-size: 22px;
   line-height: 28px;
   text-align: center;
   color: #161616;
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   border: 1px solid #aee3ff;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);
   border-radius: 10px;
   text-transform: uppercase;
   cursor: pointer;
}

.main__enot {
   position: absolute;
   right: 0;
   top: -131%;
   width: 116px;
   z-index: -1;
}

.full-bg {
   background-repeat: repeat-x;
   background-color: white;
   color: #2e2e2e;
}

.header__bg--lg {
   background-image: url(../img/main-bg_pensionery.jpg);
   background-position: top center;
   background-repeat: no-repeat;
   color: #303030;
   background-size: cover;
}

@media (max-width: 1023px) {
   .header__cta-text {
      font-size: 20px;
      line-height: 24px;
   }

   .header__cta-button {
      width: 100%;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 16px;
      height: 80px;
   }

   .header__cta-button span {
      font-size: 14px;
      line-height: 14px;
   }

   .header__bg--lg {
      padding-bottom: 50px;
   }

   .header__bg--lg:after {
      display: none;
   }

   .header_hero:before,
   .header_hero:after {
      display: none;
   }

   .header__cta-text .wsnw {
      display: block;
   }

   .second__header {
      display: block;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      padding: 20px 2px 10px 0;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease;
      /*background-color: #272727;*/
      z-index: 2;
   }

   .header-active .fixed-header-mobile--top {
      background: white;
      background-image: inherit;
      height: 80px !important;
   }

   .second__header.active {
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      opacity: 0;
   }

   .header_callback {
      color: #fff;
      text-decoration: none;
   }

   .header-right {
      padding-right: 0;
   }

   .header-right .header_phone {
      margin-top: 0;
   }

   .header-right .header_callback {
      font-size: 12px;
   }

   .header__bg {
      display: block;
   }

   .logo__descr {
      display: none;
   }

   .fixed-header-mobile {
      padding: 24px 0 19px;
   }

   .fixed-header-mobile .container {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }

   .header-mobile--container.active .logo {
      width: 172px;
   }

   .logo__text {
      line-height: 1.3;
      font-size: 14px;
   }

   .header_phone {
      font-size: 20px;
      margin-bottom: 0;
      text-align: right;
   }
}

.slick-prev,
.slick-next {
   z-index: 2;
   width: 38px;
   height: 38px;
   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
   border-radius: 50%;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

.slick-prev {
   left: 20px;
}

.slick-next {
   right: 20px;
}

.slick-prev:hover,
.slick-next:hover {
   -webkit-filter: hue-rotate(300deg) brightness(1.45);
   filter: hue-rotate(300deg) brightness(1.45);
}

.slick-prev:before,
.slick-next:before {
   display: none;
}

.slick-next img {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.slick-dots li {
   width: 12px;
   height: 12px;
}

.slick-dots li button:before {
   color: #63BAE8;
   font-size: 12px;
}

.slick-dots li.slick-active button:before {
   color: transparent;
   color: #005582;
}

.get-user-phone-btns.hidden-sm {
   display: none;
}

.logo {
   padding-right: 20px;
   margin-right: 20px !important;
   position: relative;
}

.logo::before {
   content: '';
   height: 66px;
   width: 1px;
   position: absolute;
   right: 0;
   top: 7px;
   background: #7BBB4C;
}

.header-mobile--container {
   display: flex;
}

@media (max-width: 991px) {
   .logo::before {
      display: none;
   }

   .header__bg--lg {
      background-position: 30% top;
   }

   .header-price {
      max-width: 450px;
   }

   .logo {
      border-right: none;
      padding-right: 0;
   }

   .get-user-phone-btns.hidden-sm {
      display: block;
   }

   .logo__text {
      display: none;
   }

   /*   .header-mobile--container {
  transform: translateY(-150%);
  transition: all 0.35s ease;
} */
   .header-mobile--container.active {
      transform: translateY(0);
   }

   .slick-dotted.slick-slider {
      margin-bottom: 50px;
   }

   .slick-next {
      right: 15px;
   }

   .slick-prev {
      left: 15px;
   }

   .slick-prev,
   .slick-next {
      width: 22px;
      height: 22px;
   }

   .slick-prev img,
   .slick-next img {
      max-width: 100%;
   }
}

.modal_window {
   display: none;
   width: 1065px;
   max-width: 98%;
   max-width: 98wv;
   margin: auto;
   border-radius: 10px;
   border: 1px solid #63bae8;
}

.modal_window .goto__main-btn {
   text-transform: none;
   font-size: 14px;
}

.mdl-form {
   position: relative;
}

.mdl-form-wrapper {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}

.mdl-right {
   min-width: 394px;
   max-width: 100%;
   border: 1px solid #63bae8;
   box-sizing: border-box;
   box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.15);
   border-radius: 10px;
   padding: 25px 35px;
}

.form-ttl-sub {
   margin-bottom: 25px;
}

.mdl-left-title {
   font-size: 24px;
   line-height: 30px;
   /*font-weight: 500;*/
   margin-bottom: 30px;
}

.mdl-left-subtitle {
   font-size: 20px;
   line-height: 24px;
   font-weight: 500;
   margin-bottom: 10px;
}

.mdl-left-list {
   margin: 24px 0 32px;
   font-size: 18px;
   line-height: 22px;
}

.mdl-left-list span {
   display: block;
   margin-bottom: 5px;
}

.modal_window .wellcome__title {
   color: #000;
}

.success .thank_you {
   font-size: 18px;
   line-height: 22px;
   text-align: left;
}

.modal_window.success {
   background: #fff;
   color: #2e2e2e;
   border: 1px solid #63BAE8;
   box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.15);
   border-radius: 10px;
   text-align: center;
   width: 460px;
   max-width: 98%;
   max-width: 98wv;
}

.modal_window.success#low,
.modal_window.success#hight {
   background: #7BBB4C;
   border: 1px solid #2E2E2E;
   color: #fff;
}

#see_modal .mdl-form-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

@media (max-width: 991px) {
   .mdl-left-list {
      font-size: 14px;
      line-height: 16px;
   }

   .form-ttl {
      font-size: 16px;
      line-height: 20px;
   }

   .mdl-left-title {
      font-size: 18px;
      line-height: 22px;
   }

   .fancybox-content {
      padding: 30px 15px;
   }

   .modal_window {
      width: 440px;
      padding: 30px 15px;
   }

   #modal-1 .mdl-form {
      margin: auto;
   }

   .mdl-right {
      padding: 25px;
      min-width: auto;
      width: 100%;
      margin-top: 20px;
   }

   .mdl-left {
      text-align: center;
   }

   .mdl-form-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

@media (max-width: 575px) {
   .main__video {
      margin: auto;
   }

   .header-right .header_callback {
      font-weight: bold;
      font-size: 11px;
      line-height: 13px;
      padding-left: 0;
      text-decoration-line: underline;

      color: #63bae8;
   }

   .f_iframe:before {
      display: none;
   }

   .f_iframe span {
      border-bottom: none !important;
   }

   .success .thank_you {
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 14px;
      line-height: 16px;
   }

   .modal_window.success {
      padding: 40px 20px !important;
   }
}

::-webkit-input-placeholder {
   color: #818181;
}

::-moz-placeholder {
   color: #818181;
}

:-ms-input-placeholder {
   color: #818181;
}

::-ms-input-placeholder {
   color: #818181;
}

::placeholder {
   color: #818181;
}

::-moz-selection {
   background-color: #63bae8;
   color: #fff;
}

::selection {
   background-color: #63bae8;
   color: #fff;
}

body {
   font-size: 16px;
   min-width: 320px;
   position: relative;
   line-height: 1.65;
   font-family: "Fira Sans", sans-serif !important;
   font-weight: 400;
   overflow-x: hidden;
   color: #333;
}

body input,
body textarea {
   border: 0.5px solid #818181;
   border-radius: 5px;
   outline: none;
}

.text-center {
   text-align: center;
}

.quiz__question-question-body {
   -webkit-perspective: 500px;
   perspective: 500px;
}

.input_parent {
   transiton: opacity 0.7s ease;
}

.input_parent.gray {
   opacity: 0.6;
}

.input_parent.active {
   opacity: 1;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
}

.input_parent textarea {
   width: 308px;
   max-width: 100%;
   min-height: 60px;
   margin-left: 50px;
   padding: 14px;
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
   position: relative;
}

.textarea_wrap {
   display: none;
}

.textarea_wrap .input_parent {
   padding-left: 90px;
   margin-bottom: 10px;
}

.textarea_wrap .input_parent:first-child {
   padding-top: 25px;
}

.textarea_wrap .input_parent.gray {
   opacity: 1;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
}

.img-responsive {
   display: block;
   max-width: 100%;
   height: auto;
}

.img-responsive.img-width {
   width: 100%;
}

.text-center {
   text-align: center;
}

b,
strong {
   font-weight: bold;
}

h2 {
   font-size: 30px;
   line-height: 36px;
   text-align: center;
}

iframe {
   max-width: 100%;
}

.f_iframe {
   text-decoration: none;
   color: #2e2e2e;
   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
   position: relative;
   padding-left: 10px;
   font-family: "Roboto", sans-serif;
}

.f_iframe span {
   border-bottom: 1px solid #4FB8EA;
   font-weight: 600;
   font-size: 14px;
   line-height: 16px;
   color: #4FB8EA;
}

.f_iframe:before {
   position: absolute;
   content: "";
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #bdff00;
   left: 0;
   top: 6px;
}

.f_iframe:hover {
   color: #63bae8;
   text-decoration: none;
}

.f_iframe:hover span {
   border-bottom: 1px solid #63bae8;
}

.see_modal_btn:hover {
   color: #788242;
}

.see_modal_btn {
   text-decoration: none;
   color: #000;
   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.flex {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}

.aic {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

.social__text {
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   padding-bottom: 15px;
   text-align: center;
}

.social__buttons {
   text-align: center;
   font-size: 0;
   margin-bottom: 40px;
}

.social__button {
   text-decoration: none;
   width: 51px;
   display: block;
   margin: auto;
}

.social__button img {
   max-width: 100%;
}

.social_slider {
   margin-bottom: 30px;
}

.social_slider-item {
   display: block;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
}

.social_slider-item img {
   filter: blur(4px);
}

.social_slider-item.slick-active-center img {
   filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.15));
}

.viezd__text-sup {
   font-size: 11px;
   position: relative;
   left: -5px;
}

.viezd__subtitle.viezd__subtitle--color {
   font-weight: bold;
   font-size: 22px;
   line-height: 30px;
   color: #599c4d;
}

.viezd__text-big {
   font-weight: 600;
   font-size: 35px;
   line-height: 35px;
}

.quiz.quiz--result.quiz-result--unlocked:before {
   top: 58px;
}

.quiz.quiz--result.quiz-result--unlocked:after {
   top: 71px;
}

.quiz-buttons {
   display: none;
}

.button-container {
   position: absolute;
   top: 0px;
   width: 100%;
}

.viezd {
   margin: 0 0 80px;
   font-size: 14px;
   line-height: 18px;
   font-weight: 400;
}

.viezd__subtitle {
   margin-bottom: 20px;
}

.viezd__subtitle img {
   margin-right: 5px;
   width: 19px;
}

ul.viezd__list {
   padding: 0;
   margin: 0;
   list-style: none;
}

ul.viezd__list li {
   padding-bottom: 5px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: baseline;
   -webkit-align-items: baseline;
   -ms-flex-align: baseline;
   align-items: baseline;
}

#vieszd-inzhenera {
   position: relative;
   padding-top: 20px;
   flex-wrap: wrap;
}

#vieszd-inzhenera .arr_viezd {
   position: absolute;
   bottom: -10px;
   left: 100px;
}

.viezd__form-title {
   -webkit-box-pack: start;
   -webkit-justify-content: start;
   -ms-flex-pack: start;
   justify-content: start;
}

.viezd__form-title img {
   padding-left: 5px;
}

.viezd__form-title .text {
   max-width: calc(100% - 60px);
   width: 290px;
}

.viezd__form-text {
   margin: 0 0 20px;
}

input.viezd__form-phone {
   display: block;
   width: 230px;
   text-align: center;
   outline: none;
   font-size: 16px;
   height: 43px;
   background: #fafafa;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 5px;
   border: 1px solid #d3d3d3;
   box-sizing: border-box;
   box-shadow: inset 0px 1px 10px rgb(0 0 0 / 10%);
   border-radius: 10px;
}

.viezd-img {
   position: absolute;
   right: 0;
}

.viezd__form-btn {
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   text-align: center;
   color: #fff;
   height: 43px;
   ont-weight: bold;
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   border: 1px solid #aee3ff;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgb(99 186 232 / 70%);
   border-radius: 10px;
   border: none;
   color: #fff;
   outline: none !important;
   border: 0;
   width: 248px;
   position: relative;
   overflow: hidden;
   outline: none;
}

.viezd__form-btn:hover {
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgb(99 186 232 / 70%);
}

.viezd__form-btn:disabled {
   cursor: inherit;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#ed7479),
         to(#e7474e));
   background: -o-linear-gradient(top, #ed7479 0%, #e7474e 100%);
   background: linear-gradient(180deg, #ed7479 0%, #e7474e 100%);
}

.viezd__form-btn:disabled:hover {
   cursor: inherit;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#ea5e63),
         to(#e43038));
   background: -o-linear-gradient(top, #ea5e63 0%, #e43038 100%);
   background: linear-gradient(180deg, #ea5e63 0%, #e43038 100%);
}

.viezd__form-btn:after {
   content: "";
   position: absolute;
   top: 0;
   width: 53px;
   height: 70%;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(rgba(255, 255, 255, 0.4)),
         to(rgba(255, 255, 255, 0)));
   background: -o-linear-gradient(top,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(180deg,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   left: 10px;
   z-index: 1;
   -webkit-transform: skew(31deg);
   -ms-transform: skew(31deg);
   transform: skew(31deg);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transition: all 0.1s;
   -o-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-animation-name: slideme;
   animation-name: slideme;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.change_number-form {
   text-align: center;
}

.change_number-form input {
   width: 191px;
   margin: auto;
   font-size: 12px;
   line-height: 16px;
   border: 1px solid #828282;
   border-radius: 5px;
   height: 40px;
   outline: none !important;
   text-align: center;
   border: 1px solid #d3d3d3;
   box-sizing: border-box;
   box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
}

.change_number-form button {
   font-size: 14px;
   font-weight: 500;
   height: 40px;
   width: 191px;
   margin: auto;
   margin-top: 15px;
   font-weight: bold;
   text-transform: uppercase;
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   border: 1px solid #aee3ff;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);
   border-radius: 10px;
   border: none;
   color: #fff;
   outline: none !important;
   letter-spacing: 1px;
}

.change-number-description {
   font-size: 16px;
   line-height: 20px;
   padding-bottom: 18px;
}

.change-number__button {
   background: #5bbb4f;
   border-radius: 5.30233px;
   height: 46px;
   border: 0;
   font-weight: 500;
   font-size: 21.2093px;
   display: block;
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 24px;
   cursor: pointer;
}

.change-number__button:hover {
   background: #fbc057;
}

.change-number__button:disabled {
   background: #b7dbbb;
   border: 0;
   -webkit-filter: none;
   filter: none;
   cursor: inherit;
}

.change-number__button:disabled:hover {
   background: #b7dbbb;
   border: 0;
   -webkit-filter: none;
   filter: none;
   cursor: inherit;
}

.change-number__input {
   height: 46px;
   background: #fff;
   border: 1.32558px solid #5bbb4f;
   border-radius: 5.30233px;
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   text-align: center;
   font-size: 21.2093px;
   margin-bottom: 22px;
}

.change-number__input::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.6);
}

.change-number__input::-moz-placeholder {
   color: rgba(0, 0, 0, 0.6);
}

.change-number__input:-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.6);
}

.change-number__input::-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.6);
}

.change-number__input::placeholder {
   color: rgba(0, 0, 0, 0.6);
}

.change-number__text {
   font-size: 16px;
   line-height: 20px;
   padding-bottom: 14px;
}

.quiz__header-steps-step-text {
   position: absolute;
   display: block;
   width: inherit;
   top: 50px;
   left: 0;
   font-size: 12px;
   line-height: 15px;
   color: #000;
   font-weight: 700;
}

.quiz__header-steps-step {
   width: auto;
   display: inline-block;
   overflow: visible;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   margin: 0 7px;
}

.quiz__header-steps-step.quiz__header-steps-step--active:before {
   background: linear-gradient(267.16deg,
         #63bae8 7.68%,
         #9eddff 53.18%,
         #63bae8 90.4%);
   -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
   -ms-transform: matrix(1, 0, 0, -1, 0, 0);
   transform: matrix(1, 0, 0, -1, 0, 0);
   opacity: 1;
}

.quiz__header-steps-step.quiz__header-steps-step--old:before {
   background: #63bae8;
   -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
   -ms-transform: matrix(1, 0, 0, -1, 0, 0);
   transform: matrix(1, 0, 0, -1, 0, 0);
   opacity: 1;
}

.quiz__header-steps-step:before {
   content: "";
   display: block;
   height: 10px;
   background: #eaeaea;
   opacity: 0.4;
   border-radius: 10px;
}

.icon_info {
   position: relative;
   display: inline;
   margin-left: 5px;
   top: -5px;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
}

.icon_info img {
   width: 30px;
   height: 30px;
}

.icon_info:hover {
   -webkit-filter: drop-shadow(0px 4px 5px rgba(236, 104, 27, 0.7));
   filter: drop-shadow(0px 4px 5px rgba(236, 104, 27, 0.7));
}

.header__cta-button-arrow:after,
.header__numbers--visible-lg {
   display: none;
}

.header_gift__img {
   position: absolute;
   z-index: 2;
   right: 0;
   top: -60px;
}

.header_gift__img .download_icon {
   position: absolute;
   top: 0;
   left: 50%;
   -webkit-transform: translate(-60%, -15%);
   -ms-transform: translate(-60%, -15%);
   transform: translate(-60%, -15%);
   width: 60px;
   -webkit-filter: drop-shadow(0px 4px 5px rgba(236, 104, 27, 0.7));
   filter: drop-shadow(0px 4px 5px rgba(236, 104, 27, 0.7));
}

.bottom-menu__arrow path {
   -webkit-animation: arrow-color 2s cubic-bezier(0, 0, 0.81, 1.28) infinite;
   animation: arrow-color 2s cubic-bezier(0, 0, 0.81, 1.28) infinite;
}

.bottom-menu__arrow path:nth-child(1) {
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
}

.bottom-menu__arrow path:nth-child(2) {
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
}

.bottom-menu__arrow path:nth-child(3) {
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
}

@-webkit-keyframes arrow-color {
   0% {
      fill-opacity: 1;
      fill: #788242;
   }

   20% {
      fill-opacity: 0.5;
      fill: #d8e0ae;
   }

   40% {
      fill-opacity: 1;
      fill: #788242;
   }

   to {
      fill-opacity: 1;
      fill: #788242;
   }
}

@keyframes arrow-color {
   0% {
      fill-opacity: 1;
      fill: #788242;
   }

   20% {
      fill-opacity: 0.5;
      fill: #d8e0ae;
   }

   40% {
      fill-opacity: 1;
      fill: #788242;
   }

   to {
      fill-opacity: 1;
      fill: #788242;
   }
}

.cards-wrapper {
   margin: 0 auto;
   position: relative;
   z-index: 1;
   max-width: 1370px;
}

body.no-scroll {
   height: 100%;
   width: 100%;
   overflow: hidden;
}

.qiuz_wrap {
   position: relative;
   overflow: hidden;
}

.quiz-result--bg {
   position: absolute;
   width: 100vw;
   top: 554px;
   left: 0;
   background-size: cover;
   background-repeat: no-repeat;
   padding-top: 67%;
}

.quiz-result--bg:before {
   position: absolute;
   width: 100%;
   height: 50%;
   content: "";
   left: 0;
   top: 0;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#fff),
         to(rgba(255, 255, 255, 0)));
   background: -o-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.quiz-result--bg:after {
   position: absolute;
   width: 100%;
   height: 50%;
   content: "";
   left: 0;
   bottom: 0;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#fff),
         to(rgba(255, 255, 255, 0)));
   background: -o-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
   -webkit-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   transform: rotate(-180deg);
}

.quiz-result--locked .quiz-result__locked-hidden {
   opacity: 0;
}

.quiz-result__locked-hidden {
   margin: auto;
   padding-top: 20px;
}

.quiz.quiz--result {
   position: absolute;
   top: calc(100% - 190px);
   width: auto;
   display: none;
   background: #fff;
   max-width: 100%;
   margin: auto;
   left: 20px;
   right: 20px;
}

.quiz-bg--last-question .quiz.quiz--result,
.quiz-bg--result .quiz.quiz--result {
   display: block;
}

.bottom-menu__overlay {
   height: 100%;
   width: 100%;
   position: fixed;
   top: 0px;
   left: 0px;
   z-index: 9;
}

.quiz__questions {
   position: relative;
   max-width: 100%;
   margin: auto;
   padding-bottom: 65px;
}

.result_close .quiz__questions {
   padding-bottom: 0;
}

.quiz__question--hidden {
   position: absolute;
   background: #fff;
   top: 0px;
   left: 0;
   right: 0;
   opacity: 0;
   transition: all 0.35s ease;
   z-index: -1;
}

.ostalos-voprosov {
   position: relative;
   background-size: cover;
   background-position: top center;
   border: 1px solid #63bae8;
   -webkit-box-shadow: 0px 38px 40px -35px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 38px 40px -35px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   overflow: hidden;
   width: 288px;
   max-width: 100%;
   margin-left: auto;
}

.text-right {
   text-align: right;
}

.pb-0 {
   padding-bottom: 0;
}

.ostalos-voprosov__title {
   text-align: left;
   font-weight: bold;
   font-size: 16px;
   line-height: 20px;
}

.form_radio-box {
   background: #fff;
   border: 1px solid #63bae8;
   -webkit-box-shadow: 0px 3px 10px rgb(0 0 0 / 15%);
   box-shadow: 0px 3px 10px rgb(0 0 0 / 15%);
   border-radius: 10px;
   overflow: hidden;
   width: 100%;
   max-width: 100%;
   padding: 17px 20px;
}

.video.video-open:before {
   padding-bottom: 54%;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.ostalos-voprosov__list {
   counter-reset: myCounter;
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 4px;
}

.ostalos-voprosov__list-item {
   list-style: none;
   position: relative;
   font-size: 16px;
   line-height: 22px;
   margin-bottom: 10px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: baseline;
   -webkit-align-items: baseline;
   -ms-flex-align: baseline;
   align-items: baseline;
}

.ostalos-voprosov__list-item span {
   display: inline-block;
   width: 12px;
   margin-right: 2px;
   text-align: left;
}

.bottom-menu {
   -webkit-box-shadow: 0px -15px 18px -15px rgba(54, 54, 54, 0.2);
   box-shadow: 0px -15px 18px -15px rgba(54, 54, 54, 0.2);
   position: fixed;
   bottom: 0px;
   width: 100%;
   background: #fff;
   z-index: 10;
   -webkit-transition: height 0.25s ease-out;
   -o-transition: height 0.25s ease-out;
   transition: height 0.25s ease-out;
   height: 70px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -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;
}

.bottom-menu.bottom-menu--open {
   height: 100%;
}

.bottom-menu--hidden {
   display: none;
}

.bottom-menu__header {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-family: Roboto, sans-serif;
}

.bottom-menu__header button {
   margin: 0 5px;
}

.bottom-menu__header button img {
   width: 25px;
   margin: 0 8px;
}

.bottom-menu__btn-back {
   cursor: pointer;
   width: 66px;
   height: 50px;
   color: #fff;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#c7c7c7),
         to(#818181));
   background: -o-linear-gradient(top, #c7c7c7 0%, #818181 100%);
   background: linear-gradient(180deg, #c7c7c7 0%, #818181 100%);
   border: 0.5px solid #c4c4c4;
   -webkit-box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
   box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
   border-radius: 5px;
   outline: none;
}

.bottom-menu__btn-next {
   cursor: pointer;
   outline: none;
   text-align: center;
   min-width: 214px;
   height: 50px;
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   border: 1px solid #aee3ff;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgb(99 186 232 / 70%);
   border-radius: 10px;
   color: #fff;
   padding: 0;
   font-weight: bold;
   font-size: 16px;
   line-height: 14px;
}

.bottom-menu__btn-next:after {
   content: "";
   position: absolute;
   top: 0;
   width: 17px;
   height: 70%;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(rgba(255, 255, 255, 0.4)),
         to(rgba(255, 255, 255, 0)));
   background: -o-linear-gradient(top,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(180deg,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   left: 10px;
   z-index: 1;
   -webkit-transform: skew(20deg);
   -ms-transform: skew(20deg);
   transform: skew(20deg);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transition: all 0.1s;
   -o-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-animation-name: slideme;
   animation-name: slideme;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.bottom-menu__btn-next.disabled {
   pointer-events: none;
}

.bottom-menu__btn-next.disabled,
.bottom-menu__btn-next:disabled {
   border: 0;
   -webkit-filter: none;
   filter: none;
   cursor: inherit;
   background: linear-gradient(180deg, #c7c7c7 0%, #818181 100%);
   box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
   border: 0.5px solid #c4c4c4;
}

.bottom-menu__btn-next:disabled:hover {
   border: 0;
   -webkit-filter: none;
   filter: none;
   cursor: inherit;
}

.thank-you {
   position: relative;
   max-width: 434px;
   border-radius: 6px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 48px 34px 48px 34px;
   -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
}

.thank-you__text {
   font-size: 16px;
   line-height: 18px;
   text-align: center;
   padding-bottom: 41px;
}

.thank-you__button {
   height: 64px;
   line-height: 64px;
   text-align: center;
   border: 0;
   font-weight: 600;
   outline: none;
   text-decoration: none;
   background: #63bae8;
   border-radius: 8px;
   text-transform: uppercase;
   width: 324px;
   max-width: 100%;
   font-size: 14px;
   color: #fff;
   cursor: pointer;
   outline: none;
   position: relative;
   overflow: hidden;
   margin: 19px auto 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.thank-you__button:hover {
   -webkit-box-shadow: 0px 5px 15px rgb(99 186 232 / 50%);
   box-shadow: 0px 5px 15px rgb(99 186 232 / 50%);
}

.thank-you__button:after {
   content: "";
   position: absolute;
   top: 0;
   width: 53px;
   height: 70%;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(rgba(255, 255, 255, 0.4)),
         to(rgba(255, 255, 255, 0)));
   background: -o-linear-gradient(top,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(180deg,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   left: 10px;
   z-index: 1;
   -webkit-transform: skew(31deg);
   -ms-transform: skew(31deg);
   transform: skew(31deg);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transition: all 0.1s;
   -o-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-animation-name: slideme;
   animation-name: slideme;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.site-header {
   padding-top: 99px;
}

.fixed-header-mobile {
   position: fixed;
   z-index: 8;
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   left: 0px;
   top: 0px;
}

.fixed-header-mobile--top {
   position: absolute;
}

.logo__descr {
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   color: #fff9f9;
}

.form-file {
   font-size: 0;
   position: relative;
   border: 1px solid #407836;
   border-radius: 8px;
   height: 47px;
   margin-bottom: 19px;
}

span.file-text {
   width: calc(100% - 109px);
   color: rgba(9, 52, 69, 0.5);
   text-align: center;
   line-height: 47px;
   padding-top: 0px;
   padding-left: 10px;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-size: 10px;
   overflow: hidden;
   white-space: nowrap;
}

.form-file>* {
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   line-height: 16px;
   height: 100%;
}

span.btn-span {
   font-size: 17.949px;
   line-height: 47px;
   width: 109px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height: 47px;
   background: #d82412;
   font-weight: bold;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   border-radius: 6.52691px;
}

.form-file input {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   cursor: pointer;
   z-index: 4;
}

.form-input input {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: block;
   width: 100%;
   border: 1px solid #cddee5;
   border-radius: 8px;
   text-align: center;
   font-size: 14px;
   line-height: 17px;
   height: 46px;
   margin-bottom: 25px;
   border: 1px solid #d3d3d3;
   box-sizing: border-box;
   box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.1);
   font-weight: 500;
   font-size: 15px;
   line-height: 18px;
}

.form-btn .btn {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #fff;
   font-weight: 700;
   font-size: 14px;
   line-height: 17px;
   text-transform: uppercase;
   width: 100%;
   height: 64px;
   border: none;
   background: #63bae8;
   border-radius: 8px;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   border: 1px solid #aee3ff;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);
}

span.file-text span {
   font-size: 9px;
   line-height: 12px;
}

.form-phone {
   font-size: 14px;
   line-height: 18px;
   text-align: center;
   margin-bottom: 12px;
}

.form-ttl {
   margin-bottom: 25px;
   text-align: center;
   font-weight: 500;
   font-size: 22px;
   line-height: 26px;
}

.quiz-bg {
   /*overflow: hidden;*/
   padding-bottom: 110px;
   position: relative;
}

.quiz-bg.quiz-bg--result {
   padding-bottom: 30px;
}

.quiz-bg.quiz-bg--last-question {
   padding-bottom: 190px;
   overflow: visible;
}

.quiz-bg.quiz-bg--last-question:before {
   display: none;
}

.quiz.quiz--result.quiz-result--unlocked {
   background-color: transparent;
   left: 0;
   right: 0;
   max-width: 1092px;
   margin: auto;
   transition: all 0.35s ease;
}

.qiuz_wrap.results {
   background-image: url(../img/presult_bg.jpg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top center;
}

.header__text {
   padding-bottom: 15px;
   position: relative;
   z-index: 1;
}

.header__cta-text {
   font-size: 36px;
   line-height: 45px;
   color: #7bbb4c;
   margin: 80px 0 15px;
   font-weight: 700;
   padding: 0;
   font-weight: 700;
}

.header__cta-subtitle {
   font-size: 26px;
   line-height: 32px;
   font-weight: 500;
   margin: 25px 0 20px;
   width: 245px;
}

.arr_cta {
   position: absolute;
   right: 15%;
   top: -50px;
}

.shine {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
}

.shine:after {
   content: "";
   position: absolute;
   top: 0;
   width: 90px;
   height: 85%;
   background: linear-gradient(180deg, rgba(164, 219, 245, 0.76) 0%, rgba(164, 219, 245, 0.76) 0%, rgba(164, 219, 245, 0.32) 49.27%, rgba(255, 255, 255, 0) 100%);
   left: 10px;
   z-index: 1;
   -webkit-transform: skew(-31deg);
   -ms-transform: skew(-31deg);
   transform: skew(-31deg);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transition: all 0.1s;
   -o-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-animation-name: slideme;
   animation-name: slideme;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.header__cta-button:hover {
   -webkit-box-shadow: 0px 5px 15px rgb(99 186 232 / 50%);
   box-shadow: 0px 5px 15px rgb(99 186 232 / 50%);
}

.header__cta-button:active {
   -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
   box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
   border: 0;
}

.header__cta-button:focus {
   outline: none;
}

@-webkit-keyframes slideme {
   0% {
      left: -70px;
   }

   30% {
      left: 110%;
   }

   100% {
      left: 110%;
   }
}

@keyframes slideme {
   0% {
      left: -70px;
   }

   30% {
      left: 110%;
   }

   100% {
      left: 110%;
   }
}

.form_radio--card,
.form_checkbox--card {
   margin-bottom: 17px;
   background: #fff;
   position: relative;
}

.form_radio input,
.form_checkbox input {
   display: none;
}

.form_radio--card label,
.form_checkbox--card label {
   display: block;
   cursor: pointer;
   position: relative;
   margin-right: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-style: normal;
   line-height: 0;
   color: #000000;
   font-size: 0;
}

.form_radio__label-text:before,
.form_checkbox__label-text:before {
   content: "";
   display: block;
   width: 25px;
   height: 25px;
   position: absolute;
   left: 0px;
   top: 0px;
   margin: auto;
   bottom: 0px;
   background-color: #fff;
   /*border: 1px solid #818181;*/
   border: none;
   background-size: 0;
   background-position: center;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
}

.form_radio__label-text:before {
   border-radius: 50%;
}

.form_checkbox__label-text:before {
   border-radius: 0;
   background-size: 0;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
}

.form_radio input:checked+.form_radio__label-text:before {
   background: url(../img/active.svg) no-repeat;
   background-position: center;
   /*background-size: 19px;*/
   background-color: white;
   border-color: white;
}

.form_checkbox__label-text.checked:before,
.form_checkbox input:checked+.form_checkbox__label-text:before {
   background: url(../img/active.svg) no-repeat;
   background-size: 19px;
   background-position: center;
}

.form_radio label:hover:before,
.form_checkbox label:hover:before {
   -webkit-filter: brightness(120%);
   filter: brightness(120%);
}

.form_radio__label-text,
.form_checkbox__label-text {
   padding-left: 40px;
   position: relative;
   display: block;
   padding-top: 7px;
   padding-bottom: 7px;
   font-size: 14px;
   line-height: 17px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   padding-right: 5px;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
}

.quiz__question-question-body .col-lg-7 {
   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;
}

.quiz__header-text {
   padding-top: 190px;
   position: relative;
   font-size: 16px;
   line-height: 22px;
   text-align: center;
   color: #2e2e2e;
   padding-bottom: 25px;
}

.quiz__header-steps {
   margin: 2px auto 108px;
   max-width: 910px;
   font-size: 0;
   padding: 8px 10px;
   border: 2px solid #63bae8;
   border-radius: 33px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative;
}

.quiz__question {
   margin: auto;
   max-width: 100%;
}

.quiz__question {
   z-index: 1;
}

.quiz__question-title {
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 22px;
   text-align: center;
}

.quiz__question-title span {
   color: #7bbb4c;
}

.quiz__footer {
   position: relative;
   color: #fff;
   font-weight: 500;
   background: #2e2e2e;
}

.quiz__footer a {
   transition: all 0.35s ease;
}

.quiz__footer a:hover {
   color: #63bae8;
   text-decoration: none;
}

.quiz__footer .tnt_video-js {
   border-radius: 10px;
   overflow: hidden;
   display: inline-block;
   transition: all 0.35s ease;
   position: relative;
}

.quiz__footer .tnt_video-js img {
   border-radius: 10px;
   margin: auto;
   transition: all 0.35s ease;
}

.quiz__footer .tnt_video-js .a_loope {
   transition: all .35s ease;
   z-index: 1;
}

.quiz__footer .tnt_video-js:hover .a_loope {
   transform: scale(1.1);
}

/*.quiz__footer:before {*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  left: 0;*/
/*  top: 0;*/
/*  content: "";*/
/*  background: -webkit-gradient(linear, left bottom, left top, color-stop(23.23%, #272727), to(rgba(39, 39, 39, 0.5)));*/
/*  background: -o-linear-gradient(bottom, #272727 23.23%, rgba(39, 39, 39, 0.5) 100%);*/
/*  background: linear-gradient(0deg, #272727 23.23%, rgba(39, 39, 39, 0.5) 100%);*/
/*}*/

.subfooter {
   font-size: 14px;
   line-height: 17px;
   color: #eceff1;
   font-weight: 400;
}

.subfooter a,
.subfooter .inn {
   display: block;
   color: #eceff1;
   margin-top: 15px;
}

.tnt_title {
   font-size: 22px;
   font-weight: 500;
   line-height: 26px;
   text-transform: uppercase;
   background: linear-gradient(180deg, #db6008 46.67%, #b84f03 100%);
   padding: 12px;
}

.tnt_subtitle {
   font-size: 24px;
   line-height: 30px;
   margin: 10px 0 35px;
}

.tnt_videos {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.tnt_video {
   width: 32%;
   position: relative;
   margin-bottom: 15px;
}

.tnt_video:hover:before {
   opacity: 1;
}

.tnt_video:before {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
   background-color: rgba(222, 29, 37, 0.3);
   opacity: 0;
}

.visible-lg {
   display: none;
}

.clear {
   clear: both;
}

.clear:after {
   display: block;
   content: "";
   clear: both;
}

.form_checkbox__textarea,
.form_radio__textarea {
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid rgba(35, 35, 35, 0.3);
   border-radius: 4px;
   resize: none;
   height: 181px;
   padding: 10px;
   position: absolute;
   height: 100%;
   top: 0px;
   font-size: 14px;
}

.form_checkbox__textarea-ratio,
.form_radio__textarea-ratio {
   position: relative;
   padding-top: 55%;
}

.form_checkbox__textarea::-webkit-input-placeholder,
.form_radio__textarea::-webkit-input-placeholder {
   font-size: 12px;
   color: rgba(35, 35, 35, 0.3);
   padding-top: 20px;
   text-align: center;
}

.form_checkbox__textarea::-moz-placeholder,
.form_radio__textarea::-moz-placeholder {
   font-size: 12px;
   color: rgba(35, 35, 35, 0.3);
   padding-top: 20px;
   text-align: center;
}

.form_checkbox__textarea:-ms-input-placeholder,
.form_radio__textarea:-ms-input-placeholder {
   font-size: 12px;
   color: rgba(35, 35, 35, 0.3);
   padding-top: 20px;
   text-align: center;
}

.form_checkbox__textarea::-ms-input-placeholder,
.form_radio__textarea::-ms-input-placeholder {
   font-size: 12px;
   color: rgba(35, 35, 35, 0.3);
   padding-top: 20px;
   text-align: center;
}

.form_checkbox__textarea::placeholder,
.form_radio__textarea::placeholder {
   font-size: 12px;
   color: rgba(35, 35, 35, 0.3);
   padding-top: 20px;
   text-align: center;
}

.messengers {
   max-width: 270px;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-bottom: 20px;
}

.messengers .form_radio__label-text:before {
   width: 20px;
   height: 20px;
   margin: 0;
   bottom: 0;
   top: auto;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: url(../img/n-active.svg) no-repeat;
   background-size: contain;
   background-position: center;
}

.messengers .form_radio__label-text {
   font-size: 11px;
   padding: 5px 0 25px;
   text-align: center;
   display: block;
}

/*.messengers .form_radio input:checked + .form_radio__label-text:before {
  background-size: 28px;
}*/

.messenger label {
   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;
   cursor: pointer;
}

.mess_icon {
   width: 35px;
   position: relative;
   top: -3px;
   -webkit-filter: grayscale(1) opacity(0.5);
   filter: grayscale(1) opacity(0.5);
   -webkit-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
}

.mess_icon:hover {
   -webkit-filter: opacity(0.5);
   filter: opacity(0.5);
}

.mess_icon.active {
   -webkit-filter: none;
   filter: none;
}

.get-user-phone {
   position: relative;
}

.get-user-phone__title {
   font-weight: 400;
   color: #000;
   margin-bottom: 15px;
   font-size: 16px;
   line-height: 20px;
}

.slick-slide img {
   margin: auto;
}

.get-user-phone__description {
   font-size: 13px;
   line-height: 16px;
   margin: 5px 0 15px;
   color: #63bae8;
   font-weight: 500;
   max-width: 270px;
}

.get-user-phone__description b {
   font-weight: 700;
}

.get-user-phone__input {
   width: 100%;
   max-width: 264px;
   text-align: center;
   background: #fff;
   outline: none;
   position: relative;
   font-size: 16px;
   height: 41px;
   margin-bottom: 15px;
   border: 1px solid #d3d3d3;
   box-sizing: border-box;
   box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
}

.button_link,
.get-user-phone__button {
   max-width: 100%;
   width: 264px;
   height: 41px;
   margin: 0;
   cursor: pointer;
   outline: none;
   text-align: center;
   font-weight: bold;
   font-size: 16px;
   line-height: 19px;
   color: #fff;
   position: relative;
   overflow: hidden;

   border-radius: 10px;
   margin-bottom: 60px;
   -webkit-transition: all 0.35s ease-in-out;
   -o-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   border: 1px solid #aee3ff;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);
}

.button_link:hover,
.get-user-phone__button:hover {
   background-color: #63bae8;
   background: linear-gradient(180deg, #a1deff 0%, #63bbe8 100%);
}

.button_link:active,
.get-user-phone__button:active {
   background-color: #63bae8;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#47c2e7),
         to(#63bae8));
   background: -o-linear-gradient(top, #47c2e7 0%, #63bae8 100%);
   background: linear-gradient(180deg, #47d4e7 0%, #63bae8 100%);
}

.button_link:disabled,
.get-user-phone__button.disabled,
.get-user-phone__button:disabled {
   background-color: #818181;
   cursor: inherit;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#c7c7c7),
         to(#818181));
   background: -o-linear-gradient(top, #c7c7c7 0%, #818181 100%);
   background: linear-gradient(180deg, #c7c7c7 0%, #818181 100%);
   border: 0.5px solid #c4c4c4;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
   box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
}

.get-user-phone__button.disabled {
   pointer-events: none;
}

.button_link:disabled:hover,
.get-user-phone__button.disabled:hover,
.get-user-phone__button:disabled:hover {
   background-color: #818181;
   cursor: inherit;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(#818181),
         to(#818181));
   background: -o-linear-gradient(top, #818181 0%, #818181 100%);
   background: linear-gradient(180deg, #818181 0%, #818181 100%);
   border: 0.5px solid #c4c4c4;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
   box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
}

.button_link:after,
.get-user-phone__button:after {
   content: "";
   position: absolute;
   top: 0;
   width: 53px;
   height: 70%;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(rgba(255, 255, 255, 0.4)),
         to(rgba(255, 255, 255, 0)));
   background: -o-linear-gradient(top,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(180deg,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   left: 10px;
   z-index: 1;
   -webkit-transform: skew(31deg);
   -ms-transform: skew(31deg);
   transform: skew(31deg);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transition: all 0.1s;
   -o-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-animation-name: slideme;
   animation-name: slideme;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.button_link {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 16px;
   font-weight: 700;
   width: 288px;
   height: 60px;
}

.button_link:hover {
   color: #fff;
   text-decoration: none;
}

.progress-ring {
   position: absolute;
   top: -13px;
   left: -13px;
}

.progress-ring__circle {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   -webkit-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
}

.progress-circle {
   width: 118px;
   height: 118px;
   background: transparent;
   border: 13px solid transparent;
   border-radius: 50%;
   position: relative;
   margin: 0 auto;
   margin-bottom: 25px;
}

.progress-circle__value {
   width: 92px;
   height: 92px;
   top: 0;
   left: 0;
   position: absolute;
   font-style: normal;
   font-weight: 900;
   font-size: 20px;
   line-height: 92px;
   text-align: center;
   text-transform: uppercase;
   color: #63bae8;
}

.progress-circle__complete {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   display: none;
}

.progress-ring {
   position: absolute;
   top: -12px;
   left: -12px;
   right: -12px;
   bottom: -12px;
}

.ostalos-voprosov__footer {
   padding: 20px 15px;
   margin-top: 25px;
   background: #eef9ff;
   border-bottom: none;

   border-radius: 5px 5px 0px 0px;
   font-size: 14px;
   line-height: 18px;
}

.ostalos-voprosov__footer span {
   color: #63bae8;
}

.ostalos-voprosov__footer strong {
   color: #63bae8;
   display: block;
   text-align: center;
   padding-top: 15px;
}

.form_radio--card.form_radio--img {
   background: #fff;
   border: 1px solid #63bae8;
   -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
   box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
   border-radius: 10px;
   overflow: hidden;
   width: 100%;
   max-width: 100%;
}

.form_radio--card.form_radio--img label {
   margin-bottom: 0;
}

.form_radio--card.form_radio--img img {
   border-bottom: 1px solid #63bae8;
}

.form_radio--card.form_radio--img .form_radio__label-text {
   font-size: 18px;
   line-height: 22px;
   font-weight: 400;
   padding: 30px 10px 30px 10px;
   text-align: center;
   display: block;
}

.form_radio--card.form_radio-box .form_radio__label-text {
   font-size: 18px;
   line-height: 22px;
   font-weight: 400;
   display: block;
}

.form_radio--card.form_radio--img .form_radio__label-text:before {
   width: 35px;
   height: 35px;
   left: 18px;
   position: absolute;
   top: -100%;
   left: 0;
   background: url(../img/n-active.svg) no-repeat;
   background-size: 31px;
   background-position: center;
   right: 0;
   background-color: white;
   border-color: white;
}

.form_radio.form_radio--img input:checked+.form_radio__label-text:before {
   background-size: 31px;
}

.form_radio.form_radio-box input:checked+.form_radio__label-text:before {
   background-size: 31px;
}

.form_radio,
.form_checkbox {
   font-size: 0;
   position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.quiz-result__title {
   font-weight: 700;
   max-width: 100%;
   margin: 35px auto;
   background: #63bae8;
   color: #fff;
   padding: 12px 10px 12px 20px;
   position: relative;
   font-size: 16px;
   line-height: 20px;
   border-radius: 10px;
}

.quiz-result--unlocked .quiz-result__title:before {
   background-image: url("../img/unlock.png");
   background-repeat: no-repeat;
   background-position: 0px 0px;
   background-size: contain;
   content: "";
   display: block;
   position: absolute;
   height: 76px;
   width: 57px;
   left: 40px;
   top: 50%;
   transform: translateY(-50%);
}

.quiz-result--locked .quiz-result__title:before {
   background-image: url("../img/lock.png");
   background-repeat: no-repeat;
   background-position: 0px 0px;
   background-size: contain;
   content: "";
   height: 76px;
   width: 57px;
   display: block;
   position: absolute;
   left: 20px;
   top: -8px;
}

.result_phone-text {
   font-size: 14px;
   line-height: 17px;
   margin-bottom: 10px;
}

.vieszd-inzhenera__list-item-s-uchetom {
   margin-bottom: 5px;
}

.vieszd-inzhenera__hidden {
   display: none;
}

.vieszd-inzhenera {
   position: relative;
   z-index: 1;
}

.vieszd-inzhenera__title {
   font-style: normal;
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   margin-bottom: 13px;
}

.vieszd-inzhenera__list-item {
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 17px;
}

.vieszd-inzhenera__item-title {
   font-size: 18px;
   line-height: 22px;
   color: #54b648;
   margin-bottom: 11px;
}

.vieszd-inzhenera__item-title:before {
   content: "";
   background-image: url("../img/vieszd-inzhenera-list-marker.png");
   display: inline-block;
   height: 19px;
   width: 19px;
   background-size: contain;
   margin-right: 7px;
   position: relative;
   top: 2px;
}

.vieszd-inzhenera__item-list {
   padding-left: 0px;
   list-style: none;
   margin-top: 0px;
   margin-bottom: 0px;
}

.vieszd-inzhenera__item-list li:before {
   content: "";
   background-image: url("../img/vieszd-inzhenera__item-list-li-marker.png");
   display: inline-block;
   height: 4px;
   width: 4px;
   background-size: contain;
   margin-right: 6px;
   position: relative;
   top: -3px;
}

.vieszd-inzhenera__read-more {
   color: #195ba9;
   cursor: pointer;
}

.vieszd-inzhenera__input {
   height: 48px;
   background: #fff;
   border-radius: 60px;
   border: 0;
   width: 100%;
   padding: 0;
   outline: none;
   text-align: center;
   font-size: 16px;
   margin-bottom: 19px;
   border: 0.992307px solid #54b648;
   margin-top: 9px;
}

.vieszd-inzhenera__button {
   height: 48px;
   background: #54b648;
   border-radius: 60px;
   border: 0;
   width: 100%;
   font-weight: 600;
   font-size: 14px;
   color: #fff;
   margin-bottom: 8px;
   border-bottom: 2px solid #129103;
   outline: none;
   cursor: pointer;
}

.vieszd-inzhenera__button:hover {
   -webkit-filter: drop-shadow(0px 4px 6px #54b648);
   filter: drop-shadow(0px 4px 6px #54b648);
}

.vieszd-inzhenera__button:disabled {
   background: #a9daa3;
   -webkit-filter: none;
   filter: none;
   border: 0;
}

.vieszd-inzhenera__button:disabled:hover {
   background: #a9daa3;
   -webkit-filter: none;
   filter: none;
   border: 0;
}

.quiz-result {
   position: relative;
}

.quiz-result__content {
   position: relative;
   padding: 0;
   max-width: 932px;
   margin: auto;
}

.quiz-result__title__container {
   text-align: center;
}

.consultation__form-title {
   display: none;
}

.consultation-pop-up {
   position: relative;
   border-radius: 6px;
   max-width: 1092px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 40px 14px;
   -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.22);
}

.consultation__form {
   border-radius: 6px;
   position: relative;
}

.modal__overlay {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.6);
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

.modal__container {
   background-color: #fff;
   max-height: 100vh;
   border-radius: 4px;
   overflow-y: auto;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: relative;
}

.modal__container img {
   max-width: 100%;
   max-height: 100vh;
}

.modal__header {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}

.modal__title {
   margin-top: 0;
   margin-bottom: 0;
   font-weight: 600;
   font-size: 1.25rem;
   line-height: 1.25;
   color: #00449e;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.modal__header .modal__close:before {
   content: "✕";
}

.modal__content {
   margin-top: 2rem;
   margin-bottom: 2rem;
   line-height: 1.5;
   color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
   font-size: 0.875rem;
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   background-color: #e6e6e6;
   color: rgba(0, 0, 0, 0.8);
   border-radius: 0.25rem;
   border-style: none;
   border-width: 0;
   cursor: pointer;
   -webkit-appearance: button;
   text-transform: none;
   overflow: visible;
   line-height: 1.15;
   margin: 0;
   will-change: transform;
   -moz-osx-font-smoothing: grayscale;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   transition: -webkit-transform 0.25s ease-out;
   -webkit-transition: -webkit-transform 0.25s ease-out;
   -o-transition: transform 0.25s ease-out;
   transition: transform 0.25s ease-out;
   transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus,
.modal__btn:hover {
   -webkit-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}

.modal__btn-primary {
   background-color: #00449e;
   color: #fff;
}

iframe {
   width: 100%;
   height: 100%;
   max-width: 100%;
}

.video {
   overflow: hidden;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
   border-width: 13px;
   background: rgba(236, 104, 27, 0.5);
   border-radius: 10px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   z-index: 8;
   position: fixed;
   top: auto;
   right: 12px;
   bottom: 25px;
   width: 160px;
   height: 216px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
   box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
}

.video:before {
   content: "";
   display: block;
   padding-bottom: 113%;
   -webkit-transition: 0.2s ease-in-out;
   -o-transition: 0.2s ease-in-out;
   transition: 0.2s ease-in-out;
}

.video-countainer {
   display: block;
   position: absolute;
   height: auto;
   width: auto;
   left: 13px;
   right: 13px;
   bottom: 13px;
   top: 51px;
   font-size: 0;
}

.video video {
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   min-width: 100%;
   min-height: 100%;
   z-index: 2;
   -webkit-transition: opacity 0.4s ease-in-out 0s;
   -o-transition: opacity 0.4s ease-in-out 0s;
   transition: opacity 0.4s ease-in-out 0s;
   border: 2px solid #cd5711;
   opacity: 1;
}

.video-play {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border-radius: 50%;
   background-color: #000;
   width: 50px;
   height: 50px;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
   z-index: 2;
}

.video-play:hover {
   background-color: #63bae8;
}

.video-play:before {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   top: 50%;
   left: 55%;
   -webkit-transform: translate(-50%, -50%) scaleX(1.5);
   -ms-transform: translate(-50%, -50%) scaleX(1.5);
   transform: translate(-50%, -50%) scaleX(1.5);
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-left: 10px solid #fff;
}

.video_full {
   display: none;
}

.video-open .video_full {
   display: block;
}

.video-open .video-play {
   opacity: 0;
}

.video-close,
.video-close-always {
   position: absolute;
   top: -35px;
   right: 2px;
   width: 20px;
   height: 20px;
   z-index: 250;
   -webkit-transition: opacity 0.2s ease-in-out 0s,
      -webkit-transform 0.3s ease-in-out 0s;
   transition: opacity 0.2s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
   -o-transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
   transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
   transition: transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s,
      -webkit-transform 0.3s ease-in-out 0s;
   opacity: 0.5;
   display: none;
}

.video:not(.video-open) .video-close-always {
   right: 5px;
   display: block;
}

.video-close:before,
.video-close:after {
   position: absolute;
   left: 0px;
   top: 9px;
   content: " ";
   height: 2px;
   width: 18px;
   background: white;
   -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
   box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
}

.video-close-always:before,
.video-close-always:after {
   position: absolute;
   left: 0px;
   top: 9px;
   content: " ";
   height: 2px;
   width: 18px;
   background: #000;
   -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
   box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 10px;
}

.video-close:before,
.video-close-always:before {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.video-close:after,
.video-close-always:after {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.video-close:hover,
.video-close-always:hover {
   opacity: 1;
   -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
}

.video.video-open {
   width: 1000px;
   height: 540px;
   border-color: #d69853;
   -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
   box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 20px;
   max-width: calc(100% - 24px);
}

.video-open .video-close {
   display: block;
}

.video.video-open .video-close-always {
   display: none;
}

.video-close:after {
   display: none;
}

.video-close:before {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}

.quiz-result--locked--animated {
   -webkit-animation: quiz-result-locked 1.8s ease-in-out infinite;
   animation: quiz-result-locked 1.8s ease-in-out infinite;
   background: #fff;
   box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.25);
   border-radius: 10px 10px 0px 0px;
}

@-webkit-keyframes quiz-result-locked {
   0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
   }

   50% {
      -webkit-transform: translateY(50px);
      transform: translateY(50px);
      opacity: 0.6;
   }

   to {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
   }
}

@keyframes quiz-result-locked {
   0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
   }

   50% {
      -webkit-transform: translateY(50px);
      transform: translateY(50px);
      opacity: 0.6;
   }

   to {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
   }
}

.quiz__question-question-body-box {
   min-height: 465px;
   align-content: flex-start;
}

.ostalos-voprosov__header-text {
   font-size: 14px;
   line-height: 20px;
   text-align: center;
   font-weight: 700;
   background: #63bae8;
   color: white;
   padding: 13px 10px;
}

.ostalos-voprosov__header-text:not(:last-of-type) {
   margin-bottom: 20px;
}

.ostalos-voprosov__header-text span {
   font-weight: 400;
}

.ostalos-voprosov_dop-params .ostalos-voprosov__header-text {
   margin-top: 20px;
   margin-bottom: 10px;
   padding: 5px 10px;
}

.printing_item {
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 10px;
   font-size: 14px;
   line-height: 17px;
}

.dop-1 .printing_item,
.dop-2 .printing_item,
.dop-3 .printing_item {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.printing_item b {
   color: #2e2e2e;
   font-weight: bold;
   display: inline;
   white-space: nowrap;
}

.youtube .play {
   background: url(../img/pink_play.svg) no-repeat center center;
   position: absolute;
   height: 100%;
   width: 100%;
   opacity: 0.8;
   cursor: pointer;
   background-size: 14%;
   -webkit-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
}

.youtube .play:hover {
   opacity: 1;
}

.open_arr span {
   display: block;
   width: 12px;
   height: 12px;
   border-top: 3px solid #63bae8;
   border-right: 3px solid #63bae8;
   margin: -2px;
   float: left;
}

.arrow_right span {
   display: block;
   width: 12px;
   height: 12px;
   border-top: 3px solid #63bae8;
   border-right: 3px solid #63bae8;
   margin: -2px;
   float: left;
   -webkit-animation: arrow-right 1s infinite;
   animation: arrow-right 1s infinite;
}

.open_arr span {
   -webkit-animation: arrow-upp 1s infinite;
   animation: arrow-upp 1s infinite;
}

.open_arr span:nth-child(3) {
   -webkit-animation-delay: -0.2s;
   animation-delay: -0.2s;
}

.open_arr span:nth-child(2) {
   -webkit-animation-delay: -0.1s;
   animation-delay: -0.1s;
}

.arrow_right span:nth-child(2) {
   -webkit-animation-delay: -0.1s;
   animation-delay: -0.1s;
}

.arrow_right span:nth-child(1) {
   -webkit-animation-delay: -0.2s;
   animation-delay: -0.2s;
}

@-webkit-keyframes arrow-right {
   0% {
      opacity: 0;
      -webkit-transform: rotate(45deg) translate(0px, 0px);
      transform: rotate(45deg) translate(0px, 0px);
   }

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0;
      -webkit-transform: rotate(45deg) translate(0px, 0px);
      transform: rotate(45deg) translate(0px, 0px);
   }
}

@keyframes arrow-right {
   0% {
      opacity: 0;
      -webkit-transform: rotate(45deg) translate(0px, 0px);
      transform: rotate(45deg) translate(0px, 0px);
   }

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0;
      -webkit-transform: rotate(45deg) translate(0px, 0px);
      transform: rotate(45deg) translate(0px, 0px);
   }
}

@-webkit-keyframes arrow-upp {
   0% {
      opacity: 0;
      -webkit-transform: rotate(225deg) translate(0px, 0px);
      transform: rotate(225deg) translate(0px, 0px);
   }

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0;
      -webkit-transform: rotate(225deg) translate(0px, 0px);
      transform: rotate(225deg) translate(0px, 0px);
   }
}

@keyframes arrow-upp {
   0% {
      opacity: 0;
      -webkit-transform: rotate(225deg) translate(0px, 0px);
      transform: rotate(225deg) translate(0px, 0px);
   }

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0;
      -webkit-transform: rotate(225deg) translate(0px, 0px);
      transform: rotate(225deg) translate(0px, 0px);
   }
}

.second__phone {
   margin-right: 20px;
}

.second__header {
   display: block;
}

.wsnw {
   white-space: nowrap;
}

.quiz.quiz-result--locked {
   background: #fff;
   -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
   border-radius: 10px 10px 0px 0px;
   padding: 10px;
   left: 0px;
   right: 0px;
}

.second_input__hidden {
   display: none;
}

.thank_you-titile {
   font-size: 22px;
   line-height: 26px;
   margin-bottom: 30px;
   font-weight: 500;
   text-align: center;
}

.textb {
   margin-bottom: 10px;
}

#quiz {
   visibility: hidden;
   position: absolute;
   height: 0;
   bottom: 0;
}

#quiz textarea,
#quiz input {
   position: absolute;
   top: 0;
   left: 0;
   height: 0;
   padding: 0;
   margin: 0;
   border: none;
}

@media (max-width: 575px) {
   .quiz-result--unlocked {
      padding-top: 20px;
   }

   .quiz__header-text strong {
      display: block;
   }

   .thank-you__button {
      font-size: 12px;
      height: 56px;
      line-height: 56px;
   }

   .thank_you-titile {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 20px;
   }
}

.button[disabled="disabled"] {
   cursor: not-allowed;
   background: linear-gradient(180deg, #a1deff 0%, #919da4 100%);
}

.change_number-form button[disabled="disabled"] {
   background: linear-gradient(180deg, #c7c7c7 0%, #818181 100%);
   border: 0.5px solid #c4c4c4;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
}

form input {
   outline: none;
}

.get-user-phone__button:not:disabled,
.get-user-phone__button:not([disabled="disabled"]) {
   background-color: #b1171d !important;
}

form button:not([disabled="disabled"]) {
   background-color: #666 !important;
}

@media (max-width: 992px) {

   .quiz__footer,
   .quiz__questions {
      margin: auto;
   }

   .quiz__question--hidden {
      left: 0;
      right: 0;
   }
}

.hidden_input {
   display: none !important;
}

form button {
   cursor: pointer;
}

button {
   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.ajax_loader {
   text-align: center;
   padding-top: 30px;
   display: none;
}

.header-active .fixed-header-mobile--top {
   position: fixed;
   background-image: url(../img/new/bg-mob.jpg);
   height: 100px;
   padding-top: 10px;
}

.col-12.no_padding,
.cards-wrapper .col-lg-10 {
   padding: 0 15px;
}

.accent {
   color: #63bae8;
   font-weight: 700;
   display: inline-block;
}

.s_master {
   font-size: 14px;
   line-height: 16px;
   font-weight: 500;
}

.master_wrap {
   background: #fff;
   -webkit-box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.15);
   box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.15);
   border-radius: 10px;
   padding: 20px;
   text-align: center;
   max-width: 264px;
   margin-bottom: 40px;
}

.master__img {
   border-radius: 10px;
   margin: auto;
}

.master__title {
   font-size: 14px;
   line-height: 18px;
   font-weight: 500;
}

.master__description {
   font-size: 16px;
   line-height: 19px;
}

.master-text {
   font-size: 22px;
}

.master-list ul {
   list-style-type: none;
   padding: 0;
   margin: 25px 0;
}

.mb7 {
   margin-bottom: 70px;
}

.rub {
   font-family: u2000;
}

.cost_calc {
   border: 1px solid #63bae8;
   -webkit-box-shadow: 0px 38px 40px -35px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 38px 40px -35px rgba(0, 0, 0, 0.3);
   border-radius: 5px;
   padding: 20px 26px;
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 30px;
}

.cost_calc-title {
   font-weight: 500;
   font-size: 16px;
   margin-bottom: 20px;
}

.cost_calc-subtitle {
   margin-bottom: 5px;
   font-weight: 500;
}

.cost_calc-main--list {
   margin-bottom: 20px;
}

.cost_calc-secondary--list {
   padding-left: 25px;
}

.cost_calc-price {
   font-weight: 500;
   background: #64bae8;
   color: white;
   padding: 16px 19px;
}

.cost_calc-price span {
   color: white;
}

.cost_calc-price span.rub {
   color: white;
}

.cost__info {
   font-size: 18px;
   line-height: 22px;
}

.cost__info__title {
   font-weight: bold;
   font-size: 22px;
}

.cost-arrow {
   margin-left: 20px;
}

.free-ingener-title {
   background: #e0e0e0;
   border-radius: 10px;
   font-weight: 500;
   font-size: 22px;
   line-height: 26px;
   padding: 20px 40px;
   margin-bottom: 20px;
}

.rub_icon {
   width: 10px;
   position: relative;
   top: -2px;
}

.cost__info {
   position: relative;
}

.cost__info:before {
   position: absolute;
   content: '';
   width: 470px;
   height: 470px;
   left: 100%;
   top: 0;
   background-image: url(../img/new/drop-1.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

.s_cost_calc .params_loader {
   animation: none;
   filter: hue-rotate(120deg);
}

.s_cost-form {
   background: #fff;
   border: 1px solid #63bae8;
   -webkit-box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.15);
   box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.15);
   border-radius: 10px;
   padding: 25px 25px 30px 5px;
   font-size: 12px;
   line-height: 15px;
}

.s_cost__form-title {
   font-size: 16px;
   line-height: 20px;
   font-weight: 500;
   text-align: center;
}

.s_cost__form-text {
   font-size: 14px;
   line-height: 17px;
   margin: 5px 0 25px;
   font-weight: 500;
   text-align: center;
}

.s_cost-download__text .accent {
   color: #63bae8;
}

.s_cost-download small {
   display: block;
   font-size: 11px;
   line-height: 12px;
   font-weight: 500;
   margin-top: 15px;
}

.s_cost-download__img {
   position: relative;
   min-width: 50%;
}

.s_cost-download__img .download_icon {
   width: 42px;
   height: 42px;
   position: absolute;
   top: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}

.change_number-text {
   text-align: center;
   margin-bottom: 30px;
   max-width: 272px;
}

.black_title {
   font-size: 16px;
   line-height: 20px;
   padding: 10px;
   margin-top: 40px;
   margin-bottom: 34px;
   background: #000;
   color: #fff;
   text-align: center;
}

.black_title span {
   font-weight: 500;
}

.social_slider.slick-dotted.slick-slider {
   position: relative;
}

.sect_subtitle {
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 25px;
}

.slick-current.slick-active+.slick-active img {
   filter: none;
}

.master_slider-item {
   background: #fff;
   /*border: 1px solid #63BAE8;*/
   -webkit-box-shadow: 4px 7px 20px rgba(0, 0, 0, 0.1);
   box-shadow: 4px 7px 20px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   overflow: hidden;
   font-size: 12px;
   line-height: 14px;
   width: 200px;
   margin: 0 10px 15px;
   position: relative;
}

.master_slider-item-name {
   position: absolute;
   bottom: 0;
   background: #2e2e2e;
   color: white;
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   border-radius: 0 10px;
   padding: 9px 29px;
}

.s_works-title {
   font-size: 24px;
   font-weight: 500;
   text-align: center;
   margin-bottom: 50px;
   line-height: 24px;
}

.s_adv-icon1 {
   margin-right: 22px;
   max-width: 100%;
}

.s_adv-text1 {
   font-size: 18px;
   line-height: 22px;
}

.s_works-item {
   margin-bottom: 20px;
   font-size: 14px;
   line-height: 16px;
}

.s_works-img {
   margin-bottom: 20px;
}

.s_works-img img {
   -webkit-box-shadow: 0px 21px 15px -18px rgba(0, 0, 0, 0.25);
   box-shadow: 0px 21px 15px -18px rgba(0, 0, 0, 0.25);
}

.s_works-bottom {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
}

.s_works-bottom img {
   margin-right: 15px;
}

.s_adv-list {
   margin: 25px 0;
}

.s_adv-item {
   font-size: 14px;
   line-height: 16px;
   margin-bottom: 15px;
}

.s_adv-item.last {
   font-size: 14px;
   line-height: 16px;
   margin-bottom: 0;
}

.s_adv-icon {
   min-width: 22px;
   width: 22px;
   margin-right: 15px;
}

.s_adv-icon img {
   max-width: 100%;
}

.s_adv-img .s_adv-icon {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
}

.s_adv-img .s_adv-icon img {
   display: block;
}

.s_adv-img img {
   display: none;
}

.last_download_block {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -webkit-align-items: start;
   -ms-flex-align: start;
   align-items: start;
   font-weight: 500;
   padding-top: 10px;
}

.last_download_block .download_icon {
   left: 30%;
}

.book_wrap {
   position: relative;
   max-width: 50%;
}

.last_download-text {
   font-size: 12px;
   line-height: 15px;
   margin-top: 30px;
}

.last_download-text a {
   color: #63bae8;
   text-decoration: none;
   border-bottom: 1px solid #63bae8;
   font-weight: 700;
}

.last_download-text a:hover {
   text-decoration: none;
   color: #c71a21;
   border-bottom: 1px solid #c71a21;
}

.goto__main-wrap {
   background-color: #63bae8;
   color: #fff;
   border-radius: 10px;
   margin: 50px 0;
   padding: 12px 10px;
   position: relative;
}

.goto__main-text {
   font-size: 14px;
   line-height: 17px;
   max-width: 60%;
}

.noteboock {
   position: absolute;
   right: 5%;
   top: 30%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.goto__main-btn {
   margin-top: 36px;
   width: 288px;
   max-width: 100%;
   color: #fff;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   border: 1px solid #aee3ff;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);
   border-radius: 10px;
   padding: 10px 20px;
   display: inline-block;
   -webkit-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   font-weight: bold;
   font-size: 18px;
   line-height: 22px;
}

.goto__main-btn:hover {
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);

   color: #fff;
   text-decoration: none;
}

.goto__main-btn--wrap {
   margin-bottom: 40px;
}

.logo__wrap {
   width: 110px;
}

.logo__wrap img {
   max-width: 100%;
}

.js-quiz-questions {
   padding-bottom: 50px;
}

.question__next-btn {
   font-size: 12px;
   font-weight: 700;
   line-height: 14px;
   height: 39px;
   width: 120px;
   text-align: center;
   display: inline-block;
   border: 0;
   cursor: pointer;
   outline: none !important;
   text-transform: uppercase;
   color: #fff;
   position: relative;
   overflow: hidden;
   -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   transition: all 0.35s ease;
   background: linear-gradient(180deg, #a1deff 0%, #63bae8 100%);
   border: 0.5px solid #63bae8;
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);
   border-radius: 10px;
}

.question__next-btn img {
   margin-left: 15px;
}

.question__next-btn span {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   position: relative;
   z-index: 1;
}

.question__next-btn:after {
   content: "";
   position: absolute;
   top: 0;
   width: 40px;
   height: 80%;
   background: -webkit-gradient(linear,
         left top,
         left bottom,
         from(rgba(255, 255, 255, 0.4)),
         to(rgba(255, 255, 255, 0)));
   background: -o-linear-gradient(top,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(180deg,
         rgba(255, 255, 255, 0.4) 0%,
         rgba(255, 255, 255, 0) 100%);
   left: 10px;
   z-index: 1;
   -webkit-transform: skew(31deg);
   -ms-transform: skew(31deg);
   transform: skew(31deg);
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transition: all 0.1s;
   -o-transition: all 0.1s;
   transition: all 0.1s;
   -webkit-animation-name: slideme;
   animation-name: slideme;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

.question__next-btn:hover {
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);
}

.question__next-btn:active {
   box-shadow: 0px 3px 0px #0071ad, 0px 19px 20px -11px rgba(99, 186, 232, 0.7);
}

.question__next-btn.disabled {
   pointer-events: none;
}

.question__next-btn.disabled,
.question__next-btn:disabled {
   border: 0;
   cursor: inherit;
   background: linear-gradient(180deg, #c7c7c7 0%, #818181 100%);
   border: 0.5px solid #c4c4c4;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #c4c4c4;
}

.question__next-btn:disabled:hover {
   border: 0;
   cursor: inherit;
   background: linear-gradient(180deg, #818181 0%, #818181 100%);
   border: 0.5px solid #818181;
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #535353, 0px 19px 11px -11px #818181;
}

.main__rate {
   position: relative;
   bottom: -18px;
}

.main__mont {
   position: relative;
   bottom: -25px;
}

@media (max-width: 991.98px) {
   .modal-arrow {
      display: none
   }

   .main__mont {
      bottom: -19px;
   }
}

.header_gift__title .plus_icon {
   top: 0;
}

.hidden_desctop {
   display: none;
}

.modal_img {
   margin: auto;
}

.mdl-left {
   padding-right: 15px;
}

.quiz__conacts-sm {
   font-size: 16px;
   line-height: 18px;
   padding: 20px 0;
}

.quiz__conacts-sm .header_gift__img {
   top: -55px;
   right: 0;
   position: absolute;
}

.quiz__conacts-sm .title {
   font-weight: 500;
}

.quiz__conacts-sm .small__text {
   font-size: 11px;
   line-height: 14px;
   color: #fff;
   position: relative;
   margin-bottom: 20px;
}

.quiz__conacts-sm .small__text .text {
   max-width: 198px;
}

.plus_text {
   position: relative;
   font-size: 14px;
   line-height: 17px;
   color: #fff;
   margin: 10px 0;
}

.plus_text .text {
   margin-top: 10px;
}

.plus_text b {
   font-weight: 500;
}

.white_plus {
   position: relative;
   margin-right: 15px;
}

.js-quiz__question--contact .quiz__question-title {
   text-align: center;
}

.buiding_type-result,
.premises_type-result {
   display: inline-block;
   color: #63bae8;
}

.ti-cursor {
   opacity: 0 !important;
   color: transparent !important;
}

.dop-params--title {
   font-weight: 500;
   font-size: 14px;
}

.ostalos-voprosov_dop-params {
   /*padding: 0 25px;*/
}

.dop-params--item {
   font-size: 12px;
   margin-top: 5px;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   display: none;
}

.loader {
   margin-left: 10px;
   width: 25px;
   height: 25px;
   border-radius: 50%;
   display: inline-block;
   float: right;
   position: relative;
   top: -3px;
}

.params_loader {
   width: 100%;
   height: 100%;
   -webkit-filter: hue-rotate(-30deg);
   filter: hue-rotate(-30deg);
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}

.params_loader.active {
   -webkit-animation: circle 2s linear infinite;
   animation: circle 2s linear infinite;
}

.header-right_btn {
   display: none;
}

@-webkit-keyframes circle {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes circle {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

button {
   outline: none !important;
}

.var_new {
   display: none;
}

.js-question-2-next-btn--wrap,
.js-question-4-next-btn--wrap,
.js-question-5-next-btn--wrap,
.js-question-3-next-btn--wrap {
   display: inline-block;
}

.textarea_wrap {
   position: relative;
}

.error {
   position: absolute;
   color: #63bae8;
   font-size: 10px;
   font-weight: 500;
   top: 100%;
   left: 50px;
   display: none;
}

.cost_calc-main--list-item {
   margin-bottom: 7px;
}

.modul-exib {
   margin: 50px 0 80px;
}

.modul-exib h2 {
   margin-bottom: 0;
}

.modul-exib .section-subtitle {
   font-size: 28px;
   margin-bottom: 50px;
   text-align: center;
}

.modul-exib__row {
   justify-content: center;
}

.modul-exib__slider {
   width: 864px;
   overflow: hidden;
}

.modul-exib__slider .swiper-container {
   position: relative;
}

.swiper-container.swiperExp {
   width: 100%;
   overflow: hidden;
}

.swiperExp .swiper-slide {
   width: 8.117vw;
   height: 110px;
   overflow: hidden;
   border-radius: 10px;
   overflow: hidden;
}

.swiperExp .swiper-slide img,
.swiperOneMain .swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.swiperOneMain {
   width: 810px;
   margin: auto;
   margin-bottom: 80px;
}

.swiperOneMain .swiper-slide {
   overflow: hidden;
   height: 547px;
   border-radius: 20px;
}

.swiperOneMain .swiper-pagination {
   bottom: -50px;
   height: 20px;
}

.swiperOneMain .swiper-pagination-bullet {
   background: #3F3F3F;
   vertical-align: middle;
   width: 8px;
   height: 8px;
   margin: 0 10px !important;
}

.swiperOneMain .swiper-pagination-bullet-active {
   background: #59b84a;
   width: 20px;
   height: 20px;
}

.swiperOneMain .swiper-button-next,
.swiperOneMain .swiper-button-prev {
   width: 54px;
   height: 54px;
   background: rgba(88, 184, 74, .3);
   border: 2px solid #58B84A;
   border-radius: 50%;
   transition: .4s;
}

.swiperOneMain .swiper-button-next:hover,
.swiperOneMain .swiper-button-prev:hover {
   background: rgba(88, 184, 74, 1);
}

.swiperOneMain .swiper-button-next {
   right: -27px;
}

.swiperOneMain .swiper-button-prev {
   left: -27px;
}

.swiperOneMain .swiper-button-next::after,
.swiperOneMain .swiper-button-prev::after {
   content: '';
   width: 100%;
   height: 100%;
}

.swiperOneMain .swiper-button-prev::after {
   background: url(../img/slider/swiper-prev.svg) center no-repeat;
   background-size: 25px;
}

.swiperOneMain .swiper-button-next::after {
   background: url(../img/slider/swiper-next.svg) center no-repeat;
   background-size: 25px;
}

.swiper-hint {
   display: none;
}

@media (max-width: 1199.98px) {
   .quiz-bg {
      padding-bottom: 0;
   }

   .viezd__subtitle,
   .viezd__form {
      margin-top: 20px;
   }

   #vieszd-inzhenera input,
   #vieszd-inzhenera button {
      margin: 0 5px;
   }

   #vieszd-inzhenera .arr_viezd {
      left: 0;
   }

   .quiz__footer {
      padding-bottom: 25px;
   }

   .tnt_title {
      font-size: 28px;
      line-height: 32px;
   }

   .tnt_subtitle {
      font-size: 20px;
      line-height: 24px;
      margin: 10px 0;
   }

   .header_gift__img {
      right: -140px;
   }

   .quiz__header-text strong {
      display: block;
   }
}

@media (max-width: 991.98px) {
   .noteboock {
      max-width: 55%;
      right: 0;
      top: 50%;
   }

   #vieszd-inzhenera .arr_viezd {
      display: none;
   }

   .tnt_title-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 20px;
   }

   .tnt_title-wrap>div {
      display: inline-block;
   }

   .tnt_image {
      margin-bottom: 20px;
   }

   .tnt_image img {
      margin: auto;
      max-width: 67%;
   }

   .tnt_title,
   .tnt_subtitle {
      font-size: 18px;
      line-height: 22px;
      margin: 0;
   }

   .header_gift__img {
      right: 0;
   }

   .header__bg--lg:before {
      height: 14%;
      background: -webkit-gradient(linear,
            left bottom,
            left top,
            from(rgba(236, 104, 27, 0)),
            to(#000));
      background: -o-linear-gradient(bottom, rgba(236, 104, 27, 0) 0%, #000 100%);
      background: linear-gradient(0deg, rgba(236, 104, 27, 0) 0%, #000 100%);
   }

   .header__bg--lg {
      background-color: transparent;
   }

   .header__cta-container .header__cta {
      position: relative;
      z-index: 1;
   }

   .header__cta-container .header__cta:before {
      position: absolute;
      content: "";
      width: 100vw;
      height: 100%;
      top: 0;
      left: 50%;
      z-index: -1;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(rgba(236, 104, 27, 0)),
            to(#000));
      background: -o-linear-gradient(top, rgba(236, 104, 27, 0) 0%, #000 100%);
      background: linear-gradient(180deg, rgba(236, 104, 27, 0) 0%, #000 100%);
   }

   .header__cta-subtitle {
      font-size: 20px;
      line-height: 24px;
      text-align: center;
      margin: 20px 0;
      width: 200px;
   }

   .header__cta-text {
      font-size: 22px;
      line-height: 32px;
      /*margin: 22px 0;*/
      text-align: center;
   }

   .header_hero-gift-inner {
      text-align: left;
   }

   .header_hero .container {
      padding: 0;
   }

   .more__100 {
      text-align: center;
      font-size: 16px;
      line-height: 20px;
      padding: 5px 0;
      margin-top: 25px;
      position: relative;
      z-index: 1;
   }

   .more__100:before {
      position: absolute;
      content: "";
      width: 100vw;
      height: 100%;
      top: 0;
      left: 50%;
      z-index: -1;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: -webkit-gradient(linear,
            left top,
            right top,
            from(rgba(236, 104, 27, 0)),
            color-stop(48.23%, #63bae8),
            to(rgba(236, 104, 27, 0)));
      background: -o-linear-gradient(left,
            rgba(236, 104, 27, 0) 0%,
            #63bae8 48.23%,
            rgba(236, 104, 27, 0) 100%);
      background: linear-gradient(90deg,
            rgba(236, 104, 27, 0) 0%,
            #63bae8 48.23%,
            rgba(236, 104, 27, 0) 100%);
   }

   .header_hero-gift {
      margin: 25px auto 10px;
   }

   .header_hero-gift .download_icon {
      width: 26%;
      top: 0;
      -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
      transform: translateY(-30%);
   }

   .header_hero-gift .download_icon img {
      max-width: 100%;
   }

   .header_hero-gift-text {
      position: relative;
      padding: 0;
      bottom: auto;
      left: auto;
      background: transparent;
      font-size: 14px;
      line-height: 16px;
   }

   .header_hero-gift-text br {
      display: none;
   }

   .header_hero-gift-text span {
      font-weight: 400;
   }

   .hidden_desctop {
      display: block;
   }

   .hidden_mobile {
      display: none;
   }

   .header__text-title {
      font-size: 24px;
      line-height: 30px;
   }

   .header_hero-yand {
      padding: 0;
   }

   .arr_cta {
      display: none;
   }

   .modul-exib {
      margin: 40px 0;
   }
   .modul-exib .section-subtitle {
      font-size: 20px;
      margin-bottom: 40px;
   }
   .modul-exib__slider {
      width: 100%;
   }
   .swiperExp .swiper-wrapper {
      height: 96px;
   }
   .swiperExp .swiper-slide {
      height: 96px;
   }
   .swiperOneMain {
      width: 92%;
      margin-bottom: 70px;
   }
   .swiperOneMain .swiper-slide {
      height: 400px;
      border-radius: 16px;
   }
   .swiperOneMain .swiper-pagination {
      bottom: -40px;
      height: 16px;
   }
   .swiperOneMain .swiper-pagination-bullet-active {
      width: 16px;
      height: 16px;
   }
   .swiperOneMain .swiper-button-next,
   .swiperOneMain .swiper-button-prev {
      width: 44px;
      height: 44px;
   }
   .swiperOneMain .swiper-button-next {
      right: -22px;
   }
   .swiperOneMain .swiper-button-prev {
      left: -22px;
   }
}

@media (max-width: 767.98px) {
   .card-diler--img {
      max-width: 30%;
   }

   .card-dilers {
      padding: 0;
   }

   .master-text {
      font-size: 16px;
      line-height: 18px;
   }

   .s_works-img img {
      margin: 0 auto 20px;
   }

   .quiz-result--locked .quiz-result__title:before {
      left: 15px;
   }

   .quiz.quiz--result {
      left: 0;
      right: 0;
   }

   .black_title {
      position: relative;
      margin-bottom: 15px;
      z-index: 1;
   }

   .black_title:before {
      position: absolute;
      content: "";
      width: calc(100% + 30px);
      height: 100%;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: inherit;
      z-index: -1;
   }

   .viezd {
      margin-bottom: 40px;
   }

   #vieszd-inzhenera {
      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;
      padding: 0;
   }

   #vieszd-inzhenera input,
   #vieszd-inzhenera button {
      margin: 15px auto 0;
   }

   .quiz__conacts-sm .header_gift__img {
      top: -20px;
   }

   .quiz-bg {
      padding-bottom: 50px;
   }

   .header__cta-text,
   .header__cta-subtitle {
      font-size: 12px;
      line-height: 15px;
      margin: 10px 0;

   }

   .header__cta-subtitle {
      max-width: 148px;
      margin: 10px 0;
   }

   .main__enot {
      position: absolute;
      right: 0;
      top: -105%;
      width: 79px;
      z-index: -1;
   }

   .header__cta-text {
      font-size: 12px;
      line-height: 0;
   }

   .header_gift__title {
      font-weight: 800;
      font-size: 14px;
      line-height: 18px;
      max-width: 230px;
      padding-left: 30px;
   }

   .header_gift__img {
      width: 115px;
      top: 25px;
   }

   .header_gift__img .download_icon {
      width: 42px;
   }

   .logo {
      margin: 0 !important;
      width: 66px;
   }

   .header-right {
      display: none !important;
   }

   .header-right_btn {
      display: block;
      width: 60px;
      height: 52px;
      display: block;
      text-align: right;
   }

   .ya {
      width: 160px;
      margin-left: 28px;
   }

   .ya img {
      width: 100%;
   }

   .fixed-header-mobile .container {
      padding-top: 5px;
   }

   .modul-exib .section-subtitle {
      margin-bottom: 30px;
      font-size: 18px;
   }
   .swiperExp .swiper-wrapper {
      height: 80px;
   }
   .swiperExp .swiper-slide {
      height: 80px;
   }
   .swiperOneMain {
      width: 90%;
      margin-bottom: 20px;
   }
   .swiperOneMain .swiper-slide {
      height: 270px;
   }
   .swiperOneMain .swiper-pagination {
      position: static;
      margin-top: 20px;
      height: auto;
   }
}

@media (max-width: 575.98px) {
   .header__cta-subtitle {
      max-width: 180px;
   }

   .get-user-phone {
      padding: 0 15px;
   }

   .master-text {
      font-size: 14px;
      line-height: 16px;
   }

   .header_gift__title {
      max-width: 100%;
   }

   .social__text br {
      display: none;
   }

   .s_adv-item,
   .s_works-item {
      font-size: 14px;
      line-height: 16px;
   }

   .s_adv_row-second {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
   }

   .slick-slide .social_slider-img {
      transition: all 0.3s ease-in-out;
      display: block;
      position: relative;
   }


   .form_radio--card.form_radio--img .form_radio__label-text:before {
      left: 0;
      top: 0;
      right: inherit;
   }

   .form_radio--card.form_radio-box .form_radio__label-text:before {
      left: 0;
      top: 0;
      right: inherit;
   }

   .form_radio--card.form_radio--img {
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      background: transparent;
   }

   .form_radio--card.form_radio-box {
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      background: transparent;
      padding: 0;
   }

   .form_radio--card.form_radio-box .form_radio__label-text:before {
      width: 35px;
      height: 35px;
      position: absolute;
      background: url(../img/n-active.svg) no-repeat;
      /*background-size: 24px;*/
      background-position: center;
      background-color: white;
      border-color: white;
   }

   .form_radio--card.form_radio--img .form_radio__label-text {
      padding: 0 2px 0px 30px;
      line-height: 23px;
      min-height: auto;
      text-align: left;
      font-size: 14px;
      display: flex;
   }

   .form_radio--card.form_radio-box .form_radio__label-text {
      padding: 0 10px 0px 30px;
      line-height: 23px;
      min-height: auto;
      text-align: left;
      font-size: 14px;
   }

   .quiz__question-question-body-box {
      min-height: auto;
   }

   .quiz__question .col-6:nth-child(odd) {
      padding-left: 4px;
   }

   .quiz__question .col-6:nth-child(even) {
      padding-right: 4px;
   }

   .quiz__question-title {
      margin-top: 0;
      font-weight: 700;
      font-size: 14px;
   }

   .js-quiz__question--contact .quiz__question-title {
      margin-bottom: 0;
   }

   .quiz__question-sub {
      font-size: 12px;
      line-height: 14px;
      max-width: 79%;
   }

   .js-quiz__question--5 .quiz__question-sub {
      max-width: 99%;
   }

   .quiz-ing {
      position: absolute;
      right: 12px;
      z-index: 1;
      top: 50%;
   }

   .textarea_wrap .input_parent:first-child {
      padding-top: 5px;
   }

   .textarea_wrap .input_parent {
      padding-left: 35px;
   }

   .input_parent textarea {
      width: 243px;
      font-size: 16px;
      padding: 5px 15px;
      min-height: 65px;
      margin-left: 37px;
   }

   .tnt_title,
   .tnt_subtitle {
      font-size: 14px;
      line-height: 18px;
   }

   .header_gift {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .header__cta-button {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 15px;
   }

   .header_gift__title {
      margin-bottom: 11px
   }

   .site-header {
      padding-top: 79px;
   }

   .h_gift_book {
      max-width: 90%;
   }

   .header_hero-gift {
      margin-top: 15px;
   }
}

.quest {
   font-size: 22px;
}

hr {
   border-top: 2px solid #63bae8 !important;
}

@media (min-width: 1024px) {
   .cost_calc-secondary--list li {
      font-size: 14px;
   }

   .s_cost-form {
      /*margin-bottom: 30px;*/
   }

   .header__bg {
      display: none;
   }

   .quiz.quiz--result:before,
   .quiz.quiz--result:after {
      display: none;
   }

   .quiz-buttons {
      padding: 5px 0;
      display: block;
      margin-top: auto;
   }

   .change-number-description {
      font-size: 18px;
      line-height: 18px;
      padding-right: 100px;
   }

   .change-number__button {
      background: #5bbb4f;
      height: 36px;
      border: 0;
      font-weight: 500;
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-transform: uppercase;
      color: #ffffff;
      font-size: 12px;
      margin-bottom: 30px;
      border-radius: 10px;
      outline: none;
   }

   .change-number__input {
      height: 36px;
      background: #ffffff;
      border: 1.32558px solid #5bbb4f;
      border-radius: 5.30233px;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      text-align: center;
      font-size: 18px;
      margin-bottom: 22px;
      margin-left: 8px;
      width: 196px;
   }

   .change-number__text {
      padding-bottom: 14px;
      font-weight: 300;
      font-size: 18px;
      line-height: 18px;
      min-width: 181px;
      padding-right: 0px;
      margin-right: 0px;
   }

   .quiz__header-steps-step-text {
      font-size: 22px;
      line-height: 27px;
      top: 70px;
   }

   .quiz__header-steps-step:before {
      height: 20px;
   }

   .header__cta-button-arrow {
      position: relative;
   }

   .slider-container {
      max-width: 748px;
      padding: 10px;
      margin: 0 auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #017997;
      background: #fff;
      margin-bottom: 78px;
   }

   .header__187-balkonov {
      font-size: 28px;
      line-height: 34px;
      max-width: 660px;
      margin: 0 auto;
      padding-top: 98px;
      position: relative;
      padding-bottom: 0px;
   }

   .header__number-text-border {
      padding-top: 12px;
      padding-bottom: 12px;
   }

   .header_text__normal {
      font-size: 30px;
      line-height: 32px;
   }

   .header__numbers--visible-lg {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
   }

   .phone__number:before {
      display: none;
   }

   .header_text__normal:before {
      width: 95px;
   }

   .phone__text:before {
      content: "";
      display: inline-block;
      border-radius: 50%;
      width: 8px;
      height: 8px;
      background: -o-radial-gradient(50% 50%, 50% 50%, #ffe600 0%, #ff7800 100%);
      background: radial-gradient(50% 50% at 50% 50%, #ffe600 0%, #ff7800 100%);
      margin-right: 2px;
      margin-left: 4px;
      position: relative;
      top: -1px;
   }

   .hidden-lg {
      display: none;
   }

   .logo-and-header-tagline {
      float: left;
   }

   .thank-you {
      padding: 48px 34px 48px 34px;
   }

   .form_checkbox__textarea::-webkit-input-placeholder,
   .form_radio__textarea::-webkit-input-placeholder {
      font-size: 16px;
   }

   .form_checkbox__textarea::-moz-placeholder,
   .form_radio__textarea::-moz-placeholder {
      font-size: 16px;
   }

   .form_checkbox__textarea:-ms-input-placeholder,
   .form_radio__textarea:-ms-input-placeholder {
      font-size: 16px;
   }

   .form_checkbox__textarea::-ms-input-placeholder,
   .form_radio__textarea::-ms-input-placeholder {
      font-size: 16px;
   }

   .form_checkbox__textarea::placeholder,
   .form_radio__textarea::placeholder {
      font-size: 16px;
   }

   .bottom-menu {
      display: none;
   }

   .quiz-bg {
      padding-bottom: 0px;
   }

   .thank-you__text {
      font-size: 16px;
      line-height: 18px;
      padding-bottom: 41px;
   }

   .consultation__form {
      padding: 37px 39px;
      border: 1px solid #cddee5;
   }

   .site-header {
      padding-top: 0px;
      position: relative;
      padding-bottom: 69px;
   }

   .pop-up-close {
      top: 16px;
      right: 14px;
      z-index: 111111;
   }

   .fixed-header-mobile {
      position: static;
   }

   .fixed-header-mobile--top {
      position: static;
      padding: 25px 0;
   }

   .fixed-header-mobile--top .container {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }

   .vieszd-inzhenera__buttons-col--second {
      padding-left: 7px;
   }

   .vieszd-inzhenera__buttons-col--first {
      padding-right: 7px;
   }

   .vieszd-inzhenera__buttons {
      margin-top: 34px;
      margin-right: 168px;
   }

   .read-more-about-us__text {
      margin: 0 300px;
   }

   .read-more-about-us__button {
      margin-top: 33px;
      font-size: 20px;
      width: 390px;
   }

   .vieszd-inzhenera__input {
      margin-top: 0;
      margin-bottom: 0;
      height: 42px;
   }

   .vieszd-inzhenera__button {
      margin-bottom: 0;
      font-size: 11.9077px;
      height: 42px;
   }

   .vieszd-inzhenera {
      margin-left: 340px;
   }

   .vieszd-inzhenera__title {
      font-size: 22px;
      line-height: 24px;
      margin-top: -7px;
      margin-bottom: 23px;
   }

   .progress-ring__circle {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
   }

   .progress-circle__value {
      width: 92px;
      height: 92px;
      top: 0;
      left: 0;
      position: absolute;
      font-style: normal;
      font-weight: 900;
      font-size: 20px;
      line-height: 92px;
      text-align: center;
      text-transform: uppercase;
      color: #7abb4b;
   }

   .visible-lg {
      display: block;
   }

   .header__cta {
      margin-bottom: 40px;
      z-index: 1;
      position: relative;
   }

   .video-sticky-container {
      position: absolute;
      height: 100%;
      top: -182px;
      right: 12%;
      margin-left: 0;
   }

   .quiz {
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      /* max-width: 935px; */
      margin: auto;
   }

   .quiz__header {
      padding-top: 35px;
      margin-bottom: 0px;
   }

   .quiz__header-text {
      margin: 0 auto;
      padding-bottom: 50px;
      padding-top: 34px;
      font-size: 32px;
      line-height: 40px;
      color: #000;
   }

   .quiz__header-text strong {
      display: block;
   }

   .quiz__question {
      padding: 0;
      z-index: 1;
   }

   .form_radio__label-text--with-open-btn,
   .form_checkbox__label-text--with-open-btn {
      margin-right: 45px;
   }

   .quiz__question-footer {
      display: block;
      padding: 8px 75px 93px 75px;
   }

   .quiz__footer-right {
      text-align: right;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
   }

   .quiz__footer {
      display: block;
      padding: 0 0 50px 0;
   }

   .question__prev-btn {
      border: 0;
      display: inline-block;
      vertical-align: top;
      height: 50px;
      width: 66px;
      background: #dfdfdf;
      border: 1px solid #ededed;
      -webkit-box-shadow: 0px 4px 0px #828282, 0px 35px 20px -30px #5ee8be;
      box-shadow: 0px 4px 0px #828282, 0px 35px 20px -30px #5ee8be;
      border-radius: 10px;
      margin-right: 15px;
      cursor: pointer;
      outline: none;
      -webkit-transition: all 0.35s ease-in-out;
      -o-transition: all 0.35s ease-in-out;
      transition: all 0.35s ease-in-out;
   }

   .question__prev-btn:hover {
      background: #c6c6c6;
   }

   .bottom-menu__overlay {
      display: none;
   }
}

.quiz-result__title__container {
   text-align: left;
}

.mob_br {
   display: none;
}

@media (max-width: 1299px) {}

@media (max-width: 1199px) {
   .quiz-result__title {
      padding-left: 90px;
   }
}

@media (max-width: 1023px) {
   .quiz__footer {
      margin-bottom: 70px;
   }

   .quiz__footer.no_magrin {
      margin-bottom: 0;
   }

   .quiz-result--unlocked .quiz-result__title:before {
      display: inline-block;
      margin-right: 20px;
      width: 60px;
      height: 60px;
   }

   .progress-circle {
      margin: 20px auto;
   }

   .goto__main-btn {
      font-size: 20px;
      line-height: 24px;
   }

   .goto__main-text {
      font-size: 18px;
      line-height: 22px;
      margin-top: 0;
   }

   h2 {
      font-size: 24px;
      line-height: 28px;
   }

   .hidden__text {
      line-height: 15px;
      font-size: 12px;
      padding: 10px;
   }

   .more_arr {
      top: 3px;
      height: 22px;
   }

   .more_arr img {
      max-height: 100%;
   }

   .mdl-left-accent {
      padding: 20px;
   }

   .form-input input {
      margin-bottom: 15px;
   }

   .form-ttl {
      margin-bottom: 20px;
      font-size: 20px;
      line-height: 22px;
   }

   .mdl-left-list {
      margin: 24px 0 32px;
      font-size: 16px;
      line-height: 22px;
      padding-right: 15px;
   }

   .mdl-left-title {
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 24px;
   }

   .video.video-open {
      height: 30vh;
      min-height: 180px;
   }

   .quiz__header-text {
      padding: 32px 0 47px;
   }

   .quiz__header-steps {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
   }
}

@media (max-width: 991px) {
   .s_cost-form {
      margin-bottom: 30px;
   }

   .change_number-text {
      margin: 0 auto 10px;
   }

   .button_link {
      margin: 0 auto 40px;
   }

   .quiz-bg {
      overflow: visible;
   }

   .result_phone-text {
      text-align: center;
   }

   .result_phone-img img {
      margin: auto;
   }

   .get-user-phone-btns {
      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;
   }

   .get-user-phone__description {
      margin: 10px auto;
   }

   .messengers {
      margin: auto;
   }

   .get-user-phone {
      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;
   }

   .js-quiz__question--contact .col-lg-5 {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      position: relative;
      padding-top: 20px;
      z-index: 1;
   }

   .js-quiz__question--contact .col-lg-5:before {
      position: absolute;
      content: "";
      width: 100vw;
      height: 100%;
      top: 0;
      left: 50%;
      z-index: -1;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: -webkit-gradient(linear,
            left top,
            left bottom,
            from(#ec681b),
            to(rgba(236, 104, 27, 0)));
      background: -o-linear-gradient(top, #ec681b 0%, rgba(236, 104, 27, 0) 100%);
      background: linear-gradient(180deg, #ec681b 0%, rgba(236, 104, 27, 0) 100%);
   }

   .progress-circle {
      -webkit-transform: scale(0.7) translate(-7%, -7%);
      -ms-transform: scale(0.7) translate(-7%, -7%);
      transform: scale(0.7) translate(-7%, -7%);
      margin-bottom: 0
   }

   .tnt_videos {
      display: block;
      margin: 0 -15px;
   }

   .tnt_video {
      margin: 2px;
      width: auto;
   }

   .tnt_video img {
      margin: auto;
   }

   .mdl-left {
      padding: 0;
   }

   .mdl-left-subtitle {
      font-size: 16px;
      line-height: 17px;
      margin-bottom: 10px;
      text-align: left;
   }

   .mdl-left-list {
      padding: 0;
      text-align: left;
      margin-bottom: 0;
   }

   .mdl-left-list span {
      margin-bottom: 0;
      font-size: 14px;
      line-height: 17px;
   }
}

.s_cost_calc .params_loader.active {
   animation: none;
}

@media (max-width: 575px) {
   .masters_slider {
      margin: 0 -25px;
   }

   #social_slider .slick-current.slick-active+.slick-active img {
      filter: blur(4px);
   }

   .slick-slide.slick-center img {
      filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.15))
   }

   .social_slider-item {
      width: 210px;
   }

   #social_slider .slick-list {
      overflow: visible
   }

   .form_radio--card.form_radio--img .img-responsive {
      display: none;
   }

   .form_radio--card.form_radio--img a {
      text-decoration: none;
   }

   .quiz-result--locked .quiz-result__title:before {
      width: 50px;
      height: 70px;
      top: -4px;
   }

   .goto__main-btn {
      display: inline-flex;
      padding: 0;
      align-items: center;
      justify-content: center;
   }

   .quiz-result__title {
      padding: 10px 10px 10px 70px;
   }

   .quiz-result--unlocked .quiz-result__title:before {
      width: 50px;
      height: 67px;
      margin-right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 10px;
   }

   .master_wrap {
      margin-left: auto;
      margin-right: auto;
   }

   .master-text p {
      text-align: center;
   }

   .master-text p.last_p {
      text-align: left;
   }

   .quiz__header-steps-step-text {
      font-size: 12px;
      top: 25px;
      line-height: 14px;
   }

   .quiz__header-steps {
      padding: 5px;
      border: 1px solid #63bae8;
      margin: 0 0 43px;
   }

   .quiz__header-steps-step:before {
      height: 8px;
   }

   .last_download-text {
      margin-top: 10px;
   }

   .goto__main-wrap {
      margin-bottom: 10px;
      margin-top: 40px;
   }

   .noteboock {
      top: 65%;
   }

   .goto__main-btn {
      font-size: 14px;
      height: 43px;
      width: 248px;
      width: 248px;
      display: flex;
      margin: auto;
   }

   .last_download_block .download_icon {
      width: 42px;
   }

   .goto__main-text {
      font-size: 14px;
      line-height: 17px;
   }

   .get-user-phone__button {
      text-transform: none;
   }

   .tnt_video {
      width: 180px;
      margin: 0;
   }

   .quiz-bg {
      padding-bottom: 24px;
   }

   .ostalos-voprosov__footer strong {
      font-size: 12px;
      line-height: 15px;
      padding-top: 10px;
   }

   .ostalos-voprosov__title {
      padding-bottom: 0;
      font-size: 12px;
      line-height: 14px;
   }

   .ostalos-voprosov__footer {
      padding: 20px 25px;
   }

   .ostalos-voprosov__list-item {
      font-size: 12px;
      line-height: 15px;
   }

   .ostalos-voprosov {
      /*padding-top: 20px;*/
      font-size: 14px;
      line-height: 18px;
      margin-top: 15px;
   }

   .ostalos-voprosov__header-text {
      font-size: 12px;
      line-height: 14px;
   }

   .form_radio--card,
   .form_checkbox--card {
      margin-bottom: 10px;
   }

   .quiz__header-text {
      padding: 0 0 24px;
   }

   .quiz__header-steps {
      margin: 0 0 43px;
   }

   .header__cta-button-wrap {
      width: 288px;
      max-width: 288px;
   }

   .header__bg--lg:before {
      height: 20%;
   }

   .second__header {
      padding: 15px 0 10px 0;
   }

   .fixed-header-mobile {
      padding: 0;
   }

   .header-active .fixed-header-mobile--top {
      height: 60px !important;
   }

   .goto__main-text br {
      display: none;
   }

   .goto__main-text a {
      display: block;
   }

   .mdl-left-title {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 20px;
      text-align: center;
   }

   .form-ttl-sub {
      font-size: 14px;
      line-height: 16px;
      margin-bottom: 10px;
   }

   .mdl-right {
      padding: 20px 10px;
   }

   .form-btn .btn,
   .form-input input,
   .form-phone {
      font-size: 12px;
   }

   .modal_window .goto__main-btn {
      font-size: 14px;
      line-height: 10px;
   }

   .form-ttl {
      font-size: 16px;
      line-height: 18px;
   }

   .form-btn .btn {
      height: 46px;
   }

   .header_gift__img {
      position: relative;
   }

   .header_gift__title:before {
      top: 14px;
   }

   .s_cost-form .header_gift__text a {
      width: 50%;
   }

   .header_gift__text {
      padding-left: 0;
      font-size: 12px;
      line-height: 12px;
      align-items: center;
   }

   .header_gift__sub {
      padding-left: 13px;
   }

   .header_gift__text.main {
      padding-left: 0;
      font-size: 12px;
      line-height: 14px;
      /*max-width: 185px;*/
   }

   .header__bg--lg {
      padding-bottom: 10px;
   }

   /*.header_gift__text br {*/
   /*  display: none;*/
   /*}*/

   .header_hero {
      padding: 0 15px;
   }

   .header__bg--lg {
      overflow: hidden;
   }

   .quiz__questions {
      padding: 0;
   }

   .header_list-title,
   .header_list-item,
   .header__text-title {
      font-size: 22px;
      line-height: 22px;
   }

   .header__text-title {
      text-align: left;
      line-height: 24px;
      margin-bottom: 1px;
   }

   .header_phone {
      font-size: 11px;
      line-height: 13px;
      font-weight: bold;
   }

   .logo img {
      max-width: 100%;
   }

   .header__text-title br {
      display: none;
   }

   .quiz__header-steps {
      padding: 4px 0;
   }

   .quiz__header-text {
      font-size: 16px;
      line-height: 22px;
      padding: 19px 0 17px;
   }

   .ostalos-voprosov {
      margin-top: 20px;
   }

   .ostalos-voprosov__header-text {
      padding: 5px;
   }

   .ostalos-voprosov__header-text:not(:last-of-type) {
      margin-bottom: 16px;
   }

   .ostalos-voprosov__footer {
      margin-top: 30px;
      position: relative;
      padding: 20px 25px 35px;
   }

   .ostalos-voprosov__footer .sept_svg {
      position: absolute;
      right: 20px;
      top: -10px;
   }

}

@media (max-width: 364px) {
   .header_gift {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
   }

   .header_gift__img {
      position: absolute;
      right: -5px;
      top: 40px;
   }
}

@media (min-width: 1416px) {
   .video-play {
      width: 90px;
      height: 90px;
   }

   .video-play:before {
      border-top: 14px solid transparent;
      border-bottom: 14px solid transparent;
      border-left: 14px solid #fff;
   }

   .video {
      left: auto;
      margin-left: -152px;
      width: 250px;
      bottom: 50px;
      height: 283px;
      left: auto;
      margin-left: -152px;
      top: calc(100% - 210px);
      position: -webkit-sticky;
      position: sticky;
   }

   .video:before {
      padding-bottom: 180px;
   }

   .video.video-open {
      max-width: initial;
      width: 1000px;
      height: 540px;
      top: calc(100% - 570px);
   }
}

@media (min-width: 1200px) {
   .container {
      max-width: 1124px !important;
   }
}

@media (min-width: 576px) {

   .quiz__header-text,
   .quiz__question-title {
      font-size: 28px;
      line-height: 32px;
   }

   .social_slider-img {
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: block;
      position: relative;
   }

   .goto__main-text {
      font-size: 16px;
      line-height: 20px;
   }

   .s_adv-img {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
   }

   .s_adv-img .s_adv-item {
      position: absolute;
      bottom: 0;
      left: 43px;
      right: 10px;
      bottom: 25px;
      color: #fff;
   }

   .s_adv-img.text {
      max-width: 518px;
   }

   .s_adv-img.text:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: -webkit-gradient(linear,
            left bottom,
            left top,
            color-stop(3.36%, #262626),
            color-stop(50%, rgba(255, 255, 255, 0)));
      background: -o-linear-gradient(bottom,
            #262626 3.36%,
            rgba(255, 255, 255, 0) 50%);
      background: linear-gradient(0deg,
            #262626 3.36%,
            rgba(255, 255, 255, 0) 50%);
   }

   .s_adv-img img {
      margin: auto;
      display: block;
   }

   .social__button {
      width: 70px;
   }

   .quiz-result__title {
      margin-bottom: 5px;
   }

   .master_wrap {
      margin: 0 auto 25px;
   }

   .s_master {
      font-size: 16px;
      line-height: 22px;
   }

   .messengers .form_radio__label-text {
      font-size: 14px;
      padding: 5px 0 45px;
   }

   .messengers .form_radio__label-text:before {
      width: 28px;
      height: 28px;
      border: none;
   }

   .messengers .form_radio input:checked+.form_radio__label-text:before {
      background-size: 28px;
   }

   .mess_icon {
      width: 43px;
   }

   .question__next-btn {
      font-size: 18px;
      line-height: 22px;
      height: 60px;
      width: 180px;
   }

   .question__prev-btn {
      height: 60px;
   }

   .logo__wrap {
      width: 100px;
   }
}

@media (min-width: 992px) {
   .quiz__question-title {
      text-align: left;
   }

   .second__header {
      display: none;
   }

   .col-12.no_padding,
   .cards-wrapper .col-lg-10 {
      padding: 0;
   }

   .logo__wrap {
      width: 134px;
   }

   .header__cta-text {
      font-weight: bold;
      font-size: 36px;
      line-height: 43px;
      color: #7bbb4c;
   }

   .header__cta-subtitle {
      font-size: 22px;
      line-height: 26px;
   }

   .arr_cta {
      right: 20%;
      width: 60px;
   }
}

@media (min-width: 1200px) {
   .header_gift__title .plus_icon {
      top: -15px;
   }

   .arr_cta {
      position: absolute;
      right: 15%;
      top: -50px;
   }

   .header__cta-subtitle {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
   }

   .header__cta-text {
      font-size: 36px;
      line-height: 10px;
      margin-top: 80px;
      margin-bottom: 0;
   }

   .question__prev-btn {
      height: 50px;
   }

   .form_radio__label-text,
   .form_checkbox__label-text {
      padding-left: 50px;
      font-size: 16px;
      line-height: 20px;
   }

   .form_radio__label-text:before,
   .form_checkbox__label-text:before {
      width: 35px;
      height: 35px;
   }

   .form_radio__label-text:before,
   .form_checkbox__label-text:before {
      width: 35px;
      height: 35px;
      left: 18px;
      left: 0;
      background: url(../img/n-active.svg) no-repeat;
      background-size: 31px;
      background-position: center;
      background-color: white;
      border-color: white;
   }

   .form_checkbox__label-text.checked:before,
   .form_checkbox input:checked+.form_checkbox__label-text:before,
   .form_radio input:checked+.form_radio__label-text:before {
      background-size: 35px;
   }

   .quiz__question-title {
      font-size: 25px;
      font-weight: bold;
      line-height: 39px;
      margin-bottom: 30px;
   }

   .quiz__question-sub {
      font-weight: normal;
      font-size: 18px;
      line-height: 22px;
      max-width: 480px;
   }

   .quiz__question-sub p {
      display: inline;
      margin-bottom: 0
   }

   .progress-circle {
      width: 120px;
      height: 120px;
      margin-bottom: 60px;
   }

   .get-user-phone__title {
      margin-bottom: 35px;
      font-size: 25px;
      line-height: 28px;
      font-weight: 500;
   }

   .get-user-phone__description {
      font-size: 16px;
      line-height: 20px;
      margin: 25px 0 40px;
      max-width: 270px;
   }

   .get-user-phone__input {
      max-width: 356px;
      margin-bottom: 20px;
      height: 55px;
      font-size: 18px;
      line-height: 22px;
   }

   .button_link,
   .get-user-phone__button {
      font-size: 18px;
      line-height: 22px;
      max-width: 100%;
      width: 356px;
      height: 55px;
   }

   .button_link {
      height: 60px;
   }

   .quiz-result__title {
      margin: 52px auto;
      max-width: 932px;
      padding: 17px 10px 17px 130px;
      font-size: 26px;
      line-height: 32px;
      text-align: center;
   }

   .quiz-result--locked .quiz-result__title:before {
      left: 35px;
   }

   .s_master {
      font-size: 20px;
      line-height: 25px;
   }

   .s_master p {
      margin-bottom: 36px;
      font-weight: 500;
   }

   .s_master p b {
      font-weight: 700;
   }

   .master__title {
      font-size: 18px;
      line-height: 22px;
   }

   .master-list ul {
      margin: 0 0 40px;
   }

   .cost_calc {
      padding: 30px;
      font-size: 16px;
      margin-bottom: 60px;
   }

   .cost_calc-title {
      font-size: 18px;
   }

   .cost_calc-subtitle {
      margin-bottom: 10px;
   }

   .cost_calc-main--list {
      margin-bottom: 25px;
   }

   .s_cost-form {
      padding: 40px;
      font-size: 14px;
      line-height: 17px;
      /*max-width: 368px;*/
   }

   .s_cost__form-title {
      font-weight: bold;
      font-size: 28px;
      line-height: 34px;
   }

   .s_cost__form-text {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 2rem;
   }

   .cost_calc-secondary--list li {
      padding: 2.4px 0;
   }

   .change_number-form input {
      width: 250px;
      font-size: 14px;
   }

   .change_number-form button {
      font-size: 14px;
      width: 250px;
   }

   .viezd {
      font-size: 18px;
      line-height: 22px;
   }

   .viezd__subtitle {
      margin-bottom: 15px;
      font-weight: 500;
   }

   .viezd__subtitle img {
      margin-right: 5px;
      width: 30px;
   }

   .viezd__form-text {
      margin: 0 0 25px;
   }

   input.viezd__form-phone {
      height: 40px;
      margin: 0 35px 0 0;
   }

   .viezd__form-btn {
      height: 40px;
      margin: 0;
   }

   .black_title {
      font-size: 24px;
      line-height: 30px;
      padding: 26px 10px;
      margin-bottom: 50px;
      margin-top: 80px;
      border-radius: 10px;
   }

   .social__text {
      font-size: 22px;
      line-height: 27px;
      padding-bottom: 35px;
   }

   .social__button {
      width: 70px;
   }

   .social__buttons {
      margin-bottom: 80px;
   }

   .sect_subtitle {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 30px;
   }

   .s_works-item {
      font-size: 16px;
      line-height: 20px;
   }

   .s_works-img {
      margin-bottom: 40px;
   }

   .s_works-bottom img {
      margin-right: 12px;
   }

   .s_adv-list {
      margin: 0 0 30px;
   }

   .s_adv-item {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 38px;
   }

   .s_adv-icon {
      width: 40px;
      min-width: 40px;
      margin-right: 52px;
   }

   .last_download-text {
      font-size: 18px;
      line-height: 22px;
   }

   .goto__main-wrap {
      margin: 65px 0 50px;
      padding: 15px 10px 30px 80px;
   }

   .goto__main-text {
      font-size: 22px;
      line-height: 27px;
   }

   .goto__main-btn--wrap {
      margin-bottom: 80px;
   }

   .header_gift__text {
      font-size: 16px;
      line-height: 20px;
   }

   .quiz-buttons {
      margin-top: auto;
   }

   .question__next-btn {
      font-size: 18px;
      line-height: 22px;
      height: 50px;
      width: 196px;
      text-transform: none;
   }

   .ostalos-voprosov__footer {
      padding: 10px 19px;
      margin-top: 45px;
   }

   .header_gift__img {
      right: -140px;
      top: -60px;
   }
}

.fancybox-container {
   width: 100vw;
   height: 100vh;
   max-width: 100%;
   transform: none !important;
}

.bottom-menu__btn-next--wrap {
   position: relative;
}

textarea.valid {
   border-color: green;
}

textarea.notvalid {
   border-color: red;
}

textarea.notvalid::placeholder {
   color: red;
}

/*#quiz__question-5_1,*/
.get-user-phone__title,
.after-get-user-phone {
   opacity: 0;
}

.get-user-phone__button--wrap {
   position: relative;
   display: inline-block;
}

.p_contact--error {
   position: absolute;
   left: 0;
   bottom: 15px;
   font-size: 12px;
   line-height: 14px;
   text-align: center;
   display: block;
   width: 100%;
}

.no_gift_choise {
   position: absolute;
   background: #fff;
   top: 0px;
   left: 0;
   right: 0;
   height: 0;
   opacity: 0;
}

.pdf_link {
   display: none;
}

.insta {
   text-align: center;
   padding-top: 50px;
   padding-bottom: 30px;
}

.mont-head {
   font-weight: bold;
   font-size: 24px;
   line-height: 29px;
}

.insta-text {
   font-size: 22px;
   line-height: 26px;
   margin-bottom: 50px;
   position: relative;
   font-family: Roboto, sans-serif;
}

.insta-text-arrow {
   position: absolute;
   right: 45px;
}

.btn.insta-btn {
   background: linear-gradient(268.17deg,
         #fc3436 2.34%,
         #df447d 28.68%,
         #7c57cb 72.41%,
         #546ee9 96.68%);
   box-sizing: border-box;
   box-shadow: 0px 3px 0px #0c26a2, 0px 13px 20px -11px #566de8;
   border-radius: 29px;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   color: white;
   height: 52px;
   width: 306px;
   margin: 20px auto 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.card-diler {
   border: 2px solid #63bae8;
   box-sizing: border-box;
   border-radius: 10px;
   padding: 27px 13px;
   position: relative;
   padding-top: 45px;
   background: white;
}

.card-diler-text {
   left: 0;
   right: 0;
   top: -12%;
   position: absolute;
   font-size: 18px;
}

.card-diler-text div {
   background: white;
   padding: 3px 8px;
   display: inline-block;
}

.card-diler-lg-text div {
   background: white;
   padding: 3px 20px;
   display: inline-block;
}

.card-diler-lg {
   border: 2px solid #63bae8;
   box-sizing: border-box;
   border-radius: 10px;
   padding: 27px 13px;
   position: relative;
   padding-top: 55px;
   margin-top: 30px;
}

.card-diler-lg-text {
   left: 0;
   right: 0;
   top: -12%;
   position: absolute;
   font-size: 28px;
   padding: 3px 20px;
}

.montag-main-overlay {
   background: linear-gradient(180deg,
         rgba(196, 196, 196, 0) 0%,
         rgba(46, 46, 46, 0.8) 100%);
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   border-radius: 10px;
}

.montag-main {
   position: relative;
   box-shadow: 0px 15px 20px -11px rgba(51, 51, 51, 0.2);
   border-radius: 10px;
   overflow: hidden;
}

.montag-main-text {
   color: white;
   position: absolute;
   z-index: 1;
   left: 0;
   bottom: 0;
   right: 0;
   padding: 25px;
   font-weight: bold;
   font-size: 18px;
   line-height: 20px;
   margin: 0;
}

.montag-main-text-st {
   color: white;
   position: absolute;
   z-index: 1;
   left: 0;
   bottom: 0;
   right: 0;
   padding: 15px 0px;
   font-weight: bold;
   font-size: 15px;
   line-height: 19px;
   margin: 0;
}

.drop-bg {
   background-image: url(../img/new/drop-1.png);
   background-position: top center;
   background-repeat: no-repeat;
   color: #2e2e2e;
   background-size: 50%;
}

.phone-ingener {
   position: relative;
   left: -30px;
}

.header_gift__sub {
   font-family: "Gotham Pro";
}

.master-text-lg {
   font-size: 26px;
}

.final-arrow {
   position: relative;
   right: -20px;
   bottom: -20px;
}

.a_loope {
   display: inline-block;
   position: absolute;
   top: 10px;
   left: 10px;
}

.a_loope img {
   max-width: 100%;
}

@media (max-width: 992px) {
   .header_gift__title .plus_icon {
      width: 18px;
      top: 5px !important;
   }

   .form_radio--card.form_radio--img .form_radio__label-text:before {
      top: -100%;
   }

   .card-diler-text {
      position: absolute;
      font-size: 14px;
      line-height: 20px;
      top: -12%;
      left: 0;
      right: 0;
   }

   .card-diler-text div {
      background: white;
      padding: 3px 8px;
      display: inline-block;
   }

   .card-diler {
      padding: 6px 15px;
      padding-top: 35px;
   }

   .header_gift__text br {
      display: none;
   }

   .header_gift__title {
      font-size: 16px;
      line-height: 20px;
   }

   .header-active .fixed-header-mobile--top {
      padding-top: 10px;
   }

   .card-diler-lg-text {
      left: 0;
      right: 0;
      top: -12%;
      position: absolute;
      font-size: 14px;
      font-weight: bold;
      padding: 3px 20px;
   }

   .free-ingener-title {
      font-size: 14px;
      line-height: 17px;
      padding: 6px 15px;
   }
}

@media (max-width: 588px) {
   .a_loope {
      width: 20px;
      height: 20px;
      left: 7px;
      top: 7px;
   }

   .loader {
      width: 20px;
      height: 20px;
   }

   .form_radio--card.form_radio--img img {
      border-bottom: none;
   }

   .header-mobile--container.active {
      background-image: url(../img/new/bg-mob.jpg);
      padding-top: 15px;
      background-repeat: no-repeat;
      background-size: cover;
      padding-top: 10px;
   }

   .header-mobile--container.active .logo {
      width: 66px;
   }

   .main__rate {
      position: relative;
      bottom: -14px;
   }

   .montag-main-text {
      font-size: 14px;
      line-height: 15px;
      padding: 10px;
   }

   .form_radio--card.form_radio--img .form_radio__label-text:before {
      background-size: contain;
      background-position: center;
   }

   .form_radio.form_radio--img input:checked+.form_radio__label-text:before {
      background-size: contain;
      background-position: center;
   }

   .form_radio.form_radio-box input:checked+.form_radio__label-text:before {
      background-size: contain;
      background-position: center;
   }

   .form_radio--card.form_radio--img .form_radio__label-text:before {
      width: 20px;
      height: 20px;
   }

   .form_radio--card.form_radio-box .form_radio__label-text:before {
      width: 20px;
      height: 20px;
   }

   .form_radio--card.form_radio--img .form_radio__label-text:before {
      top: 0;
   }

   .form_radio--card.form_radio-box .form_radio__label-text:before {
      left: 0;
      top: 0;
   }

   .printing_item {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 10px;
      font-size: 14px;
      line-height: 15px;
   }

   .cert img {
      display: block !important;
   }

   .form_radio--card.form_radio--img.cert {
      background: #fff !important;
      border: 1px solid #63bae8 !important;
      -webkit-box-shadow: 0px 3px 10px rgb(0 0 0 / 15%) !important;
      box-shadow: 0px 3px 10px rgb(0 0 0 / 15%) !important;
      z-index: 1;
   }

   .form_radio--card.form_radio--img.cert img {
      border-bottom: 2px solid #63bae8 !important;
   }

   .form_radio--card.form_radio--img.cert .form_radio__label-text {
      padding: 20px 10px 10px;
      min-height: auto;
      text-align: center;
      font-size: 12px;
      line-height: 14px;
      justify-content: center
   }

   .form_radio--card.form_radio--img.cert .form_radio__label-text:before {
      top: -100%;
      left: 0;
      right: 0;

   }

   .phone-ingener {
      position: absolute;
      right: 0;
      left: inherit;
      text-align: right;
   }

   .phone-ingener img {
      width: 70%;
   }

   .get-user-phone__title {
      font-weight: 500;
      font-size: 14px;
   }

   .master_wrap {
      padding: 12px;
   }

   .master__title {
      font-size: 12px;
      font-weight: 500;
   }

   .master__description {
      font-size: 9px;
      font-weight: 400;
   }

   .master-text-lg {
      font-size: 14px;
   }

   .master-text {
      font-size: 14px;
      padding-left: 0
   }

   .master-text p {
      text-align: left;
   }

   .card-diler-lg {
      margin-top: -50px;
      padding: 5px;
      padding-top: 20px;
   }

   .card-diler-lg-text {
      top: -20%;
   }

   .card-diler--img {
      max-width: 28%;
   }

   .s_cost-form {
      padding: 20px;
   }

   .s_cost__form-title {
      font-weight: 700;
   }

   .w5 {
      width: 50%;
   }

   .cost__info__title {
      font-weight: bold;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
   }

   .cost__info {
      font-size: 14px;
   }

   .free-ingener-title div {
      max-width: 75%;
   }

   .free-ingener-title .viezd-img {
      position: absolute;
      top: -2px;
      right: -12px;
   }

   input.viezd__form-phone {
      display: block;
      width: 248px;
   }

   .quest .t-primary {
      font-size: 16px;
      line-height: 19px
   }

   .master_slider-item-name {
      font-size: 12px;
      border-radius: 0 10px;
      padding: 5px 15px;
   }

   .s_works-title {
      font-size: 14px;
      line-height: 16px;
      font-weight: 500;
      text-align: left;
      margin-bottom: 0
   }

   .insta-text {
      margin-bottom: 15px;
   }

   .goto__main-btn {
      margin-top: 0;
   }

   .s_works .mb-5 {
      margin-bottom: 0 !important;
   }

   .s_adv-text1,
   .s_adv-text {
      font-size: 12px;
      line-height: 14px;
   }

   .s_adv-icon1 img {
      width: 36px;
   }

   .btn.insta-btn {
      width: 253px;
      height: 43px;
      font-size: 14px;
      margin: 0 auto;
      min-width: auto;
   }

   .mont-head {
      font-weight: bold;
      font-size: 16px;
      line-height: 19px;
      text-align: center;
   }

   .s_adv .montag-main-text {
      font-size: 12px;
      padding: 10px 5px;
   }

   .insta-text {
      font-size: 16px;
      line-height: 18px;
   }

   .insta {
      padding: 15px 0;
      margin: 0 -10px 0 !important
   }

   .montag-main-text-st {
      font-size: 12px;
      line-height: 15px;
      padding: 5px 10px
   }
}

.hi,
.low,
.hi-box,
.low-box {
   font-size: 14px;
   line-height: 17px;
}

#low .modal-content {
   width: 288px;
   background: #7bbb4c;
   border: 1px solid #2e2e2e;
   box-sizing: border-box;
   box-shadow: 0px 15px 20px -11px rgb(51 51 51 / 20%);
   border-radius: 10px;
   color: white;
   padding: 20px;
   font-size: 12px;
   margin: 0 auto;
}

#hight .modal-content {
   width: 288px;
   background: #7bbb4c;
   border: 1px solid #2e2e2e;
   box-sizing: border-box;
   box-shadow: 0px 15px 20px -11px rgb(51 51 51 / 20%);
   border-radius: 10px;
   color: white;
   padding: 20px;
   font-size: 12px;
   margin: 0 auto;
}

.modal-content .header {
   font-size: 14px;
   font-weight: bold;
   text-align: center;
}

.modal-content .textb {
   font-weight: 500;
}

.modal-content .close {
   position: absolute;
   right: 20px;
}

.nav-tabs {
   background: #e0e0e0;
   border-radius: 10px 10px 0 0;
}

.catalog_slider .product_card {
   display: none;
}

.col_center {
   background: #fff;
   padding-top: 15px;
   align-items: center;
   padding-right: 5px;
   padding-bottom: 5px;
   box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
}

.product_card {
   background: #fff;
   border-radius: 10px;
   padding-top: 10px;
   margin-bottom: 16px;
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
}

.product_image {
   position: relative;
   padding-top: 139px;
   margin: 4px 0 14px;
}

.product_title {
   font-weight: 700;
   margin-bottom: 4px;
   font-size: 16px;
   line-height: 18px;
}

.product_image img {
   position: absolute;
   height: 100%;
   left: 50%;
   top: 0;
   transform: translateX(-50%);
   width: auto;
   object-fit: contain;
}

.product_footer {
   background: #63bae8;
   /* border-radius: 0px 0px 10px 10px; */
   padding: 14px 8px;
   font-size: 14px;
   line-height: 16px;
   color: #fff;
}

.product_footer ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

.tab-pane .col-lg-3 {
   padding: 0 8px;
}

.res {
   background: #63bae8;
   border-radius: 0px 10px 10px 0px;
   color: white;
   font-weight: 600;
   font-size: 14px;
   line-height: 14px;
   padding: 0 10px;
   padding: 9px 9px 9px 24px;
   margin-bottom: 10px;
}

.podhodit {
   padding-left: 24px;
   font-size: 14px;
   line-height: 16px;
}

.podhodit strong {
   color: #63bae8;
}

.image_container {
   position: relative;
   height: 100px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.image_container img {
   max-height: 100%;
}

.uroven_vod {
   display: none;
}

.green-septik,
.blue-septik {
   color: black;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   padding: 10px;
   font-weight: bold;
   font-size: 16px;
   line-height: 21px;
   text-align: center;
   cursor: pointer;
}

.green-septik.active {
   color: white !important;
   background-color: #7bbb4c !important;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-color: #7abb4b !important;
   border-bottom: 1px solid #7abb4b !important;
}

.blue-septik.active {
   color: white !important;
   background-color: #63bae8 !important;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-color: #63bae8 !important;
   border-bottom: 1px solid #63bae8 !important;
}

.green-septik.active a,
.blue-septik.active a {
   color: #fff;
}

.green-tab {
   background-color: #7bbb4c !important;
   padding: 30px;
   border-radius: 0 0 10px 10px;
}

.blue-tab {
   background-color: #63bae8 !important;
   padding: 30px;
   border-radius: 0 0 10px 10px;
}

.septik-card {
   background: #ffffff;
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
   border-radius: 10px;
}

.septik-card img {
   max-height: 138px;
}

.septik-card-title {
   font-weight: bold;
   font-size: 16px;
   line-height: 19px;
}

.septik-card-footer {
   background: #63bae8;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: #ffffff;
   text-align: left;
   padding: 10px 15px;
   border-radius: 0 0 10px 10px;
}

.load_more {
   display: inline-block;
   border: 2px solid #fff;
   color: #fff;
   font-size: 14px;
   line-height: 16px;
   font-weight: 600;
   padding: 10px 20px 8px;
   border-radius: 10px;
   cursor: pointer;
   transition: all 0.35s ease;
   background: #7bbb4c;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.load_more:hover {
   background-color: #fff;
   color: #000;
}

.product_modal {
   display: block;
   text-align: center;
   font-size: 14px;
   text-transform: uppercase;
   color: #7bbb4c;
   font-weight: 700;
   padding: 5px;
   margin-top: 5px;
}

.result_system {
   font-size: 14px;
   line-height: 16px;
   margin-top: 120px;
}

.result_system-title {
   margin-bottom: 20px;
   font-size: 16px;
   line-height: 18px;
}

.result_system-item {
   margin-bottom: 10px;
   align-items: flex-start;
}

.result_system-item .counter {
   max-width: 20px;
   flex: 0 0 20px;
   height: 20px;
   background: #63bae8;
   border-radius: 50%;
   color: #fff;
   text-align: center;
   line-height: 20px;
   margin-right: 10px;
   font-size: 10px;
   font-weight: 700;
}

.get-user-phone__iphone {
   position: relative;
   width: 220px;
   padding-top: 143%;
   background-size: contain;
   background-repeat: no-repeat;
   margin-left: auto;
}

.get-user-phone__iphone video {
   position: absolute;
   left: 17%;
   width: 64%;
   height: 80%;
   top: 10%;
   border-radius: 0 0 20px 20px;
   right: 12%;
   transform: rotate(-7deg);
}

.card-dilers {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   padding: 10px;
}

.card-diler--img {
   margin: 0.5em 5px;
}

.header_gift--result .header_gift__sub {
   font-size: 18px;
   line-height: 25px;
}

.main-video-result {
   margin-right: 25px;
   box-shadow: 0px 15px 20px -11px rgba(51, 51, 51, 0.2);
   border-radius: 10px;
}

.change_number-title {
   font-size: 15px;
   line-height: 15px;
   margin-bottom: 10px;
   font-family: Fira Sans, sans-serif;
}

.mini_course-trigger {
   flex: 0 0 171px;
   margin-right: 13px;
}

@media (max-width: 1199px) {
   .quiz-result--unlocked .quiz-result__title:before {
      left: 20px
   }

   .cost__info:before {
      left: 0;
   }

   .get-user-phone__iphone {
      padding-top: 373px;
   }
}

@media (max-width: 991px) {
   .cost__info:before {
      left: -50%;
      width: 100%;
      background-position: top center
   }

   .mdl-left-list {
      font-size: 14px;
      line-height: 16px;
   }

   .form-ttl {
      font-size: 16px;
      line-height: 20px;
   }

   .mdl-left-title {
      font-size: 18px;
      line-height: 22px;
   }

   .ostalos-voprosov {
      margin: 10px auto 0;
   }

   .get-user-phone__iphone {
      margin: auto;
   }

   .result_system {
      width: 250px;
      margin: auto;
   }

   .result_phone--mob {
      order: 1;
   }

   .get-user-phone--descr {
      justify-content: center;
   }

   .progress-circle__complete {
      width: 45px;
   }
}

@media (max-width: 768px) {
   #quiz__question-5_1 .content {
      width: 70%;
   }

   #quiz__question-5_1 .quiz-ing {
      width: 30%;
      top: 25px;
   }

   .quiz-ing img {
      max-width: 100%;
   }

   .goto__main-btn--modal {
      margin-top: 20px;
   }

   .js-quiz-questions {
      padding-bottom: 0
   }
}

@media (max-width: 575px) {
   .quiz-result--unlocked .quiz-result__title:before {
      left: 10px;
   }

   .drop-bg {
      background-image: none;
   }

   .mini_course-trigger {
      flex: 0 0 140px;
      margin-right: 0
   }

   .master__description {
      line-height: 10px
   }

   .master__title {
      line-height: 12px;
   }

   .master-text-lg {
      font-size: 14px;
      display: block;
      margin-bottom: 10px
   }

   .master-text {
      font-size: 12px;
      line-height: 14px
   }

   .quiz-result__locked-hidden {
      padding-top: 24px
   }

   .quiz-result__content .quiz-result__title {
      font-size: 15px;
      margin: 7px auto;
      padding: 6px 0px 10px 70px;
      line-height: 17px;
   }

   .ostalos-voprosov__footer {
      padding: 20px 25px 20px;
   }

   .ostalos-voprosov__title.first {
      width: 150px;
   }

   .ostalos-voprosov {
      margin: 20px auto 0;
   }

   .card-diler {
      margin-top: -15px;
   }

   .card-diler-lg {
      margin-top: 20px
   }

   .mb7 {
      margin-bottom: 30px;
   }

   .master_wrap {
      padding: 12px 14px;
      max-width: 140px;
      margin-bottom: 0;
   }

   .header_gift--result .header_gift__sub {
      font-size: 14px;
      line-height: 16px;
      text-align: center
   }

   .master_row {
      align-items: center
   }

   .green-septik,
   .blue-septik {
      font-size: 12px;
      line-height: 14px;
      padding: 10px 5px;
   }

   .tab-pane .col-lg-3 {
      padding: 0 5px;
   }

   .green-tab,
   .blue-tab {
      padding: 10px
   }

   .product_title {
      margin-bottom: 5px;
      font-size: 13px;
      line-height: 15px;
   }

   .product_footer {
      padding: 5px;
      font-size: 8px;
      line-height: 12px;
   }

   .header_gift--result .header_gift__sub {
      font-size: 10px;
      line-height: 15px;
      text-align: left
   }

   .header_gift--result .header_gift__sub b {
      display: block
   }

   .product_card {
      margin-bottom: 10px;
   }

   .tab-pane .row {
      margin: 0 -5px;
   }

   .master_slider-item {
      margin: 5px 3px;
      box-shadow: none;
   }

   .s_adv-icon1 {
      margin-right: 15px;
   }

   .s_adv-list {
      margin: 15px 0 20px;
   }

   hr.hidden-sm {
      display: none
   }

   .social .quiz__header-text {
      padding-top: 0
   }
}

.disable-truncates {
   font-size: 9px;
   line-height: 11px;
   text-decoration-line: underline;
   color: #63bae8;
}

.quiz__question-sub p {
   margin-bottom: 5px;
}

.form_radio--card.form_radio--img.cert img {
   border-bottom: 2px solid #63BAE8;
}

.js-quiz__question--5 .form_radio--card.form_radio--img .form_radio__label-text:before {
   transform: scale(1.3);
   border: 2px solid #63BAE8;
}

.q5_text {
   position: relative;
   min-height: 30px;
}

.q5_text .small_text {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   transition: all .35s ease;
}

.q5_text.active .small_text {
   opacity: 0;
}

.q5_text .big_text {
   opacity: 0;
   transition: all .35s ease;
   display: none;
}

.q5_text .description {
   min-height: 30px;
}

.q5_text.active .big_text {
   opacity: 1;
   transition: all .35s ease;
}

@media(min-width:992px) {

   .q5_text .small_text {
      display: none;
   }

   .q5_text .big_text {
      opacity: 1;
      transition: all .35s ease;
      display: block;
   }

}

@media(max-width:575px) {
   #modal-11 ol {
      padding-left: 15px;
      font-size: 15px;
   }

   .winter_sale {
      line-height: 16px;
   }
}

a:focus,
.slick-slide:focus {
   outline: none !important;
}

.content_wrap ol {
   list-style-type: none;
}

.content_wrap ol li {
   margin-bottom: 10px;
}

.content_wrap ol ul {
   list-style-type: disc;
}

.popup_coon {
   float: right;
   width: 20%;
   margin-top: 15px;
}

@media(max-width: 768px) {
   .popup_coon {
      display: none
   }
}

.new_banner {
   width: 180px;
   position: absolute;
   right: 0;
   top: 0;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   background: rgb(232 246 252);
   backdrop-filter: blur(4px);
   border-radius: 5px;
   padding: 15px 20px;
   font-size: 12px;
   line-height: 15px;
   z-index: 2;
   color: #333;
   border: 2px solid #63bae8;
   transition: all .35s ease;
}

.new_banner:hover {
   color: #333;
   box-shadow: 0px 15px 20px -11px rgb(51 51 51 / 20%);
   text-decoration: none;
}

.new_banner b {
   font-weight: bold;
   font-size: 16px;
   line-height: 15px;
   text-transform: uppercase;
   display: block;
   margin: 5px 0;
   color: #00B319;
}

.new_banner u {
   color: #00B319;
   font-size: 9px;
}

@media(max-width: 768px) {
   .new_banner {
      position: relative;
      margin: 5px auto
   }
}

.btn-calc {
   position: absolute;
   width: 80px;
   height: 64px;
   right: -20px;
   bottom: -10px;
   z-index: 2;
}

.btn-calc::before {
   content: '';
   position: absolute;
   width: 57px;
   height: 115px;
   background: url(../img/arrow.svg) center no-repeat;
   right: -73px;
   bottom: 22px;
}

.header-price {
   font-family: 'MullerMedium', arial;
   font-size: 25px;
   line-height: 35px;
   text-transform: uppercase;
   padding-left: 80px;
   position: relative;
   max-width: 490px;
   margin-bottom: 30px;
   color: #000;
}

.header-price .txt-green {
   font-family: 'MullerBold', arial;
}

.header-price::before {
   content: '!';
   position: absolute;
   width: 54px;
   height: 54px;
   line-height: 60px;
   left: 0;
   top: 50%;
   margin-top: -27px;
   font-size: 43px;
   text-align: center;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   background: #F9F378;
   font-weight: 700;
}

.txt-green {
   color: #7BBB4C;
   font-weight: 700;
}

.header_info-wrap {
   display: flex;
   padding-bottom: 40px;
}

.header_info {
   max-width: 190px;
   width: 100%;
   border-left: 3px solid #7BBB4C;
   padding: 0 10px 0 20px;
}

.header_info-title {
   color: #7BBB4C;
   font-size: 24px;
   margin-bottom: 10px;
   line-height: 1;
   font-family: 'MullerBold', arial;
}

.header_info-txt {
   font-family: 'MullerMedium', arial;
   font-size: 15px;
   line-height: 20px;
   margin-bottom: 0;
   text-transform: uppercase;
}

.header_gift__text.d-flex p {
   margin-bottom: 0;
}

.header_gift__text-title {
   font-family: 'MullerBold', arial;
   font-size: 16px;
   line-height: 16px;
}

.header_gift__sub {
   font-family: 'Muller', arial;
   font-size: 14px;
   line-height: 14px;
   padding-top: 8px;
   max-width: 272px;
}

.header_gift__sub b {
   font-family: 'MullerBold', arial;
}

.header_gift {
   max-width: 580px;
   width: 100%;
   padding: 34px 27px 22px;
   background: url(../img/border-ic.png) center no-repeat;
   background-size: 100% 100%;
   position: relative;
   margin-top: 15px;
}

.header_gift::before {
   content: '';
   position: absolute;
   width: 83px;
   height: 83px;
   top: -26px;
   left: 50%;
   margin-left: -43px;
   background: url(../img/plus-ic.png) center no-repeat;
}

.header__cta-button-wrap {
   max-width: 380px;
}

.txt-sm {
   display: block;
   padding-top: 6px;
   font-family: 'MullerMedium', arial;
   font-size: 16px;
   text-transform: none;
   line-height: 16px;
}

.header__text-title__sm {
   display: none;
}

@media(max-width: 768px) {
   .header-price {
      font-size: 16px;
      line-height: 20px;
      padding-left: 75px;
      margin: 24px 0 30px;
   }

   .header_info-txt {
      font-size: 12px;
      line-height: 15px;
   }

   .header_info {
      padding: 0 15px;
   }

   .btn-calc::before {
      display: none;
   }

   .header_gift {
      margin-top: 55px;
      padding: 34px 12px 22px;
   }

   .header_gift__text-title {
      font-size: 12px;
      line-height: 12px;
   }

   .header_gift__sub {
      font-size: 11px;
      line-height: 11px;
   }

   .header_gift__text {
      justify-content: space-between;
   }

   .txt-green {
      display: block;
   }

   .header-right_btn {
      padding-top: 6px;
   }

   .header__text-title {
      padding: 0 15px;
   }

   .header-price {
      margin-left: 15px;
      font-weight: 700;
   }

   .header_info {
      max-width: 155px;
      padding-right: 0;
   }

   .header__bg--lg {
      background-position: 0 top;
   }
}

@media (max-width: 575px) {
   .header_gift__text-title {
      padding-left: 13px;
   }

   .mini_course-trigger {
      max-width: 65px;
   }

   .header__text-title {
      text-align: center;
      font-size: 20px;
      line-height: 28px;
   }

   .btn-calc {
      right: 4px;
      bottom: auto;
      top: 62%;
   }

   .header_info-title {
      margin-bottom: 5px;
   }

   .mini_course-trigger {
      align-self: start;
   }

   .header__text-title__big {
      display: none;
   }

   .header__text-title__sm {
      display: block;
   }

   .br {
      display: block;
      text-align: center;
   }

   .header_info-wrap {
      padding-bottom: 31px;
   }

   .header__cta-button-wrap {
      margin: 0 auto;
   }
}

@media (max-width: 475px) {
   .header_gift {
      background: url(../img/border-ic-2.png) center no-repeat;
      background-size: 100% 100%;
      padding-bottom: 18px;
   }
   .swiperOneMain{
      width: 88%;
   }
   .swiperOneMain .swiper-slide{
      height: 200px;
   }
   .swiperOneMain .swiper-button-next, 
   .swiperOneMain .swiper-button-prev {
      width: 32px;
      height: 32px;
   }
   .swiperOneMain .swiper-button-next {
      right: -16px;
   }
   .swiperOneMain .swiper-button-prev{
      left: -16px;
   }
   .swiperOneMain .swiper-button-next::after,
   .swiperOneMain .swiper-button-prev::after{
      background-size: 20px;
   }
   .swiperExp .swiper-slide{
      height: 20vw;
   }
}
@media (max-width: 390px){
   .header-price p br{
      display: none;
   }
   .header_info {
      padding: 0 5px;
   }
   .header_info-title{
      font-size: 16px;
   }
}