/*! 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;
}

/**
 * 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 {
    -webkit-box-sizing: content-box;
    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 */
    -webkit-text-decoration: underline dotted;
    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 {
    -webkit-box-sizing: border-box;
    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] {
    -webkit-box-sizing: border-box;
    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;
}

:root {
    --font-family: "Jost", sans-serif;
    --second-family: "Roboto", sans-serif;
    --third-family: "Roboto", sans-serif;
    --font3: "Roboto", sans-serif;
    --light-purple: #ebebf6;
    --purple: #605dba;
    --purple-opacity-25: rgba(96, 93, 186, 0.25);
    --dark-purple: #4d4a95;
    --255: #fff;
    --248: #f8f8f8;
    --244: #f4f0ec;
    --167: #a7856a;
    --222: #dedede;
    --173: #adadad;
    --173-opacity-25: rgba(173, 173, 173, 0.25);
    --108: #6c757d;
    --33: #212121;
    --17: #111;
    --17-opacity-60: rgb(17, 17, 17, 0.6);
    --error: #e35d5d;
    --error-text: #b64a4a;
    --success: #5ab77b;
    --success-text: #489262;
    --yellow: #eeb461;
    --black-100: #f2f3f3;
    --black-200: #e7e8e8;
    --black-300: #9da1a1;
    --black-400: #6d7173;
    --black-500: #3c4244;
    --black-600: #000;
}

@font-face {
    font-family: "Jost";
    src: url("../fonts/Jost-Light.woff2") format("woff2"), url("../fonts/Jost-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Jost";
    src: url("../fonts/Jost-Regular.woff2") format("woff2"), url("../fonts/Jost-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Jost";
    src: url("../fonts/Jost-Medium.woff2") format("woff2"), url("../fonts/Jost-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Jost";
    src: url("../fonts/Jost-SemiBold.woff2") format("woff2"), url("../fonts/Jost-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Jost";
    src: url("../fonts/Jost-Black.woff2") format("woff2"), url("../fonts/Jost-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: var(--font-family);
    color: var(--33);
    font-size: 16px;
    font-weight: 400;
    background-color: var(--244);
}
body.white {
    background-color: var(--255);
}

.auth .header-user-not-login {
    display: none;
}
.auth .header-user-login {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    display: block;
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

button {
    padding: 0;
    border: none;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
}

.container {
    max-width: 1252px;
    padding: 0px 12px;
    margin: 0 auto;
}

html,
body {
    height: 100%;
}

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

main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

footer {
    margin-top: auto;
}

input,
textarea {
    outline: transparent;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
input::placeholder,
textarea::placeholder {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0;
}
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
    opacity: 0;
}
input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.layout__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 0px 0px 80px 0px;
}
.layout__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
}
.layout__sidebar {
    display: none;
}
@media (min-width: 992px) {
    .layout__sidebar {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 292px;
    }
}

.layout-sidebar-block {
    display: block;
}
.layout-sidebar-block:not(:last-child) {
    margin: 0px 0px 20px 0px;
}
.layout-sidebar-block img {
    width: 100%;
    height: auto;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}

.title {
    font-family: var(--font3);
    line-height: 142%;
    font-weight: 700;
}
h1.title {
    font-size: 24px;
    line-height: 145%;
}
h2.title {
    font-size: 20px;
    line-height: 137%;
}
h3.title {
    font-size: 16px;
    line-height: 122%;
}
@media (min-width: 1200px) {
    h1.title {
        font-size: 36px;
        line-height: 145%;
    }
    h2.title {
        font-size: 32px;
        line-height: 137%;
    }
    h3.title {
        font-size: 22px;
        line-height: 122%;
    }
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    padding: 5px 11px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    text-align: center;
    border: 1px solid var(--purple);
    border-radius: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.btn.btn-animate {
    -webkit-animation: btn-animate 0.5s linear infinite;
    animation: btn-animate 0.5s linear infinite;
    background-size: 30px 30px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
.btn:disabled {
    opacity: 0.65;
    pointer-events: none;
}

.btn--purple {
    color: var(--255);
    background-color: var(--purple);
}
.btn--purple:hover {
    background-color: var(--dark-purple);
    border-color: var(--dark-purple);
}
.btn--purple:active {
    background-color: var(--dark-purple);
    border-color: var(--dark-purple);
}

.btn--transparent {
    color: var(--purple);
    background-color: transparent;
}
.btn--transparent:hover {
    color: var(--255);
    background-color: var(--purple);
}
.btn--transparent:active {
    color: var(--255);
    background-color: var(--purple);
}

@-webkit-keyframes btn-animate {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 60px 30px;
    }
}

@keyframes btn-animate {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 60px 30px;
    }
}
.pages {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 115%;
    padding: 20px;
    counter-reset: my-counter;
}
@media (min-width: 640px) {
    .pages {
        font-size: 20px;
    }
}
.pages ol {
    margin: 0;
    padding: 0;
}
.pages li {
    margin: 5px;
    list-style-type: none;
}
.pages a {
    color: var(--purple);
    position: relative;
    padding-left: 40px;
    text-decoration: none;
}
.pages a::before {
    content: counter(my-counter);
    counter-increment: my-counter;
    position: absolute;
    top: 0;
    left: 0;
}

.spinner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 9, 15, 0.6);
    opacity: 0;
    visibility: hidden;
}
.spinner.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
.spinner.active span {
    -webkit-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
}
.spinner span {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px 0px 0px -25px;
    border: 4px solid var(--244);
    border-radius: 50%;
    border-top-color: var(--dark-purple);
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.top__swiper {
    padding: 10px 12px;
    background-color: var(--255);
}
.top__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 120px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}
.top__slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.top__slide span {
    position: relative;
    font-size: 30px;
    line-height: 100%;
    font-weight: 900;
    color: var(--255);
}

.header {
    background-color: rgba(33, 33, 33, 0.9);
}
.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 84px;
    padding: 10px 0px;
}
@media (min-width: 1200px) {
    .header__wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 130px;
    }
}
.header__logo img {
    display: block;
    max-height: 52px;
}
@media (min-width: 1200px) {
    .header__logo img {
        max-height: 90px;
    }
}
.header__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
@media (min-width: 1200px) {
    .header__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 16px;
        margin: 0;
    }
}
.header__location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--248);
    font-size: 17px;
    line-height: 153%;
    text-transform: uppercase;
    cursor: pointer;
}
.header__location span {
    display: none;
}
@media (min-width: 1200px) {
    .header__location span {
        display: block;
    }
}
.header__burger {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0px -4px 0px 8px;
}
@media (min-width: 1200px) {
    .header__burger {
        display: none;
    }
}
.header__burger span {
    width: 28px;
    height: 2px;
    background-color: var(--248);
    border-radius: 2px;
}
.header__burger::before, .header__burger::after {
    content: "";
    width: 28px;
    height: 2px;
    background-color: var(--248);
    border-radius: 2px;
}
.header__burger::before {
    margin-bottom: 6px;
}
.header__burger::after {
    margin-top: 6px;
}

.header-user {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (min-width: 1200px) {
    .header-user {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}
.header-user__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: var(--248);
    font-size: 17px;
    line-height: 153%;
    text-transform: uppercase;
}
.header-user__link-desktop {
    display: none;
}
@media (min-width: 1200px) {
    .header-user__link-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.header-user__link-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width: 1200px) {
    .header-user__link-mobile {
        display: none;
    }
}
.header-user__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--244);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKeSURBVHgB7ZZNaBNBFMffm01CGr+wxUqhhzQtTdgWa2kVpBepUDxIJYi3XLxJL0KhXryIIko9i9cqUryKFfHiQQWLWkFTYwwxYggu/cq2pAlNN5nn2/RUtbqz2Nv+Dvtmd9/M/Hkz780AeHh4eHhsA8E9GOnuGdSQEkSYsD9IgIdCiAfZdHKWXwlcoIFLOqM9lwXAXZ42KAlneP4kixkEoonmlta14srSW3CBqwh1RvVhJHzGIiZlrWkyl5tbs7/HYrGWmhTjPOwYIZ37+iX1HBRxIwi7unveENBipWSeNwyj8vt//QmbQ9nMp+OguHQCFAmH9cNsBlDC1B/EQEMAwpTt09Hb2wqKKAsKBgNBNogoVnfyQSnMhilZIdhtQaYpl9isEsqhnXzqJE/YPn5//QfstqCFhY9lTvBpjtGFcCwW/vV/V5euo8CL3JzOZrNVUMRVlum63mzV8JXcKhs3cE/gKZS4pVmjnPbjvItEwE9DqVSqCIr4wAWmaW7s3X/wNk98BwHvQbm62Yg1YYAfVW6P2T7gAuUIdUR7j/gIbhLIUyzoBQt4LxALxFHh2hMGEv0gsI8jNWtJcf17NvlaZXwlQZFI9zHh889wXpso6VK5HHxpGHPbUr+tbSAU2rc5IoBucZ5B3RKJXG7+ndM5HAuKRKODgnz3ucNKdaM0ms/nzb/5t7e3NzeFDjzifdapgRjOZJJpcICjLONNHBCkTfDyBNdLVvxfYmwKhUJxHaw4N6scp6v2GOAAR4IqFvRzME8jwTXDyCyDQ4xMZlkQXeG+Z7fG+E+CNMARNt80TT4GRbgPH8Lw2Se0k078HQlChDP8mE+n08p1xe6DQB+AZNyJv8NKTX0kpX0MuLl0Ed+XFrkMHAUPDw8PD3V+AoydAts7EAdiAAAAAElFTkSuQmCC");
}
.header-user__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.header-user__avatar span {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 14px;
    padding: 0 3px;
    font-family: var(--font-family);
    color: var(--255);
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    border-radius: 14px;
    background-color: var(--error);
}
.header-user__name {
    display: none;
}
@media (min-width: 1200px) {
    .header-user__name {
        display: block;
    }
}
.header-user-login {
    display: none;
}

