:root {
    --color-primary: #336bb8;
    --color-error: #e93f26;
    --color-glyph: #0d1730;
    --color-surface-01: #fff;
    --color-surface-02: #336cb81a;
    --color-surface-03: #f3f6fa;
    --color-surface-04: #f2f3f7;
    --color-surface-05: #cfd9e5;
    --color-typography: rgba(19, 19, 19, 1);
    --color-border: rgba(224, 224, 224, 1);
    --color-border-secondary: #868b98;
    --color-inverted-border: #86b1db;
    --color-blue-50: rgba(243, 246, 250, 1);
    --color-gray-300: rgba(138, 150, 152, 1);
    --color-surface-disabled-01: hsla(0, 0%, 69%, 0.25);
    --color-surface-primary-tint: rgba(207, 217, 229, 0.35);
    --color-icon-tertiary: #babbbe;
    --color-icon-tertiary-hover: #637376;
    --typography-color-primary: #002a49;
    --typography-color-secondary: #626c77;
    --border-radius-md: 0.375rem;
    --border-radius-xl: 0.625rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-xl: 0.75rem;
    --radius-lg: 0.5rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --radius-2xl: 1rem;
    --spacing-05: 0.125rem;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-12: 3rem;
    --spacing-15: 3.75rem;
    --spacing-18: 4.5rem;
    --spacing-20: 5rem;
    --spacing-22: 5.5rem;
    --spacing-40: 10rem;
    --text-base: 1rem;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.125rem;
    --text-5xl: 3rem;
    /* 40px */
    --typography-5xl: 2.5rem;
    /* 32px */
    --typography-4xl: 2rem;
    /* 22px */
    --typography-2xl: 1.375rem;
    /* 18px */
    --typography-lg: 1.125rem;
    /* 16px */
    --typography-base: 1rem;
    /* 14px */
    --typography-md: 0.875rem;
    /* 12px */
    --typography-sm: 0.75rem;
    --spacing-4: 1rem;
    --shadow-md: 0px 8px 16px 0px #00000014;
}

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('../fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
:root {
    --container-padding: 1.25rem;
    --header-head-gap: 1.875rem;
    --header-head-height: 3.438rem;
    --header-body-gap: 2.5rem;
    --header-body-height: 5rem;
    --header-logo-width: 18.75rem;
    --header-menu-gap: 4.125rem;
    --header-fixed-gap: 3.125rem;
    --header-fixed-height: 5rem;
    --header-height: calc(
        var(--header-head-height) + var(--header-body-height) * 2
    );
    --header-height-cn: var(--header-head-height) + var(--header-body-height);
    --header-search-height: 4.625rem;
    --mobile-panel-height: 3.438rem;
}
@media (min-width: 1024px) {
    :root {
        --container-padding: 2.5rem;
    }
}
@media (min-width: 1440px) {
    :root {
        --container-padding: 4.375rem;
    }
}
@media (max-width: 1559px) {
    :root {
        --header-logo-width: 15rem;
        --header-head-gap: 1.875rem;
        --header-body-gap: 1.875rem;
        --header-menu-gap: 2.5rem;
        --header-fixed-gap: 1.875rem;
    }
}
@media (max-width: 1199px) {
    :root {
        --header-head-height: 3.125rem;
        --header-logo-width: auto;
        --header-head-gap: 1.875rem;
        --header-body-gap: 1.5rem;
        --header-menu-gap: 1.25rem;
    }
}
@media (max-width: 1023px) {
    :root {
        --header-body-height: 4rem;
        --header-logo-width: 11.125rem;
        --header-height: var(--header-body-height);
        /* 30px */
        --typography-5xl: 1.875rem;
        /* 22px */
        --typography-4xl: 1.375rem;
        /* 18px */
        --typography-2xl: 1.125rem;
        /* 16px */
        --typography-lg: 1rem;
    }
}
/*
.placeholder({
    color:#0000FF;
});
*/
@media (min-width: 1024px) {
    .scrollbar {
        scrollbar-color: #989898 #eee;
        scrollbar-width: thin;
    }
    .scrollbar::-webkit-scrollbar {
        width: 0.188rem;
        height: 0.188rem;
        border-radius: 0.75rem;
    }
    .scrollbar::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 0.75rem;
    }
    .scrollbar::-webkit-scrollbar-thumb {
        background: #989898;
        border-radius: 0.75rem;
    }
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.h1 {
    font-weight: 400;
    font-size: 3.375rem;
    line-height: 1.28;
    letter-spacing: -0.03em;
}
@media (max-width: 1023px) {
    .h1 {
        font-size: 2rem;
    }
}
.h2 {
    font-weight: 400;
    font-size: 3rem;
    line-height: 1.29;
    letter-spacing: -0.03em;
}
@media (max-width: 767px) {
    .h2 {
        font-size: 1.75rem;
    }
}
.h3 {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.3;
    letter-spacing: -0.03em;
}
@media (max-width: 1023px) {
    .h3 {
        font-size: 1.75rem;
        line-height: 1.28;
        letter-spacing: -0.02em;
    }
}
.h4 {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.28;
    letter-spacing: -0.02em;
}
@media (max-width: 1023px) {
    .h4 {
        font-size: 1.438rem;
        line-height: 1.3;
        letter-spacing: 0;
    }
}
.h5 {
    font-weight: 700;
    font-size: 1.438rem;
    line-height: 1.3;
}
@media (max-width: 1023px) {
    .h5 {
        font-size: 1rem;
    }
}

/* base */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 1024px) {
    * {
        scrollbar-color: #989898 #eee;
        scrollbar-width: thin;
    }
    *::-webkit-scrollbar {
        width: 0.188rem;
        height: 0.188rem;
        border-radius: 0.75rem;
    }
    *::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 0.75rem;
    }
    *::-webkit-scrollbar-thumb {
        background: #989898;
        border-radius: 0.75rem;
    }
}
*:after,
*:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
html {
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-y: scroll;
}
body {
    font-family: 'Montserrat', sans-serif;
    color: #0d1730;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background-color: #fff;
    overflow: hidden;
    min-width: 22.5rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    line-height: 1.56;
}
@media (max-width: 1439px) {
    body {
        font-size: 0.875rem;
        line-height: 1.43;
    }
}
@media (max-width: 1023px) {
    body {
        padding-top: var(--header-body-height);
        padding-bottom: var(--mobile-panel-height);
    }
}
a {
    color: var(--color-primary);
    text-decoration: none;
}
a:focus,
a:active {
    outline: none;
}
b,
strong {
    font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}
input,
button,
select,
textarea {
    color: #0d1730;
    font: inherit;
    margin: 0;
}
input:focus,
button:focus,
select:focus,
textarea:focus {
    outline: none;
}
input {
    padding-top: 0;
    padding-bottom: 0;
}
::-moz-placeholder {
    color: #637376;
}
:-ms-input-placeholder {
    color: #637376;
}
::-webkit-input-placeholder {
    color: #637376;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}
button[disabled],
input[disabled] {
    cursor: default;
    pointer-events: none;
}
img {
    border: 0;
    max-width: 100%;
}
ul {
    list-style: none;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    max-width: 100%;
}
@media (min-width: 768px) {
    .container {
        width: 100%;
        max-width: calc(111.25rem + var(--container-padding) * 2);
    }
}

.clear:after,
.clearfix:after {
    display: table;
    line-height: 0;
    content: '';
    clear: both;
}
.flex-row {
    margin-left: -1rem;
    margin-right: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-row-item {
    padding-left: 1rem;
    padding-right: 1rem;
}
use {
    fill: currentColor;
}
@media (max-width: 1199px) {
    .hidden-desktop {
        display: none !important;
    }
}
@media (max-width: 1023px) {
    .hidden-tablet {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .hidden-mobile {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .visible-mobile {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .visible-tablet {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .visible-desktop {
        display: none !important;
    }
}
.swiper-slide {
    height: auto;
}
.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.125rem;
    color: #0d1730;
    border: solid 1px #5383b4;
    background: none;
    padding: 0 1.563rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    max-width: 100%;
    border-radius: 0.188rem;
    font-size: 1rem;
    line-height: 1.2;
    user-select: none;
}
@media (max-width: 1023px) {
    .btn {
        height: 2.813rem;
        padding: 0 1.25rem;
        font-size: 0.875rem;
    }
}
@media (max-width: 479px) {
}
.btn svg,
.btn img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.btn > *:not(:last-child) {
    margin-right: 0.938rem;
}
.btn:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}
.btn[disabled],
.btn.disabled {
    pointer-events: none;
}
.btn-fill {
    background: var(--color-primary);
    border: 0;
    color: #fff;
}
.btn-fill:hover {
    color: #fff;
    background-color: var(--color-error);
}
.btn-fill.btn-white {
    color: var(--color-primary);
    background-color: #fff;
}
.btn-fill.btn-white:hover {
    background-color: #fff;
    color: var(--color-error);
}
.btn-alt {
    background-color: #0d1730;
}
.btn-alt:hover {
    background-color: var(--color-primary);
}
.btn-full-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.icon-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.icon-block svg,
.icon-block img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.icon-block > *:not(:last-child) {
    margin-right: 0.5rem;
}
.checkbox-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    line-height: 1.2;
    color: #0d1730;
}
.checkbox-label:hover .checkbox-label-icon {
    border-color: #5383b4;
}
.checkbox-label.active .checkbox-label-icon {
    background-color: #5383b4;
    border-color: #5383b4;
}
.checkbox-label.active .checkbox-label-icon:before {
    opacity: 1;
}
.checkbox-label-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.checkbox-label-switcher .checkbox-label-icon {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 2.25rem;
    height: 1.25rem;
    background-color: var(--color-surface-05);
    border: 0;
    border-radius: 1.125rem;
    margin: 0 0 0 0.625rem;
}
.checkbox-label-switcher .checkbox-label-icon:before {
    display: none;
}
.checkbox-label-switcher .checkbox-label-icon:after {
    content: '';
    position: absolute;
    width: 0.875rem;
    height: 0.875rem;
    left: 0.188rem;
    top: 0.188rem;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.checkbox-label-switcher .checkbox-label-title {
    font-weight: 700;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
}
.checkbox-label-switcher.active .checkbox-label-icon {
    background-color: var(--color-primary);
}
.checkbox-label-switcher.active .checkbox-label-icon:after {
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
}
.checkbox-label-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1rem;
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px var(--color-border);
    border-radius: 0.125rem;
    background-color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
    margin-right: 0.625rem;
    position: relative;
    overflow: hidden;
    will-change: transform;
}
.checkbox-label-icon:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: url(../images/checkbox.svg) center center no-repeat;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.checkbox-label-title {
    min-width: 1px;
    -ms-flex-item-align: center;
    align-self: center;
}
.checkbox-label-title a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.checkbox-label-title a:hover {
    color: var(--color-error);
}

/* RADIO */

.radio-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    line-height: 1.2;
    margin-bottom: 2px;
}
@media (max-width: 767px) {
    .radio-label {
        font-size: 0.875rem;
    }
}
.radio-label.active .radio-label-icon:before {
    opacity: 1;
}
.radio-label-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.938rem;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
    position: relative;
    background-color: var(--color-surface-05);
    border: 1px solid var(--color-surface-05);
}
.radio-input:checked + .radio-label-icon {
    background-color: var(--color-surface-05);
    border-color: var(--color-surface-05);
}
.radio-label-icon:before {
    content: '';
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin: -0.375rem 0 0 -0.375rem;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background-color: var(--color-primary);
}
.radio-label-title {
    min-width: 1px;
    -ms-flex-item-align: center;
    align-self: center;
}
.checkbox-input,
.radio-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.875rem;
    height: 1.875rem;
    opacity: 0;
    cursor: pointer;
}
.form-block {
    display: block;
    margin-bottom: 1.25rem;
    position: relative;
}
.form-block:last-child {
    margin-bottom: 0;
}
.form-block.focus:not(.select) .input-placeholder {
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    font-size: 0.75rem;
}
@media (max-width: 1023px) {
    .form-block.focus:not(.select) .input-placeholder {
        -webkit-transform: translateY(-0.875rem);
        -ms-transform: translateY(-0.875rem);
        transform: translateY(-0.875rem);
    }
}
.form-block.focus .input {
    border-color: var(--color-primary);
}
.form-block.value .input-placeholder {
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    font-size: 0.75rem;
}
@media (max-width: 1023px) {
    .form-block.value .input-placeholder {
        -webkit-transform: translateY(-0.875rem);
        -ms-transform: translateY(-0.875rem);
        transform: translateY(-0.875rem);
    }
}
.form-block.value .input {
    border-color: var(--color-border-secondary);
}
.form-block.scroll .input-placeholder {
    opacity: 0;
}
.input-block {
    position: relative;
    display: block;
}
.input-placeholder {
    position: absolute;
    left: 0;
    right: 0;
    top: 1rem;
    color: #637376;
    pointer-events: none;
    height: 1.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    line-height: 1;
    font-size: 1rem;
    line-height: 1.25;
}
@media (max-width: 1023px) {
    .input-placeholder {
        font-size: 0.875rem;
        left: 0;
        right: 0;
        top: 0.75rem;
        height: 1.125rem;
    }
}
.input {
    display: block;
    width: 100%;
    height: 3.125rem;
    border: 0;
    border-bottom: solid 1px var(--color-border);
    background: none;
    padding: 1rem 0 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.4s;
    -o-transition: border-color 0.4s;
    transition: border-color 0.4s;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 1rem;
    color: #0d1730;
    caret-color: #0d1730;
    line-height: 1.25;
}
@media (max-width: 1023px) {
    .input {
        height: 2.5rem;
        padding: 0.75rem 0 0;
    }
}
.input:focus {
    border-color: var(--color-primary);
}
.input.disabled {
    background-color: var(--color-border);
}
.input:-webkit-autofill {
    -webkit-text-fill-color: #0d1730;
    caret-color: #0d1730;
    background-color: transparent;
    -webkit-transition: background-color 5000000s 0s;
    -o-transition: background-color 5000000s 0s;
    transition: background-color 5000000s 0s;
}
.input:-webkit-autofill::first-line {
    font-family: 'Montserrat', sans-serif;
    caret-color: #0d1730;
}

.input-outlined {
    height: auto;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 0.25rem 0.5rem;
    background: #fff;
    font-weight: 500;
    box-sizing: border-box;
    border-bottom: 1px solid #d9d9d9;
}

.input-outlined:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 1px var(--color-primary);
    outline: none;
}

.input-outlined {
    font-size: 0.875rem;
    color: #0d1730;
    height: 2.25rem;
}

@media (max-width: 1023px) {
    .input-outlined {
        padding: 0.5rem 0.75rem;
        min-height: 2.25rem;
        font-size: 0.875rem;
    }
}

