.pc {
    display: block !important;
}

.pc-flex {
    display: flex !important;
}

.pctablet {
    display: block !important;
}

.pctablet-flex {
    display: flex !important;
}

.tablet {
    display: none !important;
}

.tablet-flex {
    display: none !important;
}

.mobile {
    display: none !important;
}

.mobile-flex {
    display: none !important;
}

@media (max-width: 1024px) {
    .pc {
        display: none !important;
    }

    .pc-flex {
        display: none !important;
    }

    .pctablet {
        display: flex !important;
    }

    .pctablet-flex {
        display: none !important;
    }

    .tablet {
        display: block !important;
    }

    .tablet-flex {
        display: flex !important;
    }

    .mobile {
        display: none !important;
    }

    .mobile-flex {
        display: none !important;
    }
}

@media (max-width: 568px) {
    .pc {
        display: none !important;
    }

    .pc-flex {
        display: none !important;
    }

    .pctablet {
        display: none !important;
    }

    .pctablet-flex {
        display: none !important;
    }

    .tablet {
        display: none !important;
    }

    .tablet-flex {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .mobile-flex {
        display: flex !important;
    }
}

* {
    box-sizing: border-box;
}

*:not(.text-line, .text-line *) {

}
html {
    scroll-behavior: smooth;
}
html.menu-open {
    overflow: hidden;
}

body {
    /*overflow-x: hidden;*/
    position: relative;
    padding: 0;
    margin: 0;
}
@media (min-width: 1025px) {
    body {
        overflow-x: hidden;
    }
}
@media (max-width: 568px) {
    html {
        overflow-x: hidden;
    }
    body {
        /*overflow-x: hidden;*/
    }
}

h1, h2, h3, h4 {
    margin: 0;
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

a {
    text-decoration: none;
    cursor: pointer;
}
a:hover {

}

p {
    margin: 0;
}

img {
    max-width: 100%;
}

nav {
    list-style: none;
    padding: 0;
}

video {

}

/* header */

header {
    position: fixed;
    z-index: 1000;
    top: 32px;
    left: 0;
    width: 100%;
    padding: 0 128px;
    transition: all 0.4s ease;
}
@media (max-width: 1368px) {
    header {
        padding: 0 64px;
    }
}
@media (max-width: 1024px) {
    header {
        top: 16px;
        padding: 0 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
header > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
header .logo {

}
header nav {
    padding: 24px 0px;
    display: flex;
    gap: 32px;
}
@media (max-width: 1024px) {
    header nav {

    }
}
header nav a {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 145%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}

/* CSS */
.menu {
    display: flex;
    gap: 32px;
    list-style: none;
    padding: 24px 0px;
}

.menu a {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 145%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}
.menu a:hover {
    color: rgba(255, 255, 255, 1);
}
.menu a:after {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .6s
    cubic-bezier(.85, 0, .15, 1);
    width: 100%;
    will-change: transform;
}
.menu a:not(:hover):after {
    transform-origin: 100% 50%;
}
.menu a:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%;
}

/* Mobile Styles */
@media (max-width: 1024px) {
    .menu {
        position: fixed;
        top: 16px;
        right: 16px;
        width: 52px;
        max-height: 40px;
        background: #131313;
        border-radius: 20px;
        padding: 14px;
        flex-direction: column;
        gap: 12px;
        transition: 0.3s ease;
        z-index: 100;
        opacity: 0;
        pointer-events: none;
    }

    .menu.active {
        right: 16px;
        opacity: 1;
        pointer-events: auto;
        width: 138px;
        max-height: 300px;
    }

    .menu li {
        border-bottom: none;
    }

    .menu a {
        font-family: 'Bebas Neue', sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 145%;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.95);
        white-space: nowrap;
    }
}

/* CSS для кнопки гамбургер */
.hamburger {
    display: none;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.95);
    outline: none;
    background: none;
    border-radius: 20px;
    /*padding: 8px 14px;*/
    width: 52px;
    height: 40px;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    z-index: 999;
    /*top: 16px;*/
    /*right: 16px;*/
    /*z-index: 101;*/
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.hamburger svg {
    width: 24px;
    height: 24px;
    transition: opacity 0.3s ease;
}

.hamburger.active {
    /*width: 138px;*/
    /*height: 168px;*/
    /*border-radius: 20px;*/
    /*padding: 14px;*/
    /*background: #131313;*/
    border: none;
}

.hamburger.active .burger-icon {
    opacity: 0;
    pointer-events: none;
}

.hamburger.active .close-icon {
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    /*top: -2px;*/
    /*right: 14px;*/
    z-index: 999;
}

.close-icon {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    position: absolute;
}

.burger-icon {
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: auto;
}

@media (max-width: 1024px) {
    .hamburger {
        display: flex;
    }
}



/* footer */

footer {
    margin-top: -62px;
    position: relative;
}
footer:before {
    content: '';
    display: flex;
    width: 100%;
    height: 62px;
    background-image: url("/assets/img/Union.svg");
    background-size: contain;
    background-position: center;
    background-color: #000;
}
footer > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 24px 40px;
    background: #527852;
}
@media (max-width: 568px) {
    footer > div {
        flex-direction: column;
        justify-content: center;
        gap: 24px;
        padding: 24px 40px;
        background: #527852;
    }
    footer > div .logo {
        display: none;
    }
}
footer .oktta {
    font-family: "Libre Franklin", sans-serif;
    line-height: 150%;
    color: #fff;
}
@media (max-width: 1024px) {
    footer .oktta {
        font-size: 14px;
        line-height: 135%;
    }
}
footer .oktta a {
    font-family: "Libre Franklin", sans-serif;
    line-height: 150%;
    color: #fff;
}
@media (max-width: 1024px) {
    footer .oktta a {
        font-size: 14px;
        line-height: 135%;
    }
}
footer .cop {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 500;
    line-height: 150%;
    color: #fff;
}
@media (max-width: 1024px) {
    footer .cop {
        font-size: 14px;
        line-height: 135%;
    }
}

/**/

.content {

}

/* main-page */

.main-page {

}

/* main-banner */

.main-banner {
    min-height: 100vh;
    position: relative;
}
@media (max-width: 568px) {
    .main-banner {
        max-height: 140vh;
        overflow: hidden;
    }
}
.main-banner:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(0deg, #0a0d0a 0%, rgba(10, 13, 10, 0) 100%);
}
.main-banner .txt {
    position: absolute;
    z-index: 1;
    top: 152px;
    width: 100%;
    height: calc(100% - 152px);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-banner .txt .title {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
    max-width: 650px;
    transform: translate(0px, 0px);
    position: relative;
    padding-top: 20px;
    margin-top: -20px;
}
@media (max-width: 1024px) {
    .main-banner .txt .title {
        font-size: 56px;
    }
}
.main-banner .txt p {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 145%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    position: absolute;
}
@media (max-width: 1024px) {
    .main-banner .txt p {
        font-size: 18px;
    }
}
.main-banner .txt .txt-1 {
    max-width: 354px;
    top: 50%;
    right: 6%;
}
@media (max-width: 1024px) {
    .main-banner .txt .txt-1 {
        max-width: 210px;
        top: 46%;
        right: inherit;
        left: 48px;
    }
}
@media (max-width: 568px) {
    .main-banner .txt .txt-1 {
        top: 22%;
        left: -100vw;
    }
}
.main-banner .txt .txt-2 {
    max-width: 442px;
    top: 76%;
    left: 8%;
}
@media (max-width: 1024px) {
    .main-banner .txt .txt-2 {
        max-width: 210px;
        top: 62%;
        left: inherit;
        right: 48px;
    }
}
@media (max-width: 568px) {
    .main-banner .txt .txt-2 {
        top: 36%;
        left: -100vw;
        right: inherit;
    }
}
.main-banner .img {
    display: flex;
    /*position: relative;*/
}
@media (max-width: 1024px) {
    .main-banner .img {
        height: 100vh;
    }
}
@media (max-width: 568px) {
    .main-banner .img {
        height: 170vh;
    }
}
.main-banner .img:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(146.11% 61.72% at 66.46% 64.63%, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.main-banner .img img {
    width: 100%;
    object-fit: cover;
}

/* card-block */

.card-block {
    background-image: url("/assets/img/card-bg.png");
    background-size: cover;
    min-height: 200vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50vh;
    position: sticky;
    top: -80px;
    transform: translate3d(0,0,0)
}
@media (max-width: 1024px) {
    .card-block {
        min-height: auto;
        padding: 60px 0px 82px 0px;
        position: initial;
    }
}
.card-block .list {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: sticky;
    top: 530px;
    top: 65vh;
}
@media (min-width: 1025px) {
    .card-block .list {
        margin-top: -400px;
        margin-top: -50vh;
    }
}
@media (max-width: 1024px) {
    .card-block .list {
        overflow-x: auto;
        justify-content: flex-start;
        gap: 14px;
        padding: 48px;
    }
    .card-block .list::-webkit-scrollbar {
        display: none;
    }
}
.card-block .list .item {
    border-radius: 8px;
    padding: 32px;
    width: 364px;
    height: 544px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 28px;
    position: relative;
    background-size: cover;
    position: absolute;
}
.card-block .list .item:nth-child(1) {
    z-index: 2;
    transform: rotate(3deg);
}
.card-block .list .item:nth-child(2) {
    z-index: 3;
    transform: rotate(-1deg) translateX(-5px);
}
.card-block .list .item:nth-child(3) {
    z-index: 4;
    transform: rotate(1deg) translateX(-6px);
}
.card-block .list .item:nth-child(4) {
    z-index: 1;
    transform: rotate(-3deg) translateX(2px);
}
@media (max-width: 1368px) {
    .card-block .list .item {
        width: 292px;
        height: 436px;
    }
}
@media (max-width: 1024px) {
    .card-block .list .item {
        position: initial;
        width: 276px;
        min-width: 276px;
        height: 424px;
        padding: 20px;
    }
    .card-block .list .item:nth-child(1) {
        transform: rotate(-4deg);
    }
    .card-block .list .item:nth-child(2) {
        transform: rotate(4deg) translateY(20px) translateX(-10px);
    }
    .card-block .list .item:nth-child(3) {
        transform: rotate(-2deg) translateY(10px) translateX(-30px);
    }
    .card-block .list .item:nth-child(4) {
        transform: rotate(2deg) translateY(30px) translateX(-50px);
    }
}
.card-block .list .item svg {
    position: absolute;
    top: 32px;
    right: 32px;
}
.card-block .list .item p {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 90%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .card-block .list .item p {
        font-size: 44px;
    }
}
.card-block .list .item span {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .card-block .list .item span {
        font-size: 14px;
        line-height: 135%;
    }
}

/* mini-banner */

.mini-banner {
    height: 240vh;
    display: flex;
    /*align-items: center;*/
    /*justify-content: center;*/
    background-size: cover;
    background-position: center;
    /*padding-left: 50%;*/
    /*padding-top: 10%;*/
    /*overflow: hidden;*/
    position: relative;
}
@media (max-width: 1024px) {
    .mini-banner {
        /*height: 640px;*/
        align-items: center;
        padding-left: 50%;
    }
}
@media (max-width: 568px) {
    .mini-banner {
        padding-left: 20%;
    }
}
.mini-banner > div:not(.img) {
    z-index: 1;
    position: absolute;
    top: 10%;
    left: 50%;
    height: 90%;
    padding-bottom: 10%;
}
@media (max-width: 1024px) {
    .mini-banner > div:not(.img) {
        height: 70%;
        top: 20%;
        left: 30%;
    }
}
.mini-banner .txt {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: sticky;
    top: 20%;
}
@media (max-width: 1024px) {
    .mini-banner .txt {
        gap: 24px;
        top: 30%;
    }
}
.mini-banner .txt h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .mini-banner .txt h2 {
        font-size: 56px;
    }
}
.mini-banner .txt p {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
    max-width: 300px;
}
@media (max-width: 1024px) {
    .mini-banner .txt p {
        font-size: 14px;
        line-height: 135%;
        max-width: 242px;
    }
}
.mini-banner .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.mini-banner .img:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(146.11% 61.72% at 66.46% 64.63%, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.mini-banner .img img:nth-child(1) {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: sticky;
    top: 0;
}
@media (max-width: 1024px) {
    .mini-banner .img img:nth-child(1) {
        /*height: 640px;*/
    }
}
.mini-banner .img img:nth-child(2) {
    position: sticky;
    left: 0;
    width: 100%;
    height: 100vh;
    border-radius: 8px;
    scale: .9;
    object-fit: cover;
    top: 0%;
}
@media (max-width: 1024px) {
    .mini-banner .img img:nth-child(2) {
        /*height: 640px;*/
    }
}

/* bg-3 */

.bg-3 {
    background-size: cover;
    padding-bottom: 262px;
    position: relative;
}
@media (max-width: 1024px) {
    .bg-3 {
        padding-bottom: 120px;
        overflow-x: hidden;
    }
}

/* four-block */

.four-block {
    padding-top: 384px;
    padding-bottom: 262px;
}
@media (max-width: 1024px) {
    .four-block {
        padding: 0 48px;
        padding-top: 194px;
        padding-bottom: 144px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 110px;
    }
}
@media (max-width: 568px) {
    .four-block {
        padding: 0 16px;
        padding-top: 194px;
        padding-bottom: 144px;
    }
}
.four-block .txt {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    width: fit-content;
    position: relative;
}
.four-block .txt:before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjI4MSIgdmlld0JveD0iMCAwIDIwOSAyODEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTE0Ni4wODEgOTAuNzY3NUMxNDMuMDYzIDk1LjIwMDYgMTM3LjIyMiA5NS4wMjEzIDEzMi45MTEgOTIuODk5NEMxMjguNjAxIDkwLjc3NzUgMTIyLjU1IDgzLjM5NjMgMTI2LjIxMyA3Ny45NDYzQzEyOS41NCA3Mi45OTY2IDEzNi42MzMgNzQuNDYwOSAxNDAuOTQ0IDc2LjU4MjhDMTQ1LjI1NCA3OC43MDQ4IDE0OS40NzMgODUuNzg2MiAxNDYuMDgxIDkwLjc2NzVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik0xMDMuNTU5IDExOS40OTJDOTkuMjQ0MSAxMjAuNDA0IDk1LjQ4MDcgMTE2LjMwNiA5My4xNDE3IDExMS44M0M5MC4wOTkxIDEwNi4wMDcgOTAuOTM4OCA5NS43MTczIDk1LjI3NSA5NS4xNDI5Qzk5LjYxMTIgOTQuNTY4MyAxMDMuNjU2IDk5LjA0NTQgMTA1LjkgMTAzLjQxNEMxMDguODUzIDEwOS4xNjMgMTA3LjE2IDExOC43MyAxMDMuNTU5IDExOS40OTJaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik0xMjMuNTUgMTI5LjMzNUMxMjUuMzk1IDEzMS43NjQgMTMxLjc3NyAxMjguOTUgMTM2LjEzOSAxMjYuNDFDMTQwLjc1NSAxMjMuNzIzIDE0NS44NTMgMTE5LjAzIDE0NS4yMjYgMTE2LjE4N0MxNDQuNTk4IDExMy4zNDUgMTM3LjUwNyAxMTUuNjI5IDEzMy4yMzggMTE3Ljg4OEMxMjguMjE0IDEyMC41NDggMTIxLjcwNSAxMjYuOTA3IDEyMy41NSAxMjkuMzM1WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNMTM0LjA1OCAxMzguMTYzQzEzNS45MDMgMTQwLjU5MiAxNDIuMjg1IDEzNy43NzggMTQ2LjY0NyAxMzUuMjM5QzE1MS4yNjMgMTMyLjU1MSAxNTYuMzYxIDEyNy44NTggMTU1LjczMyAxMjUuMDE2QzE1NS4xMDYgMTIyLjE3MyAxNDguMDE0IDEyNC40NTcgMTQzLjc0NiAxMjYuNzE3QzEzOC43MjIgMTI5LjM3NiAxMzIuMjEzIDEzNS43MzUgMTM0LjA1OCAxMzguMTYzWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNMTAzLjY4MyAxNTguNjg3QzEwNS41MjggMTYxLjExNSAxMTEuOTEgMTU4LjMwMSAxMTYuMjcyIDE1NS43NjJDMTIwLjg4OCAxNTMuMDc1IDEyNS45ODYgMTQ4LjM4MiAxMjUuMzU4IDE0NS41MzlDMTI0LjczMSAxNDIuNjk2IDExNy42MzkgMTQ0Ljk4IDExMy4zNzEgMTQ3LjI0QzEwOC4zNDcgMTQ5LjkgMTAxLjgzOCAxNTYuMjU4IDEwMy42ODMgMTU4LjY4N1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTE2My42MjEgMTE3LjI0MUMxNjUuNDY2IDExOS42NyAxNzEuODQ3IDExNi44NTYgMTc2LjIwOSAxMTQuMzE3QzE4MC44MjUgMTExLjYyOSAxODUuOTI0IDEwNi45MzYgMTg1LjI5NiAxMDQuMDk0QzE4NC42NjggMTAxLjI1MSAxNzcuNTc3IDEwMy41MzUgMTczLjMwOCAxMDUuNzk1QzE2OC4yODQgMTA4LjQ1NCAxNjEuNzc2IDExNC44MTMgMTYzLjYyMSAxMTcuMjQxWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNMTQzLjA1OCAxNDYuNjU1QzE0NC45MDMgMTQ5LjA4NCAxNTEuMjg1IDE0Ni4yNyAxNTUuNjQ3IDE0My43MzFDMTYwLjI2MyAxNDEuMDQzIDE2NS4zNjEgMTM2LjM1MSAxNjQuNzMzIDEzMy41MDhDMTY0LjEwNiAxMzAuNjY1IDE1Ny4wMTQgMTMyLjk0OSAxNTIuNzQ2IDEzNS4yMDlDMTQ3LjcyMiAxMzcuODY4IDE0MS4yMTMgMTQ0LjIyNyAxNDMuMDU4IDE0Ni42NTVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik04NS4yNTQ1IDE0OS42NEM4MC45Mzk0IDE1MC41NTMgNzcuMTc2IDE0Ni40NTQgNzQuODM3IDE0MS45NzhDNzEuNzk0NCAxMzYuMTU2IDcyLjYzNDEgMTI1Ljg2NiA3Ni45NzAzIDEyNS4yOTFDODEuMzA2NSAxMjQuNzE3IDg1LjM1MTMgMTI5LjE5NCA4Ny41OTUgMTMzLjU2MkM5MC41NDc5IDEzOS4zMTEgODguODU1MyAxNDguODc5IDg1LjI1NDUgMTQ5LjY0WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNNzcuMDgyNiA3Ny43MTA2QzcyLjc2NzUgNzguNjIzMSA2OS4wMDQxIDc0LjUyNDMgNjYuNjY1MiA3MC4wNDg0QzYzLjYyMjUgNjQuMjI1OCA2NC40NjIyIDUzLjkzNiA2OC43OTg1IDUzLjM2MTdDNzMuMTM0NyA1Mi43ODcxIDc3LjE3OTQgNTcuMjY0MSA3OS40MjMxIDYxLjYzMjZDODIuMzc2IDY3LjM4MTggODAuNjgzNCA3Ni45NDkyIDc3LjA4MjYgNzcuNzEwNloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTYwLjYwMjIgMTA5LjEyNUM1Ni4yODcgMTEwLjAzNyA1Mi41MjM2IDEwNS45MzggNTAuMTg0NyAxMDEuNDYyQzQ3LjE0MjEgOTUuNjM5OSA0Ny45ODE3IDg1LjM1MDEgNTIuMzE4IDg0Ljc3NTdDNTYuNjU0MiA4NC4yMDExIDYwLjY5OSA4OC42NzgyIDYyLjk0MjcgOTMuMDQ2NkM2NS44OTU1IDk4Ljc5NTkgNjQuMjAzIDEwOC4zNjMgNjAuNjAyMiAxMDkuMTI1WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNMTc5LjMyNSA4Mi44MDE1QzE3Ni4zMDYgODcuMjM0NSAxNzAuNDY0IDg3LjA1NDYgMTY2LjE1MyA4NC45MzIxQzE2MS44NDEgODIuODA5NiAxNTUuNzg4IDc1LjQyNzUgMTU5LjQ1MSA2OS45Nzc1QzE2Mi43NzggNjUuMDI4IDE2OS44NzMgNjYuNDkzIDE3NC4xODUgNjguNjE1NUMxNzguNDk3IDcwLjczOCAxODIuNzE3IDc3LjgyMDMgMTc5LjMyNSA4Mi44MDE1WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNMTMyLjE5MSA2OS43Mjg4QzEyOS4xODEgNzQuMTY2MiAxMjMuNDAxIDc0LjAxNjggMTE5LjE0NiA3MS45MjE5QzExNC44OSA2OS44MjY5IDEwOC45MzggNjIuNDk0NiAxMTIuNTkxIDU3LjAzOTdDMTE1LjkwOSA1Mi4wODU1IDEyMi45MjIgNTMuNTEwNCAxMjcuMTc4IDU1LjYwNTNDMTMxLjQzMyA1Ny43MDAyIDEzNS41NzMgNjQuNzQyOCAxMzIuMTkxIDY5LjcyODhaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik0xNjUuNDMzIDYxLjc2NjdDMTYyLjQxOSA2Ni4yMDE2IDE1Ni42MDMgNjYuMDM0OSAxNTIuMzE2IDYzLjkyNDJDMTQ4LjAyOCA2MS44MTM2IDE0Mi4wMTkgNTQuNDUyOSAxNDUuNjc4IDQ5LjAwMDhDMTQ5LjAwMSA0NC4wNDkzIDE1Ni4wNjEgNDUuNDk3IDE2MC4zNDggNDcuNjA3NkMxNjQuNjM1IDQ5LjcxODMgMTY4LjgyMSA1Ni43ODM0IDE2NS40MzMgNjEuNzY2N1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTExOC4yODMgNDguNjk4QzExNS4yNzEgNTMuMTM0NiAxMDkuNDggNTIuOTc5OCAxMDUuMjE1IDUwLjg4QzEwMC45NDkgNDguNzgwMiA5NC45Nzk4IDQxLjQzOTEgOTguNjM0NSAzNS45ODUxQzEwMS45NTQgMzEuMDMxNyAxMDguOTgyIDMyLjQ2MzcgMTEzLjI0NyAzNC41NjM0QzExNy41MTIgMzYuNjYzMiAxMjEuNjY2IDQzLjcxMjggMTE4LjI4MyA0OC42OThaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik0xNTEuNTI1IDQwLjc0MTdDMTQ4LjUyNCA0NS4xODM0IDE0Mi44MDYgNDUuMDY0NiAxMzguNjA3IDQyLjk5NzRDMTM0LjQwNyA0MC45MzAxIDEyOC41NTcgMzMuNjQ3OCAxMzIuMiAyOC4xODc4QzEzNS41MDggMjMuMjI5IDE0Mi40NCAyNC42MTM1IDE0Ni42MzkgMjYuNjgwOEMxNTAuODM4IDI4Ljc0ODEgMTU0Ljg5NyAzNS43NTA5IDE1MS41MjUgNDAuNzQxN1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPGVsbGlwc2UgY3g9IjUzLjA3NjMiIGN5PSIxOTguMjc5IiByeD0iNy4zNzE0NiIgcnk9IjQuNTA2ODciIHRyYW5zZm9ybT0icm90YXRlKDYuMjE3MzIgNTMuMDc2MyAxOTguMjc5KSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8ZWxsaXBzZSBjeD0iNjQuMzEwMiIgY3k9IjIxNy45MzEiIHJ4PSI3LjczNzExIiByeT0iNC43MzA0MyIgdHJhbnNmb3JtPSJyb3RhdGUoNi4yMTczMiA2NC4zMTAyIDIxNy45MzEpIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxlbGxpcHNlIGN4PSIzMi44OSIgY3k9IjIyMy4wNzUiIHJ4PSI3Ljk0OTQ0IiByeT0iNC44NjAyNCIgdHJhbnNmb3JtPSJyb3RhdGUoNi4yMTczMiAzMi44OSAyMjMuMDc1KSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8ZWxsaXBzZSBjeD0iMzcuNDgzNCIgY3k9IjI0Ny40NjgiIHJ4PSI3LjQzNDMiIHJ5PSI1LjEwMTM5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMjIuMDUwNSAzNy40ODM0IDI0Ny40NjgpIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik0xNi42NTYgMjQ3LjY1M0MxNS40NjQ3IDI0Ny44NzUgMTQuMzU1NiAyNDYuNDMzIDEzLjYwMzQgMjQyLjM5N0MxMi44NTEyIDIzOC4zNiAxMi43NDA5IDIzMy4yNTggMTMuOTMyMSAyMzMuMDM2QzE1LjEyMzQgMjMyLjgxNCAxNi4yNzk2IDIzNC4wNzUgMTcuMDMxNyAyMzguMTEyQzE3Ljc4MzkgMjQyLjE0OCAxNy44NDcyIDI0Ny40MzEgMTYuNjU2IDI0Ny42NTNaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik0xMC4zNzQ3IDI0OS4zNzJDOS4xODM0OCAyNDkuNTk0IDguMDc0MyAyNDguMTUyIDcuMzIyMTQgMjQ0LjExNUM2LjU2OTk4IDI0MC4wNzkgNi40NTk2NiAyMzQuOTc3IDcuNjUwODkgMjM0Ljc1NUM4Ljg0MjExIDIzNC41MzMgOS45OTgzMSAyMzUuNzk0IDEwLjc1MDUgMjM5LjgzQzExLjUwMjYgMjQzLjg2NyAxMS41NjU5IDI0OS4xNSAxMC4zNzQ3IDI0OS4zNzJaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik00Ljc3MTY1IDI1MS42MzRDMy41MTQ0NCAyNTEuODY4IDIuMzY3NDQgMjUwLjQ3MyAxLjYzMzQ3IDI0Ni41MzRDMC44OTk0OTEgMjQyLjU5NSAwLjg1NjQ3NyAyMzcuNjA1IDIuMTEzNyAyMzcuMzdDMy4zNzA5MSAyMzcuMTM2IDQuNTcwMDEgMjM4LjM1MyA1LjMwMzk4IDI0Mi4yOTJDNi4wMzc5NiAyNDYuMjMxIDYuMDI4ODcgMjUxLjQgNC43NzE2NSAyNTEuNjM0WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNMTQuNTEyMSAyNzIuMTk2QzEzLjIzODUgMjcyLjQzMyAxMi4wNzMyIDI3MS4wMDEgMTEuMzIxMSAyNjYuOTY1QzEwLjU2ODkgMjYyLjkyOSAxMC41MTQ3IDI1Ny44MTYgMTEuNzg4MyAyNTcuNTc5QzEzLjA2MTggMjU3LjM0MSAxNC4yNzk2IDI1OC41OTEgMTUuMDMxNyAyNjIuNjI3QzE1Ljc4MzkgMjY2LjY2NCAxNS43ODU2IDI3MS45NTggMTQuNTEyMSAyNzIuMTk2WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNNi4yNTQ1NyAyMjYuNDM4QzUuMDYzMzUgMjI2LjY2IDMuOTY3MjcgMjI1LjI4OCAzLjI0ODI4IDIyMS40M0MyLjUyOTI5IDIxNy41NzIgMi40NTk2NiAyMTIuNjg4IDMuNjUwODkgMjEyLjQ2NkM0Ljg0MjExIDIxMi4yNDQgNS45ODY1OSAyMTMuNDQyIDYuNzA1NTcgMjE3LjNDNy40MjQ1NiAyMjEuMTU5IDcuNDQ1OCAyMjYuMjE2IDYuMjU0NTcgMjI2LjQzOFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPGVsbGlwc2UgY3g9IjY5LjI5OTgiIGN5PSIyNDEuODgzIiByeD0iNy40MzQzIiByeT0iNS4xMDEzOSIgdHJhbnNmb3JtPSJyb3RhdGUoLTIyLjA1MDUgNjkuMjk5OCAyNDEuODgzKSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8ZWxsaXBzZSBjeD0iMzYuNTQyOCIgY3k9IjI2MC4yNDQiIHJ4PSI3LjYzNzQyIiByeT0iNS4xMDEzOSIgdHJhbnNmb3JtPSJyb3RhdGUoLTIyLjA1MDUgMzYuNTQyOCAyNjAuMjQ0KSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8ZWxsaXBzZSBjeD0iMzUuNDQyNiIgY3k9IjI3My4zNjEiIHJ4PSI3LjU5NjgiIHJ5PSI1LjEwMTM5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMjIuMDUwNSAzNS40NDI2IDI3My4zNjEpIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxlbGxpcHNlIGN4PSI2NS43NzcxIiBjeT0iMjY3LjUyNCIgcng9IjcuMjQ1NDMiIHJ5PSI1LjEwMTM5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMjIuMDUwNSA2NS43NzcxIDI2Ny41MjQpIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxlbGxpcHNlIGN4PSI2Ny4zODk0IiBjeT0iMjU0LjM5IiByeD0iNy4yNjk2MiIgcnk9IjUuMTAxMzkiIHRyYW5zZm9ybT0icm90YXRlKC0yMi4wNTA1IDY3LjM4OTQgMjU0LjM5KSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8ZWxsaXBzZSBjeD0iMjIuMzMzNCIgY3k9IjIwMi43MDciIHJ4PSI3LjY1MjY4IiByeT0iNC42Nzg4IiB0cmFuc2Zvcm09InJvdGF0ZSg2LjIxNzMyIDIyLjMzMzQgMjAyLjcwNykiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+Cjwvc3ZnPg==');
    position: absolute;
    top: -200px;
    left: -100px;
}
@media (max-width: 1024px) {
    .four-block .txt:before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTkiIGhlaWdodD0iMTMzIiB2aWV3Qm94PSIwIDAgOTkgMTMzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik02OS4xMTM0IDQyLjk1MDRDNjcuNjg1MSA0NS4wNDgyIDY0LjkyMTEgNDQuOTYzMyA2Mi44ODE0IDQzLjk1OTJDNjAuODQxNiA0Mi45NTUxIDU3Ljk3ODQgMzkuNDYyMyA1OS43MTE3IDM2Ljg4MzNDNjEuMjg1OSAzNC41NDExIDY0LjY0MjYgMzUuMjM0IDY2LjY4MjMgMzYuMjM4MUM2OC43MjIxIDM3LjI0MjIgNzAuNzE4MyA0MC41OTMyIDY5LjExMzQgNDIuOTUwNFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTQ4Ljk5MTkgNTYuNTQ2OEM0Ni45NDk5IDU2Ljk3ODUgNDUuMTY5MSA1NS4wMzkgNDQuMDYyMyA1Mi45MjA5QzQyLjYyMjUgNTAuMTY1NiA0My4wMTk4IDQ1LjI5NjUgNDUuMDcxNyA0NS4wMjQ3QzQ3LjEyMzcgNDQuNzUyNyA0OS4wMzc3IDQ2Ljg3MTMgNTAuMDk5NCA0OC45Mzg1QzUxLjQ5NjcgNTEuNjU5MSA1MC42OTU4IDU2LjE4NjQgNDguOTkxOSA1Ni41NDY4WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNNTguNDUxIDYxLjIwMDhDNTkuMzI0MSA2Mi4zNTAxIDYyLjM0NCA2MS4wMTg1IDY0LjQwOCA1OS44MTY5QzY2LjU5MjUgNTguNTQ1MSA2OS4wMDUgNTYuMzI0NSA2OC43MDggNTQuOTc5MkM2OC40MTEgNTMuNjM0IDY1LjA1NTIgNTQuNzE0OCA2My4wMzUyIDU1Ljc4NDJDNjAuNjU3OCA1Ny4wNDI4IDU3LjU3NzkgNjAuMDUxNiA1OC40NTEgNjEuMjAwOFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTYzLjQyMzcgNjUuMzgxNUM2NC4yOTY4IDY2LjUzMDcgNjcuMzE2NyA2NS4xOTkyIDY5LjM4MDcgNjMuOTk3NUM3MS41NjUxIDYyLjcyNTggNzMuOTc3NiA2MC41MDUxIDczLjY4MDYgNTkuMTU5OUM3My4zODM2IDU3LjgxNDcgNzAuMDI3OSA1OC44OTU0IDY4LjAwNzkgNTkuOTY0OEM2NS42MzA1IDYxLjIyMzQgNjIuNTUwNiA2NC4yMzIzIDYzLjQyMzcgNjUuMzgxNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTQ5LjA0OTYgNzUuMDkyNEM0OS45MjI3IDc2LjI0MTcgNTIuOTQyNyA3NC45MTAxIDU1LjAwNjcgNzMuNzA4NUM1Ny4xOTExIDcyLjQzNjcgNTkuNjAzNiA3MC4yMTYxIDU5LjMwNjYgNjguODcwOEM1OS4wMDk2IDY3LjUyNTYgNTUuNjUzOCA2OC42MDY0IDUzLjYzMzggNjkuNjc1OEM1MS4yNTY0IDcwLjkzNDQgNDguMTc2NSA3My45NDMyIDQ5LjA0OTYgNzUuMDkyNFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTc3LjQxMjkgNTUuNDgwMUM3OC4yODYgNTYuNjI5NCA4MS4zMDU5IDU1LjI5NzggODMuMzcgNTQuMDk2MkM4NS41NTQ0IDUyLjgyNDQgODcuOTY2OSA1MC42MDM4IDg3LjY2OTkgNDkuMjU4NUM4Ny4zNzI5IDQ3LjkxMzMgODQuMDE3MSA0OC45OTQxIDgxLjk5NzEgNTAuMDYzNUM3OS42MTk3IDUxLjMyMjEgNzYuNTM5OCA1NC4zMzA5IDc3LjQxMjkgNTUuNDgwMVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTY3LjY4MjQgNjkuMzk2MkM2OC41NTU1IDcwLjU0NTQgNzEuNTc1NSA2OS4yMTM4IDczLjYzOTUgNjguMDEyMkM3NS44MjM5IDY2Ljc0MDQgNzguMjM2NCA2NC41MTk4IDc3LjkzOTQgNjMuMTc0NUM3Ny42NDI0IDYxLjgyOTMgNzQuMjg2NyA2Mi45MTAxIDcyLjI2NjYgNjMuOTc5NUM2OS44ODkzIDY1LjIzODEgNjYuODA5MyA2OC4yNDY5IDY3LjY4MjQgNjkuMzk2MloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTQwLjMyOTggNzAuODEyNEMzOC4yODc4IDcxLjI0NDIgMzYuNTA2OSA2OS4zMDQ2IDM1LjQwMDEgNjcuMTg2NUMzMy45NjA0IDY0LjQzMTMgMzQuMzU3NyA1OS41NjIxIDM2LjQwOTYgNTkuMjkwM0MzOC40NjE2IDU5LjAxODQgNDAuMzc1NiA2MS4xMzY5IDQxLjQzNzMgNjMuMjA0MUM0Mi44MzQ2IDY1LjkyNDcgNDIuMDMzNyA3MC40NTIxIDQwLjMyOTggNzAuODEyNFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTM2LjQ2MjYgMzYuNzc0M0MzNC40MjA2IDM3LjIwNjEgMzIuNjM5OCAzNS4yNjY1IDMxLjUzMyAzMy4xNDg1QzMwLjA5MzIgMzAuMzkzMiAzMC40OTA1IDI1LjUyNCAzMi41NDI0IDI1LjI1MjJDMzQuNTk0NCAyNC45ODAzIDM2LjUwODQgMjcuMDk4OSAzNy41NzAxIDI5LjE2NkMzOC45Njc0IDMxLjg4NjYgMzguMTY2NSAzNi40MTQgMzYuNDYyNiAzNi43NzQzWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNMjguNjYzOCA1MS42Mzk1QzI2LjYyMTggNTIuMDcxMyAyNC44NDA5IDUwLjEzMTcgMjMuNzM0MSA0OC4wMTM3QzIyLjI5NDMgNDUuMjU4NCAyMi42OTE3IDQwLjM4OTIgMjQuNzQzNiA0MC4xMTc0QzI2Ljc5NTUgMzkuODQ1NSAyOC43MDk2IDQxLjk2NDEgMjkuNzcxMyA0NC4wMzEzQzMxLjE2ODYgNDYuNzUxOSAzMC4zNjc3IDUxLjI3OTIgMjguNjYzOCA1MS42Mzk1WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNODQuODQ0NSAzOS4xODMxQzgzLjQxNjEgNDEuMjgwOSA4MC42NTE2IDQxLjE5NTcgNzguNjExMyA0MC4xOTE0Qzc2LjU3MSAzOS4xODcgNzMuNzA2OCAzNS42OTM3IDc1LjQ0MDIgMzMuMTE0N0M3Ny4wMTQ1IDMwLjc3MjYgODAuMzcyIDMxLjQ2NTggODIuNDEyMyAzMi40NzAyQzg0LjQ1MjUgMzMuNDc0NiA4Ni40NDk1IDM2LjgyNiA4NC44NDQ1IDM5LjE4MzFaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik02Mi41NDA4IDMyLjk5NzFDNjEuMTE2NSAzNS4wOTY5IDU4LjM4MTMgMzUuMDI2MiA1Ni4zNjc2IDM0LjAzNDlDNTQuMzUzOCAzMy4wNDM1IDUxLjUzNzUgMjkuNTczOCA1My4yNjYgMjYuOTkyNUM1NC44MzU5IDI0LjY0ODIgNTguMTU0NyAyNS4zMjI0IDYwLjE2ODUgMjYuMzEzN0M2Mi4xODIzIDI3LjMwNTEgNjQuMTQxMSAzMC42Mzc3IDYyLjU0MDggMzIuOTk3MVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTc4LjI3MSAyOS4yMjk4Qzc2Ljg0NDQgMzEuMzI4NCA3NC4wOTI1IDMxLjI0OTUgNzIuMDYzNiAzMC4yNTA4QzcwLjAzNDggMjkuMjUyIDY3LjE5MTIgMjUuNzY4OSA2OC45MjI1IDIzLjE4ODlDNzAuNDk0OSAyMC44NDU4IDczLjgzNTcgMjEuNTMwOSA3NS44NjQ2IDIyLjUyOTZDNzcuODkzNCAyMy41Mjg0IDc5Ljg3NCAyNi44NzE3IDc4LjI3MSAyOS4yMjk4WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNNTUuOTU4MiAyMy4wNDU1QzU0LjUzMzMgMjUuMTQ0OSA1MS43OTI5IDI1LjA3MTcgNDkuNzc0NCAyNC4wNzgxQzQ3Ljc1NiAyMy4wODQ0IDQ0LjkzMTIgMTkuNjEwNSA0Ni42NjA2IDE3LjAyOTZDNDguMjMxMyAxNC42ODU3IDUxLjU1NjkgMTUuMzYzMyA1My41NzU0IDE2LjM1NjlDNTUuNTkzOCAxNy4zNTA2IDU3LjU1OTQgMjAuNjg2NSA1NS45NTgyIDIzLjA0NTVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik03MS42ODk4IDE5LjI3NzdDNzAuMjY5NyAyMS4zNzk1IDY3LjU2MzkgMjEuMzIzMyA2NS41NzY3IDIwLjM0NTFDNjMuNTg5NSAxOS4zNjY4IDYwLjgyMTMgMTUuOTIwOCA2Mi41NDUgMTMuMzM3MUM2NC4xMTA1IDEwLjk5MDUgNjcuMzkwNSAxMS42NDU3IDY5LjM3NzcgMTIuNjIzOUM3MS4zNjQ5IDEzLjYwMjIgNzMuMjg1NSAxNi45MTYgNzEuNjg5OCAxOS4yNzc3WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8ZWxsaXBzZSBjeD0iMjUuMTE1NyIgY3k9IjkzLjgyNyIgcng9IjMuNDg4MjMiIHJ5PSIyLjEzMjY5IiB0cmFuc2Zvcm09InJvdGF0ZSg2LjIxNzMyIDI1LjExNTcgOTMuODI3KSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8ZWxsaXBzZSBjeD0iMzAuNDMxNSIgY3k9IjEwMy4xMjciIHJ4PSIzLjY2MTI2IiByeT0iMi4yMzg0NyIgdHJhbnNmb3JtPSJyb3RhdGUoNi4yMTczMiAzMC40MzE1IDEwMy4xMjcpIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxlbGxpcHNlIGN4PSIxNS41NjI4IiBjeT0iMTA1LjU2MSIgcng9IjMuNzYxNzMiIHJ5PSIyLjI5OTkiIHRyYW5zZm9ybT0icm90YXRlKDYuMjE3MzIgMTUuNTYyOCAxMDUuNTYxKSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8ZWxsaXBzZSBjeD0iMTcuNzM3MiIgY3k9IjExNy4xMDQiIHJ4PSIzLjUxNzk3IiByeT0iMi40MTQwMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTIyLjA1MDUgMTcuNzM3MiAxMTcuMTA0KSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNNy44ODEwOCAxMTcuMTkyQzcuMzE3MzggMTE3LjI5NyA2Ljc5MjUxIDExNi42MTUgNi40MzY1OSAxMTQuNzA1QzYuMDgwNjYgMTEyLjc5NSA2LjAyODQ2IDExMC4zOCA2LjU5MjE1IDExMC4yNzVDNy4xNTU4NSAxMTAuMTcgNy43MDI5NyAxMTAuNzY3IDguMDU4OSAxMTIuNjc3QzguNDE0ODMgMTE0LjU4NyA4LjQ0NDc4IDExNy4wODcgNy44ODEwOCAxMTcuMTkyWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KICA8cGF0aCBkPSJNNC45MDg0MiAxMTguMDA0QzQuMzQ0NzMgMTE4LjEwOSAzLjgxOTg2IDExNy40MjYgMy40NjM5MyAxMTUuNTE2QzMuMTA4IDExMy42MDYgMy4wNTU4IDExMS4xOTIgMy42MTk1IDExMS4wODdDNC4xODMxOSAxMTAuOTgyIDQuNzMwMzEgMTExLjU3OSA1LjA4NjI0IDExMy40ODlDNS40NDIxNyAxMTUuMzk5IDUuNDcyMTIgMTE3Ljg5OSA0LjkwODQyIDExOC4wMDRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik0yLjI1NzI2IDExOS4wNzRDMS42NjIzNCAxMTkuMTg1IDEuMTE5NTcgMTE4LjUyNSAwLjc3MjI0OCAxMTYuNjYxQzAuNDI0OTI1IDExNC43OTcgMC40MDQ1NzEgMTEyLjQzNSAwLjk5OTQ5NiAxMTIuMzI1QzEuNTk0NDIgMTEyLjIxNCAyLjE2MTg0IDExMi43OSAyLjUwOTE2IDExNC42NTRDMi44NTY0OSAxMTYuNTE3IDIuODUyMTkgMTE4Ljk2MyAyLjI1NzI2IDExOS4wNzRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxwYXRoIGQ9Ik02Ljg2NjcxIDEyOC44MDVDNi4yNjQwNiAxMjguOTE4IDUuNzEyNjIgMTI4LjI0IDUuMzU2NyAxMjYuMzNDNS4wMDA3NyAxMjQuNDIgNC45NzUxMyAxMjIuMDAxIDUuNTc3NzggMTIxLjg4OUM2LjE4MDQ0IDEyMS43NzYgNi43NTY2OCAxMjIuMzY4IDcuMTEyNjEgMTI0LjI3OEM3LjQ2ODU0IDEyNi4xODggNy40NjkzNyAxMjguNjkzIDYuODY2NzEgMTI4LjgwNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPHBhdGggZD0iTTIuOTU5IDEwNy4xNTRDMi4zOTUzIDEwNy4yNTkgMS44NzY2MyAxMDYuNjEgMS41MzY0IDEwNC43ODRDMS4xOTYxNyAxMDIuOTU4IDEuMTYzMjIgMTAwLjY0NyAxLjcyNjkyIDEwMC41NDJDMi4yOTA2MSAxMDAuNDM3IDIuODMyMTkgMTAxLjAwNCAzLjE3MjQyIDEwMi44M0MzLjUxMjY1IDEwNC42NTUgMy41MjI3IDEwNy4wNDkgMi45NTkgMTA3LjE1NFoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPGVsbGlwc2UgY3g9IjMyLjc5MjkiIGN5PSIxMTQuNDYxIiByeD0iMy41MTc5NyIgcnk9IjIuNDE0MDEiIHRyYW5zZm9ybT0icm90YXRlKC0yMi4wNTA1IDMyLjc5MjkgMTE0LjQ2MSkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPGVsbGlwc2UgY3g9IjE3LjI5MTIiIGN5PSIxMjMuMTQ4IiByeD0iMy42MTQwOCIgcnk9IjIuNDE0MDEiIHRyYW5zZm9ybT0icm90YXRlKC0yMi4wNTA1IDE3LjI5MTIgMTIzLjE0OCkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPGVsbGlwc2UgY3g9IjE2Ljc3MTQiIGN5PSIxMjkuMzU5IiByeD0iMy41OTQ4NiIgcnk9IjIuNDE0MDEiIHRyYW5zZm9ybT0icm90YXRlKC0yMi4wNTA1IDE2Ljc3MTQgMTI5LjM1OSkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPGVsbGlwc2UgY3g9IjMxLjEyNTEiIGN5PSIxMjYuNTk0IiByeD0iMy40Mjg1OSIgcnk9IjIuNDE0MDEiIHRyYW5zZm9ybT0icm90YXRlKC0yMi4wNTA1IDMxLjEyNTEgMTI2LjU5NCkiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTUiIC8+CiAgPGVsbGlwc2UgY3g9IjMxLjg4ODYiIGN5PSIxMjAuMzgiIHJ4PSIzLjQ0MDA0IiByeT0iMi40MTQwMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTIyLjA1MDUgMzEuODg4NiAxMjAuMzgpIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk1IiAvPgogIDxlbGxpcHNlIGN4PSIxMC41NjczIiBjeT0iOTUuOTIyMyIgcng9IjMuNjIxMyIgcnk9IjIuMjE0MDUiIHRyYW5zZm9ybT0icm90YXRlKDYuMjE3MzIgMTAuNTY3MyA5NS45MjIzKSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45NSIgLz4KPC9zdmc+');
        top: -110px;
        left: 0px;
    }
}
@media (max-width: 568px) {
    .four-block .txt:before {

    }
}
.four-block .txt h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
    max-width: 582px;
}
@media (max-width: 1024px) {
    .four-block .txt h2 {
        font-size: 56px;
    }
}
.four-block .txt p {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
    max-width: 432px;
}
@media (max-width: 1024px) {
    .four-block .txt p {
        font-size: 14px;
        line-height: 135%;
        max-width: 332px;
    }
}
.four-block .img-list {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    position: relative;
}
@media (max-width: 1024px) {
    .four-block .img-list {
        /*height: 550px;*/
        width: 100%;
        gap: 0;
    }
}
.four-block .img-list .img {

}
@media (max-width: 1024px) {
    .four-block .img-list .img {
        /*position: absolute;*/
    }
}

