/** Shopify CDN: Minification failed

Line 295:18 Unexpected "{"
Line 295:27 Expected ":"

**/
.video-container {
  position: relative;
  overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   flex-direction: column;
}
.video-container .mobile-video{
    display: none;
}

@media only screen and (max-width: 768px){
   .video-container .desktop-video{
      display: none;
   }
   .video-container .mobile-video{
      display: block;
   }
}

.video-container video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  pointer-events: none;
}
.video-container .text-overlay{
    z-index: 2;
    padding: 50px;
    margin-top: 8%;
} 
.video-container:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .35s;
    background: rgba(0, 0, 0, 0.12);
    pointer-events: none;
}
.iframe-holder{
   position: absolute;
    overflow: hidden;
    top: 50%;
    width: 100%;
    height: 100%;
    padding-top: 56.3%;
    transform: translateY(-50%);
    pointer-events: none;
}
.iframe-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container .iframevideo{
    position: absolute;
    top: -60px;
    left: 50%;
    width: 100%;
    height: calc(100% + 120px);
    transform: translate(-50%);
}
.video-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      pointer-events: none;
}
.placeholder-video{
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    transition: opacity .3s;
    max-width: 100%;
    object-fit: cover;
    vertical-align: baseline;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.placeholder-video.video-played-hidden{
    opacity: 0;
    pointer-events: none;
}
.text-overlay p,
.text-overlay h2,
.text-overlay h1,
.text-overlay div{
   color: #FBF7E0;
   text-align: center;
}
.text-overlay h2,
.text-overlay h1{
   margin: 0;
   margin-bottom: 4.5rem;
       margin-left: auto;
    margin-right: auto;
}
.text-overlay div.subheading{
   font-size: .8em;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.3em;
}
.text-overlay p{
   margin-top: 0;
   font-size: 1.35em;
   margin-bottom: 1em;
   max-width: 780px;
   text-align: center;
    margin-left: auto;
    margin-right: auto;
}


@media only screen and (max-width: 768px){
   .text-overlay p{
      font-size: 1.2em;
   }
   .text-overlay h2,
.text-overlay h1{
   margin-bottom: 1.2rem;
}
}
.text-overlay a{
   text-decoration: none;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    padding: 14px 20px;
   margin: 10px .5em 0;
   vertical-align: middle;
   color: white;
   background-color: black;
   display: inline-block;
   height: auto;
   line-height: 18px;
   transition: background-color .1s;
}
.video-container.top-left {
    justify-content: flex-start;
    align-items: flex-start;
}
.video-container.top-center {
   justify-content: flex-start;
    align-items: center;
    text-align: center;
}
.video-container.top-right {
   justify-content: flex-start;
    align-items: flex-end;
}
.video-container.middle-left {
   justify-content: center;
    align-items: flex-start;
}

.video-container.middle-center {
    justify-content: center;
    align-items: center;
    text-align: center;
}
.video-container.middle-right {
    justify-content: center;
    align-items: flex-end;
}
.video-container.bottom-left {
    justify-content: flex-end;
    align-items: flex-start;
}
.video-container.bottom-center {
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}
.video-container.bottom-right {
    justify-content: flex-end;
    align-items: flex-end;
}
.video-container > svg.placeholder-svg{
  width:100%;
  height:100%;
  position:absolute;
  fill:#9f9f9f;
}

.video-container .rating__star svg,
.video-container .video-btn__icon svg{
  position: static;
  background: none;
}
.video-container .video-btn__icon-img{
  width:100%;
  height:100%;
  object-fit: contain;
  display:block;
}

.bottom-left .video-text, 
.bottom-left p,
.top-left .video-text,  
.top-left p,
.middle-left .video-text,  
.middle-left p{
    text-align: left;
}
.bottom-right .video-text, 
.bottom-right p,
.top-right .video-text,  
.top-right p,
.middle-right .video-text,  
.middle-right p{
    text-align: right;
}

.video-container .rating {
  display: inline-flex;
  align-items: center;
  gap: var(--rating-gap, 8px);
  color: var(--rating-color, #fff);
  margin-bottom: 20px;
}

.video-container .rating__stars {
  display: inline-flex;
  gap: var(--rating-star-gap, 6px);
}

.video-container .rating__star {
  width: var(--rating-star-size, 16px);
  height: var(--rating-star-size, 16px);
  display: inline-block;
}

.video-container .rating__star svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;          
  opacity: .3;                  
}

.video-container .rating__star.is-active svg {
  opacity: 1;
}

.video-container .rating__text {
  font-weight: 500;
  line-height: 1;
}


.video-container .video-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--btn-gap, 10px);
  border: var(--btn-border-w, 1px) solid var(--btn-border, transparent);
  border-radius: var(--btn-radius, 0px);
  padding: 25px 25px;
  text-decoration: none;
  letter-spacing: .1rem;
  height: auto;
  line-height: 18px;
  transition: background-color .15s, border-color .15s, color .15s;
}

.video-container .video-btn__icon {
  width: var(--btn-icon-size, 14px);
  height: var(--btn-icon-size, 14px);
  display: inline-block;
}

#video-container-{{ section.id }} .video-btn__icon svg {
  width: 100%; height: 100%; display: block;
}


.video-container .video-btn .icon-caret { display: none !important; }

.video-container .video-btn__icon{
  transition: transform .18s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
  transform-origin: center;
}

.video-container .video-btn:hover .video-btn__icon{
  transform: translateY(2px);
}

.video-container .video-btn:active .video-btn__icon{
  transform: translateY(3px);
}

@media (prefers-reduced-motion: reduce){
  .video-container .video-btn__icon{
    transition: none;
  }
}

@media screen and (max-width:767px){
   .video-container .video-btn {
      padding: 14px 20px;
   }
}