.homesakcay {
    width: calc(100% - 100px);
    height: calc(90% - 190px);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 105px;
    bottom: 6%; /* display: none; */
}

.slider__heading > span {
    color: #e7bfa1;
    font-size: 50px;
    margin-left: 9px;
}

.slideryazi .swiper-wrapper .swiper-slide > div {
    display: table;
    width: 40%; /* min-height: 60px; */ /* width: 100%; */
    height: 101px;
}

    .slideryazi .swiper-wrapper .swiper-slide > div > div:first-child {
        padding-left: 10px
    }

    .slideryazi .swiper-wrapper .swiper-slide > div > div:nth-child(2) {
        color: #e7bfa1;
        position: relative
    }

.hlogo {
    margin-bottom: 14px;
}

    .hlogo > img {
        width: 150px;
    }

.hlogoyazi {
    color: #1f365b;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

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

.mobilemenu {
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%;
    margin-top: 35px;
}




.mobilmenu {
    background: url("/img/mobilemenubg.svg?v=1") no-repeat top;
    background-size: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    width: 100%;
    height: 67px;
    display: none;
    justify-content: center;
    align-items: center;
}

    .mobilmenu > div {
        display: flex;
        justify-content: space-between;
        width: 90%;
        position: relative;
    }

        .mobilmenu > div > div {
            width: calc(50% - 36px);
            display: flex;
            justify-content: center;
            margin-top: 5px;
        }

    .mobilmenu .telefon {
        position: absolute;
        top: -43px;
        left: calc(50% - 33px);
        background: #fff;
        border-radius: 100%;
        width: 66px;
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
    }

    .mobilmenu > div > div > a {
        color: #fff;
        font-size: 13px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mobilmenu .telefon a {
        color: #000;
    }

        .mobilmenu .telefon a > img {
            filter: none;
            height: 35px;
        }

    .mobilmenu img {
        height: 22px;
        margin-bottom: 1px;
        filter: brightness(0) invert(1);
    }

.grdbgbottom {
    width: 100%;
    position: absolute;
    height: 25vh;
    bottom: 0;
    z-index: 2;
    background: rgb(0 0 0); /* background: linear-gradient(0deg, rgb(244 240 229) 0%, rgb(0 0 0 / 0%) 100%); */
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
}

.Ofis .grdbgbottom {
    background: linear-gradient(0deg, rgb(32 49 77) 0%, rgb(0 0 0 / 0%) 100%);
}


.vaziyet {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}

.mobilemenu {
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%;
    margin-top: 35px;
}

.header_menu-right {
    display: none
}

.vaziyet > svg {
    width: 90%;
}

.main_home {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    /* background: #000; */
    align-items: flex-end;
}

    .main_home > div {
    }

.homelogin {
    width: calc(100% - 100px);
    height: calc(100% - 200px);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 50px;
}

    .homelogin > div {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #000000;
        width: 50%;
    }

        .homelogin > div > a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            .homelogin > div > a:hover {
            }

                .homelogin > div > a:hover > img {
                    opacity: .85;
                    transform: scale(1.1);
                }

            .homelogin > div > a > img {
                opacity: 0.35;
                transform: scale(1);
                width: 100%;
                cursor: pointer;
                transition: .5s;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                position: relative;
            }

            .homelogin > div > a > div {
                position: absolute;
                z-index: 1;
            }

                .homelogin > div > a > div > h1 {
                    color: #fff;
                    font-size: 1.5vw;
                    letter-spacing: 10px;
                }

.homeustbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 150px;
    justify-content: center;
    align-items: center;
}

.homelang {
    position: absolute;
    right: 50px;
}

    .homelang > a {
        background: #9c8565;
        color: #fff;
        padding: 11px;
        border-radius: 100%;
        font-size: .7vw;
    }

        .homelang > a:hover {
        }

.homeloginlogo {
}

    .homeloginlogo > img {
        height: 88px;
    }

    .homeloginlogo > a > img {
    }

.sabitalan {
    width: 100%;
    display: flex;
    justify-content: center;
    /* margin-top: 25px; */
}

.mesafeler {
    width: 60%;
    background: #b2825f;
    /* padding: 35px 4px; */
}

    .mesafeler .yerler {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

        .mesafeler .yerler > li {
            WIDTH: 25%;
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #fff;
            border-right: 1px solid #b98d6d;
            border-bottom: 1px solid #b98d6d;
            padding: 25px 3px;
        }

li {
}

.mesafeler .yerler > li h1 {
    margin: 0;
    font-size: 0.7vw;
    color: #fff;
    margin-bottom: 5px;
    line-height: .8VW;
    letter-spacing: 1px;
}

.mesafeler .yerler > li > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-flow: row-reverse;
    width: 90%;
    justify-content: space-between;
    margin-top: 6px;
    flex-flow: wrap-reverse;
}

    .mesafeler .yerler > li > div > div:first-child {
        width: 65px;
        height: 65px;
        /* border: 1px solid #ad9573; */
        /* border-radius: 40px; */
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        transition: 0.5s;
    }

    .mesafeler .yerler > li > div > div:last-child {
        width: calc(100% - 70px);
    }

.mesafeler .yerler > li img {
    width: 65%;
    filter: opacity(0.5);
    transition: 0.5s;
    filter: opacity(0.5) brightness(0) invert(1);
}

.mesafeler .yerler > li p {
    font-size: 1.5VW;
    margin: 0;
    line-height: 1.9VW;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'Cinzel';
    font-weight: 700;
}

    .mesafeler .yerler > li p > span {
        font-size: 0.7vw;
        margin: 0;
        line-height: 0.8VW;
        margin-left: 7px;
        font-weight: 400;
    }

.mesafeler .yerler > li:hover div > div:first-child {
    /* border: 1px solid #ffffff; */
}

    .mesafeler .yerler > li:hover div > div:first-child img {
        /* filter: opacity(1); */
        filter: opacity(1) brightness(0) invert(1);
    }


/* Özel Leaflet Stil*/
#map {
    border: 0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    height: 60vh;
    width: 90%;
    margin: 0 auto;
}

/* Modern ve sade harita stili - #1f365b rengi */
.leaflet-container {
    background: #1f365b !important;
    background-image: none !important;
}

/* Temiz harita - filtre yok */
.leaflet-tile {
    opacity: 1;
}

/* Modern zoom kontrolleri - #1f365b uyumlu */
.leaflet-control-zoom a {
    background-color: rgba(31, 54, 91, 0.9);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    font-weight: 600;
}

    .leaflet-control-zoom a:hover {
        background-color: rgba(31, 54, 91, 1);
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.4);
    }

