header {position: relative;}
header nav .logo {width: 145px;}
header nav .menu-wrapper {display: flex; align-items: center;}
header nav .menu-wrapper .menu {list-style: none; display: block; margin-bottom: 0; padding-left: 0;}
header nav .menu-wrapper .menu li {display: inline;}
header nav .menu-wrapper .menu li a {text-decoration: none; color: #33485D; font-weight: 700; padding: 0.75rem; position: relative;}
header nav .menu-wrapper .menu li:not(:nth-child(4)) a::after {content: ''; position: absolute; width: 0; background-color: #FFF; height: 2px; bottom: 0; left: 0; transition: 300ms ease;}
header nav .menu-wrapper .menu li a:hover::after {width: 100%;}
header nav .menu-mobile {display: none;}
header .lang-item{text-transform: uppercase;}
header .menu-wrapper .menu li.account-link {background-color: #33485D; padding: 8px 8px; border-radius: 3px;}
header .menu-wrapper .menu li.account-link a {color: white;}

.home header {position: absolute; top: 0; left: 0; width: 100%;}
.home header .menu-wrapper .menu li a {color: #fff;}
.home header .menu-wrapper .menu li.account-link {background-color: #fff; padding: 8px 8px; border-radius: 3px;}
.home header .menu-wrapper .menu li.account-link a {color: #33485D;}

/* -- Mini Desktop -- */
@media screen and (max-width: 993px) {
    .home header .menu-wrapper .menu li a {color: #33485D;}
    .home header .menu-wrapper .menu li:nth-child(4) {background-color: #33485D;}
    .home header .menu-wrapper .menu li:nth-child(4) a {color: #fff;}
    header nav .menu-wrapper {z-index:1; background-color: #fff; position: absolute; top: 0; right: 0; width: 100vw; height:100vh; display: flex; justify-content: center; transform: translateY(-100%); transition: 300ms ease;}
    header nav .menu-wrapper .menu {display: block;}
    header nav .menu-wrapper .menu li {display: block; text-align: center; padding: 20px 0;}
    header nav .menu-wrapper .menu li:last-child {padding-top: 0;}
    header nav .menu-wrapper.active {transform: translateY(0);}
    header nav .menu-mobile { z-index: 2; position: relative; width: 60px; height: 30px; display: block;}
    header nav .menu-mobile .menu-icon-top {display: block; position: absolute; height: 5px; width: 38px; top: 0; right: 0; background-color: #fff; border-radius: 5px; transform-origin: 30px 0;transition: 300ms ease;}
    header nav .menu-mobile .menu-icon-middle {display: block; position: absolute; height: 5px; width: 34px; top: 12px; right: 0; background-color: #fff; border-radius: 5px; opacity:1; transition: 300ms ease;}
    header nav .menu-mobile .menu-icon-bottom {display: block; position: absolute; height: 5px; width: 38px; top: 24px; right: 0; background-color: #fff; border-radius: 5px; transform-origin: 40px 0; transition: 300ms ease;}
    header nav .menu-mobile .menu-icon-top.cross-left {background-color: #33485D; transform: rotate(-45deg);}
    header nav .menu-mobile .menu-icon-middle.hide {opacity: 0;}
    header nav .menu-mobile .menu-icon-bottom.cross-right {background-color: #33485D; transform: rotate(45deg);}
    body:not(.home, .page-template-template-sell-parts) header nav .menu-mobile .menu-icon-top,
    body:not(.home, .page-template-template-sell-parts) header nav .menu-mobile .menu-icon-middle,
    body:not(.home, .page-template-template-sell-parts) header nav .menu-mobile .menu-icon-bottom{background-color: #33485D;}
}