/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'npm run build' command.
 * @preserve
 */
  .hero-slideshow {
  position: relative;
  height: 46.125rem;
}
  @media (max-width: 575.98px) {
  .hero-slideshow {
    height: 41.64375rem
}
  }
  .hero-slideshow .video {
    position: absolute;
  }
  .hero-slideshow__item {
    display: none;
    width: 100%;
    height: 46.125rem;
    background-position: center;
    background-size: cover;
    position: absolute;
    z-index: 0;
    color: var(--colors-white-10);
  }
  .hero-slideshow__item--active {
      display: block;
    }
  @media (max-width: 575.98px) {
  .hero-slideshow__item {
      height: 41.64375rem
  }
    }
  .hero-slideshow__screen {
    background: linear-gradient(
      to top,
      rgb(0, 0, 0),
      rgba(0, 0, 0, 0)
    );
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .hero-slideshow__container {
    padding: 8.5625rem 16.3125rem;
  }
  @media (max-width: 767.98px) {
  .hero-slideshow__container {
      padding: 9.875rem 5.375rem
  }
    }
  @media (max-width: 575.98px) {
  .hero-slideshow__container {
      padding: 3.25rem 2.875rem
  }
    }
  .hero-slideshow__title {
    font: var(--font-primary-h1-default); font-weight: 300;;
    margin-bottom: 1.125rem;
  }
  .hero-slideshow__subtitle {
    font: var(--font-primary-h4-default);
    font-weight: 300;
    margin-bottom: 1.125rem;
  }
  .hero-slideshow__content {
    font: var(--font-primary-small-default);
    font-weight: 300;
    margin-bottom: 1.875rem;
    max-width: 43.75rem;
    margin-bottom: 30px;
  }
  .hero-slideshow__cta {
    font: var(--font-primary-x-small-default);
    margin-bottom: 1.125rem;
    padding: 0.625rem 3.125rem;
    border-radius: 0.3125rem;
    border: solid 0.0625rem var(--colors-white-10);
    text-transform: uppercase;
    color: var(--colors-white-10);
  }
  @media (max-width: 575.98px) {
  .hero-slideshow__cta {
      padding: 0.625rem 5.4375rem
  }
    }
  .hero-slideshow__cta:hover {
      color: var(--colors-white-10);
    }
  .hero-slideshow__controls {
    position: relative;
    top: 70%;
    margin: 0 14%;
    color: var(--colors-white-10);
    cursor: pointer;
  }
  @media (max-width: 1023.98px) {
  .hero-slideshow__controls {
      top: 331%
  }
    }
  @media (max-width: 767.98px) {
  .hero-slideshow__controls {
      display: none
  }
    }
  .hero-slideshow__controls--dots {
      position: relative;
      top: 85%;
      margin: 0 auto;
      width: 8.875rem;
      text-align: center;
      display: none;
    }
  @media (max-width: 767.98px) {
  .hero-slideshow__controls--dots {
        display: block
    }
      }
  @media (max-width: 575.98px) {
  .hero-slideshow__controls--dots {
        top: 38.75rem
    }
      }
  .hero-slideshow__nav-item {
     font: var(--font-primary-small-default);
 font-weight: 300;
    float: left;
    border-top: solid 0.0625rem;
    padding: 2.375rem 2.75rem 0 0.875rem;
    width: 16%;
    z-index: 10;
  }
  .hero-slideshow__nav-dot {
    cursor: pointer;
    height: 0.9375rem;
    width: 0.9375rem;
    margin: 0 0.125rem;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  .hero-slideshow__nav-dot--active,
    .hero-slideshow__nav-dot:hover {
      background-color: var(--colors-sea-green-60);
    }
  .hero-slideshow__green {
    display: block;
    background-color: var(--colors-sea-green-60);
    height: 0.6875rem;
    width: 10.3125rem;
    position: absolute;
    top: -0.375rem;
    left: 0.1875rem;
  }

/* Fading animation */

.fade {
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

.fadeOut {
  animation-name: fadeOut;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {opacity: 1}
  to {opacity: 0}
}