@charset "UTF-8";

/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/UcCm3FwrK3iLTcvnUwkT9mIzF59cK0sL.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/UcCm3FwrK3iLTcvnUwAT9mIzF59cK0sL.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/UcCm3FwrK3iLTcvnUwoT9mIzF59cK0sL.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/UcCm3FwrK3iLTcvnUwQT9mIzF59cKw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/UcCo3FwrK3iLTcvvYwYZ90A2N59MKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/UcCo3FwrK3iLTcvmYwYZ90A2N59MKw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/UcCo3FwrK3iLTcvsYwYZ90A2N59MKw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/UcCo3FwrK3iLTcviYwYZ90A2N58.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/JTUQjIg1_i6t8kCHKm459WxRxC7m0dJ9pQOik20.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/JTUQjIg1_i6t8kCHKm459WxRzS7m0dJ9pQOik20.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/JTUQjIg1_i6t8kCHKm459WxRxy7m0dJ9pQOik20.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m0dJ9pQOi.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/JTUSjIg1_i6t8kCHKm459WRhyyTn89ddpROi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/JTUSjIg1_i6t8kCHKm459W1hyyTn89ddpROi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/JTUSjIg1_i6t8kCHKm459WdhyyTn89ddpROi.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/mebelino_new/fonts/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

*, ::after, ::before {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    font-family: Catamaran;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.66;
}

@-ms-viewport {
    width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.7em;
}

h1 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.25;
    letter-spacing: -0.03em;
    margin-bottom: 3.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1.5em;
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b, strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #00843c;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

code, kbd, pre, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
    display: inline-block;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

[type="reset"], [type="submit"], button, html [type="button"] {
    -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

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

button {
    outline: none !important;
    cursor: pointer;
}

input, button, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

h4, .h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 1.25em;
}

.hidden {
    display: none;
}

/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width;
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*, ::after, ::before {
    box-sizing: inherit;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px) {
    .container {
        max-width: 80rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 0;
    padding-right: 1rem;
    padding-left: 1rem;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1600px) {
    .col-hd {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-hd-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-hd-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-hd-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-hd-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-hd-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-hd-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-hd-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-hd-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-hd-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-hd-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-hd-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-hd-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-hd-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-hd-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-hd-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-hd-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-hd-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-hd-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-hd-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-hd-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-hd-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-hd-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-hd-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-hd-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-hd-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-hd-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-hd-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-hd-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-hd-0 {
        margin-left: 0;
    }

    .offset-hd-1 {
        margin-left: 8.333333%;
    }

    .offset-hd-2 {
        margin-left: 16.666667%;
    }

    .offset-hd-3 {
        margin-left: 25%;
    }

    .offset-hd-4 {
        margin-left: 33.333333%;
    }

    .offset-hd-5 {
        margin-left: 41.666667%;
    }

    .offset-hd-6 {
        margin-left: 50%;
    }

    .offset-hd-7 {
        margin-left: 58.333333%;
    }

    .offset-hd-8 {
        margin-left: 66.666667%;
    }

    .offset-hd-9 {
        margin-left: 75%;
    }

    .offset-hd-10 {
        margin-left: 83.333333%;
    }

    .offset-hd-11 {
        margin-left: 91.666667%;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

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

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.ico__address {
    width: 18px;
    height: 21px;
}

.ico__camera {
    width: 20px;
    height: 19px;
}

.ico__catalog {
    width: 21px;
    height: 21px;
}

.ico__email {
    width: 20px;
    height: 17px;
}

.ico__employes {
    width: 26px;
    height: 18px;
}

.ico__clock {
    width: 18px;
    height: 18px;
}

.ico__phone {
    width: 12px;
    height: 20px;
}

.ico__search {
    width: 37px;
    height: 37px;
}

.ico__heart {
    width: 24px;
    height: 21px;
}

.ico__tel {
    width: 22px;
    height: 22px;
}

.ico__whatsapp {
    width: 19px;
    height: 20px;
}

.ico__close {
    height: 16px;
    width: 16px;
}

.ico__download {
    width: 15px;
    height: 20px;
}

.ico__play {
    width: 32px;
    height: 40px;
}

.ico__arrow-alt {
    width: 31px;
    height: 31px;
}

.ico__vk {
    width: 40px;
    height: 24px;
}

.ico__more {
    width: 31px;
    height: 31px;
}

.ico__telegram {
    width: 35px;
    height: 29px;
}

.ico__video {
    width: 20px;
    height: 15px;
}

.ico__loading {
    width: 20px;
    height: 20px;
}

.ico__hammer {
    width: 26px;
    height: 24px;
}

.ico__photo {
    width: 26px;
    height: 19px;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

:root {
    --font-family: "Montserrat", sans-serif;
    --second-family: "Inter", sans-serif;
    --third-family: "Arial", sans-serif;
    --font3: "NATS", sans-serif;
    --color26517f: #26517f;
    --color666665: #666665;
    --color0085db: #0085db;
    --color-4: #0075ff;
    --color-1: #fff;
    --color: #e01a25;
    --color-2: #ffc700;
    --color-5: #052a42;
    --color-6: #abb9c2;
    --radius: 0.75rem;
}

html {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    min-height: 100vh;
    word-break: break-word;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    font-size: 0.75rem;
    overflow-x: hidden;
    background: #fff;
    position: relative;
}

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

button {
    outline: none !important;
    cursor: pointer;
}

a {
    color: inherit;
    transition: all 0.5s;
}

input, button, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    font-family: inherit;
    outline: none;
    border-radius: 0;
}

button, select, input[type="submit"], input[type="checkbox"], input[type="radio"] {
    cursor: pointer;
}

html {
    font-size: 16px;
}

.wrapper {
    min-height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    overflow: clip;
}

.wrapper-top {
    background: #01162d;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.6rem;
    color: #9abed9;
    padding: 0.55rem 0;
    position: relative;
    z-index: 30;
}

.wrapper-top__menu {
    display: flex;
    gap: 1rem;
    margin: 0;
    list-style: none;
}

.wrapper-top__menu a:hover {
    color: #fff;
}

.wrapper-top__contacts {
    display: flex;
    gap: 1.1rem;
    align-items: center;
}

.wrapper-top__contact {
    display: flex;
    align-items: center;
    gap: 7px;
}

.wrapper-top__contact .ico__address {
    width: 0.65rem;
    height: 0.7rem;
}

.wrapper-top__contact .ico__email {
    width: 0.75rem;
    height: 0.6rem;
}

.wrapper-top__contact .ico__clock {
    width: 0.7rem;
    height: 0.72rem;
}

.wrapper-top__contact .ico__phone {
    width: 0.6rem;
    height: 0.9rem;
}

.wrapper-top__contact a:hover {
    color: #fff;
}

.wrapper-top__tel {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1;
}

.wrapper-top__tel .ico__phone {
    width: 0.6rem;
    height: 0.9rem;
}

.header {
    box-shadow: 0 10px 35px 0 rgba(0, 75, 181, 0.22);
    background: linear-gradient(157deg, rgba(48, 100, 157, 0.3) 0%, rgba(58, 131, 212, 0.3) 100%);
    background-color: #012d60;
    padding: 0.8rem 0 1rem;
    position: relative;
    z-index: 30;
}

.header::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 200000vh;
    backdrop-filter: blur(0.5rem);
    background: rgba(18, 70, 129, 0.33);
    opacity: 0;
    pointer-events: none;
    transition-delay: 0.3s;
}

.header:has(.nav.active)::before {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0;
}

.header__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
}

.logo {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-right: auto;
}

.logo::after {
    content: '';
    border-radius: 0.1rem;
    width: 1px;
    height: 2.05rem;
    background: #f4c94c;
}

.logo__image {
    width: 8rem;
}

.logo__desc {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.55rem;
    line-height: 1.36364;
    text-transform: uppercase;
    color: #f4c94c;
    order: 2;
}

.header__search {
    position: relative;
    flex: 1 1 auto;
    margin-left: 1.6rem;
    margin-right: 0.3rem;
    overflow: hidden;
    border-radius: 0.35rem;
}

.header__search-input {
    background: #062c58;
    height: 2.25rem;
    padding-left: 0.7rem;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.65rem;
    color: var(--color-5);
    width: 100%;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    transition: all 0.3s;
    padding-right: 3rem;
}

.header__search-input::-webkit-input-placeholder {
    color: #78a3c3;
}

.header__search-input::-moz-placeholder {
    color: #78a3c3;
}

.header__search-input:focus, .header__search-input:not(:placeholder-shown) {
    background: #fff;
}

.header__search-input:focus ~ .header__search-submit, .header__search-input:not(:placeholder-shown) ~ .header__search-submit {
    background: #106CED;
    color: #fff;
}

.header__search-submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    color: #78A3C3;
    background: transparent;
    cursor: pointer;
}

.header__search-submit svg {
    width: 1.85rem;
    height: 1.85rem;
}

.header__search-submit span {
    display: none;
}

.header__btn {
    display: flex;
    align-items: center;
    height: 2.25rem;
    gap: 0.55rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    color: #fff;
    background: #1c5495;
    border-radius: 0.35rem;
    padding-left: 0.5rem;
    border: 1px solid transparent;
    padding-right: 0.5rem;
    justify-content: center;
}

.header__btn.active {
    box-shadow: 0 0 22px 0 var(--color-4);
    border: 1px solid #106ced;
}

.header__btn:hover {
    box-shadow: 0 4px 20px 0 rgba(55, 138, 255, 0.6);
    background: #1b86ff;
}

.header__btn .ico__heart {
    width: 1.2rem;
    height: 1.05rem;
}

.header__btn .ico__tel {
    width: 1.1rem;
    height: 1.1rem;
}

.header__btn .ico__whatsapp {
    width: 0.95rem;
    height: 0.95rem;
}

.header__btn:has(.ico__whatsapp):hover {
    background: #29db3e;
    box-shadow: none;
}

.header__btn:has(.ico__whatsapp):hover .header__btn-whatsapp-svg {
    background-color: #17bc2b;
}

.header__btn-svg {
    position: relative;
    font-size: 0;
}

.header__btn-svg:has(.header__fav-count) {
    margin-right: 0.15rem;
}

.header__fav-count {
    position: absolute;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.45rem;
    text-align: center;
    color: #01162d;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    line-height: 0.7rem;
    top: -0.3rem;
    right: -0.3rem;
    background: #f4c94c;
}

.header__btn-whatsapp-svg {
    margin-right: -0.15rem;
    margin-left: -0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 1.6rem;
    height: 1.6rem;
    padding-right: 1px;
    background: #29db3e;
}

.header__search-toggle {
    cursor: pointer;
    background: transparent;
    color: #fff;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__search-toggle svg {
    width: 30px;
    height: 30px;
}

.header__search-toggle .ico__close {
    width: 22px;
    height: 22px;
}

.toggle-link.active ._static {
    display: none;
}

.toggle-link:not(.active) ._active {
    display: none;
}

.header__nav {
    flex: 0 0 100%;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.75rem;
    color: #c2e5ff;
}

.header__nav a:not([class]) {
    padding: 0.65rem;
    border-radius: 0.35rem;
}

.header__nav a:not([class]):hover {
    color: #fff;
    background-color: rgba(16, 108, 237, 0.2);
}

.header__catalog-toggle {
    display: flex;
    align-items: center;
    flex: 0 0 17.5rem;
    font-weight: 600;
    margin-right: auto;
    height: 2.25rem;
    padding-left: 0.65rem;
    padding-right: 0.8rem;
    gap: 1rem;
    margin-right: auto;
    background: #106ced;
    color: #fff;
    border-radius: 0.35rem;
}

.header__catalog-toggle:hover {
    box-shadow: 0 4px 20px 0 rgba(55, 138, 255, 0.6);
    background: #1b86ff;
}

.header__catalog-toggle .ico__nav-select {
    transition: all 0.3s;
    width: 0.55rem;
    height: 0.35rem;
    transition: all 0.3s;
}

.header__catalog-toggle.active .ico__nav-select {
    transform: rotate(180deg);
}

.header__catalog-toggle .ico__nav {
    width: 1rem;
    height: 0.75rem;
}

.header__catalog-toggle span {
    flex-grow: 1;
}

.nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    transform: translateX(-180deg);
    transform-origin: 0 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s;
    display: grid;
    grid-template-columns: 1fr 58rem 18rem 1fr;
    box-shadow: 0 4px 55px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    z-index: 50;
}

.nav.active {
    opacity: 1;
    transform: translateX(0deg);
    pointer-events: all;
}

.nav::before, .nav::after {
    content: '';
}

.nav__menu {
    width: 18rem;
    position: relative;
    list-style: none;
    padding: 0.7rem 0;
    margin-bottom: 0;
}

.nav__menu::before {
    content: '';
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #063263;
}

.nav__menu > li > .nav__children {
    position: absolute;
    width: 40rem;
    top: 0;
    bottom: 0;
    left: 100%;
    overflow-y: auto;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 2rem;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    padding: 4.3rem 2.6rem 1.75rem 2.6rem;
}

.nav__menu > li > .nav__children > li {
    width: 50%;
}

.nav__menu > li > .nav__children::-webkit-scrollbar {
    display: none;
}

.nav__menu > li > .nav__children::before {
    content: attr(data-title);
    position: absolute;
    left: 2.6rem;
    top: 1.75rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 1.1rem;
    color: #242424;
}

.nav__menu > li:hover > .nav__children {
    opacity: 1;
    pointer-events: all;
}

.nav__menu > li > a {
    display: flex;
    height: 2.75rem;
    align-items: center;
    padding-right: 1.9rem;
    padding-left: 0.6rem;
    gap: 0.65rem;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 0.7rem;
    color: #07203d;
    border-radius: 0.35rem 0 0 0.35rem;
}

.nav__menu > li > a span {
    flex-grow: 1;
}

.nav__menu > li > a .ico__menu-arrow {
    width: 8px;
    height: 11px;
    opacity: 0.77;
}

.nav__menu > li > a .ico {
    flex: 0 0 1.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #26517f;
}

.nav__menu > li > a .ico svg {
    max-width: 100%;
    height: auto;
}

.nav__menu > li:hover > a {
    background: var(--color-4);
    color: #fff;
}

.nav__menu > li:hover > a .ico {
    color: inherit;
}

.nav__menu > li:not(:hover) .ico {
    color: #26517f;
}

.nav__children-group ul {
    list-style: none;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.7rem;
    color: #012d60;
    margin-bottom: 0;
}

.nav__children-group ul li {
    margin-bottom: 1em;
}

.nav__children-group ul li:last-child {
    margin-bottom: 0;
}

.nav__children-group ul ul {
    margin-top: 0.7rem;
    margin-left: 1.1em;
}

.nav__children-group ul a:hover {
    color: #106ced;
}

.nav__children-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.7rem;
    color: #000;
    margin-bottom: 1em;
}

.nav__aside {
    padding-top: 1.8rem;
}

.v-slider {
    border-radius: 0.75rem;
    overflow: hidden;
}

.v-slider .slick-dots {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
}

.v-slider .slick-track {
    display: flex;
}

.v-slider .slick-slide {
    height: auto;
}

.v-slide__card {
    position: relative;
    padding: 2.75rem 1.25rem 1.25rem;
    height: 100%;
    color: #fff;
    background: #106ced;
    background-image: url(/local/templates/mebelino_new/images/circles-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 3rem;
}

.v-slide__label {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 0.6rem;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.3rem 0.45rem;
    background: #ed3131;
    border-radius: 0 0 0.75rem 0;
}

.v-slide__image {
    margin-bottom: 1.3rem;
    max-width: 13.75rem;
}

.v-slide__image img {
    filter: drop-shadow(0 4px 2rem #0e3368);
}

.v-slide__title {
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 1.1rem;
    line-height: 1.08386;
    margin-bottom: 1.35rem;
}

.v-slide__text {
    font-weight: 400;
    font-size: 0.7rem;
    margin-bottom: 1.2rem;
}

.v-slide__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 500;
    font-size: 0.65rem;
    color: #07203d;
    background: #f4c94c;
    border: 1px solid #ffecb5;
    border-radius: 0.35rem;
    height: 2.25rem;
    padding-left: 0.8rem;
    padding-right: 1rem;
    justify-content: center;
    min-width: 8.5rem;
}

.v-slide__btn .ico__download {
    width: 0.75rem;
    height: 1rem;
}

.v-slide__btn:hover {
    background-color: #ffecb5;
}

.v-slide__collage {
    position: relative;
    width: 13.75rem;
    height: 12rem;
    margin-bottom: 1.3rem;
}

.v-slide__collage img {
    filter: drop-shadow(0 4px 2rem #0e3368);
    border-radius: 0.25rem;
}

.v-slide__gallery {
    position: relative;
    aspect-ratio: 25/28;
    top: -1.35rem;
}

.v-slide__gallery img {
    box-shadow: 0 4px 2rem 0 #0e3368;
    border-radius: 7px;
    position: absolute;
}

.v-slide__gallery img:first-child {
    left: 0;
    bottom: 6%;
    z-index: 2;
    width: 61%;
}

.v-slide__gallery img:nth-child(2) {
    top: 0;
    right: 9%;
    width: 56%;
}

.v-slide__gallery img:last-child {
    bottom: 0;
    right: 0;
    width: 58%;
}

.v-slide__card_single .v-slide__title {
    margin-bottom: 0.8rem;
}

.v-slide__card_single > * {
    position: relative;
}

.v-slide__card_single::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(145deg, rgba(1, 45, 96, 0) 0%, #012d60 100%);
}

.v-slide__collage-image {
    position: absolute;
    width: 47%;
}

.v-slide__collage-image_1 {
    left: 0;
    top: 1.8rem;
    z-index: 2;
}

.v-slide__collage-image_2 {
    top: 0;
    left: 36%;
}

.v-slide__collage-image_3 {
    right: 0;
    bottom: 0;
    z-index: 2;
}

.main {
    flex-grow: 1;
    padding-top: 1.25rem;
}

.main__grid {
    display: grid;
    grid-template-columns: 17.5rem 56.5rem;
    column-gap: 2rem;
    row-gap: 1rem;
    grid-template-areas: "aside section";
}

.main__grid:has(.main__slider-cell) {
    grid-template-areas: "btns slider" "aside section" "aside bottom";
}

.main__good {
    display: grid;
    grid-template-columns: 56.5rem 17.5rem;
    column-gap: 2rem;
    row-gap: 1rem;
    grid-template-areas: "section aside";
}

.main__good:has(.main__slider-cell) {
    grid-template-areas: "slider btns" "section aside";
    grid-template-rows: auto 1fr;
}

.main__good:has(.main__bottom-cell) {
    grid-template-areas: "slider btns" "section aside" "bottom aside";
    grid-template-rows: auto auto 1fr;
}

.main__slider-cell {
    grid-area: slider;
}

.slider {
    border-radius: 0.35rem;
    overflow: hidden;
}

.slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    padding: 0;
    color: rgba(0, 117, 255, 0.3);
    transform: translateY(-50%);
    transition: all 0.3s;
    cursor: pointer;
    background: transparent;
    opacity: 0;
}

.slider .slick-arrow svg {
    width: 1.55rem;
    height: 1.55rem;
    display: block;
}

.slider .slick-arrow:hover {
    color: var(--color-4);
}

.slider:hover .slick-arrow {
    opacity: 1;
}

.slider .slick-prev {
    left: 1rem;
}

.slider .slick-next {
    right: 1rem;
}

.slider .slick-dots {
    z-index: 3;
    right: 1.25rem;
    bottom: 1.25rem;
}

.slider .slick-dots li:only-child {
    display: none;
}

.slider .slick-dots button {
    border: 1px solid #e7e7e7;
    background-color: #fff;
}

.slider .slick-dots .slick-active button {
    background-color: #106ced;
    border-color: #3984ed;
}

.slick-dots {
    position: absolute;
    list-style: none;
    font-size: 0;
    margin: 0;
    display: flex !important;
    gap: 0.2rem;
    align-items: center;
    z-index: 3;
    right: 1.25rem;
    bottom: 1.25rem;
}

.slick-dots button {
    width: 7px;
    height: 7px;
    font-size: 0;
    border-radius: 100%;
}

.slick-dots li:only-child {
    display: none;
}

.slick-dots button {
    border: 1px solid #e7e7e7;
    background-color: #fff;
}

.slick-dots .slick-active button {
    background-color: #106ced;
    border-color: #3984ed;
}

.slider__item {
    position: relative;
}

.slider__item:not(.slick-slide) ~ .slider__item {
    display: none;
}

.slider__item::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(275deg, rgba(48, 100, 157, 0) 0%, #051a31 100%);
}

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

.slider__content {
    position: absolute;
    left: 3rem;
    width: 25rem;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    color: #fff;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.6rem;
}

.slider__decor {
    position: relative;
    margin-bottom: 0.35rem;
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 7.1rem;
}

.slider__decor span:first-child {
    position: relative;
    z-index: 2;
    line-height: 0.90698;
    background: radial-gradient(50% 50% at 50% 50%, #ffe600 0%, #ffea00 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slider__decor span:last-child {
    color: #b79020;
    position: absolute;
    left: 0.4rem;
    top: 0;
}

.slider__title {
    font-weight: 900;
    font-size: 1.75rem;
    line-height: 0.90698;
    text-wrap: balance;
    margin-bottom: 0.5rem;
}

.main__btns-cell {
    grid-area: btns;
}

.main__btns {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.main__btn {
    overflow: hidden;
    position: relative;
    border-radius: 0.35rem;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.6rem;
    line-height: 1.16667;
    color: #fff;
}

.main__btn::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
    transition: all 0.3s;
}

.main__btn:hover {
    box-shadow: 0 4px 20px 0 rgba(245, 66, 34, 0.6);
}

.main__btn:hover .main__btn-bg {
    opacity: 0;
}

.main__btn:hover::after {
    opacity: 1;
}

.main__btn_1::after {
    background: #fc3f1d;
}

.main__btn-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.15;
    transition: all 0.3s;
}

.main__btn-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main__btn-flex {
    display: flex;
    align-items: center;
    position: relative;
    height: 3.55rem;
    z-index: 3;
    padding: 0.8rem;
    gap: 0.6rem;
}

.main__btn-icon {
    flex: 0 0 1.9rem;
    height: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.main__btn-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main__btn-text {
    flex: 1 1 auto;
}

.main__btn-title {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.5;
}

.main__btn-arrow {
    flex: 0 0 1.55rem;
    height: 1.55rem;
    background: url(/local/templates/mebelino_new/images/ico__arrow-alt.svg) 50% 50% no-repeat;
    background-size: contain;
}

.main__btn_2::after {
    background-color: #106ced;
}

.main__btn_2:hover {
    box-shadow: 0 4px 20px 0 rgba(16, 108, 237, 0.6);
}

.main__btn_3::after {
    background: #8aaa0d;
}

.main__btn_3:hover {
    box-shadow: 0 4px 20px 0 rgba(124, 152, 12, 0.6);
}

.main__btn_3 .main__btn-bg {
    opacity: 0.22;
}

.main__btn_4::after {
    background: #063367;
}

.main__btn_4:hover {
    box-shadow: 0 4px 20px 0 rgba(5, 44, 90, 0.4);
}

.main__btn_4 .main__btn-bg {
    opacity: 0.22;
}

.main__section-cell {
    grid-area: section;
}

.section__title, .related__title {
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1;
    color: #07203d;
    margin-bottom: 1em;
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 1px solid #cbd9e7;
}

.section__title::before, .related__title::before, .section__title::after, .related__title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    border-radius: 1.65rem;
    width: 4.5rem;
    height: 0.15rem;
    background: #2a75c6;
}

.section__title::after, .related__title::after {
    width: 1.05rem;
    background: #f4c94c;
}

.preims {
    display: grid;
    margin-bottom: 1.5rem;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.65rem;
    color: #07203d;
}

.preims__item {
    display: flex;
    align-items: center;
    text-wrap: balance;
    gap: 0.75rem;
}

.preims__item::before {
    content: '';
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.preims__item_1::before {
    width: 2.25rem;
    height: 1.45rem;
    background-image: url(/local/templates/mebelino_new/images/preim-1.svg);
}

.preims__item_2::before {
    width: 1.8rem;
    height: 1.75rem;
    background-image: url(/local/templates/mebelino_new/images/preim-2.svg);
}

.preims__item_3::before {
    width: 1.4rem;
    height: 1.9rem;
    background-image: url(/local/templates/mebelino_new/images/preim-3.svg);
}

.preims__item_4::before {
    width: 1.85rem;
    height: 1.7rem;
    background-image: url(/local/templates/mebelino_new/images/preim-4.svg);
}

.categories {
    margin-bottom: 3.3rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.categories__item {
    position: relative;
    border-radius: 0.4rem;
    overflow: hidden;
    color: #fff;
}

.categories__item::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.4rem 0.4rem 0 0;
    height: 5.2rem;
    background: linear-gradient(180deg, rgba(19, 19, 19, 0) 0%, #000 100%);
}

.categories__item img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 35/36;
}

.categories__item::after {
    content: '';
    position: absolute;
    right: 1.4rem;
    bottom: 1.05rem;
    width: 1.55rem;
    height: 1.55rem;
    opacity: 0.3;
    transition: all 0.3s;
    background: url(/local/templates/mebelino_new/images/ico__arrow-alt.svg) 50% 50% no-repeat;
    background-size: contain;
}

.categories__item:hover::after {
    opacity: 1;
}

.categories__item-title {
    position: absolute;
    bottom: 1.1rem;
    left: 1.4rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.55556;
    right: 3rem;
}

.section__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.1rem;
    color: #07203d;
    margin-bottom: 2.5rem;
}

.about__box {
    position: relative;
    padding-bottom: 2.6rem;
    padding-right: 21.55rem;
}

.about__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.2rem;
    list-style: none;
    margin: 0 0 2.95rem;
    counter-reset: about;
}

