/* line 1, landing-page.scss */
:root body {
  --color-black: #0E1722;
  --color-gray: #B7B9BD;
  --color-red: #FF4141;
  --color-white: #fff;
  --font-family: Gilroy;
  --font-family-heading: Bebas Neue !important;
  color: var(--color-black);
  font-family: var(--font-family); }

/* line 11, landing-page.scss */
.landing-container {
  max-width: 88.75rem;
  padding: 0 1.25rem;
  margin: 0 auto; }

/* line 16, landing-page.scss */
.button-m {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 4.375rem;
  padding: 0 4.375rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0.375rem;
  background: var(--color-red);
  color: var(--color-white);
  text-decoration: none;
  cursor: pointer; }
  /* line 30, landing-page.scss */
  .button-m:hover {
    background: var(--color-black);
    color: var(--color-white); }
  @media screen and (max-width: 767px) {
    /* line 16, landing-page.scss */
    .button-m {
      height: 4.0625rem;
      font-size: 1.25rem;
      padding: 0 4.375rem; } }
  @media screen and (max-width: 374px) {
    /* line 16, landing-page.scss */
    .button-m {
      padding: 0; } }

/* line 43, landing-page.scss */
.button-s {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.125rem;
  padding: 0 4.375rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0.375rem;
  border: 0.125rem solid var(--color-black);
  background: transparent;
  color: var(--color-black);
  text-decoration: none;
  cursor: pointer; }
  /* line 58, landing-page.scss */
  .button-s:hover {
    background: var(--color-black);
    color: var(--color-white);
    border-color: var(--color-black); }
  @media screen and (max-width: 374px) {
    /* line 43, landing-page.scss */
    .button-s {
      padding: 0; } }

/* line 67, landing-page.scss */
.button-s.white {
  border: 0.125rem solid var(--color-white);
  color: var(--color-white); }
  /* line 70, landing-page.scss */
  .button-s.white:hover {
    background: var(--color-black);
    color: var(--color-white);
    border-color: var(--color-black); }

/* line 76, landing-page.scss */
.title {
  font-family: var(--font-family-heading);
  text-transform: uppercase;
  line-height: 1; }

/* line 81, landing-page.scss */
h1, h2, h3, h4 {
  margin: 0; }

/* line 84, landing-page.scss */
ul {
  padding: 0;
  margin: 0;
  list-style: none; }

/* line 89, landing-page.scss */
.hidden {
  display: none; }

/* line 92, landing-page.scss */
.info-top {
  background-color: var(--color-black); }
  /* line 94, landing-page.scss */
  .info-top__items {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding: 0.75rem 0; }
    /* line 100, landing-page.scss */
    .info-top__items > * + *:before {
      content: "";
      display: block;
      height: 0.375rem;
      width: 0.375rem;
      border-radius: 50%;
      background-color: var(--color-red);
      margin: 0 4rem;
      flex-shrink: 0; }
  /* line 112, landing-page.scss */
  .info-top__item {
    font-weight: 500;
    font-size: 1rem;
    color: var(--color-white);
    display: flex;
    align-items: center; }
    /* line 118, landing-page.scss */
    .info-top__item-link {
      text-decoration: none;
      color: var(--color-white); }
      /* line 121, landing-page.scss */
      .info-top__item-link:hover {
        color: var(--color-gray); }
      /* line 124, landing-page.scss */
      .info-top__item-link:focus {
        color: var(--color-gray); }
  @media screen and (max-width: 767px) {
    /* line 92, landing-page.scss */
    .info-top {
      display: none; } }

