.open:after,.open:before{background-color:#3c3c3c;height:4px;border-radius:2px;position:relative;transform:rotate(0);transition:.3s;content:""}.menuOpen,.open,.open:after,.open:before{width:24px;display:block}.menu label,.menuOpen,.open{cursor:pointer}#nav,.menu ul li a,.menuOpen,.open,.open:after,.open:before{display:block}#nav,.menu label{position:absolute}#menuToggle{display:none}#menuArea{display:flex;flex-direction:row;justify-content:flex-end}.open{background-color:#3c3c3c;height:4px;border-radius:2px;position:relative}.menu,.menu ul li:hover{background:#fff}.open:before{top:-8px}.open:after{top:4px}.menuOpen{height:20px;padding:15px}.menuOpen:hover .open:before{top:-9px}.menuOpen:hover .open:after{top:5px}.menu{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:4000}.menu label{width:30px;height:30px;background-size:100%}.menu .menuContent{width:fit-content;height:100vh;margin-left:10vw;display:flex;align-items:center;font-size:2rem;line-height:2rem}.menu ul{list-style:none;padding:0;margin:0 auto}.menu ul li a{color:#000031;text-decoration:none;transition:color .2s;padding:40px;font-weight:500}.menu ul li a:hover{color:#a78e29}.menuEffects{opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.menuEffects ul{transform:translateY(0);transition:.4s}#menuToggle:checked~.menuEffects{opacity:1;visibility:visible;transition:opacity .5s}#menuToggle:checked~.menuEffects ul{opacity:1}#menuToggle:checked~.menuOpen .open{transform:display('hidden')}#menuToggle:checked~.menuOpen .open:before{content:"";background-color:#fff;transform:opacity(0);position:absolute;top:0;right:0}#menuToggle:checked~.menuOpen .open:after{content:"";background-color:transparent;transform:opacity(0);position:relative;top:0;right:0}#menuToggle:not(:checked)~.menuEffects ul{transform:translateY(-30%)}#nav{top:0;right:90px;padding:11px 26px 15px 2px}#cross{z-index:9000;width:28px;height:26px;display:flex;justify-content:center;align-items:center}@media (min-width:992px){#nav{top:28px}#cross{right:90.5px;top:30px}}@media(min-width:992px) and (max-width:1500px){.menu .menuContent{font-size:1.5rem;line-height:1.5rem}.menu ul li a{padding:20px}}@media (max-width:992px){#nav{right:30px;top:17.5px}#cross{right:30.5px;top:17.5px}#menuToggle{right:0}.menuContent{padding:10px}.menuContent ul{font-size:24px}.menu .menuContent{margin-left:0}.menu ul li a{padding:15px}}@media (min-width:600px) and (max-width:992px){.menu ul li a{padding:40px}}