.menu-user {
    position: absolute;
    z-index: 1;
    right: 0;
    top: calc(100% + 45px);
    width: 222px;
    border-radius: 2px;
    padding: 12px 20px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(33, 33, 33, 0.15);
    box-shadow: 0 8px 16px 0 rgba(33, 33, 33, 0.15);
    background-color: var(--255);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 1200px) {
    .menu-user {
        display: none;
    }
}
.menu-user.active {
    top: calc(100% + 25px);
    opacity: 1;
    visibility: visible;
}
.menu-user__item {
    padding: 4px 0px;
}
.menu-user__item-exit {
    position: relative;
    margin: 8px 0px 0px 0px;
    padding-top: 12px;
}
.menu-user__item-exit::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    height: 1px;
    background-color: var(--173);
    opacity: 0.25;
}
.menu-user__link {
    position: relative;
    display: block;
    padding: 0px 0px 0px 20px;
    color: var(--33);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.menu-user__link svg {
    position: absolute;
    top: 4px;
    left: 0;
}

.header-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin: 0 12px 0 auto;
}
@media (min-width: 1200px) {
    .header-social {
        margin: 0;
    }
}
.header-social__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}
.header-social__link span {
    display: none;
}
@media (min-width: 1200px) {
    .header-social__link span {
        display: block;
        color: var(--248);
        font-size: 17px;
        line-height: 22px;
        text-align: center;
        text-transform: uppercase;
    }
}

.nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 1200px) {
    .nav {
        opacity: 1;
        visibility: visible;
    }
}
.nav.active {
    opacity: 1;
    visibility: visible;
}
.nav::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("../images/mobile-menu-bg.jpg");
}
@media (min-width: 1200px) {
    .nav::before {
        display: none;
    }
}
.nav::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(33, 33, 33)), color-stop(50%, rgb(33, 33, 33)), to(rgba(33, 33, 33, 0)));
    background-image: linear-gradient(to bottom, rgb(33, 33, 33) 0%, rgb(33, 33, 33) 50%, rgba(33, 33, 33, 0) 100%);
}
@media (min-width: 1200px) {
    .nav::after {
        display: none;
    }
}
@media (min-width: 1200px) {
    .nav {
        position: static;
        display: block;
        width: auto;
        height: auto;
        background-color: transparent;
    }
}
.nav__close {
    position: fixed;
    z-index: 5;
    top: 21px;
    right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
}
@media (min-width: 1200px) {
    .nav__close {
        display: none;
    }
}
.nav__list {
    position: relative;
    z-index: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 108px 0px 30px 12px;
    overflow-y: auto;
}
@media (min-width: 1200px) {
    .nav__list {
        position: static;
        display: block;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        padding: 0;
    }
}
.nav__link {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 0px 8px 12px;
    font-family: var(--font-family);
    color: var(--248);
    font-size: 22px;
    line-height: 145%;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
@media (min-width: 1200px) {
    .nav__link {
        padding: 6px 0px 6px 12px;
        font-size: 17px;
        line-height: 153%;
    }
}
@media (min-width: 1200px) {
    .nav__link::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        background-color: var(--248);
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }
}
@media (hover: hover) {
    .nav__link:hover {
        color: var(--purple);
    }
}
@media (hover: hover) {
    .nav__link:hover::before {
        background-color: var(--purple);
    }
}
@media (hover: none) {
    .nav__link:active {
        color: var(--purple);
    }
}
@media (hover: none) {
    .nav__link:active::before {
        background-color: var(--purple);
    }
}

