/**
 * Don't edit this file. Find all style at ./sass folder.
 **/
/* Bootstrap abstracts */
/* Bootstrap related abstracts */
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.banner-video {
  position: relative;
  padding-top: 7.5rem;
  padding-bottom: 5rem;
}
@media (min-width: 992px) {
  .banner-video {
    padding-top: 17.5rem;
    padding-bottom: 10rem;
  }
}
.banner-video__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.banner-video__video, .banner-video__image {
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
}
.banner-video__video video, .banner-video__image video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-video__image {
  object-fit: cover;
}
.banner-video__body {
  position: relative;
  z-index: 2;
}
.banner-video__section {
  position: relative;
  min-height: 40vh;
  padding-top: 5rem;
  padding-bottom: 5rem;
  color: #fff;
}
@media (min-width: 768px) {
  .banner-video__section {
    min-height: 60vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 15%;
  }
}
.banner-video__intro {
  color: #fff;
}
.banner-video__subtitle {
  margin-bottom: 0.625rem;
  font-family: "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
.banner-video__title {
  max-width: 28.125rem;
  margin-bottom: 13.125rem;
  font-size: 5rem;
  font-family: "WWF", "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .banner-video__title {
    font-size: calc(1.625rem + 4.5vw);
  }
}
.banner-video__description.is-style-quote {
  max-width: calc(37.5rem + 15%);
}
@media (min-width: 768px) {
  .banner-video__description.is-style-quote {
    padding-left: 15%;
  }
}
.banner-video .wwf-stat {
  max-width: 25rem;
}
.banner-video .btn-container-share {
  position: relative;
  padding-top: 6.25rem;
}
.banner-video .btn-container-share a {
  position: relative;
  display: inline-block;
}
.banner-video .btn-container-share a:not(:last-child) {
  margin-right: 2.1875rem;
}
.banner-video .btn-container-share .btn--share__link {
  width: 1.75rem;
}
.banner-video .btn-container-share svg {
  width: 100%;
}
.banner-video .btn-container-share svg path {
  fill: #fff;
}

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