@charset "UTF-8";
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
}

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

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

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

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

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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


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

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
    display: none;
    opacity: 0;
    pointer-events: none;
}

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

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

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

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden], .hidden {
    display: none;
}

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

button {
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

html {
    -webkit-tap-highlight-color: transparent;
}

html {
    --c-accent: #DE5B11;
    --c-accent-2: #FF7222;
    --c-dark: #2F3D2D;
    --c-light: #F9F9F0;
    --c-gray: #A8ADA2;
}

@font-face {
    font-family: 'Roboto Flex';
    font-weight: 125 950;
    font-style: normal;
    src: url("../fonts/RobotoFlex-VariableFont.ttf") format("truetype");
    src: url("../fonts/RobotoFlex-Regular.ttf") format("truetype");
}

@supports (font-variation-settings: normal) {
    html {
        font-family: 'Roboto Flex', sans-serif;
    }
}

html {
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1024px) / (1920 - 1024))), 16px);
    line-height: 1.25;
    font-family: 'Roboto Flex', sans-serif;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    font-variation-settings: 'GRAD' 0, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 514, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
    color: var(--c-dark);
}

.title {
    font-size: clamp(26px, calc(26px + (48 - 26) * ((100vw - 1024px) / (1920 - 1024))), 48px);
    font-weight: 500;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon/fonts/icomoon.eot?mj2gbj");
    src: url("../fonts/icomoon/fonts/icomoon.eot?mj2gbj#iefix") format("embedded-opentype"), url("../fonts/icomoon/fonts/icomoon.ttf?mj2gbj") format("truetype"), url("../fonts/icomoon/fonts/icomoon.woff?mj2gbj") format("woff"), url("../fonts/icomoon/fonts/icomoon.svg?mj2gbj#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-chevron_down:before {
    content: "\e900";
}

.icon-chevron_next:before {
    content: "\e901";
}

.icon-chevron_prev:before {
    content: "\e902";
}

.icon-close:before {
    content: "\e903";
}

.icon-close_round {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.icon-close_round .path1:before {
    content: "\e904";
}

.icon-close_round .path2:before {
    content: "\e905";
    margin-left: -1em;
}

.icon-decor:before {
    content: "\e906";
}

.icon-decor_breadcrumbs:before {
    content: "\e907";
}

.icon-decor_left:before {
    content: "\e908";
}

.icon-decor_right:before {
    content: "\e909";
}

.icon-link:before {
    content: "\e90a";
}

.icon-map:before {
    content: "\e90b";
}

.icon-telephone:before {
    content: "\e90c";
}

html {
    --padding: 60px;
    scroll-behavior: smooth;
    scroll-margin-top: var(--headerHeight);
}

@media (max-width: 560px) {
    html {
        --padding: 20px;
    }
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--c-dark) var(--c-light);
}

* ::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}

* ::-webkit-scrollbar-track {
    background: var(--c-light);
    border-radius: 3px;
}

* ::-webkit-scrollbar-thumb {
    background-color: var(--c-dark);
    border-radius: 3px;
}

a, button {
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
}

img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.hidden {
    display: none;
}

.link {
    position: relative;
    padding-right: 1em;
    white-space: nowrap;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    line-height: 1.4;
}

.link:hover, .link:active, .link:focus, .link.active {
    color: var(--c-accent);
}

.link .icon-link {
    font-size: 1rem;
    position: absolute;
    right: -4px;
}

.container {
    max-width: 1320px;
    margin: 0 auto;
}

@media (max-width: 1320px) {
    .container {
        padding: 0 var(--padding);
    }
}

.page {
    background-color: var(--c-light);
}

main {
    overflow-x: hidden;
}

.linethrough {
    text-decoration: line-through;
}

.hidden {
    display: none;
}

.header {
    z-index: 30;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--c-dark);
}

.header.scrolled {
    background-color: transparent;
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
}

.header.scrolled .header__main {
    background: rgba(47, 61, 45, 0.85);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.header__main {
    position: relative;
    padding: 16px var(--padding);
    color: var(--c-light);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0 0 16px 16px;
    z-index: 2;
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
}

.header__main-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    gap: 5.25rem;
}

.header__main-links:last-of-type {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (max-width: 1279px) {
    .header__main-links {
        gap: 32px;
    }
}

@media (max-width: 768px) {
    .header__main-links {
        gap: 24px;
    }
}

.header__main-links-item {
    letter-spacing: 0.025em;
    font-weight: 500;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__main-links-item[href]:hover, .header__main-links-item[href]:active, .header__main-links-item[href]:focus {
    color: var(--c-accent);
}

.header__main-links-item[href]:hover span,
.header__main-links-item[href]:hover span:after, .header__main-links-item[href]:active span,
.header__main-links-item[href]:active span:after, .header__main-links-item[href]:focus span,
.header__main-links-item[href]:focus span:after {
    color: var(--c-accent);
}

.header__main-links-item--tel {
    color: var(--c-accent);
    font-stretch: 1.25%;
    font-size: 20px;
}

.header__main-links-item--tel .icon-telephone {
    font-size: 30px;
}

@media (min-width: 1280px) {
    .header__main-links-item--tel .icon-telephone {
        display: none;
    }
}

@media (max-width: 1279px) {
    .header__main-links-item--tel span:not(.icon-telephone) {
        display: none;
    }
}

.header__main-links-item--catalog span {
    position: relative;
}

.header__main-links-item--catalog span:after {
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
    content: attr(data-number);
    position: absolute;
    left: calc(100% + 2px);
    top: 0;
    width: 14px;
    height: 14px;
    color: var(--c-light);
    font-size: 13px;
    line-height: 1;
    display: grid;
    place-items: center;
}

@media (max-width: 1279px) {
    .header__main-links-item--map span:not(.icon-map) {
        display: none;
    }
}
.header__main-links-item--map {
  padding: 0 4px;
}
.header__main-links-item--map .icon-map {
    max-width: 100%;
    margin-right: 12px;
    font-size: 20px;
}

@media (max-width: 1279px) {
    .header__main-links-item--map .icon-map {
        margin-right: 0;
    }
    .header__menu .header__main-links-item--map .icon-map {
        margin-right: 8px;
    }
}

.header__main-links-item.link .icon-link {
    font-size: 13px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header__main-links:first-of-type {
    margin-right: auto;
}

@media (max-width: 910px) {
    .header__main-links:first-of-type {
        display: none;
    }
}

.header__main-links:last-of-type {
    margin-left: auto;
}

.header__main-logo {
    margin: 0 3rem;
}

.header__main-logo img {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 910px) {
    .header__main-logo {
        margin: 0 3rem 0 0;
        height: 32px;
    }
}

.header__main-burger {
    stroke: var(--c-light);
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
}

.header__main-burger:hover, .header__main-burger:active, .header__main-burger:focus {
    stroke: var(--c-accent);
}

.header__bottom-panel {
    position: absolute;
    width: 100%;
    top: calc(100% - 16px);
    z-index: 1;
    padding: 32px calc((100vw - 1320px) / 2) 16px;
    background: rgba(168, 173, 162, 0.85);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3.75rem;
    border-radius: 0 0 16px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
}

.header__bottom-panel.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.header__bottom-panel-item {
    position: relative;
    font-weight: 500;
    letter-spacing: 0.025em;
    font-size: clamp(9px, calc(9px + (16 - 9) * ((100vw - 320px) / (1920 - 320))), 16px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    cursor: pointer;
    gap: 1em;
}

.header__bottom-panel-item-links {
    display: none;
    width: 133px;
    height: auto;
    padding-top: 8px;

    position: absolute;
    top: 100%;
    left: 0;
}
.header__bottom-panel-item-links div {
  padding: 16px;
  border-radius: 4px;
  background-color: var(--c-light);
  flex-direction: column;
  display: flex;
  width: 100%;
  gap: 14px;
}

.header__bottom-panel-item-links a {
    color: var(--c-gray);
    font-size: 16px;
    text-align: left;
}

.header__bottom-panel-item-links a:hover {
    color: var(--c-dark);
    font-size: 16px;
}

.header__bottom-panel-item:hover .header__bottom-panel-item-links {
    display: flex;
}

.header__bottom-panel-item-links:hover {
    display: flex;
}

@media (max-width: 560px) {
    .header__bottom-panel-item {
        gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.header__bottom-panel-item span:first-of-type {
    color: var(--c-accent);
}

.header__mobile {
    display: none;
}

.header__menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: unset;
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
    width: 17vw;
    min-width: 280px;
    padding: 28px 2.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.25rem;
    color: var(--c-dark);
    background-color: var(--c-light);
    z-index: 5;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

@media (max-width: 1279px) {
    .header__menu {
        gap: 32px;
    }
}

@media (max-width: 768px) {
    .header__menu {
        width: 100vw;
        background-color: var(--c-dark);
        color: var(--c-light);
        overflow-y: auto;
        background-image: url("assets/img/template/hero/decor-tl.svg"), url("assets/img/template/hero/decor-r.svg");
        background-position: left top 10%, left 100% bottom 50%;
        background-size: 16rem, 26rem;
        background-repeat: no-repeat;
    }
}

.header__menu.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.header__menu-close {
    font-size: 16px;
    letter-spacing: 0.025em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

.header__menu-close img {
    display: none;
    width: 81px;
}

.header__menu-close .icon-close {
    font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 1024px) / (1920 - 1024))), 20px);
    color: inherit;
}

@media (max-width: 768px) {
    .header__menu-close {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header__menu .button {
        width: 100%;
    }

    .header__menu .header__menu-text {
        display: none;
    }

    .header__menu img {
        display: block;
    }
}

.header__menu-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.875rem;
}

.header__menu-nav-item {
    font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 1024px) / (1920 - 1024))), 20px);
    font-weight: 500;
    width: 100%;
}

