#mega-menu {
  background-color: #FFF;
  z-index: 1;
  margin-bottom: 50px;
}
#mega-menu * {
  font-family: "Albert Sans", sans-serif;
}
#mega-menu li:hover a {
  color: #3093B7;
  transition: color 0.5s;
}
#mega-menu li:hover a span {
  color: #3093B7;
  transition: color 0.5s;
}
#mega-menu a {
  color: 0;
}
#mega-menu a span {
  color: #000;
}
#mega-menu a.active {
  color: #316A89 !important;
}
#mega-menu a.active span {
  color: #316A89 !important;
}
#mega-menu .inner {
  margin: auto;
  padding-left: 21px;
  padding-right: 21px;
}
#mega-menu .inner .the-links {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 77px;
  position: relative;
  list-style: none;
}
#mega-menu .inner .the-links .site-logo {
  position: relative;
  width: 150px;
  top: 7px;
}
#mega-menu .inner .the-links .site-logo svg,
#mega-menu .inner .the-links .site-logo img {
  position: absolute;
  width: 150px;
  z-index: 12;
  transform: translate(0%, -61%);
}
#mega-menu .inner .the-links > li > a > span {
  position: relative;
}
#mega-menu .inner .the-links > li > a > span::before {
  content: "";
  display: inline-block;
  position: absolute;
  /* background-color: red; */
  height: 340%;
  top: -27px;
}
#mega-menu .inner .the-links li {
  margin-bottom: 0;
  height: 100%;
  padding-top: 25px;
}
#mega-menu .inner .the-links li .top-link {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  position: relative;
  transition: color 0.5s;
}
#mega-menu .inner .the-links li .top-link::after {
  content: "";
  display: inline-block;
  bottom: -27px;
  position: absolute;
  border-bottom: 1px solid transparent;
}
#mega-menu .inner .the-links li::marker {
  display: none;
}
#mega-menu .inner .the-links li:hover .sub-menu {
  display: flex;
}
#mega-menu .inner .the-links li:hover .top-link {
  color: #3093B7;
  transition: color 0.5s;
}
#mega-menu .inner .the-links li:hover .top-link::after {
  border-bottom: 2px solid #3093B7;
}
#mega-menu .inner .the-links li.hovering .top-link::after {
  border-bottom: 1px solid #C1C1C1;
}
#mega-menu .inner .the-links .sub-menu {
  padding: 44px 30px;
  background-color: #FFFFFF;
  position: absolute;
  top: 77px;
  width: 106.8%;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  display: none;
  left: -3%;
}
#mega-menu .inner .the-links .sub-menu .one-child-column {
  padding-left: 16px;
  padding-right: 16px;
}
#mega-menu .inner .the-links .sub-menu .one-child-column .top-link-descrption {
  color: #1F2120;
  font-size: 14px;
  display: block;
  line-height: 17px;
}
#mega-menu .inner .the-links .sub-menu .one-child-column .top-column-link {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #1F2120;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.5s;
  margin-bottom: 14px;
  position: relative;
}
#mega-menu .inner .the-links .sub-menu .one-child-column .top-column-link::after {
  content: "";
  height: 1px;
  background-color: #C1C1C1;
  width: 100%;
  position: absolute;
  bottom: -8px;
  left: 0;
}
#mega-menu .inner .the-links .sub-menu .one-child-column .top-column-link:hover {
  color: #3093B7;
  transition: color 0.5s;
}
#mega-menu .inner .the-links .sub-menu .one-child-column .top-column-link:hover::after {
  background-color: #3093B7;
  height: 2px;
}
#mega-menu .inner .the-links .sub-menu .one-child-column .children-link a {
  color: #316A89;
  font-size: 16px;
  letter-spacing: -0.16px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.5s;
}
#mega-menu .inner .the-links .sub-menu .one-child-column .children-link a:hover {
  color: #3093B7;
  transition: color 0.5s;
}
#mega-menu .inner .the-links .sub-menu .one-child-column .children-link span {
  font-size: 14px;
  color: #1F2120;
  display: block;
  line-height: 17px;
}
#mega-menu .inner .the-links .sub-menu .banner {
  background-color: #1F2120;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  transform: translate(0%, 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 56px;
}
#mega-menu .inner .the-links .sub-menu .banner p {
  color: #FFFFFF;
  display: inline-block;
  margin: 0;
  font-weight: 600 !important;
  font-size: 18px !important;
}
#mega-menu .inner .the-links .sub-menu .banner a.banner-button {
  text-decoration: none;
  background-color: #FFF;
  border: 1px solid #FFF;
  color: #1F2120;
  display: inline-block;
  font-size: 14px;
  padding: 4px 18px;
  margin-left: 12px;
  border-radius: 50px;
  font-weight: 400 !important;
}
#mega-menu .inner .the-links .sub-menu .banner a.banner-button:hover {
  background-color: #1F2120;
  color: #FFF;
  transition: background-color 0.5s color 0.5s;
}

#mega-menu {
  display: none;
}

@media screen and (min-width: 1280px) {
  /* Styles go here */
  #mega-menu {
    display: block;
  }
}
section#hero {
  padding-top: 50px;
}

.max-w-lg {
  max-width: 1126px;
}

.m-auto {
  margin: auto;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.m-2 {
  margin: 0.5rem;
}

.block {
  display: block;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.w-28 {
  width: 7rem;
}

.flex {
  display: flex;
}

@media only screen and (min-width: 768px) {
  .md\:items-start {
    align-items: flex-start;
  }
}
.justify-end {
  justify-content: flex-end;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-wrap {
  flex-wrap: wrap;
}

.list-none {
  list-style-type: none;
}

.font-bold {
  font-weight: 700;
}

.fill-black {
  fill: #1F2120;
}

.fill-white {
  fill: #fff;
}

.w-full {
  width: 100%;
}

h1, h2, h3 {
  font-family: "ApexNew Book" !important;
}

section.fill-bright-blue a.button {
  font-family: "ApexNew Medium";
  font-style: italic;
  font-size: 16px;
}

element.style {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 11;
  display: none;
  width: 363px;
  height: 770px;
}

.duarte-player > ul.playlist > li {
  width: 1280px;
  height: 720px;
  margin: 0 0 3px 0;
  padding: 0;
  list-style: none;
  float: left;
  text-align: center;
}

.duarte-player > ul.playlist > li {
  width: 1280px;
  height: 720px;
  margin: 0 0 3px 0;
  padding: 0;
  list-style: none;
  float: left;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .duarte-player ul.playlist > li {
    display: none !important;
  }
  .duarte-player ul.playlist > li:first-child {
    display: block !important;
  }
  .duarte-player ul.playlist li.hidden {
    display: none !important;
  }
  .duarte-player ul.playlist li.showing {
    display: block !important;
  }
}

/*# sourceMappingURL=mega-menu-.css.map*/