.configurator {
    padding: 0px 0px 40px;
}
.configurator__signs {
    position: relative;
    margin: 0 0 40px;
    padding: 40px 0 0;
}
@media (min-width: 1200px) {
    .configurator__signs {
        margin: 0 0 60px;
    }
}
.configurator__signs .step {
    top: 8px;
    left: -4px;
}
@media (min-width: 1200px) {
    .configurator__signs .step {
        left: -8px;
    }
}
.configurator__signs-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2px;
    margin: 0 -12px;
    padding: 0 12px;
    overflow-x: auto;
    scrollbar-width: none;
}
.configurator__signs-inner::-webkit-scrollbar {
    height: 0;
}
@media (min-width: 1200px) {
    .configurator__signs-inner {
        overflow-x: visible;
    }
}
.configurator__guarantee {
    display: block;
    max-width: 220px;
    margin: 0 auto 40px;
}
@media (min-width: 992px) {
    .configurator__guarantee {
        display: none;
    }
}
.configurator__guarantee img {
    max-width: 100%;
    margin: 0 auto;
}
.configurator-sign {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 76px;
    padding: 0px 8px 8px;
    border-radius: 2px;
    background-color: var(--purple);
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
@media (min-width: 992px) {
    .configurator-sign {
        padding: 8px;
        width: 100px;
    }
}
@media (min-width: 1200px) {
    .configurator-sign {
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
}
.configurator-sign.active {
    background-color: var(--dark-purple);
}
@media (hover: hover) {
    .configurator-sign:hover {
        background-color: var(--dark-purple);
    }
}
.configurator-sign__img {
    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;
    max-width: 73px;
    margin: 0px auto 4px;
    aspect-ratio: 7.3/9;
}
.configurator-sign__img svg {
    max-width: 100%;
    max-height: 100%;
}
.configurator-sign__caption {
    display: block;
    color: var(--255);
    font-size: 16px;
    line-height: 100%;
    font-weight: 300;
    text-align: center;
    margin: 0px -8px;
    padding: 0px 3px;
}
@media (min-width: 992px) {
    .configurator-sign__caption {
        font-size: 18px;
        line-height: 144%;
    }
}

.configurator-tabs {
    margin: 0px 0px 80px 0px;
}
.configurator-tabs__inner {
    position: relative;
}
.configurator-tabs__inner .step {
    left: -4px;
    bottom: calc(100% + 4px);
}
@media (min-width: 1200px) {
    .configurator-tabs__inner .step {
        left: -8px;
    }
}
.configurator-tabs__title {
    margin: 0px 0px 32px 0px;
}
.configurator-tabs__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0px 0px 4px 0px;
}
@media (min-width: 1200px) {
    .configurator-tabs__control {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
    }
}
.configurator-tabs__buttons {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px 3px;
    margin: 4px 0px 0px 0px;
}
@media (min-width: 768px) {
    .configurator-tabs__buttons {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (min-width: 1200px) {
    .configurator-tabs__buttons {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 660px;
        grid-gap: 0 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0;
    }
}
.configurator-tabs__btn {
    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;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 50px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    color: var(--255);
    border-radius: 2px;
    background-color: var(--purple);
    padding: 4px 3px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 1200px) {
    .configurator-tabs__btn {
        border: 1px solid var(--255);
    }
}
.configurator-tabs__btn.active {
    font-weight: 500;
    color: var(--33);
    background-color: var(--244);
    border-color: var(--244);
    border-radius: 2px 2px 0px 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (hover: hover) {
    .configurator-tabs__btn:not(.active):hover {
        background-color: var(--dark-purple);
    }
}
.configurator-tabs__content {
    padding: 12px;
    border-radius: 2px;
    background-color: var(--244);
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
}
@media (min-width: 1200px) {
    .configurator-tabs__content {
        padding: 24px;
        border-radius: 0px 0px 2px 2px;
    }
}
.configurator-tabs__block {
    display: none;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
}
@media (min-width: 576px) {
    .configurator-tabs__block {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}
@media (min-width: 1200px) {
    .configurator-tabs__block {
        grid-template-columns: repeat(3, 1fr);
        gap: 48px;
    }
}
.configurator-tabs__block.active {
    display: grid;
}
.configurator-tabs__block.fade {
    -webkit-animation: fade 0.5s;
    animation: fade 0.5s;
}
.configurator-tabs__caption {
    margin: 0px 0px 12px 0px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 600;
}
.configurator-tabs__item:not(:last-child) {
    margin: 0px 0px 12px 0px;
}
.configurator-tabs__item.hidden {
    display: none;
}
.configurator-tabs__link {
    display: block;
    position: relative;
    padding: 0px 0px 0px 12px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
    text-align: left;
}
@media (min-width: 1200px) {
    .configurator-tabs__link {
        font-size: 18px;
        line-height: 144%;
    }
}
.configurator-tabs__link::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: var(--33);
}
.configurator-tabs__link.active {
    font-weight: 500;
}
@media (hover: hover) {
    .configurator-tabs__link:hover {
        font-weight: 500;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 0.1;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0.1;
    }
    to {
        opacity: 1;
    }
}
.configurator-tabs-field {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.configurator-tabs-field__input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0px 36px 0px 8px;
    color: var(--33);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
    border-radius: 2px;
    border: 1px solid var(--222);
    background-color: var(--255);
}
@media (min-width: 1200px) {
    .configurator-tabs-field__input {
        height: 100%;
    }
}
.configurator-tabs-field__input::-webkit-input-placeholder {
    color: var(--108);
}
.configurator-tabs-field__input::-moz-placeholder {
    color: var(--108);
}
.configurator-tabs-field__input:-ms-input-placeholder {
    color: var(--108);
}
.configurator-tabs-field__input::-ms-input-placeholder {
    color: var(--108);
}
.configurator-tabs-field__input::placeholder {
    color: var(--108);
}
.configurator-tabs-field__btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 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;
    width: 36px;
    padding: 0;
    color: var(--108);
}

.configurator-event {
    margin: 0px 0px 80px 0px;
}
.configurator-event__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0px 0px 16px 0px;
}
@media (min-width: 1200px) {
    .configurator-event__top {
        margin: 0;
    }
}
.configurator-event__plus {
    margin: 5px 8px 0px 0px;
}
@media (min-width: 1200px) {
    .configurator-event__plus {
        margin: 8px 8px 0px 0px;
    }
}
.configurator-event__days {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px;
    margin: 0px 0px 8px 0px;
}
@media (min-width: 1200px) {
    .configurator-event__days {
        margin: 0px 0px 16px 0px;
    }
}
.configurator-event__days .step {
    left: -4px;
    bottom: -4px;
}
@media (min-width: 1200px) {
    .configurator-event__days .step {
        left: -8px;
        bottom: -12px;
    }
}
.configurator-event__day {
    padding: 0 8px;
    font-size: 18px;
    line-height: 133%;
    font-weight: 500;
    opacity: 0.75;
    -webkit-transition: background-color 0.3s, opacity 0.3s;
    transition: background-color 0.3s, opacity 0.3s;
}
.configurator-event__day.active {
    opacity: 1;
    background-color: var(--light-purple);
}
@media (hover: hover) {
    .configurator-event__day:not(.active):hover {
        opacity: 1;
        background-color: var(--light-purple);
    }
}
.configurator-event__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--244);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    border-radius: 2px;
}
.configurator-event__items {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    padding: 0px 20px;
}
.configurator-event__items::-webkit-scrollbar {
    height: 0;
}
@media (min-width: 768px) {
    .configurator-event__items {
        padding: 0px 20px;
    }
}
.configurator-event__swiper .swiper-slide {
    width: auto;
}
.configurator-event__prev, .configurator-event__next {
    position: absolute;
    top: 0;
    bottom: 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;
    width: 20px;
}
.configurator-event__prev.swiper-button-disabled, .configurator-event__next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
.configurator-event__prev.swiper-button-lock, .configurator-event__next.swiper-button-lock {
    display: none;
}
.configurator-event__prev {
    left: 0;
}
.configurator-event__prev::before {
    content: "";
    border-right: 7px solid var(--purple);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.configurator-event__next {
    right: 0;
}
.configurator-event__next::before {
    content: "";
    border-left: 7px solid var(--purple);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.configurator-event-calendar {
    position: relative;
}
.configurator-event-calendar.active svg {
    color: var(--dark-purple);
}
@media (hover: hover) {
    .configurator-event-calendar:hover svg {
        color: var(--dark-purple);
    }
}
.configurator-event-calendar__btn {
    position: relative;
    z-index: 1;
    pointer-events: none;
}
.configurator-event-calendar__btn svg {
    color: #212121;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.configurator-event-calendar__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
}
.configurator-event-calendar + .flatpickr-calendar {
    right: 0;
    width: 284px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(33, 33, 33, 0.15);
    box-shadow: 0 8px 16px 0 rgba(33, 33, 33, 0.15);
    background: var(--255);
}
.configurator-event-calendar + .flatpickr-calendar .flatpickr-prev-month svg,
.configurator-event-calendar + .flatpickr-calendar .flatpickr-next-month svg {
    vertical-align: middle;
}
.configurator-event-calendar + .flatpickr-calendar .span.flatpickr-weekday {
    font-size: 12px;
}
.configurator-event-calendar + .flatpickr-calendar .flatpickr-day {
    font-size: 15px;
    font-weight: 600;
}
.configurator-event-calendar + .flatpickr-calendar .flatpickr-day:hover, .configurator-event-calendar + .flatpickr-calendar .flatpickr-day.selected {
    background-color: var(--purple);
    border-radius: 2px;
}
.configurator-event-calendar + .flatpickr-calendar .flatpickr-day.today {
    color: var(--33);
    background-color: var(--black-100);
    border: none;
}
.configurator-event-calendar + .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
    background-color: transparent;
    font-weight: 400;
}
.configurator-event-calendar + .flatpickr-calendar .flatpickr-day.flatpickr-disabled-next {
    background-color: transparent;
    text-decoration: none;
    opacity: 0.25;
    font-weight: 400;
}
.configurator-event-calendar + .flatpickr-calendar .flatpickr-day.flatpickr-disabled-next:hover, .configurator-event-calendar + .flatpickr-calendar .flatpickr-day.flatpickr-disabled-next.selected {
    background-color: var(--purple);
    border-radius: 2px;
}
.configurator-event-question {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;
}
@media (min-width: 1200px) {
    .configurator-event-question:hover .modal-step-tooltip {
        opacity: 1;
        visibility: visible;
    }
}
.configurator-event-question__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--purple);
    font-size: 20px;
    line-height: 100%;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--purple);
    cursor: pointer;
}
.configurator-event-question .modal-step-tooltip {
    top: calc(100% + 16px);
    left: -10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
}
.configurator-event-question .modal-step-tooltip:before {
    left: 10px;
}
.configurator-event-question .modal__wrapper {
    gap: 16px;
    width: 336px;
}

.configurator-event-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 110px;
    padding: 15px 5px;
    text-align: center;
}
@media (min-width: 768px) {
    .configurator-event-item {
        width: 120px;
    }
}
@media (min-width: 992px) {
    .configurator-event-item {
        padding: 12px 10px;
    }
}
.configurator-event-item__caption {
    display: block;
    margin: 0px -5px;
    font-size: 14px;
    line-height: 100%;
    font-weight: 300;
    white-space: nowrap;
}
@media (min-width: 992px) {
    .configurator-event-item__caption {
        margin: 0px -10px;
        line-height: 26px;
    }
}
@media (max-width: 992px) {
    .configurator-event-item__caption {
        font-size: 12px;!important;
    }
}
.configurator-event-item__img {
    max-width: 80px;
    margin: 4px auto;
    aspect-ratio: 1/1;
}
@media (min-width: 992px) {
    .configurator-event-item__img {
        max-width: 100px;
    }
}
.configurator-event-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.configurator-event-item__hours {
    -ms-flex-item-align: center;
    align-self: center;
    display: block;
    font-size: 14px;
    line-height: 100%;
    font-weight: 300;
    text-align: right;
}
@media (min-width: 992px) {
    .configurator-event-item__hours {
        font-size: 16px;
    }
}

.configurator-event-item-energy span {
    display: block;
    color: var(--255);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    margin: 0px 0px 4px 0px;
}
@media (min-width: 992px) {
    .configurator-event-item-energy span {
        font-size: 18px;
        line-height: 24px;
    }
}
.configurator-event-item-energy__icon {
    display: block;
    width: 100%;
}
.configurator-event-item-energy__icon img {
    height: 20px;
    width: auto;
    margin: 0 auto;
}

.configurator-event-item--modifyed {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
    padding: 10px 5px;
    border-radius: 2px;
    background-color: var(--purple);
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
}
@media (min-width: 768px) {
    .configurator-event-item--modifyed {
        width: 156px;
    }
}
@media (min-width: 992px) {
    .configurator-event-item--modifyed {
        padding: 5px 10px;
    }
}
.configurator-event-item--modifyed .configurator-event-item__caption {
    color: var(--255);
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
}
@media (min-width: 992px) {
    .configurator-event-item--modifyed .configurator-event-item__caption {
        line-height: 24px;
    }
}

