#g-nav.panelactive{position:fixed;z-index:999;top:0;width:100%;height:100vh}.circle-bg{position:fixed;z-index:3;width:100px;height:100px;border-radius:50%;background:#fff;transform:scale(0);right:-50px;top:-50px;transition:all .6s}.circle-bg.circleactive{transform:scale(50)}#g-nav-list{display:none;position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav.panelactive #g-nav-list{display:block}#g-nav ul{opacity:0;position:absolute;z-index:999;width:100%;top:45%;left:50%;transform:translate(-50%,-50%)}#g-nav.panelactive ul{opacity:.9;padding:0}#g-nav.panelactive ul li{animation-name:gnaviAnime;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}@keyframes gnaviAnime{0%{opacity:0}100%{opacity:1}}#g-nav li{text-align:center;list-style:none}#g-nav li a{color:#d80c18!important;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:500;line-height:1.5;font-size:18px}#g-nav li a span{color:#555!important;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:500;padding:0}.openbtn1{position:fixed;top:10px;right:10px;z-index:9999;cursor:pointer;width:50px;height:50px;background-color:#fff;border:2px solid #d80c18;border-radius:50px}.openbtn1 span{display:inline-block;transition:all .4s;position:absolute;left:12px;height:2px;border-radius:2px;background-color:#d80c18;width:45%}.openbtn1 span:nth-of-type(1){top:15px}.openbtn1 span:nth-of-type(2){top:23px}.openbtn1 span:nth-of-type(3){top:31px}.openbtn1.active span:nth-of-type(1){top:16px;left:11px;transform:translateY(6px) rotate(-45deg);width:50%}.openbtn1.active span:nth-of-type(2){opacity:0}.openbtn1.active span:nth-of-type(3){top:28px;left:11px;transform:translateY(-6px) rotate(45deg);width:50%}