#navbar{background:#222328;padding:1rem 0;width:100%;z-index:10}@media (min-width:992px){#navbar{background:#fff;padding:1rem 0;position:absolute}#navbar.alter{background-color:transparent}}#navbar.alter .logo{background-image:url(/img/logo-white.svg)}#navbar.alter li a{color:#fff!important}#navbar.alter li ul a{color:#7c529c!important}@media (min-width:992px){#navbar.other{background-color:transparent}}#navbar.open .menu{transform:translateX(0)}#navbar .logo{background-image:url(/img/logo-white.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:70px;margin:0 auto;width:300px}@media (min-width:992px){#navbar .logo{background-image:url(/img/logo.svg);background-position:unset;margin:unset}}#navbar .menu{align-items:center;background:#040e26;display:flex;height:100%;justify-content:center;left:0;margin-left:auto;margin-right:10%;position:fixed;top:0;transform:translateX(-100%);transform-origin:left center;transition:all .5s ease-in-out;width:75%;z-index:5}#navbar .menu .logo{display:none}@media (min-width:992px){#navbar .menu{background:transparent;height:auto;left:10%;position:relative;top:auto;transform:scaleX(1);width:auto}#navbar .menu.sticky{background:#000;display:flex;left:0;padding:1rem 0;position:fixed;top:0;transform:none;width:100%}#navbar .menu.sticky a{color:#fff}#navbar .menu.sticky .logo{background-image:url(/img/logo-white.svg);display:block;margin-left:4rem;padding:0 4rem}#navbar .menu.sticky ul{margin-left:auto;margin-right:3rem}}#navbar .menu ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}@media (min-width:992px){#navbar .menu ul{flex-direction:row}}#navbar .menu ul li{position:relative}#navbar .menu ul li.login{background:#fd226a;box-shadow:2px 2px 20px rgba(0,0,0,.2)}#navbar .menu ul li.login a span:before{background:#fff}#navbar .menu ul li:hover a span:before{transform:scaleX(1)}#navbar .menu ul li:hover ul{display:block;opacity:1}#navbar .menu ul li a{color:#fff;display:block;font-size:1.1rem;padding:.75rem 1.5rem;position:relative;text-decoration:none}@media (min-width:768px){#navbar .menu ul li a{color:#232323}}#navbar .menu ul li a.active span:before{transform:scaleX(1)}#navbar .menu ul li a span{position:relative}#navbar .menu ul li a span:before{background:#fd226a;border-radius:25px;bottom:2px;content:"";display:inline-block;height:5px;left:-2px;position:absolute;transform:scaleX(0);transform-origin:left;transition:all .2s ease-in;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:calc(100% + 4px);z-index:-1}#navbar .menu ul li ul{background:#fff;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.2);display:none;flex-direction:column;margin-left:-10px;opacity:0;position:fixed;transition:all 1s ease-in-out;width:250px;z-index:5}#navbar .menu ul li ul li{align-items:center;display:flex;padding:.75rem 1.5rem}#navbar .menu ul li ul li:hover:before{transform:scaleX(1)}#navbar .menu ul li ul li:hover a{transform:translateX(0)}#navbar .menu ul li ul li:before{background:#fd226a;content:"";display:inline-block;height:5px;transform:scaleX(0);transform-origin:left;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:20px}#navbar .menu ul li ul li a{color:#232323;margin-left:10px;padding:0;transform:translateX(-20px);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.hamburger-menu{cursor:pointer;height:22px;margin-left:auto;max-width:24px;position:fixed;right:20px;transition:.5s ease-in-out;width:100%}.hamburger-menu span{background:#ea0763;border-radius:10px;display:block;height:2px;left:0;opacity:1;position:absolute;transition:.25s ease-in-out;width:100%}.hamburger-menu span:first-child{top:2px}.hamburger-menu span:nth-child(2),.hamburger-menu span:nth-child(3){top:10px}.hamburger-menu span:nth-child(4){top:18px}.hamburger-menu.open span:first-child{left:50%;top:18px;width:0}.hamburger-menu.open span:nth-child(2){transform:rotate(45deg)}.hamburger-menu.open span:nth-child(3){transform:rotate(-45deg)}.hamburger-menu.open span:nth-child(4){left:50%;top:18px;width:0}#prenav{background:#040e26;color:#999;display:none;padding:.5rem 0}@media (min-width:992px){#prenav{display:block}}#prenav .button{background:#00afef;color:#fff;display:block;margin:0 auto;padding:5px 10px;text-align:center;text-decoration:none;transition:all .5s ease;width:150px}#prenav .button:hover{transform:translateX(10px)}