@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: #0c1d3e;
    --c1: #ffffff;
    --c2: #0c1d3e;
    --c3: #0c1d3e;
    --c4: #ffffff;
    --c5: rgba(14, 14, 13, 0.70);
    --c6: rgba(14, 14, 13, 0.50);
    --c7: rgb(255 255 255 / 60%);
    --c8: #FFFFFF;
    --c9: rgb(255 255 255 / 50%);
    --c10: #000000;
    --altfont: 'Cinzel', serif;
    --altfont2: 'Cinzel Decorative', 'Cinzel', serif;
    --altfont: 'Gilroy';
    --altfont2: 'Gilroy', '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-size: var(--f-d);
    line-height: 1.5;
    color: var(--c1);
    background-color: var(--c0);
    letter-spacing: 0.03em;
    font-family: 'Gilroy';
}

.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 {
    font-family: var(--altfont);
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0.09em;
}

.hl2 {
    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;
            }

                .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.2;
    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);
        color: var(--c2);
    }

.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: #1e264b;
    color: var(--c1);
    border-color: #1e264b;
    border-radius: 10rem;
    transition: background-color .2s ease, opacity .2s ease;
}

    .button__green .button-text {
        color: var(--c1);
    }

    .button__green:hover {
        opacity: .88;
    }

.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%;
    overflow: hidden;
    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);
    }

.headroom-desktop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--c1);
    z-index: 100;
    background-color: var(--c00);
    transform: translateY(-100%);
    opacity: 0;
    transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .35s ease, box-shadow .35s ease;
    will-change: transform;
    pointer-events: none;
}

    .headroom-desktop.active {
        transform: translateY(0);
        opacity: 1;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
        pointer-events: auto;
        border-bottom: 1px solid #1a315f;
    }

    .headroom-desktop .topbar {
        border-bottom: none;
    }

    .headroom-desktop .topbar-row {
        height: 64rem;
        align-content: center;
    }

    .headroom-desktop .topbar-logo {
        min-height: auto;
        height: 64rem;
        padding: 0;
    }

        .headroom-desktop .topbar-logo img {
            height: 60px;
        }

    .headroom-desktop .topbar-nav ul:not(.lang-dropdown-list) {
        grid-gap: 30rem;
    }

    .headroom-desktop .topbar-nav a {
        font-size: 13rem;
        letter-spacing: .08em;
    }

.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;
        align-items: center;
    }

    .topbar-logo img {
        width: auto;
        height: 100%;
        filter: brightness(0) invert(1);
    }

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

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

    .topbar-nav li {
        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);
    letter-spacing: .09em;
    color: #ffffff;
    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: 0;
    gap: 8px
}

    .title h2 {
        line-height: 1.1
    }


    .title[data-scroll] {
    }

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

        .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;
    letter-spacing: .09em;
    font-family: var(--altfont);
}

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

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

.textfield-input {
    border: 1px solid rgba(0, 0, 0, .12);
    background-color: rgba(0, 0, 0, .02);
    width: 100%;
    resize: none;
    padding: 14rem 18rem;
    letter-spacing: .02em;
    font-size: var(--f-m);
    min-height: max(52px, 52rem);
    transition: border-color .2s ease, background-color .2s ease;
}

    .textfield-input:focus {
        border-color: var(--c3);
        background-color: transparent;
        outline: none;
    }

    .textfield-input::placeholder {
        color: rgba(0, 0, 0, .4);
        letter-spacing: .02em;
    }

textarea.textfield-input {
    min-height: 96rem;
}

.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);
    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 {
    letter-spacing: .09em;
    font-size: var(--f-b);
}

.linklist-main-subtitle {
    margin-top: 5rem;
    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;
            font-family: 'Jazmin';
        }

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

    .footer-a1-6 .textfield-input {
     
        border-color: rgba(255, 255, 255, .25);
        color: var(--c1);
    }

        .footer-a1-6 .textfield-input:focus {
            background-color: rgba(255, 255, 255, .08);
            border-color: var(--c1);
        }

        .footer-a1-6 .textfield-input::placeholder {
            color: rgba(255, 255, 255, .5);
        }

.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 35px;
    min-height:90px
}

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

.footer-a4-2, .footer-a4-2 * {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.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;
    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);
    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-media.gallery-open {
        cursor: zoom-in;
    }

.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;
    pointer-events: none;
}

.project-card-title {
    font-size: var(--f-l);
    font-family: var(--altfont);
    line-height: 1.3;
    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);
        letter-spacing: .09em;
    }

    .project-card-info ._value {
        font-size: var(--f-m);
        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;
    letter-spacing: .09em;
    font-size: 16rem;
    position: relative;
}



    .s0-3 h1 {
        font-size: 72rem;
        font-family: var(--altfont);
        line-height: 1.3;
        letter-spacing: 0;
        font-weight: 700;
    }

    .s0-3 h2 {
        font-size: 42rem;
        font-family: var(--altfont);
        line-height: .9;
        letter-spacing: 0;
        font-weight: 400;
        font-family: 'Jazmin';
    }


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

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

.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);
    letter-spacing: .09em;
    color: var(--c3);
    line-height: .9;
    font-family: var(--altfont);
}

.s1-10 {
    font-size: var(--f-m);
    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: #0c1d3e;
}

.s2-1 {
    position: absolute;
    top: 0;
    right: 0;
    height: 89.5vw;
    left: 25vw;
    background-image: url('/img/frame-mavi.svg?v=8');
    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(#0c1d3e, transparent);
    }

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



.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;
    }

.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: 18rem;
}

    .s2-8 p {
        letter-spacing: 0;
        font-size: 20px;
    }

