body {
    font-family: "Montserrat", sans-serif;
    background-color: #000;
    height: 100%;
    overflow-x: hidden;
}


/*.col img {
    transform: translateZ(0);
    backface-visibility: hidden;
}*/

.carousel-control-next, .carousel-control-prev{
    z-index:1000 !important;
}

#bgsiyah {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgb(0 0 0 / 90%);
    background-size: contain
}

.loaded #loader-wrapper {
    display: block;
}

#loader-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    background: rgb(0 0 0 / 90%);
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #808080;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #c6a663;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #8d8d8d;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?78188112');
    src: url('../font/fontello.eot?78188112#iefix') format('embedded-opentype'), url('../font/fontello.woff2?78188112') format('woff2'), url('../font/fontello.woff?78188112') format('woff'), url('../font/fontello.ttf?78188112') format('truetype'), url('../font/fontello.svg?78188112#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
}

.icon-phone:before { content: '\e800'; } /* '' */
.icon-down-open:before { content: '\e801'; } /* '' */
.icon-left-open:before { content: '\e802'; } /* '' */
.icon-right-open:before { content: '\e803'; } /* '' */
.icon-up-open:before { content: '\e804'; } /* '' */
.icon-down-open-mini:before { content: '\e805'; } /* '' */
.icon-left-open-mini:before { content: '\e806'; } /* '' */
.icon-right-open-mini:before { content: '\e807'; } /* '' */
.icon-up-open-mini:before { content: '\e808'; } /* '' */
.icon-down-open-big:before { content: '\e809'; } /* '' */
.icon-left-open-big:before { content: '\e80a'; } /* '' */
.icon-right-open-big:before { content: '\e80b'; } /* '' */
.icon-up-open-big:before { content: '\e80c'; } /* '' */
.icon-right-open-1:before { content: '\e80d'; } /* '' */
.icon-left-open-1:before { content: '\e80e'; } /* '' */
.icon-left:before { content: '\e80f'; } /* '' */
.icon-right:before { content: '\e810'; } /* '' */
.icon-right-1:before { content: '\e811'; } /* '' */
.icon-left-1:before { content: '\e812'; } /* '' */
.icon-left-2:before { content: '\e813'; } /* '' */
.icon-right-2:before { content: '\e814'; } /* '' */
.icon-down-open-2:before { content: '\e815'; } /* '' */
.icon-left-open-3:before { content: '\e816'; } /* '' */
.icon-right-open-2:before { content: '\e817'; } /* '' */
.icon-up-open-2:before { content: '\e818'; } /* '' */
.icon-cancel:before { content: '\e819'; } /* '' */
.icon-cancel-1:before { content: '\e81a'; } /* '' */
.icon-cancel-circled:before { content: '\e81b'; } /* '' */
.icon-cancel-circled-1:before { content: '\e81c'; } /* '' */
.icon-cancel-circled2:before { content: '\e81d'; } /* '' */
.icon-cancel-squared:before { content: '\e81e'; } /* '' */
.icon-cancel-2:before { content: '\e81f'; } /* '' */
.icon-cancel-3:before { content: '\e820'; } /* '' */
.icon-cancel-4:before { content: '\e821'; } /* '' */
.icon-cancel-5:before { content: '\e822'; } /* '' */
.icon-cancel-6:before { content: '\e823'; } /* '' */
.icon-cancel-7:before { content: '\e824'; } /* '' */
.icon-adult:before { content: '\e825'; } /* '' */
.icon-torso:before { content: '\e826'; } /* '' */
.icon-user-1:before { content: '\e827'; } /* '' */
.icon-user-2:before { content: '\e828'; } /* '' */
.icon-user-3:before { content: '\e829'; } /* '' */
.icon-group:before { content: '\e82a'; } /* '' */
.icon-ok:before { content: '\e82b'; } /* '' */
.icon-check:before { content: '\e82c'; } /* '' */
.icon-ok-1:before { content: '\e82d'; } /* '' */
.icon-ok-2:before { content: '\e82e'; } /* '' */
.icon-ok-3:before { content: '\e82f'; } /* '' */
.icon-spin1:before { content: '\e830'; } /* '' */
.icon-spin2:before { content: '\e831'; } /* '' */
.icon-spin3:before { content: '\e832'; } /* '' */
.icon-ok-4:before { content: '\e833'; } /* '' */
.icon-spin4:before { content: '\e834'; } /* '' */
.icon-ok-5:before { content: '\e835'; } /* '' */
.icon-spin5:before { content: '\e838'; } /* '' */
.icon-spin6:before { content: '\e839'; } /* '' */
.icon-down-open-1:before { content: '\f004'; } /* '' */
.icon-up-open-1:before { content: '\f005'; } /* '' */
.icon-left-open-2:before { content: '\f007'; } /* '' */
.icon-user:before { content: '\f061'; } /* '' */
.icon-users:before { content: '\f064'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */


.CNFTopLogoTitle {
    padding: 5px 0px;
    background-color: #24431e;
}

.topSlogan {
    color: #ffffff;
    font-size: 32px;
    font-family: "Playfair Display", serif;
}

.topLogo{

}


.topLogo img{
    width:100%;height:auto;max-width:115px;
}


.topIcons{

}

    .topIcons a{
        transition:all .9s;
    }

        .topIcons a:hover {
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
        }

    .topIcons img {
        display: inline-block;
        width: 100%;
        height: auto;
        max-width: 20px;
    }

.DVDiller {
    display: inline-block;
    border: 1px solid #c5a563;
    padding:0px 3px;margin-left:5px;
}

    .DVDiller a {
        text-decoration: none;
        color: #c5a563;font-size:12px;padding:0px 3px;
        transition:all .4s;
    }


    .DVDiller a:hover {
        color: #ffffff;
    }

    .DVDiller span {
        text-decoration: none;
        color: #ffffff;
        font-size: 12px;
    }

.DVMobilBtn{
    display:inline-block;margin-left:6px;
}

    .DVMobilBtn img{
        width:100%;height:auto;max-width:35px;
    }
    
    .CNFTopMenu {
        background-color: #d2d8d1;
        padding: 0;
        position: relative;
        display: none;
    }

    .CNFTopMenu .container {
        padding: 0;
    }

   
    .CNFTopMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .CNFTopMenu > .container > ul > li {
        position: static;
        margin: 0;
        padding: 0;
    }

        .CNFTopMenu > .container > ul > li > a {
            display: block;
            padding: 7px 30px;
            color: #333;
            text-decoration: none;
            font-size: 17px;
            font-weight: 500;
            transition: all 0.3s ease;
        }

            .CNFTopMenu > .container > ul > li > a:hover {
                background-color: rgba(0, 0, 0, 0.05);
            }


.submenu {
    position: fixed;
    left: 0;
    right: 0;
    top: 118px;
    width: 100%;
    background-color: #e4e8e3;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 10px 0;
}


.CNFTopMenu > .container > ul > li:hover .submenu {
    opacity: 1;
    visibility: visible;
}


.submenu ul {
    list-style: none;
    padding: 0 30px;
    margin: 0 auto;
    max-width: 385px;
    display: flex;
    position: relative;
    left:25px;
    flex-direction: column;
    gap: 0;
}

    .submenu ul li {
        border-bottom: 1px solid #918e8e;
        width: 100%;
        text-align: left;
    }

        .submenu ul li:last-child {
            border-bottom: none;
        }

        .submenu ul li a {
            display: block;
            padding: 8px 0;
            color: #333;
            text-decoration: none;
            font-size: 17px;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
            text-align: left;
        }

            .submenu ul li a:hover {
                background-color: #f5f5f5;
                padding-left: 5px;
                color: #2d5016;
            }



.mobileMenuOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #24431e;
    z-index: 9999;
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out;
    overflow-y: auto;
}

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

