@charset "UTF-8";

@import url("reset1.css?v=1");
@import url("fonts.css");
@import url("slick.css");
@import url("locomotive-scroll.css");



:root {
    --c0: #0E0E0D;
    --c00: #483e37;
    --c1: #f8f2ec;
    --c2: #683b24;
    --c3: #C0A46F;
    --c4: #F3EAE1;
    --c5: rgba(14, 14, 13, 0.70);
    --c6: rgba(14, 14, 13, 0.50);
    --c7: rgba(243, 234, 225, 0.60);
    --c8: #FFFFFF;
    --c9: rgba(192, 164, 111, 0.50);
    --c10: #000000;
    --altfont: 'Cinzel', serif;
    --altfont2: 'Cinzel Decorative', 'Cinzel', serif;
    --wr: 80rem;
    --wr2: 30rem;
    --wr3: 15rem;
    --tb: 92rem;
    --f-s: max(12px, 12rem);
    --f-d: max(12px, 14rem);
    --f-m: max(14px, 16rem);
    --f-b: max(16px, 22rem);
    --f-l: max(18px, 32rem);
    --f-l1: max(20px, 42rem);
    --f-l2: max(28px, 48rem);
    --f-xl: max(30px, 64rem);
    --f-xxl: max(35px, 86rem);
    --f-xxxl: max(55px, 130rem);
}

@keyframes preloader-runner {

    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(600rem);
    }
}

@keyframes cloud-flow {
    0% {
        transform: translateX(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }


    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX( calc(-700rem - 100vw) );
    }
}

html {
    font-size: 0.052vw;
    background-color: var(--c0);
}

.grdbg {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
}

.grdbgbottom {
    width: 100%;
    position: absolute;
    height: 25vh;
    bottom: 0;
    z-index: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
}


.document {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    font-size: var(--f-d);
    line-height: 1.5;
    color: var(--c1);
    background-color: var(--c0);
    letter-spacing: 0.03em;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.preloader-curtain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background-image: linear-gradient(to bottom, var(--c0) 50%, var(--c0), transparent);
    transition: transform 1s;
}

.preloader-wrapper {
    position: relative;
    z-index: 1;
    width: 200rem;
    position: relative;
    overflow: hidden;
    will-change: transform;
}

.preloader-logo {
}

.preloader-runner {
    position: absolute;
    background-image: radial-gradient(var(--c0) 50%, transparent);
    width: 400rem;
    height: 400rem;
    left: 0;
    top: 50%;
    margin-top: -200rem;
    margin-left: -400rem;
}

.loading .preloader {
    visibility: visible;
}

.loading .preloader-runner {
    animation: preloader-runner infinite 3s;
}

.loading .header {
    transform: translateY(-110%);
}

.document:not(.loading) .preloader {
    visibility: hidden;
    transition: visibility 0s 3s;
}

.document:not(.loading) .preloader-wrapper {
    opacity: 0;
    transition: opacity .5s 0s;
}

.document:not(.loading) .preloader-curtain {
    transform: translateY(-100%);
    transition: transform 1.5s .1s;
}

.document:not(.loading) .header {
    transform: translateY(0);
    transition: transform .5s 1s;
}

.no-scroll {
}

.c3 {
    color: var(--c3);
}

.hl {
    text-transform: uppercase;
    font-family: var(--altfont);
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0.09em;
}

.hl2 {
    text-transform: uppercase;
    font-family: var(--altfont2);
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0.035em;
}

.inner-wrapper {
    padding-left: var(--wr2);
    padding-right: var(--wr2);
    z-index: 1;
    position: relative;
}



.wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--wr);
}

.locations .s2-4 {
    height: auto !important;
}

.locations .s2-2 {
    padding-top: 150rem;
}

.konum {
    max-width: 520rem;
    margin-top: 35rem;
}

    .konum ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 33px;
    }

        .konum ul > li {
            display: flex;
            justify-content: space-between;
            gap: 25px;
            border-bottom: 1px solid var(--c9);
            padding-bottom: var(--wr2);
        }

            .konum ul > li div {
                font-family: var(--altfont);
                font-size: 20rem;
                line-height: 1.2;
                letter-spacing: 1px;
                text-transform: uppercase;
            }

                .konum ul > li div:first-child {
                }

                .konum ul > li div:last-child {
                    width: 120px;
                    text-align: right;
                }

.wrapper.fiyatlar {
    margin-top: var(--wr)
}

.icon {
    display: flex;
    max-height: 100%;
    align-items: center;
    justify-content: center;
    line-height: 0;
    max-width: 100%;
    width: auto;
    height: auto;
}

.cover,
.contain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    pointer-events: none;
}

.cover {
    object-fit: cover;
}

.contain {
    object-fit: contain;
}

.fill::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    user-select: none;
    cursor: pointer;
    position: relative;
    border: 1rem solid;
    height: max(42px, 42rem);
    overflow: hidden;
    min-width: max(42px, 42rem);
}

.button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 1;
    text-transform: uppercase;
    height: 1em;
    letter-spacing: .09em;
}

    .button-text::before,
    .button-text::after {
        content: attr(data-text);
        position: absolute;
        left: 0;
    }

    .button-text::before {
        top: 0;
    }

    .button-text::after {
        top: 100%;
    }

.button-icon {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 30rem;
    line-height: 1;
    width: 18rem;
    height: 18rem;
    position: relative;
    z-index: 1;
}

.button .button-icon:first-child {
    margin-left: 0;
}

.button .button-icon:last-child {
    margin-right: 0;
}

.button .button-icon:only-child {
    margin: -8rem -12rem;
    flex: auto;
    width: 24rem;
    height: 24rem;
}

.button__clear {
    border-width: 0;
    padding: 0;
    height: 1em;
}

    .button__clear .button-icon {
        margin: 0 20rem;
    }

.button__dense {
    padding: 12rem 24rem;
}

    .button__dense .button-text {
        font-size: var(--f-d);
    }

.button__default {
    height: max(56px, 56rem);
    padding: 0 30rem;
}

    .button__default .button-text {
        font-size: var(--f-m);
    }

.button__contrast {
    background-color: var(--c1);
    color: var(--c2);
    border-color: var(--c1);
}

.button__gold {
    background-color: var(--c3);
    color: var(--c0);
    border-color: var(--c3);
}

.button__green {
    background-color: var(--c2);
    color: var(--c1);
    border-color: var(--c2);
}

.button__wide {
    min-width: 340rem;
}

.button__wider {
    min-width: 100%;
}

.lines {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    pointer-events: none;
}

.lines-inner {
    outline: 1rem solid var(--c9);
    min-height: 100%;
}

.container {
    min-height: 100vh;
}

.header {
    position: relative;
    z-index: 10;
    color: var(--c1);
}

.headroom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--c1);
    z-index: 99;
    transition: transform .15s linear;
    background-color: var(--c0);
    transform: translateY(-100%);
    will-change: transform;
}

    .headroom.active {
        transform: translateY(0);
    }

.separator {
    height: max(1px, 1rem);
    background-color: var(--c9);
    overflow: hidden;
    margin: 0 calc(-1 * var(--wr2));
}

.topbar {
    border-bottom: max(0px, 0rem) solid var(--c9);
}

.topbar-row {
    height: var(--tb);
    display: grid;
    /* grid-template-columns: auto 1fr; */
    grid-auto-flow: column;
}

.topbar-logo {
    padding: 10rem;
    display: inline-flex;
    align-items: center;
    height: var(--tb);
    filter: brightness(0) invert(1);
    BORDER: 0 !important;
    min-height: 150px;
}

    .topbar-logo .logo {
        height: 100%;
        display: flex;
    }

    .topbar-logo img {
        width: auto;
        height: 100%;
    }

.topbar-nav {
    display: flex;
    justify-content: flex-end;
}

    .topbar-nav ul {
        display: grid;
        grid-auto-flow: column;
        grid-gap: 35rem;
    }

    .topbar-nav li {
        text-transform: uppercase;
        letter-spacing: .09em;
        display: flex;
        align-items: center;
        height: 100%;
        position: relative;
    }

        .topbar-nav li.active {
            pointer-events: none;
        }

            .topbar-nav li.active::after {
            }

.topbar-contact {
    margin-left: 50rem;
    display: flex;
    align-items: center;
}

.main {
    display: flex;
    flex-direction: column;
    color: var(--c0);
    background-color: var(--c1);
    position: relative;
}

    .main:last-child {
        flex: auto;
    }

.pretitle {
    font-size: var(--f-m);
    text-transform: uppercase;
    letter-spacing: .09em;
    color: #c9b39c;
    display: inline-flex;
    align-items: center;
}


.s8-8 .pretitle {
    color: var(--c2);
}

.pretitle__wb::before {
    width: .5em;
    height: .5em;
    background-color: currentColor;
    border-radius: 50%;
    flex: none;
    margin-right: .5em;
}

.title {
    font-family: var(--altfont);
    font-size: 48rem;
    line-height: .9;
    letter-spacing: .09em;
    text-transform: uppercase;
    gap: 8px
}

    .title h2 {
        line-height: 1.1
    }


    .title[data-scroll] {
    }

        .title[data-scroll] span {
            opacity: 0;
            transform: translateY(30rem);
            transition: all .5s .5s linear;
            display: inline-block;
            color: #fff;
            line-height: 1.2 !important;
        }

        .title[data-scroll].is-inview span {
            opacity: 1;
            transform: translateY(0);
        }