/* Modern popup tasarımı - #1f365b uyumlu */
.leaflet-popup-content-wrapper {
    background: rgba(31, 54, 91, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
}

.leaflet-popup-tip {
    background: rgba(31, 54, 91, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Marker stilini modernleştir */
.leaflet-marker-icon {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

/* Leaflet attribution'ı tamamen gizle */
.leaflet-control-attribution {
    display: none !important;
}


.circleimg {
    width: 600px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    border: 10px solid #c9ad86;
}

.Ofis .circleimg {
    border: 10px solid rgb(54 82 127);
}

.Ofis .yuvarlakbar {
    border: 2px solid rgb(54 82 127);
}

.Ofis .footer_menu * {
    color: #fff !important
}

.circleimg.businness { /* border-color: #385d89; */
}

.circleimg > img {
}

#loading-indicator {
    width: 100%;
    height: calc(100vh);
    display: flex;
    justify-content: center;
    align-items: center;
}

    #loading-indicator > img {
        width: 250px
    }

.mutlu {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
}

#pdf-container {
    width: 100%;
    height: calc(100vh);
    overflow: auto;
    /* margin-top: 100px; */
}

.pdf-page {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.Angeboteplans {
    position: relative;
    width: 100%;
}

.scroll {
    position: absolute;
    z-index: 999;
    right: 1%;
    bottom: 5%;
    width: 30px;
    cursor: pointer;
}

    .scroll > a {
    }

        .scroll > a > img {
            position: relative;
            margin: 10px auto;
            width: 20px;
            display: block;
            animation-iteration-count: infinite;
            animation-duration: 2s;
            animation-delay: 1s;
        }

.v-line-bottom {
    width: 1px;
    height: 55px;
    background-color: #fff;
    bottom: 0;
    margin: 0 auto;
    position: relative;
}


@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.Angeboteplans .head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    background: #fff;
    align-items: center;
    position: absolute;
    height: 100px;
    border-bottom: 1px solid #c9ac92;
    background: #0a1748;
    border: 1px solid #253265;
    color: #fff;
    display: none;
}

    .Angeboteplans .head > div:first-child {
        margin-left: 50px;
        display: flex;
        align-items: center;
    }

        .Angeboteplans .head > div:first-child > h1 {
            font-size: 41px;
            line-height: 45px;
            margin: 0;
            margin-right: 12px;
            color: #fff;
        }

        .Angeboteplans .head > div:first-child span {
            font-size: 23px;
            line-height: 30px;
        }

    .Angeboteplans .head > div:last-child {
        display: flex;
        margin-right: 50px;
        align-items: center;
        align-content: center;
    }

        .Angeboteplans .head > div:last-child > ul {
            display: flex;
            margin: 0;
        }

            .Angeboteplans .head > div:last-child > ul > li {
                margin-right: 55px;
            }

                .Angeboteplans .head > div:last-child > ul > li:last-child {
                    margin-right: 0px;
                }

                .Angeboteplans .head > div:last-child > ul > li > p {
                    font-size: 18px;
                    line-height: 20px;
                    margin: 0;
                    font-weight: 600;
                }

                    .Angeboteplans .head > div:last-child > ul > li > p > span {
                        font-weight: 300;
                        margin-left: 5px;
                    }

.Angeboteplans .pdf {
    position: absolute;
    right: 0;
    bottom: 0;
}

    .Angeboteplans .pdf > a {
        background: rgb(172, 131, 94);
        margin: 0px;
        padding: 0px;
        place-content: center;
        color: rgb(255, 255, 255);
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        display: flex;
        padding: 15px 20px;
        flex-direction: row;
        align-items: center;
    }

        .Angeboteplans .pdf > a > img {
            margin-right: 7px;
            filter: brightness(0) invert(1);
            width: 37px;
        }

        .Angeboteplans .pdf > a > p {
            font-size: 17px;
            margin: 0;
            line-height: 22px;
        }

.mutlu > a {
}

    .mutlu > a > img {
        height: 100px;
    }

.vaziyet > svg g.active {
}

.vaziyet > svg g > g {
    transition: 0.5s
}

.vaziyet > svg g.active > g {
    fill: #fff
}

.vaziyet > svg g.active > path {
    stroke: #fff;
}

.vaziyet > svg g.active text, .vaziyet > svg g.active text > tspan {
    color: #fff;
}

.fullvideo {
    width: 100%;
    height: 100vh;
}

    .fullvideo > video {
        width: 100%;
        cursor: pointer;
        transition: .5s;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }

.sladerlogin {
    position: absolute;
    bottom: 6vh;
    width: 100%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logincode {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.hakkimizdametin h2 {
    color: #ffffff;
    font-size: 38px;
    text-align: center;
    font-style: italic;
    line-height: 49px;
    margin-bottom: 75px;
}

.hakkimizdametin.nopad {
    padding-top: 50px
}

    .hakkimizdametin.nopad h2 {
        margin-bottom: 0;
    }

.Rezidans, .Residence, .Office, #Officen {
    background: #1f365b;
    padding: 1px 15px;
    border-radius: 16px;
    overflow: hidden;
}

    .Rezidans::after, .Residence::after, .Office::after, #Officen::after {
        background: none !important;
    }

.Rezidans, .Residence {
    background: #9c8565
}


.hakkimizdametin > div > img {
    width: 350px;
    margin-bottom: 18px;
}

.inputcode {
    background: #F8F4F0;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
    margin: 0 auto;
}

.Ofis .inputcode {
    background: #b2825f;
}

    .Ofis .inputcode > label {
    }

.inputcode > label {
    color: #FFF;
    font-size: 17px;
    line-height: 22px;
    cursor: pointer;
    margin: 0;
    padding: 11px 4px;
    font-weight: 700;
}

.inputcode > div {
    margin-left: 10px;
}

    .inputcode > div > input {
        line-height: 35px;
        border: 0;
        background: transparent;
        color: #936253;
        font-weight: 600;
        font-size: 100%;
    }

.bottomtitle {
    width: 100%;
    margin-top: 19px !important;
    color: #fff;
    letter-spacing: 1px;
}


    .bottomtitle > p, .bottomtitle * {
        font-size: 17px;
        line-height: 6px;
        margin-bottom: 3px !important;
        letter-spacing: 5PX;
        margin-top: 7px;
        FONT-WEIGHT: 100;
    }

        .bottomtitle > p > button {
            border: oldlace;
            background: transparent;
            margin: 0;
            padding: 0;
            height: auto;
            min-width: auto;
            color: #968681;
            text-decoration: underline;
            font-size: calc(13px + (13 - 11) * ((100vw - 300px) / (1600 - 300))) !important;
            line-height: calc(17px + (17 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
            font-weight: 600;
            cursor: pointer;
        }


.miniform {
    width: 90%;
    margin: 0 auto;
    /* padding-bottom:10vh; */
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

    .miniform > div {
        margin-bottom: 40px;
        color: #fffefc;
        width: 100%;
        display: flex;
        justify-content: center;
    }

input, textarea {
    height: 34px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #596899;
    padding: 0 0 8px;
    min-width: 0;
    color: #ffffff;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
}

    input::placeholder {
        font-size: 13px;
        font-weight: 100
    }

.form-control-checkbox__icon, .form-control-checkbox__label {
    position: relative; /* min-height: 20px; */
    cursor: pointer
}

    .form-control-checkbox__icon:after, .form-control-checkbox__label:after {
        content: "";
        display: block;
        position: absolute;
        top: -10px;
        right: -5px;
        bottom: -10px;
        left: -5px
    }

.form-control-checkbox__icon {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #ffffff;
    flex-shrink: 0;
    overflow: hidden;
    transition-property: border-color
}

    .form-control-checkbox__icon:before {
        content: "";
        display: block;
        position: absolute;
        height: 24px;
        width: 20px;
        border-radius: 50%;
        left: 0;
        top: -3px;
        background: url(/img/checkbox1.svg);
        background-color: #ffffff;
        background-size: 10px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        transition-property: opacity;
        opacity: 0
    }

.form-control-checkbox__icon, .form-control-checkbox__label {
    position: relative;
    cursor: pointer;
    margin-right: 7px;
    font-size: 13px;
}

.form-control-checkbox input {
    position: absolute;
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
    width: 40px;
}

.form-control-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}

.form-control-checkbox__label a {
    color: #b9cee5;
    font-size: 13px;
    position: relative;
    z-index: 1
}

.homeform .form-control-checkbox__label a {
    color: #ffffff;
}

.homeform {
    position: relative;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 45px;
}

.miniform input:checked ~ .form-control-checkbox__icon:before {
    opacity: 1;
}

#signupform input:checked ~ .form-control-checkbox__icon:before {
    opacity: 1;
}

.miniform h3.head {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .miniform h3.head > span:first-child {
        position: absolute;
        font-size: 285px;
        width: 100%;
        color: #181d24;
        text-align: center;
        line-height: 0;
        margin-top: -67px;
    }

    .miniform h3.head > span:last-child {
        font-size: 74px;
        line-height: 75px;
        letter-spacing: -4px;
    }

.fonttxt { /* position: absolute; */
}

.miniform button {
    background: #b2825f;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    outline: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
    cursor: pointer;
}

    .miniform button:hover {
        background: #877f73;
    }

    .miniform button img {
        width: 14px;
        transform: rotate(-90deg);
    }

.miniform div:last-child {
    display: flex;
}

.kosul {
    position: relative;
    display: flex;
    align-items: center;
}

.dtipi {
    width: 100%;
    display: flex;
    align-items: center; /* border-bottom: 1px solid #ac835e; */ /* padding-bottom: 30px; */
}

    .dtipi > div {
        margin-right: 7px;
    }

        .dtipi > div:first-child {
            margin-right: 45px;
            font-size: 18px;
        }

.miniform .campany > h1 {
    margin-bottom: 0;
}

.form input::placeholder, .miniform input[type="email"]::placeholder, .miniform input[type="tel"]::placeholder, .miniform input[type="text"]::placeholder {
    color: #7f9fcb;
    font-size: 14px !important;
}

.form input::placeholder {
    color: #7f9fcb;
    font-size: 14px !important;
}

.form .dtipi, .form .dtipi > div:first-child {
    font-size: 14px !important;
    color: #ffffff;
    margin: 5px 0 0 0;
    margin-right: 30px;
}

.form fieldset .dtipi label {
    padding: 0
}

.form .formbox {
    width: calc(50% - 8px);
}

.form .send {
    margin-top: 15px;
}
/* Diğer input türleri için gerektiğinde aynı stil ayarlarını ekleyebilirsiniz */
.formtesekkurler {
    display: none
}

    .formtesekkurler > div {
        display: table !important;
    }

        .formtesekkurler > div h1 {
            font-size: 38px;
            line-height: 43px;
            text-align: center;
        }

        .formtesekkurler > div p {
            font-size: 25px;
            text-align: center;
            margin-top: 55px;
        }

.formloading {
    position: absolute;
    top: -90px;
    left: -20px;
    background: rgb(172 131 94 / 52%);
    height: 100%;
    display: none;
    width: calc(100% + 40px);
    z-index: 2;
}

/*.mobile{display:none}*/
.live {
    background: #00ff62;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 7px;
}

.liveicon {
    width: 10px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.menuana {
    width: 100%
}

.header_sticky {
    background: #0c1d53 !important;
}

    .header_sticky .topmenu {
        border-bottom: 0px solid rgb(255,255,255,0.3);
    }

        .header_sticky .topmenu > ul {
            margin-bottom: 0
        }

.figure-service img {
    transform: scale(1);
    transition: all 0.8s ease-in-out;
    width: 100% !important;
    margin: 0 !important
}

.swiper-slide-active img {
    transform: scale(1.2) !important;
    top: 0px;
    left: 3.6%;
}

.hakkimizda-container .swiper-slide > div {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    max-width: 1040px;
}

    .hakkimizda-container .swiper-slide > div > div {
        display: table-cell;
        vertical-align: middle;
    }

        .hakkimizda-container .swiper-slide > div > div h1 {
            color: #ffffff;
            font-size: 60px;
            line-height: 76px;
            text-align: center;
            margin-bottom: 25px;
            margin-top: 8px;
        }

        .hakkimizda-container .swiper-slide > div > div p {
            color: #ffffff;
            width: 100%;
            font-size: 25px;
            text-align: center;
            line-height: 32px;
            margin-bottom: 15px;
        }

        .hakkimizda-container .swiper-slide > div > div h3 {
            color: #ffffff;
            font-size: 18px;
            text-align: center;
            margin: 0;
            letter-spacing: 5px;
        }

.circle-button__inner > div {
    width: 13px;
}

.alles iframe {
    height: 150px;
    min-height: 150px;
    height: 25vh;
}

.maincontent.Raume > div {
    display: table-cell !important
}

.logomenu a {
    text-align: center !important
}

.iletisim {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    width: 100%;
}

    .iletisim > div {
        width: 100%;
    }

.slidertopeffect {
    position: absolute;
    top: 0;
    z-index: 1;
    background-image: url(../img/top-effect.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 523px;
}

.sliderbottomeffect {
    position: absolute;
    bottom: -2px;
    z-index: 1;
    background-image: url(../img/bottom-effect.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 141px;
}

.slider-bilgi {
    position: absolute;
    bottom: 6%;
    z-index: 60;
    left: calc(var(--gutter-horizontal) - 20px);
    width: auto;
}

    .slider-bilgi > div {
        display: table;
        width: 100%;
    }

        .slider-bilgi > div > ul {
            display: table-row
        }

            .slider-bilgi > div > ul > li {
                display: table-cell;
                vertical-align: middle; /* padding:0 40px; */
                text-align: left;
            }

                .slider-bilgi > div > ul > li a {
                    color: #fff;
                    font-size: .9vw;
                    letter-spacing: .03vw;
                    display: block;
                    padding-right: 4vw; /* font-family:"BOSQUE", serif; */
                }

                    .slider-bilgi > div > ul > li a > img {
                        width: 80px;
                    }

.slidercizgi {
    width: calc(49% - 385px);
    height: 1px;
    background: rgba(255, 255, 255, 0.50);
    position: absolute;
    bottom: calc(26%);
    z-index: 10;
    left: calc((var(--gutter-horizontal) * 1.5) + 175px);
}

.genelbg {
    background: #e9e3d5 url("/img/bgcolor2.jpg");
}

    .genelbg.Ofis {
        background: #000d39 url(/img/bgcolorofis.jpg);
    }

    .genelbg .topmenu > ul .logomenu img {
        height: 40px;
    }

    .genelbg .topmenu > ul > li:last-child a img {
    }

    .genelbg .topmenu {
        padding: 0
    }

.genelic {
    background-size: 60%;
}

    .genelic.Ofis {
        background-size: 60%;
    }

.ustbar {
    position: fixed;
    z-index: 99;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.ustbarbg {
    width: calc(100% - 240px);
    transition: 0.5s;
    padding: 30px 0;
}

.videoplay {
}

    .videoplay .butonlar {
    }

        .videoplay .butonlar svg {
            width: 22px;
        }

            .videoplay .butonlar svg path {
            }

.Ofis .page-wrapper__content * {
    /* color: #fff !important; */
}

.ustbar .anamenu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .ustbar .anamenu > div {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

.homelogo {
    width: 7vw;
}

    .homelogo > img {
    }

        .homelogo > img:first-child {
        }

        .homelogo > img:last-child {
            width: 100%;
        }

.ustbar.fixed .anamenu .homelogo > img:first-child {
}

.ustbar.fixed .anamenu .homelogo > img:last-child {
}

.ustbar.fixed .anamenu .homelogo {
    width: 106px;
}



.ustbar .anamenu > div:first-child {
}

    .ustbar .anamenu > div:first-child > a {
    }

        .ustbar .anamenu > div:first-child > a > img {
            transition: .5s;
        }

.ustbar .anamenu > div:last-child {
    margin-top: 15px;
}

    .ustbar .anamenu > div:last-child > div {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .ustbar .anamenu > div:last-child > div:first-child {
            margin-right: 25px;
        }

        .ustbar .anamenu > div:last-child > div:last-child {
        }

        .ustbar .anamenu > div:last-child > div > ul {
            display: flex;
            flex-direction: row;
            align-items: center;
            align-content: center;
            margin: 0;
        }

            .ustbar .anamenu > div:last-child > div > ul > li {
                margin-right: 26px;
            }

                .ustbar .anamenu > div:last-child > div > ul > li:last-child {
                    margin-right: 0;
                }

.ustbar .anamenu a {
    color: #ffffff;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 14px;
}

    .ustbar .anamenu a:hover {
    }

.ustbar.fixed .anamenu {
    align-items: center;
}

    .ustbar.fixed .anamenu > div:last-child {
        margin-top: 0px;
    }

.ustmenu li {
    position: relative;
}

    .ustmenu li:not(.lang)::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 0;
        height: 1px;
        background-color: #ffffff;
        transition: width 0.3s ease; /* Geçiş efekti */
    }

    .ustmenu li:not(.lang):hover::after {
        width: 100%; /* Soldan sağa animasyonlu genişlik */
    }

.ustmenu .lang a {
    border-left: 1px solid #fff;
    padding-left: 15px
}

.ustbar .anamenu .Zunge {
}

    .ustbar .anamenu .Zunge > div {
    }

        .ustbar .anamenu .Zunge > div:last-child {
        }

        .ustbar .anamenu .Zunge > div:first-child {
            margin-right: 11px;
            border-right: 1px solid #ffffff4f;
            padding-right: 11px;
            height: 16px;
        }

.Angebotedetay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 6000;
    width: 100%;
    height: 100%;
    display: none
}

.modal__background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    cursor: default;
    background: rgba(0, 0, 0, 0.7);
}

.modal__areaclose {
    width: 40%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

.modal__area {
    width: 98%;
    position: absolute;
    top: 0px;
    right: -80%;
    height: 100%;
    transition: all 0.5s ease 0s;
}

    .modal__area.goster {
        right: 0px;
    }

    .modal__area > div {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
    }

    .modal__area .close {
        width: 100px;
        height: 100px;
        background: #1f306a;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .modal__area .close:hover {
            background: #0a1748;
        }

            .modal__area .close:hover svg path {
            }

        .modal__area .close > svg {
        }

            .modal__area .close > svg path {
                stroke: rgb(255, 255, 255);
            }

    .modal__area .modal-cont {
        width: calc(100% - 100px);
        height: 100%;
        display: flex;
        flex-direction: column;
    }

        .modal__area .modal-cont > section {
        }

        .modal__area .modal-cont .ust {
            background: rgb(255 255 255);
            height: calc(100vh); /* padding: 0px 3vw; */
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .modal__area .modal-cont .alt {
            background: rgb(255 255 255);
            height: 100px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            font-size: 25px;
        }

            .modal__area .modal-cont .alt > ul {
                display: flex;
                flex-direction: row;
                align-items: center;
                width: 100%;
                margin: 0px;
            }

                .modal__area .modal-cont .alt > ul .vaziyetplan {
                    width: 160px;
                    background: rgb(255, 255, 255);
                    text-align: center;
                }

                    .modal__area .modal-cont .alt > ul .vaziyetplan img {
                        height: 100px;
                    }

                .modal__area .modal-cont .alt > ul .galeributonlink, .modal__area .modal-cont .alt > ul .plane {
                    height: 100%;
                    display: flex;
                    background: rgb(53, 53, 53);
                    place-content: center;
                    align-items: center;
                    width: 40%;
                }

                .modal__area .modal-cont .alt > ul .plane {
                    display: none;
                }

                    .modal__area .modal-cont .alt > ul .plane:hover, .modal__area .modal-cont .alt > ul .galeributonlink:hover {
                        background: rgb(85, 85, 85);
                    }

                    .modal__area .modal-cont .alt > ul .plane > button, .modal__area .modal-cont .alt > ul .galeributonlink > button {
                        font-size: 25px;
                        line-height: 30px;
                        color: rgb(255, 255, 255);
                        text-align: center;
                        margin: 0px;
                        font-weight: 500;
                        cursor: pointer;
                        background: transparent;
                        border: 0px;
                        width: 100%;
                        height: 100%;
                    }

                .modal__area .modal-cont .alt > ul > li.Preis {
                    width: calc(60% - 260px);
                    background: rgb(68, 68, 68);
                    height: 100%;
                    display: flex;
                    place-content: center;
                    align-items: center;
                }

                .modal__area .modal-cont .alt > ul > li h2 {
                    font-size: 25px;
                    line-height: 30px;
                    color: rgb(255, 255, 255);
                    text-align: center;
                    margin: 0px;
                    font-weight: 500;
                }

                .modal__area .modal-cont .alt > ul > li a {
                    background: rgb(172, 131, 94);
                    width: 100px;
                    height: 100px;
                    margin: 0px;
                    padding: 0px;
                    display: flex;
                    align-items: center;
                    place-content: center;
                    color: rgb(255, 255, 255);
                    font-weight: 500;
                    font-size: 20px;
                    line-height: 30px;
                }

                    .modal__area .modal-cont .alt > ul > li a:hover {
                        background: rgb(172, 131, 94);
                    }

            .modal__area .modal-cont .alt h1 {
            }

        .modal__area .modal-cont .ust > div {
        }

            .modal__area .modal-cont .ust > div:first-child > ul {
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                justify-content: space-between;
            }

                .modal__area .modal-cont .ust > div:first-child > ul > li {
                }

                    .modal__area .modal-cont .ust > div:first-child > ul > li h1 {
                        font-size: 17px;
                        color: rgb(172, 131, 94);
                        line-height: 18px;
                    }

                    .modal__area .modal-cont .ust > div:first-child > ul > li h2 {
                        font-size: 22px;
                        font-weight: 600;
                        line-height: 27px;
                        letter-spacing: 1px;
                        margin: 0px;
                        color: rgb(255, 255, 255);
                    }



.Angeboteplans img {
    width: 100%
}

.loginmodal {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 13 57 / 90%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

#errormodal input {
    margin-top: 25px
}

#loginmodal, #errormodal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}


.loginmodal > div {
    /* background: #F0EAE4; */
    width: 90%;
    max-width: 690px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 0;
    max-height: 95vh;
    background: #0a1748;
    border: 1px solid #1b2c6c;
}

.maps.loginmodal > div {
    max-width: 90vw;
}


.loginmodal > div > div {
    width: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loginmodal .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 70%;
    margin-bottom: 25px;
}

    .loginmodal .title img {
        height: 55px;
        margin-bottom: 19px;
        max-height: 8vh; /* filter: brightness(0) invert(1); */
    }

    .loginmodal .title h1 {
        color: #5C4A45;
        font-weight: 600;
        margin-bottom: 15px;
        font-size: calc(18px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
        line-height: calc(23px + (23 - 16) * ((100vw - 300px) / (1600 - 300)));
    }

    .loginmodal .title p {
        color: #ffffff;
        margin: 0;
        font-size: 18px;
        line-height: 20px;
        font-weight: normal;
        letter-spacing: 1px;
        font-weight: 100;
    }



.loginmodal .form {
    width: 90%;
}

    .loginmodal .form > form {
    }

form fieldset .grup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    flex: 1;
    justify-content: space-between;
}

    form fieldset .grup > div {
    }


.maps.loginmodal > div ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

    .maps.loginmodal > div ul > li {
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .maps.loginmodal > div ul > li iframe {
            margin-bottom: 25px;
            height: 60vh;
        }

        .maps.loginmodal > div ul > li input {
        }


/* Text Form */
.formwrapper {
    margin: 0px auto 0px;
    padding-bottom: 0px;
    overflow: hidden;
}

.formbox {
}

.formboxhalf {
    width: 48%;
    margin: 0 52% 0 0;
}

.formboxfull {
    width: 100%;
    margin: 0 0% 0 0;
}

.formboxleft {
}

.formboxright { /* width:46%; */
}

fieldset {
    margin-top: 18px;
    text-align: left;
}

    fieldset label {
        display: block;
        width: 100%;
        clear: both;
        margin: 0px 0 0px;
        padding: 20px 5px 0;
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        font-style: normal;
        color: #ffffff;
    }

    fieldset input, fieldset textarea {
        box-sizing: border-box;
        border: none;
        background: none;
        width: 100%;
        font-size: 18px;
        line-height: 18px;
        color: #ffffff;
        border-bottom: 1px solid #52759d;
        font-weight: 100;
        letter-spacing: .5px;
    }

        fieldset input:hover {
            background: none;
        }

/* intl-tel-input - Resmi GitHub kütüphanesi */

.iti__selected-dial-code {
    font-size: 14px;
    color: #fff;
}

.iti__arrow {
    border-top: 4px solid #ffffff !important;
}

.iti {
    width: 100%;
    display: flex;
    align-items: center;
}

.iti__flag-container {
    background: transparent;
    border: none;
}

.iti__selected-flag {
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.iti__flag {
    width: 20px;
    height: 15px;
    margin-right: 8px;
}

.iti__arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #596899;
    margin-left: 8px;
}

.iti__country-list {
    background: #0a1748 !important;
    border: 1px solid #253265 !important;
    border-radius: 8px !important;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; */
    max-height: 200px !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
}

/* Arama kutusu - Kent Etiler tarzında - ZORLA GÖSTER */
.iti__search-input {
    background: #0a1748 !important;
    border: 1px solid #253265 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    margin: 8px !important;
    border-radius: 4px !important;
    width: calc(100% - 16px) !important;
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Arama kutusu için ek zorlamalar */
.iti__country-list .iti__search-input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 40px !important;
}

.iti__search-input::placeholder {
    color: #596899 !important;
    opacity: 0.7 !important;
}

.iti__search-input:focus {
    outline: none !important;
    border-color: #596899 !important;
    box-shadow: 0 0 0 1px #596899 !important;
}

.iti__country {
    padding: 1px 9px !important;
    color: #ffffff !important;
    border-bottom: 1px solid #253265 !important;
    background: #0a1748 !important;
}

    .iti__country:hover {
        background: #253265 !important;
    }

.iti__country-name {
    color: #ffffff !important;
    font-size: 14px;
}

.iti__dial-code {
    color: #ffffff !important;
    font-size: 14px;
}

.iti__tel-input {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 18px !important;
    padding: 0 !important;
    margin: 5px 0 3px !important;
    width: 100% !important;
}

    .iti__tel-input:focus {
        outline: none !important;
        border-bottom: 1px solid #596899 !important;
    }

    .iti__tel-input::placeholder {
        color: #596899 !important;
        opacity: 0.7 !important;
    }

/* Formbox içinde düzgün hizalama */
.formboxright .iti {
}

    .formboxright .iti:focus-within {
        /* border-bottom: 1px solid #596899; */
    }

.styled-select select {
    box-sizing: border-box;
    background: transparent;
    width: 100%;
    padding: 10px 0px 10px;
    font-size: 14px;
    font-style: normal;
    color: #5C4A45;
    line-height: 1;
    border: none;
    border-bottom: 1px solid #5C4A45;
    border-radius: 0;
    -webkit-appearance: none;
    margin: 22px 0 0 0;
    text-align: left;
}

.styled-select {
    width: 100%;
    overflow: hidden;
    /* background: url(../data/files/down_arrow_select.png) no-repeat right;*/
    border-right: none;
}

.homemesaj {
    padding: 4vh;
    display: none;
    overflow: hidden;
    text-align: center;
}

    .homemesaj p {
        font-size: calc(14px + (14 - 10) * ((100vw - 300px) / (1600 - 300)));
        line-height: calc(17px + (17 - 12) * ((100vw - 300px) / (1600 - 300)));
        color: #ffffff;
    }

    .homemesaj h1 {
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 15px;
        font-size: calc(18px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
        line-height: calc(23px + (23 - 16) * ((100vw - 300px) / (1600 - 300)));
        margin-bottom: 15px
    }

    .homemesaj a {
        float: initial;
        margin-top: 20px
    }

        .homemesaj a:hover {
            background: #5C4A45;
            color: #fff;
        }

    .homemesaj > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }




textarea {
    border: 1px solid #52759d !important;
    background: none;
    width: 100%;
    margin: 9px 0 20px;
    padding: 14px 9px 10px;
    box-sizing: border-box;
    resize: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    color: #5C4A45;
    min-height: 83px;
}

    textarea:hover {
        background: none;
    }

.btn2 {
    cursor: pointer;
    background: none;
    border: 1px solid #52759d;
    color: #ffffff;
    border-radius: 13px;
    font-size: 13px !important;
    width: 195px;
    display: block;
    float: right;
    text-align: center;
    letter-spacing: 1px;
}

.btn-disabled {
    cursor: default;
    color: #BBBAB8;
    border: 1px solid #BBBAB8;
}

#response {
    display: block;
    color: #900;
    font-size: 18px;
    margin-top: 20px;
}

.infobox {
    padding: 10px 0 0;
    text-align: center;
}

.form-required {
    font-size: 13px;
    line-height: 13px;
    color: #8B7F70;
    padding: 0 0 0 10px;
    margin: -2px 0 0;
}

.contact-sent-infobox {
    border: 2px solid #000;
    text-align: center;
    padding: 30px;
    margin: 100px 0 200px;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
}

.contact-sent-message {
    padding: 30px;
    color: #999;
    font-size: 17px;
    line-height: 24px;
    font-variant-ligatures: none;
}

fieldset > div:last-child input:last-child {
    margin-right: 10px;
}

fieldset > div:last-child input:first-child {
    background: #52759d;
    color: #fff;
    /* border: 1px solid #1b3050; */
}

fieldset > div:last-child input:last-child:hover {
    background: #52759d;
    color: #fff;
}

fieldset > div:last-child input:first-child:hover { /* background: #000; */ /* color: #ffffff; */
}


/* Ende Text Form */
.ustbar.fixed {
    background: #9c8565;
    border: 1px solid #9c8565;
}

.Ofis .ustbar.fixed {
    background: #1f365b;
    border: 1px solid #1f365b;
}

.ustbar.fixed .ustbarbg {
}

.ustbar.fixed .anamenu > div:first-child > a > img {
}

.hakkimizdabuton {
    width: 100%;
    display: table;
    margin: 60px 0;
}

    .hakkimizdabuton > div {
        width: 310px;
        height: 60px;
        margin: 0 auto;
        position: relative;
    }

        .hakkimizdabuton > div > a {
            display: block
        }

        .hakkimizdabuton > div p {
            float: left;
            color: #D0DBFF;
            line-height: 30px;
            font-size: 20px;
            margin-top: 15px;
        }

        .hakkimizdabuton > div > a > div {
            float: right;
            position: absolute;
            right: 0;
            top: 0;
            background: #263155;
            width: 59px;
            height: 59px;
            border-radius: 35px;
        }

            .hakkimizdabuton > div > a > div img {
                top: 25px;
                position: absolute;
                left: 20px;
                text-align: center;
                width: 19px;
            }

.yuvarlakbar {
    display: table;
    width: 1250px;
    border: 2px solid rgb(241 220 189);
    height: 1250px;
    margin: 0 auto;
    border-radius: 100%;
    position: absolute;
    z-index: -1;
    left: calc(50% - 625px);
}


    .yuvarlakbar.top450 {
        margin-top: -100px
    }

.yuvarlakgaleri {
    display: table;
    width: 1250px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    height: 1250px;
    margin: 0 auto;
    border-radius: 100%;
    position: absolute;
    z-index: -3;
    left: -10%;
    margin-top: 200px;
}

.neuem {
    width: 100%;
    display: flex;
    justify-content: center;
}

    .neuem > div {
        display: flex;
        width: 80%;
        align-items: center;
    }

.terscevir {
    flex-direction: row-reverse;
}

.neuem > div > div {
    width: 50%;
    position: relative;
}

    .neuem > div > div:last-child { /* padding-right: 9%; */ /* padding-left: 4%; */
    }

        .neuem > div > div:last-child > div {
            width: 80%;
            padding: 25px 0;
        }

            .neuem > div > div:last-child > div h2 {
                color: #D0DBFF;
                font-size: 1.5vw;
                line-height: 1.7vw;
                text-align: left;
                margin: 0 0 .50vw 0;
            }

            .neuem > div > div:last-child > div h1 {
                color: #ffffff;
                font-size: 50px;
                line-height: 66px;
                margin: 5px auto 18px;
            }

            .neuem > div > div:last-child > div h3 {
                color: #ffffff;
                font-size: 18px;
                margin: 0;
                letter-spacing: 5px;
            }

            .neuem > div > div:last-child > div p {
                color: #ffffff;
                width: 90%;
                font-size: 1vw;
                line-height: 1.5vw;
            }


.neuem > div.terscevir > div:last-child > div * {
    text-align: right;
}

.neuem > div.terscevir > div:last-child > div p {
    width: 100%
}

.neuem > div.terscevir > div:first-child {
}

.neuem > div.terscevir > div:last-child {
    display: flex;
    justify-content: flex-end;
}

.neuem > div > div .resimm {
    width: 100%;
    transition: all 0.9s ease-in-out;
}

.pearl {
    display: table;
    position: absolute;
    right: -115px;
    bottom: -60px;
    display: none
}

    .pearl > img {
        width: 100%
    }

.homeheadmain {
    width: 100%;
    position: relative; /* padding: 2.4vw 0; */
}

.maincontent {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .maincontent.fleft {
        flex-direction: row-reverse;
    }

    .maincontent > div {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        position: relative;
        padding-top: 4.5vw;
    }

        .maincontent > div h2 {
            color: #D0DBFF;
            font-size: 1.5vw;
            line-height: 1.7vw;
            text-align: right;
            margin: 0 0 .50vw 0;
        }

        .maincontent > div h1 {
            color: #ffffff;
            font-size: 50px;
            line-height: 59px;
            padding: 0;
            margin: 0vw 0 1vw 0;
        }

        .maincontent > div p {
            color: #ffffff;
            text-align: right;
            float: right;
            font-size: 1vw;
            line-height: 1.5vw;
            width: 100%;
        }

        .maincontent > div .resimm {
            width: 100%;
        }

        .maincontent > div:first-child {
            padding-right: 5%;
            padding-left: 14%;
        }

        .maincontent > div:last-child {
        }

.vonderm > div {
    display: table-cell;
    vertical-align: middle
}

.maincontent.fleft > div:first-child {
    padding: 0;
    padding-top: 4.5vw;
}

.maincontent.fleft > div:last-child {
    float: left;
    padding-right: 5%;
    padding-left: 14%;
}

.maincontent.fleft h1 {
    text-align: right
}

.kameraa {
}

#Lage .bgbluecenter {
    height: calc(100%);
}

.maincontent.alles > div h1 { /* margin: 0vw 0 1vw 0; */
}

.maincontent.alles > div p {
    text-align: center;
}

.maincontent.alles > div:first-child {
    padding-top: 0;
}

.maincontent.alles > div:last-child {
    padding: 4.5vw 0;
}

    .maincontent.alles > div:last-child > div { /* max-height: 600px; */
    }

        .maincontent.alles > div:last-child > div > img {
        }

.vonder {
    width: 80%;
    background: #091439;
    margin: 0 auto;
    margin-top: 160px;
    padding: 100px;
}

    .vonder > div {
        display: table;
        width: 100%;
    }

        .vonder > div > div {
            display: table-cell;
            vertical-align: middle;
            width: 50%;
            position: relative;
            padding-right: 10%;
        }

            .vonder > div > div:last-child {
            }

                .vonder > div > div:last-child > div {
                }

            .vonder > div > div h2 {
                color: #D0DBFF;
                font-size: 3.7vw;
                line-height: 0px;
            }

            .vonder > div > div h1 {
                color: #D0DBFF;
                font-size: 80px;
                text-align: right;
            }

            .vonder > div > div p {
                color: #D0DBFF;
                width: 83%;
                text-align: right;
                float: right;
                font-size: 1.1vw;
                line-height: 2vw;
            }

            .vonder > div > div .resimm {
                width: 100%;
            }

.alt-next {
    width: 59px;
    height: 59px;
    position: absolute;
    bottom: -80px;
    right: 30px;
    text-align: center;
    background: #263155;
    border-radius: 40px;
    cursor: pointer;
}

    .alt-next img {
        width: 30px;
        margin-top: 20px;
        margin-left: 16px;
    }

.alt-prev {
    width: 59px;
    height: 59px;
    position: absolute;
    bottom: -80px;
    right: -40px;
    background: #263155;
    border-radius: 40px;
    cursor: pointer;
}

    .alt-prev img {
        width: 30px;
        margin-top: 20px;
        margin-left: 8px;
    }

.homeheadmain .alt-next {
    width: 59px;
    height: 59px;
    position: absolute;
    bottom: .6vw;
    right: calc(1.5vw + 60px);
    text-align: center; /* background: #263155; */ /* border-radius: 40px; */
    cursor: pointer;
}

    .homeheadmain .alt-next img {
        width: 30px;
        margin-top: 20px;
        margin-left: 16px;
    }

.homeheadmain .alt-prev {
    width: 59px;
    height: 59px;
    position: absolute;
    bottom: .6vw;
    right: .6vw; /* background: #263155; */
    border-radius: 40px;
    cursor: pointer;
}

    .homeheadmain .alt-prev img {
        width: 30px;
        margin-top: 20px;
        margin-left: 8px;
    }

.maps {
    position: relative;
    width: 100%;
}

.dron {
    width: 100%;
    position: relative;
    aspect-ratio: 1920/800;
    overflow: hidden;
}

    .dron > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
    }

.konuamgit {
    position: absolute;
    z-index9;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    .konuamgit

{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 210px;
}

;.konuamgit {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 210px;
}

;
}

.konuamgit > a {
    background: #b2825f;
    color: #fff;
    padding: 12px 20px;
    border-radius: 25px;
    font-size: 15px;
    line-height: 1;
    font-family: "the-seasons";
    letter-spacing: 1;
    width: 200px;
    display: block;
}

.location-marker {
    position: absolute;
    width: calc(100vw / 50);
    height: calc(100vw / 50);
    background: #d2222b;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    min-width: 20px;
    min-height: 20px;
    --marker-left: 0;
    left: var(--marker-left);
}

.nokta4 {
    top: 50%;
    left: 50.5%;
}

.nokta5 {
    top: 19%;
    left: 50.2%;
}

.nokta3 {
    top: 78%;
    left: 43.5%;
}

.nokta1 {
    top: 60%;
    left: 41.7%;
}

.nokta2 {
    top: 70.5%;
    left: 44.4%;
}


.location-marker > div {
    position: relative;
    width: calc(100vw / 50);
    height: calc(100vw / 50);
}

.location-marker:before,
.location-marker:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #e24a56;
    border-radius: 50%;
    animation: radarPulse 2s infinite;
}

.location-marker:before {
    animation-delay: 0s;
}

.location-marker:after {
    animation-delay: 1s;
}

@keyframes radarPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.location-marker .plus {
    /* color: #fff; */
    font-size: 1vw;
    font-weight: bold;
    line-height: 1;
    z-index: 2;
    position: absolute;
    width: calc(100vw / 50);
    height: calc(100vw / 50);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .location-marker .plus svg {
        width: calc(100vw / 120);
        height: calc(100vw / 120);
    }

        .location-marker .plus svg path {
            fill: #fff
        }

.location-popup {
    position: absolute;
    background: #b2825f;
    padding: 1vw;
    border-radius: 0.5vw;
    /* width: 230px; */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 3;
    left: 0;
    transform: translateX(-50%) translateY(-100%);
    bottom: -40px;
    pointer-events: none;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.location-marker .plus:hover + .location-popup {
    opacity: 1;
    visibility: visible;
}

.location-popup h3 {
    color: #f9f0ec;
    font-size: 15px;
    margin-bottom: 0;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.location-popup p {
    color: #ffffff;
    font-size: 13px;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0;
    white-space: nowrap;
}

@keyframes fillAnimation {
    0% {
        opacity: 0;
        fill-opacity: 0;
    }

    50% {
        opacity: 1;
        fill-opacity: 1;
    }

    100% {
        opacity: 0;
        fill-opacity: 0;
    }
}

.

.galerie {
    width: 100%;
    display: table;
    height: 100%;
}

.footer {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 4vw;
}

.footer_logo { /* padding-top: 35px; */ /* border-top: 1px solid #0c1d53; */
    margin-bottom: 15px;
}

    .footer_logo > a {
        display: block;
        text-align: center
    }

        .footer_logo > a img {
            height: 88px;
        }

.footer_menu {
    display: table;
    width: 40%;
    margin: 0 auto; /* padding: .8vw 0; */
}

    .footer_menu > ul {
        display: flex;
        flex-direction: column;
        align-content: center;
        margin: 0;
        padding-bottom: 31px;
    }

        .footer_menu > ul > li {
            display: table-cell;
            vertical-align: middle;
            color: #695338;
            text-align: center;
            font-size: 18px;
        }

            .footer_menu > ul > li > a {
                display: block;
                color: #695338;
                text-align: center;
                font-size: 30px;
                letter-spacing: 2px;
                padding-right: 0;
                line-height: 30px;
                margin-bottom: 11px;
                margin-top: 16px;
            }

.footer_imza {
    display: table;
    width: 100%; /* border-top: 1px solid #ffffff; */
}

    .footer_imza a {
        display: block;
        text-align: center;
        color: #695338;
        font-size: 14px;
        letter-spacing: 0;
        padding: 16px;
    }

.Ofis .footer_imza a {
    color: #fff
}

.galeriresim {
    display: table;
    width: 100%;
    height: 500px
}

.galeributon {
    width: 100%;
    height: 60px;
    position: absolute;
    top: calc(50% - 30px);
}

    .galeributon .slider__arrow_left {
        right: auto;
        left: 18%;
        bottom: 0;
        opacity: 1 !important;
        visibility: inherit !important;
    }

    .galeributon .slider__arrow_right {
        right: 18%;
        bottom: 0;
        opacity: 1 !important;
        visibility: inherit !important;
    }

.angebote {
    width: 100%;
    display: table;
    height: 100%;
    margin-top: 70px;
    margin-top: 7vw !important;
}

.campany {
}

    .campany > h1 {
        text-align: center;
        color: #ffffff;
        font-size: 2.7vw;
        margin-bottom: 2.5vw;
        margin-top: 0;
    }

    .campany > p {
        width: 55%;
        margin: 0 auto;
        text-align: center;
        color: #D0DBFF;
        font-size: 1.7vw;
        line-height: 2.2vw;
    }

.katplan {
    display: table;
    width: 100%;
    margin-top: 1vw;
}

    .katplan > ul {
        display: table-row;
    }

        .katplan > ul > li:first-child {
            width: 44%;
            margin-right: 10px;
            overflow: hidden; /* min-height: 420px; */
        }

        .katplan > ul > li {
            display: table-cell;
            float: left;
            width: calc(56% - 10px);
        }

            .katplan > ul > li:first-child img {
                width: 120%;
                max-width: inherit;
                position: relative; /* top: 50%; */ /* transform: translateY(-50%); */
            }

.katplanlari {
    display: table;
    width: 100%
}

.katplanhead {
    display: table-row;
    background: #0a1748;
}

    .katplanhead > li {
        color: #fff;
        display: table-cell;
        text-align: center;
        line-height: 1vw;
        padding: 1vw 0;
        font-size: .8vw;
        font-weight: 600;
        letter-spacing: .05vw;
    }

.planlar {
    display: table-row;
    width: 100%;
    cursor: pointer;
}

    .planlar > li {
        display: table-cell;
        text-align: center;
        color: #fff;
        line-height: 3.5vw;
        border-bottom: 1px solid #0C1D53;
        font-size: .8vw;
        letter-spacing: .05vw;
    }

        .planlar > li a {
        }

    .planlar:hover, .planlar.active {
        background: #1f306a; /* font-weight: 600; */
    }

        .planlar:hover svg path {
            fill: #00FF62
        }

.vaziyet > svg > g > g {
    fill: #000d39;
    cursor: pointer
}
/*  .maincontent > div p:last-child{ margin-top:1.5vw}
*/
.homealles {
    display: table;
    width: 100%;
    position: relative;
    margin-top: 160px;
}

    .homealles > div {
    }

        .homealles > div > div {
        }

            .homealles > div > div h1 {
                font-size: 3.7vw;
                color: #fff;
                text-align: left;
                line-height: 3.9vw;
                font-weight: 100;
                margin: 0 0 .6vw 0;
            }

            .homealles > div > div img {
                width: 100%;
            }

.bgkagve {
    background: #5C4A45;
}


.bgbluecenter {
    width: 80%;
    /* background: url("/img/home/blubg.jpg") #ffffff top left; */
    left: 10%;
    position: absolute;
    z-index: -1;
    height: calc(100% + 4.5vw);
    background-size: auto 100%;
}

    .bgbluecenter.fullsize {
        position: relative;
        left: auto;
        margin: 0 auto;
    }

        .bgbluecenter.fullsize > div > img {
            width: 100%;
        }

    .bgbluecenter > div {
        width: 100%;
        height: 100%;
        position: relative;
    }

.bgkagve {
    background: #5C4A45;
}

.Ofis .bgbluecenter {
    /* background: #fff; */
}

.Ofis .maincontent * {
    /* color: #1f365b !important; */
}

.swiper-slide-next, .swiper-slide-prev {
}

.maincontent .slider__canvas {
    width: 100% !important;
    height: auto !important;
}

/* Down mouse */

.moving-mouse-holder {
    position: absolute;
    bottom: calc(6% + 5px);
    width: 100%;
    margin: 0 auto;
    z-index: 100;
}

    .moving-mouse-holder .mouse {
        width: 25px;
        height: 40px;
        position: relative;
        left: calc(50% - 12.5px);
        border-radius: 18px;
        border: 1px solid rgb(255,255,255,.4);
    }

        .moving-mouse-holder .mouse a {
            width: 25px;
            height: 40px;
            display: table;
            cursor: pointer;
        }

    .moving-mouse-holder .mouse-button {
        background-color: #ffffff;
        width: 4px;
        height: 12px;
        border-radius: 2px;
        position: absolute;
        top: 10px;
        left: 50%;
        margin: 0 0 0 -2px;
        animation: mouse-scroll 1s infinite alternate;
    }

.altslider {
    width: 100%;
    height: 100%; /* overflow: hidden; */
}

.altsliderresim {
    min-height: 460px !important;
    height: 460px !important
}

.ortala {
    max-width: 1610px;
    margin: 0 auto
}

@keyframes mouse-scroll {
    to {
        transform: translate(0, 6px) scale(1, 0.8);
    }
}

.sagok, .solok {
    position: absolute;
    width: .95vw;
}

.solok {
}

    .sagok > img, .solok > img {
        width: 100% !important;
        margin: 0 !important
    }

.sagok {
}

    .sagok > img {
    }

.ihricon {
}

.ihr-next, .ihr-prev {
    position: absolute;
    bottom: 20px;
    right: 40px;
    width: 50px;
    height: 50px;
    z-index: 99;
}

.altsagok, .altsolok {
    background: #2F3A5F;
    width: 59px;
    height: 59px;
    border-radius: 50px;
    position: relative;
}

    .altsagok img, .altsolok img {
        width: 1.3vw;
        position: absolute;
        left: .9vw;
        top: 1.1vw;
    }

.altsagok {
}

    .altsagok img {
        transform: rotate(180deg)
    }

.altbarr {
    position: absolute; /* display: table; */
    width: 100%;
    height: 90px;
    bottom: -23%;
}

.altright {
    right: 25% !important;
}

.altleft {
    right: 33% !important;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 10px;
    overflow: hidden;
    width: 40px;
    border: none;
    height: 40px;
    background: #b2825f;
    text-indent: -9999px;
    border-radius: 20px;
    z-index: 999;
}

#toTopHover {
    display: block;
    overflow: hidden;
    margin: 8px auto 0;
}

#toTop i {
    margin: 9px auto;
    display: block;
    background: url(../img/ok.svg?v=112) no-repeat;
    width: 14px;
    height: 7px;
    transform: rotate(-90deg);
}

#toTop {
    bottom: 54px
}

    #toTop:hover {
        background: rgb(222 210 194);
    }

.m0-auto {
    margin: 0 auto
}

.hakkimizda-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    cursor: grab;
    position: relative;
    margin-top: 5vw;
    padding-bottom: 2.5vw;
}

.slider {
    height: 100%;
}

    .slider img {
        width: calc(60%);
        margin-left: 24px; /* height: 100%; */ /* margin-bottom: 100px; */
    }

.slide-yazi {
    position: absolute;
    color: #fff;
    font-size: 28px;
    text-align: center;
    width: 100%;
    line-height: 35px;
    height: 100%;
    z-index: 9999999999;
    bottom: -9%;
    left: -22%;
    display: table;
    vertical-align: middle;
}

    .slide-yazi > div {
        display: table-cell;
        vertical-align: middle
    }

        .slide-yazi > div > div {
            max-width: 800px;
            margin: 0 auto;
        }

            .slide-yazi > div > div > p {
                margin-top: 0;
                margin-bottom: 0;
                display: table;
                font-size: 80px !important;
                text-align: left;
                line-height: 100px;
            }


.ietopmenu {
    display: table;
    width: 85%;
    margin: 0 auto
}

.ieheader__col {
    opacity: 1 !important;
    visibility: inherit !important
}

#owl-demo .item { /* margin: 25px; */
    position: relative; /* height: 250px; */ /* height: 200px; */
}

    #owl-demo .item > div {
        border: 1px solid #ededed;
        padding: 25px;
        margin: 0 3px;
    }

.owl-carousel .owl-item:hover > .i tem > .zoom {
    border: 4px solid #000;
}

#owl-demo-2 .owl-item { /* margin:0 10px */
}

    #owl-demo-2 .owl-item > div {
        padding: 10px
    }

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

    .zoom > a {
        width: 100%;
        height: 100%;
        display: block
    }

