@charset "UTF-8";
:root {
    --color-background-gray: #f9f9f9;
    --color-black: #323335;
    --color-gray: #7b808a;
    --color-light-gray: #f5f5f5;
    --color-red: #841308;
    --color-stroke: #cccfd7;
}

@font-face {
    font-weight: 400;
    font-family: "Evolventa";
    font-style: normal;

    font-display: swap;
    src: url("../fonts/Evolventa-Regular.woff2") format("woff2");
}
@font-face {
    font-weight: 400;
    font-family: "Evolventa";
    font-style: italic;

    font-display: swap;
    src: url("../fonts/Evolventa-Oblique.woff2") format("woff2");
}
@font-face {
    font-weight: 700;
    font-family: "Evolventa";
    font-style: normal;

    font-display: swap;
    src: url("../fonts/Evolventa-Bold.woff2") format("woff2");
}
@font-face {
    font-weight: 700;
    font-family: "Evolventa";
    font-style: italic;

    font-display: swap;
    src: url("../fonts/Evolventa-BoldOblique.woff2") format("woff2");
}
* {
    font-size: 16px;
    line-height: 140%;
    font-family: "Evolventa", sans-serif;
    color: var(--color-white);
}
@media (min-width: 1200px) {
    * {
        font-size: 18px;
    }
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;

    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    margin: 0;
}

ul,
ol {
    margin: 0;
    padding: 0;

    list-style: none;
}

button {
    padding: 0;

    color: inherit;

    background: transparent;
    border: none;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh !important;
    margin: 0;
}

.main-inner {
    flex: 1 0 auto;
    padding-top: 64px;
}
@media (min-width: 768px) {
    .main-inner {
        padding-top: 80px;
    }
}
@media (min-width: 1200px) {
    .main-inner {
        padding-top: 130px;
    }
}

.h-100 {
    height: 100%;
}

.fsz-15 {
    font-size: 15px;
}

.fw-bold {
    font-weight: 700;
}

a:hover,
.link:hover {
    color: var(--color-red);
    text-decoration: underline;
}

.link--red {
    color: var(--color-red);
    text-decoration: underline;
}
.link--red:hover {
    text-decoration: none;
}

.link--bordered {
    position: relative;
    padding-left: 55px;
}
.link--bordered::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #7b808a;
    transition: background 0.3s;
    transform: translateY(-50%);
    will-change: transform;
}

.link--bordered:hover::before {
    background-color: var(--color-red);
}

.overflow-hidden {
    overflow: hidden;
}

.bg-gray {
    background: var(--color-background-gray);
}

section {
    padding: 60px 0;
}
@media (min-width: 1200px) {
    section {
        padding: 80px 0;
    }
}
@media (min-width: 1600px) {
    section {
        padding: 100px 0;
    }
}

.visually-hidden:not(:focus):not(:active),
input[type="radio"].visually-hidden,
input[type="checkbox"].visually-hidden {
    position: absolute;

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;

    white-space: nowrap;

    border: 0;

    clip: rect(0 0 0 0);
    clip-path: inset(100%);

    -webkit-clip-path: inset(100%);
}

.btn {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 23px 35px;

    font-weight: 700;
    color: white;

    background-color: var(--color-red);
    border: 1px solid var(--color-red);
    cursor: pointer;

    transition: 0.3s ease-in-out;
}
.btn:hover {
    color: var(--color-red);
    text-decoration: none;

    background-color: transparent;
}
.btn--transparent {
    font-weight: 400;
    color: var(--color-black);

    background-color: transparent;
}
.btn--transparent:hover {
    color: white;

    background-color: var(--color-red);
}
.btn--white {
    color: var(--color-black);
    text-transform: uppercase;

    background-color: white;
}
.btn--white:hover {
    color: white;

    background-color: var(--color-red);
    border-color: white;
}

.h--center {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;

    text-align: center;
}
.h--bb {
    padding-bottom: 20px;

    border-bottom: 1px solid var(--color-stroke);
}

.h1 {
    margin-bottom: 40px;
}
.h1,
.h1 span {
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    text-transform: uppercase;
}
@media (min-width: 1200px) {
    .h1,
    .h1 span {
        margin-bottom: 50px;

        font-size: 36px;
    }
}
.h1 span {
    color: var(--color-red);
}
.h1--bt {
    padding-top: 20px;

    border-top: 1px solid var(--color-stroke);
}
@media (min-width: 768px) {
    .h1--bt {
        padding-top: 24px;
    }
}
.h1--bottom-line {
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 20px;

    border-bottom: 1px solid var(--color-stroke);
}
@media (min-width: 768px) {
    .h1--bottom-line {
        padding-bottom: 24px;
    }
}

.h2 {
    margin-bottom: 40px;

    font-size: 26px;
}
@media (min-width: 1200px) {
    .h2 {
        font-size: 32px;
    }
}

.h3 {
    margin-bottom: 16px;

    font-weight: 700;
    font-size: 20px;
}
@media (min-width: 1200px) {
    .h3 {
        margin-bottom: 20px;

        font-size: 24px;
    }
}

.h4,
.contacts__item a[href*="tel:"] {
    font-size: 20px;
}
@media (min-width: 1200px) {
    .h4,
    .contacts__item a[href*="tel:"] {
        font-size: 24px;
    }
}

.num-title {
    margin-bottom: 12px;

    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: var(--color-red);
}
@media (min-width: 1200px) {
    .num-title--xl {
        font-size: 48px;
    }
}

.subtitle {
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: inherit;
}
.subtitle--accent {
    color: var(--color-red);
}
.subtitle--center {
    text-align: center;
}
@media (min-width: 1200px) {
    .subtitle {
        font-size: 18px;
    }
}

.text-block {
    padding-left: 30px;

    border-left: 1px solid var(--color-red);
}
@media (min-width: 768px) {
    .text-block {
        padding-left: 40px;
    }
}
.text-block__title {
    margin-bottom: 24px;
}
.text-block__btn {
    margin-top: 24px;
}

.red-block {
    padding: 16px;

    background: var(--color-red);
}
.red-block * {
    color: white;
}
@media (min-width: 768px) {
    .red-block {
        padding: 24px;
    }
}
@media (min-width: 1200px) {
    .red-block {
        padding: 40px;
    }
}
.red-block__icon {
    margin-bottom: 16px;
}
.red-block__link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 24px;
    padding-right: 46px;

    font-weight: 700;

    background-image: url("data:image/svg+xml,%3Csvg width='31' height='16' viewBox='0 0 31 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.7071 8.70711C31.0976 8.31658 31.0976 7.68342 30.7071 7.29289L24.3431 0.928932C23.9526 0.538408 23.3195 0.538408 22.9289 0.928932C22.5384 1.31946 22.5384 1.95262 22.9289 2.34315L28.5858 8L22.9289 13.6569C22.5384 14.0474 22.5384 14.6805 22.9289 15.0711C23.3195 15.4616 23.9526 15.4616 24.3431 15.0711L30.7071 8.70711ZM0 9H30V7H0V9Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
}
.red-block__link:hover {
    color: white;
}
@media (min-width: 1200px) {
    .red-block__link {
        margin-top: 40px;
    }
}
.red-block a:hover {
    color: inherit;
}

.content-item {
    position: relative;

    display: flex;
    flex-direction: column;
    height: 100%;
}
.content-item__hidden-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.content-item__img {
    padding-top: 89%;
}
.content-item__img.content-item__img--cont > img {
    -o-object-fit: contain;
    object-fit: contain;
}
.content-item__title {
    padding: 20px 0;

    font-weight: 700;

    border-bottom: 1px solid var(--color-stroke);
}
.content-item__title--no-line {
    border-bottom: none;
}
.content-item__bot {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end;
}
.content-item__data {
    padding-top: 10px;

    color: var(--color-gray);
}
.content-item__link {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.content-item__link,
.content-item__link * {
    color: var(--color-red);
}
.content-item__link::after {
    content: "";

    width: 40px;
    height: 1px;
    margin-left: 15px;

    background: var(--color-red);
}
.content-item__post {
    color: var(--color-red);
}
.content-item__caption {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 10px;
    padding-top: 12px;

    background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.8) 0%,
        transparent 100%
    );
}
.content-item__caption > span {
    font-weight: 700;
    font-size: 14px;
    color: var(--color-background-gray);
}
.content-item__text {
    padding-top: 20px;
}
.content-item--news .content-item__title {
    flex-grow: 1;
}
.content-item--news .content-item__bot {
    flex-grow: 0;
}
.content-item:hover .content-item__title {
    color: var(--color-red);
}
.content-item:hover .content-item__link {
    text-decoration: underline;
}
.content-item--bordered {
    padding: 20px;

    border: 1px solid var(--color-stroke);

    transition: border-color 0.15s ease-in-out;
}
.content-item--bordered .content-item__title {
    border-bottom: none;
}
.content-item--bordered .content-item__data {
    margin-bottom: auto;
    padding-top: 0;
}
.content-item--bordered:hover {
    border-color: var(--color-red);
}
.content-item--video .content-item__title {
    border-bottom: none;
}
.content-item--video:hover .content-item__title {
    color: inherit;
}
.content-item--material .content-item__title {
    text-transform: uppercase;
}
.content-item--material .content-item__link {
    margin-top: 0;
}
.content-item--material-gallery .content-item__img {
    padding-top: 80%;
}
.content-item--distinctive .content-item__img {
    padding-top: 62%;
}
.content-item--fasad .content-item__img img {
    -o-object-fit: contain;
    object-fit: contain;
}
.content-item--fasad .content-item__title {
    text-align: center;
}
@media (min-width: 1200px) {
    .content-item--bordered {
        padding: 24px;
    }
    .content-item--material-gallery .content-item__img {
        padding-top: 70%;
    }
}
@media (min-width: 1600px) {
    .content-item--material-gallery .content-item__img {
        padding-top: 48%;
    }
}