.about__list-item {
    text-wrap: balance;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.7rem;
    line-height: 1.28571;
    color: #07203d;
    display: flex;
    align-items: center;
    counter-increment: about;
    gap: 0.7rem;
    position: relative;
}

.about__list-item span {
    max-width: 10.5rem;
}

.about__list-item::before, .about__list-item::after {
    content: counter(about);
    flex: 0 0 3.1rem;
    height: 3.1rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.40625;
    text-align: center;
    color: #07203d;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-self: start;
    background: url(/local/templates/mebelino_new/images/circle-half.svg) 50% 50% no-repeat;
    background-size: contain;
}

.about__list-item::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.1rem;
    background: none;
}

.about__list-item::before {
    color: transparent;
}

.about__list-item:nth-child(2)::before {
    transform: rotate(-135deg);
}

.about__list-item:nth-child(3)::before {
    transform: rotate(45deg);
}

.about__list-item:nth-child(4)::before {
    transform: rotate(125deg);
}

.about__list-item:nth-child(5)::before {
    transform: rotate(102deg);
}

.about__list-item:nth-child(6)::before {
    transform: rotate(-175deg);
}

.about__cta {
    display: flex;
    align-items: center;
    gap: 2.6rem;
}

.about__cta-title {
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 0.9rem;
    line-height: 1.22222;
    color: #07203d;
    width: 17rem;
    text-wrap: balance;
}

.btn, .fav__btn {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    color: #000;
    padding: 0.8rem 0.8rem 0.9rem;
    display: inline-block;
    background: var(--color-2);
    border-radius: 0.35rem;
    min-width: 9.7rem;
    text-align: center;
}

.btn:hover, .fav__btn:hover {
    background: #1b86ff;
    color: #fff;
}

.btn_blue {
    color: var(--color-4);
    background: #d5e6fc;
}

.btn_blue:hover {
    box-shadow: 0 4px 20px 0 rgba(55, 138, 255, 0.6);
    background: #1b86ff;
    color: #fff;
}

.about__director {
    position: absolute;
    bottom: 0;
    right: -2.4rem;
    width: 24.05rem;
    display: flex;
    justify-content: flex-end;
}

.about__director::before {
    content: '';
    position: absolute;
    border-radius: 0.75rem;
    width: 12.1rem;
    bottom: 0;
    top: 4.3rem;
    background: #e7f3ff;
    left: 4rem;
}

.about__director::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/local/templates/mebelino_new/images/circle-bg_blue.svg) no-repeat;
    background-position: left 2rem bottom 1.5rem;
}

.about__director-image {
    width: 16.45rem;
    position: relative;
    z-index: 2;
}

.about__director-info {
    position: absolute;
    left: 0;
    top: 6rem;
    width: 10rem;
    z-index: 2;
}

.about__director-name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.8rem;
    color: #000;
}

.about__director-desc {
    font-family: var(--font-family);
    font-style: italic;
    font-weight: 400;
    font-size: 0.65rem;
    color: #000;
    margin-top: 1em;
}

.about__director-video {
    display: block;
    margin-top: 4rem;
    box-shadow: 0 0 33px 0 rgba(16, 108, 237, 0.65);
    border: 3px solid var(--color);
    border-radius: 100%;
    width: 7rem;
    height: 7rem;
    padding: 5px;
}

.about__director-video:hover {
    border: 3px solid var(--color-4);
}

.about__director-video:hover span::before {
    background: rgba(16, 108, 237, 0.65);
}

.about__director-video span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/local/templates/mebelino_new/images/video-btn.webp) 50% 50% no-repeat;
    background-size: cover;
    border-radius: 50%;
    border: 2px solid var(--color-2);
    overflow: hidden;
    position: relative;
}

.about__director-video span::before, .about__director-video span::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(3, 45, 104, 0.65);
    transition: all 0.3s;
}

.about__director-video span::after {
    background: url(/local/templates/mebelino_new/images/ico__play_small.svg) 55% 50% no-repeat;
    background-size: 1.6rem auto;
}

.asds {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 2rem;
}

.asd-wrap {
    position: relative;
}

.asd-wrap::before {
    content: '';
    left: 1.5rem;
    position: absolute;
    right: 1.5rem;
    height: 0.7rem;
    top: 100%;
    margin-top: 0.45rem;
    background: #032665;
    opacity: 0.33;
    filter: blur(11px);
}

.asd {
    position: relative;
    display: block;
    height: 11.75rem;
    background: #106ced;
    border-radius: 0.75rem;
    overflow: hidden;
    padding: 1.25rem;
    color: #fff;
}

.asd__bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

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

.asd__bg::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #032D68;
    opacity: 0.65;
}

.asd__content {
    max-width: 13rem;
    display: flex;
    flex-direction: column;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    line-height: 1.38462;
    gap: 0.6rem;
    position: relative;
    z-index: 2;
    align-items: flex-start;
    text-wrap: balance;
    height: 100%;
}

.asd__title {
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 0.9rem;
    line-height: 1.22222;
}

.asd__text {
    flex-grow: 1;
}

.asd__decor {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 8.1rem;
}

.asd__decor ~ .asd__content {
    max-width: 10.5rem;
}

.main__aside-cell {
    grid-area: aside;
}

a.asd::after {
    content: '';
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    width: 1.55rem;
    height: 1.55rem;
    background: url(/local/templates/mebelino_new/images/ico__arrow-alt.svg) no-repeat;
    background-size: contain;
}

.aside {
    margin-bottom: 1rem;
}

.aside__menu {
    list-style: none;
    margin-bottom: 0.7rem;
}

.aside__menu-item a {
    display: flex;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 0.7rem;
    color: #07203d;
    gap: 0.9rem;
    height: 2.7rem;
    border-bottom: 1px solid #cad5e4;
}

.aside__menu-item a .ico {
    width: 1.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #26517f;
    transition: all 0.3s;
}

.aside__menu-item a .ico svg {
    max-width: 100%;
    height: auto;
}

.aside__menu-item a span {
    flex-grow: 1;
}

.aside__menu-item a:hover {
    color: var(--color-4);
}

.aside__menu-item a:hover .ico {
    color: var(--color-4);
}

.aside__menu-item:last-child a {
    border-bottom: 0;
}

.ico__asideli {
    width: 0.4rem;
    height: 0.55rem;
}

.reviews {
    position: relative;
    padding: 1.1rem 1rem 0 1rem;
    color: #fff;
    overflow: hidden;
    margin-bottom: 2rem;
    background: linear-gradient(145deg, rgba(1, 45, 96, 0) 0%, #012d60 100%);
    background-color: #106ced;
    border-radius: 0.75rem;
}

.reviews > * {
    position: relative;
    z-index: 2;
}

.reviews::after {
    content: '';
    position: absolute;
    z-index: 3;
    background: linear-gradient(180deg, rgba(19, 19, 19, 0) 0%, #04336d 100%);
    opacity: 0.5;
    height: 83px;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 15px 15px 0 0;
}

.reviews__dots {
    position: absolute;
    width: 13.5rem;
    height: 14.6rem;
    bottom: 3.35rem;
    left: 0.85rem;
    background: url(/local/templates/mebelino_new/images/circles-bg.svg) no-repeat;
    background-size: contain;
}

.reviews__title {
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.45;
    color: #fff;
    padding-left: 1.7rem;
    background: url(/local/templates/mebelino_new/images/ico__star.svg) 0 40% no-repeat;
    background-size: 1.25rem;
    margin-bottom: 0.7rem;
}

.reviews__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 1.28571;
    margin-bottom: 0.6rem;
    text-wrap: balance;
}

.reviews__infos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1.3rem;
}

.reviews__info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.reviews__info-title {
    gap: 0.35rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 1.75rem;
    margin-right: 0.35rem;
}

.reviews__info-icon {
    width: 2.15rem;
    height: 1.35rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.reviews__info-icon_1 {
    background-image: url(/local/templates/mebelino_new/images/ico__stars.svg);
}

.reviews__info-desc {
    flex: 0 0 100%;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.6rem;
}

.reviews__info-icon_2 {
    background-image: url(/local/templates/mebelino_new/images/ico__employes.svg);
    width: 1.3rem;
    height: 0.9rem;
}

.reviews__box {
    margin-bottom: 0.75rem;
    background: #073c88;
    display: flex;
    align-items: center;
    border-radius: 0.4rem;
    gap: 0.2rem;
    padding: 0.9rem 1rem 0.9rem 0.7rem;
}

.reviews__box-img {
    width: 3.4rem;
    margin-right: auto;
}

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

.reviews__box-num {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 0.7rem;
    line-height: 1.42857;
}

.reviews__box-rating {
    display: flex;
}

.reviews__box-rating i {
    width: 0.7rem;
    height: 0.7rem;
    background: url(/local/templates/mebelino_new/images/ico__star.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.reviews__box-link {
    margin-left: auto;
    border: 1px solid var(--color-2);
    border-radius: 0.35rem;
    width: 4.3rem;
    height: 2rem;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.6rem;
    justify-content: center;
}

.reviews__box-link:hover {
    background-color: var(--color-2);
    color: #000;
}

.reviews__screen img {
    display: block;
    width: 100%;
    border-radius: 0.3rem 0.3rem 0 0;
}

.aside__box {
    border-bottom: 1px solid #cbd9e7;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.aside__box + .aside__box + .aside__box {
    border-bottom: 0;
    padding-bottom: 0;
}

.aside__box-title {
    display: flex;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 1rem;
    line-height: 1;
    color: var(--color-5);
    gap: 0.55rem;
    margin-bottom: 0.9rem;
}

.aside__box-icon {
    width: 1.05rem;
    height: 0.9rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.aside__box-icon_rutube {
    background-image: url(/local/templates/mebelino_new/images/ico__rutube.svg);
}

.aside__box-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 1.28571;
    color: var(--color-5);
    margin-bottom: 1.1rem;
}

.aside__box-group {
    display: grid;
    grid-template-columns: 1fr 10.3rem;
    gap: 1rem;
    position: relative;
    z-index: 2;
}

.aside__box-group:hover .aside__box-link::before {
    background-color: rgba(16, 108, 237, 0.5);
}

.aside__box-group:hover .aside__box-thumb::after {
    background-color: rgba(16, 108, 237, 0.5);
}

.aside__box-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.aside__box-header {
    background: #eef3fa;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.6rem;
    color: #000;
    padding: 0.35rem 0.6rem 0.8rem 0.65rem;
    border-radius: 0.35rem;
}

.aside__box-num {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.2;
    background: radial-gradient(50% 50% at 50% 50%, #008cff 0%, #106ced 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}

.aside__box-thumb {
    border-radius: 0.35rem;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.aside__box-thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 5/8;
    display: block;
    object-fit: cover;
}

.aside__box-thumb .ico__play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2rem;
    height: 2rem;
    transform: translate(-50%, -50%);
}

.aside__box-thumb::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(16, 108, 237, 0.22);
    transition: all 0.3s;
}

.aside__box-thumb:hover::after {
    background-color: rgba(16, 108, 237, 0.5);
}

.aside__box-link {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.35rem;
    color: #fff;
}

.aside__box-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(16, 108, 237, 0.22);
    transition: all 0.3s;
}

.aside__box-link:hover::before {
    background-color: rgba(16, 108, 237, 0.5);
}

.aside__box-link .ico__arrow-alt {
    width: 2.45rem;
    height: 2.45rem;
}

.aside__box-link span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    line-height: 1.38462;
}

.aside__box-link img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 7/10;
}

.aside__box-icon_photo {
    width: 1rem;
    height: 0.95rem;
    background-image: url(/local/templates/mebelino_new/images/ico__camera.svg);
}

.aside__box-icon_video {
    width: 1rem;
    height: 0.75rem;
    background-image: url(/local/templates/mebelino_new/images/ico__video.svg);
}

.main__bottom-cell {
    grid-area: bottom;
}

.main__box {
    margin-bottom: 3.3rem;
}

.main__box:last-child {
    margin-bottom: 0;
}

.faq__item {
    margin-bottom: 1rem;
}

.faq__item:last-child {
    margin-bottom: 0;
}

.faq__item + a {
    color: var(--color-4);
    font-size: 13px;
    display: inline-block;
    margin-top: 0.2rem;
}

.faq__item + a:hover {
    text-decoration: underline;
}

.faq__head {
    display: flex;
    cursor: pointer;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.55556;
    color: #07203d;
    gap: 0.85rem;
}

.faq__head.active .faq__icon {
    background-color: var(--color-4);
    color: #fff;
    transform: rotate(180deg);
}

.faq__head:hover .faq__icon {
    background-color: var(--color-4);
    color: #fff;
}

.faq__icon {
    flex: 0 0 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D5E6FC;
    border-radius: 100%;
    color: var(--color-4);
    transition: all 0.3s;
    padding-top: 1px;
}

.faq__body {
    display: none;
    padding-left: 3.35rem;
}

.faq__content {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1.75;
    color: #000;
}

.main__content {
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1.75;
}

.main__content h3 {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.27273;
    color: #07203d;
    margin-bottom: 0.5em;
}

.main__content * + h3 {
    margin-top: 1.5em;
}

.main__content ul, .main__content ol {
    margin-left: 1em;
}

.main {
    padding-bottom: 3.4rem;
}

.content {
    font-size: 0.8rem;
    line-height: 1.75;
}

.content > *:last-child {
    margin-bottom: 0;
}

.content ul:not([class]), .content ol:not([class]) {
    margin-left: 1em;
}

.footer {
    background: linear-gradient(157deg, rgba(48, 100, 157, 0.3) 0%, rgba(58, 131, 212, 0.3) 100%);
    background-color: #012d60;
    padding: 1.5rem 0 1.8rem;
    font-weight: 400;
    font-size: 0.65rem;
    line-height: 1.69231;
    color: #c0dff6;
}

.footer__flex {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    row-gap: 1.3rem;
}

.footer__widget {
    margin-right: auto;
}

.footer__widget:first-child {
    margin-right: 0;
    margin-left: 0;
}

.footer__widget-title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1.1rem;
}

.footer__links {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.footer__link {
    display: flex;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.6rem;
    color: #fff;
    gap: 0.7rem;
    padding-left: 0.6rem;
    padding-right: 1rem;
    padding-top: 0.65rem;
    padding-bottom: 0.55rem;
    border-radius: 0.35rem;
    min-width: 17.5rem;
    line-height: 1.2;
}

.footer__link_vk {
    background-color: #fff;
    background-color: rgba(51, 117, 246, 0.2);
}

.footer__link_vk:hover {
    background: #3375f6;
}

.footer__link-icon {
    flex: 0 0 61px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 992px) {
    .footer__link-icon {
        flex: 0 0 3.05rem;
    }

    .footer__link-icon .ico__vk {
        width: 2rem;
        height: 1.2rem;
    }

    .footer__link-icon .ico__telegram {
        width: 1.75rem;
        height: 1.45rem;
    }
}

.footer__link-text {
    flex: 1 1 auto;
}

.footer__link-title {
    font-weight: 900;
    font-size: 0.75rem;
}

.footer__link-arrow {
    flex: 0 0 1.55rem;
    font-size: 0;
}

.footer__link-arrow svg {
    width: 1.55rem;
    height: 1.55rem;
}

.footer__link_tg {
    background-color: rgba(55, 174, 226, 0.2);
}

.footer__link_tg:hover {
    background: #37aee2;
}

.footer__link_rutube {
    background-color: rgba(1, 1, 1, 0.2);
}

.footer__link_rutube:hover {
    background: #010101;
}

.contacts {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contacts__item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.06667;
    max-width: 15rem;
    text-wrap: balance;
}

.contacts__item a:hover {
    color: #fff;
}

.contacts__icon {
    flex: 0 0 2.15rem;
    height: 2.15rem;
    border-radius: 100%;
    background-color: #1c5495;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    color: #fff;
}

.contacts__icon .ico__address {
    width: 0.9rem;
    height: 1.05rem;
}

.contacts__icon .ico__clock {
    width: 0.9rem;
    height: 0.9rem;
}

.contacts__icon .ico__phone {
    width: 0.6rem;
    height: 1rem;
}

.contacts__icon .ico__whatsapp {
    width: 0.95rem;
    height: 0.95rem;
}

.contacts__icon .ico__email {
    width: 1rem;
    height: 0.85rem;
}

.contacts__icon_whatsapp {
    background-color: #29db3e;
}

.footer__menu {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.footer__menu a:hover {
    color: #fff;
}

.copy {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.65rem;
    color: #9abed9;
    text-align: center;
    padding: 0.6rem 15px;
    background: #01162d;
}

.mobile-nav {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 3px solid #cbd9e7;
    background: #fff;
    height: 70px;
}

.mobile-nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 8px;
    line-height: 1.25;
    text-transform: uppercase;
    text-align: center;
    color: var(--color-5);
    position: relative;
    border-bottom: 3px solid transparent;
}

.mobile-nav__link::before {
    content: '';
    pointer-events: none;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background: #20589a;
    opacity: 0.1;
    position: absolute;
}

.mobile-nav__link.active {
    border-bottom-color: var(--color-4);
}

.mobile-nav__link:first-child::before {
    display: none;
}

.mobile-nav__link-svg {
    width: 26px;
    height: 26px;
    margin-bottom: 2px;
    color: var(--color-4);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__fav-count {
    font-size: 9px;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.mobile-nav__link-svg_whatsapp {
    background: #29db3e;
    color: #fff;
    border-radius: 50%;
}

.mobile-nav__link-svg_whatsapp .ico__whatsapp {
    width: 16px;
    height: 16px;
}

.v5-mobile__btn-icon {
    font-size: 0;
}

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    cursor: pointer;
    top: 0;
    bottom: 0;
    backdrop-filter: blur(10px);
    background: rgba(7, 50, 99, 0.55);
    z-index: 30;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.overlay.active {
    pointer-events: all;
    opacity: 1;
}

.fav {
    position: fixed;
    opacity: 0;
    z-index: 40;
    pointer-events: none;
    transition: all 0.3s;
    border-radius: 0.75rem;
    width: 32.8rem;
    background: url(/local/templates/mebelino_new/images/fav-bg.svg) 95% 100% no-repeat;
    background-color: #fff;
    background-position: right 1rem bottom 0;
    background-size: 8.5rem 8.5rem;
    left: 50%;
    margin-left: -12.2rem;
    padding: 1.45rem 4rem 2.3rem 1.5rem;
    top: 6.4rem;
}

.fav::before {
    content: '';
    position: absolute;
    transform: rotate(-45deg);
    background: #fff;
    width: 1.45rem;
    top: -0.5rem;
    right: 6.5rem;
    height: 1.45rem;
}

.fav.active {
    opacity: 1;
    pointer-events: all;
}

.fav.active ~ .overlay {
    top: 5.7rem;
    z-index: 30;
}

.fav::after {
    content: '';
    position: absolute;
    right: 0.2rem;
    bottom: -1px;
    width: 10.15rem;
    height: 10.8rem;
    background: url(/local/templates/mebelino_new/images/fav-man.webp) 50% 100% no-repeat;
    background-size: contain;
}

.noscroll {
    overflow: hidden;
}

.noscroll .header {
    box-shadow: none;
}

.fav__close, .fav__notify-close, .fav__header-close {
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background-color: #D5E6FC;
    color: #2F5177;
    transition: all 0.3s;
    border-radius: 50%;
}

.fav__close:hover, .fav__notify-close:hover, .fav__header-close:hover {
    background-color: #2F5177;
    color: #fff;
}

.fav__close svg, .fav__notify-close svg, .fav__header-close svg {
    width: 0.8rem;
    height: 0.8rem;
}

.fav__title {
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.22222;
    color: var(--color-5);
    margin-bottom: 0.65rem;
    max-width: 24rem;
}

.fav__text {
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 1.42857;
    color: var(--color-5);
    max-width: 21.2rem;
    margin-bottom: 0.9rem;
}

.fav__btn {
    background-color: #106CED;
    color: #fff;
    width: 8.65rem;
}

.fav__image {
    position: absolute;
    bottom: 0;
    left: 13.35rem;
    width: 11.25rem;
}

.breadcrumbs {
    display: flex;
    align-items: center;
    margin-bottom: 0.9rem;
    font-family: var(--font-family);
    font-size: 0.65rem;
    line-height: 2.15385;
    color: #6c7b8c;
    gap: 0.6em;
    white-space: nowrap;
    margin-right: -10px;
    padding-right: 10px;
    margin-left: -10px;
    padding-left: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    font-weight: 600;
    color: var(--color-5);
}

.breadcrumbs::-webkit-scrollbar {
    display: none;
}

.breadcrumbs a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    font-weight: 400;
    color: #6c7b8c;
}

.breadcrumbs a:hover {
    text-decoration: none;
}

.sep {
    flex: 0 0 0.45rem;
    height: 0.4rem;
    background: url(/local/templates/mebelino_new/images/breadcrumbs-sep.svg) no-repeat;
    background-size: contain;
}

.switcher {
    float: right;
    display: flex;
    gap: 10px;
}

.switcher button {
    font-size: 0;
    background: transparent;
    color: #CFE3FC;
}

.switcher button.active {
    color: var(--color-4);
}

.switcher button:last-child {
    order: 2;
}

.switcher::after {
    content: '';
    width: 1px;
    background: #CFE3FC;
}

@media screen and (min-width: 576px) {
    .switcher {
        display: none;
    }
}

.catalog, .portfolio {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    column-gap: 2rem;
}

.catalog__item {
    position: relative;
}

.catalog__item::before {
    box-shadow: 0 10px 35px 0 #d6e4f7;
    background: #fff;
    content: '';
    position: absolute;
    border-radius: 0.75rem;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    transition: all 0.3s;
}

.catalog__item:hover {
    z-index: 5;
}

.catalog__item:not(.not-big):hover::before {
    height: calc(100% + 3.6rem);
}

.catalog__item:hover .catalog__item-btn {
    opacity: 1;
    pointer-events: all;
}

.catalog__item-header {
    position: relative;
    border-radius: 0.75rem 0.75rem 0 0;
    overflow: hidden;
    width: 17.5rem;
}

.catalog__item-labels {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    left: 0;
    top: 0.85rem;
    align-items: flex-start;
}

.catalog__item-label {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 0.6rem;
    text-transform: uppercase;
    color: #fff;
    padding: 0.3rem 0.45rem;
    border-radius: 0 0.15rem 0.15rem 0;
    background: #5a6d84;
}

._loan {
    background: #fee27f;
    color: #5c4c15;
}

@media screen and (min-width: 576px) {
    ._loan {
        display: none;
    }
}

._new {
    background: #106ced;
}

.catalog__item-fav {
    position: absolute;
    z-index: 2;
    right: 0.4rem;
    top: 0.45rem;
    background: rgba(231, 243, 255, 0.3);
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    color: #fff;
    font-size: 0;
    transition: all 0.2s;
}

.catalog__item-fav .ico__heart {
    width: 1.2rem;
    height: 1.05rem;
}

.catalog__item-fav[data-fav="1"], .catalog__item-fav:hover {
    background-color: #106CED;
}

.catalog__item-slider, .portfolio__slider {
    width: 100%;
}

.catalog__item-slider .slick-dots, .portfolio__slider .slick-dots {
    position: absolute;
    margin: 0;
    right: 0.65rem;
    bottom: 0.65rem;
}

.catalog__item-slider:hover .slick-arrow, .portfolio__slider:hover .slick-arrow {
    opacity: 1;
}

.catalog__item-slider .slick-arrow, .portfolio__slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    opacity: 0;
    padding: 0;
    color: rgba(0, 117, 255, 0.3);
    transform: translateY(-50%);
    transition: all 0.3s;
    cursor: pointer;
    background: transparent;
}

.catalog__item-slider .slick-arrow svg, .portfolio__slider .slick-arrow svg {
    width: 1.55rem;
    height: 1.55rem;
    display: block;
}

.catalog__item-slider .slick-arrow:hover, .portfolio__slider .slick-arrow:hover {
    color: var(--color-4);
}

.catalog__item-slider .slick-prev, .portfolio__slider .slick-prev {
    left: 1rem;
}

.catalog__item-slider .slick-next, .portfolio__slider .slick-next {
    right: 1rem;
}

.catalog__item-slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 17/15;
}

