@charset "UTF-8";
@font-face {
  font-family: "Basetica";
  src: url(./ce1840250acaa52941a5f7f8f4f711f5.woff2) format("woff2"), url(./a84dc3a9cc02fb8f33a5b83cafb21dc5.woff) format("woff");
  font-weight: 300; }

@font-face {
  font-family: "Basetica";
  src: url(./1e0a43fd7d1342229e8068f07689d435.woff2) format("woff2"), url(./4dedaadedd5cdf8d859a12a5b8ef4a76.woff) format("woff");
  font-style: italic; }

@font-face {
  font-family: "Basetica";
  src: url(./a23f4cf178e5f1a659afd2b62b14c1dc.woff2) format("woff2"), url(./fc64dd1e9dd25570bb838361761b653d.woff) format("woff");
  font-weight: 700; }

@font-face {
  font-family: "Basetica";
  src: url(./80ef291b5acfd3d41a6a4a9175e33ebb.woff2) format("woff2"), url(./ce3328cedc11a00912854ca82f29616b.woff) format("woff");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Basetica";
  src: url(./20436aad6fa345b2743478810f00f112.woff2) format("woff2"), url(./3bca1ae5bd2a9ed4f61f3f5622d59b17.woff) format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Basetica";
  src: url(./010ee7c90a28d2988a7edc697001a303.woff2) format("woff2"), url(./eb781dfac647b06c8f1063b102c011ee.woff) format("woff");
  font-weight: 500; }