.header__menu-nav-item:hover, .header__menu-nav-item:active, .header__menu-nav-item:focus {
    color: var(--c-accent);
}

.header__contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid rgba(249, 249, 240, 0.2);
    padding: 24px 0;
    gap: 24px;
}

.header__contacts .header__main-links-item--tel span,
.header__contacts .header__main-links-item--map span:not(.icon-map) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {
    .header__contacts {
        display: none;
    }
}

.footer {
    background-color: var(--c-dark);
    letter-spacing: 0.025em;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    border-radius: 8px 8px 0 0;
}

.footer__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer__row:first-of-type {
    padding: 6rem 0;
}

@media (max-width: 767px) {
    .footer__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 56px;
    }
}

.footer__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 767px) {
    .footer__col {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.footer__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--c-light);
    gap: 32px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.footer__nav-item {
    font-size: clamp(16px, calc(16px + (22 - 16) * ((100vw - 1024px) / (1920 - 1024))), 22px);
}

.footer__nav-item:not(a) {
    opacity: 0.5;
}

.footer__nav-item[href]:hover, .footer__nav-item[href]:active, .footer__nav-item[href]:focus {
    color: var(--c-accent);
}

.footer__adress {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    color: var(--c-light);
}

.footer__adress-tel {
    font-size: clamp(26px, calc(26px + (55 - 26) * ((100vw - 1024px) / (1920 - 1024))), 55px);
    margin-bottom: 16px;
}

.footer__adress > a[href]:hover, .footer__adress > a[href]:active, .footer__adress > a[href]:focus {
    color: var(--c-accent);
}

.footer__adress-adress {
    font-size: clamp(16px, calc(16px + (22 - 16) * ((100vw - 1024px) / (1920 - 1024))), 22px);
}

.footer__adress-button {
    margin-top: 3.5rem;
}

.footer__credits {
    border-top: 1px solid rgba(248, 247, 220, 0.15);
    padding: 3.5rem 0;
    color: var(--c-light);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .footer__credits {
        padding: 32px 0;
        gap: 10px;
    }
}

.footer__credits-item {
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1024px) / (1920 - 1024))), 16px);
    line-height: 2;
}

.footer__credits-item *:not(a) {
    opacity: 0.5;
}

.footer__credits-item a[href]:hover, .footer__credits-item a[href]:active, .footer__credits-item a[href]:focus {
    color: var(--c-accent);
}

.footer__credits-item span + a {
    margin-left: 1em;
}

@media (min-width: 768px) {
    .footer__row-logo-mob {
        display: none;
    }
}

.banner {
    background-color: var(--c-dark);
    color: var(--c-light);
    border-radius: 16px;
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-gap: 24px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .banner {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.banner__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: grid;
    place-items: center;
    min-height: 192px;
}

.banner__image-number {
    color: var(--c-accent-2);
    font-size: 8.375rem;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
    letter-spacing: 0.025em;
    font-weight: 500;
}

.banner__content {
    padding: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 768px) {
    .banner__content {
        padding: 0 20px 40px;
    }
}

.banner__content-title {
    font-size: clamp(22px, calc(22px + (40 - 22) * ((100vw - 1024px) / (1920 - 1024))), 40px);
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 12px;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

.banner__content-text {
    font-size: clamp(15px, calc(15px + (24 - 15) * ((100vw - 1024px) / (1920 - 1024))), 24px);
    opacity: 0.7;
}

.banner__content-timer {
    margin-top: 3.5rem;
    padding: 2rem 0;
    border-top: 1px solid rgba(249, 249, 240, 0.15);
    border-bottom: 1px solid rgba(249, 249, 240, 0.15);
}

.banner__content-timer-text {
    font-size: clamp(15px, calc(15px + (20 - 15) * ((100vw - 1024px) / (1920 - 1024))), 20px);
    opacity: 0.35;
    margin-bottom: 16px;
}

.banner__content-buttons {
    margin-top: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    font-size: clamp(15px, calc(15px + (16 - 15) * ((100vw - 1024px) / (1920 - 1024))), 16px);
}

@media (max-width: 768px) {
    .banner__content-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.slider--full {
    overflow-x: hidden;
    max-width: 100vw;
    margin-left: calc((100vw - 1320px) / -2);
    margin-right: calc((100vw - 1320px) / -2);
    position: relative;
    cursor: -webkit-grab;
    cursor: grab;
}

@media (max-width: 1439px) {
    .slider--full {
        margin-right: calc(-1 * var(--padding));
        margin-left: calc(-1 * var(--padding));
        padding: 0 var(--padding);
    }
}

.slider--full .swiper-slide {
    max-width: 1320px;
    width: 100%;
}

.slider--full .slider__navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(1320px + 48px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1439px) {
    .slider--full .slider__navigation {
        width: 100%;
        padding: 48px;
    }
}

@media (max-width: 768px) {
    .slider--full .slider__navigation {
        display: none;
    }
}

.slider--full .slider__slide-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1320 / 500;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 16px;
    overflow: hidden;
}
.slider--full .slider__slide-pagination {
    min-width: 50px;
}

.slider--full .slider__slide-content {
    font-size: clamp(12px, calc(12px + (20 - 12) * ((100vw - 1024px) / (1920 - 1024))), 20px);
    font-stretch: 125%;
    font-variation-settings: 'GRAD' 0, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 514, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.slider--full .slider__slide-link {
    margin-left: auto;
}

@media (max-width: 768px) {
    .slider--full .slider__slide-link {
        display: none;
    }
}

.slider__navigation {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    gap: 20px;
}

@media (max-width: 768px) {
    .slider__navigation {
        display: none;
    }
}

.slider__navigation .slider__navigation-button {
    pointer-events: all;
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--c-dark);
    border: 2px solid var(--c-light);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--c-light);
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
}

.slider__navigation .slider__navigation-button:hover, .slider__navigation .slider__navigation-button:active {
    color: var(--c-accent);
}

.slider__navigation .slider__navigation-button.disabled {
    opacity: 0.35;
    pointer-events: none;
}

.slider__pagination {
    z-index: 2;
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider__pagination .swiper-pagination-bullet {
    opacity: 0.35;
    width: 12px;
    height: 12px;
    background-color: var(--c-light);
}

@media (max-width: 768px) {
    .slider__pagination .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }
}

.slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.slider--gallery {
    margin: 3.5rem 0;
}

.slider--gallery .card {
    border: none;
}

.slider__head {
    margin-bottom: 3.5rem;
}

input, select, textarea {
    background: transparent;
    border: none;
    outline: none;
}

input:focus, input:hover, input:active, select:focus, select:hover, select:active, textarea:focus, textarea:hover, textarea:active {
    outline: none;
    border: none;
}

input {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    letter-spacing: 0.025em;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

.form__title {
    font-size: clamp(22px, calc(22px + (30 - 22) * ((100vw - 1024px) / (1920 - 1024))), 30px);
    line-height: 1.2;
    margin-bottom: 8px;
}

.form__subtitle {
    color: #A8ADA2;
    margin-bottom: 2rem;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
}

.form__item {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 24px;
    min-width: 14.125rem;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    background: rgba(168, 173, 162, 0.2);
    width: 100%;
}

.form__item:hover, .form__item:active, .form__item:focus {
    border: 1px solid rgba(47, 61, 45, 0.15);
}

.form__item input {
    line-height: 24px;
    width: 100%;
    color: var(--c-dark);
}

.form__item input:placeholder-shown {
    color: var(--c-gray);
}

.form__item select {
    width: 100%;
}

.form input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 2px 0;
}

.form__policies {
    margin-top: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
}

.form__policies p {
    color: #A8ADA2;
    font-size: 14px;
    line-height: 18px;
}

.form__policies a {
    color: var(--c-accent);
    margin: 0 8px;
}

.infographics {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    letter-spacing: 0.025em;
    margin-right: 2rem;
}

@media (max-width: 768px) {
    .infographics {
        grid-column: span 2;
        margin-right: 0;
    }
}

.infographics__image {
    margin-bottom: 16px;
}

.infographics__image img {
    width: auto;
    height: 10rem;
}

.infographics__title {
    margin-bottom: 12px;
    font-size: clamp(20px, calc(20px + (27 - 20) * ((100vw - 1024px) / (1920 - 1024))), 27px);
    font-weight: 500;
}

.infographics__text {
    font-weight: 400;
    font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024))), 20px);
}

.infographics__link {
    margin-top: 1.5rem;
}

.tenders {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.5rem;
}

.tenders .article {
    width: 760px;
    max-width: 100%;
}

@media (max-width: 768px) {
    .tenders__item-wrapper {
        margin: 0 -20px;
        width: calc(100% + 40px);
        padding: 0 20px 10px;
        overflow-x: auto;
    }
}

