@charset "UTF-8";
@font-face {
    font-family: "Roobert TRIAL";
    src: url("../fonts/RoobertTRIAL-Regular.woff2") format("woff2"), url("../fonts/RoobertTRIAL-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --font: "Roobert TRIAL", serif;
    --color-accent: #E1FD35;
    --color-black: #222;
    --base-padding: 45px;
    --base-font-size: 30px;
    --base-line-height: 40px;
    --title-font-size: 58px;
    --title-line-height: 70px;
    --title-big-font-size: 80px;
    --title-big-line-height: 90px;
    --trans-base: all 0.4s ease-in-out;
    --trans-nav: all 0.2s ease-in-out;
}

@media (max-width: 1199.98px) {
    :root {
        --base-padding: 36px;
        --base-font-size: 18px;
        --base-line-height: 21px;
        --title-font-size: 45px;
        --title-line-height: 56px;
        --title-big-font-size: 47px;
        --title-big-line-height: 48px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --base-padding: 27px;
        --title-font-size: 34px;
        --title-line-height: 36px;
    }
}

.link, .link-more, .link-more2, .link-video, .article strong span {
    text-decoration: underline;
    text-decoration-color: #E5E4DD;
    text-underline-position: under;
    text-decoration-thickness: 1px;
}

.row {
    margin-left: -20px;
    margin-right: -20px;
}

.row div[class^=col-] {
    padding-left: 20px;
    padding-right: 20px;
}

address {
    margin: 0;
}

ul, ol {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: auto !important;
}

body {
    font-family: var(--font);
    font-optical-sizing: auto;
    font-size: var(--base-font-size);
    line-height: var(--base-line-height);
    color: var(--color-black);
    -webkit-font-smoothing: antialiased;
}

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

a:hover {
    color: inherit;
    text-decoration: none;
}

.container-fluid {
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 40px;
}

.form-control {
    height: clamp(42px, 8.945686901vw + -65.2587859425px, 70px);
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
    border: 1px solid #E5E4DD;
    background-color: #F7F6F3;
    padding-inline: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
    padding-block: clamp(11px, 2.5559105431vw + -19.6453674121px, 19px);
    border-radius: clamp(6px, 1.2779552716vw + -9.3226837061px, 10px);
}

.form-control:hover, .form-control:focus {
    border-color: #C9D67A;
}

.form-control ~ label {
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
    position: absolute;
    left: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
    top: clamp(11px, 2.5559105431vw + -19.6453674121px, 19px);
    margin: 0;
    -webkit-transition: var(--trans-nav);
    transition: var(--trans-nav);
}

.form-control:not(:-moz-placeholder-shown) {
    padding-top: clamp(17px, 3.8338658147vw + -28.9680511182px, 29px);
    padding-bottom: clamp(8px, 1.9169329073vw + -14.9840255591px, 14px);
    outline: none;
    box-shadow: none;
    background-color: #fff;
}

.form-control:not(:-ms-input-placeholder) {
    padding-top: clamp(17px, 3.8338658147vw + -28.9680511182px, 29px);
    padding-bottom: clamp(8px, 1.9169329073vw + -14.9840255591px, 14px);
    outline: none;
    box-shadow: none;
    background-color: #fff;
}

.form-control:focus, .form-control:not(:placeholder-shown) {
    padding-top: clamp(17px, 3.8338658147vw + -28.9680511182px, 29px);
    padding-bottom: clamp(8px, 1.9169329073vw + -14.9840255591px, 14px);
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}

.form-control:not(:-moz-placeholder-shown) ~ label {
    color: #7a7a7a;
    top: clamp(5px, 1.2779552716vw + -10.3226837061px, 9px);
    font-size: clamp(9px, 2.2364217252vw + -17.8146964856px, 16px);
    line-height: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
}

.form-control:not(:-ms-input-placeholder) ~ label {
    color: #7a7a7a;
    top: clamp(5px, 1.2779552716vw + -10.3226837061px, 9px);
    font-size: clamp(9px, 2.2364217252vw + -17.8146964856px, 16px);
    line-height: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
}

.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label {
    color: #7a7a7a;
    top: clamp(5px, 1.2779552716vw + -10.3226837061px, 9px);
    font-size: clamp(9px, 2.2364217252vw + -17.8146964856px, 16px);
    line-height: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
}

.form-control:not(:-moz-placeholder-shown) ~ label:after {
    visibility: visible;
}

.form-control:not(:-ms-input-placeholder) ~ label:after {
    visibility: visible;
}

.form-control:focus ~ label:after, .form-control:not(:placeholder-shown) ~ label:after {
    visibility: visible;
}

.form-control:not(:-moz-placeholder-shown):valid {
    border: 1px solid #C9D67A;
    background-color: #fff;
}

.form-control:not(:-ms-input-placeholder):valid {
    border: 1px solid #C9D67A;
    background-color: #fff;
}

.form-control:not(:placeholder-shown):valid {
    border: 1px solid #C9D67A;
    background-color: #fff;
}

.form-control:not(:-moz-placeholder-shown):invalid {
    border-color: #FD5A35;
}

.form-control:not(:-ms-input-placeholder):invalid {
    border-color: #FD5A35;
}

.form-control:not(:placeholder-shown):invalid {
    border-color: #FD5A35;
}

.btn {
    background: var(--color-accent);
    color: #222;
    height: clamp(60px, 3.1948881789vw + 21.6932907348px, 70px);
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
    padding-inline: 20px;
    padding-top: 20px;
    padding-bottom: 25px;
    min-width: 340px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn:hover, .btn:focus, .btn:active {
    background: #d7f036;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.button {
    background: #F7F6F3;
    border-radius: 70px;
    text-decoration: none;
    display: block;
    text-align: center;
    padding-inline: 28px;
    text-decoration: none;
    text-wrap: balance;
    font-size: clamp(17px, 4.1533546326vw + -32.7987220447px, 30px);
    line-height: clamp(24px, 5.1118210863vw + -37.2907348243px, 40px);
    padding-top: clamp(16px, 3.8338658147vw + -29.9680511182px, 28px);
    padding-bottom: clamp(20px, 3.8338658147vw + -25.9680511182px, 32px);
}

.button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: clamp(21px, 4.4728434505vw + -32.6293929712px, 35px);
    padding-bottom: clamp(30px, 6.3897763578vw + -46.6134185304px, 50px);
    gap: clamp(24px, 5.1118210863vw + -37.2907348243px, 40px);
}

textarea.form-control {
    height: clamp(42px, 44.089456869vw + -486.6325878594px, 180px);
}

.form-group {
    margin-bottom: clamp(24px, 5.1118210863vw + -37.2907348243px, 40px);
    position: relative;
}

.header {
    position: relative;
    z-index: 2;
}

.header .container-fluid {
    padding: 38px var(--base-padding) 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.toggler {
    position: absolute;
    padding: 0;
    color: #fff;
    border: 0;
    background: none;
    text-transform: lowercase;
    right: 27px;
    display: none;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
}

.toggler .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27px;
    flex: 0 0 27px;
    max-width: 27px;
    height: 27px;
    position: relative;
    top: 2px;
    fill: #222;
}

.toggler-close {
    color: #222;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.toggler-close .icon {
    fill: #222;
}

body:has(.hero) .toggler-open .icon {
    fill: #fff;
}

.logo, .footer-logo {
    display: block;
    vertical-align: top;
}

.footer-logo img{
    width: 100%;
}

.logo img, .footer-logo img {
    vertical-align: top;
    max-width: 100%;
}

.logo .icon, .footer-logo .icon {
    width: 138px;
    height: 35px;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    fill: #000;
    vertical-align: top;
    display: block;
}

.hero {
    overflow: hidden;
    position: relative;
}

.hero img, .hero picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-slick-btn {
    width: 252px;
    top: 0;
    bottom: 0;
    position: absolute;
    display: block;
    background: none;
    z-index: 1;
    outline: none;
    border: 0;
}

.hero-slick-btn .icon {
    width: 28px;
    height: 29px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    opacity: 0;
}

.hero-slick-btn:hover .icon {
    opacity: 1;
}

.hero-slick-prev .icon {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    left: 25px;
}

.hero-slick-next {
    right: 0px;
}

.hero-slick-next .icon {
    right: 25px;
}

.hero-slider .container-fluid {
    aspect-ratio: 3/2;
}

.hero-slider .slide {
    position: relative;
}

.slider-counter {
    position: absolute;
    right: var(--base-padding);
    bottom: 50px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.slide-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding-left: var(--base-padding);
    padding-bottom: 50px;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    max-width: 80%;
    text-transform: lowercase;
    letter-spacing: -0.01em;
}

.main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    padding-bottom: 10px;
}

