@font-face {
  font-family: 'DMSans-R';
  src: url("font/dmsans/DMSans-Regular.eot");
  src: local("DM Sans Regular"), local("DMSans-Regular"), url("font/dmsans/DMSans-Regular_162a16fe.eot#iefix") format("embedded-opentype"), url("font/dmsans/DMSans-Regular.woff2") format("woff2"), url("font/dmsans/DMSans-Regular.woff") format("woff"), url("font/dmsans/DMSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DMSans-M';
  src: url("font/dmsans/DMSans-Medium.eot");
  src: local("DM Sans Medium"), local("DMSans-Medium"), url("font/dmsans/DMSans-Medium_162a16fe.eot#iefix") format("embedded-opentype"), url("font/dmsans/DMSans-Medium.woff2") format("woff2"), url("font/dmsans/DMSans-Medium.woff") format("woff"), url("font/dmsans/DMSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'DMSans-B';
  src: url("font/dmsans/DMSans-Bold.eot");
  src: local("DM Sans Bold"), local("DMSans-Bold"), url("font/dmsans/DMSans-Bold_162a16fe.eot#iefix") format("embedded-opentype"), url("font/dmsans/DMSans-Bold.woff2") format("woff2"), url("font/dmsans/DMSans-Bold.woff") format("woff"), url("font/dmsans/DMSans-Bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'GTWalsheimPro-R';
  src: url("font/GTWalsheimPro/GTWalsheimPro-Regular.eot");
  src: local("GT Walsheim Pro Regular"), local("GTWalsheimPro-Regular"), url("font/GTWalsheimPro/GTWalsheimPro-Regular_162a16fe.eot#iefix") format("embedded-opentype"), url("font/GTWalsheimPro/GTWalsheimPro-Regular.woff2") format("woff2"), url("font/GTWalsheimPro/GTWalsheimPro-Regular.woff") format("woff"), url("font/GTWalsheimPro/GTWalsheimPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GTWalsheimPro-M';
  src: url("font/GTWalsheimPro/GTWalsheimPro-Medium.eot");
  src: local("GT Walsheim Pro Medium"), local("GTWalsheimPro-Medium"), url("font/GTWalsheimPro/GTWalsheimPro-Medium_162a16fe.eot#iefix") format("embedded-opentype"), url("font/GTWalsheimPro/GTWalsheimPro-Medium.woff2") format("woff2"), url("font/GTWalsheimPro/GTWalsheimPro-Medium.woff") format("woff"), url("font/GTWalsheimPro/GTWalsheimPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'GTWalsheimPro-B';
  src: url("font/GTWalsheimPro/GTWalsheimPro-Bold.eot");
  src: local("GT Walsheim Pro Bold"), local("GTWalsheimPro-Bold"), url("font/GTWalsheimPro/GTWalsheimPro-Bold_162a16fe.eot#iefix") format("embedded-opentype"), url("font/GTWalsheimPro/GTWalsheimPro-Bold.woff2") format("woff2"), url("font/GTWalsheimPro/GTWalsheimPro-Bold.woff") format("woff"), url("font/GTWalsheimPro/GTWalsheimPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
:root {
  font-size: 20px;
  --main-color-white: #FFFFFF;
  --main-color-black: #000000;
  --main-color-one: #1A5551;
  --main-color-two: #FFE2AE;
  --main-color-two: #FFE2AE; }

html, body {
  position: relative;
  background: var(--main-color-white);
  color: var(--main-color-black);
  counter-reset: number;
  overflow-x: hidden;
  scroll-behavior: smooth; }

body {
  overflow: hidden; }

ul,
li {
  margin: 0;
  padding: 0;
  display: block; }

a {
  -webkit-transition: .3s all;
  transition: .3s all;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
input,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  outline-color: transparent !important;
  outline-width: 0 !important;
  outline-style: none !important;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

address {
  font-style: normal; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--main-color-white);
  z-index: 99; }
  .header__menu {
    display: none; }
  .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem; }
    .header__container .logo {
      display: block;
      height: 3.85rem; }
      .header__container .logo svg {
        display: block;
        height: 100%;
        width: auto; }
  .header__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .header .languages {
    position: relative;
    margin-right: 4.25rem; }
    .header .languages__lang {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      font-size: .8rem;
      color: var(--main-color-black); }
      .header .languages__lang img {
        display: block;
        max-width: 1.3rem;
        height: auto;
        margin-right: .85rem; }
      .header .languages__lang svg {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: .75rem; }
    .header .languages__list {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      background-color: var(--main-color-one);
      padding: 1rem .7rem;
      border-radius: .5rem; }
      .header .languages__list a {
        color: var(--main-color-white);
        margin-bottom: .5rem; }
        .header .languages__list a:last-child {
          margin-bottom: 0; }
    .header .languages:hover .languages__list {
      opacity: 1;
      visibility: visible; }
  .header .messengers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: .85rem;
    margin-right: 4rem; }
    .header .messengers__link {
      position: relative;
      width: 2.25rem;
      height: 2.25rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 50%;
      background-color: #F1F1F1;
      -webkit-transition: .3s all;
      transition: .3s all; }
      .header .messengers__link svg {
        display: block;
        max-width: 100%;
        height: auto; }
        .header .messengers__link svg path {
          -webkit-transition: .3s all;
          transition: .3s all; }
      .header .messengers__link:hover {
        background-color: var(--main-color-one); }
        .header .messengers__link:hover svg path {
          fill: var(--main-color-white); }
  .header__call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .header__call img {
      display: block;
      width: 2.8rem;
      height: auto;
      margin-right: .3rem; }
    .header__call p {
      color: var(--main-color-black);
      font-size: .8rem; }
      .header__call p span {
        display: block;
        font-size: .9rem; }
  .header__bottom {
    background: radial-gradient(80.46% 916.43% at 65.86% 100%, #104A46 0%, #155E59 100%); }
  .header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .header__nav .links a {
      display: inline-block;
      color: var(--main-color-white);
      font-size: .8rem;
      margin-right: 3rem; }
      .header__nav .links a:last-child {
        margin-right: 0; }
  .header__btn {
    display: block;
    background-color: var(--main-color-two);
    padding: 1.15rem 3.3rem;
    color: var(--main-color-black);
    font-size: .8rem; }

.menu {
  display: none; }

@media (max-width: 900.98px) {
  .main__slider-caption{
    width: 80%;
  }
  .header__bottom {
    display: none; }
  .header__menu {
    display: block;
    width: 2.4rem;
    background-color: transparent;
    border: none;
    padding: 0; }
    .header__menu svg {
      display: block;
      width: 100%;
      height: auto; }
  .header__container {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem; }
    .header__container .logo {
      height: 7rem; }
  .header__call img {
    width: 3.2rem;
    margin-right: 0; }
  .header__call p {
    display: none; }
  .header .messengers {
    display: none; }
  .header .languages {
    display: none; }

  .menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--main-color-one);
    z-index: 9;
    padding: 12rem 2rem; }
    .menu__container a {
      display: block;
      color: var(--main-color-white);
      font-size: 2.2rem;
      margin-bottom: 2.4rem; }
      .menu__container a:last-child {
        margin-right: 0; }
    .menu .messengers {
      position: absolute;
      bottom: 50px;
      right: 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      gap: .85rem;
      padding: 3rem 2rem;
      padding-top: 0; }
      .menu .messengers__link {
        position: relative;
        width: 5rem;
        height: 5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-radius: 50%;
        background-color: #F1F1F1;
        -webkit-transition: .3s all;
        transition: .3s all; }
        .menu .messengers__link svg {
          display: block;
          max-width: 100%;
          height: auto; }
          .menu .messengers__link svg path {
            -webkit-transition: .3s all;
            transition: .3s all; }
        .menu .messengers__link:hover {
          background-color: var(--main-color-one); }
          .menu .messengers__link:hover svg path {
            fill: var(--main-color-white); } }
.overflow-hidden {
  overflow: hidden; }

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--main-color-one);
  background-image: url(../img/bg/bg-preloader.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .preloader__logo {
    position: relative;
    width: 100%;
    max-width: 13.1rem; }
    .preloader__logo svg {
      display: block;
      width: 100%;
      height: auto; }
  .preloader__container {
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    margin-top: 5rem;
    -webkit-perspective: 39rem;
            perspective: 39rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    /*   animation: preloader_spin 40s linear infinite; */ }
  .preloader__circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    line-height: 5rem;
    color: #FFF; }
  .preloader .circle_one {
    border-bottom: 2px solid #ffdc9d;
    -webkit-animation: circle_one_spin 1s linear infinite;
            animation: circle_one_spin 1s linear infinite;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease; }
  .preloader .circle_two {
    border-right: 2px solid #ffdc9d;
    -webkit-animation: circle_two_spin 1s linear infinite;
            animation: circle_two_spin 1s linear infinite;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease; }
  .preloader .circle_three {
    border-top: 2px solid #ffdc9d;
    -webkit-animation: circle_three_spin 1s linear infinite;
            animation: circle_three_spin 1s linear infinite;
    -webkit-transition: 1s ease;
    transition: 1s ease; }

.wrapper {
  padding-top: 8rem; }
  .wrapper .section__main {
    background-color: var(--main-color-white);
    background-image: url(../img/bg/bg-main-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 7rem 0;
    min-height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .wrapper .section__main .main__container {
      position: relative;
      width: 100%; }
    .wrapper .section__main .main__slider {
      position: relative; }
      .wrapper .section__main .main__slider-frame {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-left: 12.5rem;
        padding-right: 6.8rem;
        gap: 4rem; }
      .wrapper .section__main .main__slider-photo {
        position: relative;
        display: block; }
        .wrapper .section__main .main__slider-photo .photo__one {
          display: block;
          width: 39.5rem;
          height: 25rem;
          -o-object-fit: contain;
             object-fit: contain;
          border-radius: 1rem; }
        .wrapper .section__main .main__slider-photo .photo__two {
          position: absolute;
          width: 9rem;
          height: 9rem;
          border-radius: 50%;
          -o-object-fit: cover;
             object-fit: cover;
          z-index: 2;
          border: 2px solid var(--main-color-two);
          left: -3.2rem;
          top: 0.5rem; }
        .wrapper .section__main .main__slider-photo .photo__three {
          position: absolute;
          display: block;
          width: 7.3rem;
          height: 7.3rem;
          z-index: 2;
          border-radius: 50%;
          -o-object-fit: cover;
             object-fit: cover;
          border: 2px solid var(--main-color-two);
          left: -6.4rem;
          bottom: 6.75rem; }
    .wrapper .section__main .main__subtitle {
      color: var(--main-color-white);
      font-size: .8rem;
      margin-bottom: .7rem;
      text-transform: uppercase; }
    .wrapper .section__main .main__title {
      color: var(--main-color-white);
      font-size: 3.5rem;
      line-height: 120%;
      margin-bottom: 2.1rem;
      text-align: left; }
    .wrapper .section__main .main__link {
      display: flex;
      text-align: center;
      background-color: var(--main-color-two);
      color: var(--main-color-one);
      font-size: 1.1rem;
      margin-bottom: 6px;
      padding: 1rem 2.3rem;
      border-radius: .25rem;
      -webkit-transition: .3s all;
      transition: .3s all; }
      .wrapper .section__main .main__link:hover {
        background-color: var(--main-color-white); }

        ./*main__link::after {
    content: '';
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMzMzMzMzJyBzdHJva2Utd2lkdGg9JzMnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBvbHlsaW5lIHBvaW50cz0nOSA2IDE1IDEyIDkgMTgnPjwvcG9seWxpbmU+PC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.3s, transform 0.3s;
}*/

    .wrapper .section__main .main__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 2rem; }
      .wrapper .section__main .main__bottom button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: .7rem 1.2rem;
        border-radius: 5rem;
        background-color: var(--main-color-two);
        border: none;
        -webkit-transition: .3s all;
        transition: .3s all; }
        .wrapper .section__main .main__bottom button svg {
          display: block;
          width: 100%;
          max-width: 1.2rem;
          height: auto; }
          .wrapper .section__main .main__bottom button svg path {
            -webkit-transition: .3s all;
            transition: .3s all; }
        .wrapper .section__main .main__bottom button:hover {
          background-color: var(--main-color-white); }
          .wrapper .section__main .main__bottom button:hover svg path {
            stroke: var(--main-color-one); }
  .wrapper .section__feedback {
    position: relative;
    background-color: var(--main-color-two);
    background-image: url(../img/bg/bg-feedback.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 3.4rem;
    padding-bottom: 4.5rem; }
    .wrapper .section__feedback .feedback__title {
      font-weight: normal;
      font-size: 1.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      color: var(--main-color-one);
      margin-bottom: 1.7rem; }
      .wrapper .section__feedback .feedback__title img {
        display: block;
        width: 3.2rem;
        height: auto;
        margin-left: .85rem; }
    .wrapper .section__feedback .feedback__form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      gap: 1.2rem; }
      .wrapper .section__feedback .feedback__form input {
        display: block;
        text-align: left;
        width: 20%;
        background-color: var(--main-color-white);
        color: var(--main-color-black);
        padding: .9rem 1.6rem;
        border-radius: .2rem;
        border: 2px solid transparent;
        -webkit-transition: .3s all;
        transition: .3s all; }
        .wrapper .section__feedback .feedback__form input::-webkit-input-placeholder {
          color: var(--main-color-black); }
        .wrapper .section__feedback .feedback__form input:-ms-input-placeholder {
          color: var(--main-color-black); }
        .wrapper .section__feedback .feedback__form input::-ms-input-placeholder {
          color: var(--main-color-black); }
        .wrapper .section__feedback .feedback__form input::placeholder {
          color: var(--main-color-black); }
        .wrapper .section__feedback .feedback__form input:focus, .wrapper .section__feedback .feedback__form input:hover {
          color: var(--main-color-one);
          border-color: var(--main-color-one); }
      .wrapper .section__feedback .feedback__form button {
        display: block;
        padding: .9rem;
        width: 20%;
        border-radius: .25rem;
        background-color: var(--main-color-one);
        -webkit-transition: .3s all;
        transition: .3s all;
        color: var(--main-color-white);
        font-size: .8rem;
        border: 2px solid var(--main-color-one); }
        .wrapper .section__feedback .feedback__form button:hover {
          background-color: var(--main-color-white);
          color: var(--main-color-one); }
  .wrapper .section__about {
    background-image: url(../img/bg/bg-about.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 5.8rem;
    padding-bottom: 6rem; }
    .wrapper .section__about .about {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 1.9rem; }
      .wrapper .section__about .about__pics {
        position: relative;
        padding: 2rem; }
        .wrapper .section__about .about__pics-one {
          position: relative;
          z-index: 1;
          display: block;
          width: 100%;
          max-width: 100%;
          height: 29.5rem; }
          .wrapper .section__about .about__pics-one img {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 1rem; }
        .wrapper .section__about .about__pics-two {
          position: absolute;
          z-index: 2;
          right: 0;
          bottom: 0; }
          .wrapper .section__about .about__pics-two:before {
            position: absolute;
            content: '';
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            width: 7.5rem;
            height: 7rem;
            border-radius: .65rem;
            background-color: var(--main-color-two);
            top: -1rem;
            left: -1.5rem; }
          .wrapper .section__about .about__pics-two .pic {
            height: 12.5rem;
            width: 12.5rem;
            border-radius: 1rem;
            overflow: hidden; }
          .wrapper .section__about .about__pics-two img {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            -webkit-transition: .3s all;
            transition: .3s all;
            -o-object-fit: cover;
               object-fit: cover;
            z-index: 2;
            -webkit-animation: scaling 2s ease-in-out infinite alternate;
                    animation: scaling 2s ease-in-out infinite alternate; }
        .wrapper .section__about .about__pics-rectangle {
          position: absolute;
          top: 0;
          left: 0;
          background-color: var(--main-color-one);
          border-radius: 1rem;
          width: 14.7rem;
          height: 13.15rem; }
      .wrapper .section__about .about__content {
        max-width: 50%; }
      .wrapper .section__about .about__name {
        display: block;
        color: var(--main-color-one);
        font-size: .8rem;
        text-transform: uppercase;
        margin-bottom: .9rem; }
      .wrapper .section__about .about__title {
        color: var(--main-color-one);
        font-size: 2.1rem;
        line-height: 2.6rem;
        margin-bottom: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .wrapper .section__about .about__title span {
          max-width: 70%; }
        .wrapper .section__about .about__title img {
          display: block;
          width: 5rem;
          height: auto;
          -o-object-fit: contain;
             object-fit: contain; }
      .wrapper .section__about .about__txt {
        font-size: .8rem;
        line-height: 150%;
        color: var(--main-color-one);
        max-width: 80%;
        margin-bottom: 1.5rem; }
      .wrapper .section__about .about__container {
        max-width: 68%; }
        .wrapper .section__about .about__container-title {
          color: var(--main-color-one);
          font-size: .9rem;
          margin-bottom: 1.3rem; }
      .wrapper .section__about .about__features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-bottom: 2.5rem; }
        .wrapper .section__about .about__features-pic {
          display: block;
          width: 50%;
          height: 9rem;
          border-radius: .5rem;
          -o-object-fit: cover;
             object-fit: cover;
          margin-right: 1rem; }
      .wrapper .section__about .about__list p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        color: var(--main-color-one);
        font-size: .8rem;
        margin-bottom: .8rem; }
        .wrapper .section__about .about__list p img {
          display: block;
          min-width: 1.1rem;
          height: auto;
          margin-right: .7rem; }
      .wrapper .section__about .about__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      .wrapper .section__about .about__btn {
        background-color: var(--main-color-one);
        color: var(--main-color-white);
        font-size: .8rem;
        border-radius: .25rem;
        text-align: center;
        border: 2px solid var(--main-color-one);
        padding: 1rem 2.75rem;
        -webkit-transition: .3s all;
        transition: .3s all;
        white-space: nowrap;
        margin-right: 1.5rem; }
        .wrapper .section__about .about__btn:hover {
          background-color: var(--main-color-white);
          color: var(--main-color-one); }
      .wrapper .section__about .about__calling {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .wrapper .section__about .about__calling .circle {
          position: relative;
          width: 3rem;
          height: 3rem;
          border-radius: 50%;
          background-color: var(--main-color-two);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-right: 1rem; }
          .wrapper .section__about .about__calling .circle img {
            display: block;
            width: 2.2rem;
            height: auto;
            -webkit-transition: .3s all;
            transition: .3s all; }
        .wrapper .section__about .about__calling p {
          color: var(--main-color-one);
          font-size: .8rem; }
          .wrapper .section__about .about__calling p span {
            display: block; }
        .wrapper .section__about .about__calling:hover .circle img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
      .wrapper .section__about .about__mob {
        display: none; }
  .wrapper .section__count {
    background-image: url(../img/bg/bg-count.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10.6rem 0;
    padding-top: 4.25rem; }
    .wrapper .section__count-title {
      color: var(--main-color-white);
      font-size: 1.8rem;
      margin-bottom: 4.9rem;
      text-align: center; }
    .wrapper .section__count .count {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 1.5rem;
      scroll-behavior: smooth; }
      .wrapper .section__count .count__item {
        position: relative;
        border-radius: 1rem 1rem 0 0;
        border-bottom: 4px solid var(--main-color-two);
        padding: 2.4rem .8rem;
        background-color: var(--main-color-white);
        text-align: center;
        width: 18.5%;
        -webkit-transition: .3s all;
        transition: .3s all; }
        .wrapper .section__count .count__item:hover {
          background-color: var(--main-color-one); }
          .wrapper .section__count .count__item:hover .count__title {
            color: var(--main-color-white); }
          .wrapper .section__count .count__item:hover .count__subtitle {
            color: var(--main-color-white); }
      .wrapper .section__count .count__title {
        font-size: 1.9rem;
        margin-bottom: .25rem;
        color: var(--main-color-black); }
      .wrapper .section__count .count__subtitle {
        font-size: .8rem;
        color: var(--main-color-black); }
      .wrapper .section__count .count__buttons {
        display: none;
        padding: 0 2rem;
        gap: 1rem;
        margin-top: 2rem; }
        .wrapper .section__count .count__buttons button {
          background-color: transparent;
          padding: 0;
          border: none; }
  .wrapper .section__services {
    background-image: url(../img/bg/bg-services.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--main-color-one);
    padding-top: 4.25rem;
    padding-bottom: 3rem; }
    .wrapper .section__services .services__top {
      text-align: center; }
      .wrapper .section__services .services__top span {
        display: block;
        color: var(--main-color-white);
        text-transform: uppercase;
        font-size: .8rem;
        margin-bottom: .5rem; }
      .wrapper .section__services .services__top h2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        color: var(--main-color-white);
        font-size: 2.1rem; }
        .wrapper .section__services .services__top h2 img {
          display: block;
          width: 4.4rem;
          height: auto;
          margin-left: 3rem;
          margin-right: -8rem; }
    .wrapper .section__services .services__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 3rem; }
    .wrapper .section__services .services__item {
      position: relative;
      width: 30%;
      margin-right: 2rem;
      margin-bottom: 3.4rem; }
      .wrapper .section__services .services__item:nth-child(3n) {
        margin-right: 0; }
      .wrapper .section__services .services__item:hover .services__pic img {
        -webkit-transform: translateY(-1rem);
                transform: translateY(-1rem); }
      .wrapper .section__services .services__item:hover .services__content {
        background: linear-gradient(58.41deg, #B2722B -57.24%, #EEF186 96.88%); }
        .wrapper .section__services .services__item:hover .services__content .title {
          color: var(--main-color-white); }
        .wrapper .section__services .services__item:hover .services__content .description {
          color: var(--main-color-white); }
    .wrapper .section__services .services__pic {
      position: relative;
      padding: 0 1.3rem;
      z-index: 2; }
      .wrapper .section__services .services__pic img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 12.5rem;
        border-radius: .5rem;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transition: .3s all;
        transition: .3s all; }
    .wrapper .section__services .services__content {
      background-color: var(--main-color-white);
      border-radius: .5rem;
      padding: 6.3rem 2.7rem 2.1rem;
      margin-top: -4.7rem;
      text-align: center;
      -webkit-transition: .3s all;
      transition: .3s all; }
      .wrapper .section__services .services__content .title {
        color: var(--main-color-one);
        margin-bottom: .8rem;
        font-size: 1.1rem;
        -webkit-transition: .3s all;
        transition: .3s all; }
      .wrapper .section__services .services__content .description {
        color: #555555;
        font-size: .8rem;
        line-height: 120%;
        -webkit-transition: .3s all;
        transition: .3s all; }
    .wrapper .section__services .services__link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .wrapper .section__why {
    position: relative;
    background-image: url(../img/bg/bg-about.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 8.75rem;
    padding-bottom: 8.3rem; }
    .wrapper .section__why .general__container {
      padding-right: 0; }
    .wrapper .section__why .why {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 13.8rem; }
      .wrapper .section__why .why__subtitle {
        color: var(--main-color-one);
        text-transform: uppercase;
        font-size: .8rem;
        margin-bottom: .9rem; }
      .wrapper .section__why .why__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        color: var(--main-color-black);
        font-size: 2.1rem;
        line-height: 120%;
        max-width: 80%;
        margin-bottom: 1.7rem; }
        .wrapper .section__why .why__title img {
          display: block;
          width: 100%;
          max-width: 3.15rem;
          height: auto; }
      .wrapper .section__why .why__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .wrapper .section__why .why__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        width: 48%;
        margin-bottom: 3.4rem; }
        .wrapper .section__why .why__item img {
          display: block;
          width: 4.3rem;
          height: auto;
          margin-right: 1rem; }
        .wrapper .section__why .why__item p {
          color: var(--main-color-black);
          font-size: .9rem; }
      .wrapper .section__why .why__videos {
        position: relative;
        background-image: url(../img/bg/bg-why.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center left;
        padding-top: 7.5rem;
        padding-bottom: 5.5rem;
        padding-right: 12.5rem; }
      .wrapper .section__why .why__box {
        position: relative;
        margin-left: -8.75rem; }
      .wrapper .section__why .why__rec {
        display: block;
        position: absolute;
        right: 2.3rem;
        top: -1.75rem;
        border-radius: .85rem;
        width: 12.8rem;
        height: 4rem;
        background-color: var(--main-color-two); }
      .wrapper .section__why .why__box-pic {
        display: block;
        position: relative;
        height: 32.3rem;
        border-radius: .75rem;
        width: 37.9rem;
        z-index: 2; }
      .wrapper .section__why .why__play {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 5.7rem;
        height: 5.7rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background-color: var(--main-color-two);
        -webkit-transition: .3s all;
        transition: .3s all;
        border-radius: 50%;
        cursor: pointer;
        z-index: 3; }
        .wrapper .section__why .why__play img {
          display: block;
          width: 100%;
          max-width: 2.5rem;
          height: auto; }
        .wrapper .section__why .why__play:hover {
          background-color: var(--main-color-white); }
  .wrapper .section__how {
    background-image: url(../img/bg/bg-how.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 5.5rem;
    padding-bottom: 8.1rem; }
    .wrapper .section__how .how {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-image: url(../img/icons/line.png);
      background-size: contain;
      background-position-x: center;
      -ms-background-position-y: -2rem;
      background-position-y: -2rem;
      background-repeat: no-repeat;
      gap: 2.6rem; }
      .wrapper .section__how .how__row {
        margin-bottom: 6rem; }
      .wrapper .section__how .how__name {
        display: block;
        text-align: center;
        color: var(--main-color-white);
        font-size: .8rem;
        margin-bottom: .9rem; }
      .wrapper .section__how .how__title {
        color: var(--main-color-white);
        font-size: 2.1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 3.1rem; }
        .wrapper .section__how .how__title img {
          display: block;
          width: 4.3rem;
          height: auto;
          margin-left: 1rem; }
      .wrapper .section__how .how__item {
        width: 24%; }
        .wrapper .section__how .how__item-pic {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-pack: unset;
              -ms-flex-pack: unset;
                  justify-content: unset;
          /*background-color: var(--main-color-two);*/
          border-radius: 50%;
          width: 7.5rem;
          height: 7.5rem;
          margin: 0 auto;
          margin-bottom: 1.6rem; }
          .wrapper .section__how .how__item-pic img {
            display: block;
            height: auto;
            /*margin-bottom: 2rem;*/
             }
          .wrapper .section__how .how__item-pic span {
            position: absolute;
            font-family: "DMSans-R";
            color: var(--main-color-one);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            background-color: var(--main-color-white);
            border-radius: 50%;
            width: 1.9rem;
            height: 1.9rem;
            bottom: -1rem;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%); }
        .wrapper .section__how .how__item-content {
          color: var(--main-color-white);
          text-align: center; }
          .wrapper .section__how .how__item-content h2 {
            font-size: 1.1rem;
            margin-bottom: .8rem; }
          .wrapper .section__how .how__item-content p {
            font-size: .8rem;
            line-height: 120%; }
  .wrapper .section__calc {
    position: relative;
    background-image: url(../img/bg/bg-about.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 6rem;
    padding-bottom: 6rem; }
    .wrapper .section__calc .calc {
      padding: 0 12.25rem; }
      .wrapper .section__calc .calc__subtitle {
        text-align: center;
        color: var(--main-color-one);
        font-size: .8rem; }
      .wrapper .section__calc .calc__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 2.1rem;
        margin-top: -1rem;
        color: var(--main-color-one);
        margin-bottom: 1.7rem; }
        .wrapper .section__calc .calc__title img {
          display: block;
          width: 100%;
          max-width: 5rem;
          height: auto; }
      .wrapper .section__calc .calc__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 2rem;
        margin-bottom: 2rem; }
      .wrapper .section__calc .calc__form {
        position: relative; }
        .wrapper .section__calc .calc__form label {
          width: 100%;
          background-color: var(--main-color-white);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          padding: 1.4rem 1.6rem;
          border-radius: .2rem; }
          .wrapper .section__calc .calc__form label span {
            white-space: nowrap;
            color: var(--main-color-one);
            font-size: 1rem;
            margin-right: 1.75rem; }
          .wrapper .section__calc .calc__form label input {
            width: 100%;
            max-width: 100%;
            border: none;
            color: var(--main-color-one);
            font-size: 1rem; }
          .wrapper .section__calc .calc__form label .custom-select {
            width: 100%; }
            .wrapper .section__calc .calc__form label .custom-select__option--value {
              border: none;
              padding: 0;
              font-size: 1rem; }
              .wrapper .section__calc .calc__form label .custom-select__option--value:after {
                color: var(--main-color-one); }
      .wrapper .section__calc .calc__button {
        display: block;
        background-color: var(--main-color-two);
        color: var(--main-color-one);
        width: 100%;
        max-width: 14.5rem;
        padding: 1.3rem;
        text-align: center;
        margin: 0 auto;
        margin-top: 2rem;
        -webkit-transition: .3s all;
        transition: .3s all;
        cursor: pointer; }
        .wrapper .section__calc .calc__button:hover {
          color: var(--main-color-white);
          background-color: var(--main-color-one); }
  .wrapper .section__result {
    background-image: url(../img/bg/bg-faq.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 6rem; }
    .wrapper .section__result .result__top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 2.1rem; }
    .wrapper .section__result .result__left {
      max-width: 45%; }
    .wrapper .section__result .result__subtitle {
      color: var(--main-color-one);
      font-size: .8rem;
      margin-bottom: .9rem; }
    .wrapper .section__result .result__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      font-size: 2.1rem;
      color: var(--main-color-black); }
      .wrapper .section__result .result__title img {
        display: block;
        width: 100%;
        max-width: 4.5rem;
        height: auto; }
    .wrapper .section__result .result__type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      gap: 1.6rem; }
      .wrapper .section__result .result__type span {
        display: block;
        border-radius: .25rem;
        padding: 1.3rem 2.1rem;
        background-color: var(--main-color-white);
        color: var(--main-color-one);
        -webkit-transition: .3s all;
        transition: .3s all;
        cursor: pointer; }
        .wrapper .section__result .result__type span.active, .wrapper .section__result .result__type span:hover {
          color: var(--main-color-white);
          background-color: var(--main-color-one); }
    .wrapper .section__result .result__box {
      -webkit-transition: .3s all;
      transition: .3s all; }
      .wrapper .section__result .result__box .beerslider__back {
        width: 100%; }
      .wrapper .section__result .result__box .beer-slider {
        width: 100%;
        border-radius: 1rem;
        overflow: hidden; }
      .wrapper .section__result .result__box img {
        display: block;
        width: 100%;
        height: 41.9rem;
        -o-object-fit: cover;
           object-fit: cover; }
      .wrapper .section__result .result__box .beer-reveal[data-beer-label]:after, .wrapper .section__result .result__box .beer-slider[data-beer-label]:after {
        display: none; }
  .wrapper .section__comment {
    position: relative;
    background-image: url(../img/bg/bg-comment.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 6.25rem; }
    .wrapper .section__comment .comment {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      gap: 4.4rem; }
      .wrapper .section__comment .comment__pics {
        position: relative;
        margin-left: -3.2rem; }
        .wrapper .section__comment .comment__pics .pics__one {
          position: relative;
          height: 28rem;
          width: 100%;
          border-radius: .75rem; }
          .wrapper .section__comment .comment__pics .pics__one img {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            border-radius: .75rem;
            z-index: 2; }
          .wrapper .section__comment .comment__pics .pics__one:before {
            content: '';
            position: absolute;
            width: 14.7rem;
            height: 13.15rem;
            border-radius: 1rem;
            top: -1.4rem;
            left: -1.8rem;
            background-color: var(--main-color-one); }
        .wrapper .section__comment .comment__pics .pics__two {
          position: absolute;
          width: 9.7rem;
          height: 9.5rem;
          z-index: 2;
          right: -1.85rem;
          bottom: -2.35rem; }
          .wrapper .section__comment .comment__pics .pics__two img {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 1rem;
            z-index: 2; }
          .wrapper .section__comment .comment__pics .pics__two:before {
            content: '';
            position: absolute;
            width: 8.5rem;
            height: 7.75rem;
            border-radius: 1rem;
            top: -1rem;
            left: -1.2rem;
            background-color: var(--main-color-two); }
      .wrapper .section__comment .comment__container {
        max-width: 50%; }
      .wrapper .section__comment .comment__subtitle {
        font-size: .8rem;
        margin-bottom: 1rem;
        text-align: left;
        color: var(--main-color-white);
        text-transform: uppercase; }
      .wrapper .section__comment .comment__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        color: var(--main-color-white);
        font-size: 2.1rem;
        max-width: 80%;
        font-weight: normal;
        margin-bottom: 1.75rem; }
        .wrapper .section__comment .comment__title img {
          display: block;
          max-width: 6rem;
          height: auto; }
      .wrapper .section__comment .comment__item {
        background-color: var(--main-color-two);
        padding: 1.9rem 2rem; }
        .wrapper .section__comment .comment__item .commas {
          display: block;
          width: 100%;
          max-width: 2.6rem;
          height: auto;
          margin-bottom: 1.2rem; }
        .wrapper .section__comment .comment__item svg {
          display: block;
          width: 100%;
          height: auto;
          margin-bottom: 1.85rem; }
      .wrapper .section__comment .comment__txt {
        color: var(--main-color-one);
        font-size: .8rem;
        line-height: 140%;
        margin-bottom: 2.75rem; }
      .wrapper .section__comment .comment__person {
        margin-bottom: -6.5rem; }
        .wrapper .section__comment .comment__person img {
          display: block;
          width: 4rem;
          height: 4rem;
          border-radius: 50%;
          -o-object-fit: cover;
             object-fit: cover;
          margin-bottom: 1.2rem; }
      .wrapper .section__comment .comment__name {
        color: var(--main-color-white);
        font-size: .8rem;
        margin-bottom: .4rem; }
      .wrapper .section__comment .comment__post {
        color: var(--main-color-white);
        font-size: .7rem; }
  .wrapper .section__faq {
    background-image: url(../img/bg/bg-faq.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 11.3rem;
    padding-bottom: 12rem; }
    .wrapper .section__faq .faq {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 3rem; }
      .wrapper .section__faq .faq__subtitle {
        font-size: .8rem;
        text-transform: uppercase;
        color: var(--main-color-one); }
      .wrapper .section__faq .faq__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        color: var(--main-color-black);
        font-weight: normal;
        font-size: 2.1rem;
        margin-bottom: 1.1rem; }
        .wrapper .section__faq .faq__title img {
          display: block;
          width: 100%;
          max-width: 5rem;
          height: auto;
          margin-left: 1rem; }
      .wrapper .section__faq .faq__item {
        background-color: var(--main-color-white);
        border-radius: .8rem;
        padding: .8rem 1.75rem;
        margin-bottom: .9rem;
        -webkit-transition: .3s all;
        transition: .3s all;
        cursor: pointer; }
        .wrapper .section__faq .faq__item:hover, .wrapper .section__faq .faq__item.active {
          background-color: var(--main-color-two); }
      .wrapper .section__faq .faq__content {
        color: var(--main-color-one);
        display: none;
        line-height: 120%;
        font-size: .9rem; }
      .wrapper .section__faq .faq__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .wrapper .section__faq .faq__buttons svg {
          display: block;
          width: 100%;
          max-width: 1.2rem;
          height: auto; }
      .wrapper .section__faq .faq__names {
        color: var(--main-color-one);
        font-size: 1rem;
        font-weight: normal; }
      .wrapper .section__faq .faq__container {
        width: 100%; }
      .wrapper .section__faq .faq .gallery {
        max-width: 100%; }
        .wrapper .section__faq .faq .gallery__container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
        .wrapper .section__faq .faq .gallery__zoom {
          position: absolute;
          display: block;
          width: 2.5rem;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          -webkit-transition: .3s all;
          transition: .3s all;
          opacity: 0;
          visibility: hidden; }
        .wrapper .section__faq .faq .gallery__item {
          position: relative;
          width: 48.5%;
          margin-right: .8rem;
          margin-bottom: .8rem;
          height: 15.5rem;
          border-radius: 1rem;
          overflow: hidden; }
          .wrapper .section__faq .faq .gallery__item:hover a {
            opacity: 1;
            visibility: visible; }
          .wrapper .section__faq .faq .gallery__item img {
            display: block;
            width: 100%;
            height: 100%; }
          .wrapper .section__faq .faq .gallery__item:nth-child(2n) {
            margin-right: 0; }
          .wrapper .section__faq .faq .gallery__item:nth-child(3n) {
            width: 100%;
            height: 13.6rem;
            margin-right: 0; }
  .wrapper .section__banner {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 20rem;
    padding-bottom: 6rem;
    /*min-height: 90vh;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .wrapper .section__banner .general__container {
      width: 100%; }
    .wrapper .section__banner .banner__title {
      color: var(--main-color-white);
      font-size: 4rem;
      max-width: 40%; }
  .wrapper .section__response {
    padding-top: 6rem;
    padding-bottom: 7rem; }
    .wrapper .section__response .response {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .wrapper .section__response .response .comment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 4.4rem; }
        .wrapper .section__response .response .comment__item {
          width: 48%;
          margin-right: 2.2rem;
          background-color: var(--main-color-two);
          padding: 1.9rem 2rem;
          margin-bottom: 6rem; }
          .wrapper .section__response .response .comment__item:nth-child(2n) {
            margin-right: 0; }
          .wrapper .section__response .response .comment__item .commas {
            display: block;
            width: 100%;
            max-width: 2.6rem;
            height: auto;
            margin-bottom: 1.2rem; }
          .wrapper .section__response .response .comment__item svg {
            display: block;
            width: 100%;
            height: auto;
            margin-bottom: 1.85rem; }
        .wrapper .section__response .response .comment__txt {
          color: var(--main-color-one);
          font-size: .8rem;
          line-height: 140%;
          margin-bottom: 2.75rem; }
        .wrapper .section__response .response .comment__person {
          margin-bottom: -6.5rem; }
          .wrapper .section__response .response .comment__person img {
            display: block;
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            -o-object-fit: cover;
               object-fit: cover;
            margin-bottom: 1.2rem; }
        .wrapper .section__response .response .comment__name {
          color: var(--main-color-one);
          font-size: .8rem;
          margin-bottom: .4rem; }
        .wrapper .section__response .response .comment__post {
          color: var(--main-color-one);
          font-size: .7rem; }
  .wrapper .section__method {
    padding-top: 2.7rem;
    padding-bottom: 3.8rem; }
    .wrapper .section__method .method {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .wrapper .section__method .method__item {
        width: 21%; }
      .wrapper .section__method .method__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-bottom: .5rem; }
        .wrapper .section__method .method__row img {
          display: block;
          width: 100%;
          max-width: 2.4rem;
          height: auto;
          margin-right: .2rem; }
      .wrapper .section__method .method__title {
        color: var(--main-color-black);
        font-size: .8rem;
        text-transform: uppercase; }
  .wrapper .section__tech {
    background-image: url(../img/bg/bg-services.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--main-color-one);
    padding-top: 8rem;
    padding-bottom: 7rem; }
    .wrapper .section__tech .tech {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 4rem;
      margin-top: 3.5rem; }
      .wrapper .section__tech .tech__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        color: var(--main-color-white);
        font-size: 2rem; }
        .wrapper .section__tech .tech__title img {
          display: block;
          width: 100%;
          max-width: 4.4rem;
          height: auto; }
      .wrapper .section__tech .tech__item {
        width: 30%;
        text-align: center; }
      .wrapper .section__tech .tech__pic {
        border: 5px solid #47BF3D;
        border-radius: 50%;
        padding: 1rem;
        margin: 0 auto;
        margin-bottom: 1.5rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; }
        .wrapper .section__tech .tech__pic img {
          display: block;
          width: 10rem;
          height: 10rem;
          border-radius: 50%;
          -o-object-fit: cover;
             object-fit: cover; }
      .wrapper .section__tech .tech__name {
        font-size: 1.5rem;
        color: var(--main-color-white); }
  .wrapper .section__types {
    padding-top: 5rem;
    padding-bottom: 5.8rem; }
    .wrapper .section__types .types {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 6rem; }
      .wrapper .section__types .types__content {
        width: 100%;
        color: var(--main-color-one); }
        .wrapper .section__types .types__content-txt {
          font-size: .9rem;
          line-height: 200%;
          margin-bottom: 1.35rem; }
        .wrapper .section__types .types__content-description {
          font-size: .9rem; }
          .wrapper .section__types .types__content-description ul {
            padding: 1rem;
            list-style-type: disc; }
            .wrapper .section__types .types__content-description ul li {
              margin-bottom: .5rem; }
      .wrapper .section__types .types__bg {
        position: relative;
        padding: 1.35rem 1.8rem 1.7rem 2.35rem;
        background-image: url(../img/bg/bg-types.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%; }
        .wrapper .section__types .types__bg img {
          display: block;
          width: 100%;
          height: 19.35rem;
          border-radius: .5rem;
          border: 5px solid #FFFFFF;
          -webkit-box-shadow: 0px 0px 25px rgba(22, 22, 22, 0.1);
                  box-shadow: 0px 0px 25px rgba(22, 22, 22, 0.1);
          -o-object-fit: cover;
             object-fit: cover; }
  .wrapper .section__review {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 3.5rem;
    background-color: var(--main-color-one);
    background-image: url(../img/bg/bg-review.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .wrapper .section__review .review {
      margin-top: 1.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 1.9rem;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .wrapper .section__review .review__column {
        width: 100%;
        max-width: 35%; }
        .review__title{
          color: white;
          margin-bottom: 15px;
          font-size: 20px;
    text-align: center;
        }
        .review__top {
          text-align: center;
        }
        .wrapper .section__review .review__column-gallery {
          max-width: 50%; }
      .wrapper .section__review .review__top span {
        color: var(--main-color-white);
        font-size: .8rem; }
      .wrapper .section__review .review__top h2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        color: var(--main-color-white);
        font-size: 2.1rem; }
        .wrapper .section__review .review__top h2 img {
          display: block;
          width: 100%;
          max-width: 4.25rem;
          height: auto;
          margin-left: 1.5rem; }
      .wrapper .section__review .review__box {
        position: relative;
        width: 100%;
        height: 14rem;
        border-radius: .75rem;
        overflow: hidden;
        margin-bottom: 1.5rem; }
        .wrapper .section__review .review__box:before {
          position: absolute;
          content: '';
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          background: rgba(0, 0, 0, 0.2); }
        .wrapper .section__review .review__box:last-child {
          margin-bottom: 0; }
        .wrapper .section__review .review__box img {
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
        .wrapper .section__review .review__box a {
          position: absolute;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border-radius: 50%;
          width: 2.5rem;
          height: 2.5rem;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background-color: var(--main-color-white);
          z-index: 2; }
          .wrapper .section__review .review__box a svg {
            display: block;
            max-width: 100%;
            height: auto; }
            .wrapper .section__review .review__box a svg path {
              -webkit-transition: .3s all;
              transition: .3s all; }
          .wrapper .section__review .review__box a:hover {
            background-color: var(--main-color-one); }
            .wrapper .section__review .review__box a:hover svg path {
              fill: var(--main-color-white); }
      .wrapper .section__review .review__audio {
        padding: 1.85rem 1.35rem 1.85rem 1.5rem;
        border-radius: .75rem;
        background-color: var(--main-color-two);
        margin-bottom: 1.7rem; }
        .wrapper .section__review .review__audio .audio {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          gap: 1rem;
          margin-bottom: 2rem; }
          .wrapper .section__review .review__audio .audio__btn {
            display: block;
            width: 1.6rem;
            cursor: pointer; }
            .wrapper .section__review .review__audio .audio__btn svg {
              display: block;
              width: 100%;
              height: auto; }
              .wrapper .section__review .review__audio .audio__btn svg path {
                -webkit-transition: .3s all;
                transition: .3s all; }
            .wrapper .section__review .review__audio .audio__btn:hover svg path {
              fill: var(--main-color-white); }
          .wrapper .section__review .review__audio .audio__lines {
            display: block;
            max-width: 100%;
            height: auto; }
      .wrapper .section__review .review__name {
        color: var(--main-color-one);
        font-weight: normal;
        font-size: .8rem;
        margin-bottom: .4rem; }
      .wrapper .section__review .review__subtitle {
        color: var(--main-color-one);
        font-weight: normal;
        font-size: .7rem; }
      .wrapper .section__review .review__link {
        display: block;
        width: 100%;
        max-width: 14.5rem;
        margin: 0 auto;
        background-color: var(--main-color-two);
        border-radius: 5px;
        text-align: center;
        padding: 1.3rem;
        margin-top: 3.5rem;
        color: var(--main-color-one);
        font-size: .9rem;
        line-height: 100%;
        -webkit-transition: .3s all;
        transition: .3s all; }
        .wrapper .section__review .review__link:hover {
          background-color: var(--main-color-white); }
      .wrapper .section__review .review__comments {
        margin-top: 2.6rem; }
      .wrapper .section__review .review__comment {
        display: block;
        position: relative;
        background-color: var(--main-color-two);
        border-radius: .75rem;
        margin-bottom: 1.5rem;
        padding: 1.35rem 1.6rem 1.6rem;
        max-width: 50%; }
        .wrapper .section__review .review__comment .name {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          color: var(--main-color-one);
          font-size: .8rem;
          margin-bottom: 1.15rem; }
          .wrapper .section__review .review__comment .name img {
            display: block;
            width: 100%;
            max-width: 1.7rem;
            height: auto; }
        .wrapper .section__review .review__comment .description {
          color: var(--main-color-one);
          font-size: .7rem;
          line-height: 100%; }
      .wrapper .section__review .review__form {
        display: block; }
        .wrapper .section__review .review__form input, .wrapper .section__review .review__form textarea {
          display: block;
          width: 100%;
          position: relative;
          border-radius: .2rem;
          background-color: var(--main-color-white);
          color: var(--main-color-black);
          padding: .9rem 1.6rem;
          border: 1px solid var(--main-color-one);
          margin-bottom: 1.5rem; }
          .wrapper .section__review .review__form input::-webkit-input-placeholder, .wrapper .section__review .review__form textarea::-webkit-input-placeholder {
            color: var(--main-color-black); }
          .wrapper .section__review .review__form input:-ms-input-placeholder, .wrapper .section__review .review__form textarea:-ms-input-placeholder {
            color: var(--main-color-black); }
          .wrapper .section__review .review__form input::-ms-input-placeholder, .wrapper .section__review .review__form textarea::-ms-input-placeholder {
            color: var(--main-color-black); }
          .wrapper .section__review .review__form input::placeholder, .wrapper .section__review .review__form textarea::placeholder {
            color: var(--main-color-black); }
        .wrapper .section__review .review__form input {
          max-width: 14.5rem; }
        .wrapper .section__review .review__form textarea {
          min-height: 11rem;
          outline: none; }
        .wrapper .section__review .review__form button {
          position: relative;
          float: right;
          background-color: var(--main-color-one);
          color: var(--main-color-white);
          padding: .9rem 5rem;
          border-radius: 5px;
          border: none;
          -webkit-transition: .3s all;
          transition: .3s all; }
          .wrapper .section__review .review__form button:hover {
            background-color: var(--main-color-two);
            color: var(--main-color-one); }
      .wrapper .section__review .review__feedback {
        max-width: 50%;
        padding-bottom: 5rem; }
        .wrapper .section__review .review__feedback .title {
          color: var(--main-color-one);
          margin-bottom: 2.1rem;
          font-weight: normal; }
      .wrapper .section__review .review__answer {
        margin-top: 1rem; }

@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0; } }

@keyframes pulse2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0; } }
@-webkit-keyframes scaling {
  from {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes scaling {
  from {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 1; } }
@keyframes pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 1; } }
@-webkit-keyframes circle_one_spin {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }
@keyframes circle_one_spin {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }
@-webkit-keyframes circle_two_spin {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }
@keyframes circle_two_spin {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }
@-webkit-keyframes circle_three_spin {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }
@keyframes circle_three_spin {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }
@-webkit-keyframes preloader_spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes preloader_spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
.footer {
  position: relative;
  background-color: var(--main-color-one);
  background-image: url(../img/bg/bg-footer.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 5rem;
  padding-bottom: 3rem; }
  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .footer__logo {
    display: block;
    width: 7.8rem; }
    .footer__logo svg {
      display: block;
      width: 100%;
      height: auto; }
  .footer__column {
    max-width: 25%; }
    .footer__column-txt {
      display: block;
      font-size: .7rem;
      margin-bottom: .4rem;
      color: var(--main-color-white); }
    .footer__column-content {
      color: var(--main-color-white);
      font-size: 1.2rem;
      line-height: 130%; }
    .footer__column .messengers {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .footer__column .messengers a {
        display: block;
        position: relative;
        color: var(--main-color-white);
        font-size: 1.2rem;
        margin-right: 2rem; }
        .footer__column .messengers a:last-child {
          margin-right: 0; }
  .footer__map {
    padding: 0 2.5rem;
    margin-top: 5rem; }
    .footer__map #map {
      border-radius: 1rem;
      overflow: hidden;
      height: 30.5rem; }
  .footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 3rem; }
    .footer__bottom p {
      display: block;
      color: var(--main-color-two);
      font-size: .7rem;
      margin-bottom: 0; }

@media (max-width: 900.98px) {

  .footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .footer__column {
    width: 100%;
    max-width: 100%; }
    .footer__column:nth-child(2) {
      margin-bottom: 2.6rem; }
    .footer__column:nth-child(3) {
      margin-bottom: 5.2rem; }
    .footer__column-txt {
      font-size: 1.4rem;
      margin-bottom: .8rem; }
    .footer__column-content {
      font-size: 1.6rem; }
    .footer__column .messengers a {
      font-size: 1.6rem;
      margin-right: 8rem; }
      .footer__column .messengers a:last-child {
        margin-bottom: 0; }
  .footer__logo {
    width: 10.6rem;
    margin: 0 auto;
    margin-bottom: 3.7rem; }
  .footer__map {
    border-radius: 2rem;
    margin-top: 3.8rem; }
    .footer__map #map {
      height: 28rem; }
  .footer__bottom {
    margin-top: 6rem; }
    .footer__bottom p {
      font-size: 1.4rem; } }
.popup {
  position: fixed;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 25.7rem;
  z-index: 100;
  display: none; }
  .popup__back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 99;
    display: none; }
  .popup__aviator .popup__form input, .popup__aviator .popup__form button {
    border-radius: 2.5rem; }
  .popup .close {
    position: absolute;
    top: 0rem;
    right: 0;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .popup .close svg {
      display: block;
      width: 100%;
      max-width: 1.8rem;
      height: auto; }
  .popup__title {
    color: var(--main-color-one);
    margin-bottom: .5rem;
    font-size: 1.5rem;
    text-align: left; }
  .popup__container {
    position: relative;
    background-color: var(--main-color-white);
    padding: 2.5rem 1.6rem;
    text-align: center;
    border-radius: 1.7rem; }
    .popup__container input {
      background-color: #F2F6F7;
      color: var(--main-color-one);
      -webkit-transition: .3s all;
      transition: .3s all;
      font-family: "DMSans-R";
      font-size: .8rem;
      width: 100%;
      border-radius: .5rem;
      margin-bottom: 1rem;
      text-align: left;
      padding: .9rem 1.2rem;
      border: 2px solid transparent; }
      .popup__container input::-webkit-input-placeholder {
        color: var(--main-color-one); }
      .popup__container input:-ms-input-placeholder {
        color: var(--main-color-one); }
      .popup__container input::-ms-input-placeholder {
        color: var(--main-color-one); }
      .popup__container input::placeholder {
        color: var(--main-color-one); }
      .popup__container input:focus, .popup__container input:hover {
        border-color: var(--main-color-four); }
        .popup__container input:focus::-webkit-input-placeholder, .popup__container input:hover::-webkit-input-placeholder {
          color: var(--main-color-four); }
        .popup__container input:focus:-ms-input-placeholder, .popup__container input:hover:-ms-input-placeholder {
          color: var(--main-color-four); }
        .popup__container input:focus::-ms-input-placeholder, .popup__container input:hover::-ms-input-placeholder {
          color: var(--main-color-four); }
        .popup__container input:focus::placeholder, .popup__container input:hover::placeholder {
          color: var(--main-color-four); }
    .popup__container button {
      background-color: var(--main-color-one);
      color: var(--main-color-white);
      width: 100%;
      font-size: .8rem;
      border-radius: .5rem;
      padding: 1.15rem;
      border: 2px solid transparent;
      -webkit-transition: .3s all;
      transition: .3s all; }
      .popup__container button:hover {
        color: var(--main-color-one);
        background-color: var(--main-color-two); }
  .popup__txt {
    font-size: .8rem;
    line-height: 150%;
    color: var(--main-color-one);
    text-align: left;
    margin-bottom: 1.2rem; }
  .popup__stock {
    position: relative;
    background: #FFFFFF;
    border-radius: 2.25rem;
    padding: 8rem 3.5rem 2.5rem;
    max-width: 31.4rem; }
    .popup__stock img {
      display: block;
      width: 100%;
      max-width: 19.3rem;
      height: auto;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      top: -6.45rem; }
    .popup__stock .title {
      color: var(--main-color-one);
      font-size: 1.1rem;
      margin-bottom: 1.75rem;
      text-align: center; }
    .popup__stock .txt {
      color: var(--main-color-one);
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 2.15rem;
      text-align: center; }
    .popup__stock input {
      background-color: #F2F6F7;
      color: var(--main-color-one);
      -webkit-transition: .3s all;
      transition: .3s all;
      font-size: .8rem;
      width: 100%;
      border-radius: .5rem;
      margin-bottom: 1rem;
      text-align: left;
      padding: .9rem 1.2rem;
      border: 2px solid transparent; }
      .popup__stock input::-webkit-input-placeholder {
        color: var(--main-color-one); }
      .popup__stock input:-ms-input-placeholder {
        color: var(--main-color-one); }
      .popup__stock input::-ms-input-placeholder {
        color: var(--main-color-one); }
      .popup__stock input::placeholder {
        color: var(--main-color-one); }
      .popup__stock input:focus, .popup__stock input:hover {
        border-color: var(--main-color-four); }
        .popup__stock input:focus::-webkit-input-placeholder, .popup__stock input:hover::-webkit-input-placeholder {
          color: var(--main-color-four); }
        .popup__stock input:focus:-ms-input-placeholder, .popup__stock input:hover:-ms-input-placeholder {
          color: var(--main-color-four); }
        .popup__stock input:focus::-ms-input-placeholder, .popup__stock input:hover::-ms-input-placeholder {
          color: var(--main-color-four); }
        .popup__stock input:focus::placeholder, .popup__stock input:hover::placeholder {
          color: var(--main-color-four); }
    .popup__stock button {
      background-color: var(--main-color-one);
      color: var(--main-color-white);
      width: 100%;
      font-size: .8rem;
      border-radius: .5rem;
      padding: 1.15rem;
      border: 2px solid transparent;
      -webkit-transition: .3s all;
      transition: .3s all; }
      .popup__stock button:hover {
        color: var(--main-color-one);
        background-color: var(--main-color-two); }
  .popup__success {
    text-align: center; }
    .popup__success svg {
      display: block;
      width: 100%;
      max-width: 14rem;
      margin: 0 auto;
      height: auto;
      margin-bottom: 1.8rem; }
    .popup__success .title {
      color: var(--main-color-black);
      font-size: 1.8rem;
      line-height: 110%;
      margin-bottom: 1rem; }
    .popup__success .subtitle {
      color: var(--main-color-black);
      line-height: 100%;
      font-size: .8rem;
      padding: 0 2rem;
      margin-bottom: 1.5rem; }
    .popup__success button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 80%;
      margin: 0 auto;
      background-color: var(--main-color-black-blue);
      color: var(--main-color-white);
      padding: 1.1rem;
      border: none;
      border-radius: .8rem; }
  .popup__form .form__box {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 1.2rem; }
    .popup__form .form__box span {
      font-size: .55rem;
      color: var(--main-color-black);
      position: absolute;
      top: .9rem;
      left: 1.1rem; }
    .popup__form .form__box input {
      display: block;
      width: 100%;
      border: none;
      background-color: var(--main-color-white);
      font-size: .7rem;
      border-radius: 1rem;
      padding: 1rem 1.2rem; }
  .popup__form .form__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background-color: rgba(7, 7, 7, 0.05);
    border: none;
    color: var(--main-color-black);
    padding: .8rem;
    font-size: .8rem;
    margin-bottom: 1.3rem;
    border-radius: 1.4rem;
    -webkit-transition: .3s all;
    transition: .3s all; }
    .popup__form .form__btn:hover {
      background-color: var(--main-color-black);
      color: var(--main-color-white); }
  .popup__calling {
    position: fixed;
    z-index: 9;
    right: 10px;
    bottom: 2.2rem;
    border-radius: 3rem;
    background-color: var(--main-color-one);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 1.15rem;
    padding: .7rem 1.5rem .7rem .9rem;
    -webkit-transition: .3s all;
    transition: .3s all; }
    .popup__calling img {
      display: block;
      width: 100%;
      max-width: 1.35rem;
      height: auto;
      -webkit-animation: pulseCall 1.5s ease infinite;
              animation: pulseCall 1.5s ease infinite; }
    .popup__calling span {
      font-size: 1rem;
      -webkit-transition: .3s all;
      transition: .3s all;
      color: var(--main-color-white); }
    .popup__calling:hover {
      background-color: var(--main-color-two); }
      .popup__calling:hover span {
        color: var(--main-color-one); }

.popup__calling2 {
    position: fixed;
    z-index: 9;
    right: 198px;
    bottom: 2.2rem;
    border-radius: 3rem;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 1.15rem;
    padding: .7rem 1.5rem .7rem .9rem;
    -webkit-transition: .3s all;
    transition: .3s all; }
    .popup__calling2 img {
      display: block;
      width: 100%;
      max-width: 1.35rem;
      height: auto;
      -webkit-animation: pulseCall 1.5s ease infinite;
              animation: pulseCall 1.5s ease infinite; }
    .popup__calling2:hover {
      background-color: var(--main-color-two); }
      .popup__calling2:hover span {
        color: var(--main-color-one); }

  .popup__screen {
    position: fixed;
    top: 50%;
    right: -120%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.7);
    border-radius: 1rem;
    padding: .7rem;
    opacity: 0;
    -webkit-transition: 1s all;
    transition: 1s all;
    width: 100%;
    max-width: 12.5rem;
    z-index: 9; }
    .popup__screen-close {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 2rem;
      cursor: pointer; }
      .popup__screen-close svg {
        display: block;
        max-width: 100%;
        height: auto; }
    .popup__screen-title {
      color: var(--main-color-black);
      margin: 0 auto;
      text-align: center;
      max-width: 80%;
      margin-bottom: .6rem; }
    .popup__screen-img {
      display: block;
      max-width: 8.6rem;
      height: auto;
      margin: 0 auto; }

@media (max-width: 900.98px) {
  .popup {
    max-width: 90vw; }
    .popup .close {
      width: 4rem;
      height: 4rem; }
      .popup .close svg {
        max-width: 3.6rem; }
    .popup__container {
      padding: 4rem 2rem;
      border-radius: 2rem; }
      .popup__container:before {
        top: -2rem; }
    .popup__title {
      font-size: 2.2rem;
      margin-bottom: 2rem; }
    .popup__form input {
      padding: 2rem;
      font-size: 1.6rem;
      margin-bottom: 2rem;
      border-radius: 1rem; }
    .popup__form button {
      font-size: 1.6rem;
      padding: 1.8rem 2.3rem;
      border-radius: 1rem; }
    .popup__txt {
      font-size: 1.2rem; }
    .popup__calling {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 5rem;
      width: 100%;
      max-width: 18rem; }
      .popup__calling img {
        max-width: 4rem; }

        .popup__calling2 {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 5rem;
      width: 100%;
      max-width: 5rem; }
      .popup__calling2 img {
        max-width: 3.5rem; }

      .popup__calling span {
        display: block;
        font-size: 1.4rem; }
    .popup__stock {
      max-width: 100%; }
      .popup__stock .title {
        font-size: 2.2rem; }
      .popup__stock .txt {
        font-size: 1.2rem; } }
@-webkit-keyframes pulseCall {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  5% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  80% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); } }
@keyframes pulseCall {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  5% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  80% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); } }
*, ::after, ::before {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important; }

.general__container {
  padding: 0 12.5rem; }
.general-R {
  font-family: "DMSans-R"; }
.general-M {
  font-family: "DMSans-M"; }
.general-B {
  font-family: "DMSans-B"; }
.general-GR {
  font-family: "GTWalsheimPro-R"; }
.general-GM {
  font-family: "GTWalsheimPro-M"; }
.general-GB {
  font-family: 'GTWalsheimPro-B'; }

@media (max-width: 900.98px) {
  .general__container {
    padding: 0 2rem; } }
@media (min-width: 2000.98px) {
  :root {
    font-size: 24px; } }
@media (min-width: 1930.98px) {
  :root {
    font-size: 20px; } }
@media (max-width: 1800.98px) {
  :root {
    font-size: 19px; } }
@media (max-width: 1700.98px) {
  :root {
    font-size: 17px; } }
@media (max-width: 1600.98px) {
  :root {
    font-size: 16px; } }
@media (max-width: 1500.98px) {
  :root {
    font-size: 14px; } }
@media (max-width: 1400.98px) {
  :root {
    font-size: 13px; } }
@media (max-width: 1100.98px) {
  :root {
    font-size: 10px; } }
@media (max-width: 1000.98px) {
  :root {
    font-size: 10px; } }
@media (min-width: 901px) {
  .main__slider-caption{
    width: 30%;
  }
  .d__none {
    display: none; } }
@media (max-width: 900.98px) {
  :root {
    font-size: 11px; }

  body.on {
    overflow: hidden; }

  .preloader {
    background-image: url(../img/bg/bg-preloader-mob.jpg); }
    .preloader__logo {
      max-width: 16rem; }

  .wrapper .section__main .main__slider-frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2rem;
    padding-left: 2rem;
    padding-right: 2rem; }
  .wrapper .section__main .main__slider-photo {
    position: relative;
    padding: 0rem; }
    .wrapper .section__main .main__slider-photo .photo__one {
      width: 100%;
      height: 28rem;
      border-radius: 2rem; }
    .wrapper .section__main .main__slider-photo .photo__two {
      left: unset;
      right: 0rem;
      top: -1.5rem; }
    .wrapper .section__main .main__slider-photo .photo__three {
      left: -1.4rem;
      bottom: 16.75rem; }
  .wrapper .section__main .main__subtitle {
    font-size: 1.6rem;
    margin-bottom: 2.4rem; }
  .wrapper .section__main .main__title {
    font-size: 2.1rem;
    margin-bottom: 2.1rem;
    text-align: center;
     }
  .wrapper .section__main .main__link {
    display: flex;
    padding: 1.4rem;
    border-radius: 3.5rem;
    font-size: 1.6rem; }
  .wrapper .section__main .main__bottom {
    margin-top: 5.2rem; }
    .wrapper .section__main .main__bottom button {
      padding: 1.1rem 1.8rem; }
      .wrapper .section__main .main__bottom button svg {
        max-width: 2.4rem; }
  .wrapper .section__feedback {
    padding-top: 4.5rem;
    padding-bottom: 3rem; }
    .wrapper .section__feedback .feedback__title {
      font-size: 3rem; }
      .wrapper .section__feedback .feedback__title img {
        display: none; }
    .wrapper .section__feedback .feedback__form {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 1.5rem; }
      .wrapper .section__feedback .feedback__form input, .wrapper .section__feedback .feedback__form button {
        width: 100%;
        border-radius: .5rem;
        font-size: 1.6rem;
        padding: 1.8rem 3.2rem; }
  .wrapper .section__about {
    background-position: left top;
    background-size: cover;
    padding-top: 3.3rem;
    padding-bottom: 9.2rem; }
    .wrapper .section__about .about {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .wrapper .section__about .about__pics {
        display: none; }
      .wrapper .section__about .about__mob {
        display: block;
        max-width: 100%;
        height: auto;
        margin-bottom: 1.1rem; }
      .wrapper .section__about .about__content {
        max-width: 100%; }
      .wrapper .section__about .about__name {
        font-size: 1.6rem; }
      .wrapper .section__about .about__title {
        font-size: 3.4rem;
        margin-bottom: 2rem;
        line-height: 120%;
        position: relative; }
        .wrapper .section__about .about__title span {
          display: inline;
          max-width: 100%; }
        .wrapper .section__about .about__title img {
          position: absolute;
          display: block;
          left: 80%;
          bottom: 0; }
      .wrapper .section__about .about__txt {
        font-size: 1.4rem;
        margin-bottom: 2.4rem;
        max-width: 100%; }
      .wrapper .section__about .about__container {
        max-width: 100%; }
        .wrapper .section__about .about__container-title {
          font-size: 1.6rem;
          margin-bottom: 6.5rem; }
      .wrapper .section__about .about__features {
        margin-bottom: 3.5rem; }
        .wrapper .section__about .about__features-pic {
          margin-right: 1.2rem;
          width: 42%;
          height: 12rem;
          border-radius: 1.1rem; }
      .wrapper .section__about .about__list p {
        margin-bottom: 1.4rem;
        font-size: 1.6rem;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .wrapper .section__about .about__list p img {
          min-width: 2.2rem;
          margin-right: 1.4rem; }
      .wrapper .section__about .about__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .wrapper .section__about .about__btn {
        width: 100%;
        margin-right: 0;
        font-size: 1.6rem;
        border-radius: .5rem;
        padding: 1.4rem;
        margin-top: 1.4rem; }
      .wrapper .section__about .about__calling .circle {
        min-width: 6rem;
        height: 6rem;
        margin-right: 2rem; }
        .wrapper .section__about .about__calling .circle img {
          width: 4.4rem; }
      .wrapper .section__about .about__calling p {
        font-size: 1.6rem; }
  .wrapper .section__count {
    padding-top: 9rem;
    padding-bottom: 9rem; }
    .wrapper .section__count .general__container {
      padding: 0; }
    .wrapper .section__count .count {
      max-width: 100%;
      overflow-x: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0 2rem; }
      .wrapper .section__count .count__item {
        width: 100%;
        min-width: 78%;
        padding: 4.8rem 1.6rem;
        border-radius: 2rem 2rem 0 0; }
      .wrapper .section__count .count__title {
        font-size: 3.8rem;
        margin-bottom: .5rem; }
      .wrapper .section__count .count__subtitle {
        font-size: 1.6rem;
        white-space: nowrap; }
      .wrapper .section__count .count__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .wrapper .section__services {
    padding-top: 4rem;
    padding-bottom: 4rem; }
    .wrapper .section__services .services__top span {
      font-size: 1.6rem; }
    .wrapper .section__services .services__top h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      font-size: 3.4rem;
      text-align: left; }
      .wrapper .section__services .services__top h2 img {
        width: 7.1rem;
        margin-right: 0; }
    .wrapper .section__services .services__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 6rem; }
    .wrapper .section__services .services__item {
      width: 100%;
      margin-right: 0;
      margin-bottom: 6rem; }
      .wrapper .section__services .services__item:last-child {
        margin-bottom: 0; }
    .wrapper .section__services .services__pic img {
      height: 21.6rem;
      border-radius: .5rem; }
    .wrapper .section__services .services__content {
      padding: 10.9rem 2.6rem 5.9rem;
      border-radius: 1rem;
      margin-top: -8.2rem; }
      .wrapper .section__services .services__content .title {
        font-size: 2.2rem;
        margin-bottom: 1.6rem; }
      .wrapper .section__services .services__content .description {
        font-size: 1.6rem; }
  .wrapper .section__why .why {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5rem; }
    .wrapper .section__why .why__subtitle {
      font-size: 1.6rem;
      margin-bottom: 3rem; }
    .wrapper .section__why .why__title {
      display: block;
      font-size: 2.2rem;
      margin-bottom: 3rem;
      max-width: 95%; }
      .wrapper .section__why .why__title img {
        display: inline;
        max-width: 4.15rem; }
    .wrapper .section__why .why__item {
      width: 100%;
      margin-bottom: 2.6rem; }
      .wrapper .section__why .why__item img {
        max-width: 5.6rem;
        margin-right: 2.4rem; }
      .wrapper .section__why .why__item p {
        font-size: 1.6rem; }
    .wrapper .section__why .why__videos {
      padding-right: 5.8rem; }
    .wrapper .section__why .why__box {
      margin-left: -1.4rem; }
    .wrapper .section__why .why__video {
      width: 100%;
      border-radius: 1.5rem;
      height: 30rem; }
  .wrapper .section__how {
    padding-top: 4rem;
    padding-bottom: 4rem; }
    .wrapper .section__how .how {
      background-image: unset;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 5rem; }
      .wrapper .section__how .how__name {
        font-size: 1.6rem;
        margin-bottom: 2rem; }
      .wrapper .section__how .how__title {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 3.4rem; }
        .wrapper .section__how .how__title img {
          width: 5rem; }
      .wrapper .section__how .how__item {
        width: 80%; }
        .wrapper .section__how .how__item-pic {
          width: 15rem;
          height: 15rem;
          margin: 0 auto;
          margin-bottom: 1rem; }
          .wrapper .section__how .how__item-pic span {
            width: 2.4rem;
            height: 2.4rem;
            font-size: .8rem;
            top: -1.1rem; }
          .wrapper .section__how .how__item-pic img {
            width: 100%; }
        .wrapper .section__how .how__item-content h2 {
          font-size: 1.6rem; }
        .wrapper .section__how .how__item-content p {
          font-size: 1.4rem; }
  .wrapper .section__calc {
    padding-top: 10rem;
    padding-bottom: 1rem; }
    .wrapper .section__calc .calc {
      padding: 0; }
      .wrapper .section__calc .calc__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 2rem; }
      .wrapper .section__calc .calc__subtitle {
        font-size: 1.6rem;
        margin-bottom: 2rem; }
      .wrapper .section__calc .calc__title {
        font-size: 3rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 0;
        margin-bottom: 3.6rem; }
        .wrapper .section__calc .calc__title img {
          max-width: 6rem; }
      .wrapper .section__calc .calc__form label {
        border-radius: .4rem;
        padding: 2.8rem 2rem; }
        .wrapper .section__calc .calc__form label span {
          font-size: 2rem;
          margin-right: 4rem; }
        .wrapper .section__calc .calc__form label input {
          font-size: 2rem; }
      .wrapper .section__calc .calc__button {
        max-width: 100%;
        font-size: 1.8rem;
        padding: 1.4rem;
        border-radius: .5rem;
        margin-top: 4rem; }
  .wrapper .section__result {
    padding-top: 10rem;
    padding-bottom: 4rem; }
    .wrapper .section__result .result__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 2rem; }
    .wrapper .section__result .result__left {
      max-width: 100%;
      margin-bottom: 5.6rem; }
    .wrapper .section__result .result__subtitle {
      font-size: 1.6rem;
      margin-bottom: 2rem; }
    .wrapper .section__result .result__title {
      font-size: 2.4rem; }
      .wrapper .section__result .result__title img {
        max-width: 5rem; }
    .wrapper .section__result .result__type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      max-width: 100%;
      overflow-x: auto;
      gap: 3rem;
      padding-bottom: 2rem; }
      .wrapper .section__result .result__type span {
        padding: 1rem 2.6rem;
        border-radius: .5rem;
        font-size: 1.8rem; }
    .wrapper .section__result .result__box img {
      height: 25rem; }
  .wrapper .section__comment {
    padding-top: 6.8rem;
    padding-bottom: 8.3rem; }
    .wrapper .section__comment .comment {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      .wrapper .section__comment .comment__pics {
        margin-left: 0; }
        .wrapper .section__comment .comment__pics .pics__one img {
          height: 31rem;
          border-radius: 1.5rem; }
        .wrapper .section__comment .comment__pics .pics__one:before {
          width: 8.9rem;
          height: 8rem;
          border-radius: 1rem;
          left: -1rem;
          top: -1rem; }
        .wrapper .section__comment .comment__pics .pics__two {
          right: 0;
          bottom: -5rem; }
          .wrapper .section__comment .comment__pics .pics__two img {
            height: 10rem;
            border-radius: 2rem; }
          .wrapper .section__comment .comment__pics .pics__two:before {
            width: 9rem;
            height: 8.3rem;
            left: -1.3rem;
            top: -1rem; }
      .wrapper .section__comment .comment__container {
        max-width: 100%;
        margin-bottom: 10rem; }
      .wrapper .section__comment .comment__subtitle {
        font-size: 1.4rem;
        margin-bottom: 2rem; }
      .wrapper .section__comment .comment__title {
        font-size: 3.4rem;
        margin-bottom: 3.4rem;
        max-width: 100%; }
        .wrapper .section__comment .comment__title img {
          max-width: 5.6rem; }
      .wrapper .section__comment .comment__item {
        padding: 2.4rem 2rem; }
        .wrapper .section__comment .comment__item .commas {
          max-width: 4rem;
          margin-bottom: 1.1rem; }
        .wrapper .section__comment .comment__item svg {
          margin-bottom: 1.4rem; }
      .wrapper .section__comment .comment__txt {
        font-size: 1.6rem;
        line-height: 150%;
        margin-bottom: 2rem; }
      .wrapper .section__comment .comment__person {
        margin-bottom: -10rem; }
        .wrapper .section__comment .comment__person img {
          width: 7rem;
          height: 7rem;
          margin-bottom: 1rem; }
      .wrapper .section__comment .comment__name {
        font-size: 1.6rem;
        margin-bottom: .4rem; }
      .wrapper .section__comment .comment__post {
        font-size: 1.4rem; }
  .wrapper .section__faq .faq {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 6rem; }
    .wrapper .section__faq .faq__subtitle {
      font-size: 1.6rem;
      margin-bottom: 2rem; }
    .wrapper .section__faq .faq__title {
      display: block;
      font-size: 3.4rem;
      margin-bottom: 2rem; }
      .wrapper .section__faq .faq__title img {
        display: inline;
        vertical-align: middle;
        max-width: 7rem; }
    .wrapper .section__faq .faq__item {
      padding: 1.4rem;
      border-radius: 1.6rem;
      margin-bottom: 2rem; }
    .wrapper .section__faq .faq__content {
      margin-top: 2rem;
      font-size: 1.8rem; }
    .wrapper .section__faq .faq__names {
      font-size: 2rem; }
    .wrapper .section__faq .faq .gallery {
      max-width: 100%; }
      .wrapper .section__faq .faq .gallery__item {
        height: 17rem;
        border-radius: 2rem;
        margin-bottom: 2rem; }
        .wrapper .section__faq .faq .gallery__item:nth-child(3n) {
          height: 17rem; }
  .wrapper {
    padding-top: 10rem;
  }
  .wrapper .section__banner {
    padding-top: 5rem;
    min-height: auto;
    padding-bottom: 6rem;
    background-position: 40% center; }
    .wrapper .section__banner .banner__title {
      max-width: 100%;
      font-size: 3.5rem; }
  .wrapper .section__response .response .comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .wrapper .section__response .response .comment__item {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10rem;
      padding: 2.4rem 2rem; }
      .wrapper .section__response .response .comment__item .commas {
        max-width: 4rem;
        margin-bottom: 1.1rem; }
      .wrapper .section__response .response .comment__item svg {
        margin-bottom: 1.4rem; }
    .wrapper .section__response .response .comment__txt {
      font-size: 1.6rem;
      line-height: 150%;
      margin-bottom: 2rem; }
    .wrapper .section__response .response .comment__person {
      margin-bottom: -10rem; }
      .wrapper .section__response .response .comment__person img {
        width: 7rem;
        height: 7rem;
        margin-bottom: 1rem; }
    .wrapper .section__response .response .comment__name {
      font-size: 1.6rem;
      margin-bottom: .4rem; }
    .wrapper .section__response .response .comment__post {
      font-size: 1.4rem; }
  .wrapper .section__method {
    padding-top: 10rem;
    padding-bottom: 2.35rem; }
    .wrapper .section__method .method {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .wrapper .section__method .method__item {
        width: 48%;
        margin-bottom: 3rem; }
      .wrapper .section__method .method__row {
        margin-bottom: 1.3rem; }
        .wrapper .section__method .method__row img {
          max-width: 4.8rem; }
      .wrapper .section__method .method__title {
        font-size: 1.4rem; }
      .wrapper .section__method .method__subtitle {
        font-size: 1.2rem; }
  .wrapper .section__tech {
    padding-top: 4rem;
    padding-bottom: 4rem; }
    .wrapper .section__tech .tech {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 3rem;
      margin-top: 4rem; }
      .wrapper .section__tech .tech__item {
        width: 100%; }
      .wrapper .section__tech .tech__title {
        max-width: 100%;
        font-size: 4.3rem; }
      .wrapper .section__tech .tech__pic {
        padding: 2.1rem; }
        .wrapper .section__tech .tech__pic img {
          width: 20.5rem;
          height: 20.5rem; }
      .wrapper .section__tech .tech__name {
        font-size: 3rem; }
  .wrapper .section__types {
    padding-top: 7.6rem;
    padding-bottom: 2.5rem; }
    .wrapper .section__types .types {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 3rem; }
      .wrapper .section__types .types__pic {
        margin-bottom: 2rem; }
        .wrapper .section__types .types__pic img {
          width: 26.4rem;
          height: 26.4rem; }
      .wrapper .section__types .types__top {
        max-width: 100%; }
      .wrapper .section__types .types__title {
        font-size: 4.3rem; }
        .wrapper .section__types .types__title span {
          font-size: 1.4rem; }
      .wrapper .section__types .types__subtitle {
        font-size: 1.6rem;
        margin-top: 2.4rem; }
      .wrapper .section__types .types__name {
        font-size: 1.4rem; }
      .wrapper .section__types .types__content-txt {
        font-size: 1.4rem; }
      .wrapper .section__types .types__content-description {
        font-size: 1.4rem; }
  .wrapper .section__review .review {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .wrapper .section__review .review__top span {
      display: block;
      font-size: 1.6rem;
      margin-bottom: 2rem;
      text-align: center; }
    .wrapper .section__review .review__top h2 {
      font-size: 2.4rem; }
    .wrapper .section__review .review__column {
      width: 100%;
      max-width: 100%; }
      .wrapper .section__review .review__column-gallery {
        max-width: 100%; }
    .wrapper .section__review .review__box {
      height: 21rem;
      border-radius: 1.5rem; }
      .wrapper .section__review .review__box a {
        width: 5rem;
        height: 5rem; }
    .wrapper .section__review .review__name {
      font-size: 1.6rem; }
    .wrapper .section__review .review__subtitle {
      font-size: 1.4rem; }
    .wrapper .section__review .review__comment {
      max-width: 100%;
      padding: 2.4rem 2rem; }
      .wrapper .section__review .review__comment .name {
        font-size: 2.2rem;
        margin-bottom: 1rem; }
      .wrapper .section__review .review__comment .description {
        font-size: 1.6rem; }
    .wrapper .section__review .review__form input, .wrapper .section__review .review__form textarea {
      width: 100%;
      max-width: 100%;
      font-size: 1.4rem; }
    .wrapper .section__review .review__form button {
      font-size: 1.4rem; }
    .wrapper .section__review .review__feedback {
      max-width: 100%; }
      .wrapper .section__review .review__feedback .title {
        font-size: 3.2rem; }
    .wrapper .section__review .review__link {
      font-size: 1.6rem;
      max-width: 20rem; } }
@media (min-width: 500.98px) {
  .desc-off {
    display: none; } }
@media (max-width: 500.98px) {
  :root {
    font-size: 10px; } }
@media (max-width: 325.98px) {
  :root {
    font-size: 9px; } }

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