.formgrid {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 20rem;
    position: relative;
}

.formgrid-row {
    display: flex;
    margin: 0 -10rem;
}

.formgrid-cell {
    overflow: hidden;
    flex: 1;
    margin: 0 10rem;
}

.formgrid-footer {
    padding-top: 10rem;
}

.formgrid-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    background-color: var(--c0);
    color: var(--c1);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    border: 1rem solid var(--c9);
    padding: 50rem;
}

    .formgrid-message.active {
        opacity: 1;
        visibility: visible;
    }

.formgrid-message-title {
    font-size: var(--f-l);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-family: var(--altfont);
}

.formgrid-message-subtitle {
    margin-top: 10rem;
}

.textfield {
    width: 100%;
    display: flex;
}

.textfield-input {
    border: 1rem solid var(--c9);
    width: 100%;
    resize: none;
    padding: 10rem 20rem;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: var(--f-m);
    min-height: max(56px, 56rem);
}

    .textfield-input:focus {
        border-color: var(--c3);
    }

.linklist-container {
    display: grid;
    grid-template-columns: auto;
    padding-top: 150rem; /*margin: 0 0 180rem;*/
    position: relative;
}

.linklist {
    border-top: 1rem solid var(--c9);
    display: grid;
    grid-template-columns: 1fr 3fr;
    margin: 0 calc(-1 * var(--wr2));
    padding: 0 var(--wr2);
}
/*.linklist:last-child{border-bottom: 1rem solid var(--c9);}*/
.linklist-index {
    padding: 40rem 0;
    color: var(--c6);
    font-size: var(--f-b);
}

.linklist-content {
}

.linklist-caption {
    padding: 40rem 0;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 50rem;
    align-items: center;
}

.linklist-caption-title {
    font-size: var(--f-l2);
    font-family: var(--altfont);
    text-transform: uppercase;
    letter-spacing: .09em;
}

.linklist-caption-button {
}

.linklist-group {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 25rem;
    padding-bottom: 100rem;
}

.linklist-row {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 50rem;
    align-items: flex-start;
    border-top: 1rem solid var(--c9);
    padding-top: 25rem;
    margin-right: calc(-1 * var(--wr2));
    position: relative;
}

.linklist-main {
}

.linklist-main-title {
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: var(--f-b);
}

.linklist-main-subtitle {
    margin-top: 5rem;
    text-transform: uppercase;
    letter-spacing: .09em;
    color: var(--c5);
    font-size: var(--f-m);
}

.linklist-button {
    margin: 0 var(--wr2);
    padding-top: 10rem;
}

    .linklist-button .button {
        overflow: visible;
        position: static;
    }

    .linklist-button .button-text {
        opacity: 0;
    }

/*.linklist:only-child .linklist-index{visibility: hidden;}*/

.footer {
    background-color: var(--c00);
    color: var(--c1);
    flex: auto;
    display: flex;
}

.footer-a1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 125rem 0;
}

.footer-a1-1 {
    margin-right: 125rem;
    position: relative;
}

.footer-a1-2 {
    padding: 20rem 0 0;
}

.footer-a1-3 {
}

.footer-a1-4 {
}

.footer-a1-5 {
    margin-top: 10rem;
}

    .footer-a1-5 .title {
        display: flex;
        flex-direction: column;
    }

        .footer-a1-5 .title span:nth-child(1) {
        }

        .footer-a1-5 .title span:nth-child(2) {
            margin-left: auto;
        }

.footer-a1-6 {
    margin-top: 50rem;
}

.footer-a2 {
    padding: 35rem 0;
}

.footer-a2-1 {
    display: flex;
    align-items: flex-end;
}

.footer-a2-2 {
    display: inline-grid;
    grid-template-columns: auto;
    grid-gap: 20rem;
    flex: 1;
    padding: 0 70rem;
}

.footer-a2-3 {
    display: inline-grid;
    grid-auto-flow: column;
    grid-gap: 8rem;
}

.footer-a3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 55rem 0 40rem;
}

.footer-a3-1 {
}

.footer-a3-2 {
    padding-left: 70rem;
}

.footer-a4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 25rem 0 35rem;
}

.footer-a4-1 {
    color: var(--c7);
    font-size: var(--f-s);
}

.footer-a4-2 {
    padding-left: 70rem;
}

.footer-a3-3 {
}

.footer-a3-4 {
    margin: 35rem -20rem 0;
    display: flex;
}

.footer-a3-5 {
    flex: 1;
    margin: 0 20rem;
}

.footer-a3-6 {
}

.footer-a3-7 {
    margin-top: 15rem;
    text-transform: uppercase;
    letter-spacing: .09em;
}

    .footer-a3-7 ul {
        display: flex;
        margin: -5rem -25rem;
        flex-wrap: wrap;
    }

    .footer-a3-7 li {
        margin: 5rem 25rem;
    }

.section-header {
    background-color: var(--c0);
    color: var(--c1);
}

.section-header-grid {
    padding: 30rem 0 65rem;
    display: grid;
    grid-template-columns: calc(50% + 175rem) 1fr;
    grid-gap: 0;
    align-items: center;
}

.section-header-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 75rem;
}

.section-header-pretitle {
    font-size: var(--f-m);
    text-transform: uppercase;
    letter-spacing: .09em;
    color: var(--c3);
}

.section-header-title {
    font-size: var(--f-xxl);
    line-height: 1;
    margin-top: 20rem;
}

.section-header-text {
    max-width: 445rem;
    color: var(--c7);
    margin-top: 30rem;
}

.section-header-action {
    margin-top: 60rem;
    display: inline-grid;
    grid-gap: 20rem;
    grid-auto-flow: column;
}

.section-header-media {
    display: flex;
    position: relative;
}

    .section-header-media::before {
        content: "";
        flex: none;
        width: 0;
        padding-top: 125%;
    }

.project-card {
    position: relative;
    color: var(--c1);
    background-color: var(--c0);
    display: flex;
}

    .project-card::before {
        content: "";
        flex: none;
        width: 0;
        padding-top: 55%;
    }

.project-card-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.project-card-content {
    z-index: 2;
    position: relative;
    /* background-image: radial-gradient(156.15% 63.79% at 51.34% 50.00%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%); */
    width: 100%;
    padding: 75rem 70rem;
}

.project-card-title {
    font-size: var(--f-l);
    font-family: var(--altfont);
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.project-card-description {
    margin-top: 25rem;
}

.project-card-info {
    display: flex;
    align-items: baseline;
}

    .project-card-info ._title {
        margin-right: 25rem;
        font-size: var(--f-b);
        text-transform: uppercase;
        letter-spacing: .09em;
    }

    .project-card-info ._value {
        font-size: var(--f-m);
        text-transform: uppercase;
        letter-spacing: .09em;
    }

.s0 {
    background-color: var(--c0);
    color: var(--c1);
    padding-top: var(--tb);
    margin-top: calc(-1 * var(--tb));
    /*background-image: url(../img/hero-image.png);*/
    /* background-image: url(trails-bird-eye-view-1.webp); */
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.bgvideo {
    width: 100%;
}

    .bgvideo > video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* background-size: cover gibi */
        z-index: 0;
    }


.s0::before {
    content: "";
    width: 100%;
    z-index: 1;
    position: absolute;
    height: 200rem;
    top: calc(-1 * var(--tb));
    left: 0;
    background-image: linear-gradient(#000, transparent);
}

.s0-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}

.s0-2 {
    font-size: 142rem;
    font-family: var(--altfont2);
    line-height: .9;
    margin-top: 150rem;
    color: transparent;
    letter-spacing: .009em;
}



.s0-3 {
    margin-top: 170rem;
    max-width: 516rem;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: 16rem;
    position: relative;
}



    .s0-3 h1 {
        font-size: 42rem;
        font-family: var(--altfont);
        line-height: .9;
        letter-spacing: .009em;
        font-weight: 600
    }

    .s0-3 p {
        margin: 0;
        font-size: 1.1em;
        /* font-family: var(--altfont); */
        line-height: 1.2;
        margin-top: 15px;
        letter-spacing: .09em;
        color: #fff;
    }



.s0-4 {
    margin: 50rem 0;
}

.s0-5 {
    width: 100rem;
    height: 100rem;
    display: flex;
    align-items: center;
    justify-content: center;
    mix-blend-mode: multiply;
    filter: blur(2px);
    transform: rotate(-25deg);
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 100rem;
    opacity: .6;
}

.s1 {
    background-color: var(--c0);
    color: var(--c1);
}

.s1-1 {
    padding-bottom: 0rem;
}

.s1-2 {
    padding: 180rem 0 var(--wr2);
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 3fr;
    grid-gap: 0;
}

.s1-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0;
}

    .s1-3::before {
        content: "";
    }

.s1-4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 calc(-1 * var(--wr2));
}

.s1-5 {
    padding-right: 100rem;
}

