.watch-more{display:inline-block;color:var( --color-foreground);font-size:14px;text-decoration:none;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background:var( --gradient-background);border-radius:50%;transition:all .3s linear;-webkit-animation:ripple 1s linear infinite;animation:ripple 1s linear infinite}.video-section__content h2.title{font-size:clamp(2.5rem,1.8rem + 3.2vw,7rem);line-height:normal;margin:0 0 .3rem}@keyframes ripple{0%{box-shadow:0 0 #ffffff0d,0 0 0 10px #ffffff0d,0 0 0 30px #ffffff0d,0 0 0 50px #ffffff0d}to{box-shadow:0 0 0 10px #ffffff0d,0 0 0 30px #ffffff0d,0 0 0 50px #ffffff0d,0 0 0 80px #fff0}}.video-play-icon{display:flex;justify-content:center;align-items:center}.watch-more:hover,.watch-more:focus,.watch-more:active{color:var(--color-icon);background:var(--gradient-base-background-1)}svg.icon.icon-play{height:20px;width:20px}body.gradient.overlay-active{overflow-y:hidden}.modal{display:none;position:fixed;z-index:1;left:50%;transform:translate(-50%,-50%);top:50%;width:200%;height:100%;overflow:auto;background-color:#000000b3}.video-banner{display:none;z-index:2;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);border:1px solid #ccc;padding:10px 20px;background-color:#fff;border-radius:4px}.video-banner.visible{display:block}.video-banner .close{position:absolute;right:8px;top:-9px;font-weight:900;font-size:28px;color:#000;padding:5px 10px;border-bottom:none;cursor:pointer}.video-wrapper{width:730px;margin:30px auto}@media only screen and (max-width: 560px){.video-wrapper{width:350px}}.video-wrapper .video-container{position:relative;padding-bottom:55.25%;height:0;overflow:hidden}.video-wrapper .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-section{-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);height:100%;display:flex;flex-direction:column;justify-content:center}.video-banner-wrapper .video-section__content p{font-family:var(--font-body-family);font-weight:400;font-size:1.8rem;padding:0;line-height:calc(1 + .3/max(1,var(--font-heading-scale)))}.video-banner-wrapper{height:600px}.video-banner-wrapper.custom-video-banner{height:1100px;overflow:hidden}.video-section__content{text-align:center}.left-video-banner-block svg{width:500px;height:500px}.right-video-banner-block svg{width:500px;height:500px}img.video-image-1{position:absolute;left:0;top:160px;max-width:420px;transform:translateY(-50%)}.left-video-banner-block.paralax_image{position:absolute;left:0}img.video-image-2{position:absolute;right:100px;max-width:345px}img.video-image-3{position:absolute;left:0;bottom:0;max-width:430px;transform:translateY(-50%);top:50%}.right-video-banner-block.paralax_image_2.image-3-sec{position:absolute;left:150px;bottom:0;top:-30%}img.video-image-4{position:absolute;right:0;bottom:0;max-width:430px;transform:translateY(0);top:100%}.image-4-sec{position:absolute;bottom:0;right:0}.middle-video-image.paralax_image_1{position:absolute;right:0;top:55%}#text_overlap{text-align:center;position:absolute;top:-300%}.custom-video-banner .video-section h2.title.custom-video-title.h1{margin:15px 0 0}.custom-video-banner .content-style-overlay .video-section__content{max-width:900px}.custom-video-banner .custom-video-icon .video-play-icon .watch-more:hover svg{fill:var(--gradient-base-background-4)}.custom-video-banner .custom-video-icon .video-play-icon .watch-more:hover span{color:var(--gradient-base-background-4)}.custom-video-banner .custom-video-icon .video-play-icon svg{width:100px;height:100px;fill:var(--gradient-base-background-3);transition:all .3s linear}.custom-video-banner .custom-video-icon .video-play-icon .watch-more{width:25rem;flex-direction:row-reverse;justify-content:flex-end;margin-left:10px;background:transparent}.custom-video-banner .custom-video-icon .video-play-icon span{color:var(--gradient-base-background-3);font-size:1.8rem;letter-spacing:normal;text-transform:capitalize;line-height:normal;font-family:var(--font-additional-family);transition:var(--duration-default)}.custom-video-banner .custom-video-icon{display:flex;align-items:center;justify-content:center;margin-top:38px;padding-left:330px}.custom-video-banner .custom-video-icon .button{padding:18px 35px}.custom-video-banner .custom-video-icon{display:flex;align-items:center;justify-content:center}.video-banner-wrapper.custom-video-banner .video-section__content p{line-height:30px;max-width:580px;margin-top:40px}.custom-video-banner .video-section__content{text-align:left;position:absolute;z-index:1;left:50%;transform:translate(-50%,-50%);top:50%;width:100%}@media screen and (min-width: 992px) and (max-width: 1340px){img.video-image-1,img.video-image-2,img.video-image-3,img.video-image-4{opacity:.1}}@media screen and (min-width: 992px) and (max-width: 1199px){.video-section__content .title-wrapper-with-link:before,.video-section__content .title-wrapper-with-link:after{display:none}img.video-image-2{right:0}}@media screen and (min-width: 768px) and (max-width: 991px){img.video-image-2,img.video-image-3{display:none}}@media screen and (max-width: 992px){.custom-video-banner .video-section h2.title.custom-video-title.h1,.custom-video-banner .video-section h2.title.h1{font-size:5rem}.video-banner-wrapper.custom-video-banner{height:900px}img.video-image-1,img.video-image-4{opacity:.1}img.video-image-4{right:0;top:0}.video-section__content .title-wrapper-with-link:before{display:none}}@media screen and (max-width: 767px){img.video-image-2,img.video-image-3,img.video-image-4,img.video-image-1{display:none}img.video-image-4{right:-235px}.custom-video-banner .video-section h2.title.custom-video-title.h1,.video-banner-wrapper.custom-video-banner .video-section__content p{padding-left:0}.custom-video-banner .content-style-overlay .video-section__content{top:60%;left:50%;transform:translate(-50%,-50%)}.custom-video-banner .content-style-overlay .video-section__content .title-wrapper-with-link{flex-wrap:unset;text-align:center}.custom-video-banner .custom-video-icon{flex-direction:column;row-gap:25px;padding:0}.video-banner-wrapper.custom-video-banner{height:600px}.custom-video-banner .video-section h2.title.custom-video-title.h1,.custom-video-banner .video-section h2.title.h1{font-size:4rem}.custom-video-banner .custom-video-icon .video-play-icon .watch-more{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-banner.css.map */