.parkur #owl-demo .item:hover > div {
    border-color: #000 !important;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 18px;
}

.prev {
    position: absolute;
    left: -17px;
    top: calc(50% - 58px);
    cursor: pointer;
}

.next {
    position: absolute;
    right: -17px;
    top: calc(50% - 58px);
    cursor: pointer;
}

.prev > div {
    background-image: url(/img/sol.png);
    width: 45px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .prev > div:hover {
        background-image: url(/img/sol-hover.png);
    }

.next > div:hover {
    background-image: url(/img/sag-hover.png);
}

.next > div {
    background-image: url(/img/sag.png);
    width: 45px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*.owl-item.left{margin-left:-250px}
.owl-item.right{margin-right:-250px}*/


.sefaataman {
    overflow: inherit !important
}

.kvkkmetin {
    width: 90%;
    padding: 5% 0;
    margin: 0 auto;
}

    .kvkkmetin h1 {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 29px;
        letter-spacing: .1em;
        font-weight: 300;
        color: #695338;
    }

    .kvkkmetin ul {
        padding-left: 5%;
        margin: 25px 0;
    }

        .kvkkmetin ul li {
            margin-bottom: 2vh;
            font-size: 22px;
            line-height: 22px;
            letter-spacing: .1em;
            font-weight: 300;
            list-style-type: disc;
            color: #695338;
        }

    .kvkkmetin .table {
        border: solid 1px #999;
        width: 100%;
        display: table;
        margin: 25px 0;
        color: #695338;
    }

        .kvkkmetin .table span:first-child {
            width: 150px;
            border-right: solid 1px #999;
        }

        .kvkkmetin .table span {
            display: table-cell;
            padding: 10px;
            vertical-align: middle;
            margin-bottom: 5vh;
            font-size: 17px;
            line-height: 25px;
            letter-spacing: .1em;
            font-weight: 300;
        }

        .kvkkmetin .table .left {
            width: 150px;
            display: table-cell;
            padding: 10px;
            vertical-align: middle;
            border-right: solid 1px #999;
        }

        .kvkkmetin .table .right {
            width: calc(100% - 150px);
            display: table-cell;
        }

            .kvkkmetin .table .right .line:not(:last-child) {
                border-bottom: solid 1px #999;
            }

            .kvkkmetin .table .right .right .line span {
                display: table-cell;
                padding: 10px;
                vertical-align: middle;
            }



/*! Lity - v2.3.1 - 2018-04-20
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
    z-index: 999999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.7);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

    .lity.lity-opened {
        opacity: 1;
    }

    .lity.lity-closed {
        opacity: 0;
    }

    .lity * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important;
    cursor: POINTER;
}

    .lity-wrap:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
    opacity: 1;
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important;
}

.lity-content {
    z-index: 9993;
    width: 90%;
    margin: 0 auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content, .lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 70px;
    top: 70px;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 24px;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    outline: none;
    background: rgba(255,255,255,0.25);
    border-radius: 45px;
    backdrop-filter: blur(3px);
}

    .lity-close::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
/*.lity-close:focus,.lity-close:active,.lity-close:visited {text-decoration: none;text-align: center;padding: 0;color: #fff; font-style: normal;  font-size: 35px;font-family: Arial, Baskerville, monospace;line-height: 35px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);border: 0;background: none;outline: none;-webkit-box-shadow: none;box-shadow: none;}
.lity-close:active {top: 1px;}*/
/* Image */
.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0;
}
/* iFrame */
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
    width: 90%;
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}

    .lity-iframe-container iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