.four-block .img-list .img:nth-child(1) {
    transform: translateY(-100px);
}
@media (max-width: 1024px) {
    .four-block .img-list .img:nth-child(1) {
        transform: translateY(0px) !important;
        left: 0;
        top: 0;
    }
}
.four-block .img-list .img:nth-child(2) {
    transform: translateY(-20px);
}
@media (max-width: 1024px) {
    .four-block .img-list .img:nth-child(2) {
        transform: translateY(0px);
        right: 0;
    }
}
.four-block .img-list .img:nth-child(3) {
    transform: translateY(-300px);
}
@media (max-width: 1024px) {
    .four-block .img-list .img:nth-child(3) {
        transform: translateY(0px);
        left: 0;
        bottom: 0;
    }
}
@media (max-width: 1024px) {
    .four-block .img-list .img img:not(.mobile) {
        display: none;
    }
    .four-block .img-list .img img.mobile {
        display: block !important;
    }
}

/* cocktail-block */

.cocktail-block {
    padding: 0 128px;
    padding-bottom: 254px;
}
@media (max-width: 1024px) {
    .cocktail-block {
        padding: 0 48px;
        padding-bottom: 168px;
    }
}
@media (max-width: 568px) {
    .cocktail-block {
        padding: 0 16px;
        padding-bottom: 126px;
    }
}
.page-cocktail .cocktail-block {
    padding-bottom: 162px;
}
@media (max-width: 1024px) {
    .page-cocktail .cocktail-block {

    }
}
.cocktail-block > div {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1024px) {
    .cocktail-block > div {
        gap: 48px;
    }
}
.cocktail-block > div > h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .cocktail-block > div > h2 {
        font-size: 56px;
    }
}
.swiper-cocktail {
    margin: 0 -128px;
    padding: 0 128px;
}
@media (max-width: 1024px) {
    .swiper-cocktail {
        margin: 0 -48px;
        padding: 0 48px;
    }
}
.swiper-cocktail .swiper-slide {
    width: 413px;
}
@media (max-width: 1024px) {
    .swiper-cocktail .swiper-slide {
        width: 248px;
    }
}
.swiper-cocktail .slide-card {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (max-width: 1024px) {
    .swiper-cocktail .slide-card {
        gap: 24px;
    }
}
.swiper-cocktail .slide-card .img {
    border-radius: 8px;
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 1024px) {
    .swiper-cocktail .slide-card .img {
        height: 248px;
    }
}
.swiper-cocktail .slide-card .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s ease;
}
.swiper-cocktail .slide-card:hover .img img {
    scale: 1.1;
}
.swiper-cocktail .slide-card .img span {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 115%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);

    position: absolute;
    top: 22px;
    left: 18px;
    padding: 6px 10px 8px;
    background: #f55249;
    transform: rotate(-12deg);
}
@media (max-width: 1024px) {
    .swiper-cocktail .slide-card .img span {
        padding: 6px 8px;
        font-size: 20px;
    }
}
.swiper-cocktail .slide-card .info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.swiper-cocktail .slide-card .info .title {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .swiper-cocktail .slide-card .info .title {
        font-size: 32px;
    }
}
.swiper-cocktail .slide-card .info .description {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .swiper-cocktail .slide-card .info .description {
        font-size: 14px;
        line-height: 135%;
    }
}
.swiper-cocktail .swiper-pagination {
    position: initial;
    margin: auto;
    margin-top: 104px;
    display: flex;
    justify-content: center;
    opacity: 1;
    width: fit-content;
    border-radius: 40px;
    overflow: visible; /* ← было hidden, меняем на visible */
    position: relative;
    z-index: 2;
}
.swiper-cocktail:not(:has(.swiper-slide:nth-child(4))) .swiper-pagination {
    opacity: 0;
    pointer-events: none;
    display: none;
}
@media (max-width: 1024px) {
    .swiper-cocktail .swiper-pagination {
        margin-top: 64px;
    }
}
.swiper-cocktail .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0px;
    width: 102px;
    height: 8px;
    padding: 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.15);
    transition: .3s ease;
    position: relative;
    opacity: 1;
    z-index: 2;
}
@media (max-width: 1024px) {
    .swiper-cocktail .swiper-pagination .swiper-pagination-bullet {
        width: 64px;
        height: 6px;
    }
}
.swiper-cocktail .swiper-pagination-track {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    border-radius: 21px;
    background: rgba(255, 255, 255, 0.95);
    transition: left 0.3s ease, width 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

/* events-block */

.events-block {
    padding: 0 128px;
}
@media (max-width: 1024px) {
    .events-block {
        padding: 0 48px;
        padding-bottom: 0px;
    }
}
@media (max-width: 568px) {
    .events-block {
        padding: 0 16px;
    }
}
.events-block > div {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1024px) {
    .events-block > div {
        gap: 48px;
    }
}
.events-block > div > h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .events-block > div > h2 {
        font-size: 56px;
    }
}
.swiper-events {
    margin: 0 -128px;
    padding: 0 128px;
}
@media (max-width: 1024px) {
    .swiper-events {
        margin: 0 -48px;
        padding: 0 48px;
    }
}
.swiper-events .swiper-slide {
    width: 413px;
}
@media (max-width: 1024px) {
    .swiper-events .swiper-slide {
        width: 248px;
    }
}
.swiper-events .slide-card {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (max-width: 1024px) {
    .swiper-events .slide-card {
        gap: 24px;
    }
}
.swiper-events .slide-card .img {
    border-radius: 8px;
    width: 100%;
    height: 280px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 1024px) {
    .swiper-events .slide-card .img {
        height: 248px;
    }
}
.swiper-events .slide-card .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s ease;
}
.swiper-events .slide-card:hover .img img {
    scale: 1.1;
}
.swiper-events .slide-card .img span {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 115%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);

    position: absolute;
    top: 22px;
    left: 18px;
    padding: 6px 10px 8px;
    background: #f55249;
    transform: rotate(-12deg);
}
.swiper-events .slide-card .info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.swiper-events .slide-card .info .title {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .swiper-events .slide-card .info .title {
        font-size: 32px;
    }
}
.swiper-events .slide-card .info .data {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .swiper-events .slide-card .info .data {
        font-size: 14px;
        line-height: 135%;
    }
}
.swiper-events .swiper-pagination {
    position: initial;
    margin: auto;
    margin-top: 104px;
    display: flex;
    justify-content: center;
    opacity: 1;
    width: fit-content;
    border-radius: 40px;
    overflow: visible; /* ← было hidden, меняем на visible */
    position: relative;
    z-index: 2;
}
.swiper-events:not(:has(.swiper-slide:nth-child(4))) .swiper-pagination {
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .swiper-events .swiper-pagination {
        margin-top: 64px;
    }
}
.swiper-events .swiper-pagination .swiper-pagination-bullet {
    border-radius: 0px;
    width: 102px;
    height: 8px;
    padding: 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.15);
    transition: .3s ease;
    position: relative;
    opacity: 1;
    z-index: 2;
}
@media (max-width: 1024px) {
    .swiper-events .swiper-pagination .swiper-pagination-bullet {
        width: 64px;
        height: 6px;
    }
}
.swiper-events .swiper-pagination-track {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    border-radius: 21px;
    background: rgba(255, 255, 255, 0.95);
    transition: left 0.3s ease, width 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

/* where-block */

/*.where-block {
    height: 100vh;
    background-size: cover;
    background-position: bottom;
}
@media (max-width: 1024px) {
    .where-block {
        height: 400px;
    }
}
@media (max-width: 568px) {
    .where-block {
        height: 480px;
    }
}
.where-block a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
@media (max-width: 1024px) {
    .where-block a svg {
        width: 68px;
        height: 68px;
    }
}
.where-block a h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .where-block a h2 {
        font-size: 56px;
    }
}*/

/* page-cocktail */

.page-cocktail {
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: top;
    padding-top: 120px;
}
.page-cocktail .container {
    max-width: 1344px;
    /*padding: 0 48px;*/
    width: calc(100vw - 48px*2);
    margin: auto;
}
@media (max-width: 568px) {
    .page-cocktail .container {
        width: 100%;
        padding: 0;
    }
}

/* breadcrumb */

.breadcrumb {
    margin-bottom: 32px;
    margin-top: 32px;
}
@media (max-width: 568px) {
    .page-cocktail .breadcrumb {
        padding: 0 16px;
    }
}

.breadcrumb a {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 145%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    transition: .3s ease;
}
@media (max-width: 568px) {
    .breadcrumb a {
        font-size: 18px;
    }
}
.breadcrumb a:hover {
    color: rgba(255, 255, 255, 0.95);
}
.breadcrumb a path {
    transition: .3s ease;
}
.breadcrumb a:hover path {
    stroke-opacity: 1;
}

/* cocktail-top */

.cocktail-top {
    margin-bottom: 108px;
}
@media (max-width: 568px) {
    .cocktail-top .container {
        padding: 0 16px;
    }
}
.cocktail-top > div {
    height: 640px;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 40%;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    background-image: url('/assets/img/cocktail-detail-1.png');
    position: relative;
}
.cocktail-top > div:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(146.11% 61.72% at 66.46% 64.63%, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.00) 100%);
}
@media (max-width: 1024px) {
    .cocktail-top > div {
        height: 474px;
    }
}
@media (max-width: 568px) {
    .cocktail-top > div {
        padding-left: 20%;
    }
}
.cocktail-top .title {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1024px) {
    .cocktail-top .title {
        gap: 16px;
    }
}
.cocktail-top .title span {
    padding: 6px 10px 8px;
    background: #f55249;
    transform: rotate(-12deg);
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 115%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .cocktail-top .title span {
        padding: 6px 8px;
        font-size: 20px;
        margin-bottom: 12px;
    }
}
.cocktail-top .title h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .cocktail-top .title h1 {
        font-size: 56px;
    }
}
.cocktail-top .title p {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
    max-width: 360px;
}
@media (max-width: 1024px) {
    .cocktail-top .title p {
        font-weight: 400;
        font-size: 14px;
        line-height: 135%;
        max-width: 242px;
    }
}

