#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.panelactive #g-nav-list{display:block}#g-nav ul{display:flex;flex-direction:column;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}}#g-nav li{list-style:none;text-align:center}#g-nav li a{color:#007784;display:block;font-weight:700;letter-spacing:.1em;overflow:hidden;padding:10px;text-decoration:none;text-transform:uppercase}.openbtn{cursor:pointer;display:none;height:50px;position:fixed;right:10px;top:25px;width:50px;z-index:9999}.openbtn span{border-radius:2px;display:inline-block;height:3px;left:14px;position:absolute;transition:all .4s;width:45%}.openbtn span,.page .openbtn span,.scrolled .openbtn span{background-color:#222}.home .openbtn span{background-color:#fff}.home .scrolled .openbtn span,.openbtn.openbtn.active span{background-color:#222}.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:25px}#g-nav .header_contact_link{padding:0}}@media only screen and (max-width:680px){.openbtn{top:10px}}