.lity-hide {
    display: none;
}


.kamera .lity-close {
    margin-top: 11px;
    right: 2.5%;
}

.kameraufak {
    display: table;
    width: 90%;
    height: 100%;
    margin: 150px auto 90px auto;
}

    .kameraufak > ul {
        display: table-row
    }

        .kameraufak > ul > li {
            display: table-cell;
            vertical-align: middle;
            margin-right: 1%;
            float: left;
            height: 100%;
        }

            .kameraufak > ul > li:first-child {
                width: calc(62% - 1%);
            }

            .kameraufak > ul > li:last-child {
                width: calc(38% - 1%);
            }

            .kameraufak > ul > li iframe {
                width: 100%;
                height: 100%
            }

            .kameraufak > ul > li ul {
            }

                .kameraufak > ul > li ul li {
                }

                    .kameraufak > ul > li ul li:first-child {
                        margin-bottom: 15px;
                    }

.ustbosluk {
    margin-top: 4.5vw;
}

    .ustbosluk.ozelbosluk {
        margin-top: 9vw;
    }

.anaslider .slider__arrow_left, .anaslider .slider__arrow_right {
    bottom: 2%;
}

.opentab {
    display: none !important
}

.menugizliac {
    opacity: 1 !important;
    visibility: inherit !important;
}