/* cocktail-ingredients */

.cocktail-ingredients {
    margin-bottom: 226px;
}
@media (max-width: 568px) {
    .cocktail-ingredients {
        margin-bottom: 80px;
    }
}

.cocktail-ingredients .container {

}
.cocktail-ingredients h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .cocktail-ingredients h2 {
        font-size: 44px;
        padding: 0 16px;
    }
}
.cocktail-ingredients .tabs {
    margin-top: 18px;
}
@media (max-width: 568px) {
    .cocktail-ingredients .tabs {
        padding: 0 16px;
    }
}
.cocktail-ingredients .tab-buttons {
    display: flex;
    gap: 24px;
    margin-bottom: 12px;
}
@media (max-width: 568px) {
    .cocktail-ingredients .tab-buttons {
        gap: 8px;
    }
}
.cocktail-ingredients .tab-btn {
    background: none;
    border: none;
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 8px solid rgba(255, 255, 255, 0);
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    opacity: 0.2;
    cursor: pointer;
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .cocktail-ingredients .tab-btn {
        font-size: 44px;
        border-bottom: 4px solid rgba(255, 255, 255, 0);
    }
}
@media (max-width: 568px) {
    .cocktail-ingredients .tab-btn {
        /*font-size: 32px;*/
        border-bottom: 4px solid rgba(255, 255, 255, 0);
    }
}
.cocktail-ingredients .tab-btn:hover {
    opacity: .4;
}
.cocktail-ingredients .tab-btn.active {
    opacity: 1;
    border-bottom: 8px solid rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .cocktail-ingredients .tab-btn.active {
        border-bottom: 4px solid rgba(255, 255, 255, 0.95);
    }
}
.cocktail-ingredients .tab-content {
    display: none;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}
