@charset "UTF-8";#g-nav{position:fixed;z-index:999;top:0;right:-130%;width:30%;height:100vh;background:rgba(0,0,0,.6);transition:all .6s}#g-nav.panelactive{right:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:20%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav ul{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}#g-nav li{list-style:none;text-align:right}#g-nav li a{color:#fff;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.openbtn{position:fixed;top:50px;right:72.5px;border:2px solid #000;cursor:pointer;width:75px;height:75px;border-radius:50%;z-index:1000}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:17px;height:2px;background:#000;width:50%}.openbtn span:nth-of-type(1){top:22px}.openbtn span:nth-of-type(2){top:35px}.openbtn span:nth-of-type(3){top:48px}.openbtn.active{border:2px solid #fff;z-index:1000}.openbtn.active span:nth-of-type(1){top:28px;left:18px;transform:translateY(6px) rotate(-45deg);width:50%;background:#fff}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:40px;left:18px;transform:translateY(-6px) rotate(45deg);width:50%;background:#fff}@media screen and (max-width:1680px){.openbtn{top:50px;right:45px;width:60px;height:60px}.openbtn span{left:14px}.openbtn span:nth-of-type(1){top:15px}.openbtn span:nth-of-type(2){top:27px}.openbtn span:nth-of-type(3){top:39px}.openbtn.active span:nth-of-type(1){top:20px;left:14px;transform:translateY(6px) rotate(-45deg);width:50%;background:#fff}.openbtn.active span:nth-of-type(3){top:32px;left:14px}}@media screen and (max-width:1140px){#g-navsp{position:fixed;z-index:999;top:0;right:-120%;width:100%;height:100vh;background:rgba(0,0,0,.6);transition:all .6s}#g-navsp.panelactive{right:0}#g-navsp.panelactive #g-nav-listsp{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-navsp ul{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}#g-navsp li{list-style:none;text-align:right}#g-navsp li a{color:#fff;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.openbtnsp{position:fixed;top:4rem;right:4rem;border:2px solid #000;cursor:pointer;width:60px;height:60px;border-radius:50%;z-index:1000}.openbtnsp span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:2px;background:#000;width:50%}.openbtnsp span:nth-of-type(1){top:15px}.openbtnsp span:nth-of-type(2){top:27px}.openbtnsp span:nth-of-type(3){top:39px}.openbtnsp.active{border:2px solid #fff;z-index:1000}.openbtnsp.active span:nth-of-type(1){top:20px;left:14px;transform:translateY(6px) rotate(-45deg);width:50%;background:#fff}.openbtnsp.active span:nth-of-type(2){opacity:0}.openbtnsp.active span:nth-of-type(3){top:32px;left:14px;transform:translateY(-6px) rotate(45deg);width:50%;background:#fff}}@media screen and (max-width:590px){.openbtnsp{top:1%;right:2%}}