.s1-6 {
    padding-left: 0;
}

    .s1-6 .title {
        display: flex;
        flex-direction: column;
    }

        .s1-6 .title span:nth-child(1) {
        }

        .s1-6 .title span:nth-child(2) {
            margin-left: -100rem;
        }

.s1-7 {
    order: -1;
    border-right: 1rem solid var(--c9);
    padding: var(--wr2);
    padding-left: 0;
}

.s1-8 {
    border-left: 1rem solid var(--c9);
    padding: var(--wr2);
    display: flex;
    align-items: center;
}

.s1-9 {
    font-size: var(--f-xxxl);
    text-transform: uppercase;
    letter-spacing: .09em;
    color: var(--c3);
    line-height: .9;
    font-family: var(--altfont);
}

.s1-10 {
    font-size: var(--f-m);
    text-transform: uppercase;
    letter-spacing: .09em;
    color: var(--c3);
}

.s1-11 {
    padding: var(--wr2);
}

.s1-12 {
    position: relative;
    border-left: 1rem solid var(--c9);
}

.s1-13 {
    display: flex;
    position: relative;
}

    .s1-13::before {
        content: "";
        flex: none;
        width: 0;
        padding-top: 100%;
    }

.s1-14 {
    margin: auto;
    display: inline-flex;
    align-items: baseline;
}

.s2 {
    position: relative;
    background: #483e37;
}

.s2-1 {
    position: absolute;
    top: 0;
    right: 0;
    height: 89.5vw;
    left: 25vw;
    background-image: url('/img/frame-738002087-1.svg?v=4');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 100%;
}


    .s2-1::before,
    .s2-1::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 280rem;
    }

    .s2-1::before {
        top: 0;
        background-image: linear-gradient(#483e37, transparent);
    }

    .s2-1::after {
        bottom: 0;
        background-image: linear-gradient(transparent, #483e37);
    }



.s2-2 {
    min-height: 89.5vw;
    position: relative;
    z-index: 1;
    padding: 365rem 0 265rem;
}

.s2-3 {
    position: absolute;
    top: 76%;
    left: 42%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transform: translateX(-50%);
    z-index: 10;
}

    .s2-3::before {
        content: none;
        width: 60rem;
        height: 80rem;
        bottom: 100%;
        left: 50%;
        position: absolute;
        margin-left: -30rem;
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(location-pin.svg);
        margin-bottom: 15rem;
    }

.s2-3_1 {
    width: 140rem;
    height: 200rem;
    bottom: 100%;
    left: 37%;
    position: absolute;
    margin-left: -30rem;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -35rem;
}

.s2-4 {
    height: 485rem;
    display: flex;
    position: relative;
    align-items: flex-start;
}

.s2-5 {
    margin-top: 150rem;
}

.s2-6 {
    margin-bottom: 20rem;
}

.s2-7 {
}

.s2-8 {
    max-width: 380rem;
    margin-top: 35rem;
}

.s2-9 {
    margin-top: 50rem;
}

.s2-10 {
    height: 485rem;
    position: relative;
    display: flex;
    width: auto;
    max-width: none;
    z-index: 1;
}

.s2-11 {
    height: 350rem;
    position: relative;
    display: flex;
    margin-top: -280rem;
    width: auto;
    max-width: none;
    margin-left: -125rem;
    margin-right: -200rem;
}

.s2-12 {
    height: 350rem;
    position: relative;
    display: flex;
    width: auto;
    max-width: none;
}

.s2-13 {
    white-space: nowrap;
    flex: none;
    font-size: var(--f-l1);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-family: var(--altfont);
}

.s4-1 {
    margin: 180rem 0;
}

.s4-2 {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 3fr;
    grid-gap: 0;
    margin-top: 30rem;
}

.s4-3 {
    margin-top: -80rem;
    display: flex;
    line-height: 1;
    position: relative;
    overflow: hidden;
}

.s4-4 {
    padding-right: 100rem;
}

.s4-5 {
}

    .s4-5 .title {
        display: flex;
        flex-direction: column;
    }

        .s4-5 .title span:nth-child(1) {
        }

        .s4-5 .title span:nth-child(2) {
            margin-left: 200rem;
        }

.s4-6 {
    width: 100%;
}

.s4-7 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    display: flex;
    align-items: flex-end;
}

    .s4-7 svg {
        height: auto;
        width: 100%;
    }

.s4-8 {
    text-transform: uppercase;
    letter-spacing: .09em;
    text-align: center;
    margin-top: 20rem;
    font-size: var(--f-s);
}

.s5-1 {
    margin-top: 180rem;
}

.s5-2 {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 3fr;
    grid-gap: 0;
}

.s5-3 {
    border-top: 1rem solid var(--c9);
    display: grid;
    grid-template-columns: 3fr 1fr;
    margin: 30rem calc(-1 * var(--wr2)) 0;
}

.s5-4 {
    padding: var(--wr2);
    position: relative;
}

    .s5-4::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 90rem;
        height: 90rem;
        margin-top: -30rem;
        margin-right: var(--wr2);
        background-color: var(--c1);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 60rem;
        background-image: url(logo-cut.svg)
    }

.s5-5 {
    padding: var(--wr2);
    min-height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1rem solid var(--c9);
}

.s5-6 {
    color: var(--c5);
    margin: 25rem 0;
}

.s5-7 {
    margin-top: auto;
}

.s5-8 {
    padding-right: 100rem;
}

.s5-9 {
}

    .s5-9 .title {
        display: flex;
        flex-direction: column;
    }

        .s5-9 .title span:nth-child(1) {
        }

        .s5-9 .title span:nth-child(2) {
            margin-left: -175rem;
        }

.s5-10 {
    font-size: var(--f-b);
    text-transform: uppercase;
    letter-spacing: .09em;
}

.s5-11 {
    margin: 0 -5rem;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.s5-12 {
    margin: 0 5rem;
}

.s5-13 {
    margin: 0 5rem;
}

.s6 {
    background-color: var(--c00);
    color: var(--c1);
}

.s6-1 {
    padding: 150rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s6-2 {
    text-align: center;
    font-size: var(--f-l1);
    max-width: 1480rem;
    line-height: 1.3;
}

.s6-3 {
    margin-top: 70rem;
    display: flex;
    align-items: center;
}

.s6-4 {
    flex: none;
    width: 115rem;
    height: 115rem;
    position: relative;
}

    .s6-4 img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

.s6-5 {
    margin-left: 35rem;
}

.s6-6 {
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: var(--f-b);
    border-bottom: max(1px, 1rem) solid var(--c9);
    padding-bottom: 8rem;
}

.s6-7 {
    color: var(--c7);
    margin-top: 8rem;
}

.s7-1 {
    padding: 180rem 0;
}

.s7-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--wr2) 0;
}

.s7-3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 180rem;
}

.s7-4 {
    padding: 100rem 110rem 200rem 0;
}

.s7-5 {
    margin-left: 50rem;
    margin-right: calc(-1 * var(--wr2));
    position: relative;
}

.s7-6 {
    margin: -150rem 125rem 0 calc(-1 * var(--wr2));
    position: relative;
}

.s7-7 {
    margin-left: 50rem;
}

.s7-8 {
}

.s7-9 {
    margin-top: 20rem;
}

.s7-10 {
    max-width: 430rem;
}

.s7-11 {
    margin-top: 35rem;
}

.s7-12 {
    border-left: 1rem solid var(--c9);
    padding-left: 20rem;
    padding-top: 80rem;
}

.s7-13 {
    padding-right: 125rem;
}

.s7-14 {
    padding: 30rem 0 35rem;
}

.s7-15 {
    display: flex;
    margin: 0 -10rem;
    grid-column: 2/3;
    grid-row: 1/3;
}

.s7-16 {
    position: relative;
    margin: 0 10rem;
    flex: 1;
    display: flex;
}

.s7-17 {
    margin-top: 100rem;
}

.s8 {
    background: #c9b39c;
    padding-bottom: 150rem;
}

    .s8 .s8-6 p {
        color: #683b25;
    }

    .s8 .carousel-inner:not(.slick-initialized) .carousel-item:nth-child(n + 2), .s96-5 .carousel-inner:not(.slick-initialized) .carousel-item:nth-child(n + 2) {
        display: none;
    }

    .s8 .carousel {
        position: relative;
    }

    .s8 .carousel-arrows {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        margin: 115rem 50rem;
        display: inline-grid;
        grid-auto-flow: column;
        grid-gap: 12rem;
    }

    .s8 .slick-arrow, .s96-5 .slick-arrow {
        border: 1rem solid var(--c1);
        border-radius: 50%;
        display: inline-flex;
        width: 56rem;
        height: 56rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 22rem;
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cg fill='none' stroke='%23F3EAE1'%3E%3Cpath d='M7.4668 16.5909L15.4769 8.50055L7.4668 0.40918' stroke-miterlimit='10'%3E%3C/path%3E%3Cpath d='M15.4775 8.50098H0.5' stroke-miterlimit='10'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }

    .s8 .slick-prev, .s96-5 .slick-prev {
        transform: scaleX(-1);
    }

.s8-1 {
    margin-top: 150rem;
}

.s8-2 {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 3fr;
    grid-gap: 0;
}