@media (max-width: 568px) {
    .cocktail-ingredients .tab-content {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 48px;
    }
}
.cocktail-ingredients .tab-content.active {
    display: flex;
}
.cocktail-ingredients .tab-img {
    width: 546px;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
    margin-top: -164px;
}
@media (max-width: 1024px) {
    .cocktail-ingredients .tab-img {
        width: 242px;
        margin-top: -34px;
        transform: translateY(-114px);
    }
}
@media (max-width: 568px) {
    .cocktail-ingredients .tab-img {
        width: 100%;
        margin-top: 0px;
        transform: translateY(0);
    }
}
.cocktail-ingredients .tab-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #398b47;
    background: #0b4a16;
    mix-blend-mode: overlay;
}
.cocktail-ingredients .tab-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.ingredients-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (max-width: 1024px) {
    .ingredients-list {
        gap: 24px;
    }
}
.ingredients-list .ingredient {
    display: flex;
    align-items: center;
}
.ingredients-list .ingredient:last-child {
    margin-bottom: 0;
}
.ingredients-list .checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 16px;
    width: 100%;
}
.ingredients-list .checkbox input {
    display: none;
}
.ingredients-list .check {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    background: transparent;
    position: relative;
    transition: all 0.3s ease;
}
@media (max-width: 1024px) {
    .ingredients-list .check {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
}
.ingredients-list .checkbox:has(input:checked) .check {
    background-color: rgba(255, 255, 255, 0.95);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjAuOTEyMSAyLjY1MDM5TDguMDAyOTMgMTcuMjQzMkwwIDkuMjM5MjZMMi44MjgxMiA2LjQxMTEzTDcuODI0MjIgMTEuNDA3MkwxNy45MTYgMEwyMC45MTIxIDIuNjUwMzlaIiBmaWxsPSIjMEIwRDBEIiAvPgo8L3N2Zz4=');    background-repeat: no-repeat;
    background-position: center;
}
.ingredients-list .checkbox:has(input:disabled) .check {
    border-color: #888;
    opacity: 0.6;
}
.ingredients-list .ingredient-text {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 145%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    position: relative;
}
@media (max-width: 1024px) {
    .ingredients-list .ingredient-text {
        font-size: 18px;
    }
}
.ingredients-list .ingredient-text.disabled {
    color: #888;
    opacity: 0.6;
}
.strike-svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 4px;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.95);
    outline: 2px solid #101112;
    border-top: none;
    border-bottom: none;
}