.catalog__item-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 0 1.25rem;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.catalog__item-btn .btn, .catalog__item-btn .fav__btn {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.6rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
}

.catalog__item-body {
    position: relative;
    width: 17.5rem;
    overflow: hidden;
    padding: 1rem 1.25rem;
}

.catalog__item-thumbs {
    margin-bottom: 0.85rem;
}

.catalog__item-thumb, .portfolio__thumb {
    margin-right: 0.5rem;
    width: 2.35rem;
    border-radius: 0.15rem;
    overflow: hidden;
}

.catalog__item-thumb img, .portfolio__thumb img {
    height: 1.85rem;
    width: 100%;
}

.catalog__item-thumb.slick-current img, .slick-current.portfolio__thumb img {
    border: 1px solid #106ced;
}

.catalog__item-thumb:not(.slick-current) img, .portfolio__thumb:not(.slick-current) img {
    opacity: 0.4;
}

.catalog__item-more {
    background: #edf4fd;
    width: 100%;
    height: 1.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 0.6rem; /* line-height: 1rem; */
    line-height: 1.66667;
    color: #5a6d84;
}

.catalog__item-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.11111;
    color: #07203d;
    height: 2.222em;
    margin-bottom: 0.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog__item-title + .catalog__item-options {
    padding-top: 2.2rem;
}

.catalog__item-desc {
    font-weight: 400;
    font-size: 0.6rem;
    margin-bottom: 0.6rem;
    line-height: 1.33333;
    color: #5a6d84;
    height: 2.666em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog__item-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 0.4rem;
}

@media screen and (max-width: 576px) {
    .catalog__item-options {
        display: none;
    }
}

.catalog__item-option {
    font-weight: 400;
    font-size: 0.6rem;
    line-height: 1.5;
    color: #5a6d84;
}

.bold {
    font-weight: bold;
}

.catalog__item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.catalog__item-price {
    font-weight: 700;
    font-size: 0.7rem;
    line-height: 1.71429;
    color: #07203d;
}

.catalog__item-price ._big {
    font-size: 1.1rem;
}

.catalog__item-loan {
    display: none;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.6rem;
    color: #5c4c15;
    padding: 0.15rem 0.4rem 0.2rem;
    background: #fee27f;
    border-radius: 0.15rem;
}

@media screen and (min-width: 576px) {
    .catalog__item-loan {
        display: block;
    }
}

.catalog__asd {
    grid-column-start: 1;
    grid-column-end: 4;
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.15rem 1.45rem 1.3rem 8.1rem;
    box-shadow: 0 10px 35px 0 #d6e4f7;
    background: #fece00;
    border-radius: 0.75rem;
}

.catalog__asd-image {
    position: absolute;
    left: 1rem;
    bottom: 0;
    width: 6.4rem;
}

.catalog__asd-image img {
    width: 100%;
}

.catalog__asd-content {
    flex: 1 1 auto;
    font-weight: 400;
    font-size: 0.7rem;
    padding-bottom: 0.2rem; /* line-height: 1rem; */
    line-height: 1.42857;
    color: #07203d;
}

.catalog__asd-content h4, .catalog__asd-content h3, .catalog__asd-content .h4 {
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.22222;
    margin-bottom: 0.5rem;
    text-wrap: balance;
}

.catalog__asd-btn {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
    padding: 0.35rem 1rem 0.35rem 0.5rem;
    font-weight: 500;
    font-size: 0.65rem;
    color: #fff;
    background: #29db3e;
    border-radius: 0.35rem;
}

.catalog__asd-btn i {
    font-size: 0;
    width: 1.8rem;
    height: 1.8rem;
    background: #21b233;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog__asd-btn i svg {
    width: 0.95rem;
    height: 0.95rem;
}

.catalog__asd-btn:hover {
    box-shadow: 0 4px 15px 0 rgba(14, 126, 27, 0.44);
}

.catalog, .portfolio {
    margin-bottom: 1.5rem;
}

.catalog__more {
    border-top: 1px solid #cbd9e7;
    padding-top: 1.3rem;
    margin-bottom: 3rem;
}

.catalog__more button {
    transition: all 0.3s;
}

.back {
    float: left;
    margin-right: 0.7rem;
    position: relative;
    z-index: 3;
    margin-top: -0.25rem;
}

@media screen and (min-width: 992px) {
    .back + .section__title, .back + .related__title {
        padding-bottom: 1.3rem;
    }
}

.back svg {
    width: 2rem;
    height: 2rem;
}

.good {
    display: grid;
    grid-template-columns: 37rem 17.5rem;
    gap: 2rem;
}

.good__gallery {
    position: relative;
    align-self: flex-start;
}

.good__gallery .catalog__item-labels {
    top: 1.25rem;
}

@media screen and (min-width: 767px) {
    .good__gallery .catalog__item-fav {
        display: none;
    }
}

.good__gallery .catalog__item-fav {
    right: 11px;
    top: 11px;
}

.good__slider img {
    width: 100%;
    height: auto;
    aspect-ratio: 25/22;
    border-radius: 0.75rem;
    object-fit: cover;
}

.good__slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    padding: 0;
    color: #CFE3FC;
    transform: translateY(-50%);
    transition: all 0.3s;
    cursor: pointer;
    background: transparent;
}

.good__slider .slick-arrow svg {
    width: 2.05rem;
    height: 2.05rem;
    display: block;
}

.good__slider .slick-arrow:hover {
    color: var(--color-4);
}

.good__slider .slick-prev {
    left: 1rem;
}

.good__slider .slick-next {
    right: 1rem;
}

.good__slide-video {
    width: 100%;
    height: auto;
    aspect-ratio: 25/22;
    border-radius: 0.75rem;
    object-fit: cover;
    display: flex;
    align-items: center;
    background: var(--color-5);
}

.good__slide-video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.good__slide:not(.slick-slide) ~ .good__slide {
    display: none;
}

.good__thumbs {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.35rem;
    backdrop-filter: blur(4.09705px);
    background: rgba(255, 255, 255, 0.7);
    padding: 0.5rem 0.5rem 0.5rem 0;
    max-width: 19.4rem;
}

.good__thumb {
    width: 3.15rem;
    border-left: 0.5rem solid transparent;
}

.good__thumb img {
    border-radius: 0.35rem;
    width: 2.65rem;
    height: 2.35rem;
    object-fit: cover;
}

.good__thumb.slick-current img {
    border: 2px solid var(--color-4);
}

@media screen and (min-width: 992px) {
    .main__good {
        row-gap: 2rem;
    }
}

.good__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

.good__content .preims {
    margin-bottom: 0;
}

@media screen and (min-width: 576px) {
    .good__content .preims {
        display: block;
        margin-bottom: 0;
    }

    .good__content .preims br {
        display: none;
    }

    .good__content .preims__item {
        padding-bottom: 0.75rem;
        margin-bottom: 0.75rem;
        border-bottom: 1px solid #cbd9e7;
        gap: 0.3rem;
    }

    .good__content .preims__item::before {
        background-position: 50% 50%;
        flex: 0 0 2.3rem;
        height: 1.6rem;
        background-size: contain;
    }

    .good__content .preims__item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.good__content .good__loan {
    order: 3;
}

.good__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.good__cost-info {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.6rem;
    line-height: 1.41667;
    color: var(--color-5);
}

.good__cost {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.7rem;
    display: flex;
    align-items: baseline;
    gap: 0.2em; /* line-height: 1.2rem; */
    line-height: 1.71429;
    color: #07203d;
}

.good__price {
    font-size: 1.3rem;
    line-height: 1;
}

.hover-box {
    display: inline-block;
    position: relative;
    width: 22px;
    margin-left: 4px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.6rem;
    flex: 0 0 22px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    background: #bbd3f3;
    border-radius: 100%;
    vertical-align: middle;
    align-self: center;
    z-index: 2;
}

.hover-box::before {
    content: '?';
}

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

.hover-box:hover .hover-box__content {
    opacity: 1;
    pointer-events: all;
}

.hover-box__content {
    position: absolute;
    opacity: 0;
    z-index: 2;
    top: 0;
    left: 100%;
    pointer-events: none;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.6rem;
    text-align: left; /* line-height: 0.9rem; */
    line-height: 1.5;
    color: var(--color-5);
    padding: 0.8rem 0.6rem;
    box-shadow: 2px 10px 25px 0 rgba(14, 51, 104, 0.33);
    border-radius: 0.35rem;
    width: 10.4rem;
    background: #fff;
    transition: all 0.3s;
    margin-left: 0.7rem;
    margin-top: -0.75rem;
}

.hover-box__content::before {
    content: '';
    width: 0.65rem;
    height: 0.65rem;
    background: #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 0.9rem;
    left: -0.2rem;
}

.good__add-to-fav, .fav__item-from-fav {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 0.65rem;
    color: var(--color-4);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
}

.good__add-to-fav svg, .fav__item-from-fav svg {
    width: 1.2rem;
    height: 1.05rem;
}

.good__cta {
    background: #fece00;
    position: relative;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.6rem;
    border-radius: 0.35rem; /* line-height: 0.9rem; */
    line-height: 1.5;
    color: #07203d;
    text-wrap: balance;
    padding: 0.9rem 0.75rem 1rem;
}

.good__cta::after {
    content: '';
    position: absolute;
    width: 6.85rem;
    bottom: 0;
    right: -0.2rem;
    height: 7.3rem;
    background: url(/local/templates/mebelino_new/images/manager.webp) 100% 100% no-repeat;
    background-size: 100% 100%;
}

.good__cta-title {
    font-weight: 700;
    font-size: 0.7rem;
    margin-bottom: 0.5rem; /* line-height: 0.85rem; */
    line-height: 1.21429;
}

.good__cta-text {
    max-width: 9rem;
}

.good__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.good__btn {
    flex: 1 1 40%;
    display: flex;
    align-items: center;
    height: 2.8rem;
    justify-content: center;
    gap: 0.4rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    color: #fff;
    border-radius: 0.35rem;
    background: var(--color-4);
}

.good__btn_whatsapp {
    background: #29db3e;
}

.good__btn_whatsapp:first-child {
    flex: 0 0 100%;
}

@media screen and (min-width: 576px) {
    .good__btn_whatsapp:first-child {
        flex: 0 0 100%;
        justify-content: flex-start;
        padding-left: 0.65rem;
    }

    .good__btn_whatsapp:first-child + .good__btn {
        justify-content: flex-start;
        padding-left: 0.65rem;
    }
}

.good__btn_whatsapp i {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #21b233;
}

.good__btn_whatsapp i svg {
    width: 0.95rem;
    height: 0.95rem;
}

.good__btn_whatsapp:hover {
    background-color: #21b233;
    color: #fff;
    box-shadow: 0 4px 15px 0 rgba(14, 126, 27, 0.44);
}

.good__btn_large {
    flex: 0 0 100%;
    background: #d5e6fc;
    color: var(--color-4);
}

.good__btn_large:hover {
    box-shadow: 0 4px 20px 0 rgba(55, 138, 255, 0.6);
    background: #1b86ff;
    color: #fff;
}

.good__info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.7rem;
    margin-bottom: 0.4rem;
}

.good__info-header a { /* line-height: 1.2rem; */
    line-height: 1.71429;
    color: var(--color-4);
}

.good__info-header a:hover {
    text-decoration: underline;
}

.good__info-row {
    display: flex;
    justify-content: space-between;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    line-height: 1.84615;
    color: #5a6d84;
    border-bottom: 1px dotted;
    margin-bottom: 0.35rem;
}

.good__info-row:last-child {
    margin-bottom: 0;
}

.good__loan {
    display: flex;
    align-items: center;
    background: #cdf1dc;
    padding: 0.4rem 0.75rem;
    gap: 0.3rem;
    border-radius: 0.35rem;
}

.good__loan a {
    color: #2e9a5c;
    font-size: 0;
}

.good__loan .ico__more {
    width: 1.55rem;
    height: 1.55rem;
}

.good__loan::before {
    content: '';
    border-radius: 0.05rem;
    width: 0.05rem;
    height: 2.1rem;
    margin-left: auto;
    margin-right: auto;
    background: #2e9a5c;
}

.good__loan-bank {
    display: flex;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.7rem; /* line-height: 0.7rem; */
    line-height: 1;
    color: #2e9a5c;
    gap: 0.35rem;
    order: -1;
}

.good__loan-bank::before {
    content: '';
    width: 1.7rem;
    height: 1.6rem;
    background: url(/local/templates/mebelino_new/images/sberbank.webp) no-repeat;
    background-size: 100% 100%;
}

.good__loan-info {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.6rem;
    color: #2e9a5c;
}

.good-aside {
    position: relative;
    overflow: hidden;
    height: 100%;
    background: #134783;
    border-radius: 0.35rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
}

.good-aside::before, .good-aside::after {
    content: '';
    position: absolute;
    background: url(/local/templates/mebelino_new/images/good-aside.jpg) 50% 50% no-repeat;
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.22;
}

.good-aside::after {
    background: rgba(16, 108, 237, 0.4);
}

.good-aside__box {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #6fb1ff;
    padding-bottom: 1rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    color: #fff;
}

.good-aside__box:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.good-aside__box .bold {
    font-weight: 900;
    font-size: 0.75rem; /* line-height: 0.9rem; */
    line-height: 1.2;
    margin-bottom: 0.35rem;
}

.good-aside__link, .video-btn__flex i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.7rem;
    border: 2px solid #f4c94c;
    width: 3.3rem;
    height: 3.3rem;
    color: #fff;
    font-size: 0;
    border-radius: 100%;
    padding-left: 0.1rem;
}

.good-aside__link svg, .video-btn__flex i svg {
    width: 0.8rem;
    height: 1rem;
}

.good-aside__link .ico__arrow, .video-btn__flex i .ico__arrow {
    width: 22px;
    height: 12px;
}

.tabs-nav {
    display: flex;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #cbd9e7;
    gap: 1rem;
}

.tabs-nav button {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.75rem; /* line-height: 1.2rem; */
    line-height: 1.6;
    color: #5a6d84;
    background: transparent;
    padding: 0 0 0.85rem 0;
    position: relative;
    margin-bottom: -1px;
    cursor: pointer;
}

.tabs-nav button::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-4);
    border-radius: 0.35rem;
    height: 0.15rem;
    opacity: 0;
}

.tabs-nav button.active {
    font-weight: 700;
    color: #1c2d41;
}

.tabs-nav button.active::after {
    opacity: 1;
}

.tabs {
    margin-bottom: 3rem;
}

.tab {
    display: none;
    font-weight: 500;
    font-size: 0.8rem; /* line-height: 1.4rem; */
    line-height: 1.75;
    color: var(--color-5);
}

.tab.active {
    display: block;
}

.content a:not([class]) {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--color-4);
}

.content a:not([class]):hover {
    text-decoration: none;
}

.pay-list {
    list-style: none;
    counter-reset: pay;
}

.pay-list li {
    padding-top: 0.65rem;
    font-weight: 500;
    position: relative;
    font-size: 0.8rem;
    padding-left: 4rem;
    min-height: 3.1rem; /* line-height: 1.4rem; */
    line-height: 1.75;
    color: var(--color-5);
    margin-bottom: 1.1rem;
    counter-increment: pay;
}

.pay-list li:last-child {
    margin-bottom: 0;
}

.pay-list li .bold {
    font-weight: 700;
    margin-bottom: 2px;
}

.pay-list li::before, .pay-list li::after {
    content: counter(pay);
    flex: 0 0 3.1rem;
    height: 3.1rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.40625;
    text-align: center;
    color: #07203d;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-self: start;
    position: absolute;
    left: 0;
    top: 0;
    width: 3.1rem;
    background: url(/local/templates/mebelino_new/images/circle-half_blue.svg) 50% 50% no-repeat;
    background-size: contain;
}

.pay-list li::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.1rem;
    background: none;
}

.pay-list li::before {
    color: transparent;
}

.pay-list li:nth-child(4)::before {
    transform: rotate(-135deg);
}

.pay-list li:nth-child(3)::before {
    transform: rotate(45deg);
}

.pay-list li:nth-child(2)::before {
    transform: rotate(125deg);
}

.pay-list li:nth-child(5)::before {
    transform: rotate(102deg);
}

.pay-list li:nth-child(6)::before {
    transform: rotate(-175deg);
}

.related {
    margin-bottom: 3rem;
}

.related__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.1rem;
    padding-bottom: 0.85rem;
    margin-bottom: 1.3rem;
}

.related__arrows, .related__arrows2 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.related__arrows .slick-arrow, .related__arrows2 .slick-arrow {
    background: transparent;
    width: 1.55rem;
    height: 1.55rem;
    font-size: 0;
    transition: all 0.3s;
    color: rgba(0, 117, 255, 0.3);
}

.related__arrows .slick-arrow svg, .related__arrows2 .slick-arrow svg {
    width: 1.55rem;
    height: 1.55rem;
}

.related__arrows .slick-arrow:hover, .related__arrows2 .slick-arrow:hover {
    color: #0075ff;
}

.related__slider, .related__slider2 {
    margin-left: -1rem;
    margin-right: -1rem;
    z-index: 2;
}

.related__slider .slick-list, .related__slider2 .slick-list {
    overflow: visible;
}

.related__slide {
    padding-left: 1rem;
    padding-right: 1rem;
}

.related__slide:not(.slick-active) {
    opacity: 0;
    pointer-events: none;
}

.catalog + .search-tip, .portfolio + .search-tip {
    margin-top: 2.5rem;
}

.catalog .search-tip, .portfolio .search-tip {
    margin-bottom: 0;
    grid-column-start: 1;
    grid-column-end: 4;
}

.search-tip {
    position: relative;
    background: #FECE00 url(/local/templates/mebelino_new/images/search-tip-bg.webp) 100% 50% no-repeat;
    background-size: auto 100%;
    border-radius: 0.75rem;
    padding: 1rem 1.25rem 1.2rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.33333;
    color: #07203d;
    margin-bottom: 3rem;
    background-blend-mode: multiply;
}

