:root{--nav-bg:#0000BD;--nav-text:#fff;--nav-hover:#fff;--nav-accent:#bbb;--nav-shadow:0 4px 10px #636363}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mainnav{background:var(--nav-bg);position:relative;z-index:1000;right:1em;margin:0 auto;font-size:15px;border:0 solid #ddd;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.jumbotron{margin-top:0}
.main-nav:after{clear:both;content:"\00a0";display:block;height:0;font:0/0 serif;overflow:hidden}
ul.mainnav__menu{width:70vw;margin-left:30px;height:60px}
.mainnav__toggle{display:none;background:none;z-index:99999;border:2px solid #fff;cursor:pointer;padding:1rem;border-radius:.2rem}
.mainnav__toggle-icon,.mainnav__toggle-icon::before,.mainnav__toggle-icon::after{width:23px;height:2px;background:#fff;position:absolute;display:block;transition:.9s ease}
.mainnav__toggle-icon::before,.mainnav__toggle-icon::after{content:"";position:absolute;left:0}
.mainnav__toggle-icon::before{top:-9px}
.mainnav__toggle-icon::after{top:9px}
.mainnav__menu{display:flex;align-items:top;justify-content:center;list-style:none;margin:0;padding:0}
.mainnav__item{position:relative;top:0;z-index:10000;line-height:1.4rem}
.mainnav__link,.submenu__link{display:flex;align-items:center;font-size:15px;gap:.2rem;color:var(--nav-text);text-decoration:none;padding:.3rem .5rem;transition:background .2s ease}
.mainnav__link:hover,.submenu__link:hover{background:var(--nav-hover)}
.is-active > .mainnav__link,.is-active > .submenu__link{color:var(--nav-accent)}
.submenu-toggle{background:none;border:0;color:#fff;cursor:pointer;margin-top:-10px;padding:.4rem}
.submenu{position:absolute;top:100%;left:0;min-width:200px;background:var(--nav-bg);list-style:none;padding:.4rem 0 0 1.5rem;margin:0;box-shadow:var(--nav-shadow);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.has-submenu:hover > .submenu,.has-submenu:focus-within > .submenu,.has-submenu.is-open > .submenu{opacity:1;visibility:visible;transform:translateY(0)}
@media (max-width: 1224px) {
.mainnav{display:inline-block;position:absolute;right:1.5rem;width:400px;top:1rem;background:transparent}
.mainnav__toggle{display:inline-block;position:fixed;top:30px;right:2rem;z-index:99999;background-color:#5f5856;width:60px;height:60px;margin-bottom:10px;text-align:center;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:#0000;border:2px solid #fff;border-radius:.2rem}
.mainnav__item{list-style:none;background:var(--nav-bg);width:auto;display:flex}
.mainnav__menu{background:var(--nav-bg);display:none;justify-content:normal;flex-direction:column;align-items:stretch}
.mainnav__menu.is-open{display:flex}
.mainnav__link{justify-content:space-between}
.submenu{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;background:#5f5856}
.has-submenu.is-open > .submenu{display:block}
ul.mainnav__menu{width:auto}
.jumbotron{margin-top:0}
.mainNavigation{position:absolute;z-index:1000;width:auto;height:auto;right:10px;top:1em}
.mainnav nav.main-nav.container{position:absolute;left:0;top:0;margin:1px 0;padding:10px 0;height:auto;width:100%;z-index:991;font-size:90%}
#main-menu-state{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}
}
@media (min-width: 1225px) {
.mainNavigation{position:absolute;z-index:1000;left:320px;width:auto;right:10px}
}
@media (max-width: 991px) {
.mainnav{display:inline-block;position:absolute;right:1em;min-width:200px;width:auto}
.mainnav__toggle{display:inline-block;position:fixed;top:30px;right:2rem;z-index:99999;background-color:#5f5856;width:60px;height:60px;margin-bottom:10px;text-align:center;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:#0000;border-radius:.2rem}
.mainnav__item{list-style:none;background:var(--nav-bg);min-width:250px;width:auto;padding:.2rem 0 0 .5rem;display:flex;flex-flow:row wrap}
.mainnav__menu{background:var(--nav-bg);display:none;flex-direction:column;align-items:stretch;min-width:230px}
.mainnav__menu.is-open{display:flex}
.mainnav__link{justify-content:space-between}
.submenu{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;background:#5f5856}
.has-submenu.is-open > .submenu{display:block}
ul.mainnav__menu{width:auto}
}
#main-menu-state{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.mainnav nav.main-nav.container{background:transparent;position:absolute;left:0;top:0;margin:1px 0;padding:10px 0;height:auto;width:100%}

@media (min-width: 1500px) {
.mainNavigation{left:420px}
.mainnav__link,.submenu__link{font-size:17px}
}