html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

a {
  text-decoration: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

input[type='submit'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input {
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 0;
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  box-sizing: border-box;
  padding: 5px 10px; }

@font-face {
  font-family: 'Roboto Regular';
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Roboto Bold';
  src: url("../fonts/Roboto-Bold.eot");
  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Roboto Medium';
  src: url("../fonts/Roboto-Medium.eot");
  src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Rubik Bold';
  src: url("../fonts/Rubik-Bold.eot");
  src: url("../fonts/Rubik-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Bold.woff2") format("woff2"), url("../fonts/Rubik-Bold.woff") format("woff"), url("../fonts/Rubik-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Roboto Black';
  src: url("../fonts/Roboto-Black.eot");
  src: url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto-Black.woff") format("woff"), url("../fonts/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Rubik Regular';
  src: url("../fonts/Rubik-Regular.eot");
  src: url("../fonts/Rubik-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Regular.woff2") format("woff2"), url("../fonts/Rubik-Regular.woff") format("woff"), url("../fonts/Rubik-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Rubik Medium';
  src: url("../fonts/Rubik-Medium.eot");
  src: url("../fonts/Rubik-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Rubik-Medium.woff2") format("woff2"), url("../fonts/Rubik-Medium.woff") format("woff"), url("../fonts/Rubik-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
.clearfix:after {
  content: '';
  clear: both;
  display: table; }

body,
input,
textarea,
a,
label {
  font-size: 18px;
  font-family: "Rubik Regular", Arial;
  color: #3C4B5A; }

.wrapper-big {
  max-width: 1374px;
  margin: 0 auto; }

.wrapper {
  margin: 0 auto;
  max-width: 1190px; }

.wrapper-sm {
  margin: 0 auto;
  max-width: 1084px; }

* {
  box-sizing: border-box; }

.flex-block {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

a,
button {
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.btn__style {
  color: #282A2D;
  font-size: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 134px;
  height: 47px;
  padding: 0 31px;
  border: none;
  outline: none;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Roboto Medium", Arial; }
  .btn__style--white {
    background: #fff;
    color: #202124; }
    .btn__style--white:hover {
      background: #2469B2;
      color: #ffffff; }
  .btn__style--blue {
    background: #2469B2;
    border: 2px solid #2469B2;
    color: #ffffff; }
    .btn__style--blue:hover {
      background: #fff;
      color: #2469B2; }

.max-440 {
  max-width: 440px; }

.max-520 {
  max-width: 520px; }

.max-920 {
  max-width: 920px; }

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

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

.pt-0 {
  padding-top: 0 !important;
  border-top: none !important; }

.ls-0 {
  letter-spacing: 0px !important; }

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

.text-blue {
  color: #2469B2 !important; }

.text-gray {
  color: #959597 !important; }

.text-yellow {
  color: #FFD35B !important; }

.text-dark {
  color: #3C4B5A !important; }

.section__title {
  font-size: 42px;
  line-height: 1.2;
  letter-spacing: -1px;
  font-family: "Rubik Bold", Arial; }

.section__under-title {
  margin-top: 33px;
  color: #3C4B5A;
  font-size: 22px;
  line-height: 1.18;
  font-family: "Rubik Regular", Arial;
  letter-spacing: -1px; }

.tel-soc {
  gap: 18px;
  align-items: center;
  justify-content: flex-start; }
  .tel-soc__tel a {
    font-size: 20px;
    line-height: 1;
    color: #CBA65F;
    font-family: "Roboto Bold", Arial; }
    .tel-soc__tel a:hover {
      color: #2469B2; }
  .tel-soc__soc ul {
    gap: 10px; }
    .tel-soc__soc ul li a {
      display: flex; }
      .tel-soc__soc ul li a:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }

.section {
  padding: 100px 0;
  border-top: 1px solid #8F9091; }

.header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
  background: rgba(255, 255, 255, 0.95); }
  .header.activeScroll {
    border-bottom: 1px solid #8F9091; }
  .header .flex-block {
    align-items: center; }
  .header__left {
    gap: 65px;
    align-items: center; }
  .header__right {
    gap: 50px;
    align-items: center; }
  .header__logo a {
    display: flex;
    align-items: center;
    gap: 10px; }
    .header__logo a svg path {
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .header__logo a:hover svg .logo-fill {
      fill: #CBA65F; }
  .header__menu ul {
    gap: 40px; }
    .header__menu ul li a {
      font-size: 16px;
      line-height: 1.1;
      color: #3C4B5A;
      font-family: "Roboto Medium", Arial; }
      .header__menu ul li a.active, .header__menu ul li a:hover {
        color: #2469B2; }
    .header__menu ul li.active a {
      color: #2469B2; }
  .header__soc-lang-tel {
    gap: 30px; }
  .header__btn .btn__style {
    padding: 0 20px; }
  .header__lang ul {
    gap: 21px; }
    .header__lang ul li *,
    .header__lang ul li a {
      font-size: 16px;
      line-height: 1.1;
      color: #3C4B5A;
      border: none;
      outline: none;
      background: none;
      font-family: "Roboto Medium", Arial; }
      .header__lang ul li *.active, .header__lang ul li *:hover,
      .header__lang ul li a.active,
      .header__lang ul li a:hover {
        color: #2469B2; }
  .header__mob {
    display: none; }

.home-banner {
  position: relative; }
  .home-banner__img {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1; }
    .home-banner__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top right; }
  .home-banner__content {
    color: #ffffff;
    padding: 145px 0;
    max-width: 600px; }
  .home-banner__title {
    font-size: 44px;
    line-height: 1.18;
    font-family: "Roboto Bold", Arial; }
  .home-banner p {
    margin-top: 14px;
    font-size: 22px;
    line-height: 30px;
    font-family: "Roboto Medium", Arial; }
  .home-banner__btn {
    margin-top: 35px; }

.section-info .wrapper-sm {
  max-width: 1124px; }
.section-info__flex {
  margin-top: 61px; }
.section-info__item {
  text-align: center;
  width: 25%; }
  .section-info__item--icon {
    width: 100px;
    height: 100px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto; }
  .section-info__item--name {
    font-family: "Rubik Medium", Arial;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -1px;
    color: #3C4B5A;
    margin-bottom: 16px; }
  .section-info__item p {
    font-size: 22px;
    line-height: 1.18;
    font-family: "Rubik Regular", Arial;
    color: #3C4B5A;
    letter-spacing: -1px; }

.number-info {
  position: relative; }
  .number-info .wrapper {
    max-width: 1160px; }
  .number-info .section__title {
    letter-spacing: -0.6px !important;
    padding-left: 12px; }
  .number-info__two .section__title {
    padding-left: 101px; }
  .number-info__content {
    position: relative;
    margin-top: 57px; }
    .number-info__content.to-right .number-info__item {
      max-width: inherit; }
      .number-info__content.to-right .number-info__item:nth-child(1) {
        margin-left: 50%; }
      .number-info__content.to-right .number-info__item:nth-child(2) {
        margin-left: 38%; }
      .number-info__content.to-right .number-info__item:nth-child(3) {
        margin-left: 26%; }
      .number-info__content.to-right .number-info__item:nth-child(4) {
        margin-left: 13%; }
    .number-info__content.to-right .number-info__img {
      right: auto;
      left: 110px; }
  .number-info__item {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: flex-start;
    gap: 36px;
    max-width: 590px;
    margin-bottom: 49px; }
    .number-info__item:nth-child(2) {
      margin-left: 20%; }
    .number-info__item:nth-child(3) {
      margin-left: 42%; }
    .number-info__item:last-child {
      margin-bottom: 0; }
    .number-info__item--num {
      font-size: 160px;
      line-height: .8;
      color: #FFD35B;
      font-family: "Rubik Bold", Arial; }
    .number-info__item--info {
      flex: 1; }
    .number-info__item--name {
      font-size: 42px;
      font-family: "Rubik Bold", Arial;
      letter-spacing: -1px;
      color: #3C4B5A; }
    .number-info__item p {
      margin-top: 31px;
      letter-spacing: -1px;
      color: #3C4B5A;
      font-family: "Rubik Regular", Arial;
      font-size: 22px; }
  .number-info__img {
    position: absolute;
    right: 0;
    top: -20px; }
  .number-info__icon {
    position: absolute;
    left: 9%;
    bottom: 0; }

.ladder-calc .wrapper {
  max-width: 1374px; }

.ladder {
  margin-top: 98px;
  position: relative;
  padding: 0 5px; }
  .ladder__flex {
    position: relative; }
    .ladder__flex:after {
      content: '';
      position: absolute;
      left: 0;
      width: 98%;
      background: #3C4B5A;
      height: 12px;
      -webkit-border-radius: 8px;
      -ms-border-radius: 8px;
      -moz-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      top: 89px;
      z-index: -1; }
  .ladder__item {
    flex: 1;
    position: relative;
    white-space: nowrap;
    padding: 65px 0 35px; }
    .ladder__item--num {
      width: 60px;
      height: 60px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      position: relative;
      background: #2469B2;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 44px;
      line-height: 1;
      font-family: "Roboto Black", Arial;
      color: #ffffff;
      border: 1px solid #FFD35B; }
      .ladder__item--num span {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: relative; }
    .ladder__item--price {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      color: #2469B2;
      font-size: 24px;
      font-family: "Rubik Bold", Arial;
      top: 0; }
    .ladder__item--info {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      color: #3C4B5A;
      font-size: 18px;
      font-family: "Roboto Medium", Arial;
      bottom: 0; }

.calc {
  border: 1px solid #3C4B5A;
  background: #FFD35B;
  padding: 11px 30px 53px 50px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  margin-top: 103px; }
  .calc__top {
    align-items: center;
    gap: 48px;
    justify-content: flex-start; }
  .calc__calc {
    align-items: center;
    gap: 60px; }
    .calc__calc--ui {
      flex: 1;
      gap: 60px;
      padding-bottom: 12px; }
      .calc__calc--ui__block {
        flex: 1; }
    .calc__calc--title {
      font-size: 24px;
      line-height: 1;
      color: #3C4B5A;
      font-family: "Rubik Bold", Arial; }
    .calc__calc--info-price {
      width: 458px;
      padding: 30px;
      text-align: center;
      background: #2469B2;
      -webkit-border-radius: 15px;
      -ms-border-radius: 15px;
      -moz-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px; }
      .calc__calc--info-price .calc__calc--title {
        color: rgba(255, 255, 255, 0.8); }
    .calc__calc--price {
      font-size: 44px;
      line-height: 40px;
      font-family: "Rubik Bold", Arial;
      margin-top: 24px;
      color: #ffffff; }

.ui-widget.ui-widget-content {
  border: 1px solid #766644;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  height: 10px;
  background: #57585A;
  margin-top: 35px; }

.ui-widget-header {
  background: #2469B2; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  outline: none;
  background: #2469B2;
  border: 1px solid #766644;
  cursor: pointer;
  z-index: 1; }

.ui-slider-tooltip {
  position: absolute;
  top: calc(100% + 13px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding: 0 12px;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  font-family: "Roboto Black", Arial;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  z-index: 1; }
  .ui-slider-tooltip:after {
    content: '';
    position: absolute;
    border: 1px solid #3C4B5A;
    background: #57585A;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: -1; }
  .ui-slider-tooltip:before {
    content: '';
    position: absolute;
    top: -8px;
    left: calc(50% - 8px);
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="8.48535" y="0.707107" width="11" height="11" rx="1.5" transform="rotate(45 8.48535 0.707107)" fill="%2357585A" stroke="%23FFD35B"/></svg>') no-repeat center center;
    width: 17px;
    height: 17px;
    z-index: -2; }

.review__swiper {
  padding: 0 calc((100% - 1258px)/2);
  margin-top: 56px; }
.review__item {
  padding: 20px 20px 36px;
  background: #2469B2;
  border: 1px solid rgba(255, 211, 91, 0.4);
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  .review__item--user {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    align-items: center;
    gap: 14px; }
    .review__item--user__img {
      min-width: 60px;
      height: 60px;
      overflow: hidden;
      -webkit-border-radius: 50%;
      -ms-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .review__item--user__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
    .review__item--user__name {
      font-family: "Rubik Medium", Arial;
      font-size: 22px;
      line-height: 1;
      color: #ffffff; }
  .review__item--content {
    margin-top: 20px;
    height: 186px; }
  .review__item--text {
    max-height: 93%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 6px 8px 0 8px; }
    .review__item--text p {
      margin-bottom: 24px;
      color: #fff;
      font-family: "Rubik Regular", Arial;
      font-size: 16px;
      line-height: 24px; }
  .review__item--read-more {
    color: #FFD35B;
    font-family: "Rubik Regular", Arial;
    font-size: 16px;
    outline: none;
    line-height: 24px;
    padding: 0 8px; }
  .review__item--video {
    overflow: hidden;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    display: block;
    outline: none;
    height: 100%; }
    .review__item--video:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: url("../images/y-play.webp") no-repeat center center; }
    .review__item--video video,
    .review__item--video iframe,
    .review__item--video img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }

.fancybox__content p {
  margin-bottom: 20px;
  font-family: "Rubik Regular", Arial;
  font-size: 16px;
  line-height: 24px; }

.partners__logos {
  margin-top: 50px;
  justify-content: center;
  gap: 40px; }

.faq__list {
  margin-top: 30px;
  background: #2469B2;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  padding: 0 25px;
  border: 1px solid #ffffff; }
.faq__item {
  border-top: 1px solid #ffffff; }
  .faq__item:first-child {
    border-top: none; }
  .faq__item-arrow {
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    right: 0;
    top: calc(50% - 12px); }
  .faq__item-question {
    position: relative;
    padding: 25px 30px 25px 0;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: "Roboto Medium", Arial; }
    .faq__item-question:hover {
      color: #CBA65F; }
  .faq__item-answer {
    padding: 0px 0 25px;
    font-size: 18px;
    line-height: 1.4;
    color: #ffffff;
    display: none;
    font-family: "Roboto Medium", Arial; }
  .faq__item.active .faq__item-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.end-banner {
  position: relative; }
  .end-banner__img {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1; }
    .end-banner__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top right; }
  .end-banner__content {
    color: #ffffff;
    padding: 105px 0 182px;
    max-width: 825px; }
  .end-banner p {
    margin-top: 25px;
    font-size: 22px;
    line-height: 1.6;
    font-family: "Roboto Medium", Arial; }
  .end-banner__btn {
    margin-top: 20px;
    justify-content: flex-start;
    gap: 50px; }
    .end-banner__btn--tg {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      align-items: center;
      gap: 10px;
      color: #31B1E1;
      font-size: 16px;
      line-height: 1;
      font-family: "Roboto Regular", Arial; }
      .end-banner__btn--tg:hover {
        color: #fff; }

.footer__logo a {
  display: flex;
  align-items: center;
  gap: 10px; }
  .footer__logo a svg path {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .footer__logo a:hover svg .logo-fill {
    fill: #CBA65F; }
.footer__top {
  padding: 16px 0; }
.footer__flex {
  align-items: center; }
.footer__end {
  padding: 25px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.1;
  font-family: "Roboto Medium", Arial; }

@media only screen and (max-width: 1440px) {
  .wrapper-big,
  .wrapper,
  .wrapper-sm {
    padding: 0 16px; }

  .number-info__icon {
    left: -100px; }

  .ladder {
    margin: 60px 20px 0; } }
@media only screen and (max-width: 1340px) {
  .ladder__item--price {
    font-size: 22px; }

  .review__swiper {
    padding: 0 64px; } }
@media only screen and (max-width: 1220px) {
  .header__left {
    gap: 20px; }
  .header__right {
    gap: 20px; }
  .header__menu ul {
    gap: 20px; }

  .home-banner__content {
    padding: 100px 0; }

  .section {
    padding: 64px 0; }

  .section__under-title {
    margin-top: 24px; }

  .section__title {
    font-size: 36px;
    line-height: 1.2; }
    .section__title--lg {
      font-size: 32px;
      line-height: 1.2; }
    .section__title--xl {
      font-size: 42px; }

  .faq__list {
    margin-top: 48px; }

  .footer {
    padding-top: 64px; }

  .section-info__flex {
    margin-top: 48px; }

  .number-info__two .section__title {
    padding-left: 0; }
  .number-info__content {
    margin-top: 48px; }
    .number-info__content.to-right .number-info__img {
      left: 0;
      top: 0; }
    .number-info__content.to-right .number-info__item:nth-child(1) {
      margin-left: 45%; }
    .number-info__content.to-right .number-info__item:nth-child(2) {
      margin-left: 35%; }
    .number-info__content.to-right .number-info__item:nth-child(3) {
      margin-left: 25%; }
    .number-info__content.to-right .number-info__item:nth-child(4) {
      margin-left: 15%; }
  .number-info__icon {
    display: none; }
  .number-info__item {
    gap: 24px;
    margin-bottom: 48px; }
    .number-info__item:nth-child(2) {
      margin-left: 15%; }
    .number-info__item:nth-child(3) {
      margin-left: 30%; }
    .number-info__item--num {
      font-size: 120px; }
    .number-info__item--name {
      font-size: 36px; }
    .number-info__item p {
      margin-top: 24px; }
  .number-info__img {
    top: -130px; }

  .end-banner__content {
    padding: 100px 0;
    max-width: 640px; }

  .partners__logos {
    margin-top: 48px;
    gap: 24px; }

  .ladder {
    margin-top: 48px; }
    .ladder__flex:after {
      height: 10px;
      top: 59px; }
    .ladder__item {
      padding: 40px 0 35px; }
      .ladder__item--num {
        font-size: 32px;
        width: 48px;
        height: 48px; }
      .ladder__item--price {
        font-size: 18px; }

  .calc {
    margin-top: 64px;
    padding: 16px 24px 48px; }
    .calc__top {
      gap: 16px; }
    .calc__icon svg {
      width: 64px;
      height: 64px; }
    .calc__calc {
      gap: 24px; }
      .calc__calc--title {
        font-size: 22px; }
      .calc__calc--ui {
        gap: 24px; }
      .calc__calc--info-price {
        width: 43%;
        padding: 30px 16px; }
      .calc__calc--price {
        font-size: 36px; }

  .ui-slider-tooltip {
    padding: 0 6px;
    font-size: 14px;
    line-height: 20px;
    height: 30px; } }
@media only screen and (max-width: 1023px) {
  .header {
    padding: 6px 0; }
    .header__logo {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      justify-content: center; }
      .header__logo svg:last-child {
        display: none; }
    .header__flex {
      gap: 12px; }
    .header__menu ul {
      gap: 16px; }
      .header__menu ul li a {
        font-size: 15px; }
    .header__lang ul {
      gap: 16px; }
      .header__lang ul li a {
        font-size: 15px;
        line-height: 1; }
    .header__btn .btn__style {
      min-width: auto;
      padding: 0 12px; }
    .header__soc-lang-tel {
      gap: 16px; }
    .header__right {
      gap: 16px; }

  .btn__style {
    height: 42px;
    font-size: 16px; }

  .tel-soc {
    gap: 16px; }
    .tel-soc__tel a {
      font-size: 16px; }
    .tel-soc__soc img,
    .tel-soc__soc svg {
      width: 24px;
      height: 24px; }

  .section__title {
    font-size: 28px;
    letter-spacing: 0; }

  .faq {
    padding: 32px 0; }
    .faq__list {
      margin-top: 32px;
      padding: 0 16px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px; }
    .faq__item-question {
      font-size: 18px;
      padding: 20px 30px 20px 0; }
    .faq__item-answer {
      font-size: 16px;
      padding-bottom: 20px; }

  .footer {
    padding-top: 32px; }
    .footer__end {
      padding: 24px 0;
      line-height: 1.5; }

  .home-banner .wrapper {
    padding: 0; }
  .home-banner__content {
    padding: 64px 16px;
    background: rgba(0, 0, 0, 0.4);
    max-width: 100%; }
  .home-banner__title {
    font-size: 36px; }
  .home-banner p {
    font-size: 18px; }
  .home-banner__btn {
    margin-top: 24px; }

  .section {
    padding: 48px 0; }

  .section__under-title {
    font-size: 20px;
    letter-spacing: 0;
    margin-top: 16px; }

  .section-info__flex {
    margin-top: 36px; }
  .section-info__item--icon {
    margin-bottom: 16px;
    width: 64px;
    height: 64px; }
    .section-info__item--icon__2 svg:first-child {
      display: none; }
    .section-info__item--icon svg, .section-info__item--icon img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .section-info__item--name {
    font-size: 20px;
    letter-spacing: 0; }
  .section-info__item p {
    font-size: 18px; }

  .number-info__content {
    margin-top: 36px; }
    .number-info__content.to-right .number-info__item {
      padding-right: 0;
      padding-left: 180px; }
      .number-info__content.to-right .number-info__item:nth-child(1) {
        margin-left: 15%; }
      .number-info__content.to-right .number-info__item:nth-child(2) {
        margin-left: 10%; }
      .number-info__content.to-right .number-info__item:nth-child(3) {
        margin-left: 5%; }
      .number-info__content.to-right .number-info__item:nth-child(4) {
        margin-left: 0%; }
  .number-info__item {
    gap: 24px;
    margin-bottom: 24px;
    align-items: center;
    max-width: 100%;
    padding-right: 200px; }
    .number-info__item:nth-child(2) {
      margin-left: 10%; }
    .number-info__item:nth-child(3) {
      margin-left: 20%; }
    .number-info__item--num {
      font-size: 90px;
      line-height: 1; }
    .number-info__item--name {
      font-size: 24px; }
    .number-info__item p {
      margin-top: 16px;
      font-size: 18px; }
  .number-info__img {
    top: -60px;
    width: 180px;
    height: 180px; }
    .number-info__img img {
      width: 100%;
      height: 100%;
      object-fit: contain; }

  .ladder {
    margin: 36px -16px 0;
    overflow: auto;
    padding: 5px 10px; }
    .ladder__flex {
      min-width: 1000px;
      margin: 0 16px; }
      .ladder__flex:after {
        left: 5%;
        width: 90%; }
    .ladder__item--info {
      bottom: 5px;
      font-size: 16px; }

  .calc {
    margin-top: 48px;
    padding: 16px 24px 48px; }
    .calc__top {
      gap: 16px; }
    .calc__icon svg {
      width: 64px;
      height: 64px; }
    .calc__calc {
      gap: 24px;
      flex-direction: column;
      margin-top: 24px; }
      .calc__calc--title {
        font-size: 22px; }
      .calc__calc--ui {
        gap: 24px;
        width: 100%; }
      .calc__calc--info-price {
        width: 100%;
        padding: 30px 16px;
        margin-top: 24px; }
      .calc__calc--price {
        font-size: 36px; }

  .review__swiper {
    margin-top: 36px; }
  .review__item--user__name {
    font-size: 20px; }

  .partners {
    padding-top: 24px; }
    .partners__logos {
      margin-top: 36px;
      gap: 16px; }
    .partners__item {
      width: 48px;
      height: 48px; }
      .partners__item img, .partners__item svg {
        width: 100%;
        height: 100%;
        object-fit: contain; }

  .end-banner .wrapper {
    padding: 0; }
  .end-banner__content {
    padding: 64px 16px;
    background: rgba(0, 0, 0, 0.4);
    max-width: 100%; }
  .end-banner p {
    font-size: 18px; }
  .end-banner__btn {
    margin-top: 24px; } }
@media only screen and (min-width: 768px) {
  .header__desctop {
    height: auto !important; } }
@media only screen and (max-width: 767px) {
  .overflow-hidden {
    overflow: hidden; }

  .tel-soc {
    gap: 16px; }
    .tel-soc__tel a {
      font-size: 18px; }
    .tel-soc__soc img,
    .tel-soc__soc svg {
      width: 28px;
      height: 28px; }

  .header__logo svg:last-child {
    display: block; }
  .header__logo a {
    width: 140px; }
    .header__logo a svg {
      width: auto;
      height: auto; }
  .header__desctop {
    left: 0;
    top: -100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 0 0 10px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 0;
    overflow: auto; }
    .header__desctop .header__logo {
      display: none; }
    .header__desctop .header__flex {
      flex-direction: column;
      background: #202124;
      padding: 0 16px;
      gap: 24px;
      min-height: 100%; }
  .header__left {
    flex: 1; }
  .header__menu ul {
    flex-direction: column;
    align-items: center;
    gap: 24px; }
    .header__menu ul li a {
      color: #ffffff;
      font-size: 18px; }
  .header__lang ul li a {
    color: #fff;
    font-size: 18px; }
  .header__logo {
    width: auto; }
  .header__mob {
    display: block; }
    .header__mob--right {
      gap: 24px;
      align-items: center; }
  .header__icons div {
    width: 32px;
    height: 3px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #2469B2;
    margin-bottom: 6px;
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .header__icons div:last-child {
      margin-bottom: 0; }
  .header__icons.active div {
    background: #FFD35B; }
    .header__icons.active div:first-child {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 9px; }
    .header__icons.active div:last-child {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: -9px; }
    .header__icons.active div:nth-child(2) {
      opacity: 0.01; }
  .header__right {
    padding-bottom: 16px;
    justify-content: center; }
  .header__btn {
    width: 100%; }
    .header__btn .btn__style {
      width: 100%; }
  .header.active {
    background: #202124; }
    .header.active .header__desctop {
      top: 0;
      opacity: 1;
      visibility: visible;
      padding-bottom: 0;
      padding-top: 60px;
      background: #202124; }
    .header.active .header__mob {
      background: #202124;
      z-index: 1;
      position: relative; }
      .header.active .header__mob--right .header__soc {
        display: none; }

  .section__title {
    font-size: 24px; }
    .section__title--sm {
      font-size: 18px; }
    .section__title--lg {
      font-size: 22px; }
    .section__title--xl {
      font-size: 28px; }

  .faq__item-question {
    font-size: 16px;
    padding: 16px 30px 16px 0; }
  .faq__item-answer {
    font-size: 14px;
    padding-bottom: 16px; }

  .footer {
    padding-top: 0; }
    .footer__logo svg:last-child {
      display: none; }
    .footer__end {
      padding: 20px 0; }

  .home-banner {
    text-align: center; }
    .home-banner__title {
      font-size: 30px; }
    .home-banner p {
      font-size: 16px;
      line-height: 1.3;
      margin-top: 24px; }
    .home-banner__btn {
      margin-top: 24px; }
    .home-banner__img img {
      object-position: 89% 0; }

  .end-banner {
    text-align: center; }
    .end-banner p {
      font-size: 16px;
      line-height: 1.3;
      margin-top: 24px; }
    .end-banner__btn {
      margin-top: 24px;
      gap: 24px;
      justify-content: center; }

  .review__swiper {
    padding: 0 36px; }

  .section-info__flex {
    gap: 24px 24px; }
  .section-info__item {
    width: calc(50% - 12px); }
    .section-info__item--name {
      font-size: 18px;
      margin-bottom: 12px; }
    .section-info__item p {
      font-size: 16px; }

  .number-info__content {
    margin-top: 36px; }
    .number-info__content.to-right .number-info__item {
      padding-right: 0;
      padding-left: 0; }
      .number-info__content.to-right .number-info__item:nth-child(1) {
        margin-left: 0%; }
      .number-info__content.to-right .number-info__item:nth-child(2) {
        margin-left: 5%; }
      .number-info__content.to-right .number-info__item:nth-child(3) {
        margin-left: 10%; }
      .number-info__content.to-right .number-info__item:nth-child(4) {
        margin-left: 15%; }
  .number-info__item {
    max-width: 100%;
    padding-right: 0; }
    .number-info__item:nth-child(2) {
      margin-left: 5%; }
    .number-info__item:nth-child(3) {
      margin-left: 10%; }
    .number-info__item--num {
      font-size: 64px;
      line-height: 1; }
    .number-info__item--name {
      font-size: 20px; }
    .number-info__item p {
      margin-top: 16px;
      font-size: 16px; }
  .number-info__img {
    display: none; }

  .calc {
    margin-top: 48px;
    padding: 30px 24px; }
    .calc__top {
      gap: 16px; }
    .calc__icon {
      display: none; }
    .calc__calc {
      gap: 24px;
      flex-direction: column;
      margin-top: 24px; }
      .calc__calc--title {
        font-size: 20px; }
      .calc__calc--ui {
        gap: 72px;
        width: 100%;
        flex-direction: column; }
      .calc__calc--info-price {
        width: 100%;
        padding: 30px 10px;
        margin-top: 40px; }
      .calc__calc--price {
        font-size: 24px; }

  .ui-widget.ui-widget-content {
    margin-top: 20px; }

  .ui-slider-tooltip {
    padding: 0px 4px;
    font-size: 11px;
    line-height: 20px;
    height: 24px; }

  .ladder__flex {
    min-width: 1000px; }
    .ladder__flex:after {
      left: 0;
      width: 97%;
      top: 46px; }
  .ladder__item {
    padding: 30px 0; }
    .ladder__item--num {
      font-size: 24px;
      width: 42px;
      height: 42px; }
    .ladder__item--price {
      font-size: 15px; } }

/*# sourceMappingURL=style.css.map */