.tenders__item {
    background-color: #FFFFF6;
    border: 1px solid #DBDDD3;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 5fr 7fr;
    letter-spacing: 0.025em;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

@media (max-width: 768px) {
    .tenders__item {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 20px;
    }

    .tenders__item .tenders__item-head:nth-child(odd),
    .tenders__item .tenders__item-body:nth-child(odd) {
        width: 280px;
    }

    .tenders__item .tenders__item-head:nth-child(even),
    .tenders__item .tenders__item-body:nth-child(even) {
        width: 320px;
    }
}

.tenders__item-head {
    padding: 16px 2rem;
    color: var(--c-gray);
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    line-height: 1.6;
    border-bottom: 1px solid #DBDDD3;
}

.tenders__item-head:nth-child(odd) {
    border-right: 1px solid #DBDDD3;
}

.tenders__item-body {
    padding: 16px 2rem;
}

.tenders__item-body:not(:nth-last-child(1)):not(:nth-last-child(2)) {
    border-bottom: 1px solid #DBDDD3;
}

.tenders__item-body:nth-child(odd) {
    border-right: 1px solid #DBDDD3;
}

.tenders__item-body h3 {
    font-weight: 500;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
}

.tenders__item-body p {
    opacity: 0.75;
    line-height: 1.7;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
}

.hero {
    position: relative;
    background-color: var(--c-dark);
    text-align: center;
    margin-bottom: 14rem;
    background-image: url("../img/template/hero/decor-tl.svg"), url("../img/template/hero/decor-bl.svg"), url("../img/template/hero/decor-r.svg");
    background-position: left -2.5rem top -5.625rem, left 3.125rem bottom 9.375rem, right -3.4375rem bottom 20.5rem;
    background-repeat: no-repeat;
    background-size: 24rem, auto, 40rem;
}

@media (max-width: 992px) {
    .hero {
        background-image: url("../img/template/hero/decor-tl.svg"), url("../img/template/hero/decor-r.svg");
        background-position: left top, right bottom 70%;
        background-size: 14rem, 14rem;
        margin-bottom: calc(9.625rem + 35px);
    }
}

.hero__container {
    color: var(--c-light);
}

.hero__title-block {
    padding-top: clamp(30px, calc(30px + (100 - 30) * ((100vw - 1024px) / (1920 - 1024))), 100px);
}

.hero__title-block > *:not(:last-child) {
    margin-bottom: 14px;
}

.hero__slogan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: clamp(8px, calc(8px + (18 - 8) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    -moz-column-gap: clamp(8px, calc(8px + (18 - 8) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    column-gap: clamp(8px, calc(8px + (18 - 8) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    line-height: 1.1;
    opacity: 0.7;
}

.hero__slogan-icon {
    font-size: clamp(23px, calc(23px + (28 - 23) * ((100vw - 1024px) / (1920 - 1024))), 28px);
}

.hero__slogan-icon:last-of-type {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.hero__slogan-text {
    font-size: clamp(14px, calc(20px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024))), 20px);
}

.hero__title {
    font-size: clamp(28px, calc(28px + (55 - 28) * ((100vw - 1024px) / (1920 - 1024))), 55px);
    font-weight: 500;
}

.title-types {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: clamp(20px, calc(20px + (50 - 20) * ((100vw - 1024px) / (1920 - 1024))), 50px);
    -moz-column-gap: clamp(20px, calc(20px + (50 - 20) * ((100vw - 1024px) / (1920 - 1024))), 50px);
    column-gap: clamp(20px, calc(20px + (50 - 20) * ((100vw - 1024px) / (1920 - 1024))), 50px);
    row-gap: 8px;
}

.title-types__text {
    font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 1024px) / (1920 - 1024))), 24px);
    font-weight: 400;
    opacity: 0.8;
}

.title-types__text span {
    color: var(--c-accent);
}

.title-types__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.title-types__images > * {
    border: 1px solid #F8F7DC;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.title-types__images > *:not(:first-child) {
    margin-left: -10px;
}

.title-types__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--c-dark);
}

.hero__title-block .hero__button {
    padding: 1.5rem 3rem;
    display: block;
    margin: 30px auto 0;
}

@media (max-width: 768px) {
    .hero__title-block .hero__button {
        width: 100%;
        margin-top: 40px;
    }
}

.hero__cards {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 8px;
    bottom: -60px;
}

@media (max-width: 768px) {
    .hero__cards {
        gap: 4px;
        bottom: -45px;
    }
}

.cards-item {
    position: relative;
    aspect-ratio: 82 / 45;
    border-radius: 16px;
    background-size: cover;
}

.cards-item {
    position: relative;
    aspect-ratio: 82 / 45;
    border-radius: 16px;
    background-size: cover;
    overflow: hidden;

    /*animation-delay: .25s;*/
    /*animation: lose_cursor 0.7s ease forwards;*/
}

/*@keyframes lose_cursor {
  from {
    background-size: 115% 115%;
  }
  to {
    background-size: cover;
  }
}
.cards-item:hover {
  animation: enter_cursor 0.7s ease forwards;
}
@keyframes enter_cursor {
  from {
    background-size: cover;
  }
  to {
    background-size: 115% 115%;
  }
}*/

@media (min-width: 768px) {
    .cards-item:nth-child(1) {
        border-bottom-right-radius: 0;
    }

    .cards-item:nth-child(2) {
        border-bottom-left-radius: 0;
    }

    .cards-item:nth-child(3) {
        border-top-right-radius: 0;
    }

    .cards-item:nth-child(4) {
        border-top-left-radius: 0;
    }
}

@media (max-width: 768px) {
    .cards-item {
        aspect-ratio: 7 / 9;
        border-radius: 8px;
        background-position: left center;
    }
}

.cards-item__image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;

    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.cards-item__image:hover {


    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .cards-item__image {
        -o-object-position: left center;
        object-position: left center;
        border-radius: 8px;
    }
}

.cards-item__info {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(4px, calc(4px + (12 - 4) * ((100vw - 1024px) / (1920 - 1024))), 12px);
    gap: 12px;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 2;
    letter-spacing: 0.025em;
    line-height: 1.1;
}

.cards-item__info > * {
    border-radius: 6px;
}

@media (max-width: 768px) {
    .cards-item__info {
        left: 8px;
        right: 0;
        gap: 4px;
    }

    .cards-item__info > * {
        border-radius: 4px;
    }
}


.cards-item__type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 8px;
    background-color: var(--c-accent);
    font-size: clamp(10px, calc(10px + (14 - 10) * ((100vw - 1024px) / (1920 - 1024))), 14px);
    height: clamp(26px, calc(26px + (41 - 26) * ((100vw - 1024px) / (1920 - 1024))), 41px);
}

.cards-item__type b {
    font-size: clamp(10px, calc(10px + (20 - 10) * ((100vw - 1024px) / (1920 - 1024))), 20px);
    font-weight: 500;
}

.cards-item__type span {
    opacity: 0.8;
}

.cards-item__square {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 12px;
    height: clamp(26px, calc(26px + (41 - 26) * ((100vw - 1024px) / (1920 - 1024))), 41px);
    font-size: clamp(9px, calc(9px + (16 - 9) * ((100vw - 1024px) / (1920 - 1024))), 16px);
    background-color: var(--c-dark);
    border: 1px solid var(--c-light);
}

.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100);
    padding: 5rem 1rem 5rem;
    z-index: -1;
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.24s linear;
    -o-transition: 0.24s linear;
    transition: 0.24s linear;
    -webkit-transition-delay: 0.13s;
    -o-transition-delay: 0.13s;
    transition-delay: 0.13s;
}

.popup.active {
    z-index: 40;
    opacity: 1;
    pointer-events: all;
}

.popup__bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #727272;
}

.popup__content {
    z-index: 41;
    padding: 3rem 2rem;
    border: 1px solid var(--c-dark);
    background-color: var(--c-light);
    border-radius: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
}

.popup__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 100px;
    background: url("../img/decors/form.png");
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    pointer-events: none;
}

.popup__content h3 {
    margin-bottom: 24px;
    font-size: clamp(20px, calc(20px + (27 - 20) * ((100vw - 1024px) / (1920 - 1024))), 27px);
    font-weight: 500;
}

.popup__close {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    font-size: 32px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .popup__close {
        -webkit-transform: translate(0, calc(-100% - 10px));
        -ms-transform: translate(0, calc(-100% - 10px));
        transform: translate(0, calc(-100% - 10px));
    }
}

.popup__close .icon-close_round .path1:before {
    color: var(--c-dark);
}

.popup__close .icon-close_round .path2:before {
    color: var(--c-light);
    -webkit-transition: color 0.24s ease-in-out;
    -o-transition: color 0.24s ease-in-out;
    transition: color 0.24s ease-in-out;
}

.popup__close:hover .icon-close_round .path2:before, .popup__close:active .icon-close_round .path2:before, .popup__close:focus .icon-close_round .path2:before {
    color: var(--c-accent);
}

.mortgage {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.5rem;
}

