.video-hero-wrapper {
  position: relative;
}
.hero-video {
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .hero-video.desktop-height-450 {
    height: 450px;
  }
  .hero-video.desktop-height-550 {
    height: 550px;
  }
  .hero-video.desktop-height-650 {
    height: 650px;
  }
  .hero-video.desktop-height-750 {
    height: 750px;
  }
  .hero-video.desktop-height-fullscreen {
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .hero-video.mobile-height-250 {
    height: 250px;
  }
  .hero-video.mobile-height-350 {
    height: 350px;
  }
  .hero-video.mobile-height-450 {
    height: 450px;
  }
  .hero-video.mobile-height-550 {
    height: 550px;
  }
  .hero-video.mobile-height-fullscreen {
    height: 100vh;
  }
  .hero-video.mobile-height-fit .hero-video--media {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .hero-video.mobile-height-fit .hero-video--media iframe,
  .hero-video.mobile-height-fit .hero-video--media video {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
  }
  .hero-video.mobile-height-fit .hero-video--media .plyr {
    position: unset;
  }
}
.hero-video.is-link {
  cursor: pointer;
}
.hero-video .plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: none;
}
.hero-video-play-button {
  z-index: 99;
  pointer-events: all;
  line-height: 0;
  width: 66px;
  height: 66px;
}
.hero-video-play-button svg {
  width: 60px;
  height: 60px;
  background-color: var(--body-color);
}
.hero-video-play-button:hover svg path {
  fill: var(--text-color-transparent7);
}
.hero-video--text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
}
.hero-video--text a:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.text-content--inner {
  width: 65%;
  padding: 60px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .text-content--inner {
    width: 100%;
    padding: 30px;
  }
}
.text-content--inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: 0 0;
  background: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.1) 0,
    rgba(0, 212, 255, 0) 32%
  );
  margin: -150px -250px;
  pointer-events: none;
  opacity: 1;
  z-index: -1;
}
.hero-video--text-content {
  display: flex;
  width: inherit;
}
.hero-video--text-content .text-size-12px {
  font-size: 12px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-12px {
    font-size: calc(12px - 0.4vw);
  }
}
.hero-video--text-content .text-size-14px {
  font-size: 14px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-14px {
    font-size: calc(14px - 0.4vw);
  }
}
.hero-video--text-content .text-size-16px {
  font-size: 16px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-16px {
    font-size: calc(16px - 0.4vw);
  }
}
.hero-video--text-content .text-size-18px {
  font-size: 18px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-18px {
    font-size: calc(18px - 0.4vw);
  }
}
.hero-video--text-content .text-size-20px {
  font-size: 20px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-20px {
    font-size: calc(20px - 0.4vw);
  }
}
.hero-video--text-content .text-size-22px {
  font-size: 22px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-22px {
    font-size: calc(22px - 0.4vw);
  }
}
.hero-video--text-content .text-size-24px {
  font-size: 24px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-24px {
    font-size: calc(24px - 0.4vw);
  }
}
.hero-video--text-content .text-size-26px {
  font-size: 26px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-26px {
    font-size: calc(26px - 0.4vw);
  }
}
.hero-video--text-content .text-size-28px {
  font-size: 28px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-28px {
    font-size: calc(28px - 0.4vw);
  }
}
.hero-video--text-content .text-size-30px {
  font-size: 30px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-30px {
    font-size: calc(30px - 0.4vw);
  }
}
.hero-video--text-content .text-size-32px {
  font-size: 32px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-32px {
    font-size: calc(32px - 0.4vw);
  }
}
.hero-video--text-content .text-size-34px {
  font-size: 34px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-34px {
    font-size: calc(34px - 0.4vw);
  }
}
.hero-video--text-content .text-size-36px {
  font-size: 36px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-36px {
    font-size: calc(36px - 0.4vw);
  }
}
.hero-video--text-content .text-size-38px {
  font-size: 38px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-38px {
    font-size: calc(38px - 0.4vw);
  }
}
.hero-video--text-content .text-size-40px {
  font-size: 40px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-40px {
    font-size: calc(40px - 0.4vw);
  }
}
.hero-video--text-content .text-size-42px {
  font-size: 42px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-42px {
    font-size: calc(42px - 0.4vw);
  }
}
.hero-video--text-content .text-size-44px {
  font-size: 44px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-44px {
    font-size: calc(44px - 0.4vw);
  }
}
.hero-video--text-content .text-size-46px {
  font-size: 46px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-46px {
    font-size: calc(46px - 0.4vw);
  }
}
.hero-video--text-content .text-size-48px {
  font-size: 48px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-48px {
    font-size: calc(48px - 0.4vw);
  }
}
.hero-video--text-content .text-size-50px {
  font-size: 50px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-50px {
    font-size: calc(50px - 0.4vw);
  }
}
.hero-video--text-content .text-size-52px {
  font-size: 52px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-52px {
    font-size: calc(52px - 0.4vw);
  }
}
.hero-video--text-content .text-size-54px {
  font-size: 54px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-54px {
    font-size: calc(54px - 0.4vw);
  }
}
.hero-video--text-content .text-size-56px {
  font-size: 56px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-56px {
    font-size: calc(56px - 0.4vw);
  }
}
.hero-video--text-content .text-size-58px {
  font-size: 58px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-58px {
    font-size: calc(58px - 0.4vw);
  }
}
.hero-video--text-content .text-size-60px {
  font-size: 60px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-60px {
    font-size: calc(60px - 0.4vw);
  }
}
.hero-video--text-content .text-size-62px {
  font-size: 62px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-62px {
    font-size: calc(62px - 0.4vw);
  }
}
.hero-video--text-content .text-size-64px {
  font-size: 64px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-64px {
    font-size: calc(64px - 0.4vw);
  }
}
.hero-video--text-content .text-size-66px {
  font-size: 66px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-66px {
    font-size: calc(66px - 0.4vw);
  }
}
.hero-video--text-content .text-size-68px {
  font-size: 68px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-68px {
    font-size: calc(68px - 0.4vw);
  }
}
.hero-video--text-content .text-size-70px {
  font-size: 70px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-70px {
    font-size: calc(70px - 0.4vw);
  }
}
.hero-video--text-content .text-size-72px {
  font-size: 72px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-72px {
    font-size: calc(72px - 0.4vw);
  }
}
.hero-video--text-content .text-size-74px {
  font-size: 74px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-74px {
    font-size: calc(74px - 0.4vw);
  }
}
.hero-video--text-content .text-size-76px {
  font-size: 76px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-76px {
    font-size: calc(76px - 0.4vw);
  }
}
.hero-video--text-content .text-size-78px {
  font-size: 78px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-78px {
    font-size: calc(78px - 0.4vw);
  }
}
.hero-video--text-content .text-size-80px {
  font-size: 80px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-80px {
    font-size: calc(80px - 0.4vw);
  }
}
.hero-video--text-content .text-size-82px {
  font-size: 82px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-82px {
    font-size: calc(82px - 0.4vw);
  }
}
.hero-video--text-content .text-size-84px {
  font-size: 84px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-84px {
    font-size: calc(84px - 0.4vw);
  }
}
.hero-video--text-content .text-size-86px {
  font-size: 86px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-86px {
    font-size: calc(86px - 0.4vw);
  }
}
.hero-video--text-content .text-size-88px {
  font-size: 88px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-88px {
    font-size: calc(88px - 0.4vw);
  }
}
.hero-video--text-content .text-size-90px {
  font-size: 90px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-90px {
    font-size: calc(90px - 0.4vw);
  }
}
.hero-video--text-content .text-size-92px {
  font-size: 92px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-92px {
    font-size: calc(92px - 0.4vw);
  }
}
.hero-video--text-content .text-size-94px {
  font-size: 94px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-94px {
    font-size: calc(94px - 0.4vw);
  }
}
.hero-video--text-content .text-size-96px {
  font-size: 96px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-96px {
    font-size: calc(96px - 0.4vw);
  }
}
.hero-video--text-content .text-size-98px {
  font-size: 98px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-98px {
    font-size: calc(98px - 0.4vw);
  }
}
.hero-video--text-content .text-size-100px {
  font-size: 100px;
}
@media (max-width: 767px) {
  .hero-video--text-content .text-size-100px {
    font-size: calc(100px - 0.4vw);
  }
}
.hero-video--text-content.text-align-top-left {
  justify-content: left;
  align-items: left;
  align-self: flex-start;
  text-align: left;
}
.hero-video--text-content.text-align-top-center {
  justify-content: center;
  text-align: center;
}
.hero-video--text-content.text-align-top-right {
  justify-content: flex-end;
  align-self: flex-start;
  text-align: right;
}
.hero-video--text-content.text-align-center-left {
  justify-content: left;
  align-items: center;
  text-align: left;
}
.hero-video--text-content.text-align-center {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.hero-video--text-content.text-align-center-right {
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}
.hero-video--text-content.text-align-bottom-left {
  justify-content: left;
  align-items: flex-start;
  align-self: flex-end;
  text-align: left;
}
.hero-video--text-content.text-align-bottom-center {
  justify-content: center;
  align-self: flex-end;
  text-align: center;
}
.hero-video--text-content.text-align-bottom-right {
  justify-content: flex-end;
  align-self: flex-end;
  text-align: right;
}
.hero-video--text-content .hero-video--text-subtitle {
  margin-bottom: 0.5em;
}
.hero-video--text-content .hero-video--text-subtitle p {
  white-space: pre-line;
  line-height: 1.4em;
}
.hero-video--text-content div[class^="text-size-"] {
  line-height: 1rem;
}
.hero-video--text-content .text-shadow {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.hero-video--text-content .homepage-sections--title {
  text-align: inherit;
}
@media only screen and (max-width: 767px) {
  .hero-video--text-content .hero-video--text-title {
    padding-bottom: 15px;
  }
  .hero-video--text-content
    .hero-video--text-title
    h2.homepage-sections--title {
    margin-bottom: 5px;
    font-size: 22px;
  }
  .hero-video--text-content .hero-video--text-subtitle p {
    font-size: 16px;
  }
}
.hero-video--media {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
.hero-video--media.type-mp4 .video,
.hero-video--media.type-mp4 > native-video,
.hero-video--media.type-mp4 > native-video > div,
.hero-video--media.type-mp4 > native-video > div > div {
  display: block;
  height: 100%;
}
.hero-video--media iframe,
.hero-video--media video {
  width: 100%;
  height: 130%;
}
.hero-video--media video {
  position: relative;
  object-fit: cover;
  object-position: 50% 20%;
  font-family: "object-fit: cover";
}
.hero-video--media iframe {
  position: absolute;
  max-width: none;
}
.hero-video--media[data-hide-controls="true"] .plyr__controls {
  opacity: 0;
}
.hero-video--media[data-hide-controls="true"] iframe {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .mobile-height-250 .hero-video--media iframe,
  .mobile-height-350 .hero-video--media iframe {
    width: 300%;
    left: -100%;
    top: -50px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .mobile-height-250 .hero-video--media iframe,
  .mobile-height-350 .hero-video--media iframe {
    height: 200%;
    top: -150px;
  }
}
@media screen and (max-width: 767px) {
  .mobile-height-450 .hero-video--media iframe,
  .mobile-height-550 .hero-video--media iframe {
    height: 100%;
    top: 0;
    width: 300%;
    left: -100%;
  }
}
@media screen and (max-width: 767px) {
  .mobile-height-fullscreen .hero-video--media iframe {
    width: 500%;
    left: -200%;
    height: 100vh;
  }
}
@media screen and (min-width: 768px) {
  .desktop-height-450 iframe,
  .desktop-height-550 iframe,
  .desktop-height-650 iframe,
  .desktop-height-750 iframe,
  .desktop-height-fullscreen iframe {
    width: 300%;
    height: 150%;
    left: -100%;
    max-width: none;
    top: -130px;
  }
}
@media screen and (min-width: 1140px) {
  .desktop-height-450 iframe,
  .desktop-height-550 iframe {
    width: 100%;
    height: 300%;
    left: auto;
    top: -100%;
  }
}
@media screen and (min-width: 1140px) {
  .desktop-height-650 iframe {
    width: 110%;
    height: 300%;
    left: auto;
    top: -100%;
  }
}
@media screen and (min-width: 1140px) {
  .desktop-height-750 iframe {
    width: 150%;
    height: 300%;
    left: -25%;
    top: -100%;
  }
}
@media screen and (min-width: 1400px) {
  .desktop-height-fullscreen iframe {
    width: 150%;
    height: 300%;
    left: -25%;
    top: -100%;
  }
}