.main-nav a {
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    display: inline-block;
}

.main-nav a span {
    display: none;
    position: absolute;
    left: 27px;
    font-size: 13px;
    line-height: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-nav a:hover {
    opacity: 0.7;
}

body:has(.hero) .logo .icon {
    fill: #fff;
}

body:has(.hero) .main-nav a {
    color: #fff;
}

body:has(.hero) .header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 50;
}

.panel {
    font-size: 20px;
    line-height: 25px;
    padding: 55px var(--base-padding) 30px var(--base-padding);
}

.panel .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.panel.panel-hr .container-fluid {
    display: block;
}

.panel .title-big {
    margin: 0;
    padding: 0;
}

.panel-about {
    padding-bottom: 39px;
}

.sort-nav {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 8px;
}

.check-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding-bottom: 6px;
}

.check-set .switch {
    display: block;
    height: 20px;
    position: relative;
    width: 35px;
    background: #E5E4DD;
    border-radius: 30px;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    margin: 6px 0 0 0;
}

.check-set .switch:has(input:checked) {
    background: #C9E615;
}

.check-set .switch input {
    display: none;
}

.check-set .round {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
}

.check-set .round:before {
    background-color: #fff;
    bottom: 2px;
    content: "";
    height: 16px;
    left: 2px;
    position: absolute;
    -webkit-transition: var(--trans-nav);
    transition: var(--trans-nav);
    width: 16px;
    border-radius: 50%;
}

.check-set input:checked + .round:before {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
}

.item-cover {
    padding: var(--base-padding) var(--base-padding) 0 var(--base-padding);
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    aspect-ratio: 0.8;
    width: 100%;
}

.img-box {
    overflow: hidden;
    margin: 0;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    position: relative;
    height: 100%;
}

.img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.item {
    display: block;
}

.item-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

@media (min-width: 992px) {
    .item:hover .img-box {
        margin: -20px -20px 0;
        height: calc(100% + 20px);
    }

    .item:hover .img-box img {
        width: calc(100% + 20px);
        height: calc(100% + 20px);
    }

    .item:hover .item-caption span {
        opacity: 1;
    }
}

.item-caption {
    padding: 13px var(--base-padding);
    text-transform: lowercase;
    min-height: 140px;
    text-wrap: balance;
}

.item-caption span {
    display: block;
    color: #868C96;
    padding-top: 5px;
    font-size: 20px;
    line-height: 1.25;
    opacity: 0;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    text-transform: none;
}

.main {
    padding: var(--base-padding) var(--base-padding) 47px var(--base-padding);
}

.tab-pane.fade {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.15s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.15s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.15s ease, transform 0.5s ease;
    transition: opacity 0.15s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.tab-pane.fade.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.item-1x1 {
    aspect-ratio: 1/1;
}

.item-16x9 {
    aspect-ratio: 16/9;
}

.item-3x2 {
    aspect-ratio: 3/2;
}

.show-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--base-padding);
    text-transform: lowercase;
}

.navigate a {
    text-decoration: underline;
    text-decoration-color: #E5E4DD;
    text-underline-position: under;
    text-decoration-thickness: 1px;
    display: inline-block;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    padding-bottom: 6px;
}

.navigate a:hover, .navigate a:active, .navigate a.active {
    background: var(--color-accent);
    text-decoration-color: var(--color-accent);
}

.footer {
    background: #1e1e1e;
    color: #fff;
}

.footer a {
    color: #fff;
}

.footer .container-fluid {
    padding: var(--base-padding) var(--base-padding) 42px var(--base-padding);
}

.footer .logo {
    margin: 0 0 33px 0;
}

.foot-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.foot-nav a {
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    display: inline-block;
}

.foot-nav a:hover {
    opacity: 0.7;
}

.footer-inner {
    border-top: 1px solid #393939;
    font-size: 20px;
    line-height: 25px;
}

.footer-inner .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 35px var(--base-padding) var(--base-padding) var(--base-padding);
}

.footer-lft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.footer-lft span {
    display: block;
}

.footer-lft a {
    font-size: 16px;
    line-height: 20px;
    text-decoration: underline;
    text-underline-position: under;
}

.footer-lft a:hover {
    text-decoration: none;
}

.footer-logo {
    margin-bottom: 36px;
}

@media (max-width: 1199.98px) {
    .panel-about {
        padding-bottom: 30px;
    }

    .header .container-fluid {
        padding-top: 29px;
        padding-bottom: 34px;
    }

    .main-nav {
        padding-bottom: 5px;
    }

    .logo .icon {
        width: 106px;
        height: 27px;
    }

    .footer-logo {
        margin-bottom: 25px;
    }

    .item-caption span {
        font-size: 16px;
    }

    .footer .container-fluid {
        padding-bottom: 34px;
    }

    .footer-inner .container-fluid {
        padding-top: 21px;
        padding-bottom: 27px;
    }

    .footer-lft {
        gap: 6px;
    }

    .footer-lft span {
        font-size: 13px;
        line-height: 15px;
    }

    .footer-lft a {
        font-size: 9px;
        line-height: 12px;
        letter-spacing: 0;
    }

    .footer-rht {
        font-size: 13px;
        line-height: 15px;
    }

    .slider-counter {
        font-size: 24px;
        line-height: 28px;
    }

    .panel {
        padding-top: 27px;
        font-size: 13px;
        line-height: 15px;
    }

    .sort-nav {
        gap: 18px;
    }
}

@media (max-width: 991.98px) {
    .hero-slider .container-fluid {
        aspect-ratio: 4/5;
    }

    .header .container-fluid {
        padding-top: 27px;
        padding-bottom: 27px;
    }

    .main {
        padding-bottom: 27px;
    }

    .item-cover, .item-caption {
        padding-left: 0;
        padding-right: 0;
    }

    .slide-caption {
        padding-bottom: 27px;
    }

    .item-cover, .item-1x1 {
        aspect-ratio: 3/2;
    }

    .item-caption {
        min-height: 61px;
    }

    .item-list .item {
        margin-bottom: 27px;
    }

    .main-nav {
        position: absolute;
        left: 0px;
        right: 0px;
        background-color: #fff;
        top: 0px;
        padding: 114px 0px 0px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 34px;
        line-height: 36px;
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
        -webkit-transition: var(--trans-nav);
        transition: var(--trans-nav);
    }

    .logo {
        position: relative;
        z-index: 1;
    }

    .main-nav a {
        padding: 15px 0 23px 96px;
        display: block;
        position: relative;
    }

    .main-nav a:hover {
        background: var(--color-accent);
    }

    .main-nav a:not(:last-child) {
        border-bottom: 1px solid #E5E4DD;
    }

    .main-nav a:not(:last-child):hover {
        border-bottom-color: var(--color-accent);
    }

    .main-nav a span {
        display: block;
    }

    .js-nav .logo .icon, .js-nav:has(.hero) .logo .icon {
        fill: #000;
    }

    .js-nav .main-nav {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .js-nav .toggler-open {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0;
        visibility: hidden;
    }

    .js-nav .toggler-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
        visibility: visible;
    }

    .main-nav a, body:has(.hero) .main-nav a {
        color: #000;
    }

    .item-caption {
        padding-top: 11px;
        padding-bottom: 0;
    }

    .footer-inner {
        font-size: 13px;
        line-height: 16px;
    }

    .footer-inner .container-fluid {
        display: block;
    }

    .footer-lft {
        margin-bottom: 24px;
        letter-spacing: 0;
        gap: 6px;
    }

    .footer-lft a {
        font-size: 9px;
        line-height: 12px;
    }

    .footer-rht {
        text-align: right;
    }

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

    .toggler-close {
        opacity: 0;
        visibility: hidden;
    }

    .slider-counter {
        font-size: 24px;
        line-height: 28px;
        bottom: 27px;
        gap: 8px;
    }

    .navigate a {
        padding-bottom: 3px;
    }

    .panel .container-fluid {
        display: block;
    }

    .panel {
        padding-bottom: 22px;
    }

    .panel-about {
        padding-bottom: 30px;
    }

    .check-set {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0;
    }

    .check-set .switch {
        margin-top: 3px;
    }

    .sort-nav {
        margin-bottom: -27px;
        padding-bottom: 27px;
        display: block;
        white-space: nowrap;
        overflow: auto;
        font-size: 0;
    }

    .sort-nav a {
        font-size: 13px;
        line-height: 15px;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        margin-right: 18px;
    }

    .navigate-wrap {
        overflow: hidden;
        margin-bottom: 27px;
        margin-right: -27px;
    }

    .item-1x1, .item-cover {
        aspect-ratio: unset;
    }

    .item-1x1 .img-box, .item-cover .img-box {
        aspect-ratio: 3/2;
    }

    .main {
        overflow: hidden;
    }

    .main:has(.wrap) {
        overflow: visible;
    }

    textarea.form-control {
        height: 108px;
    }
}