/* cocktail-recept */

.cocktail-recept {
    margin-bottom: 240px;
}
@media (max-width: 568px) {
    .cocktail-recept {
        margin-bottom: 88px;
    }
}
.cocktail-recept .container {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}
@media (max-width: 568px) {
    .cocktail-recept .container {
        flex-direction: column;
    }
}
.cocktail-recept .img-list {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 568px) {
    .cocktail-recept .img-list {
        /*flex-direction: row;*/
        /*gap: 32px;*/
        /*overflow-x: auto;*/
        width: 100%;
        overflow: hidden;
    }
    .cocktail-recept .img-list.swiper {
        overflow: hidden;
        padding: 0 16px;
    }

    .cocktail-recept .img-list .swiper-wrapper {
        display: flex;
        /*gap: 32px;*/
    }

    .cocktail-recept .img-list .swiper-slide {
        width: 252px;
        height: auto;
        flex-shrink: 0;
    }

    .cocktail-recept .img-list .swiper-slide .img {
        width: 100%;
        height: auto;
    }
    .cocktail-recept .img-list::-webkit-scrollbar {
        display: none;
    }
}
.cocktail-recept .img-list .img {
    width: 100%;
    height: 528px;
    position: relative;
    overflow: hidden;
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .cocktail-recept .img-list .img {
        height: 328px;
    }
}
@media (max-width: 568px) {
    .cocktail-recept .img-list .img {
        width: 252px;
        min-width: 252px;
        height: auto;
        opacity: 0.2;
        transition: opacity 0.3s;
    }
    .cocktail-recept .img-list .img.swiper-slide-active {
        opacity: 1;
    }
}
.cocktail-recept .img-list .img > span {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 90%;
    text-transform: uppercase;
    text-align: center;
    color: #0e0f0f;
}
@media (max-width: 1024px) {
    .cocktail-recept .img-list .img > span {
        width: 64px;
        height: 64px;
        font-size: 40px;
    }
}
.cocktail-recept .img-list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 568px) {
    .cocktail-recept .img-list .img img {
        max-height: 252px;
    }
    .cocktail-recept .img-list .img .info {
        display: flex;
        align-items: flex-start;
        gap: 24px;
        margin-top: 32px;
    }
    .cocktail-recept .img-list .img .info span {
        font-family: 'Bebas Neue', sans-serif;
        font-weight: 700;
        font-size: 38px;
        line-height: 116%;
        letter-spacing: -0.03em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.95);
    }
    .cocktail-recept .img-list .img .info p {
        position: relative;
        font-family: "Libre Franklin", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: rgba(255, 255, 255, 0.95);
        transition: .3s ease;
    }
}
.cocktail-recept .info {
    max-width: 546px;
}
@media (max-width: 1024px) {
    .cocktail-recept .info {
        max-width: 280px;
    }
}
@media (max-width: 568px) {
    .cocktail-recept .container > .info {
        display: none;
    }
}
.cocktail-recept .info .txt {
    display: flex;
    flex-direction: column;
    gap: 56px;
    position: sticky;
    top: 140px;
}
@media (max-width: 568px) {
    .cocktail-recept .info .txt {
        position: initial;
    }
}
.cocktail-recept .info .txt h2,
.cocktail-recept .container > h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .cocktail-recept .info .txt h2,
    .cocktail-recept .container > h2{
        font-size: 44px;
    }
}
@media (max-width: 568px) {
    .cocktail-recept .container > h2 {
        padding: 0 16px;
    }
}
.cocktail-recept .info .txt ol {
    counter-reset: custom-counter;
    display: flex;
    flex-direction: column;
    gap: 32px;
    list-style: none;
    padding: 0;
    margin: 0;
}
@media (max-width: 1024px) {
    .cocktail-recept .info .txt ol {
        gap: 24px;
    }
}
@media (max-width: 568px) {
    .cocktail-recept .info .txt ol {
        flex-direction: row;
        overflow-x: auto;
    }
    .cocktail-recept .info .txt ol::-webkit-scrollbar {
        display: none;
    }
}
.cocktail-recept .info .txt ol li {
    position: relative;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
    padding-left: 38px; /* зазор для цифры */
    transition: .3s ease;
}
@media (max-width: 1024px) {
    .cocktail-recept .info .txt ol li {
        font-size: 14px;
    }
}
@media (max-width: 568px) {
    .cocktail-recept .info .txt ol li {
        width: 252px;
        min-width: 252px;
    }
}

