.main-menu {
  z-index: 13;
}
.main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.main-menu li {
  width: 100%;
  display: block;
}
.main-menu li > a,
.main-menu li > span {
  font-size: 0.938rem;
  color: #fff;
  padding: 15px 60px 15px 0;
  width: 100%;
  display: inline-block;
  cursor: pointer;
}
.main-menu a:hover, .main-menu a:focus, .main-menu a:active {
  color: #84c9dd;
}
.main-menu li.focus > a {
  color: #84c9dd;
}
.main-menu .menu-item--active-trail > a,
.main-menu a.is-active {
  font-weight: bold;
}
.main-menu .menu-item--button {
  padding-left: 8px !important;
  padding-right: 8px !important;
  background-color: #99cf4a;
}
.main-menu .menu-item--button:hover, .main-menu .menu-item--button:focus, .main-menu .menu-item--button:active {
  color: #fff;
  background-color: #84c9dd;
}
.main-menu .dropdown ul a {
  padding: 8px 40px;
  white-space: nowrap;
}
.main-menu .dropdown ul ul {
  border: 0;
  padding: 0;
}
.main-menu .dropdown ul ul a {
  padding-left: 15px;
}
.main-menu .dropdown ul .menu-item:last-child a {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .main-menu .nav-menu {
    background-color: #0183ae;
  }
  .main-menu .nav-menu > li {
    width: calc(100% - 15px);
    margin-left: 15px;
    border-top: solid #fff 1px;
  }
  .main-menu .dropdown ul a {
    padding: 6px 40px 6px 10px;
  }
}
@media (min-width: 768px) {
  .main-menu {
    width: 100%;
    max-width: 1230px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
  }
  .main-menu .nav-menu {
    max-width: calc(100% - 280px);
    margin-top: -80px;
    margin-left: 150px;
    background: #0183ae;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .main-menu .nav-menu > li {
    width: auto;
  }
  .main-menu .nav-menu > li:hover > ul, .main-menu .nav-menu > li:focus > ul {
    height: auto;
    padding: 0;
    background-color: #0183ae;
    top: 100%;
    left: -40px;
    overflow: visible !important;
    opacity: 1;
  }
  .main-menu .nav-menu > li + li {
    margin-left: 15px;
  }
  .main-menu .nav-menu > li > a,
  .main-menu .nav-menu > li > span {
    width: auto;
    padding: 29px 0;
    position: relative;
    z-index: 13;
  }
  .main-menu .nav-menu > li.menu-item--active-trail > a,
  .main-menu .nav-menu > li > a.is-active {
    font-weight: bold;
  }
  .main-menu ul ul {
    height: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: -40px;
    z-index: 0;
    overflow: hidden !important;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .main-menu ul ul ul {
    left: -999em;
    top: 20px;
  }
  .main-menu ul ul li:hover > ul,
  .main-menu ul ul li.focus > ul {
    top: 0;
    left: 0%;
    margin-left: 150px;
  }
  .main-menu ul li:hover > ul,
  .main-menu ul li.focus > ul {
    top: 100%;
    left: 0;
  }
  .main-menu li li {
    display: block;
  }
  .main-menu li > a,
  .main-menu li > span {
    font-size: 0.75rem;
  }
  .main-menu .menu-items {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 992px) {
  .main-menu .nav-menu {
    margin-left: 200px;
    max-width: calc(100% - 420px);
  }
  .main-menu li > a,
  .main-menu li > span {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .main-menu .nav-menu > li + li {
    margin-left: 20px;
  }
}
@media (min-width: 1440px) {
  .main-menu li > a,
  .main-menu li > span {
    font-size: 0.938rem;
  }
}

@media (min-width: 768px) {
  .js .main-menu,
  .js .main-menu .dropdown ul {
    max-height: none;
    overflow: visible;
  }
}
/*.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}*/
/*# sourceMappingURL=main-menu.css.map */