.main-menu {
  background-color: none;
  border-bottom: 0.5rem solid #292929;
  display: none;
  font-size: 80%;
  max-height: 100%;
}
.main-menu.active {
  display: block;
}
.main-menu .menu {
  display: block;
  list-style: none outside;
  margin-left: 0;
}
.main-menu .menu a {
  color: #292929;
  display: block;
  font-weight: bolder;
  text-decoration: none;
}
.main-menu .menu .menu-item {
  display: block;
  padding: 0;
  position: relative;
  width: 100%;
}
.main-menu .menu .menu-item:nth-child(1).active, .main-menu .menu .menu-item:nth-child(1):hover {
  background-color: #b60703;
}
.main-menu .menu .menu-item:nth-child(1).active a, .main-menu .menu .menu-item:nth-child(1):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(1).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(1):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(2).active, .main-menu .menu .menu-item:nth-child(2):hover {
  background-color: #084aae;
}
.main-menu .menu .menu-item:nth-child(2).active a, .main-menu .menu .menu-item:nth-child(2):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(2).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(2):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(3).active, .main-menu .menu .menu-item:nth-child(3):hover {
  background-color: #367388;
}
.main-menu .menu .menu-item:nth-child(3).active a, .main-menu .menu .menu-item:nth-child(3):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(3).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(3):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(4).active, .main-menu .menu .menu-item:nth-child(4):hover {
  background-color: #1c2e94;
}
.main-menu .menu .menu-item:nth-child(4).active a, .main-menu .menu .menu-item:nth-child(4):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(4).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(4):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(5).active, .main-menu .menu .menu-item:nth-child(5):hover {
  background-color: #532d6e;
}
.main-menu .menu .menu-item:nth-child(5).active a, .main-menu .menu .menu-item:nth-child(5):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(5).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(5):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(6).active, .main-menu .menu .menu-item:nth-child(6):hover {
  background-color: #5e7082;
}
.main-menu .menu .menu-item:nth-child(6).active a, .main-menu .menu .menu-item:nth-child(6):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(6).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(6):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(7).active, .main-menu .menu .menu-item:nth-child(7):hover {
  background-color: #d9216e;
}
.main-menu .menu .menu-item:nth-child(7).active a, .main-menu .menu .menu-item:nth-child(7):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(7).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(7):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(8).active, .main-menu .menu .menu-item:nth-child(8):hover {
  background-color: #b60703;
}
.main-menu .menu .menu-item:nth-child(8).active a, .main-menu .menu .menu-item:nth-child(8):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(8).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(8):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(9).active, .main-menu .menu .menu-item:nth-child(9):hover {
  background-color: #084aae;
}
.main-menu .menu .menu-item:nth-child(9).active a, .main-menu .menu .menu-item:nth-child(9):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(9).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(9):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item:nth-child(10).active, .main-menu .menu .menu-item:nth-child(10):hover {
  background-color: #367388;
}
.main-menu .menu .menu-item:nth-child(10).active a, .main-menu .menu .menu-item:nth-child(10):hover a {
  color: #ffffff;
}
.main-menu .menu .menu-item:nth-child(10).active a[aria-haspopup=true]::after, .main-menu .menu .menu-item:nth-child(10):hover a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item a {
  color: #292929;
  max-height: 68px;
  padding: 20px;
  width: 100%;
}
.main-menu .menu .menu-item a.level-2 {
  color: #ffffff;
}
.main-menu .menu .menu-item a.level-2:hover {
  background-color: #1b2b34;
}
.main-menu .menu .menu-item a[aria-haspopup=true] {
  padding-right: 35px;
}
.main-menu .menu .menu-item a[aria-haspopup=true]:hover::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
}
.main-menu .menu .menu-item a[aria-haspopup=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #292929;
  position: absolute;
  right: 12px;
  top: 25px;
  transition: transform 0.2s;
}
@media screen and (min-width: 1200px) {
  .main-menu .menu .menu-item a[aria-haspopup=true]::after {
    top: 27px;
  }
}
.main-menu .menu .menu-item a[aria-expanded=true] {
  color: #ffffff;
}
.main-menu .menu .menu-item a[aria-expanded=true]::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7px solid #ffffff;
  transform: rotate(-180deg);
}
.main-menu .menu .menu-item a:hover {
  color: #ffffff;
}
@media screen and (min-width: 1200px) {
  .main-menu .menu .menu-item {
    width: auto;
  }
}
.main-menu .menu a[aria-expanded=true] {
  background-color: none;
}
@media screen and (min-width: 1200px) {
  .main-menu .menu a[aria-expanded=true] {
    background-color: inherit;
  }
}
.main-menu .menu .menu__list {
  display: none;
  padding-left: 25px;
  position: relative;
  margin-top: 0;
  min-width: auto;
  z-index: 0;
}
.main-menu .menu .menu__list.expanded {
  display: block;
}
.main-menu .menu .menu__list .menu__list {
  position: relative;
  width: 100%;
}
.main-menu .menu .menu__list .menu__list .menu-item {
  padding-left: 25px;
}
@media screen and (min-width: 1200px) {
  .main-menu .menu .menu__list {
    background-color: inherit;
    min-width: 300px;
    padding-left: 0;
    position: absolute;
    z-index: 10;
  }
}
@media screen and (min-width: 1200px) {
  .main-menu .menu {
    max-width: 90%;
    width: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1540px) {
  .main-menu .menu {
    max-width: 1600px;
  }
}
.main-menu .menu-item--active-trail {
  background-color: inherit;
}
.main-menu .menu-item--active-trail a.is-active {
  color: #ffffff;
}
@media screen and (min-width: 1200px) {
  .main-menu {
    display: block;
    font-size: 100%;
    max-height: 68px;
  }
}

.main-menu__navicon {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  color: #ffffff;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .main-menu__navicon {
    display: none;
  }
}

.navicon {
  background-color: #ffffff;
  cursor: pointer;
  display: block;
  height: 60px;
  padding: 16px;
  border: 0;
}
@media screen and (min-width: 1200px) {
  .navicon {
    display: none;
  }
}
.active .navicon .navicon__bar {
  width: 30px;
}
.active .navicon .navicon__bar:nth-child(1) {
  transform: rotate(45deg) translate(0.0625rem, 0.0625rem);
}
.active .navicon .navicon__bar:nth-child(2) {
  opacity: 0;
}
.active .navicon .navicon__bar:nth-child(3) {
  transform: rotate(-45deg) translate(0.125rem, -0.0625rem);
}
@media screen and (min-width: 1200px) {
  .navicon {
    display: none;
  }
}

.navicon__bar {
  background-color: #1b2b34;
  border-radius: 0.125rem;
  display: block;
  height: 2px;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  width: 32px;
}
.navicon__bar:nth-child(1) {
  transform: translate(0, -0.375rem);
}
.navicon__bar:nth-child(3) {
  transform: translate(0, 0.375rem);
}