.search-tip p {
    margin-bottom: 1.1rem;
}

.search-tip h3, .search-tip h4 {
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 1.1rem;
    line-height: 1.40909;
    color: #07203d;
    margin-bottom: 0.5rem;
}

.search-tip * {
    max-width: 40rem;
    position: relative;
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    height: 2.8rem;
    justify-content: center;
    gap: 0.4rem;
    font-weight: 500;
    font-size: 0.65rem;
    color: #fff;
    border-radius: 0.35rem;
    background: #29db3e;
}

.whatsapp-btn i {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #21b233;
}

.whatsapp-btn i svg {
    width: 0.95rem;
    height: 0.95rem;
}

.whatsapp-btn:hover {
    background-color: #21b233;
    color: #fff;
    box-shadow: 0 4px 15px 0 rgba(14, 126, 27, 0.44);
}

.search-tip__image {
    width: 10.7rem;
    position: absolute;
    right: 1.8rem;
    bottom: 0;
}

.search-tip__image img {
    max-width: 100%;
}

.notfound {
    font-size: 0.75rem;
    text-align: center;
    max-width: 26rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(3rem + 4vh);
    padding-bottom: calc(4.5rem + 4vh);
    color: var(--color-5);
}

.notfound h3, .notfound h4, .notfound .h4 {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 0.6rem;
}

.notfound p {
    margin-bottom: 1.3rem;
}

.notfound__image {
    margin-bottom: 2rem;
}

.section__label {
    font-size: 0.6rem;
    line-height: 2.33333;
    text-transform: uppercase;
    color: #07203d;
    margin-bottom: 0.5rem;
}

.chapters {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 1.5rem;
}

.chapter {
    aspect-ratio: 35/19;
    background: #063368;
    border-radius: 0.4rem;
    overflow: hidden;
    position: relative;
    color: #fff;
}

.chapter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
    transition: all 0.3s;
}

.chapter:hover img {
    opacity: 0.2;
}

.chapter__label {
    position: absolute;
    left: 1.25rem;
    border-radius: 0.35rem;
    top: 1.25rem;
    background: rgba(0, 117, 255, 0.4);
    font-weight: 500;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    height: 2.1rem;
    padding-right: 0.7rem;
    padding-left: 0.5rem;
}

.chapter__label .ico__camera {
    width: 1.35rem;
    height: 1.2rem;
}

.chapter__label .ico__hammer {
    width: 1.3rem;
    height: 1.2rem;
}

.chapter__label .ico__photo {
    width: 1.3rem;
    height: 0.95rem;
}

.chapter__footer {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    right: 1rem;
    bottom: 0.75rem;
    left: 1.2rem;
}

.chapter__footer .ico__more {
    width: 1.55rem;
    height: 1.55rem;
}

.chapter__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.8rem;
    line-height: 1.375;
}

.portfolio-menu__item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.7rem 0;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.75;
    color: var(--color-5);
    border-top: 1px solid #cbd9e7;
}

.portfolio-menu__item .ico__more {
    color: var(--color-4);
}

.portfolio-menu__item:hover {
    color: #0075ff;
}

.portfolio-menu__item-count {
    margin-left: auto;
    font-weight: 300;
    font-size: 0.6rem;
    line-height: 1.25;
    padding: 0.2rem 0.35rem;
    color: var(--color-5);
    border-radius: 0.15rem;
    min-width: 4.35rem;
    background: #eaf4fe;
    flex-shrink: 0;
}

.portfolio_video {
    grid-template-columns: 1fr 1fr;
}

.portfolio__item {
    box-shadow: 0 10px 35px 0 #d6e4f7;
    background: #fff;
    border-radius: 0.75rem;
    position: relative;
    overflow: hidden;
    padding: 1.25rem;
}

.portfolio__slider {
    margin-bottom: 1.25rem;
}

.portfolio__slide img {
    border-radius: 0.75rem;
    width: 100%;
    aspect-ratio: 4/5;
    height: auto;
}

.portfolio__video-wrap {
    border-radius: 0.75rem;
}

.portfolio__thumb {
    margin-bottom: 1.1rem;
}

.portfolio__thumb img {
    height: 2.35rem;
    cursor: pointer;
}

.portfolio__video-link {
    height: 2.35rem;
    width: 100%;
    border: 1px solid #e6f1ff;
    border-radius: 0.35rem;
    background: #e6f1ff url(/local/templates/mebelino_new/images/portfolio-play.svg) 50% 50% no-repeat;
    background-size: 1.4rem 1.4rem;
    cursor: pointer;
}

.slick-current .portfolio__video-link {
    border-color: #0075ff;
}

.portfolio__title {
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.11111;
    color: #07203d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.portfolio__title a:hover {
    color: #0075ff;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
    gap: 0.5rem;
}

.tags a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 0.65rem;
    padding: 0.85rem;
    border-radius: 0.35rem;
    background: #d5e6fc;
    color: var(--color-4);
}

.tags a:hover, .tags a.current {
    background: #063367;
    color: #fff;
}

.portfolio__video {
    display: block;
    position: relative;
}

.portfolio__video::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 117, 255, 0.2);
    opacity: 1;
    transition: all 0.3s;
    border-radius: 0.75rem;
}

.portfolio__video::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/local/templates/mebelino_new/images/portfolio-play.svg) 50% 50% no-repeat;
}

.portfolio__video:hover::before {
    opacity: 0;
}

.portfolio__video-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 0.75em;
    margin-bottom: 1rem;
}

.portfolio__video-wrap img {
    width: 100%;
    display: block;
    height: auto;
}

@media screen and (min-width: 767px) {
    .portfolio__title_video {
        line-clamp: 1;
        -webkit-line-clamp: 1;
    }
}

.promotion {
    display: flex;
    gap: 2rem;
    margin-bottom: 2.2rem;
}

.promotion:last-child {
    margin-bottom: 0;
}

.promotion__image {
    flex: 0 0 65.7%;
}

.promotion__image img {
    width: 100%;
    border-radius: 0.3rem;
}

.promotion__content {
    flex: 1 1 auto;
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1.75;
    color: #000;
}

.promotion__title {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.27273;
    color: var(--color-5);
    margin-bottom: 0.75rem;
    text-wrap: balance;
}

.promotion__text {
    overflow: hidden;
    max-height: 80em;
    transition: all 0.5s;
}

.promotion__text:not(._opened) {
    max-height: 12.25em;
}

.links__block {
    overflow: hidden;
    max-height: 80em;
    transition: all 0.5s;
}

.links__block:not(._opened) {
    max-height: 6rem;
}

.links__block > a.btn {
    margin: 0 5px 10px 0;
}

a.text-box-toggle {
    color: #0075ff;
}

a.text-box-toggle:hover {
    text-decoration: underline;
}

a.text-box-toggle::before {
    content: 'Читать полностью';
}

.text-links + a.text-box-toggle::before {
    content: "Показать ссылки";
}

._opened + a.text-box-toggle::before {
    content: "Свернуть";
}

.text-links._opened + a.text-box-toggle::before {
    content: "Свернуть ссылки";
}

.selforder {
    box-shadow: 0 1.1rem 4rem 0 rgba(22, 36, 61, 0.33);
    background: #fff;
    width: 600px;
    padding: 54px 60px 60px;
    border-radius: 15px;
    display: none;
}

.fancybox-bg {
    backdrop-filter: blur(10px);
    background: rgba(7, 50, 99, 0.61);
}

.selforder__form label:not([class]) {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.84615;
    color: #5a6d84;
    margin-bottom: 7px;
}

.selforder__title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 14px;
    line-height: 1.25;
    color: var(--color-5);
    text-align: center;
}

.selforder__desc {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38462;
    text-align: center;
    color: var(--color-5);
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(203, 217, 231, 0.5);
}

.selforder__input, .selforder__textarea {
    border: 1px solid #c6dcf7;
    border-radius: 7px;
    width: 100%;
    height: 45px;
    font-size: 16px;
    background: #f1f6fc;
    padding-left: 14px;
    color: var(--color-5);
    margin-bottom: 17px;
    display: block;
}

.selforder__input:focus, .selforder__textarea:focus {
    border-color: var(--color-4);
}

.selforder__input._error, ._error.selforder__textarea {
    border-color: red;
}

.selforder__subtitle {
    margin: 23px 0 10px;
    font-size: 14px;
    line-height: 1.7;
    font-weight: bold;
    color: #052A42;
}

.selforder__desc + .selforder__subtitle {
    margin-top: 0;
}

.selforder__textarea {
    resize: none;
    padding-top: 10px;
    height: 82px;
    font-weight: 500;
    color: var(--color-5);
}

@media screen and (min-width: 992px) {
    .selforder__textarea {
        font-size: 14px;
    }
}

.selforder__textarea::-webkit-input-placeholder {
    color: #A9B9CB;
}

.selforder__notify, .form__notify {
    display: flex;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33333;
    color: var(--color-5);
    gap: 15px;
    padding: 13px 0;
}

.selforder__notify br, .form__notify br {
    display: none;
}

.selforder__notify i, .form__notify i {
    font-family: var(--font3);
    font-weight: 700;
    font-size: 21px;
    color: var(--color);
    flex: 0 0 36px;
    height: 36px;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    font-style: normal;
    border: 2px solid var(--color-4);
}

.selforder__footer {
    margin-top: 17px;
    border-top: 1px solid rgba(184, 191, 199, 0.5);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px; /* line-height: 14px; */
    line-height: 1.16667;
    text-align: center;
    color: #3e5b7e;
    padding: 21px 0;
}

.selforder__footer p {
    margin-bottom: 0;
}

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

.selforder__footer a:hover {
    text-decoration: none;
}

.form__submit {
    border-radius: 7px;
    width: 100%;
    height: 56px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
    background: var(--color-4);
}

.form__submit:hover {
    box-shadow: 0 4px 20px 0 rgba(55, 138, 255, 0.6);
}

.form__submit[disabled] {
    pointer-events: none;
    opacity: 0.2;
    box-shadow: none;
}

.selforder__thank {
    display: none;
}

.selforder__thank-ico {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.66667;
    color: #1c2d41;
    text-align: center;
    padding-top: 105px;
    background: url(/local/templates/mebelino_new/images/ico__thank.svg) 50% 0 no-repeat;
    margin-bottom: 36px;
}

.selforder__thank-notify {
    font-family: var(--font3);
    font-weight: 400;
    font-size: 33px;
    color: var(--color);
    width: 36px;
    margin-left: auto;
    margin-right: auto;
    height: 36px;
    text-align: center;
    line-height: 32px;
    border: 2px solid var(--color-4);
    margin-bottom: 12px;
    font-style: normal;
    border-radius: 50%;
}

.selforder__thank-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33333;
    text-align: center;
    color: #4f6074;
    padding-bottom: 45px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(184, 191, 199, 0.5);
}

.fancybox-slide--html .fancybox-close-small {
    width: 36px;
    height: 36px;
    top: 25px;
    right: 25px;
    background-color: #D5E6FC;
    padding: 1px;
    color: #2F5177;
    border-radius: 50%;
}

.selforder__file {
    border: 7px solid #fff;
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-radius: 4px;
    background-color: #F1F6FC;
    position: relative;
    padding: 13px 15px;
    margin-bottom: 18px;
}

.selforder__file::before {
    content: '';
    top: -7px;
    bottom: -7px;
    right: -5px;
    left: -5px;
    position: absolute;
    border: 1px dashed #c6dcf7;
    border-radius: 7px;
    pointer-events: none;
}

.selforder__file input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.files {
    position: relative;
}

.files:empty {
    display: none;
}

.files:empty ~ .selforder__add {
    display: none;
}

.files:not(:empty) ~ .selforder__file-label {
    display: none;
}

.files__item {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    gap: 17px;
}

.files__item-thumb {
    flex: 0 0 56px;
    height: 66px;
    background: rgba(0, 117, 255, 0.15);
    border-radius: 4px;
    background-image: url(/local/templates/mebelino_new/images/placeholder.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.files__item-info {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden;
}

.fancybox-active {
    overflow: hidden;
}

.files__item-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #1c3349;
}

.files__item-progress {
    margin: 4px 0;
    height: 2px;
    background: #dbedfe;
    border-radius: 3px;
    overflow: hidden;
}

.files-item-progress {
    background: #2688e3;
    height: 2px;
    border-radius: 0 3px 3px 0;
}

.files__item-status {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.16667;
    color: #647c9f;
    display: flex;
    align-items: center;
    gap: 6px;
}

.files__item-status::before {
    content: '';
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url(/local/templates/mebelino_new/images/ico__upload-process.svg) no-repeat;
}

.files__item-status._uploaded::before {
    background-image: url(/local/templates/mebelino_new/images/ico__upload-end.svg);
}

.files__item-remove {
    flex: 0 0 20px;
}

.files-item-remove {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: all 0.3s;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2f5177;
    border-radius: 50%;
    color: #fff;
}

.files-item-remove:hover {
    background-color: var(--color-4);
}

.selforder__file-label {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    text-align: center;
}

.selforder__file-caption {
    font-weight: 400;
    font-size: 12px; /* line-height: 18px; */
    line-height: 1.5;
    text-align: center;
    color: #26517f;
    margin-bottom: 11px;
    padding-top: 37px;
    background: url(/local/templates/mebelino_new/images/ico__upload.svg) 50% 0 no-repeat;
}

.selforder__file-btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: var(--color-4);
    padding: 11px 25px;
    border-radius: 7px;
    transition: all 0.3s;
    background: rgba(0, 117, 255, 0.15);
}

.selforder__file-btn:hover {
    background-color: #0075ff;
    color: #fff;
}

.selforder__add {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    background: rgba(0, 117, 255, 0.15);
    border-radius: 7px;
    height: 45px;
    font-weight: 600;
    font-size: 12px; /* line-height: 18px; */
    line-height: 1.5;
    text-align: center;
    color: var(--color-4);
    gap: 7px;
}

.selforder__add i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: var(--color-4);
}

.selforder__add:hover {
    color: #fff;
    background-color: var(--color-4);
}

.selforder__add:hover i {
    color: var(--color-4);
    background-color: #fff;
}

.fav-form {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translateX(101%);
    opacity: 0.5;
    transition: all 0.3s;
    background: #fff;
    display: flex;
    flex-direction: column;
    z-index: 40;
    width: 52.2rem;
    overflow-y: auto;
    overflow-x: clip;
    padding: 0 3.2rem;
    padding-bottom: 6rem;
}

.fav-form .hover-box {
    background: #E5EEF8;
    color: #A5C6F0;
}

.fav-form .hover-box:hover {
    background-color: var(--color-4);
    color: #fff;
}

.fav-form::-webkit-scrollbar {
    display: none;
}

.fav-form.active {
    transform: none;
    opacity: 1;
}

.fav__item-inputs .form__input, .fav__item-inputs .form__textarea {
    color: var(--color-5);
}

#fav-thank .fav-footer {
    display: flex;
}

.fav__notify {
    position: absolute;
    left: -1.25rem;
    top: 4.6rem;
    z-index: 15;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    right: 0;
    transition: all 0.3s;
}

.fav__notify.active {
    opacity: 1;
    overflow: visible;
    pointer-events: all;
}

.fav__notify.active .fav__notify-overlay {
    opacity: 1;
}

.fav__notify::after {
    content: '';
    bottom: 100%;
    left: 0.45rem;
    position: absolute;
    margin-bottom: 1.5rem;
    border-radius: 0.35rem;
    width: 10.45rem;
    height: 2.55rem;
    background: #fff;
}

.fav__notify-inner {
    position: relative;
    width: 373px;
    border-radius: 7px;
    max-width: 100%;
    background: #fff;
    padding: 21px 42px 25px 20px;
    z-index: 2;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33333;
    color: var(--color-5);
    text-wrap: balance;
}

.fav__notify-inner::before {
    content: '';
    position: absolute;
    width: 29px;
    height: 29px;
    background: #fff;
    transform: rotate(-45deg);
    left: 34px;
    top: -14px;
}

.fav__notify-inner .btn, .fav__notify-inner .fav__btn {
    font-size: 13px;
}

.fav__notify-text {
    margin-bottom: 15px;
}

.fav__notify-title {
    font-weight: 700;
    font-size: 14px; /* line-height: 0.85rem; */
    line-height: 1.21429;
    margin-bottom: 10px;
}

.btn_v2 {
    background: #106ced;
    color: #fff;
}

.btn_v2:hover {
    color: var(--color-4);
    background: #d5e6fc;
}

.fav__notify-close {
    right: 15px;
    top: 15px;
    width: 28px;
    height: 28px;
}

.fav__notify-close svg {
    width: 14px;
    height: 14px;
}

.fav-form:has(.fav__notify.active) {
    overflow: hidden;
}

.fav__notify-overlay {
    content: '';
    position: absolute;
    left: -2rem;
    right: -50rem;
    top: -25rem;
    bottom: -100vh;
    backdrop-filter: blur(10px);
    background: rgba(7, 50, 99, 0.55);
    opacity: 0;
}

.fav__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem 0 0.9rem;
    background: #fff;
    z-index: 5;
    position: sticky;
    top: 0;
    margin-left: -3.2rem;
    margin-right: -3.2rem;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.fav__header::before {
    content: '';
    position: absolute;
    left: 3.2rem;
    right: 3.2rem;
    bottom: 0;
    height: 1px;
    background: #cbd9e7;
}

.fav__header-title {
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1;
    color: #07203d;
}

.fav__header-close {
    position: static !important;
}

.fav__info {
    margin: 1.5rem 0 1.2rem;
    box-shadow: 0 10px 35px 0 #d6e4f7;
    background: #fece00;
    border-radius: 0.75rem;
    padding: 1rem 1.35rem 0.9rem 8.5rem;
    font-weight: 400;
    font-size: 0.65rem;
    line-height: 1.53846;
    color: #07203d;
    position: relative;
    text-wrap: balance;
}

.fav__info::before {
    content: '';
    position: absolute;
    left: 0.8rem;
    bottom: 0;
    width: 7.15rem;
    height: 7.6rem;
    background: url(/local/templates/mebelino_new/images/manager.webp) no-repeat;
    background-size: 100% 100%;
}

.fav__info-title {
    font-weight: 700;
    line-height: 1.46667;
    margin-bottom: 0.3rem;
}

.fav__count {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.33333;
    color: #07203d;
    border-bottom: 1px solid #b2cce7;
    padding-bottom: 1em;
}

.fav__empty {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0 9rem;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.2;
    text-align: center;
    color: #4f6074;
}

.fav__empty.hidden {
    display: none;
}

.fav__empty .bold {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 0.91667;
    text-align: center;
    color: var(--color-5);
    margin-bottom: 0.75rem;
}

.fav__empty * {
    max-width: 21rem;
}

.fav__empty.hidden ~ .fav__body {
    display: block;
}

.fav__empty.hidden ~ .fav__footer {
    display: flex;
}

.fav__empty-image {
    margin-bottom: 1.6rem;
}

.fav__body {
    display: none;
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
    position: relative;
}

.fav__header + .fav__body {
    display: block;
}

.fav__header + .fav__body + .fav__footer {
    display: flex;
}

.fav__item {
    margin-bottom: 20px;
}

.fav__item:last-child {
    margin-bottom: 0;
}

.fav__notify.active + .fav__item .fav__item-header-add {
    position: relative;
    z-index: 20;
}

.fav__item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}

.fav__item-header-add, .form__check {
    margin: 0;
    font-weight: 500;
    font-size: 0.65rem; /* line-height: 1.1rem; */
    line-height: 1.69231;
    color: var(--color-5);
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.fav__item-header-add input, .form__check input {
    width: 1rem;
    height: 1rem;
    border: 1px solid #c6dcf7;
    border-radius: 0.15rem;
    background: #e8f1fc;
}

.fav__item-header-add input:checked, .form__check input:checked {
    background: url(/local/templates/mebelino_new/images/ico__check.svg) 50% 50% no-repeat var(--color-4);
    background-size: 0.65rem auto;
}

.form__check {
    margin-bottom: 1.2rem;
}

.form__check + .form__notify {
    margin-top: 1rem;
}

.fav__item-from-fav {
    display: flex !important;
}

.fav__item-body {
    display: grid;
    grid-template-columns: 15.05rem 1fr;
    gap: 1.8rem;
    align-items: flex-start;
}

.fav__item-gallery img {
    width: 100%;
    height: auto;
    aspect-ratio: 23/20;
    object-fit: cover;
    border-radius: 0.35rem;
}

.fav__item-gallery .slick-dots {
    right: 1rem;
    bottom: 0.7rem;
}

.fav__item-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.11111;
    color: #07203d;
    margin-bottom: 0.95rem;
}

.fav__item-fieldset {
    border-top: 1px solid #f0f3fb !important;
    display: block;
}

.fav-item__legend, .fav__item-toggle {
    padding: 0.75rem 0;
    display: flex;
    margin-bottom: 0;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.75rem; /* line-height: 1.1rem; */
    line-height: 1.46667;
    color: var(--color-5);
    gap: 0.45rem;
}

.fav-item__legend.active i, .fav__item-toggle.active i {
    background-color: var(--color-4);
}

.fav-item__legend.active i svg rect + rect, .fav__item-toggle.active i svg rect + rect {
    opacity: 0;
}

.fav-item__legend .hover-box__content, .fav__item-toggle .hover-box__content {
    right: -1rem;
    top: 100%;
    margin-left: 0;
    left: auto;
    margin-top: 0.5rem;
}

.fav-item__legend .hover-box__content::before, .fav__item-toggle .hover-box__content::before {
    left: auto;
    right: 1.3rem;
    top: -0.3rem;
}

.fav-item__legend i, .fav__item-toggle i {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100%;
    background-color: #a5c6f0;
    transition: all 0.2s;
}

.fav-item__legend i + span, .fav__item-toggle i + span {
    flex: 1 1 auto;
}

.fav__item-toggle {
    padding: 0;
    cursor: pointer;
}

.hover-box:hover {
    z-index: 6;
}

.fav__item-inputs {
    margin-left: 0.45rem;
    padding-left: 22px;
    display: none;
    margin-top: -0.25rem;
}

.fav__item-inputs .row {
    margin-left: -10px;
    margin-right: -10px;
}

.fav__item-inputs .row > div {
    padding-left: 10px;
    padding-right: 10px;
}

.form__label {
    font-weight: 500;
    font-size: 0.65rem; /* line-height: 1.2rem; */
    line-height: 1.84615;
    color: #5a6d84;
    margin-bottom: 0.335rem;
}

