.menu-nav{position:fixed;top:0;left:0;width:100%;z-index:999;background-color:#fff;border-bottom:2px solid #1a1f36;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:.25rem .75rem}.menu-nav__toggle{position:relative;width:55px;height:55px;background:0 0;border:none;cursor:pointer;outline:0;margin-left:auto}.menu-nav__toggle:focus{outline:#1a1f36 dotted 2px;outline-offset:2px}.menu-nav__toggle::after,.menu-nav__toggle::before{font-family:Arial,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;line-height:1;transition:transform .3s,opacity .3s}.menu-nav__toggle::before{content:'☰';opacity:1}.menu-nav__toggle::after{content:'×';opacity:0;-webkit-transform:translate(-50%,-50%) rotate(30deg);-moz-transform:translate(-50%,-50%) rotate(30deg);-ms-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}.menu-nav__toggle.is-open::before{opacity:0;transform:translate(-50%,-50%) rotate(-30deg)}.menu-nav__toggle.is-open::after{opacity:1;transform:translate(-50%,-50%) rotate(0)}.menu-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:1rem;align-items:center;transition:max-height .3s}.menu-nav__link{display:block;text-decoration:none;color:#333;padding:.3rem .7rem;border-radius:4px;transition:background-color .3s,color .3s}.menu-nav__link:focus,.menu-nav__link:hover{background-color:#1a1f36;color:#fff}.menu-nav__item--active .menu-nav__link{background-color:#1a1f36;color:#fff;border-radius:4px;font-weight:700}.menu-nav__list.no-transition{transition:none!important}@media (max-width:767px){.menu-nav__toggle{display:block}.menu-nav__list{flex-direction:column;width:100%;max-height:0;overflow:hidden;border-top:none;background-color:transparent;align-items:flex-start;padding-left:2vw}.menu-nav__list.menu-nav__list--open{max-height:600px;border-top:1px solid #1a1f36;background-color:#fff}.menu-nav__link{font-size:1.7rem;line-height:1;opacity:0;transition:opacity .3s}.menu-nav__list.menu-nav__list--open .menu-nav__item:first-child .menu-nav__link{opacity:1;transition-delay:0.1s}.menu-nav__list.menu-nav__list--open .menu-nav__item:nth-child(2) .menu-nav__link{opacity:1;transition-delay:0.23s}.menu-nav__list.menu-nav__list--open .menu-nav__item:nth-child(3) .menu-nav__link{opacity:1;transition-delay:0.31s}.menu-nav__list.menu-nav__list--open .menu-nav__item:nth-child(4) .menu-nav__link{opacity:1;transition-delay:0.40s}.menu-nav__list.menu-nav__list--open .menu-nav__item:nth-child(5) .menu-nav__link{opacity:1;transition-delay:0.49s}.menu-nav__list.menu-nav__list--open .menu-nav__item:nth-child(6) .menu-nav__link{opacity:1;transition-delay:0.58s}.menu-nav__list.menu-nav__list--open .menu-nav__item:nth-child(7) .menu-nav__link{opacity:1;transition-delay:0.62s}.menu-nav__list.menu-nav__list--open .menu-nav__item:nth-child(8) .menu-nav__link{opacity:1;transition-delay:0.74s}}@media (min-width:768px) and (max-width:1199px){.menu-nav__toggle{display:none}.menu-nav__list{flex-direction:row;flex-wrap:wrap;max-height:none;overflow:visible;border-top:none;background-color:transparent}.menu-nav__link{font-size:1rem;opacity:1;transition:background-color .3s,color .3s}.menu-nav__item--active .menu-nav__link{font-size:100%;font-weight:700}}@media (min-width:1200px){.menu-nav__toggle{display:none}.menu-nav{left:50%;transform:translateX(-50%);width:1200px!important;margin:0 auto;height:60px}.menu-nav__list{flex-direction:row;flex-wrap:nowrap;max-height:none;overflow:visible;border-top:none;background-color:transparent}.menu-nav__item--active .menu-nav__link{transform-origin:center;transition:transform .3s;font-size:105%}.menu-nav__list>.menu-nav__item:first-child{margin-left:30px}.menu-nav__link{display:inline-block;text-align:center;font-size:1rem;opacity:1}}