.input-password {
    padding-right: 4rem;
}
@-webkit-keyframes onAutoFillStart {
    from {
        /**/
    }
    to {
        /**/
    }
}
@keyframes onAutoFillStart {
    from {
        /**/
    }
    to {
        /**/
    }
}
@-webkit-keyframes onAutoFillCancel {
    from {
        /**/
    }
    to {
        /**/
    }
}
@keyframes onAutoFillCancel {
    from {
        /**/
    }
    to {
        /**/
    }
}
input:-webkit-autofill {
    -webkit-animation-name: onAutoFillStart;
    animation-name: onAutoFillStart;
    -webkit-transition: background-color 5000000s ease-in-out 0s;
    -o-transition: background-color 5000000s ease-in-out 0s;
    transition: background-color 5000000s ease-in-out 0s;
}
input:not(:-webkit-autofill) {
    -webkit-animation-name: onAutoFillCancel;
    animation-name: onAutoFillCancel;
}
.input-password-toggle {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    margin-top: -0.75rem;
    color: var(--color-border-secondary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.input-password-toggle:hover {
    color: var(--color-error);
}
.input-password-toggle svg {
    display: block;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.input-password-toggle svg:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.input-password-toggle.active svg:first-child {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.input-password-toggle.active svg:last-child {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.inputs-stack {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.textarea {
    resize: none;
    padding-top: 1.375rem;
    overflow: hidden;
}
@media (max-width: 1023px) {
    .textarea {
        padding-top: 1.125rem;
    }
}
.select {
    position: relative;
    cursor: pointer;
}
.select.active {
    z-index: 100;
}
.select.active .select-arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.select.active .select-list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.select.active .select-trigger-link svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.select-input {
    cursor: pointer;
    padding-right: 3rem;
    position: relative;
    z-index: 1;
    pointer-events: none;
}
.form-block-select-trigger {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
}
.select-trigger-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.select-trigger-link svg {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
.select-trigger-link:hover {
    color: var(--color-error);
}
.select-arrow {
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.438rem;
    pointer-events: none;
    color: #0d1730;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 6;
}
.select-list {
    margin-top: 0.75rem;
}
.select-list,
.drop-list {
    position: absolute;
    left: 0;
    min-width: 100%;
    white-space: nowrap;
    top: 100%;
    -webkit-box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.08),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.08),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    background-color: #fff;
    z-index: 66;
    padding: 0.625rem 0;
    font-size: 1rem;
    max-height: 14.375rem;
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: 0.188rem;
}
.select-list li,
.drop-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.select-list a,
.drop-list a {
    min-height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.25rem 1.25rem;
    color: #0d1730;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.select-list a:hover,
.drop-list a:hover {
    color: #5383b4;
    background-color: #f3f6fa;
}
.select-list .active a,
.drop-list .active a {
    color: var(--color-error);
}
.tab-block {
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}
.tab-block:not(.active) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0 !important;
    min-height: 0;
}
.link {
    color: var(--color-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.link > *:not(:last-child) {
    margin-right: 0.938rem;
}
.link svg {
    color: var(--color-primary);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.link:hover {
    color: var(--color-error);
}
.link:hover svg {
    color: var(--color-error);
}
.cover-img {
    position: relative;
}
.cover-img img,
.cover-img video,
.cover-img iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
}
.slider-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5rem 0;
    margin-bottom: -0.625rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.slider-dots:empty {
    display: none;
}
.slider-dots:first-child {
    padding-top: 0;
}
.slider-dots:last-child {
    padding-bottom: 0;
}
.slider-dots span {
    margin: 0 0.625rem 0.625rem 0 !important;
    width: 0.625rem;
    height: 0.625rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    opacity: 1;
    background-color: #637376;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
}
.slider-dots span:last-child {
    margin-right: 0 !important;
}
.slider-dots span.swiper-pagination-bullet-active {
    background-color: var(--color-error);
}
.slider-dots.swiper-pagination-lock {
    display: none;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 666666;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.modal:not(.active) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.modal.active .modal-body {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.modal-wrapp {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(13, 23, 48, 0.4);
    padding: 2rem 1rem;
    overflow: hidden;
    overflow-y: scroll;
    outline: none;
}
@media (max-width: 479px) {
    .modal-wrapp {
        padding: 0;
    }
}
.modal-caption {
    margin-top: -1.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: var(--typography-sm);
}
.modal-body {
    background-color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-height: 1px;
    width: 36.25rem;
    max-width: 100%;
    margin: 0;
    padding: 3.625rem 3rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    position: relative;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1023px) {
    .modal-body {
        padding: 3.625rem 1.25rem 2.75rem;
    }
}
@media (max-width: 479px) {
    .modal-body {
        margin-top: 0;
    }
}
.modal-close-btn {
    position: absolute;
    right: 1.625rem;
    top: 1.625rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 66;
    color: inherit;
}
@media (max-width: 1023px) {
    .modal-close-btn {
        right: 1.25rem;
        top: 1.25rem;
    }
}
.modal-close-btn svg {
    display: block;
}
.modal-close-btn:hover {
    color: var(--color-primary);
}

.modal-title {
    font-size: 1.438rem;
    text-align: center;
    margin-bottom: 3.25rem;
    letter-spacing: -0.03em;
    font-weight: 700;
    line-height: 1.26;
}

.modal-title span {
    color: var(--color-primary);
    border-bottom: dashed 1px;
}
@media (max-width: 1023px) {
    .modal-title {
        font-size: 1rem;
        letter-spacing: 0;
        margin-bottom: 1rem;
    }
}
.goverlay {
    background: none;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.goverlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0d1730;
    opacity: 0.4;
}
.glightbox-mobile .goverlay,
.goverlay {
    background: none;
}
.glightbox-container {
    height: auto;
    bottom: 0;
}
.gslide-description[style='max-width: 1440;'] {
    max-width: 90rem !important;
}
.gslide-title:last-child {
    margin-bottom: 0;
}
.glightbox-clean .gslide-title {
    font-family: 'DINPro', sans-serif;
}
.glightbox-clean .gslide-media {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.slider-nav {
    position: relative;
    width: 23.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.5rem;
    padding: 0 7.25rem;
}
@media (max-width: 1023px) {
    .slider-nav {
        margin-top: 2rem;
        width: 17.625rem;
    }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: auto;
}
@media (min-width: 1024px) {
    .swiper-pagination-fraction .swiper-pagination-current {
        margin-right: 0.75rem;
    }
    .swiper-pagination-fraction .swiper-pagination-total {
        margin-left: 0.75rem;
    }
}
.swiper-pagination-fraction.swiper-pagination-lock {
    display: block;
}
.slider-arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.813rem;
    padding: 0;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: 0;
    color: var(--color-primary);
    z-index: 6;
}
.slider-arrow:hover {
    color: var(--color-error);
}
.slider-arrow.swiper-button-disabled {
    opacity: 0;
}
.slider-arrow-alt {
    width: 2.75rem;
    height: 2.75rem;
    border: solid 1px var(--color-error);
    background-color: #fff;
    border-radius: 50%;
    margin-top: -1.375rem;
    color: var(--color-error);
}
@media (max-width: 1439px) {
    .slider-arrow-alt {
        width: 2.25rem;
        height: 2.25rem;
        margin-top: -1.125rem;
    }
}
.slider-arrow-prev {
    left: 0;
}
.slider-arrow-prev svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.slider-arrow-next {
    right: 0;
}
[type='number'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
::-webkit-file-upload-button,
::file-selector-button {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}
[data-anim] {
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translateY(2.5rem);
    -ms-transform: translateY(2.5rem);
    transform: translateY(2.5rem);
    opacity: 0;
    will-change: transform, opacity;
}
[data-anim].anim {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.item-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
}
.file-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 0;
}
.file-label svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0 1rem;
    color: #637376;
}
@media (max-width: 1023px) {
    .file-label svg {
        margin: 0 0.5rem 0 0.75rem;
    }
}
.file-label.active {
    border-bottom-color: var(--color-primary);
}
.file-label.active .file-label-title {
    color: #0d1730;
}
.file-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    font-size: 0;
}
::-webkit-file-upload-button,
::file-selector-button {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}
.file-label-title {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    min-width: 1px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    color: #637376;
}
.select-number {
    position: relative;
    width: 5.125rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.select-number-input {
    padding: 0 1.5rem 0 0.25rem;
    text-align: center;
    background-color: #fff;
    border: solid 1px var(--color-border);
    border-radius: 0.188rem;
    -o-text-overflow: none;
    text-overflow: none;
}
@media (max-width: 1023px) {
    .select-number-input {
        height: 2.813rem;
    }
}
[type='number'] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
.select-number-btn {
    position: absolute;
    right: 0;
    height: 50%;
    width: 1.25rem;
    border: 0;
    background-color: var(--color-surface-05);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.select-number-btn:hover {
    background-color: #aebfd3;
}
.select-number-btn:before,
.select-number-btn:after {
    content: '';
    position: absolute;
    width: 0.5rem;
    height: 0.125rem;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -0.25rem;
    border-radius: 0.125rem;
    background-color: #0d1730;
    right: 0;
}
.select-number-btn-plus {
    top: 0;
    border-top-right-radius: 0.188rem;
}
.select-number-btn-plus:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.select-number-btn-minus {
    bottom: 0;
    border-bottom-right-radius: 0.188rem;
}
.content-text {
    display: flow-root;
    max-width: 83.125rem;
}
.content-text:after {
    display: table;
    line-height: 0;
    content: '';
    clear: both;
}
.content-text p {
    margin-bottom: 1rem;
}
@media (max-width: 1023px) {
    .content-text p {
        margin-bottom: 1.5rem;
    }
}
.content-text p:last-child {
    margin-bottom: 0;
}
.content-text b,
.content-text strong {
    font-weight: 700;
}
.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4,
.content-text h5,
.content-text h6 {
    margin-bottom: 2.25rem;
    font-weight: 600;
    color: #0d1730;
}
@media (max-width: 1023px) {
    .content-text h1,
    .content-text h2,
    .content-text h3,
    .content-text h4,
    .content-text h5,
    .content-text h6 {
        margin-bottom: 1.5rem;
    }
}
.content-text h1:last-child,
.content-text h2:last-child,
.content-text h3:last-child,
.content-text h4:last-child,
.content-text h5:last-child,
.content-text h6:last-child {
    margin-bottom: 0;
}
.content-text h1 {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.28;
    letter-spacing: -0.03em;
}
@media (max-width: 1023px) {
    .content-text h1 {
        font-size: 1.875rem;
    }
}
.content-text h2 {
    font-weight: 400;
    font-size: 3rem;
    line-height: 1.29;
    letter-spacing: -0.03em;
}
@media (max-width: 767px) {
    .content-text h2 {
        font-size: 1.75rem;
    }
}
.content-text h3 {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.3;
    letter-spacing: -0.03em;
}
@media (max-width: 1023px) {
    .content-text h3 {
        font-size: 1.75rem;
        line-height: 1.28;
        letter-spacing: -0.02em;
    }
}
.content-text h4 {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.28;
    letter-spacing: -0.02em;
}
@media (max-width: 1023px) {
    .content-text h4 {
        font-size: 1.438rem;
        line-height: 1.3;
        letter-spacing: 0;
    }
}
.content-text h5,
.content-text h6 {
    font-size: 1rem;
}
.content-text img {
    height: auto;
}
.content-text a:not(.btn):not(.content-custom-link) {
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.content-text a:not(.btn):not(.content-custom-link):hover {
    color: var(--color-error);
}
.content-text ol:not(.content-custom-list) {
    list-style: none;
    counter-reset: counter;
    margin-bottom: 2.5rem;
}
@supports not (display: flow-root) {
    .content-text ol:not(.content-custom-list) {
        overflow: hidden;
    }
}
@media (max-width: 1023px) {
    .content-text ol:not(.content-custom-list) {
        margin-bottom: 1.5rem;
    }
}
.content-text ol:not(.content-custom-list):last-child {
    margin-bottom: 0;
}
.content-text ol:not(.content-custom-list) li {
    padding-left: 1.625rem;
    position: relative;
    display: flow-root;
}
.content-text ol:not(.content-custom-list) li:last-child {
    margin-bottom: 0;
}
.content-text ol:not(.content-custom-list) li:before {
    content: counters(counter, '.') '\002E';
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: counter;
}
.content-text ul:not(.content-custom-list) {
    margin-bottom: 2.5rem;
}
@supports not (display: flow-root) {
    .content-text ul:not(.content-custom-list) {
        overflow: hidden;
    }
}
@media (max-width: 1023px) {
    .content-text ul:not(.content-custom-list) {
        margin-bottom: 1.5rem;
    }
}
.content-text ul:not(.content-custom-list):last-child {
    margin-bottom: 0;
}
.content-text ul:not(.content-custom-list) li {
    position: relative;
    padding-left: 1.625rem;
    display: flow-root;
}
.content-text ul:not(.content-custom-list) li:last-child {
    margin-bottom: 0;
}
.content-text ul:not(.content-custom-list) li:before {
    content: '\002D';
    position: absolute;
    left: 0;
    top: 0;
}
.content-text blockquote {
    padding: 2.5rem 3.75rem;
    background: #f3f6fa;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 2.5rem 0;
}
@media (max-width: 1023px) {
    .content-text blockquote {
        padding: 1.25rem;
        font-size: 1rem;
    }
}
.content-text blockquote:first-child {
    margin-top: 0;
}
.content-text blockquote:last-child {
    margin-bottom: 0;
}
.content-text img {
    height: auto;
    display: block;
}
.content-text figcaption {
    margin-top: 0.75rem;
    font-weight: 700;
    color: #0d1730;
}
.content-text section,
.content-text .section {
    margin: 3.75rem 0;
}
@media (max-width: 1023px) {
    .content-text section,
    .content-text .section {
        margin: 2.5rem 0;
    }
}
.content-text section:first-child,
.content-text .section:first-child {
    margin-top: 0;
}
.content-text section:last-child,
.content-text .section:last-child {
    margin-bottom: 0;
}
.content-text .img-left {
    margin-bottom: 2.5rem;
}
@media (min-width: 480px) {
    .content-text .img-left {
        float: left;
        margin-right: 2.5rem;
        max-width: 50%;
    }
}
@media (min-width: 480px) and (max-width: 1023px) {
    .content-text .img-left {
        margin-right: 1.5rem;
    }
}
@media (max-width: 1023px) {
    .content-text .img-left {
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 479px) {
    .content-text .img-left {
        margin-left: calc(var(--container-padding) / -1);
        margin-right: calc(var(--container-padding) / -1);
    }
}
.content-text .img-left:last-child {
    margin-bottom: 0;
}
.content-text .img-right {
    margin-bottom: 2.5rem;
}
@media (min-width: 480px) {
    .content-text .img-right {
        float: right;
        margin-left: 2.5rem;
        max-width: 50%;
    }
}
@media (min-width: 480px) and (max-width: 1023px) {
    .content-text .img-right {
        margin-left: 1.5rem;
    }
}
@media (max-width: 1023px) {
    .content-text .img-right {
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 479px) {
    .content-text .img-right {
        margin-left: calc(var(--container-padding) / -1);
        margin-right: calc(var(--container-padding) / -1);
    }
}
.content-text .img-right:last-child {
    margin-bottom: 0;
}
.content-text table {
    width: 100%;
}
@media (min-width: 1024px) {
    .content-text table {
        table-layout: auto;
        font-size: 0.875rem;
    }
}
.content-text table td {
    padding: 0.5rem;
    overflow: hidden;
}
@media (max-width: 1023px) {
    .content-text table td {
        padding: 0.5rem;
    }
}
.content-text table td:first-child {
    padding-left: 0.5rem;
}
@media (max-width: 1023px) {
    .content-text table td:first-child {
        padding-left: 0.5rem;
    }
}
@media (max-width: 1023px) {
    .content-text table thead {
        font-size: 0.875rem;
    }
}
.content-text table thead td {
    background-color: var(--color-primary);
    color: #fff;
    font-weight: 500;
}
.content-text table thead td:first-child {
    border-top-left-radius: 0;
}
.content-text table thead td:last-child {
    border-top-right-radius: 0;
}
.content-text table tbody tr:nth-child(even) {
    background-color: #f3f6fa;
}
.header {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
}
@media (max-width: 1023px) {
    .header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 666;
    }
}
.header-head {
    background-color: #0d1730;
    color: #fff;
}
@media (max-width: 1023px) {
    .header-head {
        display: none;
    }
}
.header-head .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--header-head-height);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1199px) {
    .header-head .container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.header-head-info {
    padding-right: var(--header-head-gap);
    margin-right: auto;
}
@media (max-width: 1199px) {
    .header-head-info {
        display: none;
    }
}
.header-head-info:last-child {
    padding-right: 0;
}
.header-head-links {
    padding-right: var(--header-head-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-head-links:last-child {
    padding-right: 0;
}
.header-head-links > li {
    margin-right: 3.125rem;
    position: relative;
}
.header-head-links > li:last-child {
    margin-right: 0;
}
.header-head-links > li > a {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--header-head-height);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.header-head-links li:hover > a {
    color: var(--color-error);
}
.header-head-links li:hover > a i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.header-head-links li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.header-head-links .sub-menu {
    position: absolute;
    left: 0;
    min-width: 100%;
    white-space: nowrap;
    top: 100%;
    -webkit-box-shadow: 0px -0.5rem 1rem rgba(0, 0, 0, 0.08),
    0px 0px 0.375rem rgba(0, 0, 0, 0.08), 0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px -0.5rem 1rem rgba(0, 0, 0, 0.08),
    0px 0px 0.375rem rgba(0, 0, 0, 0.08), 0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    background-color: #fff;
    z-index: 69;
    padding: 0.75rem 0;
    font-size: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 0.75rem;
}

.header-fixed .header-fixed-catalog-btn:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header-fixed .header-fixed-catalog-btn .sub-menu {
    position: absolute;
    white-space: nowrap;
    -webkit-box-shadow: 0px -0.5rem 1rem rgba(0, 0, 0, 0.08),
    0px 0px 0.375rem rgba(0, 0, 0, 0.08), 0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px -0.5rem 1rem rgba(0, 0, 0, 0.08),
    0px 0px 0.375rem rgba(0, 0, 0, 0.08), 0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    background-color: #fff;
    z-index: 69;
    padding: 0.75rem 0;
    font-size: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.header-head-links .sub-menu:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 0.75rem;
}

.header-head-links .sub-menu:after {
    content: '';
    position: absolute;
    border-bottom: solid 0.563rem #fff;
    border-left: solid 0.563rem transparent;
    border-right: solid 0.563rem transparent;
    left: 50%;
    bottom: 100%;
    margin: 0 0 -1px -0.563rem;
}

.header-head-links .sub-menu a {
    min-height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.25rem 1.875rem;
    color: #0d1730;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.header-head-links .sub-menu a:hover {
    color: #5383b4;
    background-color: #f3f6fa;
}
.header-head-links i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.header-head-links svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    color: var(--color-error);
}
.header-head-city-link > svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: var(--color-error);
}
.header-head-city-link > svg:first-child {
    margin-right: 0.5rem;
}
.header-head-city-link span {
    margin-right: 0.625rem;
}
.header-head-buy {
    margin-right: var(--header-head-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--header-head-height);
    color: inherit;
}

.header-head-buy:hover {
    color: var(--color-error);
}

.header-head-email {
    margin-right: var(--header-head-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--header-head-height);
    color: inherit;
}
.header-head-email span {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.header-head-email:hover span:last-child {
    color: var(--color-error);
}
.header-head-email:last-child {
    margin-right: 0;
}
.header-head-lang-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--header-head-height);
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-right: var(--header-head-gap);
}
.header-head-lang-link:hover {
    color: var(--color-error);
}
.header-body {
    border-bottom: solid 1px var(--color-border);
}
@media (max-width: 1023px) {
    .header-body {
        position: relative;
        z-index: 666;
        background-color: #fff;
    }
}
.header-body .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(var(--header-body-height) - 1px);
}
.header-logo {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    /* width: var(--header-logo-width); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: var(--header-body-gap);
}
@media (max-width: 1023px) {
    .header-logo {
        margin-right: auto;
    }
}
.header-logo:last-child {
    padding-right: 0;
}
.logo {
    display: block;
}
.logo img {
    display: block;
    width: 6.75rem;
    height: 1.625rem;
}
.header-search {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    margin-right: var(--header-body-gap);
    position: relative;
}
.header-search.active .header-search-results,
.header-search.active .header-search-clear {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
@media (min-width: 1024px) {
    .header-search.active .header-search-submit {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
@media (max-width: 1023px) {
    .header-search {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        padding: 0 var(--container-padding) 0.313rem;
        background-color: #fff;
        border-bottom: solid 1px var(--color-border);
        margin: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        height: var(--header-search-height);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: 0px 1.5rem 2rem rgba(0, 0, 0, 0.04),
        0px 1rem 1.5rem rgba(0, 0, 0, 0.04),
        0px 0.25rem 0.5rem rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
        box-shadow: 0px 1.5rem 2rem rgba(0, 0, 0, 0.04),
        0px 1rem 1.5rem rgba(0, 0, 0, 0.04),
        0px 0.25rem 0.5rem rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    }
}
.header-search:last-child {
    margin-right: 0;
}
@media (max-width: 1023px) {
    .header-search-opened .header-search {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .header-search-opened .header-catalog,
    .header-search-opened .header-nav {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
}
@media (max-width: 1023px) {
    .header-search-is-open .header-search {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .header-search-is-open .header-catalog,
    .header-search-is-open .header-nav {
        padding-top: var(--header-search-height);
    }
    .header-search-is-open .header-catalog-menu .sub-menu,
    .header-search-is-open .header-menu .sub-menu {
        padding-top: calc(var(--header-search-height) + var(--header-height));
    }
}
.header-search-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.main-search-body {
    margin-bottom: 1rem;
}
.header-search-body .form-block {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0;
    min-width: 1px;
}
.header-search-input {
    padding-right: 2.5rem;
    padding-top: 0;
    border-radius: 0.188rem;
    border: solid 1px var(--color-border);
    padding-left: 1.25rem;
    padding-right: 5.313rem;
}
@media (max-width: 1023px) {
    .header-search-input {
        padding-left: 0.938rem;
        padding-right: 0.938rem;
    }
}
.header-search-clear {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    margin-top: -0.563rem;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
@media (min-width: 1024px) {
    .header-search-clear {
        right: 1.5rem;
    }
}
@media (hover: hover) {
    .header-search-clear:hover {
        color: var(--color-error);
    }
}
.header-search-clear svg {
    display: block;
}
.header-search-submit {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 4.063rem;
    border-radius: 0 0.188rem 0.188rem 0;
    background-color: var(--color-primary);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (min-width: 1024px) {
    .header-search-submit {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }
}
@media (max-width: 1023px) {
    .header-search-submit {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-right: 0.625rem;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.188rem;
    }
}
@media (max-width: 1023px) {
    .header-search-submit svg:first-child {
        display: none;
    }
}
@media (min-width: 1024px) {
    .header-search-submit svg:last-child {
        display: none;
    }
}
.header-search-submit:hover {
    background-color: var(--color-error);
}
.main-search-submit {
    padding-left: 2rem;
    padding-right: 2rem;
    width: auto;
}
.header-tel {
    font-size: 1.188rem;
    font-weight: 700;
    white-space: nowrap;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-right: var(--header-body-gap);
}
@media (max-width: 1199px) {
    .header-tel {
        margin-right: 0;
    }
}
@media (max-width: 1023px) {
    .header-tel {
        display: none;
    }
}
.header-tel:hover {
    color: var(--color-error);
}
.header-tel:last-child {
    margin-right: 0;
}
.header-feedback-btn {
    white-space: nowrap;
}
@media (max-width: 1199px) {
    .header-feedback-btn {
        display: none;
    }
}

.preheader-feedback-btn {
    white-space: nowrap;
    background-color: var(--color-error);
    height: 2rem;
    padding: 0 0.75rem;
}

.preheader-feedback-btn:hover {
    background-color: var(--color-primary);
}

@media (max-width: 1199px) {
    .preheader-feedback-btn {
        display: none;
    }
}

.header-catalog-open-wrapp {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: var(--header-body-gap);
    width: var(--header-logo-width);
}
.header-catalog-open-wrapp:last-child {
    padding-right: 0;
}
.header-catalog-open i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1.563rem;
    position: relative;
}
.header-catalog-open i svg {
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    -o-transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
    display: block;
}
.header-catalog-open i svg:last-child {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.625rem 0 0 -0.625rem;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
@media (min-width: 1200px) {
    .header-catalog-open {
        min-width: 11.125rem;
    }
}
@media (max-width: 1023px) {
    .header-nav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 660;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        top: var(--header-height);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .header-nav .container {
        padding: 0;
    }
}
@media (min-width: 1024px) {
    .header-nav .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--header-body-height);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 1023px) {
    .header-nav-opened .header-nav {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
}
@media (max-width: 1023px) {
    .header-nav-is-open {
        overflow: hidden;
    }
    .header-nav-is-open .header-nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .header-nav-is-open .header-nav-open i svg:first-child {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header-nav-is-open .header-nav-open i svg:last-child {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@media (min-width: 1024px) {
    .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        margin: 0 calc(var(--header-menu-gap) / -2);
        padding-right: var(--header-body-gap);
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-width: 1px;
        white-space: nowrap;
    }
}
@media (max-width: 1023px) {
    .header-menu {
        line-height: 1.2;
        font-size: 1rem;
    }
}
@media (min-width: 1024px) {
    .header-menu > li {
        position: relative;
    }
}
@media (max-width: 1023px) {
    .header-menu > li {
        border-bottom: solid 1px var(--color-border);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .header-menu > li:last-child {
        border: 0;
    }
}
@media (min-width: 1024px) {
    .header-menu > li > a {
        height: var(--header-body-height);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 0 calc(var(--header-menu-gap) / 2);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
        color: inherit;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        text-transform: uppercase;
    }
    .header-menu > li > a i {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-left: 0.5rem;
    }
    .header-menu > li > a i svg {
        display: block;
        color: var(--color-primary);
        -webkit-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4s;
    }
}
@media (max-width: 1023px) {
    .header-menu > li > a i {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}
@media (min-width: 1024px) {
    .header-menu > li:hover > a {
        color: var(--color-error);
    }
    .header-menu > li:hover > a i svg {
        color: var(--color-error);
    }
}
.header-menu .sub-menu,
.header-fixed .sub-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (min-width: 1024px) {
    .header-menu .sub-menu {
        position: absolute;
        left: 0;
        min-width: 100%;
        white-space: nowrap;
        top: 100%;
        -webkit-box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.08),
        0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
        box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.08),
        0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
        background-color: #fff;
        z-index: 66;
        padding: 0.75rem 0;
        font-size: 1rem;
    }
    .header-menu .sub-menu a,
    .header-fixed .sub-menu a {
        min-height: 1.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0.25rem 1.875rem;
        color: inherit;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .header-menu .sub-menu a:hover,
    .header-fixed .sub-menu a:hover {
        color: #5383b4;
        background-color: #f3f6fa;
    }
}
@media (max-width: 1023px) {
    .header-menu .sub-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        padding-bottom: var(--mobile-panel-height);
        padding-top: var(--header-height);
        overflow: hidden;
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        z-index: 6;
    }
}
@media (max-width: 1023px) {
    .header-menu a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 3.125rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: inherit;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }
    .header-menu a span {
        min-width: 1px;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
    .header-menu a i {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    .header-menu a svg {
        width: 1rem;
        height: 1rem;
        display: block;
        color: var(--color-error);
    }
    .header-menu a > *:not(:last-child) {
        margin-right: 0.875rem;
    }
}
@media (min-width: 1024px) {
    .header-menu li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}
@media (max-width: 1023px) {
    .header-menu li {
        border-bottom: solid 1px var(--color-border);
    }
    .header-menu li:last-child {
        border-bottom: 0;
    }
    .header-menu li.sub-menu-is-open > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media (min-width: 1024px) {
    .header-menu .sub-menu-back-link {
        display: none;
    }
}
.header-menu .sub-menu-back-link a {
    font-weight: 700;
}
.header-menu .current-menu-item > a {
    color: var(--color-primary);
}
.header-cabinet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-cabinet li {
    margin-right: var(--header-body-gap);
}
@media (max-width: 1199px) {
    .header-cabinet li {
        margin-right: var(--header-menu-gap);
    }
}
.header-cabinet li:last-child {
    margin-right: 0;
}
.header-cabinet a {
    height: var(--header-body-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
}
.header-cabinet a:hover {
    color: var(--color-error);
}
.header-cabinet a svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.625rem;
    color: var(--color-error);
}
@media (max-width: 1199px) {
    .header-cabinet a svg {
        margin-right: 0;
    }
}
.header-cabinet a i {
    position: relative;
    margin-right: 0.625rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-style: normal;
}
@media (max-width: 1199px) {
    .header-cabinet a i {
        margin-right: 0;
    }
}
.header-cabinet a i svg {
    display: block;
    margin: 0;
}
@media (max-width: 1199px) {
    .header-cabinet a span {
        display: none;
    }
}
.header-cabinet .mobile-panel-link-count {
    top: -0.25rem;
}
.header-cart-count {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.header-cart-count:not(.active) {
    opacity: 0;
    visibility: hidden;
}
.header-mobile-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.625rem;
}
.header-mobile-links li {
    padding: 0 0.625rem;
}
.header-mobile-links a {
    display: block;
    color: var(--color-error);
}
.header-mobile-links a svg {
    display: block;
}
@media (min-width: 1024px) {
    .header-mobile-links {
        display: none;
    }
}
.header-nav-open i {
    display: block;
    position: relative;
}
.header-nav-open i svg {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.header-nav-open i svg:last-child {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.625rem 0 0 -0.625rem;
}
.mobile-panel {
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 0.938rem rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 0.938rem rgba(0, 0, 0, 0.12);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 667;
    background-color: #fff;
}
@media (min-width: 1024px) {
    .mobile-panel {
        display: none;
    }
}
.mobile-panel-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.625rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.75rem;
}
.mobile-panel-links li {
    padding: 0 0.625rem;
}
.mobile-panel-links a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: var(--mobile-panel-height);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #637376;
    padding-top: 0.25rem;
    position: relative;
}
.mobile-panel-links .current-menu-item a {
    color: #0d1730;
}
.mobile-panel-links .current-menu-item svg {
    color: var(--color-error);
}
.mobile-panel-links .header-catalog-open {
    width: auto;
}
.mobile-panel-link-count {
    position: absolute;
    left: 50%;
    top: 0.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 500;
    min-width: 1.25rem;
    padding: 0 0.125rem;
    border-radius: 1.25rem;
    background-color: var(--color-error);
    line-height: 1;
    height: 0.875rem;
}

/* CATALOG */

.home-catalog {
    padding: 5.625rem 0;
}
@media (max-width: 1023px) {
    .home-catalog {
        padding: 3.125rem 0;
    }
}
.home-catalog .container {
    position: relative;
}
.home-catalog-decor {
    position: absolute;
    right: -1.25rem;
    top: 50%;
    -webkit-transform: translateY(-42%);
    -ms-transform: translateY(-42%);
    transform: translateY(-42%);
    max-width: none;
}
@media (max-width: 1023px) {
    .home-catalog-decor {
        top: auto;
        bottom: -0.625rem;
        left: 50%;
        -webkit-transform: translateX(-56%);
        -ms-transform: translateX(-56%);
        transform: translateX(-56%);
        right: auto;
        width: 52.5rem;
    }
}
.home-catalog-body {
    position: relative;
    z-index: 6;
}
.section-title {
    margin-bottom: 2rem;
}
@media (max-width: 1023px) {
    .section-title {
        margin-bottom: 1.25rem;
    }
}
.catalog-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 3.25rem;
}
@media (max-width: 1023px) {
    .catalog-nav {
        margin-bottom: 1.875rem;
    }
}
@media (max-width: 767px) {
    .catalog-nav {
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding);
        overflow: hidden;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        white-space: nowrap;
    }
    .catalog-nav::-webkit-scrollbar {
        display: none;
    }
}
.catalog-menu {
    padding: 0.25rem;
    border-radius: 0.188rem;
    background-color: #f3f6fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    min-width: 1px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media (max-width: 767px) {
    .catalog-menu li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}
.catalog-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.25rem;
    padding: 0 1.25rem;
    border-radius: 0.188rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    line-height: 1.2;
    text-align: center;
}
@media (max-width: 1023px) {
    .catalog-menu a {
        padding: 0 0.875rem;
    }
}
.catalog-menu a:hover {
    color: var(--color-error);
}
.catalog-menu .active a {
    background-color: var(--color-primary);
    color: #fff;
}
@media (max-width: 1023px) {
    .catalog-menu .active a {
        padding: 0 1.25rem;
    }
}
.home-catalog-slider {
    overflow: visible;
}
@media (min-width: 1024px) {
    .home-catalog-slider .swiper-wrapper {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        display: grid;
        grid-template-columns: 21fr 33.5fr 16fr 28.5fr;
        grid-gap: 1.25rem;
        width: auto !important;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .home-catalog-slider .swiper-wrapper {
        grid-gap: 0.625rem;
    }
}
@media (min-width: 1024px) {
    .home-catalog-slider .home-catalog-slide:nth-child(2),
    .home-catalog-slider .home-catalog-slide:nth-child(8) {
        grid-row: span 2;
        min-height: 23.75rem;
    }
    .home-catalog-slider .home-catalog-slide:nth-child(2) .home-catalog-slide-img,
    .home-catalog-slider
    .home-catalog-slide:nth-child(8)
    .home-catalog-slide-img {
        width: 16.375rem;
        height: 16.375rem;
    }
    .home-catalog-slider .home-catalog-slide:nth-child(3),
    .home-catalog-slider .home-catalog-slide:nth-child(9) {
        grid-row: span 2;
        min-height: 23.75rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.375rem 1.5rem 3.625rem;
    }
    .home-catalog-slider
    .home-catalog-slide:nth-child(3)
    .home-catalog-slide-body,
    .home-catalog-slider
    .home-catalog-slide:nth-child(9)
    .home-catalog-slide-body {
        position: static;
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    .home-catalog-slider
    .home-catalog-slide:nth-child(3)
    .home-catalog-slide-arrow,
    .home-catalog-slider
    .home-catalog-slide:nth-child(9)
    .home-catalog-slide-arrow {
        position: absolute;
        left: 1.5rem;
        bottom: 1.5rem;
    }
    .home-catalog-slider .home-catalog-slide:nth-child(3) .home-catalog-slide-img,
    .home-catalog-slider
    .home-catalog-slide:nth-child(9)
    .home-catalog-slide-img {
        width: 14.5rem;
        height: auto;
        margin: auto 0;
    }
    .home-catalog-slider
    .home-catalog-slide:nth-child(3)
    .home-catalog-slide-img
    img,
    .home-catalog-slider
    .home-catalog-slide:nth-child(9)
    .home-catalog-slide-img
    img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .home-catalog-slider
    .home-catalog-slide:nth-child(3)
    .home-catalog-slide-img:after,
    .home-catalog-slider
    .home-catalog-slide:nth-child(9)
    .home-catalog-slide-img:after {
        content: '';
        display: block;
        padding-top: 100%;
    }
    .home-catalog-slider .home-catalog-slide:nth-child(3) .item-link,
    .home-catalog-slider .home-catalog-slide:nth-child(9) .item-link {
        display: none;
    }
}
@media (min-width: 1024px) and (min-width: 1440px) {
    .home-catalog-slider
    .home-catalog-slide:nth-child(2)
    .home-catalog-slide-img:before,
    .home-catalog-slider
    .home-catalog-slide:nth-child(8)
    .home-catalog-slide-img:before {
        width: 13.25rem;
        height: 13.25rem;
        margin: -6.625rem 0 0 -6.625rem;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .home-catalog-slider .home-catalog-slide:nth-child(3),
    .home-catalog-slider .home-catalog-slide:nth-child(9) {
        padding: 1rem 1rem 3.625rem;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .home-catalog-slider
    .home-catalog-slide:nth-child(3)
    .home-catalog-slide-arrow,
    .home-catalog-slider
    .home-catalog-slide:nth-child(9)
    .home-catalog-slide-arrow {
        left: 1rem;
        bottom: 1rem;
    }
}
@media (min-width: 1024px) and (max-width: 1559px) {
    .home-catalog-slider .home-catalog-slide:nth-child(3) .home-catalog-slide-img,
    .home-catalog-slider
    .home-catalog-slide:nth-child(9)
    .home-catalog-slide-img {
        max-width: 100%;
    }
}
@media (min-width: 1024px) and (min-width: 1440px) {
    .home-catalog-slider
    .home-catalog-slide:nth-child(3)
    .home-catalog-slide-img:before,
    .home-catalog-slider
    .home-catalog-slide:nth-child(9)
    .home-catalog-slide-img:before {
        width: 13.25rem;
        height: 13.25rem;
        margin: -6.625rem 0 0 -6.625rem;
    }
}
.home-catalog-slider .home-catalog-slide:nth-child(1) .home-catalog-slide-decor,
.home-catalog-slider
.home-catalog-slide:nth-child(7)
.home-catalog-slide-decor {
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.home-catalog-slider .home-catalog-slide:nth-child(2) .home-catalog-slide-decor,
.home-catalog-slider
.home-catalog-slide:nth-child(8)
.home-catalog-slide-decor {
    right: 0;
    bottom: 0;
}
.home-catalog-slider .home-catalog-slide:nth-child(3) .home-catalog-slide-decor,
.home-catalog-slider
.home-catalog-slide:nth-child(9)
.home-catalog-slide-decor {
    right: -1.75rem;
    bottom: 0.5rem;
}
.home-catalog-slider .home-catalog-slide:nth-child(4) .home-catalog-slide-decor,
.home-catalog-slider
.home-catalog-slide:nth-child(10)
.home-catalog-slide-decor {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-33%, -50%);
    -ms-transform: translate(-33%, -50%);
    transform: translate(-33%, -50%);
}
.home-catalog-slider .home-catalog-slide:nth-child(5) .home-catalog-slide-decor,
.home-catalog-slider
.home-catalog-slide:nth-child(11)
.home-catalog-slide-decor {
    top: 0;
    right: 100%;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
}
.home-catalog-slider .home-catalog-slide:nth-child(6) .home-catalog-slide-decor,
.home-catalog-slider
.home-catalog-slide:nth-child(12)
.home-catalog-slide-decor {
    bottom: 0;
    right: 0;
}

/* HOME CATALOGUE SLIDE */

@media (max-width: 1023px) {
    .home-catalog-slider .home-catalog-slide {
        width: 8.438rem;
    }
}

.home-catalog-slide {
    position: relative;
    min-width: 1px;
}

@media (min-width: 1024px) {
    .home-catalog-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1rem 1.375rem 1rem 1.875rem;
        min-height: 11.25rem;
        background-color: #f3f6fa;
        overflow: hidden;
        will-change: transform;
        -webkit-transition: color 0.4s;
        -o-transition: color 0.4s;
        transition: color 0.4s;
        margin: 0 !important;
    }

    .home-catalog-slide:hover {
        color: #fff;
    }

    .home-catalog-slide:hover .home-catalog-slide-img:before {
        background-color: var(--color-primary);
        -webkit-transform: scale(8);
        -ms-transform: scale(8);
        transform: scale(8);
        -webkit-transition: background-color 0.4s, -webkit-transform 0.6s;
        transition: background-color 0.4s, -webkit-transform 0.6s;
        -o-transition: background-color 0.4s, transform 0.6s;
        transition: background-color 0.4s, transform 0.6s;
        transition: background-color 0.4s, transform 0.6s, -webkit-transform 0.6s;
    }

    .home-catalog-slide:hover .home-catalog-slide-arrow {
        border-color: #fff;
        color: var(--color-primary);
    }

    .home-catalog-slide:hover .home-catalog-slide-categories a {
        color: #fff;
    }

    .home-catalog-slide:hover .home-catalog-slide-categories-all {
        color: #fff;
    }

    .home-catalog-slide:hover .home-catalog-slide-decor {
        z-index: 1;
    }
}

@media (min-width: 1024px) and (max-width: 1559px) {
    .home-catalog-slide {
        padding-left: 1.25rem;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .home-catalog-slide {
        padding: 1rem;
    }
}

@media (max-width: 1023px) {
    .home-catalog-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .home-catalog-slide > .home-catalog-slide-decor {
        display: none;
    }
}

@media (min-width: 1024px) {
    .home-catalog-slide-body {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-width: 1px;
        padding: 0.5rem 0.75rem 0.5rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .home-catalog-slide-body {
        padding: 0 0.5rem 0 0;
    }
}

.home-catalog-slide-img {
    width: 9.25rem;
    height: 9.25rem;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
}

@media (min-width: 1560px) {
    .home-catalog-slide-img {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-right: -0.5rem;
    }
}

@media (max-width: 1023px) {
    .home-catalog-slide-img {
        -ms-flex-item-align: unset;
        align-self: unset;
        height: 8.438rem;
        overflow: hidden;
        border-radius: 0.188rem;
        background-color: #f3f6fa;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: auto;
    }
}

@media (min-width: 1024px) {
    .home-catalog-slide-img .home-catalog-slide-decor {
        display: none;
    }
}

.home-catalog-slide-img:before {
    content: '';
    position: absolute;
    width: 8.125rem;
    height: 8.125rem;
    left: 50%;
    top: 50%;
    margin: -4.063rem 0 0 -4.063rem;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

@media (max-width: 1023px) {
    .home-catalog-slide-img:before {
        width: 6rem;
        height: 6rem;
        margin: -3rem 0 0 -3rem;
    }
}

.home-catalog-slide-img-body {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1024px) {
    .home-catalog-slide-img-body {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media (max-width: 1023px) {
    .home-catalog-slide-img-body {
        width: 5.875rem;
        height: 5.875rem;
    }
}

.home-catalog-slide-img-body img,
.home-catalog-slide-img-body picture {
    max-height: 100%;
    display: block;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
}
.home-catalog-slide-img-body img {
    -webkit-filter: drop-shadow(3.125rem 3.063rem 1.75rem rgba(26, 47, 97, 0.04))
    drop-shadow(1.75rem 1.75rem 1.5rem rgba(26, 47, 97, 0.13))
    drop-shadow(0.813rem 0.75rem 1.125rem rgba(26, 47, 97, 0.21))
    drop-shadow(0.188rem 0.188rem 0.625rem rgba(26, 47, 97, 0.25))
    drop-shadow(0px 0px 0px rgba(26, 47, 97, 0.25));
    filter: drop-shadow(3.125rem 3.063rem 1.75rem rgba(26, 47, 97, 0.04))
    drop-shadow(1.75rem 1.75rem 1.5rem rgba(26, 47, 97, 0.13))
    drop-shadow(0.813rem 0.75rem 1.125rem rgba(26, 47, 97, 0.21))
    drop-shadow(0.188rem 0.188rem 0.625rem rgba(26, 47, 97, 0.25))
    drop-shadow(0px 0px 0px rgba(26, 47, 97, 0.25));
}

.home-catalog-slide-title {
    margin-bottom: 0.875rem;
}

@media (max-width: 1559px) {
    .home-catalog-slide-title {
        font-size: 1.25rem;
    }
}

@media (max-width: 1439px) {
    .home-catalog-slide-title {
        font-size: 1.125rem;
    }
}

@media (max-width: 1199px) {
    .home-catalog-slide-title {
        font-size: 1rem;
    }
}

@media (max-width: 1023px) {
    .home-catalog-slide-title {
        font-size: 0.875rem;
        margin: 0.625rem 0 0;
        text-align: center;
    }
}

.home-catalog-slide-title a {
    color: inherit;
}

.home-catalog-slide-arrow {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    border: solid 1px;
    background-color: #fff;
    color: var(--color-error);
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

@media (max-width: 1023px) {
    .home-catalog-slide-arrow {
        display: none;
    }
}

.home-catalog-slide-disabled.home-catalog-slide {
    background-color: var(--color-surface-disabled-01);
}

.home-catalog-slide-disabled.home-catalog-slide:hover {
    background-color: var(--color-primary);
}

.home-catalog-slide-disabled.home-catalog-slide {
    background-color: var(--color-surface-disabled-01);
}

.home-catalog-slide-disabled .home-catalog-slide-img-body img {
    opacity: 1;
}

.home-catalog-slide-disabled:hover .home-catalog-slide-img-body img {
    filter: none;
    opacity: 1;
}

.home-catalog-slide-disabled .home-catalog-slide-img:before {
    opacity: 0.5;
}

.home-catalog-slide-disabled .home-catalog-slide-arrow {
    display: none;
}

/* HOME CATALOG SLIDE CATEGORIES */

@media (max-width: 1199px) {
    .home-catalog-slide-categories {
        font-size: 0.75rem;
    }
}

@media (max-width: 1023px) {
    .home-catalog-slide-categories {
        display: none;
    }
}

.home-catalog-slide-categories li {
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.home-catalog-slide-categories li:last-child {
    margin-bottom: 0;
}

.home-catalog-slide-categories a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.home-catalog-slide-categories a:hover {
    opacity: 0.6;
}

.home-catalog-slide-categories-all {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    margin-top: 0.875rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

@media (max-width: 1023px) {
    .home-catalog-slide-categories-all {
        display: none;
    }
}

.home-catalog-slide-categories-all:hover {
    opacity: 0.6;
}

.home-catalog-slide-categories-all span {
    margin-right: 0.875rem;
}

.home-catalog-slide-categories-all svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.home-catalog-slide-decor {
    position: absolute;
    max-width: none;
    max-height: none;
}
.home-brands {
    padding: 2.75rem 0 7.5rem;
}
@media (max-width: 1023px) {
    .home-brands {
        padding: 0 0 3.125rem;
    }
}
@media (max-width: 1023px) {
    .home-brands .section-title {
        margin-bottom: 2.25rem;
    }
}
.brands-slider {
    overflow: visible;
}
@media (min-width: 1024px) {
    .brands-slider .swiper-wrapper {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: auto !important;
        margin: 0 -0.625rem -1.25rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .brands-slider .swiper-wrapper {
        margin: 0 -0.313rem -0.625rem;
    }
}
.brands-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .brands-slide {
        margin: 0 !important;
        padding: 0 0.625rem 1.25rem;
        width: 16.666%;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .brands-slide {
        padding: 0 0.313rem 0.625rem;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .brands-slide {
        width: 25%;
    }
}
@media (max-width: 1023px) {
    .brands-slide {
        width: 8.438rem;
    }
}
.brands-slide-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 7.813rem;
    border: dashed 1px var(--color-border);
    border-radius: 0.188rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .brands-slide-item {
        height: 4.375rem;
        padding: 0.75rem;
    }
}
.brands-slide-item img,
.brands-slide-item picture {
    max-height: 100%;
    display: block;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1023px) {
    .brands-slide-item img,
    .brands-slide-item picture {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
.brands-slide-item:hover {
    border-color: var(--color-error);
}
.brands-slide-item-view-all:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}
.brands-slide-item-view-all:hover .brands-slide-item-all i {
    border-color: #fff;
    background-color: #fff;
    color: var(--color-primary);
}
.brands-slide-item-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
}
@media (max-width: 1023px) {
    .brands-slide-item-all {
        font-size: 0.625rem;
        white-space: nowrap;
    }
}
.brands-slide-item-all span {
    margin-right: 0.938rem;
}
@media (max-width: 1023px) {
    .brands-slide-item-all span {
        margin-right: 0.375rem;
    }
}
.brands-slide-item-all i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1.875rem;
    height: 1.875rem;
    color: var(--color-error);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px var(--color-error);
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .brands-slide-item-all i {
        width: 1.25rem;
        height: 1.25rem;
    }
}
.samples {
    background-color: var(--color-primary);
    color: #fff;
    overflow: hidden;
    will-change: transform;
}
.samples .container {
    padding-top: 3rem;
    padding-bottom: 4.25rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .samples .container {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
        display: block;
    }
}
.samples-decor {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: none;
}
@media (max-width: 1023px) {
    .samples-decor {
        left: auto;
        right: 100%;
        -webkit-transform: translateX(25%);
        -ms-transform: translateX(25%);
        transform: translateX(25%);
        top: 0.625rem;
    }
}
.samples-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 50%;
    min-width: 1px;
    position: relative;
    z-index: 1;
    margin-right: 2.5rem;
}
.samples-body-feedback {
    width: 50%;
}
@media (max-width: 1023px) {
    .samples-body-feedback {
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .samples-body {
        margin: 0 0 0.75rem;
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .samples-body .section-title {
        margin-bottom: 2.375rem;
    }
}
.samples-body .section-desc {
    max-width: 28.75rem;
}
@media (max-width: 1023px) {
    .samples-body .section-desc br {
        display: none;
    }
}
.form-row {
    margin: 0 -0.625rem -1.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form-col {
    width: 50%;
    padding: 0 0.625rem 1.25rem;
}
@media (max-width: 479px) {
    .form-col {
        width: 100%;
    }
}
.form-col-full-width {
    width: 100%;
}
.samples-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 1px;
    position: relative;
    z-index: 1;
}
@media (min-width: 1024px) {
    .samples-form {
        width: 55rem;
    }
}
.form-with-white-inputs .input {
    border-radius: 0;
    border: 0;
    border-bottom: solid 1px #5383b4;
    padding-right: 0;
    padding-left: 0;
    color: #fff;
    caret-color: #fff;
}
.form-with-white-inputs .input::-webkit-input-placeholder {
    color: #fff;
}
.form-with-white-inputs .input:-moz-placeholder {
    color: #fff;
}
.form-with-white-inputs .input::-moz-placeholder {
    color: #fff;
}
.form-with-white-inputs .input:-ms-input-placeholder {
    color: #fff;
}
.form-with-white-inputs .input:focus {
    border-bottom-color: #fff;
}
.form-with-white-inputs .input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
}
.form-with-white-inputs .input:-webkit-autofill::first-line {
    caret-color: #fff;
}
.form-with-white-inputs .form-block.focus .input,
.form-with-white-inputs .form-block.value .input {
    border-bottom-color: #fff;
}
.form-with-white-inputs .input-placeholder {
    left: 0;
    right: 0;
    color: #fff;
}
.form-with-white-inputs .select-arrow {
    right: 0;
    color: #fff;
}

.form-agreement {
    margin-top: 1.563rem;
    font-size: 0.813rem;
}
.form-agreement a {
    color: inherit;
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.form-agreement a:hover {
    opacity: 0.6;
}

.feedback-file-upload-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.25rem;
    font-size: var(--typography-md);
    text-align: center;
    border-radius: 0.625rem;
}

.feedback-file-upload-container:hover {
    cursor: pointer;
}

.feedback-inverted-dashed-border {
    border: 1px dashed var(--color-inverted-border);
}

.feedback-inverted-dashed-border:hover {
    border-color: white;
}

.feedback-modal-dashed-border {
    border: 1px dashed var(--color-border-secondary);
}

.feedback-modal-dashed-border:hover {
    border-color: var(--color-primary);
}

.feedback-file-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.feedback-file-container {
    padding: 0.75rem;
    padding-right: 1rem;
    border-radius: 0.3125rem;
    background-color: var(--color-surface-01);
    color: var(--typography-color-primary);
}

.feedback-file-container-solid {
    background-color: var(--color-surface-04);
}

.feedback-file-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
}

.feedback-file-content .file-link-icon {
    margin-right: 0.75rem;
}

.feedback-text-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-right: 1rem;
    overflow: hidden;
    width: 100%;
}

.feedback-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30ch;
}

.feedback-file-close-button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    outline: none;
    color: var(--color-icon-tertiary);
}

.feedback-file-close-button:hover {
    color: var(--color-icon-tertiary-hover);
    background: none;
    border: none;
    cursor: pointer;
}

.submit-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 1.563rem;
}
.submit {
    padding: 0 2.5rem;
}
@media (max-width: 1023px) {
    .submit {
        padding: 0 1.875rem;
    }
}
.home-news {
    padding: 4.875rem 0 2.25rem;
}
@media (max-width: 1023px) {
    .home-news {
        padding: 3.125rem 0;
    }
}
.home-news-head {
    margin-bottom: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .home-news-head {
        margin-bottom: 1.75rem;
    }
}
.section-tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 -0.75rem;
}
.section-tabs-nav li {
    padding: 0 0.75rem;
}
.section-tabs-nav .active .section-tabs-link {
    color: var(--color-primary);
}
.section-tabs-link {
    color: #637376;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.section-tabs-link:hover {
    color: var(--color-error);
}
.tabs-nav-switcher {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: block;
    width: 3.375rem;
    height: 1.875rem;
    position: relative;
    background-color: #f3f6fa;
    -webkit-box-shadow: inset 0px 0.125rem 0.188rem rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 0.125rem 0.188rem rgba(0, 0, 0, 0.12);
    border-radius: 6.25rem;
}
@media (max-width: 1023px) {
    .tabs-nav-switcher {
        width: 2.5rem;
        height: 1.375rem;
    }
}
.tabs-nav-switcher[data-switch='right']:before {
    -webkit-transform: translateX(1.5rem);
    -ms-transform: translateX(1.5rem);
    transform: translateX(1.5rem);
}
@media (max-width: 1023px) {
    .tabs-nav-switcher[data-switch='right']:before {
        -webkit-transform: translateX(1.125rem);
        -ms-transform: translateX(1.125rem);
        transform: translateX(1.125rem);
    }
}
.tabs-nav-switcher:before {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.188rem;
    left: 0.188rem;
    border-radius: 50%;
    background-color: var(--color-error);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .tabs-nav-switcher:before {
        width: 1rem;
        height: 1rem;
    }
}
.home-news-slider {
    overflow: visible;
}
@media (min-width: 1024px) {
    .home-news-slider .swiper-wrapper {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: auto !important;
        margin: 0 -0.625rem -1.25rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.home-news-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
@media (min-width: 1024px) {
    .home-news-slide {
        margin: 0 !important;
        padding: 0 0.625rem 1.25rem;
        width: 20%;
    }
    .home-news-slide:first-child {
        width: 40%;
    }
    .home-news-slide:first-child .home-news-slide-title {
        font-size: 2.063rem;
        line-height: 1.3;
    }
}
@media (min-width: 1024px) and (min-width: 1200px) {
    .home-news-slide:first-child .home-news-slide-title {
        padding-right: 2.5rem;
    }
}
@media (min-width: 1024px) and (min-width: 1200px) {
    .home-news-slide:first-child .home-news-slide-desc {
        padding-right: 1.5rem;
    }
}
@media (max-width: 1023px) {
    .home-news-slide {
        width: 14.5rem;
    }
}
.home-news-slide:hover .home-news-slide-title {
    color: var(--color-error);
}
.home-news-slide-date {
    padding-bottom: 0.625rem;
    margin-bottom: 1.5rem;
    color: #637376;
    border-bottom: solid 1px var(--color-border);
}
@media (max-width: 1023px) {
    .home-news-slide-date {
        font-size: 0.813rem;
        padding-bottom: 1rem;
        margin-bottom: 0.875rem;
    }
}
.home-news-slide-title {
    font-size: 1.188rem;
    margin-bottom: 1rem;
    color: var(--color-primary);
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
    font-weight: 700;
    padding-right: 1.625rem;
}
@media (max-width: 1199px) {
    .home-news-slide-title {
        font-size: 1rem;
        padding-right: 0;
    }
}
@media (max-width: 1023px) {
    .home-news-slide-title {
        margin-bottom: 0.625rem;
    }
}
.home-news-slide-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
@media (min-width: 1200px) {
    .home-news-slide-desc {
        padding-right: 1rem;
    }
}
.home-news-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3.75rem -1rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .home-news-btns {
        margin-top: 2.5rem;
    }
}
.home-news-btns li {
    padding: 0 1rem;
}
@media (min-width: 1024px) {
    .home-about .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.home-about-body {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 40.625rem;
    position: relative;
    min-height: 52.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 1199px) {
    .home-about-body {
        width: 33.75rem;
    }
}
@media (max-width: 1023px) {
    .home-about-body {
        width: auto;
        min-height: auto;
        padding: 1.75rem 0 8.625rem;
    }
}
.home-about-decor {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-41%, -50%);
    -ms-transform: translate(-41%, -50%);
    transform: translate(-41%, -50%);
    max-width: none;
}
@media (max-width: 1439px) {
    .home-about-decor {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
@media (max-width: 1199px) {
    .home-about-decor {
        -webkit-transform: translate(-54%, -50%);
        -ms-transform: translate(-54%, -50%);
        transform: translate(-54%, -50%);
    }
}
@media (max-width: 1023px) {
    .home-about-decor {
        -webkit-transform: translateX(-54%);
        -ms-transform: translateX(-54%);
        transform: translateX(-54%);
        max-height: 100%;
        top: 0;
    }
}
.home-about-content {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.home-about-content .section-title {
    margin-bottom: 4.125rem;
}
@media (max-width: 1023px) {
    .home-about-content .section-title {
        margin-bottom: 2.25rem;
    }
}
.home-about-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.25rem;
}
@media (max-width: 1023px) {
    .home-about-numbers {
        margin: 0 1.25rem 1.625rem;
    }
}
.home-about-number {
    margin-right: 1.5rem;
}
.home-about-number:last-child {
    margin-right: 0;
}
.home-about-number-title {
    font-size: 1.188rem;
    color: var(--color-error);
    line-height: 1;
    font-weight: 700;
}
@media (max-width: 1023px) {
    .home-about-number-title {
        font-size: 0.875rem;
    }
}
.home-about-number-title span {
    font-size: 5.125rem;
    font-weight: 400;
}
@media (max-width: 1023px) {
    .home-about-number-title span {
        font-size: 2.5rem;
    }
}
.home-about-number-value {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    display: inline-block;
}
.home-about-number-value.active:before {
    opacity: 1;
}
.home-about-number-value:before {
    content: attr(data-value);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
}
.home-about-number-value span {
    opacity: 0;
}
.home-about-number-desc {
    font-size: 1.188rem;
}
@media (max-width: 1023px) {
    .home-about-number-desc {
        font-size: 0.813rem;
    }
}
@media (max-width: 1023px) {
    .home-about-desc {
        margin: 0 1.25rem;
    }
}
.home-about-desc p {
    margin-bottom: 0.625rem;
}
.home-about-desc p:last-child {
    margin-bottom: 0;
}
.home-about-link {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 2.875rem;
}
@media (max-width: 1023px) {
    .home-about-link {
        margin: 1.125rem 1.25rem 0;
    }
}
.home-about-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1439px) {
    .home-about-img {
        margin-left: -8.5rem;
    }
}
@media (max-width: 1023px) {
    .home-about-img {
        margin: -7.5rem -1.25rem 0 -3.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }
}
.home-about-img img {
    max-width: none;
}
@media (max-width: 1023px) {
    .home-about-img img {
        min-width: 28.5rem;
        max-width: 100%;
    }
}
.awards {
    padding: 6.875rem 0 5.625rem;
}
@media (max-width: 1023px) {
    .awards {
        padding: 3.125rem 0;
    }
}
.awards .section-title {
    margin-bottom: 3.75rem;
}
@media (max-width: 1023px) {
    .awards .section-title {
        margin-bottom: 2rem;
    }
}
.awards-slider-wrapp {
    position: relative;
}
.awards-slider-wrapp .slider-arrow {
    top: calc(14.625rem / 2);
}
@media (max-width: 1023px) {
    .awards-slider-wrapp .slider-arrow {
        display: none;
    }
}
.awards-slider {
    overflow: visible;
}
.awards-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 22%;
    /* 12rem */
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0.3;
}
.awards-slide.swiper-slide-visible {
    opacity: 1;
}
@media (max-width: 1023px) {
    .awards-slide {
        width: 7.5rem;
    }
}
.awards-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    max-width: 100%;
}
.awards-item:hover {
    color: var(--color-error);
}
.awards-item-img {
    width: 10.313rem;
    height: 14.625rem;
}
@media (max-width: 1023px) {
    .awards-item-img {
        width: 6.688rem;
        height: 9.5rem;
    }
}
.awards-item-img img {
    display: block;
    object-fit: contain;
}
.awards-item-title {
    margin-top: 1.5rem;
}
@media (max-width: 1559px) {
    .awards-item-title {
        margin-top: 1.25rem;
    }
}
.awards-view-all {
    margin-top: 4.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .awards-view-all {
        margin-top: 2.25rem;
    }
}
.scroll-to-top-wrapp {
    padding-bottom: 5.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
}
@media (max-width: 1023px) {
    .scroll-to-top-wrapp {
        padding-bottom: 1.25rem;
    }
}
.scroll-to-top-wrapp + .footer {
    margin-top: 0;
}
.scroll-to-top {
    width: 2.25rem;
    height: 2.25rem;
    color: var(--color-error);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    border: solid 1px var(--color-error);
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    left: 50%;
    bottom: 5rem;
    margin-left: -1.125rem;
    z-index: 200;
    background-color: #fff;
}
@media (max-width: 1023px) {
    .scroll-to-top {
        bottom: 4rem;
    }
}
.scroll-to-top:not(.active) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.scroll-to-top:hover {
    background-color: var(--color-error);
    color: #fff;
}
.footer {
    color: #fff;
    margin-top: auto;
    background: url(../images/footer-decor-left.svg) left top no-repeat,
    url(../images/footer-decor-right.svg) right bottom no-repeat, #0d1730;
}
.footer-nav {
    padding: 5.313rem 0;
}
@media (max-width: 1023px) {
    .footer-nav {
        padding: 1.875rem 0;
    }
}
.footer-nav-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .footer-nav-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.footer-company-menu {
    font-size: 1.188rem;
    font-weight: 700;
    padding: 0 1rem;
}
@media (max-width: 1023px) {
    .footer-company-menu {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        padding-bottom: 1.875rem;
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
        margin-bottom: 1.875rem;
    }
}
.footer-company-menu li {
    margin-bottom: 0.938rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .footer-company-menu li {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        font-size: 1rem;
        margin-bottom: 0.313rem;
    }
}
.footer-company-menu li:last-child {
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .footer-company-menu li:last-child {
        margin-bottom: 0.313rem;
    }
}
.footer-company-menu a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: inherit;
}
.footer-company-menu a:hover {
    opacity: 0.6;
}
.footer-catalog {
    width: 32.5rem;
    min-width: 1px;
    padding: 0 1rem;
}
@media (max-width: 1199px) {
    .footer-catalog {
        width: auto;
    }
}
@media (max-width: 1023px) {
    .footer-catalog {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding-bottom: 0.875rem;
        margin-bottom: 1.25rem;
        position: relative;
    }
    .footer-catalog:after {
        content: '';
        position: absolute;
        right: 1rem;
        bottom: 0;
        left: 1rem;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.1);
    }
}
.footer-catalog-toggle {
    font-size: 1.188rem;
    font-weight: 700;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1023px) {
    .footer-catalog-toggle {
        font-size: 1rem;
        padding: 0.375rem 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .footer-catalog-toggle.active svg {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
}
.footer-catalog-toggle span {
    margin-right: 0.625rem;
}
.footer-catalog-toggle svg {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (min-width: 1024px) {
    .footer-catalog-toggle svg {
        display: none;
    }
}
.footer-catalog-menu {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    margin-bottom: -0.625rem;
    -webkit-column-gap: 3.125rem;
    -moz-column-gap: 3.125rem;
    column-gap: 3.125rem;
}
@media (max-width: 1439px) {
    .footer-catalog-menu {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}
@media (max-width: 1199px) {
    .footer-catalog-menu {
        -webkit-columns: unset;
        -moz-columns: unset;
        columns: unset;
    }
}
@media (min-width: 1024px) {
    .footer-catalog-menu {
        display: block !important;
    }
}
@media (max-width: 1023px) {
    .footer-catalog-menu {
        display: none;
    }
}
.footer-catalog-menu li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .footer-catalog-menu li:first-child {
        margin-top: 1rem;
    }
}
@media (max-width: 1023px) {
    .footer-catalog-menu li:last-child {
        margin-bottom: 1rem;
    }
}
.footer-catalog-menu a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: inherit;
}
.footer-catalog-menu a:hover {
    opacity: 0.6;
}
.footer-feedback {
    width: 50%;
    min-width: 1px;
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1023px) {
    .footer-feedback {
        width: 100%;
    }
}
.footer-feedback-title {
    font-weight: 700;
    margin-bottom: 1.5rem;
    font-size: 1.188rem;
}
@media (max-width: 1023px) {
    .footer-feedback-title {
        font-size: 1rem;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .footer-feedback-form {
        -webkit-transition: opacity 0.4s, visibility 0.4s;
        -o-transition: opacity 0.4s, visibility 0.4s;
        transition: opacity 0.4s, visibility 0.4s;
        margin: 1.25rem 0;
    }
    .footer-feedback-form:not(.active) {
        height: 0;
        margin: 0;
        overflow: hidden;
        will-change: transform;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
@media (max-width: 767px) {
    .footer-feedback-form-open {
        margin-top: 1.25rem;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .footer-feedback-form-open:not(.active) {
        display: none;
    }
}
@media (min-width: 768px) {
    .footer-feedback-form-open {
        display: none;
    }
}
@media (min-width: 768px) {
    .footer-feedback-form-col {
        width: 33.333%;
    }
}
.footer-feedback-form-col .input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.footer-feedback-form-col .input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.footer-feedback-form-col .input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.footer-feedback-form-col .input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.footer-body {
    padding: 5.313rem 0;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
}
@media (max-width: 1023px) {
    .footer-body {
        padding: 1.875rem 0;
    }
}
.footer-body-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .footer-body-row {
        display: block;
    }
}
.footer-contacts-links {
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.footer-tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.188rem;
    font-weight: 700;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 1.375rem;
}
@media (max-width: 1023px) {
    .footer-tel {
        font-size: 1rem;
        margin-bottom: 0.625rem;
    }
}
.footer-tel:last-child {
    margin-bottom: 0;
}
.footer-tel:hover {
    opacity: 0.6;
}
.footer-tel svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.938rem;
}
.footer-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.188rem;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 1.375rem;
}
@media (max-width: 1023px) {
    .footer-email {
        font-size: 1rem;
        margin-bottom: 0.625rem;
    }
}
.footer-email:last-child {
    margin-bottom: 0;
}
.footer-email:hover {
    opacity: 0.6;
}
.footer-email svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.938rem;
}
.footer-social {
    margin: 0.625rem -0.313rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1023px) {
    .footer-social {
        margin-top: 0.75rem;
    }
}
.footer-social li {
    padding: 0 0.313rem;
}
.footer-social a {
    display: block;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.footer-social a:hover {
    opacity: 0.6;
}
.footer-social a img {
    display: block;
}
.footer-requisites {
    padding: 0 1rem;
}
@media (max-width: 1023px) {
    .footer-requisites {
        display: none;
    }
}
.footer-requisites li {
    margin-bottom: 0.625rem;
}
.footer-requisites li:last-child {
    margin-bottom: 0;
}
.footer-addresses {
    width: 50%;
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1023px) {
    .footer-addresses {
        display: none;
    }
}
.footer-address {
    margin-right: 3.125rem;
}
@media (max-width: 1439px) {
    .footer-address {
        margin-right: 2rem;
    }
}
.footer-address:last-child {
    margin-right: 0;
}
.foot {
    padding: 2.5rem 0 3.25rem;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
}
@media (max-width: 1023px) {
    .foot {
        padding: 1.625rem 0;
    }
}
@media (min-width: 1024px) {
    .foot .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.foot-copyright {
    margin-right: 7.5rem;
}
@media (max-width: 1439px) {
    .foot-copyright {
        margin-right: 2rem;
    }
}
@media (max-width: 1023px) {
    .foot-copyright {
        margin: 0 0 1.25rem;
    }
}
.foot-copyright:last-child {
    margin: 0;
}
.foot-links {
    padding-right: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
}
@media (max-width: 1439px) {
    .foot-links {
        padding-right: 2rem;
    }
}
@media (max-width: 1023px) {
    .foot-links {
        padding: 0 0 1.375rem;
        display: block;
    }
}
.foot-links:last-child {
    padding: 0;
}
.foot-links li {
    margin-right: 2.5rem;
}
@media (max-width: 1439px) {
    .foot-links li {
        margin-right: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .foot-links li {
        margin: 0 0 0.625rem;
    }
}
.foot-links li:last-child {
    margin: 0;
}
.foot-links a {
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: inherit;
}
.foot-links a:hover {
    opacity: 0.6;
}
.foot-developer a {
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: inherit;
}
.foot-developer a:hover {
    opacity: 0.6;
}
/* catalog */
.page-body {
    position: relative;
    padding: 2.188rem 0 6.875rem;
}
@media (max-width: 1023px) {
    .page-body {
        padding: 0.938rem 0 3.125rem;
    }
}
.page-body-md {
    padding: 2.188rem 0 2.188rem;
}
@media (max-width: 1023px) {
    .page-body-md {
        padding: 0.938rem 0 0.938rem;
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #637376;
    font-size: 0.813rem;
    margin-bottom: 0.625rem;
}
.breadcrumbs li {
    margin-bottom: 0.625rem;
}
.breadcrumbs li:not(:last-child) {
    position: relative;
    padding-right: 1.375rem;
    margin-right: 0.563rem;
}
.breadcrumbs li:not(:last-child):after {
    content: '';
    position: absolute;
    width: 0.938rem;
    height: 0.75rem;
    right: 0;
    top: 50%;
    margin-top: -0.375rem;
    background-image: url(../images/breadcrumbs-arrow.svg);
}
.breadcrumbs a {
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.breadcrumbs a:hover {
    color: var(--color-error);
}
.page-title {
    margin-bottom: 1.625rem;
}
@media (max-width: 1023px) {
    .page-title {
        margin-bottom: 1.25rem;
    }
}
.page-title:last-child {
    margin-bottom: 0;
}
.catalog-cards-container {
    width: 100%;
}
.catalog-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .catalog-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 768px) {
    .catalog-head > .catalog-nav {
        margin: 0 2rem 0 0;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .catalog-head > .catalog-nav {
        margin: 0 0 1.563rem;
    }
}
@media (max-width: 767px) {
    .catalog-head > .catalog-nav {
        margin-bottom: 1.563rem;
    }
}
.catalog-sort-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}
@media (max-width: 1023px) {
    .catalog-sort-wrapp {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
    }
}
.catalog-sort-wrapp .catalog-sort {
    margin-right: 2.813rem;
}
.catalog-sort .select-list {
    left: auto;
    right: 0;
    font-size: 0.875rem;
}
.select-trigger-link {
    margin-right: 0.75rem;
}
.select-trigger-link span {
    margin-right: 0.75rem;
}
.select-trigger-link svg {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: var(--color-error);
}
.catalog-view-nav {
    margin-bottom: 0;
}
.catalog-view-menu a {
    width: 2.625rem;
    padding: 0;
    color: #5383b4;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.catalog-view-menu a:hover {
    color: var(--color-error);
}
.catalog-view-menu .active a:hover {
    color: #fff;
}
.catalog-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.25rem;
    margin-top: 5.25rem;
}
@media (max-width: 1439px) and (min-width: 1024px), (max-width: 767px) {
    .catalog-row {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1439px) {
    .catalog-row {
        grid-column-gap: 0.625rem;
        grid-row-gap: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .catalog-row {
        grid-row-gap: 1.563rem;
        margin-top: 1.563rem;
    }
}
@media (max-width: 479px) {
    .catalog-row {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1440px) {
    .catalog-row .home-catalog-slide-img {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-right: -0.5rem;
    }
}
.section {
    padding: 5.625rem 0;
}
@media (max-width: 1023px) {
    .section {
        padding: 3.375rem 0;
    }
}

.section-md {
    padding: 2.8125rem 0;
}
@media (max-width: 1023px) {
    .section-md {
        padding: 1.6875rem 0;
    }
}

.section-pt-0 {
    padding-top: 0;
}
@media (max-width: 1023px) {
    .section-pt-0 {
        padding-top: 0;
    }
}

.section-pb-0 {
    padding-bottom: 0;
}
@media (max-width: 1023px) {
    .section-pb-0 {
        padding-bottom: 0;
    }
}

.section + .section {
    margin-top: -4.375rem;
}
@media (max-width: 1023px) {
    .section + .section {
        margin-top: -3.375rem;
    }
}
.section-head {
    margin-bottom: 2.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.section-head .section-title {
    margin: 0 2rem 0 0;
}
.section-head .section-title a {
    color: inherit;
}
@media (max-width: 1023px) {
    .section-head .section-title {
        font-size: 1.75rem;
    }
}
.section-head .section-title:last-child {
    margin: 0;
}
@media (max-width: 1023px) {
    .section-head {
        margin-bottom: 1.25rem;
    }
}
.section-head-btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 1023px) {
    .section-head-btn {
        display: none;
    }
}
.products-slider {
    overflow: visible;
}
.products-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1559px) {
    .products-slide {
        width: 21.25rem;
    }
}
@media (max-width: 1023px) {
    .products-slide {
        width: 12.5rem;
    }
}
.products-slide-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
    border-radius: 0.188rem;
}
@media (max-width: 1023px) {
    .products-slide-item {
        padding: 0.938rem;
    }
}
.products-slide-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.375rem;
}
@media (max-width: 1023px) {
    .products-slide-item-head {
        margin-bottom: 0.938rem;
    }
}
.products-slide-item-code {
    margin-right: 1.5rem;
    color: #637376;
    font-size: 0.813rem;
}
@media (max-width: 1023px) {
    .products-slide-item-code {
        font-size: 0.75rem;
    }
}
.add-to-compare-link {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: var(--color-surface-05);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.add-to-compare-link.active {
    color: var(--color-error);
}
.add-to-compare-link svg {
    display: block;
}
.products-slide-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8.438rem;
    margin-bottom: 1.5rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 1023px) {
    .products-slide-item-img {
        height: 5rem;
        margin-bottom: 0.938rem;
    }
}
.products-slide-item-img img,
.products-slide-item-img picture {
    max-height: 100%;
    display: block;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
}
.products-slide-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
    .products-slide-item-body {
        margin-bottom: 0.938rem;
    }
}
.products-slide-item-body:last-child {
    margin-bottom: 0;
}
.products-slide-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0.938rem;
}
@media (max-width: 1023px) {
    .products-slide-item-title {
        margin-bottom: 0.625rem;
    }
}
.products-slide-item-title:last-child {
    margin-bottom: 0;
}
.products-slide-item-title a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.products-slide-item-title a:hover {
    color: var(--color-error);
}
.products-slide-item-brand {
    margin-bottom: 0.938rem;
    line-height: 1.3;
    font-size: 0.813rem;
}
@media (max-width: 1023px) {
    .products-slide-item-brand {
        margin-bottom: 0.625rem;
    }
}
.products-slide-item-brand a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.products-slide-item-brand a:hover {
    color: var(--color-error);
}
.products-slide-item-brand:last-child {
    margin-bottom: 0;
}
.products-slide-item-available {
    margin-bottom: 0.938rem;
    font-size: 0.813rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1023px) {
    .products-slide-item-available {
        margin-bottom: 0.625rem;
    }
}
.products-slide-item-available svg {
    color: var(--color-error);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.625rem;
}
.products-slide-item-available:last-child {
    margin-bottom: 0;
}
.products-slide-item-available.is-not-available {
    color: #637376;
}
.products-slide-item-available.is-not-available svg {
    color: var(--color-surface-05);
}
.products-slide-item-foot {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .products-slide-item-foot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.products-slide-item-prices {
    margin-right: 1.5rem;
    white-space: nowrap;
}
@media (max-width: 1023px) {
    .products-slide-item-prices {
        margin: 0 0 0.625rem;
    }
}
@media (max-width: 1023px) {
    .products-slide-item-cost {
        font-size: 1.125rem;
    }
}
.products-slide-item-btn {
    height: 2.5rem;
    padding: 0 1.25rem;
}
@media (max-width: 1649px) {
    .products-slide-item-btn {
        font-size: 0.875rem;
    }
}
@media (max-width: 1023px) {
    .products-slide-item-btn {
        height: 2.188rem;
    }
}
.page-info-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .page-info-content {
        max-height: 8.5rem;
        overflow: hidden;
        position: relative;
    }
    .page-info-content:before {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        height: 3.5rem;
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#fff),
            to(rgba(255, 255, 255, 0))
        );
        background-image: -webkit-linear-gradient(
            bottom,
            #fff,
            rgba(255, 255, 255, 0)
        );
        background-image: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
        background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        pointer-events: none;
        z-index: 9;
    }
    .page-info-content.active {
        max-height: none;
        overflow: visible;
    }
    .page-info-content.active:before {
        opacity: 0;
    }
}
.page-info-toggle {
    margin-top: 1.5rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.page-info-toggle:hover {
    color: var(--color-error);
}
@media (min-width: 1024px) {
    .page-info-toggle {
        display: none;
    }
}
/* products */
.products-head {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: solid 1px var(--color-border);
}
.products-head .page-info-content:not(.active) {
    max-height: 3rem;
}
@media (max-width: 1023px) {
    .products-head {
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
    }
}
.page-info-body-desktop .page-info-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-info-body-desktop .page-info-content {
    max-height: 8.5rem;
    overflow: hidden;
    position: relative;
}
.page-info-body-desktop .page-info-content:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 3.5rem;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#fff),
        to(rgba(255, 255, 255, 0))
    );
    background-image: -webkit-linear-gradient(
        bottom,
        #fff,
        rgba(255, 255, 255, 0)
    );
    background-image: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
    z-index: 9;
}
.page-info-body-desktop .page-info-content.active {
    max-height: none;
}
.page-info-body-desktop .page-info-content.active:before {
    opacity: 0;
}
.products {
    margin-top: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.products-filter {
    width: 15.625rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 3.125rem;
}
@media (max-width: 1559px) {
    .products-filter {
        margin-right: 2rem;
        width: 15rem;
    }
}
@media (max-width: 1023px) {
    .products-filter {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 669;
        background-color: #fff;
        width: auto;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
.products-filter-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: var(--header-height);
    padding: 0 var(--container-padding);
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.02),
    0px 0.125rem 0.25rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.02),
    0px 0.125rem 0.25rem rgba(0, 0, 0, 0.08);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (min-width: 1024px) {
    .products-filter-head {
        display: none;
    }
}
.products-filter-reset {
    margin-right: 1rem;
    color: #5383b4;
    width: 3.75rem;
}
.products-filter-title {
    margin-right: 3.5rem;
    font-size: 1rem;
    font-weight: 700;
}
.products-filter-close {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: var(--color-error);
}
.products-filter-close svg {
    display: block;
}

@media (max-width: 1023px) {
    .products-filter-body {
        padding: 1.875rem var(--container-padding);
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-height: 1px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}
.products-filter-foot {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: var(--header-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 var(--container-padding);
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.02),
    0px -0.125rem 0.25rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.02),
    0px -0.125rem 0.25rem rgba(0, 0, 0, 0.08);
}
@media (min-width: 1024px) {
    .products-filter-foot {
        display: none;
    }
}
@media (max-width: 1023px) {
    .products-filter-opened .products-filter {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
}
@media (max-width: 1023px) {
    .products-filter-is-open {
        overflow: hidden;
    }
}
.products-filter-is-open .products-filter {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.products-filter-block {
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.products-filter-block:last-child {
    margin-bottom: 0;
}
.products-filter-block-title {
    margin-bottom: 0.938rem;
    font-size: var(--typography-base);
    font-weight: 700;
}

.products-filter-block-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.938rem;
    font-weight: 700;
    user-select: none;
    cursor: pointer;
}

.products-filter-block-arrow {
    height: 1rem;
    width: 1rem;
}

.products-filter-block-subtitle svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 1rem;
    width: 1rem;
    stroke: var(--color-glyph);
    transition: transform 0.3s ease;
}

.product-variant.active .product-variant-shop svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.products-filter-block-sublist,
.products-filter-brands-list {
    display: none;
}

.products-filter-block-sublist.visible,
.products-filter-brands-list.visible {
    display: block;
}

.products-filter-list-toggle {
    display: block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 0.625rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.products-filter-list-toggle:hover {
    color: var(--color-error);
}
.products-filter-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0.625rem;
}
.products-filter-list li:last-child {
    margin-bottom: 0;
}
.products-filter-list-more {
    display: none;
}
.products-filter-list-more li:first-child {
    margin-top: 0.625rem;
}
.products-filter-switchers li {
    margin-bottom: 1.25rem;
}
.products-filter-switchers li:last-child {
    margin-bottom: 0;
}
.products-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
}
.products-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.625rem -1.25rem;
}
@media (max-width: 1439px) {
    .products-row {
        margin: 0 -0.313rem -0.625rem;
    }
}
.products-col {
    padding: 0 0.625rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
}
@media (max-width: 1439px) {
    .products-col {
        padding: 0 0.313rem 0.625rem;
    }
}
@media (max-width: 1559px) {
    .products-col {
        width: 33.333%;
    }
}
@media (max-width: 1199px) {
    .products-col {
        width: 50%;
    }
}
@media (max-width: 1023px) {
    .products-col {
        width: 33.333%;
    }
}
@media (max-width: 767px) {
    .products-col {
        width: 50%;
    }
}
@media (max-width: 479px) {
    .products-col {
        width: 100%;
    }
}
.products-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 1.5rem;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
    border-radius: 0.188rem;
}
@media (max-width: 1023px) {
    .products-item {
        padding: 0.938rem;
    }
}
.products-item-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    margin-right: -0.625rem;
}
@media (max-width: 1023px) {
    .products-item-categories {
        margin-right: -0.313rem;
        margin-bottom: 0.625rem;
    }
}
.products-item-category {
    margin: 0 0.625rem 0.625rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.25rem;
    font-size: 0.688rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 0.625rem;
    border-radius: 1.25rem;
    border: solid 1px var(--color-border);
    color: #637376;
    line-height: 1;
}
@media (max-width: 1023px) {
    .products-item-category {
        margin: 0 0.313rem 0.313rem 0;
    }
}
@media (max-width: 767px) and (min-width: 480px) {
    .products-item-category {
        font-size: 0.625rem;
    }
}
.products-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8.438rem;
    margin-bottom: 2.188rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 1023px) {
    .products-item-img {
        height: 5rem;
        margin-bottom: 0.938rem;
    }
}
.products-item-img img,
.products-item-img picture {
    max-height: 100%;
    display: block;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
}
.products-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.625rem;
}
@media (max-width: 1023px) {
    .products-item-head {
        margin-bottom: 0.625rem;
    }
}
.products-item-head:last-child {
    margin-bottom: 0;
}
.products-item-code {
    margin-right: 1.5rem;
    color: #637376;
    font-size: 0.813rem;
    line-height: 1.3;
}
@media (max-width: 1023px) {
    .products-item-code {
        font-size: 0.75rem;
    }
}
.products-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0.625rem;
}
.products-item-title:last-child {
    margin-bottom: 0;
}
.products-item-title a {
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
}
.products-item-title a:hover {
    color: var(--color-error);
}
.products-item-brand {
    margin-bottom: 0.625rem;
    line-height: 1.3;
    font-size: 0.813rem;
}
@media (max-width: 1023px) {
    .products-item-brand {
        margin-bottom: 0.625rem;
    }
}
.products-item-brand a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.products-item-brand a:hover {
    color: var(--color-error);
}
.products-item-brand:last-child {
    margin-bottom: 0;
}
.products-item-body {
    margin-bottom: 1.375rem;
}
@media (max-width: 1023px) {
    .products-item-body {
        margin-bottom: 0.625rem;
    }
}
.products-item-btn {
    margin-top: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 2.5rem;
    padding: 0 1.25rem;
}
@media (max-width: 1649px) {
    .products-item-btn {
        font-size: 0.875rem;
    }
}
@media (max-width: 1023px) {
    .products-item-btn {
        height: 2.188rem;
    }
}
.load-more-btn-wrapp {
    margin-top: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .load-more-btn-wrapp {
        margin-top: 1.875rem;
    }
}
.products-filter-open-btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 0.75rem;
}
.products-filter-open-btn svg {
    color: var(--color-error);
}
@media (min-width: 1024px) {
    .products-filter-open-btn {
        display: none;
    }
}
.page-feedback {
    padding: 5.75rem 0 10.25rem;
    background-color: #f3f6fa;
}
@media (min-width: 1024px) {
    .page-feedback .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 1023px) {
    .page-feedback {
        padding: 2.5rem 0 6.563rem;
    }
}
.page-feedback + .scroll-to-top-wrapp {
    margin-top: -7.813rem;
}
@media (max-width: 1023px) {
    .page-feedback + .scroll-to-top-wrapp {
        margin-top: -3.438rem;
    }
}
.page-feedback-body {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 55rem;
    margin-right: 4.25rem;
    position: relative;
    z-index: 1;
}
.page-feedback-body .section-desc {
    max-width: 40.625rem;
}
@media (max-width: 1559px) {
    .page-feedback-body {
        width: 45rem;
        margin-right: 2rem;
    }
}
@media (max-width: 1199px) {
    .page-feedback-body {
        width: 42.5rem;
    }
}
@media (max-width: 1023px) {
    .page-feedback-body {
        width: auto;
        margin: 0 0 1.25rem;
    }
}
.form-with-alt-inputs .input {
    border-radius: 0;
    border: 0;
    border-bottom: solid 1px var(--color-border-secondary);
    padding-left: 0;
    padding-right: 0;
}
.form-with-alt-inputs .input:focus {
    border-bottom-color: var(--color-error);
}
.form-with-alt-inputs .input-placeholder {
    left: 0;
    right: 0;
}
.form-with-alt-inputs .select-arrow {
    color: var(--color-primary);
    right: 0;
}
.page-feedback-form {
    margin-top: 4rem;
}
@media (max-width: 1023px) {
    .page-feedback-form {
        margin-top: 2.5rem;
    }
}
@media (min-width: 1024px) {
    .page-feedback-img {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-width: 1px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .page-feedback-img img {
        max-width: none;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .page-feedback-img {
        margin-left: -4.5rem;
    }
}
@media (max-width: 1023px) {
    .page-feedback-img {
        margin: 0 -2.5rem 0 -1.25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 479px) {
    .page-feedback-img {
        margin-right: -5rem;
    }
}
/* brands */
.sort-nav {
    margin-bottom: 4.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1023px) {
    .sort-nav {
        margin-bottom: 1.875rem;
    }
}
@media (max-width: 767px) {
    .sort-nav {
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding);
        overflow: hidden;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        white-space: nowrap;
        scroll-behavior: smooth;
    }
    .sort-nav::-webkit-scrollbar {
        display: none;
    }
}
.sort-nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.188rem;
    border-bottom: solid 1px var(--color-border);
    min-width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media (max-width: 1023px) {
    .sort-nav-menu {
        font-size: 0.875rem;
    }
}
.sort-nav-menu li {
    margin-right: 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 1023px) {
    .sort-nav-menu li {
        margin-right: 1.25rem;
    }
}
.sort-nav-menu li:last-child {
    margin-right: 0;
}
.sort-nav-menu a {
    display: block;
    padding: 0.938rem 0;
    border-top: solid 0.313rem transparent;
    border-bottom: solid 0.313rem transparent;
    margin-bottom: -1px;
    color: rgba(13, 23, 48, 0.5);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .sort-nav-menu a {
        padding: 0.313rem 0;
    }
}
.sort-nav-menu a:hover {
    color: #0d1730;
}
.sort-nav-menu .active a {
    font-weight: 700;
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
}
.brands-section {
    margin-bottom: 4.5rem;
}
@media (max-width: 1023px) {
    .brands-section {
        margin-bottom: 1.875rem;
    }
}
.brands-section:last-child {
    margin-bottom: 0;
}
.brands-section-title {
    margin-bottom: 3.75rem;
}
@media (max-width: 1023px) {
    .brands-section-title {
        margin-bottom: 0.625rem;
    }
}
.brands-row {
    margin: 0 -0.625rem -1.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1439px) {
    .brands-row {
        margin: 0 -0.313rem -0.625rem;
    }
}
.brands-col {
    padding: 0 0.625rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 16.666%;
}
@media (max-width: 1439px) {
    .brands-col {
        padding: 0 0.313rem 0.625rem;
        width: 20%;
    }
}
@media (max-width: 1199px) {
    .brands-col {
        width: 25%;
    }
}
@media (max-width: 767px) {
    .brands-col {
        width: 33.333%;
    }
}
@media (max-width: 479px) {
    .brands-col {
        width: 50%;
    }
}
.brands-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 1.5rem 1.25rem;
    border-radius: 0.188rem;
    border: dashed 1px var(--color-border);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

a[href=''].brands-item,
a[href='']:hover.brands-item {
    cursor: default;
    pointer-events: none;
}

@media (max-width: 1559px) {
    .brands-item {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .brands-item {
        padding: 1.25rem 1rem 0.625rem;
    }
}
.brands-item:hover {
    color: var(--color-error);
}
.brands-item-logo {
    height: 6.125rem;
    margin: 1.25rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1023px) {
    .brands-item-logo {
        height: 2.75rem;
        margin: 0 0 0.625rem;
    }
}
.brands-item-logo picture,
.brands-item-logo img {
    max-height: 100%;
    display: block;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
}
.brands-item-title {
    margin-top: auto;
}
/* product */
.product-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --product-head-gap: 2.5rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.5rem;
    border-bottom: solid 1px var(--color-border);
}
@media (max-width: 1199px) {
    .product-head {
        --product-head-gap: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .product-head {
        position: relative;
        border: 0;
        margin-bottom: 1.875rem;
        padding-bottom: 0;
    }
    .product-head .product-item-compare {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .product-head .product-item-compare span {
        display: none;
    }
    .product-head .product-item-compare svg {
        margin: 0;
    }
}
.product-head .product-available {
    padding: 0 0 0 0.625rem;
    border: 0;
    white-space: nowrap;
    width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.product-head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: var(--product-head-gap);
}
@media (max-width: 1023px) {
    .product-head-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin: 0;
    }
}
.product-head-info .products-item-categories {
    margin: 0 var(--product-head-gap) -0.313rem 0;
}
@media (max-width: 1023px) {
    .product-head-info .products-item-categories {
        padding: 2.5rem 2.5rem 0 0;
    }
}
.product-head-info .products-item-categories:last-child {
    margin-right: 0;
}
.product-head-info .products-item-category {
    margin: 0 0.313rem 0.313rem 0;
}
.product-head-info .products-item-category:last-child {
    margin-right: 0;
}
.product-head-info-block {
    margin-right: var(--product-head-gap);
}
.product-head-info-block:last-child {
    margin-right: 0;
}
.product-head-info-block span {
    color: var(--color-primary);
}
.product-head-info-block a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.product-head-info-block a:hover {
    color: var(--color-error);
}
@media (max-width: 1023px) {
    .product-head-info-block-number {
        width: 50%;
        margin-right: 0;
        padding-right: 0.625rem;
        font-size: 0.75rem;
    }
}
.product-item-compare {
    color: var(--color-primary);
}
.product-item-compare svg {
    color: var(--color-surface-05);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.product-item-compare.active {
    color: var(--color-primary);
}
.product-item-compare.active svg {
    color: var(--color-error);
}
.product-warranty {
    margin-top: 1.25rem;
}
.product-main {
    margin-top: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 4rem;
}
@media (max-width: 1199px) {
    .product-main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 1023px) {
    .product-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }
}
.product-gallery {
    width: 32rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 2.5rem;
}
@media (max-width: 1439px) {
    .product-gallery {
        width: 30rem;
        margin-right: 2rem;
    }
}
@media (max-width: 1199px) {
    .product-gallery {
        width: 32rem;
    }
}
@media (max-width: 1023px) {
    .product-gallery {
        width: 100%;
        margin: 0 auto 3.125rem;
    }
}
@media (max-width: 1023px) {
    .product-gallery-slider {
        overflow: visible;
    }
}
.product-gallery-link {
    position: relative;
    height: 22.188rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1023px) {
    .product-gallery-link {
        height: 9.75rem;
    }
}
.product-gallery-link picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 100%;
}
.product-gallery-link img {
    max-height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
}
.product-gallery-link:hover .video-play-icon {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.video-play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    color: var(--color-primary);
    z-index: 6;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #fff;
    margin: -1.5rem 0 0 -1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0.125rem;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.video-play-icon svg {
    display: block;
}
.product-gallery-nav {
    margin-top: 2.5rem;
}
.product-gallery-nav-slide {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 0.125rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding: 0.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-gallery-nav-slide picture,
.product-gallery-nav-slide img {
    max-height: 100%;
    display: block;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
}
.product-gallery-nav-slide .video-play-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.75rem 0 0 -0.75rem;
    padding-left: 1px;
}
.product-gallery-nav-slide:hover .video-play-icon {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
@media (hover: hover) {
    .product-gallery-nav-slide:hover:after {
        opacity: 1;
    }
}
.product-gallery-nav-slide img {
    -o-object-fit: contain;
    object-fit: contain;
}
.product-gallery-nav-slide:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0.25rem;
    border: solid 0.125rem var(--color-primary);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
}
.product-gallery-nav-slide.swiper-slide-thumb-active:after {
    opacity: 1;
}
.product-gallery-dots {
    padding-top: 2.5rem;
}
.product-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 31.25rem;
    margin-right: 2.5rem;
}
@media (max-width: 1199px) {
    .product-body {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin: 3rem 0 0;
    }
}
@media (max-width: 1023px) {
    .product-head-info-block-brand {
        margin: 0 0 2.25rem;
    }
}
.product-sectors {
    margin-bottom: 2.125rem;
}
@media (max-width: 1023px) {
    .product-sectors {
        margin-bottom: 3.375rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .product-sectors > *:not(:last-child) {
        margin-bottom: 0.375rem;
    }
}
.product-sectors span {
    color: var(--color-primary);
}
.product-sectors a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.product-sectors a:hover {
    color: var(--color-error);
}
.product-main-characteristics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.product-main-characteristics-title {
    font-weight: 700;
    margin-bottom: 1.625rem;
}
@media (max-width: 1023px) {
    .product-main-characteristics-title {
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .product-main-characteristics-table-wrapp {
        max-height: 8.75rem;
        overflow: hidden;
        position: relative;
    }
    .product-main-characteristics-table-wrapp:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3.75rem;
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#fff),
            to(rgba(255, 255, 255, 0))
        );
        background-image: -webkit-linear-gradient(
            bottom,
            #fff,
            rgba(255, 255, 255, 0)
        );
        background-image: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
        background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    }
}
.product-main-characteristics-table td {
    padding: 0 1.5rem 0.625rem 0;
    vertical-align: top;
}
.product-main-characteristics-table td:last-child {
    padding-right: 0;
}
.product-main-characteristics-table tr:last-child td {
    padding-bottom: 0;
}
.product-main-characteristics-table p {
    margin-bottom: 0.625rem;
}
.product-main-characteristics-table p:last-child {
    margin-bottom: 0;
}
.product-main-characteristics-link {
    margin-top: 1.75rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .product-main-characteristics-link {
        margin-top: 0.5rem;
    }
}
.product-main-characteristics-link:hover {
    color: var(--color-error);
}
@media (min-width: 1024px) {
    .product-form {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 20.313rem;
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
        0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
        box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
        0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
        border-radius: 0.188rem;
        overflow: hidden;
        will-change: transform;
    }
}
.product-available {
    padding: 1.375rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px var(--color-border);
    line-height: 1.2;
}
@media (max-width: 1023px) {
    .product-available {
        font-size: 0.75rem;
    }
}
.product-available svg {
    color: var(--color-error);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.75rem;
}
.product-available:last-child {
    margin-bottom: 0;
}
.product-available.is-not-available {
    color: #637376;
}
@media (max-width: 1023px) {
    .product-available.is-not-available {
        color: var(--color-error);
    }
}
.product-available.is-not-available svg {
    color: var(--color-surface-05);
}
@media (max-width: 1023px) {
    .product-available.is-not-available svg {
        color: var(--color-error);
    }
}
.product-available b {
    font-weight: inherit;
    color: var(--color-error);
}
.product-form-body {
    padding: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1023px) {
    .product-form-body {
        padding: 0 var(--container-padding);
        height: 4.688rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        left: 0;
        right: 0;
        bottom: var(--mobile-panel-height);
        z-index: 600;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 0.938rem rgba(0, 0, 0, 0.12);
        box-shadow: 0px 0px 0.938rem rgba(0, 0, 0, 0.12);
        border-bottom: solid 1px var(--color-border);
    }
}
.product-price {
    margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
    .product-price:first-child {
        margin-top: -0.625rem;
    }
}
@media (max-width: 1023px) {
    .product-price {
        margin: 0 1.25rem 0 0;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-width: 1px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.product-price-title {
    margin-bottom: 0.125rem;
}
@media (max-width: 1023px) {
    .product-price-title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        font-size: 0.75rem;
    }
}
.product-cost {
    font-weight: 700;
    white-space: nowrap;
}
@media (max-width: 1023px) {
    .product-cost {
        font-size: 1.438rem;
    }
}
.product-sum {
    margin-bottom: 1.125rem;
}
.product-sum-title {
    margin-bottom: 0.125rem;
}
.product-sum-cost {
    white-space: nowrap;
}
.product-form-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1023px) {
    .product-form-order {
        position: relative;
        width: 9.688rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}
.product-form-order .select-number {
    margin-right: 0.75rem;
}
@media (max-width: 1023px) {
    .product-form-order .select-number {
        position: absolute;
        left: 0;
        right: 0;
        width: auto;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
@media (max-width: 1023px) {
    .product-form-order .select-number-input {
        padding: 0 3.125rem;
        border-radius: 0.625rem;
    }
    .product-form-order .select-number-btn {
        width: 2.5rem;
        height: 100%;
    }
    .product-form-order .select-number-btn-minus {
        left: 0;
        right: auto;
        border-radius: 0.188rem 0 0 0.188rem;
    }
    .product-form-order .select-number-btn-plus {
        right: 0;
        top: 0;
        border-radius: 0 0.188rem 0.188rem 0;
    }
    .product-form-order.active .select-number {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .product-form-order.active .product-form-btn-order {
        opacity: 0;
        pointer-events: none;
    }
}
.product-form-btn {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
}
.product-form-delivery-time {
    padding: 1.25rem 1.875rem;
    background-color: #f3f6fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px var(--color-border);
}
@media (max-width: 1023px) {
    .product-form-delivery-time {
        margin: 0 calc(var(--container-padding) * -1);
        padding: 1.25rem var(--container-padding);
    }
}
.product-form-delivery {
    padding: 1.25rem 1.875rem;
    background-color: #f3f6fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 0.813rem;
    line-height: 1.3;
}
@media (max-width: 1023px) {
    .product-form-delivery {
        margin: 0 calc(var(--container-padding) * -1);
        padding: 1.25rem var(--container-padding);
    }
}
@media (min-width: 1024px) {
    .product-form-delivery:only-child {
        background: none;
    }
}
.product-form-delivery-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 1.625rem;
    margin-right: 1.25rem;
    margin-top: 0.125rem;
}
.product-form-delivery-icon img {
    display: block;
}
.product-form-delivery-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.product-form-delivery-desc {
    margin-bottom: 0.625rem;
}
.product-form-delivery-read-more {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.product-tab {
    max-width: 74.75rem;
}
.product-sections {
    margin-top: 4.5rem;
    max-width: 74.75rem;
}
@media (max-width: 1023px) {
    .product-sections {
        margin-top: 3.375rem;
    }
}
.product-section {
    margin-bottom: 4.5rem;
}
@media (max-width: 1023px) {
    .product-section {
        margin-bottom: 3.375rem;
    }
}
.product-section:last-child {
    margin-bottom: 0;
}
.files-list {
    margin: 2.5rem -1.25rem -2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1023px) {
    .files-list {
        margin-top: 1.563rem;
        margin-bottom: -1.25rem;
    }
}
.files-list:first-child {
    margin-top: 0;
}
.files-list li {
    padding: 0 1.25rem 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 33.333%;
}
@media (max-width: 1023px) {
    .files-list li {
        width: 50%;
        padding-bottom: 1.25rem;
    }
}
@media (max-width: 479px) {
    .files-list li {
        width: 100%;
    }
}
.file-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.file-link:hover {
    color: var(--color-error);
}
.file-link-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 2rem;
    margin-right: 1.25rem;
}
@media (max-width: 1023px) {
    .file-link-icon {
        width: 1.125rem;
        margin-right: 0.75rem;
    }
}
.file-link-icon img {
    display: block;
}
.file-link-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    min-width: 1px;
}
.file-link-title {
    margin-bottom: 0.125rem;
}
.file-link-title:last-child {
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .file-link-title {
        font-size: 0.75rem;
    }
}
.file-link-desc {
    font-size: 0.813rem;
    line-height: 1.3;
    color: #637376;
}
@media (max-width: 1023px) {
    .file-link-desc {
        font-size: 0.75rem;
    }
}
.product-section-title {
    margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
    .product-section-title {
        font-weight: 700;
        font-size: 0.875rem;
        margin-bottom: 1.563rem;
    }
}
.product-variants {
    margin: 5rem 0;
}
.product-variants:first-child {
    margin-top: 0;
}
.product-variants:last-child {
    margin-bottom: 0;
}
.product-variants-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1199px) {
    .product-variants-head {
        display: none;
    }
}
.product-variants-head .product-variant-td {
    padding: 1.25rem 1rem 1.25rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-variants-head .product-variant-td-sum {
    width: 17.23%;
}
.product-variants-head .product-variant-td-shop {
    padding-left: 3.125rem;
}
.product-variants-head-title {
    font-weight: 700;
    margin-right: 0.625rem;
}
.product-variants-head-title:last-child {
    margin-right: 0;
}
.product-variant-sort {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.product-variant-sort:hover {
    color: #637376;
}
.product-variant-sort.ASC .product-variants-head-sort svg:first-child {
    color: var(--color-error);
}
.product-variant-sort.DESC .product-variants-head-sort svg:last-child {
    color: var(--color-error);
}
.product-variants-head-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.product-variants-head-sort svg {
    width: 0.625rem;
    height: 0.625rem;
    color: #637376;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (min-width: 1200px) {
    .product-variant-td-shop {
        width: 17.74%;
        padding-left: 1rem;
    }
    .product-variant-td-available {
        width: 11.22%;
    }
    .product-variant-td-min-order {
        width: 16.16%;
    }
    .product-variant-td-delivery-time {
        width: 13.92%;
    }
    .product-variant-td-currency {
        width: 9.98%;
    }
    .product-variant-td-cost {
        width: 9.53%;
    }
    .product-variant-td-sum {
        width: 7.4%;
    }
    .product-variant-td-form {
        width: 14.05%;
    }
}
.product-variant {
    padding: 0.5rem 0;
    border-radius: 0.25rem;
    border: solid 1px var(--color-border);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 0.625rem;
    position: relative;
}
@media (max-width: 1439px) {
    .product-variant {
        font-size: 0.875rem;
    }
}
@media (max-width: 1199px) {
    .product-variant {
        padding: 1.625rem 1.25rem;
    }
}
.product-variant.active {
    background-color: #f3f6fa;
}
.product-variant.active .product-variant-shop svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (min-width: 1200px) {
    .product-variant-tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .product-variant-tr .product-variant-td {
        padding-right: 1rem;
    }
}
@media (max-width: 1199px) {
    .product-variant-tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition: opacity 0.4s, visibility 0.4s;
        -o-transition: opacity 0.4s, visibility 0.4s;
        transition: opacity 0.4s, visibility 0.4s;
    }
    .product-variant-tr:not(.active) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        height: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
        min-height: 0;
    }
}
.product-variant-desktop-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -0.938rem;
}
.product-variant-desktop-head-item {
    width: 50%;
    padding: 0 1rem 1rem 0;
}
.product-variant-desktop-head-item .product-variant-price-desktop {
    width: 100%;
}
.product-variant-desktop-head-item-available {
    padding-right: 1.5rem;
}
.product-variant-desktop-head-item-delivery-time {
    font-size: 0.75rem;
    color: var(--color-primary);
}
@media (max-width: 1199px) {
    .product-variant-td-available {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
@media (max-width: 1199px) and (max-width: 1199px) {
    .product-variant-td-available .product-variant-value {
        padding-right: 1.5rem;
    }
}
@media (max-width: 1199px) {
    .product-variant-shop {
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .product-variant-shop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: normal;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .product-variant-shop:hover {
        color: var(--color-error);
    }
}
.product-variant-shop svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 1.25rem;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    color: var(--color-error);
}
@media (max-width: 1199px) {
    .product-variant-shop svg {
        display: none;
    }
}
.product-variant-value {
    white-space: nowrap;
}
@media (max-width: 1199px) {
    .product-variant-value {
        width: 50%;
    }
}
.product-variant-value-price {
    font-weight: 700;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .product-variant-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .product-variant-form .select-number {
        margin-right: 0.25rem;
        width: 3.75rem;
    }
    .product-variant-form .select-number-input {
        height: 2.125rem;
        font-size: 0.75rem;
        padding: 0 1.25rem 0 0;
    }
    .product-variant-form .product-form-btn {
        height: 2.125rem;
        padding: 0 0.5rem;
    }
}
@media (min-width: 1200px) and (max-width: 1559px) {
    .product-variant-form {
        margin-right: -0.5rem;
    }
}
@media (max-width: 1199px) {
    .product-variant-form {
        width: 9.688rem;
        max-width: 100%;
        position: relative;
    }
    .product-variant-form .select-number {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .product-variant-form .select-number-input {
        height: 2.813rem;
        padding: 0 3.125rem;
        border-radius: 0.625rem;
    }
    .product-variant-form .select-number-btn {
        width: 2.5rem;
        height: 100%;
    }
    .product-variant-form .select-number-btn-minus {
        left: 0;
        right: auto;
        border-radius: 0.188rem 0 0 0.188rem;
    }
    .product-variant-form .select-number-btn-plus {
        right: 0;
        top: 0;
        border-radius: 0 0.188rem 0.188rem 0;
    }
    .product-variant-form .product-form-btn {
        height: 2.813rem;
    }
    .product-variant-form.active .select-number {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .product-variant-form.active .product-variant-btn {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
@media (max-width: 1439px) {
    .product-variant-btn {
        font-size: 0.75rem;
    }
}
@media (max-width: 1199px) {
    .product-variant-btn {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 0.875rem;
        height: 2.813rem;
    }
}
.product-variant-more .product-variant-tr {
    padding: 1.875rem 0 0.75rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.product-variant-more .product-variant-td-shop {
    padding-left: 3.125rem;
}
.product-variant-title {
    margin-bottom: 0.625rem;
    font-weight: 700;
}
@media (max-width: 1199px) {
    .product-variant-td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.25rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .product-variant-td:last-child {
        margin-bottom: 0;
    }
}
.product-variant-td-title {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding-right: 1rem;
    color: var(--color-primary);
    width: 50%;
}
@media (min-width: 1200px) {
    .product-variant-td-title {
        display: none;
    }
}
.product-variant-toggle {
    position: absolute;
    right: 1.25rem;
    top: 1.625rem;
    width: 1.25rem;
    height: 1.25rem;
    border: solid 1px;
    color: var(--color-error);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}
.product-variant-toggle.active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: var(--color-border);
}
@media (min-width: 1200px) {
    .product-variant-toggle {
        display: none;
    }
}
@media (max-width: 1199px) {
    .product-variant-form-wrapp {
        width: 50%;
    }
}
.product-variant-price-desktop {
    width: 50%;
    padding-right: 1rem;
}
@media (min-width: 1200px) {
    .product-variant-price-desktop {
        display: none;
    }
}
.product-variant-price-desktop-cost {
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
}
.product-variant-price-desktop-desc {
    font-size: 0.75rem;
}
.product-form-analog-btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
@media (max-width: 1023px) {
    .product-form-analog-btn {
        -ms-flex-item-align: center;
        align-self: center;
        margin: 0 0 0 auto;
    }
}
@media (max-width: 479px) {
    .product-form-analog-btn {
        width: 100%;
    }
}
/* header */
.header {
    height: var(--header-height);
}
.header-cn {
    height: var(--header-height-cn);
}
.header-fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 665;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    -webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
    transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
    transition: opacity 0.4s, visibility 0.4s, transform 0.4s,
    -webkit-transform 0.4s;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden;
    pointer-events: none;
}
@media (max-width: 1023px) {
    .header-fixed {
        display: none;
    }
}
.header-fixed .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--header-fixed-height);
}
.header-fixed .header-catalog-open {
    margin-right: 1.25rem;
}
@media (max-width: 1439px) {
    .header-fixed .header-catalog-open {
        margin-right: 0.625rem;
    }
}
.header-fixed .header-search {
    margin-right: var(--header-fixed-gap);
}
.header-is-fixed .header-fixed {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}
.header-fixed-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: auto;
    padding-right: var(--header-fixed-gap);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 1559px) {
    .header-fixed-logo {
        width: auto;
    }
}
.header-fixed-cabinet {
    padding-right: var(--header-fixed-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-fixed-cabinet li {
    margin-right: 1.563rem;
}
@media (max-width: 1439px) {
    .header-fixed-cabinet li {
        margin-right: 0.938rem;
    }
}
.header-fixed-cabinet li:last-child {
    margin-right: 0;
}
.header-fixed-cabinet a {
    display: block;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: var(--color-error);
    position: relative;
}
.header-fixed-cabinet a:hover {
    opacity: 0.8;
}
.header-fixed-cabinet a svg {
    display: block;
}
.header-fixed-cabinet .mobile-panel-link-count {
    top: -0.25rem;
}
.header-catalog {
    position: fixed;
    top: var(--header-height);
    max-height: calc(100vh - var(--header-height));
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    z-index: 660;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}
@media (max-width: 1023px) {
    .header-catalog {
        top: var(--header-height) !important;
        bottom: 0;
        padding-bottom: var(--mobile-panel-height);
        max-height: none;
    }
    .header-catalog .container {
        padding: 0;
    }
}
@media (max-width: 1023px) {
    .header-catalog-is-open {
        overflow: hidden;
    }
}
.header-catalog-is-open .header-catalog {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.header-catalog-is-open .header-catalog-open i svg:first-child {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.header-catalog-is-open .header-catalog-open i svg:last-child {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.header-catalog-is-open .mobile-panel-links .current-menu-item svg {
    color: #637376;
}
.header-catalog-is-open .mobile-panel-links .header-catalog-open svg {
    color: var(--color-error);
}
@media (min-width: 1024px) {
    .header-is-fixed .header-catalog {
        top: var(--header-fixed-height) !important;
        max-height: calc(100vh - var(--header-fixed-height));
    }
}
.header-catalog-title {
    height: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    border-bottom: solid 1px var(--color-border);
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}
@media (min-width: 1024px) {
    .header-catalog-menu {
        width: 25%;
        position: relative;
        padding: 1.25rem 0;
        font-size: 1.188rem;
        line-height: 1.2;
        border-right: solid 1px var(--color-border);
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        min-height: 0;
    }
    .header-catalog-menu:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: -1000vw;
        background-color: #f3f6fa;
    }
}
@media (min-width: 1024px) and (max-width: 1559px) {
    .header-catalog-menu {
        font-size: 1.125rem;
    }
}
@media (min-width: 1024px) and (max-width: 1439px),
(min-width: 1024px) and (max-height: 769px) {
    .header-catalog-menu {
        font-size: 1rem;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .header-catalog-menu {
        font-size: 0.875rem;
        width: 33.333%;
    }
}
@media (max-width: 1023px) {
    .header-catalog-menu {
        font-size: 0.875rem;
    }
}
@media (min-width: 1024px) {
    .header-catalog-menu > li > a {
        position: relative;
        z-index: 1;
        margin-left: -1000vw;
        padding: 0.5rem 2.5rem 0.5rem 1000vw;
    }
    .header-catalog-menu > li > a i {
        opacity: 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .header-catalog-menu > li:hover > a {
        background-color: #fff;
        color: #5383b4;
    }
    .header-catalog-menu > li:hover > a i {
        opacity: 1;
    }
}
@media (min-width: 1024px) and (max-width: 1559px) {
    .header-catalog-menu > li > a {
        padding-right: 1.25rem;
    }
}
.header-catalog-menu .sub-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (min-width: 1024px) {
    .header-catalog-menu .sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        min-height: 100%;
        width: 100%;
        padding: 1.25rem 0;
        border-left: solid 1px var(--color-border);
    }
    .header-catalog-menu .sub-menu a {
        padding: 0.5rem 2.5rem;
        position: relative;
    }
    .header-catalog-menu .sub-menu li:hover > a {
        background-color: #f3f6fa;
        color: #5383b4;
    }
}
@media (min-width: 1024px) and (max-width: 1559px) {
    .header-catalog-menu .sub-menu a {
        padding: 0.5rem 1.25rem;
    }
}
@media (max-width: 1023px) {
    .header-catalog-menu .sub-menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        padding-bottom: var(--mobile-panel-height);
        padding-top: var(--header-height);
        overflow: hidden;
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        z-index: 6;
    }
}
.header-catalog-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .header-catalog-menu li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}
@media (max-width: 1023px) {
    .header-catalog-menu li {
        border-bottom: solid 1px var(--color-border);
    }
    .header-catalog-menu li:last-child {
        border-bottom: 0;
    }
    .header-catalog-menu li.sub-menu-is-open > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.header-catalog-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.125rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .header-catalog-menu a {
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }
}
@media (max-width: 1199px) and (min-width: 1024px),
(max-height: 769px) and (min-width: 1024px) {
    .header-catalog-menu a {
        min-height: 2.5rem;
    }
}
.header-catalog-menu a span {
    min-width: 1px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}
.header-catalog-menu a i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 1023px) {
    .header-catalog-menu a i {
        position: relative;
        cursor: pointer;
    }
    .header-catalog-menu a i:before {
        content: '';
        position: absolute;
        top: -1rem;
        right: -1rem;
        bottom: -1rem;
        left: -1rem;
    }
}
.header-catalog-menu a svg {
    width: 1rem;
    height: 1rem;
    display: block;
    color: var(--color-error);
}
.header-catalog-menu a > *:not(:last-child) {
    margin-right: 0.875rem;
}
@media (min-width: 1024px) {
    .header-catalog-menu .sub-menu-back-link {
        display: none;
    }
}
.header-catalog-menu .sub-menu-back-link a {
    font-size: 1rem;
    font-weight: 700;
}
/* products */
.products-list-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 17.188rem;
    padding: 2.188rem 2.188rem 2.188rem 2.813rem;
    position: relative;
    margin-bottom: 0.938rem;
}
.products-list-item:last-child {
    margin-bottom: 0;
}
@media (max-width: 1439px) {
    .products-list-item {
        padding: 2rem;
    }
}
@media (max-width: 1199px) {
    .products-list-item {
        padding: 0.938rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.products-list-item .products-item-img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 12.188rem;
    margin: 0 4rem 0 0;
}
@media (max-width: 1439px) {
    .products-list-item .products-item-img {
        margin-right: 2rem;
    }
}
@media (max-width: 1199px) {
    .products-list-item .products-item-img {
        width: 7.188rem;
        height: 5rem;
        margin-right: 1.25rem;
    }
}
.products-list-item .products-item-categories {
    margin-bottom: 0.313rem;
}
@media (max-width: 1199px) {
    .products-list-item .products-item-categories {
        padding-right: 2rem;
        margin-bottom: 0.938rem;
    }
}
.products-list-item .products-item-brand {
    margin: 0 1.875rem 0 0;
}
@media (max-width: 1199px) {
    .products-list-item .products-item-brand {
        margin: 0 0 0.313rem;
    }
}
.products-list-item .products-item-code {
    margin: 0;
    color: #0d1730;
    font-size: 0.813rem;
}
.products-list-item .products-item-code span {
    color: var(--color-primary);
}
.products-list-item .products-item-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.938rem;
    line-height: 1.3;
}
.products-list-item .product-item-compare {
    margin-top: 1.875rem;
    color: var(--color-primary);
}
@media (max-width: 1199px) {
    .products-list-item .product-item-compare {
        position: absolute;
        right: 0.938rem;
        top: 0.938rem;
        margin: 0;
    }
    .products-list-item .product-item-compare span {
        display: none;
    }
    .products-list-item .product-item-compare svg {
        margin: 0;
    }
}
@media (min-width: 1200px) {
    .products-list-item-body {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        min-width: 1px;
        max-width: 36rem;
        margin-right: auto;
    }
}
.products-list-item-info {
    margin-bottom: 0.938rem;
}
@media (max-width: 1199px) {
    .products-list-item-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 1200px) {
    .products-list-item-info-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 1199px) {
    .products-list-item-info-body {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
.products-item-desc {
    color: #637376;
    font-size: 0.813rem;
    line-height: 1.3;
}
@media (max-width: 1199px) {
    .products-item-desc > *:not(:last-child) {
        margin-bottom: 0.313rem;
    }
}
.products-list-item-form {
    margin-left: 2rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1199px) {
    .products-list-item-form {
        margin: 0.938rem 0 0;
        width: auto;
    }
}
.products-list-item-btn {
    padding: 0 1.25rem;
    height: 2.5rem;
    white-space: nowrap;
}
@media (max-width: 1023px) {
    .products-list-item-btn {
        height: 2.188rem;
        font-size: 0.875rem;
    }
}
.products-list-item-price {
    margin-bottom: 0.938rem;
}
@media (max-width: 1199px) {
    .products-list-item-price {
        margin-bottom: 0.313rem;
    }
}
@media (max-width: 1199px) {
    .products-list-item-price-title {
        font-size: 0.813rem;
        line-height: 1.3;
    }
}
.products-list-item-cost {
    white-space: nowrap;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.3;
    font-size: 2.5rem;
}
@media (max-width: 1199px) {
    .products-list-item-cost {
        letter-spacing: -0.02em;
        font-size: 1.438rem;
    }
}
.products-list-item-btn-is-not-available {
    background-color: #637376;
}
.products-list-item-btn-is-not-available:hover {
    background-color: #5383b4;
}
.product-page .mobile-panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* product-unique */
.product-unique-sectors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.125rem;
}
.product-unique-sectors-title {
    height: 2.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0.625rem;
    font-weight: 700;
}
@media (max-width: 1023px) {
    .product-unique-sectors-title {
        display: none;
    }
}
.product-unique-sectors-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.625rem -0.625rem 0;
}
@media (max-width: 1023px) {
    .product-unique-sectors-list {
        margin: 0 -0.313rem -0.313rem 0;
    }
}
.product-unique-sectors-list li {
    padding: 0 0.625rem 0.625rem 0;
}
@media (max-width: 1023px) {
    .product-unique-sectors-list li {
        padding: 0 0.313rem 0.313rem 0;
    }
}
.product-unique-sector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.75rem;
    padding: 0 1.25rem;
    text-align: center;
    border: solid 1px var(--color-border);
    border-radius: 1.25rem;
    color: var(--color-primary);
    line-height: 1;
}
@media (max-width: 1023px) {
    .product-unique-sector {
        height: 1.25rem;
        font-size: 0.688rem;
        padding: 0 0.625rem;
        text-transform: uppercase;
        color: #637376;
        font-weight: 500;
    }
}
a.product-unique-sector {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
a.product-unique-sector:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}
.product-unique-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    max-width: 64.375rem;
    margin-left: auto;
}
.product-unique-content {
    margin-top: 3.375rem;
}
@media (min-width: 1024px) {
    .product-unique-content {
        padding-top: 2rem;
        border-top: solid 1px var(--color-border);
        margin-top: 6.25rem;
    }
}
.product-tables {
    margin-top: 6.25rem;
}
@media (max-width: 1023px) {
    .product-tables {
        margin-top: 3.375rem;
    }
}
.product-tables-title {
    margin-bottom: 2rem;
}
@media (min-width: 1024px) {
    .product-tables-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 102.875rem;
    }
}
.product-tables-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    margin-right: 0;
}
@media (max-width: 1559px) {
    .product-tables-body {
        margin-right: 0;
    }
}
@media (max-width: 1023px) {
    .product-tables-body {
        margin: 0 0 0;
    }
}
.responsive-table {
    overflow-x: auto;
}
@media (max-width: 767px) {
    .responsive-table {
        margin: 0 calc(var(--container-padding) / -1);
        font-size: 1rem;
        white-space: nowrap;
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    .responsive-table table {
        margin: 0 var(--container-padding);
    }
}
.table {
    text-align: center;
    width: 100%;
}
.table td {
    padding: 0.5rem 0.75rem;
    border: solid 1px var(--color-border);
}
.table tr:nth-child(even) {
    background-color: #f3f6fa;
}
.product-tables-nav {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 26.875rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.25rem;
}
@media (max-width: 1439px) {
    .product-tables-nav {
        width: 20rem;
        grid-gap: 0.625rem;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 1023px) {
    .product-tables-nav {
        grid-template-columns: repeat(6, 1fr);
        width: auto;
    }
}
@media (max-width: 767px) {
    .product-tables-nav {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 479px) {
    .product-tables-nav {
        grid-template-columns: repeat(2, 1fr);
    }
}
.product-tables-nav a {
    display: block;
    padding-top: 69.23%;
    overflow: hidden;
    will-change: transform;
    border-radius: 0.188rem;
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    position: relative;
}
.product-tables-nav a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0.188rem;
    border: solid 0.125rem #5383b4;
    opacity: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 1;
}
.product-tables-nav a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center top;
    object-position: center top;
    -o-object-fit: cover;
    object-fit: cover;
}
.product-tables-nav a svg {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.5rem 0 0 -0.5rem;
    color: var(--color-error);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.product-tables-nav .active a:after {
    opacity: 1;
}
.product-tables-nav .visible a svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.product-tables-nav
li:nth-child(n + 6):not(.visible):not(.product-tables-nav-more) {
    display: none;
}
.table-desc {
    margin-top: 1rem;
}
.table-desc p {
    margin-bottom: 0.625rem;
}
@media (max-width: 1023px) {
    .table-desc p {
        margin-bottom: 0;
    }
}
.table-desc p:last-child {
    margin-bottom: 0;
}
.table-desc > *:not(:last-child) {
    margin-bottom: 2.5rem;
}
@media (max-width: 1023px) {
    .table-desc > *:not(:last-child) {
        margin-bottom: 1.25rem;
    }
}
.product-unique-downloads {
    margin-top: 5rem;
}
@media (max-width: 1023px) {
    .product-unique-downloads {
        margin-top: 3.375rem;
    }
}
.product-unique-downloads-title {
    margin-bottom: 2rem;
}
@media (max-width: 1023px) {
    .product-unique-downloads-title {
        font-size: 1rem;
        font-weight: 700;
    }
}
.downloads-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.625rem -1.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.downloads-list li {
    padding: 0 0.625rem 1.25rem;
    width: 16.666%;
}
@media (max-width: 1199px) {
    .downloads-list li {
        width: 20%;
    }
}
@media (max-width: 1023px) {
    .downloads-list li {
        width: 50%;
    }
}
@media (max-width: 479px) {
    .downloads-list li {
        width: 100%;
    }
}
.downloads-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .downloads-link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 0.75rem;
    }
}
.downloads-link:hover {
    color: var(--color-error);
}
.downloads-link-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
    .downloads-link-icon {
        width: 1.25rem;
        height: auto;
        margin: 0 0.75rem 0 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}
.downloads-link-icon img {
    max-height: 100%;
}
.downloads-link-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.25;
}
@media (max-width: 1023px) {
    .downloads-link-body {
        -ms-flex-item-align: center;
        align-self: center;
    }
}
@media (max-width: 1023px) {
    .downloads-link-title {
        margin-bottom: 0.125rem;
    }
}
.downloads-link-desc {
    color: #637376;
}
/* contacts */
.contacts-row {
    margin: 0 -0.625rem -1.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1023px) {
    .contacts-row {
        margin-bottom: -0.625rem;
    }
}
.contacts-col {
    padding: 0 0.625rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 29%;
}
@media (max-width: 1023px) {
    .contacts-col {
        width: 100%;
        padding-bottom: 0.625rem;
    }
}
.contacts-col-main {
    width: 42%;
}
@media (max-width: 1023px) {
    .contacts-col-main {
        width: 100%;
        margin-bottom: 2.5rem;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
.contacts-block {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 1.25rem 1.875rem;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    border-radius: 0.188rem;
    position: relative;
    overflow: hidden;
    will-change: transform;
}
@media (max-width: 1439px) {
    .contacts-block {
        padding: 1.5rem;
    }
}
.contacts-block-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 2.625rem;
    margin-bottom: 1rem;
}
.contacts-block-icon img {
    max-height: 100%;
}
.contacts-block-title {
    font-size: 1.188rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
@media (max-width: 1023px) {
    .contacts-block-title {
        font-size: 1rem;
    }
}
.contacts-block-desc {
    max-width: 23.438rem;
}
.contacts-block-desc p {
    margin-bottom: 0.625rem;
}
.contacts-block-desc p:last-child {
    margin-bottom: 0;
}
.contacts-block-desc a {
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.contacts-block-desc a:hover {
    color: var(--color-error);
}
.contacts-block-main {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--color-primary);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .contacts-block-main {
        margin: 0 calc(var(--container-padding) * -1);
        padding: 2rem var(--container-padding);
        border-radius: 0;
    }
}
.contacts-block-main-decor {
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(40%, -50%);
    -ms-transform: translate(40%, -50%);
    transform: translate(40%, -50%);
}

/* CONTACT LIST */

.contacts-list {
    position: relative;
    z-index: 1;
    margin: 0 -2.188rem -1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1559px) {
    .contacts-list {
        margin: 0 -1.25rem -1.25rem;
    }
}
@media (max-width: 1199px) {
    .contacts-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.contacts-list li {
    padding: 0 2.188rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 50%;
}
.contacts-list-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.625rem;
}
@media (max-width: 1559px) {
    .contacts-list li {
        padding: 0 1.25rem 1.25rem;
    }
}
@media (max-width: 1023px) {
    .contacts-list li {
        -ms-flex-direction: row;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }
    .contacts-list-title {
        margin-bottom: 0;
    }
    .contacts-list-link {
        margin-left: 0.5rem;
    }
}

.contacts-list-title-main {
    font-weight: 700;
}
@media (max-width: 1023px) {
    .contacts-list-title-main {
        font-size: 1rem;
    }
}

.contacts-list-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1.75rem;
    height: 1.5rem;
    margin-right: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contacts-list-icon img {
    max-height: 100%;
}
.contacts-list-title-text {
    min-width: 1px;
    font-size: 1.188rem;
    font-weight: 700;
}
@media (max-width: 1023px) {
    .contacts-list-title-text {
        font-size: 1rem;
    }
}
.contacts-list-link {
    color: inherit;
    white-space: nowrap;
}
a.contacts-list-link {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
a.contacts-list-link:hover {
    opacity: 0.6;
}
.contacts-map {
    height: 40.625rem;
    background-color: #f3f6fa;
    margin-top: 5rem;
}
@media (max-width: 1023px) {
    .contacts-map {
        height: 30rem;
        margin-top: 3rem;
    }
}
@media (max-width: 479px) {
    .contacts-map {
        height: 22.5rem;
    }
}
.contacts-slide {
    display: flex;
    flex-direction: row;
}
@media (max-width: 1023px) {
    .contacts-slide {
        flex-wrap: wrap;
    }
}
/* news */
.news-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.625rem -7.5rem;
}
@media (max-width: 1023px) {
    .news-row {
        margin-bottom: -2.625rem;
    }
}
.news-row .home-news-slide {
    width: 25%;
    padding: 0 0.625rem 7.5rem;
}
@media (max-width: 1023px) {
    .news-row .home-news-slide {
        padding-bottom: 2.5rem;
        width: 50%;
    }
}
@media (max-width: 767px) {
    .news-row .home-news-slide {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .news-row .home-news-slide:first-child {
        width: 40%;
    }
    .news-row .home-news-slide:nth-child(2),
    .news-row .home-news-slide:nth-child(3),
    .news-row .home-news-slide:nth-child(4) {
        width: 20%;
    }
}
@media (max-width: 1023px) {
    .news-row .home-news-slide-date {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border: 0;
        margin: 0.5rem 0 0;
        padding: 0;
    }
}
.news-more .news-row {
    margin-top: 7.5rem;
}
@media (max-width: 1023px) {
    .news-more .news-row {
        margin-top: 2.5rem;
    }
}
@media (min-width: 1024px) {
    .news-more .news-row .home-news-slide:first-child {
        width: 25%;
    }
    .news-more .news-row .home-news-slide:first-child .home-news-slide-title {
        font-size: 1.188rem;
        line-height: inherit;
    }
    .news-more .news-row .home-news-slide:nth-child(2),
    .news-more .news-row .home-news-slide:nth-child(3),
    .news-more .news-row .home-news-slide:nth-child(4) {
        width: 25%;
    }
}
.news-load-more-btn-wrapp {
    position: relative;
    z-index: 1;
    margin-top: 5rem;
}
@media (max-width: 1023px) {
    .news-load-more-btn-wrapp {
        margin-top: 3.625rem;
    }
}
.article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.article-date {
    color: #637376;
    margin-bottom: 3.125rem;
}
@media (max-width: 1023px) {
    .article-date {
        margin-bottom: 2.5rem;
    }
}
.article-banners-wrapp {
    position: relative;
}
@media (min-width: 768px) {
    .article-banners-wrapp {
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
    }
}
@media (max-width: 767px) {
    .article-banners-wrapp {
        margin: 0 calc(var(--container-padding) * -1);
    }
}
@media (max-width: 1023px) {
    .article-banners-wrapp .slider-arrow {
        display: none;
    }
}
.article-banners-wrapp .slider-arrow-prev {
    left: 4.375rem;
    color: #fff;
}
.article-banners-wrapp .slider-arrow-next {
    right: 4.375rem;
    color: #fff;
}
.article-banners-dots {
    padding: 1.75rem 1.25rem;
    background-color: #0d1730;
}
.article-banners-dots .slider-dots span.swiper-pagination-bullet-active {
    background-color: #fff;
}
.article-banner {
    height: 37.875rem;
}
@media (max-width: 1023px) {
    .article-banner {
        height: 30rem;
    }
}
@media (max-width: 767px) {
    .article-banner {
        height: 22.5rem;
    }
}
@media (max-width: 479px) {
    .article-banner {
        height: 17.5rem;
    }
}
.article-content {
    margin-top: 5.625rem;
}
@media (max-width: 1023px) {
    .article-content {
        margin-top: 3.125rem;
    }
}
.article-back-link {
    margin-top: 3.75rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-decoration: underline;
}
@media (max-width: 1023px) {
    .article-back-link {
        margin-top: 3.125rem;
    }
}
/* search */
.search-nav {
    margin-bottom: 1.5rem;
    padding-bottom: 2.5rem;
    border-bottom: solid 1px var(--color-border);
}
@media (max-width: 1023px) {
    .search-nav {
        padding-bottom: 1.625rem;
        margin-bottom: 1.25rem;
    }
}
.search-nav .catalog-nav {
    margin-bottom: 0;
}
.search-results {
    max-width: 83.125rem;
    margin-top: 3.375rem;
}
.search-result {
    margin-bottom: 4.063rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1023px) {
    .search-result {
        margin-bottom: 2.625rem;
    }
}
.search-result:last-child {
    margin-bottom: 0;
}
.search-result-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.search-result-desc {
    margin-bottom: 0.625rem;
}
.search-result-read-more {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.search-result-read-more:hover {
    color: var(--color-error);
}
.search-results-load-more-btn-wrapp {
    margin-top: 4.063rem;
}
@media (max-width: 1023px) {
    .search-results-load-more-btn-wrapp {
        margin-top: 3.375rem;
    }
}
.search-empty-desc {
    margin-bottom: -3.5rem;
}
@media (max-width: 1023px) {
    .search-empty-desc {
        margin-bottom: -1rem;
    }
}

/* ABOUT */

.about-promo {
    background-color: #0d1730;
    color: #fff;
}
@media (max-width: 1439px) {
    .about-promo .container {
        padding: 0;
    }
}
.about-promo-slider {
    max-width: 103.125rem;
    margin: 0 auto;
}
.about-promo-slide {
    position: relative;
}
@media (max-width: 1023px) {
    .about-promo-slide {
        width: 22.5rem;
    }
}
.about-promo-slide:before {
    content: '';
    display: block;
    padding-top: 149.41%;
}
@media (max-width: 1023px) {
    .about-promo-slide:before {
        padding-top: 130%;
    }
}
.about-promo-slide:first-child .about-promo-slide-img:before {
    content: '';
    position: absolute;
    width: 4rem;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 0;
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        from(rgba(13, 23, 48, 0)),
        to(#0d1730)
    );
    background-image: -webkit-linear-gradient(
        right,
        rgba(13, 23, 48, 0),
        #0d1730
    );
    background-image: -o-linear-gradient(right, rgba(13, 23, 48, 0), #0d1730);
    background-image: linear-gradient(to left, rgba(13, 23, 48, 0), #0d1730);
}
.about-promo-slide:last-child .about-promo-slide-img:before {
    content: '';
    position: absolute;
    width: 4rem;
    top: 0;
    bottom: 0;
    z-index: 1;
    right: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(13, 23, 48, 0)),
        to(#0d1730)
    );
    background-image: -webkit-linear-gradient(left, rgba(13, 23, 48, 0), #0d1730);
    background-image: -o-linear-gradient(left, rgba(13, 23, 48, 0), #0d1730);
    background-image: linear-gradient(to right, rgba(13, 23, 48, 0), #0d1730);
}
.about-promo-slide-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.about-promo-slide-title {
    position: absolute;
    left: var(--container-padding);
    right: var(--container-padding);
    bottom: 3.375rem;
    z-index: 6;
}
.about-promo-slide-title-text {
    min-height: 5.625rem;
    font-size: 1.188rem;
    max-width: 14.688rem;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 1439px) {
    .about-promo-slide-title-text {
        font-size: 1rem;
        min-height: 4.375rem;
    }
}
@media (max-width: 1023px) {
    .about-promo-slide-title-text {
        font-size: 0.875rem;
        max-width: 100%;
        text-align: center;
        min-height: 2.5rem;
    }
}
.about-promo-slider-dots {
    padding: 1.625rem 1.625rem 1rem !important;
    margin: -2rem 0 0;
    background-color: #0d1730;
    position: relative;
    z-index: 6;
    bottom: auto !important;
}
.about-promo-slider-dots span.swiper-pagination-bullet-active {
    background-color: #fff;
}
@media (min-width: 1024px) {
    .about-promo-slider-dots {
        display: none;
    }
}
.about-dates .section-title {
    margin-bottom: 1rem;
}
@media (max-width: 1023px) {
    .about-dates .section-title {
        margin-bottom: 3.375rem;
    }
}
.about-dates-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4.688rem -2.5rem;
}
@media (max-width: 1439px) {
    .about-dates-row {
        margin-left: -2rem;
        margin-right: -2rem;
    }
}
@media (max-width: 1023px) {
    .about-dates-row {
        margin: 0 -0.625rem -3.375rem;
    }
}
.about-dates-col {
    padding: 0 4.688rem 2.5rem;
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
@media (max-width: 1439px) {
    .about-dates-col {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (max-width: 1023px) {
    .about-dates-col {
        padding: 0 0.625rem 3.375rem;
        width: 50%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (min-width: 1024px) {
    .about-dates-col:not(:last-child):after {
        content: '';
        position: absolute;
        width: 8.75rem;
        height: 0.125rem;
        left: 100%;
        top: 50%;
        margin: -1px 0 0 -4.375rem;
        background-color: #fff;
    }
    .about-dates-col:nth-child(3):after {
        content: none;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .about-dates-col:not(:last-child):after {
        width: 3.75rem;
        margin-left: -1.875rem;
    }
    .about-dates-col:nth-child(3):after {
        content: none;
    }
}
.about-dates-item {
    width: 11.563rem;
    max-width: 100%;
}
.about-dates-item-img {
    margin-bottom: 1.25rem;
    height: 9.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.about-dates-item-img picture,
.about-dates-item-img img {
    max-height: 100%;
}
.about-dates-item-img img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1023px) {
    .about-dates-item-img {
        margin-bottom: 0.938rem;
    }
}
@media (max-width: 479px) {
    .about-dates-item-img {
        height: 7.5rem;
    }
}
@media (max-width: 479px) {
    .about-dates-item-title {
        font-size: 0.75rem;
    }
}
.about-clients .section-title {
    margin-bottom: 3.125rem;
}
@media (max-width: 1023px) {
    .about-clients .section-title {
        margin-bottom: 2rem;
    }
}
@media (min-width: 1024px) {
    .clients-slider .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -0.625rem -1.25rem;
        width: auto !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .clients-slider .swiper-wrapper {
        margin: 0 -0.313rem -0.625rem;
    }
}
@media (max-width: 1023px) {
    .clients-slider {
        overflow: visible;
    }
}
@media (min-width: 1024px) {
    .clients-slider .brands-col {
        margin: 0 !important;
    }
}
@media (max-width: 1023px) {
    .clients-slider .brands-col {
        width: 12.5rem;
        padding: 0;
    }
}
.about-director {
    background-color: #f3f6fa;
    padding: 4.375rem 0 5.625rem;
}
@media (max-width: 1023px) {
    .about-director {
        padding: 2.5rem 0 3rem;
    }
}
.about-director .section-title {
    margin-bottom: 5rem;
}
@media (max-width: 1023px) {
    .about-director .section-title {
        margin-bottom: 2.5rem;
    }
}
.about-director-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about-director-img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 6.875rem;
    max-width: 21.25rem;
}
@media (max-width: 1199px) {
    .about-director-img {
        margin-right: 5rem;
    }
}
@media (max-width: 1023px) {
    .about-director-img {
        width: 4.688rem;
        margin-right: 1.25rem;
    }
}
.about-director-img img {
    border-radius: 50%;
    display: block;
}
.about-director-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 55rem;
}
@media (min-width: 1024px) {
    .about-director-quote {
        position: relative;
    }
    .about-director-quote:before {
        content: '\00AB';
        line-height: 1;
        position: absolute;
        bottom: 100%;
        right: 100%;
        -webkit-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
        color: rgba(83, 131, 180, 0.1);
        font-size: 11.063rem;
        font-weight: 700;
    }
}

.buy-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    -ms-flex-item-align: center;
    max-width: 55rem;
    max-width: 100%;
    font-size: 1.125rem;
}

.about-director-quote p {
    position: relative;
    z-index: 1;
    margin-bottom: 0.625rem;
}
.about-director-quote p:last-child {
    margin-bottom: 0;
}
.about-director-foot {
    margin-top: 1.25rem;
    margin-top: 2rem;
}
@media (max-width: 1023px) {
    .about-director-foot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (min-width: 1024px) {
    .about-director-foot-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.about-director-name {
    font-size: 1.188rem;
    min-width: 1px;
    margin-right: 2.5rem;
    line-height: 1.25;
    font-weight: 700;
}
@media (max-width: 1023px) {
    .about-director-name {
        height: 4.688rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0.875rem;
        margin: 0;
    }
}
.about-director-sign {
    max-width: 12.438rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 1023px) {
    .about-director-sign {
        width: 8.125rem;
        margin: -1.25rem 0 0 -1.25rem;
    }
}
.about-director-sign img {
    display: block;
}
@media (min-width: 1024px) {
    .about-team {
        padding-top: 8.125rem;
    }
}
.about-team .section-title {
    margin-bottom: 5rem;
}
@media (max-width: 1023px) {
    .about-team .section-title {
        margin-bottom: 2rem;
    }
}
.team-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4.688rem -3.125rem;
}
@media (max-width: 1439px) {
    .team-row {
        margin: 0 -1.5rem -3.125rem;
    }
}
@media (max-width: 1023px) {
    .team-row {
        margin: 0 -0.75rem -1.5rem;
    }
}
.team-col {
    padding: 0 4.688rem 3.125rem;
    width: 25%;
}
@media (max-width: 1439px) {
    .team-col {
        padding: 0 1.5rem 3.125rem;
    }
}
@media (max-width: 1023px) {
    .team-col {
        padding: 0 0.75rem 1.5rem;
        width: 33.333%;
    }
}
@media (max-width: 767px) {
    .team-col {
        width: 50%;
    }
}
.team-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    line-height: 1.43;
}
.team-item-img {
    width: 17.188rem;
    max-width: 100%;
    overflow: hidden;
    will-change: transform;
    border-radius: 50%;
    margin-bottom: 1.375rem;
}
@media (max-width: 1023px) {
    .team-item-img {
        width: 7.813rem;
        margin-bottom: 0.625rem;
    }
}
.team-item-img:before {
    content: '';
    padding-top: 100%;
    display: block;
}
.team-item-name {
    font-size: 1.188rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
@media (max-width: 1023px) {
    .team-item-name {
        font-size: 0.875rem;
    }
}
@media (min-width: 1024px) {
    .about-files-list li {
        width: 18.125rem;
    }
}

.about-tools-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (max-width: 1023px) {
    .about-tools-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* product */

.product-characteristics {
    width: 44.125rem;
    max-width: 100%;
    line-height: 1.25;
}
@media (max-width: 479px) {
    .product-characteristics {
        font-size: 0.75rem;
    }
}
.product-characteristics thead {
    font-weight: 700;
}
.product-characteristics thead td {
    border-bottom: solid 0.188rem var(--color-border);
    padding: 0 0.875rem 0.875rem 0;
}
.product-characteristics thead td:last-child {
    padding-right: 0;
}
.product-characteristics tbody td {
    padding: 0.625rem 0.875rem 0.625rem 0;
    border-bottom: solid 1px var(--color-border);
}
.product-characteristics tbody td:last-child {
    padding-right: 0;
    white-space: nowrap;
}
.product-characteristics .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.25rem;
    height: 2.125rem;
}
.product-certificates img {
    display: block;
}
.modal-form .input {
    border-bottom-color: var(--color-border-secondary);
}
.modal-form .input:focus {
    border-bottom-color: var(--color-error);
}
.modal-form-foot {
    margin-top: 3.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal-form-foot .submit {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 2.625rem;
    min-width: 12.5rem;
}
@media (max-width: 1023px) {
    .modal-form-foot .submit {
        margin-right: 1.25rem;
    }
}
@media (max-width: 767px) {
    .modal-form-foot .submit {
        min-width: 0;
    }
}
.modal-form-foot .form-agreement {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    margin: 0;
}
@media (max-width: 479px) {
    .modal-form-foot .form-agreement {
        font-size: 0.625rem;
    }
}
.modal-form-foot .form-agreement a {
    color: var(--color-primary);
}
.modal-form-foot .form-agreement a:hover {
    opacity: 1;
    color: var(--color-error);
}

.modal-form-letter-feedback {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    gap: 1rem;
    margin-top: 3rem;
    padding: 0.75rem 1.25rem;
    border-radius: var(--border-radius-xl);
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    font-size: 0.875rem;
    text-align: left;
}

.modal-form-letter-feedback-footer {
    border: 1px solid white;
    color: white;
    max-width: 28.75rem;
}

@media (max-width: 1023px) {
    .modal-form-letter-feedback {
        flex-direction: column;
        gap: 0.625rem;
        padding: 0.75rem 0.625rem;
        text-align: center;
    }
}

.modal-form-letter-feedback:hover {
    background-color: var(--color-primary);
    color: white;
}

.modal-form-letter-feedback-footer:hover {
    background-color: white;
    color: var(--color-primary);
}

@media (max-width: 1023px) {
    .modal-form-letter-feedback-footer-container {
        display: none;
    }
}

.modal-form-letter-feedback-footer-container-mobile {
    display: none;
}

@media (max-width: 1023px) {
    .modal-form-letter-feedback-footer-container-mobile {
        display: flex;
    }
    .modal-form-letter-feedback-footer-container-mobile
    .modal-form-letter-feedback {
        max-width: 100%;
    }
}

.modal-form-letter-feedback-img svg {
    height: 3.625rem;
    width: 3.625rem;
    color: inherit;
}

/* Product not available */

.product-not-available-link {
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-bottom: dashed 1px;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 1.5rem;
}
@media (max-width: 1023px) {
    .product-not-available-link {
        -ms-flex-item-align: unset;
        align-self: unset;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 0 1rem 0 0;
    }
}
@media (max-width: 479px) {
    .product-not-available-link {
        font-size: 0.813rem;
    }
}
.product-not-available-link:hover {
    color: var(--color-error);
}
/* jobs */
.jobs-banner {
    margin-bottom: 2.5rem;
}
@media (max-width: 1023px) {
    .jobs-banner {
        margin: 3.375rem 0;
    }
}
@media (max-width: 479px) {
    .jobs-banner {
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
    }
    .jobs-banner img {
        min-height: 17.5rem;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
    }
}
.jobs-banner img {
    display: block;
}
.jobs-banner-desc {
    font-size: 1.188rem;
    margin-bottom: 2.5rem;
}
@media (max-width: 1023px) {
    .jobs-banner-desc {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
}
.jobs-content {
    margin-bottom: 2.5rem;
}
.jobs-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .jobs-contact {
        font-size: 1rem;
    }
}
.jobs-contact-title {
    font-weight: 700;
    margin-bottom: 0.875rem;
}
@media (max-width: 1023px) {
    .jobs-contact-title {
        margin-bottom: 0.5rem;
    }
}
.jobs-contact-desc {
    margin-bottom: 1.5rem;
}
@media (max-width: 1023px) {
    .jobs-contact-desc {
        margin-bottom: 2.25rem;
    }
}
.jobs-contact-desc p {
    margin-bottom: 0.5rem;
}
.jobs-contact-desc p:last-child {
    margin-bottom: 0;
}
.jobs-contact-desc a {
    white-space: nowrap;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.jobs-contact-desc a:hover {
    color: var(--color-error);
}
.jobs-advantages {
    margin-top: 6.25rem;
}
@media (max-width: 1023px) {
    .jobs-advantages {
        margin-top: 3.375rem;
    }
}
.jobs-advantages-title {
    margin-bottom: 3.125rem;
}
@media (max-width: 1023px) {
    .jobs-advantages-title {
        margin-bottom: 2rem;
    }
}
.jobs-advantages-row {
    margin: 0 -1rem -2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1023px) {
    .jobs-advantages-row {
        margin: 0 -0.313rem -0.625rem;
    }
}
.jobs-advantages-col {
    padding: 0 1rem 2rem;
    width: 16.666%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1199px) {
    .jobs-advantages-col {
        width: 33.333%;
    }
}
@media (max-width: 1023px) {
    .jobs-advantages-col {
        padding: 0 0.313rem 0.625rem;
    }
}
@media (max-width: 767px) {
    .jobs-advantages-col {
        width: 50%;
    }
}
.jobs-advantages-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

@media (max-width: 1023px) {
    .jobs-advantages-item {
        padding: 2rem 1.25rem 1.5rem;
        border: solid 1px var(--color-border);
        border-radius: 0.188rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
    }
}

.jobs-advantages-item-icon {
    height: 3.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
    .jobs-advantages-item-icon {
        width: 2.875rem;
        height: 2.75rem;
        margin-bottom: 1.25rem;
    }
}
.jobs-advantages-item-icon img {
    max-height: 100%;
}
@media (max-width: 479px) {
    .jobs-advantages-item-title {
        font-size: 0.75rem;
    }
}
.jobs-body {
    margin-top: 6.25rem;
}
@media (max-width: 1023px) {
    .jobs-body {
        margin-top: 3.375rem;
    }
}
.jobs-title {
    margin-bottom: 2rem;
}

.brand-documents-row {
    margin: 0 -1rem -2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1023px) {
    .brand-documents-row {
        margin: 0 -0.313rem -0.625rem;
    }
}

.brand-documents-flex-row {
    display: flex;
    flex-wrap: wrap;
}

.brand-documents-col {
    padding: 0 1rem 2rem;
    width: 16.666%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1199px) {
    .brand-documents-col {
        width: 33.333%;
    }
}
@media (max-width: 1023px) {
    .brand-documents-col {
        padding: 0 0.313rem 0.625rem;
    }
}
@media (max-width: 767px) {
    .brand-documents-col {
        width: 50%;
    }
}

.brand-documents-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
}

.brand-documents-item-icon {
    height: 3.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1023px) {
    .brand-documents-item-icon {
        width: 2.875rem;
        height: 2.75rem;
    }
}
.brand-documents-item-icon img {
    max-height: 100%;
}

.brand-documents-item-title {
    display: flex;
    flex-direction: column;
    text-align: left;
    color: var(--color-primary);
}

@media (max-width: 479px) {
    .brand-documents-item-title {
        font-size: 0.75rem;
    }
}

.brand-documents-item-subtitle {
    color: #333333;
}

.brand-brief-list {
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand-brief-list svg {
    color: var(--color-error);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.625rem;
}

.accordion {
    --accordion-padding: 1.75rem;
}
@media (min-width: 1440px) {
    .accordion {
        max-width: 78.5rem;
    }
}
@media (max-width: 1023px) {
    .accordion {
        --accordion-padding: 1.25rem;
    }
}
.accordion-item {
    border: 1px solid var(--color-border);
    padding: var(--accordion-padding);
    border-radius: 0.25rem;
    margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
    .accordion-item {
        margin-bottom: 0.75rem;
    }
}
.accordion-item:last-child {
    margin-bottom: 0;
}
.accordion-item-toggle {
    padding: var(--accordion-padding);
    margin: calc(var(--accordion-padding) * -1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.188rem;
    font-weight: 700;
    line-height: 1.25;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-decoration: none;
}
@media (max-width: 1023px) {
    .accordion-item-toggle {
        padding: 1rem var(--accordion-padding);
        margin: -1rem calc(var(--accordion-padding) * -1);
        font-size: 1rem;
    }
}

.accordion-item-toggle,
.content-text a:not(.btn):not(.content-custom-link) {
    text-decoration: none;
}

.accordion-item-toggle span {
    min-width: 1px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-right: 1.25rem;
}
.accordion-item-toggle i {
    width: 1.125rem;
    height: 1.125rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: inherit;
    position: relative;
}
.accordion-item-toggle i:before,
.accordion-item-toggle i:after {
    content: '';
    position: absolute;
    height: 0.125rem;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px;
    background-color: var(--color-error);
    border-radius: 0.125rem;
}
.accordion-item-toggle i:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
@media (hover: hover) {
    .accordion-item-toggle:hover {
        color: var(--color-error);
    }
}
.accordion-item-toggle.active i:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.accordion-item-body {
    display: none;
}
.accordion-item-content {
    padding: var(--accordion-padding) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1023px) {
    .accordion-item-content {
        padding: 3.375rem 0 2rem;
    }
}
.jobs-block {
    margin-bottom: 5rem;
}
@media (max-width: 1023px) {
    .jobs-block {
        margin-bottom: 2.5rem;
    }
}
.jobs-block:last-child {
    margin-bottom: 0;
}
.jobs-block-title {
    font-size: 1.188rem;
    margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
    .jobs-block-title {
        font-size: 1rem;
    }
}
.jobs-block-list {
    padding-left: 1.25rem;
}
@media (max-width: 1023px) {
    .jobs-block-list {
        font-size: 1rem;
        padding-left: 0.375rem;
    }
}
.jobs-block-list li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.625rem;
}
@media (max-width: 1023px) {
    .jobs-block-list li {
        padding-left: 1rem;
        margin-bottom: 0.5rem;
    }
}
.jobs-block-list li:before {
    content: '';
    position: absolute;
    width: 0.375rem;
    height: 0.375rem;
    left: 0;
    top: 0.5em;
    border-radius: 50%;
    background-color: var(--color-primary);
}
@media (max-width: 1023px) {
    .jobs-block-list li:before {
        width: 0.313rem;
        height: 0.313rem;
    }
}
.jobs-block-list li:last-child {
    margin-bottom: 0;
}
.jobs-accordion-item-btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.brand-promo {
    /* min-height: 37.875rem; */
    height: 16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
/* @media (max-width: 1023px) {
  .brand-promo {
    min-height: 21.875rem;
  }
} */
.brand-promo-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.brand-promo-slider {
    width: 73.75rem;
    max-width: 100%;
    margin: auto;
    padding: 5rem 0;
    overflow: visible;
}
.brand-promo-slide-img {
    height: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.brand-promo-slide-img picture {
    max-height: 100%;
}
.brand-promo-slide-img img {
    max-height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}
.brand-promo-slider-dots {
    padding: 1.625rem 1.625rem 1rem !important;
    margin: 0;
    background-color: #0d1730;
    z-index: 1;
}
.brand-promo-slider-dots span.swiper-pagination-bullet-active {
    background-color: #fff;
}
.brand-page.page-body {
    padding-bottom: 1.625rem;
}
@media (max-width: 1023px) {
    .brand-page.page-body {
        padding-bottom: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .brand-info {
        padding-top: 2.5rem;
    }
}
@media (min-width: 1200px) {
    .brand-info .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.brand-info-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 6;
    background-color: #fff;
}

@media (max-width: 1023px) {
    .brand-info-body {
        flex-direction: column;
    }
}

.brand-info-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.brand-info-docs {
    display: flex;
    margin-top: 1rem;
}

.brand-info-text {
    display: flex;
    gap: 2rem;
}

@media (max-width: 1023px) {
    .brand-info-text {
        flex-direction: column;
    }
}

.brand-info-body-list {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0.5rem;
    padding: 1.875rem;
    background-color: var(--color-surface-02);
    border-radius: 0.375rem;
    font-size: 1rem;
    max-width: 26rem;
}

@media (max-width: 1023px) {
    .brand-info-body-list {
        width: 100%;
    }
}

.warehouse-info-body {
    width: 100%;
    gap: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 6;
    background-color: #fff;
}

.category-info {
    padding-top: 0;
}

@media (min-width: 1200px) {
    .category-info .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.category-info .container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.category-info-title {
    font-size: 1.375rem;
    margin-bottom: 1rem;
}

.category-info-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 6;
    background-color: #fff;
    border-top: solid 1px var(--color-border);
    border-bottom: solid 1px var(--color-border);
    padding: 1rem 0;
    gap: 1rem;
}

@media (max-width: 1023px) {
    .category-info-body {
        flex-direction: column;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        gap: 0;
    }
}

.category-info-logo {
    max-height: 12.5rem;
    max-width: 12.5rem;
    margin-right: 1.25rem;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.188rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 480px) {
    .category-info-logo {
        max-width: 8rem;
    }
}
.category-info-logo picture {
    max-height: 100%;
}
.category-info-logo img {
    max-height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.category-info-desc {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 1px;
    flex-grow: 1;
}
@media (max-width: 1023px) {
    .category-info-desc {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.category-info-desc-text:last-child {
    margin-bottom: 0;
}

.category-info-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.category-info-link:hover {
    color: var(--color-error);
}

@media (max-width: 480px) {
    .category-info-link {
        margin-bottom: 1rem;
    }
}

/* .brand-info-body:after {
  content: '';
  position: absolute;
  width: 3.75rem;
  left: 100%;
  top: 0;
  bottom: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
@media (max-width: 1199px) {
  .brand-info-body {
    width: auto;
    margin: 0 0 2.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
} */

.brand-info-logo {
    width: 22.125rem;
    height: 12.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem;
    border: dashed 1px var(--color-border);
    border-radius: 0.188rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
@media (max-width: 1023px) {
    .brand-info-logo {
        width: 9.625rem;
        height: 5.5rem;
        padding: 1.25rem;
    }
}
.brand-info-logo picture {
    max-height: 100%;
}
.brand-info-logo img {
    max-height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}
.brand-info-desc {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 1px;
    margin-bottom: 4rem;
    border: dashed 1px var(--color-border);
    border-radius: 0.5rem;
    padding: 2rem;
    /* max-width: 32.063rem; */
}
@media (max-width: 1023px) {
    .brand-info-desc {
        width: 100%;
        margin-top: 1.375rem;
    }
}
.brand-info-desc-text {
    margin-bottom: 1rem;
}
@media (max-width: 1023px) {
    .brand-info-desc-text {
        margin-bottom: 1.25rem;
    }
}
.brand-info-desc-text:last-child {
    margin-bottom: 0;
}

.warehouse-info-desc {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 1px;
}
@media (max-width: 1023px) {
    .warehouse-info-desc {
        width: 100%;
    }
}
.warehouse-info-desc-text {
    margin-bottom: 1.875rem;
}
@media (max-width: 1023px) {
    .warehouse-info-desc-text {
        margin-bottom: 1.25rem;
    }
}
.warehouse-info-desc-text:last-child {
    margin-bottom: 0;
}

.brand-distributor {
    font-size: 1.188rem;
    font-weight: 700;
    margin-bottom: 2.25rem;
}
@media (max-width: 1023px) {
    .brand-distributor {
        margin: 0;
        width: calc(100% - 1.5rem - 9.625rem);
        font-size: 0.875rem;
        -ms-flex-item-align: center;
        align-self: center;
    }
}
@media (min-width: 1200px) {
    .brand-awards {
        width: 40%;
    }
}
.brand-awards-slider {
    width: auto;
    overflow: visible;
}
@media (min-width: 1024px) {
    .brand-awards-slider {
        margin-right: -1000vw;
        padding-right: 1000vw;
    }
}
.brand-awards-slide {
    width: 7.5rem;
}
.brand-award {
    position: relative;
    width: 7.5rem;
}
@media (min-width: 1024px) {
    .brand-award:hover .brand-award-title {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}
.brand-award-img {
    width: 7.5rem;
}
.brand-award-img img {
    display: block;
}
@media (max-width: 1023px) {
    .brand-award-img {
        width: 4.625rem;
        margin-bottom: 0.375rem;
    }
}
@media (min-width: 1024px) {
    .brand-award-title {
        position: absolute;
        left: 50%;
        top: 100%;
        margin-top: 0.5rem;
        margin-left: -7.375rem;
        width: 14.75rem;
        padding: 1rem 1.25rem;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.08),
        0px -1rem 1rem rgba(0, 0, 0, 0.04), 0px 0.5rem 1rem rgba(0, 0, 0, 0.04);
        box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.08),
        0px -1rem 1rem rgba(0, 0, 0, 0.04), 0px 0.5rem 1rem rgba(0, 0, 0, 0.04);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .brand-award-title:before {
        content: '';
        position: absolute;
        border-bottom: solid 0.5rem #fff;
        border-left: solid 0.5rem transparent;
        border-right: solid 0.5rem transparent;
        left: 50%;
        margin-left: -0.5rem;
        bottom: 100%;
    }
}
.brand-advantages-slider {
    overflow: visible;
}
.brand-advantages-slide {
    width: 12.5rem;
}
@media (max-width: 1023px) {
    .brand-advantages-slide {
        width: 7.5rem;
    }
}
.brand-advantages-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.brand-advantages-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.625rem;
    height: 5.938rem;
    margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
    .brand-advantages-item-icon {
        width: 3.5rem;
        height: 3.875rem;
        margin-bottom: 0.625rem;
    }
}
.brand-advantages-item-icon img {
    max-height: 100%;
}
.brand-nav {
    padding-bottom: 2.75rem;
}
@media (max-width: 1023px) {
    .brand-nav {
        padding-bottom: 2rem;
    }
}
.brand-nav .sort-nav {
    margin-bottom: 0;
}
.brand-sections .section {
    padding: 0;
    margin-top: 0;
}
.brand-sections .section-title {
    font-size: 3rem;
}
@media (max-width: 1023px) {
    .brand-sections .section-title {
        font-size: 1.75rem;
    }
}
.brand-catalog .section-title {
    margin-bottom: 2.75rem;
}
@media (max-width: 1023px) {
    .brand-catalog .section-title {
        margin-bottom: 2rem;
    }
}
.brand-catalog .catalog-row {
    margin-top: 0;
}
.unique-slider {
    overflow: visible;
}
.unique-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 1439px) {
    .unique-slide {
        width: 12.5rem;
    }
}
.unique-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    border-radius: 0.188rem;
    border: dashed 1px var(--color-border);
    padding: 1.5rem 1.5rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .unique-item {
        padding: 1rem;
    }
}
.unique-item:hover {
    color: var(--color-error);
}
.unique-item-img {
    height: 8.125rem;
    margin-bottom: 1.5rem;
}
@media (max-width: 1023px) {
    .unique-item-img {
        height: 4.75rem;
        margin-bottom: 1rem;
    }
}
.unique-item-img img {
    -o-object-fit: contain;
    object-fit: contain;
}
.experience-slider {
    overflow: visible;
}
@media (min-width: 1024px) {
    .experience-slider .swiper-wrapper {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: auto !important;
        margin: 0 -0.688rem -1.875rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .experience-slider .swiper-wrapper {
        margin: 0 -0.313rem -1.25rem;
    }
}
.experience-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .experience-slide {
        margin: 0 !important;
        padding: 0 0.688rem 1.875rem;
        width: 20%;
    }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .experience-slide {
        padding: 0 0.313rem 1.25rem;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .experience-slide {
        width: 25%;
    }
}
@media (max-width: 1023px) {
    .experience-slide {
        width: 12.5rem;
    }
}
.experience-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.experience-item:hover {
    color: var(--color-error);
}
.experience-item-img {
    height: 12.5rem;
}
@media (max-width: 1023px) {
    .experience-item-img {
        height: 7.5rem;
    }
}
.experience-item-title {
    padding: 1.25rem 1.5rem 1.875rem;
}
@media (max-width: 1023px) {
    .experience-item-title {
        padding: 1rem;
    }
}
/* BUY PROMO SLIDER */

.buy-promo {
    background: linear-gradient(to bottom, #164680 0%, #0c3174 50%, #00145f 100%);
    color: #fff;
}

@media (max-width: 1439px) {
    .buy-promo .container {
        padding: 0;
    }
}

.buy-promo-slider {
    max-width: 92.5rem;
    margin: 0 auto;
    overflow: visible;
}

.buy-promo-slide {
    position: relative;
}

@media (max-width: 1023px) {
    .buy-promo-slide {
        width: 22.5rem;
    }
}

.buy-promo-slide:before {
    content: '';
    display: block;
    padding-top: 112%;
}

.buy-promo-slide-img-container {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buy-promo-slide-img-wrapper {
    position: relative;
    height: 10.75rem;
    width: 20rem;
}

.buy-promo-slide-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0px 0px 40px #1085dd) drop-shadow(0px 0px 80px #1085dd);
}

@media (max-width: 1023px) {
    .buy-promo-slide-img-wrapper,
    .buy-promo-slide-img {
        height: 8.75rem;
        width: 16.25rem;
    }
}

.buy-promo-slide-icon {
    position: absolute;
    top: 50%;
    left: 3.625rem;
    transform: translateY(-50%);
    filter: drop-shadow(0px 0px 10px #ffffff) drop-shadow(0px 0px 30px #ffffff);
}

@media (max-width: 1023px) {
    .buy-promo-slide-icon {
        left: 3rem;
        width: 2.875rem;
    }
}

.buy-promo-slide-step {
    position: absolute;
    bottom: -3rem;
    right: 5rem;
    font-size: 4rem;
    font-weight: 900;
    text-align: right;
}

@media (max-width: 1023px) {
    .buy-promo-slide-step {
        font-size: 3.375rem;
    }
}

.buy-promo-slide-title {
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    z-index: 6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1023px) {
    .buy-promo-slide-title {
        left: var(--container-padding);
        right: var(--container-padding);
    }
}

.buy-promo-slide-title-text {
    min-height: 5.625rem;
    font-size: 1rem;
    margin: 0 auto;
}

@media (max-width: 1439px) {
    .buy-promo-slide-title-text {
        font-size: 1rem;
        min-height: 4.375rem;
    }
}
@media (max-width: 1023px) {
    .buy-promo-slide-title-text {
        font-size: 0.875rem;
        max-width: 100%;
        text-align: center;
        min-height: 0;
    }
}

.buy-promo-slider-dots {
    padding: 1.625rem 1.625rem 1rem !important;
    margin: 0;
    background-color: #0d1730;
}

.buy-promo-slider-dots span.swiper-pagination-bullet-active {
    background-color: #fff;
}

@media (min-width: 1024px) {
    .buy-promo-slider-dots {
        display: none;
    }
}

.buy-promo-slide-tooltip {
    position: absolute;
    left: 50%;
    top: 1.25rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--color-primary);
    color: #fff;
    padding: 0.75rem;
    border-radius: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    white-space: nowrap;
    z-index: 6;
}

.buy-promo-slide-tooltip:after {
    content: '';
    position: absolute;
    border-top: solid 0.5rem var(--color-primary);
    border-left: solid 0.5rem transparent;
    border-right: solid 0.5rem transparent;
    left: 50%;
    top: 100%;
    margin-left: -0.5rem;
    margin-top: -1px;
}

@media (min-width: 1700px) {
    .buy-promo-slide-tooltip-left {
        left: auto;
        top: 35%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        right: 100%;
    }
    .buy-promo-slide-tooltip-left:after {
        display: none;
    }
    .buy-promo-slide-tooltip-left:before {
        content: '';
        position: absolute;
        border-left: solid 0.5rem var(--color-primary);
        border-top: solid 0.5rem transparent;
        border-bottom: solid 0.5rem transparent;
        left: 100%;
        margin-left: -1px;
        top: 50%;
        margin-top: -0.5rem;
    }
}

@media (min-width: 1700px) {
    .buy-promo-slide-tooltip-right {
        left: 100%;
        top: 50%;
    }
    .buy-promo-slide-tooltip-right:after {
        display: none;
    }
    .buy-promo-slide-tooltip-right:before {
        content: '';
        position: absolute;
        border-right: solid 0.5rem var(--color-primary);
        border-top: solid 0.5rem transparent;
        border-bottom: solid 0.5rem transparent;
        right: 100%;
        margin-right: -1px;
        top: 50%;
        margin-top: -0.5rem;
    }
}

.buy-promo-slide-tooltip-links {
    font-size: 0.813rem;
}

.buy-promo-slide-tooltip-links li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.buy-promo-slide-tooltip-links a {
    padding-left: 1.125rem;
    position: relative;
    color: #fff;
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.buy-promo-slide-tooltip-links a:hover {
    opacity: 0.6;
}

.buy-promo-slide-tooltip-links a:before {
    content: '';
    position: absolute;
    width: 0.313rem;
    height: 0.313rem;
    left: 0;
    top: 0.5rem;
    background-color: #fff;
    border-radius: 50%;
}

.buy-promo-agreement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 0.813rem;
}

.buy-promo-agreement:hover {
    opacity: 0.6;
}

.buy-promo-agreement img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 1rem;
    width: 2.313rem;
    max-width: none;
}
.buy-promo-agreement-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.buy-promo-agreement-desc {
    text-decoration: underline;
}

/* LOGISTICS */

.logistics-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.375rem -3.125rem;
}

@media (max-width: 1199px) {
    .logistics-row {
        margin: 0 -0.625rem -1.25rem;
    }
}

.logistics-col {
    padding: 0 1.375rem 3.125rem;
    width: 33%;
}

.logistics-grid .logistics-col {
    width: 25%;
}

@media (max-width: 1199px) {
    .logistics-grid .logistics-col,
    .logistics-col {
        padding: 0 0.625rem 1.25rem;
    }
}
@media (max-width: 1023px) {
    .logistics-grid .logistics-col,
    .logistics-col {
        width: 50%;
    }
}
@media (max-width: 479px) {
    .logistics-grid .logistics-col,
    .logistics-col {
        width: 100%;
    }
}

.logistics-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.logistics-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f3f6fa;
    margin-right: 1.75rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.125rem;
    height: 8.125rem;
}
@media (max-width: 1559px) {
    .logistics-item-icon {
        width: 5rem;
        height: 5rem;
        margin-right: 1rem;
    }
}

.logistics-grid .logistics-item-icon {
    height: 4rem;
    width: 4rem;
}

.logistics-item-icon img {
    height: 4rem;
    width: 4rem;
    max-height: 100%;
}

.logistics-grid .logistics-item-icon img {
    height: 2.5rem;
    width: 2.5rem;
}

@media (max-width: 1559px) {
    .logistics-item-icon img {
        -webkit-transform: scale(0.62);
        -ms-transform: scale(0.62);
        transform: scale(0.62);
    }
}
.logistics-item-title {
    -ms-flex-item-align: center;
    align-self: center;
}
.logistics .section-title {
    margin-bottom: 2.625rem;
}
@media (max-width: 1023px) {
    .logistics .section-title {
        margin-bottom: 1.75rem;
    }
}
.approach-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.375rem -3.125rem;
}
@media (max-width: 1199px) {
    .approach-row {
        margin: 0 -0.625rem -1.25rem;
    }
}
.approach-col {
    padding: 0 1.375rem 3.125rem;
    width: 25%;
}
@media (max-width: 1199px) {
    .approach-col {
        padding: 0 0.625rem 1.25rem;
    }
}
@media (max-width: 1023px) {
    .approach-col {
        width: 50%;
    }
}
@media (max-width: 479px) {
    .approach-col {
        width: 100%;
    }
}
.approach-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.approach-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f3f6fa;
    margin-right: 1.75rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.125rem;
    height: 8.125rem;
    color: var(--color-primary);
}
@media (max-width: 1559px) {
    .approach-item-icon {
        width: 5rem;
        height: 5rem;
        margin-right: 1rem;
    }
}
.approach-item-icon img {
    max-width: none;
}
@media (max-width: 1559px) {
    .approach-item-icon img {
        -webkit-transform: scale(0.62);
        -ms-transform: scale(0.62);
        transform: scale(0.62);
    }
}
.approach-item-title {
    -ms-flex-item-align: center;
    align-self: center;
}
.approach .section-title {
    margin-bottom: 2.5rem;
}
@media (max-width: 1023px) {
    .approach .section-title {
        margin-bottom: 2.25rem;
    }
}
/* compare */
.compare-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px var(--color-border);
    margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
    .compare-nav {
        padding: 1.125rem 0;
        border-top: solid 1px var(--color-border);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 1.5rem;
    }
}
.compare-nav .sort-nav-menu {
    min-width: 0;
    border: 0;
    margin-right: 1.5rem;
}
@media (max-width: 1023px) {
    .compare-nav .sort-nav-menu {
        margin: 0 0 1.25rem;
    }
}
@media (max-width: 1023px) {
    .compare-nav .compare-different-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 0;
        color: var(--color-primary);
    }
}
.compare-nav .active .checkbox-label-icon {
    background-color: #5383b4;
    border-color: #5383b4;
}
.compare-nav .active .checkbox-label-icon:before {
    opacity: 1;
}
.compare-clear {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.compare-clear svg {
    color: var(--color-error);
}
.compare-slider {
    --compare-slide-padding: 2.5rem;
}
@media (max-width: 1199px) {
    .compare-slider {
        --compare-slide-padding: 1.25rem;
    }
}
@media (max-width: 479px) {
    .compare-slider {
        --compare-slide-padding: 0.625rem;
    }
}
.compare-slide {
    width: 16.666%;
    padding-right: var(--compare-slide-padding);
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
    pointer-events: none;
}
.compare-slide.swiper-slide-visible {
    opacity: 1;
    pointer-events: auto;
}
.compare-slide.remove {
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 1439px) {
    .compare-slide {
        width: 20%;
    }
}
@media (max-width: 1199px) {
    .compare-slide {
        width: 25%;
    }
}
@media (max-width: 1023px) {
    .compare-slide {
        width: 33.333%;
    }
}
@media (max-width: 767px) {
    .compare-slide {
        width: 50%;
    }
}
.compare-slide .products-item-categories {
    margin-bottom: 0.625rem;
}
@media (min-width: 1024px) {
    .compare-slide .products-slide-item-img {
        height: 6.75rem;
        width: 9.75rem;
        max-width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 1023px) {
    .compare-slide .products-slide-item-img {
        width: 7.25rem;
        height: 5rem;
    }
}
.compare-slide-img {
    padding: 0 1.875rem;
}
@media (max-width: 1023px) {
    .compare-slide-img {
        padding: 0;
    }
}
.compare-slide-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3.75rem;
}
@media (max-width: 1023px) {
    .compare-slide-product {
        margin-bottom: 1.875rem;
    }
}
.compare-slide-product-body {
    height: inherit;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: solid 1px var(--color-border);
    padding-top: 1.25rem;
    padding-bottom: 2.188rem;
    background-color: #fff;
    z-index: 6;
    margin-right: calc(var(--compare-slide-padding) * -1);
    padding-right: var(--compare-slide-padding);
    will-change: transform;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    -o-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
}
.compare-slide-product-body.fixed:before {
    content: '';
    position: absolute;
    height: 5rem;
    left: 0;
    right: 0;
    bottom: 100%;
    background-color: #fff;
}
.compare-slide-product-body.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.compare-slide-product-body:not(.fixed) {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
@media (max-width: 1023px) {
    .compare-slide-product-body {
        padding-bottom: 1.875rem;
        padding-top: 0.938rem;
    }
}
.compare-slide-prices {
    margin-bottom: 1.5rem;
}
.compare-slide-cost {
    white-space: nowrap;
    font-size: 1.438rem;
    font-weight: 700;
}
@media (max-width: 1023px) {
    .compare-slide-cost {
        font-size: 1.125rem;
    }
}
.compare-slide-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
}
.compare-slide-btn {
    margin-right: 1rem;
    height: 2.5rem;
}
@media (max-width: 1023px) {
    .compare-slide-btn {
        height: 2.188rem;
    }
}
.compare-slide-remove {
    color: #637376;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.compare-slide-remove:hover {
    color: var(--color-error);
}
.compare-slide-remove svg {
    display: block;
}
.compare-param {
    margin-right: calc(var(--compare-slide-padding) * -1);
    padding-right: var(--compare-slide-padding);
}
.compare-param:not(.active) {
    height: 0 !important;
}
.compare-param:not(:last-child) {
    margin-bottom: 2.188rem;
    border-bottom: solid 1px var(--color-border);
    padding-bottom: 2.188rem;
}
@media (max-width: 1023px) {
    .compare-param:not(:last-child) {
        padding-bottom: 1.875rem;
        margin-bottom: 1.875rem;
    }
}
.compare-param-inline .compare-param-desc {
    font-size: 1rem;
    line-height: 1.56;
}
@media (max-width: 1023px) {
    .compare-param-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .compare-param-inline .compare-param-title {
        margin: 0 1rem 0 0;
    }
    .compare-param-inline .compare-param-desc {
        font-size: 0.875rem;
        color: #637376;
    }
}
.compare-param-title {
    font-weight: 700;
    margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
    .compare-param-title {
        font-size: 0.875rem;
        line-height: 1.1;
    }
}
.compare-param-desc {
    font-size: 0.875rem;
    line-height: 1.25;
}
@media (max-width: 1023px) {
    .compare-param-desc {
        font-size: 0.75rem;
    }
}
.compare-param-desc p {
    margin-bottom: 0.5rem;
}
.compare-param-desc p:last-child {
    margin-bottom: 0;
}
.compare-slider-wrapp {
    position: relative;
}
.compare-slider {
    overflow: visible;
}
@media (min-width: 1024px) {
    .compare-slider-nav {
        position: absolute;
        right: 0;
        left: 0;
    }
}
@media (max-width: 1023px) {
    .compare-slider-nav {
        width: 7.125rem;
        height: 1.75rem;
        margin-bottom: 2.5rem;
        position: relative;
        top: auto !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.compare-slider-nav .slider-arrow {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--color-primary);
    border-color: var(--color-primary);
    margin-top: -0.875rem;
}
@media (hover: hover) {
    .compare-slider-nav .slider-arrow:hover {
        border-color: var(--color-error);
        color: var(--color-error);
    }
}
.compare-slider-nav .slider-arrow svg {
    width: 0.75rem;
    height: 0.75rem;
}
.compare-slider-nav .slider-arrow.swiper-button-disabled {
    opacity: 0.2;
}
.slider-pagination {
    text-align: center;
    white-space: nowrap;
}
@media (min-width: 1024px) {
    .slider-pagination {
        display: none;
    }
}
/* cart */
.cart {
    margin-top: 3.375rem;
}
@media (min-width: 1024px) {
    .cart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.cart-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    margin-right: 2.5rem;
    max-width: 64.375rem;
}
@media (max-width: 1199px) {
    .cart-body {
        margin-right: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .cart-body {
        max-width: 100%;
        margin: 0 0 1rem;
    }
}
.cart-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
    .cart-head {
        margin-bottom: 1.875rem;
    }
}
.cart-head-link {
    margin-right: 1rem;
    height: 1.25rem;
}
.cart-head-link svg {
    margin-right: 0.75rem !important;
    color: var(--color-error);
}
.cart-head-link:last-child {
    margin-right: 0;
}
.cart-item {
    padding: 1rem 1.875rem 1rem 1.25rem;
    border: solid 1px var(--color-border);
    border-radius: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.625rem;
    position: relative;
    overflow: hidden;
    will-change: transform;
}
.cart-item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 4;
}
@media (max-width: 1439px) {
    .cart-item {
        padding-right: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .cart-item {
        padding: 1.5rem 0.75rem 1.5rem 7.25rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.cart-item:last-child {
    margin-bottom: 0;
}
.cart-item .select-number {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 2.75rem;
}
@media (max-width: 1439px) {
    .cart-item .select-number {
        margin-right: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .cart-item .select-number {
        margin: 0;
    }
}
.cart-item .select-number-input {
    height: 2.875rem;
}
@media (max-width: 1023px) {
    .cart-item .select-number-input {
        height: 2.5rem;
    }
}
.cart-item.remove .cart-item-remove-undo {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.cart-item.remove:before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.cart-item-checkbox {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 2rem;
}
@media (max-width: 1439px) {
    .cart-item-checkbox {
        margin-right: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .cart-item-checkbox {
        position: absolute;
        left: 0.75rem;
        top: 1.75rem;
        margin: 0;
    }
}
.cart-item-checkbox .checkbox-label-icon {
    margin: 0;
}
.cart-item-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1px;
    margin-right: auto;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .cart-item-product {
        width: 100%;
        margin: 0 0 1.125rem;
    }
}
.cart-item-product:hover {
    color: var(--color-error);
}
.cart-item-product-img {
    width: 3.438rem;
    height: 2.375rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 1.25rem;
}
@media (max-width: 1023px) {
    .cart-item-product-img {
        position: absolute;
        left: 2.75rem;
        top: 1.5rem;
        width: 3rem;
        height: 2rem;
    }
}
.cart-item-product-img img {
    -o-object-fit: contain;
    object-fit: contain;
}
.cart-item-product-title {
    min-width: 1px;
}
.cart-item-cost {
    margin-left: 1.5rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 5.875rem;
    white-space: nowrap;
    padding-right: 1.5rem;
}
@media (max-width: 1023px) {
    .cart-item-cost {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        padding: 0;
        height: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 0.625rem;
    }
}
.cart-item-total {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    font-weight: 700;
    width: 6.625rem;
    margin-right: 1.25rem;
}
@media (max-width: 1439px) {
    .cart-item-total {
        width: 5.875rem;
    }
}
@media (max-width: 1023px) {
    .cart-item-total {
        width: calc(100% - 4.5rem - 1.125rem);
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 0.75rem 0 1.25rem;
        margin: 0;
    }
}
.cart-item-remove {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: var(--color-error);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 1023px) {
    .cart-item-remove {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.cart-item-remove:hover {
    opacity: 0.6;
}
.cart-item-remove svg {
    display: block;
}
@media (max-width: 1023px) {
    .cart-item-remove svg {
        width: 1.125rem;
        height: 1.125rem;
    }
}
.cart-item-remove-undo {
    position: absolute;
    right: 1.875rem;
    top: 50%;
    height: 2.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.875rem;
    padding: 0 1.25rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 6;
}
@media (max-width: 1023px) {
    .cart-item-remove-undo {
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
}
.cart-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1.25rem;
}
.cart-total-price {
    width: 11.25rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
}
@media (max-width: 1439px) {
    .cart-total-price {
        width: 9.875rem;
    }
}
.cart-total-title {
    margin-right: 2.75rem;
}
@media (max-width: 1439px) {
    .cart-total-title {
        margin-right: 1.25rem;
    }
}
.cart-sidebar {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 22.25rem;
    background: #ffffff;
    border: 1px solid var(--color-border);
    -webkit-box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.04),
    0px 0.5rem 1rem rgba(0, 0, 0, 0.08);
    border-radius: 0.188rem;
    overflow: hidden;
    will-change: transform;
    margin-top: 2.5rem;
}
@media (min-width: 1730px) {
    .cart-sidebar {
        margin-right: 9.375rem;
    }
}
@media (max-width: 1199px) {
    .cart-sidebar {
        width: 17.5rem;
    }
}
@media (max-width: 1023px) {
    .cart-sidebar {
        width: auto;
        margin: 0 calc(var(--container-padding) * -1) -3.125rem;
        padding: 2rem var(--container-padding);
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #f3f6fa;
    }
}
.cart-sidebar-info {
    padding: 0.75rem 1.5rem;
    border-bottom: solid 1px var(--color-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.25;
}
.cart-sidebar-info img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 1.875rem;
}
.cart-sidebar-title {
    padding: 1.375rem 1.375rem 1.375rem 3.375rem;
    border-bottom: solid 1px var(--color-border);
}
@media (max-width: 1199px) {
    .cart-sidebar-title {
        padding: 1.375rem 1.5rem;
    }
}
.cart-sidebar-body {
    padding: 2rem 2.25rem 2rem 3.375rem;
}
@media (max-width: 1199px) {
    .cart-sidebar-body {
        padding: 2rem 1.5rem;
    }
}
@media (max-width: 1023px) {
    .cart-sidebar-body {
        padding: 0;
    }
}
.cart-sidebar-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.75rem;
}
@media (max-width: 1023px) {
    .cart-sidebar-line {
        margin-bottom: 0.25rem;
    }
}
.cart-sidebar-line-title {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    margin-right: 1rem;
}
@media (max-width: 1023px) {
    .cart-sidebar-line-title {
        padding-right: 0.75rem;
        width: 12.5rem;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        margin: 0;
    }
}
.cart-sidebar-line-data {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
}
.cart-sidebar-total {
    margin-top: 1.5rem;
}
@media (max-width: 1023px) {
    .cart-sidebar-total {
        margin-top: 0.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.125rem;
        font-weight: 700;
    }
}
.cart-sidebar-total-title {
    margin-bottom: 0.25rem;
}
@media (max-width: 1023px) {
    .cart-sidebar-total-title {
        padding-right: 0.75rem;
        width: 12.5rem;
        margin: 0;
    }
}
.cart-sidebar-total-price {
    line-height: 1;
    font-weight: 700;
    font-size: 2.5rem;
}
@media (max-width: 1023px) {
    .cart-sidebar-total-price {
        font-size: inherit;
        line-height: inherit;
    }
}
.cart-sidebar-captcha {
    margin-top: 1.25rem;
}
@media (max-width: 1023px) {
    .cart-sidebar-captcha {
        -webkit-transition: opacity 0.4s, visibility 0.4s;
        -o-transition: opacity 0.4s, visibility 0.4s;
        transition: opacity 0.4s, visibility 0.4s;
        margin-top: 2rem;
    }
    .cart-sidebar-captcha:not(.active) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        height: 0;
        overflow: hidden;
        padding: 0;
        margin: 0 !important;
        min-height: 0;
    }
    .cart-sidebar-captcha.active + .cart-sidebar-submit-wrapp {
        display: none;
    }
}
.cart-sidebar-captcha img {
    display: block;
}
.cart-sidebar-submit-wrapp {
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1023px) {
    .cart-sidebar-submit-wrapp {
        margin-top: 2rem;
    }
}
.cart-sidebar-submit-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .cart-sidebar-submit-body {
        width: 12.5rem;
        padding-right: 0.75rem;
    }
}
@media (max-width: 1023px) {
    .cart-sidebar-submit-body .cart-sidebar-submit {
        min-width: 9.375rem;
    }
}
.cart-sidebar-delivery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1024px) {
    .cart-sidebar-delivery {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1.5rem;
        background-color: #f3f6fa;
    }
}
.cart-sidebar-delivery img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.75rem;
}
@media (min-width: 1024px) {
    a.cart-sidebar-delivery {
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    a.cart-sidebar-delivery:hover {
        background-color: #e1e9f3;
    }
}
.cart-head-delivery:hover {
    color: var(--color-primary);
}
.cart-sidebar-info-desc {
    font-size: 0.75rem;
    margin-top: 1.375rem;
    line-height: 1.25;
}
/* 404 */
.page-404-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-top: 3.375rem;
}
@media (max-width: 1023px) {
    .page-404-body {
        margin-top: 2rem;
    }
}
.page-404-img {
    width: 38.75rem;
    max-width: 100%;
}
@media (max-width: 1023px) {
    .page-404-img {
        margin-bottom: 1rem;
    }
}
.page-404-img img {
    display: block;
}
.page-404-title {
    font-size: 3rem;
    line-height: 1.25;
    margin-bottom: 2.5rem;
    font-weight: 400;
}
@media (max-width: 1023px) {
    .page-404-title {
        margin-bottom: 1.875rem;
        font-size: 1rem;
    }
}
/* cabinet */
.cabinet-form {
    max-width: 82.5rem;
}
.cabinet-form .form-row {
    margin-bottom: -1.875rem;
}
.cabinet-form .form-col {
    padding-bottom: 1.875rem;
}
.cabinet-form-row {
    margin: 0 -5rem -4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    .cabinet-form-row {
        margin: 0 -1.25rem -3.375rem;
    }
}
.cabinet-form-col {
    width: 50%;
    padding: 0 5rem 4rem;
}
@media (max-width: 1199px) {
    .cabinet-form-col {
        padding: 0 1.25rem 3.375rem;
    }
}
@media (max-width: 1023px) {
    .cabinet-form-col {
        -webkit-transition: opacity 0.4s, visibility 0.4s;
        -o-transition: opacity 0.4s, visibility 0.4s;
        transition: opacity 0.4s, visibility 0.4s;
        width: 100%;
    }
    .cabinet-form-col:not(.active) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        height: 0;
        overflow: hidden;
        padding: 0;
        margin: 0 !important;
        min-height: 0;
    }
}
.cabinet-form-title {
    margin-bottom: 1.875rem;
}
.cabinet-foot {
    margin-top: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .cabinet-foot {
        margin-top: 3.25rem;
    }
}
.cabinet-foot .checkbox-label {
    font-size: 0.875rem;
    margin-bottom: 2.375rem;
}
@media (max-width: 1023px) {
    .cabinet-foot .checkbox-label {
        margin-bottom: 2rem;
    }
}
.cabinet-submit-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.cabinet-submit {
    margin-right: 1.25rem;
    font-size: 1rem;
}
.cabinet-reset {
    font-size: 1rem;
}
.cabinet-form-tabs-nav {
    padding-bottom: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.5rem;
}
.cabinet-form-tabs-nav li {
    padding: 0 0.5rem;
}
.cabinet-form-tabs-nav li.active .section-tabs-link {
    color: #0d1730;
}
.cabinet-form-tabs-nav .section-tabs-link {
    font-size: 0.938rem;
    font-weight: 700;
    line-height: 1.25;
}
/* ordering */
.ordering {
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .ordering {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }
}
.ordering-body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    margin-right: 2.5rem;
    max-width: 55rem;
}
@media (max-width: 1199px) {
    .ordering-body {
        margin-right: 1.25rem;
    }
}
@media (max-width: 1023px) {
    .ordering-body {
        max-width: 100%;
        margin: 2.25rem 0 0;
    }
}
.ordering-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .ordering-user {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.ordering-user-address {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1;
    max-width: 31.625rem;
    margin-right: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (max-width: 1023px) {
    .ordering-user-address {
        margin: 3.375rem 0 0;
        max-width: 100%;
    }
}
.ordering-title {
    margin-bottom: 2.5rem;
}
@media (max-width: 1023px) {
    .ordering-title {
        margin-bottom: 0.25rem;
    }
}
.ordering-address-change-btn {
    margin-top: 1.5rem;
}
@media (max-width: 1023px) {
    .ordering-address-change-btn {
        height: 2.188rem;
        margin-top: 1.25rem;
    }
}
.ordering-user-info {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 12.5rem;
}
@media (max-width: 1023px) {
    .ordering-user-info {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
    }
}
.ordering-inputs {
    max-width: 36.25rem;
    margin-top: 4.5rem;
}
@media (max-width: 1023px) {
    .ordering-inputs {
        margin-top: 3.375rem;
    }
}
.ordering-inputs-title {
    margin-bottom: 4rem;
}
@media (max-width: 1023px) {
    .ordering-inputs-title {
        margin-bottom: 1.25rem;
    }
}
.ordering-cart {
    margin-top: 4.5rem;
}
@media (max-width: 1023px) {
    .ordering-cart {
        margin-top: 3rem;
    }
    .ordering-cart .ordering-title {
        margin-bottom: 1.5rem;
    }
}
.ordering-cart-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: solid 1px transparent;
    padding: 0 1.625rem 1.25rem;
    font-weight: 700;
}
@media (min-width: 1024px) {
    .ordering-cart-td {
        padding-right: 1.25rem;
    }
}
.ordering-cart-td-product {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--color-primary);
}
@media (max-width: 1023px) {
    .ordering-cart-td-product {
        min-height: 2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 1.125rem;
        width: 100%;
    }
}
.ordering-cart-td-product a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
@media (min-width: 1024px) {
    .ordering-cart-td-product a {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: eliipsis;
        text-overflow: eliipsis;
    }
}
.ordering-cart-td-product a:hover {
    color: var(--color-error);
}
.ordering-cart-td-price {
    width: 4.75rem;
    white-space: nowrap;
}
@media (max-width: 1023px) {
    .ordering-cart-td-price {
        padding-right: 0.75rem;
    }
}
.ordering-cart-td-number {
    width: 4.625rem;
    text-align: center;
    white-space: nowrap;
}
@media (max-width: 1023px) {
    .ordering-cart-td-number {
        width: 3.375rem;
        text-align: left;
        padding-right: 0.75rem;
    }
}
.ordering-cart-td-cost {
    width: 6.75rem;
    font-weight: 700;
    white-space: nowrap;
}
@media (max-width: 1023px) {
    .ordering-cart-td-cost {
        width: calc(100% - 3.375rem - 4.75rem);
        text-align: right;
    }
}
.ordering-cart-item {
    margin-bottom: 0.625rem;
    padding: 0.75rem 1.625rem;
    border: solid 1px var(--color-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.25rem;
}
@media (max-width: 1023px) {
    .ordering-cart-item {
        position: relative;
        padding: 1.25rem 1.25rem 1.25rem 5.5rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.ordering-cart-item:last-child {
    margin-bottom: 0;
}
.ordering-item-product-img {
    left: 1.25rem;
}
.ordering-cart-foot {
    border: solid 1px transparent;
    margin-top: 1.25rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.ordering-cart-total-title {
    margin-right: 1.875rem;
}
@media (max-width: 1023px) {
    .ordering-sidebar {
        margin-bottom: 0;
    }
    .ordering-sidebar:last-child {
        margin-top: 2.25rem;
    }
}
.ordering-back-link {
    margin-top: 2.125rem;
}
@media (max-width: 1023px) {
    .ordering-guest {
        padding: 1rem 1.25rem;
        border-radius: 0.25rem;
        background-color: #f3f6fa;
    }
}
.ordering-guest a {
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.ordering-guest a:hover {
    color: var(--color-error);
}
.how-to-buy-page.page-body,
.about-page.page-body {
    padding-bottom: 2rem;
}
.product-page .page-body + .section {
    padding-top: 0;
}
.section-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (hover: hover) {
    .products-slide-item-compare:hover,
    .products-item-compare:hover {
        color: var(--color-error);
    }
}
.products-slider-wrapp {
    position: relative;
}
.products-slider-wrapp .slider-arrow {
    top: 8.5rem;
}
@media (max-width: 1023px) {
    .products-slider-wrapp .slider-arrow {
        display: none;
    }
}
.products-slider-wrapp .slider-arrow-prev {
    left: -3.375rem;
}
.products-slider-wrapp .slider-arrow-next {
    right: -3.375rem;
}
@media (max-width: 1439px) {
    .products-slider-wrapp .slider-arrow-prev {
        left: 1rem;
    }
    .products-slider-wrapp .slider-arrow-next {
        right: 1rem;
    }
}
.product-list-available {
    border: 0;
    padding: 0 0 1rem;
}
@media (min-width: 1024px) {
    .modal-login .modal-body {
        padding-bottom: 2.75rem;
    }
}
.modal-login-alt-enter-link {
    margin-top: 1.5rem;
}
.login-form-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin: 3.125rem -0.813rem 0;
}
@media (max-width: 1023px) {
    .login-form-btns {
        margin: 2.375rem -0.313rem 0;
    }
}
.login-form-btns li {
    padding: 0 0.813rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    min-width: 1px;
}
.login-form-btns li:first-child {
    min-width: 14.5rem;
}
@media (max-width: 1023px) {
    .login-form-btns li:first-child {
        min-width: 9.688rem;
    }
}
@media (max-width: 1023px) {
    .login-form-btns li {
        padding: 0 0.313rem;
    }
}
.forgot-form-btns li {
    min-width: 1px;
    width: 50%;
}
.login-forgot {
    margin-top: 1.5rem;
}
@media (max-width: 1023px) {
    .login-forgot {
        font-size: 0.75rem;
        margin-top: 1.75rem;
    }
}
.login-forgot a {
    border-bottom: dashed 1px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.login-forgot a:hover {
    color: var(--color-error);
}
.modal-desc {
    margin: -0.5rem 0 1.5rem;
}
@media (max-width: 1023px) {
    .modal-desc br {
        display: none;
    }
}
@media (min-width: 1024px) {
    .modal-registration .modal-body {
        padding-bottom: 3.75rem;
    }
}
.modal-registration .form-agreement a {
    color: var(--color-primary);
}
.modal-registration .form-agreement a:hover {
    opacity: 1;
    color: var(--color-error);
}
@media (min-width: 1024px) {
    .modal-forgot .modal-body {
        padding-bottom: 3.125rem;
    }
}
.modal-sent-forgot-btn-wrapp {
    margin-top: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.modal-sent-forgot-btn-wrapp .btn {
    width: 14rem;
}
.password-recovery-desc {
    margin: 2.5rem 0 2.75rem;
}
@media (max-width: 1023px) {
    .password-recovery-desc {
        margin: 1.5rem 0;
    }
}
.password-recovery-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 22.25rem;
}
.password-recovery-form .submit {
    min-width: 12.875rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 2.75rem;
}
@media (max-width: 1023px) {
    .password-recovery-form .submit {
        margin-top: 1.5rem;
    }
}
.password-recovery-success {
    margin-top: 3.5rem;
}
@media (max-width: 1023px) {
    .password-recovery-success {
        margin-top: 2rem;
    }
}
.password-recovery-success a {
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.password-recovery-success a:hover {
    color: var(--color-error);
}
@media (min-width: 1024px) {
    .modal-subscription .modal-body {
        padding-bottom: 2.625rem;
    }
}
.subscription-form-checkbox-list {
    margin-top: 3rem;
}
@media (max-width: 1023px) {
    .subscription-form-checkbox-list {
        margin-top: 2rem;
    }
}
.subscription-form-checkbox-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.subscription-form-checkbox-list li:last-child {
    margin-bottom: 0;
}
.subscription-form-checkbox-list .checkbox-label a {
    text-decoration: underline;
}
.subscription-form-checkbox-list .checkbox-label-icon {
    width: 1.25rem;
    height: 1.25rem;
}
.subscription-form-checkbox-list .checkbox-label-icon:before {
    background-size: 0.625rem 0.5rem;
}
.subscription-form-checkbox-list .checkbox-label.active .checkbox-label-icon {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.catalog-title {
    font-size: 2.125rem;
}
@media (max-width: 1023px) {
    .catalog-title {
        font-size: 1.75rem;
    }
}
@media (max-width: 767px) {
    .catalog-title {
        font-size: 1.625rem;
    }
}
.news-tab {
    overflow: hidden;
}
@media (min-width: 1024px) {
    .search-tab .catalog-head {
        margin-top: -6.875rem;
        margin-bottom: 6.25rem;
    }
}

/* TECHSUPPORT */

.techsupport .section-title {
    margin-bottom: 0;
}

.techsupport-content-container {
    display: grid;
    grid-template-columns: 55% 45%;
    grid-row: 1;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

@media (max-width: 480px) {
    .techsupport-content-container {
        grid-template-columns: 100%;
        grid-column: 1;
        grid-row: 2;
    }
}

.techsupport-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 3.125rem var(--container-padding);
}

.techsupport-image-container {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ABOUT US */

.about-us-content-container {
    display: grid;
    grid-template-columns: 55% 45%;
    grid-row: 1;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

@media (max-width: 480px) {
    .about-us-content-container {
        grid-template-columns: 100%;
        grid-column: 1;
        grid-row: 2;
    }
}

.about-us-text-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}

@media (max-width: 480px) {
    .about-us-text-container {
        padding-bottom: 0;
    }
}

.about-us-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.about-us-image-logo {
    height: 40%;
    width: 40%;
}

@media (max-width: 1023px) {
    .about-us-image-logo {
        height: 60%;
        width: 60%;
    }
}

.list-style-checkmark {
    margin-right: 0.25rem;
    color: var(--color-primary);
}

.header-menu > li > a.link-alert {
    color: var(--color-error);
    padding: 0;
}

a.link-attraction {
    color: var(--color-error);
}

/* NEWS */

.news-banner {
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .news-banner {
        margin: 3.375rem 0 0 0;
    }
}
@media (max-width: 479px) {
    .news-banner {
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
    }
    .news-banner img {
        min-height: 17.5rem;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
    }
}
.news-banner img {
    display: block;
}

/* SECTION */

section.section-gap {
    padding: 3.125rem 0 3.5rem;
}

section.section-top-zero-gap {
    padding: 0 0 3.5rem;
}

section.section-bottom-zero-gap,
.section-bottom-zero-gap {
    padding: 3.5rem 0 0;
}

section.section-bottom-zero-gap-sm,
.section-bottom-zero-gap-sm {
    padding: 1.75rem 0 0;
}

section.section-top-gap-sm,
.section-bottom-top-gap-sm {
    padding: 1.75rem 0;
}

section.section-zero-gap {
    padding: 0;
}

section.section-surface-01 {
    background-color: var(--color-surface-01);
}

section.section-surface-03 {
    background-color: var(--color-surface-03);
}

.container-tablet {
    max-width: 58.75rem;
}

/* LAYOUT */

.display-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.w-full {
    width: 100%;
}

.max-w-full {
    max-width: 100%;
}

.mb-0 {
    margin-bottom: 0;
}

.basis-50 {
    width: 50% !important;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.5rem;
}

.gap-4 {
    gap: 1rem;
}

/* TYPOGRAPHY */

.text-5xl,
.content-text .text-5xl {
    font-size: var(--typography-5xl);
}

.text-4xl,
.content-text .text-4xl {
    font-size: var(--typography-4xl);
}

.text-3xl,
.content-text .text-3xl {
    font-size: var(--typography-3xl);
}

.text-lg,
.content-text .text-lg {
    font-size: var(--typography-lg);
}

.text-2xl {
    font-size: var(--typography-2xl);
}

.text-md {
    font-size: var(--typography-md);
}

.text-sm {
    font-size: var(--typography-sm);
}

.text-typography-secondary {
    color: var(--typography-color-secondary);
}

.text-xs {
    font-size: 0.75rem;
}

.typography-mb-md p {
    margin-bottom: 1.25rem;
}

.unordered-list,
.unordered-list ul {
    list-style-type: disc;
}

.underline {
    text-decoration: underline;
}

/* ARTICLE */

.container-article {
    max-width: 52.5rem;
}

.article-content-text p {
    overflow: hidden;
    font-size: var(--typography-lg);
    text-overflow: ellipsis;
}

.article h2 {
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.article h3 {
    overflow: hidden;
    font-size: var(--typography-2xl);
    text-overflow: ellipsis;
}

.article-header-banner {
    margin-bottom: 2.25rem;
}
@media (max-width: 1023px) {
    .article-header-banner {
        margin: 1.5rem 0;
    }
}
@media (max-width: 479px) {
    .article-header-banner {
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
    }
    .article-header-banner img {
        min-height: 3.75rem;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
    }
}
.article-banner img {
    display: block;
}

.article-product-grid {
    display: grid;
    gap: var(--spacing-5);
    margin-bottom: var(--spacing-10);
}

.article-product-grid-2-cols {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1023px) {
    .article-product-grid-2-cols {
        grid-template-columns: 1fr;
    }
}

.article-product-grid-3-cols {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1023px) {
    .article-product-grid-3-cols {
        grid-template-columns: 1fr;
    }
}

.article-product-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-xl);
}

.article-product-card-content {
    padding: var(--spacing-5);
}

.article-product-card-image {
    display: block;
    height: 13.75rem;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-position: center;
    background-position: center;
}

.container-article .article-product-card-header {
    margin-bottom: var(--spacing-5);
    font-size: var(--typography-2xl);
}

.article-brands-container {
    margin-top: var(--spacing-10);
}

.article-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-5);
}

@media (max-width: 1023px) {
    .article-brands-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.article-brands-card {
    padding: var(--spacing-5);
    width: 100%;
    border: 2px dashed var(--color-border);
    border-radius: var(--border-radius-md);
}

.article-brands-card-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5.5rem;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-position: center;
    background-position: center;
}

@media (max-width: 1023px) {
    .article-brands-card-content {
        height: 2.25rem;
    }
}

/* MAIN BANNER */

.home-promo {
    position: relative;
    z-index: 6;
    background-color: transparent;
}

.home-promo-spheres-mobile {
    display: none;
}

@media (max-width: 1023px) {
    .home-promo-spheres-mobile {
        display: flex;
    }
}

.home-promo-container {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    padding: 0 var(--container-padding) 2.5rem;
    max-width: 100%;
}
@media (min-width: 768px) {
    .home-promo-container {
        width: 100%;
        max-width: calc(111.25rem + var(--container-padding) * 2);
    }
}

.home-promo-img-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 28.125rem;
    width: 100%;
}

@media (max-width: 1023px) {
    .home-promo-img-container {
        height: 24.125rem;
    }
}

.home-hero-slider {
    height: 100%;
}

.home-hero-spheres-slider {
    padding: 1rem var(--container-padding);
}

.home-promo-spheres-wrapper {
    position: absolute;
    z-index: 7;
    bottom: 2.375rem;
    left: 0px;
    padding: 1rem var(--container-padding) 0;
    width: 100%;
}

.home-hero-slide {
    background-image: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.home-promo-img-container-mobile {
    display: none;
}

.home-promo-img-container-desktop {
    display: flex;
}

@media (max-width: 1023px) {
    .home-promo-img-container-desktop {
        display: none;
    }
}

@media (max-width: 1023px) {
    .home-promo-img-container-mobile {
        display: flex;
    }
}

.home-hero-slider .swiper-button-next:after,
.home-hero-slider .swiper-button-prev:after {
    font-size: 1.5rem;
}

.home-hero-slider .swiper-button-next,
.home-hero-slider .swiper-button-prev {
    color: #ffffff;
}

@media (max-width: 1023px) {
    .home-hero-slider .swiper-button-next,
    .home-hero-slider .swiper-button-prev {
        display: none;
    }
}

.home-hero-slider .swiper-horizontal > .swiper-pagination-bullets,
.home-hero-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.home-hero-slider .swiper-pagination-custom,
.home-hero-slider .swiper-pagination-fraction {
    left: 50%;
    transform: translateX(-50%);
}

.home-hero-slider
.swiper-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet,
.home-hero-slider
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 0.375rem;
}

.home-hero-slider .swiper-pagination-bullet {
    position: relative;
    width: 4.375rem;
    height: 0.375rem;
    display: inline-block;
    border-radius: 2px;
    background-color: transparent;
    opacity: 100%;
}

.home-hero-slider .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: white;
    border-radius: 2px;
}

.home-hero-slider .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 40%;
    border-radius: 2px;
}

.home-hero-slider .swiper-pagination-bullet:hover::before {
    opacity: 70%;
}

.home-hero-slider .animated-bullet::after {
    animation: bulletsFill 8s linear forwards;
}

@keyframes bulletsFill {
    0% {
        width: 0%;
    }
    33% {
        width: 33%;
    }
    66% {
        width: 66%;
    }
    100% {
        width: 100%;
    }
}

.home-promo-slide-wrapper {
    display: flex;
    height: auto;
    width: 100%;
}

@media (max-width: 1023px) {
    .home-promo-slide-wrapper {
        display: none;
    }
}

.home-promo-img {
    height: 100%;
}

/* .home-promo-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
} */

/* @media (max-width: 1023px) {
  .home-promo-img {
    position: static;
    height: 15.1875rem;
  }
} */

/* @media (max-width: 479px) {
  .home-promo-img {
    position: static;
    height: 15.1875rem;
  }
} */

.home-promo-img-body {
    position: relative;
    display: flex;
    align-items: center;
    /* height: 20.25rem; */
    padding: 2.5rem 0;
}

@media (max-width: 1023px) {
    .home-promo-img-body {
        height: 100%;
    }
}

.home-promo-text-content {
    display: flex;
    flex-direction: column;
}

.home-promo-title {
    font-size: 3.125rem;
    font-weight: 900;
    color: white;
}

@media (max-width: 1023px) {
    .home-promo-title {
        font-size: 1.875rem;
    }
}

.home-promo-title-caption {
    font-size: 1.25rem;
    font-weight: 500;
    color: white;
}

@media (max-width: 1023px) {
    .home-promo-title-caption {
        font-size: 0.875rem;
    }
}

.home-promo-btn-container {
    margin-top: 3.875rem;
}

@media (max-width: 1023px) {
    .home-promo-btn-container {
        margin-top: 1.5rem;
    }
}

.home-promo-btn {
    border-radius: var(--border-radius-md);
    border: 1px solid white;
    font-size: 1rem;
    color: white;
}

@media (max-width: 1023px) {
    .home-promo-btn {
        height: 2.25rem;
        font-size: 0.875rem;
    }
}

.home-promo-btn:hover {
    border: 1px solid white;
}

.home-promo-img-main img {
    display: block;
    max-width: none;
    height: 100%;
}

.home-promo-body {
    position: relative;
    z-index: 6;
    padding: 0 0 2.5rem 0;
    max-width: 100%;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .home-promo-body {
        padding: 0 0 1.875rem 0;
    }
}

@media (max-width: 1023px) {
    .home-promo-body {
        height: auto;
        padding: 0 0 1.875rem 0;
        pointer-events: auto;
    }
}

.home-promo-slider {
    overflow: visible;
}

@media (min-width: 1024px) {
    .home-promo-slider {
        position: static;
    }
    .home-promo-slider .swiper-wrapper {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        position: static;
    }
}

.home-promo-slide {
    display: flex;
    align-items: center;
    flex-grow: 1;
    cursor: default !important;
    margin-right: 1.25rem;
    padding: 1rem 1.125rem;
    border-radius: var(--border-radius-md);
    font-size: 1.125rem;
    line-height: 1.3;
    user-select: none;
    background-color: white;
    box-shadow: var(--shadow-md);
}

.home-promo-slide:last-child {
    margin-right: 0 !important;
}

@media (min-width: 1024px) {
    .home-promo-slide {
        /* margin-right: 0 !important; */
        width: 21% !important;
        cursor: pointer;
        pointer-events: auto;
    }
}

@media (min-width: 1024px) and (max-width: 1559px) {
    .home-promo-slide {
        font-size: 1.125rem;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .home-promo-slide {
        width: 17% !important;
        font-size: 1rem;
    }
}

@media (max-width: 1023px) {
    .home-promo-slide {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0.625rem 0.75rem;
        border-radius: var(--border-radius-xl);
        flex-grow: 0;
        font-size: 0.875rem;
    }
}

.home-promo-slide-content {
    text-align: left;
    font-size: 0.875rem;
    color: var(--typography-color-primary);
    width: 100%;
}

@media (max-width: 1023px) {
    .home-promo-slide-content {
        text-align: center;
        font-size: 0.75rem;
    }
}

.home-promo-slide-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    height: 2.125rem;
    width: 2.125rem;
}

@media (max-width: 1023px) {
    .home-promo-slide-icon {
        margin-right: 0;
        margin-bottom: 0.5rem;
        height: 2rem;
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .home-promo-slide-icon svg {
        height: 2rem;
        width: 2rem;
    }
}

.home-promo-slider-dots span.swiper-pagination-bullet-active {
    background-color: #fff;
}

@media (min-width: 1024px) {
    .home-promo-slider-dots {
        display: none;
    }
}

/* MODALS */

.modal-feedback-form-input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.modal-feedback-form-input-container {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

@media (max-width: 1023px) {
    .modal-feedback-form-input-container {
        flex-direction: column;
        gap: 0.5rem;
    }
    .modal-feedback-form-input-wrapper {
        gap: 0.5rem;
    }
}

.modal-feedback-form-input {
    flex-grow: 1;
}

.form-block.modal-feedback-form-input {
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .modal-feedback-form-input {
        width: 100%;
    }
}

.modal-feedback-form-foot {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}

@media (max-width: 1023px) {
    .modal-feedback-form-foot {
        flex-direction: column;
        margin-top: 1rem;
    }
}

.modal-feedback-form-foot .submit {
    width: 100%;
    margin-right: 0;
}

.modal-feedback-form-foot-col {
    width: 50%;
}

@media (max-width: 1023px) {
    .modal-feedback-form-foot-col {
        width: 100%;
    }
    .modal-feedback-form-foot-col.form-agreement {
        text-align: center;
    }
}

/* SUB CATALOGUE */

.catalogue-subcategory-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    border-width: 1px;
    border-style: solid;
    border-left-color: var(--color-border);
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
}

.catalogue-subcategory-item-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    width: 33.33%;
    border-top: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.catalogue-subcategory-item-container:nth-child(n + 4) {
    border-top: 0;
}

.catalogue-subcategory-item-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    height: 8.75rem;
    width: 100%;
}

.catalogue-subcategory-item-image-container img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.catalogue-subcategory-item-caption {
    display: flex;
    justify-content: center;
    flex-grow: 1;
    padding: 0.5rem;
    width: 100%;
    background: var(--color-surface-03);
    border-top: 1px solid var(--color-border);
}

.select.active .select-trigger-link svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* FILTERS */

.products-filter-block-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: inherit;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.products-filter-block-toggle svg {
    color: var(--color-error);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

.products-filter-block-toggle svg.rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

a.products-filter-block-toggle-list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: inherit;
    overflow-x: hidden;
}

.products-filter-block-toggle-list-link-title {
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.products-filter-block-toggle-list {
    display: none;
    max-height: 7.5rem;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-right: 0.625rem;
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) #eef2f6;
    margin-bottom: 1rem;
}

.products-filter-block-toggle-list.visible {
    display: block;
}

.products-filter-block-toggle-list:hover {
    overflow-y: auto;
}

.products-filter-block-toggle-list li {
    padding: 0.625rem;
    margin-left: 1rem;
    border-radius: 0.625rem;
}

.products-filter-block-toggle-list::-webkit-scrollbar {
    width: 6px;
}

.products-filter-block-toggle-list::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 3px;
}

.products-filter-block-toggle-list::-webkit-scrollbar-track {
    background-color: #eef2f6;
}

.products-filter-block-toggle-list li.active {
    background-color: var(--color-surface-primary-tint);
}

.products-filter-block-toggle-list-link-count {
    margin-left: 0.5rem;
    color: var(--color-icon-tertiary);
    text-align: right;
}

/* RANGE */

.range-slider-container {
    position: relative;
    width: 100%;
    height: 1rem;
    margin: 1rem 0;
}

.range-slider-track-background {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background: var(--color-border, #e0e0e0);
    width: 100%;
    z-index: 1;
}

.range-slider-track-active {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background: var(--color-primary, #3c7ffb);
    z-index: 2;
}

.range-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    z-index: 3;
    pointer-events: none; /* Отключаем события по умолчанию */
}

/* Важно: отдельный z-index для каждого ползунка */
.range-slider-min {
    z-index: 4; /* Более высокий z-index для левого ползунка */
}

/* Возвращаем возможность взаимодействия только для ползунков */
.range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--color-primary, #3c7ffb);
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-top: -0.625rem;
    pointer-events: auto; /* Важно: включаем события для ползунков */
}

.range-slider::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--color-primary, #3c7ffb);
    cursor: pointer;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    pointer-events: auto; /* Важно: включаем события для ползунков */
}

.range-slider::-moz-range-track {
    background: transparent;
    border: none;
}

.range-slider::-webkit-slider-runnable-track {
    height: 2px;
    background: transparent;
    border: none;
}

.range-slider:focus {
    outline: none;
}
@media (max-width: 768px) {
    .products-filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: white;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        overflow-y: auto;
    }

    .products-filter.is-active {
        transform: translateX(0);
    }

    body.is-lock {
        overflow: hidden;
    }

    .no-products-message {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-column: 1 / -1;
        width: 100%;
        padding: 2rem;
        text-align: center;
        background-color: #f9f9f9;
        border-radius: 4px;
        margin: 2rem 0;
    }
}
.modal-container {
    max-width: 100%;
    max-height: 100vh;
    overflow: auto;
    transform: none !important; /* Запрет трансформаций */
    zoom: 1 !important; /* Фиксированный зум */
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
}

.modal-content {
    transform: none !important;
    zoom: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
}


/* product card */

.product-availability {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

@media (max-width: 1199px) {
    .product-availability {
        width: 100%;
    }
}

.product-availability-content {
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.availability-status {
    display: flex;
    align-items: baseline;
    gap: var(--spacing-2);
    padding: var(--spacing-5);
    border-bottom: 1px solid var(--color-border);
}

.status-text {
    color: var(--color-typography);
    font-size: var(--text-base);
}

.product-price {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    padding: var(--spacing-5);
}

.product-price-modal {
    display: none;
}

@media (max-width: 1199px) {
    .product-price-modal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-2);
    width: 100%;
    padding: var(--spacing-5);
    border-bottom: 1px solid var(--color-border);
    }
}

.product-price-modal-text-container {
    display: flex;
    flex-direction: column;
}

.price-label {
    font-size: var(--text-sm);
}

.price-value {
    font-size: var(--text-2xl);
    font-weight: 700;
}

.quantity-controls-container {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-5);
    padding-top: 0;
}

@media (max-width: 1199px) {
    .availability-status, .product-price, .quantity-controls-container {
       display: none;
    }
}


.quantity-controls {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    width: 5rem;
}

.quantity-wrapper {
    position: relative;
    display: inline-block;
    width: var(--spacing-18);
    height: var(--spacing-12);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    font-family: sans-serif;
}

.quantity-wrapper .quantity-input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-align: center;
    font-size: var(--text-sm);
    padding-right: var(--spacing-8);
}

.quantity-buttons {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--spacing-5);
    height: 100%;
    background: var(--color-blue-50);
    display: flex;
    flex-direction: column;
}

.quantity-btn {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 16px;
    color: var(--color-typography);
    cursor: pointer;
}

.button-solid {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--spacing-12);
    border-radius: var(--radius-lg);
    padding: var(--spacing-05) var(--spacing-4);
    background: var(--color-primary);
    color: white;
    font-size: var(--text-base);
}

.delivery-info {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    background-color: var(--color-blue-50);
}

.delivery-time {
    font-size: var(--text-base);
    color: var(--color-typography);
    padding: var(--spacing-5);
    border-bottom: 1px solid var(--color-border);
}

.logistics-info {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3);
    padding: var(--spacing-5);
}

.logistics-icon {
    font-size: var(--text-xl);
    margin-top: var(--spacing-1);
}

.logistics-text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    font-size: var(--text-sm);
    color: var(--color-gray-300);
    line-height: 1.4;
    color: var(--typography-color-primary);
}

.logistics-link {
    color: var(--color-primary);
    text-decoration: none;
    font-size: var(--text-sm);
}

/* mediasfera modal */

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 666666;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.modal:not(.active) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.modal.active .modal-body {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.modal-wrapp {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(13, 23, 48, 0.4);
  padding: 2rem 1rem;
  overflow: hidden;
  overflow-y: scroll;
  outline: none;
}
@media (max-width: 479px) {
  .modal-wrapp {
    padding: 0;
  }
}
.modal-caption {
  margin-top: -1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: var(--typography-sm);
}
.modal-body {
  background-color: #fff;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  min-height: 1px;
  width: 36.25rem;
  max-width: 100%;
  margin: 0;
  padding: 3.625rem 3rem;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  position: relative;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .modal-body {
    padding: 3.625rem 1.25rem 2.75rem;
  }
}
@media (max-width: 479px) {
  .modal-body {
    margin-top: 0;
  }
}
.modal-close-btn {
  position: absolute;
  right: 1.625rem;
  top: 1.625rem;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 66;
  color: inherit;
}
@media (max-width: 1023px) {
  .modal-close-btn {
    right: 1.25rem;
    top: 1.25rem;
  }
}
.modal-close-btn svg {
  display: block;
}
.modal-close-btn:hover {
  color: var(--color-primary);
}

.modal-title {
  font-size: 1.438rem;
  text-align: center;
  margin-bottom: 3.25rem;
  letter-spacing: -0.03em;
  font-weight: 700;
  line-height: 1.26;
}

.modal-title span {
  color: var(--color-primary);
  border-bottom: dashed 1px;
}
@media (max-width: 1023px) {
  .modal-title {
    font-size: 1rem;
    letter-spacing: 0;
    margin-bottom: 1rem;
  }
}

/* bitrix */

.b24-window-popup {
    justify-content: center !important;
}

.b24-form-btn {
    background-color: var(--color-primary) !important;
}

.b24-form-btn:hover {
    background-color: var(--color-error) !important;
}

.b24-form-wrapper {
    background: transparent !important;
}

.b24-form-wrapper.b24-form-shadow {
    box-shadow: none !important;
}

.b24-form-wrapper.b24-form-border-bottom {
    border-bottom: none !important;
}

.samples .b24-form-header-description, .samples .b24-form-header-title, .footer-feedback .b24-form-header-description, .footer-feedback .b24-form-header-title  {
    color: white;
}

.footer-feedback .b24-form-padding-side {
    padding: 0 !important;
}

.footer-feedback .b24-form-sign {
    padding: 0 !important;
}

.footer-feedback .b24-form-field-agreement-link {
    color: white !important;
}

.samples .b24-form-btn-block .b24-form-btn, .footer-feedback .b24-form-btn-block .b24-form-btn {
    background-color: white !important;
    color: var(--color-primary)
}

.samples .b24-form a, .samples .b24-form a:not([href]), .samples .b24-form a:not([href]):not([tabindex]), .footer-feedback .b24-form a, .footer-feedback .b24-form a:not([href]), .footer-feedback .b24-form a:not([href]):not([tabindex]) {
    color: white;
    border-bottom-color: white;
}

.samples .b24-form .b24-form-sign-abuse-help, .footer-feedback .b24-form .b24-form-sign-abuse-help {
    color: white;
}

.samples .b24-form-control-desc, .ooter-feedback .b24-form-control-desc {
    color: white;
}

.b24-form-control-alert.b24-form-control-checkbox, .b24-form-control-alert.b24-form-control-file, .b24-form-control-alert.b24-form-control-list .b24-form-control, .b24-form-control-alert.b24-form-control-radiobox, .b24-form-control-alert.b24-form-control-string .b24-form-control, .b24-form-control-alert.b24-form-control-text .b24-form-control {
    background-color: transparent !important;
}

.b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item {
    background-color: transparent !important;
}

.b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.samples  .b24-form-control-string .b24-form-control, .samples .b24-form-control-list .b24-form-control, .samples  .b24-form-control-text .b24-form-control, .samples .b24-form-control-select .field-item, .footer-feedback  .b24-form-control-string .b24-form-control, .footer-feedback .b24-form-control-list .b24-form-control, .footer-feedback  .b24-form-control-text .b24-form-control, .footer-feedback .b24-form-control-select .field-item {
    color: white !important;
}

.b24-form-control-list .b24-form-control, .b24-form-control-select .field-item, .b24-form-control-string .b24-form-control, .b24-form-control-text .b24-form-control {
    border-bottom: 1px solid var(--color-border) !important;
}

.b24-form-control-text textarea.b24-form-control {
    border: 1px solid var(--color-border) !important;
}

.samples .b24-form-control-string .b24-form-control, .samples .b24-form-control-list .b24-form-control, .samples .b24-form-control-text .b24-form-control, .samples .b24-form-control-select .field-item, .footer-feedback .b24-form-control-string .b24-form-control, .footer-feedback .b24-form-control-list .b24-form-control, .footer-feedback .b24-form-control-text .b24-form-control, .footer-feedback .b24-form-control-select .field-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.samples textarea.b24-form-control, .footer-feedback textarea.b24-form-control {
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.samples .b24-form-control-select-label, .samples .b24-form-control-label, .footer-feedback .b24-form-control-select-label, .footer-feedback .b24-form-control-label {
    color: white;
    opacity: 1;
}

.samples .b24-form-control-required, .footer-feedback .b24-form-control-required {
    color: white;
}

.samples input:focus, .footer-feedback input:focus {
    outline: none !important;
    border: none !important;
}

.samples input.b24-form-control:-webkit-autofill, .footer-feedback input.b24-form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 60px transparent inset !important;
}

.samples .b24-form-control-list .b24-form-control:-webkit-autofill, .footer-feedback .b24-form-control-list .b24-form-control:-webkit-autofill, .samples .b24-form-control-select .field-item:-webkit-autofill, .footer-feedback .b24-form-control-select .field-item:-webkit-autofill, .samples .b24-form-control-string .b24-form-control:-webkit-autofill, .footer-feedback .b24-form-control-string .b24-form-control:-webkit-autofill, .samples .b24-form-control-text .b24-form-control:-webkit-autofill, .footer-feedback .b24-form-control-text .b24-form-control:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px rgba(0, 0, 0, .08);
    -webkit-box-shadow: inset 0 0 0 50px var(--b24-field-background-color);
    -webkit-text-fill-color: white;
    -webkit-text-fill-color: white;
    color: white;
    color: white;
}

.samples .b24-form-field-agreement a.b24-form-field-agreement-link {
    color: white;
}

/* b24 file */

.samples .b24-form-control-file, .footer-feedback .b24-form-control-file {
    background-color: transparent !important;
    border: 1px dashed white !important;
}

.samples .b24-form-control-file .b24-form-control-label, .footer-feedback .b24-form-control-file .b24-form-control-label {
    color: white !important;
}

.samples .b24-form-control-file .b24-form-control, .footer-feedback .b24-form-control-file .b24-form-control {
    color: white !important;
    border-color: white !important;
}

.samples .b24-form-control-file .b24-form-control:after, .samples .b24-form-control-file .b24-form-control:before, .footer-feedback .b24-form-control-file .b24-form-control:after, .footer-feedback .b24-form-control-file .b24-form-control:before {
    background-color: white !important;
}

/* b24 grid */

.b24-form-control {
    max-height: 2.75rem !important;
}

.b24-form-content form > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.b24-form-content form > div > * {
  grid-column: 1 / -1;
  width: 100%;
}

.b24-form-content form > div
  .b24-form-field-name.b24-form-control-string,
.b24-form-content form > div
  .b24-form-field-email.b24-form-control-string,
.b24-form-content form > div
  .b24-form-field-phone.b24-form-control-string,
.b24-form-content form > div
  .b24-form-field-company-name.b24-form-control-string {
  grid-column: auto;
}