/** Shopify CDN: Minification failed

Line 243:0 Unexpected "}"

**/
/*------------------------------------------------------------------
Compass Mixins
*/
/*------------------------------------------------------------------
Variables
*/
.video-lightbox-modal {
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1); }

/*------------------------------------------------------------------
Utilities
*/
.background-video {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  overflow: hidden; }
  .background-video__fallback-img, .background-video__iframe, .background-video__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -5px;
    pointer-events: none; }
  .background-video__fallback-img {
    z-index: -1; }
  .background-video__iframe {
    z-index: 0; }
    .background-video__iframe iframe {
      position: absolute;
      z-index: 1;
      width: 300%;
      height: 100%;
      left: -100%; }
      @media only screen and (min-width: 768px) {
        .background-video__iframe iframe {
          width: 200%;
          height: 200%;
          left: -50%;
          top: -50%; } }
      @media only screen and (min-width: 1068px) {
        .background-video__iframe iframe {
          width: 100%;
          height: 300%;
          left: 0;
          top: -100%; } }
  .background-video__overlay {
    z-index: 3;
    background: rgba(0, 0, 0, var(--overlay-opacity)); }
  .background-video__content-wrap {
    display: flex;
    padding: 0 15px;
    width: 100%;
    position: relative;
    z-index: 4; }
    @media only screen and (min-width: 768px) {
      .background-video__content-wrap {
        padding: 0 40px; } }
  .background-video__content {
    max-width: 768px;
    margin: 0 auto;
    color: #fff; }
   
    .background-video__content .h1 {
      color: #fff; }

.video-lightbox-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  padding: 70px 30px;
  background: rgba(196, 196, 196, 0.7);
  backdrop-filter: blur(3px);
  height: 100%; }
  .video-lightbox-modal[open] {
    opacity: 1;
    visibility: visible;
    z-index: 101; }
    .video-lightbox-modal[open] .video-lightbox-modal__content {
      display: flex; }
  .video-lightbox-modal__opener {
    display: inline-block;
    margin-top: 20px; }
  .video-lightbox-modal__button {
    display: flex;
    margin: 0 auto;
    align-items: center;
    cursor: pointer;
    color: #fff; }
    .video-lightbox-modal__button svg {
      width: auto;
      margin-right: 20px; }
    .video-lightbox-modal__button span {
      font-size: 0.8125rem;
      letter-spacing: 0.2em;
      font-weight: 700; }
    .video-lightbox-modal__button.no-js {
      display: none; }
      .no-js .video-lightbox-modal__button.no-js {
        display: inline-flex; }
  .video-lightbox-modal__toggle {
    width: 26px;
    height: 26px;
    border: 1px solid var(--color-accent);
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -36px;
    right: 0; }
    .video-lightbox-modal__toggle svg {
      width: 12px;
      height: 12px; }
  .video-lightbox-modal__content {
    max-height: none;
    max-width: clamp(300px, 90vw, 800px);
    margin: 0 auto;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
    position: absolute;
    top: 50%;
    display: none;
    flex-direction: column;
    background: var(--color-accent); }
    .video-lightbox-modal__content-info {
      position: relative;
      padding-bottom: 56.25%; }
      .video-lightbox-modal__content-info iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 0; }
@media only screen and (max-width: 767px) {
    .mobile-height-full {
        min-height:100vh
    }
}

@media only screen and (max-width: 767px) {
    .mobile-height-auto {
        min-height:auto
    }
}

@media only screen and (max-width: 767px) {
    .mobile-height-300 {
        min-height:300px
    }
}

@media only screen and (max-width: 767px) {
    .mobile-height-350 {
        min-height:350px
    }
}

@media only screen and (max-width: 767px) {
    .mobile-height-400 {
        min-height:400px
    }
}

@media only screen and (max-width: 767px) {
    .mobile-height-450 {
        min-height:450px
    }
}

@media only screen and (max-width: 767px) {
    .mobile-height-500 {
        min-height:500px
    }
}

@media only screen and (min-width: 768px) {
    .desktop-height-full {
        min-height:100vh
    }
}

@media only screen and (min-width: 768px) {
    .desktop-height-auto {
        min-height:auto
    }
}

@media only screen and (min-width: 768px) {
    .desktop-height-450 {
        min-height:450px
    }
}

@media only screen and (min-width: 768px) {
    .desktop-height-550 {
        min-height:550px
    }
}

@media only screen and (min-width: 768px) {
    .desktop-height-650 {
        min-height:650px
    }
}

@media only screen and (min-width: 768px) {
    .desktop-height-750 {
        min-height:750px
    }
}
@media only screen and (min-width: 1068px) {
   .mobilevideoicons
    {
      display: none !important;
    }
    .desktopvideoicons
    {
      display: block !important;
    }
 }
 .mobilevideoicons
    {
      display: block;
    }
 .desktopvideoicons
    {
      display: none;
    }
}


@media only screen and (max-width: 767px) {
  .mobile-height-full {
    min-height: 100vh; } }

@media only screen and (max-width: 767px) {
  .mobile-height-auto {
    min-height: auto; } }

@media only screen and (max-width: 767px) {
  .mobile-height-300 {
    min-height: 300px; } }

@media only screen and (max-width: 767px) {
  .mobile-height-350 {
    min-height: 350px; } }

@media only screen and (max-width: 767px) {
  .mobile-height-400 {
    min-height: 400px; } }

@media only screen and (max-width: 767px) {
  .mobile-height-450 {
    min-height: 450px; } }

@media only screen and (max-width: 767px) {
  .mobile-height-500 {
    min-height: 520px; } }

@media only screen and (min-width: 768px) {
  .desktop-height-full {
    min-height: 100vh; } }

@media only screen and (min-width: 768px) {
  .desktop-height-auto {
    min-height: auto; } }

@media only screen and (min-width: 768px) {
  .desktop-height-450 {
    min-height: 450px; } }

@media only screen and (min-width: 768px) {
  .desktop-height-550 {
    min-height: 550px; } }

@media only screen and (min-width: 768px) {
  .desktop-height-650 {
    min-height: 650px; } }

@media only screen and (min-width: 768px) {
  .desktop-height-750 {
    min-height: 750px; } }

img, video
 {
    height: auto;
    max-width: 100%;
}

@media (max-width: 1235px) {
   #mobile-video
  {
    display:block;
    width:100%
  }
  #desktop-video
  {
    display:none;
  }
}

/* Desktop styles */
@media (min-width: 1236px) {
  #mobile-video
  {
    display:none;
  }
  #desktop-video
  {
    display:block;
    width:100%
  }
}
.width10
{
  width:10%;
}