#g-nav.panelactive{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:999}.circle-bg{background:#fff;border-radius:50%;height:100px;left:calc(50% - 50px);position:fixed;top:-50px;transform:scale(0);transition:all .6s;width:100px;z-index:3}.circle-bg.circleactive{transform:scale(50)}#g-nav-list{display:none;height:100vh;overflow:auto;position:fixed;width:100%;z-index:999;-webkit-overflow-scrolling:touch}#g-nav .header_nav_menu{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:999}#g-nav.panelactive #g-nav-list{display:block}#g-nav ul{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:999}#g-nav.panelactive ul{opacity:1}#g-nav.panelactive ul li{animation-delay:.2s;animation-duration:1s;animation-fill-mode:forwards;animation-name:gnaviAnime;opacity:0}@keyframes gnaviAnime{0%{opacity:0}to{opacity:1}}.header_nav_menu_item{list-style:none}#g-nav li a{overflow:hidden;padding:10px;text-decoration:none;text-transform:uppercase}.openbtn{cursor:pointer;display:none;height:50px;position:fixed;right:10px;top:5px;width:50px;z-index:9999}.openbtn span{background-color:#000;border-radius:2px;display:inline-block;height:3px;left:14px;position:absolute;transition:all .4s;width:45%}.page .openbtn span,.scrolled .openbtn span{background-color:#333}.home .openbtn span{background-color:#fff}.home .scrolled .openbtn span,.openbtn.openbtn.active span{background-color:#333}.openbtn span:first-of-type{top:15px}.openbtn span:nth-of-type(2){top:23px}.openbtn span:nth-of-type(3){top:31px}.openbtn.active span:first-of-type{left:18px;top:18px;transform:translateY(6px) rotate(-45deg);width:40%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){left:18px;top:30px;transform:translateY(-6px) rotate(45deg);width:40%}@media only screen and (max-width:980px){.openbtn{display:block;top:20px}#g-nav .header_contact_link{padding:10px 0;width:100%}#g-nav ul{width:40%}}@media only screen and (max-width:680px){.openbtn{top:0}#g-nav ul{width:75%}}