.form__input, .form__textarea {
    border: 1px solid #c6dcf7;
    border-radius: 0.35rem;
    width: 100%;
    height: 2.25rem;
    margin-bottom: 1.2rem;
    font-weight: 500;
    font-size: 0.75rem;
    background: #f1f6fc; /* line-height: 1.2rem; */
    line-height: 1.6;
    color: var(--color-5);
    padding-left: 0.6rem;
}

.form__input:focus, .form__textarea:focus {
    background: #e0edfc;
    border-color: var(--color-4);
}

.form__input::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder {
    color: #A1B8D1;
}

.form__input._error, ._error.form__textarea {
    border: 1px solid #e93547;
}

.form__textarea {
    resize: none;
    height: 6rem;
    padding-top: 0.4rem;
}

.fav__footer {
    display: flex;
    position: sticky;
    margin-top: auto;
    position: fixed;
    margin-left: 0;
    margin-right: 0;
    right: 0;
    width: 52.2rem;
    bottom: 0;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    z-index: 5;
    box-shadow: 0 0 1.75rem 0 rgba(0, 27, 66, 0.15);
    background: #fff;
    align-items: center;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    display: none;
    justify-content: space-between;
}

.fav__footer .form__submit {
    flex: 0 0 14rem;
}

.fav__footer-notice {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1.33333;
    color: #07203d;
}

.fav__footer-notice:empty::before {
    content: attr(data-before);
}

.form__desc {
    font-weight: 400;
    font-size: 0.75rem; /* line-height: 0.9rem; */
    line-height: 1.2;
    color: var(--color-5);
    padding-bottom: 1rem;
}

.form__subtitle {
    font-weight: 700;
    font-size: 0.75rem;
    margin-top: 1rem;
    margin-bottom: 1rem; /* line-height: 1.1rem; */
    line-height: 1.46667;
    color: var(--color-5);
}

.add-item, .remove-item {
    display: none;
}

.add-to-fav[data-fav="0"] .add-item, .add-to-fav[data-fav="1"] .remove-item {
    display: inline;
}

.main_mebelino {
    padding: 0.75rem 0;
}

.main_mebelino .breadcrumbs {
    margin-bottom: 0;
}

.mebelino {
    background: #012d60;
    color: #fff;
    overflow: clip;
    padding: 2rem 0 5.2rem;
}

.mebelino h4 {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.27273;
    margin-bottom: 1rem;
}

.mebelino .section__title, .mebelino .related__title {
    color: #fff;
}

.mebelino h2 {
    font-weight: 900;
    font-size: 3.25rem;
    line-height: 1.2;
    margin-bottom: 0.85rem;
}

.mebelino__box {
    margin-bottom: 5rem;
}

.mebelino__box:last-child {
    margin-bottom: 0;
}

.mebelino__box_1 {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.mebelino__secret {
    flex: 0 0 50rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.mebelino__content {
    font-size: 0.8rem;
    line-height: 1.75;
}

.mebelino__content *:last-child {
    margin-bottom: 0;
}

.mebelino__nums {
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.9rem;
}

.mebelino__num {
    background: #03254c;
    border-radius: 0.75rem;
    font-weight: 500;
    font-size: 0.7rem;
    line-height: 1.28571;
    color: var(--color-2);
    padding: 1.25rem 0.5rem 2.05rem 1.1rem;
}

.mebelino__num div {
    font-weight: 400;
    font-size: 3rem;
    line-height: 1.19;
}

.mebelino__cols {
    display: flex;
    gap: 2rem;
}

.mebelino__cols h4 {
    font-size: 1.1rem;
}

.mebelino__col {
    flex: 1 1 45%;
}

.mebelino__col:first-child {
    padding-right: 1.5rem;
    border-right: 1px solid rgba(0, 117, 255, 0.3);
}

.mebelino__decor {
    position: relative;
    flex: 0 0 34.7rem;
}

.mebelino__decor::before {
    content: '';
    position: absolute;
    bottom: 4.8rem;
    left: 0;
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    background: var(--color-4);
    filter: blur(8rem);
}

.mebelino__decor::after {
    content: '';
    position: absolute;
    left: 1rem;
    top: 0;
    width: 24rem;
    height: 12.15rem;
    background: url(/local/templates/mebelino_new/images/circles-bg.svg) no-repeat;
    background-size: cover;
    opacity: 0.5;
}

.mebelino__decor-logo {
    width: 17.25rem;
    margin-left: 4.4rem;
    padding-top: 2.5rem;
    position: relative;
    z-index: 2;
    margin-bottom: -1.3rem;
}

.mebelino__decor-image {
    padding-left: 4.1rem;
    position: relative;
    z-index: 2;
}

.mebelino__decor-image img {
    width: 100%;
}

.mebelino__decor-image::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.45rem;
    background: #03254c;
    height: 0.3rem;
    border-radius: 1.65rem;
}

.mebelino__box_2 {
    position: relative;
}

.mebelino__box_2::before {
    content: '';
    position: absolute;
    top: 2rem;
    left: -3.25rem;
    width: 31.5rem;
    height: 31.5rem;
    border-radius: 50%;
    background: var(--color-4);
    filter: blur(8rem);
}

.mebelino__box_2 > * {
    position: relative;
}

.mebelino__production {
    padding-top: 1rem;
    display: flex;
    gap: 3.8rem;
}

.mebelino__production-image {
    flex: 0 0 50rem;
}

.mebelino__production-image img {
    border-radius: 0.75rem;
}

.mebelino__production-content {
    display: flex;
    flex-direction: column;
    gap: 1.9rem;
    flex: 1 1 auto;
    justify-content: space-between;
}

.video-btn {
    margin-bottom: 0.5rem;
    position: relative;
    overflow: hidden;
    padding: 1.25rem;
    display: block;
    font-weight: 900;
    font-size: 0.8rem; /* line-height: 0.9rem; */
    line-height: 1.125;
    color: #fff;
    border-radius: 0.75rem;
}

.video-btn img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.22;
    background: #134783;
}

.video-btn::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #106CED;
    opacity: 0.4;
}

.video-btn__flex {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    position: relative;
    z-index: 2;
}

.video-btn__flex i {
    margin-bottom: 0;
}

.mebelino__excurs h3, .mebelino__excurs h4 {
    font-weight: 900;
    font-size: 0.9rem;
    line-height: 1.22222;
    margin-bottom: 0.3rem;
}

.mebelino__excurs p {
    line-height: 1.75;
    margin-bottom: 0.95rem;
}

.mebelino__team {
    position: relative;
    width: 48rem;
    padding-top: 1rem;
}

.mebelino__director {
    position: absolute;
    left: 100%;
    bottom: -5.2rem;
    margin-left: 4.1rem;
    width: 26.8rem;
}

.mebelino__director::before {
    content: '';
    position: absolute;
    width: 30.45rem;
    height: 30.45rem;
    background: var(--color-4);
    border-radius: 50%;
    filter: blur(8rem);
    top: -4rem;
    left: 1.75rem;
}

.mebelino__director::after {
    content: '';
    position: absolute;
    background: url(/local/templates/mebelino_new/images/circles-bg.svg) no-repeat;
    background-size: cover;
    opacity: 0.5;
    left: 0;
    width: 24rem;
    height: 24rem;
    bottom: -5.3rem;
}

.mebelino__director-info {
    position: absolute;
    left: 0;
    top: 1.4rem;
    max-width: 10rem;
}

.mebelino__director-name {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 0.8rem;
}

.mebelino__director-desc {
    font-style: italic;
    font-weight: 400;
    font-size: 0.65rem;
    margin-top: 1em;
}

.mebelino__director-image {
    padding-left: 6.9rem;
    position: relative;
    z-index: 2;
}

.mebelino__director-image img {
    width: 100%;
}

.mebelino__team-info {
    margin-top: 1.8rem;
}

.mebelino__workers {
    display: flex;
    padding-top: 16px;
}

.mebelino__worker {
    padding-left: 1.9rem;
    padding-right: 1.9rem;
    text-align: center;
    border-right: 1px solid rgba(0, 117, 255, 0.33);
}

.mebelino__worker:first-child {
    padding-left: 0;
}

.mebelino__worker:last-child {
    padding-right: 0;
    border-right: 0;
}

.mebelino__worker-photo {
    width: 8.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.75rem;
}

.mebelino__worker-name {
    width: 9rem;
    font-weight: 700;
    font-size: 0.7rem;
    margin-bottom: 0.5rem; /* line-height: 0.9rem; */
    line-height: 1.28571;
}

.mebelino__worker-prof {
    width: 9rem;
    font-weight: 400;
    font-size: 0.6rem;
}

.mebelino_black {
    background: linear-gradient(60deg, rgba(0, 117, 255, 0.15) 0%, rgba(16, 108, 237, 0.15) 100%);
    background-color: #010f1f;
    padding: 3.6rem 0 5rem;
}

.mebelino_black ~ .footer {
    margin-top: 0;
}

.letters {
    width: 70.7rem;
    margin-top: 2rem;
    padding-right: 5rem;
}

.letters .slick-list {
    overflow: visible;
}

.letters .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    padding: 0;
    color: #CFE3FC;
    transform: translateY(-50%);
    transition: all 0.3s;
    cursor: pointer;
    background: transparent;
}

.letters .slick-arrow svg {
    width: 41px;
    height: 41px;
    display: block;
}

.letters .slick-arrow:hover {
    color: var(--color-4);
}

.letters .slick-next {
    right: 0;
}

.letters .slick-prev {
    left: 2rem;
}

.letters .slick-disabled {
    display: none !important;
}

.letters__slide {
    padding-right: 4rem;
}

.letters__slide img {
    display: block;
    border-radius: 0.75rem;
}

.letters__slide:not(.slick-active) {
    opacity: 0.3;
    pointer-events: none;
}

.content__title {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.8rem;
}

.content__title h2 {
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem; /* line-height: 1.4rem; */
    line-height: 1.27273;
    color: #07203d;
}

.content__icon {
    flex: 0 0 2.75rem;
    height: 2.75rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.content__icon_pay {
    background-image: url(/local/templates/mebelino_new/images/about-pay.webp);
}

.content__500 {
    font-weight: 500;
}

p.content__500 {
    margin-bottom: 1em;
}

.content__box {
    margin-bottom: 2rem !important;
    background: #f1f6fc;
    border-radius: var(--radius);
    padding: 1.75rem 2rem 1.8rem;
    color: var(--color-5);
}

.content__box a:not([class]) {
    text-decoration: none;
}

.content__box a:not([class]):hover {
    text-decoration: underline;
}

.content__box > *:last-child {
    margin-bottom: 0;
}

.content__box:only-child {
    height: calc(100% - 2rem);
}

.content__box h4 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 1.25em;
}

.content h4 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 1.25em;
    color: var(--color-5);
}

.content__items {
    margin-bottom: 1.5rem;
    margin-left: 0;
    margin-right: 0;
}

.content__items > div {
    padding-left: 0;
    padding-right: 0;
}

.content__items ._big {
    font-size: 1.1rem;
    margin-bottom: 4px;
}

.columns-2 {
    columns: 2;
    list-style-position: inside;
}

.columns-2 li {
    margin-bottom: 1.3em;
}

.content__icon_delivery {
    background-image: url(/local/templates/mebelino_new/images/about-delivery.svg);
}

.row_gap-2 {
    row-gap: 2rem;
}

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

.content hr {
    background: var(--color-6);
    margin-bottom: 1.5em;
    height: 1px;
}

.content > .content__box:last-child {
    margin-bottom: 0 !important;
}

@media (min-width: 992px) {
    .content__500 + .content__box {
        margin-top: 2rem;
    }
}

.news__item {
    display: flex;
    gap: 2rem;
    margin-bottom: 1.75rem;
}

.news__thumbnail {
    flex: 0 0 17.5rem;
}

.news__thumbnail img {
    display: block;
    width: 100%;
    border-radius: var(--radius);
}

.news__content {
    flex: 1 1 auto;
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1.75;
    color: var(--color-5);
}

.news__title {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.27273;
    color: #07203d;
    margin-bottom: 7px;
}

.news__title a:hover {
    color: var(--color-4);
}

.news__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 7px;
}

.news__excerpt * {
    margin-bottom: 0;
}

.news__more {
    color: var(--color-4);
}

.news__more:hover {
    text-decoration: underline;
}

.pagination {
    display: flex;
    border-top: 1px solid #cbd9e7;
    padding-top: 30px;
    gap: 6px;
    flex-wrap: wrap;
}

.pagination a, .pagination span {
    font-weight: 500;
    font-size: 13px;
    color: var(--color-4);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #d5e6fc;
    border-radius: 0.35rem;
}

.pagination span, .pagination .current, .pagination a:hover {
    background: #d5e6fc;
    border-color: #d5e6fc;
}

.content img {
    border-radius: var(--radius);
}

@media screen and (min-width: 767px) {
    .content .alignleft {
        float: left;
        margin-right: 2rem;
        max-width: calc(50% - 1rem);
    }

    .content .alignright {
        float: right;
        margin-left: 2rem;
        max-width: calc(50% - 1rem);
    }
}

.article ol:not([class]) {
    margin-left: 0;
    counter-reset: articleOl;
    list-style: none;
}

.article ol:not([class]) li {
    margin-bottom: 0.5em;
    counter-increment: articleOl;
    padding-left: 1.85em;
    position: relative;
}

.article ol:not([class]) li::before {
    content: counter(articleOl);
    position: absolute;
    font-weight: 700;
    color: #fff;
    top: 0.1875em;
    left: 0;
    font-size: 0.875em;
    padding-top: 0.05em;
    width: 1.4em;
    height: 1.4em;
    border-radius: 100%;
    background-color: #26517f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contacts_line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--color-5);
    margin-bottom: 2.5rem;
    gap: 12px;
}

.contacts_line .contacts__item {
    max-width: none;
}

.contacts_line .contacts__item a {
    text-decoration: none;
    color: inherit;
}

.contacts_line .contacts__item a:hover {
    color: var(--color-4);
}

.contacts_line .contacts__icon {
    background-color: #dfedff;
    color: var(--color-4);
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
}

.contacts_line .contacts__icon i {
    width: 60%;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #29db3e;
    border-radius: 50%;
    color: #fff;
}

.contacts_line .contacts__icon .ico__clock {
    width: 1.35rem;
    height: 1.4rem;
}

.contacts_line .contacts__icon .ico__email {
    width: 1.1rem;
    height: 0.95rem;
}

.contacts_line .contacts__icon .ico__phone {
    width: 0.8rem;
    height: 1.25rem;
}

.content iframe {
    max-width: 100%;
    border-radius: var(--radius);
    margin-bottom: 1.25em;
}

.content__box_small {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 20px !important;
}

.content__box_small:last-child {
    margin-bottom: 0 !important;
}

.content__box_small h4 {
    margin-bottom: 1em;
}

.color-5 {
    color: var(--color-5);
}

.content__address {
    display: flex;
    gap: 14px;
    color: var(--color-5);
    margin-bottom: 1.5em;
}

.content__address + p {
    padding-top: 5px;
}

.content__address-icon {
    flex: 0 0 2.75rem;
    height: 2.75rem;
    font-size: 0;
    border-radius: 50%;
    background: #dfedff;
    color: var(--color-4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.content__address-icon .ico__address {
    width: 1.15rem;
    height: 1.35rem;
}

.content__address-value {
    padding-top: 0.9em;
}

.content__address-value ._small {
    font-size: 0.8125em;
}

.steps-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

@media screen and (min-width: 992px) {
    .steps-info {
        position: sticky;
        top: 0;
        left: 0;
        height: 100vh;
        padding-top: calc(100vh - 33.9rem);
        margin-top: calc(33.9rem - 100vh);
    }
}

.steps-info__title {
    font-weight: 900;
    font-size: 2.5rem;
    position: relative;
    z-index: 2; /* line-height: 2.75rem; */
    line-height: 1.1;
    margin-bottom: 1.55rem;
}

.steps-info__title span {
    color: var(--color-2);
    white-space: nowrap;
}

.steps-info__desc {
    font-size: 0.9rem; /* line-height: 1.6rem; */
    line-height: 1.77778;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
}

.sep-20 {
    height: 1rem;
}

.steps-director {
    transform: translateX(-1.65rem);
    position: relative;
}

.steps-director::before {
    content: '';
    position: absolute;
    filter: blur(6.5rem);
    background: var(--color-4);
    border-radius: 50%;
    left: 3rem;
    bottom: 5rem;
    width: 30.5rem;
    height: 30.5rem;
}

.steps-director__quote {
    position: absolute;
    top: 6.55rem;
    left: 19rem;
    font-style: italic;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.45455;
    width: 19rem;
    z-index: 2;
}

.steps-director__quote::before {
    content: '“';
    left: -0.9rem;
    top: -0.2rem;
    font-size: 1.4rem; /* line-height: 1.6rem; */
    line-height: 1.14286;
    font-style: italic;
    position: absolute;
}

.steps-director__quote::after {
    content: '“';
    display: inline-block;
    position: relative;
    right: -0.3rem;
    top: 1rem;
    font-size: 1.4rem;
    vertical-align: text-top; /* line-height: 1.6rem; */
    line-height: 1.14286;
    font-style: italic;
}

.steps-director__image {
    width: 31.8rem;
    position: relative;
}

.steps-director__image img {
    width: 19.9rem;
    transform: translateX(-0.85rem);
}

.steps-director__image::before {
    content: '';
    position: absolute;
    width: 24rem;
    height: 18rem;
    background: url(/local/templates/mebelino_new/images/circles-bg.svg) no-repeat;
    opacity: 0.5;
    left: 2rem;
    background-size: cover;
    bottom: 0;
}

.steps-director__image::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.65rem;
    width: 100%;
    height: 0.3rem;
    background: #03254c;
}

.steps-director__info {
    position: absolute;
    top: 6.55rem;
    left: 19rem;
    margin-top: 13.1rem;
    z-index: 2;
}

.steps-director__name {
    font-weight: 700;
    font-size: 0.8rem;
    margin-bottom: 6px;
}

.steps-director__prof {
    font-style: italic;
    font-weight: 400;
    font-size: 0.65rem;
}

.video-btn_large {
    margin-bottom: 2.1rem;
}

@media screen and (min-width: 992px) {
    .video-btn_large {
        font-size: 1.1rem;
        font-weight: 500;
    }
}

.steps {
    position: relative;
}

.steps::before {
    content: '';
    position: absolute;
    filter: blur(6.5rem);
    background: var(--color-4);
    border-radius: 50%;
    left: 21.5rem;
    top: 50%;
    transform: translateY(-60%);
    width: 30.5rem;
    height: 30.5rem;
}

.step {
    position: relative;
    padding-left: 6rem;
    padding-top: 0.5rem;
    text-wrap: balance;
}

.step::before {
    content: '';
    position: absolute;
    width: 2px;
    background: var(--color-4);
    top: 2rem;
    height: 100%;
    left: 2.25rem;
    transform: translateX(-1px);
}

.step:last-child::before {
    display: none;
}

.step__num {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    font-weight: 900;
    font-size: 2rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-4);
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: var(--color-4);
    box-shadow: inset 0 0 0 3px #012D60;
}

.step__title {
    font-weight: 700;
    font-size: 1.4rem; /* line-height: 1.6rem; */
    line-height: 1.14286;
    margin-bottom: 0.5em;
}

.step__desc {
    font-weight: 400;
    font-size: 0.8rem; /* line-height: 1.4rem; */
    line-height: 1.75;
    margin-bottom: 3.6rem;
}

.step__desc:last-child {
    margin-bottom: 0;
}

.step__quote {
    padding-bottom: 4rem;
    position: relative;
}

.step__quote::before {
    content: '';
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    right: 100%;
    top: -1.1rem;
    margin-right: 2.65rem;
    border: 2px solid var(--color-4);
    border-radius: 50%;
    background: #012d60 url(/local/templates/mebelino_new/images/ico__step-next.svg) 50% 50% no-repeat;
    background-size: 0.8rem 1rem;
}

.step__quote-text {
    font-weight: 400;
    font-size: 0.8rem;
    position: relative;
    padding: 0.45rem 0.3rem 0.45rem 0.7rem; /* line-height: 1.2rem; */
    line-height: 1.5;
    color: var(--color-5);
    background: var(--color-2);
    border-radius: 0 0.75rem 0.75rem 0.75rem;
}

.step__quote-text::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border: 0.25rem solid transparent;
    border-right-color: var(--color-2);
    border-top-color: var(--color-2);
}

.step__notice {
    margin-top: 0.9rem;
    display: flex;
    align-items: center;
    line-height: 1.375;
    gap: 0.45rem;
}

.step__notice i {
    flex: 0 0 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.5rem;
    text-align: center;
    color: #022d60;
    background: var(--color-2);
}

.poll-wrap {
    position: fixed;
    overflow-y: auto;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: 200;
    pointer-events: none;
    opacity: 0;
    display: flex;
    transform: translate(-50%, 50px);
    transition: all 0.3s;
    width: 65rem;
    overflow-y: auto;
}

.poll-wrap.active {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: all;
}

.poll-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 65rem;
    height: 37rem;
    border-radius: 0.75rem;
    transform: translate(0, -50%);
    background: url(/local/templates/mebelino_new/images/preloader.gif) 50% 50% no-repeat #fff;
    opacity: 0;
    transition: all 0.3s;
    z-index: 200;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
}

.poll-wrap.loading::before {
    opacity: 1;
}

.poll-wrap::-webkit-scrollbar {
    display: none;
}

.poll {
    position: relative;
    height: 37rem;
    border-radius: 0.75rem;
    overflow: clip;
    background: #fff;
    z-index: 200;
    width: 100%;
    margin: auto;
    display: flex;
}

.poll {
    display: flex;
}

.poll__side {
    flex: 0 0 19.25rem;
    order: 2;
    display: flex;
    flex-direction: column;
    position: relative;
    background: #081A34;
    color: #fff;
    padding: 2rem 3rem 3rem;
}

.poll__side::before, .poll__side::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/local/templates/mebelino_new/images/side-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    opacity: 0.15;
}

.poll__side::after {
    background: #0D53B5;
    opacity: 0.33;
}

.poll__close {
    position: absolute;
    z-index: 5;
    position: absolute;
    top: 1.35rem;
    right: 1.55rem;
    width: 1.8rem;
    height: 1.8rem;
    background: #fff;
    opacity: 0.3;
    color: #2F5177;
    font-size: 0;
    transition: all 0.3s;
    border-radius: 50%;
}

.poll__close svg {
    width: 0.8rem;
    height: 0.8rem;
}

.poll__close:hover {
    opacity: 1;
}

.poll__side-header {
    position: relative;
    z-index: 3;
}

.poll__side-avatar {
    position: relative;
    z-index: 2;
    width: 5rem;
    margin-bottom: 0.85rem;
}