@media (max-width: 1024px) {
    .mortgage {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .mortgage {
        grid-template-columns: 1fr;
        gap: 56px;
    }
}

.mortgage__item {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

@media (min-width: 1025px) {
    .mortgage__item:not(:nth-child(4n)) {
        position: relative;
    }

    .mortgage__item:not(:nth-child(4n)):before {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        transform: translateX(-1rem);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(3.5rem + 2rem);
        height: 169px;
        background-image: url("../img/decors/decor-mortgage-line.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .mortgage__item:not(:nth-child(3n)):not(:last-child) {
        position: relative;
    }

    .mortgage__item:not(:nth-child(3n)):not(:last-child):before {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        transform: translateX(-1rem);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(3.5rem + 2rem);
        height: 169px;
        background-image: url("../img/decors/decor-mortgage-line.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
}

@media (max-width: 768px) {
    .mortgage__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
    }

    .mortgage__item:not(:last-child):before {
        content: '';
        position: absolute;
        top: calc(100% + 13px);
        left: 6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 76px;
        height: 26px;
        background-image: url("../img/decors/decor-mortgage-line-mobile.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
}

.mortgage__item-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 179 / 169;
    background-image: url("../img/decors/decor-mortgage.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 10px;
    width: 179px;
}

@media (max-width: 768px) {
    .mortgage__item-image {
        width: 76px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 76px;
        -ms-flex: 0 0 76px;
        flex: 0 0 76px;
    }
}

.mortgage__item-image span:nth-child(1) {
    font-size: clamp(22px, calc(22px + (48 - 22) * ((100vw - 1024px) / (1920 - 1024))), 48px);
    font-weight: 500;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

.mortgage__item span:nth-child(2) {
    color: var(--c-gray);
    font-size: clamp(15px, calc(15px + (27 - 15) * ((100vw - 1024px) / (1920 - 1024))), 27px);
}

.mortgage__item-content p {
    font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024))), 20px);
    font-weight: 400;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

@media (max-width: 768px) {
    .mortgage__item-content p {
        text-align: left;
    }
}

.location {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.location__description {
    background-color: #FFFFF7;
    border: 1px solid #DBDDD3;
    border-radius: 16px 16px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 992px) {
    .location__description {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.location__description-item {
    padding: 2rem 3rem;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
    letter-spacing: 0.025em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (max-width: 768px) {
    .location__description-item {
        padding: 14px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 fit-content;
        -ms-flex: 1 1 fit-content;
        flex: 1 1 fit-content;
    }
}

.location__description-item > span:first-child {
    font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 1024px) / (1920 - 1024))), 24px);
    white-space: nowrap;
}

.location__description-item > span:last-child {
    color: var(--c-gray);
    font-weight: 500;
}

@media (min-width: 1025px) {
    .location__description-item:not(:last-child) {
        position: relative;
    }

    .location__description-item:not(:last-child):before {
        content: "";
        position: absolute;
        right: 0;
        top: 2rem;
        display: block;
        height: 3.5rem;
        width: 1px;
        background-color: #DBDDD3;
    }
}
.location__map {
    width: 100%;
    position: relative;
    /*border-radius: 16px;*/
    overflow: hidden;
    /*aspect-ratio: 1920 / 1080;*/
    display: flex;
}

.location__map_svg {
    width: 100%;
    transform: scale(1);
    /*aspect-ratio: 1920 / 1080;*/
}
#js-location_svg{
    width: 100%;
    overflow: hidden;
    background-color: rgba(47, 61, 45, 0.85);
}
@media(max-width: 992px){
    #js-location_svg{
        aspect-ratio: 400 / 400;
    }
}
.location__legend {
    /*position: absolute;*/
    width: 30%;
    bottom: 1.5rem;
    left: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px 8px;
    background-color: #FAFAFA;
    border-radius: 8px;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07), 0 7px 24px rgba(0, 0, 0, 0.2);*/
}
@media(max-width: 992px){
    .location__legend {
        width: 100%;
    }
}
.location__legend_col {
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem;
}

/*.location__legend_col{*/
/*    */
/*}*/
/*.location__legend_col:nth-child(1){*/
/*    border-left: none;*/
/*}*/
.location__legend_title {
    padding: 10px;
    border-bottom: 1px solid #ECECEC;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.43;
    letter-spacing: 0.01em;
    cursor: pointer;
    position: relative;
    width: 100%;
}
.location__legend_title .close_icon{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.location__legend_title .close_icon rect{
    opacity: 0;
}
.location__legend_title.active .close_icon rect{
    opacity: 1;
}
.location__legend_title .close_icon path{
    transform: rotate(45deg);
    transform-origin: center;
    fill: #2F3D2D;
    transition: transform 0.24s ease-in-out;
}
.location__legend_title.active .close_icon path{
    fill: #F8F7DC;
    transform: rotate(0);
}
.location__legend_list{
    list-style: none;
    /*display: grid;*/
    grid-template-columns: 1fr;
    margin-top: 1.5rem;
    display: none;
    grid-gap: 10px;
}
.location__legend_title.active + .location__legend_list {
    display: grid;
}
.location__legend_list.active{
    display: grid;
}
.location__legend_col:nth-child(1) .location__legend_list {
    grid-template-columns: 1fr 1fr;
    gap: 0 1.5rem;
}
@media(max-width: 1280px){
    .location__legend_col:nth-child(1) .location__legend_list  {
        grid-template-columns: 1fr
    }
}
.location__legend_list_item{
    padding: 10px 14px;
    display: flex;
    gap: 10px;
    background-color: transparent;
    transition: 0.24s ease-in-out;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.01em;
}
@media(max-width: 1420px){
    .location__legend_list_item{
        padding: 6px 10px;
    }
}
.location__legend_list_item svg{
    flex: 0 0 20px;
}
.location__legend_list_item svg path{
    transition: opacity 0.24s ease-in-out;
}
.location__legend_list_item:hover,
.location__legend_list_item.active{
    background-color: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05)
}
.location__legend_list_item svg .inactive{
    opacity: 1;
}
.location__legend_list_item:hover svg .inactive,
.location__legend_list_item.active svg .inactive{
    opacity: 0;
}
.location__legend_list_item svg .active{
    opacity: 0;
}
.location__legend_list_item:hover svg .active,
.location__legend_list_item.active svg .active{
    opacity: 1;
}
.location__zoom {
    position: absolute;
    bottom: 24px;
    right: 24px;
    display: flex;
    flex-direction: column;
    z-index: 2;
    gap: 12px;
}
.location__zoom_button{
    width: clamp(26px, calc(26px + (48 - 26) * ((100vw - 1024px) / (1920 - 1024))), 48px);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.location__zoom_button svg{
    width: 100%;
    aspect-ratio: 1 / 1;
}
.location__zoom_button svg path{
    transition: 0.24s ease-in-out;
}
.location__zoom_button:hover svg path,
.location__zoom_button:active svg path,
.location__zoom_button:focus svg path{
    fill: var(--c-accent);

}
@media (max-width: 1023px) {
    .location__map {
        flex-direction: column;
        overflow-x: auto;
        width: 100vw;
        /*margin: 0 calc(var(--padding) * -1);*/
        /*padding: 0 var(--padding); }*/
    }
    /*#js-location_svg {*/
    /*    height: 80vh;*/
    /*    aspect-ratio: 1920 / 1080; } */
}
.location__popup {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 144px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    aspect-ratio: 207 / 149;
    place-items: center start; }
@media (min-width: 1024px) {
    .location__popup {
        pointer-events: none;
        max-width: 210px;
        background-image: url("../img/decors/map--popup.svg");
        padding: 20px 20px 40px; } }
@media (max-width: 1023px) {
    .location__popup {
        bottom: 16px;
        left: var(--padding);
        right: var(--padding);
        border: 1px solid var(--c-accent-2);
        background-color: var(--c-light);
        width: calc(100vw - (var(--padding) * 2));
        aspect-ratio: unset;
        border-radius: 16px;
        padding: var(--padding); } }
.location__popup.active {
    display: grid;

    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
@media (max-width: 1023px) {
    .location__popup.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
}
.location__popup-title {
    font-size: 18px;
    font-weight: 500; }
.location__popup-title:not(:only-child) {
    margin-bottom: 8px; }
.location__popup-square:empty, .location__popup-floors:empty, .location__popup-link:empty {
    display: none; }
.location__popup-square {
    position: relative; }
.location__popup-square:after {
    content: "2";
    font-size: 0.5em;
    position: absolute;
    right: -0.5em;
    top: 0; }
.location__popup-link {
    font-style: italic;
    font-size: 11px;
    margin-top: 6px;
    color: var(--c-dark); }
.location__popup p {
    color: var(--c-gray);
    font-size: 16px; }
.location__popup p span {
    color: var(--c-dark); }

.location__popup .popup__close{
    position: absolute;
    right: 2px;
    top: 2px;
    display: block;
}
@media (min-width: 1024px) {
    .location__popup .popup__close{
        display: none;
    }
}
.js-map_item {
    cursor: pointer; }
.js-map_item:hover {
    opacity: 0.7; }

.button {
    padding: 1.5rem 2rem;
    border-radius: 4px;
    border: 1px solid currentColor;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1024px) / (1920 - 1024))), 16px);
    font-weight: 500;
    font-stretch: 125%;
    text-align: center;
    letter-spacing: 0.025em;
    font-variation-settings: 'GRAD' 0, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 514, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
}

@media (max-width: 560px) {
    .button {
        width: 100%;
    }
}

.button--filled.button--accent {
    background-color: var(--c-accent);
    color: var(--c-light);
    border-color: var(--c-accent);
}

.button--filled.button--accent:hover, .button--filled.button--accent:active, .button--filled.button--accent:focus, .button--filled.button--accent.active {
    background-color: transparent;
    color: var(--c-accent);
    border-color: var(--c-accent);
}