.configurator-content {
    position: relative;
    padding: 24px 12px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--244);
}
@media (min-width: 1200px) {
    .configurator-content {
        padding: 40px 24px;
    }
}
.configurator-content .step {
    left: -4px;
    bottom: calc(100% + 4px);
}
@media (min-width: 1200px) {
    .configurator-content .step {
        left: -8px;
    }
}
.configurator-content__title {
    margin: 0px 0px 16px 0px;
}

.announcement_block {
    margin: 0 !important;
}
.announcement_block h1,
.announcement_block h2,
.announcement_block h3 {
    font-family: var(--font3);
    font-weight: 700;
    line-height: 142%;
}

.announcement_block code {
    white-space: break-spaces;
}

.announcement_block table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
}

.announcement_block thead th,
.announcement_block tbody td {
    border: 1px solid #ccc;
    padding: 10px;
}

.announcement_block thead th {
    font-weight: bold;
}

.announcement_block tbody tr {
    border-bottom: 1px solid #ccc;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 22px;
}



.configurator-content__descr p {
    color: var(--33);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.configurator-content__descr p:not(:last-child) {
    margin: 0px 0px 16px 0px;
}
.configurator-content__descr p b {
    font-weight: 500;
}
.configurator-content__block:not(:first-child) {
    margin: 24px 0 0;
}
@media (min-width: 1200px) {
    .configurator-content__block:not(:first-child) {
        margin: 32px 0 0;
    }
}
.configurator-content__block h2 {
    margin: 0 0 16px 0;
    font-family: var(--font3);
    font-size: 32px;
    line-height: 137%;
    font-weight: 700;
}
.configurator-content__block li,
.configurator-content__block p {
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.configurator-content__block p:not(:last-child) {
    margin: 0 0 16px;
}
.configurator-content__block b,
.configurator-content__block strong {
    font-weight: 500;
}
.configurator-content__block ul li {
    position: relative;
    padding: 0px 0px 0px 20px;
}
.configurator-content__block ul li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 8px;
    width: 1px;
    height: 1px;
    background-color: var(--33);
}
.configurator-content__block ul:not(:last-child) {
    margin: 0 0 16px;
}
.configurator-content__block img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 24px auto;
}
@media (min-width: 1200px) {
    .configurator-content__block img {
        margin: 32px auto;
    }
}
.configurator-content__block img:last-child {
    margin-bottom: 0;
}

.legend {
    padding: 40px 0px;
}
.legend__title {
    margin: 0px 0px 16px 0px;
}
@media (min-width: 1200px) {
    .legend__title {
        margin: 0px 0px 32px 0px;
    }
}
@media (min-width: 992px) {
    .legend__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
    }
}
.legend__items {
    margin: 0px 0px 32px 0px;
}
@media (min-width: 992px) {
    .legend__items {
        width: 45.5%;
        margin: 0;
    }
}
.legend__content {
    padding: 24px 12px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--244);
}
@media (min-width: 992px) {
    .legend__content {
        width: 54.5%;
    }
}
@media (min-width: 1200px) {
    .legend__content {
        padding: 24px;
    }
}
.legend__content h3 {
    margin: 0px 0px 16px 0px;
    font-family: var(--second-family);
    font-size: 18px;
    line-height: 133%;
    font-weight: 600;
}
@media (min-width: 1200px) {
    .legend__content h3 {
        font-size: 22px;
        line-height: 145%;
    }
}
.legend__content p {
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.legend__content p:not(:last-child) {
    margin: 0px 0px 16px 0px;
}

.legend-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
@media (min-width: 1200px) {
    .legend-item {
        gap: 12px;
    }
}
.legend-item:not(:last-child) {
    margin: 0px 0px 16px 0px;
}
.legend-item__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
}
@media (min-width: 1200px) {
    .legend-item__img {
        width: 100px;
        height: 100px;
    }
}
.legend-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.legend-item__descr {
    font-size: 15px;
    line-height: 133%;
    font-weight: 300;
}
@media (min-width: 1200px) {
    .legend-item__descr {
        font-size: 16px;
        line-height: 150%;
    }
}
.legend-item__descr b {
    font-weight: 500;
}

.reviews {
    padding: 40px 0px 0px;
    width: 100%;
}
.reviews__title {
    margin: 0px 0px 16px 0px;
}
@media (min-width: 1200px) {
    .reviews__title {
        margin: 0px 0px 32px 0px;
    }
}
.reviews__swiper {
    margin: 0px 0px 32px 0px;
    padding: 0px 0px 40px 0px;
}
@media (min-width: 1200px) {
    .reviews__swiper {
        margin: 0px 0px 48px 0px;
    }
}
.reviews__swiper .swiper-pagination {
    bottom: 0;
}
.reviews__swiper .swiper-pagination .swiper-pagination-bullet {
    width: 24px;
    height: 6px;
    border-radius: 0;
    opacity: 1;
    background-color: rgba(33, 33, 33, 0.15);
}
.reviews__swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--purple);
}

.reviews-item__descr {
    margin: 0px 0px 8px 0px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
    font-style: italic;
    text-align: center;
}
.reviews-item__name {
    display: block;
    color: rgba(33, 33, 33, 0.75);
    font-size: 16px;
    line-height: 150%;
    text-align: center;
}
@media (min-width: 1200px) {
    .reviews-item__name {
        font-weight: 300;
        font-style: italic;
    }
}

.reviews-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.reviews-form__caption {
    margin: 0px 0px 8px 0px;
    font-family: var(--second-family);
    font-size: 18px;
    line-height: 133%;
    font-weight: 600;
}
@media (min-width: 768px) {
    .reviews-form__caption {
        margin: 0px 0px 16px 0px;
    }
}
@media (min-width: 1200px) {
    .reviews-form__caption {
        margin: 0px 0px 20px 0px;
        font-size: 22px;
        line-height: 145%;
    }
}
.reviews-form__area textarea {
    display: block;
    width: 100%;
    min-height: 112px;
    padding: 6px 12px;
    color: var(--33);
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
    border: 1px solid var(--222);
    border-radius: 2px;
    background-color: var(--255);
    resize: none;
}
.reviews-form__area textarea::-webkit-input-placeholder {
    color: var(--108);
}
.reviews-form__area textarea::-moz-placeholder {
    color: var(--108);
}
.reviews-form__area textarea:-ms-input-placeholder {
    color: var(--108);
}
.reviews-form__area textarea::-ms-input-placeholder {
    color: var(--108);
}
.reviews-form__area textarea::placeholder {
    color: var(--108);
}
.reviews-form__btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 20px 0px 0px 0px;
    min-width: 135px;
}
@media (min-width: 1200px) {
    .reviews-form__btn {
        min-width: 185px;
    }
}

.footer {
    padding: 40px 0px;
    background-image: url("../images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.footer__inner {
    margin: 0px 0px 24px 0px;
}
@media (min-width: 768px) {
    .footer__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 30px;
    }
}
.footer__logo {
    margin: 0px 0px 16px 0px;
}
@media (min-width: 768px) {
    .footer__logo {
        margin: 0;
    }
}
.footer__logo img {
    display: block;
    max-height: 60px;
}
@media (min-width: 1200px) {
    .footer__logo img {
        max-height: 90px;
    }
}
.footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}
@media (min-width: 768px) {
    .footer__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px 20px;
    }
}
@media (min-width: 992px) {
    .footer__list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (min-width: 1200px) {
    .footer__list {
        gap: 16px 100px;
    }
}
.footer__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer__link {
    color: var(--222);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 24px 0px 0px 0px;
    border-top: 1px solid rgba(222, 222, 222, 0.5);
}
@media (min-width: 576px) {
    .footer__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (min-width: 1200px) {
    .footer__bottom {
        padding: 8px 0px 0px 0px;
    }
}
.footer__copy {
    color: var(--222);
    font-size: 18px;
    line-height: 100%;
    font-weight: 300;
}
.footer__dev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.footer__dev span {
    color: var(--222);
    font-size: 18px;
    line-height: 100%;
    font-weight: 300;
}

.page-404 {
    background-color: var(--244);
    height: 100%;
    background-image: url("../images/404/page-404-bg-1.png"), url("../images/404/page-404-bg-2.png");
    background-repeat: no-repeat;
    background-position: left -20px top 30px, right -93px bottom -78px;
    background-size: 150px auto, 258px auto;
}
@media (min-width: 768px) {
    .page-404 {
        background-position: left -35px bottom -36px, right -148px bottom -112px;
        background-size: 272px auto, 403px auto;
    }
}
@media (min-width: 1200px) {
    .page-404 {
        background-position: left -47px bottom -48px, right -197px bottom -149px;
        background-size: 362px auto, 537px auto;
    }
}
@media (min-width: 1400px) {
    .page-404 {
        background-size: auto auto, auto auto;
        background-position: left -70px bottom -72px, right -296px bottom -224px;
    }
}
.page-404__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0px;
    min-height: calc(100vh - 84px);
}
@media (min-width: 1200px) {
    .page-404__wrapper {
        min-height: calc(100vh - 130px);
    }
}
.page-404__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.page-404__title {
    font-size: 44px;
    line-height: 135%;
    font-weight: 600;
}
@media (min-width: 1200px) {
    .page-404__title {
        font-size: 80px;
    }
}
.page-404__subtitle {
    margin: 0px 0px 16px 0px;
    font-size: 24px;
    line-height: 133%;
    font-weight: 600;
}
@media (min-width: 1200px) {
    .page-404__subtitle {
        font-size: 36px;
    }
}
.page-404__descr {
    margin: 0px 0px 32px 0px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.page-404__btn {
    min-width: 185px;
}

.breadcrumbs {
    padding: 20px 0px 22px;
}
.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin: 0 -12px;
    padding: 0 12px 10px;
    overflow-x: auto;
    scrollbar-width: none;
}
.breadcrumbs__list::-webkit-scrollbar {
    height: 0;
}
.breadcrumbs__item {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.breadcrumbs__item:last-child .breadcrumbs__link {
    color: var(--173);
}
.breadcrumbs__item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--33);
}
.breadcrumbs__link {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 18px;
    line-height: 144%;
    color: var(--33);
}