.mobileMenuContainer {
    width: 100%;
    min-height: 100%;
    padding: 20px;
}

.mobileMenuHeader {
    display: flex;
    justify-content: flex-end;
    padding: 0px 0 0px;
}

.mobileMenuClose {
    background: none;
    border: none;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .mobileMenuClose:hover {
        transform: rotate(90deg);
        color: #c5a563;
    }

.mobileMenuNav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 100px);
}

    .mobileMenuNav > ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 400px;
    }

        .mobileMenuNav > ul > li {
            margin-bottom: 5px;
        }

            .mobileMenuNav > ul > li > a {
                display: block;
                padding: 15px 20px;
                color: #ffffff;
                text-decoration: none;
                font-size: 18px;
                font-weight: 500;
                border-bottom: 1px solid rgba(197, 165, 99, 0.3);
                transition: all 0.3s ease;
            }

                .mobileMenuNav > ul > li > a:hover {
                    background-color: rgba(197, 165, 99, 0.1);
                    padding-left: 30px;
                }

    .mobileMenuNav .has-submenu > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .mobileMenuNav .has-submenu > a i {
            transition: transform 0.3s ease;
            font-size: 14px;
        }

    .mobileMenuNav .has-submenu.active > a i {
        transform: rotate(180deg);
    }

