@keyframes menuHover {
  from {
    background: transparent;
  }
  to {
    background: #000;
  }
}
@keyframes menuHoverHighlights {
  from {
    color: #000;
  }
  to {
    color: #ffcc00;
  }
}
@keyframes megaMenuHeader {
  from {
    color: #000;
  }
  to {
    color: #ffcc00;
  }
}
@keyframes menuHoverHighlightsBorder {
  from {
    border-color: transparent;
  }
  to {
    border-color: #ffcc00;
  }
}
@keyframes megamenuFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.page {
  background: linear-gradient(to right, #f1f1f1 0%, #f1f1f1 50%, #deb821 50%);
}
.page .page-inner {
  background: #fcfcfc;
  padding: 1.5em;
  font-size: 1em;
  line-height: 1.875em;
}

@media all and (min-width: 1200px) {
  .main-horizon-wrapper {
    background-repeat: no-repeat;
    max-width: 1920px;
    margin: 0 auto;
  }
  .main-horizon-wrapper.main-horizon-wrapper-1 {
    background-position: top left;
    background-image: url("../../images/page-side-1.png");
  }
  .main-horizon-wrapper.main-horizon-wrapper-2 {
    background-position: top right;
    background-image: url("../../images/page-side-2.png");
  }

  .hero-horizon-wrapper {
    background-repeat: no-repeat;
    max-width: 1920px;
    margin: 0 auto;
  }
  .hero-horizon-wrapper.hero-horizon-wrapper-1 {
    background-position: top left;
    background-image: url("../../images/hero-side-1.png");
  }
  .hero-horizon-wrapper.hero-horizon-wrapper-2 {
    background-position: bottom right;
    background-image: url("../../images/hero-side-2.png");
  }
}
.hero {
  background: linear-gradient(to right, #fff7df 0%, #fff7df 50%, #ccc 50%);
}
.hero .hero-inner {
  background-color: #1a1a1a;
}
.hero .media img {
  width: 100%;
  height: auto;
  vertical-align: text-bottom;
}
.hero iframe {
  width: 100%;
  vertical-align: text-bottom;
  border: none;
}
.hero p {
  margin: 0;
}
@media all and (max-width: 559px) {
  .hero {
    display: none;
  }
}

.the-content a {
  color: #1a1a1a;
}

.slick-arrow::before {
  color: #222;
}

.newsletter-container iframe {
  width: 830px;
  height: 100vh;
  border: 1px solid #ccc;
}
@media all and (max-width: 1199px) {
  .newsletter-container iframe {
    width: 100%;
  }
}
@media all and (min-width: 1200px) {
  .newsletter-container iframe {
    display: block;
    margin: 0 auto;
  }
}

/*# sourceMappingURL=main.css.map */