/* line 133, landing-page.scss */
.header-landing {
  position: relative;
  padding: 2rem 0; }
  /* line 136, landing-page.scss */
  .header-landing__main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem; }
  /* line 143, landing-page.scss */
  .header-landing__area-button {
    display: none; }
  /* line 147, landing-page.scss */
  .header-landing__button {
    cursor: pointer;
    font-size: 2rem;
    color: var(--color-black);
    display: flex;
    align-items: center;
    justify-content: center; }
    /* line 154, landing-page.scss */
    .header-landing__button .icon-times {
      display: none; }
  /* line 158, landing-page.scss */
  .header-landing__logo {
    display: block;
    max-width: 12rem; }
    /* line 161, landing-page.scss */
    .header-landing__logo img {
      max-width: 100%; }
  /* line 165, landing-page.scss */
  .header-landing__menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    column-gap: 4rem;
    row-gap: 1.5rem; }
    /* line 172, landing-page.scss */
    .header-landing__menu-item-link {
      text-decoration: none;
      color: var(--color-black);
      font-size: 1rem;
      font-weight: 700;
      text-transform: uppercase; }
      /* line 178, landing-page.scss */
      .header-landing__menu-item-link:hover {
        color: var(--color-red); }
    @media screen and (max-width: 1235px) {
      /* line 165, landing-page.scss */
      .header-landing__menu {
        justify-content: center; } }
  /* line 187, landing-page.scss */
  .header-landing__contacts {
    display: none;
    flex-flow: column wrap;
    align-items: center;
    margin-top: 2.5rem; }
    /* line 192, landing-page.scss */
    .header-landing__contacts > * + * {
      margin-top: 1rem; }
  /* line 198, landing-page.scss */
  .header-landing__contact-item_link {
    text-decoration: none;
    color: var(--color-black); }
    /* line 201, landing-page.scss */
    .header-landing__contact-item_link:hover {
      color: var(--color-red); }
  /* line 209, landing-page.scss */
  .header-landing.menu-is-show .header-landing__button .icon-bars {
    display: none; }
  /* line 212, landing-page.scss */
  .header-landing.menu-is-show .header-landing__button .icon-times {
    display: inline-block; }
  /* line 216, landing-page.scss */
  .header-landing.menu-is-show .header-landing__bottom {
    display: block; }
  @media screen and (max-width: 767px) {
    /* line 133, landing-page.scss */
    .header-landing {
      padding: 1rem 0; }
      /* line 222, landing-page.scss */
      .header-landing__main {
        justify-content: space-between;
        margin-bottom: 0; }
      /* line 226, landing-page.scss */
      .header-landing__bottom {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--color-white);
        z-index: 1000;
        padding: 2.5rem 1.25rem; }
      /* line 236, landing-page.scss */
      .header-landing__menu {
        flex-direction: column;
        align-items: center;
        row-gap: 1rem; }
        /* line 241, landing-page.scss */
        .header-landing__menu-item:last-child {
          margin-top: 1.5rem; }
      /* line 246, landing-page.scss */
      .header-landing__contacts {
        display: flex; }
      /* line 250, landing-page.scss */
      .header-landing__area-button {
        display: block; }
      /* line 254, landing-page.scss */
      .header-landing__logo {
        max-width: 7.5rem; } }

/* line 259, landing-page.scss */
.main-banner {
  padding: 5rem 0;
  overflow: hidden; }
  /* line 262, landing-page.scss */
  .main-banner__content {
    display: grid;
    grid-template-columns: 50% 50%; }
    /* line 265, landing-page.scss */
    .main-banner__content-mobile {
      display: none; }
  /* line 270, landing-page.scss */
  .main-banner__area-text {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  /* line 275, landing-page.scss */
  .main-banner__area-description {
    margin-top: 2rem; }
  /* line 278, landing-page.scss */
  .main-banner__area-button {
    margin-top: 2rem; }
  /* line 281, landing-page.scss */
  .main-banner__area-image {
    min-height: 46.675rem;
    position: relative; }
  /* line 286, landing-page.scss */
  .main-banner__title {
    font-size: 5.5rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-black);
    margin: 0; }
    /* line 292, landing-page.scss */
    .main-banner__title span {
      color: var(--color-red); }
  /* line 296, landing-page.scss */
  .main-banner__figure {
    display: grid;
    grid-template-rows: 77% 23%;
    height: 100%;
    padding-left: 15%;
    transform: skewX(-20deg); }
    /* line 302, landing-page.scss */
    .main-banner__figure-black {
      width: 2000px;
      background: var(--color-black); }
    /* line 306, landing-page.scss */
    .main-banner__figure-red {
      width: 2000px;
      background: var(--color-red); }
  /* line 311, landing-page.scss */
  .main-banner__image {
    position: absolute;
    max-width: 35.625rem;
    top: 1.875rem;
    left: -8%;
    max-height: calc(100% - 1.875rem);
    overflow: hidden; }
    /* line 318, landing-page.scss */
    .main-banner__image img {
      max-width: 100%;
      object-fit: cover; }
  @media screen and (max-width: 767px) {
    /* line 259, landing-page.scss */
    .main-banner {
      padding: 2.5rem 0; }
      /* line 326, landing-page.scss */
      .main-banner__content-mobile {
        display: block; }
      /* line 330, landing-page.scss */
      .main-banner__title {
        font-size: 3rem; }
      /* line 334, landing-page.scss */
      .main-banner__area-description, .main-banner__area-button {
        display: none; }
      /* line 337, landing-page.scss */
      .main-banner__area-image {
        min-height: 20.375rem; }
      /* line 341, landing-page.scss */
      .main-banner__description {
        margin-top: 1rem; }
        /* line 343, landing-page.scss */
        .main-banner__description span {
          display: inline-flex; }
          /* line 345, landing-page.scss */
          .main-banner__description span:last-child {
            margin-top: 1rem; }
      /* line 350, landing-page.scss */
      .main-banner__button {
        margin-top: 1rem;
        width: 100%; }
      /* line 354, landing-page.scss */
      .main-banner__figure {
        padding-left: 30%; }
      /* line 357, landing-page.scss */
      .main-banner__image {
        top: 0;
        left: 0;
        max-height: 100%;
        height: 100%; }
        /* line 362, landing-page.scss */
        .main-banner__image img {
          height: 100%;
          max-width: none; } }