@media (max-width: 767.98px) {
    .slider-counter {
        font-size: 18px;
        line-height: 21px;
    }
}

picture img {
    max-width: 100%;
}

.section {
    margin-top: clamp(50px, 41.5335463259vw + -447.9872204473px, 180px);
}

.section a:not([class]) {
    text-decoration: underline;
    text-underline-position: under;
}

.section ol {
    list-style: none;
    counter-reset: point;
    margin-bottom: 20px;
}

.section ol:not(:first-child) {
    margin-top: clamp(28px, 3.8338658147vw + -17.9680511182px, 40px);
}

.section ol:not(:last-child) {
    margin-bottom: 40px;
}

.section ol li {
    display: block;
    padding-left: var(--base-padding);
    position: relative;
}

.section ol li:not(:last-child) {
    margin-bottom: 22px;
}

.section ol li:before {
    content: counter(point) ".";
    counter-increment: point 1;
    position: absolute;
    left: clamp(5px, 1.5974440895vw + -14.1533546326px, 10px);
    top: 0;
}

.section picture {
    padding: 21px 0 30px 0;
    display: block;
}

.section ul:not([class]):not(:first-child) {
    margin-top: clamp(28px, 3.8338658147vw + -17.9680511182px, 40px);
}

.section ul:not([class]) li {
    display: block;
    padding-left: clamp(26px, 6.3897763578vw + -50.6134185304px, 46px);
    position: relative;
}

.section ul:not([class]) li:not(:last-child) {
    margin-bottom: clamp(12px, 3.1948881789vw + -26.3067092652px, 22px);
}

.section ul:not([class]) li:before {
    content: "";
    display: block;
    position: absolute;
    width: clamp(3px, 0.6389776358vw + -4.661341853px, 5px);
    height: clamp(3px, 0.6389776358vw + -4.661341853px, 5px);
    background: #222;
    border-radius: 50%;
    left: clamp(10px, 3.1948881789vw + -28.3067092652px, 20px);
    top: clamp(10px, 3.1948881789vw + -28.3067092652px, 20px);
}

.section-simple {
    margin-top: clamp(54px, 11.5015974441vw + -83.9041533546px, 90px);
}

.about-team {
    margin-top: clamp(74px, 27.4760383387vw + -255.4376996805px, 160px);
}

.about-public, .section-menu {
    margin-top: clamp(108px, 23.0031948882vw + -167.8083067093px, 180px);
}

.title-big {
    font-size: clamp(47px, 10.5431309904vw + -79.4121405751px, 80px);
    line-height: clamp(48px, 13.4185303514vw + -112.8881789137px, 90px);
    text-transform: lowercase;
    letter-spacing: -0.02em;
    margin: 0;
}

.inner-hero {
    position: relative;
    margin-left: calc(-1 * var(--base-padding));
    margin-right: calc(-1 * var(--base-padding));
    margin-bottom: 24px;
}

.inner-hero img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-hero {
    aspect-ratio: 12/5;
    margin-top: calc(-1 * var(--base-padding));
}

.article {
    font-size: clamp(18px, 3.8338658147vw + -27.9680511182px, 30px);
    line-height: clamp(21px, 6.0702875399vw + -51.7827476038px, 40px);
}

.article p {
    margin-bottom: 20px;
}

.article strong {
    display: block;
    font-weight: 400;
    word-break: break-word;
    overflow-wrap: break-word;
    font-size: clamp(34px, 7.6677316294vw + -57.9361022364px, 58px);
    line-height: clamp(36px, 10.8626198083vw + -94.2428115016px, 70px);
    margin-bottom: clamp(24px, 4.1533546326vw + -25.7987220447px, 37px);
    letter-spacing: -0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    text-transform: lowercase;
}

.article strong span {
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    white-space: nowrap;
    text-transform: none;
}

.article strong span:hover {
    background: var(--color-accent);
    text-decoration-color: var(--color-accent);
}

.article p.offset {
    padding-bottom: clamp(24px, 17.8913738019vw + -190.517571885px, 80px);
}

.link-video {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 20px;
    line-height: 25px;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    margin: 20px 0 0 0;
}

.link-video .icon {
    width: 30px;
    height: 31px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    max-width: 30px;
}

.link-video:hover {
    background: var(--color-accent);
}

.section h2, .section h3, .section h4, .section h5 {
    text-transform: lowercase;
    font-size: var(--base-font-size);
    margin-top: 13px;
}

.numbers {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: repeat(1, 1fr);
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 40px;
    text-transform: lowercase;
}

.numbers > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.numbers > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.numbers li {
    display: block;
}

.numbers li span {
    display: block;
    font-size: clamp(47px, 10.5431309904vw + -79.4121405751px, 80px);
    line-height: clamp(48px, 13.4185303514vw + -112.8881789137px, 90px);
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

.person-list {
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(36px, 14.0575079872vw + -132.5495207668px, 80px) 1fr clamp(36px, 14.0575079872vw + -132.5495207668px, 80px) 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: repeat(1, 1fr);
    -webkit-column-gap: clamp(36px, 14.0575079872vw + -132.5495207668px, 80px);
    -moz-column-gap: clamp(36px, 14.0575079872vw + -132.5495207668px, 80px);
    column-gap: clamp(36px, 14.0575079872vw + -132.5495207668px, 80px);
    row-gap: 30px;
    font-size: clamp(9px, 2.2364217252vw + -17.8146964856px, 16px);
    line-height: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
}

.person-list > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.person-list > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.person-list > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.person-list span {
    display: block;
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
    margin-bottom: 3px;
}

.person-list .person-item:nth-child(n + 7) {
    display: none;
}

.person-img {
    aspect-ratio: 1/1;
}

.person-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 15%;
    scale: 1;
}

.link-more {
    font-size: 20px;
    line-height: 25px;
}

.link-more2 {
    font-size: 20px;
    line-height: 25px;
}

.person-txt {
    padding: 16px 0 0 0;
    min-height: clamp(74px, 14.696485623vw + -102.2108626198px, 120px);
}

.map-canvas {
    aspect-ratio: 2/1;
    margin-top: clamp(24px, 21.0862619808vw + -228.8242811502px, 90px);
}

.unit-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: repeat(1, 1fr);
    margin-left: calc(-1 * var(--base-padding));
    margin-right: calc(-1 * var(--base-padding));
    gap: 1px;
    border-top: 1px solid #E5E4DD;
    background: #E5E4DD;
}

.unit-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.unit-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.unit {
    padding-top: var(--base-padding);
    padding-left: var(--base-padding);
    padding-right: var(--base-padding);
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    text-transform: none;
    background-color: #fff;
}

.unit:hover {
    background: var(--color-accent);
}

.unit-img {
    aspect-ratio: 3/2;
}

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

.unit-cnt {
    min-height: clamp(126px, 30.0319488818vw + -234.0830670927px, 220px);
    text-transform: lowercase;
    padding-top: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
}

.about-public h2 {
    text-transform: lowercase;
    font-size: clamp(47px, 10.5431309904vw + -79.4121405751px, 80px);
    line-height: clamp(48px, 13.4185303514vw + -112.8881789137px, 90px);
    margin-bottom: clamp(72px, 15.3354632588vw + -111.8722044728px, 120px);
}

@media (max-width: 1199.98px) {
    .article p {
        margin-bottom: 16px;
    }

    .article strong {
        letter-spacing: -0.04em;
        text-transform: lowercase;
        text-wrap: balance;
    }

    .offset {
        margin-bottom: 40px;
    }

    .link-video {
        margin-top: 6px;
        font-size: 13px;
        line-height: 15px;
    }

    .link-video .icon {
        width: 15px;
        height: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15px;
        flex: 0 0 15px;
        max-width: 15px;
    }

    .section h3 {
        margin-top: 0;
    }

    .title-big {
        letter-spacing: -0.06em;
    }

    .numbers {
        row-gap: 24px;
        letter-spacing: -0.03em;
    }

    .numbers li span {
        margin-bottom: 12px;
        letter-spacing: -0.06em;
    }

    .person-list {
        margin-top: 0px;
    }

    .person-txt {
        color: #868C96;
        padding-top: 11px;
    }

    .person-txt span {
        color: #222;
    }

    .map-canvas {
        aspect-ratio: 16/9;
    }
}