.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;
    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 {
    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);
    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-2 .head {
        max-width: 920px;
        margin: 0 auto;
        width: 90%;
        margin-bottom: 45px;
    }

        .s6-2 .head h3 {
            font-size: 14px;
            letter-spacing: 24px;
            margin-bottom: 10px;
        }

        .s6-2 .head h2 {
            letter-spacing: 0;
            font-size: 43px;
            line-height: 1.2;
        }

        .s6-2 .head h1 {
            font-family: 'Jazmin';
            letter-spacing: 0;
            line-height: 1.1;
        }

        .s6-2 .head p {
            letter-spacing: 0.5px;
            font-size: 20px;
        }

    .s6-2 .altbar {
        display: flex;
        width: 90%;
        margin: 0 auto;
        max-width: 1400px;
        gap: 50px;
        align-content: center;
        align-items: center;
    }

    .s6-2 .images {
        width: 50%;
    }

        .s6-2 .images > img {
            width: 100%
        }

.imggrup {
    width: 90%;
    max-width: 480px;
    margin: 0 auto;
    margin-top: 35px;
}

    .imggrup > img {
        width: 100%
    }

.s6-2 .txt {
    width: 50%;
}

    .s6-2 .txt h1 {
        font-size: 20px;
        text-align: left;
        letter-spacing: 0;
        font-weight: 600;
    }

    .s6-2 .txt p {
        font-size: 20px;
        text-align: left;
        letter-spacing: 0;
    }

.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 {
    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;
}

/* ===== mabplanlar ===== */
.mabplanlar {
    width: 90%;
    max-width: 1400px;
    margin: 60rem auto 0;
}

.mabplanlar-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10rem;
    border-bottom: 1px solid var(--c9);
    margin-bottom: 50rem;
}

.mabplanlar-tab {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--c9);
    font-family: 'Jazmin';
    font-size: 36px;
    letter-spacing: 0;
    padding: 10rem 34rem 20rem;
    position: relative;
    transition: color .3s ease;
}

    .mabplanlar-tab::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -1px;
        width: 0;
        height: 2px;
        background-color: var(--c1);
        transform: translateX(-50%);
        transition: width .3s ease;
    }

    .mabplanlar-tab:hover {
        color: var(--c1);
    }

    .mabplanlar-tab.active {
        color: var(--c1);
    }

        .mabplanlar-tab.active::after {
            width: 64px;
        }

.mabplanlar-group {
    display: none;
}

    .mabplanlar-group.active {
        display: block;
        animation: mabplanlarFade .4s ease;
    }

@keyframes mabplanlarFade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mabplanlar-types-scroll {
    display: flex;
    align-items: center;
    gap: 10rem;
    margin-bottom: 40rem;
}

.mabplanlar-types-nav {
    flex: none;
    display: none;
    align-items: center;
    justify-content: center;
    width: 28rem;
    height: 28rem;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: var(--c9);
    cursor: pointer;
    transition: color .25s ease, opacity .25s ease;
}

    .mabplanlar-types-nav .icon {
        width: 11rem;
        height: 11rem;
    }

    .mabplanlar-types-nav:hover {
        color: var(--c1);
    }

    .mabplanlar-types-nav:disabled {
        opacity: .25;
        cursor: default;
        pointer-events: none;
    }

    .mabplanlar-types-prev .icon {
        transform: rotate(180deg);
    }

    .has-overflow .mabplanlar-types-nav {
        display: flex;
    }

.mabplanlar-types {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 12rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex: auto;
}

.mabplanlar-types::-webkit-scrollbar {
    display: none;
}

.mabplanlar-type {
    flex: none;
    background: transparent;
    border: 1px solid var(--c9);
    color: var(--c1);
    cursor: pointer;
    font-size: 14px;
    letter-spacing: .09em;
    text-transform: uppercase;
    padding: 13rem 28rem;
    white-space: nowrap;
    transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

    .mabplanlar-type:hover {
        border-color: var(--c1);
    }

    .mabplanlar-type.active {
        background-color: var(--c1);
        border-color: var(--c1);
        color: var(--c00);
    }

.mabplanlar-view {
    position: relative;
    width: 100%;
    max-width: 1100rem;
    margin: 0 auto;
    cursor: zoom-in;
    overflow: hidden;
    border: 1px solid var(--c9);
    min-height: 280px;
    background: #141414;
}

.mabplanlar-loader {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 2;
    align-items: center;
    justify-content: center;
    background: rgba(14, 14, 13, .45);
    pointer-events: none;
}

.mabplanlar-view.is-loading .mabplanlar-loader {
    display: flex;
}

.mabplanlar-loader::after {
    content: "";
    width: 36px;
    height: 36px;
    border: 2px solid rgba(255, 255, 255, .2);
    border-top-color: var(--c1);
    border-radius: 50%;
    animation: mabplanlarSpin .7s linear infinite;
}

@keyframes mabplanlarSpin {
    to { transform: rotate(360deg); }
}

.img-slot-pos {
    position: relative;
}

.s0 .bgvideo.img-slot {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.img-loader {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 3;
    align-items: center;
    justify-content: center;
    background: rgba(14, 14, 13, .35);
    pointer-events: none;
}

.img-slot.is-loading .img-loader {
    display: flex;
}

.img-slot.is-loading .img-loader::after {
    content: "";
    width: 32px;
    height: 32px;
    border: 2px solid rgba(255, 255, 255, .22);
    border-top-color: var(--c1);
    border-radius: 50%;
    animation: mabplanlarSpin .7s linear infinite;
}

.mabplanlar-img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .5s ease;
}

.mabplanlar-img:not([src]) {
    min-height: 280px;
    visibility: hidden;
}

.mabplanlar-view:hover .mabplanlar-img {
    transform: scale(1.02);
}

.mabplanlar-view.is-loading:hover .mabplanlar-img {
    transform: none;
}

.mabplanlar-open {
    position: absolute;
    right: 20px;
    bottom: 20px;
    pointer-events: none;
    display: none
}

.wpcf7-form {
}

    .wpcf7-form .textfield-input {
        border-color: #b9b9b9;
    }

/* lightbox */
.mabplanlar-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999;
    background-color: rgba(12, 29, 62, .97);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease;
}

    .mabplanlar-lightbox.active {
        opacity: 1;
        visibility: visible;
    }