/* line 369, landing-page.scss */
.benefits {
  padding: 5rem 0; }
  /* line 371, landing-page.scss */
  .benefits__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    grid-template-areas: "image title" "image benefits"; }
  /* line 379, landing-page.scss */
  .benefits__area-image {
    grid-area: image;
    align-self: center; }
  /* line 383, landing-page.scss */
  .benefits__area-title {
    grid-area: title;
    align-self: end; }
  /* line 387, landing-page.scss */
  .benefits__area-benefit-list {
    grid-area: benefits; }
  /* line 391, landing-page.scss */
  .benefits__image {
    background-size: 100% 100%;
    background-repeat: no-repeat; }
    /* line 394, landing-page.scss */
    .benefits__image img {
      max-width: 100%; }
  /* line 398, landing-page.scss */
  .benefits__title {
    font-size: 4.5rem; }
    /* line 400, landing-page.scss */
    .benefits__title span {
      color: var(--color-gray); }
  /* line 405, landing-page.scss */
  .benefits__benefit-list {
    display: flex;
    flex-flow: column nowrap; }
    /* line 408, landing-page.scss */
    .benefits__benefit-list > * + * {
      margin-top: 3rem; }
  /* line 413, landing-page.scss */
  .benefits__benefit-item-title {
    font-size: 2rem;
    color: var(--color-red);
    margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    /* line 369, landing-page.scss */
    .benefits {
      padding: 2.5rem 0; }
      /* line 422, landing-page.scss */
      .benefits__content {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "image" "benefits"; }
      /* line 429, landing-page.scss */
      .benefits__title {
        font-size: 3rem;
        text-align: center; }
      /* line 435, landing-page.scss */
      .benefits__benefit-list > * + * {
        margin-top: 2rem; } }