@media (max-width: 991.98px) {
    .about-hero {
        aspect-ratio: 16/21;
    }

    .section h3 {
        margin-bottom: 16px;
    }

    .person-list {
        -webkit-column-gap: 27px;
        -moz-column-gap: 27px;
        column-gap: 27px;
        row-gap: 0;
        -ms-grid-columns: 1fr 27px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }

    .map-canvas {
        aspect-ratio: 293/319;
    }

    .unit-grid {
        -ms-grid-columns: (1fr) [ 1 ];
        grid-template-columns: repeat(1, 1fr);
    }

    .about-public {
        margin-top: 108px;
    }
}

.work-title {
    margin-bottom: 30px;
}

.work-hero {
    aspect-ratio: 16/9;
    margin-bottom: 0px;
    position: sticky;
    top: 0;
    z-index: 1;
}

.work-hero picture {
    display: block;
    width: 100%;
    height: 100%;
}

.wrap {
    background: #fff;
    position: relative;
    z-index: 20;
    margin-left: calc(-1 * var(--base-padding));
    margin-right: calc(-1 * var(--base-padding));
    padding: 0 var(--base-padding);
    -webkit-transform: translate3d(0, 0, 0);
    text-wrap: balance;
}

.content-section {
    padding-top: var(--base-padding);
    padding-bottom: var(--base-padding);
}

.content-section .item-list {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: var(--base-padding);
}

.content-section:has(.work-gallery-grid) {
    padding-bottom: 0;
}

.content-section .content-section {
    margin: 45px 0;
}

.content p {
    margin-bottom: 22px;
}

.content .row {
    margin-left: -20px;
    margin-right: -20px;
}

.content div[class^=col-] {
    padding: 0 20px;
}

.content dl {
    margin: 0;
    font-size: 20px;
    line-height: 25px;
    padding-top: 5px;
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
}

.content dt {
    padding-top: clamp(2px, 4.1533546326vw + -47.7987220447px, 15px);
    color: #7a7a7a;
    font-weight: 400;
    text-wrap: balance;
}

.content dd {
    padding-bottom: clamp(10px, 3.1948881789vw + -28.3067092652px, 20px);
    margin: 0;
}

.content h3, .content h4 {
    font-size: clamp(18px, 3.8338658147vw + -27.9680511182px, 30px);
    line-height: clamp(21px, 6.0702875399vw + -51.7827476038px, 40px);
    padding-top: clamp(3px, 3.1948881789vw + -35.3067092652px, 13px);
    padding-bottom: clamp(16px, 1.9169329073vw + -6.9840255591px, 22px);
    text-transform: lowercase;
    margin: 0;
}

.work-content {
    padding-top: 13px;
    font-size: clamp(18px, 3.8338658147vw + -27.9680511182px, 30px);
    line-height: clamp(21px, 6.0702875399vw + -51.7827476038px, 40px);
}

.img-wrap {
    aspect-ratio: 3/2;
}

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

.work-stuff {
    padding-top: clamp(24px, 5.1118210863vw + -37.2907348243px, 40px);
}

.work-stuff .work-short:not(:last-child) {
    margin-bottom: clamp(24px, 5.1118210863vw + -37.2907348243px, 40px);
}

.work-short {
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
}

.work-short div[class^=col-] {
    padding-bottom: 20px;
}

.work-short span {
    display: block;
    color: #7a7a7a;
    padding-top: clamp(9px, 1.9169329073vw + -13.9840255591px, 15px);
}

.section-full {
    margin-left: calc(-1 * var(--base-padding));
    margin-right: calc(-1 * var(--base-padding));
    margin-bottom: 0;
    aspect-ratio: 16/9;
}

.section-full img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.work-slider {
    position: relative;
}

.work-slider .slide {
    aspect-ratio: 16/9;
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
}

.slick-dots li {
    display: block;
    margin: 0 15px;
}

.slick-dots li.slick-active button {
    background: #fff;
}

.slick-dots li button {
    padding: 0;
    font-size: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ced4da;
    display: block;
    background: none;
    border-radius: 50%;
}

.next-preview {
    aspect-ratio: 3.69;
}

.next-preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.work-next {
    margin-left: calc(-1 * var(--base-padding));
    margin-right: calc(-1 * var(--base-padding));
    padding-top: 44px;
    display: block;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
}

.work-next span {
    display: block;
    color: #7a7a7a;
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 25px;
    padding-left: var(--base-padding);
}

.work-next:hover {
    background: var(--color-accent);
}

.work-next .work-title {
    padding-left: var(--base-padding);
}

.work-gallery-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 4 ];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: (1fr) [ 1 ];
    grid-template-rows: repeat(1, 1fr);
}

.work-gallery-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.work-gallery-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.work-gallery-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.work-gallery-grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.work-gallery-grid .item {
    padding: 45px;
}

.work-gallery-grid .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 0.8;
}

.work-gallery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 2 ];
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--base-padding);
}

.work-gallery .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--base-padding);
    aspect-ratio: unset;
}

.work-gallery .item div {
    aspect-ratio: 0.8;
}

.work-gallery .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.work-gallery .item.item-3x2 div {
    aspect-ratio: 3/2;
}

.work-gallery .item.item-1x1 div {
    aspect-ratio: 1/1;
}

.proj-block {
    padding: var(--base-padding) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}

.proj-block img {
    max-width: 100%;
}

.proj-block-body {
    position: relative;
}

.proj-full-img img {
    aspect-ratio: 16/9;
    max-width: auto;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.proj-block-head, .proj-block-head h2, .proj-block-head h3{
    /*text-transform: lowercase;*/
    font-size: clamp(17px, 4.1533546326vw + -32.7987220447px, 30px);
    line-height: clamp(24px, 5.1118210863vw + -37.2907348243px, 40px);
    text-transform: lowercase;
}

.proj-block-head{
    padding-top: 13px;
    padding-bottom: 22px;
}

.proj-block-head p{
    text-transform: none;
}

@media (max-width: 1199.98px){
    .proj-block-head{
        padding-top: 3px;
        padding-bottom: 16px;
    }
}



.proj-block-head h2, .proj-block-head h3{
    margin: 0;
}

.proj-block-head div {
    text-wrap: balance;
}

.proj-block-head div[class^=col-] {
    padding-top: 13px;
    padding-bottom: 22px;
}

.proj-block-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.proj-block-hint {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 360px;
    padding: 20px;
}

.proj-block-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.proj-block-spr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.proj-block-spr .icon {
    width: 70px;
    height: 70px;
}

.proj-full {
    margin-left: calc(-1 * var(--base-padding));
    margin-right: calc(-1 * var(--base-padding));
}

.proj-full img {
    width: 100%;
    max-width: 100%;
}

.user-group {
    padding-bottom: 22px;
}

.user-group-cnt {
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
}

.user-group-cnt span {
    display: block;
    font-size: clamp(18px, 3.8338658147vw + -27.9680511182px, 30px);
    line-height: clamp(21px, 6.0702875399vw + -51.7827476038px, 40px);
}

.proj-block-spectr {
    margin-bottom: 10px;
}

.proj-block-spectr img {
    width: 100%;
}

.proj-block-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
}

.proj-block-legend div {
    color: #A92929;
    text-align: right;
}

.proj-block-legend div:first-child {
    color: #388E54;
    text-align: left;
}

.legend {
    border-top: 1px solid #868C96;
    margin: 0;
    padding: 0;
}

.legend li {
    display: block;
    text-align: center;
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
    padding: 10px 0;
    border-bottom: 1px solid #868C96;
}

.proj-block-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.proj-block-box div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.proj-block-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    max-width: 490px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.list-colored {
    margin: 0;
    padding: 0;
}

.list-colored li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
    border: 0;
    color: #fff;
    padding: 5px 20px;
    height: 40px;
}

.list-colored li:not(:last-child) {
    margin-bottom: 10px;
}

.cnstr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    max-width: 100vw;
    margin-right: calc(-1 * var(--base-padding));
    margin-left: calc(-1 * var(--base-padding));
    padding-left: var(--base-padding);
    padding-bottom: 20px;
    margin-bottom: -20px;
}

.cnstr::-webkit-scrollbar {
    opacity: 0;
    visibility: hidden;
}

.cnstr-big .cnstr-item {
    min-width: 150px;
}

.cnstr-item {
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
    min-width: 216px;
}

.cnstr-item span {
    display: block;
    margin-top: 10px;
}

.cnstr-sep {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    max-width: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cnstr-sep .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    max-width: 30px;
    width: 30px;
    height: 30px;
}