.s8-3 {
    border-top: 1rem solid var(--c9);
    display: grid;
    grid-template-columns: 3fr 1fr;
    margin: 30rem calc(-1 * var(--wr2)) 0;
    align-items: flex-end;
}

.s8-4 {
    overflow: hidden;
    margin-right: 45rem;
    color: var(--c1);
}

.s8-5 {
    padding-right: var(--wr2);
}

.s8-6 {
    font-size: var(--f-m);
    text-transform: uppercase;
    letter-spacing: .09em;
    color: var(--c5);
}

.s8-7 {
    margin-top: 75rem;
}

.s8-8 {
    padding-right: 100rem;
}

.s8-9 {
}

    .s8-9 .title {
        display: flex;
        flex-direction: column;
    }

        .s8-9 .title span:nth-child(1) {
        }

        .s8-9 .title span:nth-child(2) {
            margin-left: 200rem;
        }


        .s8-9 .title.is-inview span {
            color: var(--c2)
        }

.s10-1 {
    margin: 0 0 125rem;
}

.s10-2 {
    margin-bottom: 40rem;
}

.s10-3 {
    margin-top: 40rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

    .s10-3::before {
        content: "";
    }

.s10-4 {
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: var(--f-m);
    padding-right: 40rem;
}

.s10-5 {
    color: var(--c5);
    padding-right: 40rem;
}

.s10-6 {
    display: flex;
    justify-content: flex-end;
}

.s10-7 {
    max-width: 210rem;
}

.s11 {
    background-color: transparent;
    color: var(--c1);
    background-image: url(/img/mab.jpg?v=1);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 1;
}

    .s11::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(var(--c1), var(--c0));
    }

.s11-1 {
    position: relative;
    z-index: 1;
    padding-bottom: 0;
}

.s11-2 {
}

.s11-3 {
    text-align: center;
    font-size: 130rem;
    font-family: var(--altfont);
    line-height: 1;
    text-transform: uppercase;
    margin: 0 calc(-1 * (var(--wr) + var(--wr2)));
    padding: 110rem calc(var(--wr) + var(--wr2)) 0;
    letter-spacing: .09em;
}

.s11-4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 50rem;
    grid-gap: 480rem;
    margin-top: 820rem;
}

.s11-5 {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: flex-end;
    border-left: 1rem solid var(--c9);
    padding-left: 25rem;
}

.s11-7 {
    margin-top: 40rem;
}