/* line 442, landing-page.scss */
.production {
  padding: 2.5rem 0; }
  /* line 444, landing-page.scss */
  .production__content {
    display: grid;
    grid-template-columns: 27.5rem 1fr;
    grid-column-gap: 9rem;
    grid-row-gap: 2rem; }
  /* line 450, landing-page.scss */
  .production__text-block {
    display: flex;
    flex-flow: column nowrap; }
  /* line 454, landing-page.scss */
  .production__title {
    font-size: 4.5rem;
    margin-bottom: 2rem; }
    /* line 457, landing-page.scss */
    .production__title span {
      color: var(--color-gray); }
  /* line 461, landing-page.scss */
  .production__description {
    margin-bottom: 2rem; }
  /* line 465, landing-page.scss */
  .production__info-list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
  /* line 470, landing-page.scss */
  .production__info-item {
    font-size: 2rem;
    color: var(--color-red);
    text-align: center;
    flex-basis: min-content; }
  /* line 477, landing-page.scss */
  .production__image {
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0.375rem; }
    /* line 482, landing-page.scss */
    .production__image img {
      object-fit: cover;
      object-position: 50% 50%;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    /* line 492, landing-page.scss */
    .production__image-button {
      z-index: 10;
      position: absolute;
      right: 2rem;
      bottom: 2rem;
      width: 4rem;
      height: 4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #FFFFFFB2;
      border-radius: 50%;
      cursor: pointer;
      color: var(--color-red);
      font-size: 1.75rem; }
      /* line 507, landing-page.scss */
      .production__image-button:hover {
        background: #FFFFFF; }
    /* line 511, landing-page.scss */
    .production__image-main {
      filter: grayscale(100%);
      transition: all 0.2s ease-in-out; }
      /* line 514, landing-page.scss */
      .production__image-main:hover {
        filter: grayscale(0); }
  /* line 519, landing-page.scss */
  .production__gallery {
    display: none; }
  @media screen and (max-width: 1024px) {
    /* line 523, landing-page.scss */
    .production__content {
      display: grid;
      grid-template-columns: 1fr; }
    /* line 527, landing-page.scss */
    .production__title {
      text-align: center; }
    /* line 531, landing-page.scss */
    .production__info-list {
      flex-flow: column nowrap;
      align-items: center; }
      /* line 534, landing-page.scss */
      .production__info-list > * + * {
        margin-top: 2rem; }
    /* line 540, landing-page.scss */
    .production__image img {
      position: relative; } }
  @media screen and (max-width: 767px) {
    /* line 547, landing-page.scss */
    .production__title {
      font-size: 3rem;
      margin-bottom: 1rem; }
    /* line 552, landing-page.scss */
    .production__image-button {
      right: 1.25rem;
      bottom: 1.25rem;
      width: 3rem;
      height: 3rem;
      font-size: 1.25rem; } }

/* line 562, landing-page.scss */
.rashguard {
  padding: 5rem 0; }
  /* line 564, landing-page.scss */
  .rashguard__content {
    display: grid;
    grid-template-columns: 22.5rem auto 22.5rem;
    grid-template-areas: "title title title " "description description description " "reason-list-left image reason-list-right ";
    background-size: 60rem;
    background-position: 50% 0;
    background-repeat: no-repeat; }
  /* line 575, landing-page.scss */
  .rashguard__area-title {
    grid-area: title;
    margin-bottom: 2rem; }
  /* line 579, landing-page.scss */
  .rashguard__area-description {
    grid-area: description; }
  /* line 582, landing-page.scss */
  .rashguard__area-image {
    grid-area: image; }
  /* line 585, landing-page.scss */
  .rashguard__area-reason-list {
    margin-top: 6.875rem; }
    /* line 587, landing-page.scss */
    .rashguard__area-reason-list_left {
      grid-area: reason-list-left; }
    /* line 590, landing-page.scss */
    .rashguard__area-reason-list_right {
      grid-area: reason-list-right; }
  /* line 595, landing-page.scss */
  .rashguard__title {
    font-size: 4.5rem;
    text-align: center; }
    /* line 598, landing-page.scss */
    .rashguard__title span {
      color: var(--color-gray); }
  /* line 602, landing-page.scss */
  .rashguard__description {
    text-align: center; }
  /* line 605, landing-page.scss */
  .rashguard__image {
    display: flex;
    align-items: center;
    justify-content: center; }
    /* line 609, landing-page.scss */
    .rashguard__image img {
      max-width: 38rem;
      width: 100%; }
  /* line 616, landing-page.scss */
  .rashguard__reason-list > * + * {
    margin-top: 3rem; }
  /* line 620, landing-page.scss */
  .rashguard__reason-item {
    max-width: 22.5rem; }
    /* line 622, landing-page.scss */
    .rashguard__reason-item-title {
      font-size: 2rem;
      color: var(--color-red);
      margin-bottom: 1rem; }
  @media screen and (max-width: 1320px) {
    /* line 630, landing-page.scss */
    .rashguard__content {
      display: grid;
      grid-template-columns: 22.5rem auto 22.5rem;
      grid-template-areas: "title title title " "description description description " "image image image" "reason-list-left . reason-list-right ";
      background-position: 50% 12rem; }
    /* line 640, landing-page.scss */
    .rashguard__area-title {
      margin-bottom: 1rem; }
    /* line 643, landing-page.scss */
    .rashguard__area-description {
      margin-bottom: 3rem; }
    /* line 646, landing-page.scss */
    .rashguard__area-reason-list {
      margin-top: 3rem; } }
  @media screen and (max-width: 767px) {
    /* line 562, landing-page.scss */
    .rashguard {
      padding: 2.5rem 0; }
      /* line 653, landing-page.scss */
      .rashguard__content {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: "title" "description" "image" "reason-list-left" "reason-list-right";
        background-position: 50% 13.75rem;
        background-size: 30rem; }
      /* line 665, landing-page.scss */
      .rashguard__area-description {
        margin-bottom: 1rem; }
      /* line 668, landing-page.scss */
      .rashguard__area-reason-list {
        margin-top: 1rem; }
        /* line 670, landing-page.scss */
        .rashguard__area-reason-list_right {
          margin-top: 2rem; }
      /* line 675, landing-page.scss */
      .rashguard__title {
        font-size: 3rem; }
      /* line 680, landing-page.scss */
      .rashguard__reason-list > * + * {
        margin-top: 2rem; }
      /* line 684, landing-page.scss */
      .rashguard__reason-item {
        max-width: 100%; } }

/* line 690, landing-page.scss */
.catalog-landing {
  padding: 2.5rem 0; }
  /* line 692, landing-page.scss */
  .catalog-landing__content {
    display: grid;
    grid-template-columns: 44% 1fr;
    overflow: hidden; }
  /* line 697, landing-page.scss */
  .catalog-landing__image {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5; }
    /* line 698, landing-page.scss */
    .catalog-landing__image-wrap {
      height: 100%;
      position: relative;
      overflow: hidden; }
    /* line 712, landing-page.scss */
    .catalog-landing__image-triangle {
      position: absolute;
      height: calc(100% + 4px);
      z-index: 10;
      top: -2px;
      bottom: -2px; }
      /* line 718, landing-page.scss */
      .catalog-landing__image-triangle_left {
        left: -1px; }
      /* line 721, landing-page.scss */
      .catalog-landing__image-triangle_right {
        right: -1px; }
  /* line 726, landing-page.scss */
  .catalog-landing__info {
    display: flex;
    flex-flow: column nowrap;
    color: var(--color-white);
    position: relative;
    padding: 2rem 4rem;
    background: var(--color-red); }
    /* line 735, landing-page.scss */
    .catalog-landing__info-triangle {
      position: absolute;
      height: calc(100% + 4px);
      top: -2px;
      bottom: -2px; }
      /* line 740, landing-page.scss */
      .catalog-landing__info-triangle_right {
        right: -1px; }
  /* line 745, landing-page.scss */
  .catalog-landing__title {
    font-size: 2.5rem;
    margin-bottom: 1rem; }
  /* line 749, landing-page.scss */
  .catalog-landing__button {
    margin-top: 2rem; }
  /* line 752, landing-page.scss */
  .catalog-landing__button {
    width: fit-content; }
  @media screen and (max-width: 767px) {
    /* line 756, landing-page.scss */
    .catalog-landing .landing-container {
      padding: 0; }
    /* line 759, landing-page.scss */
    .catalog-landing__content {
      grid-template-columns: 1fr; }
    /* line 763, landing-page.scss */
    .catalog-landing__image-triangle {
      display: none; }
    /* line 766, landing-page.scss */
    .catalog-landing__image-wrap {
      height: 18.75rem; }
    /* line 770, landing-page.scss */
    .catalog-landing__info {
      padding: 2.5rem 1.25rem;
      align-items: center; }
      /* line 773, landing-page.scss */
      .catalog-landing__info-triangle {
        display: none; }
    /* line 777, landing-page.scss */
    .catalog-landing__title {
      font-size: 1.75rem; }
    /* line 780, landing-page.scss */
    .catalog-landing__button {
      margin-top: 1.25rem; }
    /* line 783, landing-page.scss */
    .catalog-landing__title, .catalog-landing__description {
      text-align: center; } }
  @media screen and (max-width: 500px) {
    /* line 788, landing-page.scss */
    .catalog-landing__image-wrap {
      height: 12.5rem; }
    /* line 791, landing-page.scss */
    .catalog-landing__button {
      width: 100%;
      padding: 0; } }

/* line 797, landing-page.scss */
.design {
  padding: 2.5rem 0; }
  /* line 799, landing-page.scss */
  .design__content {
    display: grid;
    grid-template-columns: 44% 1fr; }
  /* line 803, landing-page.scss */
  .design__image {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5; }
    /* line 804, landing-page.scss */
    .design__image-wrap {
      height: 100%;
      position: relative;
      overflow: hidden; }
    /* line 818, landing-page.scss */
    .design__image-triangle {
      position: absolute;
      height: calc(100% + 4px);
      z-index: 10;
      top: -2px;
      bottom: -2px; }
      /* line 824, landing-page.scss */
      .design__image-triangle_left {
        left: -1px; }
      /* line 827, landing-page.scss */
      .design__image-triangle_right {
        right: -1px; }
  /* line 832, landing-page.scss */
  .design__info {
    display: flex;
    flex-flow: column nowrap;
    color: var(--color-white);
    background: var(--color-red);
    padding: 2rem 4rem;
    position: relative; }
    /* line 840, landing-page.scss */
    .design__info-triangle {
      position: absolute;
      height: calc(100% + 4px);
      top: -2px;
      bottom: -2px; }
      /* line 845, landing-page.scss */
      .design__info-triangle_right {
        right: -1px; }
  /* line 850, landing-page.scss */
  .design__title {
    font-size: 2.5rem; }
  /* line 853, landing-page.scss */
  .design__button {
    margin-top: 2rem; }
  /* line 856, landing-page.scss */
  .design__button {
    width: fit-content; }
  @media screen and (max-width: 767px) {
    /* line 860, landing-page.scss */
    .design .landing-container {
      padding: 0; }
    /* line 863, landing-page.scss */
    .design__content {
      grid-template-columns: 1fr; }
    /* line 867, landing-page.scss */
    .design__image-triangle {
      display: none; }
    /* line 870, landing-page.scss */
    .design__image-wrap {
      height: 18.75rem; }
    /* line 874, landing-page.scss */
    .design__info {
      padding: 2.5rem 1.25rem;
      align-items: center; }
      /* line 877, landing-page.scss */
      .design__info-triangle {
        display: none; }
    /* line 881, landing-page.scss */
    .design__title {
      font-size: 1.75rem; }
    /* line 884, landing-page.scss */
    .design__button {
      margin-top: 1.25rem; }
    /* line 887, landing-page.scss */
    .design__title, .design__description {
      text-align: center; } }
  @media screen and (max-width: 500px) {
    /* line 892, landing-page.scss */
    .design__image-wrap {
      height: 12.5rem; }
    /* line 895, landing-page.scss */
    .design__button {
      width: 100%;
      padding: 0; } }

/* line 901, landing-page.scss */
.gallery {
  padding: 2.5rem 0; }
  /* line 903, landing-page.scss */
  .gallery__slider {
    --f-button-height: 4rem;
    --f-button-width: 4rem;
    --f-button-bg: var(--color-white);
    --f-button-border-radius: 50%;
    --f-button-color: var(--color-gray);
    --f-button-hover-color: var(--color-gray);
    --f-button-border: 0.125rem solid var(--color-gray);
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
    --f-button-svg-width: 24.6px;
    --f-carousel-spacing: 2rem;
    --f-carousel-slide-width: calc((100% - 6rem) / 4); }
    /* line 916, landing-page.scss */
    .gallery__slider .f-button {
      color: var(--color-gray); }
    /* line 919, landing-page.scss */
    .gallery__slider.is-horizontal .f-carousel__nav .f-button.is-prev {
      transform: translate(-50%, -50%); }
    /* line 922, landing-page.scss */
    .gallery__slider.is-horizontal .f-carousel__nav .f-button.is-next {
      transform: translate(50%, -50%); }
  /* line 928, landing-page.scss */
  .gallery__slide-image img {
    border-radius: 0.375rem;
    max-width: 100%; }
  @media screen and (max-width: 1448px) {
    /* line 935, landing-page.scss */
    .gallery__slider {
      --f-button-next-pos: 0.875rem;
      --f-button-prev-pos: 0.875rem; } }
  @media screen and (max-width: 767px) {
    /* line 941, landing-page.scss */
    .gallery__slider {
      --f-carousel-spacing: 1.25rem;
      --f-carousel-slide-width: 100%;
      --f-button-height: 2.5rem;
      --f-button-width: 2.5rem;
      --f-button-svg-width: 15.4px;
      --f-button-next-pos: 0.125rem;
      --f-button-prev-pos: 0.125rem; } }

/* line 952, landing-page.scss */
.technology {
  padding: 5rem 0; }
  /* line 954, landing-page.scss */
  .technology__title {
    font-size: 4.5rem;
    margin-bottom: 2rem; }
    /* line 957, landing-page.scss */
    .technology__title span {
      color: var(--color-gray); }
  /* line 961, landing-page.scss */
  .technology__tabs {
    display: grid;
    grid-template-columns: 20rem 1fr;
    grid-column-gap: 5rem; }
    /* line 965, landing-page.scss */
    .technology__tabs-slider {
      --f-carousel-spacing: 1.5rem;
      margin-top: -1.25rem; }
    /* line 969, landing-page.scss */
    .technology__tabs-slide {
      font-size: 1.5rem;
      font-weight: 700;
      cursor: pointer; }
      /* line 973, landing-page.scss */
      .technology__tabs-slide.is-active {
        color: var(--color-red); }
    /* line 977, landing-page.scss */
    .technology__tabs-item {
      display: none; }
      /* line 979, landing-page.scss */
      .technology__tabs-item.is-active {
        display: block; }
      /* line 982, landing-page.scss */
      .technology__tabs-item-image {
        margin-bottom: 2rem; }
        /* line 984, landing-page.scss */
        .technology__tabs-item-image img {
          border-radius: 0.375rem;
          max-width: 100%; }
  @media screen and (max-width: 767px) {
    /* line 952, landing-page.scss */
    .technology {
      padding: 2.5rem 0; }
      /* line 993, landing-page.scss */
      .technology__title {
        font-size: 3rem;
        text-align: center;
        margin-bottom: 1rem; }
      /* line 998, landing-page.scss */
      .technology__tabs {
        grid-template-columns: 100%;
        grid-row-gap: 1rem; }
        /* line 1001, landing-page.scss */
        .technology__tabs-slider {
          margin: 0 -1.25rem;
          --f-carousel-slide-width: max-content; }
        /* line 1005, landing-page.scss */
        .technology__tabs-slide {
          font-size: 1.25rem; }
          /* line 1007, landing-page.scss */
          .technology__tabs-slide:first-child {
            margin-left: 1.25rem; }
          /* line 1010, landing-page.scss */
          .technology__tabs-slide:last-child {
            padding-right: 1.25rem; } }

/* line 1017, landing-page.scss */
.reviews {
  padding: 5rem 0; }
  /* line 1019, landing-page.scss */
  .reviews__title {
    font-size: 4.5rem;
    margin-bottom: 2rem;
    text-align: center; }
    /* line 1023, landing-page.scss */
    .reviews__title span {
      color: var(--color-gray); }
  /* line 1027, landing-page.scss */
  .reviews__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem; }
  /* line 1032, landing-page.scss */
  .reviews__item {
    border: 0.125rem solid var(--color-gray);
    border-radius: 0.375rem;
    overflow: hidden;
    display: none; }
    /* line 1037, landing-page.scss */
    .reviews__item.is-active {
      display: block; }
    /* line 1040, landing-page.scss */
    .reviews__item-photo {
      position: relative;
      overflow: hidden; }
      /* line 1044, landing-page.scss */
      .reviews__item-photo .img-ratio {
        height: 0;
        position: relative;
        padding-top: calc(100%/(var(--img-ratio, 1))); }
        /* line 1048, landing-page.scss */
        .reviews__item-photo .img-ratio.img-ratio_cover {
          overflow: hidden; }
          /* line 1050, landing-page.scss */
          .reviews__item-photo .img-ratio.img-ratio_cover img {
            height: 100%;
            width: 100%;
            max-width: none;
            max-height: none;
            object-position: 50% 50%;
            object-fit: cover; }
        /* line 1059, landing-page.scss */
        .reviews__item-photo .img-ratio__inner {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
      /* line 1067, landing-page.scss */
      .reviews__item-photo-slider {
        --f-carousel-dot-opacity: 1;
        --f-carousel-dot-height: 0.1875rem;
        --f-carousel-dots-height: 0.1875rem;
        --f-carousel-dot-width: 100%;
        --f-carousel-dots-width: 100%;
        --f-carousel-dot-radius: 0;
        --f-carousel-dot-color: var(--color-white); }
      /* line 1076, landing-page.scss */
      .reviews__item-photo .f-carousel__dots {
        padding: 0 1rem;
        bottom: 1rem; }
        /* line 1079, landing-page.scss */
        .reviews__item-photo .f-carousel__dots > * + * {
          margin-left: 0.75rem; }
        /* line 1082, landing-page.scss */
        .reviews__item-photo .f-carousel__dots li {
          flex: 1 1 auto; }
          /* line 1084, landing-page.scss */
          .reviews__item-photo .f-carousel__dots li.is-current {
            --f-carousel-dot-color: var(--color-red); }
      /* line 1089, landing-page.scss */
      .reviews__item-photo-controls {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: row nowrap; }
      /* line 1098, landing-page.scss */
      .reviews__item-photo-control {
        flex: 1 1 auto; }
    /* line 1102, landing-page.scss */
    .reviews__item-content {
      padding: 2rem 1rem; }
    /* line 1105, landing-page.scss */
    .reviews__item-name {
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 0.25rem; }
    /* line 1110, landing-page.scss */
    .reviews__item-profession {
      color: var(--color-red);
      margin-bottom: 0.75rem; }
    /* line 1114, landing-page.scss */
    .reviews__item-text {
      overflow: hidden;
      transition: .3s; }
      /* line 1117, landing-page.scss */
      .reviews__item-text-show-more {
        display: none;
        text-align: center;
        font-weight: 500;
        text-decoration: underline;
        cursor: pointer; }
        /* line 1123, landing-page.scss */
        .reviews__item-text-show-more.is-active {
          display: block; }
  /* line 1129, landing-page.scss */
  .reviews__show-all {
    margin-top: 2rem;
    display: none; }
    /* line 1132, landing-page.scss */
    .reviews__show-all.is-active {
      display: flex;
      justify-content: center; }
  @media screen and (max-width: 1024px) {
    /* line 1138, landing-page.scss */
    .reviews__list {
      grid-template-columns: 1fr 1fr;
      grid-gap: 1.5rem; } }
  @media screen and (max-width: 767px) {
    /* line 1017, landing-page.scss */
    .reviews {
      padding: 2.5rem 0; }
      /* line 1145, landing-page.scss */
      .reviews__title {
        font-size: 3rem;
        margin-bottom: 1.25rem; }
      /* line 1149, landing-page.scss */
      .reviews__list {
        grid-template-columns: 1fr;
        grid-gap: 1.25rem; }
      /* line 1155, landing-page.scss */
      .reviews__item-photo-controls {
        display: none; }
      /* line 1160, landing-page.scss */
      .reviews__show-all {
        margin-top: 2rem; }
        /* line 1162, landing-page.scss */
        .reviews__show-all-button {
          width: 100%;
          padding: 0; } }

/* line 1169, landing-page.scss */
.footer-copyright {
  padding: 1.25rem 0;
  background: var(--color-black);
  color: var(--color-gray); }
  /* line 1173, landing-page.scss */
  .footer-copyright__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem; }
  /* line 1179, landing-page.scss */
  .footer-copyright__area-developer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 19.5rem;
    width: 100%; }
  /* line 1186, landing-page.scss */
  .footer-copyright__area-copyright {
    font-size: 0.5rem; }
  /* line 1190, landing-page.scss */
  .footer-copyright__copyright {
    margin-top: 0.75rem; }
  @media screen and (max-width: 767px) {
    /* line 1194, landing-page.scss */
    .footer-copyright__content {
      grid-template-columns: 1fr; }
    /* line 1198, landing-page.scss */
    .footer-copyright__area-developer {
      margin: 0 auto;
      order: 1; }
    /* line 1202, landing-page.scss */
    .footer-copyright__area-copyright {
      text-align: center; } }

