@charset "utf-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
    overflow-y: visible;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

/* VARIABLES */
:root {
    --black-color: #211C1A;
    --body-bg: #ffffff;
    --body-bg-dark: #211C1A;
    --dark-color: #4B413D;
    --font-family: 'Futura New', sans-serif;
    --font-size: 18px;
    --footer-bg: #4B413D;
    --green-color: #009D42;
    --grey-color: #B7B3B1;
    --grey-color-1: #B7B3B1;
    --gutter-x: 30px;
    --line-height: 1.4;
    --primary-color: #D4A359;
    --primary-color-1: #FEDC9E;
    --primary-color-2: #897A65;
    --red-color: #E62900;
    --text-color: #000000;
    --text-color-dark: #ffffff;
    --transition-speed: 0.3s;
    --white-color: #ffffff;
    --yellow-color: #F3AD10;
}

/* MIXINS */
/* border radius */
/* size */
/* letter spacing */
/* transition */
/* gradiend */
.text-gradient {
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-1) 43.65%, var(--primary-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

/* mediaqueries */
/* FONTS */
@font-face {
    font-display: swap;
    font-family: 'Futura New';
    src: url(../fonts/FuturaNewBook-Reg.eot);
    src: local('Futura New Book Reg'), local('FuturaNewBook-Reg'), url(../fonts/FuturaNewBook-Reg.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaNewBook-Reg.woff2) format('woff2'), url(../fonts/FuturaNewBook-Reg.woff) format('woff'), url(../fonts/FuturaNewBook-Reg.ttf) format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Futura New';
    src: url(../fonts/FuturaNewMedium-Reg.eot);
    src: local('Futura New Medium Reg'), local('FuturaNewMedium-Reg'), url(../fonts/FuturaNewMedium-Reg.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaNewMedium-Reg.woff2) format('woff2'), url(../fonts/FuturaNewMedium-Reg.woff) format('woff'), url(../fonts/FuturaNewMedium-Reg.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Futura New';
    src: url(../fonts/FuturaNewLight-Reg.eot);
    src: local('Futura New Light Reg'), local('FuturaNewLight-Reg'), url(../fonts/FuturaNewLight-Reg.eot?#iefix) format('embedded-opentype'), url(../fonts/FuturaNewLight-Reg.woff2) format('woff2'), url(../fonts/FuturaNewLight-Reg.woff) format('woff'), url(../fonts/FuturaNewLight-Reg.ttf) format('truetype');
    font-weight: 300;
}

/* TAGS */
::selection {
    background-color: var(--primary-color);
    color: var(--text-color);
}

body {
    -webkit-tap-highlight-color: transparent;
    background: var(--body-bg, #fff);
    color: var(--text-color, #333);
    font-family: var(--font-family, sans-serif);
    font-size: var(--font-size, 16px);
    line-height: var(--line-height, 1.3);
}

body._dark-body {
    background: var(--body-bg-dark);
    color: var(--text-color-dark);
}

a {
    color: var(--primary-color);
    cursor: pointer;
    text-decoration: none;
    transition: all var(--transition-speed);
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

a:active,
a:hover,
a:focus {
    -webkit-tap-highlight-color: transparent;
}

h1,
.h1 {
    font-family: var(--font-family);
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 1em;
    text-transform: uppercase;
}

h1_lighter,
.h1_lighter {
    font-weight: 300;
}

h2,
.h2 {
    font-family: var(--font-family);
    font-weight: 700;
    line-height: 110.69%;
    margin: 0 0 1.2em;
}

h3,
.h3 {
    font-family: var(--font-family);
    font-weight: 700;
    line-height: 110.69%;
    margin: 0 0 1.2em;
}

h4,
.h4 {
    font-family: var(--font-family);
    font-weight: 700;
    line-height: 110.69%;
    margin: 0 0 1.2em;
}

p {
    margin: 1em 0;
}

iframe,
img,
embed,
table {
    max-width: 100%;
}

ul,
ol {
    padding-inline-start: 30px;
}

ul li,
ol li {
    margin-bottom: 0.6em;
}

hr {
    border-color: var(--main-color);
    display: block;
    margin-inline-start: 0;
    max-width: 100%;
}

hr.page-separator {
    height: 101px;
    width: 100%;
    background: url(../assets/img/page-separator_resized_10000_10000.webp) center top repeat-x;
    background-size: cover;
    /* background-size: auto 100%; */
    border: none;
    display: block;
    margin: 60px 0;
    padding: 0;
    position: relative;
    opacity: 1;
}

@media (max-width: 991.98px) {
    hr.page-separator {
        margin: 48px 0;
    }
}

@media (max-width: 575.98px) {
    hr.page-separator {
        height: 46px;
        margin: 32px 0;
    }
}

.back-link-wrap {
    margin: 0 0 20px;
}

.back-link {
    align-items: center;
    color: inherit;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1.125;
    text-decoration: none;
}

.back-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.back-link .icon {
    height: 8px;
    width: 17px;
    display: block;
    margin-right: 12px;
}

[data-tooltip] {
    position: relative;
}

[data-tooltip]:hover:before {
    visibility: visible;
}

[data-tooltip]:before {
    border-radius: 5px;
    background-color: var(--white-color);
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    bottom: 100%;
    color: var(--dark-color);
    content: attr(data-tooltip);
    left: 50%;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    visibility: hidden;
    transform: translate(-50%, -10px);
    width: 160px;
    z-index: 1;
}

.product-main-section__offers-item [data-tooltip]:before {
    width: 260px;
    font-size: 16px;
    z-index: 10;
}

.g-col-10 {
    box-sizing: border-box;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 100%;
}

.g-col-9 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 90%;
}

.g-col-8 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 80%;
}

.g-col-7 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 70%;
}

.g-col-6 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 60%;
}

.g-col-5 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 50%;
}

.g-col-4 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 40%;
}

.g-col-3 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 30%;
}

.g-col-2 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 20%;
}

.g-col-1 {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 10%;
}

/* WRAPPER */
.page-wrapper {
    box-sizing: border-box;
    contain: paint;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    min-height: 99.99vh;
    min-width: 360px;
    padding: 0;
    width: 100%;
}

/* CONTENT */
.page-container {
    display: block;
    flex: 1;
    margin: 0;
    padding: 0;
}

.page-content {
    display: block;
}

.container {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1620px + var(--gutter-x));
    padding-right: calc(var(--gutter-x) / 2);
    padding-left: calc(var(--gutter-x) / 2);
    width: 100%;
}

@media (max-width: 1599.98px) {
    .container {
        max-width: 1320px;
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 767.98px) {
    .container {
        max-width: 720px;
    }
}

@media (max-width: 575.98px) {
    .container {
        max-width: 540px;
    }
}

.section-page {
    margin: 60px 0 0;
}

@media (max-width: 1599.98px) {
    .section-page {
        margin: 48px 0 0;
    }
}

@media (max-width: 1199.98px) {
    .section-page {
        margin: 40px 0 0;
    }
}

.section-page__title_short {
    margin-bottom: 14px;
}

.section-page__description {
    font-size: var(--font-size);
    margin: 0 auto;
    max-width: 780px;
    text-align: center;
}

/* FORMS */
/* placeholder */
::placeholder {
    color: var(--body-bg-dark);
}

/* wrappers */
.form-row {
    margin: 0 auto 21px;
    position: relative;
}

.btn-row {
    margin: 20px auto 0;
}

@media (max-width: 575.98px) {
    .btn-row {
        margin-top: 16px;
    }
}

#js-fast-order .modal-form__cont .agreement .error_input,
.form-row .error_input{
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #e62900;
    padding-left: 14px;
    bottom: -18px;
}
#js-fast-order .modal-form__cont .agreement .error_input::before,
.form-row .error_input::before{
    content: '';
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1.125C5.03582 1.125 4.09329 1.41091 3.2916 1.94659C2.48991 2.48226 1.86507 3.24363 1.49609 4.13442C1.12711 5.02521 1.03057 6.00541 1.21867 6.95107C1.40678 7.89672 1.87108 8.76536 2.55286 9.44715C3.23464 10.1289 4.10328 10.5932 5.04894 10.7813C5.99459 10.9694 6.97479 10.8729 7.86558 10.5039C8.75637 10.1349 9.51775 9.51009 10.0534 8.7084C10.5891 7.90671 10.875 6.96418 10.875 6C10.8736 4.70749 10.3596 3.46831 9.44564 2.55436C8.5317 1.64042 7.29251 1.12636 6 1.125ZM6 10.125C5.18415 10.125 4.38663 9.88307 3.70827 9.42981C3.02992 8.97655 2.50121 8.33231 2.189 7.57857C1.87679 6.82482 1.7951 5.99542 1.95426 5.19525C2.11343 4.39508 2.5063 3.66008 3.08319 3.08318C3.66008 2.50629 4.39508 2.11342 5.19525 1.95426C5.99543 1.7951 6.82483 1.87679 7.57857 2.189C8.33232 2.50121 8.97655 3.02992 9.42981 3.70827C9.88307 4.38663 10.125 5.18415 10.125 6C10.1238 7.09364 9.68877 8.14213 8.91545 8.91545C8.14213 9.68876 7.09364 10.1238 6 10.125ZM5.625 6.375V3.75C5.625 3.65054 5.66451 3.55516 5.73484 3.48484C5.80516 3.41451 5.90055 3.375 6 3.375C6.09946 3.375 6.19484 3.41451 6.26517 3.48484C6.33549 3.55516 6.375 3.65054 6.375 3.75V6.375C6.375 6.47446 6.33549 6.56984 6.26517 6.64017C6.19484 6.71049 6.09946 6.75 6 6.75C5.90055 6.75 5.80516 6.71049 5.73484 6.64017C5.66451 6.56984 5.625 6.47446 5.625 6.375ZM6.5625 8.0625C6.5625 8.17375 6.52951 8.28251 6.4677 8.37501C6.4059 8.46751 6.31804 8.53961 6.21526 8.58218C6.11248 8.62476 5.99938 8.6359 5.89026 8.61419C5.78115 8.59249 5.68092 8.53891 5.60225 8.46025C5.52359 8.38158 5.47001 8.28135 5.44831 8.17224C5.42661 8.06312 5.43775 7.95002 5.48032 7.84724C5.52289 7.74446 5.59499 7.65661 5.68749 7.5948C5.78 7.53299 5.88875 7.5 6 7.5C6.14919 7.5 6.29226 7.55926 6.39775 7.66475C6.50324 7.77024 6.5625 7.91332 6.5625 8.0625Z' fill='%23E62900' /%3E%3C/svg%3E");
    top: 3px;
}

    /* privacy */
.privacy {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 20px auto;
    width: 100%;
}

.privacy__check {
    height: 20px;
    width: 20px;
    display: block;
    margin-right: 12px;
    min-width: 20px;
}

.privacy__check .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.privacy__label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* labels */
label {
    cursor: pointer;
}

label.option {
    transition: all var(--transition-speed);
    color: var(--dark-color);
    display: block;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 3px;
    padding-left: 8px;
    width: 100%;
}
.modal-form__section label.option{
    padding-left: 0px;
}

label.option_required:after {
    content: '*';
    color: var(--red-color);
    text-transform: uppercase;
}

/* textfields */
.textfield {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: var(--white-color);
    border: 1px solid var(--dark-color);
    box-sizing: border-box;
    color: var(--text-color);
    display: block;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    outline: none;
    padding: 6px 8px;
    width: 100%;
}
@media (max-width: 575.98px) {
    .modal-form__section .textfield {
        padding: 9px 12px;
    }
}

.textfield._error {
    border-color: var(--red-color);
}

.modal-form__section .error_input ~ .textfield {
    border-color: var(--red-color);
}

.textfield_grey {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.7);
}

.textfield_grey:focus {
    background: #ffffff;
    border-color: #ffffff;
}

.textfield_dark {
    background: var(--dark-color);
    border-color: var(--dark-color);
    color: var(--white-color);
}

.textfield_dark:focus {
    background: var(--dark-color);
    border-color: var(--dark-color);
    color: var(--white-color);
}

.textfield_dark::placeholder {
    color: var(--white-color);
}

textarea {
    min-height: 60px;
    resize: none;
}

/* buttons */
input[type='button'],
input[type='submit'],
button {
    cursor: pointer;
}

.btn {
    border-radius: 5px;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color-1) 50%, var(--primary-color) 100%);
    border: none;
    box-sizing: border-box;
    color: var(--black-color);
    cursor: pointer;
    display: block;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: var(--line-height);
    max-width: 100%;
    outline: none;
    padding: 17px 32px 16px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.btn:hover {
    background: linear-gradient(90deg, var(--primary-color-1) 0%, var(--primary-color) 50%, var(--primary-color-1) 100%);
    color: var(--black-color);
    text-decoration: none;
}

.btn_bordered {
    background: var(--white-color);
    border: 1px solid var(--dark-color);
    color: var(--text-color);
}

.btn_bordered:hover {
    background: var(--dark-color);
    border: 1px solid var(--dark-color);
    color: var(--white-color);
}

.btn_primary {
    background: var(--primary-color);
    color: var(--white-color);
}

.btn_primary:hover {
    background: var(--primary-color-1);
    color: var(--white-color);
}

.btn_label-file {
    overflow: hidden;
    position: relative;
}

.btn_label-file input[type="file"] {
    left: 200%;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 200%;
}

/* select */
select {
    box-sizing: border-box;
    display: block;
    width: 100%;
}

/* check */
.check-bordered {
    border-radius: 5px;
    background: transparent;
    border: 1px solid var(--dark-color);
    overflow: hidden;
    padding: 4px 8px 3px 13px;
}

.check-bordered__head {
    align-items: center;
    display: flex;
    min-height: 40px;
    justify-content: flex-start;
}

@media (max-width: 575.98px) {
    .check-bordered__head {
        flex-wrap: wrap;
    }
}

.check-bordered__input {
    opacity: 0;
    outline: none;
    position: absolute;
}

.check-bordered__input:checked ~ .check-bordered__cont {
    display: block;
}

.check-bordered__input:checked ~ .check-bordered__head .check-bordered__checkbox:after {
    opacity: 1;
}

.check-bordered__checkbox {
    border-radius: 5px;
    height: 18px;
    width: 18px;
    align-items: center;
    background: transparent;
    border: 1px solid var(--dark-color);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-right: 6px;
    min-width: 18px;
}

.check-bordered__checkbox:after {
    height: 10px;
    width: 11px;
    transition: all var(--transition-speed);
    background: url(../assets/img/check-icon.svg) center center no-repeat;
    content: '';
    display: block;
    opacity: 0;
}

.check-bordered__text {
    color: var(--dark-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    flex: 1;
    margin-right: 20px;
}

.check-bordered__info {
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    margin-left: auto;
    text-align: right;
}

@media (max-width: 575.98px) {
    .check-bordered__info {
        flex: initial;
        margin: 12px 0 0;
        text-align: left;
        width: 100%;
    }
}

.check-bordered__price {
    color: var(--dark-color);
}

.check-bordered__comment {
    color: var(--grey-color);
}

.check-bordered__cont {
    display: none;
    padding-bottom: 4px;
    margin-top: 4px;
    width: 100%;
}

/* star check */
.stars-form {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

.stars-form [type="radio"] {
    appearance: none;
}

.stars-form .icon {
    height: 24px;
    width: 24px;
    color: transparent;
    display: block;
    margin-right: 1px;
}

.stars-form label:hover .icon,
.stars-form label:has(~ :hover) .icon {
    transform: scale(1.05);
    color: var(--primary-color);
    animation: jump 0.5s calc(0.3s + (var(--i) - 1) * 0.15s) alternate infinite;
}

.stars-form label:has(~ :checked) .icon {
    color: var(--primary-color);
}

@keyframes jump {
    0%,
    50% {
        transform: translatey(0) scale(1.05);
    }
    100% {
        transform: translatey(-15%) scale(1.05);
    }
}

/* upload files */
.upload-btn {
    border-radius: 5px;
    transition: all var(--transition-speed);
    align-items: center;
    background: transparent;
    border: 1px solid var(--dark-color);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    max-width: 100%;
    min-height: 100px;
    overflow: hidden;
    position: relative;
}

.upload-btn__desc {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.15;
    max-width: 300px;
}

.upload-btn__inputfile {
    width: 100%;
    height: 100%;
    opacity: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    z-index: 3;
}

.upload-btn .icon {
    height: 39px;
    width: 39px;
    display: block;
    margin-right: 5px;
    min-width: 39px;
    object-fit: contain;
    object-position: center;
}

.upload-btn__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    position: relative;
}

.upload-btn__img-box {
    padding: 0 10px;
    margin-bottom: 12px;
    position: relative;
    width: 100px;
}

.upload-btn__img-box .img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
}

.upload-btn__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}

.upload-btn__img-close:after {
    content: '\2716';
    font-size: 14px;
    color: white;
}

.modal-form {
    background: var(--white-color);
    color: var(--text-color);
    font: inherit;
    max-width: 100%;
    padding: 0 !important;
    width: 752px;
}

.modal-form.fancybox__content > .f-button.is-close-btn {
    height: 32px;
    width: 32px;
    transition: all var(--transition-speed);
    opacity: 1;
    right: 24px;
    top: 12px;
}

.modal-form.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 0.8;
}

.modal-form__head {
    background: var(--dark-color);
    box-sizing: border-box;
    color: var(--white-color);
    min-height: 58px;
    padding: 18px 60px 18px 6%;
}

.modal-form__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.22;
    margin: 0;
    text-transform: uppercase;
}

.modal-form__top {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 28px;
    width: 100%;
}

@media (max-width: 575.98px) {
    .modal-form__top {
        display: block;
        margin-bottom: 20px;
    }
    #js-fast-order .modal-form__top {
        display: none;
        margin-bottom: 0px;
    }
}

.modal-form__top-img-wrap {
    border-radius: 5px;
    height: 95px;
    width: 95px;
    display: block;
    margin-right: 37px;
    min-width: 95px;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .modal-form__top-img-wrap {
        margin: 0 auto 16px;
    }
}

.modal-form__top-img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.modal-form__top-cont {
    flex: 1;
}

.modal-form__top-cont-foot {
    width: 100%;
}

@media (min-width: 576px) {
    .modal-form__top-cont-foot {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

.modal-form__top-price-value {
    display: inline-block;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}

@media (max-width: 991.98px) {
    .modal-form__top-price-value {
        font-size: 24px;
    }
}

@media (max-width: 575.98px) {
    .modal-form__top-price-value {
        font-size: 20px;
    }
}

.modal-form__top-price-value_new {
    margin-right: 75px;
}

.modal-form__top-price-value_new ~ .modal-form__top-price-value {
    font-size: 24px;
    position: relative;
}

@media (max-width: 991.98px) {
    .modal-form__top-price-value_new ~ .modal-form__top-price-value {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .modal-form__top-price-value_new ~ .modal-form__top-price-value {
        font-size: 18px;
    }
}

.modal-form__top-price-value_new ~ .modal-form__top-price-value:after {
    background: var(--red-color);
    content: '';
    height: 2px;
    left: -0.3em;
    margin-top: -1px;
    position: absolute;
    right: -0.3em;
    top: 50%;
}

@media (max-width: 575.98px) {
    .modal-form__top-counter {
        margin: 0 0 20px;
    }
}

.modal-form__top-counter .buy-action {
    width: 190px;
    display: flex;
    align-items: center;
}
.modal-form__top-counter .buy-action__counter{
    position: initial;
}

.modal-form__top-counter .buy-action__btn {
    padding: 0.68em 0.7em 0.67em;
}
#js-fast-order .modal-form__top-counter .buy-action__btn{
    display: none;
    padding: 0;
}

.modal-form__cont {
    padding: 40px 12% 30px;
}

.modal-form__subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 1em;
}
#js-fast-order .modal-form__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 30px;
}
#js-fast-order .modal-form__cont .buy-action__counter{
    height: 30px;
    background: #ffffff;
    display: flex;
    width: 236px;
}
#js-fast-order .modal-form__cont .buy-action__counter-input{
    width: 119px;
    border: 1px solid #4b413d;
    border-radius: 5px;
    font-weight: 400;
    font-size: 18px;
    height: 29px;
    padding: 0;
}