.yaziac > div > div {
    transform: translate(0px, 0%) !important;
}

.contact {
    display: table;
    width: 80%;
    margin: 0 auto; /* padding-top: 2vw; */
}

    .contact .contactlogo {
        text-align: center;
        width: calc(100%);
        min-height: 110px; /*position: absolute;top: -81px;left: 0;*/ /* min-height: 70px; */ /* overflow: hidden; */ /* margin-bottom: 1vw; */
    }

        .contact .contactlogo img {
            width: 6vw;
        }

    .contact .contactadres {
        display: table;
        margin: 0 auto;
        padding: 0vw 0 4.5vw 0;
        color: #D0DBFF;
        width: 90%;
    }

        .contact .contactadres > ul {
            display: table-row;
        }

            .contact .contactadres > ul > li {
                display: table-cell;
                vertical-align: top;
                text-align: center;
                padding: 0 1.5vw;
                position: relative;
                width: 25%
            }

                .contact .contactadres > ul > li p { /* color: #fff; */
                    margin: 0;
                    font-size: 0.8vw;
                }

                .contact .contactadres > ul > li .ilkbosluk {
                    line-height: 1.6vw; /* margin-top: 2vw; */
                }

                .contact .contactadres > ul > li h1 {
                    font-size: .8vw;
                    color: #D0DBFF;
                    margin: .5vw 0 0 0;
                }

                .contact .contactadres > ul > li a {
                    display: block;
                    color: #D0DBFF;
                    font-size: 0.9vw;
                    line-height: 1.4vw;
                }