.mabplanlar-lightbox-stage {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mabplanlar-lightbox-track {
    display: flex;
    height: 100%;
    cursor: grab;
}

    .mabplanlar-lightbox-track.dragging {
        cursor: grabbing;
        transition: none !important;
    }

.mabplanlar-lightbox-slide {
    flex: none;
    width: 100vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 110px;
}

    .mabplanlar-lightbox-slide img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
    }

.mabplanlar-lightbox-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c1);
    cursor: pointer;
    z-index: 2;
}

    .mabplanlar-lightbox-close .icon {
        width: 20px;
        height: 20px;
    }

.mabplanlar-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c1);
    cursor: pointer;
    z-index: 2;
    transition: background-color .3s ease, color .3s ease;
}

    .mabplanlar-lightbox-nav:hover {
        background-color: var(--c1);
        color: var(--c00);
    }

    .mabplanlar-lightbox-nav .icon {
        width: 16px;
        height: 16px;
    }

.mabplanlar-lightbox-prev {
    left: 30px;
}

    .mabplanlar-lightbox-prev .icon {
        transform: rotate(180deg);
    }

.mabplanlar-lightbox-next {
    right: 30px;
}

.mabplanlar-lightbox-counter {
    position: absolute;
    top: 40px;
    left: 40px;
    color: var(--c1);
    letter-spacing: .09em;
    font-size: 13px;
    text-transform: uppercase;
    z-index: 2;
}

@media (max-width:1024px) {
    .mabplanlar-tab {
        font-size: 26px;
        padding: 8rem 20rem 16rem;
    }

    .mabplanlar-lightbox-slide {
        padding: 90px 16px 96px;
    }

    .mabplanlar-lightbox-nav {
        top: auto;
        bottom: 18px;
        transform: none;
        width: 48px;
        height: 48px;
    }

    .mabplanlar-lightbox-prev {
        left: calc(50% - 64px);
    }

    .mabplanlar-lightbox-next {
        right: calc(50% - 64px);
    }

    .mabplanlar-open {
        display: none;
    }
}

/* ===== galeri carousel'leri için ortak tam ekran galeri ===== */
.gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999;
    background-color: rgba(12, 29, 62, .97);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease;
}

    .gallery-lightbox.active {
        opacity: 1;
        visibility: visible;
    }

.gallery-lightbox-stage {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gallery-lightbox-track {
    display: flex;
    height: 100%;
    cursor: grab;
}

    .gallery-lightbox-track.dragging {
        cursor: grabbing;
        transition: none !important;
    }

.gallery-lightbox-slide {
    flex: none;
    width: 100vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 110px;
}

    .gallery-lightbox-slide img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
    }

.gallery-lightbox-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c1);
    cursor: pointer;
    z-index: 2;
}

    .gallery-lightbox-close .icon {
        width: 20px;
        height: 20px;
    }

.gallery-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c1);
    cursor: pointer;
    z-index: 2;
    transition: background-color .3s ease, color .3s ease;
}

    .gallery-lightbox-nav:hover {
        background-color: var(--c1);
        color: var(--c00);
    }

    .gallery-lightbox-nav .icon {
        width: 16px;
        height: 16px;
    }

.gallery-lightbox-prev {
    left: 30px;
}

    .gallery-lightbox-prev .icon {
        transform: rotate(180deg);
    }

.gallery-lightbox-next {
    right: 30px;
}

.gallery-lightbox-counter {
    position: absolute;
    top: 40px;
    left: 40px;
    color: var(--c1);
    letter-spacing: .09em;
    font-size: 13px;
    text-transform: uppercase;
    z-index: 2;
}

@media (max-width:1024px) {
    .gallery-lightbox-slide {
        padding: 90px 50px;
    }

    .gallery-lightbox-nav {
        width: 44px;
        height: 44px;
    }

    .gallery-lightbox-prev {
        left: 12px;
    }

    .gallery-lightbox-next {
        right: 12px;
    }
}

.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: #ffffff;
    padding-bottom: 150rem;
}

    .s8 .s8-6 p {
        color: #0c1d3e;
        font-size: 20px;
        letter-spacing: 0;
        font-weight: 400;
    }

    .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);
    letter-spacing: .09em;
    color: var(--c5);
}

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


    .s8-7 a:hover {
        background: var(--c2);
    }

        .s8-7 a:hover span {
            color: #fff
        }

.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 {
    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;
}

