/*reset*/
html{position:relative;min-height:100%;scroll-behavior: smooth;}
body{font-family: 'Nunito Sans', sans-serif;font-weight:300;background-color:#ecf0f1;}
section{position:relative;}
header{-webkit-backface-visibility: hidden;}
footer h6{font-weight:400;color:#1f1f1f;}
form label{font-weight:400!important;}
a,.page-link{color:#b55316;font-weight:400;}
a:hover,a:focus,a:active{color:#f44336;text-decoration:none;font-weight:400;}
a:focus{outline:thin!important;}
.page-link:hover,.page-link:focus{background-color:#b2e1f7;color:#f44336;}
.form-control:focus,.dropdown-toggle.btn:focus,.bootstrap-select.open .btn{border-color:#f44336!important;outline:thin!important;outline-color:#f44336!important;}
.btn:focus{border-color:transparent!important;outline:thin!important;}
.section {padding-top:3rem;padding-bottom:3rem;}
.card,.list-group-item,.card-header{border-color: rgba(0, 0, 0, 0.06)}
.alert.alert-warning{background:#f5cf77;color:#000000}
.alert.alert-danger{background:#f6bcc3;}
.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {background-color: #f44336;}
.nav-pills .nav-link{height:30px;line-height:30px;background:#a7a7a7;padding:0 18px;color:#ffffff;font-size:.8em;font-weight:500;border-radius:0;position:relative;white-space:nowrap}
.nav-pills .nav-item{padding-right:10px}
.nav-pills .nav-link:after{position:absolute;bottom:-5px;left:50%;margin-left:-10px;border-top:5px solid transparent;border-left:7px solid transparent;border-right:7px solid transparent;content:""}
.nav-pills .nav-link.active:after{border-top:5px solid #f44336}
h1{font-size:1.5rem;}
h2{font-size:1.4rem;}
h2.small{font-size:1.1rem;font-weight:500;}
h3{font-size:1.3rem;}
h3.card-title{margin-bottom:0px;font-size:1.3rem;}
h4{font-size:1.2rem;}
h4.card-title{margin-bottom:0px;font-size:1.1rem;}
h5{font-size:1.1rem;}
h6{font-size:1.05rem;}
h1, h2, h3 {font-family: 'Oswald', sans-serif;}
/*header navbar*/
#topnav .bar .btn-group{padding:0px;margin:0px}
#topnav .bar .btn-group a{padding:0.4rem;}
#topnav .bar .btn-group a{border-left:1px solid rgba(0,0,0,.1);}
#topnav .bar .btn-group .dropdown-item{color: #f44336}
#topnav .bar .btn-group .btn-group:last-child a{border-right:1px solid rgba(0,0,0,.1);}
#topnav .btn-group.show {background-color: #f87369;}
#tourDetail .nav-tabs .nav-item.show .nav-link,#tourDetail .nav-tabs .nav-link.active {
color: #f8f9fa;
background-color: #f44336;
border: 0;
}
#tourDetail .nav-tabs .nav-link {
border: 0;
border-radius: 0;
font-weight: 500;
}
/*header title*/
#title{text-shadow: 2px 2px 6px #000;min-height:160px;padding-top:40px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:50% 0;background-repeat:no-repeat;z-index:1;position:relative;overflow:hidden;}
#title.slider{min-height:250px;}
.dark-bg:after {content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,.2);-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)scale(1,1);}
.dark-bg .container{color:#fff;z-index:3;position:relative;}
/**title progress**/
.prgrss{font-size:1rem;list-style:none;margin:0;padding:25px 0px;display:table;table-layout:fixed;width:100%;color:#fff;font-weight:500;}
.prgrss>li{position:relative;display:table-cell;text-align:center;}
.prgrss>li:before{content:attr(data-step);display:block;margin:0 auto;background:#ffffff;width:3em;height:3em;text-align:center;margin-bottom:0.25em;line-height:3em;border-radius:100%;position:relative;z-index:999;color:#000;}
.prgrss>li:after{content:'';position:absolute;display:block;background:#ffffff;width:100%;height:0.5em;top:1em;left:50%;margin-left:1.5em\9;z-index:-1;}
.prgrss>li:last-child:after{display:none;}
.prgrss>li.bitti{color:#fff;}
.prgrss>li.bitti:before,.prgrss>li.bitti:after{color:#FFF;background:#5CB85C;}
.prgrss>li.aktif{color:#fff;}
.prgrss>li.aktif:before{color:#FFF;background:#f44336;}
.prgrss_son:after{display:none!important;}
/*footer*/
footer{margin-top:2rem;background:url(../img/footer/sea.png) center 60px no-repeat #f8f9fa;padding-top:192px;background-size: 100% auto;}
footer .small{font-size:.9em}
footer .wrapper:first-child:after{width:260px;height:203px;top:-133px;right:0;background-image:url(../img/footer/sag.png)}
footer .wrapper:first-child:after,footer .wrapper:first-child:before{content:"";display:block;position:absolute;background-repeat:no-repeat}
footer .wrapper:first-child:before{width:183px;height:81px;top:-100px;left:-50px;background-image:url(../img/footer/sol.png)}
footer .wrapper:first-child{position:relative;padding-top:30px}
.foot-nav li a{font-size:.8em;display:block;margin-top:.2rem;padding:.2rem 0;}
.foot-nav li a .fa{margin-right:.2rem}
.foot-nav li a:hover{color:#f87369!important;text-decoration:none}
.copyright{display:block;font-size:.8rem;padding:.2rem;color:#ffffff}
/*loader**/
#loadwrap{position:fixed;top:0;width:100%;height:100%;background:#fff;z-index:9999;}
.clear-loading{text-align:center;margin:0 auto;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.loading{width:100px;height:100px;top:40%;}
.loading span{display:block;-webit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:4px solid #fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.loading span:first-child {width:100%;height:100%;border-color:#f44336;border-left-color:transparent;top:0;left:0;-webkit-animation:effect-1-1 4s infinite linear;-moz-animation:effect-1-1 4s infinite linear;-ms-animation:effect-1-1 4s infinite linear;-o-animation:effect-1-1 4s infinite linear;animation:effect-1-1 4s infinite linear;}
.loading span:nth-child(2){width:75%;height:75%;border-color:#000000;border-right-color:transparent;top:12.5%;left:12.5%;-webkit-animation:effect-1-2 3s infinite linear;-moz-animation:effect-1-2 3s infinite linear;-ms-animation:effect-1-2 3s infinite linear;-o-animation:effect-1-2 3s infinite linear;animation:effect-1-2 3s infinite linear;}
.loading span:last-child{width:50%;height:50%;border-color:#b2e1f7;border-bottom-color:transparent;top:25%;left:25%;-webkit-animation:effect-1-1 4s infinite linear;-moz-animation:effect-1-1 4s infinite linear;-ms-animation:effect-1-1 4s infinite linear;-o-animation:effect-1-1 4s infinite linear;animation:effect-1-1 4s infinite linear;}
@-webkit-keyframes effect-1-1{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes effect-1-1{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}
@-webkit-keyframes effect-1-2{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}
@keyframes effect-1-2{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg);}}
/*sosyal*/
.social-icons .fab {font-size: 1.2em;}
.social-icons .fab{width:30px;height:30px;line-height:30px;text-align:center;color:#FFF;color:rgba(255,255,255,.8);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.social-icons.icon-circle .fab{border-radius:50%}
.social-icons.icon-rounded .fab{border-radius:5px}
.social-icons.icon-flat .fab{border-radius:0}
.social-icons .fab:active,.social-icons .fab:hover{color:#FFF;-webkit-box-shadow:1px 1px 3px #333;-moz-box-shadow:1px 1px 3px #333;box-shadow:1px 1px 3px #333}
.social-icons.icon-zoom .fab:active,.social-icons.icon-zoom .fab:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.social-icons.icon-rotate .fab:active,.social-icons.icon-rotate .fab:hover{-webkit-transform:scale(1.1) rotate(360deg);-moz-transform:scale(1.1) rotate(360deg);-ms-transform:scale(1.1) rotate(360deg);-o-transform:scale(1.1) rotate(360deg);transform:scale(1.1) rotate(360deg)}
.social-icons .fa-adn{background-color:#504e54;}
.social-icons .fa-apple{background-color:#aeb5c5;}
.social-icons .fa-android, .social-icons .fa-tripadvisor{background-color:#A5C63B;}
.social-icons .fa-tripadvisor{color:#000000;}
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;}
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;}
.social-icons .fa-css3{background-color:#1572B7;}
.social-icons .fa-dribbble{background-color:#F46899;}
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook-f,.social-icons .fa-facebook-square{background-color:#3C599F;}
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;}
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background: #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;}
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;}
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;}
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;}
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;}
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
.social-circle{font-size:0.8em;color:#f44336;display: inline-block;border-radius: 50% 50% 50% 50%;box-shadow: 0px 0px 0px 1px #f44336;padding: 0.64em 0.6em}
.share .fa-twitter{color:#32CCFE;}
.share .fa-linkedin{color:#0085AE;}
.share .fa-facebook-f{color:#0085AE;}
.share .fa-envelope{color:#1572B7;}
.share .fa-whatsapp{color:#25d366;}
/*spinner*/
.psngr{border-radius:0 .25rem .25rem 0!important}
.passenger{display:none;margin-top:2.5rem;min-width: 180px;}
.passenger input{border:0;max-width:1rem;font-weight:500;}
.passenger .popover-header {font-size:.8rem}
.passengerc{margin-top:-.2rem;}
.passenger.popover.popover-bottom {margin-top: 40px;}
/*validator*/
.form-control.error{border-color:#d9534f;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=);padding-right: 2rem;background-repeat:no-repeat;background-position:center right .5625rem;-webkit-background-size:1.4625rem 1.4625rem;background-size: 1.4625rem 1.4625rem;}
.form-control.success{border-color:#5cb85c;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==);padding-right: 2rem;background-repeat:no-repeat;background-position:center right .5625rem;-webkit-background-size:1.4625rem 1.4625rem;background-size: 1.4625rem 1.4625rem;}
label.error{color:#d9534f;font-size: 0.8rem;}
label.success{color:#5cb85c;font-size: 0.8rem;}
.btn-default.success,.btn-default:focus.success{border-color:#5cb85c!important;outline-color:#5cb85c!important;}
.nlbl label.error{display:none!important;}
#day.error,#month.error,#year.error{border-bottom:1px solid #d9534f!important;}
/*slider*/
.tp-caption{color:#fff;}
.text-title{font-size:4rem;line-height:1.2;margin:0;/**text-shadow: 1px 1px 3px #000**/}
.text-title.text-title-medium{font-size:2.8rem}
.text-title.text-title-small{font-size:1.2rem;}
.text-title.text-title-medium.bold,.text-title.text-title-small.bold{font-weight:300;}
.tp-leftarrow.default,.tp-rightarrow.default{background:none !important;overflow:visible;opacity:.8;-webkit-transform:none}
.tp-leftarrow.default:hover,.tp-rightarrow.default:hover{opacity:1}
.tp-leftarrow.default:before{position:absolute;top:10px;right:0;content:"\f053";display:block;color:white;font-size:3em;font-family:FontAwesome}
.tp-rightarrow.default:before{position:absolute;top:10px;left:0;content:"\f054";display:block;color:white;font-size:3em;font-family:FontAwesome}
.revslider-loadfix{content:' ';display:block;min-height:430px}
/*card hover*/
.card.hover,.card.img,.card.img .card-img-overlay,.card.img:hover .card-img-overlay{transition:all 0.2s ease-in-out;}
.card.hover:hover{z-index:3;box-shadow: 0 16px 40px rgba(0,0,0,0.15) !important;overflow:hidden;}
.card.hover .card-img-top{width:100%;display:block;overflow:hidden;border-radius:.25rem .25rem 0 0;}
.card.img{border:0px}
.card.img .card-img{width:100%;display:block;overflow:hidden;}
.card.img .card-title{color:#ffffff;text-shadow: 2px 2px 6px #000;}
.card.img:hover{z-index:3;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;overflow:hidden;}
.card.img:hover .card-img-overlay{background-color: rgba(255,130,130,0.5);}
.card-img-fix{border-radius:0px!important}
.card.hover .card-body p{font-size:.9rem;padding:0;}
.card-yorum .media{border-bottom:1px solid #e5e5e5;}
.card-yorum .media:first-child{padding-top:0px;}
.card-yorum .media:last-child{padding-bottom:0px;border-bottom:0px;}
.card-border{border-bottom:3px solid #f44336;}
.card-footer-inline{position:absolute;bottom:0px;padding-left:1.25rem;background-color: rgba(0,0,0,.05);border-top: 1px solid rgba(0,0,0,.125);width:100%;left:0px}
.list-group-inline{position:absolute;bottom:0px;width:100%;left:0px;}
.tour-card,.card {
/*width: 280px;*/
border: none;
border-radius: 12px;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.tour-card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 40px rgba(0,0,0,0.15) !important;
}
.tour-card .img-wrapper {
position: relative;
overflow: hidden;
height: 180px;
}
.tour-card .img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.tour-card:hover .img-wrapper img {
transform: scale(1.06);
}
.tour-card .badge-category {
position: absolute;
top: 12px;
left: 12px;
font-size: 0.68rem;
letter-spacing: 0.07em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 20px;
}
.tour-card .card-title-bar {
background: linear-gradient(135deg, #c0392b, #e74c3c);
padding: 10px 14px;
}
.tour-card .card-title-bar a {
text-decoration: none;
}
.tour-card .card-title-bar h6 {
color: #fff;
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tour-card .card-body {
background: #fff;
padding: 12px 14px;
}
.tour-card .card-desc { font-size:0.92rem; color:#777; line-height:1.55; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; padding:15px;border-bottom:1px solid #f0f0f0}
.tour-card .meta-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.tour-card .days-info {
font-size: 0.78rem;
color: #555;
}
.tour-card .days-info i {
color: #e74c3c;
margin-right: 4px;
}
.tour-card .price-badge {
background: linear-gradient(135deg, #27ae60, #2ecc71);
color: #fff;
font-size: 0.88rem;
font-weight: 700;
padding: 4px 12px;
border-radius: 20px;
letter-spacing: 0.02em;
line-height: 0.88rem;
}
.tour-card .card-footer-bar {
background: #fafafa;
border-top: 1px solid #eee;
padding: 8px 14px;
display: flex;
align-items: center;
justify-content: space-between;
}
.tour-card .duration-info {
font-size: 0.75rem;
color: #888;
}
.tour-card .duration-info i {
margin-right: 4px;
}
.tour-card .btn-detail {
font-size: 0.72rem;
padding: 3px 12px;
border-radius: 20px;
font-weight: 600;
letter-spacing: 0.03em;
}
.nbs-flexisel-item .card {
max-width: 100%;
cursor: pointer;
position: relative;
margin: 10px;
}
/*nav tabs*/
.mynav .nav-pills .nav-item {padding-right: 4px;}
.mynav .nav-pills .nav-link.active,.mynav .nav-pills .nav-link.active, .mynav .nav-pills .nav-link.active:focus{background-color: #fff;color: #f44336;}
.mynav .nav-pills .nav-link.active:after {border:0px}
.mynav .nav-pills .nav-link {color: #fff;display: block;padding: 0 20px;background: #a7a7a7;font-size: 0.9em;font-weight: 500;height: 40px;line-height: 40px;text-decoration: none;text-transform: uppercase;white-space: nowrap;}
.features-section { padding: 56px 0; }
.feature-item {
display: flex; align-items: flex-start; gap: 18px;
padding: 24px 20px; border-radius: 12px;
border: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.05);
backdrop-filter: blur(6px);
transition: background 0.25s, transform 0.25s;
height: 100%;
}
.feature-item:hover { background: rgba(255,255,255,0.10); transform: translateY(-4px); }
.feature-icon-wrap {
flex-shrink: 0; width: 52px; height: 52px; border-radius: 12px;
background: linear-gradient(135deg, #e74c3c, #c0392b);
display: flex; align-items: center; justify-content: center;
font-size: 1.35rem; color: #fff;
box-shadow: 0 4px 14px rgba(231,76,60,0.4);
}
.feature-text .ftitle { color: #fff; font-weight: 700; font-size: 0.92rem; margin-bottom: 4px; letter-spacing: 0.02em; }
.feature-text .fdesc { color: rgba(255,255,255,0.60); font-size: 0.78rem; margin: 0; line-height: 1.5; }
.section-divider { width: 40px; height: 3px; background: linear-gradient(90deg, #e74c3c, #e67e22); border-radius: 2px; margin: 0 auto 32px; }
.services-section { padding: 60px 0; }
.section-tag { display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:#e74c3c; border-bottom:2px solid #e74c3c; padding-bottom:3px; margin-bottom:14px; }
.section-title { font-size:1.9rem; font-weight:800; color:#1a1a2e; margin-bottom:10px; }
.section-desc { color:#777; margin:0 auto 40px; }
.svc-card { border:none; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 16px rgba(0,0,0,0.07); transition:transform 0.25s,box-shadow 0.25s; height:100%; }
.svc-card:hover { transform:translateY(-5px); box-shadow:0 12px 32px rgba(0,0,0,0.12); }
.svc-img-wrap { position:relative; overflow:hidden; height:250px; }
.svc-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.svc-card:hover .svc-img-wrap img { transform:scale(1.07); }
.svc-icon-badge { position:absolute; bottom:18px; left:20px; width:42px; height:42px; border-radius:10px; background:linear-gradient(135deg,#e74c3c,#c0392b); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1rem; box-shadow:0 4px 12px rgba(231,76,60,0.4); border:2px solid #fff; }
.svc-body { padding:30px 20px 20px; }
.svc-body h5 { font-weight:700; font-size:1rem; color:#1a1a2e; margin-bottom:8px; }
.svc-body h5 a { color:inherit; text-decoration:none; }
.svc-body h5 a:hover { color:#e74c3c; }
.svc-body p { font-size:0.82rem; color:#888; line-height:1.6; margin-bottom:16px; }
.btn-svc { font-size:0.75rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:6px 16px; border-radius:20px; border:2px solid #e74c3c; color:#e74c3c; background:transparent; transition:all 0.2s; text-decoration:none; display:inline-block; }
.btn-svc:hover { background:#e74c3c; color:#fff; text-decoration:none; }
.cat-card { position:relative; border-radius:16px; overflow:hidden; display:block; text-decoration:none; height:340px; box-shadow:0 4px 20px rgba(0,0,0,0.12); transition:transform 0.3s ease,box-shadow 0.3s ease; }
.cat-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,0.22); text-decoration:none; }
.cat-card img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.cat-card:hover img { transform:scale(1.08); }
.cat-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.30) 50%,rgba(0,0,0,0.05) 100%); transition:background 0.3s ease; }
.cat-card:hover .cat-overlay { background:linear-gradient(to top,rgba(180,30,20,0.80) 0%,rgba(0,0,0,0.30) 60%,rgba(0,0,0,0.05) 100%); }
.cat-badge { position:absolute; top:16px; left:16px; background:rgba(255,255,255,0.15); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,0.25); color:#fff; font-size:0.68rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:4px 12px; border-radius:20px; }
.cat-number { position:absolute; top:16px; right:20px; font-size:4rem; font-weight:900; color:rgba(255,255,255,0.07); line-height:1; pointer-events:none; }
.cat-content { position:absolute; bottom:0; left:0; right:0; padding:24px 22px; }
.cat-content h3 { color:#fff; font-size:1.35rem; font-weight:800; margin-bottom:6px; }
.cat-desc { color:rgba(255,255,255,0.75); font-size:0.8rem; margin-bottom:14px; line-height:1.5; max-height:0; overflow:hidden; transition:max-height 0.35s ease,opacity 0.35s ease; opacity:0; }
.cat-card:hover .cat-desc { max-height:60px; opacity:1; }
.cat-cta { display:inline-flex; align-items:center; gap:6px; color:#fff; font-size:0.78rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; border-bottom:2px solid rgba(255,255,255,0.5); padding-bottom:2px; }
.cat-card:hover .cat-cta { border-color:#fff; }
.cat-cta i { transition:transform 0.2s; }
.cat-card:hover .cat-cta i { transform:translateX(4px); }
.info-card { border:none; border-radius:16px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,0.10); }
.info-card .summary-block { padding:20px; background:#fff; font-size:0.83rem; color:#555; line-height:1.7; border-bottom:1px solid #f0f0f0; }
.info-row { display:flex; align-items:flex-start; gap:12px; padding:11px 18px; background:#fff; border-bottom:1px solid #f5f5f5; transition:background 0.15s; }
.info-row:hover { background:#fafafa; }
.info-icon { flex-shrink:0; width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:0.82rem; margin-top:1px; }
.ico-blue { background:#e8f0fe; color:#3b6fce; }
.ico-red { background:#fdecea; color:#e53935; }
.ico-orange { background:#fff3e0; color:#e67e22; }
.ico-green { background:#e8f5e9; color:#27ae60; }
.ico-purple { background:#f3e5f5; color:#8e24aa; }
.ico-teal { background:#e0f2f1; color:#00897b; }
.ico-pink { background:#fce4ec; color:#e91e63; }
.ico-indigo { background:#e8eaf6; color:#3949ab; }
.info-text { flex:1; }
.info-label { font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; display:block; margin-bottom:2px; }
.info-value { font-size:0.82rem; color:#333; line-height:1.45; }
.price-block { background:linear-gradient(135deg,#e74c3c,#c0392b); padding:18px 20px; text-align:center; }
.price-block .price-from { font-size:0.7rem; color:rgba(255,255,255,0.75); text-transform:uppercase; letter-spacing:0.1em; display:block; margin-bottom:4px; }
.price-block .price-amount { font-size:1.7rem; font-weight:900; color:#fff; line-height:1; }
.price-block .price-per { font-size:0.72rem; color:rgba(255,255,255,0.7); display:block; margin-top:4px; }
.price-block .btn-book { margin-top:14px; display:block; background:#fff; color:#e74c3c; font-weight:700; font-size:0.82rem; letter-spacing:0.05em; text-transform:uppercase; padding:9px 0; border-radius:8px; text-decoration:none; transition:background 0.2s,color 0.2s; }
.price-block .btn-book:hover { background:#1a1a2e; color:#fff; }
.tour-hero { position:relative; width:100%; height:520px;}
.tour-hero img { width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.04); animation:heroZoom 8s ease forwards; }
@keyframes heroZoom { from { transform:scale(1.04); } to { transform:scale(1.00); } }
.tour-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.20) 55%,rgba(0,0,0,0.10) 100%),linear-gradient(to right,rgba(0,0,0,0.30) 0%,transparent 60%); }
.hero-breadcrumb { position:absolute; top:24px; left:48px; display:flex; align-items:center; gap:6px; font-size:0.72rem; color:rgba(255,255,255,0.65); }
.hero-breadcrumb a { color:rgba(255,255,255,0.65); text-decoration:none; }
.hero-breadcrumb a:hover { color:#fff; }
.hero-breadcrumb span { color:rgba(255,255,255,0.35); }
.hero-price-badge { position:absolute; top:24px; right:48px; background:rgba(0,0,0,0.45); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,0.15); border-radius:12px; padding:10px 20px; text-align:center; }
.hero-price-badge .from { font-size:0.65rem; color:rgba(255,255,255,0.6); text-transform:uppercase; letter-spacing:0.08em; display:block; }
.hero-price-badge .amount { font-size:1.4rem; font-weight:900; color:#fff; line-height:1.1; }
.hero-price-badge .per { font-size:0.65rem; color:rgba(255,255,255,0.6); display:block; }
.tour-hero-content { position:absolute; bottom:0; left:0; right:0; padding:40px 10px; }
.hero-category { display:inline-flex; align-items:center; gap:6px; background:#e74c3c; color:#fff; font-size:0.68rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; padding:5px 14px; border-radius:20px; margin-bottom:14px; }
.hero-title { color:#fff; font-size:2.2rem; font-weight:900; line-height:1.15; margin-bottom:14px; text-shadow:0 2px 12px rgba(0,0,0,0.4); max-width:680px; }
.hero-divider { width:48px; height:3px; background:#e74c3c; border-radius:2px; margin-bottom:14px; }
.hero-summary { color:rgba(255,255,255,0.80); font-size:0.92rem; line-height:1.7; max-width:600px; margin-bottom:22px; }
.hero-meta { display:flex; flex-wrap:wrap; gap:20px; }
.hero-meta-item { display:flex; align-items:center; gap:7px; color:rgba(255,255,255,0.85); font-size:0.8rem; }
.hero-meta-item>i { width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; font-size:0.72rem; flex-shrink:0; }
.tour-hero .img-wrapper-hero {
position: absolute;
inset: 0;
overflow: hidden;
z-index: 0;
}
.hero-meta .dropdown-toggle {
color: rgba(255,255,255,0.85);
text-decoration: none;
font-size: 0.8rem;
display: flex;
align-items: center;
gap: 7px;
}
.hero-meta .dropdown-menu .dropdown-item:hover { background: #fdecea; color: #e74c3c; }
.cat-sidebar { border:none; border-radius:16px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,0.10); margin-bottom:24px; }
.cat-sidebar-header { background:linear-gradient(135deg,#c0392b,#e74c3c); padding:18px 20px; display:flex; align-items:center; gap:12px; }
.cat-sidebar-header .header-icon { width:36px; height:36px; background:rgba(255,255,255,0.18); border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:1rem; color:#fff; }
.cat-sidebar-header .header-text { color:#fff; font-weight:800; font-size:0.95rem; letter-spacing:0.04em; }
.cat-sidebar-header .header-sub { color:rgba(255,255,255,0.65); font-size:0.7rem; margin-top:1px; }
.cat-item { display:block; position:relative; overflow:hidden; text-decoration:none; border-bottom:1px solid #efefef; background:#fff; transition:background 0.2s; }
.cat-item:last-of-type { border-bottom:none; }
.cat-item:hover { text-decoration:none; }
.cat-item-inner { display:flex; align-items:stretch; min-height:90px; }
.cat-img-col { flex-shrink:0; width:100px; position:relative; overflow:hidden; }
.cat-img-col img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.cat-item:hover .cat-img-col img { transform:scale(1.10); }
.cat-img-col::after { content:''; position:absolute; inset:0; background:linear-gradient(to right,transparent 60%,#fff 100%); }
.cat-text-col { flex:1; padding:14px 14px 14px 10px; display:flex; flex-direction:column; justify-content:center; }
.cat-sidebar-name { font-size:0.9rem; font-weight:800; color:#1a1a2e; margin-bottom:5px; transition:color 0.2s; }
.cat-item:hover .cat-sidebar-name { color:#e74c3c; }
.cat-sidebar-desc { font-size:0.72rem; line-height:1.3; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:1px; }
.cat-sidebar-cta { display:inline-flex; align-items:center; gap:5px; font-size:0.68rem; font-weight:700; letter-spacing:0.07em; text-transform:uppercase; color:#e74c3c; opacity:0; transform:translateX(-6px); transition:opacity 0.2s,transform 0.2s; }
.cat-item:hover .cat-cta { opacity:1; transform:translateX(0); }
.cat-item::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(to bottom,#e74c3c,#c0392b); opacity:0; transition:opacity 0.2s; z-index:2; }
.cat-item:hover::before { opacity:1; }
.cat-all-btn { display:flex; align-items:center; justify-content:center; gap:8px; padding:14px; background:#1a1a2e; color:#fff; font-size:0.78rem; font-weight:700; letter-spacing:0.07em; text-transform:uppercase; text-decoration:none; transition:background 0.2s; }
.cat-all-btn:hover { background:#e74c3c; color:#fff; text-decoration:none; }
.booking-box {
background: #fff;
border-radius: 16px;
box-shadow:0 4px 24px rgba(0,0,0,0.10);
}
.booking-box .booking-title {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #aaa;
margin-bottom: 18px;
display: flex;
align-items: center;
gap: 7px;
}
.booking-box .booking-title::after {
content: '';
flex: 1;
height: 1px;
background: #eee;
}
/* Spinner satırı */
.psngr-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #f5f5f5;
width: 100%;
}
.psngr-row:last-child { border-bottom: none; }
.psngr-label { flex: 1; }
.psngr-label .lbl-main {
font-size: 0.84rem;
font-weight: 600;
color: #222;
display: block;
}
.psngr-label .lbl-sub {
font-size: 0.68rem;
}
.psngr-label .lbl-icon {
width: 30px; height: 30px;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
margin-right: 8px;
}
.ico-adult { background: #fdecea; color: #e74c3c; }
.ico-child { background: #e8f5e9; color: #27ae60; }
.ico-infant { background: #e8f0fe; color: #3b6fce; }
/* Counter kontroller */
.psngr-counter {
display: flex;
align-items: center;
gap: 0;
background: #f7f7f7;
border-radius: 10px;
overflow: hidden;
border: 1px solid #eee;
width: 30%;
}
.psngr-counter .btn-dwn,
.psngr-counter .btn-up {
width: 34px; height: 34px;
border: none;
display: flex; align-items: center; justify-content: center;
font-size: 0.85rem;
cursor: pointer;
transition: background 0.15s, color 0.15s;
background: transparent;
flex-shrink: 0;
}
.psngr-counter .btn-dwn { color: #e74c3c; }
.psngr-counter .btn-up { color: #27ae60; }
.psngr-counter .btn-dwn:hover { background: #fdecea; }
.psngr-counter .btn-up:hover { background: #e8f5e9; }
.psngr-counter .cnt-val {
width: 36px;
text-align: center;
font-size: 0.9rem;
font-weight: 700;
color: #222;
background: transparent;
border: none;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
outline: none;
}
/* Tarih alanı */
.date-block { margin-top: 16px; }
.date-block .date-label {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #6c757d;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 7px;
}
.date-block .date-label::after { content:''; flex:1; height:1px; background:#eee; }
.date-input-wrap {
display: flex;
align-items: center;
gap: 10px;
background: #f7f7f7;
border: 1px solid #eee;
border-radius: 10px;
padding: 10px 14px;
cursor: pointer;
transition: border-color 0.2s;
}
.date-input-wrap:hover { border-color: #e74c3c; }
.date-input-wrap .cal-icon {
width: 32px; height: 32px;
background: linear-gradient(135deg,#e74c3c,#c0392b);
border-radius: 8px;
display: flex; align-items: center; justify-content: center;
color: #fff; font-size: 0.82rem;
flex-shrink: 0;
}
.date-input-wrap input {
border: none;
background: transparent;
font-size: 0.88rem;
font-weight: 600;
color: #222;
outline: none;
cursor: pointer;
flex: 1;
}
/* Güvenlik notu */
.safety-note {
margin-top: 16px;
display: flex;
align-items: flex-start;
gap: 8px;
background: #f0faf4;
border: 1px solid #c8ecd5;
border-radius: 10px;
padding: 10px 12px;
font-size: 0.72rem;
color: #27ae60;
line-height: 1.5;
}
.safety-note i { margin-top: 1px; flex-shrink: 0; }
.blog-cat-card { position:relative; display:block; border-radius:14px; overflow:hidden; height:200px; box-shadow:0 4px 18px rgba(0,0,0,0.12); text-decoration:none; transition:transform 0.3s ease,box-shadow 0.3s ease; }
.blog-cat-card:hover { transform:translateY(-5px); box-shadow:0 14px 36px rgba(0,0,0,0.18); text-decoration:none; }
.blog-cat-card img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.blog-cat-card:hover img { transform:scale(1.08); }
.blog-cat-card .bcat-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.20) 55%,rgba(0,0,0,0.05) 100%); transition:background 0.3s; }
.blog-cat-card:hover .bcat-overlay { background:linear-gradient(to top,rgba(180,30,20,0.80) 0%,rgba(0,0,0,0.25) 60%,rgba(0,0,0,0.05) 100%); }
.bcat-count { position:absolute; top:14px; right:14px; background:rgba(0,0,0,0.40); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.85); font-size:0.68rem; font-weight:700; padding:3px 10px; border-radius:20px; display:flex; align-items:center; gap:5px; }
.bcat-content { position:absolute; bottom:0; left:0; right:0; padding:18px 18px 16px; }
.bcat-tag { display:inline-block; background:#e74c3c; color:#fff; font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:3px 10px; border-radius:20px; margin-bottom:8px; }
.bcat-title { color:#fff; font-size:1rem; font-weight:800; margin:0 0 10px; line-height:1.3; text-shadow:0 1px 6px rgba(0,0,0,0.3); }
.bcat-cta { display:inline-flex; align-items:center; gap:5px; color:rgba(255,255,255,0.75); font-size:0.72rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; opacity:0; transform:translateY(6px); transition:opacity 0.25s,transform 0.25s; }
.blog-cat-card:hover .bcat-cta { opacity:1; transform:translateY(0); }
.blog-card {
border: none;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 3px 16px rgba(0,0,0,0.08);
transition: transform 0.28s ease, box-shadow 0.28s ease;
background: #fff;
height: 100%;
display: flex;
flex-direction: column;
}
.blog-card:hover {
transform: translateY(-6px);
box-shadow: 0 14px 36px rgba(0,0,0,0.13);
}
/* Görsel */
.blog-card-img {
position: relative;
overflow: hidden;
height: 195px;
flex-shrink: 0;
}
.blog-card-img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.45s ease;
}
.blog-card:hover .blog-card-img img { transform: scale(1.07); }
/* Kategori etiketi */
.blog-card-img .bpost-cat {
position: absolute;
top: 14px; left: 14px;
background: #e74c3c;
color: #fff;
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 4px 11px;
border-radius: 20px;
}
/* Okuma süresi */
.blog-card-img .bpost-read {
position: absolute;
bottom: 14px; right: 14px;
background: rgba(0,0,0,0.45);
backdrop-filter: blur(6px);
color: rgba(255,255,255,0.9);
font-size: 0.65rem;
font-weight: 600;
padding: 3px 9px;
border-radius: 20px;
display: flex;
align-items: center;
gap: 4px;
}
/* Body */
.blog-card-body {
padding: 18px 18px 14px;
flex: 1;
display: flex;
flex-direction: column;
}
.blog-card-body .bpost-title {
font-size: 0.97rem;
font-weight: 800;
color: #1a1a2e;
line-height: 1.35;
margin-bottom: 10px;
text-decoration: none;
display: block;
transition: color 0.2s;
}
.blog-card-body .bpost-title:hover { color: #e74c3c; text-decoration: none; }
.blog-card-body .bpost-desc {
font-size: 0.88rem;
line-height: 1.65;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 16px;
}
/* Footer */
.blog-card-footer {
border-top: 1px solid #f3f3f3;
padding: 12px 18px;
display: flex;
align-items: center;
justify-content: space-between;
background: #fafafa;
}
.bpost-more {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #e74c3c;
text-decoration: none;
transition: gap 0.2s;
}
.bpost-more:hover { gap: 9px; text-decoration: none; color: #c0392b; }
.bpost-meta {
display: flex;
align-items: center;
gap: 5px;
font-size: 0.68rem;
}
.bpost-meta i { font-size: 0.65rem; }
.blog-section { padding:60px 0; }
.blog-section-head .pre-tag { font-size:0.7rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#e74c3c; display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.blog-section-head .pre-tag::before { content:''; width:28px; height:2px; background:#e74c3c; border-radius:2px; }
.blog-section-head h2 { font-size:1.8rem; font-weight:900; color:#1a1a2e; margin:0; }
.blog-all-link { font-size:0.75rem; font-weight:700; letter-spacing:0.07em; text-transform:uppercase; color:#e74c3c; text-decoration:none; display:inline-flex; align-items:center; gap:5px; border-bottom:2px solid #e74c3c; padding-bottom:2px; }
.blog-all-link:hover { gap:9px; text-decoration:none; }
.featured-card { position:relative; display:block; border-radius:16px; overflow:hidden; height:100%; min-height:460px; box-shadow:0 6px 28px rgba(0,0,0,0.13); text-decoration:none; transition:box-shadow 0.3s; }
.featured-card:hover { box-shadow:0 16px 48px rgba(0,0,0,0.20); text-decoration:none; }
.featured-card img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.featured-card:hover img { transform:scale(1.05); }
.featured-card .fc-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.30) 55%,rgba(0,0,0,0.05) 100%); }
.featured-card .fc-content { position:absolute; bottom:0; left:0; right:0; padding:28px 26px; }
.featured-card .fc-cat { display:inline-block; background:#e74c3c; color:#fff; font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:4px 12px; border-radius:20px; margin-bottom:12px; }
.featured-card .fc-title { color:#fff; font-size:1.35rem; font-weight:900; line-height:1.3; margin-bottom:10px; text-shadow:0 2px 8px rgba(0,0,0,0.3); }
.featured-card .fc-desc { color:rgba(255,255,255,0.72); font-size:0.8rem; line-height:1.6; margin-bottom:16px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.featured-card .fc-meta { display:flex; align-items:center; justify-content:space-between; }
.featured-card .fc-date { font-size:0.68rem; color:rgba(255,255,255,0.55); display:flex; align-items:center; gap:5px; }
.featured-card .fc-cta { display:inline-flex; align-items:center; gap:6px; background:#e74c3c; color:#fff; font-size:0.7rem; font-weight:700; letter-spacing:0.07em; text-transform:uppercase; padding:7px 16px; border-radius:20px; transition:background 0.2s; }
.featured-card:hover .fc-cta { background:#c0392b; }
.mini-card { display:flex; gap:14px; align-items:stretch; background:#fff; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.07); overflow:hidden; text-decoration:none; transition:transform 0.25s,box-shadow 0.25s; margin-bottom:16px; }
.mini-card:last-child { margin-bottom:0; }
.mini-card:hover { transform:translateX(5px); box-shadow:0 6px 24px rgba(0,0,0,0.11); text-decoration:none; }
.mini-card-num { flex-shrink:0; width:36px; display:flex; align-items:center; justify-content:center; font-size:1.6rem; font-weight:900; color:#f0f0f0; padding-left:4px; }
.mini-card-img { flex-shrink:0; width:110px; position:relative; overflow:hidden; }
.mini-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.mini-card:hover .mini-card-img img { transform:scale(1.08); }
.mini-card-body { flex:1; padding:14px 14px 14px 0; display:flex; flex-direction:column; justify-content:center; }
.mini-card-body .mc-cat { font-size:0.6rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#e74c3c; margin-bottom:5px; }
.mini-card-body .mc-title { font-size:0.86rem; font-weight:800; color:#1a1a2e; line-height:1.35; margin-bottom:7px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.2s; }
.mini-card:hover .mc-title { color:#e74c3c; }
.mini-card-body .mc-meta { font-size:0.67rem; color:#bbb; display:flex; align-items:center; gap:5px; }
/**özel işlevler**/
.bg-inverse,.btn-primary{background-color:#f44336!important;border-color:#f44336!important}
.bg-wow{background-color:#fff!important}
.bg-dark{background-color:#f5f5f5!important}
.bg-gray{background-color:rgba(0,0,0,.03)!important}
.bg-pricetag{background: #e2ffcb!important;color: #28a745!important;}
.bg-pricetag .extraPrc{font-size:0.9rem!important}
.card-inverse{background-color:#f44336;border:none;color:#ffffff;}
.card-pickferry{background-color:rgba(168, 255, 123, 0.3)!important;border-color: #5cb85c!important;}
.card-nopickferry {background-color: #f5f5f5!important;}
.card-nopickferry .rnk{color: #848484!important;}
.card-nopickferry img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.btn-xs{font-size:0.6rem!important;padding:.175rem .55rem;margin-top: 0.010rem;}
.input-xs{max-width: 2rem;}
.input-pricetag{max-width: 4rem;color:#097b0d!important}
.input-pricetag.active{background:#e2ffcb!important;border-color:#097b0d!important;}
.exfiyat .form-control-sm{font-size: .775rem;height: calc(1.3em + .4rem + 2px);}
.hover-danger{background-color: rgba(176, 25, 25, 0.5)}
.hover-effect.hover-danger:after{background-color: rgba(176, 25, 25, 0.5)}
.hover-effect.hover-warning:after{background-color: rgba(255,130,130,0.5)}
.nr-l{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.nr-lt{border-top-right-radius:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.nr-r{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.rnk{color:#f44336;}
.rnk-2{color: #7c9abd;}
.bold,b,strong{font-weight:400;}
small .bold,small b,small strong{font-weight:500;}
b.bold,a>b{font-weight:500;}
.small{font-size:90%;line-height: 1.3rem;}
.block{display:block;}
.fluid{width:100%;}
.border-link{display: block;padding: .3rem 0;border-bottom: 1px dashed;}
.heading{background:#fff;padding: 0.6rem;border:1px solid rgba(0, 0, 0, 0.06);border-bottom-color: #f44336;}
.big-call{color:#fff;font-size:1.6rem;}
.text-shadow{text-shadow: 2px 2px 6px #000;}
.hover-effect {display: block;position: relative;background: none;overflow: hidden}
.hover-effect:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.hover-effect img {display: block;position: relative;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-webkit-backface-visibility: hidden;}
.hover-effect:hover:after {visibility: visible;-webkit-transform: rotateY(0deg) scale(1, 1);-moz-transform: rotateY(0deg) scale(1, 1);-ms-transform: rotateY(0deg) scale(1, 1);-o-transform: rotateY(0deg) scale(1, 1);transform: rotateY(0deg) scale(1, 1);filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.hover-effect:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;visibility: hidden;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-webkit-transform: rotateY(180deg) scale(0.5, 0.5);-moz-transform: rotateY(180deg) scale(0.5, 0.5);-ms-transform: rotateY(180deg) scale(0.5, 0.5);-o-transform: rotateY(180deg) scale(0.5, 0.5);transform: rotateY(180deg) scale(0.5, 0.5);background: url(../img/hover-effect.png) no-repeat center;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;background-color: rgba(255,130,130,0.5)}
.filtreOtlOzl{font-size:0.8rem;}
.c-input{position:relative;display: inline;padding-left:1.5rem;color:#fff;cursor:pointer;}
.c-input>input~span {border-radius: .25rem;}
.c-input>input~span {background-color:#f44336;padding: .4rem;font-weight: 500;display: inline-block;margin: .2rem;}
.c-input>input:disabled~span {background-color:#848484;}
.c-input>input{position: absolute;z-index: -1;opacity: 0;}
.c-input>input:checked~span {background-color: #5cb85c;color: #fff;}
#extraFull .btn-text{background-color:#ffffff;color:#f44336;padding:.4rem 2rem;margin: 0;}
#extraFull .btn-xs.btn-light {font-size: 0.8rem!important;}
#extraFull .btn-xs.btn-light:disabled {background-color:#28a745!important;border-color: #28a745!important;color: #fff;opacity:1;}
#extraFull .btn-xs.btn-light + .btn-xs.btn-light:disabled {background-color:#dc3545!important;border-color:#dc3545!important;color: #fff;opacity:1;}
.float{position: fixed;width: 50px;height: 48px;bottom:15px;right: 15px;background-color: #25d366;color: #FFF;border-radius: 50px;text-align: center;font-size: 30px;box-shadow: 2px 2px 3px #999;z-index: 100;}
.my-float{margin-top: 10px;}
.float:hover{color:#fff}
.accordion .card-header a:before,.accordion .card-header button:before {float: left !important;font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068";padding-right: 5px;}
.accordion .card-header a.collapsed:before,.accordion .card-header button.collapsed:before {float: left !important;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f067";}
.modal.modal-fullscreen{padding:0!important;}
.modal-dialog.modal-dialog-fullscreen{width: 100%!important;height: 100%!important;margin: 0!important;padding:0!important;max-width: none!important; }
.modal-content.modal-content-fullscreen{height: auto!important;min-height: 100%!important;border-radius: 0!important;border: none!important; }
.popover.popover-fullscreen{height: auto!important;min-height: 100%!important;width: auto!important;min-width: 100%!important;border-radius: 0!important;border: none!important; }
.mini-fyt{color: #000000;font-weight: 500;font-size: .9rem;background-color: #f9ac00;min-width: 100px;right: 15px;top: 100%;border-radius: 0 0 10px 10px;padding: 3px 15px}
.path{background-repeat:no-repeat;background-image:url(../img/path_sprite.png);background-size:750px 2800px}.path__heading{margin-bottom:30px}.path--tall{background-position:center 30px;padding-bottom:70px;margin-top:30px;background-size:750px 3220px}@media (min-width:635px){.path--tall{background-position:center -590px;padding-bottom:70px;margin-top:40px}}@media (min-width:1025px){.path--tall{background-position:center -1222px;padding-bottom:40px;margin-top:40px}}@media (min-width:1200px){#extraFull .container{max-width:960px}}.path--rtl{background-position:center -1694px;height:108px}.path--ltr{background-position:center -1919px;height:108px}.path--end{background-position:center -2144px;height:120px}
.aracozlist{text-align:center;}
.aracozlist li{text-align:center;display:inline-block;padding:0 16px;font-size:12px;font-weight:500}
.oz5_ico_1,.oz5_ico_2,.oz5_ico_3,.oz5_ico_4{width:16px;height:24px}.oz5{background-image:url(../img/icon/car_icons.png);background-repeat:no-repeat;color:#6E92B7;float:left;text-align:center}.oz5_ico_1{background-position:-90px 0}.oz5_ico_2{background-position:-36px 0}.oz5_ico_3{background-position:0 0}.oz5_ico_4{background-position:-18px 0}.oz5_ico_5{background-position:-130px 0;height:24px;width:20px}.oz5_ico_6,.oz5_ico_7{height:24px;width:16px}.oz5_ico_6{background-position:-156px 0}.oz5_ico_7{background-position:-108px 0}
.blackout {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
background: -webkit-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
background: -moz-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
background: -o-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
background: -ms-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
background: linear-gradient(0deg, #00000061 0%, rgba(34, 34, 34, 0) 50%);
}
.card.img .blackout .card-title {
color: #ffffff;
text-shadow: 2px 2px 6px #000;
bottom: 20px;
position: absolute;
}
/**fix**/
.padding-sm{padding:.50rem 1.25rem;}
.btn-link,.btn-link:hover,.btn-link:active{color: #f44336;}
.btn-light{background-color:#fff;border-color:#ced4da!important;}
.hr {margin-top: 0.5rem;margin-bottom: 0.5rem;border: 0;border-top: 1px solid rgba(0, 0, 0, 0.07);}
.form-control[readonly]{background-color:#fff;cursor:pointer;}
.disabled{background-color:#eee;}
.disabled:hover,.disabled:focus{background-color:#eee!important;}
.hidden.is-hidden{display:none;}
.bootstrap-select li.selected a{background:#f44336;color:#fff!important;}
.bootstrap-select li.selected a:hover,.dropdown-item.active, .dropdown-item:active{background:#f87369;color:#fff!important;}
.bootstrap-select .dropdown-header{padding:3px 15px;font-size:1rem;font-weight:500;color:#ffffff;background:#f87369;}
.bootstrap-select .dropdown-divider{display:none;}
.bootstrap-select .dropdown-menu li a.opt {padding-left: 1.25em;}
.dropdown-menu{box-shadow:0 5px 6px rgba(0,0,0,0.16), 0 5px 6px rgba(0,0,0,0.23);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:0;margin:0;border:0;border-bottom:2px solid #f44336!important;}
.dropdown-menu>li>a{color:#1f1f1f;border-bottom:1px solid rgba(0,0,0,.1);padding:7px 14px;font-size:.9rem;position:relative;display:block;clear:both;font-weight:normal;line-height:1.42857143;white-space:nowrap;}
.dropdown-menu>li>a:hover{color:#f44336;}
.ui-datepicker {font-size:0.8rem;}
.ui-datepicker-div{z-index:99999;}
.spinner2 .input-group-btn button:first-child{border-radius:.25rem;}
.officemap{padding-top:0!important;}
.list-group h5{font-size:1rem;}
.list-group-item-image{float:left;}
.fa.list-group-item-image{color:#f44336;font-size:2.4rem;margin-right:1rem;width:40px;height:40px;text-align:center;}
#mybooking.dropdown-menu{min-width:280px;padding:1rem;}
.otopop{max-height:220px;overflow-x:auto;}
.category li{padding-bottom:1rem;}
.category h4{font-size:1rem}
.category p{font-size:0.8rem}
.category img{margin-right:0.3rem}
.text-stop-1{max-height: 60px;height: 60px;text-overflow: ellipsis;overflow: hidden;display: block;}
.text-stop-2{max-height: 180px;height: 60px;text-overflow: ellipsis;overflow: hidden;display: block;}
.text-stop-3{min-height: 100px;font-size: 80%;}
.input-group-text {color: #ffffff;background-color: #f44336;border-color: #f44336;padding: .375rem .55rem;}
.input-group-text.inverse{color: #ffffff;background-color:#343a40;border-color:#343a40;}
.btn.success{border-color: #5cb85c!important;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==)!important;padding-right: 1.85rem!important;background-repeat: no-repeat!important;background-position: center right .5625rem!important;-webkit-background-size: 1.4625rem 1.4625rem!important;background-size: 1.4625rem 1.4625rem!important;}
#ui-datepicker-div{z-index: 9999!important}
/**
.ui-widget-header{border: 1px solid #f44336;background: #f44336 url(../img/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #ff7777;background: #ffb4b4 url(../img/jquery/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;}
**/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #36af04;background: #03a501;color: #ffffff;}
.card-footer{background-color: rgba(0,0,0,.05)!important;}
.datefield{padding: .170rem .75rem;border:1px solid #ccc;background:#FFF;border-radius: .2rem;color:#555;background-color:#fff;}
.datefield *{display:inline-block;}
.datefield input{width:40px;padding:0 0.4em;border:none;font-size:100%;background:none;color:#000;}
.datefield input#year{width:50px;}
.datefield input:focus{outline:none;}
.nav.nav-pills.home-tab{margin-top:-2.5rem;}
.nav.nav-pills.home-tab .nav-link{background: rgba(0, 0, 0, 0.25);}
.nav.nav-pills.home-tab .nav-link.active{background:#ffffff;}
#sozlesme-error{display:block;}
/***
.modal{z-index:21474836461;}
.modal-backdrop.fade + .modal-backdrop.fade {z-index: 21474836462}
.modal-child {z-index: 21474836463}
***/
.modal-open .modal {top: 0;bottom: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;/*box-shadow: 0 0 0 2px green inset; */}
.modal-open .modal.fade .modal-dialog {height: 100%;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow-y: auto;overflow-x: none;-webkit-overflow-scrolling: touch;transform: none;pointer-events: all;padding: 10px;}
.no-scroll, .no-scroll body {overflow: hidden;}
.modal-content {margin: 0 auto;}
.modal-footer {padding-bottom: 1.5rem;}
.olark-launch-button{z-index:5!important}
.popover.popoverExtra {font-size:1rem!important;display:none;}
.lazyload {opacity: 0;}
.lazyloading {opacity: 1;transition: opacity 300ms;background: #f7f7f7 url(../img/load.gif) no-repeat center;}
/*galleria*/
.galleria-container{max-height:400px!important;min-height:400px!important;background-color: #f5f5f5!important;border-radius:0px!important;}
.galleria-row.left .galleria-container{max-height: 300px!important;min-height: 300px!important;}
.galleria-row.left .galleria-container{border-radius: .25rem!important}
#page .galleria-container{max-height:500px!important;min-height:500px!important;background-color: #f5f5f5!important;}
.galleria-container.fullscreen,#page .galleria-container.fullscreen,.firmGalleria .galleria-container.fullscreen{max-height:100%!important;}
#galleria-loader{height:1px}.galleria-bar,.galleria-stage{right:0;left:0;overflow:hidden}.galleria-container{position:relative;overflow:hidden;font:12px/1.4 arial,sans-serif;color:#000;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05)}.galleria-container img{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none}.galleria-stage{position:absolute;top:0;bottom:40px}.galleria-bar{height:40px;position:absolute;bottom:0;z-index:3}.galleria-fullscreen,.galleria-play{width:40px;height:40px;position:absolute;left:0;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer;border-right:1px solid #ddd;outline:#fff solid 0}.galleria-play{background-image:url(../img/galleria/azur/playpause-white.png);background-position:50% 11px}.galleria-play.pause{background-position:50% -89px}.galleria-fullscreen{left:42px;background-image:url(../img/galleria/azur/fscreen.png);background-position:50% 11px}.galleria-container.fullscreen .galleria-fullscreen{background-position:50% -89px}.galleria-play.playing{background-position:10px -91px}.galleria-fullscreen.open{background-position:8px -93px}.galleria-container.notouch .galleria-fullscreen:hover,.galleria-container.notouch .galleria-play:hover,.galleria-container.notouch .galleria-popout:hover,.galleria-container.notouch .galleria-thumblink:hover,.galleria-container.touch .galleria-fullscreen:active,.galleria-container.touch .galleria-play:active,.galleria-container.touch .galleria-popout:active,.galleria-container.touch .galleria-thumblink:active,.galleria-thumblink.open{background-color:#fff}.galleria-thumbnails-container{position:absolute;top:4px;right:5px;left:86px;bottom:0;z-index:2}.galleria-thumbnails-list{position:absolute!important;top:0;right:0;left:0;bottom:0}.galleria-thumbnails{text-align:right;float:right}.galleria-carousel .galleria-thumbnails{float:none}.galleria-thumbnails .galleria-image{width:27px;height:27px;display:inline-block;margin:0 0 0 2px;cursor:pointer;border:3px double #ddd;opacity:.6;filter:alpha(opacity=60);background:0 0}.galleria-container.notouch .galleria-thumbnails .galleria-image:hover,.galleria-container.touch .galleria-thumbnails .galleria-image:active{opacity:.9;background:#444;background:rgba(255,255,255,.3);filter:alpha(opacity=90)}.galleria-container .galleria-thumbnails .galleria-image.active,.galleria-container.notouch .galleria-thumbnails .galleria-image.active:hover{opacity:1;background:#ddd;background:rgba(255,255,255,.7);filter:alpha(opacity=100)}body .galleria-tooltip{background:#fff;background:rgba(255,255,255,.8)}.galleria-captionopen{position:absolute;bottom:10px;right:10px;background:url(../img/galleria/azur/bgie.png);background:rgba(0,0,0,.7);padding:3px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.5;z-index:2;cursor:pointer;color:#ccc}.galleria-captionopen:hover{background:#000;color:#fff}.galleria-captionclose{background:0 0;font-size:18px;position:absolute;top:0;right:10px;cursor:pointer}.galleria-captionclose:hover{color:#ccc}.galleria-progress.nocanvas{width:32px;height:5px;background:url('../img/galleria/azur/ 20.png');position:absolute;top:10px;right:10px;z-index:2;display:none}.galleria-progress.nocanvas .galleria-progressbar{height:100%;width:0;background:#fff}.galleria-info{position:absolute;overflow:hidden;left:0;right:0;bottom:0;color:#fff;background:url(../img/galleria/azur/bgie.png);background:url(../img/galleria/azur/bg.png) rgba(0,0,0,.6);z-index:2}.galleria-info.toggler{visibility:hidden}.galleria-info.toggler.open{visibility:visible}.galleria-info-title{font-size:14px;font-weight:500;margin:10px 14px;padding-right:100px}.galleria-info-description{opacity:.7;margin:-10px 14px 10px;padding-right:100px}.galleria-counter{opacity:0;position:absolute;top:10px;left:10px;font-size:10px;z-index:2;font-weight:500}.galleria-loader,.galleria-loader.nocanvas{width:48px;height:48px;left:50%;margin:-24px 0 0 -24px;top:50%;z-index:2;display:none;position:absolute}.galleria-loader.nocanvas{background:url(../img/galleria/azur/loader.gif) 50% 50% no-repeat #000;opacity:.6;filter:alpha(opacity=60);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.galleria-image-nav{position:absolute;top:50%;margin-top:-18px;width:100%;height:36px;left:0}.galleria-image-nav-left,.galleria-image-nav-right{cursor:pointer;width:36px;height:36px;position:absolute;left:20px;z-index:2;background:url(../img/galleria/azur/left.png) 50% 50% no-repeat;opacity:0}.galleria-image-nav-right{left:auto;right:20px;background-image:url(../img/galleria/azur/right.png);z-index:2}.galleria-container.notouch .galleria-image-nav-left:hover,.galleria-container.notouch .galleria-image-nav-right:hover,.galleria-container.touch .galleria-image-nav-left:active,.galleria-container.touch .galleria-image-nav-right:active{opacity:.7!important}.galleria-thumb-nav-left,.galleria-thumb-nav-right{cursor:pointer;display:none;background:url(../img/galleria/azur/thumbleft-white.png) 50% 50%;position:absolute;left:3px;top:3px;height:27px;width:23px;z-index:3}.galleria-thumb-nav-right{border-right:none;right:3px;left:auto;background:url(../img/galleria/azur/thumbright-white.png) 50% 50%}.galleria-thumbnails-container .disabled{opacity:.2;filter:alpha(opacity=20);cursor:default}.notouch .galleria-thumb-nav-left:hover,.notouch .galleria-thumb-nav-right:hover{opacity:1;filter:alpha(opacity=100);background-color:#222;background-color:rgba(255,255,255,.07)}.touch .galleria-thumb-nav-left:active,.touch .galleria-thumb-nav-right:active{opacity:1;filter:alpha(opacity=100);background-color:#111}.notouch .galleria-thumbnails-container .disabled:hover{opacity:.2;filter:alpha(opacity=20);background-color:transparent}.galleria-carousel .galleria-thumb-nav-left,.galleria-carousel .galleria-thumb-nav-right{display:block}.galleria-carousel .galleria-thumbnails-list{right:28px;left:28px}
/*flexisel*/
.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-ul{position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none; text-align:center; overflow: auto;}
.nbs-flexisel-inner{position: relative;overflow: hidden;float:left;width:100%;}
.nbs-flexisel-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;}
/*.nbs-flexisel-item img {max-width: 100%;cursor: pointer;position: relative;margin-top: 10px;margin-bottom: 10px;}*/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
position: absolute;
cursor: pointer;
z-index: 4;
top: 50%;
transform: translateY(-50%);
width: 38px;
height: 38px;
border-radius: 50%;
background: #fff;
color: #e74c3c;
border: 2px solid #e74c3c;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
transition: background 0.2s, color 0.2s, box-shadow 0.2s;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover {
background: #e74c3c;
color: #fff;
box-shadow: 0 4px 16px rgba(231,76,60,0.35);
}
.nbs-flexisel-nav-left { right: 52px; }
.nbs-flexisel-nav-right { right: 8px; }
.nbs-flexisel-nav-left:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; }
.nbs-flexisel-nav-right:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; }
.nbs-flexisel-nav-left.disabled,
.nbs-flexisel-nav-right.disabled { opacity: 0.35; pointer-events: none; }
/*slick*/
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.ct-slick img {
margin: auto;
width: 100%;
max-width: none
}
.ct-slick .item {
overflow: hidden;
background-size: cover
}
.ct-slick .item .item-inner {
display: table
}
.ct-slick .item .item-inner--full {
display: table;
width: 100%
}
.ct-slick .item .ct-slick-image {
display: table-cell
}
.ct-slick .item .ct-slick-content {
max-width: 750px;
display: table-cell;
padding: 30px;
vertical-align: middle
}
.ct-slick .item .ct-slick-content .btn {
margin-bottom: 8px
}
.ct-slick .item .ct-slick-content .btn+.btn {
margin-left: 8px
}
@media (max-width:359px) {
.ct-slick .item .ct-slick-content {
padding: 30px 0
}
}
@media (max-width:767px) {
.ct-slick .item .ct-slick-image {
display: none
}
.ct-slick .item .ct-slick-content {
width: 100%;
display: block;
text-align: center
}
}
.ct-slick .slick-next,
.ct-slick .slick-prev {
background: #555;
background: rgba(0, 0, 0, .2);
color: #fff;
z-index: 1;
width: 50px;
height: 50px;
margin-top: -25px;
-webkit-transition: all .15s ease;
transition: all .15s ease
}
.ct-slick .slick-next:before,
.ct-slick .slick-prev:before {
font-family: fontawesome
}
.ct-slick .slick-next:hover,
.ct-slick .slick-prev:hover {
background: #222;
background: rgba(0, 0, 0, .65)
}
.ct-slick .slick-prev {
left: 0
}
.ct-slick .slick-prev:before {
content: "\F053"
}
.ct-slick .slick-next {
right: 0
}
.ct-slick .slick-next:before {
content: "\F054"
}
.ct-slick .slick-dots {
bottom: 20px
}
.ct-slick .slick-dots li {
border: 2px solid #fff;
border-radius: 50%;
width: 12px;
height: 12px
}
.ct-slick .slick-dots li button {
padding: 0;
height: 10px;
width: 10px
}
.ct-slick .slick-dots li.slick-active {
background: #fff
}
@media (min-width:768px) {
nav+.ct-slick,
nav+header {
margin-top: 160px
}
}
.ct-slick--synced {
position: relative
}
.ct-slick--synced .ct-slick[data-asNavFor] {
position: static;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.ct-slick--synced .ct-slick[data-asNavFor] .slick-slide {
-moz-opacity: .35;
-khtml-opacity: .35;
-webkit-opacity: .35;
opacity: .35;
filter: alpha(opacity=35);
cursor: pointer
}
.ct-slick--synced .ct-slick[data-asNavFor] .slick-slide.slick-center {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
filter: alpha(opacity=100)
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
footer>div>div>div{margin-bottom:4rem;}
footer>div>div>div:last-child{margin-bottom:0px;}
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
#topnav .container{padding:0px;}
.navbar.fixed-top{padding:0px;}
.navbar.not-fixed.bg-inverse{background:#ffffff!important;}
.navbar.not-fixed a {color: #f44336;}
.navbar-nav .nav-item {text-align: left;border:0px!important}
.navbar-nav .nav-item {border-top:1px solid rgba(0,0,0,.1)!important;}
.navbar-nav .nav-item:first-child{display:none;}
.navbar-nav .nav-link{padding: .5rem .9rem!important;}
.navbar-brand{padding: .2rem .9rem!important;}
.nav-pills.nav-fill .nav-item{margin-bottom:0.5rem;}
.nav-pills.nav-fill .nav-item .nav-link a{width:100%;display:block}
.nav.nav-pills.home-tab{margin-top:1rem;}
.nav.nav-pills.home-tab .nav-link{background: #a7a7a7;color:#fff;margin-bottom:0.3rem;}
.nav.nav-pills.home-tab .nav-link.active{background: #f44336;color:#fff}
.mynav .nav-pills .nav-item{width:100%;display:block}
.hesperiden{display:none!important}
h1{font-size:1.4rem;}
.lead {font-size: 1.15rem;}
[class*="col-"]{margin-bottom: 1rem}
#extraFull [class*="col-"]{margin-bottom: 0;}
[class*="col-"]:last-child{margin-bottom: 0px!important}
.row.active [class*="col-"]:last-child{margin-bottom: 1rem!important}
[class*="col-"]>.form-group{margin-bottom: 0px!important}
[class*="col-"]>.row>[class*="col-"]:last-child{margin-bottom: 0px!important}
.galleria-container,.galleria-row.left .galleria-container {max-height: 250px!important;min-height: 250px!important; }
.img-fluid{width:100%}
.card-footer-inline {bottom: auto;}
.btn.btn-link{text-align: left;}
.prgrss{font-size: 0.6rem;}
.float{width: 40px;height: 40px;bottom: 15px;right: 15px;font-size: 25px;}
.my-float{margin-top: 8px;}
.passenger input {max-width: 2rem;}
.btn-xs-block{display: block;width: 100%;}
.media>img{float:none!important;display:block;margin-right:0px!important;margin-bottom:2rem;width: 100%;}
.media{display:block!important;}
.media-body{flex:0!important;}
.card-yorum>.media>img,.hero-price-badge{display:none!important}
}
/* Medium devices (tablets, less than 992px)*/
@media (min-width: 991.98px) {
}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px){
}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1599.98px){
.revslider-loadfix{content:' ';display:block;min-height:350px!important}
.tp-caption>img,#slider,#slider_wrapper{max-height:350px!important}
.tp-caption>img{width:600px!important;max-width:600px!important}
.text-title{font-size:3rem;margin-left:-12rem;margin-top:-2rem}
.tp-caption>.btn{margin-left:-12rem;margin-top:-5rem}
.tp-caption p{max-width:100%!important;}
.text-title.text-title-medium{font-size:2rem}
.text-title.text-title-small{font-size:1rem;}
}
/* =============================================
1. CSS CUSTOM PROPERTIES — PALETTE
============================================= */
:root {
--ds-fire: #E8570A;
--ds-amber: #F4A521;
--ds-earth: #2C1A0E;
--ds-bark: #5C3D2E;
--ds-sand: #F7F0E6;
--ds-leaf: #3D6B3F;
--ds-sky: #1A3A5C;
--ds-white: #FFFDF9;
--ds-mid: #8A7565;
--font-head: 'Oswald', sans-serif;
--font-body: 'Nunito Sans', sans-serif;
}
/* =============================================
2. GLOBAL RESET & BASE
============================================= */
*, *::before, *::after { box-sizing: border-box; }
body {
font-family: var(--font-body);
color: var(--ds-earth);
background: var(--ds-white);
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-head);
letter-spacing: 0.03em;
}
a {
text-decoration: none;
transition: color .2s;
}
img { max-width: 100%; }
/* =============================================
3. TOPBAR
============================================= */
.ds-topbar {
background: var(--ds-earth);
padding: 7px 0;
font-size: .8rem;
color: rgba(255,255,255,.7);
}
.ds-topbar a { color: rgba(255,255,255,.7); }
.ds-topbar a:hover { color: var(--ds-amber); }
.ds-topbar .top-contact span { margin-right: 20px; }
.ds-topbar .top-contact i { color: var(--ds-amber); margin-right: 5px; }
.ds-topbar .top-right a { margin-left: 12px; }
.lang-btn {
background: rgba(255,255,255,.12);
border-radius: 3px;
padding: 2px 7px;
font-size: .75rem;
}
.lang-btn:hover { background: var(--ds-fire); color: #fff !important; }
@media (max-width: 575px) {
.ds-topbar .top-right { display: none; }
}
/* =============================================
4. NAVBAR
============================================= */
.ds-navbar {
background: var(--ds-white);
padding: 0;
box-shadow: 0 2px 20px rgba(44,26,14,.12);
position: sticky;
top: 0;
z-index: 1000;
}
.ds-navbar .navbar-brand img { height: 54px; }
.ds-navbar .nav-link {
font-family: var(--font-head);
font-size: .88rem;
font-weight: 500;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ds-earth) !important;
padding: 28px 14px !important;
position: relative;
}
.ds-navbar .nav-link::after {
content: '';
position: absolute;
bottom: 0; left: 14px; right: 14px;
height: 3px;
background: var(--ds-fire);
transform: scaleX(0);
transition: transform .3s;
}
.ds-navbar .nav-link:hover::after,
.ds-navbar .nav-link.active::after { transform: scaleX(1); }
.ds-navbar .nav-link:hover { color: var(--ds-fire) !important; }
.btn-book-nav {
background: var(--ds-fire);
color: #fff !important;
font-family: var(--font-head);
font-size: .85rem;
letter-spacing: .1em;
text-transform: uppercase;
padding: 10px 22px !important;
border-radius: 2px;
margin-left: 10px;
align-self: center;
transition: background .2s, transform .2s;
}
.btn-book-nav:hover {
background: var(--ds-earth) !important;
color: var(--ds-amber) !important;
transform: translateY(-1px);
}
.btn-book-nav::after { display: none !important; }
/* =============================================
5. SECTION LABELS & TITLES
============================================= */
.section-label {
font-family: var(--font-head);
font-size: .75rem;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--ds-fire);
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.section-label::before {
content: '';
display: inline-block;
width: 30px; height: 2px;
background: var(--ds-fire);
}
.section-title {
font-family: var(--font-head);
font-size: clamp(2rem, 3.5vw, 2.8rem);
font-weight: 700;
color: var(--ds-earth);
line-height: 1.15;
margin-bottom: 0;
}
.section-title span { color: var(--ds-fire); }
/* =============================================
6. BUTTONS
============================================= */
.btn-ds-primary {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--ds-fire);
color: #fff;
font-family: var(--font-head);
font-size: .95rem;
letter-spacing: .12em;
text-transform: uppercase;
padding: 14px 32px;
border-radius: 2px;
border: 2px solid var(--ds-fire);
transition: all .25s;
}
.btn-ds-primary:hover {
background: transparent;
color: var(--ds-amber);
border-color: var(--ds-amber);
transform: translateY(-2px);
}
.btn-ds-ghost {
display: inline-flex;
align-items: center;
gap: 10px;
background: transparent;
color: #fff;
font-family: var(--font-head);
font-size: .95rem;
letter-spacing: .12em;
text-transform: uppercase;
padding: 14px 32px;
border-radius: 2px;
border: 2px solid rgba(255,255,255,.5);
transition: all .25s;
}
.btn-ds-ghost:hover {
border-color: #fff;
color: #fff;
background: rgba(255,255,255,.1);
}
.btn-ds-white {
display: inline-flex;
align-items: center;
gap: 10px;
background: #fff;
color: var(--ds-fire);
font-family: var(--font-head);
font-size: .95rem;
letter-spacing: .1em;
text-transform: uppercase;
padding: 14px 36px;
border-radius: 2px;
border: 2px solid #fff;
transition: all .25s;
}
.btn-ds-white:hover {
background: transparent;
color: #fff;
}
.btn-ds-card {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: var(--ds-fire);
font-family: var(--font-head);
font-size: .82rem;
letter-spacing: .1em;
text-transform: uppercase;
padding: 10px 20px;
border: 2px solid var(--ds-fire);
border-radius: 2px;
transition: all .2s;
align-self: flex-start;
}
.btn-ds-card:hover {
background: var(--ds-fire);
color: #fff;
}
.btn-ds-card i { transition: transform .2s; }
.btn-ds-card:hover i { transform: translateX(4px); }
/* =============================================
7. HERO (ANASAYFA)
============================================= */
.ds-hero {
position: relative;
height: 70vh;
min-height: 560px;
overflow: hidden;
}
.hero-slides { height: 100%; }
.hero-slide {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1.2s ease;
}
.hero-slide.active { opacity: 1; }
.hero-slide-1 { background-image: url('https://img.didimsafari.com/qluster/gal/img/SFR/didim-jeep-safari-tour-6235.png'); }
.hero-slide-2 { background-image: url('https://img.didimsafari.com/qluster/gal/img/SFR/didim-quad-atv-safari-tours-7359.jpg'); }
.hero-slide-3 { background-image: url('https://img.didimsafari.com/qluster/gal/img/SFR/didim-buggy-jeep-safari-tours-9107.png'); }
.hero-slide-4 { background-image: url('https://img.didimsafari.com/qluster/gal/img/SFR/didim-horse-back-riding-safari-4454.png'); }
.hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
rgba(44,26,14,.82) 0%,
rgba(44,26,14,.45) 60%,
rgba(232,87,10,.18) 100%
);
z-index: 1;
}
.hero-stripe {
position: absolute;
bottom: -1px; left: 0; right: 0;
height: 100px;
z-index: 2;
overflow: hidden;
}
.hero-stripe svg { width: 100%; height: 100%; }
.hero-content {
position: absolute;
inset: 0;
z-index: 3;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 8vw;
padding-right: 4vw;
max-width: 760px;
}
.hero-badge {
display: inline-block;
background: var(--ds-fire);
color: #fff;
font-family: var(--font-head);
font-size: .75rem;
letter-spacing: .18em;
text-transform: uppercase;
padding: 6px 16px;
border-radius: 2px;
margin-bottom: 20px;
animation: fadeUp .8s ease both;
}
.hero-title {
font-family: var(--font-head);
font-size: clamp(2.8rem, 6vw, 5.5rem);
font-weight: 700;
color: #fff;
line-height: 1.05;
margin-bottom: 20px;
animation: fadeUp .9s .1s ease both;
}
.hero-title span { color: var(--ds-amber); }
.hero-sub {
color: rgba(255,255,255,.85);
font-size: 1.05rem;
font-weight: 300;
max-width: 480px;
margin-bottom: 36px;
animation: fadeUp 1s .2s ease both;
}
.hero-actions { animation: fadeUp 1s .35s ease both; }
.hero-dots {
position: absolute;
bottom: 120px; right: 40px;
z-index: 4;
display: flex;
flex-direction: column;
gap: 8px;
}
.hero-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: rgba(255,255,255,.4);
cursor: pointer;
transition: all .3s;
}
.hero-dot.active {
background: var(--ds-amber);
transform: scale(1.4);
}
.hero-stats {
position: absolute;
bottom: 0; left: 0; right: 0;
z-index: 4;
background: rgba(44,26,14,.88);
backdrop-filter: blur(6px);
display: flex;
}
.hero-stat {
flex: 1;
text-align: center;
padding: 18px 10px;
border-right: 1px solid rgba(255,255,255,.1);
color: #fff;
}
.hero-stat:last-child { border-right: none; }
.hero-stat .stat-num {
font-family: var(--font-head);
font-size: 1.7rem;
font-weight: 700;
color: var(--ds-amber);
line-height: 1;
}
.hero-stat .stat-lbl {
font-size: .75rem;
text-transform: uppercase;
letter-spacing: .1em;
color: rgba(255,255,255,.65);
margin-top: 4px;
}
/* =============================================
8. TOUR CARDS (ANASAYFA)
============================================= */
.ds-tours { padding: 90px 0; background: var(--ds-sand); }
.tour-card {
background: var(--ds-white);
border-radius: 6px;
overflow: hidden;
box-shadow: 0 4px 24px rgba(44,26,14,.10);
transition: transform .3s, box-shadow .3s;
height: 100%;
display: flex;
flex-direction: column;
}
.tour-card:hover {
transform: translateY(-8px);
box-shadow: 0 16px 40px rgba(44,26,14,.18);
}
.tour-card-img {
position: relative;
overflow: hidden;
height: 230px;
}
.tour-card-img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform .5s;
}
.tour-card:hover .tour-card-img img { transform: scale(1.08); }
.tour-badge {
background: var(--ds-fire);
color: #fff;
font-family: var(--font-head);
font-size: .7rem;
letter-spacing: .12em;
text-transform: uppercase;
padding: 5px 12px;
border-radius: 2px;
}
/* Kart içindeyken absolute konumlandırma */
.tour-card-img .tour-badge {
position: absolute;
top: 16px; left: 16px;
}
.tour-price-tag {
position: absolute;
bottom: 16px; right: 16px;
background: var(--ds-earth);
color: var(--ds-amber);
font-family: var(--font-head);
font-size: 1.2rem;
font-weight: 700;
padding: 8px 14px;
border-radius: 2px;
}
.tour-price-tag small {
font-size: .6rem;
color: rgba(255,255,255,.6);
display: block;
line-height: 1;
}
.tour-card-body {
padding: 22px 24px;
flex: 1;
display: flex;
flex-direction: column;
}
.tour-card-title {
font-family: var(--font-head);
font-size: 1.25rem;
font-weight: 600;
color: var(--ds-earth);
margin-bottom: 10px;
}
.tour-card-title a { color: inherit; }
.tour-card-title a:hover { color: var(--ds-fire); }
.tour-meta {
display: block;
gap: 16px;
font-size: .8rem;
color: var(--ds-mid);
margin-bottom: 14px;
}
.tour-meta i { color: var(--ds-amber); margin-right: 4px; }
.tour-card-desc {
font-size: .88rem;
color: #6b5a50;
line-height: 1.65;
flex: 1;
margin-bottom: 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* =============================================
9. EXPERIENCE STRIP
============================================= */
.ds-experience {
background: var(--ds-earth);
padding: 70px 0;
position: relative;
overflow: hidden;
}
.ds-experience::before {
content: 'SAFARI';
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
font-family: var(--font-head);
font-size: clamp(6rem, 16vw, 14rem);
font-weight: 700;
color: rgba(255,255,255,.04);
white-space: nowrap;
pointer-events: none;
}
.exp-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
}
@media (min-width: 768px) { .exp-grid { grid-template-columns: repeat(4, 1fr); } }
.exp-item {
text-align: center;
padding: 36px 20px;
border: 1px solid rgba(255,255,255,.08);
position: relative;
overflow: hidden;
transition: background .3s;
}
.exp-item::before {
content: '';
position: absolute;
inset: 0;
background: var(--ds-fire);
transform: scaleY(0);
transform-origin: bottom;
transition: transform .4s;
z-index: 0;
}
.exp-item:hover::before { transform: scaleY(1); }
.exp-item > * { position: relative; z-index: 1; }
.exp-icon {
font-size: 2rem;
color: var(--ds-amber);
margin-bottom: 14px;
transition: color .3s;
}
.exp-item:hover .exp-icon { color: #fff; }
.exp-title {
font-family: var(--font-head);
font-size: 1.1rem;
font-weight: 600;
color: #fff;
margin-bottom: 8px;
}
.exp-desc {
font-size: .8rem;
color: rgba(255,255,255,.6);
line-height: 1.6;
transition: color .3s;
}
.exp-item:hover .exp-desc { color: rgba(255,255,255,.9); }
/* =============================================
10. WHY CHOOSE US
============================================= */
.ds-why { padding: 90px 0; }
.why-visual { position: relative; }
.why-visual img {
width: 100%;
height: 520px;
object-fit: cover;
border-radius: 6px;
}
.why-badge-float {
position: absolute;
bottom: 30px; right: -20px;
background: var(--ds-fire);
color: #fff;
padding: 24px 28px;
border-radius: 4px;
text-align: center;
box-shadow: 0 8px 30px rgba(232,87,10,.4);
}
.why-badge-float .big-num {
font-family: var(--font-head);
font-size: 3rem;
font-weight: 700;
line-height: 1;
}
.why-badge-float .big-lbl {
font-size: .78rem;
text-transform: uppercase;
letter-spacing: .1em;
opacity: .9;
}
.why-list { margin-top: 32px; }
.why-item {
display: flex;
gap: 18px;
margin-bottom: 28px;
align-items: flex-start;
}
.why-icon-wrap {
width: 52px; height: 52px;
border-radius: 4px;
background: rgba(232,87,10,.1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--ds-fire);
font-size: 1.3rem;
transition: all .25s;
}
.why-item:hover .why-icon-wrap {
background: var(--ds-fire);
color: #fff;
}
.why-item-title {
font-family: var(--font-head);
font-size: 1rem;
font-weight: 600;
color: var(--ds-earth);
margin-bottom: 4px;
}
.why-item-desc { font-size: .85rem; color: #7a6a5c; line-height: 1.6; }
/* =============================================
11. TESTIMONIALS
============================================= */
.ds-testimonials {
background: var(--ds-sand);
padding: 90px 0;
}
.testi-card {
background: #fff;
border-radius: 6px;
padding: 32px 28px;
box-shadow: 0 4px 20px rgba(44,26,14,.08);
height: 100%;
position: relative;
}
.testi-card::before {
content: '\201C';
position: absolute;
top: 20px; right: 24px;
font-family: Georgia, serif;
font-size: 6rem;
color: rgba(232,87,10,.12);
line-height: 1;
}
.testi-stars { color: var(--ds-amber); font-size: .85rem; margin-bottom: 16px; }
.testi-text {
font-size: .92rem;
color: #6b5a50;
line-height: 1.75;
font-style: italic;
margin-bottom: 20px;
}
.testi-author { display: flex; align-items: center; gap: 14px; }
.testi-avatar {
width: 46px; height: 46px;
border-radius: 50%;
background: var(--ds-fire);
display: flex; align-items: center; justify-content: center;
color: #fff;
font-family: var(--font-head);
font-size: 1.1rem;
font-weight: 700;
}
.testi-name { font-family: var(--font-head); font-size: 1rem; color: var(--ds-earth); }
.testi-origin { font-size: .78rem; color: var(--ds-mid); }
/* =============================================
12. BLOG CARDS
============================================= */
.ds-blog { padding: 90px 0; }
.blog-card {
background: #fff;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(44,26,14,.08);
transition: transform .3s, box-shadow .3s;
height: 100%;
display: flex;
flex-direction: column;
}
.blog-card:hover {
transform: translateY(-6px);
box-shadow: 0 14px 36px rgba(44,26,14,.15);
}
.blog-card-img {
height: 200px;
overflow: hidden;
}
.blog-card-img img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform .5s;
}
.blog-card:hover .blog-card-img img { transform: scale(1.06); }
.blog-card-body { padding: 22px; flex: 1; display: flex; flex-direction: column; }
.blog-cat {
font-family: var(--font-head);
font-size: .7rem;
letter-spacing: .15em;
text-transform: uppercase;
color: var(--ds-fire);
margin-bottom: 8px;
}
.blog-title {
font-family: var(--font-head);
font-size: 1.1rem;
font-weight: 600;
color: var(--ds-earth);
line-height: 1.35;
margin-bottom: 12px;
flex: 1;
}
.blog-title a { color: inherit; }
.blog-title a:hover { color: var(--ds-fire); }
.blog-meta { font-size: .78rem; color: var(--ds-mid); display: flex; gap: 14px; }
.blog-meta i { color: var(--ds-amber); margin-right: 4px; }
/* =============================================
13. CTA SECTION
============================================= */
.ds-cta {
background: linear-gradient(135deg, var(--ds-fire) 0%, #C1440E 60%, var(--ds-earth) 100%);
padding: 80px 0;
text-align: center;
position: relative;
overflow: hidden;
}
.ds-cta::before {
content: '';
position: absolute;
inset: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.ds-cta .cta-title {
font-family: var(--font-head);
font-size: clamp(2rem, 4vw, 3.2rem);
font-weight: 700;
color: #fff;
margin-bottom: 14px;
}
.ds-cta .cta-sub {
color: rgba(255,255,255,.85);
font-size: 1.05rem;
margin-bottom: 36px;
}
/* =============================================
14. FOOTER
============================================= */
.ds-footer {
background: var(--ds-earth);
padding: 70px 0 0;
color: rgba(255,255,255,.7);
}
.footer-logo img {
height: 52px;
margin-bottom: 18px;
filter: brightness(0) invert(1);
}
.footer-tagline { font-size: .88rem; line-height: 1.7; margin-bottom: 22px; }
.footer-social a {
display: inline-flex;
align-items: center; justify-content: center;
width: 36px; height: 36px;
border-radius: 50%;
background: rgba(255,255,255,.1);
color: rgba(255,255,255,.7);
font-size: .9rem; margin-right: 8px;
transition: all .2s;
}
.footer-social a:hover { background: var(--ds-fire); color: #fff; }
.footer-heading {
font-family: var(--font-head);
font-size: .85rem;
letter-spacing: .18em;
text-transform: uppercase;
color: #fff;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 10px; }
.footer-links a {
color: rgba(255,255,255,.65);
font-size: .88rem;
display: flex; align-items: center; gap: 8px;
transition: color .2s, padding-left .2s;
}
.footer-links a i { color: var(--ds-amber); font-size: .7rem; }
.footer-links a:hover { color: var(--ds-amber); padding-left: 4px; }
.footer-contact-item {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 14px;
font-size: .88rem;
}
.footer-contact-item i {
color: var(--ds-amber);
font-size: 1rem;
margin-top: 2px;
flex-shrink: 0;
}
.footer-bottom {
margin-top: 50px;
border-top: 1px solid rgba(255,255,255,.1);
padding: 18px 0;
font-size: .8rem;
}
/* =============================================
15. WHATSAPP FLOAT BUTTON
============================================= */
.whatsapp-float {
position: fixed;
bottom: 28px; right: 28px;
z-index: 9999;
width: 56px; height: 56px;
background: #25D366;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
color: #fff;
font-size: 1.6rem;
box-shadow: 0 4px 20px rgba(37,211,102,.4);
animation: pulse-wa 2.5s infinite;
}
/* =============================================
16. TOUR HERO (TUR DETAY)
============================================= */
.tour-hero {
position: relative;
height: 540px;
overflow: hidden;
}
.tour-hero-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transform: scale(1.05);
transition: transform 8s ease;
}
.tour-hero-bg.zoomed { transform: scale(1); }
.tour-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(44,26,14,.3) 0%,
rgba(44,26,14,.65) 60%,
rgba(44,26,14,.92) 100%
);
}
.tour-hero-content {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 50px 0 40px;
z-index: 2;
}
.ds-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
font-size: .8rem;
color: rgba(255,255,255,.65);
margin-bottom: 16px;
}
.ds-breadcrumb a { color: rgba(255,255,255,.65); }
.ds-breadcrumb a:hover { color: var(--ds-amber); }
.ds-breadcrumb i { font-size: .65rem; }
.tour-hero-title {
font-family: var(--font-head);
font-size: clamp(2.2rem, 5vw, 4rem);
font-weight: 700;
color: #fff;
line-height: 1.1;
margin-bottom: 16px;
}
.tour-hero-title span { color: var(--ds-amber); }
.tour-hero-meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.tour-hero-meta-item {
display: flex;
align-items: center;
gap: 8px;
color: rgba(255,255,255,.85);
font-size: .9rem;
}
.tour-hero-meta-item i { color: var(--ds-amber); }
.tour-badge-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.tour-badge.green { background: var(--ds-leaf); }
.tour-badge.blue { background: var(--ds-sky); }
/* =============================================
17. GALLERY STRIP (TUR DETAY)
============================================= */
.gallery-strip {
background: var(--ds-earth);
padding: 10px 0;
}
.gallery-strip-inner {
display: flex;
gap: 6px;
overflow-x: auto;
scrollbar-width: none;
}
.gallery-strip-inner::-webkit-scrollbar { display: none; }
.gallery-thumb {
flex-shrink: 0;
width: 120px; height: 76px;
border-radius: 3px;
overflow: hidden;
cursor: pointer;
opacity: .7;
transition: opacity .2s, transform .2s;
border: 2px solid transparent;
}
.gallery-thumb:hover,
.gallery-thumb.active { opacity: 1; border-color: var(--ds-amber); transform: scale(1.04); }
.gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
.gallery-more {
flex-shrink: 0;
width: 120px; height: 76px;
border-radius: 3px;
background: rgba(255,255,255,.1);
display: flex; flex-direction: column;
align-items: center; justify-content: center;
color: #fff;
cursor: pointer;
font-family: var(--font-head);
font-size: .8rem;
transition: background .2s;
}
.gallery-more:hover { background: var(--ds-fire); }
.gallery-more i { font-size: 1.2rem; margin-bottom: 4px; }
/* =============================================
18. TUR DETAY — İÇERİK BÖLÜMÜ
============================================= */
.tour-main { padding: 60px 0; }
.content-section { margin-bottom: 46px; }
.content-section h3 {
font-family: var(--font-head);
font-size: 1.5rem;
font-weight: 600;
color: var(--ds-earth);
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 2px solid var(--ds-sand);
}
.content-section p {
font-size: .93rem;
color: #6b5a50;
line-height: 1.8;
margin-bottom: 14px;
}
/* Highlights grid */
.highlight-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
@media (min-width: 576px) { .highlight-grid { grid-template-columns: repeat(3, 1fr); } }
.highlight-item {
background: var(--ds-sand);
border-radius: 6px;
padding: 18px 16px;
text-align: center;
transition: all .25s;
border: 2px solid transparent;
}
.highlight-item:hover {
border-color: var(--ds-fire);
background: #fff;
box-shadow: 0 4px 16px rgba(232,87,10,.12);
}
.highlight-icon { font-size: 1.6rem; color: var(--ds-fire); margin-bottom: 8px; }
.highlight-label {
font-family: var(--font-head);
font-size: .85rem;
font-weight: 500;
color: var(--ds-earth);
line-height: 1.25;
}
/* Included / Excluded */
.incl-list { list-style: none; padding: 0; margin: 0; }
.incl-list li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: .9rem;
color: #6b5a50;
margin-bottom: 10px;
padding: 10px 14px;
border-radius: 4px;
background: #fff;
border-left: 3px solid var(--ds-leaf);
}
.incl-list li.excl { border-left-color: #D9534F; }
.incl-list li i.check { color: var(--ds-leaf); }
.incl-list li i.cross { color: #D9534F; }
/* Itinerary */
.itinerary-item {
display: flex;
gap: 18px;
position: relative;
}
.itinerary-item::before {
content: '';
position: absolute;
left: 20px; top: 46px; bottom: -14px;
width: 2px;
background: var(--ds-sand);
}
.itinerary-item:last-child::before { display: none; }
.itin-time-col {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
.itin-dot {
width: 40px; height: 40px;
border-radius: 50%;
background: var(--ds-fire);
display: flex; align-items: center; justify-content: center;
color: #fff;
font-size: .8rem;
font-family: var(--font-head);
font-weight: 600;
flex-shrink: 0;
}
.itin-body {
background: #fff;
border-radius: 6px;
padding: 16px 18px;
margin-bottom: 14px;
flex: 1;
box-shadow: 0 2px 12px rgba(44,26,14,.06);
}
.itin-title {
font-family: var(--font-head);
font-size: 1rem;
color: var(--ds-earth);
margin-bottom: 6px;
}
.itin-desc { font-size: .85rem; color: #8a7565; line-height: 1.65; margin: 0; }
/* Reviews */
.review-summary {
background: var(--ds-earth);
border-radius: 6px;
padding: 28px 24px;
text-align: center;
margin-bottom: 20px;
}
.review-big {
font-family: var(--font-head);
font-size: 4rem;
font-weight: 700;
color: var(--ds-amber);
line-height: 1;
}
.review-stars { color: var(--ds-amber); font-size: 1.1rem; margin: 6px 0 4px; }
.review-count { color: rgba(255,255,255,.65); font-size: .8rem; }
.review-card {
background: #fff;
border-radius: 6px;
padding: 20px;
box-shadow: 0 2px 12px rgba(44,26,14,.07);
margin-bottom: 14px;
}
.review-card-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 10px;
}
.reviewer-name { font-family: var(--font-head); font-size: .95rem; color: var(--ds-earth); }
.reviewer-origin { font-size: .78rem; color: var(--ds-mid); }
.review-stars-sm { color: var(--ds-amber); font-size: .78rem; }
.review-date { font-size: .75rem; color: var(--ds-mid); }
.review-text { font-size: .87rem; color: #7a6a5c; line-height: 1.7; font-style: italic; }
/* =============================================
19. BOOKING SIDEBAR (TUR DETAY)
============================================= */
.booking-sidebar { position: sticky; top: 90px; }
.booking-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 8px 40px rgba(44,26,14,.14);
overflow: hidden;
}
.booking-card-head {
background: var(--ds-earth);
padding: 22px 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.booking-from {
font-size: .75rem;
text-transform: uppercase;
letter-spacing: .1em;
color: rgba(255,255,255,.6);
}
.booking-price {
font-family: var(--font-head);
font-size: 2.4rem;
font-weight: 700;
color: var(--ds-amber);
line-height: 1;
}
.booking-price small { font-size: 1rem; color: rgba(255,255,255,.7); }
.booking-per { font-size: .78rem; color: rgba(255,255,255,.55); margin-top: 2px; }
.booking-badge-head {
background: var(--ds-fire);
color: #fff;
font-family: var(--font-head);
font-size: .7rem;
letter-spacing: .1em;
text-transform: uppercase;
padding: 6px 12px;
border-radius: 2px;
}
.booking-card-body { padding: 24px; }
.form-label-ds {
font-family: var(--font-head);
font-size: .75rem;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--ds-bark);
margin-bottom: 6px;
display: block;
}
.form-control-ds {
width: 100%;
padding: 12px 14px;
border: 1.5px solid #e2d8cf;
border-radius: 4px;
font-family: var(--font-body);
font-size: .9rem;
color: var(--ds-earth);
background: var(--ds-sand);
outline: none;
transition: border-color .2s, box-shadow .2s;
margin-bottom: 14px;
-webkit-appearance: none;
}
.form-control-ds:focus {
border-color: var(--ds-fire);
box-shadow: 0 0 0 3px rgba(232,87,10,.12);
}
.pax-counter {
display: flex;
align-items: center;
border: 1.5px solid #e2d8cf;
border-radius: 4px;
overflow: hidden;
background: var(--ds-sand);
margin-bottom: 14px;
}
.pax-btn {
width: 44px; height: 44px;
background: #e2d8cf;
border: none;
font-size: 1.2rem;
color: var(--ds-bark);
cursor: pointer;
transition: background .2s, color .2s;
flex-shrink: 0;
}
.pax-btn:hover { background: var(--ds-fire); color: #fff; }
.pax-val {
flex: 1;
text-align: center;
font-family: var(--font-head);
font-size: 1.1rem;
font-weight: 600;
color: var(--ds-earth);
}
.booking-total {
background: var(--ds-sand);
border-radius: 4px;
padding: 14px 16px;
margin-bottom: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.booking-total-label { font-size: .85rem; color: var(--ds-mid); }
.booking-total-price {
font-family: var(--font-head);
font-size: 1.5rem;
font-weight: 700;
color: var(--ds-fire);
}
.btn-book-main {
width: 100%;
padding: 15px;
background: var(--ds-fire);
color: #fff;
font-family: var(--font-head);
font-size: 1rem;
letter-spacing: .12em;
text-transform: uppercase;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background .2s, transform .2s;
display: flex; align-items: center; justify-content: center;
gap: 10px;
margin-bottom: 12px;
}
.btn-book-main:hover { background: var(--ds-earth); transform: translateY(-1px); }
.btn-wa-main {
width: 100%;
padding: 13px;
background: #25D366;
color: #fff;
font-family: var(--font-head);
font-size: .9rem;
letter-spacing: .1em;
text-transform: uppercase;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background .2s;
display: flex; align-items: center; justify-content: center;
gap: 10px;
}
.btn-wa-main:hover { background: #1ead55; }
.booking-assurances { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.assurance-item {
display: flex; align-items: center; gap: 10px;
font-size: .8rem;
color: var(--ds-mid);
}
.assurance-item i { color: var(--ds-leaf); font-size: .9rem; }
/* Info Card */
.info-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(44,26,14,.08);
padding: 22px;
margin-top: 20px;
}
.info-card h5 {
font-family: var(--font-head);
font-size: .95rem;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ds-earth);
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 2px solid var(--ds-sand);
}
.info-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 9px 0;
border-bottom: 1px solid var(--ds-sand);
font-size: .87rem;
}
.info-row:last-child { border-bottom: none; }
.info-key { color: var(--ds-mid); }
.info-val { color: var(--ds-earth); font-weight: 600; text-align: right; }
/* =============================================
20. RELATED TOURS (TUR DETAY)
============================================= */
.related-tours { padding: 60px 0; background: var(--ds-sand); }
.related-card {
background: #fff;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(44,26,14,.08);
display: flex;
height: 100%;
transition: transform .3s, box-shadow .3s;
}
.related-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(44,26,14,.14);
}
.related-card-img {
width: 120px;
flex-shrink: 0;
overflow: hidden;
}
.related-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.related-card:hover .related-card-img img { transform: scale(1.08); }
.related-card-body {
padding: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.related-card-title { font-family: var(--font-head); font-size: .95rem; color: var(--ds-earth); margin-bottom: 6px; }
.related-card-price { font-family: var(--font-head); font-size: 1.1rem; color: var(--ds-fire); font-weight: 600; }
.related-card-link {
font-family: var(--font-head);
font-size: .75rem;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--ds-fire);
}
.related-card-link:hover { color: var(--ds-earth); }
/* =============================================
21. ANİMASYONLAR
============================================= */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes pulse-wa {
0%, 100% { box-shadow: 0 4px 20px rgba(37,211,102,.4); }
50% { box-shadow: 0 4px 30px rgba(37,211,102,.7), 0 0 0 10px rgba(37,211,102,.12); }
}
.reveal {
opacity: 0;
transform: translateY(40px);
transition: opacity .7s ease, transform .7s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
/* =============================================
22. RESPONSIVE
============================================= */
@media (max-width: 767px) {
.hero-content { padding: 0 24px; }
.hero-actions { display: flex; flex-direction: column; align-items: flex-start; }
.btn-ds-ghost { margin-left: 0; margin-top: 12px; }
.why-badge-float { right: 0; }
.hero-stats { flex-wrap: wrap; }
.hero-stat { flex: 50%; }
.tour-hero { height: 420px; }
.booking-sidebar { position: static; margin-top: 30px; }
}
@media (max-width: 575px) {
.ds-topbar .top-right { display: none; }
.tour-hero-meta { gap: 12px; }
.tour-hero-meta-item { font-size: .8rem; }
}