.modal-form__section {
    margin-bottom: 28px;
}

.modal-form__section-title {
    color: var(--grey-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 0.6em;
    text-transform: uppercase;
}

#js-fast-order .modal-form__section-title{
    display: none;
}

.modal-form__section-title[data-toggle-active] {
    cursor: pointer;
}

.modal-form__section-title[data-toggle-active] ~ .modal-form__section-cont {
    display: none;
}

.modal-form__section-title._active ~ .modal-form__section-cont {
    display: block;
}

.modal-form__section-title._active .icon {
    transform: rotate(90deg);
}

.modal-form__section-title .icon {
    height: 15px;
    width: 7px;
    transition: all var(--transition-speed);
    display: inline-block;
    margin-left: 10px;
    transform: rotate(0);
    vertical-align: middle;
}

.modal-form__section-cont {
    display: block;
}

@media (min-width: 576px) {
    .modal-form__row {
        align-items: flex-start;
        display: flex;
        justify-content: flex-start;
    }
}

@media (min-width: 576px) {
    .modal-form__col {
        flex: 1;
    }
}

@media (min-width: 576px) {
    .modal-form__col:nth-child(2n) {
        margin-left: 27px;
    }
}

.modal-form__btn-wrap {
    margin: 30px 0 0;
    text-align: center;
}

@media (max-width: 991.98px) {
    .modal-form__btn-wrap {
        margin-top: 24px;
    }
}

@media (max-width: 575.98px) {
    .modal-form__btn-wrap {
        margin-top: 20px;
    }
}

.modal-form__btn {
    background: var(--dark-color);
    color: var(--white-color);
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    max-width: 100%;
    min-width: 234px;
    padding: 10px 20px;
    width: auto;
}

#js-fast-order .modal-form__btn{
    width: 100%;
}

.modal-form__btn:hover {
    background: var(--primary-color);
}

@media (max-width: 479.98px) {
    .modal-form__btn {
        display: block;
        width: 100%;
    }
}

#js-fast-order .modal-form__cont .agreement{
    margin-top: 13px;
    position: relative;
}
#js-fast-order .modal-form__cont .agreement input{
    display: none;]
}
#js-fast-order .modal-form__cont .agreement label{
    padding-left: 35px;
    position: relative;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #616263;
    opacity: 0.8;
}
#js-fast-order .modal-form__cont .agreement input ~ label::before{
    content: "";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='20' height='20' viewBox='0 0 20 20' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 5.2.4%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='transparent'%3E%3C/rect%3E%3Cg transform='matrix(1 0 0 1 10 10)' id='d6633d39-69e8-4ad9-8ba6-4337f631df0e' %3E%3Crect style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; visibility: hidden;' vector-effect='non-scaling-stroke' x='-10' y='-10' rx='0' ry='0' width='20' height='20' /%3E%3C/g%3E%3Cg transform='matrix(0 0 0 0 0 0)' id='2424e2c9-af37-46e2-97fd-61bf7474cbc8' %3E%3C/g%3E%3Cg transform='matrix(1.05 0 0 1.05 9.98 9.97)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(33,28,26); fill-rule: nonzero; opacity: 1;' transform=' translate(-9.5, -9)' d='M 16.7917 0 L 2.20833 0 C 1.6558 0 1.12589 0.210714 0.735194 0.585786 C 0.344493 0.960859 0.125 1.46957 0.125 2 L 0.125 16 C 0.125 16.5304 0.344493 17.0391 0.735194 17.4142 C 1.12589 17.7893 1.6558 18 2.20833 18 L 16.7917 18 C 17.3442 18 17.8741 17.7893 18.2648 17.4142 C 18.6555 17.0391 18.875 16.5304 18.875 16 L 18.875 2 C 18.875 1.46957 18.6555 0.960859 18.2648 0.585786 C 17.8741 0.210714 17.3442 0 16.7917 0 Z M 16.7917 2 L 16.7917 16 L 2.20833 16 L 2.20833 2 L 16.7917 2 Z M 7.41667 14 L 3.25 10 L 4.71875 8.58 L 7.41667 11.17 L 14.2812 4.58 L 15.75 6' stroke-linecap='round' /%3E%3C/g%3E%3Cg transform='matrix(0.22 0 0 0.21 10.07 9.7)' id='82253955-8ba4-4aa4-a6e3-832c2b24f6c7' %3E%3Crect style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' x='-33.085' y='-33.085' rx='0' ry='0' width='66.17' height='66.17' /%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: -7px;
}
#js-fast-order .modal-form__cont .agreement input:checked ~ label::before{
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7917 0H2.20833C1.6558 0 1.12589 0.210714 0.735194 0.585786C0.344493 0.960859 0.125 1.46957 0.125 2V16C0.125 16.5304 0.344493 17.0391 0.735194 17.4142C1.12589 17.7893 1.6558 18 2.20833 18H16.7917C17.3442 18 17.8741 17.7893 18.2648 17.4142C18.6555 17.0391 18.875 16.5304 18.875 16V2C18.875 1.46957 18.6555 0.960859 18.2648 0.585786C17.8741 0.210714 17.3442 0 16.7917 0ZM16.7917 2V16H2.20833V2H16.7917ZM7.41667 14L3.25 10L4.71875 8.58L7.41667 11.17L14.2812 4.58L15.75 6' fill='%23211C1A' /%3E%3C/svg%3E");
}

/* PLUGINS RESTYLE */
:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: .175s ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: .175s ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s) * .5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
    box-sizing: inherit
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
    filter: blur(0px);
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
    animation: .25s ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: .35s ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
    animation: .15s ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: .35s ease forwards f-fadeOut
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden
}

.f-thumbs__track {
    display: flex;
    will-change: transform
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--left, 0) * 1px);
    width: calc(100% - var(--width, 0) * 1px);
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern .f-thumbs__slide > * {
    clip-path: var(--clip-path)
}

.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.is-modern.in-touch .f-thumbs__slide {
    filter: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: all .33s ease
}

.is-modern.is-resting .f-thumbs__slide > * {
    transition: all .33s ease
}

.f-thumbs__slide__button {
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover
}

.f-thumbs.is-horizontal .f-thumbs__track {
    margin: 0 auto;
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    margin: auto 0;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none
}

@charset "UTF-8";
/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */
:root {
    --mm-lineheight: 22px
}

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu, .mm-menu *, .mm-menu :after, .mm-menu :before {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

:root {
    --mm-blocker-visibility-delay: 0.4s;
    --mm-blocker-opacity-delay: 0s
}

.mm-blocker {
    display: block;
    position: absolute;
    bottom: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    background: var(--mm-color-background);
    -webkit-transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), -webkit-transform .4s ease;
    transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), -webkit-transform .4s ease;
    -o-transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), transform .4s ease;
    transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), transform .4s ease;
    transition: bottom 0s ease var(--mm-blocker-visibility-delay), width .4s ease, opacity .4s ease var(--mm-blocker-opacity-delay), transform .4s ease, -webkit-transform .4s ease
}

.mm-blocker:focus-visible {
    opacity: .75
}

.mm-btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 50px;
    padding: 0
}

.mm-btn--next, [dir=rtl] .mm-btn--prev {
    --mm-btn-rotate: 135deg
}

.mm-btn--prev, [dir=rtl] .mm-btn--next {
    --mm-btn-rotate: -45deg
}

.mm-btn--next:after, .mm-btn--prev:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--mm-color-icon);
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(var(--mm-btn-rotate));
    -ms-transform: rotate(var(--mm-btn-rotate));
    transform: rotate(var(--mm-btn-rotate))
}

.mm-btn--prev:before {
    inset-inline-start: 23px
}

.mm-btn--next:after {
    inset-inline-end: 23px
}

.mm-btn--close:before {
    content: "×";
    font-size: 150%
}

.mm-btnreset {
    padding: 0;
    background: 0 0;
    border: none;
    cursor: pointer
}

.mm-divider {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    min-height: var(--mm-lineheight);
    padding: calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;
    font-size: 75%;
    text-transform: uppercase;
    background: var(--mm-color-background);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--mm-color-background-highlight)), to(var(--mm-color-background-highlight)));
    background-image: -o-linear-gradient(var(--mm-color-background-highlight), var(--mm-color-background-highlight));
    background-image: linear-gradient(var(--mm-color-background-highlight), var(--mm-color-background-highlight));
    opacity: 1;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.mm-navbar:not(.mm-hidden) ~ .mm-listview .mm-divider {
    top: var(--mm-navbar-size)
}

:root {
    --mm-listitem-size: 50px
}

.mm-listitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 0;
    margin: 0;
    color: var(--mm-color-text);
    border-color: var(--mm-color-border)
}

.mm-listitem:after {
    content: "";
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    inset-inline-start: 20px;
    inset-inline-end: 0;
    bottom: 0
}

.mm-listitem__btn, .mm-listitem__text {
    padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0
}

.mm-listitem__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-listitem__btn {
    display: block;
    position: relative;
    width: auto;
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
    border-color: inherit;
    background: rgba(3, 2, 1, 0)
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-listitem--selected > .mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

.mm-listitem--opened > .mm-listitem__btn, .mm-listitem--opened > .mm-panel {
    background: var(--mm-color-background-highlight)
}

.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    line-height: var(--mm-lineheight);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mm-menu ::-webkit-input-placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu ::-moz-placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu :-ms-input-placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu ::-ms-input-placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu ::placeholder {
    color: var(--mm-color-text-dimmed)
}

.mm-menu, .mm-menu * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-menu :focus, .mm-menu :focus-visible, .mm-menu:focus, .mm-menu:focus-visible {
    outline: 0
}

.mm-menu a, .mm-menu button, .mm-menu label {
    color: inherit
}

.mm-menu a:focus, .mm-menu button:focus, .mm-menu label:focus {
    outline: 0
}

.mm-menu a:focus-visible, .mm-menu button:focus-visible, .mm-menu label:focus-visible {
    outline: 2px solid var(--mm-color-focusring);
    outline-offset: -5px
}

.mm-menu input:focus, .mm-menu input:focus-visible, .mm-menu select:focus, .mm-menu select:focus-visible, .mm-menu textarea:focus, .mm-menu textarea:focus-visible {
    outline: 2px solid var(--mm-color-focusring);
    outline-offset: 2px
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    text-decoration: none;
    color: inherit
}

:root {
    --mm-navbar-size: 50px
}

.mm-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: var(--mm-navbar-size);
    padding-top: env(safe-area-inset-top);
    color: var(--mm-color-text-dimmed);
    text-align: center;
    opacity: 1;
    background: var(--mm-color-background);
    border-bottom: 1px solid var(--mm-color-border);
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.mm-navbar > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-navbar__btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mm-navbar__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    overflow: hidden
}

.mm-navbar__title[href="#"] {
    pointer-events: none
}

.mm-navbar__title > span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-btn.mm-hidden + .mm-navbar__title:not(:last-child) {
    -webkit-padding-start: 60px;
    padding-inline-start: 60px;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px
}

.mm-btn:not(.mm-hidden) + .mm-navbar__title:last-child {
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 60px;
    padding-inline-end: 60px
}

.mm-panel {
    --mm-panel-child-offset: 100%;
    --mm-panel-parent-offset: -30%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    color: var(--mm-color-text);
    border-color: var(--mm-color-border);
    background: var(--mm-color-background);
    -webkit-transform: translate3d(var(--mm-panel-child-offset), 0, 0);
    transform: translate3d(var(--mm-panel-child-offset), 0, 0);
    -webkit-transition-property: inset-inline-start, -webkit-transform;
    transition-property: inset-inline-start, -webkit-transform;
    -o-transition-property: transform, inset-inline-start;
    transition-property: transform, inset-inline-start;
    transition-property: transform, inset-inline-start, -webkit-transform
}

[dir=rtl] .mm-panel {
    --mm-panel-child-offset: -100%;
    --mm-panel-parent-offset: 30%
}

.mm-panel:after {
    content: "";
    display: block;
    height: var(--mm-listitem-size)
}

.mm-panel:focus {
    outline: 0
}

.mm-panel--opened {
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.mm-panel--parent {
    -webkit-transform: translate3d(var(--mm-panel-parent-offset), 0, 0);
    transform: translate3d(var(--mm-panel-parent-offset), 0, 0);
    z-index: 0
}

.mm-panel--highest {
    z-index: 3
}

.mm-menu--opened .mm-panel--noanimation {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.mm-panel__content {
    padding: 20px
}

.mm-panels {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    height: 100%;
    overflow: hidden;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text)
}

.mm-panels:focus {
    outline: 0
}

:root {
    --mm-toggle-size: 34px
}

.mm-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: calc(var(--mm-toggle-size) * 1.75);
    -ms-flex: calc(var(--mm-toggle-size) * 1.75) 0 0px;
    flex: calc(var(--mm-toggle-size) * 1.75) 0 0;
    height: var(--mm-toggle-size);
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    border-radius: var(--mm-toggle-size);
    border: var(--mm-color-border);
    background: var(--mm-color-border);
    cursor: pointer;
    -webkit-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color
}

.mm-toggle:before {
    content: "";
    aspect-ratio: 1;
    margin: 2px;
    border-radius: 100%;
    background: var(--mm-color-background);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.mm-toggle:checked {
    background: #4bd963
}

.mm-toggle:checked:before {
    -webkit-transform: translateX(calc(var(--mm-toggle-size) * .75));
    -ms-transform: translateX(calc(var(--mm-toggle-size) * .75));
    transform: translateX(calc(var(--mm-toggle-size) * .75))
}

[dir=rtl] .mm-toggle:checked:before {
    -webkit-transform: translateX(calc(var(--mm-toggle-size) * -.75));
    -ms-transform: translateX(calc(var(--mm-toggle-size) * -.75));
    transform: translateX(calc(var(--mm-toggle-size) * -.75))
}

.mm-listitem--vertical > .mm-panel {
    position: static;
    width: 100%;
    padding: 10px 0 10px 20px;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mm-listitem--vertical > .mm-panel:after {
    content: none;
    display: none
}

.mm-listitem--vertical:not(.mm-listitem--opened) > .mm-panel {
    display: none
}

.mm-listitem--vertical > .mm-listitem__btn {
    height: var(--mm-listitem-size);
    bottom: auto
}

.mm-listitem--vertical .mm-listitem:last-child:after {
    border-color: transparent
}

.mm-listitem--opened > .mm-listitem__btn:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

:root {
    --mm-size: 80%;
    --mm-min-size: 240px;
    --mm-max-size: 440px
}

.mm-menu--offcanvas {
    position: fixed;
    z-index: 0
}

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh;
    background: inherit
}

:where(.mm-slideout) {
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: width, transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform
}

.mm-wrapper--opened, .mm-wrapper--opened body {
    overflow: hidden
}

.mm-wrapper__blocker {
    background: rgba(0, 0, 0, .4)
}

.mm-wrapper--opened .mm-wrapper__blocker {
    --mm-blocker-visibility-delay: 0s;
    --mm-blocker-opacity-delay: 0.4s;
    bottom: 0;
    opacity: .5
}

.mm-menu {
    --mm-translate-horizontal: 0;
    --mm-translate-vertical: 0
}

.mm-menu--position-left, .mm-menu--position-left-front {
    right: auto
}

.mm-menu--position-right, .mm-menu--position-right-front {
    left: auto
}

.mm-menu--position-left, .mm-menu--position-left-front, .mm-menu--position-right, .mm-menu--position-right-front {
    width: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size))
}

.mm-menu--position-left-front {
    --mm-translate-horizontal: -100%
}

.mm-menu--position-right-front {
    --mm-translate-horizontal: 100%
}

.mm-menu--position-top {
    bottom: auto
}

.mm-menu--position-bottom {
    top: auto
}

.mm-menu--position-bottom, .mm-menu--position-top {
    width: 100%;
    height: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size))
}

.mm-menu--position-top {
    --mm-translate-vertical: -100%
}

.mm-menu--position-bottom {
    --mm-translate-vertical: 100%
}

