/* Start:/local/templates/hf/css/style.css?1768325024150431*/
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("/local/templates/hf/css/../fonts/Montserrat-Medium.woff2") format("woff2"), url("/local/templates/hf/css/../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("/local/templates/hf/css/../fonts/Montserrat-Regular.woff2") format("woff2"), url("/local/templates/hf/css/../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("/local/templates/hf/css/../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/local/templates/hf/css/../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

:root {
  --color-1: #423f4a;
  --color-2: #837473;
  --color-3: #fff8f6;
  --color-4: #ececec;
  --color-5: #b3b2b7;
  --color-6: #ab9f9e;
  --white: #fff;
  --yellow: #fdcd32;
  --red: #a53f36;
  --red2: #d6aea1;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Montserrat, sans-serif;
  padding: 0;
  margin: 0;
  color: var(--color-1);
  font-size: 16px;
  font-weight: 400;
  -webkit-font-feature-settings: "lnum" 1;
          font-feature-settings: "lnum" 1;
}

li {
  list-style: none;
}

body.active {
  overflow: hidden;
}

html {
  scroll-behavior: smooth;
}

button {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  outline: none;
  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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: none;
}

span,
a {
  color: inherit;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
}

p.subtitle {
  text-transform: uppercase;
  margin-bottom: 32px;
  font-size: 16px;
}

h2 {
  font-weight: 400;
  font-size: 40px;
  text-transform: uppercase;
}

h1 {
  font-weight: 400;
  font-size: 40px;
  text-transform: uppercase;
  color: var(--white);
}

.container {
  max-width: 1232px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

.container-h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 48px;
}

.container-h1 h1 {
  color: var(--color-1);
}

.container-h1 span {
  font-size: 16px;
  color: var(--color-5);
}

.container-policy {
  margin-bottom: 40px;
}

.more,
.link {
  color: rgba(66, 63, 74, 0.5);
  font-size: 16px;
  cursor: pointer;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  padding-bottom: 8px;
}

.more::before,
.link::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 40%;
  height: 1px;
  background: rgba(66, 63, 74, 0.5);
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.more:hover::before,
.link:hover::before {
  width: 100%;
}

.link-arrow {
  position: relative;
  text-transform: uppercase;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 14px;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.link-arrow::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--color-2);
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13L11 7.5L6 2' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: -16px;
  background-size: 0 0;
}

.more-btn {
  border: 1px solid var(--color-4);
  border-radius: 40px;
  background: var(--color-4);
  padding: 14px;
  width: 100%;
  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-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  margin-top: 40px;
}

.more-btn:hover {
  border: 1px solid var(--color-5);
  background: var(--white);
}

.pagination {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-top: 24px;
}

.pagination__page {
  cursor: pointer;
  color: var(--color-5);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.pagination__page.active {
  color: var(--color-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  margin-right: -6px;
}

  
  .pagination__list {
    margin-top: 24px;
    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: 16px;
  }
  
.pagination__page.active::after {
  display: block;
  content: "";
  background: var(--color-5);
  width: 69px;
  height: 1px;
}

.pagination__page:last-child.active {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.pagination__page:last-child.active::after {
  margin-right: 0;
  margin-left: -6px;
}

.swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

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

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

.swiper-button-prev,
.swiper-button-next {
  border: 1px solid var(--color-5);
  border-radius: 17px;
  width: 60px;
  height: 32px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.swiper-button-prev::before,
.swiper-button-next::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='8' viewBox='0 0 25 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3536 4.35355C24.5488 4.15829 24.5488 3.84171 24.3536 3.64645L21.1716 0.464466C20.9763 0.269204 20.6597 0.269204 20.4645 0.464466C20.2692 0.659728 20.2692 0.976311 20.4645 1.17157L23.2929 4L20.4645 6.82843C20.2692 7.02369 20.2692 7.34027 20.4645 7.53553C20.6597 7.7308 20.9763 7.7308 21.1716 7.53553L24.3536 4.35355ZM0 4.5H24V3.5H0V4.5Z' fill='%23423F4A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: var(--color-4);
}

.swiper-button-prev:focus,
.swiper-button-next:focus {
  outline: 1px solid var(--color-1);
}

.swiper-button-prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
      -ms-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

.swiper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.swiper-button-disabled {
  cursor: not-allowed;
}

.swiper-button-disabled::before {
  opacity: 0.4;
}

.swiper-button-disabled:hover {
  background: inherit !important;
}

.swiper-button-lock {
  display: none !important;
}

.swiper-pagination {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
  margin-top: 24px;
}

.swiper-pagination-bullet {
  cursor: pointer;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 100%;
  background: var(--color-4);
}

.swiper-pagination-bullet-active {
  background: var(--color-5);
}

.swiper-pagination-lock {
  display: none !important;
}

.btn {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
  padding: 12px 24px;
  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: var(--color-2);
  white-space: nowrap;
  padding: 18px;
  font-weight: 500;
}

.btn:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(66, 63, 74, 0.2);
          box-shadow: 0 0 10px 0 rgba(66, 63, 74, 0.2);
  background: var(--white);
  color: var(--color-2);
}

.btn:disabled {
  opacity: 0.6;
  -webkit-filter: grayscale(0.5);
          filter: grayscale(0.5);
}

.btn:focus {
  outline: 1px solid var(--color-1);
}

.btn:active {
  background: var(--color-2);
  opacity: 0.6;
  color: #fff;
}

.btn-black {
  padding: 16px 30px;
  border-radius: 8px;
  background: var(--color-1);
  border: 1px solid var(--color-1);
}

.btn-black:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid var(--color-1);
}

.btn-black:focus {
  outline: 1px solid var(--color-1);
}

.btn-black:active {
  background: var(--color-1);
  color: #fff;
}

.accordion__item.open .accordion__content {
  visibility: visible;
  opacity: 1;
}

.accordion__content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  will-change: max-height;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.hidden {
  display: none !important;
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.crumbs {
  position: absolute;
  top: 116px;
  left: 0;
  width: 100%;
  z-index: 5;
  overflow-x: auto;
}

.crumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
  gap: 0 4px;
}

.crumbs ul li p,
.crumbs ul li a {
  white-space: nowrap;
  font-size: 16px;
  color: var(--white);
}

.crumbs ul li a {
  opacity: 0.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.crumbs ul li a::after {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1'%3E%3Cpath d='M7 12.5L11 8.5L7 4.5' stroke='white' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 16px;
  height: 17px;
}

.crumbs-dark.crumbs {
  position: static;
  margin-top: 40px;
  margin-bottom: 24px;
}

.crumbs-dark.crumbs li p,
.crumbs-dark.crumbs li a {
  color: var(--color-1);
}

.crumbs-dark.crumbs li a::after {
  -webkit-filter: brightness(0) invert(0) opacity(0.5);
          filter: brightness(0) invert(0) opacity(0.5);
}

.select {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.select[data-state=active] .select__title::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select[data-state=active] .select__content {
  opacity: 1;
  visibility: visible;
}

.select__title {
  background: #eceff5;
  border-radius: 4px;
  padding: 12px;
  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: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #58b69b;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.select__title::after {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.53033 6.53033C6.23744 6.82322 5.76256 6.82322 5.46967 6.53033L0.696699 1.75736C0.403806 1.46447 0.403806 0.989592 0.696699 0.696699C0.989593 0.403806 1.46447 0.403806 1.75736 0.696699L6 4.93934L10.2426 0.696699C10.5355 0.403806 11.0104 0.403806 11.3033 0.696699C11.5962 0.989593 11.5962 1.46447 11.3033 1.75736L6.53033 6.53033ZM6.75 5L6.75 6L5.25 6L5.25 5L6.75 5Z' fill='%231A1831'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 7px;
}

.select__content {
  position: absolute;
  top: calc(100% + 6px);
  left: -30px;
  border-radius: 4px;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% + 30px);
  background: #eceff5;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  scrollbar-width: thin;
}

.select__content::-webkit-scrollbar {
  width: 10px;
}

.select__content::-webkit-scrollbar-thumb {
  background: #f4f5f6;
  border-radius: 100px;
}

.select__input {
  display: none;
}

.select__text {
  font-size: 14px;
  line-height: 143%;
}

.lab:not(:last-child) .select__label {
  border-bottom: 1px solid rgba(26, 24, 49, 0.1);
}

.select__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 12px 33px;
  max-height: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
  max-height: 36px;
  position: relative;
}

.select__label.active {
  background: #58b69b;
  color: #fff;
}

.select__label.active::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 1L4.33333 8.33333L1 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.copy-text {
  position: absolute;
  right: 0;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.5450980392);
  padding: 2px 6px;
  border-radius: 5px;
  color: #fff;
  -webkit-animation: copyText 2s ease-out 1 forwards;
          animation: copyText 2s ease-out 1 forwards;
}

@-webkit-keyframes copyText {
  0% {
    bottom: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    bottom: 100%;
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@keyframes copyText {
  0% {
    bottom: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    bottom: 100%;
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
  border: 1px solid var(--color-5);
  border-radius: 17px;
  width: 60px;
  height: 32px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.is-horizontal .fancybox__nav .f-button.is-prev::before,
.is-horizontal .fancybox__nav .f-button.is-next::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='8' viewBox='0 0 25 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3536 4.35355C24.5488 4.15829 24.5488 3.84171 24.3536 3.64645L21.1716 0.464466C20.9763 0.269204 20.6597 0.269204 20.4645 0.464466C20.2692 0.659728 20.2692 0.976311 20.4645 1.17157L23.2929 4L20.4645 6.82843C20.2692 7.02369 20.2692 7.34027 20.4645 7.53553C20.6597 7.7308 20.9763 7.7308 21.1716 7.53553L24.3536 4.35355ZM0 4.5H24V3.5H0V4.5Z' fill='%23423F4A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.is-horizontal .fancybox__nav .f-button.is-prev:hover,
.is-horizontal .fancybox__nav .f-button.is-next:hover {
  background: var(--color-4);
}

.is-horizontal .fancybox__nav .f-button.is-prev:hover::before,
.is-horizontal .fancybox__nav .f-button.is-next:hover::before {
  -webkit-filter: brightness(0) invert(0);
          filter: brightness(0) invert(0);
}

.is-horizontal .fancybox__nav .f-button.is-prev:focus,
.is-horizontal .fancybox__nav .f-button.is-next:focus {
  outline: 1px solid var(--color-1);
}

.is-horizontal .fancybox__nav .f-button.is-prev svg,
.is-horizontal .fancybox__nav .f-button.is-next svg {
  display: none;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column .f-button,
.fancybox__footer {
  display: none;
}

.fancybox__toolbar__column .f-button[title=Close] {
  display: block;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  top: 27px;
  right: 120px;
  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: 28px;
  height: 28px;
}

.fancybox__toolbar__column .f-button[title=Close] svg {
  width: 16px;
  height: 16px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.is-idle .fancybox__nav,
.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  opacity: 1 !important;
  visibility: visible !important;
}

.is-horizontal .fancybox__nav .f-button.is-next {
  right: 120px;
}

.is-horizontal .fancybox__nav .f-button.is-prev {
  left: 120px;
}

.is-horizontal .fancybox__nav .f-button.is-prev::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
      -ms-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

.section-video {
  border-radius: 0 !important;
  margin-top: 120px;
}

.section-video img {
  border-radius: 0 !important;
}

.f-thumbs__slide__img {
  display: none;
}

.f-thumbs__slide {
  position: static !important;
  --shift: 0 !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 10px !important;
}

.f-thumbs__slide .f-thumbs__slide__button {
  opacity: 1;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  background: #a9b2bc;
  -webkit-clip-path: none;
          clip-path: none;
}

.f-thumbs__slide.is-nav-selected .f-thumbs__slide__button {
  background: #fff;
}

.f-thumbs__track {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  margin: 0 auto;
}

.fancybox__backdrop {
  background: rgba(1, 14, 30, 0.5);
}

.map {
  width: 100%;
  height: 450px;
}

.map canvas {
  -webkit-filter: grayscale(0.9) invert(0.9) contrast(0.9);
          filter: grayscale(0.9) invert(0.9) contrast(0.9);
}

.map .ymaps-2-1-79-ground-pane .ymaps-2-1-79-user-selection-none {
  -webkit-filter: grayscale(0.9) invert(0.9) contrast(0.9);
          filter: grayscale(0.9) invert(0.9) contrast(0.9);
}

.map .ymaps-2-1-79-balloon__layout {
  background: none;
}

.map .ymaps-2-1-79-balloon__content {
  background: none;
  padding: 0;
}

.map .ymaps-2-1-79-balloon__content ymaps {
  padding: 0;
  width: auto !important;
}

.map .ymaps-2-1-79-balloon_layout_panel {
  background: none;
}

.map .ymaps-2-1-79-balloon {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.map .ymaps-2-1-79-balloon__close {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.map .ymaps-2-1-79-balloon__close-button {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.map .ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
  margin-right: 0;
}

.map .ymaps-2-1-79-balloon__tail {
  display: none;
}

.map .ymaps-2-1-79-balloon-overlay {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.baloon {
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
  background: var(--color-2);
  width: 408px;
  padding: 14px 28px;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.baloon li {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: var(--white);
}

.baloon li:not(:last-child) {
  margin-bottom: 10px;
}

.baloon li:last-child {
  font-size: 14px;
}

.not-found {
  background: var(--color-4);
  padding: 120px 0 206px;
}

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

.not-found__wrapper img {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
}

.not-found__wrapper h1 {
  color: var(--color-1);
  margin: 0 auto;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
  max-width: 846px;
}

.not-found__wrapper a {
  color: var(--white);
  background: var(--color-5);
  border: 1px solid var(--color-5);
  border-radius: 40px;
  display: block;
  margin: 0 auto;
  padding: 14px 41px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.not-found__wrapper a:hover {
  background: var(--white);
  color: var(--color-1);
  border: 1px solid var(--color-1);
}

.burger {
  width: 48px;
  height: 48px;
  display: none;
  cursor: pointer;
  background-image: url("/local/templates/hf/css/../img/burger.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header-main .burger {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.header {
  border-bottom: 1px solid rgba(66, 63, 74, 0.2);
}

.header__wrapper {
  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: 16px;
  position: relative;
}

.header__phone-mob {
  display: none;
}

.header__logo img {
  width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 21px;
}

.header__phone p {
  font-weight: 500;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__phone:hover {
  color: var(--color-6);
}

.header__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.header__socials a img {
  opacity: 0.4;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 24px;
  height: 24px;
}

.header__socials a:hover img {
  opacity: 1;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__mobile {
  display: none;
}

.header .nav__list {
  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: 16px;
}

.header .nav__item {
  padding: 28px 0;
}

.header .nav__link {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header .nav__link:hover {
  color: var(--color-6);
}

.header .nav__arrow .nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.header .nav__arrow .nav__link::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M2.5 6L8.5 12L14.5 6' stroke='white' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 17px;
  height: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.header .nav__sublist {
  overflow: hidden;
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  width: calc(100% - 180px);
  min-height: 306px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
  background: var(--white);
  padding: 40px 50px;
  z-index: -1;
}

.header .nav__item-small {
  position: relative;
}
.header .nav__item-small:hover ul {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}

.header .nav__item-small ul {
    position: relative;
  position: absolute;
  top: calc(100% + 1px);
left: -24px;
  width: 633px;
  height: 298px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
  background: var(--white);
  padding: 24px;
}

.header .nav__item-small ul li:not(:last-child) {
  margin-bottom: 16px;
}
.header .nav__item-small ul li img{
    width: 269px;
height: 249px;
position: absolute;
top: 24px;
right: 24px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
  transition: 0.3s;
}
.header .nav__item-small ul li a {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-1);
    opacity: 0.5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;
  width: 217px;
  display: block;
  position: relative;
}
.header .nav__item-small ul li a::after{
    content: "";    
    position: absolute;
    left: 100%;
    top: 50%;
   
    background-image: url("data:image/svg+xml,%3Csvg width='49' height='8' viewBox='0 0 49 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.1716 0.146447L48.3536 3.32843C48.5488 3.52369 48.5488 3.84027 48.3536 4.03553L45.1716 7.21751C44.9763 7.41278 44.6597 7.41278 44.4645 7.21751C44.2692 7.02225 44.2692 6.70567 44.4645 6.51041L46.7929 4.18198H0V3.18198H46.7929L44.4645 0.853553C44.2692 0.658291 44.2692 0.341709 44.4645 0.146447C44.6597 -0.0488155 44.9763 -0.0488155 45.1716 0.146447Z' fill='%23423F4A'/%3E%3C/svg%3E%0A");
    height: 8px;
    width: 49px;
    margin-left: 8px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            opacity: 0;
} 
.header .nav__item-small ul li:hover a{
 opacity: 1;
}
.header .nav__item-small ul li:hover img {
  opacity: 1;
  visibility: visible;


}
.header .nav__item-small ul li:hover   a::after{
    opacity: 1;
}
.header .nav__subitem {
  width: 188px;
}

.header .nav__subitem:not(:last-child) {
  margin-bottom: 15px;
}

.header .nav__subitem > a {
  color: var(--color-5);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header .nav__subitem ul {
  position: absolute;
  left: 317px;
  top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow-x: auto;
  width: calc(100% - 370px);
  gap: 16px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  will-change: transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-bottom: 24px;
}

.header .nav__subitem ul::-webkit-scrollbar {
  height: 2px;
  background: var(--color-4);
}

.header .nav__subitem ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: var(--color-5);
}

.header .nav__subitem ul::-webkit-scrollbar-track {
  border-radius: 2px;
  background: var(--color-4);
}

.header .nav__subitem ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.header .nav__subitem ul li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.header .nav__subitem ul li a img {
  width: 260px;
  height: 171px;
  -o-object-fit: cover;
     object-fit: cover;
}

.header .nav__subitem ul li a p {
  font-size: 14px;
  margin-top: 12px;
}

.header .nav__subitem.active > a {
  color: var(--color-1);
}

.header .nav__subitem.active ul {
  opacity: 1;
  visibility: visible;
}

.header .nav__subitem-arrow > a {
  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: 8px;
}

.header .nav__subitem-arrow > a::after {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L12 8L6 2' stroke='%23B3B2B7' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.menu-mobile {
  display: none;
}

.header-main {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-main .header__phone p {
  color: #fff;
}

.header-main .header__phone p:hover {
  color: var(--color-6);
}

.header-main .nav__link {
  color: #fff;
}

.header-main .header__socials a img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.header-main .header__logo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.header-main .nav__arrow .nav__link::after {
  -webkit-filter: none;
          filter: none;
}

.nav__arrow:hover ul.nav__sublist {
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

.header .nav__subitem-arrow > a::after:hover ul {
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

.form {
  background: var(--color-4);
  padding: 40px 48px;
  max-width: 588px;
  width: 100%;
}

.form__title {
  font-weight: 400;
  font-size: 32px;
  color: #1a1a18;
  margin-bottom: 16px;
}

.form__text {
  margin-bottom: 24px;
}

.form__content label {
  position: relative;
  display: block;
  width: 100%;
}

.form__content label.active input,
.form__content label.active textarea {
  border-bottom: 1px solid var(--red2) !important;
}

.form__content label.active .error {
  padding: 13px 0;
  opacity: 1;
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
}

.form__content label textarea {
  width: 100%;
  height: 61px;
  resize: none;
  border: none;
  background: var(--color-4);
  border-bottom: 1px solid var(--color-5);
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.form__content label textarea::-webkit-input-placeholder {
  opacity: 0.5;
}

.form__content label textarea::-moz-placeholder {
  opacity: 0.5;
}

.form__content label textarea:-ms-input-placeholder {
  opacity: 0.5;
}

.form__content label textarea::-ms-input-placeholder {
  opacity: 0.5;
}

.form__content label textarea::placeholder {
  opacity: 0.5;
}

.form__content label textarea:focus {
  outline: none;
  border-bottom: 1px solid var(--color-2);
}

.form__inputs {
  margin-bottom: 16px;
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.form__input {
  border: none;
  background: var(--color-4);
  border-bottom: 1px solid var(--color-5);
  padding-bottom: 16px;
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.form__input::-webkit-input-placeholder {
  opacity: 0.5;
}

.form__input::-moz-placeholder {
  opacity: 0.5;
}

.form__input:-ms-input-placeholder {
  opacity: 0.5;
}

.form__input::-ms-input-placeholder {
  opacity: 0.5;
}

.form__input::placeholder {
  opacity: 0.5;
}

.form__input:hover {
  border-bottom: 1px solid var(--color-2);
}

.form__input:focus {
  outline: none;
  border-bottom: 1px solid var(--color-2);
}

.form .error {
  font-weight: 400;
  font-size: 14px;
  color: var(--red);
  height: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.form__btn {
  margin-top: 24px;
  margin-bottom: 16px;
  width: 100%;
}

.form__check {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.form__check input {
  display: none;
}

.form__check input:checked + span {
  background-color: var(--color-2);
  border: 1px solid var(--color-2);
  background-size: 12px 12px;
}

.form__check span {
  cursor: pointer;
  display: block;
  border: 1px solid var(--color-5);
  border-radius: 5px;
  min-width: 20px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0 0;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.form__check p {
  opacity: 0.5;
  font-size: 16px;
}

.form__check p a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

.form__check.active span {
  border: 1px solid var(--red);
}

.form__check.active p {
  color: var(--red);
  opacity: 1;
}

.form-application {
  margin-bottom: -350px;
  position: relative;
  z-index: 10;
}

.form-showroom,
.form-cooperation {
  max-width: 486px;
  padding: 0;
  background: #fff;
}

.form-showroom .form__content label textarea,
.form-showroom .form__input,
.form-cooperation .form__content label textarea,
.form-cooperation .form__input {
  background: #fff;
  padding: 16px 20px;
  border: 1px solid rgba(66, 63, 74, 0.2);
}

.form-showroom .form__content label textarea,
.form-cooperation .form__content label textarea {
  height: 105px;
}

.form-showroom .form__content label,
.form-cooperation .form__content label {
  margin-bottom: 10px;
}

.form-showroom .form__btn,
.form-cooperation .form__btn {
  border-radius: 0;
  padding: 18px;
  font-weight: 600;
}

.form-showroom .form__check p,
.form-cooperation .form__check p {
  font-size: 14px;
}

.form-feedback,
.form-subscribe {
  padding: 0;
  background: #fff;
}

.form-subscribe .form__content label textarea,
.form-subscribe .form__input {
  background: #fff;
  margin-bottom: 16px;
}

.form-feedback .form__content label textarea,
.form-feedback .form__input {
  background: #fff;
}

.form-subscribe .form__btn {
  margin-top: 8px;
}

.main {
  height: 100vh;
  position: relative;
  margin-bottom: 100px;
}

.main__wrapper {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  position: relative;
}

.main__slide {
  padding-bottom: 88px;
  height: 100%;
  position: relative;
}

.main__slide::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}

.main__title {
  font-weight: 400;
  font-size: 40px;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 16px;
  max-width: 690px;
}

.main .container {
  height: 100%;
}

.main .swiper-wrapper {
  height: 100%;
}

.main .swiper-slide {
  height: 100%;
}

.main .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  position: absolute;
  left: calc(50% + 266px);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 80px;
  max-width: 700px;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 16px;
}

.main .swiper-pagination-bullet {
  cursor: pointer;
  width: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  display: block;
  border-radius: 0;
  background: none;
  color: var(--white);
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 16px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.main .swiper-pagination-bullet::after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 1px;
  background: var(--white);
  opacity: 0.6;
}

.main .swiper-pagination-bullet:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.main .swiper-pagination-bullet-active {
  background: none;
  opacity: 1;
}

.main .swiper-pagination-bullet-active::after {
  position: static;
  width: 67px;
}

.main .link {
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}

.main .link::before {
  background: rgba(255, 255, 255, 0.5);
}

.modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.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;
  height: 100dvh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modal-overlay.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 150;
}

.modal {
  max-width: 588px;
  width: 95%;
  overflow: visible;
  max-height: 85%;
  display: none;
  position: relative;
  -webkit-box-shadow: 0 4px 15px 0 rgba(82, 82, 82, 0.25);
          box-shadow: 0 4px 15px 0 rgba(82, 82, 82, 0.25);
  background: var(--white);
}

.modal.active {
  display: block;
}

.modal__wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 118px);
  padding: 40px 70px;
}

.modal img {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
}

.modal__title {
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  color: var(--color-1);
  margin-bottom: 16px;
}

.modal__text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 24px;
}

.modal .close-icon {
  width: 32px;
  height: 32px;
  position: absolute;
  right: -42px;
  top: -42px;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z' fill='white'/%3E%3Cpath d='M20.1996 11.8008L11.7996 20.2008' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7996 11.8008L20.1996 20.2008' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.modal__btn {
  padding: 18px 17px;
  margin: 0 auto;
  cursor: pointer;
}

.modal-subscribe .modal__wrapper {
  padding: 40px 48px 48px;
}

.about {
  margin-bottom: 100px;
  scroll-margin-top: 30px;
}

.about h2 {
  max-width: 657px;
  margin-bottom: 16px;
}

.about__texts {
  width: 74.5%;
  margin-left: auto;
  margin-bottom: 16px;
}

.about__texts p:not(:last-child) {
  margin-bottom: 16px;
}

.about__texts.active {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.about__images {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 1.41fr 1fr;
  grid-template-columns: 1.41fr 1fr;
}

.about__images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about .more,
.about .link {
  margin-left: auto;
  margin-bottom: 32px;
}

.about-hidden h2 {
  max-width: 782px;
}

.about-page .about__texts,
.about-cooperation .about__texts {
  margin-bottom: 32px;
}

.category {
  margin-bottom: 100px;
}

.category h2 {
  max-width: 430px;
  margin-bottom: 20px;
}

.category__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.category__img {
  overflow: hidden;
  height: 360px;
  margin-bottom: 16px;
}

.category__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.technic {
  margin-bottom: 100px;
  background: var(--color-4);
  position: relative;
  overflow: hidden;
}

.technic__wrapper {
  height: 100%;
}

.technic h2 {
  margin-bottom: 16px;
}

.technic p {
  margin-bottom: 32px;
}

.technic__slide {
  min-height: 441px;
  height: 100%;
}

.technic__slide-inner {
  padding-top: 60px;
  padding-bottom: 118px;
  width: 44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.technic__img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
}

.technic__bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.technic__logo {
  position: absolute;
  width: 96px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  right: 120px;
  bottom: 60px;
}

.technic__btn {
  max-width: 282px;
  width: 100%;
}

.technic .swiper-button-next:hover,
.technic .swiper-button-prev:hover {
  background: var(--color-5);
}

.technic .container {
  height: 100%;
}

.technic .swiper {
  overflow: visible;
}

.technic .swiper-slide {
  position: relative;
  visibility: hidden;
  background: var(--color-4);
}

.technic .swiper-slide-active {
  visibility: visible;
}

.technic .swiper-inner {
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1232px;
  width: 100%;
  padding: 0 16px;
}

.technic-design .technic__slide-inner {
  padding-bottom: 124px;
  max-width: 554px;
  width: 50%;
}

.technic-design.technic p {
  margin-bottom: 16px;
}

.technic-about .technic__slide-inner {
  padding-bottom: 60px;
}

.solution {
  margin-bottom: 100px;
}

.solution__wrapper {
  position: relative;
}

.solution h2 {
  margin-bottom: 24px;
}

.solution__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  overflow-x: auto;
  margin-bottom: 22px;
  padding-bottom: 10px;
}

.solution__tabs-btn {
  border: 1px solid var(--color-4);
  background: var(--color-4);
  border-radius: 40px;
  cursor: pointer;
  padding: 14px 32px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

.solution__tabs-btn:hover {
  border: 1px solid var(--color-5);
  background: var(--white);
}

.solution__tabs-btn.active {
  border: 1px solid var(--color-5);
  background: var(--color-5);
  color: var(--white);
}

.solution__tabs-btn.active:hover {
  background: var(--color-5);
  border: 1px solid var(--color-5);
}

.solution__tabs-item {
  display: none;
}

.solution__tabs-item.active {
  display: block;
}

.solution__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.solution__img {
  overflow: hidden;
  height: 383px;
  margin-bottom: 16px;
}

.solution__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.solution__card-title {
  font-size: 14px;
  margin-bottom: 10px;
}

.solution .swiper {
  position: static;
}

.solution .swiper-inner {
  position: absolute;
  right: 0;
  top: 60px;
}

.portfolio {
  margin-bottom: 100px;
}

.portfolio__wrapper {
  position: relative;
}

.portfolio h2 {
  margin-bottom: 16px;
}

.portfolio__tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  overflow-x: auto;
  margin-bottom: 22px;
  padding-bottom: 10px;
}

.portfolio__tabs-btn {
  border: 1px solid var(--color-4);
  background: var(--color-4);
  border-radius: 40px;
  cursor: pointer;
  padding: 14px 32px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

.portfolio__tabs-btn:hover {
  border: 1px solid var(--color-5);
  background: var(--white);
}

.portfolio__tabs-btn.active {
  border: 1px solid var(--color-5);
  background: var(--color-5);
  color: var(--white);
}

.portfolio__tabs-btn.active:hover {
  background: var(--color-5);
  border: 1px solid var(--color-5);
}

.portfolio__tabs-content p {
  margin-top: 24px;
  text-transform: uppercase;
}
.portfolio__cards p{
    text-transform: uppercase;
}
.portfolio__tabs-item {
  display: none;
}

.portfolio__tabs-item.active {
  display: block;
}

.portfolio__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  overflow-x: auto;
  width: 100%;
  padding-bottom: 10px;
}

.portfolio__sort-btn {
  background: var(--color-4);
  padding: 14px 29px;
  border-radius: 40px;
  white-space: nowrap;
  width: 100%;
  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;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.portfolio__sort-btn:hover {
  background: var(--white);
  color: var(--color-1);
  -webkit-box-shadow: inset 0px 0px 0px 1px var(--color-1);
          box-shadow: inset 0px 0px 0px 1px var(--color-1);
}

.portfolio__sort-btn.active {
  background: var(--color-1);
  color: var(--white);
}

.portfolio__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.portfolio__img {
  overflow: hidden;
  height: 462px;
}

.portfolio__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.portfolio__card-title {
  font-size: 14px;
  margin-bottom: 10px;
}

.portfolio__cards .swiper {
  overflow: visible;
}

.portfolio__cards .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.portfolio__cards .portfolio__img {
  margin-bottom: 24px;
  height: 462px;
}

.portfolio .portfolio-swiper {
  position: static;
  height: auto;
}

.portfolio .portfolio-swiper .swiper-slide {
  height: 100%;
}

.portfolio .swiper-inner {
  position: absolute;
  right: 0;
  top: 60px;
}

.portfolio .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  position: absolute;
  right: 24px;
  bottom: 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.portfolio .swiper-pagination-bullet {
  cursor: pointer;
  width: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  display: block;
  border-radius: 0;
  background: none;
  font-size: 14px;
  color: var(--white);
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.portfolio .swiper-pagination-bullet::after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 1px;
  background: var(--white);
  opacity: 0.6;
}

.portfolio .swiper-pagination-bullet:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.portfolio .swiper-pagination-bullet:last-child::after {
  margin-right: 0px;
  margin-left: -8px;
}

.portfolio .swiper-pagination-bullet-active {
  background: none;
  opacity: 1;
}

.portfolio .swiper-pagination-bullet-active::after {
  position: static;
  width: 40px;
  margin-right: -8px;
}

.portfolio .link {
  margin-bottom: 24px;
}

.news {
  margin-bottom: 100px;
  overflow: hidden;
  position: relative;
}

.news::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 1872px;
  height: 282px;
  left: 0;
  background: url("/local/templates/hf/css/../img/logo-bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
}

.news__wrapper {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 60px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 44px;
}

.news h2 {
  margin-bottom: 16px;
}

.news p {
  margin-bottom: 32px;
}

.news__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.news__img {
  position: relative;
  overflow: hidden;
  height: 360px;
  margin-bottom: 24px;
}

.news__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.news__brand {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 96px !important;
  height: auto !important;
  -o-object-fit: contain;
     object-fit: contain;
}

.news .link {
  margin-bottom: 32px;
}

.news .swiper-inner {
  margin-top: auto;
}

.news .news-swiper {
  margin-top: 50px;
}

.news .swiper-wrapper {
  height: 100%;
}

.news .link-arrow {
  max-width: 360px;
}

.main-page {
  height: 581px;
  padding: 88px 0;
  position: relative;
  margin-bottom: 100px;
}

.main-page::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.main-page__wrapper {
  position: relative;
  width: 100%;
}

.main-page h1 {
  max-width: 590px;
  margin-bottom: 16px;
}

.main-page p {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 486px;
  color: var(--white);
}

.main-page .link {
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}

.main-page .link::before {
  background: rgba(255, 255, 255, 0.5);
}

.main-page .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.main-portfolio {
  margin-bottom: 60px;
}

.advantages-slider {
  margin-bottom: 100px;
}

.advantages-slider h2 {
  margin-bottom: 32px;
}

.advantages-slider__item {
  background: var(--color-4);
  padding: 204px 32px 40px;
  min-height: 384px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
}

.advantages-slider__num {
  background: var(--color-1);
  position: absolute;
  top: 0;
  right: 0;
  font-size: 40px;
  text-transform: uppercase;
  color: var(--white);
  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: 60px;
  height: 60px;
}

.advantages-slider__title {
  position: absolute;
  width: calc(100% - 64px);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 31px;
  height: 148px;
  font-size: 24px;
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.advantages-slider .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-hover {
  position: relative;
  background: var(--color-4);
  padding: 60px 0 112px;
  margin-bottom: 100px;
}

.product-hover__wrapper {
  width: 50%;
  margin-left: auto;
  padding-left: 80px;
}

.product-hover__images {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  top: 0;
}

.product-hover__images img {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-position: top;
  display: block;
}

.product-hover__images img.active {
  position: static;
  opacity: 1;
  visibility: visible;
}

.product-hover__titles {
  margin-bottom: 48px;
}

.product-hover__titles h2 {
  height: 49px;
  white-space: nowrap;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

.product-hover__titles h2.active {
  max-height: 50px;
  position: static;
  opacity: 1;
  visibility: visible;
}

.product-hover__item a {
  font-size: 24px;
  color: var(--color-5);
  cursor: pointer;
  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-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  gap: 10px;
  white-space: nowrap;
}

.product-hover__item a::before {
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='79' height='8' viewBox='0 0 79 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646446 4.35355C0.451187 4.15829 0.451187 3.84171 0.646446 3.64645L3.82843 0.464466C4.02369 0.269204 4.34027 0.269204 4.53554 0.464466C4.7308 0.659728 4.7308 0.976311 4.53554 1.17157L1.70711 4L4.53554 6.82843C4.7308 7.02369 4.7308 7.34027 4.53554 7.53553C4.34027 7.7308 4.02369 7.7308 3.82843 7.53553L0.646446 4.35355ZM79 4.5H1V3.5H79V4.5Z' fill='%23423F4A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 79px;
  height: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.product-hover__item.active a {
  color: var(--color-1);
}

.product-hover__item.active a::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.product-hover__item:not(:last-child) {
  margin-bottom: 20px;
}

.product-hover-mebel {
  padding: 60px 0 124px;
}

.product-hover-mebel .product-hover__list {
  padding-right: 102px;
}

.workflow {
  overflow: hidden;
  margin-bottom: 100px;
}

.workflow h2 {
  margin-bottom: 80px;
}

.workflow__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--color-5);
  width: 100%;
}

.workflow__slide {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 72px;
}

.workflow__slide.active {
  width: 100%;
}

.workflow__slide.active .workflow__slide-num {
  opacity: 1;
  width: auto !important;
  padding-right: 56px;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
}

.workflow__slide.active .workflow__slide-num-small {
  display: none;
}

.workflow__slide.active p {
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: auto;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
}

.workflow__slide.active .workflow__slide-btn {
  border: 1px solid var(--color-1);
  background: var(--color-1);
  cursor: auto;
}

.workflow__slide img {
  -o-object-fit: contain;
     object-fit: contain;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.workflow__slide p {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  max-width: 453px;
  -webkit-transform: translateX(-400px);
      -ms-transform: translateX(-400px);
          transform: translateX(-400px);
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  -o-transition: transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
}

.workflow__slide-num {
  opacity: 0;
  width: 0 !important;
  height: 115px;
  -webkit-transform: translateX(-400px);
      -ms-transform: translateX(-400px);
          transform: translateX(-400px);
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  -o-transition: transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
}

.workflow__slide-num-small {
  height: 40px;
}

.workflow__slide-title {
  font-size: 20px;
  margin-bottom: 16px;
}

.workflow__slide-text {
  font-size: 16px;
}

.workflow__slide-btn {
  position: absolute;
  border-radius: 100%;
  background: var(--white);
  border: 1px solid var(--color-5);
  width: 24px;
  height: 24px;
  left: 0;
  bottom: -12px;
  cursor: pointer;
}

.workflow__images {
  margin-top: 70px;
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 1.41fr 1fr;
  grid-template-columns: 1.41fr 1fr;
}

.workflow__images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@-webkit-keyframes transformLeft {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes transformLeft {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@-webkit-keyframes transformRight {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes transformRight {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }

  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

.portfolio-slider {
  margin-bottom: 100px;
}

.portfolio-slider__inner {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}

.portfolio-slider__advantages {
  margin-top: 40px;
  border-top: 1px solid var(--color-5);
  border-bottom: 1px solid var(--color-5);
  padding: 41px 0 31px;
}

.portfolio-slider__advantages ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: auto;
  width: 100%;
  padding-bottom: 10px;
}

.portfolio-slider__advantages ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-weight: 500;
}

.portfolio-slider__advantages ul li::before {
  display: block;
  content: "";
  min-width: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-5);
  margin-top: 4px;
}

.portfolio-slider__advantages ul li:nth-child(1) {
  min-width: 180px;
}

.portfolio-slider__advantages ul li:nth-child(2) {
  min-width: 148px;
}

.portfolio-slider__advantages ul li:nth-child(3) {
  min-width: 205px;
}

.portfolio-slider__advantages ul li:nth-child(4) {
  min-width: 254px;
}

.portfolio-slider__advantages ul li:nth-child(5) {
  min-width: 231px;
}

.portfolio-slider .swiper-slide {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  height: 501px;
}

.portfolio-slider .swiper-slide img {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.portfolio-slider .swiper-inner {
  position: absolute;
  left: 1px;
  bottom: 1px;
}

.portfolio-slider .swiper-slide-prev {
  height: 134px;
}

.portfolio-slider .swiper-slide-prev img {
  height: 134px;
}

.portfolio-slider .swiper-slide-active {
  width: 23.5% !important;
}

.portfolio-slider .swiper-slide-active img {
  height: 57%;
}

.portfolio-slider .swiper-slide-next {
  width: 74.5% !important;
}

.collection {
  margin-bottom: 100px;
}

.collection__cards {
  display: -ms-grid;
  display: grid;
  gap: 13px 24px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.collection h2 {
  max-width: 609px;
  margin-bottom: 32px;
}

.collection__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: relative;
  padding-bottom: 16px;
}

.collection__card::before {
  position: absolute;
  content: "";
  top: -12px;
  left: -12px;
  width: calc(100% + 24px);
  height: calc(100% + 12px);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.collection__img {
  overflow: hidden;
  height: 344px;
  margin-bottom: 16px;
}

.collection__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.collection__cap {
  background: #f2eeec;
  padding: 40px;
  height: 344px;
  position: relative;
}

.collection__cap::before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 350px;
  height: 290px;
  background-image: url(/local/templates/hf/css/../img/cap.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.collection__cap-title {
  position: relative;
  font-size: 24px;
  margin-bottom: 10px;
}

.collection__cap-text {
  padding-bottom: 24px;
  position: relative;
}

.collection__cap-link {
  position: relative;
  color: var(--white);
  padding: 14px 22px;
  background: var(--color-2);
  border-radius: 40px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.collection__cap-link:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(66, 63, 74, 0.2);
          box-shadow: 0 0 10px 0 rgba(66, 63, 74, 0.2);
  background: var(--white);
  color: var(--color-2);
}

.collection__cap-link:active {
  background: var(--color-2);
  color: var(--white);
  opacity: 0.6;
}

.advantages {
  background: var(--color-4);
  padding: 60px 0 70px;
  overflow: hidden;
  margin-bottom: 100px;
}

.advantages h2 {
  max-width: 587px;
  margin-bottom: 32px;
}

.advantages__inner {
  position: relative;
}

.advantages__inner::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1000%;
  height: 1px;
  background: var(--color-2);
}

.advantages ul {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  overflow-x: auto;
  position: relative;
  padding-bottom: 10px;
  width: 100%;
}

.advantages ul li {
  padding-top: 48px;
  min-width: 242px;
  max-width: 282px;
  position: relative;
}

.advantages ul li p:first-child {
  font-size: 20px;
  color: var(--color-1);
  margin-bottom: 16px;
}

.advantages ul li p:last-child {
  font-size: 14px;
  opacity: 0.7;
}

.advantages ul li::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0;
  border: 1px solid var(--color-2);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: var(--color-4);
}

.advantages ul li:first-child::before {
  background: var(--color-2);
}

.functional {
  margin-bottom: 100px;
}

.functional__inner {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 60px;
}

.functional__grid > img:nth-child(1) {
  height: 486px;
  margin-bottom: 24px;
}

.functional__grid img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 502px;
}

.functional__grid-inner {
  gap: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}

.functional__grid-inner img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 1/3/2/4;
}

.functional__grid-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.functional__texts p:not(:last-child) {
  margin-bottom: 16px;
}

.functional__texts.active {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.functional .more {
  position: absolute;
  right: 0;
  bottom: 0;
}

.functional-hidden .functional__inner {
  padding-bottom: 43px;
  margin-bottom: 32px;
}

.functional-hidden .functional__inner p {
  max-width: 486px;
  margin-left: auto;
}

.materials {
  margin-bottom: 100px;
}

.materials__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 46px;
}

.materials__inner {
  max-width: 588px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.materials h2 {
  margin-bottom: 16px;
}

.materials p {
  margin-top: auto;
}

.materials__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  max-width: 584px;
  height: 338px;
  width: 100%;
}

.materials__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  height: 100%;
  width: 100%;
  min-width: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}

.materials__img:hover {
  -webkit-box-flex: 2.2;
      -ms-flex: 2.2;
          flex: 2.2;
}

.slider {
  margin-bottom: 100px;
}

.slider__inner {
  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: 32px;
}

.slider img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.slider__item {
  height: 100%;
}

.slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slider__item-inner {
  height: 100%;
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.processing {
  overflow: hidden;
  margin-bottom: 100px;
}

.processing__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}

.processing__wrapper p {
  max-width: 588px;
}

.processing__inner {
  max-width: 530px;
}

.processing__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: 100%;
}
.processing .swiper {
    width: 244px;
    min-width: 244px;
}
.processing__item {
  padding-right: 6px;
  min-width: 244px;
  width: 244px;
  min-width: 244px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.processing__item img {
  -webkit-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
  width: 100%;
  margin-bottom: 16px;
  height: 600px;
}

.processing__item p {
  text-align: center;
  font-size: 20px;
  text-align: center;
}

.processing h2 {
  margin-bottom: 32px;
}

.processing .swiper {
  overflow: visible;
}

.processing .swiper-slide {
  -webkit-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
}

.processing .swiper-slide-prev {
  position: relative;
  z-index: -1;
}

.articles {
  margin-bottom: 100px;
}

.articles__inner {
  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: 30px;
  gap: 20px;
}

.articles .swiper {
  padding: 10px;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.articles__cards {
  display: -ms-grid;
  display: grid;
  gap: 32px 24px;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.articles__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: relative;
}

.articles__card::before {
  position: absolute;
  content: "";
  top: -12px;
  left: -12px;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.articles__img {
  overflow: hidden;
  height: 386px;
  margin-bottom: 10px;
}

.articles__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.articles__date {
  position: relative;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--color-5);
}

.articles .link-arrow {
  width: 100%;
  padding-right: 12px;
}

.article {
  margin-bottom: 100px;
}

.article__inner {
  width: 100%;
}

.article__img-title  {
  overflow: hidden;
  background: #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;  
  margin-bottom: 32px;  
}
.article__img-title a {
  position: relative;
}
.article__img-title a::before  {
  position: absolute;
  left: 37px;
  bottom: -20px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='296' height='39' viewBox='0 0 296 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M151.783 43.8736V43.0912H145.946V12.9394H157.441V12.157H145.946V9.26821C145.946 2.64805 147.751 1.08329 149.797 0.782374C152.084 0.361092 154.01 1.86567 156.839 9.08766H157.441V1.38421C155.816 0.842558 153.047 -7.79123e-06 149.737 -7.79123e-06C142.154 -7.79123e-06 138.664 3.5508 138.543 12.157H129.155V12.1575H103.276V23.1108H104.118C104.78 17.1527 105.924 13.4213 112.845 13.4213H121.872L102.674 43.0917V43.8741H130.117V32.9207H129.275C128.673 38.8789 127.469 42.55 120.548 42.55H110.799L130.358 12.9399V12.9394H138.543V43.0912H135.173V43.8736H151.783ZM14.2032 43.8732V43.0909H10.7728V22.8693C10.7728 19.7999 15.0458 15.5871 19.1985 15.0455C25.5779 14.2631 27.7445 17.4528 27.7445 22.2675V43.0909H24.3742V43.8732H38.5775V43.0909H35.147V22.8091C35.147 16.5501 32.86 11.3743 24.5548 11.3743C18.7772 11.3743 13.7218 14.8649 10.7728 20.161V1.74498H0V2.52736H3.43044V43.0909H0V43.8732H14.2032ZM61.2671 44.2956C70.0538 44.2956 79.4424 39.3004 79.4424 27.8656C79.4424 16.491 70.0538 11.4356 61.2671 11.4356C52.4803 11.4356 43.0917 16.491 43.0917 27.8656C43.0917 39.3004 52.4803 44.2956 61.2671 44.2956ZM51.0351 27.8647C51.0351 36.7719 54.7063 43.5726 61.2663 43.5726C67.8262 43.5726 71.4974 36.7719 71.4974 27.8647C71.4974 18.9576 67.8262 12.1569 61.2663 12.1569C54.7063 12.1569 51.0351 18.9576 51.0351 27.8647ZM98.4584 43.8732V43.0909H95.0279V1.74498H84.2551V2.52736H87.6856V43.0909H84.2551V43.8732H98.4584ZM178.925 44.2956C187.712 44.2956 197.1 39.3004 197.1 27.8656C197.1 16.491 187.712 11.4356 178.925 11.4356C170.138 11.4356 160.75 16.491 160.75 27.8656C160.75 39.3004 170.138 44.2956 178.925 44.2956ZM168.694 27.8647C168.694 36.7719 172.365 43.5726 178.925 43.5726C185.485 43.5726 189.156 36.7719 189.156 27.8647C189.156 18.9576 185.485 12.1569 178.925 12.1569C172.365 12.1569 168.694 18.9576 168.694 27.8647ZM218.044 43.8731V43.0907H212.688V24.3737C212.688 21.3044 215.095 17.2119 217.021 16.3092C220.873 14.5037 223.581 18.4758 224.484 21.9664H224.965L229.9 14.0824C228.998 12.8185 226.289 11.3741 223.762 11.3741C218.165 11.3741 214.614 15.1657 212.688 21.0035V12.1565H201.915V12.9389H205.285V43.0907H201.915V43.8731H218.044ZM248.316 43.0907V43.8731H234.112V43.0907H237.543V12.9389H234.112V12.1565H244.945V20.1609C247.834 14.8647 252.408 11.3741 258.186 11.3741C265.408 11.3741 267.695 15.286 268.176 20.4016C271.065 14.9851 275.699 11.3741 281.597 11.3741C289.902 11.3741 291.647 16.5499 291.647 22.8089V43.0907H295.078V43.8731H280.875V43.0907H284.305V22.2673C284.305 17.4526 282.62 14.2629 276.241 15.0453C272.028 15.5869 268.296 19.7998 268.296 22.8691V43.0907H271.667V43.8731H257.524V43.0907H260.894V22.2673C260.894 17.4526 259.209 14.2629 252.829 15.0453C248.677 15.5869 244.945 19.7998 244.945 22.8691V43.0907H248.316Z' fill='%23ECECEC'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 618px;
  height: 81px;
}
.article__img-title p {
  font-size: 24px;
  text-transform: uppercase;
  text-align: right;
  padding: 20px 33px 20px 20px;
}
.article__img-title img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.article__img-title a {
  aspect-ratio: 16/5;
  max-width: 810px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0; 
}

.article__inner p {
  margin-bottom: 16px;
}

.article__inner p b {
  font-weight: 600;
}

.article__inner ul {
  margin: 24px 0 32px;
}

.article__inner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}

.article__inner ul li:not(:last-child) {
  margin-bottom: 10px;
}

.article__inner ul li::before {
  display: block;
  content: "";
  border-radius: 100%;
  background: var(--color-2);
  min-width: 6px;
  width: 6px;
  height: 6px;
  margin-top: 6px;
}

.article h2 {
  margin: 60px 0 24px;
  font-size: 32px;
}

.article h1 {
  color: var(--color-1);
  margin-bottom: 24px;
}

.article__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 80px;
}

.article__big-text {
  font-size: 20px;
}

.article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 32px;
}

.article__date,
.article__views,
.article__time {
  background: var(--color-3);
  padding: 10px 12px;
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.article__date img,
.article__views img,
.article__time img {
  width: 24px;
  height: 24px;
}

.article__date p,
.article__views p,
.article__time p {
  margin-bottom: 0 !important;
  font-size: 16px;
}

.article__images {
  margin: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.article__images picture,
.article__images a,
.article__images img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.article__images img {
  max-width: 690px;
  min-height: 212px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article__images-grid {
  display: -ms-grid;
  display: grid;
  gap: 10px;
   -ms-grid-rows: 1fr 10px 1fr;
  grid-template-rows: repeat(2, 1fr);
}
.article__images-grid a:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: 1 / 1 / 2 / 4;
}
.article__images-grid a:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 3 / 2;
}
.article__images-grid a:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2 / 2 / 3 / 3;
}
.article__images-grid a:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 2 / 3 / 3 / 4;
}
.article__images-grid img {
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.article__images-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.article__images-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.article ul.article__sublist {
  padding-left: 10px;
  margin-top: -10px;
  margin-bottom: 6px;
}

.article ul.article__sublist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}

.article ul.article__sublist li:not(:last-child) {
  margin-bottom: 0;
}

.article ul.article__sublist li::before {
  background: var(--color-1);
  min-width: 2px;
  width: 2px;
  height: 2px;
  margin-top: 9px;
}

.article ol {
  margin: 24px 0;
  counter-reset: section;
}

.article ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  font-size: 20px;
}

.article ol li:not(:last-child) {
  margin-bottom: 16px;
}

.article ol li::before {
  counter-increment: section;
  content: counter(section, decimal-leading-zero);
  background: var(--color-5);
  border-radius: 40px;
  min-width: 40px;
  width: 40px;
  height: 40px;
  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: 20px;
  color: var(--white);
}

.article__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  gap: 16px;
}

.article__author img {
  border-radius: 100px;
  width: 64px;
  height: 64px;
}

.article__author-inner {
  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;
}

.article__author-inner p:first-child {
  font-size: 20px;
  margin-bottom: 6px;
}

.article__author-inner p:last-child {
  color: var(--color-5);
  margin-bottom: 0;
}

.article__description {
  background: var(--color-4);
  border-radius: 10px;
  padding: 32px 40px 40px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 20px;
  width: 430px;
}

.article__description p {
  font-size: 24px;
  margin-bottom: 19px;
}

.article__description ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.article__description ul li:not(:last-child) {
  margin-bottom: 10px;
}

.article__description ul li::before {
  display: block;
  content: "";
  border-radius: 100%;
  background: var(--color-2);
  min-width: 6px;
  width: 6px;
  height: 6px;
  margin-top: 6px;
}

.article__description ul li:not(:last-child) {
  margin-bottom: 16px;
}

.article__description-mobile {
  display: none;
}

.id {
  scroll-margin-top: 20px;
}

.about-project {
  margin-bottom: 100px;
  scroll-margin-top: 30px;
}

.about-project h2 {
  max-width: 601px;
  margin-bottom: 16px;
}

.about-project__texts {
  width: 74.5%;
  margin-left: auto;
  margin-bottom: 16px;
}

.about-project__texts p:not(:last-child) {
  margin-bottom: 16px;
}

.about-project__texts.active {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.about-project img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-project__image {
  margin-bottom: 24px;
}

.about-project__images {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 2.08fr 1fr;
  grid-template-columns: 2.08fr 1fr;
  margin-bottom: 24px;
}

.about-project .more {
  margin-left: auto;
  margin-bottom: 32px;
}

.about-project__images-grid {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 24px;
}

.about-project__images-reverse {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 1fr 2.08fr;
  grid-template-columns: 1fr 2.08fr;
}

.projects {
  margin-bottom: 100px;
}

.projects__inner {
  margin-bottom: 32px;
  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: 16px;
}

.projects__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.projects__card p {
  min-height: 40px;
}

.projects__img {
  margin-bottom: 24px;
  overflow: hidden;
  height: 462px;
}

.projects__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.designer {
  margin-bottom: 100px;
}

.designer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}

.designer h2 {
  margin-bottom: 16px;
}

.designer__inner {
  max-width: 588px;
  width: 100%;
}

.designer__inner p {
  margin-bottom: 24px;
}

.designer__inner a {
  opacity: 0.5;
}

.designer__author {
  text-align: center;
  max-width: 282px;
  width: 100%;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.designer__author img {
  border-radius: 100%;
  width: 282px;
  height: 282px;
  margin-bottom: 11px;
}

.designer__name {
  font-size: 20px;
  margin-bottom: 10px;
}

.designer__position {
  font-size: 14px;
  opacity: 0.7;
}

.designer .subtitle {
  margin-bottom: 32px;
}

.join {
  margin-bottom: 100px;
}

.join h2 {
  margin-bottom: 32px;
  max-width: 560px;
}

.join__cards {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.join__card img {
  width: 100%;
  margin-bottom: 24px;
}

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

.join__card-title {
  margin-bottom: 16px;
  font-size: 24px;
}

.contacts__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 70px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
}

.contacts h2 {
  margin-bottom: 16px;
}

.contacts__inner {
  max-width: 588px;
  width: 100%;
}

.contacts__inner p {
  margin-bottom: 40px;
}

.contacts__inner ul li:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-4);
  margin-bottom: 16px;
}

.contacts__inner ul li p:first-child {
  font-size: 14px;
  color: var(--color-5);
  margin-bottom: 16px;
}

.contacts__inner ul li p:last-child {
  margin-bottom: 0;
  font-size: 20px;
}

.contacts__inner ul li a {
  font-size: 20px;
}

.contacts__inner ul li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.contacts__inner ul li ul li {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.contacts__socials {
  margin-top: 24px;
}

.contacts__socials img {
  width: 32px;
  height: 32px;
  opacity: 0.4;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.contacts__socials img:hover {
  opacity: 1;
}

.detail {
  margin-bottom: 100px;
}

.detail__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}

.detail__wrapper p {
  max-width: 585px;
}

.detail h2 {
  margin-bottom: 24px;
  text-transform: none;
}

.detail__inner {
  max-width: 497px;
}

.detail__card img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.privacy {
  margin-bottom: 100px;
}

.privacy__wrapper {
  max-width: 894px;
}

.privacy h3,
.privacy h2 {
  font-size: 24px;
  margin-bottom: 24px;
  margin-top: 40px;
  text-transform: none;
}

.privacy p {
  font-size: 16px;
}

.privacy ol li {
  font-size: 16px;
}

.privacy ol li:not(:last-child) {
  margin-bottom: 16px;
}

.privacy ul {
  margin-top: 16px;
}

.privacy ul li {
  font-size: 16px;
  padding-left: 22px;
  position: relative;
}

.privacy ul li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--color-6);
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.privacy ol  { 
  counter-reset:section;
   list-style-type:none; 
  }
.privacy ol  li { 
  list-style-type:none; 
}
.privacy ol  li ol { 
  counter-reset:subsection; 
}
.privacy ol  li:before{
  counter-increment:section;
  content:counter(section) ". ";
}
.privacy ol li ol li:before {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) " ";
  position: static;
  font-size: 16px;
}
.privacy ol ul li::before{
position: absolute  !important;
content: "" !important;
}
.privacy table {}
.privacy table tr {
 padding: 10px;
 background: #ececec;
}
.privacy table td,
.privacy table th {
 padding: 10px;
 font-size: 16px;
}
.privacy ol > li {
  position: relative;
}
.privacy ol > li h3,
.privacy ol > li h2{
  text-indent: 24px;
}
.privacy ol > li:before{
  position: absolute;
  left: 0;
  font-size: 24px;
}

.privacy a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.footer {
  background: var(--color-1);
  padding-top: 40px;
}

.footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 46px;
  margin-bottom: 40px;
}

.footer__logo img {
  width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 24px;
}

.footer__phone {
  font-weight: 400;
  font-size: 24px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: var(--color-4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  white-space: nowrap;
  position: relative;
}

.footer__phone::before {
  position: absolute;
  content: "";
  bottom: 4px;
  left: 42px;
  height: 2px;
  width: 0;
  background: var(--color-4);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.footer__phone img {
  width: 32px;
  height: 32px;
  opacity: 0.4;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.footer__phone:hover img {
  opacity: 1;
}

.footer__phone:hover::before {
  width: calc(100% - 46px);
}

.footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.footer__socials img {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.3;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.footer__socials img:hover {
  opacity: 1;
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}

.footer__item a {
  font-weight: 500;
  font-size: 14px;
  color: var(--color-4);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;
}

.footer__item a:hover {
  opacity: 0.6;
}

.footer__item:not(:last-child) {
  margin-bottom: 12px;
}

.footer__item ul li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.footer__item ul li a {
  font-weight: 400;
  white-space: nowrap;
  opacity: 0.6;
  text-transform: none;
}

.footer__item ul li a:hover {
  opacity: 1;
  color: var(--color-4);
}

.footer__item ul li:not(:last-child) {
  margin-bottom: 12px;
}

.footer__item-inner {
  margin-bottom: 16px;
}

.footer__item-inner a {
  font-weight: 500;
  font-size: 14px;
  color: var(--color-4);
  text-transform: uppercase;
}

.footer__column {
  display: -ms-grid;
  display: grid;
  gap: 0 24px;
  -ms-grid-columns: (auto)[2];
  grid-template-columns: repeat(2, auto);
}

.footer__requisites {
  margin-bottom: 24px;
}

.footer__requisites ul {
  display: -ms-grid;
  display: grid;
  gap: 0 28px;
  -ms-grid-columns: (auto)[2];
  grid-template-columns: repeat(2, auto);
}

.footer__requisites ul li {
  white-space: nowrap;
  font-size: 14px;
  color: var(--color-4);
  opacity: 0.6;
}

.footer__requisites ul li:not(:last-child) {
  margin-bottom: 12px;
}

.footer__requisites-inner {
  margin-bottom: 16px;
}

.footer__requisites-inner a {
  font-weight: 500;
  font-size: 14px;
  color: var(--color-4);
}

.footer__copyright {
  padding: 16px 0;
  border-top: 1px solid rgba(236, 236, 236, 0.1);
  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: 12px;
}

.footer__copyright a,
.footer__copyright p {
  font-size: 14px;
  color: var(--color-4);
  opacity: 0.5;
}

.footer__copyright p a {
  opacity: 1;
}

.footer__copyright-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

@media (min-width: 769px) {
  .portfolio-page,
  .portfolio__cards .swiper {
    width: calc(100% + 24px);
    margin-left: -12px;
  }

  .portfolio__card {
    padding: 12px 12px 32px;
  }

  .portfolio__card:hover {
    background: var(--color-4);
  }

  .portfolio__card:hover .portfolio__img img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .workflow__slide {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3%;
            flex: 0 0 3%;
  }

  .workflow__slide.active {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
  }

  .workflow__slide:first-child.right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .workflow__slide:first-child.right .workflow__slide-btn {
    left: auto;
    right: -1px;
  }

  .workflow__slide.left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .workflow__slide.left .workflow__slide-num-small {
    -webkit-animation: transformLeft 1.2s ease-in-out;
            animation: transformLeft 1.2s ease-in-out;
  }

  .workflow__slide.left + .right + .right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .workflow__slide.left + .right + .right .workflow__slide-btn {
    left: auto;
    right: -1px;
  }

  .workflow__slide.right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .workflow__slide.right .workflow__slide-num-small {
    -webkit-animation: transformLeft 1.2s ease-in-out;
            animation: transformLeft 1.2s ease-in-out;
  }

  .workflow__slide.right:last-child .workflow__slide-btn {
    left: auto;
    right: -1px;
  }

  .workflow__slide.right + .right .workflow__slide-btn {
    left: auto;
    right: -1px;
  }

  .projects__cards .swiper {
    width: calc(100% + 24px);
    margin-left: -12px;
  }

  .projects__card {
    padding: 12px;
  }

  .projects__card:hover {
    background: var(--color-4);
  }

  .projects__card:hover .projects__img img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@media (min-width: 1025px) {
    .nav__subitem-arrow > a::before{
        content: "";
        left: 235px;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: transparent;
        z-index: -1;
        visibility: hidden;
    }
  .link-arrow:hover::after {
    right: -20px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 16px 16px;
  }

  .header .nav__subitem.active ul,
  .header .nav__subitem:hover ul {
    opacity: 1;
    visibility: visible;
  }
  .nav__subitem-arrow:hover > a::before{
      visibility: visible;
  }
  .nav__arrow:hover .nav__link::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }



  .category.swiper {
    width: calc(100% + 24px);
    margin-left: -12px;
  }

  .category__card {
    padding: 12px 12px 18px;
  }

  .category__card:hover {
    background: var(--color-4);
  }

  .category__card:hover .category__img img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .category__card:hover .link-arrow::after {
    right: -20px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 16px 16px;
  }

  .solution.swiper {
    width: calc(100% + 24px);
    margin-left: -12px;
  }

  .solution__card {
    padding: 12px 12px 18px;
  }

  .solution__card:hover {
    background: var(--color-4);
  }

  .solution__card:hover .solution__img img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .solution__card:hover .link-arrow::after {
    right: -20px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 16px 16px;
  }

  .collection__card:hover::before {
    background: var(--color-4);
  }

  .collection__card:hover .collection__img img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .collection__card:hover .link-arrow::after {
    right: -20px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 16px 16px;
  }

  .articles__card:hover::before {
    background: var(--color-4);
  }

  .articles__card:hover .articles__img img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .articles__card:hover .link-arrow::after {
    right: -6px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 16px 16px;
  }
}

@media (max-width: 1400px) {
  p.subtitle {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  h2 {
    font-size: calc(
            28px + 12 *
                ((100vw - 360px) / 1040)
        );
  }

  h1 {
    font-size: calc(
            28px + 12 *
                ((100vw - 360px) / 1040)
        );
  }

  .container-h1 span {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .crumbs ul li p,
  .crumbs ul li a {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .copy-text {
    font-size: calc(
            12px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .not-found__wrapper h1 {
    font-size: calc(
            24px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__title {
    font-size: calc(
            28px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .form__check p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .form-showroom,
  .form-cooperation {
    max-width: calc(
            180px + 306 *
                ((100vw - 360px) / 1040)
        );
  }

  .main__title {
    font-size: calc(
            28px + 12 *
                ((100vw - 360px) / 1040)
        );
  }

  .main .link {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .modal__title {
    font-size: calc(
            24px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio__cards .portfolio__img {
    height: calc(
            220px + 242 *
                ((100vw - 360px) / 1040)
        );
  }

  .main-page .link {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .advantages-slider__title {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .product-hover__item a {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .workflow__slide-num {
    height: calc(
            0px + 115 *
                ((100vw - 360px) / 1040)
        );
  }

  .workflow__slide-num-small {
    height: calc(
            20px + 20 *
                ((100vw - 360px) / 1040)
        );
  }

  .workflow__slide-title {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .workflow__slide-text {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio-slider .swiper-slide {
    height: calc(
            200px + 301 *
                ((100vw - 360px) / 1040)
        );
  }

  .advantages ul li p:first-child {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .functional__grid > img:nth-child(1) {
    height: calc(
            133px + 353 *
                ((100vw - 360px) / 1040)
        );
  }
  .processing .swiper,
  .processing__item {
    min-width: calc(
            152px + 92 *
                ((100vw - 360px) / 1040)
        );
  }
  .processing .swiper,
  .processing__item {
    width: calc(
            152px + 92 *
                ((100vw - 360px) / 1040)
        );
  }

  .processing__item img {
    height: calc(
            373px + 227 *
                ((100vw - 360px) / 1040)
        );
  }

  .processing__item p {
    font-size: calc(
            14px + 6 *
                ((100vw - 360px) / 1040)
        );
  }

  .articles__img {
    height: calc(
            150px + 236 *
                ((100vw - 360px) / 1040)
        );
  }

  .article h2 {
    font-size: calc(
            24px + 8 *
                ((100vw - 360px) / 1040)
        );
  }

  .article__date p,
  .article__views p,
  .article__time p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .article__description p {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .projects__img {
    height: calc(
            220px + 242 *
                ((100vw - 360px) / 1040)
        );
  }

  .designer__name {
    font-size: calc(
            16px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .join__card-title {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .privacy ol > li:before,
  .privacy h3,
  .privacy h2 {
    font-size: calc(
            20px + 4 *
                ((100vw - 360px) / 1040)
        );
  }

  .privacy p {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .privacy table td, .privacy table th,
  .privacy ol li {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .privacy ul li {
    font-size: calc(
            14px + 2 *
                ((100vw - 360px) / 1040)
        );
  }

  .product-hover__wrapper {
    padding-left: 40px;
  }
}

@media (max-width: 1250px) {
  .article__img-title a {
    max-width: 695px;
  }
  .detail__wrapper {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .contacts__wrapper {
    gap: 30px;
  }

  .about-project__images {
    -ms-grid-columns: 2.04fr 1fr;
    grid-template-columns: 2.04fr 1fr;
  }

  .about-project__images,
  .about-project__images-grid {
    gap: 10px;
    margin-bottom: 10px;
  }

  .about-project__images-reverse {
    gap: 10px;
    -ms-grid-columns: 1fr 2.04fr;
    grid-template-columns: 1fr 2.04fr;
  }

  .about-project__image {
    margin-bottom: 10px;
  }

  .is-horizontal .fancybox__nav .f-button.is-next {
    right: 16px;
    top: auto;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    bottom: 26px;
  }

  .is-horizontal .fancybox__nav .f-button.is-prev {
    left: auto;
    right: 86px;
    top: auto;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    bottom: 26px;
  }

  .fancybox__toolbar__column .f-button[title=Close] {
    right: 16px;
    top: 24px;
  }

  .article__description {
    padding: 30px 25px;
  }

  .article__wrapper {
    gap: 30px;
  }

  .technic-design .technic__slide-inner {
    width: 45%;
  }

  .header__socials {
    display: none;
  }

  .workflow__slide.active {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
            flex: 0 0 66%;
  }

  .product-hover__titles h2 {
    height: 90px;
    white-space: normal;
  }

  .main-page p {
    max-width: 40%;
  }

  .main-page h1 {
    max-width: 55%;
  }

  .header .nav__list {
    gap: 15px;
  }

  .footer__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer__inner:first-child {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .form-application {
    max-width: 500px;
  }

  .news__wrapper {
    gap: 24px;
  }

  .technic__logo {
    right: 40px;
    bottom: 30px;
  }

  .technic .swiper-inner {
    bottom: 32px;
  }

  .technic__slide-inner {
    padding-top: 40px;
    padding-bottom: 104px;
    width: 45%;
  }

  .main .swiper-pagination {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 0;
    left: auto;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }

  .header__logo img {
    width: 156px;
    margin-right: 0;
  }

  .header__phone {
    font-size: 20px;
  }

  .nav__link {
    font-size: 14px;
  }

  .header__wrapper {
    gap: 10px;
  }
}

@media (max-width: 1025px) {
  .article__img-title p {
    font-size: 20px;
    padding: 50px 25px 50px 13px;
    width: 100%;
  }
  .article__img-title a {
    max-width: 100%;
  }
  .article__img-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form-cooperation,
  .form-showroom {
    max-width: 588px;
  }

  .about-project .more {
    margin-left: 0;
  }

  .detail h2 {
    text-transform: uppercase;
    margin-bottom: 0;
  }

  .detail__inner,
  .detail__wrapper p {
    max-width: 100%;
  }

  .detail .swiper-inner {
    display: none;
  }

  .detail__wrapper {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .form-contacts {
    max-width: 588px;
  }

  .contacts__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }

  .join__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .designer__author img {
    width: 200px;
    height: 200px;
  }

  .projects .swiper-inner {
    display: none;
  }

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

  .articles .link-arrow {
    padding-right: 0;
  }

  .articles__inner {
    margin-bottom: 24px;
  }

  .articles .swiper {
    padding: 0;
    width: 100%;
    margin-left: 0px;
  }

  .articles .swiper-inner {
    display: none;
  }

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

  .article__inner {
    max-width: 100%;
  }

  .article__description {
    display: none;
  }

  .article__description-mobile {
    display: block;
    position: static;
    padding: 24px;
    margin-bottom: 40px;
    width: 100%;
  }

  .article__description-mobile p {
    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: 10px;
    margin-bottom: 0 !important;
  }

  .article__description-mobile p::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M2 6L8 12L14 6' stroke='%23423F4A' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
  }

  .article__description-mobile ul {
    max-height: 0;
    opacity: 0;
    margin: 0;
    visibility: hidden;
    will-change: max-height;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .article__description-mobile.open ul {
    padding-top: 16px;
    opacity: 1;
    visibility: visible;
  }

  .article__description-mobile.open p::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .processing__more {
    background: var(--color-4);
    border-radius: 40px;
    padding: 14px;
    width: 100%;
    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;
    cursor: pointer;
    margin-top: 24px;
  }

  .processing__item p {
    text-align: left;
  }

  .processing h2 {
    margin-bottom: 0;
  }

  .processing__inner,
  .processing__wrapper p {
    max-width: 100%;
  }
  .processing .swiper {
    min-width: auto;
    width: 100%;
  }
  .processing__item {
    padding-right: 0;
    min-width: auto;
    width: 100%;
  }

  .processing .swiper-inner {
    display: none;
  }

  .processing .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    gap: 16px;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }

  .processing__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .about-project__texts.active,
  .about__texts.active {
    -webkit-line-clamp: 6;
  }

  .slider__item-inner {
    gap: 10px;
  }

  .materials__images {
    margin: 0 auto;
    height: 500px;
    gap: 2px;
  }

  .materials__inner {
    max-width: 100%;
  }

  .materials__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }

  .functional__inner {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 24px;
  }

  .functional__grid > img:nth-child(1) {
    margin-bottom: 11px;
  }

  .functional__grid-wrap,
  .functional__grid-inner {
    gap: 11px;
  }

  .functional__grid img {
    height: auto;
  }

  .collection__card {
    padding-bottom: 0;
  }

  .collection__img {
    height: 700px;
  }

  .collection__cards {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .workflow__images {
    gap: 10px;
    margin-top: 35px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .product-hover__titles h2.active {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    height: auto;
  }

  .product-hover__titles {
    margin-bottom: 32px;
  }

  .product-hover .product-hover__list {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .product-hover__item a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='71' height='8' viewBox='0 0 71 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M67.1716 0.462853L70.3535 3.64483C70.5488 3.8401 70.5488 4.15668 70.3535 4.35194L67.1716 7.53392C66.9763 7.72918 66.6597 7.72918 66.4645 7.53392C66.2692 7.33866 66.2692 7.02208 66.4645 6.82681L68.7929 4.49839H0V3.49839H68.7929L66.4645 1.16996C66.2692 0.974698 66.2692 0.658115 66.4645 0.462853C66.6597 0.267591 66.9763 0.267591 67.1716 0.462853Z' fill='%23423F4A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 71px;
    height: 8px;
  }

  .product-hover__item a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .product-hover {
    padding-bottom: 0;
  }

  .product-hover__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 0;
  }

  .product-hover__images {
    position: relative;
    width: calc(100% + 32px);
    margin-left: -16px;
    height: 800px;
  }

  .main-page p {
    max-width: 500px;
    position: static;
    margin-bottom: 24px;
  }

  .main-page h1 {
    max-width: 100%;
  }

  .crumbs {
    top: 97px;
  }

  .arrow-down {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='12' viewBox='0 0 26 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 11L25 1' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 26px;
    height: 12px;
    position: absolute;
    right: 20px;
    bottom: 30px;
    -webkit-animation: arrowDown 2s infinite;
            animation: arrowDown 2s infinite;
  }

@-webkit-keyframes arrowDown {
    0% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
      opacity: 0.5;
    }

    50% {
      opacity: 1;
    }

    100% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
      opacity: 0;
    }
}

@keyframes arrowDown {
    0% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
      opacity: 0.5;
    }

    50% {
      opacity: 1;
    }

    100% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
      opacity: 0;
    }
}

  .nav-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23837473'/%3E%3Cpath d='M10 17L15 11.5L10 6' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    width: 24px;
    height: 24px;
    width: 20%;
  }

  .menu-mobile {
    display: block;
    z-index: 100;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .menu-mobile.active {
    left: 0;
  }

  .menu-mobile__content {
    padding: 16px 16px 40px;
    overflow-y: auto;
    height: 100vh;
  }

  .menu-mobile__close {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0009 9L9 23.0009' stroke='%23423F4A' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M9 9L23.0009 23.0009' stroke='%23423F4A' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 32px;
    height: 32px;
    cursor: pointer;
  }

  .menu-mobile .header__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;
    padding-bottom: 20px;
    margin-bottom: 32px;
    border-bottom: 1px solid var(--color-4);
  }

  .menu-mobile .header__logo img {
    -webkit-filter: none;
            filter: none;
  }

  .menu-mobile .header__phone {
    width: 100%;
    margin-bottom: 16px;
    background: var(--color-2) !important;
    height: 56px !important;
  }

  .menu-mobile .header__phone:hover {
    color: #fff;
  }

  .menu-mobile .header__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
  }

  .menu-mobile .header__socials a img {
    -webkit-filter: none;
            filter: none;
    width: 32px;
    height: 32px;
  }

  .menu-mobile .nav {
    margin-bottom: 59px;
  }

  .menu-mobile .nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }

  .menu-mobile .nav__item {
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-4);
    width: 100%;
  }

  .menu-mobile .nav__item-inner {
    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: 10px;
  }

  .menu-mobile .nav__item-inner .nav__link {
    width: 80%;
  }

  .menu-mobile .nav__item-inner.active + .nav__sublist {
    opacity: 1;
    visibility: visible;
    position: static;
  }

  .menu-mobile .nav__item-inner.active + .nav__catalog {
    position: fixed;
  }

  .menu-mobile .nav__item-inner.active .nav-icon {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    background-position: left !important;
    width: 24px;
  }

  .menu-mobile .nav__sublist {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 24px 0 6px;
    min-height: auto;
    width: 100%;
  }

  .menu-mobile .nav__catalog {
    padding: 24px 16px 16px;
    position: fixed;
    left: 0;
    top: 42px;
    width: 100%;
    height: calc(100vh - 42px);
    background: #fff;
    z-index: 30;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .menu-mobile .nav__subitem {
    width: 100%;
    border-bottom: 1px solid var(--color-4);
    padding-bottom: 10px;
  }

  .menu-mobile .nav__subitem:not(:last-child) {
    margin-bottom: 16px;
  }

  .menu-mobile .nav__subitem:last-child {
    border-bottom: none;
  }

  .menu-mobile .nav__subitem ul {
    width: 100%;
    padding-top: 24px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }

  .menu-mobile .nav__back {
    background: var(--color-4);
    width: calc(100% + 32px);
    margin-left: -16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    margin-bottom: 24px;
  }

  .menu-mobile .nav__back::before {
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M10 2L4 8L10 14' stroke='%23423F4A' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
  }

  .menu-mobile .nav__subitem-inner {
    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: 10px;
  }

  .menu-mobile .nav__subitem-inner.active + ul {
    opacity: 1;
    visibility: visible;
    position: static;
  }

  .menu-mobile .nav__subitem-inner.active .nav-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .menu-mobile .nav__subitem-inner .nav-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M2 6L8 12L14 6' stroke='%23423F4A' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .menu-mobile .nav__link {
    font-size: 20px;
    color: var(--color-1);
  }

  .footer__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

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

  .footer__inner:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 60px;
  }

  .application .container {
    padding: 0;
  }

  .form-application {
    margin-bottom: 0;
    max-width: 100%;
  }

  .news::before {
    bottom: auto;
    left: 25%;
    top: 23%;
    width: 150%;
    height: 17%;
  }

  .news__wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 0;
  }

  .portfolio .swiper-inner,
  .solution .swiper-inner {
    display: none;
  }

  .news .link-arrow {
    max-width: 100%;
  }

  .link-arrow {
    padding-bottom: 3px;
    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: 10px;
    width: 100%;
    padding-right: 0;
  }

  .link-arrow::after {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    display: block;
    position: static;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 16px 16px;
  }

  .about__images {
    gap: 10px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .about .link {
    display: none;
  }

  .about__texts {
    width: 100%;
    margin-bottom: 24px;
  }

  .about-project__texts {
    width: 100%;
  }

  .about-project__texts,
  .about-hidden .about__texts {
    margin-bottom: 16px;
  }

  .about-project .more,
  .about .more {
    margin-bottom: 24px;
  }

  .main .swiper-pagination {
    right: auto;
    left: 0;
    bottom: 32px;
  }

  .main__slide {
    padding-bottom: 136px;
  }

  .header {
    padding: 8px 0;
  }

  .header__nav {
    display: none;
  }

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

@media (max-width: 1025px) and (max-width: 1400px) {
  .materials__images {
    height: calc(
            220px + 280 *
                ((100vw - 360px) / 1040)
        );
  }

  .collection__img {
    height: calc(
            192px + 508 *
                ((100vw - 360px) / 1040)
        );
  }

  .product-hover__images {
    height: calc(
            260px + 540 *
                ((100vw - 360px) / 1040)
        );
  }
}

@media (max-width: 769px) {
  .article ol li {
    font-size: 18px;
  }
  .article__img-title a {
     aspect-ratio: 16 / 10;
  }
  .article__img-title a::before {
    width: 295px;
    height: 44px;
    left: 21px;
    bottom: -4px;
  }
  .privacy {
    margin-bottom: 80px;
  }

  .privacy h2 {
    margin-top: 32px;
  }

  .form-subscribe .form__btn {
    margin-bottom: 11px;
  }

  .modal-subscribe .modal__wrapper {
    padding: 24px 24px 40px;
  }

  .detail__wrapper {
    margin-bottom: 24px;
  }

  .detail {
    margin-bottom: 80px;
  }

  .not-found__wrapper img {
    width: 70px;
    height: 70px;
  }

  .not-found__wrapper a {
    padding: 14px 30px;
  }

  .not-found {
    padding: 80px 0;
  }

  .not-found__wrapper h1 {
    margin-bottom: 24px;
  }

  .technic-about .technic__slide-inner {
    padding-bottom: 40px;
  }

  .contacts__wrapper {
    margin-bottom: 80px;
  }

  .contacts__inner ul li p:first-child {
    margin-bottom: 10px;
  }

  .contacts__inner p {
    margin-bottom: 24px;
  }

  .join h2 {
    margin-bottom: 24px;
  }

  .join {
    margin-bottom: 80px;
  }

  .join__cards {
    gap: 24px 12px;
  }

  .about-cooperation .about__texts {
    margin-bottom: 28px;
  }

  .about-page .about__texts {
    margin-bottom: 24px;
  }

  .designer {
    margin-bottom: 80px;
  }

  .designer__author img {
    width: 140px;
    height: 140px;
  }

  .designer__author {
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    text-align: left;
  }

  .designer__inner p {
    margin-bottom: 16px;
  }

  .designer__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }

  .about-project {
    margin-bottom: 80px;
  }

  .projects {
    margin-bottom: 80px;
  }

  .projects__img {
    height: 700px;
    margin-bottom: 16px;
  }

  .projects__inner {
    margin-bottom: 24px;
  }

  .about-project__images-grid-reverse {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: (1fr)[3];
    grid-template-rows: repeat(3, 1fr);
  }

  .about-project__images-grid-reverse img {
    height: 100%;
  }

  .about-project__images-grid-reverse img:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/3/3;
  }

  .about-project__images-grid-reverse img:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3/1/4/2;
  }

  .about-project__images-grid-reverse img:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 3/2/4/3;
  }

  .about-project__images-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: (1fr)[3];
    grid-template-rows: repeat(3, 1fr);
  }

  .about-project__images-grid img {
    height: 100%;
  }

  .about-project__images-grid img:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
  }

  .about-project__images-grid img:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/2/3;
  }

  .about-project__images-grid img:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2/1/4/3;
  }

  .about-project__images-reverse,
  .about-project__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .article ol {
    margin: 16px 0;
  }

  .about .more {
    margin-left: 0;
  }

  .technic-dveri.technic h2 {
    margin-bottom: 16px;
  }

  .portfolio__sort {
    margin-bottom: 30px;
    gap: 8px;
  }

  .portfolio__cards .portfolio__card p {
    min-height: 40px;
  }

  .portfolio__cards .portfolio__img {
    margin-bottom: 16px;
    height: 700px;
  }

  .portfolio__cards .swiper-wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  .article__images-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .article {
    margin-bottom: 80px;
  }

  .article__author {
    margin-top: 24px;
  }

  .article__images-grid { 
     -ms-grid-columns: 1fr 9px 1fr; 
     grid-template-columns: repeat(2, 1fr);
     gap: 11px 9px;
  }

  .article__images-grid img {
     min-height: auto;
  }

  .article__images-grid a {
        grid-area: initial !important;
  }

  .article__inner p {
    margin-bottom: 10px;
  }

  .article h2 {
    margin: 40px 0 16px;
  }

  .article__images {
    margin: 24px 0;
  }

  .article__info {
    gap: 8px;
    margin-bottom: 24px;
  }

  .article__date,
  .article__time,
  .article__views {
    gap: 6px;
    padding: 12px 9px;
  }

  .article h1 {
    margin-bottom: 16px;
  }

  .container-h1 {
    margin-bottom: 24px;
  }

  .container-policy {
    margin-bottom: 32px;
  }

  .container-policy h1 {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }

  .crumbs-dark.crumbs {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .more-btn {
    margin-top: 24px;
  }

  .pagination {
    gap: 17px;
    margin-top: 16px;
  }

  .pagination__page.active {
    gap: 17px;
    margin-right: 0;
  }

  .pagination__page:last-child.active::after {
    margin-left: 0;
  }

  .articles {
    margin-bottom: 80px;
  }

  .articles__cards {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .articles__img {
    height: 600px;
  }

  .functional-hidden .functional__inner p {
    max-width: 100%;
  }

  .functional-hidden .functional__inner {
    padding-bottom: 0;
    margin-bottom: 24px;
  }

  .functional .more {
    position: relative;
  }

  .processing {
    margin-bottom: 80px;
  }

  .processing .swiper-wrapper {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .about-project__texts.active,
  .about__texts.active {
    -webkit-line-clamp: 8;
  }

  .about-hidden p.subtitle {
    margin-bottom: 32px;
  }

  .product-hover__item:not(:last-child) {
    margin-bottom: 16px;
  }

  .collection h2 {
    margin-bottom: 24px;
  }

  .main-page p {
    font-size: 14px;
  }

  .news__brand {
    right: 16px;
    bottom: 16px;
    width: 70px !important;
  }

  .news p {
    margin-top: 8px;
    min-height: 60px;
    margin-bottom: 16px;
  }

  p.subtitle {
    min-height: auto;
    margin-top: 0;
  }

  .technic-design .technic__slide-inner {
    padding-bottom: 104px;
  }

  .technic-design h2 {
    margin-bottom: 16px !important;
  }

  .technic-design .technic__slide-inner {
    width: 100%;
  }

  .slider {
    margin-bottom: 80px;
  }

  .slider__more {
    background: var(--color-4);
    padding: 14px;
    width: 100%;
    cursor: pointer;
    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: 40px;
    margin-top: 24px;
  }

  .slider__inner {
    margin-bottom: 24px;
  }

  .slider__item {
    height: 500px;
  }

  .slider .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }

  .slider .swiper-inner {
    display: none;
  }

  .materials {
    margin-bottom: 80px;
  }

  .functional {
    margin-bottom: 80px;
  }

  .functional__grid-inner {
    display: block;
  }

  .functional__grid-wrap {
    margin-bottom: 11px;
  }

  .functional__grid-wrap img {
    grid-area: none;
    height: 500px;
  }

  .advantages h2 {
    margin-bottom: 42px;
  }

  .advantages {
    padding: 37px 0 40px;
    margin-bottom: 80px;
  }

  .advantages ul {
    gap: 16px;
  }

  .collection {
    margin-bottom: 80px;
  }

  .portfolio-slider {
    margin-bottom: 80px;
  }

  .portfolio-slider__advantages {
    margin-top: 32px;
    padding: 16px 0 6px;
  }

  .portfolio-slider .swiper-inner {
    position: absolute;
    left: auto;
    right: 1px;
  }

  .portfolio-slider .swiper {
    position: relative;
    padding-bottom: 300px;
    padding-bottom: 400px;
  }

  .portfolio-slider__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 24px;
  }

  .portfolio-slider .swiper-slide-active {
    width: 100% !important;
  }

  .portfolio-slider .swiper-slide {
    height: 700px;
  }

  .portfolio-slider .swiper-slide img {
    height: 100%;
  }

  .portfolio-slider .swiper-slide:nth-child(2).swiper-slide-next {
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }

  .portfolio-slider .swiper-slide-next {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 48% !important;
    height: 400px;
  }

  .portfolio-slider__advantages ul {
    gap: 16px;
  }

  .workflow {
    margin-bottom: 80px;
  }

  .workflow h2 {
    margin-bottom: 32px;
  }

  .workflow__slide-num-small {
    display: none;
  }

  .workflow__slide-num {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 72px;
  }

  .workflow__slider {
    position: relative;
  }

  .workflow__slide-title {
    min-height: 40px;
    padding-left: 88px;
  }

  .workflow__slide {
    width: 24px;
    padding-bottom: 36px;
    position: absolute;
    height: 100%;
  }

  .workflow__slide:nth-child(1).active {
    left: 0;
  }

  .workflow__slide:nth-child(2) {
    right: 96px;
  }

  .workflow__slide:nth-child(2).right,
  .workflow__slide:nth-child(2).active {
    left: 48px;
  }

  .workflow__slide:nth-child(2).right .workflow__slide-inner,
  .workflow__slide:nth-child(2).active .workflow__slide-inner {
    -webkit-transform: translateX(-48px);
        -ms-transform: translateX(-48px);
            transform: translateX(-48px);
  }

  .workflow__slide:nth-child(2).right .workflow__slide-num,
  .workflow__slide:nth-child(2).active .workflow__slide-num {
    left: -48px;
  }

  .workflow__slide:nth-child(2).right + .right {
    left: 96px;
  }

  .workflow__slide:nth-child(2).right + .right .workflow__slide-inner {
    -webkit-transform: translateX(-96px);
        -ms-transform: translateX(-96px);
            transform: translateX(-96px);
  }

  .workflow__slide:nth-child(2).right + .right .workflow__slide-num {
    left: -96px;
  }

  .workflow__slide:nth-child(3) {
    right: 48px;
  }

  .workflow__slide:nth-child(3).active {
    left: 96px;
  }

  .workflow__slide:nth-child(3).active .workflow__slide-inner {
    -webkit-transform: translateX(-96px);
        -ms-transform: translateX(-96px);
            transform: translateX(-96px);
  }

  .workflow__slide:nth-child(3).active .workflow__slide-num {
    left: -96px;
  }

  .workflow__slide:nth-child(4) {
    right: 0;
  }

  .workflow__slide:nth-child(4).active {
    left: 144px;
  }

  .workflow__slide:nth-child(4).active .workflow__slide-inner {
    -webkit-transform: translateX(-144px);
        -ms-transform: translateX(-144px);
            transform: translateX(-144px);
  }

  .workflow__slide:nth-child(4).active .workflow__slide-num {
    left: -144px;
  }

  .workflow__slide.active {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    position: relative;
    right: auto;
  }

  .workflow__slide p {
    max-width: 100%;
  }

  .product-hover {
    padding-top: 40px;
    margin-bottom: 80px;
  }

  .advantages-slider {
    margin-bottom: 80px;
  }

  .advantages-slider__item {
    padding: 184px 16px 24px;
    min-height: 328px;
  }

  .advantages-slider__title {
    width: calc(100% - 32px);
    padding-bottom: 16px;
    top: 25px;
    height: 135px;
  }

  .advantages-slider h2 {
    margin-bottom: 24px;
  }

  .main-page {
    height: 575px;
    padding: 48px 0;
    margin-bottom: 60px;
  }

  .baloon li:not(:last-child) {
    margin-bottom: 16px;
  }

  .news__img {
    margin-bottom: 17px;
  }

  .link {
    padding-bottom: 4px;
  }

  .technic h2 {
    margin-bottom: 24px;
  }

  .menu-mobile .nav__subitem ul {
    display: -ms-grid;
    display: grid;
    gap: 16px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 6px;
  }

  .header .nav__subitem ul li a img {
    height: 400px;
    width: 100%;
  }

  .modal .close-icon {
    right: 0;
  }

  .modal__title {
    text-transform: none;
  }

  .modal__wrapper {
    padding: 32px 24px;
  }

  .footer__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M2 6.5L8 12.5L14 6.5' stroke='white' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .footer__copyright-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .footer__copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 0;
  }

  .footer__phone {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }

  .footer__requisites {
    margin-bottom: 0;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(236, 236, 236, 0.1);
  }

  .footer {
    padding-top: 32px;
  }

  .footer__logo img {
    width: 156px;
    margin-bottom: 0;
  }

  .footer__item:not(:last-child) {
    margin-bottom: 0;
  }

  .footer__item {
    margin-bottom: 16px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(236, 236, 236, 0.1);
  }

  .footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }

  .footer__requisites-inner,
  .footer__item-inner {
    margin-bottom: 0;
    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: 12px;
  }

  .footer__requisites-inner + ul,
  .footer__item-inner + ul {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    will-change: max-height;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .footer__requisites-inner.open + ul,
  .footer__item-inner.open + ul {
    padding-top: 16px;
    opacity: 1;
    visibility: visible;
  }

  .footer__requisites-inner.open .footer__icon,
  .footer__item-inner.open .footer__icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .footer__wrapper {
    gap: 0;
    margin-bottom: 24px;
  }

  .footer__inner:first-child {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 32px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(236, 236, 236, 0.1);
  }

  .footer__inner:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }

  .baloon {
    width: 328px;
    padding: 16px;
  }

  .baloon li:last-child {
    font-size: 14px;
  }

  .form__check {
    gap: 10px;
  }

  .form__inputs {
    gap: 16px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .form__btn {
    margin-bottom: 24px;
  }

  .form-application {
    padding: 40px 16px;
  }

  .news {
    margin-bottom: 80px;
  }

  .news::before {
    left: 35%;
    top: 23%;
    width: 158%;
    height: 12%;
  }

  .news .news-swiper {
    margin-top: 0;
  }

  .portfolio .swiper-pagination {
    right: 16px;
    bottom: 16px;
  }

  .portfolio__more {
    background: var(--color-4);
    padding: 14px;
    border-radius: 40px;
    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%;
    margin-top: 24px;
  }

  .portfolio .portfolio-swiper > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .portfolio__tabs-content p {
    margin-top: 16px;
  }

  .portfolio,
  .solution {
    margin-bottom: 80px;
  }

  .portfolio__tabs-btn,
  .solution__tabs-btn {
    padding: 13px 24px;
  }

  .portfolio h2,
  .solution h2 {
    margin-bottom: 16px;
  }

  .solution__tabs-btns {
    margin-bottom: 14px;
    gap: 8px;
  }

  .technic {
    margin-bottom: 80px;
  }

  .technic .swiper-inner {
    bottom: 950px;
  }

  .technic__bg {
    width: calc(100% + 32px);
    margin-left: -16px;
  }

  .technic__slide {
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .technic__slide-inner {
    width: 100%;
    height: auto;
  }

  .technic__img {
    position: relative;
    width: 100%;
    height: 930px;
  }

  .technic__logo {
    right: 16px;
    bottom: 16px;
    width: 70px !important;
  }

  .category {
    margin-bottom: 80px;
  }

  .category h2 {
    margin-bottom: 12px;
  }

  .about {
    margin-bottom: 80px;
  }

  p.subtitle {
    margin-bottom: 24px;
  }

  .main {
    margin-bottom: 60px;
  }

  .main .swiper-pagination-bullet {
    gap: 10px;
  }

  .main .swiper-pagination-bullet::after {
    margin-right: -6px;
  }

  .main .swiper-pagination-bullet:last-child::after {
    margin-right: 0px;
    margin-left: -6px;
  }

  .header__socials {
    display: none;
  }

  .header__phone {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 48px;
    height: 48px;
    background: url("/local/templates/hf/css/../img/phone-header.svg") center center/contain no-repeat;
  }

  .header__phone p {
    display: none;
  }

  .header-main .header__phone {
    background: url("/local/templates/hf/css/../img/phone-header-main.svg") center center/contain no-repeat;
  }

  .main-portfolio {
    margin-bottom: 24px;
  }
}

@media (max-width: 769px) and (max-width: 1400px) {
  .projects__img {
    height: calc(
            250px + 450 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio__cards .portfolio__img {
    height: calc(
            250px + 450 *
                ((100vw - 360px) / 1040)
        );
  }

  .articles__img {
    height: calc(
            215px + 385 *
                ((100vw - 360px) / 1040)
        );
  }

  .slider__item {
    height: calc(
            213px + 287 *
                ((100vw - 360px) / 1040)
        );
  }

  .functional__grid-wrap img {
    height: calc(
            208px + 292 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio-slider .swiper {
    padding-bottom: calc(
            157px + 243 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio-slider .swiper-slide {
    height: calc(
            183px + 517 *
                ((100vw - 360px) / 1040)
        );
  }

  .portfolio-slider .swiper-slide-next {
    height: calc(
            157px + 243 *
                ((100vw - 360px) / 1040)
        );
  }

  .header .nav__subitem ul li a img {
    height: calc(
            103px + 297 *
                ((100vw - 360px) / 1040)
        );
  }

  .technic .swiper-inner {
    bottom: calc(
            270px + 680 *
                ((100vw - 360px) / 1040)
        );
  }

  .technic__img {
    height: calc(
            224px + 706 *
                ((100vw - 360px) / 1040)
        );
  }
}

@media (max-width: 620px) {
  .join__card img {
    margin-bottom: 16px;
  }

  .join__cards {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }

  .about-project__texts.active,
  .about__texts.active {
    -webkit-line-clamp: 9;
  }

  .news::before {
    left: 40%;
    top: 25%;
    height: 13%;
  }

  .portfolio__img {
    height: 375px;
  }
}

@media (max-width: 550px) {
  .article__images-grid img {
    aspect-ratio: 1 / 1;
  }
  .technic-about .technic__btn {
    max-width: 100%;
  }

  .technic-about h2 {
    margin-bottom: 16px;
  }

  .technic-about p {
    margin-bottom: 24px;
  }

  .processing .swiper-wrapper {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .category__img {
    height: 309px;
  }

  .about-project__texts.active,
  .about__texts.active {
    -webkit-line-clamp: 10;
  }
}

@media (max-width: 425px) {
  .about-project__texts.active,
  .about__texts.active {
    -webkit-line-clamp: 11;
  }

  .news__img {
    height: 215px;
  }

  .news::before {
    left: 48%;
    top: 33%;
    height: 17%;
    width: 199%;
  }

  .portfolio__img {
    height: 258px;
  }

  .solution__img {
    height: 243px;
  }
}
/* End */


/* Start:/local/templates/hf/css/custom.css?1790767564554*/
.header_admin {
	top: 50px;
}

#nca-cookiesaccept-line-accept-btn {
	color: #fff;
}

.functional__grid-inner:nth-of-type(2) {
    margin-top: 24px;
}

.functional__grid iframe {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 502px;
}

.pagination {
  flex-direction: column;
}

.about-project__images.rev {
  grid-template-columns: 1fr 2.08fr;
}

@media (max-width:769px) {
.footer__socials, .header__socials img {
    transform: scale(1.4);
	margin-right: 15px;
}
}
/* End */


/* Start:/local/templates/hf/components/bitrix/menu/simple/style.min.css?1735310680490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/hf/components/bitrix/menu/simple/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17353823592729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */
/* /local/templates/hf/css/style.css?1768325024150431 */
/* /local/templates/hf/css/custom.css?1790767564554 */
/* /local/templates/hf/components/bitrix/menu/simple/style.min.css?1735310680490 */
/* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17353823592729 */