#site-scroll { border-radius: 0px; background: rgba(0,0,0,0.2); width: 40px; height: 40px; line-height: 40px; right: 20px; }
h4.h4.chic, label.h4.chic { font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 1.2; }
p.chic, .footer-links > ul > li { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 13px; }
body.index-demo2, html .index-demo2, .index-demo2 button, .index-demo2 input, .index-demo2 select, .index-demo2 textarea, .index-demo2 .btn { font-size: 13px; font-family: 'Jost', sans-serif; }
img.card-img-top { border-radius: 0px; }
h2 > a:hover { color: #001f3f; }
li.lvl1.parent.megamenu > a:hover, li.lvl1.parent.dropdown > a:hover { color: #001f3f !important; outline: none; }
.icon-taller-12 {font-size:1.2rem}
.icon-taller-11 {font-size:1.1rem}
.icon-taller-13 {font-size:1.3rem}
.icon-taller-14 {font-size:1.4rem}
.icon-taller-15 {font-size:1.5rem}
.icon-taller-16 {font-size:1.6rem}
.icon-taller-17 {font-size:1.7rem}
.icon-taller-18 {font-size:1.8rem}
/* Forms */
.input-group-text { background-color: #fff; border-radius: 0px; border-right: 0px; padding: .8rem 1rem; }
.form-control, .form-select { padding: .8rem 1rem !important; border-radius: 0px; font-size: 15px !important; }
.input-group > .form-select { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.form-select.full, .form-select.mobile, .form-control.full { width: 100%; }
.input-group { flex-wrap: nowrap !important; }
.input-group .form-control, .input-group .custom-select { position: relative; z-index: 2; flex: 1 1 auto; width: 1%; margin: 0; }
.input-group .input-group-prepend .input-group-text, .input-group .input-group-append .input-group-text { border-radius: 0; }
.input-group > .input-group-prepend .input-group-text { border-right: 0; }
.input-group > .input-group-append .input-group-text { border-left: 0; }
.input-group .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group .custom-select { height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; }
#datepicker-icon-prepend { height: 48px !important; cursor: pointer; }
h3.side-search { font-weight: 500 !important; }
/* Litepicker */
.litepicker { font: inherit; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: #fff; }
.litepicker .day-item.is-in-range { --litepicker-day-color: #000; }
.litepicker svg { fill: none !important; }
.litepicker .container__main { border: 1px solid rgba(0,0,0,0.2); border-radius: 0px; box-shadow: none; }
.litepicker .container__months .month-item-name, .litepicker .container__months .month-item-year { font-weight: var(--tblr-font-weight-medium) !important; }
.litepicker .container__months .button-next-month, .litepicker .container__months .button-previous-month { cursor: pointer !important; }
.litepicker .container__months .month-item-weekdays-row > div { padding: 0.5rem 0 !important; font-size: 0.75rem; }
.litepicker .container__days .day-item { cursor: pointer !important; padding: 0.5rem 0 !important; transition: color 0.3s, background-color 0.3s, border-color 0.3s; }
@media (prefers-reduced-motion: reduce) {
.litepicker .container__days .day-item { transition: none; }
}
.datepicker-inline .litepicker { box-shadow: none; }
.datepicker-inline .litepicker .container__months { box-shadow: none; background-color: #fff; border-radius: 0px; }
.litepicker .container__days .day-item.is-end-date {background-color:#000}
/* extra small */
@media (max-width: 575.9px) {
span.hide-sm {display:none}
}
/* Mobile to tablet */
@media (max-width: 767.8px) {
.breadcrumbs a, .breadcrumbs span {font-size:14px}
.index-demo2 .btn { font-size: 12px; font-family: 'Jost', sans-serif; letter-spacing: 0px; }
.btn-primary.reverse { background-color: #fff; color: #000; border: 1px solid #000; font-weight: 500; }
.btn-lg {padding: 12px 18px; font-weight:500}
.page-title > h1 {text-transform:none; font-weight:500}
span.number-count {font-weight:400}
p.intro-text { font-size: 15px; color: rgba(0,0,0,0.85); }
h2.list-head, h1.list-head { font-size: 18px; line-height: 1.5rem; font-family: "Raleway", sans-serif;color:rgba(0,0,0,0.9); font-weight:600; text-transform: none; letter-spacing: -1px; }
.card.hotel-list { border: 0.5px solid rgba(0,0,0,0.3); }
.list-geo-title { font-size: 14px; }
span.price-from { font-size: 15px; font-weight: 500; color: rgba(0,0,0,0.85); display: block; margin-bottom: 5px; letter-spacing: -1px; }
span.list-text { font-size: 13px; color: rgba(0,0,0,0.9); font-family: "Raleway", sans-serif;}
span.list-style, span.list-trip-title, span.list-rate-title { color: #000; font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; }
span.list-style.villa {display:inline-block;margin-bottom: 5px;}
span.list-style.villa.second {display:inline-block;margin-bottom: 5px;margin-top:5px}
span.list-trip-title { display: block; }
span.list-rate-title { display: block; }
.list-trip-bubble { margin-left: -6px; margin-bottom: 5px; margin-top: 3px; }
img.bubble-grid { height: 19px; }
.list-rate-number-grid { margin-left: 0px; font-size: 16px; font-weight: 500; margin-top: 0px; display: inline-block; letter-spacing: -1px; color: #000; margin-bottom: 0px; }
.list-rate-number-grid.text { font-size: 14px; color: rgba(0,0,0,0.85); letter-spacing: 0px; }
.book-div {height:76px; position:fixed; bottom:0px; background-color:#fff !important; width:100%; box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.5); z-index:4; border-top:1px solid #eee;}
h3.mobile-search {font-weight:500; text-transform:none}
.third-card:nth-child(3n+1) .card {margin-left: 0;margin-right: 0px;}
.third-card:nth-child(3n+2) .card {margin-left: 0px;margin-right: 0px;}
.third-card:nth-child(3n+3) .card {margin-left: 0px;margin-right: 0;}
}
/* Desktop */
@media (min-width: 992px) {
.hide-lg { display: none; }
.btn-lg {padding: 12px 18px; font-weight:500}
.breadcrumbs a, .breadcrumbs span {font-size:14px}
.btn-primary.reverse { background-color: #fff; color: #000; border: 1px solid #000; font-weight: 400; }
span.number-count {font-weight:400}
p.intro-text { font-size: 15px; color: rgba(0,0,0,0.85); }
.card { border-radius: 0px; border: none; }
img.card-img-top { border-radius: 0px; }
.list-geo-title { font-size: 15px; }
h2.list-head.grid-style { line-height: 1.7rem; text-transform:none; letter-spacing: -1px; font-weight:600; font-size:20px}
h2.list-head.straight { line-height: 1.7rem; text-transform:none; letter-spacing: -1px; font-weight:600; font-size:22px}
span.price-from { font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.85); }
span.list-style, span.list-trip-title, span.list-rate-title { color: #000; font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; }
span.list-style.villa {display:inline-block;margin-bottom: 5px;}
span.list-style.villa.second {display:inline-block;margin-bottom: 5px;padding-top:5px}
span.list-trip-title { margin-bottom: 10px; }
span.list-rate-title { display: block; }
span.list-text { font-size: 14px; color: rgba(0,0,0,1); font-family: "Raleway", sans-serif;}
.list-end-col { background-color: #f9f9f9; border-left: 0px solid rgba(4,32,69,0.1); text-align: right; }
.list-trip-bubble { margin-right: -6px; margin-bottom: 15px; margin-top: 5px; }
img.bubble-grid { height: 19px; float: right; }
.list-rate-number { font-size: 22px; font-weight: 500; margin-top: 0px; display: inline-block; letter-spacing: -1px; margin-bottom: 30px; }
.list-rate-number.ext { font-size: 16px; font-weight: 500; overflow-wrap: normal; margin-top: 5px; display: none; }
.list-rate-number-grid { margin-left: 0px; font-size: 16px; font-weight: 500; margin-top: 0px; display: inline-block; letter-spacing: -1px; color: #000; margin-bottom: 0px; }
.list-rate-number-grid.text { font-size: 14px; color: rgba(0,0,0,0.85); letter-spacing: 0px; }
.line-beneath { width: 100%; height: 1px; background-color: rgba(0,0,0,0.2); }
.line-beneath:last-child { display: none; }
.sidebar.filterbar { position: sticky; top: 80px; align-self: flex-start; height: fit-content; z-index: 1; max-height: calc(100vh - 180px); }
.litepicker { z-index: 9999 !important; }
.sidebar.filterbar > .sidebar_tags { margin-bottom: 40px; }
span.filter-display {display:block; margin-top:10px}
.odd-even-card:nth-child(odd) .card {margin-left: -15px; margin-right: 0;}
.odd-even-card:nth-child(even) .card {margin-right: -15px;margin-left: 0;}
.third-card:nth-child(3n+1) .card {margin-left: 0;margin-right: 10px;}
.third-card:nth-child(3n+2) .card {margin-left: 5px;margin-right: 5px;}
.third-card:nth-child(3n+3) .card {margin-left: 10px;margin-right: 0;}
.hover-zoom {transition: transform 0.4s ease; will-change: transform;}
.hover-zoom:hover {transform: scale(1.08);}
.overflow-hidden {overflow: hidden;}
}
/* Off Canvas */
.offcanvas-toggle {display: none;}
.offcanvas-sidebar {position: fixed; top: 0; right: -90%; width: 90%; max-width: 420px; height: 100vh; background: #fff; box-shadow: -4px 0 15px rgba(0, 0, 0, 0.25); transition: right 0.35s ease; z-index: 1050; overflow-y: auto;}
#offcanvasEnd:checked ~ .offcanvas-sidebar { right: 0;}
.offcanvas-header {border-bottom: 1px solid #eee;}
.offcanvas-title > h3 {text-transform:none}
.close {font-size: 1.8rem; opacity: 0.6;margin-right:15px}
.close:hover {opacity: 1;}
.input-group-prepend .input-group-text {border-right: 0;}
/* menu off canvas */
.offcanvas-left {
position: fixed;
top: 0;
left: -320px;
width: 320px;
height: 100vh;
background: #fff;
box-shadow: none;
transition: left 0.4s ease;
z-index: 1060;
overflow-y: auto;
}
.offcanvas-left.show {
left: 0;
}
.offcanvas-backdrop {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.5);
z-index: 1050;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.offcanvas-backdrop.show {
opacity: 1;
visibility: visible;
}
.offcanvas-header {
padding: 15px 20px;
border-bottom: 1px solid #ddd;
display: flex;
justify-content: space-between;
align-items: center;
}
.btn-close {
font-size: 1.8rem;
background: none;
border: none;
padding: 0 8px;
}
.bathroom-icon {
--bathroom-svg: url("data:image/svg+xml;charset=utf-8,");
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--bathroom-svg) no-repeat center / contain;
vertical-align: -0.125em;
}
.bed-icon {
--bed-svg: url("data:image/svg+xml;charset=utf-8,");
display: inline-block;
width: 1.25em;
height: 1.15em;
background: var(--bed-svg) no-repeat center / contain;
vertical-align: -0.125em;
}
.guest-icon {
--guest-svg: url("data:image/svg+xml;charset=utf-8,");
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--guest-svg) no-repeat center / contain;
vertical-align: -0.125em;
}