/* line 1208, landing-page.scss */
.footer-contacts {
  padding: 2.5rem 0;
  background: var(--color-black);
  color: var(--color-white); }
  /* line 1212, landing-page.scss */
  .footer-contacts a {
    text-decoration: none;
    color: var(--color-white); }
    /* line 1215, landing-page.scss */
    .footer-contacts a:hover {
      color: var(--color-gray); }
    /* line 1218, landing-page.scss */
    .footer-contacts a:focus {
      color: var(--color-gray); }
  /* line 1222, landing-page.scss */
  .footer-contacts__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem;
    flex-flow: row wrap; }
  /* line 1230, landing-page.scss */
  .footer-contacts__area-phones {
    display: flex; }
  /* line 1234, landing-page.scss */
  .footer-contacts__phones {
    display: flex;
    flex-direction: column;
    font-weight: 700; }
    /* line 1238, landing-page.scss */
    .footer-contacts__phones-title {
      margin-right: 2rem; }
  /* line 1243, landing-page.scss */
  .footer-contacts__social-items {
    display: flex;
    align-items: center; }
    /* line 1246, landing-page.scss */
    .footer-contacts__social-items > * + * {
      margin-left: 1.5rem; }
  /* line 1252, landing-page.scss */
  .footer-contacts__social-item:hover path {
    fill: var(--color-gray); }
  /* line 1258, landing-page.scss */
  .footer-contacts__menu {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    /* line 1262, landing-page.scss */
    .footer-contacts__menu > * + * {
      margin-left: 3rem; }
    /* line 1265, landing-page.scss */
    .footer-contacts__menu-item {
      font-weight: 700;
      text-transform: uppercase; }
  @media screen and (max-width: 1266px) {
    /* line 1272, landing-page.scss */
    .footer-contacts__area-menu {
      margin-top: 6rem;
      width: 100%; } }
  @media screen and (max-width: 767px) {
    /* line 1279, landing-page.scss */
    .footer-contacts__content {
      flex-direction: column; }
    /* line 1283, landing-page.scss */
    .footer-contacts__area-social {
      margin-top: 3rem; }
    /* line 1286, landing-page.scss */
    .footer-contacts__area-menu {
      margin-top: 6rem;
      width: 100%; }
    /* line 1291, landing-page.scss */
    .footer-contacts__menu {
      flex-direction: column;
      text-align: center; }
      /* line 1294, landing-page.scss */
      .footer-contacts__menu > * + * {
        margin-left: 0;
        margin-top: 1rem; } }

/* line 1301, landing-page.scss */
.footer-form {
  background: var(--color-red);
  color: var(--color-white);
  margin-top: 5.5rem;
  position: relative; }
  /* line 1306, landing-page.scss */
  .footer-form__figure {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 1; }
    /* line 1313, landing-page.scss */
    .footer-form__figure::after {
      content: "";
      position: absolute;
      width: 100%;
      top: 0;
      bottom: -1px;
      left: 60%;
      background: var(--color-black);
      transform: skew(-20deg); }
  /* line 1324, landing-page.scss */
  .footer-form__content {
    display: grid;
    grid-template-columns: 36.125rem 1fr;
    grid-column-gap: 3rem;
    padding: 2rem 0;
    position: relative;
    z-index: 5; }
  /* line 1333, landing-page.scss */
  .footer-form__area-form {
    align-self: center; }
  /* line 1336, landing-page.scss */
  .footer-form__area-image {
    position: relative; }
  /* line 1340, landing-page.scss */
  .footer-form__form {
    padding: 2rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
    grid-template-areas: "title title" "description description" "name phone" "button button"; }
    /* line 1349, landing-page.scss */
    .footer-form__form-title {
      font-weight: 800;
      font-size: 2.5rem;
      margin-bottom: 1rem;
      text-transform: uppercase;
      grid-area: title; }
    /* line 1356, landing-page.scss */
    .footer-form__form-description {
      margin-bottom: 2rem;
      grid-area: description; }
    /* line 1360, landing-page.scss */
    .footer-form__form-field {
      width: 100%;
      padding: 0 1.5rem;
      color: var(--color-black);
      height: 3.125rem;
      border: 0;
      border-radius: 0.375rem;
      background: var(--color-white); }
      /* line 1368, landing-page.scss */
      .footer-form__form-field::placeholder {
        opacity: 1;
        color: var(--color-gray); }
      /* line 1372, landing-page.scss */
      .footer-form__form-field:focus {
        outline: 0;
        box-shadow: none; }
      /* line 1376, landing-page.scss */
      .footer-form__form-field:focus-visible {
        outline: 0;
        box-shadow: none; }
      /* line 1381, landing-page.scss */
      .footer-form__form-field-area_name {
        grid-area: name; }
      /* line 1384, landing-page.scss */
      .footer-form__form-field-area_phone {
        grid-area: phone; }
      /* line 1388, landing-page.scss */
      .footer-form__form-field-error {
        margin-top: 0.5rem;
        font-size: 0.75rem; }
        /* line 1391, landing-page.scss */
        .footer-form__form-field-error:empty {
          display: none; }
    /* line 1396, landing-page.scss */
    .footer-form__form-button {
      margin-top: 1rem;
      width: 100%;
      padding: 0;
      grid-area: button; }
    /* line 1402, landing-page.scss */
    .footer-form__form-success-message {
      display: none;
      margin-top: 1rem; }
      /* line 1405, landing-page.scss */
      .footer-form__form-success-message.is-show {
        display: block; }
  /* line 1411, landing-page.scss */
  .footer-form__image {
    position: absolute;
    bottom: -2rem;
    top: 0;
    height: calc(100% + 2rem);
    width: 100%;
    left: 0;
    z-index: 10; }
    /* line 1419, landing-page.scss */
    .footer-form__image img {
      position: absolute;
      left: 0;
      bottom: 0;
      max-width: 100%;
      z-index: 15; }
  @media screen and (max-width: 1224px) {
    /* line 1301, landing-page.scss */
    .footer-form {
      margin-top: 0; }
      /* line 1430, landing-page.scss */
      .footer-form__figure::after {
        left: 70%; }
      /* line 1435, landing-page.scss */
      .footer-form__image img {
        max-width: none;
        height: 100%; } }
  @media screen and (max-width: 1024px) {
    /* line 1442, landing-page.scss */
    .footer-form__content {
      grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 767px) {
    /* line 1447, landing-page.scss */
    .footer-form__content {
      grid-template-columns: 1fr;
      padding: 0; }
    /* line 1451, landing-page.scss */
    .footer-form__figure {
      display: none; }
    /* line 1454, landing-page.scss */
    .footer-form__form {
      grid-template-columns: 1fr;
      grid-template-areas: "title" "description" "name" "phone" "button"; }
      /* line 1461, landing-page.scss */
      .footer-form__form-title {
        font-size: 1.75rem;
        text-align: center;
        margin-bottom: 1.25rem; }
      /* line 1468, landing-page.scss */
      .footer-form__form-field-area_phone {
        margin-top: 1rem; }
      /* line 1473, landing-page.scss */
      .footer-form__form-description {
        text-align: center;
        margin-bottom: 1.25rem; }
    /* line 1478, landing-page.scss */
    .footer-form__image {
      overflow: hidden;
      position: relative;
      height: 100%;
      width: unset;
      margin: 0 -20px; }
      /* line 1484, landing-page.scss */
      .footer-form__image img {
        position: relative;
        width: calc(100% + 2rem); } }