.header__burger {
    display: none !important
}

.header.genelbg .topmenu > ul > li a {
    line-height: 2.1vw
}


@media(max-width:1200px) {

    .dron {
        overflow: hidden;
        aspect-ratio: 1920 / 1200;
    }

        .dron > img {
            height: 100%;
            width: auto;
            max-width: none;
            position: relative;
            left: 40%;
            transform: translateX(-50%);
            object-fit: cover;
            object-position: center;
        }

    .location-marker, .location-marker > div, .location-marker .plus {
        width: 40px;
        height: 40px;
    }

        .location-marker .plus svg {
            width: calc(100vw / 120);
            height: calc(100vw / 120);
        }

    .location-marker {
    }

    .nokta1 {
        top: 19%;
        left: 63.7%;
    }

    .nokta2 {
        top: 47%;
        left: 56.5%;
    }

    .nokta3 {
        top: 54%;
        left: 31.4%;
    }

    .nokta4 {
        top: 55.5%;
        left: 44.2%;
    }

    .nokta5 {
        top: 55.5%;
        left: 44.2%;
    }
}


    .inputcode > label {
        font-size: 18px;
        line-height: 22px;
    }

    .btn2 {
        border-radius: 11px;
        font-size: 15px !important;
        line-height: 18px;
        width: 195px;
    }

    .bottomtitle > p, .bottomtitle * {
        font-size: 16px;
        line-height: 18px;
    }

    .hakkimizda-container .swiper-slide > div {
        width: 86%
    }

        .hakkimizda-container .swiper-slide > div > div h1 {
            font-size: 40px;
            line-height: 44px
        }

        .hakkimizda-container .swiper-slide > div > div h2 {
            font-size: 28px
        }

        .hakkimizda-container .swiper-slide > div > div h3 {
            font-size: 22px;
            margin-bottom: 0;
            margin-top: 25px;
        }




        .hakkimizda-container .swiper-slide > div > div p {
            font-size: 22px;
            line-height: 34px
        }

    .maincontent > div h1, .neuem > div > div:last-child > div h1 {
        font-size: 36px;
        line-height: 39px;
    }

    .maincontent > div p, .neuem > div > div:last-child > div p {
        font-size: 16px;
        line-height: 22px
    }

    .katplanhead > li {
        font-size: 14px;
        line-height: 20px
    }

    .planlar > li {
        font-size: 13px;
        line-height: 45px;
    }

    .miniform .dtipi {
        flex-wrap: wrap
    }

        .miniform .dtipi > div:first-child {
            width: 100%;
            margin-bottom: 10px
        }

    .miniform .text--color-small, .miniform .text--color-small a {
        font-size: 13px
    }

    .homesakcay {
        width: 100%
    }

    .ustbarbg {
        width: 90%
    }

    .ustbar .anamenu > div:first-child > a > img {
        height: 32px;
    }

    .ustbar .anamenu > div:last-child > div > ul > li {
        margin-right: 16px;
    }
}