.button--filled.button--light {
    background-color: var(--c-light);
    color: var(--c-dark);
    border-color: var(--c-light);
}

.button--filled.button--light:hover, .button--filled.button--light:active, .button--filled.button--light:focus, .button--filled.button--light.active {
    background-color: transparent;
    color: var(--c-light);
    border-color: var(--c-light);
}

.button--filled.button--dark {
    background-color: var(--c-dark);
    color: var(--c-light);
    border-color: var(--c-dark);
}

.button--filled.button--dark:hover, .button--filled.button--dark:active, .button--filled.button--dark:focus, .button--filled.button--dark.active {
    background-color: transparent;
    color: var(--c-dark);
    border-color: var(--c-dark);
}

.button--outline {
    background-color: transparent;
}

.button--outline.button--accent {
    color: var(--c-accent);
    border-color: var(--c-accent);
}

.button--outline.button--accent:hover, .button--outline.button--accent:active, .button--outline.button--accent:focus, .button--outline.button--accent.active {
    background-color: var(--c-accent);
    color: var(--c-light);
    border-color: var(--c-accent);
}

.button--outline.button--light {
    color: var(--c-light);
    border-color: var(--c-light);
}

.button--outline.button--light:hover, .button--outline.button--light:active, .button--outline.button--light:focus, .button--outline.button--light.active {
    background-color: var(--c-light);
    color: var(--c-dark);
    border-color: var(--c-dark);
}

.button--outline.button--dark {
    color: var(--c-dark);
    border-color: var(--c-dark);
}

.button--outline.button--dark:hover, .button--outline.button--dark:active, .button--outline.button--dark:focus, .button--outline.button--dark.active {
    background-color: var(--c-dark);
    color: var(--c-light);
    border-color: var(--c-light);
}

.accordion {
    color: var(--c-dark);
}

.accordion__item {
    border: 1px solid transparent;
    border-radius: 16px;
    padding: 2rem;
    cursor: pointer;
    -webkit-transition: border-color 0.24s linear;
    -o-transition: border-color 0.24s linear;
    transition: border-color 0.24s linear;
}

.accordion__item:hover .accordion__item-button-text, .accordion__item.active .accordion__item-button-text {
    color: var(--c-accent);
}

.accordion__item:hover .accordion__item-button-icon .icon-close_round .path1:before, .accordion__item.active .accordion__item-button-icon .icon-close_round .path1:before {
    color: var(--c-dark);
}

.accordion__item:hover .accordion__item-button-icon .icon-close_round .path2:before, .accordion__item.active .accordion__item-button-icon .icon-close_round .path2:before {
    color: var(--c-light);
}

.accordion__item.active {
    border: 1px solid rgba(47, 61, 45, 0.15);
}

.accordion__item.active .accordion__item-button-icon .icon-close_round {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.accordion__item.active .accordion__item-content {
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0.8;
    height: auto;
    pointer-events: auto;
}

.accordion__item-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}

@media (max-width: 768px) {
    .accordion__item-button {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.accordion__item-button-text {
    font-size: clamp(16px, calc(16px + (27 - 16) * ((100vw - 320px) / (1920 - 320))), 27px);
    line-height: 1.4;
    font-weight: 500;
    padding-right: 22px;
}

.accordion__item-button-icon {
    display: block;
    width: 24px;
    height: 24px;
}

.accordion__item-button-icon .icon-close_round {
    font-size: 24px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
    position: relative;
}

.accordion__item-button-icon .icon-close_round .path1:before {
    -webkit-transition: color 0.24s ease-in-out;
    -o-transition: color 0.24s ease-in-out;
    transition: color 0.24s ease-in-out;
    color: transparent;
}

.accordion__item-button-icon .icon-close_round .path2:before {
    -webkit-transition: color 0.24s ease-in-out;
    -o-transition: color 0.24s ease-in-out;
    transition: color 0.24s ease-in-out;
    color: var(--c-dark);
}

.accordion__item-content {
    opacity: 0;
    -webkit-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
    height: 0;
    pointer-events: none;
    font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))), 20px);
    line-height: 1.7;
    font-weight: 400;
}

.accordion__item-content > *:first-child {
    padding-top: 16px;
}

.accordion__item-content ul {
    padding-left: 24px;
    list-style: disc;
}

.timer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

.timer__time {
    font-size: clamp(20px, calc(20px + (32 - 29) * ((100vw - 1024px) / (1920 - 1024))), 32px);
}

.timer__separator {
    font-size: clamp(20px, calc(20px + (32 - 29) * ((100vw - 1024px) / (1920 - 1024))), 32px);
    opacity: 0.15;
}

.heading {
    display: grid;
    grid-template-columns: 1fr auto;
    place-items: flex-end flex-start;
    gap: 0 3.5rem;
}

@media (max-width: 768px) {
    .heading {
        grid-template-columns: 1fr;
    }
}

.heading__description {
    grid-column: 1;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 1024px) / (1920 - 1024))), 24px);
    font-weight: 400;
    margin-bottom: 16px;
}

.heading__description .icon-decor {
    margin-right: 1rem;
}

.heading__title {
    grid-column: 1;
    font-size: clamp(26px, calc(26px + (48 - 26) * ((100vw - 1024px) / (1920 - 1024))), 48px);
    font-weight: 500;
}

.heading__date {
    grid-column: 1;
    font-size: 16px;
    opacity: 0.6;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
    letter-spacing: 0.025em;
    margin-bottom: 20px;
}

.heading__text {
    grid-column: 1;
    color: var(--c-gray);
    font-size: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1024px) / (1920 - 1024))), 30px);
    letter-spacing: -0.004em;
    line-height: 1.4;
}

.heading__navigation {
    grid-column: 2;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    font-weight: 450;
}

@media (max-width: 768px) {
    .heading__navigation {
        grid-column: 1;
        margin-top: 2rem;
        place-self: end;
    }
}

.card {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid rgba(47, 61, 45, 0.15);
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
}

.card__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 424 / 384;
    width: 100%;
    position: relative;
}

.card__image--partners {
    aspect-ratio: auto;
}

.card__image img {
    /*overflow: hidden;*/
    /*border-radius: 8px;*/
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;

  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.card:hover .card__image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.card:hover .card__labels-date {
  color: var(--c-accent);;
}


.card__image-label {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 3;
}

.card__description {
    font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 1024px) / (1920 - 1024))), 24px);
    margin-bottom: 1.5rem;
}

.card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem;
    gap: 16px;
}

@media (max-width: 768px) {
    .card__content {
        padding: 12px 10px;
    }
}

.card__content-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
    letter-spacing: 0.025em;
    font-weight: 500;
}

.card__content-price span:nth-child(1) {
    font-size: clamp(16px, calc(16px + (27 - 16) * ((100vw - 320px) / (1920 - 320))), 27px);
}

.card__content-price span:nth-child(2) {
    font-size: clamp(12px, calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320))), 20px);
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    opacity: 0.25;
    margin-left: 16px;
}

.card--news {
    height: 100%;
}

@media (max-width: 540px) {
    .card--news {
        grid-column: span 2;
    }
}

.card--news .card__content {
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 3.5rem;
    padding: 2rem;
}

.card--news:hover .card__title, .card--news:focus .card__title, .card--news:active .card__title {
    color: var(--c-accent);
}

.card__title {
    font-size: clamp(16px, calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320))), 22px);
    font-weight: 500;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-transition: color 0.24s ease-in-out;
    -o-transition: color 0.24s ease-in-out;
    transition: color 0.24s ease-in-out;
}

.card__labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    letter-spacing: 0.025em;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1024px) / (1920 - 1024))), 18px);
}

@media (max-width: 856px) {
    .card__content-price, .card__labels {
        flex-direction: column-reverse;
        align-content: flex-start;
    }
    .card__content-price span:nth-child(2) {
        margin: 0;
    }
}


.card__labels-tag {
    background-color: rgba(47, 61, 45, 0.03);
    border-radius: 8px;
    padding: 4px 12px;
}

.card__labels-tag--accent {
    background-color: var(--c-dark);
    color: var(--c-light);
}

.card__labels-date {
    opacity: 0.8;
}

.card--slider {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .card--slider .card__image {
        aspect-ratio: 135 / 151;
    }
}

.card--slider .card__image-slider {
    position: relative;
}

.card--slider .card__image-slider, .card--slider .swiper, .card--slider .swiper-wrapper, .card--slider .swiper-slide {
    width: 100%;
    height: 100%;
}

.card--extended {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 1.5rem;
    border: none;
    place-content: center;
}

@media (max-width: 560px) {
    .card--extended {
        grid-template-columns: 1fr;
    }
}

.card--extended .card__image {
    position: relative;
    aspect-ratio: 760 / 550;
    width: 100%;
}

.card--extended .card__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 760 / 550;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 16px;
}

.card--extended .card__image-label {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 2;
}

.card--extended .card__list {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
}

.card--extended .card__list-item {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 1.5rem;
    font-stretch: 125%;
    letter-spacing: 0.025em;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 73;
    font-weight: 400;
    font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024))), 20px);
}

.card--extended .card__list-item span:first-of-type {
    opacity: 0.4;
    font-weight: 500;
}

.card--extended .card__list-item--due {
    margin-top: 0.5em;
    padding-top: 20px;
    border-top: 1px solid #DBDDD3;
}

