#header{position:relative;z-index:500}#header .header-holder{align-items:center;display:flex;justify-content:space-between;max-width:1180px!important;padding-bottom:22px;padding-top:22px;width:100%}#header .logo{flex-shrink:0;margin:0 10px 0 0;max-width:280px}#header .menu-opener{display:none}#header .nav ul{background:#fff;display:flex;font-size:17px;font-weight:300;justify-content:flex-end;list-style:none;margin:0 -15px;padding:0;text-transform:uppercase;transition:all .3s ease-in-out}#header .nav ul li{margin:0 15px}#header .nav ul li a{color:#1f2c40;display:block}#header .nav ul li a:focus,#header .nav ul li a:hover{color:#004aad}@media (max-width:991px){#header .nav ul{font-size:17px;margin:0 -12px}#header .nav ul li{margin:0 12px}}@media (max-width:767px){#header .menu-opener{display:block;height:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px}#header .menu-opener span,#header .menu-opener:after,#header .menu-opener:before{background:#000;border-radius:3px;content:"";display:block;height:3px;left:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}#header .menu-opener span{top:50%;transform:translateY(-50%)}#header .menu-opener:after{top:17px}.nav-active #header .menu-opener span{opacity:0;visibility:hidden}.nav-active #header .menu-opener:after{top:10px;transform:rotate(45deg)}.nav-active #header .menu-opener:before{top:10px;transform:rotate(-45deg)}#header .nav ul{border-top:1px solid rgba(0,0,0,.05);display:block;left:0;margin:0;position:absolute;right:0;top:100%}#header .nav ul li{border-bottom:1px solid rgba(0,0,0,.05);margin:0;padding:0}#header .nav ul li a{padding:10px 20px}#header .nav ul{opacity:0;visibility:hidden}.nav-active #header .nav ul{opacity:1;visibility:visible}#header .logo{max-width:280px}}