.studio-header-wrapper{left:0;position:absolute;top:0;width:100%;z-index:9999}.studio-header-wrapper .overlay{background:#03141d;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .2s ease;width:100%}.studio-header-wrapper .overlay.active{opacity:.7;pointer-events:auto}.studio-header-wrapper .bg-area{padding:40px}.studio-header-wrapper .bg-area .content-area{align-items:center;display:flex;position:relative;z-index:2}.studio-header-wrapper .bg-area .content-area .logo img{height:auto;max-width:185px;width:100%}.studio-header-wrapper .bg-area .content-area .logo a:after{display:none!important}.studio-header-wrapper .bg-area .content-area .hamburger{cursor:pointer;margin-left:auto}.studio-header-wrapper .bg-area .content-area .hamburger span{background:#fff;display:block;height:5px;left:0;margin-bottom:10px;position:relative;transform:rotate(0);transition:all .2s ease;width:45px}.studio-header-wrapper .bg-area .content-area .hamburger:hover span:nth-child(2){left:-5px}.studio-header-wrapper .bg-area .content-area .hamburger.active span:first-child{transform:rotate(45deg)}.studio-header-wrapper .bg-area .content-area .hamburger.active span:nth-child(2){bottom:15px;left:0;transform:rotate(-45deg)}.studio-header-wrapper .bg-area .content-area .hamburger p{color:#fff;font-size:14px;letter-spacing:2px;margin:0;text-transform:uppercase}.studio-header-wrapper .bg-area .menu{align-items:center;background:linear-gradient(-45deg,#0a0a0a,#001927);display:flex;height:45vh;left:0;padding:130px 35px 35px;position:absolute;top:0;transform:translateY(-100%);transition:all .2s ease;width:100%;z-index:1}.studio-header-wrapper .bg-area .menu.active{transform:translateY(0)}.studio-header-wrapper .bg-area .menu>span{width:100%}.studio-header-wrapper .bg-area .menu ul{display:flex}.studio-header-wrapper .bg-area .menu ul li{flex:1;float:none!important;text-align:center}.studio-header-wrapper .bg-area .menu ul li a{color:#fff!important;font-family:proxima-nova,sans-serif;font-size:40px;font-weight:800;max-width:100%;padding:0;transition:all .2s ease}.studio-header-wrapper .bg-area .menu ul li a.fade{opacity:.55}@media (max-width:767px){.studio-header-wrapper .bg-area .content-area .logo img{max-width:150px}.studio-header-wrapper .bg-area .menu{height:auto}.studio-header-wrapper .bg-area .menu ul{display:block}}