@font-face {
  font-family: "Basetica";
  src: url(./826b19cc83023dbc57063b22fe5e679c.woff2) format("woff2"), url(./2cb5f1ffe184b0c4e494ea7b2456f5a4.woff) format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Basetica";
  src: url(./32233817fe7348f8c9ea7b1cfe2cb07f.woff2) format("woff2"), url(./2d162b52685ebaa17b27769fa2b2cae6.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

/**
 *  Colors
 */
/**
 *  Fonts
 */
/**
 *  Global elements
 */
/**
 *  Grids generator.
 *
 *  @author   Luke Kortunov
 *  @version  1.0
 */
.container {
  margin: 0 auto;
  box-sizing: border-box;
  width: 1200px;
  padding: 0 0;
  max-width: 100%; }
  @media all and (max-width: 1200px) {
    .container {
      width: 1200px;
      padding: 0 10px; } }
  @media all and (max-width: 980px) {
    .container {
      width: calc( 100% - 20px);
      padding: 0 10px; } }
  .container .row {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    width: 1200px;
    max-width: 100%; }
    @media all and (max-width: 1200px) {
      .container .row {
        width: 1180px; } }
    @media all and (max-width: 767px) {
      .container .row {
        flex-direction: column;
        width: 100%; } }
    .container .row .col {
      width: 100px;
      padding: 0 15px;
      box-sizing: border-box; }
      @media all and (max-width: 1200px) {
        .container .row .col {
          width: 98.33333px;
          padding: 0 10px; } }
      @media all and (max-width: 980px) {
        .container .row .col {
          width: 100%;
          padding: 0 10px; } }
      .container .row .col.col-1 {
        width: 100px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-1 {
            width: 98.33333px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-1 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-2 {
        width: 200px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-2 {
            width: 196.66667px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-2 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-3 {
        width: 300px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-3 {
            width: 295px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-3 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-4 {
        width: 400px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-4 {
            width: 393.33333px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-4 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-5 {
        width: 500px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-5 {
            width: 491.66667px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-5 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-6 {
        width: 600px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-6 {
            width: 590px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-6 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-7 {
        width: 700px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-7 {
            width: 688.33333px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-7 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-8 {
        width: 800px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-8 {
            width: 786.66667px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-8 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-9 {
        width: 900px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-9 {
            width: 885px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-9 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-10 {
        width: 1000px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-10 {
            width: 983.33333px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-10 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-11 {
        width: 1100px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-11 {
            width: 1081.66667px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-11 {
            width: 100%;
            padding: 0 10px; } }
      .container .row .col.col-12 {
        width: 1200px; }
        @media all and (max-width: 1200px) {
          .container .row .col.col-12 {
            width: 1180px;
            padding: 0 10px; } }
        @media all and (max-width: 767px) {
          .container .row .col.col-12 {
            width: 100%;
            padding: 0 10px; } }

/**
 *  Clearfix
 *
 *  Usage: append to container, that contains floated elements - @include clearfix;
 */
/**
 *  «Respond to» mixin
 *
 *  Mixin to manage responsive breakpoints
 *  @param {String} $breakpoint - Breakpoint name
 *  @author Hugo Giraudel
 *
 *  @require $breakpoints
 */
/**
 *  Placeholder
 *
 *  Usage: append to input fields
 */
#overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.75); }
  #overlay .modal {
    flex-grow: 1;
    display: none;
    max-width: 50%;
    max-height: 70%;
    min-width: 320px;
    flex-basis: auto;
    min-height: 320px;
    background-color: #ffffff; }

/**
 *  Reset defaults
 */
html, body {
  margin: 0;
  padding: 0;
  font-family: "Basetica", sans-serif; }

h1, h2, h3, h4, h5, h6, ul, li, a, p {
  margin: 0;
  padding: 0; }

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

.text-page {
  background: #AEACA2; }

.header {
  padding: 45px 0; }
  @media (max-width: 767px) {
    .header {
      padding: 20px 0; } }
  .header__wrapper {
    padding: 0 8.333333333%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 992px) {
      .header__wrapper {
        padding: 0 20px; } }
  .header__logo a {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 767px) {
      .header__logo a img {
        width: 140px; } }
  .header__page-slogan {
    color: #6A6A68;
    font-family: Basetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 142%;
    /* 25.56px */ }
    @media (max-width: 767px) {
      .header__page-slogan {
        display: none; } }

.hero {
  min-height: 100dvh;
  height: 100dvh;
  background: #000; }
  .hero__wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 43px 3.530092592% 39px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column; }
    @media all and (max-height: 768px) {
      .hero__wrapper {
        justify-content: space-between; } }
    @media all and (max-width: 768px) and (orientation: portrait) {
      .hero__wrapper {
        justify-content: space-between;
        padding: 36px 20px 60px;
        background-size: auto 65%; } }
  .hero__slogan {
    align-self: flex-end;
    min-width: 450px;
    color: #AEACA2;
    text-shadow: 0 2px 27.4px rgba(0, 0, 0, 0.8);
    font-family: Basetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 142%;
    /* 25.56px */
    margin-bottom: 27.638640429vh; }
    @media all and (max-width: 768px) {
      .hero__slogan {
        min-width: unset; } }
    @media all and (max-height: 768px) {
      .hero__slogan {
        margin-bottom: 0; } }
    @media all and (max-width: 768px) and (orientation: portrait) {
      .hero__slogan {
        display: none; } }
  .hero__info {
    display: flex;
    justify-content: space-between; }
    @media all and (max-width: 768px) and (orientation: portrait) {
      .hero__info {
        order: 2; } }
  .hero__title {
    color: #FFF;
    font-family: Basetica;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 78px;
    /* 156% */
    letter-spacing: -1px; }
    @media (max-width: 992px) {
      .hero__title {
        display: none; } }
    .hero__title_mobile {
      display: none;
      color: #FFF;
      font-family: Basetica;
      font-size: 40px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%;
      /* 48px */
      letter-spacing: -0.8px; }
      @media all and (max-width: 768px) and (orientation: portrait) {
        .hero__title_mobile {
          display: block; } }
  .hero__description {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    row-gap: 30px; }
    .hero__description-info {
      display: flex;
      flex-direction: column;
      row-gap: 20px; }
    .hero__description-text {
      min-width: 450px;
      max-width: 450px;
      color: #FFF;
      text-shadow: 0 2px 27.4px rgba(0, 0, 0, 0.8);
      font-family: Basetica;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 142%;
      /* 25.56px */ }
      @media all and (max-width: 768px) {
        .hero__description-text {
          min-width: unset; } }
      @media all and (max-width: 768px) and (orientation: portrait) {
        .hero__description-text {
          min-width: unset;
          max-width: 90%;
          font-size: 16px; } }
  .hero__menu {
    border: 1px solid #a3a19a;
    border-radius: 10px;
    list-style: none;
    display: flex;
    align-self: flex-start;
    overflow: hidden; }
    .hero__menu li a {
      text-decoration: none;
      display: flex;
      padding: 16px 19px;
      color: #FFF;
      font-family: Basetica;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 142%;
      /* 19.88px */
      white-space: nowrap; }
    .hero__menu li.kontakt a {
      background: #fff;
      color: #000;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-bottomleft: 10px;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
    @media all and (max-width: 768px) and (orientation: portrait) {
      .hero__menu_desktop {
        display: none; } }
    .hero__menu_mobile {
      display: none; }
      @media all and (max-width: 768px) and (orientation: portrait) {
        .hero__menu_mobile {
          display: flex;
          align-self: stretch; }
          .hero__menu_mobile li {
            flex: 1 1 0; }
            .hero__menu_mobile li a {
              width: 100%;
              box-sizing: border-box;
              display: flex;
              justify-content: center;
              align-items: center;
              color: #FFF;
              font-family: Basetica;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 142%;
              /* 19.88px */
              padding: 10px 0; } }
    .hero__menu--fixed {
      position: fixed;
      top: 50px;
      /* stick 50px below top */
      z-index: 1000;
      background: rgba(0, 0, 0, 0.5); }
      @media all and (max-width: 768px) and (orientation: portrait) {
        .hero__menu--fixed {
          width: calc(100% - 40px); } }
    .hero__menu-placeholder {
      display: block;
      width: 100%;
      height: 0;
      /* JS sets the height */
      pointer-events: none; }
  .hero__img {
    margin-bottom: 0;
    margin-top: auto; }
    @media all and (max-width: 768px) and (orientation: portrait) {
      .hero__img {
        order: 1;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        row-gap: 20px; } }
    @media all and (max-height: 768px) {
      .hero__img {
        margin-top: unset; } }
    @media all and (max-height: 550px) and (orientation: landscape) {
      .hero__img {
        display: none; } }
    .hero__img img {
      max-width: 100%;
      width: 100%; }

.features {
  background: #AEACA2;
  padding: 120px 0; }
  @media (max-width: 767px) {
    .features {
      padding: 60px 0; } }
  .features__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 80px; }
    @media (max-width: 767px) {
      .features__wrapper {
        row-gap: 40px; } }
  .features__info {
    padding: 0 8.333333333%;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1199px) {
      .features__info {
        padding: 0 4.398148148%; } }
    @media (max-width: 992px) {
      .features__info {
        flex-direction: column;
        row-gap: 30px; } }
    @media (max-width: 767px) {
      .features__info {
        padding: 0 20px; } }
  .features__title {
    color: #FFF;
    font-family: Basetica;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 55px */
    letter-spacing: -1px; }
    @media (max-width: 1199px) {
      .features__title {
        font-size: 40px; } }
    @media (max-width: 767px) {
      .features__title {
        font-size: 30px;
        letter-spacing: -0.6px; } }
  .features__text {
    min-width: 57.430555555%;
    max-width: 57.430555555%;
    color: #FFF;
    font-family: Basetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */ }
    @media (max-width: 992px) {
      .features__text {
        min-width: 100%;
        max-width: 100%; } }
    @media (max-width: 767px) {
      .features__text {
        font-size: 16px; } }
  .features__accordion {
    padding: 0 4.398148148%; }
    @media (max-width: 767px) {
      .features__accordion {
        padding: 0 20px; } }
    .features__accordion-item {
      padding-bottom: 10px; }
      @media (max-width: 767px) {
        .features__accordion-item {
          padding-bottom: 5px; } }
      .features__accordion-item:last-of-type {
        padding-bottom: 0; }
        .features__accordion-item:last-of-type::after {
          content: "";
          display: block;
          width: 100%;
          height: 1px;
          background: #828282;
          margin-top: 10px; }
      .features__accordion-item::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #828282;
        margin-bottom: 5px; }
      .features__accordion-item-header {
        display: flex;
        align-items: center;
        padding: 15px 38px 10px;
        column-gap: 10px; }
        @media (max-width: 767px) {
          .features__accordion-item-header {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 15px; } }
        .features__accordion-item-header:hover {
          cursor: pointer; }
      .features__accordion-item-number {
        min-width: 92px;
        width: 92px;
        color: #FFF;
        font-family: Basetica;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        /* 44px */ }
        @media (max-width: 992px) {
          .features__accordion-item-number {
            min-width: 80px;
            width: 80px;
            font-size: 36px; } }
        @media (max-width: 767px) {
          .features__accordion-item-number {
            min-width: 20px;
            width: 20px;
            font-size: 22px; } }
      .features__accordion-item-title {
        color: #FFF;
        font-family: Basetica;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        /* 44px */ }
        @media (max-width: 992px) {
          .features__accordion-item-title {
            font-size: 36px; } }
        @media (max-width: 767px) {
          .features__accordion-item-title {
            font-size: 22px; } }
      .features__accordion-item-arrow {
        min-width: 52px;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: #fff;
        margin-left: auto;
        margin-right: 0;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (max-width: 767px) {
          .features__accordion-item-arrow {
            min-width: 38px;
            width: 38px;
            height: 38px; } }
        .features__accordion-item-arrow img {
          width: initial;
          line-height: 0; }
      .features__accordion-item-content {
        padding-top: 5px;
        padding-bottom: 57px;
        min-width: 52.474619289%;
        max-width: 52.474619289%;
        margin-left: auto;
        margin-right: 4.314720812%;
        color: #FFF;
        font-family: Basetica;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 27px */ }
        @media (max-width: 1199px) {
          .features__accordion-item-content {
            min-width: 60%;
            max-width: 60%; } }
        @media (max-width: 992px) {
          .features__accordion-item-content {
            min-width: 70%;
            max-width: 70%; } }
        @media (max-width: 767px) {
          .features__accordion-item-content {
            min-width: 100%;
            max-width: 100%;
            padding: 10px 10px 24px;
            box-sizing: border-box;
            margin-right: 0;
            font-size: 16px; } }
        .features__accordion-item-content ul li {
          margin-left: 25px; }
      .features__accordion-item_active .features__accordion-item-arrow img {
        transform: rotateZ(180deg); }
      .features__accordion-item_active .features__accordion-item-wrapper {
        border-radius: 4px;
        background: rgba(217, 217, 217, 0.1); }

.references {
  background: #6A6A68;
  padding: 120px 0; }
  @media (max-width: 767px) {
    .references {
      padding: 60px 0; } }
  .references__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 80px; }
    @media (max-width: 767px) {
      .references__wrapper {
        row-gap: 40px;
        overflow: hidden; } }
  .references__info {
    margin: 0 8.333333333%;
    display: flex;
    justify-content: space-between;
    column-gap: 20px; }
    @media (max-width: 1199px) {
      .references__info {
        margin: 0 4.398148148%; } }
    @media (max-width: 992px) {
      .references__info {
        flex-direction: column;
        row-gap: 30px; } }
    @media (max-width: 767px) {
      .references__info {
        margin: 0 20px; } }
  .references__title {
    color: #FFF;
    font-family: Basetica;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 55px */
    letter-spacing: -1px; }
    @media (max-width: 1199px) {
      .references__title {
        font-size: 40px; } }
    @media (max-width: 767px) {
      .references__title {
        font-size: 30px;
        letter-spacing: -0.6px; } }
  .references__text {
    min-width: 57.430555555%;
    max-width: 57.430555555%;
    color: #FFF;
    font-family: Basetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */ }
    @media (max-width: 992px) {
      .references__text {
        min-width: 100%;
        max-width: 100%; } }
    @media (max-width: 767px) {
      .references__text {
        font-size: 16px; } }
  .references__all {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    margin: 0 4.398148148%; }
    @media (max-width: 767px) {
      .references__all {
        margin: 0; } }
  .references__link {
    align-self: center; }
    @media (max-width: 767px) {
      .references__link {
        display: none; } }
    .references__link a {
      display: flex;
      padding: 16px 15px;
      color: #FFF;
      text-shadow: 0 2px 27.4px rgba(0, 0, 0, 0.8);
      font-family: Basetica;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 142%;
      /* 19.88px */
      text-decoration: none;
      border-radius: 10px;
      border: 1px solid #AEACA2;
      transition-duration: .3s; }
      .references__link a:hover {
        background: #AEACA2; }
  .references__nav {
    display: none; }
    @media (max-width: 767px) {
      .references__nav {
        position: relative;
        display: flex;
        justify-content: center;
        column-gap: 60px;
        align-items: center; } }
  @media all and (max-width: 767px) and (max-width: 475px) {
    .references__nav {
      column-gap: 20px; } }
    .references__nav_prev, .references__nav_next {
      min-width: 38px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: #AEACA2;
      display: flex;
      justify-content: center;
      align-items: center; }
      .references__nav_prev::before, .references__nav_next::before {
        content: url(./892eaa8a61c8e99758a0c629a4c8b63e.svg);
        line-height: 0; }
    .references__nav_prev::before {
      transform: rotateZ(-180deg); }
    .references__nav_dots ul {
      list-style: none;
      display: flex;
      column-gap: 10px; }
      .references__nav_dots ul li {
        width: 10px;
        height: 10px;
        line-height: 0;
        font-size: 0;
        transition-duration: .3s; }
        .references__nav_dots ul li button {
          margin: 0;
          padding: 0;
          border: none;
          outline: none;
          font-size: 0;
          line-height: 0;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #d9d9d9;
          transition-duration: .3s; }
        .references__nav_dots ul li.slick-active {
          width: 30px;
          transition-duration: .3s; }
          .references__nav_dots ul li.slick-active button {
            width: 30px;
            border-radius: 8px;
            background: #fff;
            transition-duration: .3s; }
  .references__list {
    display: flex;
    flex-direction: column;
    row-gap: 40px; }
    @media (max-width: 767px) {
      .references__list {
        row-gap: 30px; }
        .references__list .slick-list {
          margin: 0 -5px;
          padding-right: 12.051282051%; } }
    @media (max-width: 767px) and (max-width: 767px) {
      .references__list .slick-list {
        padding-left: 20px; } }
  .references__item {
    display: flex;
    padding: 30px 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 27px;
    align-self: stretch;
    border-radius: 10px;
    background: #777774; }
    @media (max-width: 767px) {
      .references__item {
        padding: 20px 15px;
        row-gap: 20px;
        margin-left: 5px;
        margin-right: 5px; } }
    .references__item:nth-of-type(even) {
      background: #83837F; }
    .references__item-title {
      color: #FFF;
      font-family: Basetica;
      font-size: 40px;
      font-style: normal;
      font-weight: 400;
      line-height: 110%;
      /* 44px */ }
      @media (max-width: 767px) {
        .references__item-title {
          font-size: 22px;
          margin-bottom: 20px; } }
    .references__item-characteristics {
      display: flex;
      column-gap: 20px;
      flex-wrap: wrap;
      row-gap: 20px; }
      @media (max-width: 767px) {
        .references__item-characteristics {
          flex-direction: column;
          row-gap: 15px; } }
    .references__item-characteristic {
      border-left: 1px solid #A3A19A;
      padding-left: 20px; }
      @media (max-width: 767px) {
        .references__item-characteristic {
          padding: 0 5px 0 10px; } }
      .references__item-characteristic-title {
        color: #AEACA2;
        font-family: Basetica;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */ }
        @media (max-width: 767px) {
          .references__item-characteristic-title {
            font-size: 12px; } }
      .references__item-characteristic-value {
        color: #FFF;
        font-family: Basetica;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 30px */ }
        @media (max-width: 767px) {
          .references__item-characteristic-value {
            font-size: 16px; } }

.text-section {
  padding: 40px 0 150px; }
  @media (max-width: 767px) {
    .text-section {
      padding: 30px 0 60px; } }
  .text-section__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    padding: 0 8.333333333%; }
    @media (max-width: 767px) {
      .text-section__wrapper {
        padding: 0 20px;
        row-gap: 20px; } }
  .text-section__title {
    color: #FFF;
    font-family: Basetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 44px */
    letter-spacing: -0.8px; }
    @media (max-width: 767px) {
      .text-section__title {
        font-size: 22px;
        letter-spacing: -0.44px; } }
  .text-section__content {
    color: #FFF;
    font-family: Basetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 57.430555555%; }
    @media (max-width: 767px) {
      .text-section__content {
        max-width: 100%;
        font-size: 16px; } }
    .text-section__content strong {
      font-weight: 500; }
    .text-section__content a {
      font-size: inherit;
      line-height: inherit;
      color: inherit;
      text-decoration: none; }
      .text-section__content a:hover {
        text-decoration: underline; }
    .text-section__content ul li {
      margin-left: 30px; }

.footer {
  background: #000;
  padding: 120px 0 55px; }
  @media (max-width: 992px) {
    .footer {
      padding: 60px 0; } }
  @media (max-width: 767px) {
    .footer {
      padding: 20px; } }
  .footer__wrapper {
    max-width: 1900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: 156px; }
    @media (max-width: 992px) {
      .footer__wrapper {
        row-gap: 80px; } }
    @media (max-width: 767px) {
      .footer__wrapper {
        flex-direction: row;
        justify-content: space-between; } }
  .footer__info {
    padding: 0 8.333333333%;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1199px) {
      .footer__info {
        padding: 0 30px; } }
    @media (max-width: 992px) {
      .footer__info {
        flex-direction: column;
        row-gap: 30px; } }
    @media (max-width: 767px) {
      .footer__info {
        padding: 40px 0 0;
        flex-direction: column;
        row-gap: 30px;
        justify-content: flex-start; } }
  .footer__title {
    color: #FFF;
    font-family: Basetica;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 78px;
    /* 156% */
    letter-spacing: -1px; }
    @media (max-width: 767px) {
      .footer__title {
        color: #FFF;
        font-family: Basetica;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        /* 33px */
        letter-spacing: -0.6px; } }
  .footer__cols {
    padding-top: 11px;
    display: flex;
    column-gap: 60px; }
    @media (max-width: 1199px) {
      .footer__cols {
        column-gap: 30px; } }
    @media (max-width: 992px) {
      .footer__cols {
        padding-top: 0; } }
    @media (max-width: 767px) {
      .footer__cols {
        flex-direction: column;
        row-gap: 20px; } }
  .footer__col p {
    color: #FFF;
    font-family: Basetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */ }
    .footer__col p a {
      font-size: inherit;
      line-height: inherit;
      color: inherit;
      text-decoration: none; }
      .footer__col p a:hover {
        text-decoration: underline; }
  .footer .footer__menu {
    list-style: none; }
    @media (max-width: 767px) {
      .footer .footer__menu {
        margin-top: 80px; } }
    .footer .footer__menu li a {
      text-decoration: none;
      color: #AEACA2;
      font-family: Basetica;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 27px */ }
      .footer .footer__menu li a:hover {
        text-decoration: underline; }
  .footer__img {
    padding-left: 3.009259259%;
    padding-right: 3.472222222%; }
    @media (max-width: 1199px) {
      .footer__img {
        padding: 0 30px; } }
    @media (max-width: 767px) {
      .footer__img {
        padding: 0; } }
    .footer__img img {
      width: 100%;
      max-width: 100%; }
      @media (max-width: 767px) {
        .footer__img img.footer__img_desktop {
          display: none; } }
      .footer__img img.footer__img_mobile {
        display: none; }
        @media (max-width: 767px) {
          .footer__img img.footer__img_mobile {
            display: block; } }

/*# sourceMappingURL=app.min.css.map*/