@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
:root{
    --primary-blue:#1e3a63;
    --theme-pink:#d82b6a;
    --accent-yellow:#f8c12a;
    --ad-blue:#1d70b8;
}

body,html{width:100%;height:100%;min-height:100%;margin:0;padding:0}
body{font-size:13px;color:#111;font-family: "Manrope", sans-serif;font-weight:300;overflow-x:hidden!important;background: #f8f9fa;}
body.scrollHidden{overflow:hidden!important}

*{box-sizing:border-box}
a{color:#0d6efd;text-decoration:none}
a:hover{color:#000;text-decoration:none}
:focus{outline:0}
.fadee{-webkit-transition:all 1s cubic-bezier(.23,1,.32,1);-moz-transition:all 1s cubic-bezier(.23,1,.32,1);-o-transition:all 1s cubic-bezier(.23,1,.32,1);transition:all 1s cubic-bezier(.23,1,.32,1);-webkit-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-o-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000)}

.top-bar{background-color:var(--primary-blue);color:#fff;font-size:0.8rem;}
.top-bar a{color:#fff;text-decoration:none;margin-left:10px;}
.header-categories .cat-item{font-size:0.85rem;color:#555;display:flex;align-items:center;gap:8px;}

.heroCarousel .item{height:400px;background-color:#333;border-radius:8px;overflow:hidden;}
.heroCarousel a{display: block;height: 100%;position: relative;color: #fff;}
.heroCarousel figure {margin: 0;height: 100%;}
.heroCarousel figure:after {content:"";display:block;position:absolute;background: linear-gradient(0deg, black, transparent);width:100%;height: 50%;left:0;bottom: 0;}
.heroCarousel img{object-fit:cover;height:100%;width:100%;}
.heroCarousel .heroCarouselText {position: absolute;bottom: 0;padding: 0 30px;}
.heroCarousel .heroCarouselText h3{}
.heroCarousel .heroCarouselText p{}


.cat-list-area{border: 1px solid #ccc;margin-bottom: 15px;border-radius: 8px;background: #fff;}
.cat-list-area h2.cat-list-title {color: var(--primary-blue);width: 100%;border-top: 4px solid var(--primary-blue);font-size: 20px;padding: 14px;font-weight: 700;background: #f5f5f5;border-radius: 8px;}

.header-categories a {color:#555;}
.header-categories a:hover {opacity: .7;}

.socialMedia {width: 400px; flex: 0 0 400px;}


.hero-side-banner{border-radius:8px;overflow:hidden;height:400px; aspect-ratio: 1;}
.hero-side-banner img{width:100%;height:100%;object-fit:cover;}

/* Carousel'in olduÄŸu esnek kolon */
.flexible-column {
  flex: 1; /* Kalan alanı doldur */
  min-width: 0; /* İçeriğin (carousel) genişliği zorlamasını engelle */
  overflow: hidden; /* Taşmaları gizle */
}





.owl-carousel .owl-item img {border-radius: 8px;}

.theme-banner{background-color:var(--theme-pink);color:white;border-radius:8px;text-align:center;padding:10px;margin:20px 0;font-weight:bold;font-size:1.2rem;}
.theme-cat-card{padding:0;border:1px solid #ddd;border-radius:8px;padding:15px;text-align:center;background:#fff;transition:0.3s;cursor:pointer;height:100%;align-items: center;justify-content: center;display: flex;flex-direction: column;overflow: hidden;aspect-ratio: 9/13.2;}
.theme-cat-card:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.theme-cat-card video{width: 100%;border-radius: 5px;aspect-ratio: 9/16;}
.theme-cat-card i{font-size:2rem;color:var(--theme-pink);margin-bottom:10px;}
.theme-cat-card a {color:#333;}
.ad-banner{border-radius:8px;color:white;padding:30px;text-align:center;font-size:1.5rem;font-weight:bold;display:flex;justify-content:space-between;align-items:center;}
.ad-banner.blue{background-color:var(--ad-blue);}
.ad-banner.pink{background-color:var(--theme-pink);}

.listing-card{border:1px solid #eee;border-radius:8px;background:#fff;position:relative;overflow:hidden;}
.listing-card img{height:150px;object-fit:cover;width:100%;}
a.listing-card-link {color:#333;font-weight: 600;}


.listing-card.card_news{}
.listing-card.card_news a.listing-card-link{display: flex;font-size: 16px;font-weight: 600;}
.listing-card.card_news img{aspect-ratio: 4/3;min-width: 150px; width: 150px;height: auto;}
.althaberlist .col:first-child .listing-card.card_news img{width: 40%; aspect-ratio: 4/3;}

.listing-card.card_list{}
.listing-card.card_list a.listing-card-link{display: flex;font-size: 16px;font-weight: 600;}
.listing-card.card_list img{aspect-ratio: 4/3;min-width: 150px; width: 150px;height: auto;}

.listing-card-title {display: flex;align-items: start;flex-direction: column;justify-content: center;font-size: 14px;line-height: 16px;}
.listing-card-desc {color: #666;font-weight: 400;font-size: 12px;margin: 5px 0;}
.listing-card-date {color: #666;font-weight: 800;font-size: 10px;}

.althaberlist .col:first-child .listing-card.card_list img{width: 40%; aspect-ratio: 4/3;}
.althaberlist .col:first-child {width: 100%;}
.althaberlist .col:first-child .listing-card-title {font-size: 22px;line-height: 24px;}
.althaberlist .listing-card-desc {display:none;}
.althaberlist .col:first-child .listing-card-desc {display:block;font-size: 14px;font-weight: 500;}




.heroCarouselAfter .listing-card img{aspect-ratio: 16/9; object-fit:cover;width:100%;height: auto;}

section#page {font-size: 14px;font-weight: 400;}
article.page-content {background: #fff;padding: 15px;margin: 15px 0;border-radius: 8px;border: 1px solid #feee;}
.page-banner{margin: 0;}
.page-banner img{aspect-ratio: 16/9; object-fit:cover;width:100%;height: 400px; border-radius: 8px;}
.page-title {padding: 0;font-size: 32px;font-weight: 900;line-height: 32px;margin: 10px 0 10px 0;}

.date-share {display: flex;align-items: center;justify-content: space-between;padding: 5px;margin-bottom: 15px;}
.page-date {font-weight: 900;display: block;}
.page-share {}
.page-share label{color: #999;font-size: 11px;text-transform: uppercase;position: relative;top: -1px;}
.page-share a{color: #279ecb;padding: 4px;}
.page-share a:hover{color: #333;}
.page-share a i{}

.page-text {padding: 5px;}
.page-gallery {}
.page-gallery img{aspect-ratio: 4/3; object-fit:cover;width:100%;height: auto; border-radius: 8px;}
.page-gallery img:hover {opacity: .8;}

.page-edergi {text-align: center;}
.page-edergi img{ width:100%;height: auto; border-radius: 0px;}
.page-edergi img:hover {opacity: .8;}
.page-edergi span {display:block;}
.page-edergi small {display:block;}
.page-edergi a.btn-primary {font-size:12px;padding: 4px 10px;margin-bottom: 10px;}

.fancybox-caption {text-align: center;border-top: none;}
.fancybox-caption a.btn-primary {font-size:12px;padding: 4px 10px;margin-bottom: 10px; text-decoration: none;}

.fav-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,0.8);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer; display:none;}
.feature-icon-box{display:flex;align-items:center;gap:10px;font-size:0.85rem;}
.feature-icon-box i{font-size:2rem;color:var(--primary-blue);}
footer{background-color:var(--primary-blue);color:#ccc;font-size:0.9rem;}
footer h6{color:#fff;margin-bottom:15px;}
footer ul{list-style:none;padding:0;}
footer ul li{margin-bottom:8px;}
footer a{color:#ccc;text-decoration:none;}
footer a:hover{color:#fff;}



nav#menu{font-weight:500;display: flex;justify-content: space-between;align-items: end;flex-direction: column;padding: 10px 0 5px 0;box-shadow: 1px 1px 1px #ccc;position: relative;z-index: 99;}
nav#menu ul#header-menu{list-style:none;padding:0;margin:0;text-align:center;position:relative;display: flex;}
nav#menu ul#header-menu li{display:inline-block;}
nav#menu ul#header-menu li a{color: #111;display:block;text-transform:uppercase;font-size: 14px;padding: 10px 20px;font-weight: 700;}
nav#menu ul#header-menu li:hover a{color:#00367d}
nav#menu ul#header-menu li:last-child a{padding-right: 0;}
nav#menu ul#header-menu li.selected a{color: #00367d !important;}
nav#menu ul#header-menu li.selected a:after {content:"";display:block;height: 4px;width:100%;background:#00367d;position:relative;top: 15px;}
nav#menu ul#header-menu li ul.header-child-menu{display:none;position:absolute;list-style:none;background:#fff;margin: 0;padding:15px;box-shadow: 0 20px 20px rgba(0, 0, 0, .2);}
nav#menu ul#header-menu li ul.header-child-menu li{float:none;display:block;margin:0;text-align:left;padding:0}
nav#menu ul#header-menu li ul.header-child-menu li a{color:#00367d;margin:0;display:inline-block;font-size: 14px;padding:5px 10px;min-width:200px}
nav#menu ul#header-menu li:hover ul.header-child-menu li a{background:0 0;color:#666;position:relative}
nav#menu ul#header-menu li ul.header-child-menu li:hover a{color:#00367d}
nav#menu ul#header-menu li:hover ul.header-child-menu{display:block}
nav#menu ul#header-menu li ul.header-child-menu li:first-child a:after{display:none}
nav#menu ul#header-menu ul.header-third-menu{display:none;position:absolute;background:rgba(0,0,0,.3)}
nav#menu ul#header-menu ul.header-third-menu li{display:block!important}
nav#menu ul#header-menu ul.header-child-menu li:hover ul.header-third-menu{display:block}
nav#menu ul#header-menu li.selected ul li a{color:#666 !important }
nav#menu ul#header-menu li.selected ul li a:hover{color:#00367d !important }
nav#menu ul#header-menu li.selected ul li a:after{display:none}

/*default owl nav & dots*/
.owl-carousel .owl-nav button.owl-next{position:absolute;top:calc(50% - 12px);font-size:24px;color:#fff;right:0;width:50px}
.owl-carousel .owl-nav button.owl-prev{position:absolute;top:calc(50% - 12px);font-size:24px;color:#fff;left:0;width:50px}
.owl-carousel .owl-nav span{display:block;padding-bottom:15px}
.owl-carousel .owl-nav button:focus{outline:0}
.owl-carousel .owl-nav button img {height:64px}
.owl-theme .owl-nav [class*=owl-]:hover{color:#333;background:0 0}
.owl-dots{position:absolute;bottom: -3px;width:100%;}
.owl-theme .owl-dots .owl-dot span{margin: 5px 2px;}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background: #C70059 !important;margin: 5px 2px;}
.owl-carousel .owl-dots button:focus{outline:0}
/*default owl nav & dots end*/


.topbtn {display: none;position: fixed;z-index: 9999;right: 10px;bottom: 10px;background: rgba(255,255,255,.1);padding: 12px 16px;color: #999;border-radius: 4px;}
.topbtn img {height: 16px;}

header#mobileHeader{width:100%;height: 60px;position:fixed;top:0;z-index:10000;display:none;background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,.3);}
header#mobileHeader a#mobileLogo{display:block;float:left;padding: 6px;}
header#mobileHeader a#mobileLogo img{height: 48px;}

header#mobileHeader .menu{position:absolute;z-index:911;width:60px;height:60px;top: 0px;right: 0px;-webkit-transition-duration:.5s;transition-duration:.5s}
header#mobileHeader .menu.fixed{position:fixed;z-index:911;top:10px}
header#mobileHeader .menu .icon{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;height:2px;width:30px;top:28px;background-color: #10357b;border-radius:4px;left:15px}
header#mobileHeader .menu .icon:before{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color: #10357b;content:"";top:-10px;border-radius:4px}
header#mobileHeader .menu .icon:after{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color: #10357b;content:"";top:10px;border-radius:4px}
header#mobileHeader .menu.open .icon{-webkit-transition-duration:.5s;transition-duration:.5s;background:0 0}
header#mobileHeader .menu.open .icon:before{-webkit-transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px);transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px)}
header#mobileHeader .menu.open .icon:after{-webkit-transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px);transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
header#mobileHeader .menu:hover{cursor:pointer}


footer#mobileFooter{position:fixed;left:0;bottom:0;height:50px;background:#525252;z-index:8000;width:100%;display:none}
footer#mobileFooter ul{width:100%;margin:0;padding:0}
footer#mobileFooter ul li{float:left;width:20%;text-align:center;list-style:none;padding:7px 0}
footer#mobileFooter ul li:nth-child(2n){background:rgba(0,0,0,.1)}
footer#mobileFooter ul li a{text-decoration:none;color:#fff}
footer#mobileFooter ul li a img{height:20px}
footer#mobileFooter ul li a span{display:block;font-size:10px;color:#fff;font-weight:400;float:inherit}


nav#mobileMenu{display:none;position:fixed;top:0;background: #00367d;z-index:9999;width:100%;text-align:center;height:100%}
nav#mobileMenu.mobileHotelsMenu{height:calc(100% - 50px);z-index:10000}
nav#mobileMenu div.div{display:table;width:100%;height:calc(100% - 00px);margin-top:0px}
nav#mobileMenu ul{list-style:none;margin:0;padding:0;display:table-cell;width:100%;vertical-align:middle}
nav#mobileMenu li a{color: #fff;display:block;padding:15px;text-transform:uppercase;font-size: 16px;line-height: 18px;font-weight: 600;}
nav#mobileMenu li ul li a{color:#fff;font-weight: 600;font-size: 14px;padding: 6px 0;}
nav#mobileMenu ul li ul{display:none;background: #062663;padding: 15px 0;}
nav#mobileMenu li.mmLogo{margin:20px 0}
nav#mobileMenu li.mmLogo a img{height:52px}
nav#mobileMenu li.mmLang a{display:inline-block}
nav#mobileMenu li.mmSocial:before{display:block;content:"";height:1px;width:100px;background: #ffffff10;margin: 15px auto 30px auto;}
nav#mobileMenu li.mmSocial a{display: block;text-transform: none;display: inline;background: #fff;border-radius: 50%;padding: 12px 15px;}
nav#mobileMenu li.mmSocial a img{height:22px}




@media screen and (min-width: 992px) {
    .custom-sidebar {width: 400px; flex: 0 0 400px;padding: 0;}
    .custom-sidebar img{border-radius: 8px;}
}



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

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

@media screen and (max-width: 992px) {
    .home-container {margin-top: 75px !important;}
    .flexible-column {min-width: 100%;}
     .custom-sidebar .item {height: auto; aspect-ratio: 1;}
     .custom-sidebar .item img{height: auto; aspect-ratio: 1;}
     .socialMedia {width: 100%;}
     .hero-side-banner {height: auto; aspect-ratio: auto; width: 100%;}
     .hero-side-banner img{height: auto; aspect-ratio: 1; width: 100%}

    .top-bar, header#header, nav#menu {display: none;}
    header#mobileHeader {display: block;}

    .althaberlist .col:first-child .listing-card-title {font-size: 15px;line-height: 15px;}

}




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