.gor1 {
       width: 100vw;
    height: 100vh; 
    overflow: hidden;
    position: relative;
    
}
.gor1 >div{background: var(--c2);}
.maxh
{
	 
    height:auto !important;
    aspect-ratio: 1920 / 1080;
}

    .gor1 .gor1-1 {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .gor1 .gor1-1 .gorimg {
            width: 100%;
        }

.gortxt {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    padding: 0 0 0 calc(var(--wr) * 1.75);
    width: 920px;
}

    .gortxt::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 250%;
        height: 250%;
        background-color: var(--c00);
        clip-path: polygon(16% 41%, -16% 101%, 56% 100%);
        z-index: -1;
        pointer-events: none;
    }

    .gortxt h1 {
        letter-spacing: 0;
        color: #fff;
        font-size: 31px;
        margin-bottom: 0;
    }

    .gortxt h2 {
        letter-spacing: 0;
        color: #fff;
        font-size: 70px;
        margin-bottom: 0;
        font-family: 'Jazmin';
        line-height: 1.2;
    }

    .gortxt p {
        letter-spacing: 0;
        color: #fff;
        font-size: 16px;
        margin-bottom: 10px;
        max-width: 550px;
        line-height: 1.2;
        padding-bottom: 45px;
    }


.gor1 .pagedetay, .pagedetay1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 50px;
    background: var(--c2);
    padding: var(--f-xxxl);
    position: relative;
}

    .gor1 .pagedetay .item1 {
        width: 50%;
    }

    .gor1 .pagedetay .item2 {
        width: 20%;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .gor1 .pagedetay .item3 {
        width: 30%;
        overflow: hidden;
    }

    .gor1 .pagedetay .item1 > div, .gor1 .pagedetay .item2 > div {
        height: calc(50% - 25px);
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
    }


    .gor1 .pagedetay .gorimg {
        width: 100%;
        cursor: pointer;
        transition: .5s;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }

    .gor1 .pagedetay .item3 > div {
        display: flex;
        align-content: center;
        align-items: center;
    }

        .gor1 .pagedetay .item3 > div h2 {
            font-size: 20px;
            line-height: 1.4;
            color: #fff;
            font-weight: 500;
        }

        .gor1 .pagedetay .item3 > div p {
            font-size: 16px;
            line-height: 1.5;
            letter-spacing: 0;
        }


    .gor1 .pagedetay .item3 {
        display: grid;
        height: 100%;
        grid-template-rows: auto 1fr auto;
        gap: 50px;
    }

        .gor1 .pagedetay .item3.ikili{grid-template-rows: auto 1fr;}

        .gor1 .pagedetay .item3 > div:nth-child(1) {
            grid-row: 1;
        }

        .gor1 .pagedetay .item3 > div:nth-child(2) {
            grid-row: 2;
            overflow: hidden;
        }

        .gor1 .pagedetay .item3 > div:nth-child(3) {
            grid-row: 3;
        }

        .gor1 .pagedetay .item3 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            object-position: top;
        }

.pagedetay1 {
    display: flex;
    align-items: flex-end;
}

    .pagedetay1 > div {
        overflow: hidden;
    }

        .pagedetay1 > div:first-child {
            display: grid;
            height: 100%;
            grid-template-rows: auto 1fr;
            gap: 50px;
            width: 45%;
        }

            .pagedetay1 > div:first-child:before {
                content: '';
                border: 5px solid #ffffff;
                position: absolute;
                left: 30vw;
                top: 95px;
                width: 25vw;
                height: 25vw;
                z-index: 0;
            }

            .pagedetay1 > div:first-child > div {
            }

                .pagedetay1 > div:first-child > div:after {
                    content: '';
                }

                .pagedetay1 > div:first-child > div h2 {
                    font-size: 20px;
                    line-height: 1.4;
                    color: #fff;
                    font-weight: 300;
                    width: 57%;
                }

                .pagedetay1 > div:first-child > div img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                }


    .pagedetay1 .item2 > div:first-child {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 50%;
        align-items: center;
        gap: 50px;
    }

        .pagedetay1 .item2 > div:first-child > div {
        }


    .pagedetay1 .item2 {
        width: 25%;
        z-index: 3;
    }

        .pagedetay1 .item2 > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }


    .pagedetay1 .item3 {
        height: 100%;
        overflow: hidden;
        width: 30%;
        display: grid;
        height: 100%;
        grid-template-rows: 1fr auto;
        gap: 50px;
        width: 45%;
    }

        .pagedetay1 .item3 > div {
            height: 100%;
       
        }

            .pagedetay1 .item3 > div:nth-child(2) {
                overflow: hidden;
            }

        .pagedetay1 .item3 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .pagedetay1 .item3 > div:first-child > div.item2-2 {
        }

        .pagedetay1 .item3 h2 {
            font-size: 20px;
            line-height: 1.4;
            color: #fff;
            font-weight: 400;
            letter-spacing: 0;
        }


        .pagedetay1 .item3 p {
            font-size: 20px;
            line-height: 1.4;
            color: #fff;
            font-weight: 400;
            letter-spacing: 0;
        }

        .pagedetay1 .item3 > div:last-child {
        }

            .pagedetay1 .item3 > div:last-child > img {
            }

.gor1 .pagedetay .item1 .eksiksiz {
    display: grid;
    height: 100%;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    grid-auto-flow: row;
    align-content: start;
    gap: 50px;
}

.eksiksiz .txt {
    width: 80%;
}

    .eksiksiz .txt h1 {
        color: #fff;
        font-size: 24px;
        line-height: 1.4;
        letter-spacing: 0;
    }

    .eksiksiz .txt p {
        font-size: 18px;
        font-style: italic;
    }

.eksiksiz > div {
}

    .eksiksiz > div:last-child {
    }

.konforimg {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 50px;
    align-items: end;
}

.konfor .item2 {
    display: flex;
    align-content: flex-start;
    height: 100%;
    flex-direction: row;
}

.pagedetay1 .item2 > div.konforimg > div {
}

.konforimg > div .gorimg {
}

