body{overflow-x:hidden;font-family:Sans-Serif;margin:0}.menu-container{position:relative;display:flex;align-items:center;margin-bottom:20px;background:#232323;color:#cdcdcd;padding:20px;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.menu-logo{line-height:0;margin:0 20px}.menu-logo img{max-height:40px;max-width:100px;flex-shrink:0}.menu-container a{text-decoration:none;color:#000;transition:color .3s ease}.menu-container a:hover{color:blue}.menu-container input{display:block;width:35px;height:25px;margin:0;position:absolute;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.menu-container span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.menu-container span:first-child{transform-origin:0 0}.menu-container span:nth-child(3){transform-origin:0 100%}.menu-container input:checked~span{opacity:1;transform:rotate(45deg) translate(3px,-1px);background:#232323}.menu-container input:checked~span:nth-child(4){opacity:0;transform:rotate(0deg) scale(.2)}.menu-container input:checked~span:nth-child(3){transform:rotate(-45deg) translate(-5px,11px)}.menu ul{list-style:none}.menu li{padding:10px 0;font-size:22px}@media only screen and (max-width:767px){.menu-container{flex-direction:column;align-items:flex-end}.menu-logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}.menu-logo img{max-height:30px}.menu{position:absolute;box-sizing:border-box;width:300px;right:-300px;top:0;margin:-20px;padding:75px 50px 50px;background:#cdcdcd;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translateX(0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}.menu-container input:checked~.menu{transform:translateX(-100%)}}@media only screen and (min-width:768px){.menu-container{width:100%}.menu-container a{color:#cdcdcd}.menu-container input,.menu-container span{display:none}.menu{position:relative;width:100%;display:flex;justify-content:space-between}.menu ul{display:flex;padding:0}.menu li{padding:0 20px}}a,a .mainlink{text-decoration:underline;color:blue}