.menu-bar{display:flex;justify-content:space-between;align-items:center;padding:20px}.menu{display:none;flex-direction:column}.menu.open{display:block}ul{list-style:none;padding:0}li{margin:10px 0;position:relative}li a{font-family:Barlow,Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;line-height:20px;color:#242424}li a:after{background-color:#0fa123}.hamburger{cursor:pointer;margin-right:1rem}.line{width:20px;height:2px;background-color:#0f0;margin:3px 0;transition:transform .3s ease}.line.open:first-child{transform:rotate(-45deg) translate(-4.5px,2.5px)}.line.open:nth-child(2){opacity:0}.line.open:nth-child(3){transform:rotate(45deg) translate(-4.5px,-2.5px)}.item-active:after{display:block;position:absolute;transition:.3s;transition-timing-function:cubic-bezier(.58,.3,.005,1);background-color:#0fa123;content:"";width:39px;height:2px;left:50%;bottom:-10px;z-index:2;transform:translate(-50%)}.menu .top-logo{animation:slideOut .3s ease;display:none}.hidden{visibility:hidden}@media (min-width:768px){.menu-bar{padding:20px 40px}.menu,ul{display:flex;align-items:center}li{margin:0 20px}.hamburger{display:none}.hide{display:none!important}.logo-item{display:flex;cursor:pointer}.logo-item img{width:200px}}@media (max-width:768px){.menu{position:absolute;background-color:#13404f;width:100%;left:0;top:76px;z-index:99009}.logo{display:flex}.logo img{width:200px}.logo-item{display:none;cursor:pointer}li,ul{margin:0}li{position:relative;padding:10px 20px}li:hover p{color:#a5aed1}.item-active a p{color:#fff}.item-active:after{display:none}.dropdown-trigger{display:flex;justify-content:center}}