.ocs-hero-video-container{position:relative;height:600px;padding:0 30px;display:flex;justify-items:center;justify-content:center;align-items:center;overflow-x:hidden}.ocs-hero-video-container .content-grid{z-index:2;max-width:1380px;width:100%;margin:0 auto}.ocs-hero-video-container .btn{text-transform:uppercase;letter-spacing:.2rem;font-size:.8rem;border-radius:36px;line-height:3;padding:0 20px;background:none;border:2px solid white}.ocs-hero-video-container .cover{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3}.ocs-hero-video-container.align-left{justify-content:flex-start}.ocs-hero-video-container.align-left .over-content{margin:0;text-align:left}.ocs-hero-video-container.align-left .over-content *{text-align:left}.ocs-hero-video-container.align-center{justify-content:center}.ocs-hero-video-container.align-center .over-content{margin:0 auto;text-align:center}.ocs-hero-video-container.align-center .over-content *{text-align:center}.video-container{z-index:1}.videoPlayer{z-index:3;width:100%;margin:0 auto}.videoPlayer iframe{width:100%;height:520px}.over-content{margin:0 auto;width:calc(100% - 40px);max-width:510px;text-align:center;z-index:2}.over-content h1,.over-content h2,.over-content h3,.over-content h4,.over-content h5{font-size:clamp(3.4rem,5vw,6rem);line-height:1;margin-bottom:0;padding:10px 0}.over-content h1 strong,.over-content h2 strong,.over-content h3 strong,.over-content h4 strong,.over-content h5 strong{font-size:clamp(1rem,4vw,1.8rem);text-transform:uppercase;letter-spacing:.3rem;display:block;margin-bottom:15px}.over-content p{margin-bottom:30px;font-size:1rem}.play-cta{display:flex;justify-content:center;align-items:center}.play-cta .play-btn{width:60px;height:60px;border:2px solid white;border-radius:100px;display:flex;justify-content:center;align-items:center}.play-cta .play-btn .icon-play{width:30px;height:30px}.over-content *{color:#fff}.video-background{position:absolute;left:50%;transform:translate(-50%);bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;background-size:cover;-webkit-transition:opacity .2s ease-in;-ms-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.video-background.faded{opacity:.2}.close-btn{margin:0 auto;border:none;background:none;display:flex;font-size:1.1rem}.close-btn .icon-close{margin-left:10px}
/*# sourceMappingURL=/cdn/shop/t/35/assets/ocs-hero-video.css.map */