.pagedetay1 .item2 > div.konfororta {
    display: grid;
    grid-template-columns: 1fr; /* Tek sütun */
    grid-auto-rows: auto; /* Satır yüksekliği otomatik */
    gap: 50px;
    width: 100%;
    height: auto;
    align-content: start;
}

.konfororta > div {
}

    .konfororta > div:first-child {
    }

    .konfororta > div:last-child {
        height: auto;
    }

    .konfororta > div img {
    }

    .konfororta > div p {
        font-weight: 600;
        padding-bottom: 50px;
    }


.img1 {
    height: 100%;
}

.img2 {
    height: 75%;
}

.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;
    margin: 0 calc(-1 * (var(--wr) + var(--wr2)));
    padding: 110rem calc(var(--wr) + var(--wr2)) 0;
    letter-spacing: .09em;
    font-family: 'Jazmin';
}

.s11-8 {
    letter-spacing: 0;
}

.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;
    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: 205;
    visibility: hidden;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 20rem 170rem;
    visibility: hidden;
    opacity: 0;
    z-index: 210;
    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-subtitle p{color:#000}
.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.popup-over,
#popup-kvkk.active,
#popup-cookie.active {
    z-index: 240 !important;
}

.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);
    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) {

   


    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 {
        position: relative;
        transition: transform .3s ease;
    }

        .burger:active {
            transform: scale(.9);
        }

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

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

        .burger-icon::before {
            bottom: 5rem;
            left: 0;
            transition-property: bottom, transform, width, left;
            transition-duration: .25s, .25s, .25s, .25s;
            transition-delay: .25s, 0s, .25s, .25s;
            transition-timing-function: cubic-bezier(.65, 0, .35, 1);
        }

        .burger-icon::after {
            top: 5rem;
            right: 0;
            transition-property: top, transform, width, right;
            transition-duration: .25s, .25s, .25s, .25s;
            transition-delay: .25s, 0s, .25s, .25s;
            transition-timing-function: cubic-bezier(.65, 0, .35, 1);
        }

    .burger.active .burger-icon {
        background-color: transparent;
        transition-delay: 0s;
    }

        .burger.active .burger-icon::before {
            bottom: 0;
            left: 0;
            width: 100%;
            transform: rotate(45deg);
            transition-delay: 0s, .25s, 0s, 0s;
        }

        .burger.active .burger-icon::after {
            top: 0;
            right: 0;
            width: 100%;
            transform: rotate(-45deg);
            transition-delay: 0s, .25s, 0s, 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;
   
    }

    .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: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: 45rem 20rem 30rem;border-radius: 8px;}

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

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

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

    .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: #0c1d3e;
        color: var(--c1);
        overflow-y: auto;
        transform: translateX(24px);
        opacity: 0;
        transition: transform .35s cubic-bezier(.16, 1, .3, 1), opacity .3s ease;
    }

        .js-popup.active#popup-4 .popup-menu {
            transform: translateX(0);
            opacity: 1;
            transition-delay: .05s;
        }

        .popup-menu-main > .menusss > li {
            opacity: 0;
            transform: translateY(10px);
            transition: opacity .35s ease, transform .35s ease;
        }

        .js-popup.active#popup-4 .popup-menu-main > .menusss > li {
            opacity: 1;
            transform: translateY(0);
        }

        .popup-menu-main > .menusss > li:nth-child(1) { transition-delay: .12s; }
        .popup-menu-main > .menusss > li:nth-child(2) { transition-delay: .16s; }
        .popup-menu-main > .menusss > li:nth-child(3) { transition-delay: .2s; }
        .popup-menu-main > .menusss > li:nth-child(4) { transition-delay: .24s; }
        .popup-menu-main > .menusss > li:nth-child(5) { transition-delay: .28s; }
        .popup-menu-main > .menusss > li:nth-child(6) { transition-delay: .32s; }
        .popup-menu-main > .menusss > li:nth-child(7) { transition-delay: .36s; }
        .popup-menu-main > .menusss > li:nth-child(8) { transition-delay: .4s; }

        .popup-menu-main .lang-dropdown {
            opacity: 0;
            transform: translateY(10px);
            transition: opacity .35s ease, transform .35s ease;
            transition-delay: .44s;
        }

        .js-popup.active#popup-4 .popup-menu-main .lang-dropdown {
            opacity: 1;
            transform: translateY(0);
        }

    .popup-menu-main {
        margin: 35rem calc(-1 * var(--wr2)) 40rem;
        padding-top: calc(var(--tb) + 20rem);
    }

        .popup-menu-main li {
            padding: 14rem var(--wr2);
            border-bottom: 1rem solid rgb(22 44 86);
            letter-spacing: .035em;
            font-family: var(--altfont);
            font-size: var(--f-l3);
            line-height: .9;
        }


            .popup-menu-main li a {
            font-size: 20px;
            }

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

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

        .popup-menu-footer li {
            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 {

        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 {
    }
}

.blubutton {
}

.beyazbutton, .beyazbutton span {
    color: #fff !important
}

.blubutton:hover, .blubutton:hover span {
    color: #fff
}


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

.container_video {
    border: 1rem solid #ffffff;
    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);
    font-size: 12rem;
}

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

.wath_video {
    font-size: var(--f-m);
    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;
    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 {
}

.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;
}

.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);
    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 {
}

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

    .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);
    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);
    font-size: 16rem;
    margin-bottom: 13rem;
    letter-spacing: 1.4px;
}

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

.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;
    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);
    }

/* ===== dil seçici (dropdown) ===== */
.lang-dropdown {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 22rem;
    z-index: 20;
}