.page-feedback {
    padding: 0px 0px 40px;
}
.page-feedback__title {
    margin: 0px 0px 24px 0px;
}

.page-feedback-social__caption {
    margin: 0px 0px 16px 0px;
    font-family: var(--second-family);
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
}
@media (min-width: 1200px) {
    .page-feedback-social__caption {
        font-size: 22px;
        line-height: 145%;
    }
}
.page-feedback-social__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}
.page-feedback-social__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid var(--purple);
    border-radius: 50%;
    color: var(--purple);
}

.spoilers {
    padding: 40px 0px 0px;
}
.spoilers__title {
    margin: 0px 0px 24px 0px;
}
.spoilers--modifyed {
    padding: 0px 0px 40px 0px;
}

.spoilers-item:not(:first-child) {
    border-top: 1px solid var(--33);
}
.spoilers-item.active .spoilers-item__control::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.spoilers-item.active .spoilers-item__content {
    padding: 0px 0px 16px 0px;
}
.spoilers-item__control {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 16px 36px 16px 0px;
    text-align: left;
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
}
@media (min-width: 1200px) {
    .spoilers-item__control {
        line-height: 145%;
        font-size: 22px;
    }
}
.spoilers-item__control::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 8px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%23212121' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.spoilers-item__control span:nth-child(1) {
    font-family: var(--second-family);
}
.spoilers-item__control span:nth-child(2) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    text-align: right;
}
.spoilers-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    max-height: 0;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.spoilers-item__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.spoilers-item__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}
.spoilers-item__descr li,
.spoilers-item__descr p {
    font-weight: 300;
    font-size: 18px;
    line-height: 144%;
}
.spoilers-item__descr ul li {
    position: relative;
    padding: 0px 0px 0px 20px;
}
.spoilers-item__descr ul li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 8px;
    width: 1px;
    height: 1px;
    background-color: var(--33);
}
.spoilers-item__btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 185px;
}

.astrologer {
    padding: 40px 0px 0px 0px;
}
.astrologer__title {
    margin: 0px 0px 24px 0px;
}
.astrologer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 576px) {
    .astrologer__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.astrologer__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 16px 0px 0px 0px;
}
@media (min-width: 576px) {
    .astrologer__content {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 604px;
        margin: 0px 10px 0px 0px;
    }
}
.astrologer__content p {
    font-weight: 300;
    font-size: 18px;
    line-height: 144%;
}
.astrologer__content p:not(:last-child) {
    margin: 0px 0px 16px 0px;
}
@media (min-width: 576px) {
    .astrologer__img {
        width: 302px;
    }
}
.astrologer__img img {
    width: 100%;
    height: auto;
}

.calendar-selection__title {
    margin: 0px 0px 24px 0px;
}
.calendar-selection__cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 24px;
    margin: 0px 0px 24px 0px;
}
@media (min-width: 576px) {
    .calendar-selection__cards {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}
.calendar-selection__descr p {
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.calendar-selection__descr p:not(:last-child) {
    margin: 0px 0px 16px 0px;
}

.calendar-event__title {
    margin: 0px 0px 24px 0px;
}
.calendar-event__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
.calendar-event__total {
    font-family: var(--font-family);
    font-size: 22px;
    line-height: 136%;
    font-weight: 500;
}
.calendar-event__btn {
    min-width: 185px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.calendar-event-fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
.calendar-event-fieldset__title {
    margin: 0px 0px 16px 0px;
    font-family: var(--second-family);
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
}
@media (min-width: 1200px) {
    .calendar-event-fieldset__title {
        /*font-size: 22px;*/
        font-size: 32px;
        line-height: 145%;
    }
}
.calendar-event-fieldset__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    padding: 24px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--255);
}
@media (min-width: 768px) {
    .calendar-event-fieldset__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.calendar-event-fieldset__grid .field-checkbox {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (min-width: 768px) {
    .calendar-event-fieldset__grid .field-checkbox {
        grid-column: span 2;
    }
}

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    border-radius: 2px;
    background-color: var(--255);
}
.card__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    aspect-ratio: 396/264;
    overflow: hidden;
}
.card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px 2px 0px 0px;
}
.card__content {
    min-height: 92px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
}
.card__title {
    font-family: var(--second-family);
    font-size: 16px;
    line-height: 137%;
    font-weight: 700;
    text-transform: uppercase;
}
.card__title-h {
    display: block;
    font-weight: inherit;
}
.card__descr {
    margin: 8px 0px 0px 0px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.card__price {
    display: block;
    margin: 8px 0px 16px 0px;
    font-weight: 300;
    font-size: 18px;
    line-height: 144%;
    color: var(--33);
}
.card__price span {
    font-weight: 500;
}
.card__btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 212px;
    margin: auto 0px 0px 0px;
}
.card__current {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: auto 0px 0px 0px;
    padding: 6px 0px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.catalog-articles__title {
    margin: 0px 0px 24px 0px;
}
.catalog-articles__cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 24px;
}
@media (min-width: 576px) {
    .catalog-articles__cards {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}
@media (min-width: 1200px) {
    .catalog-articles__cards {
        grid-template-columns: repeat(3, 1fr);
    }
}
.catalog-articles__cards .card__title {
    text-transform: none;
}
.catalog-articles__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px 0px 0px 0px;
}
.catalog-articles__btn {
    min-width: 185px;
}

.oferta__title {
    margin: 0px 0px 16px 0px;
    font-size: 36px;
}
.oferta__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}
@media (min-width: 1200px) {
    .oferta__content {
        gap: 24px;
    }
}
.oferta__content h2 {
    font-family: var(--second-family);
    font-size: 20px;
    line-height: 145%;
    font-weight: 700;
}
@media (min-width: 1200px) {
    .oferta__content h2 {
        /*font-size: 22px;*/
        font-size: 32px;
    }
}
.oferta__content h3 {
    /*font-size: 18px;*/
    font-size: 22px;
    line-height: 144%;
    font-weight: 500;
}
.oferta__content p,
.oferta__content li {
    position: relative;
    font-weight: 300;
    font-size: 18px;
    line-height: 144%;
}
.oferta__content li:not(:last-child) {
    margin: 0px 0px 24px 0px;
}
.oferta__content ol {
    counter-reset: my-counter-1;
}
.oferta__content ol ol {
    counter-reset: my-counter-2;
}
.oferta__content ol ol:not(:last-child) {
    margin: 0px 0px 8px 0px;
}
.oferta__content ol ol li {
    padding: 0px 0px 0px 24px;
}
.oferta__content ol ol li::before {
    content: counter(my-counter-2) ".";
    counter-increment: my-counter-2;
    position: absolute;
    top: 0;
    right: calc(100% - 18px);
}
@media (min-width: 1200px) {
    .oferta__content ol ol li::before {
        right: calc(100% - 14px);
    }
}
.oferta__content ol li h3 {
    position: relative;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 24px;
}
.oferta__content ol li h3::before {
    content: counter(my-counter-1) ".";
    counter-increment: my-counter-1;
    position: absolute;
    top: 0;
    right: calc(100% - 18px);
}
@media (min-width: 1200px) {
    .oferta__content ol li h3::before {
        right: calc(100% - 14px);
    }
}
.oferta__content ol li li:not(:last-child),
.oferta__content ol li p:not(:last-child) {
    margin: 0;
}