.cnstr-sep.cnstr-sep-big {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: clamp(82px, 33.2268370607vw + -316.3897763578px, 186px);
    flex-basis: clamp(82px, 33.2268370607vw + -316.3897763578px, 186px);
    max-width: clamp(82px, 33.2268370607vw + -316.3897763578px, 186px);
}

.cnstr-sep.cnstr-sep-big .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    width: 50px;
    height: 50px;
}

.cnstr-ico {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cnstr-module {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    column-gap: 90px;
    row-gap: 24px;
    margin-right: 0;
}

.cnstr-col {
    font-size: clamp(9px, 2.2364217252vw + -17.8146964856px, 16px);
    line-height: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
}

.cnstr-col span {
    display: block;
    padding: 3px 0 7px 0;
    margin-bottom: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
}

.cnstr-col strong {
    display: block;
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
    padding-top: clamp(3px, 3.1948881789vw + -35.3067092652px, 13px);
    padding-bottom: clamp(9px, 2.5559105431vw + -21.6453674121px, 17px);
}

.cnstr-img {
    margin-bottom: 20px;
}

.proj-hint {
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: #fff;
    padding: clamp(24px, 5.1118210863vw + -37.2907348243px, 40px);
    width: clamp(306px, 10.2236421725vw + 183.4185303514px, 338px);
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
}

.proj-hint ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.proj-hint ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.proj-hint ul li span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
    height: 40px;
}

.proj-hint ul li img {
    max-width: 100%;
}

.proj-tips {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #fff;
    width: 278px;
    padding: 10px;
    font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
    line-height: clamp(15px, 3.1948881789vw + -23.3067092652px, 25px);
}

.proj-tips ul {
    margin: 0;
    padding: 0;
}

.proj-tips ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.proj-tips ul li:not(:last-child) {
    margin-bottom: 10px;
}

.proj-tips ul li span {
    display: block;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 40px;
    border-radius: 50%;
}

@media (max-width: 1199.98px) {
    .row {
        margin-left: -12px;
        margin-right: -12px;
    }

    .row div[class^=col-] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .users-groups {
        margin-left: -20px;
        margin-right: -20px;
    }

    .users-groups div[class^=col-] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .content p {
        margin-bottom: 16px;
    }

    .content .row {
        margin-left: -12px;
        margin-right: -12px;
    }

    .content div[class^=col-] {
        padding: 0 12px 12px 12px;
    }

    .work-content {
        text-transform: lowercase;
    }

    .work-text {
        padding-bottom: 24px;
    }

    .content dl {
        padding-top: 3px;
    }

    .content .content-section {
        padding-top: 27px;
        padding-bottom: 27px;
    }

    .work-list-2 .item-cover {
        padding: 27px 27px 0 27px;
    }

    .content-section:has(.work-gallery-grid) {
        padding-top: 27px;
        padding-bottom: 27px;
    }

    .content-section .work-list-2 {
        margin-bottom: 27px;
    }

    .work-list-2 .item-cover .img-box {
        aspect-ratio: 0.8;
    }

    .work-gallery-grid .item {
        padding: 27px;
    }

    .work-next {
        padding-top: 27px;
    }

    .work-next span {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 13px;
    }

    .next-preview {
        aspect-ratio: 2.6;
    }

    .content-section .content-section {
        margin: 27px 0;
    }

    .work-stuff {
        padding-top: 0;
    }

    .proj-block-spr {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 118px;
        flex: 0 0 118px;
        max-width: 118px;
    }

    .proj-block-head div[class^=col-] {
        padding: 3px 0 16px 0;
    }

    .proj-block {
        gap: 24px;
    }

    .proj-hint ul {
        gap: 12px;
    }

    .proj-block-head {
        margin-left: -12px;
        margin-right: -12px;
    }

    .proj-block-head div[class^=col-] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .proj-tips ul li {
        gap: 12px;
    }

    .proj-tips ul li span {
        width: 24px;
        height: 24px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px;
        max-width: 24px;
    }

    .proj-block-info {
        max-width: 360px;
    }

    .cnstr-module {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 991.98px) {
    .content dl {
        margin-bottom: 12px;
    }

    .content dt {
        padding-top: 8px;
    }

    .content dd {
        padding-bottom: 10px;
    }

    .work-list-1 {
        margin: 0 !important;
    }

    .work-list-1 .item {
        margin: 0;
    }

    .work-list-1 .item-cover {
        padding: 0;
    }

    .work-list-1 div[class^=col-]:not(:last-child) {
        margin-bottom: 27px;
        padding-bottom: 27px !important;
    }

    .work-list-2 .item-cover {
        padding: 0;
    }

    .work-list-2 .item {
        margin: 0;
        height: auto;
    }

    .work-list-2 {
        margin-left: -13.5px !important;
        margin-right: -13.5px !important;
    }

    .work-list-2 div[class^=col-] {
        padding: 0 13.5px !important;
    }

    .work-list-2 div[class^=col-]:not(:last-child) {
        margin-bottom: 27px;
    }

    .work-gallery-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 27px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 27px;
        padding-bottom: 27px;
    }

    .work-gallery-grid .item {
        padding: 0;
    }

    .work-gallery {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        gap: 54px;
    }

    .work-gallery .item {
        padding: 0;
    }

    .work-gallery .item div {
        aspect-ratio: 4/5;
    }

    .work-gallery .item.item-3x2 div {
        aspect-ratio: 3/2;
    }

    .section-full-wrap {
        margin-top: 27px;
        margin-bottom: 54px;
    }

    .content-section .content-section {
        margin: 0 0 27px 0;
    }

    .justify-content-end .work-text {
        padding-bottom: 0;
    }

    .proj-block-spr {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
        flex: 0 0 72px;
        max-width: 72px;
    }

    .proj-block-spr .icon {
        width: 24px;
        height: 24px;
    }

    .proj-hint, .proj-block-hint {
        position: static;
        margin: 24px 0 0 0;
    }

    .proj-tips {
        position: static;
    }

    .proj-block-box {
        display: block;
    }

    .proj-block-info, .proj-block-hint {
        margin-top: 27px;
        padding: 0;
        max-width: none;
        width: auto;
        margin-left: calc(-1 * var(--base-padding));
        margin-right: calc(-1 * var(--base-padding));
    }

    .cnstr-module {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
    }
}

@media (max-width: 767.98px) {
    .users-groups {
        margin-bottom: -18px;
    }

    .user-group {
        margin-bottom: 18px;
    }

    .proj-block-legend div br {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .content div[class^=col-] {
        padding-bottom: 0;
    }

    .content dl {
        padding-top: 0;
    }

    .work-short div[class^=col-] {
        margin-bottom: 0px;
        padding-bottom: 12px;
    }

    .work-hero {
        aspect-ratio: 0.76;
    }

    .work-scheme div[class^=col-] {
        padding-bottom: 0;
    }

    .work-scheme div[class^=col-]:not(:last-child) {
        margin-bottom: 27px;
    }

    .slick-dots li button {
        width: 9px;
        height: 9px;
    }
}

.contact-inf {
    margin: 0;
    padding: 0;
    font-size: clamp(18px, 3.8338658147vw + -27.9680511182px, 30px);
    line-height: clamp(21px, 6.0702875399vw + -51.7827476038px, 40px);
    text-transform: lowercase;
}

.contact-inf li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.contact-inf li:not(:last-child) {
    margin-bottom: 20px;
}

.contact-inf li span {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #909090;
    -ms-flex-preferred-size: clamp(77px, 26.517571885vw + -240.945686901px, 160px);
    flex-basis: clamp(77px, 26.517571885vw + -240.945686901px, 160px);
    max-width: clamp(77px, 26.517571885vw + -240.945686901px, 160px);
}

.contact-map {
    padding-top: clamp(54px, 11.5015974441vw + -83.9041533546px, 90px);
}

.map-wrap {
    position: relative;
    height: 500px;
}

.map-area {
    position: absolute;
    inset: 0;
}

.form-agree {
    font-size: clamp(9px, 2.2364217252vw + -17.8146964856px, 16px);
    line-height: clamp(12px, 2.5559105431vw + -18.6453674121px, 20px);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 20px;
    text-wrap: balance;
}

.form-agree a {
    text-decoration: underline;
    text-underline-position: under;
}

.form-section {
    padding-bottom: clamp(50px, 41.5335463259vw + -447.9872204473px, 180px);
}

.form-section strong {
    margin-bottom: clamp(51px, 14.0575079872vw + -117.5495207668px, 95px);
}

.section-prefoot {
    padding-bottom: clamp(50px, 41.5335463259vw + -447.9872204473px, 180px);
}

.section-final {
    padding-bottom: clamp(108px, 23.0031948882vw + -167.8083067093px, 180px);
}

.form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

@media (max-width: 1199.98px) {
    .contact-inf li:not(:last-child) {
        margin-bottom: 16px;
    }

    .contact-inf li span {
        letter-spacing: -0.03em;
    }
}

@media (max-width: 575.98px) {
    .map-wrap {
        height: 350px;
    }

    .form-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form-agree {
        padding: 4px 0 6px 0;
    }

    .btn {
        min-width: auto;
    }
}

.hero-start {
    margin: 0 0 31px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-rows: 1fr 2px 1fr 2px 1fr 2px 1fr;
    grid-template-rows: repeat(4, 1fr);
    gap: 2px;
    padding-right: clamp(98px, -6.7092651757vw + 178.4440894569px, 77px);
}

.hero-start > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.hero-start > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.hero-start > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.hero-start > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

.hero-start > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}