.card--extended .card__list-item-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    opacity: 1;
    font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 1024px) / (1920 - 1024))), 24px);
    font-weight: 500;
}

.card--extended .card__list-item-price .linethrough {
    font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024))), 20px);
    opacity: 0.25;
}

.card--extended .card__list-item-title {
    font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 1024px) / (1920 - 1024))), 24px);
}

.card--extended .card__list-item--head {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(47, 61, 45, 0.15);
}

.card--extended .card__list-item--head span:first-child {
    opacity: 1;
    font-weight: 500;
}

.card--extended .card__list-item--head .card__list-item-title {
    color: var(--c-accent);
    font-weight: 500;
    font-size: clamp(20px, calc(20px + (27 - 20) * ((100vw - 1024px) / (1920 - 1024))), 27px);
}

.card--extended .card__content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card--extended .card__buttons {
    margin-top: 4.625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
}

.card--centered .card__image {
    border-radius: 16px 16px 0 0;
}

.card--centered .card__image img {
    border-radius: 16px 16px 0 0;
}

.card--centered .card__content {
    border: 1px solid rgba(47, 61, 45, 0.15);
    background: var(--c-light);
    border-radius: 0 0 16px 16px;
}

.card--centered .card__title {
    text-align: center;
}

.card--offer {
    grid-template-columns: 1fr 1fr;
    background-color: #FFFFF6;
    border: 1px solid #DBDDD3;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
    letter-spacing: 0.025em;
}

@media (max-width: 768px) {
    .card--offer {
        grid-template-columns: 1fr;
    }

    .card--offer .card__content {
        grid-row: 2;
    }

    .card--offer .card__image {
        grid-row: 1;
    }
}

.card--offer .card__content {
    padding: 3.75rem;
}

.card--offer .card__content .card__list-item span:first-child {
    opacity: 0.6;
}

.card--offer .card__buttons {
    border-top: 1px solid rgba(47, 61, 45, 0.15);
    margin-top: 0;
    padding-top: 1.5rem;
    gap: 1.5rem;
}

.card--offer .card__buttons-description {
    width: 100%;
    opacity: 0.75;
}

.card--offer .card__buttons-description a {
    color: var(--c-accent);
    text-decoration: none;
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
}

.card--offer .card__buttons-description a:hover, .card--offer .card__buttons-description a:focus, .card--offer .card__buttons-description a:active {
    text-decoration: underline;
}

@media (max-width: 560px) {
    .card--offer .card__buttons .button {
        width: 100%;
    }
}

.card--offer .card__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.section {
    margin-bottom: 9.625rem;
}

.section__head {
    margin-bottom: 3.5rem;
}

@media (min-width: 768px) {
    .section__head--mobile {
        display: none;
    }
}

.section__body--grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem 1.5rem;
    place-items: start;
}

@media (max-width: 768px) {
    .section__body--grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.section__body--grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.5rem;
}

@media (max-width: 768px) {
    .section__body--grid-2 {
        grid-template-columns: 1fr;
    }
}

.section__body--grid-2--advantages {
    grid-template-areas: 'heading images' 'advantages images';
    place-content: start;
    place-items: start;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
}

@media (max-width: 768px) {
    .section__body--grid-2--advantages {
        grid-template-areas: 'heading' 'images' 'advantages';
    }
}

.section__body--grid-2--advantages .heading {
    grid-area: heading;
    width: 100%;
    max-width: 530px;
}

.section__body--grid-2--advantages .advantages {
    grid-area: advantages;
    width: 100%;
    max-width: 530px;
}

.section__body--grid-2--advantages .advantages.advantages--grid-2 {
    grid-area: images;
    max-width: 100%;
}

.advantages--grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
    margin-left: 0;
    place-content: center;
}

@media (max-width: 768px) {
    .advantages--grid-2 {
        margin-top: 28px;
    }
}

.advantages__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 3.5rem;
    border-bottom: 1px solid rgba(47, 61, 45, 0.15);
    list-style: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.advantages__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 3rem;
    position: relative;
    font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 1024px) / (1920 - 1024))), 24px);
    line-height: 1;
    letter-spacing: 0.025em;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

.advantages__list-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    background-image: url("../img/icons/check.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.advantages .heading {
    margin-bottom: 3.5rem;
}

.advantages__buttons {
    margin-top: 3.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
}

.advantages__image {
    border-radius: 8px;
    overflow: hidden;
}

.advantages__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.architecture-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px 2rem;
    padding-right: 2.5rem;
}

@media (max-width: 768px) {
    .architecture-item {
        grid-column: span 2;
    }

    .architecture-item:not(:last-child) {
        margin-bottom: 40px;
    }
}

.architecture-item__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10rem;
    -ms-flex: 0 0 10rem;
    flex: 0 0 10rem;
    width: 10rem;
    height: 10rem;
    position: relative;
}

.architecture-item__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 50%;
    overflow: hidden;
}

.architecture-item__image-link {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid var(--c-light);
    background-color: var(--c-dark);
    color: var(--c-light);
    -webkit-transition: 0.24s ease-in-out;
    -o-transition: 0.24s ease-in-out;
    transition: 0.24s ease-in-out;
}

.architecture-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.architecture-item__content-title {
    font-size: clamp(20px, calc(20px + (27 - 20) * ((100vw - 1024px) / (1920 - 1024))), 27px);
    font-weight: 500;
    letter-spacing: 0.025em;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

.architecture-item__content-text {
    font-size: clamp(14px, calc(14px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024))), 20px);
    font-weight: 400;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    line-height: 1.5;
}

.architecture-item:hover .architecture-item__image-link, .architecture-item:active .architecture-item__image-link, .architecture-item:focus .architecture-item__image-link {
    color: var(--c-accent);
    border-color: var(--c-accent);
}

.filters {
    margin-bottom: 3.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

@media (max-width: 768px) {
    .filters {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .filters:not(.js-houses_filter) {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 8px;
    }

    .filters > * {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 100%;
    }
}

.filters__item {
    border: 1px solid rgba(47, 61, 45, 0.15);
    border-radius: 4px;
    padding: 24px;
    min-width: 14.125rem;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .filters__item {
        padding: 10px 14px;
    }
}

.filters__item-input {
    line-height: 24px;
}

.filters__item input {
    margin-right: 8px;
}

.filters__item select {
    width: 100%;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.filters__item select option {
    color: var(--c-dark);
}

.breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4.3125rem 0;
}

.breadcrumbs__item {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.025em;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' 0, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 514, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    -webkit-transition: opacity 0.24s ease-in-out;
    -o-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.breadcrumbs__item:not(:last-child) {
    opacity: 0.4;
}

.breadcrumbs__item:not(:last-child):hover {
    opacity: 1;
}

.breadcrumbs__item:not(:first-child) {
    margin-left: 4rem;
    position: relative;
}

.breadcrumbs__item:not(:first-child):before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: -2rem;
    background-image: url("../img/icons/breadcrumbs.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@media (max-width: 486px) {
    .breadcrumbs {
        overflow-x: scroll;
        padding-bottom: 8px;
    }
    .breadcrumbs__item {
        white-space: nowrap;
    }
}

.label {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 3;
    background-color: var(--c-accent);
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.025em;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-weight: 500;
    color: var(--c-light);
}

.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
}

@media (max-width: 1013px) {
    .calendar {
        overflow-x: auto;
        margin: 0 calc(var(--padding) * -1);
        padding: 0 var(--padding) 12px;
    }
}

.calendar__item {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

@media (max-width: 1023px) {
    .calendar__item {
        min-width: 170px;
    }
}

.calendar__item-head {
    background-color: #F2F3E9;
    padding: 16px;
    font-size: 16px;
    color: var(--c-gray);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.calendar__item-body {
    border: 1px dashed #A8ADA2;
    border-radius: 4px;
    padding: 12px;
    height: 320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}

.calendar__item-body-event {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: calc(100% / 2 - 8px);
}

.calendar__item-body:empty {
    position: relative;
}

.calendar__item-body:empty:after {
    content: 'В этот день мероприятий нет';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 14px;
    color: #A8ADA2;
}

.calendar__event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    overflow: hidden;
    gap: 6px;
    font-weight: 500;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

.calendar__event:hover .calendar__event-title, .calendar__event:focus .calendar__event-title, .calendar__event:active .calendar__event-title {
    color: var(--c-accent);
}

.calendar__event-labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 fit-content;
    -ms-flex: 0 0 fit-content;
    flex: 0 0 fit-content;
}

.calendar__event-labels-time {
    color: rgba(47, 61, 45, 0.6);
}

.calendar__event-labels-price {
    font-weight: 500;
}

.calendar__event-title {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 fit-content;
    -ms-flex: 0 0 fit-content;
    flex: 0 0 fit-content;
    -webkit-transition: color 0.24s ease-in-out;
    -o-transition: color 0.24s ease-in-out;
    transition: color 0.24s ease-in-out;
}

.calendar__event-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 4px;
    overflow: hidden;
}

.calendar__event-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.article--w-image *:first-child {
    margin-right: 3.5rem;
}

@media (max-width: 560px) {
    .article--w-image *:first-child {
        margin-right: 0;
    }
}

.article--sidebar {
    display: grid;
    grid-template-columns: 7fr 5fr;
    grid-gap: 3.5rem;
}

@media (max-width: 992px) {
    .article--sidebar {
        grid-template-columns: 1fr;
    }
}

.article--sidebar .article__sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: visible;
}

@media (max-width: 992px) {
    .article--sidebar .article__sidebar {
        display: none;
    }
}

.article--sidebar .banner {
    grid-template-columns: 1fr;
    gap: 12px;
    max-width: 424px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    justify-self: flex-end;
}

.article--sidebar .banner__content {
    padding: 0 20px 40px;
}

.article--sidebar .banner__content-title {
    font-size: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1024px) / (1920 - 1024))), 30px);
}