.article__img {
    display: none;
}
@media (min-width: 1200px) {
    .article__img {
        display: block;
        margin: 0px 0px 32px 0px;
    }
}
.article__img img {
    width: 100%;
    height: auto;
}
.article__title {
    margin: 0px 0px 16px 0px;
}
@media (min-width: 1200px) {
    .article__title {
        margin: 0px 0px 24px 0px;
    }
}
.article__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 1200px) {
    .article__content {
        gap: 60px;
    }
}
.article__content .article__buttons {
    margin-top: 0;
}
.article__content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}
.article__content-block h2 {
    font-size: 22px;
    line-height: 144%;
    font-weight: 700;
}
.article__content-block h3 {
    font-size: 18px;
    line-height: 144%;
    font-weight: 700;
}
.article__content-block li,
.article__content-block p {
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.article__content-block b,
.article__content-block strong {
    font-weight: 500;
}
.article__content-block ul li {
    position: relative;
    padding: 0px 0px 0px 20px;
}
.article__content-block ul li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 8px;
    width: 1px;
    height: 1px;
    background-color: var(--33);
}
.article__content-block img {
    width: 100%;
    height: auto;
}
.article__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin: 32px 0px 0px 0px;
}
@media (min-width: 768px) {
    .article__buttons {
        gap: 20px;
    }
}
.article__buttons span {
    font-size: 14px;
    line-height: 144%;
    font-weight: 300;
    font-style: italic;
}
@media (min-width: 768px) {
    .article__buttons span {
        font-size: 16px;
    }
}
@media (min-width: 1200px) {
    .article__buttons span {
        font-size: 18px;
    }
}
.article__link {
    color: var(--purple);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.article__btn {
    min-width: 185px;
}

.page-form {
    padding: 80px 0px;
}

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    max-width: 434px;
    margin: 0 auto;
    padding: 24px;
    border-radius: 2px;
    border: 1px solid rgba(17, 17, 17, 0.18);
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--255);
}
.form__title {
    padding: 0px 0px 20px 0px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    border-bottom: 1px solid var(--173-opacity-25);
}
@media (min-width: 1200px) {
    .form__title {
        font-size: 22px;
        line-height: 145%;
    }
}
.form__social {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid var(--173-opacity-25);
}
@media (min-width: 576px) {
    .form__social {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
    .form__social {
        gap: 20px;
    }
}
.form__social iframe {
    width: 100% !important;
}
.form__social body.body_widget_login {
    width: 100%;
}
.form__social button.tgme_widget_login_button {
    width: 100%;
    border-radius: 0;
}
.form__social-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid var(--222);
    border-radius: 2px;
    padding: 5px 11px;
    font-family: var(--font-family);
    color: var(--33);
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
    background-color: var(--255);
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
}
@media (min-width: 1200px) {
    .form__social-btn {
        font-size: 18px;
        gap: 8px;
    }
}
.form__prompt {
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
@media (min-width: 1200px) {
    .form__prompt {
        font-size: 18px;
        line-height: 144%;
    }
}
.form__prompt span {
    color: var(--error-text);
}
.form__prompt--bordered {
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid var(--173-opacity-25);
}
.form__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.form__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.form__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5px;
}
.form__forgot {
    color: var(--purple);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.form__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.form__btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-width: 136px;
}
@media (min-width: 1200px) {
    .form__btn {
        min-width: 185px;
    }
}
.form__bottom {
    padding: 20px 0px 0px 0px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
    border-top: 1px solid var(--173-opacity-25);
}
.form__bottom a {
    color: var(--purple);
}
.form__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin: 0;
    padding: 0;
    border: none;
}
@media (min-width: 768px) {
    .form__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.form__grid--bordered {
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid var(--173-opacity-25);
}
.form-login {
    max-width: 540px;
}

.form-registration2 {
    max-width: 644px;
}

.field.success .select__current {
    border-color: var(--success) !important;
}
.field.warning .select__current {
    border-color: var(--yellow) !important;
}
.field.error .select__current {
    border-color: var(--error) !important;
}
.field__label {
    display: inline-block;
    margin: 0px 0px 8px 0px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.field__label span {
    color: var(--error-text);
}
.field__input {
    display: block;
    width: 100%;
    height: 38px;
    background-color: var(--255);
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    border: 1px solid var(--222);
    border-radius: 2px;
    padding-left: 12px;
    padding-right: 12px;
    color: var(--33);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.field__input::-webkit-input-placeholder {
    color: var(--108);
}
.field__input::-moz-placeholder {
    color: var(--108);
}
.field__input:-ms-input-placeholder {
    color: var(--108);
}
.field__input::-ms-input-placeholder {
    color: var(--108);
}
.field__input::placeholder {
    color: var(--108);
}
.field__input:focus {
    border-color: var(--purple);
}
.field__input.warning {
    border-color: var(--yellow);
}
.field__input.error {
    border-color: var(--error);
}
.field__input.success {
    border-color: var(--success);
}
.field__inner {
    position: relative;
}
.field__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    color: var(--173);
}
.field__btn.view svg:nth-child(1) {
    opacity: 0;
}
.field__btn.view svg:nth-child(2) {
    opacity: 1;
}
.field__btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.field__btn svg:nth-child(2) {
    opacity: 0;
}
.field__prompt {
    display: block;
    margin: 8px 0px 0px 0px;
    font-size: 14px;
    line-height: 100%;
    font-weight: 300;
}
.field__prompt.error {
    color: var(--error-text);
}
.field__prompt.warning {
    color: var(--yellow);
}
.field__prompt.success {
    color: var(--success-text);
}
@media (min-width: 768px) {
    .field--wide {
        grid-column: span 2;
    }
}

.field-date .field__inner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.673 0C5.85865 0 6.0367 0.0737498 6.16797 0.205025C6.29925 0.336301 6.373 0.514348 6.373 0.7V2.009H13.89V0.709C13.89 0.523348 13.9637 0.345301 14.095 0.214025C14.2263 0.0827498 14.4043 0.009 14.59 0.009C14.7757 0.009 14.9537 0.0827498 15.085 0.214025C15.2162 0.345301 15.29 0.523348 15.29 0.709V2.009H18C18.5303 2.009 19.0388 2.21958 19.4139 2.59443C19.7889 2.96929 19.9997 3.47774 20 4.008V18.001C19.9997 18.5313 19.7889 19.0397 19.4139 19.4146C19.0388 19.7894 18.5303 20 18 20H2C1.46974 20 0.961184 19.7894 0.58614 19.4146C0.211096 19.0397 0.00026513 18.5313 0 18.001L0 4.008C0.00026513 3.47774 0.211096 2.96929 0.58614 2.59443C0.961184 2.21958 1.46974 2.009 2 2.009H4.973V0.699C4.97327 0.513522 5.04713 0.335731 5.17838 0.204672C5.30963 0.0736123 5.48752 -1.89263e-07 5.673 0ZM1.4 7.742V18.001C1.4 18.0798 1.41552 18.1578 1.44567 18.2306C1.47583 18.3034 1.52002 18.3695 1.57574 18.4253C1.63145 18.481 1.69759 18.5252 1.77039 18.5553C1.84319 18.5855 1.92121 18.601 2 18.601H18C18.0788 18.601 18.1568 18.5855 18.2296 18.5553C18.3024 18.5252 18.3685 18.481 18.4243 18.4253C18.48 18.3695 18.5242 18.3034 18.5543 18.2306C18.5845 18.1578 18.6 18.0798 18.6 18.001V7.756L1.4 7.742ZM6.667 14.619V16.285H5V14.619H6.667ZM10.833 14.619V16.285H9.167V14.619H10.833ZM6.667 10.642V12.308H5V10.642H6.667ZM10.833 10.642V12.308H9.167V10.642H10.833ZM15 10.642V12.308H13.333V10.642H15ZM4.973 3.408H2C1.92121 3.408 1.84319 3.42352 1.77039 3.45367C1.69759 3.48382 1.63145 3.52802 1.57574 3.58374C1.52002 3.63945 1.47583 3.70559 1.44567 3.77839C1.41552 3.85119 1.4 3.92921 1.4 4.008V6.343L18.6 6.357V4.008C18.6 3.92921 18.5845 3.85119 18.5543 3.77839C18.5242 3.70559 18.48 3.63945 18.4243 3.58374C18.3685 3.52802 18.3024 3.48382 18.2296 3.45367C18.1568 3.42352 18.0788 3.408 18 3.408H15.29V4.337C15.29 4.52265 15.2162 4.7007 15.085 4.83197C14.9537 4.96325 14.7757 5.037 14.59 5.037C14.4043 5.037 14.2263 4.96325 14.095 4.83197C13.9637 4.7007 13.89 4.52265 13.89 4.337V3.408H6.373V4.328C6.373 4.51365 6.29925 4.6917 6.16797 4.82297C6.0367 4.95425 5.85865 5.028 5.673 5.028C5.48735 5.028 5.3093 4.95425 5.17803 4.82297C5.04675 4.6917 4.973 4.51365 4.973 4.328V3.408Z' fill='%23212121' /%3E%3C/svg%3E");
    pointer-events: none;
}
.field-date .field__input {
    padding-left: 40px;
}
.field-date .field__input::-webkit-input-placeholder {
    color: var(--33);
}
.field-date .field__input::-moz-placeholder {
    color: var(--33);
}
.field-date .field__input:-ms-input-placeholder {
    color: var(--33);
}
.field-date .field__input::-ms-input-placeholder {
    color: var(--33);
}
.field-date .field__input::placeholder {
    color: var(--33);
}
.field-date .field__input:focus::-webkit-input-placeholder {
    opacity: 1;
}
.field-date .field__input:focus::-moz-placeholder {
    opacity: 1;
}
.field-date .field__input:focus:-ms-input-placeholder {
    opacity: 1;
}
.field-date .field__input:focus::-ms-input-placeholder {
    opacity: 1;
}
.field-date .field__input:focus::placeholder {
    opacity: 1;
}
.field-date .flatpickr-calendar {
    -webkit-box-shadow: 0 8px 16px 0 rgba(33, 33, 33, 0.15);
    box-shadow: 0 8px 16px 0 rgba(33, 33, 33, 0.15);
    background: var(--255);
}
.field-date .flatpickr-prev-month svg,
.field-date .flatpickr-next-month svg {
    vertical-align: middle;
}
.field-date .span.flatpickr-weekday {
    font-size: 12px;
}
.field-date .flatpickr-day {
    font-size: 15px;
}
.field-date .flatpickr-day:hover, .field-date .flatpickr-day.selected {
    background-color: var(--purple);
    border-radius: 2px;
}
.field-date .flatpickr-day.today {
    color: var(--33);
    background-color: var(--black-100);
    border: none;
}
.field-date .flatpickr-day.flatpickr-disabled {
    background-color: transparent;
}
.field-date .flatpickr-day.nextMonthDay {
    color: var(--33);
    opacity: 0.5;
}

.field-time__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
}
.field-time__row::before {
    content: ":";
    position: absolute;
    left: 50%;
    top: 18px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.field-time .field__inner {
    width: 100%;
}

.select {
    position: relative;
}
.select.active .select__dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.select.active .select__current {
    border-color: var(--purple);
}
.select.active .select__current::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.select.disabled {
    pointer-events: none;
    opacity: 0.3;
}
.select__current {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 39px 5px 11px;
    height: 38px;
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    text-align: left;
    color: var(--33);
    border: 1px solid var(--222);
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--255);
    outline: transparent;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    overflow: hidden;
}
.select__current:focus {
    border-color: var(--purple);
}
.select__current::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7L10 13L4 7' stroke='%23212121' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.select__dropdown {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    padding: 6px;
    background-color: var(--255);
    -webkit-box-shadow: 0 8px 16px 0 rgba(33, 33, 33, 0.15);
    box-shadow: 0 8px 16px 0 rgba(33, 33, 33, 0.15);
    top: calc(100% + 20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.select__field {
    margin: 0px 0px 4px 0px;
}
.select__input {
    display: block;
    width: 100%;
    height: 34px;
    border: 1px solid var(--222);
    padding-left: 5px;
    padding-right: 5px;
    color: var(--33);
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.select__list {
    max-height: 170px;
    overflow-y: auto;
}
.select__list::-webkit-scrollbar {
    width: 8px;
    background-color: var(--248);
}
.select__list::-webkit-scrollbar-thumb {
    background-color: var(--173);
}
.select__item.hidden {
    display: none;
}
.select__btn {
    display: block;
    width: 100%;
    padding: 4px 6px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
    text-align: left;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.select__btn.hidden {
    display: none;
}
@media (hover: hover) {
    .select__btn:hover {
        background-color: var(--248);
    }
}
@media (hover: none) {
    .select__btn:active {
        background-color: var(--248);
    }
}
.select__btn.active {
    background-color: var(--purple);
    color: var(--255);
}

.checkbox {
    display: block;
    cursor: pointer;
}
.checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.checkbox__input:checked + .checkbox__text::before {
    background-color: var(--purple);
}
.checkbox__input:checked + .checkbox__text::after {
    opacity: 1;
}
.checkbox__input.error + .checkbox__text {
    color: var(--error-text);
}
.checkbox__input.error + .checkbox__text::before {
    border-color: var(--error);
}
.checkbox__input.error:checked + .checkbox__text::before {
    background-color: var(--error-text);
}
.checkbox__input.success + .checkbox__text {
    color: var(--success-text);
}
.checkbox__input.success + .checkbox__text::before {
    border-color: var(--success);
}
.checkbox__input.success:checked + .checkbox__text::before {
    background-color: var(--success-text);
}
.checkbox__text {
    display: block;
    position: relative;
    padding: 0px 0px 0px 26px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.checkbox__text::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid var(--purple);
    border-radius: 4px;
    -webkit-transition: 0.3s background-color;
    transition: 0.3s background-color;
}
.checkbox__text::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 3px;
    width: 10px;
    height: 8px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.05455L3.7931 7L9 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    opacity: 0;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}
.checkbox__text a {
    color: var(--purple);
}

.cabinet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
.cabinet__sidebar {
    display: none;
}
@media (min-width: 1200px) {
    .cabinet__sidebar {
        display: block;
        width: 272px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
.cabinet__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
}
.cabinet__title {
    margin: 0px 0px 24px 0px;
}

.cabinet-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin: 0px 0px 32px 0px;
}
.cabinet-user__avatar {
    position: relative;
}
.cabinet-user__img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.cabinet-user__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.cabinet-user__update {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--255);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--purple);
}
.cabinet-user__update.hidden {
    display: none;
}
.cabinet-user__name {
    font-family: var(--second-family);
    font-size: 22px;
    line-height: 145%;
    font-weight: 700;
}

