*,:after,:before{box-sizing:border-box}ul{list-style:none;margin:0;padding:0}body.menu-open-no-scroll{overflow-x:hidden;position:relative;z-index:1}body.menu-open-no-scroll:before{background-color:#000;content:"";height:100%;opacity:.3;position:absolute;width:100vw;z-index:1}body.menu-open-no-scroll .body-container-wrapper{transition:all .2s ease}body.menu-open-no-scroll .body-container-wrapper,body.menu-open-no-scroll .footer-container-wrapper,body.menu-open-no-scroll .header-container-wrapper #main-header .logo-container,body.menu-open-no-scroll .header-container-wrapper #main-header .navigation{filter:blur(2px)}ul.nav-inner{display:block;height:100%;margin:100px 0 50px;overflow-x:hidden;overflow-y:auto;width:100%}.container #nav.open::-webkit-scrollbar{background:transparent;width:0}body.menu-open-no-scroll::-webkit-scrollbar{z-index:3}.container .menu-btn{cursor:pointer;height:40px;position:absolute;top:45%;-ms-transform:translateY(-50%);transform:translateY(-50%);transition:transform .3s ease-in-out;width:40px;z-index:10}.container .menu-btn.active{position:fixed;top:42px;transition:transform .3s ease-in-out;z-index:100}.container .menu-btn.active span{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.container .menu-btn.active span.top{left:11.25px;top:9px;transform:rotate(45deg);transform-origin:left center}.container .menu-btn.active span.mid{left:11.25px;opacity:0}.container .menu-btn.active span.bot{left:11.25px;top:37px;transform:rotate(-45deg);transform-origin:left center}.container .menu-btn span{background-color:#000;border-radius:2px;display:block;height:3px;left:0;position:absolute;top:23px;transition:background-color .3s ease-in-out;width:40px}.container .menu-btn span.top{top:12px}.container .menu-btn span.bot{top:34px}.container .menu-btn span.mid{left:unset;right:0;width:25px}.container .menu-btn span.bot{left:unset;right:0;width:30px}.container .menu-btn.active span.bot{right:unset;width:40px}.container #nav{align-items:flex-start;display:flex;justify-content:left;opacity:0;padding:0 30px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:-1}.container #nav.leftslide{background-color:#fff;height:100vh;position:fixed;right:0;top:0;transform:translate3d(300px,0,0);width:300px;z-index:99}.container #nav.fadein,.container #nav.topslide{background-color:#fff;height:100vh;left:0;position:fixed;text-align:center;top:0;width:100%}.container #nav.topslide{transform:translate3d(0,-100%,0)}.container #nav.pushslide{background-color:#fff;height:100vh;left:0;position:fixed;top:0;transform:translateZ(0);width:250px}.container #nav.open{opacity:1;transform:translateZ(0);transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:99}.container #nav.open .nav-inner li{animation:fadeInRight .4s ease forwards;animation-delay:.3s}.container #nav.open .nav-inner li:first-of-type{animation-delay:.35s}.container #nav.open .nav-inner li:nth-of-type(2){animation-delay:.4s}.container #nav.open .nav-inner li:nth-of-type(3){animation-delay:.45s}.container #nav.open .nav-inner li:nth-of-type(4){animation-delay:.5s}.container #nav.open .nav-inner li:nth-of-type(5){animation-delay:.55s}.container #nav .nav-inner li{margin-bottom:0;opacity:0;position:relative;transition:transform .3s ease-in-out}.container #nav .nav-inner li a{color:#4d4d4d;display:inline-block;font-size:18px;font-weight:400;height:100%;letter-spacing:1px;padding:6px 8px;text-decoration:none;text-transform:capitalize;transition:all .2s ease-in-out}.container #nav .nav-inner li a:before{background-color:#3bd9b5;border-radius:50%;content:"";display:block;display:none;height:8px;left:-30px;opacity:0;position:absolute;top:50%;transition:all .3s ease-in-out;width:8px}.container #nav .nav-inner li a:hover{color:#ffea00;transform:translate3d(15px,0,0)}.container #nav .nav-inner li a:hover:before{content:"";left:-15px;opacity:1}.container #style-box .box-inner h1{color:#fff;margin-top:0;padding:10px;text-transform:uppercase}.container #style-box .box-inner h1 span{font-size:20px;font-style:italic}.container #style-box .box-inner ul li{background-color:#3bd9b5;border:2px solid #3bd9b5;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;margin-bottom:10px;margin-right:10px;padding:10px 15px;text-transform:capitalize;transition:background-color .2s ease-in}.container #style-box .box-inner ul li:last-child{margin-right:0}.container #style-box .box-inner ul li.now,.container #style-box .box-inner ul li:hover{background-color:transparent}@keyframes fadeInRight{0%{left:30px;opacity:0}to{left:0;opacity:1}}#nav .hs-menu-wrapper,#nav .hs_cos_wrapper{width:100%}