.mm-menu--position-bottom, .mm-menu--position-left-front, .mm-menu--position-right-front, .mm-menu--position-top {
    z-index: 2;
    -webkit-transform: translate3d(var(--mm-translate-horizontal), var(--mm-translate-vertical), 0);
    transform: translate3d(var(--mm-translate-horizontal), var(--mm-translate-vertical), 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.mm-menu--position-bottom.mm-menu--opened, .mm-menu--position-left-front.mm-menu--opened, .mm-menu--position-right-front.mm-menu--opened, .mm-menu--position-top.mm-menu--opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-wrapper--position-left {
    --mm-translate-horizontal: clamp(
            var(--mm-min-size),
            var(--mm-size),
            var(--mm-max-size)
    )
}

.mm-wrapper--position-right {
    --mm-translate-horizontal: clamp(
            calc(-1 * var(--mm-max-size)),
            calc(-1 * var(--mm-size)),
            calc(-1 * var(--mm-min-size))
    )
}

.mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout, .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout {
    -webkit-transform: translate3d(var(--mm-translate-horizontal), 0, 0);
    transform: translate3d(var(--mm-translate-horizontal), 0, 0)
}

.mm-wrapper--position-bottom .mm-wrapper__blocker, .mm-wrapper--position-left-front .mm-wrapper__blocker, .mm-wrapper--position-right-front .mm-wrapper__blocker, .mm-wrapper--position-top .mm-wrapper__blocker {
    z-index: 1
}

.mm-menu--theme-light {
    --mm-color-background: #f3f3f3;
    --mm-color-border: rgb(0 0 0 / 0.15);
    --mm-color-icon: rgb(0 0 0 / 0.4);
    --mm-color-text: rgb(0 0 0 / 0.8);
    --mm-color-text-dimmed: rgb(0 0 0 / 0.4);
    --mm-color-background-highlight: rgb(0 0 0 / 0.05);
    --mm-color-background-emphasis: rgb(255 255 255 / 0.75);
    --mm-color-focusring: #06c
}

.mm-menu--theme-light-contrast {
    --mm-color-background: #f3f3f3;
    --mm-color-border: rgb(0 0 0 / 0.5);
    --mm-color-icon: rgb(0 0 0 / 0.5);
    --mm-color-text: #000;
    --mm-color-text-dimmed: rgb(0 0 0 / 0.7);
    --mm-color-background-highlight: rgb(0 0 0 / 0.05);
    --mm-color-background-emphasis: rgb(255 255 255 / 0.9);
    --mm-color-focusring: #06c
}

.mm-menu--theme-dark {
    --mm-color-background: #333;
    --mm-color-border: rgb(0, 0, 0, 0.4);
    --mm-color-icon: rgb(255, 255, 255, 0.4);
    --mm-color-text: rgb(255, 255, 255, 0.8);
    --mm-color-text-dimmed: rgb(255, 255, 255, 0.4);
    --mm-color-background-highlight: rgb(255, 255, 255, 0.08);
    --mm-color-background-emphasis: rgb(0, 0, 0, 0.1);
    --mm-color-focusring: #06c
}

.mm-menu--theme-dark-contrast {
    --mm-color-background: #333;
    --mm-color-border: rgb(255 255 255 / 0.5);
    --mm-color-icon: rgb(255 255 255 / 0.5);
    --mm-color-text: #fff;
    --mm-color-text-dimmed: rgb(255 255 255 / 0.7);
    --mm-color-background-highlight: rgb(255 255 255 / 0.1);
    --mm-color-background-emphasis: rgb(0 0 0 / 0.3);
    --mm-color-focusring: #06c
}

.mm-menu--theme-white {
    --mm-color-background: #fff;
    --mm-color-border: rgb(0 0 0 / 0.15);
    --mm-color-icon: rgb(0 0 0 / 0.3);
    --mm-color-text: rgb(0 0 0 / 0.8);
    --mm-color-text-dimmed: rgb(0 0 0 / 0.3);
    --mm-color-background-highlight: rgb(0 0 0 / 0.06);
    --mm-color-background-emphasis: rgb(0 0 0 / 0.03);
    --mm-color-focusring: #06c
}

.mm-menu--theme-white-contrast {
    --mm-color-background: #fff;
    --mm-color-border: rgb(0 0 0 / 0.5);
    --mm-color-icon: rgb(0 0 0 / 0.5);
    --mm-color-text: #000;
    --mm-color-text-dimmed: rgb(0 0 0 / 0.7);
    --mm-color-background-highlight: rgb(0 0 0 / 0.07);
    --mm-color-background-emphasis: rgb(0 0 0 / 0.035);
    --mm-color-focusring: #06c
}

.mm-menu--theme-black {
    --mm-color-background: #000;
    --mm-color-border: rgb(255 255 255 / 0.2);
    --mm-color-icon: rgb(255 255 255 / 0.4);
    --mm-color-text: rgb(255 255 255 / 0.7);
    --mm-color-text-dimmed: rgb(255 255 255 / 0.4);
    --mm-color-background-highlight: rgb(255 255 255 / 0.1);
    --mm-color-background-emphasis: rgb(255 255 255 / 0.06);
    --mm-color-focusring: #06c
}

.mm-menu--theme-black-contrast {
    --mm-color-background: #000;
    --mm-color-border: rgb(255 255 255 / 0.5);
    --mm-color-icon: rgb(255 255 255 / 0.5);
    --mm-color-text: #fff;
    --mm-color-text-dimmed: rgb(255 255 255 / 0.6);
    --mm-color-background-highlight: rgb(255 255 255 / 0.125);
    --mm-color-background-emphasis: rgb(255 255 255 / 0.1);
    --mm-color-focusring: #06c
}

.mm-counter {
    display: block;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    float: right;
    color: var(--mm-color-text-dimmed)
}

[dir=rtl] .mm-counter {
    float: left
}

:root {
    --mm-iconbar-size: 50px
}

.mm-menu--iconbar-left .mm-navbars, .mm-menu--iconbar-left .mm-panels {
    margin-left: var(--mm-iconbar-size)
}

.mm-menu--iconbar-right .mm-navbars, .mm-menu--iconbar-right .mm-panels {
    margin-right: var(--mm-iconbar-size)
}

.mm-iconbar {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: var(--mm-iconbar-size);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 solid;
    border-color: var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center
}

.mm-menu--iconbar-left .mm-iconbar, .mm-menu--iconbar-right .mm-iconbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mm-menu--iconbar-left .mm-iconbar {
    border-right-width: 1px;
    left: 0
}

.mm-menu--iconbar-right .mm-iconbar {
    border-left-width: 1px;
    right: 0
}

.mm-iconbar__bottom, .mm-iconbar__top {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.mm-iconbar__bottom > *, .mm-iconbar__top > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: calc((var(--mm-iconbar-size) - var(--mm-lineheight)) / 2) 0
}

.mm-iconbar__bottom a, .mm-iconbar__bottom a:hover, .mm-iconbar__top a, .mm-iconbar__top a:hover {
    text-decoration: none
}

.mm-iconbar__tab--selected {
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-iconpanel-size: 50px
}

.mm-panel--iconpanel-0 {
    inset-inline-start: calc(0 * var(--mm-iconpanel-size))
}

.mm-panel--iconpanel-1 {
    inset-inline-start: calc(1 * var(--mm-iconpanel-size))
}

.mm-panel--iconpanel-2 {
    inset-inline-start: calc(2 * var(--mm-iconpanel-size))
}

.mm-panel--iconpanel-3 {
    inset-inline-start: calc(3 * var(--mm-iconpanel-size))
}

.mm-panel--iconpanel-4 {
    inset-inline-start: calc(4 * var(--mm-iconpanel-size))
}

.mm-panel--iconpanel-first ~ .mm-panel {
    inset-inline-start: var(--mm-iconpanel-size)
}

.mm-menu--iconpanel .mm-panel--parent .mm-divider, .mm-menu--iconpanel .mm-panel--parent .mm-navbar {
    opacity: 0
}

.mm-menu--iconpanel .mm-panels > .mm-panel--parent {
    overflow-y: hidden;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.mm-menu--iconpanel .mm-panels > .mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0) {
    border-inline-start-width: 1px;
    border-inline-start-style: solid
}

.mm-navbars {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mm-navbars .mm-navbar {
    position: relative;
    padding-top: 0;
    border-bottom: none
}

.mm-navbars--top {
    border-bottom: 1px solid var(--mm-color-border)
}

.mm-navbars--top .mm-navbar:first-child {
    padding-top: env(safe-area-inset-top)
}

.mm-navbars--bottom {
    border-top: 1px solid var(--mm-color-border)
}

.mm-navbars--bottom .mm-navbar:last-child {
    padding-bottom: env(safe-area-inset-bottom)
}

.mm-navbar__breadcrumbs {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.mm-navbar__breadcrumbs > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-padding-end: 6px;
    padding-inline-end: 6px
}

.mm-navbar__breadcrumbs > a {
    text-decoration: underline
}

.mm-navbar__breadcrumbs:not(:last-child) {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.mm-navbar__tab {
    padding: 0 10px;
    border: 1px solid transparent
}

.mm-navbar__tab--selected {
    background: var(--mm-color-background)
}

.mm-navbar__tab--selected:not(:first-child) {
    border-inline-start-color: var(--mm-color-border)
}

.mm-navbar__tab--selected:not(:last-child) {
    border-inline-end-color: var(--mm-color-border)
}

.mm-navbars--top.mm-navbars--has-tabs {
    border-bottom: none
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar {
    background: var(--mm-color-background-emphasis)
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs ~ .mm-navbar {
    background: var(--mm-color-background)
}

.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child {
    border-bottom: 1px solid var(--mm-color-border)
}

.mm-navbars--top .mm-navbar__tab {
    border-bottom-color: var(--mm-color-border)
}

.mm-navbars--top .mm-navbar__tab--selected {
    border-top-color: var(--mm-color-border);
    border-bottom-color: transparent
}

.mm-navbars--bottom.mm-navbar--has-tabs {
    border-top: none
}

.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar {
    background: var(--mm-color-background)
}

.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs, .mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs ~ .mm-navbar {
    background: var(--mm-color-background-emphasis)
}

.mm-navbars--bottom .mm-navbar__tab {
    border-top-color: var(--mm-color-border)
}

.mm-navbars--bottom .mm-navbar__tab--selected {
    border-bottom-color: var(--mm-color-border);
    border-top-color: transparent
}

.mm-searchfield {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: var(--mm-navbar-size);
    padding: 0;
    overflow: hidden
}

.mm-searchfield__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-searchfield__input input {
    display: block;
    width: 100%;
    max-width: 100%;
    height: calc(var(--mm-navbar-size) * .7);
    min-height: auto;
    max-height: auto;
    margin: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    line-height: calc(var(--mm-navbar-size) * .7);
    font: inherit;
    font-size: inherit
}

.mm-searchfield__input input, .mm-searchfield__input input:focus, .mm-searchfield__input input:hover {
    background: var(--mm-color-background-highlight);
    color: var(--mm-color-text)
}

.mm-menu[class*=-contrast] .mm-searchfield__input input {
    border: 1px solid var(--mm-color-border)
}

.mm-searchfield__input input::-ms-clear {
    display: none
}

.mm-searchfield__btn {
    display: none;
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    bottom: 0
}

.mm-searchfield--searching .mm-searchfield__btn {
    display: block
}

.mm-searchfield__cancel {
    display: block;
    position: relative;
    -webkit-margin-end: -100px;
    margin-inline-end: -100px;
    -webkit-padding-start: 5px;
    padding-inline-start: 5px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    visibility: hidden;
    line-height: var(--mm-navbar-size);
    text-decoration: none;
    -webkit-transition-property: visibility, margin;
    -o-transition-property: visibility, margin;
    transition-property: visibility, margin
}

.mm-searchfield--cancelable .mm-searchfield__cancel {
    visibility: visible;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.mm-panel--search {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border: none !important
}

.mm-panel__splash {
    padding: 20px
}

.mm-panel--searching .mm-panel__splash {
    display: none
}

.mm-panel__noresults {
    display: none;
    padding: 40px 20px;
    color: var(--mm-color-text-dimmed);
    text-align: center;
    font-size: 150%;
    line-height: 1.4
}

.mm-panel--noresults .mm-panel__noresults {
    display: block
}

:root {
    --mm-sectionindexer-size: 20px
}

.mm-sectionindexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: var(--mm-sectionindexer-size);
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-end: calc(-1 * var(--mm-sectionindexer-size));
    z-index: 5;
    -webkit-transition-property: inset-inline-end;
    -o-transition-property: inset-inline-end;
    transition-property: inset-inline-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.mm-sectionindexer a {
    color: var(--mm-color-text-dimmed);
    line-height: 1;
    text-decoration: none;
    display: block
}

.mm-sectionindexer ~ .mm-panel {
    -webkit-padding-end: 0;
    padding-inline-end: 0
}

.mm-sectionindexer--active {
    right: 0
}

.mm-sectionindexer--active ~ .mm-panel {
    -webkit-padding-end: var(--mm-sectionindexer-size);
    padding-inline-end: var(--mm-sectionindexer-size)
}

.mm-menu--selected-hover .mm-listitem__btn, .mm-menu--selected-hover .mm-listitem__text, .mm-menu--selected-parent .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem__text {
    -webkit-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color
}

@media (hover: hover) {
    .mm-menu--selected-hover .mm-listview:hover > .mm-listitem--selected:not(:hover) > .mm-listitem__text {
        background: 0 0
    }

    .mm-menu--selected-hover .mm-listitem__btn:hover, .mm-menu--selected-hover .mm-listitem__text:hover {
        background: var(--mm-color-background-emphasis)
    }
}

.mm-menu--selected-parent .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem__text {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@media (hover: hover) {
    .mm-menu--selected-parent .mm-listitem__btn:hover, .mm-menu--selected-parent .mm-listitem__text:hover {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }
}

.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent) > .mm-listitem__text {
    background: 0 0
}

.mm-menu--selected-parent .mm-listitem--selected-parent > .mm-listitem__btn, .mm-menu--selected-parent .mm-listitem--selected-parent > .mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-sidebar-collapsed-size: 50px;
    --mm-sidebar-expanded-size: var(--mm-max-size)
}

.mm-wrapper--sidebar-collapsed .mm-slideout {
    width: calc(100% - var(--mm-sidebar-collapsed-size));
    -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
    transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0)
}

[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider, .mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar {
    opacity: 0
}

.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded {
    width: var(--mm-sidebar-expanded-size);
    border-right-width: 1px;
    border-right-style: solid
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened {
    overflow: auto
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker {
    display: none
}

.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout {
    width: calc(100% - var(--mm-sidebar-expanded-size));
    -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
    transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0)
}

[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

mm-burger {
    --mb-bar-width: 27px;
    --mb-bar-height: 2px;
    --mb-bar-spacing: 7px;
    background: #E3B872;
    border-radius: 10px;
    color: var(--body-bg-dark);
    display: block;
    padding: 15px;
}

#menu-mobile.mm-menu {
    display: flex !important;
    opacity: 0;
}

#menu-mobile.mm-menu.mm-menu--opened {
    opacity: 1;
}

#menu-mobile.mm-menu #header-actions,
#menu-mobile.mm-menu #header-socials {
    display: block !important;
}

#menu-mobile.mm-menu .header__top-socials,
#menu-mobile.mm-menu .header__main-actions {
    margin-right: 0;
}

#menu-mobile.mm-menu .header__top-socials-item,
#menu-mobile.mm-menu .header__main-actions-item {
    height: 24px;
    width: 24px;
    margin: 0 15px;
}

.mm-panels {
    --mm-color-text: var(--text-color);
}

.mm-listitem__text {
    font-family: var(--font-default);
    font-weight: bold;
    text-transform: uppercase;
}

/* MIXINS */
/* border radius */
/* size */
/* letter spacing */
/* transition */
/* gradiend */
.text-gradient {
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-1) 43.65%, var(--primary-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

/* mediaqueries */
.socials__list {
    align-items: center;
    display: flex;
    justify-content: center;
}

.socials__item {
    margin-right: calc(var(--gutter-x) / 2);
}

.socials__item:last-child {
    margin-right: 0;
}

.socials__link {
    height: 36px;
    width: 36px;
    align-items: center;
    color: inherit;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.socials__link:hover {
    color: var(--primary-color);
}

.socials__link .icon {
    display: block;
    max-height: 85%;
    max-width: 85%;
}

.mobile-panel {
    background: var(--white-color);
    bottom: 0;
    display: none;
    padding: 6px 8px;
    position: sticky;
    width: 100%;
    z-index: 11;
}

@media (max-width: 991.98px) {
    .mobile-panel {
        display: block;
    }
}

.mobile-panel__list {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
}

.mobile-panel__item {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-shrink: 0;
    justify-content: center;
    min-width: 68px;
    /* min-width: 80px; */
}

.mobile-panel__link {
    color: var(--dark-color);
    display: block;
    text-decoration: none;
}

.mobile-panel__link:hover {
    color: var(--primary-color);
}

.mobile-panel__link-count {
    border-radius: 50%;
    height: 17px;
    width: 17px;
    align-items: center;
    background: var(--red-color);
    bottom: 0;
    color: var(--white-color);
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 0;
    transform: translate(50%, 50%);
}

.mobile-panel__icon-wrap {
    height: 24px;
    width: 24px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.mobile-panel__icon-wrap .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.mobile-panel__name {
    font-size: 16px;
    line-height: 1.3;
    margin-top: 2px;
    text-align: center;
}

.footer-menu {
    display: block;
}

.footer-menu__list {
    columns: 3;
    column-gap: var(--gutter-x);
}

@media (max-width: 575.98px) {
    .footer-menu__list {
        columns: 2;
    }
}

.footer-menu__item {
    display: inline-block;
    margin: 0;
    width: 100%;
}

.footer-menu__link {
    color: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.footer-menu__link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.ask-section {
    padding: 16vh 0 12vh;
    position: relative;
}

.ask-section__bg {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    z-index: -1;
}

.ask-section__cont {
    border-radius: 5px;
    background: rgba(33, 28, 26, 0.6);
    margin: 0 auto;
    max-width: 910px;
    padding: 20px 20px 30px;
}

.ask-section__cont-title {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 6px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .ask-section__cont-title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .ask-section__cont-title {
        font-size: 24px;
    }
}

.ask-section__cont-desc {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 40px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .ask-section__cont-desc {
        font-size: 21px;
    }
}

@media (max-width: 575.98px) {
    .ask-section__cont-desc {
        font-size: 18px;
    }
}

.ask-section__cont-form {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 420px;
}

.ask-section__cont-form .form-row {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.ask-section__cont-btn {
    min-width: 192px;
    margin: auto;
    width: auto;
}

.brand-zone-section {
    margin: 0 0 120px;
}

@media (max-width: 991.98px) {
    .brand-zone-section {
        margin-bottom: 80px;
    }
}

@media (max-width: 575.98px) {
    .brand-zone-section {
        margin-bottom: 60px;
    }
}

.brand-zone-section__enternal {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    min-height: 100vh;
    justify-content: center;
    padding: 12vh 0;
    position: relative;
}

.brand-zone-section__bg {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    z-index: -1;
}

.brand-zone-section__cont {
    margin: 0 auto;
    max-width: 740px;
}

.brand-zone-section__cont-enternal {
    border-radius: 5px;
    background: rgba(33, 28, 26, 0.6);
    padding: 40px 100px;
}

@media (max-width: 991.98px) {
    .brand-zone-section__cont-enternal {
        padding: 32px 60px;
    }
}

@media (max-width: 575.98px) {
    .brand-zone-section__cont-enternal {
        padding: 24px 40px;
    }
}

.brand-zone-section__cont-title {
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .brand-zone-section__cont-title {
        font-size: 40px;
    }
}

@media (max-width: 575.98px) {
    .brand-zone-section__cont-title {
        font-size: 32px;
    }
}

.brand-zone-section__cont-btn-wrap {
    margin-top: 16px;
    text-align: center;
}

@media (max-width: 575.98px) {
    .brand-zone-section__cont-btn-wrap {
        margin-top: 12px;
    }
}

.brand-zone-section__cont-btn {
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 192px;
    width: auto;
}

@media (max-width: 575.98px) {
    .brand-zone-section__cont-btn {
        width: 100%;
    }
}

.section-projects {
    margin: 0 0 120px;
}

@media (max-width: 991.98px) {
    .section-projects {
        margin-bottom: 64px;
    }
}

@media (max-width: 575.98px) {
    .section-projects {
        margin-bottom: 48px;
    }
}

.section-projects__title {
    color: var(--primary-color);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 12px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .section-projects__title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .section-projects__title {
        font-size: 24px;
    }
}

.section-projects__title-gradient {
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-1) 43.65%, var(--primary-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
}

.section-projects__list {
    display: block;
}

.section-projects__actions {
    margin: 57px 0 0;
    text-align: center;
}

.section-projects__actions .section-projects__btn {
    margin: 20px auto 0;
}

@media (max-width: 575.98px) {
    .section-projects__actions {
        margin-top: 12px;
    }
}

.section-projects__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33px;
    width: 224px;
    max-width: 100%;
}

@media (max-width: 575.98px) {
    .section-projects__btn {
        width: 100%;
    }
}

.section-projects-slider_horizontal {
    touch-action: pan-y;
}

@media (min-width: 992px) {
    .section-projects-slider__wrapper {
        column-gap: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 0;
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .section-projects-slider__wrapper {
        align-items: start;
        display: flex;
        justify-content: flex-start;
    }
}

.section-projects-slider__item {
    display: block;
}

@media (max-width: 991.98px) {
    .section-projects-slider__item {
        flex-shrink: 0;
        width: 319px;
    }
}

.section-projects-item {
    display: block;
    overflow: hidden;
    /*padding-top: 52%;*/
    min-height: calc((100vw / 3) * 330 / 634);
    position: relative;
    width: 100%;
}
@media screen and (max-width: 1360px) {
    .section-projects-item {

        min-height: calc((100vw / 2) * 350 / 671);
    }
}
@media screen and (max-width: 576px) {
    .section-projects-item {

        min-height: calc(100vw * 280 / 540);
    }
}

.section-projects-item:hover .section-projects-item__img {
    transform: scale(1.05);
}

.section-projects-item:hover .section-projects-item__cont {
    opacity: 1;
}

.section-projects-item:hover .section-projects-item__name {
    transform: translateY(0);
}

.section-projects-item__img {
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    display: block;
    left: 0;
    position: absolute;
    transform: scale(1);
    top: 0;
    z-index: 1;
}

.section-projects-item__cont {
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    align-items: flex-end;
    background: linear-gradient(270deg, rgba(33, 28, 26, 0.7) 0%, rgba(33, 28, 26, 0.5) 48.3%, rgba(0, 0, 0, 0) 100%);
    box-sizing: border-box;
    color: var(--white-color);
    display: flex;
    justify-content: flex-start;
    left: 0;
    opacity: 0;
    position: absolute;
    padding: 10px;
    top: 0;
    z-index: 2;
}

@media (max-width: 991.98px) {
    .section-projects-item__cont {
        opacity: 1;
    }
}

.section-projects-item__name {
    transition: all var(--transition-speed);
    flex: 1;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    transform: translateY(100%);
}

@media (max-width: 991.98px) {
    .section-projects-item__name {
        font-size: 18px;
        transform: translateY(0);
    }
}

@media (max-width: 575.98px) {
    .section-projects-item__name {
        font-size: 16px;
    }
}

.banners-slider {
    margin: 0 0 90px;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 991.98px) {
    .banners-slider {
        margin: 0 0 64px;
    }
}

@media (max-width: 575.98px) {
    .banners-slider {
        margin: 0 0 48px;
    }
}

.banners-slider_horizontal {
    touch-action: pan-y;
}

.banners-slider__external {
    position: relative;
}

.banners-slider__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    width: 100%;
}

.banners-slider__item {
    display: block;
    flex-shrink: 0;
    max-width: 100%;
    width: 100%;
}

.banners-slider__link {
    background: var(--white-color);
    display: block;
    position: relative;
    width: 100%;
}

.banners-slider__img {
    display: block;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.banners-slider__img img {
    display: block;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.banners-slider__pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px auto 0;
}

.banners-slider__pagination_clickable .banners-slider__pagination-item {
    cursor: pointer;
}

.banners-slider__pagination_clickable .banners-slider__pagination-item:hover {
    background: var(--primary-color);
}

.banners-slider__pagination-item {
    border-radius: 50%;
    height: 16px;
    width: 16px;
    transition: all var(--transition-speed);
    background: rgba(202, 148, 88, 0.4);
    display: block;
    margin-right: 10px;
}

@media (max-width: 575.98px) {
    .banners-slider__pagination-item {
        height: 10px;
        width: 10px;
        margin-right: 5px;
    }
}

.banners-slider__pagination-item:last-child {
    margin-right: 0;
}

.banners-slider__pagination-item_current,
.banners-slider__pagination-item_active {
    background: #CA9458;
}

.order-section {
    margin: 0 0 60px;
}

@media (max-width: 991.98px) {
    .order-section {
        margin-bottom: 48px;
    }
}

@media (max-width: 575.98px) {
    .order-section {
        margin-bottom: 36px;
    }
}

.order-section__enternal {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-left: calc(var(--gutter-x) * -0.5);
    align-items: center;
}

.order-section__img-wrap {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 50%;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .order-section__img-wrap {
        justify-content: center;
        margin: 36px 0 0;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .order-section__img-wrap {
        margin-top: 24px;
    }
}

.order-section__img {
    max-width: 50vw;
}

@media (max-width: 991.98px) {
    .order-section__img {
        max-width: 100%;
    }
}

.order-section__cont {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 50%;
}

@media (max-width: 991.98px) {
    .order-section__cont {
        width: 100%;
    }
}

.order-section__title {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.16666667;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .order-section__title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .order-section__title {
        font-size: 24px;
    }
}

.order-section__title-gradient {
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-1) 43.65%, var(--primary-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.order-section__title-normal {
    text-transform: capitalize;
}

.order-section__form-file-wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 50px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .order-section__form-file-wrapper {
        margin-bottom: 36px;
    }
}

@media (max-width: 575.98px) {
    .order-section__form-file-wrapper {
        margin-bottom: 24px;
    }
}

.order-section__form-file-desc {
    flex: 1;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-right: 35px;
}

@media (max-width: 991.98px) {
    .order-section__form-file-desc {
        font-size: 20px;
    }
}

@media (max-width: 575.98px) {
    .order-section__form-file-desc {
        font-size: 16px;
    }
}

.order-section__form-file-input {
    display: block;
}

.order-section__form-line {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

@media (max-width: 575.98px) {
    .order-section__form-line {
        display: block;
    }
}

.order-section__form-col {
    flex: 1;
    margin: 0 0 25px;
}

@media (min-width: 576px) {
    .order-section__form-col:nth-child(even) {
        margin-left: 32px;
    }
}

.order-section__form-btn-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    width: 100%;
}

@media (max-width: 991.98px) {
    .order-section__form-btn-wrap {
        margin-top: 0;
    }
}

@media (max-width: 575.98px) {
    .order-section__form-btn-wrap {
        margin-top: 0;
    }
}

.order-section__form-btn {
    width: 192px;
}

.order-section__form-privacy {
    flex: 1;
}

.order-section__download {
    border-radius: 5px;
    transition: all var(--transition-speed);
    align-items: center;
    border: 1px solid var(--primary-color);
    color: inherit;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 1.2;
    padding: 14px 28px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.order-section__download .icon {
    height: 24px;
    width: 24px;
    display: block;
    margin-right: 5px;
}

.order-section__download input {
    left: 200%;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 200%;
}

.section-about {
    margin: 0 0 120px;
}

@media (max-width: 991.98px) {
    .section-about {
        margin-bottom: 64px;
    }
}

@media (max-width: 575.98px) {
    .section-about {
        margin-bottom: 48px;
    }
}

.section-about__title {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 0.4em;
    text-align: center;
}

@media (max-width: 991.98px) {
    .section-about__title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .section-about__title {
        font-size: 24px;
    }
}

.section-about__title-gradient {
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-1) 43.65%, var(--primary-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.section-about__cont {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-left: calc(var(--gutter-x) * -0.5);
    align-items: center;
    font-size: 24px;
}

@media (max-width: 575.98px) {
    .section-about__cont {
        font-size: 18px;
    }
}

.section-about__col {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 50%;
    margin-bottom: 36px;
}

@media (max-width: 991.98px) {
    .section-about__col {
        box-sizing: border-box;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * 0.5);
        padding-left: calc(var(--gutter-x) * 0.5);
        width: 100%;
        margin-bottom: 32px;
    }
}

@media (max-width: 575.98px) {
    .section-about__col {
        margin-bottom: 24px;
    }
}

.section-about__counter-wrap {
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .section-about__counter-wrap {
        font-size: 26px;
    }
}

@media (max-width: 575.98px) {
    .section-about__counter-wrap {
        font-size: 24px;
    }
}

.section-about__counter {
    border-radius: 5px;
    border: 1px solid currentColor;
    display: inline-block;
    /*letter-spacing: 0.5em;*/
    letter-spacing: 0;
    margin: 0.1em 0.3em;
    padding: 0.11em 0.5em 0.05em 0.5em;
    padding: 0.11em 0.3em 0.05em 0.3em;
    text-shadow: 0.01em 0.01em 0.33em #fff;
    text-align: right;
}

.odometer-numbers {
    gap: 7px;
}

.odometer-numbers > span {
}

.benefits-list {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-left: calc(var(--gutter-x) * -0.5);
    justify-content: center;
}

.benefits-list__item {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    flex: 1;
    margin-bottom: 36px;
}

@media (max-width: 991.98px) {
    .benefits-list__item {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * 0.5);
        padding-left: calc(var(--gutter-x) * 0.5);
        width: 30%;
        flex: initial;
        margin-bottom: 32px;
    }
}

@media (max-width: 575.98px) {
    .benefits-list__item {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * 0.5);
        padding-left: calc(var(--gutter-x) * 0.5);
        width: 50%;
        margin-bottom: 24px;
    }
}

.benefits-item {
    display: block;
    text-align: center;
}

.benefits-item__img-wrap {
    align-items: center;
    display: flex;
    height: 105px;
    justify-content: center;
    margin: 0 auto 8px;
    width: 100%;
}

.benefits-item__img {
    display: block;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.benefits-item__name {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 8px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .benefits-item__name {
        font-size: 21px;
    }
}

.benefits-item__name-gradient {
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-1) 43.65%, var(--primary-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.benefits-item-desc {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

@media (max-width: 991.98px) {
    .benefits-item-desc {
        font-size: 17px;
    }
}

.main-slider {
    margin: 0 0 36px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (max-width: 991.98px) {
    .main-slider {
        margin: 0 0 32px;
    }
}

@media (max-width: 575.98px) {
    .main-slider {
        margin: 0 0 24px;
    }
}

.main-slider_horizontal {
    touch-action: pan-y;
}

.main-slider__external {
    position: relative;
}

.main-slider__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    width: 100%;
}

.main-slider__item {
    display: block;
    flex-shrink: 0;
    max-width: 100%;
    position: relative;
    width: 100%;
}

.main-slider__item-link {
    background: var(--white-color);
    display: block;
    position: relative;
    width: 100%;
}

.main-slider__item-img-wrapper {
    display: block;
    /* height: 100vh; */
    height: calc(100vh + 130px);
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.main-slider__item-img-wrapper::before {
    background: linear-gradient(0deg, rgba(33, 28, 26, 0) 42.49%, rgba(33, 28, 26, 0.35) 52.6%, rgba(31, 26, 24, 0.53) 61.46%, rgba(31, 26, 24, 0.68) 74.48%, rgba(15, 15, 15, 0.8) 88.3%, rgba(15, 15, 15, 0.8) 100%);
    content: '';
    height: 35%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.main-slider__item-img-wrapper::after {
    height: 476px;
    width: 100%;
    background: url(../assets/img/main-slider-bg_resized_2000_486.webp) center bottom no-repeat;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    z-index: 2;
}

@media (min-width: 1900px) {
    .main-slider__item-img-wrapper::after {
        background-size: 100% 100%;
    }
}

.main-slider__item-img {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    object-fit: cover;
    object-position: top center;
    position: absolute;
    top: 0;
    background-color: var(--body-bg-dark);
}

.main-slider__item-cont {
    bottom: 180px;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.main-slider__item-name, .main-slider__item-name_h1 {
    font-size: 50px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .main-slider__item-name, .main-slider__item-name_h1 {
        font-size: 40px;
    }
}

@media (max-width: 575.98px) {
    .main-slider__item-name, .main-slider__item-name_h1 {
        font-size: 32px;
    }
}

@media (max-width: 479.98px) {
    .main-slider__item-name, .main-slider__item-name_h1 {
        font-size: 24px;
    }
}

.main-slider__pagination {
    bottom: 140px;
    align-items: center;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 5;
}

.main-slider__pagination_clickable .banners-slider__pagination-item {
    cursor: pointer;
}

.main-slider__pagination_clickable .banners-slider__pagination-item:hover {
    background: var(--white-color);
}

.main-slider__pagination-item {
    border-radius: 50%;
    height: 16px;
    width: 16px;
    transition: all var(--transition-speed);
    background: rgba(202, 148, 88, 0.4);
    display: block;
    margin-right: 10px;
}

@media (max-width: 575.98px) {
    .main-slider__pagination-item {
        height: 10px;
        width: 10px;
        margin-right: 5px;
    }
}

.main-slider__pagination-item:last-child {
    margin-right: 0;
}

.main-slider__pagination-item_current,
.main-slider__pagination-item_active {
    background: #CA9458;
}

.section-catalog {
    margin: 0 0 120px;
}

@media (max-width: 991.98px) {
    .section-catalog {
        margin-bottom: 64px;
    }
}

@media (max-width: 575.98px) {
    .section-catalog {
        margin-bottom: 48px;
    }
}

.section-catalog__title {
    color: var(--primary-color);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 16px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .section-catalog__title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .section-catalog__title {
        font-size: 24px;
    }
}

.section-catalog__title-gradient {
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-1) 43.65%, var(--primary-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
}

.section-catalog-list {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
}

.section-catalog-list__item {
    display: flex;
    flex-direction: column;
    margin: 0 20px 24px 0;
    width: calc((100% - 40px) / 3);
}

@media (min-width: 992px) {
    .section-catalog-list__item:nth-child(3n) {
        margin-right: 0;
    }
}

@media ((min-width:

576px

) and

(max-width:

991.98px

)) {
    .section-catalog-list__item {
        margin: 0 20px 20px 0;
        width: calc((100% - 20px) / 2);
    }

    .section-catalog-list__item:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 575.98px) {
    .section-catalog-list__item {
        margin: 0 0 20px;
        width: 100%;
    }
}

.section-catalog-item {
    align-items: stretch;
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 350px;
    justify-content: stretch;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.section-catalog-item:hover .section-catalog-item__cont {
    bottom: 0;
}

.section-catalog-item__cont_mobile {
    bottom: 0 !important;
    bottom: 0 !important;
}

.section-catalog-item__cont_mobile .section-catalog-item__subcat {
    opacity: 1 !important;
}

.section-catalog-item:hover .section-catalog-item__cont::before {
    opacity: 1;
}

.section-catalog-item:hover .section-catalog-item__subcat,
.section-catalog-item:hover .section-catalog-item__actions {
    opacity: 1;
}

.section-catalog-item__img-wrap {
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}

.section-catalog-item__img {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
}

.section-catalog-item__cont {
    transition: all var(--transition-speed);
    align-items: flex-start;
    bottom: -80%;
    box-sizing: border-box;
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 25px 25px 42px;
    position: relative;
    width: 100%;
}

.section-catalog-item__cont::before {
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    background: rgba(33, 28, 26, 0.7);
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}

@media (min-width: 992px) {
    .section-catalog-item__cont::before {
        opacity: 1;
    }
}

.section-catalog-item__cont-enternal {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    z-index: 2;
}

.section-catalog-item__name {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 40px;
    padding: 0;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .section-catalog-item__name {
        font-size: 21px;
    }
}

@media (max-width: 575.98px) {
    .section-catalog-item__name {
        font-size: 18px;
    }
}

.section-catalog-item__name-link {
    color: inherit;
    text-decoration: none;
}

.section-catalog-item__name-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.section-catalog-item__subcat {
    transition: all var(--transition-speed);
    border-left: 1px solid currentColor;
    flex: 1;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    list-style: none;
    margin: 0;
    max-width: 280px;
    opacity: 0;
    padding: 0 0 0 15px;
    width: 50%;
}

@media (max-width: 991.98px) {
    .section-catalog-item__subcat {
        opacity: 1;
        font-size: 21px;
    }
}

@media (max-width: 575.98px) {
    .section-catalog-item__subcat {
        font-size: 18px;
    }
}

@media (max-width: 460px) {
    .section-catalog-item__subcat {
        display: none;
    }
}

.section-catalog-item__subcat-item {
    margin: 0 0 0.3em;
    padding: 0;
}

.section-catalog-item__subcat-item:last-child {
    margin: 0;
}

.section-catalog-item__subcat-link {
    color: inherit;
    text-decoration: none;
}

.section-catalog-item__subcat-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.section-catalog-item__actions {
    transition: all var(--transition-speed);
    align-items: center;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    margin: 20px 0 0;
    opacity: 0;
    padding: 0 16px;
    position: absolute;
    right: 0;
}

@media (max-width: 991.98px) {
    .section-catalog-item__actions {
        opacity: 1;
    }
}

.section-catalog-item__more {
    border-radius: 5px;
    border: 1px solid currentColor;
    color: inherit;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    padding: 2px 12px;
    text-align: center;
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .section-catalog-item__more {
        font-size: 16px;
        padding: 2px 8px;
    }
}

.section-catalog-item__more:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.addition-catalog-list {
    margin: 0;
}

.addition-catalog-list_horizontal {
    touch-action: pan-y;
}

.addition-catalog-list__wrapper {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.addition-catalog-list__item {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin: 0 20px 0 0;
    width: 100%;
}

.addition-catalog-item {
    border-radius: 5px;
    transition: all var(--transition-speed);
    align-items: center;
    background: linear-gradient(270deg, #4B413D 0%, rgba(75, 65, 61, 0.56) 39.06%, rgba(75, 65, 61, 0.15) 100%);
    box-shadow: 3px 5px 4px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    color: var(--white-color);
    display: flex;
    justify-content: flex-end;
    min-height: 132px;
    padding: 16px 28px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

@media (max-width: 991.98px) {
    .addition-catalog-item {
        min-height: 83px;
    }
}

@media (max-width: 575.98px) {
    .addition-catalog-item {
        min-height: 92px;
    }
}

.addition-catalog-item:hover {
    box-shadow: 0px 0px 15px 1px rgba(254, 220, 158, 0.5);
    color: var(--white-color);
    text-decoration: none;
}

.addition-catalog-item__img-wrap {
    height: 100%;
    width: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
}

.addition-catalog-item__img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center center;
}

.addition-catalog-item__name {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    max-width: 250px;
}

@media (max-width: 991.98px) {
    .addition-catalog-item__name {
        font-size: 17px;
    }
}

@media (max-width: 575.98px) {
    .addition-catalog-item__name {
        font-size: 17px;
    }
}

.addition-catalog-item__arrow {
    height: 32px;
    width: 16px;
    display: none;
    position: relative;
    margin-left: 25px;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .addition-catalog-item__arrow {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .addition-catalog-item__arrow {
        margin-left: 16px;
    }
}

.addition-catalog-item__arrow .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.ask-enternal {
    padding: 24px 0 32px;
    position: relative;
}

.ask-enternal:after {
    height: 100%;
    width: 100%;
    background: rgba(33, 28, 26, 0.6);
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.ask-enternal__bg {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    z-index: -1;
}

.ask-enternal__cont {
    color: var(--white-color);
    margin: 0 auto;
    max-width: 910px;
    position: relative;
    z-index: 3;
}

.ask-enternal__cont-title {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 6px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .ask-enternal__cont-title {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .ask-enternal__cont-title {
        font-size: 24px;
    }
}

.ask-enternal__cont-desc {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 34px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .ask-enternal__cont-desc {
        font-size: 21px;
        margin: 0 0 24px;
    }
}

@media (max-width: 575.98px) {
    .ask-enternal__cont-desc {
        font-size: 18px;
        margin: 0 0 20px;
    }
}

.ask-enternal__cont-form {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.ask-enternal__cont-form-enternal {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ask-enternal__cont-form-col {
    display: block;
    flex: 1;
    margin: 0 calc(var(--gutter-x) / 2) 16px;
}

@media (max-width: 575.98px) {
    .ask-enternal__cont-form-col {
        flex: initial;
        margin: 0 0 12px;
        width: 100%;
    }
}

.ask-enternal__cont-form-privacy {
    display: flex;
    justify-content: center;
    margin: 0 calc(var(--gutter-x) / 2);
    width: 100%;
}

@media (max-width: 575.98px) {
    .ask-enternal__cont-form-privacy {
        margin: 0;
    }
}

.ask-enternal__cont-form-privacy .privacy {
    margin: 0;
}

.ask-enternal__cont-btn {
    min-width: 192px;
    padding-bottom: 8px;
    padding-top: 8px;
    width: auto;
}

@media (max-width: 575.98px) {
    .ask-enternal__cont-btn {
        margin: auto;
    }
}

.pager {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 45px 0 0;
    width: 100%;
}

@media (max-width: 991.98px) {
    .pager {
        margin-top: 36px;
    }
}

@media (max-width: 575.98px) {
    .pager {
        display: block;
        margin-top: 32px;
    }
}

.pager__list {
    align-items: center;
    display: flex;
    justify-content: center;
}

.pager__item {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0 13px;
}

.pager__link {
    color: inherit;
    text-decoration: none;
}

.pager__link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.pager__prev,
.pager__next {
    height: 13px;
    width: 6px;
    display: block;
}

.pager__prev .icon,
.pager__next .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.pager__prev .icon {
    transform: scaleX(-1);
}

.pager__dots {
    color: inherit;
    letter-spacing: 0.2em;
    opacity: 0.8;
}

.pager__action {
    margin-left: 60px;
}

@media (max-width: 1199.98px) {
    .pager__action {
        margin-left: 48px;
    }
}

@media (max-width: 991.98px) {
    .pager__action {
        margin-left: 36px;
    }
}

@media (max-width: 767.98px) {
    .pager__action {
        margin-left: 24px;
    }
}

@media (max-width: 575.98px) {
    .pager__action {
        margin: 24px 0 0;
    }
}

.pager__more {
    min-width: 224px;
    padding: 10px 16px 9px;
}

@media (max-width: 767.98px) {
    .pager__more {
        min-width: 180px;
    }
}

.pager__current {
    color: var(--primary-color);
}

.breadcrumbs {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 16px 0;
}

.breadcrumbs__item {
    display: inline-block;
    margin-right: 0.3em;
    vertical-align: baseline;
}

.breadcrumbs__item:last-child {
    margin-right: 0;
}

.breadcrumbs__item:last-child:after {
    display: none;
}

.breadcrumbs__item:after {
    content: '→';
    display: inline;
    margin-left: 0.3em;
}

.breadcrumbs__link, .breadcrumbs__link:focus, .breadcrumbs__link:visited {
    color: inherit;
    text-decoration: none;
}

.breadcrumbs__link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.catalog-section {
    margin: 0 0 60px;
}

@media (max-width: 991.98px) {
    .catalog-section {
        margin-bottom: 40px;
    }
}

@media (max-width: 575.98px) {
    .catalog-section {
        margin-bottom: 32px;
    }
}

.catalog-section__top {
    margin: 0 0 28px;
}

.catalog-section__enternal {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-left: calc(var(--gutter-x) * -0.5);
}

.catalog-section__sidebar {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 20%;
}

@media (max-width: 1199.98px) {
    .catalog-section__sidebar {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * 0.5);
        padding-left: calc(var(--gutter-x) * 0.5);
        width: 30%;
    }
}

@media (max-width: 991.98px) {
    .catalog-section__sidebar {
        box-sizing: border-box;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * 0.5);
        padding-left: calc(var(--gutter-x) * 0.5);
        width: 100%;
        margin-bottom: 32px;
    }
}

.catalog-section__sidebar-breadcrumbs {
    margin: 0 0 70px;
}

@media (max-width: 1599.98px) {
    .catalog-section__sidebar-breadcrumbs {
        margin-bottom: 60px;
    }
}

@media (max-width: 1199.98px) {
    .catalog-section__sidebar-breadcrumbs {
        margin-bottom: 40px;
    }
}

.catalog-section__sidebar-title {
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    margin: 1em 0;
    text-transform: uppercase;
}

.catalog-section__cont {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    width: 80%;
}

@media (max-width: 1199.98px) {
    .catalog-section__cont {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * 0.5);
        padding-left: calc(var(--gutter-x) * 0.5);
        width: 70%;
    }
}

@media (max-width: 991.98px) {
    .catalog-section__cont {
        box-sizing: border-box;
        max-width: 100%;
        padding-right: calc(var(--gutter-x) * 0.5);
        padding-left: calc(var(--gutter-x) * 0.5);
        width: 100%;
    }
}

@media ((min-width:

1200px

)) and

(max-width:

1440.98px

) {
    .catalog-section__cont .products-list__item {
        width: calc(100% / 3);
    }
}

.catalog-sections {
    margin-bottom: 28px;
    position: relative;
    z-index: 5;
}

.catalog-sections_horizontal {
    touch-action: pan-y;
}

.catalog-sections__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    width: 100%;
}

.catalog-sections__item {
    display: block;
    flex-shrink: 0;
    /* width: 20%; */
    /* width: 300px; */
    width: 297px;
    margin-right: 33px;
}

@media (min-width: 1650px) {
    .catalog-sections__item {
        width: 300px !important;
        margin-right: 30px !important;
    }
}

@media (max-width: 1599.98px) {
    .catalog-sections__item {
        flex-shrink: 0;
        width: 300px;
    }
}

@media (max-width: 767.98px) {
    .catalog-sections__item {
        width: 280px;
    }
}

@media (max-width: 575.98px) {
    .catalog-sections__item {
        width: 240px;
    }
}

.catalog-sections-item {
    border-radius: 5px;
    background: var(--dark-color) linear-gradient(90deg, var(--black-color) 0%, rgba(75, 65, 61, 0) 100%);
    color: var(--white-color);
    position: relative;
    z-index: 1;
}

.catalog-sections-item:hover {
    border-radius: 5px 5px 0 0;
    z-index: 11;
}

.catalog-sections-item:hover .catalog-sections-item__cont {
    overflow: initial;
    z-index: 11;
}

.catalog-sections-item:hover .catalog-sections-item__name {
    text-shadow: 2px 0 8px #d4a359;
}

.catalog-sections-item:hover .catalog-sections-item__img_hover {
    opacity: 1;
}

.catalog-sections-item:hover .catalog-sections-item__sublist {
    transform: scaleY(1);
    z-index: 10;
}

.catalog-sections-item_main .catalog-sections-item__name {
    font-size: 36px;
    font-weight: 300;
    max-width: none;
}

.catalog-sections-item__cont {
    border-radius: inherit;
    height: 98px;
    width: 100%;
    align-items: flex-end;
    box-sizing: border-box;
    color: inherit;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
}

.catalog-sections-item__cont:hover, .catalog-sections-item__cont:visited, .catalog-sections-item__cont:focus {
    color: inherit;
    text-decoration: none;
}

.catalog-sections-item__name {
    transition: all var(--transition-speed);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 125px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    text-shadow: 2px 0 8px rgba(212, 163, 89, 0);
    z-index: 2;
}

.catalog-sections-item__img-wrap {
    left: 0;
    max-width: 75%;
    position: absolute;
    top: 0;
    z-index: 0;
}

.catalog-sections-item__img {
    display: block;
    max-height: 150px;
    max-width: 100%;
    object-fit: contain;
    object-position: left top;
    position: relative;
    z-index: 0;
}

.catalog-sections-item__img_hover {
    transition: all var(--transition-speed);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.catalog-sections-item__sublist {
    border-radius: 0 0 5px 5px;
    transition: all var(--transition-speed);
    background: var(--dark-color) linear-gradient(90deg, var(--black-color) 0%, rgba(75, 65, 61, 0) 100%);
    color: var(--white-color);
    left: 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: left top;
    top: 100%;
    width: 100%;
    z-index: inherit;
}

.catalog-sections-item__menu {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: var(--line-height);
    list-style: none;
    margin: 0;
    padding: 10px 23px 15px 45px;
}

@media (max-width: 575.98px) {
    .catalog-sections-item__menu {
        font-size: 14px;
    }
}

.catalog-sections-item__menu-item {
    position: relative;
    margin: 0 0 0.17em;
}

.catalog-sections-item__menu-item:last-child {
    margin-bottom: 0;
}

.catalog-sections-item__menu-link, .header-menu__link:visited, .catalog-sections-item__menu-link:focus {
    color: inherit;
    text-decoration: none;
    text-shadow: 0 0 0 currentColor;
    display: flex;
    gap: 7px;
}

.catalog-sections-item__menu-link:hover {
    color: var(--primary-color);
    text-decoration: none;
    text-shadow: 0 0 1px currentColor;
}

.catalog-sections-item__menu-link_pro::before {
    content: "PRO";
    display: block;
    text-align: center;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    width: 34px;
    height: 15px;
    line-height: 14px;
    background: linear-gradient(270deg, #D4A359 0%, #FEDC9E 50%, #D4A359 100%);
    border-radius: 20px;
    position: relative;
    margin-top: 4.5px;
    padding: 1px 2px;
}

.catalog-sections-item__menu-tag {
    height: 15px;
    width: auto;
    display: inline-block;
    margin-left: -15px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
}

.catalog-sections-item__submenu-trigger {
    height: 14px;
    width: 6px;
    color: inherit;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0.24em;
    text-decoration: none;
}

.catalog-sections-item__submenu-trigger:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.catalog-sections-item__submenu-trigger._active ~ .catalog-sections-item__submenu {
    line-height: var(--line-height);
    transform: scaleY(1);
    position: relative;
}

.catalog-sections-item__submenu-trigger._active .icon {
    transform: rotate(90deg);
}

.catalog-sections-item__submenu-trigger .icon {
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    display: block;
    transform: rotate(0);
}

.catalog-sections-item__submenu {
    transition: all var(--transition-speed);
    font-weight: 300;
    line-height: 0;
    list-style: none;
    overflow: hidden;
    padding: 0 0 0 20px;
    margin: 0;
    transform: scaleY(0);
    transform-origin: left top;
    position: absolute;
}

.catalog-sections-item__submenu-item {
    margin: 0 0 0.17em;
}

.catalog-sections-item__submenu-link {
    color: inherit;
    text-decoration: none;
    display: flex;
    gap: 7px;
}

.catalog-sections-item__submenu-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.fast-catalog-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 20px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .fast-catalog-links {
        margin-bottom: 16px;
    }
}

@media (max-width: 575.98px) {
    .fast-catalog-links {
        margin-bottom: 12px;
    }
}

.fast-catalog-links__item {
    max-width: 100%;
    margin: 0 12px 10px 0;
}

.fast-catalog-links__link, .fast-catalog-links__link:focus, .fast-catalog-links__link:visited {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: transparent;
    border: 1px solid #4B413D;
    box-sizing: border-box;
    color: var(--text-color);
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.05;
    overflow: hidden;
    padding: 4px 8px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fast-catalog-links__link:hover {
    background: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
    text-decoration: none;
}

.catalog-actions-line {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 10px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .catalog-actions-line {
        margin-bottom: 6px;
    }
}

@media (max-width: 575.98px) {
    .catalog-actions-line {
        margin-bottom: 4px;
    }
}

.catalog-actions-line__item {
    display: block;
    margin: 0 40px 10px 0;
}

.catalog-sort-select {
    display: block;
    position: relative;
}

.catalog-sort-select:hover .catalog-sort-select__dropdown {
    transform: scale(1);
}

.catalog-sort-select__head {
    align-items: center;
    color: var(--text-color);
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
}

.catalog-sort-select__icon {
    border-radius: 5px;
    height: 30px;
    width: 30px;
    align-items: center;
    border: 1px solid currentColor;
    box-sizing: border-box;
    color: var(--footer-bg);
    display: flex;
    justify-content: center;
    margin-left: 10px;
}

.catalog-sort-select__icon .icon {
    height: 18px;
    width: 18px;
    display: block;
}

.catalog-sort-select__dropdown {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: var(--footer-bg);
    box-sizing: border-box;
    color: var(--white-color);
    display: block;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 99%;
    transform: scaleY(0);
    transform-origin: left top;
    z-index: 7;
}

.catalog-sort-select__dropdown-list {
    padding: 5px 6px;
}

.catalog-sort-select__dropdown-item {
    margin: 0 0 6px;
}

.catalog-sort-select__dropdown-item:last-child {
    margin: 0;
}

.catalog-sort-select__dropdown-item._current .catalog-sort-select__dropdown-link .icon {
    opacity: 1;
}

.catalog-sort-select__dropdown-link, .catalog-sort-select__dropdown-link:visited, .catalog-sort-select__dropdown-link:focus {
    align-items: center;
    color: inherit;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
}

.catalog-sort-select__dropdown-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.catalog-sort-select__dropdown-link .icon {
    height: 18px;
    width: 18px;
    display: block;
    margin-right: 10px;
    min-width: 18px;
    opacity: 0;
}

.catalog-count-select {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.catalog-count-select__title {
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-right: 10px;
}

.catalog-count-select__field {
    display: block;
    position: relative;
}

.catalog-count-select__field:hover .catalog-count-select__dropdown {
    transform: scale(1);
}

.catalog-count-select__head {
    border-radius: 5px;
    border: 1px solid var(--footer-bg);
    box-sizing: border-box;
    color: var(--text-color);
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    min-width: 55px;
    padding: 4px 12px 3px;
    text-align: center;
}

.catalog-count-select__dropdown {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: var(--footer-bg);
    box-sizing: border-box;
    color: var(--white-color);
    display: block;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 99%;
    transform: scaleY(0);
    transform-origin: left top;
    z-index: 7;
}

.catalog-count-select__dropdown-list {
    padding: 3px 0;
}

.catalog-count-select__dropdown-item {
    border-bottom: 1px solid currentColor;
    padding: 2px 3px;
    text-align: center;
}

.catalog-count-select__dropdown-item:last-child {
    border-bottom: none;
}

.catalog-count-select__dropdown-link, .catalog-count-select__dropdown-link:visited, .catalog-count-select__dropdown-link:focus {
    color: inherit;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
}

.catalog-count-select__dropdown-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.products-list {
    box-sizing: border-box;
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-left: calc(var(--gutter-x) * -0.5);
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .products-list {
        margin-bottom: 32px;
    }
}

@media (max-width: 575.98px) {
    .products-list {
        margin-bottom: 24px;
    }
}

.products-list_full .products-list__item {
    width: calc(20%);
}

@media (max-width: 1199.98px) {
    .products-list_full .products-list__item {
        width: calc(100% / 4);
    }
}

@media (max-width: 991.98px) {
    .products-list_full .products-list__item {
        width: calc(100% / 3);
    }
}

@media (max-width: 767.98px) {
    .products-list_full .products-list__item {
        width: 50%;
    }
}

@media (max-width: 479.98px) {
    .products-list_full .products-list__item {
        width: 100%;
    }
}

.products-list__item {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    margin-bottom: 40px;
    width: calc(25%);
}

@media (max-width: 1599.98px) {
    .products-list__item {
        margin-bottom: 32px;
        width: calc(100% / 3);
    }
}

@media (max-width: 1199.98px) {
    .products-list__item {
        margin-bottom: 32px;
        width: calc(100% / 2);
    }
}

@media (max-width: 991.98px) {
    .products-list__item {
        width: calc(100% / 3);
    }
}

@media (max-width: 767.98px) {
    .products-list__item {
        margin-bottom: 24px;
        width: 50%;
    }
}

@media (max-width: 479.98px) {
    .products-list__item {
        margin-bottom: 24px;
        width: 50%;
    }
}

.products-list-item {
    border-radius: 5px;
    background: var(--white-color);
    border: 0.5px solid var(--footer-bg);
    box-sizing: border-box;
    color: var(--black-color);
    display: block;
    position: relative;
    width: 100%;
}

.products-list-item__tag-list {
    left: -12px;
    position: absolute;
    top: 5px;
    z-index: 2;
}

.products-list-item__tag-item {
    background: var(--red-color);
    color: var(--white-color);
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 5px;
    min-width: 94px;
    padding: 2px 5px 3px;
    text-align: center;
    text-transform: lowercase;
}

.products-list-item__tag-item:last-child {
    margin-bottom: 0;
}

.products-list-item__tag-item_hit {
    background: var(--green-color);
}

.products-list-item__tag-item_new {
    background: var(--yellow-color);
}

.products-list-item__img-wrap {
    border-radius: 5px;
    display: block;
    margin-bottom: 22px;
    padding-top: 100%;
    position: relative;
}

.products-list-item__img {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

.products-list-item__img > .products-list-slider {
    height: 100%;
    width: 100%;
    display: block;
}

.products-list-item__cont {
    padding: 0 24px 25px;
}

.products-list-item__cont-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 6px;
}

.products-list-item__articul {
    color: var(--dark-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-right: 10px;
}

.products-list-item__star-rating {
    margin-left: auto;
}

.products-list-item__name {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--black-color);
    display: -webkit-box;
    font-family: Futura New;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: calc(var(--line-height) * 3em);
    line-height: var(--line-height);
    overflow: hidden;
    text-overflow: ellipsis;
}

.products-list-item__name a {
    color: inherit;
    text-decoration: none;
}

.products-list-item__name a:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.products-list-item__price {
    margin-top: 12px;
}

.products-list-item__price-value {
    display: inline-block;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    vertical-align: middle;
}

.products-list-item__price-value_new {
    color: var(--red-color);
    /*color: var(--black-color);*/
    margin-right: 0.5em;
}

.products-list-item__price-value_new ~ .products-list-item__price-value {
    position: relative;
}

.products-list-item__price-value_new ~ .products-list-item__price-value:after {
    background: var(--red-color);
    content: '';
    height: 2px;
    left: -0.3em;
    margin-top: -1px;
    position: absolute;
    right: -0.3em;
    top: 50%;
}

.products-list-item__actions {
    align-items: flex-start;
    display: flex;
    margin-top: 12px;
    column-gap: 16px;
}

@media (max-width: 575.98px) {
    .products-list-item__actions {
        flex-wrap: wrap;
        row-gap: 12px;
    }
}

.products-list-item__actions-buy {
    flex: 1;
    margin-right: 0;
}

.products-list-item__actions-list {
    align-items: center;
    display: flex;
    justify-content: center;
}

.products-list-item__actions-list-item {
    display: block;
    margin-right: 12px;
}

.products-list-item__actions-list-item:last-child {
    margin-right: 0;
}

.star-rating {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.star-rating__item {
    height: 13px;
    width: 13px;
    color: transparent;
    display: block;
    margin-right: 1px;
}

.star-rating__item:last-child {
    margin-right: 0;
}

.star-rating__item_fill {
    color: var(--primary-color);
}

.star-rating__item .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.products-list-slider {
    display: block;
}

.products-list-slider__wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.products-list-slider__item {
    height: 100%;
    width: 100%;
    min-width: 100%;
    display: block;
    flex-shrink: 0;
}

.products-list-slider__item:not(.products-list-slider__item_active) {
    border: 0 solid transparent !important;
    visibility: hidden !important;
}

.products-list-slider__item-img {
    border-radius: 5px;
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.products-list-slider__wrapper * {
    border: 0 solid transparent !important;
}

.products-list-slider__pagination {
    align-items: center;
    bottom: -14px;
    display: flex;
    left: 50%;
    justify-content: center;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2;
}

.products-list-slider__pagination-item {
    border-radius: 1px;
    height: 2px;
    width: 13px;
    transition: all var(--transition-speed);
    background: var(--grey-color-1);
    display: block;
    margin-right: 3px;
}

.products-list-slider__pagination-item:last-child {
    margin-right: 0;
}

.products-list-slider__pagination-item_active {
    background: var(--dark-color);
}

.products-list-slider__hover-wrapper {
    height: 100%;
    width: 100%;
    align-items: stretch;
    display: flex;
    left: 0;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    z-index: 3;
}

.products-list-slider__hover-wrapper > div {
    display: block;
    flex: 1;
    height: 100%;
}
.product-main-section__actions-count .available{
    font-weight: 500;
    font-size: 14px;
    text-align: right;
    color: #706b69;
}

.favorite-action {
    height: 32px;
    width: 32px;
    transition: all var(--transition-speed);
    align-items: center;
    color: var(--dark-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.product-main-section__actions-count .favorite-action {
    height: 17px;
    width: auto;
    transition: all var(--transition-speed);
    align-items: center;
    color: var(--dark-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.favorite-action:hover {
    color: var(--primary-color);
}
.favorite-action._active {
    color: var(--primary-color);
}
.product-main-section__actions-list-item .favorite-action:hover,
.product-main-section__actions-list-item .favorite-action._active {
    color: var(--primary-color);
}


.favorite-action._active:hover {
    /* color: var(--dark-color);*/
}

.favorite-action .icon {
    height: 100%;
    width: 100%;
    display: block;
}
.item-buttons .favorite-action .icon {
    height: initial;
    width: initial;
    display: block;
    margin-right: 3px;
}


.compare-action {
    height: 32px;
    width: 32px;
    transition: all var(--transition-speed);
    align-items: center;
    color: var(--dark-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.item-buttons .compare-action{
    height: initial;
    width: initial;
}

.compare-action:hover {
    color: var(--primary-color);
}

.compare-action._active {
    color: var(--primary-color);
}

.product-main-section__actions-list-item .compare-action:hover,
.product-main-section__actions-list-item .compare-action._active {
    color: var(--primary-color);
}


.compare-action._active:hover {
    /*color: var(--dark-color);*/
}

.compare-action .icon {
    height: 28px;
    width: 28px;
    display: block;
}
.item-buttons .compare-action .icon {
    height: initial;
    width: initial;
    margin-right: 3px;
    display: block;
}

.buy-action {
    flex: 1;
    position: relative;
}
.product-main-section__actions .buy-action{
    display: flex;
    align-items: center;
}
.buy-action__btn {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: var(--dark-color);
    color: var(--white-color);
    cursor: pointer;
    display: block;
    flex: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    opacity: 1;
    padding: 0.3889em 0.4em 0.33333em;
    position: relative;
    text-align: center;
    z-index: 2;
    white-space: nowrap;
}

.buy-action__btn:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.buy-action__btn._active {
    opacity: 0;
    pointer-events: none;
}
.product-main-section__actions-line .buy-action__btn._active{
    opacity: 1;
}

.buy-action__btn._active ~ .buy-action__counter {
    opacity: 1;
    display: flex;
}
.product-main-section__actions-line .buy-action._active .buy-action__counter {
    display: flex;
}

.buy-action__counter {
    border-radius: 5px;
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    align-items: stretch;
    background: var(--white-color);
    border: 2px solid var(--white-color);
    box-sizing: border-box;
    display: flex;
    left: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
.product-main-section__actions-line .buy-action__counter {
    display:none;
    border-radius: 5px;
    height: 45px;
    width: 100%;
    margin-right: 20px;

    transition: all var(--transition-speed);
    align-items: stretch;
    background: #f3f3f3;
    border: none;
    box-sizing: border-box;
    opacity: 1;
    position: inherit;
    justify-content: center;
    z-index: 1;
}


.buy-action__counter-minus,
.buy-action__counter-plus {
    align-items: center;
    color: var(--text-color);
    cursor: pointer;
    display: flex;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    justify-content: center;
    text-align: center;
    width: 35px;
}

.buy-action__counter-minus:hover,
.buy-action__counter-plus:hover {
    color: var(--primary-color);
}

.buy-action__counter-minus:before {
    height: 2px;
    width: 8px;
    background: currentColor;
    content: '';
    display: block;
    max-width: 100%;
}

.buy-action__counter-plus:before {
    content: '+';
    display: block;
}

.buy-action__counter-input {
    border-radius: 5px;
    background: var(--white-color);
    border: 1px solid var(--dark-color);
    color: var(--text-color);
    display: block;
    flex: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    outline: none;
    padding: 2px 0 1px;
    text-align: center;
}
.product-main-section__actions-line .buy-action__counter-input{
    border: none;
    background: inherit;
}

.buy-action__counter-input::-webkit-inner-spin-button,
.buy-action__counter-input::-webkit-outer-spin-button {
    display: none;
}

.popular-products-section {
    border-radius: 5px;
    background: var(--white-color);
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin: 40px 0;
    padding: 16px 24px 28px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .popular-products-section {
        margin: 36px 0;
        padding: 16px 20px 24px;
    }
}

@media (max-width: 575.98px) {
    .popular-products-section {
        margin: 24px 0;
        padding: 12px 16px 20px;
    }
}

.popular-products-section__title {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
    text-align: center;
}

.popular-products-section__slider {
    margin: 0 5%;
    position: relative;
}

@media (max-width: 1199.98px) {
    .popular-products-section__slider {
        margin: 0 3%;
    }
}

@media (max-width: 991.98px) {
    .popular-products-section__slider {
        margin: 0;
    }
}

.popular-products-slider {
    overflow: hidden;
    position: relative;
}

.popular-products-slider_horizontal {
    touch-action: pan-y;
}

.popular-products-slider__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    width: 100%;
}

.popular-products-slider__item {
    display: block;
    flex-shrink: 0;
    width: 220px;
}

@media (max-width: 991.98px) {
    .popular-products-slider__actions {
        display: none;
    }
}

.popular-products-slider__action {
    height: 15px;
    width: 7px;
    transition: all var(--transition-speed);
    color: var(--dark-color);
    cursor: pointer;
    display: block;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.popular-products-slider__action_next {
    left: -30px;
}

.popular-products-slider__action_next .icon {
    transform: scaleX(-1);
}

.popular-products-slider__action_prev {
    right: -30px;
}

.popular-products-slider__action_disabled,
.popular-products-slider__action_lock {
    opacity: 0.5;
}

.popular-products-slider__action .icon {
    height: 100%;
    width: 100%;
    display: block;
}

@media (min-width: 992px) {
    .popular-products-slider .products-list-item__cont {
        padding: 0 13px 9px;
    }

    .popular-products-slider .products-list-item__cont-top {
        display: none;
    }

    .popular-products-slider .products-list-item__name {
        -webkit-line-clamp: 2;
        font-size: 12px;
        height: calc(var(--line-height) * 2em);
    }

    .popular-products-slider .products-list-item .buy-action__btn {
        font-size: 12px;
    }

    .popular-products-slider .products-list-item__actions-list-item {
        margin-right: 7px;
    }

    .popular-products-slider .products-list-item__actions-list-item:last-child {
        margin-right: 0;
    }

    .popular-products-slider .products-list-item .favorite-action,
    .popular-products-slider .products-list-item .compare-action {
        height: 20px;
        width: 20px;
    }
}

.catalog-filter {
    position: relative;
}

@media (max-width: 991.98px) {
    .catalog-filter > .catalog-filter__item {
        display: none;
    }
}

.catalog-filter__item {
    border-bottom: 1px solid #000;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 0 16px 20px 5px;
}

@media (max-width: 991.98px) {
    .catalog-filter__item {
        display: inline-block;
        width: 100%;
    }
}

.catalog-filter__item-head {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    /* margin: 0 0 7px; */
    margin: 0px 0 14px;
}

.catalog-filter__item-head._active .catalog-filter__item-toggle {
    transform: rotate(0);
}

.catalog-filter__item-title {
    color: var(--text-color);
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin-right: 12px;
}

.catalog-filter__item-toggle {
    height: 15px;
    width: 15px;
    transition: all var(--transition-speed);
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto;
    min-width: 15px;
    transform: rotate(180deg);
}

.catalog-filter__item-toggle .icon {
    height: 15px;
    width: 7px;
    display: block;
    transform: rotate(90deg);
}

.catalog-filter__item-cont {
    display: block;
}

.catalog-filter__more {
    align-items: center;
    display: flex;
    margin-top: 32px;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .catalog-filter__more {
        justify-content: flex-start;
    }
}

.catalog-filter__more-btn, a.catalog-filter__more-btn {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: transparent;
    border: 1px solid var(--dark-color);
    color: var(--text-color);
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    min-width: 132px;
    padding: 5px 6px 4px;
    text-align: center;
    text-decoration: none;
}

.catalog-filter__more-btn:hover, a.catalog-filter__more-btn:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    text-decoration: none;
}

.modal-filters {
    border-radius: 5px;
    background: var(--white-color);
    color: var(--text-color);
    box-sizing: border-box;
    display: block;
    padding: 3% 0;
}

@media (max-width: 1199.98px) {
    .modal-filters {
        width: 100%;
    }
}

.modal-filters__title {
    display: block;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    margin: 0 0 0.8em;
}

.modal-filters__list {
    column-count: 5;
    column-gap: var(--gutter-x);
}

@media (max-width: 1199.98px) {
    .modal-filters__list {
        column-count: 4;
    }
}

@media (max-width: 991.98px) {
    .modal-filters__list {
        column-count: 3;
        column-gap: 20px;
    }
}

@media (max-width: 767.98px) {
    .modal-filters__list {
        column-count: 2;
    }
}

@media (max-width: 479.98px) {
    .modal-filters__list {
        column-count: 1;
    }
}

.modal-filters__list-item {
    display: inline-block;
    width: 100%;
}

.modal-filters__footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 36px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .modal-filters__footer {
        margin-top: 32px;
    }
}

@media (max-width: 767.98px) {
    .modal-filters__footer {
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .modal-filters__footer {
        margin-top: 24px;
    }
}

.modal-filters__close-modal,
.modal-filters__clear-form {
    transition: all var(--transition-speed);
    align-items: center;
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--text-color);
    display: flex;
    font-size: 20px;
    justify-content: center;
    font-style: normal;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .modal-filters__close-modal,
    .modal-filters__clear-form {
        margin: 0 0 20px;
    }
}

.modal-filters__close-modal:hover,
.modal-filters__clear-form:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.modal-filters__close-modal .icon,
.modal-filters__clear-form .icon {
    height: 8px;
    width: 17px;
    display: block;
    margin-right: 10px;
}

.modal-filters__clear-form .icon {
    height: 37px;
    width: 37px;
    display: block;
}

.modal-filters__apply-btn {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: transparent;
    border: 1px solid var(--dark-color);
    color: var(--text-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 8px 20px 7px;
    text-align: center;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .modal-filters__apply-btn {
        margin: 0 0 20px;
        order: -1;
    }
}

.modal-filters__apply-btn:hover {
    background: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
    text-decoration: none;
}

.checkbox-group {
    display: flex;
    flex-direction: column;
    max-height: 230px;
    overflow-y: auto;
}

.checkbox-group::-webkit-scrollbar {
    width: 4px;
}

.checkbox-group::-webkit-scrollbar-track {
    border-radius: 1px;
    background: #D9D9D9;
}

.checkbox-group::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: var(--dark-color);
}

.checkbox-group_modal {
    max-height: 165px;
}

.checkbox-group__item {
    margin: 0 0 7px;
    order: 2;
    width: 100%;
}

.checkbox-group__item:has(input[type="checkbox"]:checked) {
    display: block !important;
    order: 1;
}

.show-more-group {
    color: var(--primary-color);
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 7px;
    padding-left: 25px;
    text-decoration: underline;
}

.show-more-group:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.check-label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
}

.check-label[data-disabled] {
    opacity: 0.5;
}

.check-label__input {
    opacity: 0;
    outline: none;
    position: absolute;
}

.check-label__input:checked ~ .check-label__checkbox:after {
    opacity: 1;
}

.check-label__checkbox {
    border-radius: 5px;
    height: 18px;
    width: 18px;
    min-width: 18px;
    align-items: center;
    background: transparent;
    border: 1px solid var(--dark-color);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-right: 7px;
    margin-top: 3px;
}

.check-label__checkbox:after {
    height: 10px;
    width: 11px;
    transition: all var(--transition-speed);
    background: url(../assets/img/check-icon.svg) center center no-repeat;
    content: '';
    display: block;
    opacity: 0;
}

.check-label__text {
    color: var(--text-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

/* Values;
 *
 */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

.filter-range {
    display: block;
    margin: 20px 0 0;
    /* margin: 24px 0 0; */
}

.filter-range__wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 25px;
    width: 100%;
}

.filter-range__wrap-sep {
    color: var(--text-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin: 0 1em;
}

.filter-range__input {
    border-radius: 5px;
    background: var(--white-color);
    border: 0.5px solid var(--black-color);
    color: var(--text-color);
    display: block;
    flex: 1;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    width: 100%;
}

.filter-range__line {
    display: block;
    width: 100%;
}

.filter-range__legend {
    align-items: baseline;
    color: var(--text-color);
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 12px;
    justify-content: space-between;
    width: 100%;
}

.filter-range__legend-start {
    margin-right: 12px;
}

.filter-range__legend-finish {
    margin-left: auto;
}

.filter-range .noUi-target {
    border-radius: 1px;
    background: #D9D9D9;
    border: none;
    box-shadow: none;
}

.filter-range .noUi-horizontal {
    height: 4px;
}

.filter-range .noUi-horizontal .noUi-handle {
    border-radius: 50%;
    height: 8px;
    width: 8px;
    background: var(--dark-color);
    border: none;
    box-shadow: none;
    right: -4px;
    top: -2px;
}

.filter-range .noUi-horizontal .noUi-tooltip {
    background: none;
    border: none;
    box-shadow: none;
    color: var(--text-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    padding: 0 0 3px;
}

.filter-range .noUi-connect {
    background: var(--dark-color);
}

.banners-slider-catalog {
    margin: 0 0 20px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .banners-slider-catalog {
        margin: 0 0 16px;
    }
}

@media (max-width: 575.98px) {
    .banners-slider-catalog {
        margin: 0 0 16px;
    }
}

.banners-slider-catalog_horizontal {
    touch-action: pan-y;
}

.banners-slider-catalog__external {
    position: relative;
}

.banners-slider-catalog__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    width: 100%;
}

.banners-slider-catalog__item {
    display: block;
    flex-shrink: 0;
    max-width: 100%;
    width: 100%;
}

.banners-slider-catalog__link {
    border-radius: 5px;
    background: var(--white-color);
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banners-slider-catalog__img {
    display: block;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.banners-slider-catalog__img img {
    display: block;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.banners-slider-catalog__pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 6px auto 0;
}

.banners-slider-catalog__pagination_clickable .banners-slider-catalog__pagination-item {
    cursor: pointer;
}

.banners-slider-catalog__pagination_clickable .banners-slider-catalog__pagination-item:hover {
    background: var(--primary-color);
}

.banners-slider-catalog__pagination-item {
    border-radius: 1px;
    height: 2px;
    width: 13px;
    transition: all var(--transition-speed);
    background: var(--grey-color);
    display: block;
    margin-right: 3px;
}

.banners-slider-catalog__pagination-item:last-child {
    margin-right: 0;
}

.banners-slider-catalog__pagination-item_current,
.banners-slider-catalog__pagination-item_active {
    background: var(--dark-color);
}

@media (max-width: 991.98px) {
    .banners-slider-catalog__actions {
        display: none;
    }
}

.banners-slider-catalog__action {
    height: 15px;
    width: 8px;
    color: var(--text-colot);
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.banners-slider-catalog__action:hover {
    color: var(--primary-color);
}

.banners-slider-catalog__action_prev {
    left: -12px;
}

.banners-slider-catalog__action_prev .icon {
    transform: rotate(180deg);
}

.banners-slider-catalog__action_next {
    right: -12px;
}

.banners-slider-catalog__action .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.sidebar-sections__trigger {
    height: 14px;
    width: 14px;
    transition: all var(--transition-speed);
    color: inherit;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0.24em;
    transform: rotate(0);
}

.sidebar-sections__trigger._active {
    transform: rotate(90deg);
}

.sidebar-sections__trigger .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.sidebar-sections ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-sections ul li {
    margin: 0 0 0.2em;
    position: relative;
}

.sidebar-sections ul li:last-child {
    margin: 0;
}

.sidebar-sections ul ul {
    display: none;
    font-weight: 300;
    margin-top: 0.17em;
    padding-left: 1em;
}

.sidebar-sections a {
    color: var(--text-color);
    display: inline-block;
    margin-right: 16px;
    text-decoration: none;
}

.sidebar-sections a:hover {
    color: var(--primary-color);
}

.enternal-page {
    margin: 0 0 60px;
}

@media (max-width: 991.98px) {
    .enternal-page {
        margin-bottom: 40px;
    }
}

@media (max-width: 575.98px) {
    .enternal-page {
        margin-bottom: 32px;
    }
}

.enternal-page__top {
    margin: 0 0 28px;
}

.enternal-page__cont {
    display: block;
}

.enternal-page__cont_has-widget {
    display: flex;
    position: relative;
}

.widget-wrapper {
    width: calc(100% - 100px);
}

@media (max-width: 1199.98px) {
    .widget-wrapper {
        width: 100%;
    }
}

.enternal-section {
    margin: 0 0 36px;
}

@media (max-width: 991.98px) {
    .enternal-section {
        margin: 0 0 32px;
    }
}

@media (max-width: 575.98px) {
    .enternal-section {
        margin: 0 0 24px;
    }
}

.enternal-section__title {
    border-bottom: 2px solid var(--grey-color);
    color: var(--dark-color);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 20px;
}

@media (max-width: 575.98px) {
    .enternal-section__title {
        margin-bottom: 16px;
    }
}

.enternal-section__cont {
    display: block;
    margin: 0 5%;
}

@media (max-width: 1199.98px) {
    .enternal-section__cont {
        margin: 0 3%;
    }
}

@media (max-width: 991.98px) {
    .enternal-section__cont {
        margin: 0;
    }
}

.popular-slider-wrap {
    position: relative;
}

.product-reviews__head {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 18px;
}

@media (max-width: 575.98px) {
    .product-reviews__head {
        flex-direction: column;
        margin: 0 0 12px;
    }
}

.product-reviews__head-rating {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 90px 0 0;
}

@media (max-width: 991.98px) {
    .product-reviews__head-rating {
        margin-right: 60px;
    }
}

@media (max-width: 575.98px) {
    .product-reviews__head-rating {
        margin: 0 auto 12px;
    }
}

.product-reviews__head-rating-view {
    height: 32px;
    width: 160px;
    background: url(../assets/img/star-empty.svg) left center repeat-x;
    background-size: 32px 32px;
    display: block;
    position: relative;
}

.product-reviews__head-rating-view:after {
    background: url(../assets/img/star-full.svg) left center repeat-x;
    background-size: 32px 32px;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: var(--rating-value, 100%);
}

.product-reviews__head-rating-value {
    color: var(--primary-color);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    margin-left: 14px;
}

@media (max-width: 575.98px) {
    .product-reviews__head-action {
        margin: auto;
    }
}

.product-reviews__head-add-review {
    padding: 7px 19px 6px;
}

.product-reviews__slider {
    margin: 0 0 28px;
}

@media (max-width: 991.98px) {
    .product-reviews__slider {
        margin-bottom: 24px;
    }
}

@media (max-width: 575.98px) {
    .product-reviews__slider {
        margin-bottom: 20px;
    }
}

.product-reviews__slider-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 12px;
}

.product-reviews__slider-wrap {
    position: relative;
}

.product-reviews__item {
    margin: 0 0 17px;
}

.product-reviews__more-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.product-reviews__more {
    display: block;
    padding: 7px 19px 6px;
    width: auto;
}

.reviews-item {
    border-radius: 5px;
    border: 1px solid var(--dark-color);
    color: var(--black-color);
    display: block;
    padding: 10px 138px 10px 18px;
    position: relative;
}

@media (max-width: 575.98px) {
    .reviews-item {
        padding: 10px 16px;
    }
}

.reviews-item__head {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 12px;
}

.reviews-item__name {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0 1em 0 0;
}

.reviews-item__rating .star-rating__item {
    height: 20px;
    width: 20px;
    margin-right: 1px;
}

.reviews-item__imgs {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    right: 20px;
    top: 15px;
}

@media (max-width: 575.98px) {
    .reviews-item__imgs {
        margin: 0 0 12px;
        position: static;
    }
}

.reviews-item__imgs-item {
    border-radius: 5px;
    height: 46px;
    width: 46px;
    display: block;
    margin-left: 13px;
    overflow: hidden;
}

.reviews-item__imgs-item:first-child {
    margin-left: 0;
}

.reviews-item__imgs-item_more {
    align-items: center;
    background: var(--grey-color);
    color: var(--white-color);
    display: flex;
    font-size: 20px;
    font-weight: 400;
    justify-content: center;
}

.reviews-item__imgs-item_hidden {
    display: none;
}

.reviews-item__imgs-img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.reviews-item__cont {
    display: -webkit-box;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.reviews-item__more {
    transition: all var(--transition-speed);
    color: var(--primary-color);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 9;
    text-decoration: underline;
}

.reviews-item__more:hover {
    text-decoration: none;
}

.reviews-photo-slider {
    overflow: hidden;
    position: relative;
}

.reviews-photo-slider_horizontal {
    touch-action: pan-y;
}

.reviews-photo-slider__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    width: 100%;
}

.reviews-photo-slider__item {
    display: block;
    flex-shrink: 0;
    width: 89px;
}

.reviews-photo-slider__link {
    border-radius: 5px;
    height: 89px;
    width: 89px;
    display: block;
    overflow: hidden;
}

.reviews-photo-slider__img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 991.98px) {
    .reviews-photo-slider__actions {
        display: none;
    }
}

.reviews-photo-slider__action {
    height: 15px;
    width: 7px;
    transition: all var(--transition-speed);
    color: var(--dark-color);
    cursor: pointer;
    display: block;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.reviews-photo-slider__action_next {
    left: -30px;
}

.reviews-photo-slider__action_next .icon {
    transform: scaleX(-1);
}

.reviews-photo-slider__action_prev {
    right: -30px;
}

.reviews-photo-slider__action_disabled,
.reviews-photo-slider__action_lock {
    opacity: 0.5;
}

.reviews-photo-slider__action .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.product-tabs {
    margin: 20px 0;
}

.product-tabs__list {
    margin: 0 0 40px;
    overflow-x: auto;
    padding-bottom: 4px;
    position: relative;
}

@media (max-width: 991.98px) {
    .product-tabs__list {
        margin: 0 0 36px;
    }
}

@media (max-width: 575.98px) {
    .product-tabs__list {
        margin: 0 0 24px;
    }
}

.product-tabs__list-wrapper {
    align-items: baseline;
    display: flex;
    justify-content: flex-start;
}

.product-tabs__list:after {
    border-radius: 1px;
    height: 4px;
    width: 100%;
    background: var(--grey-color);
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
}

.product-tabs__list-item {
    color: var(--grey-color);
    display: block;
    flex-shrink: 0;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    margin-right: 74px;
}

@media (max-width: 1599.98px) {
    .product-tabs__list-item {
        margin-right: 48px;
    }
}

@media (max-width: 1199.98px) {
    .product-tabs__list-item {
        font-size: 22px;
        margin-right: 40px;
    }
}

@media (max-width: 991.98px) {
    .product-tabs__list-item {
        font-size: 21px;
        margin-right: 32px;
    }
}

@media (max-width: 767.98px) {
    .product-tabs__list-item {
        margin-right: 24px;
    }
}

@media (max-width: 575.98px) {
    .product-tabs__list-item {
        font-size: 18px;
        margin-right: 16px;
    }
}

.product-tabs__list-item:last-child {
    margin-right: 0;
}

.product-tabs__list-link {
    transition: all var(--transition-speed);
    color: inherit;
    display: block;
    padding: 0.1em 0;
    position: relative;
    text-decoration: none;
}

.product-tabs__list-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.product-tabs__list-link._active {
    color: var(--dark-color);
}

.product-tabs__list-link::after {
    border-radius: 1px;
    height: 4px;
    width: 100%;
    transition: all var(--transition-speed);
    background: currentColor;
    bottom: -4px;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    z-index: 2;
}

.product-tabs__cont {
    height: 0;
    overflow: hidden;
}

.product-tabs__cont._active {
    height: auto;
    overflow: initial;
}

.product-characteristics__title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 0.3em;
}

.product-characteristics__desc {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 40px;
}

@media (max-width: 991.98px) {
    .product-characteristics__desc {
        margin-bottom: 36px;
    }
}

@media (max-width: 575.98px) {
    .product-characteristics__desc {
        margin-bottom: 32px;
    }
}

.product-characteristics__list {
    column-count: 2;
    column-gap: var(--gutter-x);
    display: block;
}

@media (max-width: 991.98px) {
    .product-characteristics__list {
        column-count: 1;
    }
}

.product-characteristics__list-item {
    align-items: baseline;
    display: inline-flex;
    font-size: 18px;
    font-weight: 400;
    justify-content: flex-start;
    margin: 0 0 0.33em;
    position: relative;
    width: 100%;
}

.product-characteristics__list-item:before {
    border-bottom: 2px dotted var(--grey-color);
    display: block;
    content: '';
    flex: 1;
    height: 0;
    order: 1;
}

.product-characteristics__list-name {
    background: inherit;
    margin-right: 6px;
    order: 0;
}

.product-characteristics__list-value {
    background: inherit;
    order: 2;
    margin-left: 6px;
}

.projects-list {
    display: grid;
    column-gap: var(--gutter-x);
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 36px;
}

@media (max-width: 991.98px) {
    .projects-list {
        grid-template-columns: 1fr 1fr;
        row-gap: 32px;
    }
}

@media (max-width: 575.98px) {
    .projects-list {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }
}

.projects-list__item {
    display: block;
}

.projects-list-item {
    border-radius: 5px;
    background: var(--white-color);
    border: 0.5px solid var(--dark-color);
    overflow: hidden;
}

.projects-list-item__img-wrap {
    display: block;
    padding-top: 62.7853881%;
    position: relative;
}

.projects-list-item__img-wrap::after {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, var(--white-color) 100%);
    bottom: 0;
    content: '';
    display: block;
    height: 47.6363636%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.projects-list-item__img {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    z-index: 1;
}

.projects-list-item__cont {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    padding: 16px 20px 19px;
    justify-content: flex-start;
    width: 100%;
}

@media (max-width: 991.98px) {
    .projects-list-item__cont {
        padding: 16px;
    }
}

@media (max-width: 575.98px) {
    .projects-list-item__cont {
        padding: 12px;
    }
}

@media (max-width: 359.98px) {
    .projects-list-item__cont {
        display: block;
    }
}

.projects-list-item__name {
    display: block;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
}

.projects-list-item__name-link {
    color: var(--text-color);
    text-decoration: none;
}

.projects-list-item__name-link:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.projects-list-item__actions {
    margin: 0 0 0 16px;
}

@media (max-width: 991.98px) {
    .projects-list-item__actions {
        margin-left: 12px;
    }
}

@media (max-width: 575.98px) {
    .projects-list-item__actions {
        margin-left: 10px;
    }
}

@media (max-width: 359.98px) {
    .projects-list-item__actions {
        margin: 12px 0 0;
    }
}

.projects-list-item__more {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: var(--dark-color);
    box-sizing: border-box;
    color: var(--white-color);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    max-width: 100%;
    opacity: 1;
    padding: 0.3889em 0.4em 0.33333em;
    text-align: center;
    text-decoration: none;
    width: 115px;
}

.projects-list-item__more:hover {
    background: var(--primary-color);
    color: var(--white-color);
    text-decoration: none;
}

.products-list-small-wrap {
    display: block;
    margin: 0 5%;
}

@media (max-width: 1199.98px) {
    .products-list-small-wrap {
        margin: 0 3%;
    }
}

@media (max-width: 991.98px) {
    .products-list-small-wrap {
        margin: 0;
    }
}

.products-list-small {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px;
}

@media (max-width: 991.98px) {
    .products-list-small {
        margin: 0;
    }
}

.products-list-small__item {
    display: block;
    margin: 0 10px 36px;
    width: 220px;
}

@media (max-width: 991.98px) {
    .products-list-small__item {
        margin-bottom: 32px;
    }
}

@media (max-width: 575.98px) {
    .products-list-small__item {
        margin-bottom: 24px;
    }
}

.products-list-small .products-list-item__cont {
    padding: 0 13px 9px;
}

.products-list-small .products-list-item__cont-top {
    display: none;
}

.products-list-small .products-list-item__name {
    -webkit-line-clamp: 2;
    font-size: 12px;
}

.products-list-small .products-list-item .buy-action__btn {
    font-size: 12px;
}

.products-list-small .products-list-item__actions-list-item {
    margin-right: 7px;
}

.products-list-small .products-list-item__actions-list-item:last-child {
    margin-right: 0;
}

.products-list-small .products-list-item .favorite-action,
.products-list-small .products-list-item .compare-action {
    height: 20px;
    width: 20px;
}

.product-certificates {
    display: block;
    margin: 0 0 36px;
}

.product-certificates__list {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.product-certificates__item {
    display: block;
    margin: 0 calc(var(--gutter-x) / 2) 36px;
    width: calc(100% / 3 - var(--gutter-x));
}

@media (max-width: 991.98px) {
    .product-certificates__item {
        margin-bottom: 32px;
        width: calc(50% - var(--gutter-x));
    }
}

@media (max-width: 575.98px) {
    .product-certificates__item {
        margin-bottom: 24px;
        width: calc(100% - var(--gutter-x));
    }
}

.product-certificates-item {
    align-items: center;
    color: inherit;
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
    width: 100%;
}

.product-certificates-item:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.product-certificates-item:hover .product-certificates-item__info {
    color: inherit;
}

.product-certificates-item__icon {
    display: block;
    margin-right: 18px;
    min-width: 65px;
    width: 65px;
}

.product-certificates-item__name {
    color: inherit;
    font-size: 22px;
    font-weight: 400;
    text-decoration-line: underline;
}

.product-certificates-item__info {
    color: var(--grey-color);
    text-decoration: underline;
}

.product-main-section {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    margin: 24px 0 80px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .product-main-section {
        flex-direction: column;
        margin: 20px 0 48px;
    }
}

@media (max-width: 575.98px) {
    .product-main-section {
        margin: 16px 0 36px;
    }
}

.product-main-section__side {
    margin-right: 3.32%;
    width: 45.55%;
}

@media (max-width: 991.98px) {
    .product-main-section__side {
        margin: 0 auto 36px;
        max-width: 640px;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .product-main-section__side {
        margin-bottom: 32px;
    }
}

.product-main-section__cont {
    flex: 1;
}

.product-main-section__title {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 15px;
    text-transform: none;
}

@media (max-width: 991.98px) {
    .product-main-section__title {
        font-size: 28px;
    }
}

@media (max-width: 575.98px) {
    .product-main-section__title {
        font-size: 24px;
        line-height: 133%;
        text-transform: uppercase;
    }
    .product-main-section__top{
        margin-bottom: 20px;
    }
}

.product-main-section__top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 16px;
}

.product-main-section__articul {
    color: var(--dark-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 1em;
}

.product-main-section__rating {
    display: block;
}

.product-main-section__rating-view {
    height: 20px;
    width: 100px;
    background: url(../assets/img/star-empty.svg) left center repeat-x;
    background-size: 20px 20px;
    display: block;
    position: relative;
}

.product-main-section__rating-view:after {
    background: url(../assets/img/star-full.svg) left center repeat-x;
    background-size: inherit;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: var(--rating-value, 100%);
}

.product-main-section__offers {
    margin: 40px 0 0;
    display: block;
}

.product-main-section__offers-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 0.5em;
}

.product-main-section__offers-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.product-main-section__offers-item {
    margin-right: 34px;
}

@media (max-width: 991.98px) {
    .product-main-section__offers-item {
        margin-right: 24px;
    }
}

@media (max-width: 575.98px) {
    .product-main-section__offers-item {
        margin-right: 20px;
    }
}

.product-main-section__middle {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 1199.98px) {
    .product-main-section__middle {
        flex-direction: column;
    }
}

.product-main-section__characteristic {
    margin-right: 5%;
    width: 45%;
}

@media (max-width: 1199.98px) {
    .product-main-section__characteristic {
        margin: 0 0 30px;
        width: 100%;
    }
}

.product-main-section__characteristic-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 0.3em;
}

.product-main-section__characteristic-item {
    display: flex;
    align-items: flex-end;
    position: relative;
    width: 100%;
    overflow: hidden;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}
.product-main-section__characteristic-item:last-child{
    border-bottom: none;
}

.product-main-section__characteristic-name {
    margin-right: 6px;
    position: relative;
    padding-right: 0.33em;
    background: white;
    max-width: 50%;
    display: flex;
    float: left;
    height: 100%;
    align-items: flex-end;
}

.product-main-section__characteristic-value {
    margin-left: 6px;
    text-align: right;
    float: right;
    padding-left: 0.33em;
    background: white;
    max-width: 50%;
    display: block;
    width: initial;
    min-height: 15px;
    position: relative;
}

.product-main-section__characteristic-more {
    margin-top: 12px;
}

.product-main-section__characteristic-more-btn {
    border-radius: 5px;
    transition: all var(--transition-speed);
    align-items: center;
    border: 1px solid currentColor;
    box-sizing: border-box;
    color: var(--dark-color);
    display: flex;
    color: #4B413D;
    font-size: 20px;
    font-weight: 300;
    justify-content: center;
    padding: 3px 5px;
    text-decoration: none;
    width: 148px;
}

.product-main-section__characteristic-more-btn:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.product-main-section__actions {
    color: var(--dark-color);
    width: 50%;
}

@media (max-width: 1199.98px) {
    .product-main-section__actions {
        width: 100%;
    }
}

.product-main-section__actions-count {
    color: var(--grey-color);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
    text-align: right;
}
.product-main-section .product-main-section__actions-count{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-main-section__actions-wrap {
    border-radius: 5px;
    background: var(--white-color);
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.15);
    padding: 5px 30px 20px;
}
.product-main-section .product-main-section__actions-wrap{
    padding: 30px;
}

@media (max-width: 1599.98px) {
    .product-main-section__actions-wrap {
        padding: 5px 16px 16px;
    }
}


@media (max-width: 575.98px) {
    .product-main-section__actions-wrap {
        padding: 25px;
        padding-top: 20px;
    }
}

.product-main-section__actions-bot {
    align-items: baseline;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between;
    width: 100%;
}
.quick-order-button{
    width: 100%;
    height: 45px;
    line-height: 43px;
    border: 1px solid #4b413d;
    border-radius: 5px;
    margin-bottom: 29px;
}
.quick-order-button:hover{
    border: 1px solid var(--primary-color);
}
.quick-order-button.product-main-section__actions-bot-item a{
    width: 100%;
    display: inline-block;
    height: 100%;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    color: #4b413d;
    border-bottom: none;
}
.quick-order-button.product-main-section__actions-bot-item:hover a{
    color: var(--primary-color);
    border-bottom: none;
}

@media (max-width: 575.98px) {
    .product-main-section__actions-bot {
        font-size: 14px;
    }
}

.products-list-item .buy-action__counter{
    display: none;
}

.product-main-section__actions-bot a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #4b413d;
    font-weight: 700;
}

.product-main-section__actions-bot a:hover {
    color: var(--primary-color);
    text-decoration: none;
    border-bottom: 1px solid var(--primary-color);
}

.product-main-section__actions-line {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 15px;
}

.product-main-section__actions-buy {
    display: block;
    flex: 1;
}

.product-main-section__actions-buy .buy-action__btn {
    height: 45px;
    width: 140px;
    min-width: 140px;
    padding: 0;
    line-height: 45px;
}

.product-main-section__actions-list {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.product-main-section__actions-list-item {
    margin-right: 24px;
}

.product-main-section__actions-list-item:last-child {
    margin-right: 0;
}

.product-main-section__actions-list-item .favorite-action,
.product-main-section__actions-list-item .compare-action {
    height: 36px;
    width: 36px;
}

.product-main-section .product-main-section__actions-list-item .favorite-action,
.product-main-section .product-main-section__actions-list-item .compare-action {
    height: 17px;
    width: initial;
    font-weight: 500;
    font-size: 14px;
    color: #989898;
}


.product-main-section__price {
    margin-bottom: 22px;
}

.product-main-section__price-type {
    color: var(--grey-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 0.3em;
}
.product-main-section .product-main-section__price-type {
    color: var(--grey-color);
    font-weight: 700;
    font-size: 14px;
    color: #989898;
    margin: 0 0 6px;
}


.product-main-section__price-value {
    display: inline-block;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}
.product-main-section .product-main-section__price-value{
    color: #4b413d;
}

@media (max-width: 991.98px) {
    .product-main-section__price-value {
        font-size: 30px;
    }
}

@media (max-width: 575.98px) {
    .product-main-section__price-value {
        font-size: 24px;
    }
}

.product-main-section__price-value_new {
    color: var(--red-color);
    margin-right: 0.5em;
}

.product-main-section__price-value_new ~ .product-main-section__price-value {
    font-size: 30px;
    position: relative;
}

@media (max-width: 991.98px) {
    .product-main-section__price-value_new ~ .product-main-section__price-value {
        font-size: 24px;
    }
}

@media (max-width: 575.98px) {
    .product-main-section__price-value_new ~ .product-main-section__price-value {
        font-size: 20px;
    }
}

.product-main-section__price-value_new ~ .product-main-section__price-value:after {
    background: var(--red-color);
    content: '';
    height: 2px;
    left: -0.3em;
    margin-top: -1px;
    position: absolute;
    right: -0.3em;
    top: 50%;
}

.offer-check {
    height: 45px;
    width: 45px;
    display: block;
    position: relative;
}

.offer-check__input {
    height: 0;
    width: 0;
    border: 0;
    left: 200%;
    opacity: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 200%;
}

.offer-check__input:checked + .offer-check__label {
    border-color: var(--text-color);
}

.offer-check__label {
    border-radius: 5px;
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    background: center center no-repeat;
    background-size: cover;
    border: 1px solid var(--grey-color);
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.offer-check__label:hover {
    border-color: var(--primary-color);
}

.offer-check__color {
    width: 16px;
    height: 16px;
    border: 1px solid var(--grey-color);
    border-radius: 50%;
    margin-right: 4px;
    margin-bottom: 4px;
}

.product-slider {
    display: block;
    position: relative;
}

.product-slider__main {
    margin-left: 20%;
}

@media (max-width: 575.98px) {
    .product-slider__main {
        margin: 0 0 16px;
    }
}

.product-slider__main-enternal {
    padding-top: 100%;
    position: relative;
    width: 100%;
}

.product-slider__main-enternal .product-main-slider {
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.product-slider__thumbs {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 15.1%;
    z-index: 2;
}

@media (max-width: 575.98px) {
    .product-slider__thumbs {
        height: initial;
        position: static;
        width: 100%;
    }
}

.product-slider__thumbs-enternal {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 27px;
    padding-top: 27px;
    position: relative;
}

@media (max-width: 575.98px) {
    .product-slider__thumbs-enternal {
        padding-left: 27px;
        padding-right: 27px;
    }
}

.product-slider__thumbs-enternal .product-thumbs-slider {
    height: 100%;
    width: 100%;
}

.product-main-slider {
    overflow: hidden;
    width: 100%;
}

.product-main-slider_horizontal {
    touch-action: pan-y;
}

.product-main-slider__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    height: 100%;
    width: 100%;
}

.product-main-slider__item {
    display: block;
    flex-shrink: 0;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.product-main-slider__link {
    border-radius: 5px;
    background: var(--white-color);
    border: 1px solid var(--dark-color);
    box-sizing: border-box;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.product-main-slider__img {
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.product-thumbs-slider {
    overflow: hidden;
    width: 100%;
}

.product-thumbs-slider_horizontal {
    touch-action: pan-y;
}

.product-thumbs-slider_vertical {
    touch-action: pan-x;
}

.product-thumbs-slider__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

@media (max-width: 575.98px) {
    .product-thumbs-slider__wrapper {
        flex-direction: row;
    }
}

.product-thumbs-slider__item {
    display: block;
    flex-shrink: 0;
    width: 100%;
}

@media (max-width: 575.98px) {
    .product-thumbs-slider__item {
        width: 96px;
    }
}

.product-thumbs-slider__item._current .product-thumbs-slider__link {
    border-width: 2px;
}

.product-thumbs-slider__link {
    border-radius: 5px;
    transition: all var(--transition-speed);
    border: 1px solid var(--dark-color);
    box-sizing: border-box;
    display: block;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.product-thumbs-slider__link-video {
    position: relative;
}

.product-thumbs-slider__link-video .icon {
    height: 48px;
    width: 48px;
    color: var(--dark-color);
    display: block;
    left: 50%;
    max-height: 50%;
    max-width: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.product-thumbs-slider__img {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
}

.product-thumbs-slider__action {
    height: 20px;
    width: 10px;
    transition: all var(--transition-speed);
    color: var(--dark-color);
    cursor: pointer;
    left: 50%;
    margin-left: -5px;
    position: absolute;
}

@media (max-width: 575.98px) {
    .product-thumbs-slider__action {
        margin: 0;
    }
}

.product-thumbs-slider__action:hover {
    color: var(--primary-color);
}

.product-thumbs-slider__action_prev {
    top: 0;
    transform: rotate(-90deg);
}

@media (max-width: 575.98px) {
    .product-thumbs-slider__action_prev {
        left: 0;
        margin: -10px 0 0;
        top: 50%;
        transform: rotate(180deg);
    }
}

.product-thumbs-slider__action_next {
    bottom: 0;
    transform: rotate(90deg);
}

@media (max-width: 575.98px) {
    .product-thumbs-slider__action_next {
        left: initial;
        right: 0;
        margin: -10px 0 0;
        top: 50%;
        transform: rotate(0deg);
    }
}

.product-thumbs-slider__action .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.projects-tabs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 16px;
}

.projects-tabs__item {
    margin: 0 21px 16px 0;
}

.projects-tabs__link {
    border-radius: 5px;
    transition: all var(--transition-speed);
    background: transparent;
    border: 1px solid currentColor;
    color: inherit;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    padding: 4px 7px 3px;
    text-align: center;
    text-decoration: none;
}

.projects-tabs__link:hover {
    background: transparent;
    color: var(--primary-color);
    text-decoration: none;
}

.project-list-wrapper {
    overflow: hidden;
}

.project-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-left: calc(var(--gutter-x) * -0.5);
    box-sizing: border-box;
    left: 50%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    transform: translateX(-50%);
    width: 100vw;
}

.project-list_narrow {
    width: calc(100% + 18px);
}

@media (max-width: 991.98px) {
    .project-list {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        margin-right: calc(var(--gutter-x) * -0.5);
        margin-left: calc(var(--gutter-x) * -0.5);
        left: initial;
        position: static;
        transform: none;
        width: initial;
    }

    .project-list_narrow {
        width: auto;
    }
}

.project-list__item {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    margin-bottom: 70px;
    width: calc(100% / 3);
}

@media (max-width: 991.98px) {
    .project-list__item {
        margin-bottom: 48px;
        width: calc(100% / 2);
    }
}

@media (max-width: 575.98px) {
    .project-list__item {
        margin-bottom: 36px;
        width: 100%;
    }
}

.project-list .project-list__item_full {
    width: 100%;
}

.project-list__more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 6px 25px;
    height: 33px;
    width: 224px;
    max-width: 100%;
}

.project-list__more-wrap {
    text-align: center;
    width: 100%;
}

.project-list-item {
    display: block;
    overflow: hidden;
    position: relative;
}

.project-list-item:hover .project-list-item__img {
    transform: scale(1.05);
}

.project-list-item:hover .project-list-item__cont {
    opacity: 1;
    top: 0;
}

.project-list-item__img-wrap {
    padding-top: 72.63%;
    position: relative;
    width: 100%;
    z-index: 1;
}

.project-list-item__img {
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    transform: scale(1);
}

.project-list-item__cont {
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    align-items: flex-start;
    background: linear-gradient(360deg, rgba(33, 28, 26, 0.8) 0%, rgba(33, 28, 26, 0.5) 34.91%, rgba(0, 0, 0, 0) 100%);
    box-sizing: border-box;
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    opacity: 0;
    padding: 18px 20px;
    top: 100%;
    z-index: 2;
}

@media (max-width: 991.98px) {
    .project-list-item__cont {
        opacity: 1;
        top: 0;
    }
}

@media (max-width: 575.98px) {
    .project-list-item__cont {
        padding: 12px 16px;
    }
}

.project-list-item__name {
    display: block;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
}

@media (max-width: 991.98px) {
    .project-list-item__name {
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {
    .project-list-item__name {
        font-size: 16px;
    }
}

.project-list-include {
    align-items: center;
    display: flex;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .project-list-include {
        flex-direction: column;
    }
}

.project-list-include__cont {
    margin-right: 5.55%;
}

@media (max-width: 767.98px) {
    .project-list-include__cont {
        margin: 0 0 32px;
    }
}

@media (max-width: 575.98px) {
    .project-list-include__cont {
        margin-bottom: 24px;
    }
}

.project-list-include__img-wrap {
    max-width: 100%;
    width: 560px;
}

.project-list-include__img {
    display: block;
}

.project-list-include__cont {
    max-width: 100%;
    width: 510px;
}

.project-list-include__desc {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

@media (max-width: 991.98px) {
    .project-list-include__desc {
        font-size: 21px;
    }
}

@media (max-width: 575.98px) {
    .project-list-include__desc {
        font-size: 18px;
    }
}

.project-list-include__btn {
    display: inline-block;
    margin: 0 auto;
    padding: 7px 24px 6px;
    width: auto;
}

.project-list-include__btn-row {
    margin-top: 36px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .project-list-include__btn-row {
        margin-top: 32px;
    }
}

@media (max-width: 575.98px) {
    .project-list-include__btn-row {
        margin-top: 24px;
    }
}

.projects-order-form {
    border-radius: 5px;
    align-items: center;
    background: rgba(75, 65, 61, 0.2);
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.15);
    display: flex;
    overflow: hidden;
    padding: 38px 18px 40px 40px;
}

@media (max-width: 1199.98px) {
    .projects-order-form {
        padding: 30px 16px 32px 24px;
    }
}

@media (max-width: 767.98px) {
    .projects-order-form {
        display: block;
        padding: 24px 16px 24px;
    }
}

.projects-order-form__cont {
    flex: 2;
}

@media (max-width: 991.98px) {
    .projects-order-form__cont {
        flex: 1;
    }
}

.projects-order-form__cont-line {
    align-items: flex-start;
    display: flex;
}

@media (max-width: 1199.98px) {
    .projects-order-form__cont-line {
        display: block;
    }
}

.projects-order-form__desc {
    flex: 2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

@media (max-width: 1199.98px) {
    .projects-order-form__desc {
        margin-bottom: 36px;
    }
}

@media (max-width: 991.98px) {
    .projects-order-form__desc {
        font-size: 18px;
        margin-bottom: 32px;
    }
}

@media (max-width: 575.98px) {
    .projects-order-form__desc {
        font-size: 16px;
        margin-bottom: 24px;
    }
}

.projects-order-form__img-wrap {
    display: block;
    flex: 1;
}

.projects-order-form__img {
    display: block;
    min-width: 100%;
}

.projects-order-form__title {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 1em;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .projects-order-form__title {
        font-size: 24px;
    }
}

@media (max-width: 575.98px) {
    .projects-order-form__title {
        font-size: 20px;
    }
}

.projects-order-form__form {
    flex: 3;
}

.projects-order-form__form-line {
    align-items: flex-start;
    display: flex;
}

@media (max-width: 575.98px) {
    .projects-order-form__form-line {
        display: block;
    }
}

.projects-order-form__form-line .form-row {
    flex: 1;
}

@media (min-width: 576px) {
    .projects-order-form__form-line .form-row:first-child {
        margin-right: var(--gutter-x);
    }
}

.main-slider-project {
    margin: 0 0 36px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (max-width: 991.98px) {
    .main-slider-project {
        margin: 0 0 32px;
    }
}

@media (max-width: 575.98px) {
    .main-slider-project {
        margin: 0 0 24px;
    }
}

.main-slider-project_horizontal {
    touch-action: pan-y;
}

.main-slider-project__external {
    position: relative;
}

.main-slider-project__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    width: 100%;
}

.main-slider-project__item {
    display: block;
    flex-shrink: 0;
    max-width: 100%;
    position: relative;
    width: 100%;
}

.main-slider-project__item-link {
    background: var(--white-color);
    display: block;
    position: relative;
    width: 100%;
}

.main-slider-project__item-img-wrapper {
    display: block;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.main-slider-project__item-img-wrapper::before {
    background: linear-gradient(0deg, rgba(33, 28, 26, 0) 42.49%, rgba(33, 28, 26, 0.35) 52.6%, rgba(31, 26, 24, 0.53) 61.46%, rgba(31, 26, 24, 0.68) 74.48%, rgba(15, 15, 15, 0.8) 88.3%, rgba(15, 15, 15, 0.8) 100%);
    content: '';
    height: 35%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.main-slider-project__item-img-wrapper::after {
    height: 476px;
    width: 100%;
    background: url(../assets/img/main-slider-bg_resized_2000_486.webp) center bottom no-repeat;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    z-index: 2;
}

@media (min-width: 1900px) {
    .main-slider-project__item-img-wrapper::after {
        background-size: 100% 100%;
    }
}

.main-slider-project__item-img {
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
}

.main-slider-project__item-cont {
    bottom: 180px;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.main-slider-project__item-name {
    font-size: 36px;
    font-weight: normal;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    width: 800px;
}

@media (max-width: 991.98px) {
    .main-slider-project__item-name {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .main-slider-project__item-name {
        font-size: 24px;
    }
}

@media (max-width: 479.98px) {
    .main-slider-project__item-name {
        font-size: 20px;
    }
}

.tags-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 48px 0;
}

@media (max-width: 991.98px) {
    .tags-list {
        margin: 40px 0;
    }
}

@media (max-width: 575.98px) {
    .tags-list {
        margin: 32px 0;
    }
}

.tags-list__item {
    display: block;
    margin: 0 36px 36px 0;
}

@media (max-width: 991.98px) {
    .tags-list__item {
        margin: 0 30px 30px 0;
    }
}

@media (max-width: 575.98px) {
    .tags-list__item {
        margin: 0 24px 24px 0;
    }
}

.tags-list__btn {
    padding: 4px 8px 3px;
}

.project-subsection {
    margin: 0 0 48px;
}

@media (max-width: 991.98px) {
    .project-subsection {
        margin: 0 0 40px;
    }
}

@media (max-width: 575.98px) {
    .project-subsection {
        margin: 0 0 32px;
    }
}

.project-subsection__head {
    border-bottom: 1px solid var(--grey-color);
    border-bottom: 2px solid #fff;
    margin: 0 0 18px;
    padding: 5px 0 15px;
}

@media (max-width: 991.98px) {
    .project-subsection__head {
        margin-bottom: 16px;
        padding: 4px 0;
    }
}

@media (max-width: 575.98px) {
    .project-subsection__head {
        margin-bottom: 12px;
        padding: 3px 0;
    }
}

.project-subsection__title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

@media (max-width: 991.98px) {
    .project-subsection__title {
        font-size: 21px;
    }
}

@media (max-width: 575.98px) {
    .project-subsection__title {
        font-size: 18px;
    }
}

.project-detail-desc {
    font-size: 20px;
    line-height: 1.1;
    margin: 0 auto;
    max-width: 100%;
    width: 960px;
}

.project-detail-desc > *:first-child {
    margin-top: 0;
    padding-top: 0;
}

.project-detail-desc > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.video-item {
    color: inherit;
    display: block;
    text-decoration: none;
}

.video-item:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.video-item:hover .video-item__img {
    transform: scale(1.05);
}

.video-item__img-wrap {
    border-radius: 5px;
    overflow: hidden;
    padding-top: 62.7071823%;
    position: relative;
    width: 100%;
}

.video-item__img {
    height: 100%;
    width: 100%;
    transition: all var(--transition-speed);
    display: block;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    transform: scale(1);
    top: 0;
}

.video-item__name {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-top: 14px;
}

@media (max-width: 575.98px) {
    .video-item__name {
        font-size: 14px;
        margin-top: 10px;
    }
}

.projects-grid-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.projects-grid-slider2 {
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (min-width: 992px) {
    .projects-grid-slider {
        height: 800px;
        height: auto;
    }
}

.projects-grid-slider_horizontal {
    touch-action: pan-y;
}

.projects-grid-slider__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    position: relative;
    width: 100%;
}

.projects-grid-slider-wrap_new .projects-grid-slider__wrapper {
    flex-direction: row;
}

@media (min-width: 992px) {
    .projects-grid-slider__wrapper {
        flex-direction: column;
        flex-wrap: wrap;
        height: 100%;
    }
}

.projects-grid-slider__item {
    flex-shrink: 0;
    transform: translateZ(0);
    width: 100%;
}

.projects-grid-slider-wrap_new .projects-grid-slider__item {
    width: calc(100% / 3);
}

@media (max-width: 1360px) {
    .projects-grid-slider-wrap_new .projects-grid-slider__item {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .projects-grid-slider-wrap_new .projects-grid-slider__item {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .projects-grid-slider__item {
        align-items: stretch;
        display: flex;
        height: 50%;
        height: 400px;
    }
}

@media (min-width: 992px) {
    .projects-grid-slider__item .project-list-item {
        height: 100%;
        width: 100%;
        display: block;
    }

    .projects-grid-slider__item .project-list-item__img-wrap {
        height: 100%;
        width: 100%;
        padding-top: 0;
    }
}

@media (max-width: 991.98px) {
    .projects-grid-slider__actions {
        display: none;
    }
}

.projects-grid-slider__action {
    height: 50px;
    width: 27px;
    transition: all var(--transition-speed);
    color: var(--white-color);
    cursor: pointer;
    display: block;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.projects-grid-slider__action:hover {
    color: var(--primary-color);
    opacity: 1;
}

.projects-grid-slider__action_next {
    left: 34px;
}

.projects-grid-slider__action_next .icon {
    transform: scaleX(-1);
}

.projects-grid-slider__action_prev {
    right: 34px;
}

.projects-grid-slider__action_disabled,
.projects-grid-slider__action_lock {
    opacity: 0.5;
}

.projects-grid-slider__action .icon {
    height: 100%;
    width: 100%;
    display: block;
}

.compare-section {
    display: block;
}

.compare-section__head {
    border-radius: 5px;
    align-items: center;
    background: rgba(217, 217, 217, 0.08);
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 40px;
    padding: 12px 20px;
}

.compare-section__back-wrap {
    margin-right: 3.5%;
}

.compare-section__back {
    align-items: center;
    color: var(--dark-color);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: flex-start;
    margin-bottom: 6px;
    margin-top: 6px;
    text-decoration: none;
}

.compare-section__back:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.compare-section__back .icon {
    height: 8px;
    width: 17px;
    display: block;
    margin-right: 12px;
}

.compare-section__difference {
    margin-bottom: 6px;
    margin-top: 6px;
}

.compare-section__difference .check-label__checkbox {
    border-radius: 0;
    margin-top: 1px;
}

.compare-section__difference .check-label__text {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 700;
}

.compare-section__list {
    display: block;
}

.compare-list {
    contain: paint;
    display: block;
    position: relative;
}

.compare-list_horizontal {
    touch-action: pan-y;
}

.compare-list__wrapper {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    width: 100%;
}

.compare-list__item {
    display: block;
    flex-shrink: 0;
    width: 330px;
}

@media (max-width: 575.98px) {
    .compare-list__item {
        width: 300px;
    }
}

.compare-list__item:last-child .compare-item__setting:after {
    width: 100vw;
}

.compare-list__item_active .compare-item__setting-name {
    opacity: 1;
}

.compare-item {
    position: relative;
}

.compare-item__head {
    background: var(--white-color);
    box-sizing: border-box;
    margin: 0 0 32px;
    padding-bottom: 12px;
    padding-right: 20px;
    padding-top: 12px;
    position: sticky;
    top: 60px;
    width: 100%;
    z-index: 3;
}

@media (max-width: 991.98px) {
    .compare-item__head {
        margin-bottom: 40px;
    }
}

@media (max-width: 575.98px) {
    .compare-item__head {
        margin-bottom: 32px;
        padding-right: 12px;
    }
}

@media (max-width: 479.98px) {
    .compare-item__head {
        padding-right: 10px;
    }
}

.compare-item__head-top {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 7px;
}

.compare-item__head-bot {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.compare-item__img-wrap {
    border-radius: 5px;
    height: 110px;
    width: 110px;
    display: block;
    margin-right: 16px;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .compare-item__img-wrap {
        height: 100px;
        width: 100px;
        margin-right: 12px;
    }
}

@media (max-width: 359.98px) {
    .compare-item__img-wrap {
        height: 80px;
        width: 80px;
        margin-right: 10px;
    }
}

.compare-item__img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.compare-item__name {
    color: var(--text-color);
    display: -webkit-box;
    display: block;
    flex: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125;
    height: 5.625em;
    overflow: hidden;
    text-decoration: none;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.compare-item__name:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.compare-item__list {
    position: relative;
    z-index: 1;
}

.compare-item__setting {
    padding: 18px 0 19px;
    position: relative;
}

.compare-item__setting:after {
    height: 1px;
    width: 100%;
    background: var(--text-color);
    bottom: 0;
    display: block;
    content: '';
    left: 0;
    position: absolute;
}

.compare-item__setting:last-child {
    border: none;
}

.compare-item__setting-name {
    transition: all var(--transition-speed);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    opacity: 0;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compare-item__setting-value {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6667;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compare-item__star-rating .star-rating__item {
    height: 32px;
    width: 32px;
    margin-right: 2px;
}

.compare-item__price {
    display: block;
    margin-right: 16px;
    width: 120px;
}

@media (max-width: 575.98px) {
    .compare-item__price {
        margin-right: 12px;
    }
}

@media (max-width: 359.98px) {
    .compare-item__price {
        margin-right: 10px;
    }
}

.compare-item__price-value {
    color: var(--dark-color);
    font-size: clamp(20px, 1.5 cqi, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.compare-item__price-value_new {
    color: var(--red-color);
}

.compare-item__price-value_new ~ .compare-item__price-value {
    display: inline-block;
    font-size: smaller;
    position: absolute;
}

.compare-item__price-value_new ~ .compare-item__price-value:after {
    background: var(--red-color);
    content: '';
    height: 2px;
    left: -0.3em;
    margin-top: -1px;
    position: absolute;
    right: -0.3em;
    top: 50%;
}

.compare-item__actions {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: space-between;
}

.compare-item__buy {
    margin-right: 12px;
    width: 120px;
}

.compare-item__remove {
    height: 24px;
    width: 24px;
    transition: all var(--transition-speed);
    align-items: center;
    background: none;
    border: none;
    color: var(--dark-color);
    display: flex;
    justify-content: center;
    outline: none;
    padding: 0;
    text-decoration: none;
}

.compare-item__remove:hover {
    color: var(--primary-color);
}

.compare-item__remove .icon {
    height: 22px;
    width: 22px;
    display: block;
}
.addition-catalog-item{
    height: 100%;
}
@media all and (max-width: 992px) {
    .addition-catalog-list__wrapper .addition-catalog-item{
        min-height: 132px;
    }

    .section-catalog-item__cont .section-catalog-item__name {
        margin-bottom: 27px;
    }
    .section-catalog-item__cont .section-catalog-item__subcat{
        max-width: 100%;
        width: 100%;
    }
    .section-catalog-item__cont .section-catalog-item__actions {
        padding: 0;
        width: 100%;
    }
    .section-catalog-item__cont .section-catalog-item__cont-enternal {
        padding-bottom: 72px;
    }
    .section-catalog-item__cont .section-catalog-item__more {
        height: 37px;
        line-height: 35px;
        padding: 0;
        width: 100%;
        text-align: center;
    }
}


.addition-catalog-list__wrapper .addition-catalog-item .addition-catalog-item__img-wrap{
    width: 209px;
}
.addition-catalog-list__wrapper .addition-catalog-item .addition-catalog-item__name{
    width: calc(100% - 181px);
    max-width: calc(100% - 181px);
    font-size: 22px;
}

@media all and (max-width: 992px) {
    .addition-catalog-list__wrapper .addition-catalog-item {
        padding: 33px 17px;
    }
    .addition-catalog-list__wrapper .addition-catalog-item .addition-catalog-item__img-wrap{
        width: 172px;
    }
    .addition-catalog-list__wrapper .addition-catalog-item .addition-catalog-item__name{
        width: calc(100% - 172px);
        max-width: calc(100% - 172px);
        font-size: 18px;
    }
}

@media (max-width: 460px) {
    .section-catalog-item__subcat {
        display: block;
    }
}
/*# sourceMappingURL=styles.css.map */