.lang-dropdown-current {
    display: flex;
    align-items: center;
    gap: 9rem;
    cursor: pointer;
    color: var(--c1);
    font-size: 12.5rem;
    letter-spacing: .08em;
    font-weight: 600;
    padding: 9rem 14rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .18);
    background-color: rgba(255, 255, 255, .04);
    transition: background-color .2s ease, border-color .2s ease;
}

    .lang-dropdown-current:hover {
        background-color: rgba(255, 255, 255, .09);
        border-color: rgba(255, 255, 255, .3);
    }

.lang-dropdown.active .lang-dropdown-current {
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .32);
}

.lang-dropdown-current-name {
    display: none;
}

.lang-dropdown-caret {
    width: 8rem;
    height: 8rem;
    flex: none;
    opacity: .7;
    transition: transform .25s ease;
}

.lang-dropdown.active .lang-dropdown-caret {
    transform: rotate(180deg);
}

.topbar-nav .lang-dropdown-list,
.lang-dropdown-list {
    position: absolute;
    top: calc(100% + 12rem);
    right: 0;
    width: max-content;
    min-width: 190rem;
    background-color: #14213f;
    border-radius: 14rem;
    border: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .45);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(.98);
    transform-origin: top right;
    transition: opacity .22s ease, transform .22s ease, visibility .22s;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 8rem;
    overflow: hidden;
}

.lang-dropdown.active .lang-dropdown-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.lang-dropdown-list li {
    width: 100%;
}

.lang-dropdown-option {
    display: flex;
    align-items: center;
    gap: 12rem;
    width: 100%;
    padding: 11rem 14rem;
    color: var(--c9);
    font-size: 13rem;
    letter-spacing: .03em;
    text-align: left;
    cursor: pointer;
    border-radius: 9rem;
    transition: background-color .2s, color .2s;
}

    .lang-dropdown-option:hover {
        background-color: rgba(255, 255, 255, .08);
        color: var(--c1);
    }

    .lang-dropdown-option.active {
        color: var(--c1);
        background-color: rgba(255, 255, 255, .06);
    }

        .lang-dropdown-option.active::after {
            content: "";
            width: 6rem;
            height: 6rem;
            margin-left: auto;
            border-radius: 50%;
            background-color: var(--c1);
            flex: none;
        }

.lang-dropdown-code {
    flex: none;
    width: 30rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--c1);
    font-size: 12rem;
}

.lang-dropdown-name {
    opacity: .75;
    flex: auto;
}

/* mobil popup menü içindeki dropdown: tam genişlik, açık zeminde */
.popup-menu .lang-dropdown {
    display: block;
    margin: 30rem 0 0;
    padding: 25rem 0 0;
    border-left: none;
    border-top: 1px solid var(--c9);
}

.popup-menu .lang-dropdown-current {
    width: 100%;
    justify-content: space-between;
    font-size: 15rem;
    padding: 14rem 18rem;
    border-radius: 12rem;
}

.popup-menu .lang-dropdown-current-name {
    display: inline;
    opacity: .8;
    font-weight: 400;
    margin-right: auto;
}

.popup-menu .lang-dropdown-list {
    position: static;
    margin-top: 12rem;
    transform: none;
    box-shadow: none;
    width: 100%;
}

.popup-menu .lang-dropdown.active .lang-dropdown-list {
    transform: none;
}

.popup-menu .lang-dropdown-option {
    font-size: 15rem;
    padding: 14rem 16rem;
}

.popup-menu .lang-dropdown-option {
    font-size: 15rem;
    padding: 15rem 18rem;
}

@media(max-width:2000px) {
    .s6-2{max-width: 100%}
    .gortxt::after {clip-path: polygon(9% 41%, -16% 101%, 56% 100%);}
    .pagedetay1 > div:first-child > div h2{width: 68%;}
    .pagedetay1 > div:first-child > div h2, .pagedetay1 .item3 h2, .pagedetay1 .item3 p, .gor1 .pagedetay .item3 > div h2, .eksiksiz .txt h1,.gor1 .pagedetay .item3 > div p,.s2-8 p,.s6-2 .txt p,.s8 .s8-6 p {font-size: 17px;}
    .gor1 .pagedetay .item3 > div:nth-child(2) img {object-position: top;}
    .gor1 .pagedetay .item1 {width: 45%;}
    .gor1 .pagedetay .item2 {width: 20%;}
    .gor1 .pagedetay .item3 {width: 35%;}
    .eksiksiz .txt p {font-size: 13px;}
    .s2-8 {max-width: 420px;}
    .topbar-logo {min-height: 110px;}
    .headroom-desktop .topbar-logo img {height: 50px;}
}



@media(max-width:1600px) {
    .pagedetay1 > div:first-child > div h2, .pagedetay1 .item3 h2, .pagedetay1 .item3 p, .gor1 .pagedetay .item3 > div h2, .eksiksiz .txt h1,.gor1 .pagedetay .item3 > div p,.s2-8 p,.s6-2 .txt p,.s8-6 h1 {font-size: 15px;}
    .s8-6 h1 {letter-spacing:0}
    .s8 .s8-6 p{font-size: 14px;letter-spacing:0}
    .imggrup {max-width: 380px;}
    .gor1 .pagedetay, .pagedetay1, .gor1 .pagedetay .item2, .gor1 .pagedetay .item3, .pagedetay1 > div:first-child, .pagedetay1 .item3, .gor1 .pagedetay .item1 .eksiksiz {gap: 24px;}
    .gor1 .pagedetay, .pagedetay1{padding: 30rem 30rem;}
    .s8 {padding-bottom: 60px;}
    .s8-1 {margin-top: 60px;}

    .gor1 .pagedetay .item1 > div, .gor1 .pagedetay .item2 > div {height: calc(50% - 12px);}
    .gor1 .pagedetay .item3 > div:nth-child(2) {}
    .gor1 .pagedetay .item3 {grid-template-rows: auto auto auto;}
    .gor1 .pagedetay .item1 {width: 40%;}
    .gor1 .pagedetay .item2 {width: 20%;}
    .gor1 .pagedetay .item3 {width: 40%;}
    .gortxt h2 {font-size: 50px;}
    .gortxt p {font-size:14px;padding-bottom: 25px;}
    .button__default .button-text {font-size: 14px;}
    .button__default {height: max(50px, 35rem);}
    .headroom-desktop .topbar-nav a {font-size: 11PX;}
    .headroom-desktop .topbar-row {min-height: 64px;}


}