.article--sidebar .banner__content-text {
    font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 1024px) / (1920 - 1024))), 20px);
}

.article--sidebar .banner__content-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.article--sidebar .banner__content-buttons .button {
    margin: 0;
}

.article--sidebar .banner .banner__image {
    aspect-ratio: 420 / 335;
}

.article img {
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 760 / 550;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin: 0 0 24px;
}

.article h2 {
    margin-bottom: 2rem;
    font-weight: 500;
    font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 1024px) / (1920 - 1024))), 32px);
}

.article h3, .article h4 {
    margin-bottom: 24px;
    font-size: clamp(20px, calc(20px + (27 - 20) * ((100vw - 1024px) / (1920 - 1024))), 27px);
    font-weight: 500;
}

.article p, .article li:not(.advantages__list-item) {
    margin-bottom: 16px;
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    line-height: 1.67;
    font-weight: 500;
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
}

.article ul:not(.advantages__list), .article ol {
    padding-left: 24px;
}

.article .button {
    margin: 24px 0;
}

.article__image,
.article img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.map p {
    font-size: clamp(14px, calc(14px + (22 - 14) * ((100vw - 1024px) / (1920 - 1024))), 22px);
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    letter-spacing: 0.025em;
    line-height: 1.7;
    margin-bottom: 3.5rem;
}

.map__container {
    border-radius: 16px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 680px;
}

@media (max-width: 768px) {
    .map__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
}

.map__container-map {
    width: calc(100% - 390px);
    height: 100%;
}

@media (max-width: 768px) {
    .map__container-map {
        min-height: 400px;
    }
}

.map__container-sidebar {
    width: 390px;
    min-width: 320px;
    padding: 4rem 3.5rem;
    border-radius: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    background-color: var(--c-dark);
    color: var(--c-light);
    font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024))), 18px);
}

@media (max-width: 768px) {
    .map__container-sidebar {
        width: 100%;
        max-width: 100%;
    }
}

.map__container-sidebar-title {
    margin-top: 20px;
    color: #A8ADA2;
    margin-bottom: 4px;
}

.map__container-sidebar-text {
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    color: var(--c-light);
}

.map__container-sidebar-button {
    margin-top: 4.5rem;
}

#map .ymaps-2-1-79-ground-pane,
#map--filter .ymaps-2-1-79-ground-pane {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin: 3.5rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination .button {
    font-size: 16px;
    line-height: 18px;
}

@media (max-width: 768px) {
    .pagination > *:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(2)):not(:nth-last-child(1)):not(.active) {
        display: none;
    }
}

.document {
    display: grid;
    grid-template-columns: 54px 1fr auto;
    grid-gap: 0 24px;
    grid-template-areas: 'icon title link' 'icon text .';
    place-items: start;
}

.document + .document {
    margin-top: 3rem;
}

@media (max-width: 768px) {
    .document {
        grid-template-columns: 32px 1fr;
        grid-template-areas: 'icon title' 'icon text' 'icon link';
        place-items: start;
        grid-gap: 8px 14px;
    }
}

.document__icon {
    grid-area: icon;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}

.document__icon img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.document__title {
    grid-area: title;
    font-weight: 500;
    font-size: clamp(18px, calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320))), 20px);
    font-stretch: 125%;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    line-height: 1.6;
}

.document__text {
    grid-area: text;
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1024px) / (1920 - 1024))), 16px);
    letter-spacing: -0.01em;
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
    opacity: 0.35;
    line-height: 1.4;
}

.document__link {
    grid-area: link;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.block-text {
    display: grid;
    grid-template-columns: 7fr 5.5fr;
    gap: 2.5rem;
}

.block-text--reversed {
    grid-template-columns: 5.5fr 7fr;
}

.block-text--reversed .block-text--card .block-text__content {
    border-radius: 16px 0 0 16px;
}

@media (max-width: 768px) {
    .block-text {
        grid-template-columns: 1fr;
    }
}

.block-text__image {
    border-radius: 16px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.block-text__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 16px;
}

.block-text__content-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .block-text__content-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.block-text--card {
    gap: 0;
    border-radius: 16px;
    border: 1px solid #DBDDD3;
    overflow: hidden;
}

.block-text--card .block-text__content {
    padding: 3rem 4rem;
    background-color: #FFFFF6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.block-text--card .block-text__image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    min-height: 320px;
    border-radius: 0;
}

.block-text--card .block-text__image:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
    display: block;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(to left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}

@media (max-width: 768px) {
    .block-text--card .block-text__image:before {
        width: 100%;
        height: 70%;
        left: 0;
        right: 0;
        top: 0;
        bottom: unset;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    }
}

.block-text--card .block-text__image-content {
    list-style: none;
    padding: 3rem 2rem;
    z-index: 2;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 768px) {
    .block-text--card .block-text__image-content {
        margin-left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 24px;
    }

    .block-text--card .block-text__image-content li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        gap: 6px;
    }
}

.block-text--card .block-text__image-content li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1024px) / (1920 - 1024))), 16px);
    font-variation-settings: 'GRAD' -29, 'slnt' 0, 'XTRA' 468, 'XOPQ' 109, 'YOPQ' 52, 'YTLC' 570, 'YTUC' 760, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;
    font-stretch: 125%;
}

.block-text--card .block-text__image-content li span:first-child {
    color: var(--c-accent);
    font-size: 24px;
    letter-spacing: 0.025em;
    font-weight: 400;
}

.block-text--card .block-text__image-content li span {
    font-weight: 500;
}

.block-text--card .block-text__image-content li:not(:last-child) {
    margin-bottom: 28px;
}

@media (max-width: 768px) {
    .block-text--card .block-text__image-content li:not(:last-child) {
        margin-bottom: 10px;
    }
}

.block-text--reversed .block-text__image-content {
    margin-right: auto;
    margin-left: unset;
}

.block-text--reversed .block-text__image:before {
    right: unset;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}

@media (max-width: 768px) {
    .block-text--reversed .block-text__image:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    }
}

.block-text__content-offer {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 768px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 560px) {
    .gallery {
        grid-template-columns: 1fr;
    }
}

.gallery__subtitle, .gallery__title, .gallery__text, .gallery__button {
    grid-column: span 3;
    font-size: clamp(20px, calc(20px + (27 - 20) * ((100vw - 1024px) / (1920 - 1024))), 27px);
}

@media (max-width: 768px) {
    .gallery__subtitle, .gallery__title, .gallery__text, .gallery__button {
        grid-column: span 2;
    }
}

@media (max-width: 560px) {
    .gallery__subtitle, .gallery__title, .gallery__text, .gallery__button {
        grid-column: span 1;
    }
}

.gallery__item {
    width: 100%;
    height: 100%;
    aspect-ratio: 424 / 320;
    border-radius: 16px;
    overflow: hidden;
}

@media (max-width: 560px) {
    .gallery__item {
        aspect-ratio: 280 / 200;
    }
}

.gallery__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem;
}

@media (max-width: 560px) {
    .gallery__button .button {
        width: 100%;
    }
}

.card-text__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(20px, calc(20px + (56 - 20) * ((100vw - 1024px) / (1920 - 1024))), 56px);
    margin-top: clamp(20px, calc(20px + (56 - 20) * ((100vw - 1024px) / (1920 - 1024))), 56px);
}

@media (max-width: 768px) {
    .card-text__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.card-text__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 47%;
    -ms-flex: 1 1 47%;
    flex: 1 1 47%;
}

.card-text-r .card-text__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    .card-text-r .card-text__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.card-text__description p:not(:last-child) {
    margin-bottom: 22px;
}

@media (max-width: 768px) {
    .card-text__description p:not(:last-child) {
        margin-bottom: 10px;
    }
}

.card-text__wrapper-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 53%;
    -ms-flex: 1 0 53%;
    flex: 1 0 53%;
    border-radius: 16px;
    aspect-ratio: 76 / 45;
}

.card-text__wrapper-image img {
    display: block;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 768px) {
    .card-text__wrapper-image img {
        border-radius: 10px;
    }
}

.card-text-description__text,
.card-text p {
    font-size: clamp(14px, calc(14px + (18 - 14) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    line-height: 1.42;
    color: #586354;
}

.card-text-description__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: clamp(36px, calc(36px + (50 - 36) * ((100vw - 1024px) / (1920 - 1024))), 50px);
}

@media (max-width: 768px) {
    .card-text-description__button > * {
        width: 100%;
    }
}

.card-text--data-image, .card-text--l-data-image {
    background-color: #FFFFF6;
}

.card-text--data-image .card-text-description, .card-text--l-data-image .card-text-description {
    padding: 45px 0 45px 85px;
}

@media (max-width: 768px) {
    .card-text--data-image .card-text-description, .card-text--l-data-image .card-text-description {
        padding: 30px 20px 0 20px;
    }
}

.card-text--data-image .card-text-content, .card-text--l-data-image .card-text-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #DBDDD3;
    border-radius: 16px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .card-text--data-image .card-text-content, .card-text--l-data-image .card-text-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 8px;
    }
}

