/* Shared MVR Travels site chrome. Keep this file last in each page's CSS stack. */
.header a,.footer a,.topline a{ text-decoration:none; }
.header .nav a{ color:#17232b; text-decoration:none; }
.header .nav a:hover,.header .nav a.active{ color:#f47732; }
.header .logo-link{ display:block; }
.header .nav-quote{ color:#fff; text-decoration:none; }
.footer .footer-bottom a{ color:#ff8a00; text-decoration:none; }
.topline a{ color:#fff; }
.topline{height:35px;background:#111923;color:#e7ebef;font:13px/1.3 "DM Sans",Arial,sans-serif}
.topline>.top-items,.header .nav-wrap,.footer .footer-top,.footer .footer-bottom{width:min(1320px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0}
.top-items{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.top-items span,.top-items a{white-space:nowrap}
.top-items b{color:#ff7900;margin-right:7px}
.top-items>a{background:#ff7000;color:white;padding:9px 28px;font-weight:800;margin-right:0}
.header{height:78px;background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 3px 18px #121a2410}
.header .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo-link{width:245px;flex:0 0 245px}
.logo-link img{width:100%;height:auto}
.header .nav{display:flex;align-items:center;gap:clamp(12px,1.55vw,25px);font:800 14px/1.3 "DM Sans",Arial,sans-serif}
.header .nav a{padding:28px 0;position:relative;white-space:nowrap}
.header .nav a:after{content:"";position:absolute;height:3px;bottom:17px;left:0;width:0;background:#f47732;transition:width .25s}
.header .nav a:hover,.header .nav a.active{color:#f47732}
.header .nav a:hover:after,.header .nav a.active:after{width:100%}
.nav-quote{background:#f47732;color:#fff;border-radius:30px;padding:13px 18px;font:800 12px/1.2 "DM Sans",Arial,sans-serif;white-space:nowrap;box-shadow:0 5px 14px #f4773233;transition:.25s}
.nav-quote:hover{transform:translateY(-2px);background:#e45e18}
.nav-toggle{display:none}
.footer{background:#0b141d;color:#fff;font-family:"DM Sans",Arial,sans-serif}
.footer .footer-top{display:flex;align-items:center;justify-content:space-between;padding-top:27px;padding-bottom:27px}
.footer-top img{width:190px;filter:brightness(0) invert(1)}
.footer-top p{font-size:13px;line-height:1.6;color:#b5c0c9}
.footer-top>a{font:800 15px Manrope,"DM Sans",sans-serif;color:#ff8a00}
.footer .footer-bottom{border-top:1px solid #273440;padding-top:14px;padding-bottom:14px;display:flex;justify-content:space-between;color:#94a0aa;font-size:12px}
.footer-bottom a{color:#ff8a00}
.float-wa{position:fixed;z-index:40;right:20px;bottom:20px;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#17b66b;color:white;font-size:27px;border:3px solid white;box-shadow:0 6px 18px #0003;transition:.2s}
.float-wa:hover{transform:scale(1.08)}
@media(max-width:1150px) and (min-width:701px){.logo-link{width:205px;flex-basis:205px}.header .nav{gap:10px;font-size:12px}.nav-quote{padding:11px 13px;font-size:11px}}
@media(max-width:700px){
 .topline{height:auto;min-height:34px}.topline>.top-items,.header .nav-wrap,.footer .footer-top,.footer .footer-bottom{width:calc(100% - 32px)}
 .top-items{justify-content:center}.top-items span:nth-child(2),.top-items span:nth-child(3){display:none}.top-items>a{margin:0;padding:9px 12px}
 .header{height:68px}.header .nav-wrap{gap:10px}.logo-link{width:190px;flex-basis:190px}
 .nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:9px;margin-left:auto;cursor:pointer}
 .nav-toggle i{width:24px;height:2px;background:#17212b;display:block}
 .header .nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:10px 22px 18px;box-shadow:0 12px 18px #0002;flex-direction:column;align-items:stretch;gap:0}
 .header .nav.open{display:flex}.header .nav a{padding:13px 4px;border-bottom:1px solid #edf0f2;font-size:14px}.header .nav a:after{display:none}
 .nav-quote{font-size:10px;padding:10px 12px}
 .footer .footer-top{flex-wrap:wrap;gap:13px}.footer-top img{width:165px}.footer-top p{width:100%;order:3;margin:0}.footer-top>a{font-size:12px}
 .footer .footer-bottom{gap:10px;flex-wrap:wrap;font-size:10px}
 .float-wa{right:13px;bottom:13px;width:48px;height:48px}
}