.hero-start > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
}

.hero-start > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.hero-start > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.hero-start > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.hero-start > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
}

.hero-start > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
}

.hero-start > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
}

.hero-start > *:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.hero-start > *:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.hero-start > *:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}

.hero-start > *:nth-child(16) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
}

.hero-start > *:nth-child(17) {
    -ms-grid-row: 5;
    -ms-grid-column: 9;
}

.hero-start > *:nth-child(18) {
    -ms-grid-row: 5;
    -ms-grid-column: 11;
}

.hero-start > *:nth-child(19) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}

.hero-start > *:nth-child(20) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
}

.hero-start > *:nth-child(21) {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
}

.hero-start > *:nth-child(22) {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
}

.hero-start > *:nth-child(23) {
    -ms-grid-row: 7;
    -ms-grid-column: 9;
}

.hero-start > *:nth-child(24) {
    -ms-grid-row: 7;
    -ms-grid-column: 11;
}

.person {
    aspect-ratio: 8/7;
    position: relative;
}

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

.person:after {
    content: "";
    display: block;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIwIiBoZWlnaHQ9IjE5NSIgdmlld0JveD0iMCAwIDIyMCAxOTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMDAuMTc1IDEzMy43NTdDMTk3Ljg4MSAxNDcuOTk3IDE5MC44MTMgMTU5LjM1NSAxNzkuMDY1IDE2Ny45MTdDMTY3LjMxOCAxNzYuNDc5IDE1MS4wNzIgMTgwLjIzNSAxMzAuMzI5IDE3OS4yNzRDMTE1LjAwMiAxNzguNTc2IDEwMC4yMjUgMTc0Ljk5NCA4Ni4xODI2IDE2OC42MTZDNzIuMDQ4NSAxNjIuMTUxIDU5Ljc0OTcgMTUzLjUwMiA0OS4yODY5IDE0Mi41ODFDMzguODIzNSAxMzEuNjYgMzAuOTMwNyAxMTkuNTE2IDI1LjYwNzQgMTA2LjE0OUMxOS4yNzQyIDkwLjE2MTEgMTcuMzQ2OSA3NS4wNDczIDE5LjgyNSA2MC44MDY1QzIyLjIxMTMgNDYuNDc4NSAyOS4yNzggMzUuMTIwOSA0MS4xMTc4IDI2LjQ3MTdDNTIuOTU3NiAxNy45MDk5IDY5LjIwMzMgMTQuMTUzMiA4OS42NzA2IDE1LjExNDJDMTA1LjQ1NyAxNS44MTMxIDEyMC4xNDIgMTkuMzA3OCAxMzMuOTA5IDI1LjQyMzRDMTQ3LjU4NCAzMS42MjY0IDE1OS42OTkgNDAuMTAwOCAxNzAuMDcxIDUwLjkzNDFDMTgwLjQ0MiA2MS42Nzk5IDE4OC41MTkgNzQuMjYxIDE5NC4xMTcgODguNTg5QzIwMC40NTEgMTA0LjQ5IDIwMi40NyAxMTkuNTE2IDIwMC4xNzUgMTMzLjc1N1pNMCAxOTVIMjIwVjBIMFYxOTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    opacity: 0;
    visibility: hidden;
}

.person:hover:after {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1199.98px) {
    .hero-start {
        margin: 0 0 22px 0;
    }
}

@media (max-width: 1199.98px) {
    .panel-hr {
        padding-top: 33px;
        padding-bottom: 22px;
    }
}

.nav-inner {
    font-size: clamp(34px, 7.6677316294vw + -57.9361022364px, 58px);
    line-height: clamp(36px, 10.8626198083vw + -94.2428115016px, 70px);
    counter-reset: point;
    margin-left: calc(-1 * var(--base-padding));
    margin-right: calc(-1 * var(--base-padding));
    border-top: 1px solid #E5E4DD;
}

.nav-inner a {
    padding-top: clamp(23px, 3.1948881789vw + -15.3067092652px, 33px);
    padding-bottom: clamp(30px, 5.4313099042vw + -35.1214057508px, 47px);
    padding-left: var(--base-padding);
    padding-right: var(--base-padding);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    position: relative;
    border-bottom: 1px solid #E5E4DD;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
    text-decoration: none !important;
}

.nav-inner a:hover {
    background: var(--color-accent);
}

.nav-inner a.active {
    color: #868C96;
}

.nav-inner a span {
    display: block;
    padding-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.nav-inner a:before {
    content: "0" counter(point);
    counter-increment: point 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(41.666667% - 20px);
    flex: 0 0 calc(41.666667% - 20px);
    max-width: calc(41.666667% - 20px);
    letter-spacing: -0.01em;
    padding-right: 20px;
}

.nav-inner a:after {
    content: "↗";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #868C96;
    -webkit-transition: var(--trans-base);
    transition: var(--trans-base);
}

@media (max-width: 991.98px) {
    .panel-hr .sort-nav {
        margin-right: calc(-1 * var(--base-padding));
        margin-left: calc(-1 * var(--base-padding));
        padding-left: var(--base-padding);
    }

    .panel-hr .title-big {
        margin-top: 27px;
    }

    .nav-inner a {
        gap: 24px;
    }

    .nav-inner a span {
        padding: 0;
    }

    .nav-inner a:before {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 107px;
        flex: 0 0 107px;
        max-width: 107px;
        letter-spacing: -0.04em;
        padding: 0;
    }

    .hero-start {
        -ms-grid-columns: (1fr) [ 8 ];
        grid-template-columns: repeat(8, 1fr);
        -ms-grid-rows: (1fr) [ 3 ];
        grid-template-rows: repeat(3, 1fr);
        padding-right: 36px;
    }

    .hero-start > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .hero-start > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .hero-start > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .hero-start > *:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4;
    }

    .hero-start > *:nth-child(5) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .hero-start > *:nth-child(6) {
        -ms-grid-row: 1;
        -ms-grid-column: 6;
    }

    .hero-start > *:nth-child(7) {
        -ms-grid-row: 1;
        -ms-grid-column: 7;
    }

    .hero-start > *:nth-child(8) {
        -ms-grid-row: 1;
        -ms-grid-column: 8;
    }

    .hero-start > *:nth-child(9) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .hero-start > *:nth-child(10) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }

    .hero-start > *:nth-child(11) {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }

    .hero-start > *:nth-child(12) {
        -ms-grid-row: 2;
        -ms-grid-column: 4;
    }

    .hero-start > *:nth-child(13) {
        -ms-grid-row: 2;
        -ms-grid-column: 5;
    }

    .hero-start > *:nth-child(14) {
        -ms-grid-row: 2;
        -ms-grid-column: 6;
    }

    .hero-start > *:nth-child(15) {
        -ms-grid-row: 2;
        -ms-grid-column: 7;
    }

    .hero-start > *:nth-child(16) {
        -ms-grid-row: 2;
        -ms-grid-column: 8;
    }

    .hero-start > *:nth-child(17) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .hero-start > *:nth-child(18) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }

    .hero-start > *:nth-child(19) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .hero-start > *:nth-child(20) {
        -ms-grid-row: 3;
        -ms-grid-column: 4;
    }

    .hero-start > *:nth-child(21) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }

    .hero-start > *:nth-child(22) {
        -ms-grid-row: 3;
        -ms-grid-column: 6;
    }

    .hero-start > *:nth-child(23) {
        -ms-grid-row: 3;
        -ms-grid-column: 7;
    }

    .hero-start > *:nth-child(24) {
        -ms-grid-row: 3;
        -ms-grid-column: 8;
    }
}