.cocktail-recept .info .txt ol li::before {
    counter-increment: custom-counter;
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 116%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .cocktail-recept .info .txt ol li::before {
        font-size: 38px;
    }
}

/* page-events */

.page-events {
    display: flex;
    flex-direction: column;
    gap: 120px;
    padding-bottom: 180px;
}
@media (max-width: 568px) {
    .page-events {
        gap: 80px;
    }
}
.page-events.bg {
    background-image: url("/assets/img/bg-e.png");
    background-size: cover;
    background-position: top;
}
.page-events .container {
    max-width: 1344px;
    /*padding: 0 48px;*/
    width: calc(100vw - 48px*2);
    margin: auto;
    /*box-sizing: content-box;*/
}
@media (max-width: 1024px) {
    .page-events .container {
        width: 100%;
    }
}
@media (max-width: 568px) {
    .page-events .container {
        padding: 0 16px;
    }
}
.page-events .events-top_img {
    width: 100%;
    position: relative;
}
@media (max-width: 568px) {
    .page-events .events-top_img {
        margin-bottom: 40px;
    }
}
.page-events .events-top_img .img {
    width: 100%;
    height: 572px;
    position: relative;
}
@media (max-width: 1024px) {
    .page-events .events-top_img .img {
        height: 340px;
    }
}
.page-events .events-top_img .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%), url('/assets/img/events-detail-1.png') lightgray 50% / cover no-repeat;
}
.page-events .events-top_img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-events .breadcrumb {
    margin: -60px 0;
}
.page-events .events-top {

}
.page-events .events-top .container {
    display: flex;
    gap: 138px;
    padding-bottom: 120px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 568px) {
    .page-events .events-top .container {
        flex-direction: column;
        gap: 56px;
        padding: 0;
        padding-bottom: 80px;
        width: calc(100vw - 16px*2);
    }
}
.page-events .events-top .title {
    width: 50%;
}
.page-events .events-top .title h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .page-events .events-top .title h1 {
        font-size: 56px;
    }
}
.page-events .events-top .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
}
.page-events .events-top .info .data {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .page-events .events-top .info .data {
        font-size: 14px;
        line-height: 135%;
    }
}
.page-events .events-top .info .txt {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .page-events .events-top .info .txt {
        font-size: 14px;
        line-height: 135%;
    }
}
.page-events .events-2_img {

}
.page-events .events-2_img .container {
    display: flex;
    gap: 24px;
}
@media (max-width: 568px) {
    .page-events .events-2_img .container {
        flex-direction: column;
    }
}
.page-events .events-2_img .img {
    border-radius: 6px;
    height: 432px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .page-events .events-2_img .img {
        height: 214px;
    }
}
@media (max-width: 568px) {
    .page-events .events-2_img .img {
        height: 256px;
    }
}
.page-events .events-2_img .img:nth-child(1) {
    width: calc(((100% - 24px)/12)*5);
}
@media (max-width: 1024px) {
    .page-events .events-2_img .img:nth-child(1) {
        width: calc(((100% - 24px)/8)*3);
    }
}
@media (max-width: 568px) {
    .page-events .events-2_img .img:nth-child(1) {
        width: 100%;
    }
}
.page-events .events-2_img .img:nth-child(2) {
    width: calc(((100% - 24px)/12)*7);
}
@media (max-width: 1024px) {
    .page-events .events-2_img .img:nth-child(2) {
        width: calc(((100% - 24px)/8)*5);
    }
}
@media (max-width: 568px) {
    .page-events .events-2_img .img:nth-child(2) {
        width: 100%;
    }
}
.page-events .events-2_img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-events .events-title_txt {

}
.page-events .events-title_txt .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
@media (max-width: 568px) {
    .page-events .events-title_txt .container {
        gap: 32px;
    }
}
.page-events .events-title_txt .title {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
    max-width: 760px;
}
@media (max-width: 1024px) {
    .page-events .events-title_txt .title {
        font-size: 56px;
    }
}
@media (max-width: 568px) {
    .page-events .events-title_txt .title {
        text-align: left;
    }
}
.page-events .events-title_txt .txt {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
    max-width: 660px;
}
@media (max-width: 1024px) {
    .page-events .events-title_txt .txt {
        font-size: 14px;
        line-height: 135%;
    }
}
@media (max-width: 568px) {
    .page-events .events-title_txt .txt {
        text-align: left;
    }
}
.page-events .events-img {

}
.page-events .events-img .img {
    border-radius: 6px;
    width: 100%;
    height: 470px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .page-events .events-img .img {
        height: 214px;
    }
}
.page-events .events-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-events .events-txt_img,
.page-events .events-img_txt {

}
.page-events .events-txt_img .container,
.page-events .events-img_txt .container {
    display: flex;
    gap: 24px;
}
@media (max-width: 568px) {
    .page-events .events-txt_img .container {
        flex-direction: column;
    }
    .page-events .events-img_txt .container {
        flex-direction: column-reverse;
    }
}
.page-events .events-txt_img .info,
.page-events .events-img_txt .info {
    width: calc((100% - 24px)/2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}
@media (max-width: 568px) {
    .page-events .events-txt_img .info,
    .page-events .events-img_txt .info {
        width: 100%;
    }
}
.page-events .events-txt_img .info h2,
.page-events .events-img_txt .info h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .page-events .events-txt_img .info h2,
    .page-events .events-img_txt .info h2 {
        font-size: 56px;
    }
}
.page-events .events-txt_img .info p,
.page-events .events-img_txt .info p {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .page-events .events-txt_img .info p,
    .page-events .events-img_txt .info p {
        font-size: 14px;
    }
}
.page-events .events-txt_img .img,
.page-events .events-img_txt .img {
    border-radius: 6px;
    width: calc((100% - 24px)/2);
    height: 470px;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .page-events .events-txt_img .img,
    .page-events .events-img_txt .img {
        height: 282px;
    }
}
@media (max-width: 568px) {
    .page-events .events-txt_img .img,
    .page-events .events-img_txt .img {
        width: 100%;
    }
}
.page-events .events-txt_img .img img,
.page-events .events-img_txt .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-events .events-gallery {

}
.page-events .events-gallery .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
@media (max-width: 1024px) {
    .page-events .events-gallery .gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 568px) {
    .page-events .events-gallery .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
.page-events .events-gallery .gallery .img {
    border-radius: 6px;
    aspect-ratio: 1;
    overflow: hidden;
}
.page-events .events-gallery .gallery .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* preloader */

html:has(.preloader:not(.hide)) {
    overflow: hidden;
}
.preloader {
    background-image: url("/assets/img/bgp.jpg");
    background-color: #0e100d;
    position: fixed;
    z-index: 9999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    pointer-events: none;
    transition: 1.0s ease;
}
.preloader.hide {
    top: -110vh;
    /*opacity: 0;*/
}
.logo-container {
    position: relative;
    display: inline-block;
}

.logo-container img {

    height: 100%;
    display: block;
    object-fit: cover;
    object-position: left;
}

.logo-base {
    opacity: 0.5;
}

.logo-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.logo-fill img {
    width: 0;
}

/* preloader18 */

html:has(.preloader18.show) {
    /*overflow: hidden;*/
    position: relative;
}
html:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0e0f0f;
    transition: 1.2s ease;
    pointer-events: none;
    opacity: 0;
}
html:has(.preloader18.show):after {
    /*opacity: 1;*/
}
html:has(.preloader18.show) .menu {
    /*opacity: 0;*/
    /*pointer-events: none;*/
}