.content-list {
    display: grid;

    gap: 40px;
}
@media (min-width: 768px) {
    .content-list {
        column-gap: 30px;

        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 50px;
    }
}
@media (min-width: 1200px) {
    .content-list {
        grid-template-columns: repeat(3, 1fr);
    }
    .content-list--two-cols {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1600px) {
    .content-list {
        grid-template-columns: repeat(4, 1fr);
    }
    .content-list--catalog {
        grid-template-columns: repeat(3, 1fr);
    }
    .content-list--two-cols {
        grid-template-columns: repeat(2, 1fr);
    }
    .content-list--distinctive {
        grid-template-columns: repeat(3, 1fr);
    }
}

.content-list-small {
    display: grid;

    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
    .content-list-small {
        gap: 20px;
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1600px) {
    .content-list-small {
        grid-template-columns: repeat(6, 1fr);
    }
}

.catalog-list {
    display: grid;

    gap: 20px;
}
@media (min-width: 768px) {
    .catalog-list {
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
    .catalog-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
.catalog-list__category {
    padding-top: 100%;
}
.catalog-list__category::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 150px;

    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.69) 0%,
        rgba(0, 0, 0, 0) 100%
    );

    transition: 0.3s ease-in-out;
}
.catalog-list__category-content {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
    z-index: 5;

    transition: 0.3s ease-in-out;
}
.catalog-list__category-title {
    position: relative;

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 16px;

    text-align: center;
    color: white;
}
.catalog-list__category-title::after {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 0;
    left: 30px;

    height: 1px;

    background: white;
}
.catalog-list__category-text {
    padding-top: 16px;

    text-align: center;
    color: white;
}
.catalog-list__category:hover::after {
    height: 100%;

    background: var(--color-red);
}
.catalog-list__category:hover .catalog-list__category-content {
    bottom: 50%;

    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.video {
    position: relative;

    width: 100%;
    height: 0;
    padding-bottom: 46%;

    background-color: #000000;
    border-radius: 6px;
}
.video--enabled {
    cursor: pointer;
}
.video--enabled .video__button {
    display: flex;
}
.video__link {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.video__media {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: none;

    -o-object-fit: cover;
    object-fit: cover;
}
.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;

    display: none;
    padding: 0;

    font-weight: 700;
    font-size: 0.8rem;
    color: white;
    text-transform: uppercase;

    background-color: transparent;
    border: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;

    transition: opacity 0.3s;
}
.video__button::before {
    content: "";

    border: 8px solid transparent;
    border-left: 14px solid white;
}
.video:hover .video__button {
    opacity: 0.6;
}

.breadcrumbs {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 24px 0 20px;

    text-align: center;
}
.breadcrumbs * {
    color: var(--color-gray);
}
@media (min-width: 768px) {
    .breadcrumbs {
        padding: 30px 0 24px;
    }
}
@media (min-width: 1200px) {
    .breadcrumbs {
        padding-top: 40px;
    }
}

.about-text hr {
    width: 300px;
    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 0;

    background: var(--color-red);
    border: 0;
}
.about-text .h1 {
    margin-bottom: 40px;
}
.about-text .h4,
.about-text .contacts__item a[href*="tel:"],
.contacts__item .about-text a[href*="tel:"] {
    margin-top: 40px;
    margin-bottom: 24px;
}
.about-text p {
    margin-bottom: 24px;
}
.about-text > *:first-child {
    margin-top: 0;
}
.about-text > *:last-child {
    margin-bottom: 0;
}

.ibg,
.promotions__item-img,
.product-images__img,
.manufacture-slider__item,
.about-intro-slider__item,
.representative__img,
.cooperation-slider__item,
.possibilities__item-img,
.content-item__img,
.catalog-list__category {
    position: relative;
}
.ibg > img,
.promotions__item-img > img,
.product-images__img > img,
.manufacture-slider__item > img,
.about-intro-slider__item > img,
.representative__img > img,
.cooperation-slider__item > img,
.possibilities__item-img > img,
.content-item__img > img,
.catalog-list__category > img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}

.text-content > * {
    margin: 24px 0;
}
.text-content > *:first-child {
    margin-top: 0;
}
.text-content > *:last-child {
    margin-bottom: 0;
}
.text-content a {
    font-size: inherit;
    color: var(--color-red);
    text-decoration: underline;
}
.text-content a:hover {
    text-decoration: none;
}
.text-content ol,
.text-content ul {
    padding: revert;

    list-style: revert;
}
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5 {
    font-size: revert;
}

.content-detail__date {
    margin-bottom: 40px;

    text-align: center;
    color: var(--color-gray);
}
.content-detail__img {
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .content-detail__img {
        margin-bottom: 50px;
    }
}

.header {
    position: fixed;
    left: 0;
    z-index: 10;

    width: 100%;

    background-color: white;
    border-bottom: 1px solid var(--color-stroke);
}
.header-top {
    height: 64px;
}
@media (min-width: 768px) {
    .header-top {
        height: 80px;
    }
}
.header-top__left {
    display: flex;
}
.header-top__right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header__phone {
    font-size: 20px;
}
@media (max-width: 767.98px) {
    .header__phone {
        display: inline-block;
        width: 36px;
        height: 36px;
        overflow: hidden;
        text-indent: -9999px;
        background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5 33.5005C30.635 33.5005 32.75 31.2955 33.3725 27.4405C33.4433 26.943 33.4134 26.4363 33.2846 25.9506C33.1557 25.4649 32.9306 25.01 32.6225 24.613L32.5025 24.5005L27.95 20.9005C27.2621 20.3854 26.4181 20.1222 25.5594 20.155C24.7006 20.1878 23.8792 20.5145 23.2325 21.0805L21.2675 22.9405C17.1725 22.0105 11.2925 16.7005 11 12.7855L12.9425 10.738C13.4993 10.0881 13.817 9.26729 13.8429 8.41188C13.8688 7.55648 13.6014 6.71795 13.085 6.03551L9.5 1.49801C9.46259 1.44813 9.41693 1.40501 9.365 1.37051C8.96892 1.06339 8.5153 0.838783 8.03094 0.709964C7.54658 0.581145 7.04132 0.550728 6.545 0.620509C2.705 1.25051 0.5 3.36551 0.5 6.50051C0.5 13.6614 3.34464 20.5289 8.40812 25.5924C13.4716 30.6559 20.3392 33.5005 27.5 33.5005ZM6.785 2.11301C6.89237 2.10557 7.00013 2.10557 7.1075 2.11301C7.56966 2.11476 8.02007 2.25878 8.3975 2.52551L11.9 6.95051C12.2044 7.35529 12.3633 7.85092 12.3511 8.35724C12.3388 8.86355 12.1561 9.35092 11.8325 9.74051L9.7025 11.9905C9.573 12.1288 9.50065 12.311 9.5 12.5005C9.5 17.3305 16.4675 23.6755 21.38 24.5005C21.4941 24.5194 21.611 24.5116 21.7216 24.4777C21.8322 24.4439 21.9335 24.385 22.0175 24.3055L24.2675 22.198C24.6542 21.8682 25.1413 21.679 25.6492 21.6613C26.1572 21.6436 26.6562 21.7984 27.065 22.1005L31.5275 25.6105C31.8639 26.0761 32.004 26.6552 31.9175 27.223C31.55 29.398 30.5 32.0005 27.5 32.0005C20.737 32.0005 14.251 29.3139 9.46878 24.5317C4.6866 19.7496 2 13.2635 2 6.50051C2 3.50051 4.6025 2.45051 6.785 2.11301Z' fill='%23841308'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
    }
}
@media (min-width: 768px) {
    .header__phone {
        white-space: nowrap;
    }
}
@media (min-width: 1200px) {
    .header__phone {
        font-size: 24px;
    }
}
.header__social {
    display: inline-flex;
    align-items: center;
    height: 30px;
    margin-left: 12px;
    padding-left: 12px;

    border-left: 1px solid var(--color-gray);
}
@media (max-width: 1199.98px) {
    .header__social {
        display: none;
    }
}
.header__social-item {
    height: 100%;
    margin-right: 8px;
}
.header__social-item:last-child {
    margin-right: 0;
}
.header__call {
    display: block;

    cursor: pointer;
}
@media (max-width: 1199.98px) {
    .header__call {
        display: none;
    }
}
.header__logo {
    display: block;
    width: 100px;
    margin: 0 auto;
}
@media (max-width: 767.98px) {
    .header__logo {
        width: 80px;
    }
}
.header__login {
    min-height: 32px;
    margin-right: 20px;
    font-size: 15px;
    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='M21.6156 11.6269C21.6156 8.51988 19.0957 6 15.9886 6C12.8816 6 10.3617 8.51988 10.3617 11.6269C10.3617 14.7339 12.8816 17.2538 15.9886 17.2538C19.0957 17.2538 21.6156 14.7339 21.6156 11.6269ZM11.8296 11.6269C11.8296 9.32722 13.6889 7.46789 15.9886 7.46789C18.2883 7.46789 20.1477 9.32722 20.1477 11.6269C20.1477 13.9266 18.2883 15.7859 15.9886 15.7859C13.6889 15.7859 11.8296 13.9266 11.8296 11.6269Z' fill='%23841308'/%3E%3Cpath d='M6.56976 25.8654C6.69209 25.9388 6.81441 25.9633 6.93674 25.9633C7.18139 25.9633 7.4505 25.841 7.57282 25.5963C9.28536 22.5627 12.5147 20.6789 15.9887 20.6789C19.4627 20.6789 22.6921 22.5627 24.4291 25.5963C24.6248 25.9388 25.0896 26.0612 25.4321 25.8654C25.7747 25.6697 25.897 25.2049 25.7013 24.8624C23.7196 21.3884 20.001 19.211 15.9887 19.211C11.9765 19.211 8.25784 21.3884 6.27619 24.8624C6.08047 25.2049 6.20279 25.6697 6.56976 25.8654Z' fill='%23841308'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 48px;
}
@media (max-width: 767.98px) {
    .header__login {
        display: none !important;
    }
}
@media (max-width: 1199.98px) {
    .header__login {
        width: 32px;
        font-size: 0;
    }
}
@media (min-width: 1200px) {
    .header__login {
        margin-right: 30px;
        padding-left: 48px;
    }
}
.header__app {
    height: 32px;
    margin-right: 20px;

    font-size: 15px;

    background-image: url("data:image/svg+xml,%3Csvg stroke-miterlimit='10' style='fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;' version='1.1' viewBox='0 0 48 16' height='32'  width='64' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3CclipPath id='ArtboardFrame'%3E%3Crect height='16' width='48' x='0' y='0'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23ArtboardFrame)' id='daa'%3E%3Cpath d='M28.6821 0.00800701C28.6481-0.029993 27.4231 0.023007 26.3571 1.18001C25.2911 2.33601 25.4551 3.66201 25.4791 3.69601C25.5031 3.73001 26.9991 3.78301 27.9541 2.43801C28.9091 1.09301 28.7161 0.047007 28.6821 0.00800701M31.9961 11.741C31.9481 11.645 29.6711 10.507 29.8831 8.31901C30.0951 6.13101 31.5581 5.53001 31.5811 5.46501C31.6041 5.40001 30.9841 4.67501 30.3271 4.30801C29.8446 4.04951 29.3108 3.90128 28.7641 3.87401C28.6561 3.87101 28.2811 3.77901 27.5101 3.99001C27.0021 4.12901 25.8571 4.57901 25.5421 4.59701C25.2261 4.61501 24.2861 4.07501 23.2751 3.93201C22.6281 3.80701 21.9421 4.06301 21.4511 4.26001C20.9611 4.45601 20.0291 5.01401 19.3771 6.49701C18.7251 7.97901 19.0661 10.327 19.3101 11.057C19.5541 11.787 19.9351 12.981 20.5831 13.853C21.1591 14.837 21.9231 15.52 22.2421 15.752C22.5611 15.984 23.4611 16.138 24.0851 15.819C24.5871 15.511 25.4931 15.334 25.8511 15.347C26.2081 15.36 26.9121 15.501 27.6331 15.886C28.2041 16.083 28.7441 16.001 29.2851 15.781C29.8261 15.56 30.6091 14.722 31.5231 13.023C31.8698 12.233 32.0274 11.8057 31.9961 11.741' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3Cpath d='M43.2128 1.47079L43.9038 0.210793C43.9498 0.128126 43.9338 0.0641262 43.8558 0.0187929C43.7704-0.0192071 43.7054 0.000126203 43.6608 0.0767929L42.9608 1.34679C42.3445 1.07578 41.678 0.93745 41.0048 0.940793C40.3168 0.940793 39.6648 1.07546 39.0488 1.34479L38.3488 0.0747929C38.3034 0.000126203 38.2384-0.0182071 38.1538 0.0197929C38.0758 0.0657929 38.0594 0.130126 38.1048 0.212793L38.7958 1.47179C38.1166 1.80603 37.539 2.31559 37.1228 2.94779C36.7133 3.56096 36.4963 4.28248 36.4998 5.01979L45.4998 5.01979C45.4998 4.26979 45.2921 3.57913 44.8768 2.94779C44.4622 2.31743 43.8881 1.80815 43.2128 1.47179L43.2128 1.47079ZM39.2198 3.30279C39.1493 3.37411 39.053 3.4138 38.9528 3.41279C38.8535 3.41511 38.7579 3.37512 38.6898 3.30279C38.6203 3.2326 38.5818 3.13755 38.5828 3.03879C38.5815 2.93969 38.6201 2.84423 38.6898 2.77379C38.7579 2.70147 38.8535 2.66148 38.9528 2.66379C39.0561 2.66379 39.1451 2.70046 39.2198 2.77379C39.2923 2.84272 39.3329 2.93873 39.3318 3.03879C39.3326 3.13851 39.2921 3.2341 39.2198 3.30279M43.3208 3.30279C43.2529 3.37486 43.1577 3.41482 43.0588 3.41279C42.9582 3.41408 42.8614 3.37436 42.7908 3.30279C42.7185 3.2341 42.6779 3.13851 42.6788 3.03879C42.6788 2.93613 42.7161 2.84779 42.7908 2.77379C42.8614 2.70222 42.9582 2.66251 43.0588 2.66379C43.1621 2.66379 43.2494 2.70046 43.3208 2.77379C43.3905 2.84423 43.429 2.93969 43.4278 3.03879C43.4278 3.14079 43.3921 3.22879 43.3208 3.30279M36.4998 11.7698C36.4998 12.0638 36.6034 12.3138 36.8108 12.5198C37.0181 12.7238 37.2714 12.8261 37.5708 12.8268L38.3288 12.8268L38.3388 15.0088C38.3388 15.2848 38.4361 15.5191 38.6308 15.7118C38.8148 15.8996 39.0678 16.0037 39.3308 15.9998C39.5969 16.0053 39.8537 15.9012 40.0408 15.7118C40.2318 15.5284 40.3377 15.2736 40.3328 15.0088L40.3328 12.8268L41.6758 12.8268L41.6758 15.0088C41.6758 15.2848 41.7731 15.5191 41.9678 15.7118C42.1549 15.9012 42.4116 16.0053 42.6778 15.9998C42.9439 16.0053 43.2007 15.9012 43.3878 15.7118C43.5788 15.5284 43.6847 15.2736 43.6798 15.0088L43.6798 12.8268L44.4398 12.8268C44.7304 12.8268 44.9801 12.7241 45.1888 12.5188C45.3954 12.3141 45.4991 12.0641 45.4998 11.7688L45.4998 5.36479L36.4998 5.36479L36.4998 11.7698ZM46.9948 5.18279C46.733 5.17798 46.4802 5.27808 46.2928 5.46079C46.1007 5.63608 45.9939 5.88586 45.9998 6.14579L45.9998 10.2088C45.9998 10.4795 46.0974 10.7095 46.2928 10.8988C46.4786 11.0847 46.732 11.1872 46.9948 11.1828C47.2748 11.1828 47.5121 11.0881 47.7068 10.8988C47.898 10.7208 48.0045 10.47 47.9998 10.2088L47.9998 6.14579C48.0056 5.88586 47.8988 5.63608 47.7068 5.46079C47.5156 5.2775 47.2596 5.17752 46.9948 5.18279M34.2928 5.46579C34.4831 5.28067 34.7393 5.17886 35.0048 5.18279C35.2781 5.18279 35.5121 5.27713 35.7068 5.46579C35.8975 5.63993 36.0042 5.88759 35.9998 6.14579L35.9998 10.2088C36.0045 10.469 35.9001 10.7192 35.7118 10.8988C35.5247 11.0859 35.2693 11.1885 35.0048 11.1828C34.7391 11.1865 34.483 11.0843 34.2928 10.8988C34.1016 10.7208 33.9951 10.47 33.9998 10.2088L33.9998 6.14579C33.9998 5.88179 34.0974 5.65513 34.2928 5.46579' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3Cpath d='M1.5 0C0.671573 0 1.01453e-16 0.671573 0 1.5L0 8.5C1.66533e-16 9.32843 0.671573 10 1.5 10L6 10L6 11L1 11C0.447715 11 6.76354e-17 11.4477 0 12L0 15C1.11022e-16 15.5523 0.447715 16 1 16L15 16C15.5523 16 16 15.5523 16 15L16 12C16 11.4477 15.5523 11 15 11L10 11L10 10L14.5 10C15.3284 10 16 9.32843 16 8.5L16 1.5C16 0.671573 15.3284 5.07265e-17 14.5 0L1.5 0ZM1.5 1L14.5 1C14.7761 1 15 1.22386 15 1.5L15 8.5C15 8.77614 14.7761 9 14.5 9L1.5 9C1.22386 9 1 8.77614 1 8.5L1 1.5C1 1.22386 1.22386 1 1.5 1M12 12.5C12 12.2239 12.2239 12 12.5 12C12.7761 12 13 12.2239 13 12.5C13 12.7761 12.7761 13 12.5 13C12.2239 13 12 12.7761 12 12.5M14 12.5C14 12.2239 14.2239 12 14.5 12C14.7761 12 15 12.2239 15 12.5C15 12.7761 14.7761 13 14.5 13C14.2239 13 14 12.7761 14 12.5M1.5 12L6.5 12C6.77614 12 7 12.2239 7 12.5C7 12.7761 6.77614 13 6.5 13L1.5 13C1.22386 13 1 12.7761 1 12.5C1 12.2239 1.22386 12 1.5 12M1 14.25C1 14.1119 1.11193 14 1.25 14L6.75 14C6.88807 14 7 14.1119 7 14.25C7 14.3881 6.88807 14.5 6.75 14.5L1.25 14.5C1.11193 14.5 1 14.3881 1 14.25' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    cursor: pointer;
}
@media (max-width: 767.98px) {
    .header__app {
        display: none !important;
    }
}
@media (max-width: 1199.98px) {
    .header__app {
        width: 70px;

        font-size: 0;
    }
}
@media (min-width: 1200px) {
    .header__app {
        margin-right: 30px;
        padding-left: 88px;

        background-position-y: -1px;
    }
}
.header__burger {
    position: relative;

    width: 40px;
    height: 40px;

    cursor: pointer;
}
.header__burger span,
.header__burger span::after,
.header__burger span:before {
    position: absolute;
    left: 0;

    width: 100%;
    height: 2px;

    background: var(--color-black);
}
.header__burger span {
    top: 50%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header__burger span::after,
.header__burger span::before {
    content: "";
}
.header__burger span::before {
    top: -11px;
}
.header__burger span::after {
    top: 11px;
}
.header-menu {
    height: calc(130px - 80px);
    width: 1100px;
    margin: 0 auto;
}
@media (max-width: 1199.98px) {
    .header-menu {
        display: none;
    }
}
.header-menu__list {
    display: flex;
    justify-content: space-between;
}
@media (min-width: 1600px) {
    .header-menu__list {
        width: 1190px;
        margin: 0 auto;
    }
}
.header-menu__list > li > a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 30px;
}
@media (min-width: 1600px) {
    .header-menu__list > li > a {
        padding: 0 20px;
    }
}
.header-menu__list a {
    font-size: 15px;
}
.header-menu__parent {
    position: relative;
}
.header-menu__parent > a::after {
    content: "";

    width: 14px;
    height: 14px;
    margin-left: 10px;

    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.5L7 10.5L2 5.5' stroke='%23323335'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;

    transition: 0.3s ease-in-out;
}
.header-menu__parent > ul {
    position: absolute;
    top: calc(100% + 1px);

    display: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 20px;

    background: white;
}
@media (max-width: 1199.98px) {
    .header-menu__parent > ul {
        left: 10px;
    }
}
.header-menu__parent > ul li {
    margin-bottom: 12px;
}
.header-menu__parent > ul li:last-child {
    margin-bottom: 0;
}
.header-menu__parent > ul a:hover {
    text-decoration: unset;
}
.header-menu__parent:hover > a::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.5L7 10.5L2 5.5' stroke='%23841308'/%3E%3C/svg%3E%0A");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-menu__parent:hover > ul {
    display: block;
}

.header-toggle .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;

    background: rgba(0, 0, 0, 0.5);
}
.header-toggle-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;

    width: calc(100% - 15px);
    padding: 62px 15px 50px 20px;
    overflow: auto;

    background: white;
}
@media (min-width: 768px) {
    .header-toggle-content {
        width: calc(100% - 40px);
        padding: 80px 140px 60px 40px;
    }
}
@media (min-width: 1200px) {
    .header-toggle-content {
        width: calc(100% - 640px);
        padding: 92px 165px 83px 60px;
    }
}
@media (min-width: 1600px) {
    .header-toggle-content {
        width: calc(100% - 1110px);
        padding: 145px 155px 83px 80px;
    }
}
.header-toggle-close {
    position: fixed;
    top: 12px;
    right: 15px;
    z-index: 40;

    width: 40px;
    height: 40px;

    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.15039' y='33' width='40' height='2' transform='rotate(-45 5.15039 33)' fill='%23841308'/%3E%3Crect x='6.56445' y='5' width='40' height='2' transform='rotate(45 6.56445 5)' fill='%23841308'/%3E%3C/svg%3E");
    cursor: pointer;
}
.header-toggle-section {
    padding: 20px 0;

    border-bottom: 1px solid var(--color-stroke);
}
.header-toggle-section:first-child {
    padding-top: 0;
}
.header-toggle-section:last-child {
    padding-bottom: 0;

    border-bottom: none;
}
@media (min-width: 1200px) {
    .header-toggle-section {
        padding: 40px 0;
    }
}
.header-toggle-menu ul {
    display: none;
    padding-top: 12px;
    padding-left: 30px;
}
.header-toggle-menu > li {
    margin-bottom: 16px;
}
.header-toggle-menu > li:last-child {
    margin-bottom: 0;
}
@media (min-width: 1200px) {
    .header-toggle-menu > li {
        margin-bottom: 24px;
    }
}
@media (min-width: 1200px) {
    .header-toggle-menu a {
        font-size: 24px;
    }
}
.header-toggle-menu__parent > a {
    display: flex;
    align-items: baseline;
}
.header-toggle-menu__parent > a::after {
    content: "";

    width: 14px;
    height: 14px;
    margin-left: 10px;

    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.5L7 10.5L2 5.5' stroke='%23323335'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;

    transition: 0.3s ease-in-out;
}
.header-toggle-menu__parent li {
    margin-bottom: 12px;
}
.header-toggle-menu__parent li:last-child {
    margin-bottom: 0;
}
.header-toggle-menu__parent.opened > a::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-toggle-menu__parent.opened > ul {
    display: block;
}
.header-toggle-phone {
    display: block;
    margin-bottom: 12px;

    font-size: 20px;
}
.header-toggle-call {
    margin-bottom: 24px;
}
.header-toggle-social {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.header-toggle-social__item {
    margin-right: 12px;
}
.header-toggle-social__item:last-child {
    margin-right: 0;
}
.header-toggle-login {
    height: 32px;
    padding: 10px 10px 10px 40px;
    font-size: 15px;
    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='M21.6156 11.6269C21.6156 8.51988 19.0957 6 15.9886 6C12.8816 6 10.3617 8.51988 10.3617 11.6269C10.3617 14.7339 12.8816 17.2538 15.9886 17.2538C19.0957 17.2538 21.6156 14.7339 21.6156 11.6269ZM11.8296 11.6269C11.8296 9.32722 13.6889 7.46789 15.9886 7.46789C18.2883 7.46789 20.1477 9.32722 20.1477 11.6269C20.1477 13.9266 18.2883 15.7859 15.9886 15.7859C13.6889 15.7859 11.8296 13.9266 11.8296 11.6269Z' fill='%23841308'/%3E%3Cpath d='M6.56976 25.8654C6.69209 25.9388 6.81441 25.9633 6.93674 25.9633C7.18139 25.9633 7.4505 25.841 7.57282 25.5963C9.28536 22.5627 12.5147 20.6789 15.9887 20.6789C19.4627 20.6789 22.6921 22.5627 24.4291 25.5963C24.6248 25.9388 25.0896 26.0612 25.4321 25.8654C25.7747 25.6697 25.897 25.2049 25.7013 24.8624C23.7196 21.3884 20.001 19.211 15.9887 19.211C11.9765 19.211 8.25784 21.3884 6.27619 24.8624C6.08047 25.2049 6.20279 25.6697 6.56976 25.8654Z' fill='%23841308'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-y: center;
    cursor: pointer;
    text-indent: 10px;
    line-height: 32px;
}
.header-toggle-info {
    margin-bottom: 30px;
}
.header-toggle-info__item {
    margin-bottom: 16px;
}
.header-toggle-info__item:last-child {
    margin-bottom: 0;
}
.header-toggle-login-app {
    height: 32px;
    padding-left: 64px;

    font-size: 15px;

    background-image: url("data:image/svg+xml,%3Csvg  stroke-miterlimit='10' style='fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;' version='1.1' viewBox='0 0 32 16' height='32' width='48' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3CclipPath id='ArtboardFrame'%3E%3Crect height='16' width='32' x='0' y='0'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23ArtboardFrame)' id='daa'%3E%3Cpath d='M11.2176 0.00800701C11.1836-0.029993 9.95864 0.023007 8.89264 1.18001C7.82664 2.33601 7.99064 3.66201 8.01464 3.69601C8.03864 3.73001 9.53464 3.78301 10.4896 2.43801C11.4446 1.09301 11.2516 0.047007 11.2176 0.00800701M14.5316 11.741C14.4836 11.645 12.2066 10.507 12.4186 8.31901C12.6306 6.13101 14.0936 5.53001 14.1166 5.46501C14.1396 5.40001 13.5196 4.67501 12.8626 4.30801C12.3802 4.04951 11.8463 3.90128 11.2996 3.87401C11.1916 3.87101 10.8166 3.77901 10.0456 3.99001C9.53764 4.12901 8.39264 4.57901 8.07764 4.59701C7.76164 4.61501 6.82164 4.07501 5.81064 3.93201C5.16364 3.80701 4.47764 4.06301 3.98664 4.26001C3.49664 4.45601 2.56464 5.01401 1.91264 6.49701C1.26064 7.97901 1.60164 10.327 1.84564 11.057C2.08964 11.787 2.47064 12.981 3.11864 13.853C3.69464 14.837 4.45864 15.52 4.77764 15.752C5.09664 15.984 5.99664 16.138 6.62064 15.819C7.12264 15.511 8.02864 15.334 8.38664 15.347C8.74364 15.36 9.44764 15.501 10.1686 15.886C10.7396 16.083 11.2796 16.001 11.8206 15.781C12.3616 15.56 13.1446 14.722 14.0586 13.023C14.4053 12.233 14.563 11.8057 14.5316 11.741' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3Cpath d='M26.2465 1.47079L26.9375 0.210793C26.9835 0.128126 26.9675 0.0641262 26.8895 0.0187929C26.8041-0.0192071 26.7391 0.000126203 26.6945 0.0767929L25.9945 1.34679C25.3782 1.07578 24.7117 0.93745 24.0385 0.940793C23.3505 0.940793 22.6985 1.07546 22.0825 1.34479L21.3825 0.0747929C21.3371 0.000126203 21.2721-0.0182071 21.1875 0.0197929C21.1095 0.0657929 21.0931 0.130126 21.1385 0.212793L21.8295 1.47179C21.1503 1.80603 20.5727 2.31559 20.1565 2.94779C19.747 3.56096 19.5301 4.28248 19.5335 5.01979L28.5335 5.01979C28.5335 4.26979 28.3258 3.57913 27.9105 2.94779C27.4959 2.31743 26.9218 1.80815 26.2465 1.47179L26.2465 1.47079ZM22.2535 3.30279C22.183 3.37411 22.0867 3.4138 21.9865 3.41279C21.8872 3.41511 21.7916 3.37512 21.7235 3.30279C21.654 3.2326 21.6155 3.13755 21.6165 3.03879C21.6152 2.93969 21.6538 2.84423 21.7235 2.77379C21.7916 2.70147 21.8872 2.66148 21.9865 2.66379C22.0898 2.66379 22.1788 2.70046 22.2535 2.77379C22.326 2.84272 22.3666 2.93873 22.3655 3.03879C22.3663 3.13851 22.3258 3.2341 22.2535 3.30279M26.3545 3.30279C26.2866 3.37486 26.1914 3.41482 26.0925 3.41279C25.9919 3.41408 25.8951 3.37436 25.8245 3.30279C25.7522 3.2341 25.7116 3.13851 25.7125 3.03879C25.7125 2.93613 25.7498 2.84779 25.8245 2.77379C25.8951 2.70222 25.9919 2.66251 26.0925 2.66379C26.1958 2.66379 26.2831 2.70046 26.3545 2.77379C26.4242 2.84423 26.4627 2.93969 26.4615 3.03879C26.4615 3.14079 26.4258 3.22879 26.3545 3.30279M19.5335 11.7698C19.5335 12.0638 19.6371 12.3138 19.8445 12.5198C20.0518 12.7238 20.3051 12.8261 20.6045 12.8268L21.3625 12.8268L21.3725 15.0088C21.3725 15.2848 21.4698 15.5191 21.6645 15.7118C21.8485 15.8996 22.1015 16.0037 22.3645 15.9998C22.6306 16.0053 22.8874 15.9012 23.0745 15.7118C23.2655 15.5284 23.3714 15.2736 23.3665 15.0088L23.3665 12.8268L24.7095 12.8268L24.7095 15.0088C24.7095 15.2848 24.8068 15.5191 25.0015 15.7118C25.1886 15.9012 25.4453 16.0053 25.7115 15.9998C25.9776 16.0053 26.2344 15.9012 26.4215 15.7118C26.6125 15.5284 26.7184 15.2736 26.7135 15.0088L26.7135 12.8268L27.4735 12.8268C27.7641 12.8268 28.0138 12.7241 28.2225 12.5188C28.4291 12.3141 28.5328 12.0641 28.5335 11.7688L28.5335 5.36479L19.5335 5.36479L19.5335 11.7698ZM30.0285 5.18279C29.7667 5.17798 29.514 5.27808 29.3265 5.46079C29.1344 5.63608 29.0276 5.88586 29.0335 6.14579L29.0335 10.2088C29.0335 10.4795 29.1311 10.7095 29.3265 10.8988C29.5123 11.0847 29.7657 11.1872 30.0285 11.1828C30.3085 11.1828 30.5458 11.0881 30.7405 10.8988C30.9317 10.7208 31.0382 10.47 31.0335 10.2088L31.0335 6.14579C31.0393 5.88586 30.9325 5.63608 30.7405 5.46079C30.5493 5.2775 30.2933 5.17752 30.0285 5.18279M17.3265 5.46579C17.5168 5.28067 17.773 5.17886 18.0385 5.18279C18.3118 5.18279 18.5458 5.27713 18.7405 5.46579C18.9312 5.63993 19.0379 5.88759 19.0335 6.14579L19.0335 10.2088C19.0382 10.469 18.9338 10.7192 18.7455 10.8988C18.5584 11.0859 18.303 11.1885 18.0385 11.1828C17.7728 11.1865 17.5167 11.0843 17.3265 10.8988C17.1353 10.7208 17.0288 10.47 17.0335 10.2088L17.0335 6.14579C17.0335 5.88179 17.1311 5.65513 17.3265 5.46579' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-y: -1px;
    cursor: pointer;
}

.footer {
    border-top: 1px solid var(--color-stroke);
}
.footer-section {
    border-bottom: 1px solid var(--color-stroke);
}
.footer-section:last-child {
    border-bottom: none;
}
.footer--top {
    padding: 30px 0 40px;
}
@media (min-width: 1200px) {
    .footer--top {
        padding-top: 50px;
    }
}
.footer--bot {
    padding: 16px 0;
}
.footer--bot * {
    font-size: 14px;
    color: var(--color-gray);
}
@media (min-width: 1200px) {
    .footer--bot * {
        font-size: 15px;
    }
}
@media (min-width: 768px) {
    .footer--bot > .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
@media (max-width: 767.98px) {
    .footer--bot__item {
        margin-bottom: 16px;
    }
    .footer--bot__item:last-child {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .footer--bot__links {
        display: flex;
    }
}
.footer--bot__links a {
    display: block;
}
@media (max-width: 767.98px) {
    .footer--bot__links a {
        margin-bottom: 16px;
    }
}
@media (min-width: 768px) {
    .footer--bot__links a {
        margin-right: 36px;
    }
}
.footer--bot__links a:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.footer__logo {
    display: block;
    width: 150px;
}
@media (max-width: 1199.98px) {
    .footer__logo {
        margin: 0 auto;
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .footer__logo {
        width: 180px;
    }
}
@media (min-width: 1600px) {
    .footer__logo {
        width: 100%;

        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
.footer-menu {
    display: grid;

    grid-column-gap: 30px;
    grid-row-gap: 16px;
}
@media (max-width: 767.98px) {
    .footer-menu {
        margin-bottom: 40px;
    }
}
@media (min-width: 768px) {
    .footer-menu {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1600px) {
    .footer-menu {
        grid-template-columns: 2fr 2fr 3fr;
    }
}
@media (min-width: 768px) and (max-width: 1599.98px) {
    .footer-menu__list:last-child {
        grid-column-end: 3;
        grid-column-start: 1;
    }
}
.footer-menu__list li {
    margin-bottom: 16px;
}
.footer-menu__list li:last-child {
    margin-bottom: 0;
}
.footer-phone {
    display: block;
    margin-bottom: 24px;

    font-size: 20px;
    color: var(--color-red);
}
@media (min-width: 1200px) {
    .footer-phone {
        font-size: 24px;
    }
}
.footer-address {
    margin-bottom: 16px;
}
.footer-schedule {
    margin-bottom: 40px;
}
.footer-btn {
    padding: 17px 31px;

    font-weight: 400;
}
.footer-social {
    display: flex;
    align-items: center;
}
.footer-social__item {
    margin-right: 16px;
}
.footer-social__item:last-child {
    margin-right: 0;
}
.footer-copyright {
    opacity: 0.4;

    transition: 0.3s;
}
@media (max-width: 767.98px) {
    .footer-copyright {
        width: 150px;
    }
}
.footer-copyright:hover {
    opacity: 1;
}

.arrow-up {
    position: fixed;
    right: 10px;
    bottom: 30px;

    width: 48px;
    height: 48px;

    background-image: url("data:image/svg+xml,%3Csvg width='26' height='14' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5996L13 0.799609L25 13.5996' stroke='%23CCCFD7'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid var(--color-stroke);
    cursor: pointer;
}
@media (min-width: 768px) {
    .arrow-up {
        right: 40px;
        bottom: 50px;
    }
}

/**************************\
  Basic Modal Styles
\**************************/
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;

    display: none;
}
.modal.is-open {
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    background: rgba(0, 0, 0, 0.6);
}
.modal__container {
    position: relative;

    width: 100%;
    max-width: 330px;
    max-height: 100vh;
    padding: 30px;
    overflow-y: auto;

    background-color: #ffffff;
}
@media (min-width: 768px) {
    .modal__container {
        max-width: 500px;
        padding: 40px;
    }
}
@media (min-width: 1200px) {
    .modal__container {
        max-width: 600px;
        padding: 50px;
    }
}
.modal__content {
    margin-bottom: 24px;
}
@media (min-width: 768px) {
    .modal__content {
        margin-bottom: 40px;
    }
}
.modal__app {
    height: 32px;
    margin-right: 20px;

    font-size: 15px;

    background-image: url("data:image/svg+xml,%3Csvg stroke-miterlimit='10' style='fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;' version='1.1' viewBox='0 0 48 16' height='32'  width='64' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3CclipPath id='ArtboardFrame'%3E%3Crect height='16' width='48' x='0' y='0'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23ArtboardFrame)' id='daa'%3E%3Cpath d='M28.6821 0.00800701C28.6481-0.029993 27.4231 0.023007 26.3571 1.18001C25.2911 2.33601 25.4551 3.66201 25.4791 3.69601C25.5031 3.73001 26.9991 3.78301 27.9541 2.43801C28.9091 1.09301 28.7161 0.047007 28.6821 0.00800701M31.9961 11.741C31.9481 11.645 29.6711 10.507 29.8831 8.31901C30.0951 6.13101 31.5581 5.53001 31.5811 5.46501C31.6041 5.40001 30.9841 4.67501 30.3271 4.30801C29.8446 4.04951 29.3108 3.90128 28.7641 3.87401C28.6561 3.87101 28.2811 3.77901 27.5101 3.99001C27.0021 4.12901 25.8571 4.57901 25.5421 4.59701C25.2261 4.61501 24.2861 4.07501 23.2751 3.93201C22.6281 3.80701 21.9421 4.06301 21.4511 4.26001C20.9611 4.45601 20.0291 5.01401 19.3771 6.49701C18.7251 7.97901 19.0661 10.327 19.3101 11.057C19.5541 11.787 19.9351 12.981 20.5831 13.853C21.1591 14.837 21.9231 15.52 22.2421 15.752C22.5611 15.984 23.4611 16.138 24.0851 15.819C24.5871 15.511 25.4931 15.334 25.8511 15.347C26.2081 15.36 26.9121 15.501 27.6331 15.886C28.2041 16.083 28.7441 16.001 29.2851 15.781C29.8261 15.56 30.6091 14.722 31.5231 13.023C31.8698 12.233 32.0274 11.8057 31.9961 11.741' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3Cpath d='M43.2128 1.47079L43.9038 0.210793C43.9498 0.128126 43.9338 0.0641262 43.8558 0.0187929C43.7704-0.0192071 43.7054 0.000126203 43.6608 0.0767929L42.9608 1.34679C42.3445 1.07578 41.678 0.93745 41.0048 0.940793C40.3168 0.940793 39.6648 1.07546 39.0488 1.34479L38.3488 0.0747929C38.3034 0.000126203 38.2384-0.0182071 38.1538 0.0197929C38.0758 0.0657929 38.0594 0.130126 38.1048 0.212793L38.7958 1.47179C38.1166 1.80603 37.539 2.31559 37.1228 2.94779C36.7133 3.56096 36.4963 4.28248 36.4998 5.01979L45.4998 5.01979C45.4998 4.26979 45.2921 3.57913 44.8768 2.94779C44.4622 2.31743 43.8881 1.80815 43.2128 1.47179L43.2128 1.47079ZM39.2198 3.30279C39.1493 3.37411 39.053 3.4138 38.9528 3.41279C38.8535 3.41511 38.7579 3.37512 38.6898 3.30279C38.6203 3.2326 38.5818 3.13755 38.5828 3.03879C38.5815 2.93969 38.6201 2.84423 38.6898 2.77379C38.7579 2.70147 38.8535 2.66148 38.9528 2.66379C39.0561 2.66379 39.1451 2.70046 39.2198 2.77379C39.2923 2.84272 39.3329 2.93873 39.3318 3.03879C39.3326 3.13851 39.2921 3.2341 39.2198 3.30279M43.3208 3.30279C43.2529 3.37486 43.1577 3.41482 43.0588 3.41279C42.9582 3.41408 42.8614 3.37436 42.7908 3.30279C42.7185 3.2341 42.6779 3.13851 42.6788 3.03879C42.6788 2.93613 42.7161 2.84779 42.7908 2.77379C42.8614 2.70222 42.9582 2.66251 43.0588 2.66379C43.1621 2.66379 43.2494 2.70046 43.3208 2.77379C43.3905 2.84423 43.429 2.93969 43.4278 3.03879C43.4278 3.14079 43.3921 3.22879 43.3208 3.30279M36.4998 11.7698C36.4998 12.0638 36.6034 12.3138 36.8108 12.5198C37.0181 12.7238 37.2714 12.8261 37.5708 12.8268L38.3288 12.8268L38.3388 15.0088C38.3388 15.2848 38.4361 15.5191 38.6308 15.7118C38.8148 15.8996 39.0678 16.0037 39.3308 15.9998C39.5969 16.0053 39.8537 15.9012 40.0408 15.7118C40.2318 15.5284 40.3377 15.2736 40.3328 15.0088L40.3328 12.8268L41.6758 12.8268L41.6758 15.0088C41.6758 15.2848 41.7731 15.5191 41.9678 15.7118C42.1549 15.9012 42.4116 16.0053 42.6778 15.9998C42.9439 16.0053 43.2007 15.9012 43.3878 15.7118C43.5788 15.5284 43.6847 15.2736 43.6798 15.0088L43.6798 12.8268L44.4398 12.8268C44.7304 12.8268 44.9801 12.7241 45.1888 12.5188C45.3954 12.3141 45.4991 12.0641 45.4998 11.7688L45.4998 5.36479L36.4998 5.36479L36.4998 11.7698ZM46.9948 5.18279C46.733 5.17798 46.4802 5.27808 46.2928 5.46079C46.1007 5.63608 45.9939 5.88586 45.9998 6.14579L45.9998 10.2088C45.9998 10.4795 46.0974 10.7095 46.2928 10.8988C46.4786 11.0847 46.732 11.1872 46.9948 11.1828C47.2748 11.1828 47.5121 11.0881 47.7068 10.8988C47.898 10.7208 48.0045 10.47 47.9998 10.2088L47.9998 6.14579C48.0056 5.88586 47.8988 5.63608 47.7068 5.46079C47.5156 5.2775 47.2596 5.17752 46.9948 5.18279M34.2928 5.46579C34.4831 5.28067 34.7393 5.17886 35.0048 5.18279C35.2781 5.18279 35.5121 5.27713 35.7068 5.46579C35.8975 5.63993 36.0042 5.88759 35.9998 6.14579L35.9998 10.2088C36.0045 10.469 35.9001 10.7192 35.7118 10.8988C35.5247 11.0859 35.2693 11.1885 35.0048 11.1828C34.7391 11.1865 34.483 11.0843 34.2928 10.8988C34.1016 10.7208 33.9951 10.47 33.9998 10.2088L33.9998 6.14579C33.9998 5.88179 34.0974 5.65513 34.2928 5.46579' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3Cpath d='M1.5 0C0.671573 0 1.01453e-16 0.671573 0 1.5L0 8.5C1.66533e-16 9.32843 0.671573 10 1.5 10L6 10L6 11L1 11C0.447715 11 6.76354e-17 11.4477 0 12L0 15C1.11022e-16 15.5523 0.447715 16 1 16L15 16C15.5523 16 16 15.5523 16 15L16 12C16 11.4477 15.5523 11 15 11L10 11L10 10L14.5 10C15.3284 10 16 9.32843 16 8.5L16 1.5C16 0.671573 15.3284 5.07265e-17 14.5 0L1.5 0ZM1.5 1L14.5 1C14.7761 1 15 1.22386 15 1.5L15 8.5C15 8.77614 14.7761 9 14.5 9L1.5 9C1.22386 9 1 8.77614 1 8.5L1 1.5C1 1.22386 1.22386 1 1.5 1M12 12.5C12 12.2239 12.2239 12 12.5 12C12.7761 12 13 12.2239 13 12.5C13 12.7761 12.7761 13 12.5 13C12.2239 13 12 12.7761 12 12.5M14 12.5C14 12.2239 14.2239 12 14.5 12C14.7761 12 15 12.2239 15 12.5C15 12.7761 14.7761 13 14.5 13C14.2239 13 14 12.7761 14 12.5M1.5 12L6.5 12C6.77614 12 7 12.2239 7 12.5C7 12.7761 6.77614 13 6.5 13L1.5 13C1.22386 13 1 12.7761 1 12.5C1 12.2239 1.22386 12 1.5 12M1 14.25C1 14.1119 1.11193 14 1.25 14L6.75 14C6.88807 14 7 14.1119 7 14.25C7 14.3881 6.88807 14.5 6.75 14.5L1.25 14.5C1.11193 14.5 1 14.3881 1 14.25' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    cursor: pointer;
}
@media (max-width: 767.98px) {
    .modal__app {
        padding-left: 64px !important;

        background-image: url("data:image/svg+xml,%3Csvg  stroke-miterlimit='10' style='fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;' version='1.1' viewBox='0 0 32 16' height='32' width='48' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs/%3E%3CclipPath id='ArtboardFrame'%3E%3Crect height='16' width='32' x='0' y='0'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23ArtboardFrame)' id='daa'%3E%3Cpath d='M11.2176 0.00800701C11.1836-0.029993 9.95864 0.023007 8.89264 1.18001C7.82664 2.33601 7.99064 3.66201 8.01464 3.69601C8.03864 3.73001 9.53464 3.78301 10.4896 2.43801C11.4446 1.09301 11.2516 0.047007 11.2176 0.00800701M14.5316 11.741C14.4836 11.645 12.2066 10.507 12.4186 8.31901C12.6306 6.13101 14.0936 5.53001 14.1166 5.46501C14.1396 5.40001 13.5196 4.67501 12.8626 4.30801C12.3802 4.04951 11.8463 3.90128 11.2996 3.87401C11.1916 3.87101 10.8166 3.77901 10.0456 3.99001C9.53764 4.12901 8.39264 4.57901 8.07764 4.59701C7.76164 4.61501 6.82164 4.07501 5.81064 3.93201C5.16364 3.80701 4.47764 4.06301 3.98664 4.26001C3.49664 4.45601 2.56464 5.01401 1.91264 6.49701C1.26064 7.97901 1.60164 10.327 1.84564 11.057C2.08964 11.787 2.47064 12.981 3.11864 13.853C3.69464 14.837 4.45864 15.52 4.77764 15.752C5.09664 15.984 5.99664 16.138 6.62064 15.819C7.12264 15.511 8.02864 15.334 8.38664 15.347C8.74364 15.36 9.44764 15.501 10.1686 15.886C10.7396 16.083 11.2796 16.001 11.8206 15.781C12.3616 15.56 13.1446 14.722 14.0586 13.023C14.4053 12.233 14.563 11.8057 14.5316 11.741' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3Cpath d='M26.2465 1.47079L26.9375 0.210793C26.9835 0.128126 26.9675 0.0641262 26.8895 0.0187929C26.8041-0.0192071 26.7391 0.000126203 26.6945 0.0767929L25.9945 1.34679C25.3782 1.07578 24.7117 0.93745 24.0385 0.940793C23.3505 0.940793 22.6985 1.07546 22.0825 1.34479L21.3825 0.0747929C21.3371 0.000126203 21.2721-0.0182071 21.1875 0.0197929C21.1095 0.0657929 21.0931 0.130126 21.1385 0.212793L21.8295 1.47179C21.1503 1.80603 20.5727 2.31559 20.1565 2.94779C19.747 3.56096 19.5301 4.28248 19.5335 5.01979L28.5335 5.01979C28.5335 4.26979 28.3258 3.57913 27.9105 2.94779C27.4959 2.31743 26.9218 1.80815 26.2465 1.47179L26.2465 1.47079ZM22.2535 3.30279C22.183 3.37411 22.0867 3.4138 21.9865 3.41279C21.8872 3.41511 21.7916 3.37512 21.7235 3.30279C21.654 3.2326 21.6155 3.13755 21.6165 3.03879C21.6152 2.93969 21.6538 2.84423 21.7235 2.77379C21.7916 2.70147 21.8872 2.66148 21.9865 2.66379C22.0898 2.66379 22.1788 2.70046 22.2535 2.77379C22.326 2.84272 22.3666 2.93873 22.3655 3.03879C22.3663 3.13851 22.3258 3.2341 22.2535 3.30279M26.3545 3.30279C26.2866 3.37486 26.1914 3.41482 26.0925 3.41279C25.9919 3.41408 25.8951 3.37436 25.8245 3.30279C25.7522 3.2341 25.7116 3.13851 25.7125 3.03879C25.7125 2.93613 25.7498 2.84779 25.8245 2.77379C25.8951 2.70222 25.9919 2.66251 26.0925 2.66379C26.1958 2.66379 26.2831 2.70046 26.3545 2.77379C26.4242 2.84423 26.4627 2.93969 26.4615 3.03879C26.4615 3.14079 26.4258 3.22879 26.3545 3.30279M19.5335 11.7698C19.5335 12.0638 19.6371 12.3138 19.8445 12.5198C20.0518 12.7238 20.3051 12.8261 20.6045 12.8268L21.3625 12.8268L21.3725 15.0088C21.3725 15.2848 21.4698 15.5191 21.6645 15.7118C21.8485 15.8996 22.1015 16.0037 22.3645 15.9998C22.6306 16.0053 22.8874 15.9012 23.0745 15.7118C23.2655 15.5284 23.3714 15.2736 23.3665 15.0088L23.3665 12.8268L24.7095 12.8268L24.7095 15.0088C24.7095 15.2848 24.8068 15.5191 25.0015 15.7118C25.1886 15.9012 25.4453 16.0053 25.7115 15.9998C25.9776 16.0053 26.2344 15.9012 26.4215 15.7118C26.6125 15.5284 26.7184 15.2736 26.7135 15.0088L26.7135 12.8268L27.4735 12.8268C27.7641 12.8268 28.0138 12.7241 28.2225 12.5188C28.4291 12.3141 28.5328 12.0641 28.5335 11.7688L28.5335 5.36479L19.5335 5.36479L19.5335 11.7698ZM30.0285 5.18279C29.7667 5.17798 29.514 5.27808 29.3265 5.46079C29.1344 5.63608 29.0276 5.88586 29.0335 6.14579L29.0335 10.2088C29.0335 10.4795 29.1311 10.7095 29.3265 10.8988C29.5123 11.0847 29.7657 11.1872 30.0285 11.1828C30.3085 11.1828 30.5458 11.0881 30.7405 10.8988C30.9317 10.7208 31.0382 10.47 31.0335 10.2088L31.0335 6.14579C31.0393 5.88586 30.9325 5.63608 30.7405 5.46079C30.5493 5.2775 30.2933 5.17752 30.0285 5.18279M17.3265 5.46579C17.5168 5.28067 17.773 5.17886 18.0385 5.18279C18.3118 5.18279 18.5458 5.27713 18.7405 5.46579C18.9312 5.63993 19.0379 5.88759 19.0335 6.14579L19.0335 10.2088C19.0382 10.469 18.9338 10.7192 18.7455 10.8988C18.5584 11.0859 18.303 11.1885 18.0385 11.1828C17.7728 11.1865 17.5167 11.0843 17.3265 10.8988C17.1353 10.7208 17.0288 10.47 17.0335 10.2088L17.0335 6.14579C17.0335 5.88179 17.1311 5.65513 17.3265 5.46579' fill='%23000000' fill-rule='nonzero' opacity='1' stroke='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
}
@media (max-width: 1199.98px) {
    .modal__app {
        margin-right: 30px;
        padding-left: 88px;

        background-position-y: -1px;
    }
}
@media (min-width: 1200px) {
    .modal__app {
        margin-right: 30px;
        padding-left: 88px;

        background-position-y: -1px;
    }
}
.modal__close {
    position: absolute;
    top: 12px;
    right: 12px;

    font-size: 20px;

    cursor: pointer;
}
.modal__close:before {
    content: "✕";
}
.modal__footer {
    display: grid;

    gap: 16px;
}

/**************************\
  Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes mmslideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes mmslideIn {
    from {
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}
@keyframes mmslideOut {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}
.modal[aria-hidden="false"] .modal__overlay {
    -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden="false"] .modal__container {
    -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden="true"] .modal__overlay {
    -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modal[aria-hidden="true"] .modal__container {
    -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1),
        mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1),
        mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.form-fields {
    display: grid;
    margin-bottom: 24px;

    row-gap: 24px;
}
@media (min-width: 768px) {
    .form-fields {
        margin-bottom: 40px;
    }
}
.form-input {
    width: 100%;
    padding: 12px 14px;

    border: 1px solid var(--color-stroke);
}
.form-label {
    display: block;
    margin-bottom: 12px;

    color: var(--color-red);

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-checkbox {
    margin-top: 6px;
}
@media (min-width: 1200px) {
    .form-checkbox {
        margin-top: 16px;
    }
}
.form-checkbox [type="checkbox"] {
    display: none;
}
.form-checkbox [type="checkbox"]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.68182L4.88889 7.5L11 1.5' stroke='%23841308' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 9px;
}
.form-checkbox label {
    display: flex;
}
.form-checkbox label::before {
    content: "";

    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 14px;

    border: 1px solid var(--color-red);
}
.form-error {
    margin-top: 6px;

    color: #d9200e;
}
.form-submit-btn {
    width: 100%;

    text-transform: uppercase;
}
@media (min-width: 1200px) {
    .form-submit-btn {
        width: auto;
    }
    .form-submit-btn--wide {
        width: 100%;
    }
}

.pass-shower {
    position: relative;
}
.pass-shower > input[type="password"] {
    padding-right: 36px;
}
.pass-shower > input[type="text"] {
    padding-right: 36px;
}
.pass-shower__btn {
    position: absolute;
    top: 0;
    right: 14px;
    z-index: 1;

    width: 16px;
    height: 16px;

    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 clip-path='url(%23clip0_2131_7174)'%3E%3Cpath d='M15.8822 7.954C15.305 6.674 13.0415 2.5 8.11097 2.5C3.18042 2.5 0.916963 6.674 0.339759 7.954C0.262276 8.12553 0.222168 8.31199 0.222168 8.50067C0.222168 8.68934 0.262276 8.8758 0.339759 9.04733C0.916963 10.326 3.18042 14.5 8.11097 14.5C13.0415 14.5 15.305 10.326 15.8822 9.046C15.9595 8.87466 15.9995 8.68843 15.9995 8.5C15.9995 8.31157 15.9595 8.12534 15.8822 7.954ZM8.11097 13.1667C3.9647 13.1667 2.02995 9.58933 1.5369 8.50733C2.02995 7.41067 3.9647 3.83333 8.11097 3.83333C12.2474 3.83333 14.1828 7.39533 14.685 8.5C14.1828 9.60467 12.2474 13.1667 8.11097 13.1667Z' fill='%23841308'/%3E%3Cpath d='M8.11077 5.16602C7.46065 5.16602 6.82514 5.36151 6.28459 5.72778C5.74404 6.09405 5.32273 6.61465 5.07394 7.22374C4.82515 7.83282 4.76006 8.50305 4.88689 9.14965C5.01372 9.79625 5.32678 10.3902 5.78648 10.8564C6.24618 11.3225 6.83188 11.64 7.4695 11.7686C8.10712 11.8973 8.76804 11.8312 9.36866 11.5789C9.96929 11.3267 10.4827 10.8994 10.8438 10.3512C11.205 9.80309 11.3978 9.15862 11.3978 8.49935C11.3968 7.61562 11.0501 6.76839 10.4339 6.1435C9.81769 5.5186 8.98222 5.16707 8.11077 5.16602ZM8.11077 10.4993C7.7207 10.4993 7.33939 10.3821 7.01506 10.1623C6.69073 9.94253 6.43795 9.63017 6.28867 9.26472C6.1394 8.89926 6.10034 8.49713 6.17644 8.10917C6.25254 7.72121 6.44038 7.36484 6.7162 7.08514C6.99202 6.80543 7.34343 6.61495 7.72601 6.53778C8.10858 6.46061 8.50513 6.50021 8.86551 6.65159C9.22588 6.80297 9.5339 7.05931 9.75061 7.38821C9.96732 7.71711 10.083 8.10379 10.083 8.49935C10.083 9.02978 9.8752 9.53849 9.50534 9.91356C9.13548 10.2886 8.63383 10.4993 8.11077 10.4993Z' fill='%23841308'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2131_7174'%3E%3Crect width='15.7778' height='16' fill='white' transform='translate(0.222168 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.pass-shower__btn.is-show::before {
    content: "";
    position: absolute;
    top: -1px;

    width: 1px;
    height: 120%;

    background-color: var(--color-red);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.get-catalog-wrap {
    position: relative;

    padding: 40px 0 50px;
}
@media (min-width: 768px) {
    .get-catalog-wrap {
        height: 384px;
        padding-top: 88px;
    }
}
@media (min-width: 1200px) {
    .get-catalog-wrap {
        height: 500px;
        padding-top: 145px;
    }
}
@media (min-width: 1600px) {
    .get-catalog-wrap {
        height: 600px;
        padding-top: 190px;
    }
}
@media (min-width: 768px) {
    .get-catalog-left {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .get-catalog__img {
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 1;

        width: 50%;
        max-height: 100%;

        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media (min-width: 1600px) {
    .get-catalog__img {
        right: 60px;
    }
}
.get-catalog__title {
    position: relative;

    padding-bottom: 24px;
}
@media (max-width: 767.98px) {
    .get-catalog__title {
        text-align: center;
    }
}
.get-catalog__title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 1px;

    background: var(--color-stroke);
}
@media (min-width: 768px) {
    .get-catalog__title::after {
        right: -200px;
        left: -35px;
    }
}
@media (min-width: 768px) {
    .get-catalog__title::after {
        left: -100px;
    }
}
@media (max-width: 767.98px) {
    .get-catalog__btn {
        margin: 0 auto;
    }
}
.get-catalog__link {
    margin-top: 30px;
}
@media (max-width: 767.98px) {
    .get-catalog__link {
        justify-content: center;
        margin-top: 24px;
    }
}

.view-catalog__wrap {
    display: grid;

    gap: 20px;
    grid-auto-rows: 210px;
    grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
    .view-catalog__wrap {
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}
.view-catalog__item {
    position: relative;

    overflow: hidden;

    background-color: #841308;
}
@media (min-width: 768px) {
    .view-catalog__item {
        height: 100%;
    }
}
.view-catalog__item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;

    background-image: linear-gradient(to right, #841308 15%, transparent);
}
@media (min-width: 1200px) {
    .view-catalog__item::after {
        background-image: linear-gradient(to right, #841308 25%, transparent);
    }
}
.view-catalog__link {
    text-decoration: none;
}
.view-catalog__link-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;

    max-width: 270px;
    padding: 30px 0 0 30px;

    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
}
@media (min-width: 1200px) {
    .view-catalog__link-text {
        padding-left: 50px;

        font-size: 24px;
    }
}
.view-catalog__link:hover {
    color: #ffffff;
    text-decoration: none;
}
.view-catalog__link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}
.view-catalog__img {
    position: absolute;
    top: 0;
    right: 0;

    width: 90%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 1600px) {
    .view-catalog__img {
        max-width: 600px;
    }
}

[class^="icon--"]:hover svg path,
[class*=" icon--"]:hover svg path {
    transition: 0.3s;
}

.socials {
    display: flex;
    align-items: center;
}
.header__social .socials {
    height: inherit;
}
.socials__item {
    margin-right: 18px;
}
.header__social .socials__item {
    height: 100%;
    margin-right: 8px;
}
.header__social .socials__item svg {
    width: 30px;
    height: 30px;
}
.footer-social .socials__item svg {
    width: 32px;
    height: 32px;
}
.footer-social .socials__item svg path.fill {
    fill: #7b808a;
}
.socials__item:last-child {
    margin-right: 0;
}

.icon--telegram:hover svg path.fill {
    fill: #2aabee;
}

.icon--vk:hover svg path.fill {
    fill: #0077ff;
}

.icon--youtube:hover svg path.fill {
    fill: #ff0000;
}
.header__social .icon--youtube svg {
    width: 38px;
    height: 30px;
}
.footer-social .icon--youtube svg {
    width: 36px;
    height: 27px;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 0;
    margin-right: -8px;
    padding: 0;

    list-style: none;
}
.pagination > li {
    margin-right: 8px;
}
.pagination a,
.pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    overflow: hidden;

    line-height: 1;
    color: var(--color-black);
    text-decoration: none;
    white-space: nowrap;

    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
}
.pagination .prev a,
.pagination .next a {
    font-size: 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    border-color: var(--color-red);
}
.pagination .prev {
    margin-right: 12px;
}
.pagination .prev a {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.14133 9.44824L7.27306 12.5797C7.33275 12.6374 7.38037 12.7064 7.41312 12.7826C7.44588 12.8589 7.46312 12.9409 7.46384 13.0239C7.46456 13.1069 7.44875 13.1892 7.41732 13.266C7.3859 13.3428 7.33949 13.4126 7.28081 13.4712C7.22213 13.5299 7.15234 13.5763 7.07553 13.6078C6.99872 13.6392 6.91642 13.655 6.83344 13.6543C6.75045 13.6536 6.66844 13.6363 6.59218 13.6036C6.51593 13.5708 6.44697 13.5232 6.38931 13.4635L2.27357 9.34806C2.2411 9.326 2.21071 9.30089 2.18282 9.273C2.12413 9.21431 2.07772 9.14453 2.0463 9.06772C2.01487 8.99091 1.99906 8.90861 1.99978 8.82562C2.0005 8.74264 2.01774 8.66063 2.0505 8.58437C2.07843 8.51936 2.11716 8.45964 2.16497 8.40772C2.17299 8.3987 2.18131 8.38989 2.18989 8.3813C2.19644 8.37476 2.20311 8.36838 2.20991 8.36216L6.389 4.18306C6.51119 4.06119 6.67119 3.99994 6.83119 3.99994C6.95478 3.99996 7.07559 4.03663 7.17835 4.10531C7.2811 4.17399 7.36119 4.27159 7.40849 4.38578C7.45578 4.49997 7.46816 4.62561 7.44405 4.74683C7.41995 4.86805 7.36044 4.97941 7.27306 5.06681L4.1414 8.19824L14.5068 8.19824C14.6726 8.19824 14.8316 8.26409 14.9488 8.3813C15.066 8.49851 15.1318 8.65748 15.1318 8.82324C15.1318 8.989 15.066 9.14797 14.9488 9.26518C14.8316 9.38239 14.6726 9.44824 14.5068 9.44824L4.14133 9.44824Z' fill='%23841308'/%3E%3C/svg%3E");
}
.pagination .next {
    margin-left: 12px;
}
.pagination .next a {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9905 8.20605L9.85877 5.07456C9.79908 5.0169 9.75147 4.94794 9.71871 4.87168C9.68596 4.79543 9.66871 4.71342 9.66799 4.63043C9.66727 4.54744 9.68309 4.46514 9.71451 4.38833C9.74594 4.31152 9.79234 4.24174 9.85103 4.18306C9.90971 4.12438 9.97949 4.07797 10.0563 4.04654C10.1331 4.01512 10.2154 3.9993 10.2984 4.00002C10.3814 4.00075 10.4634 4.01799 10.5397 4.05074C10.6159 4.0835 10.6849 4.13111 10.7425 4.19081L14.8583 8.30624C14.8907 8.32829 14.9211 8.35341 14.949 8.3813C15.0077 8.43998 15.0541 8.50977 15.0855 8.58658C15.117 8.66339 15.1328 8.74569 15.1321 8.82867C15.1313 8.91166 15.1141 8.99367 15.0813 9.06993C15.0534 9.13494 15.0147 9.19465 14.9669 9.24658C14.9588 9.2556 14.9505 9.26441 14.9419 9.273C14.9354 9.27954 14.9287 9.28592 14.9219 9.29214L10.7428 13.4712C10.6206 13.5931 10.4606 13.6544 10.3006 13.6544C10.1771 13.6543 10.0562 13.6177 9.95349 13.549C9.85073 13.4803 9.77064 13.3827 9.72335 13.2685C9.67606 13.1543 9.66368 13.0287 9.68778 12.9075C9.71189 12.7862 9.77139 12.6749 9.85877 12.5875L12.9904 9.45605H2.625C2.45924 9.45605 2.30027 9.39021 2.18306 9.273C2.06585 9.15579 2 8.99681 2 8.83105C2 8.66529 2.06585 8.50632 2.18306 8.38911C2.30027 8.2719 2.45924 8.20605 2.625 8.20605H12.9905Z' fill='%23841308'/%3E%3C/svg%3E");
}
.pagination .active span {
    color: var(--color-background-gray);

    background-color: var(--color-red);
    border-color: var(--color-red);
}
@media (min-width: 1200px) {
    .pagination a {
        transition: border-color 0.15s ease-in-out,
            background-color 0.15s ease-in-out;
    }
    .pagination a:hover {
        border-color: var(--color-red);
    }
}

.about-project {
    padding: 16px;
}
.about-project__title {
    margin-bottom: 16px;

    font-size: 20px;
    line-height: 27px;
}
.about-project__customer {
    margin-bottom: 16px;
}
.about-project__descr {
    margin-bottom: 24px;
}
.about-project__descr > *:first-child {
    margin-top: 0;
}
.about-project__descr > *:last-child {
    margin-bottom: 0;
}
.about-project__link {
    display: flex;
}
.about-project__link a {
    display: flex;
    align-items: center;

    color: var(--color-red);
}
.about-project__link svg {
    margin-right: 12px;

    color: unset;
}
.about-project__link svg use {
    color: unset;
}
@media (min-width: 768px) {
    .about-project {
        padding: 30px;
    }
    .about-project__title {
        margin-bottom: 24px;
    }
}
@media (min-width: 1200px) {
    .about-project__title {
        font-size: 24px;
        line-height: 32px;
    }
}

.material-accordion {
    display: grid;

    row-gap: 16px;
}
.material-accordion__item--opened .material-accordion__btn {
    color: var(--color-background-gray);

    background-color: var(--color-red);
}
.material-accordion__item--opened .material-accordion__item-cross {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.material-accordion__item--opened .material-accordion__item-hidden {
    display: block;
    padding-top: 24px;
    padding-bottom: 16px;
}
.material-accordion__btn {
    display: flex;
    align-items: center;
    padding: 16px;

    color: var(--color-black);

    background-color: var(--color-light-gray);
    cursor: pointer;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.material-accordion__btn--start {
    align-items: flex-start;
}
.material-accordion__item-title {
    margin: 0;
    margin-right: 20px;

    color: inherit;
    text-transform: uppercase;
}
.material-accordion__item-title--no-tt {
    font-weight: 400;
    text-transform: none;
}
.material-accordion__item-cross {
    flex-shrink: 0;
    width: 24px;
    height: 24px;

    color: inherit;

    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.material-accordion__item-cross use {
    color: inherit;
}
.material-accordion__item-hidden {
    display: none;
}
.material-accordion__gallery {
    display: grid;

    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}
.material-accordion__single-image img {
    display: block;

    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 768px) {
    .material-accordion__gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1200px) {
    .material-accordion__gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

.status-info[aria-hidden="true"] {
    display: none;
}
.status-info--pending .status-info__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.3949 8.95753V3.69531H38.8808C39.5023 3.69531 40.0058 3.19185 40.0058 2.57031C40.0058 1.94877 39.5023 1.44531 38.8808 1.44531H8.93359C8.31205 1.44531 7.80859 1.94877 7.80859 2.57031C7.80859 3.19185 8.31205 3.69531 8.93359 3.69531H11.4198V8.95753C11.436 12.1849 12.7518 15.2695 15.0693 17.5153L22.2649 24.472L15.3865 30.9449C14.2038 32.0617 13.2618 33.4084 12.6184 34.9024C11.9749 36.3964 11.6436 38.0061 11.6448 39.6328V44.1953H8.93359C8.31205 44.1953 7.80859 44.6988 7.80859 45.3203C7.80859 45.9419 8.31205 46.4453 8.93359 46.4453H38.8808C39.5023 46.4453 40.0058 45.9419 40.0058 45.3203C40.0058 44.6988 39.5023 44.1953 38.8808 44.1953H36.5074V39.7164C36.5044 38.0617 36.1577 36.4258 35.4893 34.9121C34.821 33.3984 33.8455 32.0401 32.6248 30.9231L25.5523 24.4614L32.7467 17.5152C33.8938 16.4034 34.8073 15.0738 35.4338 13.6043C36.0602 12.1348 36.387 10.555 36.3949 8.95753ZM34.2574 39.7164V44.1953H13.8948V39.6328C13.8943 38.3131 14.1634 37.0073 14.6858 35.7954C15.2081 34.5835 15.9726 33.4911 16.9323 32.5853L23.9245 26.0178L31.1105 32.5833C32.1004 33.4895 32.8912 34.5915 33.4329 35.8194C33.9746 37.0473 34.2553 38.3743 34.2574 39.7164ZM23.9074 22.9188L16.6349 15.8995C15.7037 14.9978 14.9618 13.9194 14.4527 12.7274C13.9436 11.5353 13.6774 10.2537 13.6698 8.95753V3.69531H34.1449V8.95753C34.1371 10.2537 33.8709 11.5353 33.3617 12.7274C32.8525 13.9194 32.1105 14.9978 31.1794 15.8995L23.9074 22.9188Z' fill='%23841308'/%3E%3C/svg%3E");

    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.status-info--accept .status-info__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='30' fill='%234CBB17'/%3E%3Cpath d='M14 28.6389L25.5503 40.5L46 19.5' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    -webkit-animation-name: buble;
    animation-name: buble;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.status-info--failed .status-info__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='30' fill='%23323335'/%3E%3Cpath d='M20.2771 41L30.502 30.5M40.7268 20L30.502 30.5M30.502 30.5L20.002 20M30.502 30.5L41.002 41' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.status-info__container {
    display: grid;
    padding: 60px 20px;

    text-align: center;
    color: var(--color-black);

    background-color: var(--color-background-gray);

    justify-items: center;
    row-gap: 16px;
}
.status-info__icon {
    width: 48px;
    height: 48px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width: 1200px) {
    .status-info__icon {
        width: 60px;
        height: 60px;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    50% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    50% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes buble {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    65% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes buble {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    65% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    20% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    30% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    50% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    60% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    70% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    80% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    20% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    30% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    50% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    60% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    70% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    80% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.seo-text * {
    line-height: 1.6;
}
.seo-text_hidden {
    position: relative;

    max-height: 480px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .seo-text_hidden {
        max-height: 216px;
    }
}
@media (min-width: 1200px) {
    .seo-text_hidden {
        max-height: 203px;
    }
}
@media (min-width: 1600px) {
    .seo-text_hidden {
        max-height: 174px;
    }
}
.seo-text_hidden::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 56px;

    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        #ffffff 100%
    );
}
.seo-text__btn {
    margin-top: 16px;
}

@media (max-width: 767.98px) {
    .main-slider {
        padding-bottom: 40px;
    }
}
@media (max-width: 1199.98px) {
    .main-slider {
        padding-bottom: 60px;
    }
}
.main-slider__item {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 520px;
    padding: 30px;
}
.main-slider__item * {
    color: white;
}
@media (max-width: 767.98px) {
    .main-slider__item * {
        text-align: center;
    }
}
@media (min-width: 768px) {
    .main-slider__item {
        align-items: flex-start;
        height: 336px;
        padding-right: 33%;
        padding-left: 40px;
    }
}
@media (min-width: 1200px) {
    .main-slider__item {
        height: 540px;
        padding-right: 41%;
        padding-bottom: 120px;
        padding-left: 50px;
    }
}
@media (min-width: 1600px) {
    .main-slider__item {
        height: 600px;
        padding-right: 50%;
        padding-left: 135px;
    }
}
.main-slider__item-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    width: 100%;
    height: 100%;
}
.main-slider__item-img img {
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}
.main-slider__item-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    background: rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) {
    .main-slider__item-img::after {
        background: linear-gradient(
            270deg,
            rgba(0, 0, 0, 0) 30%,
            rgba(0, 0, 0, 0.48) 74%
        );
    }
}
.main-slider__item-title {
    margin-bottom: 24px;
}
@media (min-width: 1200px) {
    .main-slider__item-title {
        margin-bottom: 36px;
    }
}
.main-slider__item-text {
    margin-bottom: 30px;
}
@media (min-width: 1200px) {
    .main-slider__item-text {
        margin-bottom: 60px;
    }
}
@media (min-width: 1200px) {
    .main-slider .slider-nav {
        position: absolute;
        bottom: 30px;
        left: 50px;
        z-index: 5;

        width: calc(59% - 50px);
    }
    .main-slider .slider-nav__delimiter {
        background: white;
    }
    .main-slider .slider-nav__counts span {
        color: white;
    }
    .main-slider .slider-nav__arrow {
        border-color: white;
    }
    .main-slider .slider-nav__arrow:hover {
        background-color: white;
    }
    .main-slider .slider-nav__prev {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 18 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 31L0.999999 16L17 1' stroke='white'/%3E%3C/svg%3E%0A");
    }
    .main-slider .slider-nav__prev:hover {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5996 25L0.799609 13L13.5996 1' stroke='%237B808A'/%3E%3C/svg%3E%0A");
    }
    .main-slider .slider-nav__next {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 18 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L17 16L1 31' stroke='white'/%3E%3C/svg%3E ");
    }
    .main-slider .slider-nav__next:hover {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.400391 1L13.2004 13L0.400391 25' stroke='%237B808A'/%3E%3C/svg%3E ");
    }
}
@media (min-width: 1600px) {
    .main-slider .slider-nav {
        left: 135px;

        width: calc(50% - 135px);
    }
}

@media (min-width: 1600px) {
    .main-features {
        padding: 80px 0;
    }
}
.main-features-top {
    display: grid;
    margin-bottom: 40px;

    column-gap: 30px;

    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    row-gap: 20px;
}
@media (min-width: 768px) {
    .main-features-top {
        margin-bottom: 60px;

        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1200px) {
    .main-features-top {
        margin-bottom: 80px;
    }
}
.main-features-text {
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .main-features-text {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .main-features-text {
        margin-bottom: 0;
    }
}
.main-features-counters {
    display: grid;

    column-gap: 30px;

    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    row-gap: 20px;
}
@media (max-width: 767.98px) {
    .main-features-counters {
        padding: 0 30px;
    }
}
@media (min-width: 768px) {
    .main-features-counters {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1200px) {
    .main-features-counters {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1600px) {
    .main-features-counters {
        padding-left: 90px;

        grid-template-columns: repeat(3, 1fr);
    }
}
.main-features-counters__item {
    padding: 30px 20px;

    background: white;
}

.check-representation-wrap {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .check-representation-wrap {
        flex-direction: row-reverse;
    }
}
.check-representation__item-img {
    position: relative;

    padding-bottom: 75%;

    border: 1px solid var(--color-red);
}
.check-representation__item-img > img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 768px) {
    .check-representation__item-img {
        padding-right: 50%;
        padding-bottom: 0;
    }
}
.check-representation__item-info {
    padding: 30px;
}
.check-representation__item-info a:hover {
    color: #ffffff;
}
@media (min-width: 1200px) {
    .check-representation__item-info {
        padding: 86px 75px 86px 70px;
    }
}
.check-representation__btn {
    margin-top: 40px;

    color: var(--color-red);

    background-color: #ffffff;
    border: 1px solid #ffffff;
}
@media (min-width: 1200px) {
    .check-representation__btn {
        margin-top: 60px;
    }
}

.main-catalog {
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    .main-catalog {
        padding-bottom: 40px;
    }
}
@media (min-width: 1600px) {
    .main-catalog {
        padding-bottom: 50px;
    }
}
.main-catalog__title {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .main-catalog__title {
        margin-bottom: 24px;
    }
}
.main-catalog__sub-title {
    margin-bottom: 30px;

    text-align: center;
    color: var(--color-red);
}
@media (min-width: 768px) {
    .main-catalog__sub-title {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .main-catalog__sub-title {
        margin-bottom: 50px;
    }
}

.possibilities {
    padding: 30px 0 60px;
}
@media (min-width: 768px) {
    .possibilities {
        padding: 40px 0 100px;
    }
}
@media (min-width: 1600px) {
    .possibilities {
        padding: 50px 0 120px;
    }
}
.possibilities-wrap {
    display: grid;

    column-gap: 30px;

    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    row-gap: 20px;
}
@media (min-width: 768px) {
    .possibilities-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}
.possibilities__item {
    display: flex;
    flex-direction: column;
}
.possibilities__item-img {
    padding-top: 57%;

    border: 1px solid var(--color-red);
}
.possibilities__item-info {
    flex-grow: 1;
    padding: 30px;
}
@media (min-width: 768px) {
    .possibilities__item:first-child {
        flex-direction: column-reverse;
    }
}

@media (min-width: 768px) {
    .advantages {
        padding: 80px 0;
    }
}
@media (min-width: 1200px) {
    .advantages {
        padding: 100px 0;
    }
}

.main-news {
    padding: 40px 0;
}
@media (min-width: 1200px) {
    .main-news {
        padding: 50px 0;
    }
}
@media (min-width: 1600px) {
    .main-news {
        padding: 60px 0;
    }
}

.main-about {
    padding-top: 40px;
}
@media (min-width: 1200px) {
    .main-about {
        padding-top: 50px;
    }
}
@media (min-width: 1600px) {
    .main-about {
        padding-bottom: 120px;
    }
}
.main-about__video {
    margin-bottom: 40px;
}
@media (min-width: 1200px) {
    .main-about__video {
        margin-bottom: 50px;
    }
}
@media (min-width: 1600px) {
    .main-about__video {
        margin-bottom: 60px;
    }
}
@media (max-width: 1199.98px) {
    .main-about__text {
        margin-bottom: 30px;
    }
}

.news-block {
    padding: 60px 0;
}

.news-block__title {
    margin-bottom: 30px;
    text-align: center;
}

.news-block__desc {
    margin-bottom: 20px;
    text-align: center;
}

.news-block__link {
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 1200px) {
    .news-block {
        padding-bottom: 80px;
    }
}
@media (min-width: 1600px) {
    .news-block {
        padding-bottom: 100px;
    }
}

.cooperation-slider__item {
    padding-top: 78%;
}

.your-benefit {
    padding-top: 40px;
}
@media (min-width: 1600px) {
    .your-benefit {
        padding-top: 50px;
    }
}
.your-benefit-wrap {
    display: grid;

    gap: 20px;
}
@media (min-width: 768px) {
    .your-benefit-wrap {
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
    .your-benefit-wrap {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1199.98px) {
    .steps-text {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .steps-text {
        margin-top: 30px;
    }
}
.steps-accordion {
    display: grid;

    row-gap: 16px;
}
.steps-accordion__item {
    display: flex;
    padding: 16px;

    background: white;
    cursor: pointer;
}
@media (min-width: 768px) {
    .steps-accordion__item {
        padding: 30px;
    }
}
.steps-accordion__item-content {
    flex-grow: 1;
    padding: 3px 12px 0 16px;
}
@media (min-width: 768px) {
    .steps-accordion__item-content {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media (min-width: 1200px) {
    .steps-accordion__item-content {
        padding-top: 8px;
    }
}
.steps-accordion__item-content a {
    color: var(--color-red);
    text-decoration: underline;
}
.steps-accordion__item-cross {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-top: 6px;

    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21' width='40' height='2' transform='rotate(90 21 0)' fill='%23323335'/%3E%3Crect x='40' y='21' width='40' height='2' transform='rotate(-180 40 21)' fill='%23323335'/%3E%3C/svg%3E%0A");
    background-size: cover;

    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (min-width: 1200px) {
    .steps-accordion__item-cross {
        width: 40px;
        height: 40px;
    }
}
.steps-accordion__item-hidden {
    display: none;
    margin-top: 16px;
}
@media (max-width: 767.98px) {
    .steps-accordion__item-hidden {
        width: calc(100% + 50px + 12px + 24px);

        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}
.steps-accordion__item--opened .steps-accordion__item-hidden {
    display: block;
}
.steps-accordion__item--opened .steps-accordion__item-cross {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.basis-salon {
    padding-bottom: 40px;
}
@media (min-width: 1200px) {
    .basis-salon {
        padding-bottom: 50px;
    }
}
.basis-salon__img {
    max-width: 700px;
}
@media (max-width: 1199.98px) {
    .basis-salon__img {
        margin-bottom: 40px;
    }
}
.basis-salon__text {
    display: grid;
    margin-bottom: 40px;

    row-gap: 24px;
}
.basis-salon__text a {
    color: var(--color-red);
    text-decoration: underline;
}
.basis-salon-list {
    display: grid;

    gap: 30px;
}
@media (min-width: 768px) {
    .basis-salon-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
    .basis-salon-list {
        grid-template-columns: repeat(7, 1fr);
    }
}
@media (min-width: 1600px) {
    .basis-salon-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1200px) {
    .basis-salon-list__item {
        grid-column: span 3;
    }
}
@media (min-width: 1600px) {
    .basis-salon-list__item {
        grid-column: auto;
    }
}
@media (min-width: 768px) {
    .basis-salon-list__item:last-child {
        grid-column: span 2;
    }
}
@media (min-width: 1200px) {
    .basis-salon-list__item:last-child {
        grid-column: span 7;
    }
}
@media (min-width: 1600px) {
    .basis-salon-list__item:last-child {
        grid-column: span 2;
    }
}
.basis-salon-list__item b {
    color: var(--color-red);
}

.materials {
    padding-top: 40px;
}
@media (min-width: 1200px) {
    .materials {
        padding-top: 50px;
    }
}
.materials-items {
    display: grid;

    gap: 20px;
}
@media (min-width: 768px) {
    .materials-items {
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1600px) {
    .materials-items {
        grid-template-columns: repeat(4, 1fr);
    }
}
.materials__item {
    position: relative;

    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;

    border: 1px solid var(--color-red);

    transition: 0.3s;
}
@media (min-width: 1600px) {
    .materials__item {
        padding: 40px;
    }
}
.materials__item a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.materials__item-bot {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    margin-top: 20px;
}
@media (min-width: 1600px) {
    .materials__item-bot {
        margin-top: 0;

        opacity: 0;
    }
}
.materials__item-link {
    display: flex;
    align-items: center;

    font-weight: 700;
    color: var(--color-red);
}
.materials__item-link::after {
    content: "";

    display: block;
    width: 40px;
    height: 1px;
    margin-left: 15px;

    background: var(--color-red);
}
.materials__item-icon {
    margin-bottom: 20px;
}
.materials__item:hover {
    background: var(--color-red);
}
@media (min-width: 1600px) {
    .materials__item:hover {
        height: calc(100% + 30px);
    }
    .materials__item:hover .materials__item-bot {
        opacity: 1;
    }
}
.materials__item:hover * {
    color: white;
}
.materials__item:hover .materials__item-icon path {
    fill: white;
}
.materials__item:hover .materials__item-link::after {
    background: white;
}

@media (max-width: 767.98px) {
    .invite {
        padding-top: 50px;
    }
}
@media (max-width: 1199.98px) {
    .invite {
        padding-top: 60px;
    }
}
@media (min-width: 1600px) {
    .invite {
        padding: 60px 0;
    }
}
.invite__img {
    width: 100%;
    max-width: 780px;
}
@media (max-width: 1199.98px) {
    .invite__img {
        margin-bottom: 40px;
    }
}
.invite__title {
    padding-bottom: 24px;

    border-bottom: 1px solid var(--color-stroke);
}
@media (min-width: 1600px) {
    .invite__title {
        padding-bottom: 30px;
    }
}
.invite-contacts {
    display: grid;

    gap: 30px;
}
@media (max-width: 767.98px) {
    .invite-contacts * {
        margin-right: auto;
        margin-left: auto;

        text-align: center;
    }
}
@media (min-width: 768px) {
    .invite-contacts {
        grid-template-columns: repeat(2, 1fr);
    }
}
.invite-contacts__title {
    margin-bottom: 20px;

    font-weight: 700;
}
@media (min-width: 1200px) {
    .invite-contacts__title {
        margin-bottom: 24px;
    }
}

@media (max-width: 1199.98px) {
    .representative-title {
        margin-bottom: 30px;
    }
}
.representative__img {
    padding-top: 109%;
}
@media (max-width: 767.98px) {
    .representative__img {
        margin-bottom: 30px;
    }
}
@media (max-width: 1199.98px) {
    .representative__img {
        margin-bottom: 40px;
    }
}
@media (min-width: 768px) {
    .representative__img {
        padding-top: 68%;
    }
}
@media (min-width: 1200px) {
    .representative__img {
        height: 800px;
    }
}
@media (min-width: 1600px) {
    .representative__img {
        height: 840px;
    }
}
.representative-rules {
    display: grid;

    row-gap: 20px;
}
@media (min-width: 768px) and (max-width: 1599.98px) {
    .representative-rules__item {
        padding: 30px;
    }
}
@media (min-width: 1600px) {
    .representative-left {
        padding-right: 50px;
    }
}

@media (min-width: 1600px) {
    .about-intro {
        padding-bottom: 80px;
    }
}
.about-intro__text {
    margin-bottom: 24px;
}
@media (min-width: 1200px) {
    .about-intro__text {
        margin-bottom: 40px;
    }
}
.about-intro__video {
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .about-intro__video {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .about-intro__video {
        margin-bottom: 50px;
    }
}
@media (min-width: 1600px) {
    .about-intro__video {
        margin-bottom: 60px;
    }
}
.about-intro-slider__item {
    padding-top: 46.5%;
}
@media (max-width: 1199.98px) {
    .about-materials-text {
        margin-bottom: 40px;
    }
}
@media (min-width: 1200px) {
    .about-materials-text {
        margin-top: 20px;
    }
}
.about-materials-wrap {
    display: grid;

    gap: 20px;
}

.manufacture-slider__item {
    padding-top: 66.5%;
}

@media (min-width: 1200px) {
    .history-left {
        margin-top: 40px;
    }
}
.history-items {
    display: grid;

    gap: 16px;
}
.history__item {
    padding: 16px;

    background: white;
}
@media (min-width: 768px) {
    .history__item {
        display: flex;
        padding: 30px;
    }
    .history__item .num-title {
        margin-right: 30px;
        margin-bottom: 0;
    }
}

.contacts-wrap {
    display: grid;
    margin-bottom: 40px;

    column-gap: 30px;

    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    row-gap: 40px;
}
@media (min-width: 768px) {
    .contacts-wrap {
        margin-bottom: 50px;

        grid-template-columns: repeat(2, 1fr);
        row-gap: 50px;
    }
}
@media (min-width: 1200px) {
    .contacts-wrap {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1600px) {
    .contacts-wrap {
        grid-template-columns: repeat(6, 1fr);
    }
}
.contacts__item {
    display: grid;

    gap: 20px;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
}
@media (min-width: 1200px) {
    .contacts__item {
        gap: 24px;
    }
}
.contacts__item-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 12px;

    color: var(--color-gray);

    border-bottom: 1px solid var(--color-gray);
}
.contacts__item a {
    display: block;

    color: var(--color-red);
}
.contacts__item a[href*="mailto:"] {
    text-decoration: underline;
}
.contacts__item-address {
    display: grid;

    gap: 16px;
}
.contacts__item--for-btn-hd .contacts__item-title {
    opacity: 0;
}
@media (max-width: 1199.98px) {
    .contacts__item--for-btn-hd {
        display: none;
    }
}
.contacts-map iframe {
    width: 100%;
    height: 310px;
}
@media (min-width: 1200px) {
    .contacts-map iframe {
        height: 500px;
    }
}

.product {
    display: grid;

    row-gap: 30px;
}
@media (min-width: 768px) {
    .product {
        row-gap: 40px;
    }
}
@media (min-width: 1200px) {
    .product {
        column-gap: 30px;

        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        grid-template-columns: 2fr 1fr;
    }
}
.product--fasad {
    row-gap: 60px;
}
.product-images {
    display: grid;

    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
    .product-images {
        gap: 30px;
    }
}
@media (min-width: 1200px) {
    .product-images {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-template-columns: 2fr 1fr;
    }
}
.product-images__img {
    padding-top: 64%;
}
.product-images__img img {
    display: block;
}
.product-images__img--big {
    grid-column-end: 3;
    grid-column-start: 1;
}
@media (min-width: 1200px) {
    .product-images__img--big {
        grid-column-end: 2;
        grid-row-end: 3;
        grid-row-start: 1;
    }
}
.product-info {
    display: grid;

    gap: 30px;
    grid-template-columns: 1fr;
}
@media (min-width: 768px) {
    .product-info {
        margin-bottom: 40px;
    }
}
@media (min-width: 992px) {
    .product-info {
        row-gap: 40px;
    }
}
@media (min-width: 1200px) {
    .product-info {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-template-columns: 445px repeat(2, 1fr);
    }
}
@media (min-width: 1600px) {
    .product-info {
        grid-template-columns: repeat(3, 1fr);
    }
}
.product-info__img {
    text-align: center;

    grid-column: 1;
}
.product-info__img img {
    width: 100%;
    max-height: 445px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 768px) {
    .product-info__img img {
        max-width: 445px;
    }
}
@media (min-width: 1200px) {
    .product-info__img img {
        max-width: 100%;
        max-height: 510px;
    }
}
.product-info__cont {
    display: grid;

    gap: 30px;
    grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
    .product-info__cont {
        grid-column-end: 4;
        grid-column-start: 2;
        grid-template-columns: repeat(2, 1fr);
    }
}
.product-info__descr {
    grid-column: 2 span;
}
.product-info__descr p:first-child {
    margin-top: 5px;
}
.product-info__property {
    grid-column: 2 span;
}
@media (min-width: 1600px) {
    .product-info__property {
        grid-column: 1;
    }
}
.product-media {
    display: grid;

    gap: 40px;
    grid-template-columns: 1fr;
}
.product-media__img {
    display: block;
    width: auto;
    overflow-x: scroll;

    grid-column: 1;
}
@media (min-width: 768px) {
    .product-media__img {
        overflow: visible;
    }
}
.product-media__img img {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 690px;

    -o-object-fit: contain;
    object-fit: contain;
}
@media (min-width: 768px) {
    .product-media__img img {
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .product-gallery {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row-start: 3;
    }
}
.product-description {
    margin-bottom: 30px;
}
@media (min-width: 1200px) {
    .product-description {
        margin-bottom: 40px;
    }
}
.product-description * {
    margin: revert;
}
.product-description ol,
.product-description ul {
    padding: revert;

    list-style: revert;
}
.product-characteristics table {
    width: 100%;

    border-collapse: collapse;
}
.product-characteristics table tr:last-child td {
    border-bottom: none;
}
.product-characteristics table td {
    padding: 10px;

    font-size: 15px;

    border-bottom: 1px solid var(--color-stroke);
}
@media (min-width: 1200px) {
    .product-characteristics table td {
        font-size: 16px;
    }
}
.product-characteristics table td:first-child {
    color: var(--color-gray);
}
.product__right {
    display: grid;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;

    gap: 16px;
}
.product__right-block {
    padding: 16px;
}
@media (min-width: 768px) {
    .product__right-block {
        padding: 30px;
    }
}
.product-additional {
    display: grid;

    row-gap: 16px;
}
@media (min-width: 768px) {
    .product-additional {
        row-gap: 24px;
    }
}
@media (min-width: 1600px) {
    .product-additional {
        row-gap: 30px;
    }
}
.product-additional__top {
    display: flex;
    align-items: center;
}
.product-additional__icon {
    margin-right: 20px;
}
.product-additional__icon svg {
    width: 32px;
    height: 32px;
}
.product-additional__text * {
    font-size: 15px;
}
.product-create {
    display: flex;

    border: 1px solid var(--color-red);
}
.product-create__icon {
    margin-right: 16px;
}
@media (min-width: 768px) {
    .product-create__icon {
        margin-right: 24px;
    }
}
@media (min-width: 1200px) {
    .product-create__icon {
        margin-right: 30px;
    }
}
.product-create__title {
    margin-bottom: 12px;
}

.promotions {
    display: grid;

    gap: 20px;
}
.promotions__item {
    border: 1px solid var(--color-stroke);
}
.promotions__item:hover .promotions__item-title {
    color: var(--color-red);
}
@media (min-width: 768px) {
    .promotions__item {
        display: grid;

        column-gap: 30px;

        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        grid-template-columns: 5fr 7fr;
    }
}
.promotions__item-img {
    padding-top: 47%;
}
@media (min-width: 768px) {
    .promotions__item-img {
        padding-top: 0;
    }
}
.promotions__item-right {
    padding: 20px;
}
@media (min-width: 768px) {
    .promotions__item-right {
        padding: 30px 30px 30px 0;
    }
}
@media (min-width: 1200px) {
    .promotions__item-right {
        padding: 38px 40px 38px 20px;
    }
}
@media (min-width: 1600px) {
    .promotions__item-right {
        padding: 50px 50px 50px 20px;
    }
}
.promotions__item-title {
    margin-bottom: 16px;

    font-weight: 700;
}
.promotions__item-date {
    margin-top: 20px;
    padding-top: 10px;

    color: var(--color-gray);

    border-top: 1px solid var(--color-stroke);
}
@media (min-width: 768px) {
    .promotions__item-date {
        margin-top: 30px;
    }
}
@media (min-width: 1600px) {
    .promotions__item-date {
        margin-top: 87px;
    }
}

.promotion-models .content-item__title {
    padding-bottom: 0;

    border-bottom: none;
}

.news-detail__subtitle {
    margin-bottom: 24px;

    font-size: 20px;
    line-height: 27px;
}
.news-detail__video {
    margin-top: 50px;
}
.news-detail__nav {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;

    row-gap: 24px;
}
.news-detail__nav-item {
    display: flex;
    align-items: center;

    color: var(--color-gray);
}
.news-detail__nav-item::after {
    content: "";

    width: 40px;
    height: 1px;

    background: var(--color-gray);
}
.news-detail__nav--prev {
    flex-direction: row-reverse;
    margin-right: auto;
}
.news-detail__nav--prev::after {
    margin-right: 15px;
}
.news-detail__nav--next {
    margin-left: auto;
}
.news-detail__nav--next::after {
    margin-left: 15px;
}
.news-detail__gallery {
    display: grid;

    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}
.news-detail__header-img {
    display: flex;
    flex-wrap: wrap;
}
.news-detail__header-img > img {
    flex-basis: 100%;
    margin-bottom: 16px;
}
.news-detail__header-project-img {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .news-detail__header-project-img {
        justify-content: center;
        margin-right: -15px;
        margin-left: -15px;
    }
}
.news-detail__header-project-link {
    display: flex;
}
@media (min-width: 768px) {
    .news-detail__header-project-link {
        max-width: calc(30% - 30px);
        margin: 0 15px;
    }
}
@media (min-width: 768px) {
    .news-detail__subtitle {
        margin-bottom: 30px;
    }
    .news-detail__gallery {
        grid-template-columns: repeat(3, 1fr);
    }
    .news-detail__header-img {
        margin-right: -15px;
        margin-left: -15px;
    }
    .news-detail__header-img > img {
        max-width: calc(50% - 30px);
        margin: 0 15px;
    }
}
@media (min-width: 1200px) {
    .news-detail__subtitle {
        font-size: 24px;
        line-height: 32px;
    }
    .news-detail__gallery {
        grid-template-columns: repeat(4, 1fr);
    }
    .news-detail__gallery--material {
        grid-template-columns: repeat(3, 1fr);
    }
    .news-detail__content-grid {
        display: grid;
        align-items: start;

        gap: 30px;
        grid-template-columns: 8fr 4fr;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1620px;
    }
    .col-hd {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-hd-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-hd-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-hd-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-hd-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-hd-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-hd-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-hd-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-hd-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-hd-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-hd-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-hd-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-hd-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .offset-hd-0 {
        margin-left: 0;
    }
    .offset-hd-1 {
        margin-left: 8.333333%;
    }
    .offset-hd-2 {
        margin-left: 16.666667%;
    }
    .offset-hd-3 {
        margin-left: 25%;
    }
    .offset-hd-4 {
        margin-left: 33.333333%;
    }
    .offset-hd-5 {
        margin-left: 41.666667%;
    }
    .offset-hd-6 {
        margin-left: 50%;
    }
    .offset-hd-7 {
        margin-left: 58.333333%;
    }
    .offset-hd-8 {
        margin-left: 66.666667%;
    }
    .offset-hd-9 {
        margin-left: 75%;
    }
    .offset-hd-10 {
        margin-left: 83.333333%;
    }
    .offset-hd-11 {
        margin-left: 91.666667%;
    }
    .align-items-hd-center {
        align-items: center !important;
    }
    .justify-content-hd-center {
        justify-content: center !important;
    }
}
.swiper-wrapper {
    box-sizing: border-box;
}

.swiper-pagination {
    position: static;
}

.swiper-pagination-custom {
    width: auto;
}

.swiper-slide {
    height: auto;
}

.slider-nav {
    display: flex;
    align-items: center;
    margin-top: 24px;
}
.slider-nav__arrow {
    display: block;
    width: 48px;
    height: 48px;

    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid var(--color-gray);
    cursor: pointer;

    transition: 0.3s;
}
.slider-nav__arrow:hover {
    background-color: var(--color-gray);
}
.slider-nav__prev {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5996 25L0.799609 13L13.5996 1' stroke='%237B808A'/%3E%3C/svg%3E%0A");
    border-right: none;
}
.slider-nav__prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5996 25L0.799609 13L13.5996 1' stroke='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.slider-nav__next {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.400391 1L13.2004 13L0.400391 25' stroke='%237B808A'/%3E%3C/svg%3E ");
}
.slider-nav__next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.400391 1L13.2004 13L0.400391 25' stroke='%23FFFFFF'/%3E%3C/svg%3E ");
}
.slider-nav__delimiter {
    flex-grow: 1;
    height: 1px;

    background: var(--color-gray);
}
.slider-nav__counts {
    margin-right: 16px;
}
.slider-nav__counts span {
    color: var(--color-gray);
}
.slider-nav__counts span.total {
    opacity: 0.6;
}

.fslightbox-slide-number-container * {
    color: #d7d7d7;
}

.basis-first__cover {
    position: relative;

    height: 220px;
    margin-bottom: -30px;
    overflow: hidden;
}
.basis-first__cover img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}
.basis-first__content {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
    color: white;

    background-color: var(--color-red);
}
.basis-first__text * {
    font-weight: 700;
    color: white;
}
@media (min-width: 768px) {
    .basis-first__container {
        position: relative;
    }
    .basis-first__cover-wrapper {
        position: absolute;

        height: 100%;
    }
    .basis-first__cover {
        position: static;

        height: auto;
        margin-bottom: 0;
        overflow: visible;
    }
    .basis-first__cover img {
        left: 15px;

        width: calc(100% - 30px);
    }
    .basis-first__content {
        justify-content: center;
        min-height: 600px;
    }
}

.basis-project {
    padding: 16px;

    background-color: white;
}
.basis-project__slide {
    position: relative;

    height: 260px;
    overflow: hidden;
}
.basis-project__slide img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}
.basis-project__slide--thumb {
    height: 0;
    padding-bottom: 23%;
}
.basis-project__nav {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 1;

    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    pointer-events: none;
}
.basis-project__nav-arrow {
    width: 16px;
    height: 30px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    pointer-events: auto;
}
.basis-project__descr-title {
    color: var(--color-red);
    text-transform: uppercase;
}
.basis-project__descr-text > *:first-child {
    margin-top: 0;
}
.basis-project__descr-text > *:last-child {
    margin-bottom: 0;
}
.basis-project__descr-text p {
    margin: 24px 0;
}
.basis-project__resume {
    display: grid;
    padding: 16px;

    background-color: var(--color-background-gray);

    row-gap: 16px;
}
.basis-project__resume-label {
    margin-bottom: 8px;

    font-size: 14px;
    color: var(--color-red);
}
.basis-project__resume-value {
    font-weight: 700;
}
.basis-project__resume-value ins {
    margin-right: 12px;

    text-decoration: none;
}
.basis-project__resume-value del {
    font-weight: 400;
    color: var(--color-gray);
}
@media (min-width: 768px) {
    .basis-project {
        padding: 30px;
    }
    .basis-project__thumbs {
        width: 50%;
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .basis-project__thumbs {
        width: auto;
        margin-left: auto;
    }
    .basis-project__descr,
    .basis-project__resume {
        margin-left: 40px;
    }
}
@media (min-width: 1600px) {
    .basis-project__descr {
        margin-bottom: 0 !important;
    }
    .basis-project__resume {
        margin-left: 0;
    }
}

.basis-test {
    position: relative;

    padding: 80px 30px;

    background-color: rgba(0, 0, 0, 0.4);
    background-image: url("../img/basis-salon/basis-cover.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}
.basis-test * {
    color: white;
}
.basis-test__btn {
    margin: 0 auto;

    text-transform: uppercase;
}
.basis-test__btn:hover {
    color: var(--color-red);

    background-color: white;
}

.feature-block {
    display: flex;
    align-items: center;
    padding: 24px;

    color: var(--color-black);

    background-color: var(--color-background-gray);
}
.feature-block__icon {
    flex-shrink: 0;
    margin-right: 20px;
}
.feature-block__text {
    flex-grow: 1;
}

.advantages-basis-block {
    padding: 30px;

    border: 1px solid var(--color-red);
}
@media (min-width: 1200px) {
    .advantages-basis-block {
        padding: 40px;
    }
}
/*# sourceMappingURL=main.css.map */