.menu-container{position:relative;display:flex;align-items:center;background:#00d197;color:#fff;padding:20px;z-index:1;-webkit-user-select:none;user-select:none;box-sizing:border-box}.menu-logo{line-height:0;margin:0 50px}.menu-logo img{flex-shrink:0}.menu-container a{text-decoration:none;color:#00d197;transition:color .3s ease}.menu-container a:hover{color:#e6aa68}.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:#ffffff;border-radius:3px;z-index:1;transform-origin:4px 0px;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:#00d197}.menu-container input:checked~span:nth-child(4){opacity:0;transform:rotate(0) scale(.2)}.menu-container input:checked~span:nth-child(3){transform:rotate(-45deg) translate(-5px,11px)}.menu ul{list-style:none;line-height:70px}.menu li{padding:10px 0;font-size:1rem}@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:290px;right:-300px;top:0;padding:75px 0 50px;background:#ffffff;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}.menu-container input:checked~.menu{transform:translate(-100%)}.menu ul{list-style:none;line-height:40px}}@media only screen and (min-width: 768px){.menu-container{width:100%;height:70px;padding-left:10%}.menu-container a{color:#fff}.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}}