.preloader18 {
    position: fixed;
    z-index: 999;
    top: -120vh !important;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 64px;
    padding: 64px 128px;
    background-size: cover;
    pointer-events: none ;
    transition: .7s ease;
}
.preloader18:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(146.11% 61.72% at 66.46% 64.63%, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.00) 100%);
}
@media (max-width: 568px) {
    .preloader18 {
        padding: 32px 16px;
        gap: 24px;
        background-position: 30% -10%;
    }
}
.preloader18.show {
    top: 0;
    pointer-events: all;
}
.preloader18 h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    max-width: 565px;
    position: relative;
    z-index: 1;
}
@media (max-width: 568px) {
    .preloader18 h3 {
        font-size: 20vw;
    }
}
.preloader18 p {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.95);
    max-width: 465px;
    position: relative;
    z-index: 1;
}
.preloader18 .year {
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative;
    z-index: 1;
}
@media (max-width: 568px) {
    .preloader18 .year {
        /*transform: translate(0px, calc(20svh - 0vw));*/
    }
}
@media (max-width: 375px) {
    .preloader18 .year {
        /*transform: translate(0px, calc(15svh));*/
    }
}
.preloader18 .year input {
    border: 2px solid rgba(255, 255, 255, 0.95) !important;
    outline: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 64px;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 145%;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255, 255, 255, 0.95);
}
.preloader18 .year input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.preloader18 .year a {
    width: 178px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 145%;
    text-transform: uppercase;
    text-align: center;
    color: rgba(19, 19, 19, 0.29);
    pointer-events: none;
}
.preloader18 .year a.active {
    color: rgba(19, 19, 19, 1);
    pointer-events: all;
}