.s404 {
    background-color: var(--c0);
    color: var(--c1);
    padding-top: var(--tb);
    margin-top: calc(-1 * var(--tb));
    flex: auto;
    display: flex;
    background-image: url(404-image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
}

    .s404::before {
        content: "";
        width: 100%;
        z-index: 1;
        position: absolute;
        height: 200rem;
        top: calc(-1 * var(--tb));
        left: 0;
        background-image: linear-gradient(#000, transparent);
    }

.s404-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50rem 0;
}

.s404-2 {
    font-size: 500rem;
    line-height: 1;
    color: var(--c8);
    font-family: var(--altfont2);
    letter-spacing: .035em;
    position: relative;
    width: 100%;
}

.s404-3 {
    margin-top: 35rem;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: var(--f-m);
}

.s404-4 {
    margin-top: 45rem;
}

.s404-5 {
    width: 700rem;
    height: 450rem;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(404-cloud.png);
    top: 0;
    left: 100%;
    pointer-events: none;
    animation: cloud-flow 20s infinite linear
}

.p-1 {
    fill: var(--c1);
    stroke: var(--c3);
    cursor: pointer;
}

.p-2 {
    fill: var(--c2);
}

.p-3 {
    stroke: var(--c2);
    fill: var(--c1);
}

.p-4 {
    fill: var(--c2);
}

.s4-8,
.phase-1,
.phase-1-only .phase-2 {
    display: none;
}

.phase-1-only .p-0:not(.p-0__a) {
    pointer-events: none;
    visibility: hidden;
}

.phase-1-only .phase-1,
.phase-1-only .s4-8 {
    display: block;
}

.p-2,
.p-3,
.p-4 {
    pointer-events: none;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 99;
    visibility: hidden;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    padding: 70rem 135rem;
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    overflow: auto;
}

.popup-buttons {
    position: absolute;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10rem;
}

.popup-close,
.popup-mute {
    width: 44rem;
    height: 44rem;
    cursor: pointer;
    display: inline-flex;
}

.popup-mute-off {
    display: none;
}

.popup-mute.active .popup-mute-off {
    display: block;
}

.popup-mute.active .popup-mute-on {
    display: none;
}

.popup-wrapper {
    margin: auto;
    width: 100%;
    max-width: 986rem;
    background-color: var(--c1);
    color: var(--c0);
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 120rem 75rem;
}

    .popup-wrapper .popup-buttons {
        margin: 35rem;
        top: 0;
        right: 0;
    }

.popup-header {
}

.popup-title {
    text-align: center;
}

.popup-subtitle {
    margin-top: 25rem;
    text-align: center;
    font-size: var(--f-m);
}

.popup-content {
    margin-top: 50rem;
}

.popup-video {
    position: relative;
    padding: 0 15rem;
    width: 100%;
}

    .popup-video .popup-buttons {
        top: 0;
        left: 100%;
        color: var(--c1);
    }

.popup-lot {
    margin: auto;
    width: 100%;
    max-width: 1760rem;
    background-color: var(--c10);
    color: var(--c1);
    position: relative;
    padding: 35rem 75rem 75rem;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 15rem 80rem;
    grid-template-rows: auto 1fr;
}

    .popup-lot .popup-buttons {
        bottom: 100%;
        left: 100%;
        color: var(--c1);
    }

.popup.active {
    visibility: visible;
    opacity: 1;
    transition: all .25s;
}

    .popup.active ~ .popup-overlay {
        visibility: visible;
    }

.lot-title {
    font-size: var(--f-b);
    display: flex;
    align-items: center;
}

.lot-logo {
    display: flex;
    align-items: center;
}

    .lot-logo .logo {
        height: 52rem;
        display: flex;
    }

.lot-carousel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .lot-carousel .carousel-main {
        overflow: hidden;
        position: relative;
    }

        .lot-carousel .carousel-main .carousel-inner:not(.slick-initialized) .carousel-item:nth-child(n + 2) {
            display: none;
        }

        .lot-carousel .carousel-main .carousel-item {
            position: relative;
            display: flex;
        }

            .lot-carousel .carousel-main .carousel-item::before {
                content: "";
                flex: none;
                width: 0;
                padding-top: 55%;
            }

    .lot-carousel .carousel-nav {
        overflow: hidden;
    }

        .lot-carousel .carousel-nav .carousel-inner:not(.slick-initialized) {
            display: none;
        }

        .lot-carousel .carousel-nav .carousel-inner {
            margin: 0 -5rem;
        }

        .lot-carousel .carousel-nav .carousel-item {
            position: relative;
            display: flex;
            width: 140rem;
            margin: 0 5rem;
            cursor: pointer;
            transition: opacity .25s;
        }

            .lot-carousel .carousel-nav .carousel-item.slick-current {
                pointer-events: none;
                opacity: .3;
            }

            .lot-carousel .carousel-nav .carousel-item::before {
                content: "";
                flex: none;
                width: 0;
                padding-top: 100%;
            }

    .lot-carousel .carousel-nav {
        margin-top: 10rem;
    }

    .lot-carousel .carousel-arrows {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        margin: 0;
        display: flex;
        justify-content: space-between;
        height: 100%;
        align-items: center;
        width: 100%;
    }

    .lot-carousel .slick-arrow {
        display: inline-flex;
        width: 64rem;
        height: 64rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 22rem;
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cg fill='none' stroke='%23F3EAE1'%3E%3Cpath d='M7.4668 16.5909L15.4769 8.50055L7.4668 0.40918' stroke-miterlimit='10'%3E%3C/path%3E%3Cpath d='M15.4775 8.50098H0.5' stroke-miterlimit='10'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        background-color: var(--c6);
    }

    .lot-carousel .slick-prev {
        transform: scaleX(-1);
    }

.lot-description {
    padding: 25rem 0;
}

.lot-description-title {
    font-size: var(--f-xxl);
}

.lot-description-image {
    margin-top: 60rem;
    width: 100%;
    max-width: 370rem;
}

.lot-description-price {
    margin-top: 10rem;
    font-size: var(--f-b);
    text-transform: uppercase;
    letter-spacing: .09em;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

    .lot-description-price ._title {
        margin-right: 25rem;
    }

.lot-description-text {
    margin-top: 15rem;
    max-width: 285rem;
}

.lot-description-action {
    margin-top: 100rem;
}

.player {
    background-color: var(--c0);
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .player::before {
        content: "";
        padding-top: 56.25%;
        flex: none;
        width: 0;
    }

.player-control {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    cursor: pointer;
    background-color: var(--c6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.player-control-button {
    width: 135rem;
    height: 135rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1rem solid;
}

    .player-control-button .icon {
        width: 30rem;
        height: 30rem;
        margin-left: 5rem;
    }

.player-control.active {
    opacity: 0;
}

.vimeo-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 1023.98px) {

    :root {
        --altfont: 'Cinzel', serif;
        --altfont2: 'Cinzel Decorative', 'Cinzel', serif;
        --wr: 0;
        --wr2: 15rem;
        --tb: 65rem;
        --f-s: 12rem;
        --f-d: 14rem;
        --f-m: 14rem;
        --f-b: 18rem;
        --f-l: 20rem;
        --f-l1: 20rem;
        --f-l2: 24rem;
        --f-l3: 28rem;
        --f-xl: 30rem;
        --f-xxl: 35rem;
        --f-xxxl: 55rem;
    }


    html {
        font-size: 1px;
    }

    .desktop {
        display: none !important;
    }

    .container {
        overflow: hidden;
    }

    .header {
    }

    .hl {
        letter-spacing: .015em;
    }

    .button__dense {
        padding: 0 16rem;
    }

    .button__default {
        height: 52rem;
    }

        .button__default .button-text {
            font-size: var(--f-s);
        }

    .button__wide {
        min-width: 100%;
    }

    .button.animated .button-text::before,
    .button.animated .button-text::after {
        display: none;
    }

    .button.animated .button-text > span {
        visibility: visible;
    }

    .topbar {
        border-bottom: none;
    }

    .topbar-row {
        align-items: center;
    }

    .topbar-logo {
        padding: 15rem 0;
    }

    .topbar-menu-button {
        display: flex;
        justify-content: flex-end;
    }

    .burger {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 36rem;
        height: 36rem;
    }

    .burger-icon {
        position: relative;
        height: 1rem;
        width: 100%;
        background-color: currentColor;
    }

        .burger-icon::before,
        .burger-icon::after {
            content: "";
            position: absolute;
            height: 1rem;
            width: 55%;
            background-color: currentColor;
        }

        .burger-icon::before {
            bottom: 5rem;
            left: 0;
            transition-property: bottom, transform;
            transition-duration: .25s;
            transition-delay: .25s, 0s;
        }

        .burger-icon::after {
            top: 5rem;
            right: 0;
            transition-property: top, transform;
            transition-duration: .25s;
            transition-delay: .25s, 0s;
        }

    .formgrid {
        grid-gap: 10rem;
    }

    .formgrid-row {
        margin: 0;
        display: grid;
        grid-template-columns: auto;
        grid-gap: 10rem;
    }

    .formgrid-cell {
        margin: 0;
    }

    .formgrid-cell__v2 {
        padding-top: 15rem;
    }

    .formgrid-footer {
        padding-top: 20rem;
    }

    .textfield-input {
        padding: 15rem;
    }

    .footer-grid {
    }

        .footer-grid .separator {
        }

    .footer-a1 {
        grid-template-columns: auto;
        padding-top: var(--wr2);
        padding-bottom: 30rem;
        grid-column: 1/-1;
    }

    .footer-a1-1 {
        margin: 0;
        display: flex;
    }

        .footer-a1-1::before {
            content: "";
            flex: none;
            width: 0;
            padding-top: 100%;
        }

    .footer-a1-2 {
        padding-top: 40rem;
    }

    .footer-a1-4 {
        text-align: center;
    }

    .footer-a1-5 .title {
        display: block;
        text-align: center;
    }

        .footer-a1-5 .title span:nth-child(2) {
            margin-left: 0;
        }

    .footer-a1-6 {
        margin-top: 40rem;
    }

    .footer-a2-1 {
        align-items: flex-start;
        display: grid;
        grid-template-columns: auto;
        grid-gap: 20rem;
    }

    .footer-a2-2 {
        padding: 0;
        grid-gap: 10rem;
    }

    .footer-a3 {
        grid-template-columns: auto;
        padding: 30rem 0;
    }

    .footer-a3-1 {
        padding-bottom: 30rem;
    }

    .footer-a3-2 {
        padding: 30rem 0 0;
    }

    .footer-a3-3 {
        margin-bottom: 20rem;
    }

    .footer-a3-4 {
        margin: 20rem 0 0;
        display: grid;
        grid-template-columns: auto;
        grid-gap: 20rem;
    }

    .footer-a3-4__v2 {
        grid-template-columns: auto 1fr;
        grid-gap: 0 40rem;
    }

    .footer-a3-5 {
        margin: 0;
    }

    .footer-a3-7 {
        margin-top: 10rem;
        font-size: var(--f-s);
    }

        .footer-a3-7 ul {
            flex-direction: column;
        }

    .footer-a4 {
        grid-template-columns: auto;
        padding: 10rem 0 20rem;
    }

    .footer-a4-2 {
        padding: 0;
        font-size: var(--f-s);
        order: -1;
        margin-bottom: 8rem;
    }

    .section-header {
        position: relative;
    }

    .section-header-grid {
        grid-template-columns: auto;
        padding: 0 0 50rem;
        min-height: calc(100vh - var(--tb));
        align-items: flex-start;
    }

    .section-header-content {
        padding-right: 0;
        align-items: center;
        position: relative;
        z-index: 3;
        margin: auto 0;
    }

    .section-header-pretitle {
        text-align: center;
    }

    .section-header-title {
        text-align: center;
        margin-top: 10rem;
        letter-spacing: 1rem;
    }

    .section-header-text {
        text-align: center;
        margin-top: 10rem;
    }

    .section-header-action {
        margin-top: 40rem;
        grid-template-columns: auto;
        grid-auto-flow: row;
        grid-gap: 10rem;
    }

    .section-header-media {
        order: -1;
        margin-bottom: -100rem;
        height: 330rem;
    }

        .section-header-media::before {
            padding-top: 0;
            width: 100%;
            background-image: linear-gradient(transparent, var(--c0));
            position: relative;
            z-index: 2;
            height: 100%;
        }

    .section-header__v2 .section-header-content {
        padding-top: 100rem;
    }

    .section-header__v2 .section-header-media {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .linklist-container {
        padding-top: 100rem;
        margin-bottom: 100rem;
        grid-gap: 80rem;
    }

    .linklist {
        grid-template-columns: auto;
        margin: 0 calc(-1 * var(--wr2));
        padding: 0;
        border-top: none;
    }

        .linklist:last-child {
            border-bottom: none;
        }
    /*.linklist-index{display: none;}*/
    .linklist-caption {
        padding: 0 var(--wr2) 20rem;
        grid-template-columns: auto;
        grid-gap: 20rem;
        justify-items: center;
    }

    .linklist-caption-title {
        text-align: center;
    }

    .linklist-caption-button {
        display: none;
    }

    .linklist-group {
        grid-gap: 20rem;
        padding-bottom: 20rem;
    }

    .linklist-row {
        margin: 0;
        padding: 20rem var(--wr2) 0;
        grid-gap: 25rem;
        align-items: flex-start;
    }

    .linklist-main-subtitle {
        font-size: var(--f-s);
    }

    .linklist-button {
        margin: 0;
    }

        .linklist-button .button-text {
            display: none;
        }

        .linklist-button .button-icon {
            margin: 0;
        }

    .linklist-footer {
        display: flex;
        margin: 0 calc(-1 * var(--wr2));
        border-top: 1rem solid var(--c9);
        padding: 30rem var(--wr2);
        display: flex;
        justify-content: center;
        border-bottom: 1rem solid var(--c9);
    }

    .project-card::before {
        padding-top: 85%;
    }

    .project-card-content {
        padding: 20rem var(--wr2);
    }

    .project-card-description {
        margin-top: 10rem;
    }

    .project-card-info ._title {
        font-size: var(--f-m);
        margin-right: 15rem;
    }

    .project-card-info ._value {
        font-size: var(--f-s);
    }

    .s0 {
        min-height: 180vw;
        background-image: url(hero-image-m.png); /*max-height: calc( 100vh - var(--tb) );*/
        background-size: 100% auto;
        padding-top: 0;
    }

    .s0-1 {
        height: auto;
        justify-content: flex-end;
        padding-top: 49vw;
        padding-bottom: 50rem;
    }

    .s0-2 {
        line-height: .95;
        font-size: 11.5vw;
        letter-spacing: .04em;
        margin: 0 calc(-1 * var(--wr2));
    }

    .s0-3 {
        font-size: var(--f-s);
        margin-top: 20rem;
        max-width: 310rem;
    }

    .s0-4 {
        margin: 40rem 0 100rem;
    }

    .s1-1 {
        padding-bottom: 150rem;
    }

    .s1-2 {
        padding-top: 80rem;
        padding-bottom: 25rem;
        grid-template-columns: auto;
        grid-gap: 10rem;
    }

    .s1-3 {
        grid-template-columns: 1fr 1fr;
        margin: 0 calc(-1 * var(--wr2));
    }

        .s1-3::before {
            display: none;
        }

    .s1-5 {
        padding-right: 0;
        text-align: center;
    }

    .s1-6 {
        text-align: center;
    }

        .s1-6 .title {
            display: block;
        }

            .s1-6 .title span:nth-child(2) {
                margin-left: 0;
            }

    .s1-7 {
        border: none;
        padding: 20rem var(--wr2);
        grid-column: 1/-1;
        border-bottom: 1rem solid var(--c9);
    }

    .s1-8 {
        border: none;
        padding: 20rem var(--wr2);
    }

        .s1-8 + .s1-8 {
            border-left: 1rem solid var(--c9);
        }

    .s1-12 {
        margin-right: var(--wr2);
    }

    .s1-13::before {
        padding-top: 125%;
    }

    .s1-14 {
        flex-direction: column;
        padding: 0;
        margin: 0;
    }

    .s2-1 {
        left: 0;
        background-position: right top;
        height: 150vw;
        bottom: auto;
        top: 215rem;
        background-image: linear-gradient(rgba(243, 234, 225, .5), rgba(243, 234, 225, .5)), url(location-map.svg);
    }

        .s2-1::before,
        .s2-1::after {
            height: 150rem;
        }


    .s2-2 {
        padding-top: 95rem;
        min-height: 190vw;
        padding-bottom: 0;
        height: auto;
    }




    .s2-3 {
        left: auto;
        right: 37%;
        top: 77%;
    }

        .s2-3::before {
            margin-bottom: 5rem;
            width: 36rem;
            height: 36rem;
            margin-left: -18rem;
        }

    .s2-3_1 {
        width: 78rem;
        height: auto;
        margin-bottom: -20rem;
        margin-left: -22rem;
    }

    .s2-4 {
        height: 230rem;
    }

    .s2-5 {
        margin-top: 55rem;
        padding-bottom: 0;
    }

    .s2-6 {
        margin-bottom: 10rem;
        text-align: center;
    }

    .s2-7 {
        text-align: center;
    }

    .s2-8 {
        margin-top: 280rem;
        max-width: 270rem;
    }

    .s2-9 {
        max-width: 270rem;
        margin-top: 30rem;
    }

    .s2-10 {
        height: 135rem;
        margin-top: 95rem;
    }

    .s2-11 {
        height: 185rem;
        margin: -150rem 0 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    .s2-12 {
        height: 125rem;
        margin: 0 0 0 55rem;
    }

    .s2-13 {
        font-size: var(--f-b);
    }

    .s2:last-child .s2-5 {
        padding-bottom: 100rem;
    }

    .s4-1 {
        margin: 100rem 0;
    }

    .s4-2 {
        margin-top: 0;
        margin-bottom: 15rem;
        grid-template-columns: auto;
        grid-gap: 10rem;
    }

    .s4-3 {
        margin: -20rem 0 0;
    }

    .s4-4 {
        padding-right: 0;
        text-align: center;
    }

    .s4-5 {
        text-align: center;
    }

        .s4-5 .title {
            display: block;
        }

            .s4-5 .title span:nth-child(2) {
                margin-left: 0;
            }

    .s4-7 {
        align-items: stretch;
    }

    .s5-1 {
        margin-top: 100rem;
    }

    .s5-2 {
        grid-template-columns: auto;
        grid-gap: 10rem;
    }

    .s5-3 {
        margin-top: 25rem;
        grid-template-columns: auto;
    }

    .s5-4::after {
        display: none;
    }

    .s5-5 {
        border-left: none;
        padding: 0 var(--wr2);
        margin: 0;
    }

    .s5-6 {
        margin: 12rem 0 30rem;
    }

    .s5-7 .button {
        min-width: 0;
    }

    .s5-8 {
        padding-right: 0;
        text-align: center;
    }

    .s5-9 {
        text-align: center;
    }

        .s5-9 .title {
            display: block;
        }

            .s5-9 .title span:nth-child(2) {
                margin-left: 0;
            }

    .s5-11 {
        margin: 0 -2rem;
    }

    .s5-12 {
        position: relative;
        width: 60%;
        display: flex;
        flex: none;
    }

        .s5-12::before {
            content: "";
            width: 0;
            padding-top: 130%;
            flex: none;
        }

        .s5-12 img {
            position: absolute;
            top: 0;
            left: 0;
            object-fit: cover;
            object-position: center;
            width: 100%;
            height: 100%;
        }

    .s5-12,
    .s5-13 {
        margin: 0 2rem;
    }

    .s6-1 {
        padding: 50rem 0 20rem;
    }

    .s6-3 {
        flex-direction: column;
    }

    .s6-5 {
        margin-left: 0;
        margin-top: 20rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s6-6 {
        text-align: center;
    }

    .s6-7 {
        text-align: center;
    }

    .s7-1 {
        padding: 100rem 0;
    }

    .s7-2 {
        grid-template-columns: auto;
        grid-gap: 0;
    }

    .s7-3 {
        grid-template-columns: auto;
        margin-top: 100rem;
        grid-gap: 0;
    }

    .s7-4 {
        padding: 0;
    }

    .s7-5 {
        margin: 30rem 0 0;
    }

    .s7-6 {
        margin: 10rem 0 0;
        display: flex;
    }

        .s7-6::before {
            content: "";
            flex: none;
            width: 0;
            padding-top: 55%;
        }

    .s7-7 {
        margin: 15rem 0 0;
    }

    .s7-8 {
        text-align: center;
    }

    .s7-9 {
        margin-top: 10rem;
        text-align: center;
    }

    .s7-11 {
        margin-top: 30rem;
    }

    .s7-12 {
        padding-top: 0;
        padding-left: 15rem;
    }

    .s7-13 {
        padding-right: 0;
        margin-bottom: 25rem;
    }

    .s7-14 {
        padding: 0;
        order: 1;
        margin-top: 20rem;
    }

    .s7-15 {
        grid-column: auto;
        grid-row: auto;
        margin: 15rem -5rem 0;
    }

        .s7-15::before {
            content: "";
            width: 0;
            padding-top: 65%;
            flex: none;
        }

    .s7-16 {
        margin: 0 5rem;
    }

    .s7-17 {
        margin-top: 25rem;
    }

    .s8-1 {
        margin-top: 100rem;
    }

    .s8-2 {
        grid-template-columns: auto;
        grid-gap: 10rem;
    }

    .s8-3 {
        grid-template-columns: auto;
        margin-top: 25rem;
        padding: 15rem var(--wr2) 0;
        grid-gap: 20rem;
    }

    .s8-4 {
        margin-right: 0;
    }

    .s8-5 {
        padding-right: 0;
    }

    .s8-6 {
        text-transform: none;
        letter-spacing: .03em;
    }

    .s8-7 {
        margin-top: 40rem;
    }

    .s8-8 {
        padding-right: 0;
        text-align: center;
    }

    .s8-9 .title {
        display: block;
        text-align: center;
    }

        .s8-9 .title span:nth-child(2) {
            margin-left: 0;
        }

    .s10-1 {
        margin-bottom: 100rem;
    }

    .s10-2 {
        margin-bottom: 20rem;
        text-align: center;
    }

    .s10-3 {
        grid-template-columns: auto;
        justify-items: center;
        margin-top: 20rem;
    }

    .s10-4 {
        padding-right: 0;
        text-align: center;
        font-size: var(--f-s);
    }

    .s10-5 {
        padding-right: 0;
        text-align: center;
        margin-top: 20rem;
        max-width: 320rem;
    }

    .s10-6 {
        justify-content: center;
        margin-top: 40rem;
    }

    .s11 {
        margin-top: 0;
        background-image: none;
        background-color: transparent;
    }

        .s11::after {
            height: 200rem;
            opacity: .5;
        }

    .s11-1 {
        padding-bottom: 0;
    }

    .s11-2 {
        position: relative;
        padding: 50rem var(--wr2) 60rem;
        margin: 0 calc(-1 * var(--wr2));
        background-position: bottom, top 125rem center;
        background-size: auto, cover;
        background-repeat: no-repeat;
        background-image: linear-gradient(to bottom, transparent 25%, transparent, var(--c0)), url(hills-m.png);
    }

    .s11-3 {
        font-size: 50rem;
        margin: 0;
        padding: 0;
        background-image: none;
        z-index: -1;
        position: relative;
    }

    .s11-4 {
        grid-template-columns: auto;
        padding: 0;
        margin-top: 60rem;
        grid-gap: 70rem;
    }

    .s11-5 {
        border-left: none;
        padding-left: 0;
        max-width: 270rem;
    }

        .s11-5:nth-child(1) {
            padding-left: 10rem;
            border-left: 1rem solid;
            padding-top: 80rem;
        }

        .s11-5:nth-child(2) {
            padding-right: 10rem;
            border-right: 1rem solid;
            text-align: right;
            margin-left: auto;
            padding-top: 30rem;
        }

    .s11-7 {
        margin-top: 30rem;
    }

    .s11-8 {
        opacity: 0;
        transform: translateY(100%);
        transition: all .5s .5s linear;
        display: inline-block;
    }

        .s11-8.is-inview {
            opacity: 1;
            transform: translateY(0);
        }

    .s404-2 {
        font-size: 180rem;
    }

    .s404-3 {
        margin-top: 125rem;
        font-size: var(--f-s);
        max-width: 265rem;
    }

    .s404-4 {
        margin-top: 35rem;
    }

    .popup {
        padding: 10rem var(--wr2);
    }

    .popup-wrapper {
        padding: 75rem 20rem 50rem;
    }

        .popup-wrapper .popup-buttons {
            margin: 10rem;
        }

    .popup-subtitle {
        margin-top: 10rem;
    }

    .popup-content {
        margin-top: 25rem;
    }

    .popup-close {
        width: 36rem;
        height: 36rem;
    }

    .popup-video {
        padding: 0;
        margin: auto 0;
    }

        .popup-video .popup-buttons {
            top: auto;
            left: auto;
            right: 0;
            bottom: 100%;
            grid-auto-flow: column;
            margin-bottom: 10rem;
        }

        .popup-video .popup-close,
        .popup-video .popup-mute {
            width: 24rem;
            height: 24rem;
        }

        .popup-video .popup-close {
            order: 1;
        }

    .player-control-button {
        width: 56rem;
        height: 56rem;
    }

        .player-control-button .icon {
            width: 15rem;
            height: 15rem;
            margin: 0;
        }

    .popup-menu {
        min-height: calc(100% + 20rem);
        margin: -10rem calc(-1 * var(--wr2));
        padding: 0 var(--wr2) 30rem;
        width: calc(100% + 2 * var(--wr2));
        display: flex;
        flex-direction: column;
        background-color: var(--c0);
        color: var(--c1);
    }

    .popup-menu-main {
        margin: 35rem calc(-1 * var(--wr2)) 120rem;
    }

        .popup-menu-main li {
            padding: 20rem var(--wr2);
            border-bottom: 1rem solid var(--c9);
            text-transform: uppercase;
            letter-spacing: .035em;
            font-family: var(--altfont);
            font-size: var(--f-l3);
            line-height: .9;
        }


            .popup-menu-main li a {
            }

    .popup-menu-footer {
        margin-top: auto;
    }

        .popup-menu-footer ul {
            display: flex;
            justify-content: space-between;
        }

        .popup-menu-footer li {
            text-transform: uppercase;
            letter-spacing: .09em;
            line-height: 1;
        }

    .popup-lot {
        grid-template-columns: auto;
        grid-gap: 0;
        padding: 15rem var(--wr2) 50rem;
        margin: -10rem calc(-1 * var(--wr2));
        width: auto;
        min-height: 100vh;
    }

        .popup-lot .popup-buttons {
            top: 0;
            right: 0;
            left: auto;
            bottom: auto;
            margin: 15rem;
        }


    .lot-logo .logo {
        height: 35rem;
    }

    .lot-title {
        order: 1;
        margin-top: 50rem;
    }

    .lot-carousel {
        order: 2;
        margin-top: 15rem;
    }

        .lot-carousel .carousel-arrows {
            position: relative;
            top: auto;
            left: auto;
            margin-top: 15rem;
            justify-content: flex-start;
            height: 20rem;
            align-items: center;
            width: 100%;
        }

        .lot-carousel .slick-arrow {
            width: 20rem;
            height: 20rem;
            background-size: 20rem;
            background-color: transparent;
            margin-right: 15rem;
        }

    .lot-description {
        padding: 25rem 0 0;
        max-width: 290rem;
    }

    .lot-description-image {
        margin-top: 15rem;
    }

    .lot-description-price {
    }

    .lot-description-text {
    }

    .lot-description-action {
        margin-top: 50rem;
    }
}

@media screen and (min-width: 1024px) {

    .mobile {
        display: none !important;
    }

    .button.animated .button-text > span {
        visibility: hidden;
    }

    .s11 {
        background-image: none;
    }

    .s11-2 {
        position: relative;
        padding-bottom: 90rem;
    }

        .s11-2::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            background-image: url(/img/mab.jpg?v=2);
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
        }

    .s11-4 {
        position: relative;
        z-index: 1;
    }
}

/* hover animations */

@media (hover: hover) and (pointer: fine) {

    .linklist-button .button-text,
    .footer-a3 a,
    .footer-a4 a,
    .topbar-nav a:not(.button) {
        transition: opacity .25s;
    }

    .linklist-row:hover .linklist-button .button-text {
        opacity: 1;
    }

    .footer-a3 a:hover,
    .footer-a4 a:hover,
    .topbar-nav a:not(.button):hover {
        opacity: .6;
    }

    .button {
        transition-property: all;
        transition-duration: .25s;
    }

    .button-icon {
    }

    .button__contrast:hover {
        background-color: transparent;
        border-color: var(--c1);
        color: var(--c1);
    }

    .button__gold:hover {
        background-color: transparent;
        color: var(--c3);
    }

    .button__green:hover {
        background-color: transparent;
        color: var(--c4);
        border-color: var(--c4);
    }

    .button__outlined:hover {
        background-color: var(--c1);
        color: var(--c0);
    }

    .s2-3::before,
    .button-icon,
    .button.animated .button-text::before,
    .button.animated .button-text::after {
        transition: transform .25s;
        will-change: transform;
    }

    .s2-3:hover::before {
        transform: scale(1.1);
    }

    .lot-carousel .slick-arrow {
        transition: background-color .25s;
    }

        .lot-carousel .slick-arrow:hover {
            background-color: var(--c0);
        }

    .button.animated:hover .button-text::before,
    .button.animated:hover .button-text::after {
        transform: translateY(-100%);
    }

    .button:hover .button-icon {
    }

    .p-1,
    .p-2,
    .p-3,
    .p-3_ {
        transition: fill .25s;
    }

    .p-0:hover .p-1 {
        fill: var(--c3);
    }

    .p-0:hover .p-2, .p-0:hover .p-3_ {
        fill: var(--c3);
    }

    .p-0:hover .p-3 {
        fill: var(--c2);
    }

    .p-0:active {
    }
}


/*Custom style Nikita */
.s0 {
    position: relative;
}

.container_video {
    border: 1rem solid var(--c3);
    padding: 8rem;
    display: flex;
    gap: 6rem;
}

.image_video {
    width: 200rem;
    height: 120rem;
    position: relative;
    overflow: hidden;
}

.other_video {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.play_video {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: max(6px, 6rem);
    text-transform: uppercase;
    font-size: 12rem;
}

    .play_video svg {
        width: 20rem;
        height: 20rem;
    }

.wath_video {
    font-size: var(--f-m);
    text-transform: uppercase;
    margin-right: 20rem;
}

.single_lot, .single-lot .header {
    background-color: var(--c10);
}

.s4-1 {
    margin: 180rem 0;
}

.s99-2, .s98-2, .s97-2, .s96-2 {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 3fr;
    grid-gap: 0;
    margin-bottom: 30rem;
}

.s99-3 {
    margin-top: 90rem;
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 3fr;
    grid-gap: 0;
}

.s99-9 .title, .s98-9 .title, .s97-2 .title, .s96-2 .title {
    display: flex;
    flex-direction: column;
}

    .s99-9 .title span:nth-child(2), .s98-9 .title span:nth-child(2), .s96-9 .title span:nth-child(2) {
        margin-left: 200rem;
    }

.s97-9 .title span:nth-child(2) {
    margin-left: 300rem;
}

.s99-6 {
    display: flex;
    gap: 120rem;
    padding-bottom: 35rem;
    margin-bottom: 45rem;
    border-bottom: 1rem solid var(--c9);
    font-family: var(--altfont);
    font-size: 32rem;
    line-height: 1.2;
    letter-spacing: .09em;
    text-transform: uppercase;
    align-items: flex-start;
    margin: 0 calc(-1* var(--wr2)) 45rem 0;
}

.s99-7 {
    min-width: 120rem;
}

.linklist-index img {
    margin-top: 190rem;
    width: 100%;
    max-width: 260rem;
}

.linklist-sub-content_image {
    display: grid;
    gap: 20rem;
}

    .linklist-sub-content_image img {
        width: 100%;
        height: auto;
    }

.linklist-sub-content_image {
    grid-template-columns: repeat(2, 1fr);
}

.linklist-sub-content {
    padding: 25rem 0;
}

.linklist-sub-content_image {
    padding: 15rem 0 40rem;
}

.linklist-sub-content_button a {
    text-transform: uppercase;
}

.linklist-content .icon {
    transition: all .5s ease;
}

.s98 {
    margin-top: 80rem;
    margin-bottom: 190rem;
}

.s98-3 {
    display: grid;
    padding: 85rem 100rem 100rem;
}

.s98-7 {
    padding-top: 25rem;
    padding-bottom: 10rem;
    text-align: center;
    font-size: 22rem;
    text-transform: uppercase;
}

.s98-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s98-10 {
    text-align: center;
    font-size: 14rem;
    color: rgb(0 0 0 / 60%);
    width: fit-content;
    padding-top: 10rem;
    border-top: 1rem solid rgb(192 164 111 / 60%);
}

.s98-11 {
    text-align: center;
    margin-top: 100rem;
}

.s10 {
    margin-top: 160rem;
}

.s97-1 {
    margin-top: 180rem;
}

.s97-6 {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 200rem;
}

.s97-13 {
    font-size: 32rem;
    font-family: var(--altfont);
    text-transform: uppercase;
    margin-bottom: 20rem;
}

.s97-10 {
    opacity: .5;
    margin-bottom: 35rem;
}

.s97-4 {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 3fr;
    grid-gap: 0;
    border-bottom: 1rem solid var(--c9);
    padding: 70rem 0;
}

    .s97-4:nth-child(1) {
        border-top: 1rem solid var(--c9);
    }

.s97-11 a.button {
    text-transform: uppercase;
}

.s97-5 {
    font-size: var(--f-m);
    text-transform: uppercase;
}

    .s97-5 span {
        opacity: .3;
    }

.s97-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80rem;
    margin-bottom: 180rem;
}

.s97-11.s97-11_mob {
    display: none;
}

.s97-6 {
    grid-template-columns: auto;
    gap: 0;
}

.s96-3 {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    margin-left: calc(var(--wr2)* -1);
    margin-right: calc(var(--wr2)* -1);
    margin-top: 50rem;
}

.s96-4 {
    overflow: hidden;
    margin-right: 40rem;
}

.s96-5 {
    position: relative;
}

.corousel-image {
    position: relative;
}

.s96-5 .carousel-arrows {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    margin: 40rem 20rem;
    display: inline-grid;
    grid-auto-flow: column;
    grid-gap: 12rem;
}

.s96-6 {
    padding: 20rem 30rem;
}

.s96-7 {
    font-size: 32rem;
    font-family: var(--altfont);
    text-transform: uppercase;
    margin-bottom: 10rem;
}

.s96-10 {
    max-width: 320rem;
    opacity: .4;
}

.s96-12 {
    padding-bottom: 25rem;
    margin-bottom: 25rem;
    border-bottom: 1rem solid var(--c9);
    cursor: pointer;
}

.s96-13 {
    color: var(--c3);
    text-transform: uppercase;
    font-size: 16rem;
    margin-bottom: 13rem;
    letter-spacing: 1.4px;
}

.s96-14 {
    font-size: 32rem;
    font-family: var(--altfont);
    text-transform: uppercase;
}

.s96-15 {
    opacity: .5;
    max-width: 380rem;
}

.s96 {
    margin-bottom: 180rem;
}

.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.fade-in {
    opacity: 1;
    transition: opacity 0.5s ease-in;
}

.corousel-image img {
    object-fit: cover;
}

.s95-3 {
    max-width: 1000rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 90rem;
    margin-bottom: 30rem;
}

.s95-5 {
    font-size: var(--f-xxl);
    line-height: 1;
    margin-top: 5rem;
}

.s95-6, .s93-1 {
    margin-left: calc(var(--wr2)* -1);
    margin-right: calc(var(--wr2)* -1);
}

.s94-1 {
    max-width: 1000rem;
    margin-left: auto;
    margin-right: auto;
}

.s93-1.grid_ {
    display: grid;
    gap: 20rem;
}

.s97-12 img {
    min-height: 260rem;
    object-fit: cover;
    object-position: center;
}

.click-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    background: transparent;
}

.s4_3 {
    font-size: 16rem;
    text-transform: uppercase;
    margin-top: 25rem;
    margin-bottom: 30rem;
    position: relative;
}

.s4_3_1 {
    margin-left: 625rem;
    position: relative;
}

    .s4_3_1 svg {
        position: absolute;
        top: 7rem;
        left: -100rem;
        max-height: 100rem;
        fill: transparent;
    }


.ads-banner {
    position: absolute;
    right: 100rem;
    cursor: pointer;
    transition: all .3s ease-in;
    z-index: 2;
    width: 230px;
    min-width: 12%;
    top: 150rem;
}

    .ads-banner img {
        width: 100%
    }


@media (min-width:1024px) {
    .video_wrapper {
        position: absolute;
        bottom: 50rem;
        right: 130rem;
        cursor: pointer;
        transition: all .3s ease-in;
        z-index: 2;
    }

    .s99-8 {
        max-width: 870rem;
    }

    .s98-3 {
        grid-template-columns: repeat(4, 1fr);
        gap: 10%;
    }

    .linklist-logo {
        position: absolute;
        left: var(--wr2);
    }

    .linklist-content-image {
        position: absolute;
        left: 0;
    }

        .linklist-content-image img {
            max-width: 260rem;
        }

    .s97-6 {
        grid-template-columns: 1.5fr 1fr;
        gap: 200rem;
    }

    .corousel-image img {
        height: 700rem;
        object-fit: cover;
    }

    .s93-1.grid_ {
        grid-template-columns: repeat(2, 1fr);
    }

    .s94 {
        margin: 85rem 0;
    }

    .container_video iframe {
        transition: all .3s ease-in;
    }

    .container_video:hover iframe {
        transform: scale(1.2);
    }

    .linklist-sub-content_button .button.button__dense.button__outlined:hover {
        background-color: var(--c3);
        border-color: var(--c3);
    }
}

@media (max-width:1024px) {
    .video_wrapper {
        margin-top: 85rem;
        margin-bottom: 65rem;
        width: 100%;
        padding-left: var(--wr2);
        padding-right: var(--wr2);
        position: relative;
        display: block;
    }

    .image_video {
        width: 70%;
        height: 140rem;
    }

    .container_video {
        justify-content: space-between;
    }

    .s6 {
        padding-bottom: 100rem;
    }


    .s99-9 .title, .s98-9 .title, .s97-9 .title, .s96-9 .title {
        display: block;
        text-align: center;
    }

        .s99-9 .title span:nth-child(2), .s98-9 .title span:nth-child(2), .s97-9 .title span:nth-child(2), .s96-9 .title span:nth-child(2) {
            margin-left: 0rem;
            text-align: center;
        }

    .s99-4 {
        display: none;
    }

    .s99-2, .s98-2, .s97-2, .s96-2 {
        grid-template-columns: auto;
        grid-gap: 10rem;
    }

    .s99-3 {
        grid-template-columns: auto;
        margin-top: 15rem;
        margin-left: calc(-1* var(--wr2));
        margin-right: calc(-1* var(--wr2));
    }

    .s99-2 .s99-8, .s97-2 .s97-8, .s96-2 .s96-8 {
        text-align: center;
    }

    .s99-6 {
        width: 100%;
        gap: 0;
        font-size: 20rem;
        padding-top: 25rem;
        padding-bottom: 20rem;
        margin: 0;
        padding-left: var(--wr2);
        padding-right: var(--wr2);
    }

        .s99-6:nth-child(1) {
            border-top: 1rem solid var(--c9);
        }

    .linklist-index {
        padding: 0;
        text-align: center;
    }

    .linklist-caption-title {
        font-size: 30rem;
    }

    .title {
        font-size: 30rem;
    }

    .linklist-sub-content {
        padding-left: var(--wr2);
        padding-right: var(--wr2);
    }

    .linklist-content-image {
        margin-bottom: 20rem;
    }

        .linklist-content-image img {
            width: auto;
        }

    .linklist-sub-content_image {
        grid-template-columns: auto;
        gap: 10rem;
    }

    .linklist-container:nth-child(1) {
        margin-bottom: 0;
    }

    .s98-8 {
        text-align: center;
    }

    .s98-3 {
        padding: 0;
    }

    .s98-4 {
        display: flex;
        flex-direction: column-reverse;
        gap: 5rem;
    }

    .s98-5 img {
        max-width: 70%;
    }

    .s98-5 {
        display: flex;
        justify-content: center;
    }

    .s98 {
        margin-bottom: 80rem;
    }

    .linklist-index {
        display: none;
    }

    .s97-4 {
        grid-template-columns: auto;
        gap: 30rem;
    }

    .s97-13 {
        font-size: 20rem;
        margin-bottom: 5rem;
    }

    .s97-11 {
        display: none;
    }

        .s97-11.s97-11_mob {
            display: block;
        }

    .s97-12 {
        margin-bottom: 20rem;
    }

    .s97-4 {
        padding: 25rem 0;
    }

    .s97-5 br {
        display: none;
    }

    .s97-3 {
        gap: 50rem;
        align-items: start;
        margin-bottom: 100rem;
    }

    .s97-1 {
        margin-top: 100rem;
    }

    .s96-3 {
        grid-template-columns: auto;
        margin-top: 15rem;
    }

    .s96-4 {
        margin-right: 0;
        padding-left: var(--wr2);
        padding-right: var(--wr2);
    }

    .s96-6 {
        padding: 15rem 0 25rem;
    }

    .corousel-image img {
        height: 250rem;
    }

    .s96-12:nth-child(1) {
        border-top: 1rem solid var(--c9);
        padding-top: 15rem;
    }

    .s96-12 {
        padding-left: var(--wr2);
        padding-right: var(--wr2);
    }

    .s96 {
        margin-bottom: 100rem;
    }

    .s95-5 {
        text-align: center;
    }

    .s95-6 img {
        min-height: 280rem;
        object-fit: cover;
        object-position: center;
    }

    .s94 {
        margin: 40rem 0;
    }

    .s93-1.grid_, .s93-1 {
        display: grid;
        gap: 10rem;
        margin: auto;
    }

    .s4_3_1 {
        margin-left: 0;
        display: flex;
        justify-content: center;
    }

    .s4-1 .separator.mobile {
        display: none;
    }

    .s4_4 {
        font-size: 12rem;
        max-width: 160rem;
        text-align: center;
    }

    .s4_3_1 svg {
        top: 10rem;
        left: 30rem;
    }

    .s4_3 {
        margin-top: 25rem;
    }
}

.back_single {
    padding-bottom: max(15px, 20rem);
    transition: all .2s ease;
}

    .back_single:hover {
        color: var(--c3);
    }