.poll__side-content {
    flex: 1 1 auto;
    font-weight: 500;
    font-size: 0.75rem;
    position: relative;
    z-index: 2; /* line-height: 1.1rem; */
    line-height: 1.46667;
    color: #9fbad9;
}

.poll__side-content .bold {
    font-size: 0.9rem;
    margin-bottom: 0.8rem;
    color: #fff;
}

.poll__side-error {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.16667;
    display: flex;
    gap: 10px;
    padding: 8px;
    margin-bottom: 18px;
    background: #e93547;
    border-radius: 7px;
    align-items: center;
}

.poll__side-error:not(.active) {
    display: none;
}

.poll__side-error i {
    font-weight: 900;
    font-size: 16px;
    font-style: normal;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    line-height: 28px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: var(--color);
}

.poll-error {
    position: relative;
    z-index: 2;
}

.poll__side-footer {
    position: relative;
    z-index: 2;
}

.poll__side-notice {
    font-size: 0.6rem;
    margin-bottom: 0.9rem;
    line-height: 1.33;
}

.poll__button {
    height: 2.8rem;
    width: 100%;
    font-weight: 700;
    font-size: 0.75rem;
    background: var(--color-4);
    border-radius: 0.35rem;
    color: #fff;
    transition: all 0.3s;
}

.poll__button:hover {
    opacity: 0.8;
}

.poll__thank {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    z-index: 10000; /* line-height: 0.9rem; */
    line-height: 1.2;
    text-align: center;
    color: var(--color-5);
    font-size: 15px;
    padding: 70px 20px;
}

.poll__thank .poll__close {
    background: #D5E6FC;
    color: #2F5177;
}

.poll__thank .poll__close:hover {
    background: var(--color-4);
    color: #fff;
}

.poll__thank.active {
    opacity: 1;
    pointer-events: all;
}

.poll__thank .bold {
    font-size: 20px;
    margin-bottom: 14px;
}

.poll__thank-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    box-shadow: 0 0 35px 0 rgba(0, 27, 66, 0.15);
    background: var(1);
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.poll__thank-image {
    margin-bottom: 2rem;
}

.poll__section {
    color: var(--color-5);
    flex: 1 1 auto;
    padding: 2.8rem 3rem 1rem;
    max-width: calc(100% - 19.25rem);
    position: relative;
}

.poll__header {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 0.2rem solid rgba(203, 217, 231, 0.5);
}

.poll__title {
    font-weight: 700;
    font-size: 1.2rem; /* line-height: 1.5rem; */
    line-height: 1.25;
    margin-bottom: 0.35rem;
}

.poll__desc {
    font-weight: 400;
    font-size: 0.75rem; /* line-height: 0.9rem; */
    line-height: 1.2;
}

.poll__step {
    display: none;
}

.poll__step.active {
    display: block;
}

.poll__step-title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.75rem;
}

.poll__step-num {
    font-weight: 700;
    font-size: 0.65rem;
    line-height: 1.8;
    flex-shrink: 0;
    padding: 0.3rem 0.6rem;
    background: var(--color-2);
    border-radius: 1.65rem;
}

.poll__step-legend {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.46667;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 0.55rem;
    padding-top: 0.9rem;
}

.poll .hover-box {
    width: 20px;
    height: 20px;
    color: #a5c6f0;
    font-size: 11px;
    line-height: 20px;
    background: #e5eef8;
}

.poll .hover-box:hover {
    background-color: var(--color-4);
    color: #fff;
}

.hover-box__content_w2 {
    width: 17rem;
}

.poll__checkboxes {
    display: flex;
}

.poll__step-info {
    margin-bottom: 1.3rem;
    padding-top: 0.5em;
}

/*.poll .selforder__notify, .poll .form__notify {
    margin-top: 25px;
}

@media screen and (min-width: 992px) {
    .poll .selforder__notify, .poll .form__notify {
        margin-top: 4rem;
    }
}*/

.poll__checkbox {
    margin-bottom: 0.5rem;
    display: flex;
    flex: 0 0 33.33%;
    font-weight: 500;
    font-size: 0.7rem;
    line-height: 1.57143;
    align-items: center;
    color: #5a6d84;
    gap: 0.7rem;
}

.poll__checkbox:only-child {
    flex: 0 0 100%;
}

.poll__checkbox input[type="checkbox"], .poll__checkbox input[type="radio"] {
    width: 1rem;
    height: 1rem;
    border: 1px solid #c6dcf7;
    border-radius: 0.15rem;
    background: url(/local/templates/mebelino_new/images/ico__check-white.svg) 50% 0% no-repeat #e8f1fc;
    background-size: 0;
}

.poll__checkbox input[type="checkbox"]:checked, .poll__checkbox input[type="radio"]:checked {
    background-size: 0.65rem auto;
    background-color: var(--color-4);
}

.poll .form__textarea {
    height: 3.8rem;
}

.poll .form__input, .poll .form__textarea {
    margin-bottom: 0.7rem;
}

.hover-box__content_w3 {
    width: 15rem;
}

.SumoSelect {
    position: relative;
    margin-bottom: 0.7rem;
}

.SumoSelect select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.CaptionCont {
    position: relative;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 0.65rem;
    background: #f1f6fc;
    line-height: 1.84615;
    display: flex;
    align-items: center;
    height: 2.25rem;
    cursor: pointer;
    border: 1px solid #c6dcf7;
    border-radius: 0.35rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    justify-content: space-between;
}

.CaptionCont label {
    margin: 0;
    width: 10px;
    height: 10px;
    background: url(/local/templates/mebelino_new/images/ico__sumoselect.svg) 50% 50% no-repeat;
    background-size: contain;
}

.CaptionCont .placeholder {
    color: #A1B8D1;
}

.open .CaptionCont .placeholder {
    color: var(--color-5);
}

._error + .CaptionCont {
    border: 1px solid #e93547;
}

.optWrapper {
    position: absolute;
    margin: 0.4rem 0;
    width: 100%;
    left: 0;
    padding: 1rem 0.8rem;
    font-weight: 500;
    font-size: 0.7rem;
    display: none;
    top: 100%;
    z-index: 5;
    box-shadow: 2px 10px 25px 0 rgba(14, 51, 104, 0.33);
    border: 1px solid var(--color-4);
    border-radius: 0.35rem;
    background: #fff;
}

.optWrapper .options {
    display: flex;
    flex-direction: column;
    margin: 0;
    list-style: none;
    gap: 0.8rem;
}

.open {
    z-index: 5;
}

.open .optWrapper {
    display: block;
}

.open .CaptionCont {
    background: #e0edfc;
    border-color: var(--color-4);
}

.open .CaptionCont label {
    transform: rotate(180deg);
}

.form__select_bottom + .optWrapper {
    top: auto;
    bottom: 100%;
}

.opt {
    display: flex;
    cursor: pointer;
    gap: 9px;
}

.opt.disabled {
    display: none;
}

.opt span {
    width: 1rem;
    height: 1rem;
    border: 1px solid #c6dcf7;
    border-radius: 0.15rem;
    background: url(/local/templates/mebelino_new/images/ico__check-white.svg) 50% 0% no-repeat #e8f1fc;
    background-size: 0;
}

.opt label {
    margin: 0;
}

.opt.selected span {
    background-size: 0.65rem auto;
    background-color: var(--color-4);
}

.MultiControls {
    display: none;
}

@media screen and (min-width: 767px) {
    .poll__checkbox_single {
        height: 2.25rem;
        margin-bottom: 0.7rem;
    }
}

.poll__photo {
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    top: 1.5rem;
    bottom: 1.5rem;
    background: #fff;
    z-index: 50;
    border: 1px solid #c6dcf7;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
}

.poll__photo.active {
    pointer-events: all;
    opacity: 1;
}

.poll__photo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.poll__photo-close {
    position: absolute;
    z-index: 5;
    position: absolute;
    cursor: pointer;
    transition: all 0.3;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1.35rem;
    right: 1.55rem;
    width: 1.8rem;
    height: 1.8rem;
    background: #D5E6FC;
    color: #2F5177;
    font-size: 0;
    transition: all 0.3s;
    border-radius: 50%;
}

.poll__photo-close svg {
    width: 0.8rem;
    height: 0.8rem;
}

.poll__photo-close:hover {
    background: var(--color-4);
    color: #fff;
}

.poll-slider-wrap {
    max-width: 100%;
    width: 100%;
    position: relative;
    padding-bottom: 0.8rem;
    border-bottom: 0.2rem solid #e8f1fc;
    margin-bottom: 1.25rem;
}

.poll-slider-wrap::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    height: 6.15rem;
    width: 1.15rem;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.poll-slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    padding: 0;
    color: rgba(0, 117, 255, 0.3);
    transform: translateY(-50%);
    transition: all 0.3s;
    cursor: pointer;
    background: transparent;
}

.poll-slider .slick-arrow svg {
    width: 1.55rem;
    height: 1.55rem;
    display: block;
}

.poll-slider .slick-arrow:hover {
    color: var(--color-4);
}

.poll-slider .slick-arrow.slick-disabled {
    display: none;
    opacity: 0;
    pointer-events: none;
}

.poll-slider .slick-next {
    right: 20px;
}

.poll-slider .slick-prev {
    left: 20px;
}

.poll-slider__item {
    width: 9rem;
    padding-right: 1.2rem;
}

.poll-slider__file {
    aspect-ratio: 5/4;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; /* line-height: 0.7rem; */
    line-height: 1.16667;
    text-align: center;
    color: var(--color-4);
    border: 1px dashed #789fcd;
    border-radius: 0.35rem;
    padding: 1rem;
    position: relative;
    margin: 0;
    cursor: pointer;
    gap: 6px;
}

.poll-slider__file input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 0;
    height: 0;
}

.poll-slider__file::before {
    content: '';
    width: 27px;
    height: 27px;
    background: url(/local/templates/mebelino_new/images/ico__upload.svg) no-repeat;
    background-size: contain;
}

.poll-slider__image {
    aspect-ratio: 5/4;
    border: 1px solid #c6dcf7;
    border-radius: 0.35rem;
    position: relative;
    overflow: hidden;
}

.poll-slider__image input {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #c6dcf7;
    border-radius: 0.15rem;
    background: #e8f1fc;
}

.poll-slider__image input:checked {
    background: url(/local/templates/mebelino_new/images/ico__check-white.svg) 50% 0 no-repeat var(--color-4);
}

.poll-slider__doc-wrap {
    aspect-ratio: 5/4;
    border: 1px dashed #789fcd;
    border-radius: 0.35rem;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; /* line-height: 0.7rem; */
    line-height: 1.16667;
    text-align: center;
    color: var(--color-4);
    gap: 6px;
    padding: 1rem 1rem 1.35rem 1rem;
}

.poll-slider__doc-wrap input {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #c6dcf7;
    border-radius: 0.15rem;
    background: #e8f1fc;
}

.poll-slider__doc-wrap input:checked {
    background: url(/local/templates/mebelino_new/images/ico__check-white.svg) 50% 0 no-repeat var(--color-4);
}

.poll-slider__doc-wrap::before {
    content: '';
    width: 27px;
    height: 34px;
    background: url(/local/templates/mebelino_new/images/ico__doc.svg) no-repeat;
    background-size: contain;
}

.poll-zoom {
    width: 100%;
    height: 100%;
    display: block;
}

.poll-zoom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.poll-zoom::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/local/templates/mebelino_new/images/ico__zoom.svg) 50% 50% no-repeat rgba(16, 108, 237, 0.33);
    opacity: 0;
}

.poll-zoom:hover::after {
    opacity: 1;
}

._image_contain .poll-zoom {
    display: flex;
    align-items: center;
    justify-content: center;
}

._image_contain .poll-zoom img {
    width: 95%;
    height: 95%;
    object-fit: contain;
}