/**/

.fancybox__slide {
    padding: 32px;
}
@media (max-width: 568px) {
    .fancybox__slide {
        padding: 16px;
    }
}

.img-zoom {
    cursor: pointer;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.img-zoom:hover {
    /*transform: scale(1.05);*/
}

.img-zoom img {
    width: 100%;
    height: auto;
    display: block;
}

/* Fancybox кастомизация */
.fancybox__container {
    z-index: 9999;
}

.fancybox__image {
    max-width: 90%;
    max-height: 90vh;
}

/* Скрыть footer полностью */
.fancybox__footer {
    display: none !important;
}

/* Скрыть все кнопки в toolbar кроме Close */
.fancybox__button {
    display: none !important;
}

.fancybox__button[aria-label="Close"] {
    display: block !important;
}

/* Оставить только колонку с крестиком */
.fancybox__toolbar__column {
    display: none !important;
}

.fancybox__toolbar__column:last-child {
    display: flex !important;
}

/* Скрыть footer */
.fancybox__footer {
    display: none !important;
}

/* Скрыть все кнопки */
.fancybox__toolbar__column button {
    display: none !important;
}

/* Показать только кнопку Close */
.fancybox__toolbar__column button[data-fancybox-close] {
    display: block !important;
}

/**/
.where-block {
    padding: 76px 128px;
    /*padding-bottom: 168px;*/
    /*background: #071c0b;*/
    height: auto;
    /*min-height: 100vh;*/
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1024px) {
    .where-block {
        padding: 76px 48px;
        gap: 48px;
    }
}
@media (max-width: 568px) {
    .where-block {
        padding: 48px 16px;
        padding-bottom: 128px;
        /*gap: 24px;*/
    }
}
.where-block > div {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1024px) {
    .where-block > div {
        gap: 48px;
    }
}
.where-block > div > h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 95%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
    .where-block > div > h2 {
        font-size: 56px;
    }
}

.where-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 100px;
}
@media (max-width: 1024px) {
    .where-logo {
        align-items: flex-start;
    }
}

.where-city {
    position: relative;
    margin-top: -60px;
    display: none;
}
@media (max-width: 1024px) {
    .where-city {
        margin-top: 0;
    }
}

.where-city2 {
    border-radius: 20px;
    padding: 14px;
    width: 218px;
    height: 54px;
    background: #527852;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 145%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
@media (max-width: 568px) {
    .where-city2 {
        font-size: 20px;
        width: 181px;
        height: 46px;
    }
}
.where-city2 .select-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}
.where-city select {
    border-radius: 20px;
    padding: 14px 48px 14px 14px;
    width: 218px;
    height: 54px;
    background: #527852;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 145%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}

.where-city select option {
    border-radius: 20px;
}

.where-city .select-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #527852;
    border-radius: 20px 6px 6px 20px;
    overflow: hidden;
    max-height: 320px;
    overflow-y: auto;
    z-index: 10;
    font-family: 'Bebas Neue', sans-serif;
    margin-top: 16px;
}
.where-city .select-dropdown.active {
    display: block;
}
.where-city .select-dropdown::-webkit-scrollbar {
    width: 12px;
    background: #52785200;
    padding: 20px 0;
}
.where-city .select-dropdown::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 8px;
    border: 4px solid #527852;
    border-top: 14px solid #527852;
    border-bottom: 14px solid #527852;
}
.where-city .select-dropdown::-webkit-scrollbar-track {
    background: #52785200;
    width: 18px;
    border-radius: 4px;
}
.where-city .select-dropdown div {
    padding: 5px 14px;
    cursor: pointer;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 145%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
}
.where-city .select-dropdown div:first-child {
    padding-top: 14px;
}
.where-city .select-dropdown div:last-child {
    padding-bottom: 14px;
}
@media (max-width: 568px) {
    .where-city .select-dropdown div {
        font-size: 20px;
    }
}
.where-city .select-dropdown div:hover {
    background: rgba(255,255,255,0.1);
}

.where-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /*column-gap: 50px;*/
    /*row-gap: 40px;*/
    width: 100%;
    /*border-top: 1px solid #3D3D3D;*/
    /*border-bottom: 1px solid #3D3D3D;*/
}
@media (max-width: 1024px) {
    .where-grid {
        grid-template-columns: repeat(3, 1fr);
        /*column-gap: 24px;*/
        /*row-gap: 24px;*/
    }
}
@media (max-width: 568px) {
    .where-grid {
        grid-template-columns: repeat(2, 1fr);
        /*column-gap: 4px;*/
        /*row-gap: 4px;*/
    }
}
.where-grid a {
    display: inline-block;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease;
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 248px;
    /*border-bottom: 1px solid #3D3D3D;*/
    /*border-right: 1px solid #3D3D3D;*/
}
@media (max-width: 1024px) {
    .where-grid a {
        height: 200px;
    }
}
@media (max-width: 568px) {
    .where-grid a {
        height: 160px;
    }
}
.where-grid a:nth-child(5n) {
    border-right: none;
}
@media (max-width: 1024px) {
    .where-grid a:nth-child(5n) {
        /*border-right: 1px solid #3D3D3D;*/
    }
    .where-grid a:nth-child(3n) {
        border-right: none;
    }
}
@media (max-width: 568px) {
    .where-grid a:nth-child(3n) {
        /*border-right: 1px solid #3D3D3D;*/
    }
    .where-grid a:nth-child(2n) {
        border-right: none;
    }
}
.where-grid a:nth-last-child(-n+3) {
    border-bottom: none;
}
@media (max-width: 1024px) {
    .where-grid a:nth-last-child(-n+3) {
        /*border-bottom: 1px solid #3D3D3D;*/
    }
    .where-grid a:nth-last-child(-n+1) {
        border-bottom: none;
    }
}
@media (max-width: 568px) {
    .where-grid a:nth-last-child(-n+1) {
        border-bottom: none;
    }
}
.where-grid a.hidden {
    opacity: 0;
    transform: scale(0.95);
}
.where-grid a.hidden,
.where-grid a[style*="display: none"] {
    display: none !important;
}
.where-grid a img {
    filter: grayscale(1);
    transition: .3s ease;
    max-width: 120px;
}
@media (max-width: 568px) {
    .where-grid a img {
        max-width: 80px;
    }
}
.where-grid a:hover img {
    filter: grayscale(0);
}