/* Menu finish in the existing turquoise, charcoal and white palette. */
header .header-menu { background: #272731; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 2px solid #2596be; box-shadow: 0 5px 16px rgba(20,30,40,.12); }
header .header-menu .horizontal-menu { min-height: 62px !important; display: flex; align-items: center; background: transparent !important; }
header .horizontal-menu > .ul-top-items { display: flex; align-items: center; gap: 4px; }
header .horizontal-menu > .ul-top-items > .li-top-item > .a-top-link { padding: 12px 16px !important; border-radius: 7px; font-size: 13px !important; font-weight: 500 !important; line-height: 22px; transition: background .18s ease, color .18s ease; }
header .horizontal-menu > .ul-top-items > .li-top-item:hover > .a-top-link,
header .horizontal-menu > .ul-top-items > .li-top-item.active > .a-top-link { background: rgba(37,150,190,.18); color: #fff !important; }
header .horizontal-menu > .ul-top-items > .li-top-item > .a-top-link:before { content: ''; position: absolute; bottom: 5px; left: 16px; right: 16px; height: 2px; background: #2596be; border-radius: 2px; transform: scaleX(0); transition: transform .18s ease; }
header .horizontal-menu > .ul-top-items > .li-top-item:hover > .a-top-link:before,
header .horizontal-menu > .ul-top-items > .li-top-item.active > .a-top-link:before { transform: scaleX(1); }
header .vertical-menu .oc-menu-bar { display: flex; align-items: center; gap: 12px; min-height: 48px !important; height: 48px; padding: 0 16px; margin: 7px 0; line-height: normal; border-radius: 8px; background: #2596be !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.15); transition: box-shadow .18s ease; }
header .vertical-menu .oc-menu-bar:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); }
header .vertical-menu .oc-menu-bar .left,
header .vertical-menu .oc-menu-bar .right { float: none; margin: 0; }
header .vertical-menu .oc-menu-bar .left i { top: 0; font-size: 22px; }
header .vertical-menu .oc-menu-bar .right { font-size: 13px; letter-spacing: .2px; }
header .vertical-menu > .ul-top-items { top: calc(100% - 7px); padding: 10px 0; border: 1px solid #e0e6ea; border-radius: 0 0 10px 10px; box-shadow: 0 14px 32px rgba(20,35,45,.16); }
header .vertical-menu .ul-top-items .li-top-item .a-top-link { margin: 0 8px; padding: 11px 12px !important; border-radius: 6px; line-height: 20px; transition: background .18s ease, color .18s ease; }
header .vertical-menu .ul-top-items .li-top-item:hover > .a-top-link { background: rgba(37,150,190,.08); color: #2596be !important; }
header .oc-menu .sub-menu-container { border: 1px solid #e0e6ea; border-radius: 10px; box-shadow: 0 12px 32px rgba(20,35,45,.14); }
header .oc-menu .mega-menu-container .a-mega-second-link strong:hover,
header .oc-menu .mega-menu-container .a-mega-third-link h5:hover,
header .oc-menu .ul-top-items .a-item:hover .fa { color: #2596be !important; }
header .oc-menu a:focus-visible { outline: 2px solid #2596be; outline-offset: -2px; border-radius: 5px; }
header .header-menu .call-support { margin: 0; float: none; min-height: 62px; display: flex; align-items: center; justify-content: flex-end; }
header .header-menu .call-support p { margin: 0; font-size: 13px; }
@media (min-width: 992px) and (max-width: 1199px) {
    header .horizontal-menu > .ul-top-items > .li-top-item > .a-top-link { padding: 12px 10px !important; font-size: 12px !important; }
    header .header-menu .call-support p span { display: none; }
    header .vertical-menu .oc-menu-bar { padding: 0 10px; gap: 8px; }
    header .vertical-menu .oc-menu-bar .right { font-size: 12px; }
}
@media (max-width: 991px) {
    header .header-menu { margin-top: 0; }
    header .header-menu .call-support { min-height: 42px; justify-content: center; }
    header .header-menu .call-support p { color: #fff; font-size: 12px; }
    header .mobile-menu .oc-menu-bar { display: flex; align-items: center; justify-content: space-between; min-height: 52px !important; padding: 0 18px; background: #272731 !important; border-top: 1px solid rgba(255,255,255,.1); }
    header .mobile-menu .oc-menu-bar .left { font-size: 13px; letter-spacing: .5px; }
    header .mobile-menu .oc-menu-bar .right { width: 38px; height: 36px; line-height: 36px; text-align: center; border-radius: 6px; background: #2596be; color: #fff; }
    header .mobile-menu > .ul-top-items { padding: 8px; background: #272731; border-radius: 0 0 10px 10px; border: 1px solid rgba(255,255,255,.1); max-height: 70vh; overflow-y: auto; box-shadow: 0 14px 28px rgba(0,0,0,.2); }
    header .mobile-menu .ul-top-items > .li-top-item { padding: 0 4px; border-bottom: 1px solid rgba(255,255,255,.07); }
    header .mobile-menu .ul-top-items > .li-top-item > .a-top-link { padding: 14px 44px 14px 12px !important; font-size: 13px !important; color: #fff !important; border-radius: 6px; }
    header .mobile-menu .ul-top-items > .li-top-item:hover > .a-top-link { background: rgba(37,150,190,.16); }
    header .mobile-menu .top-click-show { width: 40px; min-height: 44px; display: flex; align-items: center; justify-content: center; color: #2596be; }
    header .mobile-menu .sub-menu-container { border: 0; border-radius: 6px; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
    header .oc-menu a, header .oc-menu a:before { transition: none !important; }
}