.hero__banner__frame {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  background: var(--wsPrimaryColor, #fff);
}
@media (min-width: 768px) {
  .hero__banner__frame {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .hero__banner__frame {
    min-height: 610px;
  }
}
.hero__banner__frame .banner-wrapper {
  display: contents;
}
.hero__banner__frame .chevron {
  position: absolute;
  z-index: 2;
  top: -10%;
  left: 0;
}
@media (min-width: 576px) {
  .hero__banner__frame .chevron {
    width: 400px;
  }
}
@media (min-width: 768px) {
  .hero__banner__frame .chevron {
    top: -10%;
    width: 450px;
  }
}
@media (min-width: 992px) {
  .hero__banner__frame .chevron {
    top: -10%;
    width: 550px;
  }
}
@media (min-width: 1200px) {
  .hero__banner__frame .chevron {
    top: -35%;
    width: 855px;
  }
}
.hero__banner__frame .chevron svg {
  height: 100%;
  width: 100%;
}
.hero__banner__frame .wrapper-content {
  order: 1;
  flex: 1 1;
  display: flex;
  justify-content: flex-start;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .hero__banner__frame .wrapper-content {
    margin-top: 0;
    align-items: center;
    background: none;
  }
}
@media (max-width: 767.98px) {
  .hero__banner__frame .wrapper-content {
    max-width: 345px;
  }
}
.hero__banner__frame .breadcrumb-container,
.hero__banner__frame .hero_banner-content {
  position: relative;
  z-index: 3;
}
.hero__banner__frame .hero_banner-content {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 320px;
}
@media (min-width: 992px) {
  .hero__banner__frame .hero_banner-content {
    max-width: 480px;
  }
}
.hero__banner__frame .hero_banner-content .cta-wrapper {
  margin-top: 40px;
}
.hero__banner__frame .hero_banner-content .block-title {
  font-size: 40px;
  line-height: 44px;
  margin-bottom: 20px;
  color: var(--ylb-color-white, white);
}
@media (min-width: 768px) {
  .hero__banner__frame .hero_banner-content .block-title {
    font-size: 50px;
    line-height: 55px;
  }
}
@media (min-width: 992px) {
  .hero__banner__frame .hero_banner-content .block-title {
    font-size: 64px;
    line-height: 70px;
  }
}
.hero__banner__frame .hero_banner-content .hero_banner-body {
  font-size: 20px;
  line-height: 30px;
}
.hero__banner__frame .hero_banner-content .btn {
  margin-bottom: 40px;
}
.hero__banner__frame:before, .hero__banner__frame:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.hero__banner__frame.hero__gradient_vertical::before {
  opacity: 0.9;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 50.45%, rgba(0, 0, 0, 0) 100%, #000000 100%);
  z-index: 2;
}
.hero__banner__frame.hero__gradient_horizontal::after {
  opacity: 0.5;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 2;
}
.hero__banner__frame .field--name-field-background-image img,
.hero__banner__frame .hero_banner--img {
  width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--wsBorderRadius, 20px);
  border: 1px solid #979797;
}
.hero__banner__frame .hero_banner--audio-controls {
  background-color: rgba(255, 255, 255, 0.5);
}
.hero__banner__frame .hero_banner--audio-controls i,
.hero__banner__frame .hero_banner--audio-controls svg {
  font-size: 24px;
  width: 24px;
  height: auto;
}
@media (min-width: 992px) {
  .hero__banner__frame .hero_banner--audio-controls i,
  .hero__banner__frame .hero_banner--audio-controls svg {
    font-size: 36px;
  }
}
.hero__banner__frame .hero_banner--audio-controls i[class*=fa-volume],
.hero__banner__frame .hero_banner--audio-controls svg[class*=fa-volume] {
  max-width: 50px;
}
.hero__banner__frame .hero_banner--audio-controls.is-playing #hero_banner--btn-play {
  display: none;
}
.hero__banner__frame .hero_banner--audio-controls:not(.is-playing) #hero_banner--btn-pause {
  display: none;
}
.hero__banner__frame .hero_banner--audio-controls.is-muted #hero_banner--btn-mute {
  display: none;
}
.hero__banner__frame .hero_banner--audio-controls:not(.is-muted) #hero_banner--btn-unmute {
  display: none;
}
.hero__banner__frame .hero_banner-video,
.hero__banner__frame .hero_banner-image {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
  max-width: 345px;
  max-height: 315px;
  margin: 30px auto 40px;
  padding: 0 15px;
}
.hero__banner__frame .hero_banner-video.hero_banner-video,
.hero__banner__frame .hero_banner-image.hero_banner-video {
  flex: 1 1 auto;
  width: 100%;
  height: 150px;
}
@media (min-width: 768px) {
  .hero__banner__frame .hero_banner-video.hero_banner-video,
  .hero__banner__frame .hero_banner-image.hero_banner-video {
    height: auto;
    position: relative;
  }
}
@media (min-width: 768px) {
  .hero__banner__frame .hero_banner-video,
  .hero__banner__frame .hero_banner-image {
    height: auto;
    margin: 50px 55px 70px;
    max-height: 490px;
  }
}
@media (min-width: 992px) {
  .hero__banner__frame .hero_banner-video,
  .hero__banner__frame .hero_banner-image {
    max-width: unset;
  }
}
@media (min-width: 1200px) {
  .hero__banner__frame .hero_banner-video,
  .hero__banner__frame .hero_banner-image {
    flex: 2 1;
    max-width: 780px;
  }
}
.hero__banner__frame .hero_banner-video .field--name-field-background-image .contextual-region,
.hero__banner__frame .hero_banner-image .field--name-field-background-image .contextual-region {
  position: static;
}
.hero__banner__frame .hero_banner-video .hero_banner-video--youtube-player-wrapper,
.hero__banner__frame .hero_banner-image .hero_banner-video--youtube-player-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.hero__banner__frame .hero_banner-video video,
.hero__banner__frame .hero_banner-video iframe,
.hero__banner__frame .hero_banner-image video,
.hero__banner__frame .hero_banner-image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero__banner__frame .hero-banner-preloader {
  width: 60px;
  height: 60px;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}