.cabinet-user-upload {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.cabinet-user-upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.cabinet-user-upload__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: var(--255);
    border-radius: 50%;
    border: 1px solid var(--222);
}

.cabinet-menu__item {
    margin: 0px 0px 8px 0px;
}
.cabinet-menu__link {
    position: relative;
    display: block;
    padding: 0px 0px 0px 20px;
    font-size: 18px;
    line-height: 200%;
    font-weight: 400;
}
.cabinet-menu__link svg {
    position: absolute;
    top: 10px;
    left: 0;
}

.cabinet-massages__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
@media (min-width: 1200px) {
    .cabinet-massages__items {
        gap: 32px;
    }
}
.cabinet-massages__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px 0px 0px 0px;
}
.cabinet-massages__btn {
    min-width: 185px;
}

.cabinet-massages-item__date {
    display: block;
    font-family: var(--second-family);
    font-size: 20px;
    line-height: 140%;
    font-weight: 400;
    margin: 0px 0px 8px 0px;
}
@media (min-width: 1200px) {
    .cabinet-massages-item__date {
        font-size: 22px;
        line-height: 145%;
    }
}
.cabinet-massages-item__text {
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}

.cabinet-tariff__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    margin: 0px 0px 16px 0px;
}
@media (min-width: 1200px) {
    .cabinet-tariff__title {
        font-size: 22px;
        line-height: 145%;
    }
}
.cabinet-tariff__descr {
    margin: 0px 0px 24px 0px;
}
.cabinet-tariff__descr p {
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
    margin: 0;
}
.cabinet-tariff__descr p:not(:last-child) {
    margin: 0px 0px 16px 0px;
}
.cabinet-tariff__cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin: 0px 0px 24px 0px;
}
@media (min-width: 640px) {
    .cabinet-tariff__cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cabinet-order {
    display: block;
}
.cabinet-order__wrapper {
    overflow-x: auto;
    margin: 0 -12px;
    padding: 0 12px 16px;
    scrollbar-width: none;
}
.cabinet-order__wrapper::-webkit-scrollbar {
    height: 0;
}
@media (min-width: 1200px) {
    .cabinet-order__wrapper {
        overflow-x: visible;
        margin: 0;
        padding: 0;
    }
}
.cabinet-order__pagination {
    margin: 32px 0 0 0;
}

.cabinet-order-table {
    width: 916px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--255);
    border-collapse: collapse;
}
@media (min-width: 768px) {
    .cabinet-order-table {
        width: 1200px;
    }
}
@media (min-width: 1200px) {
    .cabinet-order-table {
        width: 100%;
    }
}
.cabinet-order-table th,
.cabinet-order-table td {
    border: 1px solid var(--222);
    padding: 16px;
    font-size: 18px;
    line-height: 144%;
}
.cabinet-order-table th:nth-child(1),
.cabinet-order-table td:nth-child(1) {
    width: 18.5%;
}
.cabinet-order-table th:nth-child(2),
.cabinet-order-table td:nth-child(2) {
    width: 15%;
}
.cabinet-order-table th:nth-child(3),
.cabinet-order-table td:nth-child(3) {
    width: 21.5%;
}
.cabinet-order-table th:nth-child(4),
.cabinet-order-table td:nth-child(4) {
    width: 13.5%;
}
.cabinet-order-table th:nth-child(5),
.cabinet-order-table td:nth-child(5) {
    width: 15%;
}
.cabinet-order-table th:nth-child(6),
.cabinet-order-table td:nth-child(6) {
    width: 16.5%;
}
.cabinet-order-table th {
    font-weight: 500;
}
.cabinet-order-table td {
    font-weight: 300;
}
.cabinet-order-table__status {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    line-height: 144%;
    text-align: center;
    font-weight: 300;
    color: var(--255);
    border-radius: 2px;
}
.cabinet-order-table__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
.cabinet-order-table__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid var(--purple);
    color: var(--purple);
}

