body { font-family: "Poppins", sans-serif; font-size: 14px; color: #6f6f6f;}

body.no-scroll { overflow: hidden; }
a:hover { text-decoration: none; color: inherit; }

#return-to-top { position: fixed; bottom: 20px; right: 20px; background: #dba674; width: 40px; height: 40px; text-decoration: none; display: none; border-radius: 10px; z-index : 999; }
#return-to-top i { font-size: 25px; color: #fff; position: relative; margin: 0; left: 9px; top: 7px; }

#overlay { position: absolute; z-index: 900; background-image: -moz-linear-gradient( 90deg, rgb(60,129,141) 0%, rgb(50,92,126) 53%, rgb(5,16,54) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(60,129,141) 0%, rgb(50,92,126) 53%, rgb(5,16,54) 100%); background-image: -ms-linear-gradient( 90deg, rgb(60,129,141) 0%, rgb(50,92,126) 53%, rgb(5,16,54) 100%);  left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#overlay.active { visibility: visible; opacity: 1; }
#carouselBanner .carousel-control-next,
#carouselBanner .carousel-control-prev { z-index: 10;}

.form-control:focus,
.btn:focus { border-color: #ced4da; box-shadow: 0 0 0 0.2rem rgba(238,80,48,.25); }

.navbar > .container { background: #fff; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
#navbar-nav .nav-link { font-size: 14px; color: #5a5553!important; padding-left: 1.5rem; padding-right: 1.2rem;}
.navbar-nav > .nav-item { position: relative; }
.navbar-nav > .nav-item.active:before,
.navbar-nav > .nav-item:hover:before { position: absolute; content: ""; top: -17px; left: 0; right: 0; height: 20px; width: 1px; text-align: center; margin: 0 auto; background: #dba674;}
.navbar-nav > .nav-item.active:after,
.navbar-nav > .nav-item:hover:after { position: absolute; content: ""; bottom: -17px; left: 0; right: 0; height: 20px; width: 1px; text-align: center; margin: 0 auto; background: #dba674;}
.navbar-toggler { border: 0;}
.navbar-toggler > i { font-size: 1.5rem; }
.header-scroll { position: relative}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover { background-color: #a17a35; color: #fff;}
.dropdown > .btn:focus { box-shadow: none!important; border: 0!important}
.nav-link-sub { color: #212529 !important;}

.user-button { background: #a17a35; color: #fff; font-size: 13px}
.user-button:hover { background: #dba674; color: #fff}

.search-btn { background: #a17a35; color: #fff; font-size: 14px; padding: 10px 20px; height: 50px; margin-top: 20px }
.search-btn:hover { background: #dba674; color: #fff;}

#search-tabs { position: absolute; top: auto; bottom: 25px; z-index: 999; left: 0; right: 0; text-align: center; }
#home-tabs .nav-link { background: #fff; color: #000; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; height: 100%}
#home-tabs .nav-link img { filter: brightness(0);}
#home-tabs .nav-link.active img{ filter: none}
#home-tabs .nav-link.active { color: #a17a35!important;}
.sub-search .form-control,
.sub-search .form-select { height: 50px;}
.sub-search .btn { height: 50px; background: #dba674;}
.sub-search.transfer-search { position: absolute; bottom: 0; left: 0; right: 0; z-index: 999;}
.sub-search { position: absolute; bottom: 0; left: 0; right: 0; z-index: 999}

#home-tabs-content{ background-color: rgba(255, 255, 255, 0.6); border-top-right-radius: 15px;}

.filter-form { text-align: left;}
.filter-form .form-control,
.filter-form .form-select { height: 50px; border: 0; }
.filter-form label { color: #555; font-weight: bold; }

#references-slick .slick-track { display: flex; align-items: center;}

#transfer-slick .slick-slide img { text-align: center; margin: 0 auto;}
#transfer-slick .slick-dots { bottom: -40px;}
#transfer-slick .slick-dots li button:before { font-size: 9px}
#transfer-slick .slick-dots li.slick-active button:before { color: #a17a35}
#transfer-slick .slick-dots:before,
#transfer-slick .slick-dots:after { font-family: "Font Awesome 5 Free"; padding-top: 3px;  display: inline-block; padding-right: 3px; vertical-align: middle; font-weight: 900; color: #0d9b4d   }
#transfer-slick .slick-dots:before { content: "\f100";}
#transfer-slick .slick-dots:after { content: "\f101";}

.item-title h2 { font-size: 18px; color: #202020; font-weight: bold;}
.item-description { color: #8d857b;}
.item-description i { font-size: 6px; color: #c6b48a; margin-right: 2px; vertical-align: middle; }
.item-price { position: absolute; right: 0; top: 0; margin: 0 auto; padding: .3rem .75rem; font-size: 18px; font-weight: bold; background: #fff; color: #a58750; text-align: center; }
.item-transfer-price { background: #dba674; font-size: 16px; font-weight: bold; text-align: center; color: #fff; width: 90px; height: 90px; border-radius: 90px; vertical-align: middle; padding-top: 27px;}

.tours-section { background-color: #24201c; }
.tours-overline { font-size: 14px; letter-spacing: 3px; text-transform: uppercase; color: #a68851; margin-bottom: .25rem; }
.tours-title { font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 2.5rem; }

.tour-card { position: relative; display: block; height: 360px; border-radius: 16px; overflow: hidden; text-decoration: none; }
.tour-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.tour-card:hover .tour-card-img { transform: scale(1.06); }
.tour-card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(20,16,12,.92) 0%, rgba(20,16,12,.55) 42%, rgba(20,16,12,.05) 100%); }
.tour-card-body { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.25rem; }
.tour-card-title { font-size: 19px; font-weight: bold; color: #fff; margin-bottom: .4rem; }
.tour-card-meta { list-style: none; padding: 0; margin: 0 0 .85rem; font-size: 12.5px; color: #d8d2c9; }
.tour-card-meta li { display: inline-block; }
.tour-card-meta li:before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 5px; color: #c6a869; vertical-align: middle; margin-right: 6px; }
.tour-card-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: .5rem; }
.tour-card-price-label { display: block; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #c6a869; }
.tour-card-price-value { display: block; font-size: 24px; font-weight: bold; color: #fff; line-height: 1.1; }
.tour-card-btn { flex-shrink: 0; background: #a68851; color: #fff; font-weight: 600; font-size: 14px; padding: .5rem 1.15rem; border-radius: 8px; transition: background .2s ease; }
.tour-card:hover .tour-card-btn { background: #c0a066; }

/* Reservation variant (tours list) — has person select + reservation button */
.tour-card-reserve { height: 480px; }
.tour-card-reserve .form-select { border: 0; }

.btn-tours-all { display: inline-block; border: 1px solid #a58750; color: #fff; background: #a58750; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; padding: .65rem 2rem; border-radius: 8px; text-decoration: none; transition: all .2s ease; }
.btn-tours-all:hover { background: #a68851; color: #241f1b; }

.page-titles { font-size: 20px; color: #000; font-weight: 600}
.page-titles-sub { font-size: 14px; color: #a68851;}
.sub-page-titles { position: absolute; top: auto; bottom: 25px; z-index: 999; left: 0; right: 0; text-align: center; margin-top: 90px}
.sub-page-titles > .page-titles { font-size: 50px; font-weight: bold; color: #fff;}

.page-link, .page-link:hover { color: #333; }
.page-item.active .page-link { background-color: #a68851; border-color: #a68851; }

/* Wizard */
.sw-theme-dots>ul.step-anchor { justify-content: center; }
.sw-theme-dots>ul.step-anchor:before { top: 46px; }
#step-4 label.col-form-label{ width: 25%!important; }

/* Footer */
footer h5, footer h6 { color: #1d1d1d!important}
footer a { color: #1d1d1d; text-decoration: none; }
footer > .container a { color: #1d1d1d; }

/*Colors*/
.text-light-orange { color: #a17a35;}
.btn-light-orange { background-color: #a17a35; color: #fff;}
.btn-light-orange:hover { background-color: #a17a35; color: #fff;}
.orange{ color:#f55d2e;}
.text-orange { color: #a58750;}
.bg-dark-gray { background-color: #3d3d3d; color: #bfbfbf;  }
.bg-gray { background-color: #faf8f4;}
.bg-light-gray { background-color: #fafafe; }
.btn-orange { background-color: #ee5030; color: #fff; }
i.fa-star{ color: #ecb731;}

@media (max-width: 767.98px) {
    .tours-title { font-size: 23px; margin-bottom: 1.75rem; }
    .tour-card { height: 320px; }
    .tour-card-reserve { height: 480px; }
}

/* RESPONSIVE DOWN (max-width) */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.sw-theme-dots>ul.step-anchor:before { left: auto; width: 100%; height: 2px }
	.sw-theme-dots>ul.step-anchor>li>a:before{ top: -13px;}
    .sw-theme-dots>ul.step-anchor>li>a:after { top: -35px;}
    .carousel-caption { top: 40%; left: 1%;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .carousel-caption { top: 40%; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .navbar-brand { position:relative; padding-bottom: 0;}
    #home-tabs .nav-link { font-size: .9rem; min-width: 70px; margin: 0; padding-left: 0; padding-right: 0;}
    .filter-form .btn { width: 100%; }
    .item-price { width: auto; }
    .item-transfer-price { position: absolute; right: 0;}
    .sw-theme-dots>ul.step-anchor { justify-content: start;}
    #references-slick .slick-slide img { text-align: center; margin: 0 auto;}
    footer { font-size: 12px; text-align: center;}
}

/* IPad */
@media (max-width: 1024px) {
    .navbar .dropdown { display: block; width: 100%; text-align: right;}
    #navbar-nav .nav-link { color: #000!important; padding-left: 0; padding-right: 0;}
    .navbar-nav > .nav-item.active:before,
    .navbar-nav > .nav-item:hover:before,
    .navbar-nav > .nav-item.active:after,
    .navbar-nav > .nav-item:hover:after { display: none;}
    .sub-page-titles p { display: none;}
    .sub-page-titles > .page-titles { font-size: 25px; color: #555;}
    .sub-search { position: relative;}
    .filter-form .form-control { border: 0!important}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .header-fix { position: relative}
    #navbar-nav .nav-item { margin-left: .7rem;}
    #search-tabs { position: relative;}
    #home-tabs { position: relative; top: 0; background: #fff; padding: 0 25px; border-radius: 10px;}
    .sub-page-titles { position: relative; top: 0!important; margin-top: 0}
    .sub-page-titles > .page-titles { font-size: 25px; color: #555;}
}