@media (min-width: 768px) {
  .hero__banner__frame .hero-banner-preloader {
    left: calc(25vw - 30px);
  }
}
.hero__banner__frame .hero-banner-preloader svg {
  width: 60px;
  height: auto;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3Njc3MvaGVyby1mcmFtZS5zY3NzIiwiaGVyby1mcmFtZS5jc3MiLCIuLi8uLi9ub2RlX21vZHVsZXMvYm9vdHN0cmFwL3Njc3MvbWl4aW5zL19icmVha3BvaW50cy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBO0VBQ0UsaUJBQUE7RUFDQSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSx1Q0FBQTtBQ0hGO0FDdURJO0VGeERKO0lBT0ksbUJBQUE7RUNGRjtBQUNGO0FER0U7RUFURjtJQVVJLGlCQUFBO0VDQUY7QUFDRjtBREVFO0VBQ0UsaUJBQUE7QUNBSjtBREdFO0VBQ0Usa0JBQUE7RUFDQSxVQUFBO0VBQ0EsU0FBQTtFQUNBLE9BQUE7QUNESjtBQ29DSTtFRnZDRjtJQU9JLFlBQUE7RUNBSjtBQUNGO0FDK0JJO0VGdkNGO0lBVUksU0FBQTtJQUNBLFlBQUE7RUNFSjtBQUNGO0FDeUJJO0VGdkNGO0lBY0ksU0FBQTtJQUNBLFlBQUE7RUNJSjtBQUNGO0FDbUJJO0VGdkNGO0lBa0JJLFNBQUE7SUFDQSxZQUFBO0VDTUo7QUFDRjtBREpJO0VBQ0UsWUFBQTtFQUNBLFdBQUE7QUNNTjtBREZFO0VBQ0UsUUFBQTtFQUNBLFNBQUE7RUFDQSxhQUFBO0VBQ0EsMkJBQUE7RUFDQSxlQUFBO0FDSUo7QUNFSTtFRlhGO0lBUUksYUFBQTtJQUNBLG1CQUFBO0lBQ0EsZ0JBQUE7RUNLSjtBQUNGO0FDUUk7RUZ4QkY7SUFhSSxnQkFBQTtFQ09KO0FBQ0Y7QURKRTs7RUFFRSxrQkFBQTtFQUNBLFVBQUE7QUNNSjtBREZFO0VBQ0UsdUJBQUE7RUFBQSxrQkFBQTtFQUNBLGdCQUFBO0FDSUo7QUNuQkk7RUZhRjtJQUtJLGdCQUFBO0VDS0o7QUFDRjtBREhJO0VBQ0UsZ0JBQUE7QUNLTjtBREZJO0VBQ0UsZUFBQTtFQUNBLGlCQUFBO0VBQ0EsbUJBQUE7RUFDQSxvQ0FBQTtBQ0lOO0FDakNJO0VGeUJBO0lBT0ksZUFBQTtJQUNBLGlCQUFBO0VDS047QUFDRjtBQ3ZDSTtFRnlCQTtJQVlJLGVBQUE7SUFDQSxpQkFBQTtFQ01OO0FBQ0Y7QURISTtFQUNFLGVBQUE7RUFDQSxpQkFBQTtBQ0tOO0FERkk7RUFDRSxtQkFBQTtBQ0lOO0FERUU7RUFFRSxXQUFBO0VBQ0Esa0JBQUE7RUFDQSxPQUFBO0VBQ0EsUUFBQTtFQUNBLFNBQUE7RUFDQSxNQUFBO0FDREo7QURJRTtFQUNFLFlBQUE7RUFDQSw2R0FBQTtFQUNBLFVBQUE7QUNGSjtBREtFO0VBQ0UsWUFBQTtFQUNBLHNFQUFBO0VBQ0EsVUFBQTtBQ0hKO0FETUU7O0VBRUUsV0FBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLG9CQUFBO0tBQUEsaUJBQUE7RUFDQSwwQ0FBQTtFQUNBLHlCQUFBO0FDSko7QURRRTtFQUNFLDBDQUFBO0FDTko7QURRSTs7RUFFRSxlQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7QUNOTjtBRFFNO0VBTkY7O0lBT0ksZUFBQTtFQ0pOO0FBQ0Y7QURNTTs7RUFDRSxlQUFBO0FDSFI7QURRSTtFQUNFLGFBQUE7QUNOTjtBRFVJO0VBQ0UsYUFBQTtBQ1JOO0FEWUk7RUFDRSxhQUFBO0FDVk47QURjSTtFQUNFLGFBQUE7QUNaTjtBRGlCRTs7RUFFRSxTQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0VBQ0EsdUJBQUE7RUFDQSxtQkFBQTtFQUNBLFVBQUE7RUFDQSxnQkFBQTtFQUNBLGlCQUFBO0VBQ0Esc0JBQUE7RUFDQSxlQUFBO0FDZko7QURpQkk7O0VBQ0UsY0FBQTtFQUNBLFdBQUE7RUFDQSxhQUFBO0FDZE47QUNqSUk7RUY0SUE7O0lBTUksWUFBQTtJQUNBLGtCQUFBO0VDWk47QUFDRjtBQ3hJSTtFRitIRjs7SUF5QkksWUFBQTtJQUNBLHNCQUFBO0lBQ0EsaUJBQUE7RUNYSjtBQUNGO0FDaEpJO0VGK0hGOztJQStCSSxnQkFBQTtFQ1RKO0FBQ0Y7QUN0Skk7RUYrSEY7O0lBbUNJLFNBQUE7SUFDQSxnQkFBQTtFQ1BKO0FBQ0Y7QURTSTs7RUFDRSxnQkFBQTtBQ05OO0FEU0k7O0VBQ0Usa0JBQUE7RUFDQSxnQkFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0FDTk47QURTSTs7OztFQUVFLGtCQUFBO0VBQ0EsTUFBQTtFQUNBLE9BQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtBQ0xOO0FEU0U7RUFDRSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0Esc0JBQUE7RUFDQSxxQkFBQTtBQ1BKO0FDekxJO0VGMkxGO0lBUUksdUJBQUE7RUNOSjtBQUNGO0FEUUk7RUFDRSxXQUFBO0VBQ0EsWUFBQTtBQ05OIiwiZmlsZSI6Imhlcm8tZnJhbWUuY3NzIn0= */