nav.menu{min-height:56px;width:100%;background:#21283b;margin-bottom:20px;padding:0 10px}nav.menu div.row{display:flex}nav.menu div.row .sandwich{display:none}nav.menu div.menu-item{width:fit-content;height:100%;float:left;padding:14.5px 20px;position:relative}nav.menu div.menu-item.active{background:#0f121a}nav.menu div.menu-item a{height:100%;float:left;display:flex;align-items:center;padding:3px 0;color:#fff;text-transform:uppercase;font-weight:600;text-decoration:none;position:relative}nav.menu div.menu-item .menu-sub-item{display:none;position:absolute!important;top:56px;left:0}nav.menu div.menu-item .menu-sub-item a{padding:10px 20px;font-weight:200;font-size:.8rem}nav.menu div.menu-item.has-sub{padding:14.5px 30px 14.5px 20px}nav.menu div.menu-item.has-sub>a::after{position:absolute;top:10px;right:-12px;width:5px;height:5px;border-bottom:1px solid #fff;border-right:1px solid #fff;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}nav.menu div.menu-item:hover{background:#0f121a}nav.menu div.menu-item:hover .menu-sub-item{width:fit-content;height:fit-content;float:left;background:#2b2b2b;z-index:999;position:relative;display:block}nav.menu div.menu-item:hover .menu-sub-item a{width:100%}nav.menu div.menu-item:hover .menu-sub-item a:hover{background:#121212}@media only screen and (max-width:699px){nav.menu{padding:0}nav.menu div.row{display:inline-block;width:100%;padding:0;position:relative}nav.menu div.row .sandwich{display:block;color:#fff;font-size:2rem;position:absolute;right:17px;top:-21px;cursor:pointer}nav.menu div.menu-item{width:100%;display:none}nav.menu.open div.row .sandwich{top:-3px}nav.menu.open div.menu-item{display:block}}