.card-text--data-image .card-text-description__title, .card-text--l-data-image .card-text-description__title {
    font-size: clamp(20px, calc(20px + (27 - 20) * ((100vw - 1024px) / (1920 - 1024))), 27px);
    margin-bottom: clamp(18px, calc(18px + (36 - 18) * ((100vw - 1024px) / (1920 - 1024))), 36px);
}

.card-text--data-image .card-text-description__button, .card-text--l-data-image .card-text-description__button {
    font-size: 16px;
}

@media (max-width: 768px) {
    .card-text--data-image .card-text-description__button, .card-text--l-data-image .card-text-description__button {
        font-size: 14px;
    }
}

.card-text--data-image .card-text__wrapper-image, .card-text--l-data-image .card-text__wrapper-image {
    position: relative;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.card-text--data-image .card-text__wrapper-image::after, .card-text--l-data-image .card-text__wrapper-image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(249, 249, 240, 0)), color-stop(87%, rgba(249, 249, 240, 0.74)));
    background-image: -o-linear-gradient(right, rgba(249, 249, 240, 0) 0%, rgba(249, 249, 240, 0.74) 87%);
    background-image: linear-gradient(-90deg, rgba(249, 249, 240, 0) 0%, rgba(249, 249, 240, 0.74) 87%);
}

@media (max-width: 768px) {
    .card-text--data-image .card-text__wrapper-image::after, .card-text--l-data-image .card-text__wrapper-image::after {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(249, 249, 240, 0)), color-stop(87%, rgba(249, 249, 240, 0.94)));
        background-image: -o-linear-gradient(bottom, rgba(249, 249, 240, 0) 0%, rgba(249, 249, 240, 0.94) 87%);
        background-image: linear-gradient(0deg, rgba(249, 249, 240, 0) 0%, rgba(249, 249, 240, 0.94) 87%);
    }
}

.card-text--data-image img, .card-text--l-data-image img {
    border-radius: 0;
    height: 100%;
}

@media (max-width: 768px) {
    .card-text--data-image img, .card-text--l-data-image img {
        aspect-ratio: 7 / 8;
    }
}

.card-text--data-image .card-text-wrapper-image__offer-list, .card-text--l-data-image .card-text-wrapper-image__offer-list {
    position: absolute;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px 12px;
    top: 50px;
    left: 35px;
    z-index: 2;
}

@media (max-width: 768px) {
    .card-text--data-image .card-text-wrapper-image__offer-list, .card-text--l-data-image .card-text-wrapper-image__offer-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        top: 20px;
        left: 20px;
    }
}

.card-text--data-image .card-text-wrapper-image__offer-item > *:not(:last-child), .card-text--l-data-image .card-text-wrapper-image__offer-item > *:not(:last-child) {
    margin-bottom: 10px;
}

.card-text--data-image .card-text-wrapper-image__offer-item-value, .card-text--l-data-image .card-text-wrapper-image__offer-item-value {
    color: var(--c-accent);
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: 2.5%;
}

.card-text--data-image .card-text-wrapper-image__offer-item-text, .card-text--l-data-image .card-text-wrapper-image__offer-item-text {
    color: var(--c-dark);
    font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 1024px) / (1920 - 1024))), 16px);
    font-weight: 500;
}

.card-text--r-data-image .card-text__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    .card-text--r-data-image .card-text__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.card-text--r-data-image .card-text-description {
    padding: 45px 85px 45px 0;
}

@media (max-width: 768px) {
    .card-text--r-data-image .card-text-description {
        padding: 30px 20px 0 20px;
    }
}

.card-text--r-data-image .card-text__wrapper-image::after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(249, 249, 240, 0)), color-stop(87%, rgba(249, 249, 240, 0.74)));
    background-image: -o-linear-gradient(left, rgba(249, 249, 240, 0) 0%, rgba(249, 249, 240, 0.74) 87%);
    background-image: linear-gradient(90deg, rgba(249, 249, 240, 0) 0%, rgba(249, 249, 240, 0.74) 87%);
}

@media (max-width: 768px) {
    .card-text--r-data-image .card-text__wrapper-image::after {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(249, 249, 240, 0)), color-stop(87%, rgba(249, 249, 240, 0.94)));
        background-image: -o-linear-gradient(bottom, rgba(249, 249, 240, 0) 0%, rgba(249, 249, 240, 0.94) 87%);
        background-image: linear-gradient(0deg, rgba(249, 249, 240, 0) 0%, rgba(249, 249, 240, 0.94) 87%);
    }
}

.card-text--r-data-image .card-text-wrapper-image__offer-list {
    top: 50px;
    right: 35px;
    left: auto;
}

@media (max-width: 768px) {
    .card-text--r-data-image .card-text-wrapper-image__offer-list {
        top: 20px;
        left: 20px;
        right: auto;
    }
}

.card-text--r-break {
    margin-bottom: clamp(36px, calc(36px + (56 - 36) * ((100vw - 1024px) / (1920 - 1024))), 56px);
}

.card-text--r-break p:not(:last-child) {
    margin-bottom: clamp(10px, calc(10px + (16 - 10) * ((100vw - 1024px) / (1920 - 1024))), 16px);
}

.card-text--r-break .card-text__content {
    display: block;
}

.card-text--r-break .card-text__wrapper-image {
    width: 53%;
    float: left;
    margin-right: clamp(20px, calc(20px + (53 - 20) * ((100vw - 1024px) / (1920 - 1024))), 53px);
}

@media (max-width: 768px) {
    .card-text--r-break .card-text__wrapper-image {
        width: 100%;
    }
}

.card-text--list {
    clear: both;
}

.card-text--list .card-text-description__list,
.card-text--list ul {
    font-size: clamp(14px, calc(14px + (18 - 14) * ((100vw - 1024px) / (1920 - 1024))), 18px);
    list-style-image: url("/assets/img/icons/check-orange.svg");
    padding-left: clamp(20px, calc(20px + (40 - 20) * ((100vw - 1024px) / (1920 - 1024))), 40px);
    color: #586354;
}

.card-text--list .card-text-description__list .card-text-description__item:not(:last-child),
.card-text--list .card-text-description__list li:not(:last-child),
.card-text--list ul .card-text-description__item:not(:last-child),
.card-text--list ul li:not(:last-child) {
    margin-bottom: 15px;
}

.disabled {
    display: none;
}

.main_screen {
    width: 100%;
    min-height: calc(100vh - var(--headerHeight, 92px));
    margin-bottom: 9.625rem;
    position: relative;
    background-color: var(--c-dark);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
.main_screen .main_screen__image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1; }
.main_screen .main_screen__image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: -o-linear-gradient(75deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(15deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.8) 100%); }
.main_screen .main_screen__image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
.main_screen .main_screen__content {
    min-height: 100%;
    width: 100%;
    max-width: 1320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    margin-top: auto;
    padding-top: 4rem; }
@media (max-width: 1320px) {
    .main_screen .main_screen__content {
        padding: 0 var(--padding); } }
@media (max-width: 768px) {
    .main_screen .main_screen__content {
        padding: 16px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
.main_screen .main_screen__content h1 {
    font-size: clamp(28px, calc(28px + (55 - 28) * ((100vw - 1024px) / (1920 - 1024))), 55px);
    font-weight: 500;
    color: var(--c-light); }
.main_screen .main_screen__content p {
    color: var(--c-light);
    margin-top: 1rem;
    font-weight: 500;
    font-size: clamp(16px, calc(16px + (28 - 16) * ((100vw - 1024px) / (1920 - 1024))), 28px); }
.main_screen .main_screen__content a {
    margin-top: 2rem;
    margin-bottom: 4rem;
    padding: 16px 24px; }
.main_screen .main_screen__content_advantages {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 2rem 2rem 3rem;
    z-index: 2; }
.main_screen .main_screen__content_advantages-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto; }
@media (max-width: 768px) {
    .main_screen .main_screen__content_advantages-content {
        display: grid;
        grid-template-columns: 1fr 1fr; } }
.main_screen .main_screen__content_advantages-content .main_screen__content_advantages-item:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
@media (max-width: 768px) {
    .main_screen .main_screen__content_advantages-content .main_screen__content_advantages-item:first-child {
        grid-column: span 2; } }
.main_screen .main_screen__content_advantages-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    margin-top: 0;
    color: var(--c-light); }
.main_screen .main_screen__content_advantages-item--map {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
.main_screen .main_screen__content_advantages-item span:nth-child(1) {
    font-size: 24px; }
.main_screen .main_screen__content_advantages-item span:nth-child(2) {
    opacity: 0.8;
    font-size: 14px; }



.header__main-links-item--tel {
    position: relative; }
.time__widget {
    position: absolute;
    bottom: 100%;
    right: 0;
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: 200; }
.time__widget:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    background-color: red; }
.time__widget.active:before {
    background-color: green; }

@media (max-width: 1279px) {
	.time__widget {
    display: none
	}
	#menu .time__widget {
		position: relative;
		display: block;
transform: translate(0,0);
bottom: 0;
margin-left: 14px;
}
	#menu .header__main-links-item--tel {
display:flex;
flex-direction:column;
align-items: flex-start;

}
}