.poll-slider__doc {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.poll-slider__remove {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: all 0.3s;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2f5177;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 5px;
}

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

@media (min-width: 1920px) {
    html {
        font-size: 1vw;
    }
}

@media (min-width: 2200px) {
    html {
        font-size: 21px;
    }
}

@media (max-width: 1600px) {
    html {
        font-size: 1.25vw;
    }
}

@media (max-width: 991px) {
    :root {
        --radius: 7px;
    }

    .steps-info__title {
        font-size: 22px;
        margin-bottom: 7px;
    }

    .steps-info__desc {
        margin-bottom: 23px;
        font-size: 13px;
    }

    .poll__photo {
        border: 0;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        border-radius: 0;
        bottom: 0;
        z-index: 10000;
        padding: 20px;
    }

    .poll__photo #poll-photo {
        padding: 10px;
        border: 1px solid #c6dcf7;
        border-radius: 0.15rem;
    }

    .poll__thank {
        position: fixed;
    }

    .steps-director {
        margin-bottom: 20px;
    }

    .steps-director__image {
        width: 100%;
    }

    .steps-wrap {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .steps-director {
        transform: none;
        margin-left: -10px;
        margin-right: -10px;
    }

    .content__title {
        margin-bottom: 12px;
    }

    .content__title h2 {
        font-size: 16px;
    }

    .content__icon {
        width: 33px;
        height: 33px;
        flex: 0 0 33px;
    }

    .content__box {
        margin-bottom: 20px !important;
        padding: 25px 20px;
    }

    .content__box h3 {
        font-size: 14px;
        margin-bottom: 1em;
    }

    .content__box:only-child {
        height: auto;
    }

    .content > .row:last-child > div:last-child .content__box:last-child {
        margin-bottom: 0 !important;
    }

    .content__items {
        font-size: 11px;
        line-height: 1.2;
        margin-left: -8px;
        margin-right: -8px;
    }

    .content__items > div {
        padding-left: 8px;
        padding-right: 8px;
    }

    .content__items ._big {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .columns-2 li {
        margin-bottom: 1.1em;
    }

    .row + .content__title {
        margin-top: 10px;
    }

    .mebelino {
        padding: 10px 0 25px;
    }

    .mebelino h2 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .mebelino h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .mebelino__content {
        font-size: 13px;
        line-height: 1.7;
    }

    .mebelino__box {
        display: block;
        margin-bottom: 30px;
    }

    .mebelino__box:last-child {
        margin-bottom: 0;
    }

    .mebelino__secret {
        gap: 20px;
    }

    .mebelino__nums {
        margin-bottom: 12px;
        gap: 20px;
    }

    .mebelino__num {
        font-size: 12px;
        padding: 11px 14px 22px;
        border-radius: 7px;
    }

    .mebelino__num div {
        font-size: 40px;
    }

    .mebelino__decor {
        width: 420px;
        margin-left: auto;
        position: relative;
        right: -28px;
        margin-top: 40px;
    }

    .mebelino__decor::after {
        width: 280px;
        height: 141px;
        top: 0;
        left: 69px;
    }

    .mebelino__decor::before {
        width: 280px;
        height: 280px;
        top: 121px;
        left: 0;
    }

    .mebelino__decor-image {
        padding-left: 48px;
        padding-right: 15px;
    }

    .mebelino__decor-logo {
        margin-left: 108px;
        width: 201px;
        margin-bottom: -16px;
        padding-top: 30px;
    }

    .mebelino__production {
        display: block;
        padding-top: 5px;
    }

    .mebelino__production .video-btn {
        max-width: 380px;
        margin-bottom: 4px;
        font-size: 16px;
        padding: 20px;
    }

    .mebelino__production .video-btn i {
        flex: 0 0 66px;
        width: 66px;
        height: 66px;
    }

    .video-btn__flex {
        gap: 19px;
    }

    .mebelino__excurs {
        font-size: 13px;
    }

    .mebelino__excurs p {
        margin-bottom: 19px;
    }

    .mebelino__excurs h4 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .mebelino__excurs .btn, .mebelino__excurs .fav__btn {
        font-size: 13px;
        padding: 17px;
        font-weight: 500;
    }

    .mebelino__production-content {
        gap: 29px;
    }

    .mebelino__production-image {
        margin-bottom: 20px;
    }

    .mebelino__box_2::before {
        width: 364px;
        height: 364px;
        top: 0;
        left: 50%;
        transform: translateX(-46%);
    }

    .mebelino_black {
        padding: 32px 0;
    }

    .mebelino__box_1 {
        display: block;
    }

    .mebelino__team {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .mebelino__team > h4 {
        flex: 0 0 100%;
    }

    .mebelino__team .mebelino__content {
        flex: 0 0 168px;
        position: relative;
        z-index: 3;
        padding-bottom: 16px;
    }

    .mebelino__director {
        position: relative;
        left: 0;
        bottom: 0;
        flex: 0 0 100%;
        padding-top: 49px;
        margin-left: -168px;
        padding-left: 160px;
    }

    .mebelino__director::after {
        width: 367px;
        height: 280px;
        bottom: 0;
        left: 43px;
    }

    .mebelino__director::before {
        width: 466px;
        height: 466px;
        left: 34px;
        bottom: -156px;
        top: auto;
    }

    .mebelino__director-info {
        left: 197px;
        top: 0;
        width: 155px;
        max-width: 155px;
    }

    .mebelino__director-name {
        font-size: 13px;
    }

    .mebelino__director-desc {
        font-size: 12px;
        margin-top: 8px;
    }

    .mebelino__director-image {
        width: 313px;
        padding-left: 0;
        margin-left: 0;
    }

    .mebelino__director-image::after {
        content: '';
        position: absolute;
        left: -175px;
        right: -100vw;
        height: 4px;
        background: #03254c;
        bottom: 0;
    }

    .mebelino__team-info {
        position: relative;
        z-index: 2;
        flex: 0 0 100%;
    }

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

    .mebelino__worker-prof {
        font-size: 10px;
        width: 100%;
    }

    .mebelino__worker-name {
        font-size: 12px;
        margin-bottom: 10px;
        width: 100%;
    }

    .mebelino__worker-photo {
        margin-bottom: 18px;
        width: 127px;
    }

    .letters {
        width: 100%;
        padding-right: 125px;
    }

    .letters__slide {
        padding-right: 20px;
    }

    .mebelino__worker {
        padding: 0;
        border: 0;
        flex: 0 0 145px;
    }

    .aside .section__label {
        display: none;
    }

    .fav__notify {
        left: 0;
        top: 109px;
    }

    .fav__notify::after {
        margin-bottom: 30px;
        left: 9px;
        width: 209px;
        height: 51px;
    }

    .catalog__item-label {
        font-weight: normal;
    }

    .overlay {
        z-index: 5;
    }

    .promotion {
        display: block;
        margin-bottom: 24px;
    }

    .promotion__title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .promotion__text:not(._opened) {
        max-height: 5.25em;
    }

    .links__block:not(._opened) {
        max-height: 6.3rem;
    }

    .promotion__content {
        font-size: 13px;
    }

    .promotion__image {
        margin-bottom: 16px;
    }

    .chapters + .section__label {
        display: none;
    }

    .chapters {
        gap: 10px;
    }

    .breadcrumbs {
        font-size: 11px;
    }

    .breadcrumbs .sep {
        width: 9px;
        height: 8px;
    }

    .catalog, .portfolio {
        gap: 10px;
        row-gap: 15px;
    }

    .catalog__item {
        border-radius: 7px;
        background-color: #fff;
        box-shadow: 0 10px 35px 0 #d6e4f7;
        overflow: hidden;
    }

    .catalog__item::before {
        display: none;
    }

    .catalog__item-btn {
        display: none;
    }

    .catalog__item-header {
        width: 100%;
        border-radius: 0;
    }

    .catalog__item-body {
        padding: 10px;
        width: 100%;
    }

    .catalog__item-desc {
        font-size: 10px;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        line-height: 1.2;
        height: 3.6em;
    }

    .catalog__item-title {
        font-weight: 500;
        font-size: 13px;
    }

    .catalog__item-title + .catalog__item-options + .catalog__item-footer {
        padding-top: 45px;
    }

    .catalog__item-options {
        display: none;
    }

    html {
        font-size: 15px;
    }

    .main {
        padding-top: 0;
    }

    .header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
    }

    .wrapper {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .header__btn {
        display: none;
    }

    .logo {
        gap: 11px;
    }

    .logo::after {
        height: 27px;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .header__nav {
        display: none;
    }

    .header {
        padding: 0;
    }

    .header__flex {
        height: 50px;
    }

    .main__grid {
        display: block;
    }

    .header__search {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        opacity: 0;
        margin-left: 0;
        margin-right: 0;
        pointer-events: none;
        padding: 20px;
        background: #fff;
        border-radius: 0 0 7px 7px;
        transition: all 0.3s;
    }

    .header__search.active {
        opacity: 1;
        pointer-events: all;
    }

    .header__search-input {
        height: 56px;
        margin-bottom: 13px;
        background: #f1f6fc;
        border: 1px solid #e7eff8;
        border-radius: 7px;
        font-size: 16px;
    }

    .header__search-input:focus {
        background: #f1f6fc;
        border: 1px solid #e7eff8;
    }

    .header__search-input:focus + .header__search-submit {
        background: var(--color-4);
    }

    .header__search-submit {
        height: 56px;
        position: relative;
        width: 100%;
        background: var(--color-4);
        border-radius: 7px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 14px;
        color: #fff;
        background: var(--color-4);
    }

    .header__search-submit span {
        display: block;
        gap: 5px;
    }

    .header__search-submit .ico__search {
        width: 28px;
        height: 28px;
    }

    .logo__desc {
        font-size: 10;
    }

    .logo__image {
        width: 94px;
    }

    .header {
        margin-bottom: 10px;
    }

    .slider {
        margin-bottom: 10px;
    }

    .slider__item img {
        height: auto;
        aspect-ratio: 23/10;
    }

    .slider__content {
        left: 12%;
        width: 60%;
        font-size: 2.2vw;
        text-wrap: balance;
    }

    .slider__title {
        font-size: 4.1vw;
    }

    .main__btns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .main__btns-cell {
        margin-bottom: 20px;
    }

    .main__btn {
        font-size: 10px;
    }

    .section__title, .related__title {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 17px;
    }

    .section {
        display: flex;
        flex-direction: column;
    }

    .preims {
        margin-bottom: 0;
        order: 2;
    }

    .aside__menu {
        display: none;
    }

    .aside {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .aside__box-group {
        grid-template-columns: 5fr 7fr;
    }

    .aside {
        margin-bottom: 25px;
    }

    .footer__flex {
        flex-wrap: wrap;
    }

    .categories {
        gap: 10px;
    }

    .main__btn-title {
        font-size: 12px;
        line-height: 1.2;
    }

    .slider__decor {
        font-size: 17vw;
        line-height: 0.9;
    }

    .reviews {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .reviews::before {
        left: -10px;
        width: auto;
        right: -10px;
        border-radius: 0;
    }

    .reviews__screen {
        max-width: 325px;
    }

    .reviews__box-rating {
        flex: 1 1 auto;
    }

    .reviews__box-img {
        margin-right: 20px;
    }

    .section {
        margin-bottom: 25px;
    }

    .v5-mobile {
        top: 50px;
        left: 0;
        right: 0;
        position: fixed;
        background: #fff;
        bottom: 0;
        z-index: 30;
        padding-top: 64px;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
        transform: translateY(50px);
    }

    .v5-mobile.active {
        opacity: 1;
        pointer-events: all;
        transform: translateY(0);
    }

    .v5-mobile__header {
        position: absolute;
        left: 10px;
        right: 10px;
        top: 0;
        display: flex;
        align-items: center;
        height: 64px;
        border-bottom: 1px solid #cbd9e7;
    }

    .v5-mobile__title {
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 16px;
        line-height: 2;
        color: #07203d;
        padding-left: 14px;
        background-image: url(/local/templates/mebelino_new/images/ico__mob-back.svg);
        background-position: 0 50%;
        background-repeat: no-repeat;
        background-size: 0;
        pointer-events: none;
        cursor: pointer;
        transition: all 0.3s;
    }

    .v5-mobile__title.active {
        pointer-events: all;
        padding-left: 34px;
        background-size: 25px 25px;
    }

    .v5-mobile__body {
        position: relative;
        height: 100%;
        overflow-y: auto;
        padding: 0 10px 15px;
    }

    .v5-mobile__subnav {
        display: none;
        padding-bottom: 70px;
        list-style: none;
        margin-bottom: 0;
    }

    .v5-mobile__subnav > li {
        border-bottom: 1px solid #cad5e4;
    }

    .v5-mobile__subnav > li:last-child {
        border-bottom: 0;
    }

    .v5-mobile__subnav > li > a {
        display: -webkit-flex;
        display: flex;
        align-items: center;
        height: 50px;
        font-size: 14px;
        line-height: 16px;
        color: #07203d;
        font-weight: 500;
        gap: 1em;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 10px;
    }

    .v5-mobile__subnav > li > a span {
        flex-grow: 1;
    }

    .v5-mobile__subnav > li > a .ico {
        width: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .v5-mobile__subnav > li > a .ico:empty {
        display: none;
    }

    .v5-mobile__subnav > .v5-c__parent > a::after {
        content: '';
        width: 18px;
        height: 18px;
        background: url(/local/templates/mebelino_new/images/ico__mob-parent.svg);
    }

    .v5-mobile__subnav > li > ul {
        display: none;
        padding-left: 70px;
        padding-top: 6px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        color: #5a6d84;
        list-style: none;
        margin-bottom: 11px;
    }

    .v5-mobile__subnav > li > ul:last-child {
        margin-bottom: 0;
    }

    .v5-mobile__subnav > li > ul li {
        margin-bottom: 11px;
    }

    .v5-mobile__subnav > li > ul li:last-child {
        margin-bottom: 0;
    }

    .v5-mobile__subnav > li > ul .v5-c__children-group {
        margin-bottom: 18px;
    }

    .v5-mobile__subnav > li > ul .v5-c__children-group:last-child {
        padding-bottom: 18px;
    }

    .v5-mobile__subnav > li > ul a {
        font-size: 13px;
        color: #106ced;
    }

    .v5-mobile__btns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 10px;
    }

    .v5-mobile__btn {
        display: flex;
        justify-content: center;
        height: 56px;
        align-items: center;
        background: #d5e6fc;
        border-radius: 7px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 13px;
        color: var(--color-4);
        gap: 11px;
    }

    .v5-mobile__btn_whatsapp {
        background-color: #29DB3E;
        color: #fff;
    }

    .v5-mobile__btn_whatsapp .v5-mobile__btn-icon {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: #21b233;
        padding-left: 1px;
        padding-bottom: 1px;
    }

    .v5-mobile__menu {
        list-style: none;
        margin: 0;
        padding-bottom: 70px;
    }

    .v5-mobile__menu > li {
        border-bottom: 1px solid #E3E4E4;
    }

    .v5-mobile__menu > li > a {
        display: flex;
        align-items: center;
        height: 56px;
        align-items: center;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 14px;
        color: #07203d;
        padding-left: 14px;
        padding-right: 14px;
        gap: 11px;
    }

    .v5-mobile__menu > li > a .ico {
        font-size: 0;
    }

    .v5-mobile__menu > li > a span {
        flex-grow: 1;
    }

    .v5-mobile__menu > li:last-child {
        border-bottom: 0;
    }

    .v5-mobile__menu > .parent > a::after {
        content: '';
        width: 18px;
        height: 18px;
        background: url(/local/templates/mebelino_new/images/ico__mob-parent.svg) no-repeat;
    }

    .v5-mobile__menu .children {
        display: none;
    }

    .parent_catalog {
        border-bottom: 0;
    }

    .parent_catalog a {
        background: #106ced;
        color: #fff !important;
        border-radius: 0.35rem;
    }

    .v5-c__parent.active > a:after {
        background-image: url(/local/templates/mebelino_new/images/ico__mob-parent-active.svg);
    }

    .v5-c__children .v5-c__children {
        list-style: none;
    }

    .v5-c__children .v5-c__children ul {
        background: #f3f8ff;
        padding: 9px 12px;
        margin-top: 11px;
    }

    .v5-c__children .v5-c__children ul li a {
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .v5-c__children .v5-c__children ul li a::before {
        content: '-';
    }

    .v5-c__children-title {
        margin-bottom: 11px;
    }

    .fav.active ~ .overlay {
        top: 0;
    }

    .fav {
        top: auto;
        width: 374px;
        max-width: 100%;
        left: 50%;
        bottom: 95px;
        padding: 21px 20px;
        margin-left: 0;
        padding-bottom: 29px;
        transform: translateX(-50%);
        background: #fff;
        border-radius: 7px;
    }

    .fav::after {
        display: none;
    }

    .fav::before {
        top: auto;
        bottom: -0.5rem;
        right: 46%;
    }

    .fav__image {
        right: 0;
        bottom: 0;
        width: 154px;
        left: auto;
        border-radius: 0 0 7px 0;
        overflow: hidden;
    }

    .fav__text {
        font-size: 12px;
        margin-bottom: 20px;
        max-width: none;
        margin-right: -10px;
    }

    .fav__title {
        font-size: 14px;
        margin-bottom: 9px;
        text-wrap: balance;
    }

    .fav__btn {
        font-size: 13px;
        padding: 14px 45px 15px;
        width: auto;
    }

    .footer {
        font-size: 12px;
        background-color: #012d60;
        background-image: linear-gradient(157deg, rgba(48, 100, 157, 0.3) 0%, rgba(58, 131, 212, 0.3) 100%);
    }

    .footer__widget-title {
        font-size: 13px;
    }

    .contacts__item {
        font-size: 13px;
        gap: 15px;
    }

    .contacts__icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .contacts__icon .ico__phone {
        width: 12px;
        height: 20px;
    }

    .contacts__icon .ico__email {
        width: 20px;
        height: 17px;
    }

    .contacts__icon .ico__whatsapp {
        width: 19px;
        height: 19px;
    }

    .contacts__icon .ico__address {
        width: 18px;
        height: 21px;
    }

    .contacts__icon .ico__clock {
        width: 18px;
        height: 18px;
    }

    .contacts_line .contacts__icon .ico__whatsapp {
        width: 14px;
        height: 14px;
    }

    .contacts_line .contacts__item {
        font-size: 16px;
    }

    .footer__link {
        min-width: 340px;
        font-size: 11px;
        height: 74px;
        gap: 13px;
    }

    .footer__link .ico__more {
        width: 25px;
        height: 25px;
    }

    .footer__link-title {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .main__content {
        font-size: 13px;
    }

    .main__content:has(.contacts_line) p.color-5 {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .faq__icon {
        flex: 0 0 32px;
        height: 32px;
    }

    .faq__head {
        font-size: 13px;
        gap: 10px;
    }

    .faq__body {
        color: #5a6d84;
        padding-left: 42px;
        font-size: 12px;
    }

    .main__good {
        display: block;
    }

    .main {
        position: relative;
    }

    .back {
        width: 33px;
        height: 33px;
        font-size: 0;
        margin-right: 12px;
    }

    .back svg {
        width: 33px;
        height: 33px;
    }

    .back + .section__title, .back + .related__title {
        min-height: 43px;
    }

    .good-aside {
        margin-top: 20px;
        gap: 20px;
        padding: 20px;
    }

    .main__good .preims {
        order: -1;
        margin-bottom: 30px;
    }

    .main__good .good__content .preims {
        order: 1;
        margin-bottom: 0;
    }

    .good {
        display: flex;
    }

    .good__gallery {
        flex: 0 0 64%;
        max-width: 64%;
        gap: 2%;
        justify-content: space-between;
    }

    .good-aside__box {
        display: flex;
        align-items: center;
        padding-bottom: 19px;
        gap: 18px;
        font-size: 11px;
    }

    .good-aside__box .bold {
        font-size: 13px;
    }

    .good-aside__box:last-child {
        padding-bottom: 0;
    }

    .good-aside__link, .video-btn__flex i {
        flex: 0 0 56px;
        height: 56px;
        margin-bottom: 0;
    }

    .main__section-cell:last-child .section {
        margin-bottom: 0;
    }

    .fav-form {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        z-index: 99;
    }

    .fav__info {
        font-size: 13px;
        padding: 18px 120px 20px 14px;
    }

    .fav__info * {
        max-width: 208px;
    }

    .fav__info .bold {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .fav__info::before {
        width: 137px;
        height: 146px;
        left: auto;
        right: 19px;
    }

    .fav__count {
        font-size: 12px;
    }

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

    .fav__footer {
        width: 100%;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 20px;
    }

    .fav__footer .form__submit {
        height: 47px;
    }

    .fav__header {
        margin-left: -10px;
        margin-right: -10px;
        padding: 7px 10px;
    }

    .fav__header::before {
        left: 10px;
        right: 10px;
    }

    .fav__header-close {
        width: 36px;
        height: 36px;
    }

    .fav__header-close svg {
        width: 16px;
        height: 16px;
    }

    .fav__header-title {
        font-size: 18px;
    }

    .fav__empty {
        font-size: 12px;
    }

    .fav__empty .bold {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .fav__item {
        box-shadow: 0 5px 20px 0 #9eb4d4;
        background: var(1);
        padding: 25px;
        border-radius: 0.35rem;
    }

    .fav__item-body {
        display: block;
    }

    .fav__item-header-add {
        font-size: 12px;
    }

    .fav__item-header-add input {
        width: 20px;
        height: 20px;
    }

    .fav__item-gallery {
        margin-bottom: 20px;
    }

    .fav-item__legend {
        font-weight: 700;
        font-size: 13px; /* line-height: 1.1rem; */
        line-height: 1.69231;
        color: var(--color-5);
        padding: 0;
        margin-bottom: 2px;
    }

    .fav-item__legend i {
        display: none;
    }

    .fav-item__legend .hover-box {
        display: none;
    }

    .fav__item-inputs {
        padding-left: 0;
        margin-left: 0;
        display: block;
    }

    .fav__item-inputs .form__textarea {
        margin-bottom: 0;
    }

    .fav__item-form .fav__item-toggle i {
        background: var(--color-4);
    }

    .fav__item-fieldset {
        margin-top: 10px;
        display: none;
    }

    .fav__item-fieldset:last-child {
        margin-bottom: 0;
    }

    .fav__item-from-fav {
        font-size: 12px;
    }

    .form__label {
        font-size: 12px;
        margin-bottom: 4px;
        color: var(--color-5);
    }

    .form__input, .form__textarea {
        height: 56px;
        font-size: 16px;
    }

    .form__textarea {
        height: 120px;
    }

    .fav__footer .form__submit {
        width: 172px;
        flex: 0 0 172px;
        font-size: 12px;
    }

    .fav__footer .form__submit:first-child {
        flex: 0 0 172px;
    }

    .form__desc {
        font-size: 15px;
    }

    .form__desc + .form__subtitle {
        display: none;
    }

    .form__check {
        font-size: 14px;
    }

    #fav-order .fav__footer-notice {
        font-weight: 400;
    }

    .form__subtitle {
        font-size: 13px;
    }

    .form__input, .form__textarea {
        margin-bottom: 12px;
    }

    .content > .content__box:last-child {
        margin-bottom: 0 !important;
    }

    .poll-wrap {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .poll {
        width: 100%;
        height: 100%;
        display: block;
        overflow-y: auto;
        border-radius: 0;
    }

    .poll-wrap::before {
        top: 0;
        transform: none;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .poll__side-header {
        flex: 0 0 100%;
        font-size: 18px;
        font-weight: 900;
        line-height: 1.1;
        margin-bottom: 15px;
    }

    .poll__side-avatar {
        flex: 0 0 58px;
        margin-right: 12px;
    }

    .poll__side-content {
        flex: 1 1 auto;
        font-size: 13px;
        max-width: calc(100% - 70px);
        color: #fff;
    }

    .poll__side-content .bold {
        font-size: 13px;
        margin-bottom: 7px;
    }

    .poll__section {
        padding: 20px;
        max-width: 100%;
    }

    .poll-slider__item {
        width: 184px;
        padding-right: 15px;
    }

    .poll__close {
        width: 36px;
        height: 36px;
        color: #fff;
        background-color: rgba(213, 230, 252, 0.1);
        opacity: 1;
        top: 15px;
        right: 20px;
    }

    .poll__close svg {
        width: 16px;
        height: 16px;
    }

    .poll__side {
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 22px 20px 20px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .poll__side-footer, .poll__side .poll__side-error {
        display: none !important;
    }

    .poll__side-error {
        color: #fff;
        margin-bottom: 0;
        margin-top: 5px;
    }

    .poll__footer {
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        display: flex;
        align-items: center;
        height: 70px;
        padding-left: 20px;
        padding-right: 20px;
        gap: 5px;
        background: #fff;
        border-top: 3px solid #cbd9e7;
    }

    .poll__footer .poll__button {
        flex: 0 0 160px;
    }

    .poll__footer-notice {
        font-weight: 400;
        font-size: 11px;
        line-height: 1.45455;
        color: var(--color-5);
    }

    .poll__checkboxes {
        display: block;
    }

    .poll__header {
        display: none;
    }

    .poll__step-title {
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(203, 217, 231, 0.5);
        padding-bottom: 20px;
        font-size: 15px;
        line-height: 1.06;
    }

    .poll__step-num {
        font-size: 12px;
        line-height: 2;
        padding: 5px 10px;
    }

    .poll__step-legend {
        font-size: 15px;
        padding-top: 14px;
    }

    .poll__checkbox {
        font-size: 14px;
    }

    .poll__checkbox input[type="radio"], .poll__checkbox input[type="checkbox"] {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }

    .poll__checkbox input[type="radio"]:checked, .poll__checkbox input[type="checkbox"]:checked {
        background-size: 13px auto;
    }

    .poll .form__textarea {
        height: 139px;
    }

    .CaptionCont {
        height: 56px;
        font-size: 16px;
    }

    .isFloating {
        position: fixed;
        width: auto;
        box-shadow: 0 0 0 100vw rgba(7, 50, 99, 0.3);
        top: 30% !important;
        bottom: auto !important;
        left: 20px;
        right: 20px;
        border: 0;
        font-size: 15px;
        padding: 20px;
    }

    .isFloating .options {
        gap: 15px;
    }

    .isFloating .opt span {
        width: 20px;
        height: 20px;
    }

    .isFloating .opt.selected span {
        background-size: 13px auto;
    }

    .hover-box__content_w3 {
        width: 7rem;
    }

    .hover-box__content_w2 {
        width: 12rem;
    }
}

@media (max-width: 767px) {
    .mebelino__team {
        width: 100%;
    }

    .mebelino__workers {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 28px;
    }

    .chapters {
        grid-template-columns: 1fr;
    }

    .chapter {
        aspect-ratio: 7/3;
    }

    .portfolio-menu__item {
        font-size: 14px;
        padding: 12px 0;
        min-height: 61px;
        line-height: 1.25;
        padding-left: 20px;
        padding-right: 20px;
    }

    .portfolio-menu__item .ico__more {
        width: 25px;
        height: 25px;
    }

    .v-slide__gallery {
        top: 0;
        margin-bottom: 12px;
    }

    .v-slide:only-child .v-slide__text, .v-slide:only-child .v-slide__title {
        max-width: 100%;
    }

    .v-slide:only-child .v-slide__card {
        padding-bottom: 26px;
    }

    .v-slide:only-child .v-slide__btn {
        width: 100%;
        height: 45px;
        font-size: 13px;
    }

    .main__aside-cell:last-child .aside {
        margin-bottom: 0;
    }

    .portfolio-menu__item-count {
        font-size: 10px;
    }

    .good {
        display: block;
    }

    .good__gallery {
        margin-bottom: 16px;
        max-width: 100%;
    }

    .good__thumbs {
        transform: none;
        bottom: 0;
        max-width: none;
        margin-left: -10px;
        margin-right: -10px;
        position: relative;
        margin-top: 12px;
        left: 0;
        padding-right: 0;
    }

    .good__thumbs .slick-list {
        padding-left: 10px;
    }

    .chapter__title {
        font-size: 16px;
    }

    .good__thumb {
        border-left: 0;
        padding-right: 15px;
        width: 68px;
    }

    .good__thumb img {
        width: 53px;
        height: 47px;
    }

    .good__add-to-fav, .fav__item-from-fav {
        display: none;
    }

    .good__cost-info {
        font-size: 10px;
    }

    .good__cta {
        font-size: 13px;
        line-height: 1.38462;
        padding: 18px 14px 20px;
    }

    .good__cta::after {
        width: 137px;
        height: 146px;
    }

    .good__cta-title {
        padding-right: 100px;
    }

    .good__cta-text {
        max-width: 210px;
    }

    .good__btn {
        height: 56px;
        font-size: 13px;
    }

    .good__loan .ico__more {
        width: 31px;
        height: 31px;
    }

    .good__info-row {
        font-size: 13px;
    }

    .good__info-header {
        font-size: 13px;
    }

    .related__slide {
        padding-left: 5px;
        padding-right: 5px;
    }

    .related__slider, .related__slider {
        margin-left: -5px;
        margin-right: -5px;
    }

    .tabs-nav {
        margin-right: -10px;
        overflow-x: auto;
        gap: 4px;
        overflow-y: hidden;
        border-bottom: 2px solid #e5f1ff;
    }

    .tabs-nav::-webkit-scrollbar {
        display: none;
    }

    .tabs-nav button {
        white-space: nowrap;
        margin-bottom: -2px;
        background: rgba(213, 230, 255, 0.3);
        font-weight: 500;
        font-size: 13px;
        padding: 8px 9px 10px; /* line-height: 1.2rem; */
        line-height: 1.84615;
        color: var(--color-4);
        border-radius: 0.35rem 0.35rem 0 0;
    }

    .tabs-nav button::after {
        display: none;
    }

    .tabs-nav button.active {
        font-weight: 600;
        color: var(--color-5);
        background: #d5e6fc;
    }

    .tabs-nav button:only-child {
        margin-bottom: 0;
        background: transparent;
        font-weight: 600;
        font-size: 13px;
        line-height: 1.84615;
        color: var(--color-5);
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 8px;
        margin-top: 2px;
    }

    .tab .content {
        font-weight: 400;
        font-size: 13px;
        line-height: 1.69231;
        color: var(--color-5);
    }

    .good__header {
        flex-wrap: nowrap;
        gap: 40px;
    }

    .good__cost {
        flex-shrink: 0;
    }

    .good__loan-info {
        font-size: 13px;
    }

    .good__loan-bank {
        font-size: 14px;
    }

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

    .catalog, .portfolio, .categories {
        grid-template-columns: 1fr 1fr;
    }

    .catalog .search-tip, .portfolio .search-tip {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .catalog__asd {
        grid-column-end: 3;
        padding-left: 7rem;
    }

    .main__btns {
        grid-template-columns: repeat(4, 1fr);
    }

    .main__btn-flex {
        height: 71px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        padding: 0 0.5rem;
        justify-content: center;
    }

    .main__btn-flex .main__btn-arrow {
        display: none;
    }

    .main__btn-icon {
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main__btn-icon svg {
        max-width: 34px;
        height: auto;
        max-height: 34px;
    }

    .main__btn-text {
        font-size: 0;
        flex: 0 0 auto;
    }

    .main__btn-title {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 9px;
        text-align: center;
    }

    .about__box {
        padding-right: 0;
    }

    .about__director {
        position: relative;
        right: 0;
        margin-left: auto;
        width: auto;
        margin-right: -2rem;
    }

    .about__director-video {
        margin-top: 2rem;
    }

    .about__director::after {
        opacity: 0.5;
    }

    .about__director-name {
        font-size: 14px;
    }

    .about__director-desc {
        font-size: 11px;
    }

    .about__box {
        padding-bottom: 0;
    }

    .about__director::before {
        display: none;
    }

    .asds {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .asd {
        height: 164px;
    }

    .about__cta {
        position: absolute;
        bottom: 56px;
        left: 0;
        display: block;
        z-index: 2;
    }

    .about__cta-title {
        margin-bottom: 15px;
        font-size: 12px;
    }

    .asd__content {
        max-width: 70%;
        font-size: 13px;
    }

    .asd__content br {
        display: none;
    }

    .asd__decor ~ .asd__content {
        max-width: 70%;
    }

    .asd__title {
        font-size: 14px;
    }

    .aside {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .catalog__item-thumbs {
        display: none;
    }

    .search-tip {
        font-size: 12px;
        padding: 18px 14px 22px;
        padding-right: 120px;
        background-size: 246px 100%;
    }

    .search-tip p {
        margin-bottom: 16px;
    }

    .search-tip h3, .search-tip h4, .search-tip .h4 {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .search-tip .whatsapp-btn {
        width: 169px;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
    }

    .search-tip__image {
        right: -13px;
        width: 193px;
    }

    .contacts_line {
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .fancybox-slide--html {
        padding: 0;
    }

    .files__item {
        margin-bottom: 10px;
    }

    .selforder__add {
        height: 56px;
    }

    .selforder {
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 15px 20px 0;
        border-radius: 0;
    }

    .selforder label:not([class]) {
        color: var(--color-5);
        font-size: 12px;
        line-height: 2;
        margin-bottom: 4px;
    }

    .selforder::-webkit-scrollbar {
        display: none;
    }

    .selforder__file {
        border-width: 5px;
        padding: 15px;
    }

    .selforder__file::before {
        left: -5px;
        right: -5px;
        top: -5px;
        bottom: -5px;
    }

    .selforder__title {
        font-size: 18px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(203, 217, 231, 0.5);
        text-align: left;
    }

    .selforder__input, .selforder__textarea {
        height: 56px;
        font-size: 16px;
        margin-bottom: 11px;
    }

    .selforder__textarea {
        height: 139px;
    }

    .selforder__thank {
        height: 100%;
        position: relative;
    }

    .selforder__thank .selforder__btn {
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        left: -20px;
        right: -20px;
        bottom: 0;
    }

    .selforder__thank-notify {
        display: none;
    }

    .selforder__thank-ico {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 14px;
    }

    .selforder__thank-text {
        font-size: 12px;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .selforder__thank-inner {
        flex-grow: 1;
        display: flex;
        height: 100%;
        padding: 30px 0 100px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .selforder__thank-inner .selforder__title, .selforder__thank-inner .selforder__desc {
        display: none;
    }

    .selforder__desc {
        text-align: left;
        font-size: 15px;
        padding-bottom: 15px;
        margin-bottom: 12px;
        border-bottom: 1px solid rgba(203, 217, 231, 0.5);
    }

    .selforder__desc div {
        display: inline;
    }

    .selforder__desc br {
        display: none;
    }

    .selforder__notify, .form__notify {
        font-size: 13px;
        gap: 1em;
    }

    .selforder__footer {
        border-top: 0;
        margin-top: auto;
    }

    .selforder__footer p {
        display: inline;
    }

    .selforder__btn {
        position: sticky;
        box-shadow: 0 0 35px 0 rgba(0, 27, 66, 0.15);
        bottom: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: -20px;
        margin-right: -20px;
        padding: 10px 20px;
        background: #fff;
        border-top: 3px solid #CBD9E7;
    }

    .selforder__form {
        min-height: 100%;
    }

    .fancybox-slide--html .fancybox-close-small {
        top: 7px;
        right: 7px;
    }

    .portfolio__video-link {
        height: 47px;
    }

    .footer__widget:first-child {
        flex: 0 0 100%;
    }

    .portfolio__thumb {
        width: 53px;
    }

    .portfolio__thumb img {
        height: 47px;
    }

    .tags {
        gap: 7px;
    }

    .tags a {
        font-size: 11px;
        padding: 10px;
    }

    .portfolio__video::after {
        background-size: 60px 60px;
    }

    .whatsapp-btn {
        font-size: 13px;
        padding: 12px 15px;
        gap: 9px;
        height: auto;
    }

    .whatsapp-btn i {
        width: 32px;
        height: 32px;
    }

    .whatsapp-btn i svg {
        width: 19px;
        height: 19px;
    }

    .form__desc {
        font-size: 13px;
        line-height: 1.6;
    }

    .fav-form .form__check {
        font-weight: 500;
        color: #5A6D84;
    }

    .fav__empty.hidden ~ .fav__footer {
        padding-bottom: 80px;
    }

    .fav__header + .fav__body + .fav__footer {
        padding-bottom: 80px;
    }

    .fav__empty.hidden ~ .fav__body, .fav__header + .fav__body {
        padding-bottom: 80px;
    }

    #fav-thank .fav__footer {
        display: flex;
        padding-bottom: 80px;
    }

    #fav-thank .fav__footer .form__submit {
        width: 100%;
        flex: auto;
    }

    #fav-thank .fav__header-title {
        display: none;
    }

    #fav-thank .fav__header::before {
        display: none;
    }

    #fav-thank .fav__header-close {
        margin-left: auto;
    }

    #fav-thank .fav-footer {
        padding-bottom: 80px;
    }

    .notfound {
        font-size: 12px;
        padding-top: calc(2rem + 4vh);
        padding-bottom: calc(3rem + 4vh);
    }

    .notfound p {
        margin-bottom: 21px;
    }

    .notfound h3, .notfound h4, .notfound .h4 {
        font-size: 20px;
        margin-bottom: 17px;
    }

    .notfound ~ * {
        display: none;
    }

    .switcher {
        position: absolute;
        right: 10px;
        top: 35px;
        z-index: 3;
    }

    .switcher + .section__title, .switcher + .related__title {
        padding-right: 75px;
    }

    .catalog__item-price {
        font-size: 12px;
    }

    .catalog__item-price ._big {
        font-size: 1em;
    }

    .catalog[data-view="onecol"], [data-view="onecol"].portfolio {
        grid-template-columns: 1fr;
    }

    .catalog[data-view="onecol"] .catalog__asd, [data-view="onecol"].portfolio .catalog__asd {
        grid-column-end: 2;
    }

    .catalog[data-view="onecol"] .search-tip, [data-view="onecol"].portfolio .search-tip {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .catalog[data-view="onecol"] .catalog__item-title, [data-view="onecol"].portfolio .catalog__item-title {
        font-size: 14px;
        font-weight: 700;
        line-clamp: 5;
        -webkit-line-clamp: 5;
        height: auto;
        max-height: auto;
        margin-bottom: 6px;
    }

    .catalog[data-view="onecol"] .catalog__item-desc, [data-view="onecol"].portfolio .catalog__item-desc {
        line-clamp: 2;
        -webkit-line-clamp: 2;
        font-size: 12px;
        height: 2.4em;
        margin-bottom: 6px;
    }

    .catalog[data-view="onecol"] .catalog__item-footer, [data-view="onecol"].portfolio .catalog__item-footer {
        padding-top: 0;
    }

    .catalog[data-view="onecol"] .catalog__item-price, [data-view="onecol"].portfolio .catalog__item-price {
        font-size: 14px;
    }

    .portfolio, .categories {
        grid-template-columns: 1fr;
    }

    .portfolio ~ .catalog__more {
        margin-bottom: 0;
    }

    .catalog__asd {
        display: block;
        padding: 18px 15px 22px;
        overflow: hidden;
    }

    .catalog__more {
        margin-bottom: 30px;
    }

    .catalog__more .btn, .catalog__more .fav__btn {
        width: 100%;
    }

    .catalog__asd-content {
        max-width: 92%;
        font-size: 12px;
        margin-bottom: 16px;
        padding-bottom: 0;
    }

    .catalog__asd-content .h4, .catalog__asd-content h4, .catalog__asd-content h3 {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .catalog__asd-content div {
        max-width: 240px;
        text-wrap: balance;
    }

    .catalog__asd-btn {
        width: fit-content;
        padding: 9px 20px 9px 10px;
        gap: 8px;
        font-size: 13px;
    }

    .catalog__asd-btn i {
        width: 32px;
        height: 32px;
    }

    .catalog__asd-btn i svg {
        width: 19px;
        height: 19px;
    }

    .catalog__asd-image {
        left: auto;
        width: 160px;
        right: -12px;
    }

    .section {
        position: relative;
    }

    .breadcrumbs {
        margin-bottom: 15px;
    }

    .slider__content {
        width: 75%;
    }

    .categories__item-title {
        font-size: 13px;
        max-width: 75%;
        display: flex;
        align-items: center;
        height: 28px;
        line-height: 14px;
        left: 14px;
        bottom: 14px;
    }

    .categories__item::after {
        right: 15px;
        bottom: 15px;
        width: 25px;
        height: 25px;
    }

    .about__list {
        grid-template-columns: 1fr;
    }

    .asd__decor {
        max-width: 145px;
    }

    .faq__body {
        padding-top: 10px;
    }

    .faq__head {
        font-weight: 500;
    }

    .faq__head.active {
        font-weight: 700;
    }

    .about__list-item {
        font-size: 13px;
        gap: 14px;
    }

    .about__list-item::before, .about__list-item::after {
        width: 62px;
        height: 62px;
        font-size: 32px;
        flex: 0 0 62px;
    }

    .about__list-item span {
        max-width: none;
    }

    .about__director-image {
        width: 229px;
    }

    .about__director-info {
        top: 53px;
        width: 240px;
    }

    .about__director-video {
        margin-top: 26px;
        width: 90px;
        height: 90px;
    }

    .btn, .fav__btn {
        font-size: 12px;
    }

    .about__cta {
        max-width: 180px;
    }

    .about__cta .btn, .about__cta .fav__btn {
        width: 150px;
        padding-left: 0;
        padding-right: 0;
    }

    .asd__content {
        max-width: 100%;
    }

    .preims {
        grid-template-columns: 1fr 1fr;
        font-size: 11px;
        font-weight: 500;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column;
        max-height: 80px;
        align-items: flex-start;
        align-content: stretch;
    }

    .section__desc + .about__box > .about__list {
        margin-top: -20px;
    }

    .preims__item {
        gap: 6px;
    }

    .preims__item::before {
        background-position: 50% 50%;
        background-size: contain;
        width: 33px;
    }

    .preims__item_1::before {
        height: 22px;
    }

    .preims__item_2::before {
        height: 24px;
    }

    .preims__item_3::before {
        height: 28px;
    }

    .preims__item_4::before {
        height: 22px;
    }

    .about__cta-title {
        max-width: 170px;
    }

    .about__director::after {
        background-position: left 129px bottom 0;
    }

    .reviews__box-img {
        margin-right: auto;
    }

    .reviews__box-rating {
        flex: 0 0 auto;
    }

    .reviews__box-link {
        font-size: 12px;
        width: 86px;
        height: 40px;
    }

    .reviews__box-num {
        font-size: 14px;
    }

    .reviews__box-img {
        width: 68px;
    }

    .reviews__box-rating i {
        width: 14px;
        height: 14px;
    }

    .reviews__info-desc {
        font-size: 12px;
    }

    .reviews__info-title {
        font-size: 35px;
    }

    .reviews__info-icon {
        width: 43px;
        height: 27px;
    }

    .reviews__info-icon_2 {
        width: 26px;
        height: 26px;
    }

    .reviews__screen {
        margin-left: auto;
        margin-right: auto;
    }

    .aside__box-group {
        grid-template-columns: 56% 44%;
    }

    .aside__box-right {
        padding-left: 16px;
    }

    .aside__box-group {
        align-items: flex-end;
        gap: 0;
    }

    .aside__box-left {
        justify-content: flex-end;
    }

    .aside__box-header {
        align-self: start;
        background: #0d74f2;
        border-radius: 0 3px 3px 0;
        position: relative;
        top: 34px;
        padding: 3.5px 5px;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 11px;
        text-transform: uppercase;
        color: #fff;
        width: auto;
        z-index: 2;
    }

    .aside__box-num {
        color: #fff;
        background: none;
        display: inline;
        font: inherit;
        -webkit-text-fill-color: #fff;
    }

    .aside__box-thumb img {
        aspect-ratio: 3/2;
    }

    .aside__box-desc {
        position: absolute;
        width: 55%;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 13px;
        line-height: 1.38462;
        color: var(--color-5);
    }

    .aside__box-link img {
        aspect-ratio: 2/3;
    }

    .v-slide__text {
        font-size: 12px;
        max-width: 170px;
        margin-bottom: 20px;
    }

    .v-slide__btn {
        font-size: 12px;
        height: 40px;
        padding-left: 1rem;
    }

    .v-slide__image, .v-slide__collage {
        position: absolute;
        top: 27px;
        left: 193px;
    }

    .v-slide__image {
        top: 64px;
        width: 14.5rem;
    }

    .v-slide__card {
        padding: 20px 20px 48px 20px;
    }

    .v-slide__label {
        position: relative;
        width: fit-content;
        margin-bottom: 10px;
        font-size: 10px;
        border-radius: 8px 0;
        padding: 6px 9px;
        background: #ed3131;
    }

    .v-slide__title {
        font-family: var(--font-family);
        font-weight: 900;
        font-size: 16px;
        line-height: 1.125;
        max-width: 220px;
        margin-bottom: 18px;
    }

    .about__list {
        margin-bottom: 0;
    }

    .main__btn_1 svg {
        width: 21px;
        height: 29px;
    }

    .main__btn_2 svg {
        width: 32px;
        height: 28px;
    }

    .main__btn_3 svg {
        width: 32px;
        height: 24px;
    }

    .main__btn_4 svg {
        width: 28px;
        height: 28px;
    }

    .main__btn-icon {
        margin-bottom: 2px;
    }

    .reviews {
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .contacts__item {
        max-width: 100%;
    }

    .footer__menu {
        list-style: disc;
        margin-left: 1em;
    }

    .about__list {
        gap: 20px;
    }

    .mebelino__decor {
        margin-left: -10px;
        right: 0;
    }

    .mebelino__nums {
        grid-template-columns: 1fr 1fr;
    }

    .mebelino__cols {
        flex-wrap: wrap;
        gap: 22px;
    }

    .mebelino__col {
        flex: 0 0 100%;
    }

    .mebelino__col:first-child {
        border-right: 0;
        padding-right: 0;
        padding-bottom: 19px;
        border-bottom: 1px solid rgba(0, 117, 255, 0.3);
    }

    .back {
        position: absolute;
        z-index: 2;
    }

    .back + .section__title, .back + .related__title {
        padding-left: 45px;
        display: flex;
        align-items: center;
    }

    .news__item {
        display: block;
        margin-bottom: 40px;
    }

    .news__thumbnail {
        width: 154px;
        float: left;
        margin-right: 20px;
        margin-bottom: 8px;
    }

    .news__excerpt {
        clear: both;
        margin-bottom: 2px;
    }

    .news__title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .news__content {
        font-size: 13px;
    }

    .breadcrumbs + .back {
        top: 40px;
        margin-top: -0.18rem;
    }

    .contacts_line {
        flex-direction: column;
    }

    .content__address {
        font-size: 16px;
    }

    .content__address-value {
        padding-top: 0;
        line-height: 1.2;
    }

    .content__address-value ._small {
        padding-top: 10px;
        font-size: 11px;
    }

    .content__box_small {
        font-size: 13px;
        text-wrap: balance;
    }

    .steps-director__image {
        width: auto;
        left: -40px;
    }

    .steps-director__image img {
        width: 220px;
    }

    .steps-director__quote {
        left: 175px;
        margin-left: 0;
        right: 5px;
        width: auto;
        max-width: 240px;
        top: 22px;
        font-size: 13px;
    }

    .steps-director__quote::after {
        top: 0.5rem;
    }

    .steps-director__info {
        top: auto;
        margin-top: 0;
        bottom: 72px;
        left: 175px;
        margin-left: 0;
        max-width: 150px;
        width: auto;
    }

    .steps-director__name {
        font-size: 15px;
        margin-bottom: 11px;
    }

    .steps-director__prof {
        font-size: 11px;
    }

    .steps-director::before {
        width: 500px;
        height: 500px;
        left: 50%;
        top: -160px;
        transform: translate(-50%, 0);
    }

    .steps-director__image::before {
        width: 380px;
        height: 380px;
        left: 26px;
    }

    .video-btn_large {
        font-size: 16px;
    }

    .step {
        padding-left: 76px;
        padding-top: 10px;
    }

    .step::before {
        left: 31px;
    }

    .step__quote {
        padding-bottom: 30px;
    }

    .step__quote-text {
        font-size: 13px;
        padding: 9px 9px 9px 14px;
    }

    .step__notice {
        font-weight: 400;
        font-size: 13px;
        gap: 6px;
        margin-top: 18px;
    }

    .step__notice i {
        font-size: 18px;
        line-height: 25px;
        flex: 0 0 25px;
        height: 25px;
    }

    .steps::before {
        display: none;
    }

    .step__quote::before {
        margin-right: 28px;
        width: 35px;
        height: 35px;
    }

    .step__title {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .step__desc {
        font-size: 13px;
        margin-bottom: 40px;
    }

    .step__desc:last-child {
        margin-bottom: 0;
    }

    .step__num {
        font-size: 27px;
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .mebelino__director {
        flex: 0 0 auto;
        width: calc(100% - 168px);
        margin-left: -190px;
    }

    .letters .slick-next {
        right: 20px;
    }

    .letters .slick-prev {
        left: 20px;
    }

    .poll-slider {
        margin-right: -15px;
    }

    .poll-slider .slick-next {
        margin-right: 15px;
    }

    .poll-slider-wrap::after {
        display: none;
    }
}

.test-buttons {
    gap: 10px;
}

.aside__menu-item.active > a {
    color: var(--color-4);
    border-bottom-color: transparent;
}

.aside__menu-item.active > a > .ico__asideli {
    transform: rotate(90deg);
}

.active {

}

.ico {

}

.ico__asideli {

}

.aside__menu-item > .aside__children {
    display: none;
    border-bottom: 1px solid #cad5e4;
    padding-top: 8px;
}

.aside__children {
    /* display: none; */
    padding-left: 60px;
    list-style: none;
    font-size: 14px;
    color: #012D60;
}

.aside__children.active {
    display: block;
}

.aside__children .aside__children {
    padding-left: 0;
}

.aside__children a {
    padding: 0;
    border: 0;
    height: auto;
}

.aside__children a:hover, .aside__children a.active {
    color: var(--color-4);
}

.aside__children .aside__children li {
    margin-bottom: 14px;
}

.aside__children .aside__children .aside__children {
    padding-top: 14px;
    display: none;
    padding-left: 22px;
}

.aside__children .aside__children .aside__children.active {
    display: block;
}

.aside__children-group {
    padding-bottom: 40px;
}

.aside__children-title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 1em;
}

.aside__parent > a::after {
    content: '';
    flex: 0 0 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.664062' y='8.78906' width='7' height='2' rx='1' transform='rotate(-45 0.664062 8.78906)' fill='%23012D60'/%3E%3Crect width='7' height='2' rx='1' transform='matrix(0.707107 0.707107 0.707107 -0.707107 0.664062 1.57031)' fill='%23012D60'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: auto;
    transition: all 0.3s;
}

.aside__parent > a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.664062' y='8.78906' width='7' height='2' rx='1' transform='rotate(-45 0.664062 8.78906)' fill='%230075ff'/%3E%3Crect width='7' height='2' rx='1' transform='matrix(0.707107 0.707107 0.707107 -0.707107 0.664062 1.57031)' fill='%230075ff'/%3E%3C/svg%3E");
}

.aside__parent.active > a::after {
    transform: rotate(90deg);
}

.pc-accept {
    opacity: 0;
    pointer-events: none;
    z-index: 50;
    left: 50%;
    position: fixed;
    bottom: 50px;
    transform: translateX(-50%);
    display: flex;
    transition: all 0.2s;
    width: 948px;
    align-items: center;
    padding: 20px 24px;
    gap: 14px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
    background: #fff;
    border-radius: 5px;
}

.pc-accept.active {
    opacity: 1;
    pointer-events: all;
}

.pc-accept__text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.71429;
    color: #07203d;
}

.pc-accept__text a {
    color: var(--color-4);
    text-decoration: none;
}

.pc-accept__text a:hover {
    text-decoration: underline;
}

.pc-accept__btn {
    background: #d5e6fc;
    border-radius: 5px;
    width: 156px;
    height: 45px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #106ced;
    flex-shrink: 0;
}

.pc-accept__btn:hover {
    background: #106ced;
    color: #fff;
}

.pc-accept-btn {

}

@media (max-width: 991px) {
    .pc-accept {
        transform: none;
        left: 10px;
        right: 10px;
        width: auto;
        bottom: 95px;
        padding: 13px 20px 19px;
    }

    .pc-accept__text {
        font-size: 12px;
    }
}

@media (max-width: 575px) {
    .pc-accept {
        flex-wrap: wrap;
    }

    .pc-accept__text {
        flex: 0 0 100%;
    }

    .pc-accept__btn {
        width: 100%;
        height: 39px;
        font-size: 12px;
    }
}

.aside__menu-item.active > a {
    color: var(--color-4);
    border-bottom-color: transparent;
}

.aside__menu-item > a > *, .aside__parent > a > * {
    pointer-events: none;
}

.aside__menu-item.active > a > .ico__asideli {
    transform: rotate(90deg);
}

.active {

}

.ico {

}

.ico__asideli {

}

.aside__menu-item > .aside__children {
    display: none;
    border-bottom: 1px solid #cad5e4;
    padding-top: 8px;
}

.aside__children {
    /* display: none; */
    padding-left: 60px;
    list-style: none;
    font-size: 14px;
    color: #012D60;
}

.aside__children .aside__children {
    padding-left: 0;
}

.aside__children a {
    padding: 0;
    border: 0;
    height: auto;
}

.aside__children a:hover {
    color: var(--color-4);
}

.aside__children .aside__children li {
    margin-bottom: 14px;
}

.aside__children .aside__children .aside__children {
    padding-top: 14px;
    display: none;
    padding-left: 22px;
}

.aside__children-group {
    padding-bottom: 40px;
}

.aside__children-title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 1em;
}

.aside__parent > a::after {
    content: '';
    flex: 0 0 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.664062' y='8.78906' width='7' height='2' rx='1' transform='rotate(-45 0.664062 8.78906)' fill='%23012D60'/%3E%3Crect width='7' height='2' rx='1' transform='matrix(0.707107 0.707107 0.707107 -0.707107 0.664062 1.57031)' fill='%23012D60'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: auto;
    transition: all 0.3s;
}

.aside__parent > a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.664062' y='8.78906' width='7' height='2' rx='1' transform='rotate(-45 0.664062 8.78906)' fill='%230075ff'/%3E%3Crect width='7' height='2' rx='1' transform='matrix(0.707107 0.707107 0.707107 -0.707107 0.664062 1.57031)' fill='%230075ff'/%3E%3C/svg%3E");
}

.aside__parent.active > a::after {
    transform: rotate(90deg);
}

.smart-captcha {
    translate: 0 -10px;
}

.poll .smart-captcha, .fav-form .smart-captcha {
    margin-top: 25px;
}

.page-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 70px;
    padding-top: 1.5rem;
    border-top: 1px solid #cbd9e7;
}

.page-nav__loadmore {
    background: #d5e6fc;
    height: 50px;
    border-radius: 7px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 13px;
    color: #0075ff;
    padding: 0 27px;
    transition: all 0.3s;

    &:hover {
        background: #0075ff;
        color: #fff;
    }
}

.page-nav__pagination {
    display: flex;
    gap: 9px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #0075ff;
    align-items: center;
    margin-left: auto;
}

.page-nav__pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    width: 50px;
    flex: 0 0 50px;
    height: 50px;
    background: #d5e6fc;
}

.page-nav__pagination a:hover {
    background: #0075ff;
    color: #fff;
}

.page-nav__pagination .current {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    width: 50px;
    flex: 0 0 50px;
    height: 50px;
    background: #0075ff;
    color: #fff;
}

@media (max-width: 991px) {
    .page-nav {
        margin-bottom: 30px;
        padding-top: 20px;
        flex-wrap: wrap;
    }

    .page-nav__loadmore {
        flex: 0 0 100%;
        font-size: 12px;
        height: 40px;
    }

    .page-nav__pagination {
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        gap: 10px;
        font-size: 12px;
    }

    .page-nav__pagination a, .page-nav__pagination .current {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }
}