@media (max-width: 575.98px) {
    .hero-start {
        -ms-grid-columns: (1fr) [ 5 ];
        grid-template-columns: repeat(5, 1fr);
        -ms-grid-rows: (1fr) [ 5 ];
        grid-template-rows: repeat(5, 1fr);
        padding-right: 12.167vw;
    }

    .hero-start > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .hero-start > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .hero-start > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .hero-start > *:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4;
    }

    .hero-start > *:nth-child(5) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .hero-start > *:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .hero-start > *:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }

    .hero-start > *:nth-child(8) {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }

    .hero-start > *:nth-child(9) {
        -ms-grid-row: 2;
        -ms-grid-column: 4;
    }

    .hero-start > *:nth-child(10) {
        -ms-grid-row: 2;
        -ms-grid-column: 5;
    }

    .hero-start > *:nth-child(11) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .hero-start > *:nth-child(12) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }

    .hero-start > *:nth-child(13) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .hero-start > *:nth-child(14) {
        -ms-grid-row: 3;
        -ms-grid-column: 4;
    }

    .hero-start > *:nth-child(15) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }

    .hero-start > *:nth-child(16) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .hero-start > *:nth-child(17) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }

    .hero-start > *:nth-child(18) {
        -ms-grid-row: 4;
        -ms-grid-column: 3;
    }

    .hero-start > *:nth-child(19) {
        -ms-grid-row: 4;
        -ms-grid-column: 4;
    }

    .hero-start > *:nth-child(20) {
        -ms-grid-row: 4;
        -ms-grid-column: 5;
    }

    .hero-start > *:nth-child(21) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .hero-start > *:nth-child(22) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }

    .hero-start > *:nth-child(23) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .hero-start > *:nth-child(24) {
        -ms-grid-row: 5;
        -ms-grid-column: 4;
    }

    .hero-start > *:nth-child(25) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }
}

@media (max-width: 420px) {
    .nav-inner a:before {
        display: none;
    }
}

/**
Hotspot styles
 */
.hotspot-container {
    position: relative;
    width: 100%;
    margin: 2rem 0;
}