.cabinet-order-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.cabinet-order-empty__title {
    margin: 0px 0px 16px 0px;
    font-family: var(--second-family);
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
}
@media (min-width: 1200px) {
    .cabinet-order-empty__title {
        font-size: 22px;
        line-height: 145%;
    }
}
.cabinet-order-empty__descr {
    margin: 0px 0px 32px 0px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}

.cabinet-profile__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
.cabinet-profile__fieldset {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin: 0;
    padding: 24px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--255);
    border: none;
}
@media (min-width: 768px) {
    .cabinet-profile__fieldset {
        grid-template-columns: repeat(2, 1fr);
    }
}
.cabinet-profile__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
@media (min-width: 768px) {
    .cabinet-profile__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.cabinet-profile__prompt {
    font-size: 18px;
    line-height: 144%;
    font-weight: 400;
}
.cabinet-profile__prompt span {
    color: var(--error-text);
}
.cabinet-profile__change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: var(--purple);
    font-size: 18px;
    line-height: 144%;
    font-weight: 400;
}
.cabinet-profile__btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 80px 12px;
    background-color: var(--17-opacity-60);
    overflow-y: auto;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
}
.modal.active {
    opacity: 1;
    visibility: visible;
}
.modal__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin: auto;
    width: 434px;
    padding: 24px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background: var(--255);
    border: 1px solid rgba(17, 17, 17, 0.18);
    border-radius: 2px;
}
.modal__wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--17-opacity-60);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
.modal__wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0px 0px -20px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.modal__wrapper.spinner::before {
    opacity: 1;
    visibility: visible;
}
.modal__wrapper.spinner::after {
    opacity: 1;
    visibility: visible;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.modal__close {
    position: absolute;
    top: 0;
    right: 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;
    width: 64px;
    height: 64px;
    color: var(--17);
}
@media (hover: hover) {
    .modal__close:hover svg {
        opacity: 0.75;
    }
}
.modal__close:active svg {
    opacity: 1;
}
@media (hover: none) {
    .modal__close:active svg {
        opacity: 1;
    }
}
.modal__close svg {
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.modal__title {
    margin: 0px -24px;
    padding: 0px 54px 20px 24px;
    font-family: var(--second-family);
    color: var(--33);
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
    border-bottom: 1px solid var(--173-opacity-25);
}
@media (min-width: 1200px) {
    .modal__title {
        font-size: 22px;
        line-height: 145%;
    }
}
.modal__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}
.modal__descr p {
    margin: 0;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.modal__list li {
    position: relative;
    margin: 0;
    padding-left: 30px;
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
}
.modal__list li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 12px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: var(--33);
}
.modal__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.modal__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal__btn {
    min-width: 185px;
}
.modal__blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.modal__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.modal__block:not(:last-child) {
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid var(--173-opacity-25);
}
.modal__step {
    -ms-flex-item-align: center;
    align-self: center;
    width: 24px;
    height: 24px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--33);
}
.modal--wide .modal__wrapper {
    width: 604px;
}
.modal-city .modal__buttons, .modal-manual .modal__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.modal-city .modal__btn, .modal-manual .modal__btn {
    min-width: 0;
}
.modal-manual, .modal-step {
    display: none;
}
@media (min-width: 1200px) {
    .modal-manual, .modal-step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.modal-step-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
    overflow: visible;
}
.modal-step-tooltip::before {
    content: "";
    position: absolute;
    left: 20px;
    bottom: calc(100% - 10px);
    z-index: 1;
    width: 20px;
    height: 20px;
    background-color: var(--255);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid var(--33);
    border-right: none;
    border-bottom: none;
}
.modal-step-tooltip .modal__wrapper {
    -webkit-box-shadow: 0 4px 8px 0 rgba(33, 33, 33, 0.5);
    box-shadow: 0 4px 8px 0 rgba(33, 33, 33, 0.5);
    border: 1px solid var(--33);
    border-radius: 0;
}
.modal-step-tooltip.right::before {
    left: auto;
    right: 20px;
}
.modal-city-select .modal__buttons, .modal-password .modal__buttons, .modal-plus .modal__buttons {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.modal-plus .modal__title {
    border: none;
    padding-bottom: 0;
}
.modal-plus .modal__descr {
    text-align: left;
}
.modal-calendar-not-auth .modal__wrapper, .modal-calendar-auth .modal__wrapper, .modal-calendar-tariff .modal__wrapper {
    padding-top: 54px;
}

.cookie {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    box-shadow: 0 2px 4px 0 rgba(33, 33, 33, 0.08);
    background-color: var(--255);
    border: 1px solid rgba(17, 17, 17, 0.18);
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 768px) {
    .cookie {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.cookie.active {
    opacity: 1;
    visibility: visible;
}
.cookie__descr {
    font-size: 18px;
    line-height: 144%;
    font-weight: 300;
    text-align: center;
}
.cookie__btn {
    min-width: 185px;
}

.pagination__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.pagination__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.pagination__btn svg {
    color: var(--purple);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.pagination__btn.disabled {
    pointer-events: none;
    opacity: 0.4;
}
.pagination__btn-prev {
    margin-right: 15px;
}
@media (min-width: 1200px) {
    .pagination__btn-prev {
        margin-right: 24px;
    }
}
.pagination__btn-next {
    margin-left: 15px;
}
@media (min-width: 1200px) {
    .pagination__btn-next {
        margin-left: 24px;
    }
}
.pagination__btn-next svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pagination__link {
    width: 34px;
    height: 34px;
    color: var(--33);
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    border-radius: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.pagination__link.active {
    color: var(--255);
    background-color: var(--purple);
}
@media (min-width: 1200px) {
    .pagination__link:hover {
        color: var(--255);
        background-color: var(--purple);
    }
}

.video {
    padding: 80px 0px;
}
.video__title {
    margin: 0 0 40px 0;
}
.video__player video {
    width: 100%;
}

.step {
    position: absolute;
    z-index: 3;
    border-radius: 2px;
    padding: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#C5AA4F), color-stop(20%, #A57D24), color-stop(27%, #A88128), color-stop(33%, #B18C33), color-stop(39%, #C1A045), color-stop(45%, #D6BB5F), color-stop(51%, #F1DD80), color-stop(52%, #FBF2A8), color-stop(59%, #F1DD80), color-stop(84%, #A57D24), to(#CEB458));
    background: linear-gradient(to right, #C5AA4F 0%, #A57D24 20%, #A88128 27%, #B18C33 33%, #C1A045 39%, #D6BB5F 45%, #F1DD80 51%, #FBF2A8 52%, #F1DD80 59%, #A57D24 84%, #CEB458 100%);
}
.step:hover .modal-step-tooltip {
    opacity: 1;
    visibility: visible;
}
.step__current {
    display: block;
    padding: 0 10px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    border-radius: 2px;
    background-color: #f1dd80;
    cursor: default;
}
.step .modal-step-tooltip {
    top: calc(100% + 16px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
}
.step .modal__wrapper {
    gap: 16px;
}
@media (max-width: 1199px) {
    .step .modal__wrapper {
        width: 336px;
    }
}
.configurator__guarantee-img {
    content: url('/images/sidebar/guarantee.svg');
}

@media (max-width: 768px) {
    .configurator__guarantee-img {
        content: url('/images/sidebar/guarantee-mobile.svg');
    }
}

.calendar-text-content {
    margin-bottom: 25px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 40px 24px 24px 0;
}

.calendar-text-content .configurator-content__descr a {
    text-decoration: underline;
    font-weight: 400;
}

.orders-actions-col {
    margin-right: 7px;
}