footer {
    padding: 3vw 0 5vh 0;
    /* background: #0a1748; */
}

    footer > div {
        width: 90%;
        max-width: 1620px;
        margin: 0 auto
    }

    footer .ust {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        footer .ust > div {
        }

            footer .ust > div:first-child a {
                display: flex;
                align-content: center;
                align-items: center;
            }

                footer .ust > div:first-child a button {
                    border: 1px solid #ac835e;
                    color: #ac835e;
                    border-radius: 100%;
                    background: transparent;
                    width: 50px;
                    height: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-weight: 500;
                    font-size: 13px;
                    margin-right: 14px;
                }

                footer .ust > div:first-child a p {
                    color: #faf0eb;
                    font-size: 13px;
                }

            footer .ust > div:last-child a {
                color: #faf0eb;
                font-size: 13px;
                display: flex;
                align-items: center;
            }

                footer .ust > div:last-child a button {
                    border: 1px solid #ac835e;
                    color: #ac835e;
                    border-radius: 100%;
                    background: transparent;
                    width: 50px;
                    height: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-weight: 500;
                    font-size: 13px;
                    margin-right: 14px;
                }

                    footer .ust > div:last-child a button img {
                        width: 9px;
                        transform: rotate(180deg);
                    }

            footer .ust > div:last-child p {
                margin-right: 15px;
            }

    footer .orta {
        text-align: center;
    }

        footer .orta a {
            font-size: 90PX;
            line-height: 90px;
            margin-bottom: 35px;
            display: block;
            letter-spacing: 9px;
            color: #695338;
        }

        footer .orta p {
            color: #695338;
            line-height: 25px;
            font-size: 23px;
            margin: 0;
            letter-spacing: 2px;
        }

            footer .orta p span {
                /* color: #53619b; */
                margin-top: 15px;
                display: block;
                letter-spacing: 3px;
                font-size: 17px;
                line-height: 26px;
            }

    footer .alt {
        margin-top: 50px;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        footer .alt > div {
            width: 310px;
        }

            footer .alt > div:first-child > div {
                /* color: #8491c5; */
                line-height: 26px;
                font-size: 17px;
            }

            footer .alt > div:last-child {
            }

                footer .alt > div:last-child a {
                }

                    footer .alt > div:last-child a span {
                        /* color: #8491c5; */
                        line-height: 21px;
                        font-size: 13px;
                        display: block;
                        text-align: right;
                    }

                        footer .alt > div:last-child a span:last-child {
                            /* color: #8491c5; */
                        }

.mutlubar {
}

    .mutlubar > a {
        display: block;
        text-align: center;
    }

        .mutlubar > a > img {
            width: 280px;
        }



.Ofis footer .orta p, .Ofis footer .orta a, .Ofis footer * {
    color: #fff
}

@media(max-width:800px) {
    .fullvideo {
        width: 100%;
        height: calc(100vh - 128px);
    }

    .dron > img {
        left: 36%;
        transform: translateX(-50%);
    }

    .dron {
        overflow: hidden;
        aspect-ratio: 200 / 330
    }
    .nokta1 {
        top: 58%;
        left: 30.4%;
    }


    .nokta5 {
        top: 18.5%;
        left: 64.2%;
    }

    .nokta4 {
        top: 48%;
        left: 64.5%;
    }

    .nokta2 {
        top: 70.5%;
        left: 42.2%;
    }

    .nokta3 {
        top: 44%;
        left: 55.7%;
    }

    .location-popup {
        padding: 13px;
        border-radius: 10px;
    }

    .dron > img {
        left: 63%;
        transform: translateX(-50%);
    }

    .hakkimizdametin > div > img.resimm {
        max-width: 80%;
        text-align: center;
        margin-left: 10%;
    }

    .mobilmenu {
        display: flex;
        z-index: 98
    }

    .mobilemenu {
        display: flex;
    }

    #toTop {
        bottom: 84px;
    }

    footer .alt {
        margin-top: 20px;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-content: center;
        align-items: center;
        text-align: center;
        padding-bottom: 50px;
    }

        footer .alt > div {
            margin-bottom: 25px;
            text-align: center;
        }

            footer .alt > div:last-child a span {
                text-align: center
            }

    footer .orta a {
        font-size: 50PX;
        line-height: 64px;
        margin-bottom: 15px;
        display: block;
        letter-spacing: 1px;
        color: #695338;
        /* font-weight: 600; */
        margin-top: 25px;
    }

    .campany > h1 {
        font-size: 35px
    }

    .header_menu-right {
        display: block
    }

    .ustbar .anamenu > div:last-child > div:first-child ul > li {
        display: none
    }



    .ustbar .anamenu .homelogo {
        height: auto;
        width: 50vw;
    }

    .bottomtitle {
        width: 90%;
        text-align: center
    }

    .logincode {
        margin-bottom: 40px;
    }

    .grdbgbottom, .logincode {
        display: none
    }

    .bottomtitle > p, .bottomtitle * {
        font-size: 25px;
        line-height: 33px;
        max-width: 100%;
    }

    .neuem > div {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .circleimg {
        width: 100%;
        margin: 0 auto;
        border-radius: 0;
        overflow: hidden;
        border: 0 !important;
    }

    .neuem > div > div:last-child > div {
        width: 100%;
    }

    .mesafeler {
        width: 90%;
    }

        .mesafeler .yerler > li {
            width: 50%;
            padding: 13px 3px;
        }

            .mesafeler .yerler > li h1 {
                font-size: 11px;
                line-height: 14px;
                letter-spacing: 0;
            }

            .mesafeler .yerler > li p {
                font-size: 20px;
                line-height: 25px;
            }

                .mesafeler .yerler > li p > span {
                    font-size: 10px;
                    line-height: 12px;
                    margin-left: 5px;
                }

        .mesafeler .yerler > li {
            width: 50%
        }

    .neuem > div.terscevir > div:last-child > div * {
        text-align: center
    }

    .mesafeler .yerler > li > div > div:first-child {
        width: 35px;
        height: 35px;
    }

    .bottomtitle {
        width: 90%;
        text-align: center
    }

    .ustbosluk {
        margin-top: 0;
    }

    .neuem > div > div:last-child > div p {
        width: 100%;
        font-size: 20px;
        line-height: 27px;
    }

    .galerie
    .btn2 {
        width: 150px;
        font-size: 13px !important;
        line-height: 18px;
    }

    input, textarea {
        border-radius: 0
    }

    .ustbar .anamenu > div:first-child > a > img {
        /* filter: brightness(0) invert(1); */
        /* width: 60px; */
    }

    .ustbar .anamenu {
        align-items: center;
    }

        .ustbar .anamenu .homelogo {
            width: 105px;
        }

    .homelogo > img:last-child {
        /* display: none; */
    }

    .form-control-checkbox__icon, .form-control-checkbox__label, .form-control-checkbox__label a {
        font-size: 13px;
    }

    .form-control-checkbox__icon {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }

    .form .formbox {
        margin-bottom: 5px;
        width: 100%;
        margin: 0;
    }

    .hakkimizda-container .swiper-slide > div > div h1 {
        font-size: 33px;
        line-height: 33px;
        margin-bottom: 15px;
        margin-top: 3px;
    }

    .hakkimizda-container .swiper-slide > div > div p {
        margin-bottom: 13px;
        font-size: 20px;
        line-height: 27px;
    }

    .hakkimizda-container .swiper-slide > div > div h2 {
        font-size: 24px;
        line-height: 33px;
    }

    .maincontent.Raume > div, .neuem > div > div {
        display: table;
        width: 100%;
        text-align: center
    }

        .neuem > div > div:last-child {
            padding: 0;
            width: 90%;
            margin: 0 auto;
            margin-top: 25px;
        }

    .bgbluecenter {
        width: 100%;
        left: 0;
    }

    .maincontent {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }

        .maincontent.fleft {
            display: flex;
            flex-direction: column;
            align-items: center;
            align-content: center;
        }

            .maincontent > div:first-child, .maincontent.fleft > div:last-child {
                padding-left: 0;
                padding-right: 0;
                width: 90%;
                padding: 25px 0 !important;
            }

    .vonderm > div {
    }

    .maincontent > div p, .maincontent.fleft h1 {
        text-align: center;
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 27px;
    }

    .maincontent.fleft > div:first-child {
        padding-top: 0;
    }

    .ustbosluk.ozelbosluk {
        margin-top: 0
    }

    .katplan > ul {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

        .katplan > ul > li:first-child {
            width: 100%;
            margin-bottom: 25px
        }

        .katplan > ul > li {
            width: 100%;
        }

    .maincontent > div {
        width: 100%
    }

    .maincontent.alles > div:last-child > div {
        width: 90%;
        margin: 0 auto
    }

    .miniform div:last-child {
        display: flex;
        justify-content: center;
    }

    .form-control-checkbox__icon:before {
        height: 21px;
        width: 23px;
    }

    .swiper-slide {
        overflow: hidden
    }

    .galerie.ustbosluk.ozelbosluk {
        margin-top: 65px;
    }

    .galeryclose button {
        font-size: 18px;
        width: 25px;
        height: 25px;
        line-height: 20px;
    }

    .galeryclose button {
        font-size: 28px !important;
        width: 40px !important;
        height: 40px !important;
        line-height: 30px !important;
    }

    .sagok, .solok {
        position: absolute;
        width: 25px;
    }

    .lg-actions .lg-next, .lg-actions .lg-prev, .slider__arrow {
        width: 40px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .galeributon .slider__arrow_left {
        left: 8%
    }

    .galeributon .slider__arrow_right {
        right: 8%
    }

    .maincontent.fleft > div:first-child {
        width: 100%;
        margin-top: 0;
        padding-top: 0 !important;
    }

    .mobilemenu {
        display: flex;
        justify-content: center;
    }

        .mobilemenu > div {
            width: 250px;
        }

            .mobilemenu > div > img {
                width: 100%;
            }

    fieldset input, fieldset textarea {
        border-radius: 0
    }

    .dtipi {
        flex-wrap: wrap;
    }

        .dtipi > div:first-child {
            width: 100%
        }

    .form .send > input:first-child {
        width: 81px;
    }

    .loginmodal .title {
        display: none
    }

    .sladerlogin {
        bottom: 10vh;
    }

    .sagok > img, .solok > img {
        width: 70% !important;
    }



    .katplanhead > li {
        font-size: 11px;
        line-height: 16px;
    }

    .planlar > li {
        font-size: 11px;
        line-height: 45px;
    }

    .modal__area {
        width: 100%
    }

        .modal__area .close {
            position: fixed;
            z-index: 99;
            text-align: 0;
            right: 0;
            width: 70px;
            height: 70px;
        }

        .modal__area .modal-cont {
            width: 100%;
            height: 100%
        }

    #pdf-container {
        display: flex;
        align-items: center;
    }

    .Angeboteplans .pdf {
        position: fixed;
        z-index: 99;
        right: 0;
        bottom: 0
    }

    .lg-outer .lg-image {
        width: 96% !important;
    }

    .ustbarbg {
        padding: 13px 0;
    }
    .location-marker .plus{font-size:16px}
        .location-marker .plus svg {
            width: 10px;
            height: 10px;
        }


    footer .orta p {letter-spacing: 3px;font-size: 17px;line-height: 19px;}

        footer .orta p span {letter-spacing: 1px;font-size: 15px;line-height: 23px;margin-top: 8px;}
    .mutlubar > a > img {
        width: 70%;
    }
    footer{
    padding-bottom: 45px;
}
    .mgorsel {
    aspect-ratio: 1;
}
    .mgorsel> div {}
    .mgorsel> div>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .yuvarlakgaleri, .mgizle {
        display: none !important;
    }
    .hakkimizdametin.nopad{
    padding-top: 5vw;
    padding-bottom: calc(5vw + 25px);
}
    .mesafeler .yerler > li > div > div:last-child {
        width: calc(100% - 35px);
    }
}