@media(max-width:1400px) {
    .s2-8 {max-width: 320px;}
    .pretitle {font-size: 13px;}
    .lang-dropdown-current,.lang-dropdown-code{font-size:11px}
    .lang-dropdown-name{font-size:9px}
    .gortxt p {margin: 5px 0 0 0}

    

}

@media(max-width:1300px) {
    .pagedetay1 > div:first-child > div h2, .pagedetay1 .item3 h2, .pagedetay1 .item3 p, .gor1 .pagedetay .item3 > div h2, .eksiksiz .txt h1,.gor1 .pagedetay .item3 > div p,.s2-8 p,.s6-2 .txt p,.s8-6 h1 {font-size: 14px;}
    .s8-6 h1 {letter-spacing:0}
    .s8 .s8-6 p{font-size: 13px;letter-spacing:0}
    .gortxt h2 {font-size: 40px;}
    .s0-3 h1 {line-height:1.4;}
    

}
@media(max-width:1200px) {
    .s6-2 .txt h1,.s6-2 .head p ,.gortxt p{font-size: 15px;}
    .pagedetay1 > div:first-child > div h2, .pagedetay1 .item3 h2, .pagedetay1 .item3 p, .gor1 .pagedetay .item3 > div h2, .eksiksiz .txt h1,.gor1 .pagedetay .item3 > div p,.s2-8 p,.s6-2 .txt p,.s8-6 h1 {font-size: 13px; letter-spacing:0}
    .imggrup {max-width: 280px;}

}

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

    :root {
        --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;
    }
}



@media screen and (max-width: 1023.98px) {
    .lang-dropdown {
        margin-left: 16rem;
        padding-left: 16rem;
    }
}

/* mobilde header (logo + burger) her zaman sabit; scroll'a göre gizlenip
   beliren ayrı .headroom.mobile bar'ı yerine geçer, menüye her an erişilir. */