.hotspot-container img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.hotspot-point {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.hotspot-point.active {
    z-index: 30;
}

.hotspot-marker {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.hotspot-marker::before, .hotspot-marker::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 2px;
    background: #fff;
}

.hotspot-marker::after {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.hotspot-tooltip {
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 300px;
    background-color: #fff;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}

.hotspot-point.active .hotspot-tooltip {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.hotspot-tooltip h5 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #1a1a1a;
}

.hotspot-tooltip p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 0;
    color: #555;
}

.hotspot-tooltip.align-left {
    left: 0;
    transform: translateX(0);
}

.hotspot-tooltip.align-right {
    left: auto;
    right: 0;
    transform: translateX(0);
}

@media (max-width: 767px) {
    .hotspot-tooltip {
        padding: 0.3rem 0.8rem;
        bottom: 110%;
    }

    .hotspot-tooltip p {
        display: none;
    }

    .hotspot-tooltip h5 {
        margin-bottom: 0.1rem;
        font-size: 1rem;
    }

    .hotspot-marker {
        width: 24px;
        height: 24px;
    }

    .hotspot-marker::before, .hotspot-marker::after {
        width: 12px;
        height: 2px;
    }
}

/**
Hotspot styles END
 */
/*# sourceMappingURL=all.css.map */


@media (max-width: 575px){
    .hotspot-slider .hero-slick-btn{
        width: 52px;
    }
    .proj-block-head h2, .proj-block-head h5, .info-column-item h5{
        font-size: 18px !important;
        text-wrap: balance;
    }
    .proj-block .section-full-wrap:has(.section-full.section-full-custom ){
        margin: 0;
    }
}

.section-full:has(.hotspot-slider){
    /*margin: 20px 0;*/
    /*margin: 0;*/
    margin: 20px 0 30px 0;
}

.info-column-item h5{
    text-transform: lowercase;
}

.section-full-wrap{
    overflow: hidden;
}

.hotspot-container{
    height: 100%;
}

.section-full-wrap > .hotspot-container{
    margin: 20px 0 30px 0;
}

.hotspot-slider .hotspot-container{
    margin: 0;
}

.hotspot-container img{
    height: 100%;
}

.proj-block:has(.section-full.section-full-custom.uncropped){
    padding: 0;
    margin: 20px 0 30px 0;
}


@media (max-width: 991.98px) {
    .section-full-wrap:has(.section-full.section-full-custom.uncropped){
        margin: 0px;
    }
}

@media (max-width: 1199.98px) {
    .proj-block-head {
        margin-left: 0px;
        margin-right: 0px;
    }
    .proj-block-head.row{
        margin-left: -12px;
        margin-right: -12px;
    }
}

.constructor{
    overflow: auto;
}

.constructor-item p{
    margin-bottom: 0;
}

.proj-block-head p:last-child{
    margin-bottom: 0;
}

.proj-block{
    padding: 0;
    margin: 0 !important;
}
.section-full-wrap > .hotspot-container{
    margin: 0;
}


.section-full-wrap:has( > .hotspot-container){
    /*border: 1px solid red;*/
    margin-top: var(--base-padding);
    margin-bottom: calc(var(--base-padding) * 2);
}

.section-full-wrap:has( > .section-full.section-full-custom ){
    /*border: 1px solid green;*/
}

.proj-block > .proj-block-body > .section-full-wrap{
    margin-bottom: var(--base-padding);
}

.proj-block:has( > .proj-block-body > .section-full-wrap > .section-full.section-full-custom) {

}

.proj-block .proj-block-body .section-full-wrap .section-full.section-full-custom{
    margin: 0 !important;
}

.proj-block > .proj-block-body > .section-full-wrap:has(.section-full.section-full-custom){
    margin-top: var(--base-padding);
    margin-bottom: calc(var(--base-padding) * 2);
}

.submodule{
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .constructor-item {
        gap: 20px;
    }
}
/******************* ROOM PAGE **********************/
.plan-box {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 53px;
    padding-left: var(--base-padding);
    padding-right: var(--base-padding);
}

[data-name^="Кабинет"] .plan-box{
    max-width: 470px;
}

@media (max-width: 991.98px) {
    .plan-box {
        padding-top: 16px;
    }
}

.article strong:last-child {
    margin-bottom: 0;
}

.plan-pane {
    position: relative;
}
.plan-pane img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 767.98px) {
    .plan-pane.plan-pane-1 {
        max-width: 472px;
    }
}
@media (max-width: 767.98px) {
    .plan-pane.plan-pane-2 {
        max-width: 227px;
    }
}
@media (max-width: 767.98px) {
    .plan-pane.plan-pane-3 {
        max-width: 252px;
    }
}

.plan-item {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    width: 72px;
    height: 72px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    overflow: hidden;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
}
.plan-item img {
    border-radius: 50%;
    margin: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #868c96;
    object-fit: cover;
}
.plan-item:before {
    content: "";
    display: block;
    position: absolute;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MCA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9Ijg2IiBoZWlnaHQ9Ijg2IiByeD0iNDMiIHN0cm9rZT0iI0UxRkQzNSIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo=) 0 0 no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    inset: 0;
    opacity: 0;
}
.plan-item:hover:before {
    opacity: 1;
}
@media (max-width: 991.98px) {
    .plan-item {
        width: 52px;
        height: 52px;
    }
}
@media (max-width: 767.98px) {
    .plan-item {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 575.98px) {
    .plan-pane-1 .plan-item {
        width: 6.85vw;
        height: auto;
    }
}

.slick-current.slick-active .plan-item {
    opacity: 1;
    visibility: visible;
}

.plan-modal {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: none;
    opacity: 0;
    transition-behavior: allow-discrete;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.plan-modal.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
}
@starting-style {
    .plan-modal.open {
        opacity: 0;
    }
}

.plan-modal-content {
    background: #fff;
    padding: 24px 24px 32px 24px;
    max-width: 286px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    font-size: 20px;
    line-height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.plan-modal-close {
    cursor: pointer;
}
.plan-modal-close span {
    border-bottom: 1px solid rgb(229, 228, 221);
    display: inline-block;
    padding-bottom: 4px;
}

.plan-modal-img {
    max-width: 128px;
    border-radius: 50%;
    margin: 0 auto 8px auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.plan-modal-title {
    font-size: 30px;
    line-height: 40px;
    padding: 10px 0;
    margin-bottom: 24px;
}

.plan-modal-name {
    margin-bottom: 8px;
}

.plan-modal-tel {
    color: rgb(134, 140, 150);
    display: inline-block;
    margin-bottom: 32px;
}

.plan-item-10 {
    left: 5.3%;
    top: 4.2%;
}

.plan-item-11 {
    left: 15.34%;
    top: 4.2%;
}

.plan-item-12 {
    left: 27.26%;
    top: 4.2%;
}

.plan-item-13 {
    left: 35.76%;
    top: 8.41%;
}

.plan-slider-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    line-height: 25px;
    margin-top: clamp(54px, 11.5015974441vw + -83.9041533546px, 90px);
    padding-top: clamp(33px, 7.0287539936vw + -51.2747603834px, 55px);
    padding-bottom: clamp(30px, 2.875399361vw + -4.4760383387px, 39px);
}
@media (max-width: 991.98px) {
    .plan-slider-nav {
        margin-top: 0;
        gap: 18px;
        font-size: 13px;
        line-height: 15px;
    }
}

.hr-plan {
    padding-top: 20px;
    padding-bottom: clamp(54px, 11.5015974441vw + -83.9041533546px, 90px);
    margin-inline: calc(-1 * var(--base-padding));
    overflow: hidden;
}
@media (max-width: 991.98px) {
    .hr-plan {
        padding-top: 16px;
    }
}

.plan-slider {
    margin-right: -27px;
    opacity: 0;
    visibility: hidden;
}
.plan-slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 991.98px) {
    .plan-slider .slick-list {
        padding-right: 200px;
    }
}
@media (max-width: 767.98px) {
    .plan-slider {
        margin-right: 0;
    }
    .plan-slider .slick-list {
        padding-right: 0px;
    }
}

/*** new main page ***/
.hero-slick-btn {
    height: 100vh;
    height: 100dvh;
}

.hero-100 {
    height: 100vh;
    height: 100dvh;
    position: relative;
}

.hero-100 .hero-slider .container-fluid {
    aspect-ratio: unset;
    height: 100vh;
    height: 100dvh;
}

.hero-100 .hero-slider .slide-caption {
    padding-bottom: 107px;
}

.hero-100 .slider-counter {
    bottom: 107px;
}

.hero-100 + .main {
    padding: 0;
}

.footer-main {
    background: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.footer-main > .container-fluid {
    display: none;
}

.footer-main .footer-inner {
    border: 0;
    font-size: 16px;
    line-height: 20px;
    color: #a7a8aa;
}

.footer-main .footer-inner a {
    color: #a7a8aa;
}

.footer-main .footer-lft {
    gap: 0;
}

.footer-main .footer-inner .container-fluid {
    padding-block: 28px;
}

@media (max-width: 1199.98px) {
    .footer-main .footer-lft span,
    .footer-main .footer-lft a,
    .footer-main .footer-rht {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 991.98px) {
    .hero-100 .hero-slider .slide-caption {
        padding-bottom: 88px;
    }
    .hero-100 .slider-counter {
        bottom: 88px;
    }
    .footer-main .footer-inner .container-fluid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .footer-main .footer-lft {
        margin: 0;
    }
    .footer-main .footer-inner .container-fluid {
        padding-block: 18px;
    }
    .slide-caption {
        letter-spacing: -0.04em;
    }
}
@media (max-width: 575.98px) {
    .hero-100 .hero-slider .slide-caption {
        padding-bottom: 69px;
    }
    .hero-100 .slider-counter {
        bottom: 69px;
    }
    .footer-main .footer-lft span,
    .footer-main .footer-lft a,
    .footer-main .footer-rht {
        font-size: 9px;
        line-height: 12px;
    }
}


/***Bistro page***/
.panel-bistro {
  padding-block: 25px;
}
@media (max-width: 991.98px) {
  .panel-bistro {
    padding-block: 20px;
  }
}
.panel-bistro .container-fluid {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.panel-bistro .title-big {
  text-align: right;
}

.section-bistro-first {
  margin-top: clamp(50px, 27.1565495208vw + -275.607028754px, 135px);
  padding-bottom: clamp(0px, 14.3769968051vw + -172.3801916933px, 45px);
}
.section-bistro-first p {
  line-height: 24px;
}

.section-full-wrap:has(.bistro-media) {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .section-full-wrap:has(.bistro-media) {
    margin-top: 0;
  }
}

.section-bistro {
  margin-top: clamp(50px, 12.7795527157vw + -103.2268370607px, 90px);
  padding-bottom: clamp(36px, 2.875399361vw + 1.5239616613px, 45px);
}
.section-bistro picture {
  padding-top: clamp(24px, 17.8913738019vw + -190.517571885px, 80px);
}
.section-bistro picture {
  padding-bottom: 0;
}
@media (max-width: 991.98px) {
  .section-bistro {
    padding-bottom: 0;
  }
}

.bistro-media {
  padding-block: clamp(27px, 5.750798722vw + -41.9520766773px, 45px);
  aspect-ratio: unset;
}
@media (max-width: 991.98px) {
  .bistro-media {
    padding-block: 27px;
  }
}

@media (max-width: 1199.98px) {
  .content-section:has(.bistro-gallery) {
    padding-top: 0;
  }
}
@media (max-width: 991.98px) {
  .content-section:has(.bistro-gallery) {
    padding-bottom: 0;
  }
}

.bistro-gallery .item {
  padding: clamp(36px, 2.875399361vw + 1.5239616613px, 45px);
}
.bistro-gallery .item:first-child {
  padding-left: 0;
}
.bistro-gallery .item:last-child {
  padding-right: 0;
}
@media (max-width: 991.98px) {
  .bistro-gallery {
    -ms-grid-columns: 1fr 0 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
  .bistro-gallery .item {
    padding: 27px;
  }
}
@media (max-width: 575.98px) {
  .bistro-gallery {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .bistro-gallery .item {
    padding-inline: 0;
  }
}

.show-proj {
  text-transform: none;
}

.menu-gallery {
  background: #F7F6F3;
  padding-block: clamp(141px, 17.2523961661vw + -65.8562300319px, 195px);
  padding-inline: var(--base-padding);
  aspect-ratio: unset;
}
@media (max-width: 991.98px) {
  .menu-gallery {
    padding-block: 27px;
    margin-top: 0;
  }
}

.gallery-grid {
  display: -ms-grid;
  display: flex;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 991.98px) {
  .gallery-grid {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

.bistro-article {
  padding-bottom: clamp(36px, 17.2523961661vw + -170.8562300319px, 90px);
}
@media (max-width: 991.98px) {
  .bistro-article {
    padding-bottom: 27px;
  }
}

.gallery-item img {
  width: 100%;
  height: 100%;
    object-fit: contain;
    object-position: top;
}

.simple-text {
  padding-top: clamp(50px, 12.7795527157vw + -103.2268370607px, 90px);
  padding-bottom: clamp(36px, 2.875399361vw + 1.5239616613px, 45px);
}

.main-bistro p {
  line-height: clamp(24px, 5.1118210863vw + -37.2907348243px, 40px);
}
.main-bistro .link-more {
  font-size: clamp(13px, 2.2364217252vw + -13.8146964856px, 20px);
}
.main-bistro .form-section {
  padding-bottom: clamp(108px, 23.0031948882vw + -167.8083067093px, 180px);
}

.time-grid strong {
  margin: 0;
}

.time-grid-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(36px, 1.2779552716vw + 20.6773162939px, 40px);
     -moz-column-gap: clamp(36px, 1.2779552716vw + 20.6773162939px, 40px);
          column-gap: clamp(36px, 1.2779552716vw + 20.6773162939px, 40px);
}
.time-grid-line strong {
  -ms-flex-preferred-size: clamp(87px, 29.7124600639vw + -269.2523961661px, 180px);
      flex-basis: clamp(87px, 29.7124600639vw + -269.2523961661px, 180px);
  max-width: clamp(87px, 29.7124600639vw + -269.2523961661px, 180px);
}

.sub-section {
  padding-block: clamp(25px, 6.3897763578vw + -51.6134185304px, 45px);
}

.bistro-subscribe {
  background-color: var(--color-accent);
  aspect-ratio: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-block: 0;
  padding-block: 22px;
}
.bistro-subscribe span {
  background: url("../img/bistro/curve.svg") center center no-repeat;
  background-size: 95%;
  height: clamp(157px, 29.7124600639vw + -199.2523961661px, 250px);
  -ms-flex-preferred-size: clamp(523px, 106.7092651757vw + -756.4440894569px, 857px);
      flex-basis: clamp(523px, 106.7092651757vw + -756.4440894569px, 857px);
  max-width: clamp(523px, 106.7092651757vw + -756.4440894569px, 857px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 575.98px) {
  .bistro-subscribe span {
    background: none;
  }
}
@media (max-width: 575.98px) {
  .bistro-subscribe {
    background: url("../img/bistro/curve.svg") center center no-repeat var(--color-accent);
    background-size: 575px 157px;
  }
}