/* ===== THEME ===== */
:root{ --blue:#1f5a92; --blue-600:#174873;  --orange:#034594; --orange-700:#e97510;  --g900:#1d2630; --g700:#445162; --g500:#72809a;  --g200:#e7edf5; --g100:#f5f8fc; --white:#fff;  --r-lg:18px; --r-md:12px; --r-sm:8px;  --shadow:0 10px 24px rgba(0,0,0,.08);  --container:1240px;}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--g900);font:16px/1.65 "Segoe UI","Helvetica Neue",Arial,system-ui,-apple-system,sans-serif}
a{color:var(--blue);text-decoration:none} a:hover{color:var(--blue-600);text-decoration:underline}
h1,h2,h3,h4,h5,h6 {margin: 0 0 10px;}
img{max-width:100%;height:auto;border-radius:var(--r-md);display:block}
.container{max-width:var(--container);margin:auto;padding:0 20px}
.btn{display:inline-block;background:#034594;color:#fff;font-weight:700;padding:.8rem 1.2rem;border-radius:999px}
.btn:hover{background:#052d5c;text-decoration:none;color:#fff;}
.card{background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px}
.kv{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.kv li{display:flex;justify-content:space-between;gap:10px}
.tick{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.tick li{padding-left:20px;position:relative}
.tick li:before{content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:800}
span.chip img {display: block;max-width: 97px;}
.header{background:rgba(255,255,255,.92);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--g200);position:sticky;top:0;z-index:40;}
.nav-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}
/* ===== STICKY NAV ===== */
.nav{background: #034594;position: sticky; top: 71px;z-index: 9;}
.brand{max-width: 140px;}
.brand img{max-width:100%;}
.nav ul{list-style:none;display:flex;margin:0;padding:0}
nav.nav li a {color: #fff;padding: 12px;display: block;}
.num {font-size: 26px;font-weight: bold;}

.shell{display:flex;gap:28px;align-items:start;margin:auto;}
main {width: 100%;}
.main {margin-top: 50px;}
.tmi-grid {display:grid; grid-template-columns: 1.2fr 1fr 1.2fr; gap: 32px;}
.tmi-list {list-style: none;padding: 0;margin: 0;}
.tmi-nav ul {display: flex;flex-wrap: wrap;gap: 10px 18px;list-style: none;padding: 0;margin: 0;}
p.tmi-copy {margin:0;padding: 0;}
.listbox {border: 1px solid #eee;padding: 10px;border-radius: 10px;}
.listbox h3 {display: flex;align-items: self-start;gap: 10px;font-size: 20px;font-weight: bold;flex-wrap: wrap;}
.listbox .star{max-width: 90px;}
img.w-100.bigImg {height: 100%;object-fit: cover;}

.feature-group.mb-3 {display: flex;gap: 10px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.feature-group p {min-width: 125px;}
div#gallery {column-count: 3;column-gap: 20px;gap: 20px;}
.gallery-item {border: 1px solid #eee;border-radius: 10px;padding: 5px;text-align: center;margin-bottom: 20px;}
.sidebar{position:sticky;top:150px;display:grid;gap:18px; max-width:320px; min-width:320px;}
.section{display:grid;gap:12px;margin:22px 0}
.section h3{margin:0;font-size:1.35rem}
.lead{font-size:1.05rem;color:var(--g700)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(12,1fr)}
.item{grid-column:span 12;background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.item .body{padding:14px}
.item h4{margin:0 0 6px}
/* ===== CTA ===== */
.cta-bar{background:var(--blue);color:#fff}
.cta-inner{padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ===== FOOTER ===== */
footer{background:#0d76f3;border-top:1px solid var(--g200);margin-top:28px;    padding-top: 30px; color:#fff;}
.footer{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding:26px 0;color:var(--g700)}
.fcol{grid-column:span 12}
footer a{color:#fff;}
footer a:hover{color:#fff;}
.mobile-nav-trigger {display:none;padding: 0;position: fixed;right:8px;    top: 8px;z-index: 999;line-height: 0;}
.bi-x{display: none;-webkit-transition: all .4s;transition: all .4s;}
.mobile-nav-trigger .bi-list{-webkit-transition: all .4s;transition: all .4s; font-size:38px;}
.mobile-nav-trigger.open .bi-list{display: none;}
.mobile-nav-trigger.open .bi-x {display:block;position:relative;top:0px;right:0px;font-size:40px;padding:0px;}
.mobile-nav-trigger.open span {display: none;}
.callSec {display: flex;align-items: center;gap: 40px;}
.callSecMobile {display: none;}
button.btn-pill {background: var(--orange);color: #fff;border: 0;border-radius: 0 7px 7px 0;}
.cta {display: flex;align-items: center;gap: 10px;background: #e6e7e9b0;padding: 20px;border-radius: 10px;border: 1px dashed #cabcbc;}
.cta .btn-book2 {min-width: 180px;max-width: 180px;}
.cta h3{font-size:24px;}
ul.sitemap {list-style-type: none;padding: 0;margin: 0;}
ul.sitemap li {display: flex;padding: 5px 10px;align-items: center; gap: 10px;}
ul.sitemap li a{color:#000;}
ul.sitemap li a:hover{color:var(--blue);}
.answer p {margin: 0;}
.copyright {background:#034594;color: #fff;padding: 10px 0;margin-top: 20px;}

@media screen and (min-width:100px) and (max-width:767px){
.nav-inner{flex-wrap:wrap;    height: 50px;} 
.shell {flex-wrap: wrap;}
.sidebar{max-width:100%;min-width:100%;}  
.sidebar{top: 0;position: relative;}
nav.nav.mobile-menu {position: fixed;    left: 0;background: #034594;overflow: auto;top: 0;display: block;margin: 0;bottom: 0;max-width: 75%;width: 350px;z-index: 999;left: -75%;-webkit-transition: all .4s;transition: all .4s;padding-top: 20px;}
nav.nav.mobile-menu.open {left: 0;}
.mobile-nav-trigger{display: block;}    
.nav ul{display: block;}    
.tmi-grid{    grid-template-columns: 1fr;}
.callSec {display:none;}
.brand {max-width: 90px;}
.callSecMobile {display: flex;text-align: center;padding:5px 10px;position: fixed; background: #034594;align-items: center;justify-content: space-between;z-index: 99;right: 0;left: 0;top: 51px;}
.num{display: block;color: #fff;font-size: 22px;}
span.chip img {display: block;margin: auto;}
.feature-group.mb-3{display: block;}
.container{padding: 0 10px;}
span.chip {position: fixed;top:13px;font-size: 12px;max-width: 160px;right: 55px;line-height: 13px;}
.btn-book {max-width: 118px;}
.main {margin-top: 90px;}
#lightbox-container-image-box{max-width:95%;height: auto !important;}

}

@media screen and (min-width:100px) and (max-width:479px){
div#gallery{column-count:1;}    
}
@media screen and (min-width:480px) and (max-width:575px){
div#gallery{column-count:2;}    
}
@media screen and (min-width:100px) and (max-width:575px){
.cta{    flex-wrap: wrap;justify-content: center;    text-align: center;}    
.cta h3 {font-size: 18px;line-height: 24px;}
}

@media screen and (min-width:360px) and (max-width:767px){
span.chip{max-width: 206px;}
}

@media screen and (min-width:576px) and (max-width:767px){
.sidebar{display: block;column-count: 2;column-gap: 15px;}
.sidebar .card{overflow: hidden;margin-bottom: 15px;}
}

@media screen and (min-width:768px) and (max-width:991px){
.num {font-size: 20px;white-space: nowrap;} 
span.chip {font-size: 11px;text-align: center;max-width: 200px;}
span.chip img{    margin: auto;}
.container.shell {flex-wrap: wrap;}
.sidebar{display: block;column-count: 2;column-gap: 15px;position: relative;top: 0;max-width: 100%;width: 100%;}
.sidebar .card{overflow: hidden;margin-bottom: 15px;}
}
@media screen and (min-width:992px) and (max-width:1199px){
 .num {font-size: 20px;white-space: nowrap;}  
 span.chip {font-size: 13px;text-align: center;max-width:330px;}
}