@media screen and (max-width: 1023.98px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 102;
        background-color: transparent;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        transition: background-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
    }

        .header.is-scrolled {
            background-color: rgb(0 0 0 / 32%);
            box-shadow: 0 8rem 28rem rgba(0, 0, 0, 0.28);
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
        }

    .container {
       /* padding-top: var(--header-h, var(--tb));*/
    }

    .s0 {
        margin-top: 0;
    }

    .wrapper {

        padding: 0 10px;
    }
    .headroom.mobile {
        display: none !important;
    }

    .topbar-menu-button.mobile {
        align-items: center;
        gap: 12rem;
    }

    .lang-dropdown__mobile {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
    }

        .lang-dropdown__mobile .lang-dropdown-current {
            padding: 8rem 12rem;
        }

        .lang-dropdown__mobile .lang-dropdown-list {
            right: 0;
            left: auto;
        }
}
@media(max-width:1080px) {
    .imggrup {max-width: 200px;}
    .s0-3 h1 {font-size:45px;}
    .s0-3 h2 {font-size: 30px;}
    .s0-3 {max-width: 90%;}
    .s0-4 {margin: 23rem 0 -20rem;}
    .s6-2 .altbar {gap: 24px;flex-direction: column;width: 100%;padding: 0 30rem;}
    .s6-2 .altbar>div{width:100% !important}
    .maxh {aspect-ratio:auto;}
    .gor1 .gor1-1 .gorimg {width: 100%;transition: .5s;height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;}
    .gortxt {width: 80%;padding: 0 0 0 calc(var(--wr) * 0.75);}
    .gor1 .pagedetay, .pagedetay1 {flex-direction: column;}
    .gor1 .pagedetay>div, .pagedetay1>div{width:100% !important}
    .gor1 {height: auto;overflow:inherit;}
    .gor1 .pagedetay .item2 {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}
    .gor1 .pagedetay .item2>div{ height:100% !important;}
    .gor1 .pagedetay .item2>div .gorimg{width:100% !important;height:100% !important;object-fit:cover;}
    .lang-dropdown-current, .lang-dropdown-code {font-size: 13px;}
    .s6-2 .head h2 {font-size: 33px;}
    .s6-2 .head h3 {font-size: 12px;letter-spacing: 14px;}
    .topbar-logo {min-height: auto;margin: 11px 0; transition:0.5s}
    .topbar-logo img {height: 65px;}
    .header{transition:.5s}
    .header.is-scrolled .topbar-logo img{height: 48px;}
    .header.is-scrolled .topbar-menu-button.mobile {}
    .header.is-scrolled .topbar-logo {margin: 0;}
    .gortxt::after,.pagedetay1 > div:first-child:before{display:none;}
    .gortxt {position: relative;padding: 24px 30rem 0;width: 100%;margin: 0 auto;}
    .gor1 .gor1-1 {background: #0c1d3e;HEIGHT: auto;}
    .s6 {padding-bottom: 30rem;}
    .gor1 .pagedetay .item1 {aspect-ratio: 1 / 1;}
    .inner-wrapper{padding:0}
    .s6-2 .head {width: 100%;margin-bottom: 30rem;padding: 0 30rem;}
    .txt, .txt *,.gortxt *, .gor1 *{text-align:center !important}
    .pagedetay1 > div:first-child > div h2 ,.eksiksiz .txt {width: 100%;}
    .gortxt p{max-width:max-content;padding-bottom: 0;}
 
    .s2-1 {position: relative;height: 149.5vw;left: 0;    background-size: auto 120%;        background-position-x: -65px;}
    .s2-4, .s2-6, .s2-7, .s2-8, .s2-1::before, .s2-1::after {display: none}
    .s2-2 {min-height: auto;padding: 0;}
    .s2-5 {margin-top: 0rem;}
    .s2-9 {margin-top: 0;margin-bottom:30rem}
    .pagedetay1 .item2 > div.konfororta, .konforimg{gap:24px}
    .mabplanlar-type {font-size: 13px;padding: 11rem 23rem;}
    .pagedetay1 .item2 > div:first-child > div:first-child {aspect-ratio:1}
    .pagedetay1 .item2 > div.konfororta{}
    .konfororta > div p {padding-bottom: 0px;}
    .s8-1 {margin-top: 30rem;}
    .s8-3 {margin-top: 0;}
    .s8 {padding-bottom: 30rem;}
    .s8-6 {padding: 0 30rem; text-align:center}
    .footer-a1-2 {padding: 30rem;}
    .footer-a1 {padding-bottom: 0;}
    .footer-a4 {padding: 30rem;}
    .separator {background-color: rgb(22 41 77);}
    .wpcf7-form .textfield-input {border-color: #13274d;}
    .gor1 .pagedetay, .pagedetay1, .gor1 .pagedetay .item2, .gor1 .pagedetay .item3, .pagedetay1 > div:first-child, .pagedetay1 .item3, .gor1 .pagedetay .item1 .eksiksiz {gap: 20px;}
    .s6-1 {padding: 0rem 0 20rem;}
    .s6-1.planes {padding: 50rem 0 20rem;}
    .container_video {justify-content: space-between;max-width: 370px;margin: 0 auto;}
    .footer-a1-5 .title, .footer-a1-5 .title *{font-size:24px; line-height:1.3}
    .footer-a1-6 {margin-top: 20rem;}
    .footer-a1-5 .title {display: flex;flex-direction: column;}
    .footer-a4-2, .footer-a4-2 * {justify-content: flex-start;gap: 7px;}
    .pagedetay1:not(.konfor) .item1 > div:last-child, .pagedetay1:not(.konfor) .item2, .pagedetay1:not(.konfor) .item3 > div:first-child {aspect-ratio: 2 / 1;}
    .pagedetay1.konfor .konforimg, .pagedetay1.konfor .konfororta > div:first-child, .pagedetay1.konfor .item3 > div:nth-child(2) {aspect-ratio: 1 }


    .gortxt h1 {line-height: 1;}
    .pagedetay1 > div:first-child > div:after{display:none}
    .pagedetay1 > div:first-child > div h2, .pagedetay1 .item3 h2, .pagedetay1 .item3 p, .gor1 .pagedetay .item3 > div h2, .eksiksiz .txt h1, .gor1 .pagedetay .item3 > div p, .s2-8 p, .s6-2 .txt p, .s8-6 h1, .s8 .s8-6 p, .s6-2 .txt h1, .s6-2 .head p, .gortxt p {
        font-size: 15px;letter-spacing: 0.4;}
    .s8-6 h1, .s8 .s8-6 p{font-weight:500;color:var(--c5)}
    .button__default .button-text {font-weight: 500;}
    #popup-1{z-index:220 !important}

}

[dir="rtl"] .lang-dropdown {
    margin-left: 0;
    margin-right: 22rem;
}

[dir="rtl"] .lang-dropdown-list {
    right: auto;
    left: 0;
    transform-origin: top left;
}

/* ===== Arapça (dir="rtl") düzeltmeleri =====
   .gortxt (diagonal arkaplan + konumlama), .s2-* (konum harita katmanları) ve
   slick carousel (.s8 .carousel) piksel/absolute positioning'e ve slick'in
   kendi LTR-varsayımlı transform hesaplarına bağımlı - miras alınan dir="rtl"
   bu üçünün yerleşimini bozuyor. Bu üç bölümü zorla LTR tutup (yapı/carousel
   bozulmasın), sadece içindeki okunabilir metni sağa yaslıyoruz. */
[dir="rtl"] .gortxt,
[dir="rtl"] .s2-1,
[dir="rtl"] .s2-2,
[dir="rtl"] .s8-3,
[dir="rtl"] .s8-4,
[dir="rtl"] .s8 .carousel,
[dir="rtl"] .footer-a1 {
    direction: ltr;
}

    [dir="rtl"] .gortxt {
        left: auto;
        right: 0;
        text-align: right;
    }


        [dir="rtl"] .gortxt::after {
            clip-path: polygon(27% 45%, 0% 100%, 73% 100%);
        }

        [dir="rtl"] .gortxt h1,
        [dir="rtl"] .gortxt h2,
        [dir="rtl"] .gortxt p {
            direction: rtl;
            text-align: right;
            max-width: 550px;
        }

    [dir="rtl"] .s8-5 {
        direction: rtl;
        text-align: right;
    }

/* TR dışındaki tüm diller (en/ar/zh) için konum bölümü çerçeve görseli */
html:not([lang="tr"]) .s2-1 {
    background-image: url(/img/frame-mavi_en.svg?v=8);
}