#g-nav{position:fixed;z-index:999;top:-120%;left:0;width:100%;height:100vh;background:#fff;transition:all 0.6s}#g-nav.panelactive{top:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav ul{position:absolute;z-index:999;top:46%;left:50%;transform:translate(-50%,-50%)}#g-nav li{list-style:none;text-align:center}#g-nav li a{color:#333;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700;display:inline;transition:0.2s}#g-nav li:nth-child(8){margin:30 auto 0}.openbtn{position:fixed;z-index:9999;top:16px;right:10px;cursor:pointer;width:50px;height:50px}.openbtn{right:20px;float:right}.openbtn span{display:inline-block;transition:all 0.4s;position:absolute;height:2px;background-color:#000;width:80%}.openbtn span{display:inline-block;transition:all 0.4s;position:absolute;height:2px;background-color:#000;width:100%}.openbtn span:nth-of-type(1){top:10px}.openbtn span:nth-of-type(2){top:25px}.openbtn span:nth-of-type(3){top:40px}.openbtn.active span:nth-of-type(1){top:18px;transform:translateY(6px) rotate(-45deg);width:100%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:30px;transform:translateY(-6px) rotate(45deg);width:100%}