/* Design 1 header: contact top bar and solid main navigation bar with simple dropdowns. */
.bar-top{position:relative;z-index:21;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5.5vw;height:38px;background:#0d2f33;color:#d7e2de;font-size:12px}
.bar-top-contacts{display:flex;align-items:center;gap:26px}
.bar-top a{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;white-space:nowrap}
.bar-top a:hover{color:#fff}
.bar-top-contacts svg{width:14px;height:14px}
.bar-top .bar-top-socials{margin:0}
.bar-top-socials>div{display:flex;gap:14px}
.bar-top .bar-top-socials a{width:auto;height:auto;border:0;border-radius:0;background:none;transform:none}
.bar-top .bar-top-socials img{width:15px;height:15px;display:block;opacity:1;filter:brightness(0) invert(.88)}
.bar-top .bar-top-socials a:hover img{filter:brightness(0) invert(1)}

.site-header.bar-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 5.5vw;background:#f8f1ee;color:#123e43;box-shadow:0 2px 18px #0b2a2e26}
.bar-header .brand{width:auto}
.bar-header .brand img{height:62px;width:auto}
.bar-nav>ul{display:flex;align-items:center;gap:clamp(14px,2.3vw,36px);list-style:none;margin:0;padding:0}
.bar-nav>ul>li{position:relative}
.bar-nav>ul>li>button{display:inline-flex;align-items:center;gap:5px;padding:12px 0;color:#123e43;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.bar-nav>ul>li>button svg{width:14px;height:14px;opacity:.6;transition:transform .15s}
.bar-nav>ul>li>button:hover,.bar-drop:hover>button,.bar-drop.open>button{color:#95401f}
.bar-drop:hover>button svg,.bar-drop.open>button svg{transform:rotate(180deg)}
.bar-sub{position:absolute;top:100%;left:-18px;min-width:250px;list-style:none;margin:0;padding:10px 0;background:#fff;border-top:2px solid #95401f;box-shadow:0 12px 30px #0b2a2e2e;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:30}
.bar-drop:hover>.bar-sub,.bar-drop:focus-within>.bar-sub,.bar-drop.open>.bar-sub{visibility:visible;opacity:1;transform:none}
.bar-sub.two-col{display:grid;grid-template-columns:1fr 1fr;min-width:340px}
.bar-nav .bar-sub button{display:block;width:100%;padding:8px 20px;color:#123e43;font-size:13.5px;text-align:left;white-space:nowrap}
.bar-nav .bar-sub button:hover{background:#f8f1ee;color:#95401f}
.bar-sub .bar-all{border-top:1px solid #ece4da;margin-top:6px;padding-top:6px}
.bar-nav .bar-sub .bar-all button{font-weight:700;font-size:12.5px;color:#95401f}
.bar-header .mobile-menu{color:#123e43}

@media(min-width:1700px){.bar-nav>ul{gap:44px}.bar-nav>ul>li>button{font-size:14px}}
@media(max-width:1500px){.bar-nav>ul{gap:22px}.bar-nav>ul>li>button{font-size:12px;letter-spacing:.03em}}
@media(max-width:1320px){.bar-nav>ul{gap:20px}.bar-nav>ul>li>button{font-size:12px;letter-spacing:.03em}.bar-header .brand img{height:54px}}
@media(max-width:1180px){
 .bar-top{padding:7px 20px;font-size:11px}
 .bar-top-contacts{gap:16px}
 .site-header.bar-header{padding:10px 20px}
 .bar-header .brand img{height:48px}
 .bar-nav{display:none!important}
 .bar-header .mobile-menu{display:flex!important}
}
@media(max-width:650px){.bar-top{padding:0 16px;gap:12px}.bar-top-contacts a:nth-child(2) span{display:none}.bar-top .bar-top-socials img{width:14px;height:14px}.bar-top-socials>div{gap:12px}}