.mobile-submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    background-color: rgba(0, 0, 0, 0.2);
}

.has-submenu.active .mobile-submenu {
    max-height: 500px;
}

.mobile-submenu li {
    border-bottom: 1px solid rgba(197, 165, 99, 0.2);
}

    .mobile-submenu li:last-child {
        border-bottom: none;
    }

    .mobile-submenu li a {
        display: block;
        padding: 12px 20px 12px 40px;
        color: #c5a563;
        text-decoration: none;
        font-size: 16px;
        font-weight: 400;
        transition: all 0.3s ease;
    }

        .mobile-submenu li a:hover {
            background-color: rgba(197, 165, 99, 0.1);
            padding-left: 50px;
            color: #ffffff;
        }

/* Prevent body scroll when menu is open */
body.menu-open {
    overflow: hidden;
}


.CNFFooter {
    background-color: #c5a563;padding:60px 15px;
}

.DVFCol1 {
}

    .DVFCol1 img{
        width:100%;height:auto;max-width:120px;transition: all .8s;
    }

    .DVFCol1 img:hover {
        transform:scale(1.05);
    }

    .DVFCol1 span {
        font-size: 14px;
        color: #ffffff;
        font-weight:600;
    }

.DVFooterSMAdres a{
    display:inline-block;transition:all .6s;
}

.DVFooterSMAdres a:hover {
    transform:scale(1.1);
}

.DVFooterSMAdres a i {
    font-size: 29px;
    color: #ffffff;
}

.DVFCol2{

}


    .DVFCol2 ul {
        list-style: none;
        list-style-type: none;
        padding-left: 0px;
    }

    .DVFCol2 ul li{
        list-style:none;list-style-type:none;
    }

        .DVFCol2 ul li a {
            text-decoration: none;
            color: #ffffff;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 2.5px;
            display: block;

        }


            .DVFCol2 ul li a:hover {
                
            }

.DVFooterSLink{

}


    .DVFooterSLink a {
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        display: block;
        letter-spacing: 2px;
        transition:all .4s;
    }

    .DVFooterSLink a:hover {
        transform:scale(1.05);
    }

.DVFCol3 {
    padding: 20px 10px;
}


    .DVFCol3 span{
        color:#ffffff;font-size:15px;font-weight:600;
    }


    .DVFCol3 a {
        text-decoration:none;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        
    }

.footerAdres{
    margin-bottom:5px;display:block;transition:all .4s;
}

.footerAdres:hover {
    transform:scale(1.1);
}


.footerSirket {
    display: block;
    transition: all .4s;
}

    .footerSirket:hover {
        transform: scale(1.1);
    }

.bRight1px{
    border-right:1px solid #ffffff;
}

.footerMenu {
    padding: 25px 0px;
}

    .footerMenu li a{
        transition: all .6s;
    }

    .footerMenu li a:hover {
        transform:scale(1.05);
    }

.video-container {
    height: 100% !important;
    max-height: 600px !important;
    position:absolute;top:0px;left:0px;
}

    .video-container video {
        width: 100%;
        height: 100%;
        z-index: 0;
        background-size:cover;
        object-fit:cover;
        position:absolute;top:0px;left:0px;
        z-index:0;
    }

.CFHakkimizda {
    height: 100%;
    max-height: 900px !important;
}

.CFHakkimizda img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position:absolute;
}

    .CFHakkimizda img:after {
        
    }

.CNHakkimizda {
    top: 0px;
    width: 85vw;
    margin-left: 10vw;
    padding: 20px 15px;
    max-height: 800px;
}

.DVHakkimizda{
    height:100%;
    max-height:600px;
}

.DVHakkimizda h1{
    color:#ffffff;
}


    .DVHakkimizda h2 {
        color: #ffffff;
    }

    .DVHakkimizda p {
        color: #ffffff;
    }


.CFHakkimizda::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.65); /* burası ayar yeri */
    z-index: 2;
}

/* içerik */
.CNHakkimizda {
    position: relative;
    z-index: 3;
}






















@media (min-width:768px) {
    .CNFTopMenu{
        display:block;
    }

    .DVMobilBtn {
        display: none;
        
    }


    .mobileMenuOverlay {
        display: none;
    }

    .CNHakkimizda {
        width: 70vw;
        margin-left: 15vw;
        padding: 40px 25px;
        max-height: 800px;
    }

}