.esprezo-video-section{margin:50px 0}.esprezo-video-section .watch-more{display:inline-block;color:rgb(var( --color-foreground));font-size:14px;text-decoration:none;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background:rgb(var(--color-base-outline-button-labels));border-radius:50%;transition:all .3s linear;position:relative;border:2px solid transparent;z-index:2}.esprezo-video-section .video-play-icon{display:flex;justify-content:center;align-items:center}.esprezo-video-section .video-section .grid-with-video .video-block .video-play-icon .watch-more:hover svg,.esprezo-video-section .watch-more:hover,.watch-more:focus,.watch-more:active{background:rgb(var(--color-foreground))}.esprezo-video-section svg.icon.icon-play{height:20px;width:20px}body.gradient.overlay-active{overflow-y:hidden}.esprezo-video-section .modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}.esprezo-video-section .grid-video-popup{display:none;z-index:2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ccc;padding:10px 20px;background-color:#fff;border-radius:4px;animation:fadeIn var(--anim-time) ease both}.esprezo-video-section .grid-video-popup.visible{display:block}.esprezo-video-section .grid-video-popup .close{position:absolute;right:0;top:-15px;font-weight:900;font-size:28px;color:#000;padding:5px 10px;border-bottom:none;cursor:pointer}.esprezo-video-section .video-wrapper{width:730px;margin:30px auto}@media only screen and (max-width: 991px){.esprezo-video-section .video-wrapper{width:500px}}@media only screen and (max-width: 576px){.esprezo-video-section .video-wrapper{width:350px}}@media only screen and (max-width: 420px){.esprezo-video-section .video-wrapper{width:300px}}.esprezo-video-section .video-wrapper .video-container{position:relative;padding-bottom:55.25%;height:0;overflow:hidden}.esprezo-video-section .video-wrapper .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.esprezo-video-section .video-section{height:100%;display:flex;flex-direction:column;justify-content:center}.esprezo-video-section .video-banner .video-section__content p{font-family:var(--font-body-family);font-weight:400;font-size:1.8rem;padding:0;margin-bottom:35px}.esprezo-video-section .video-section__content{text-align:center}.esprezo-video-section .grid-with-video{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.esprezo-video-section .support{display:flex;gap:10px;align-items:flex-start;flex-direction:column}.esprezo-video-section .video-section__content .title-wrapper-with-link{text-align:left;flex-direction:column;width:100%;max-width:70rem;padding:40px 0;margin:0;position:relative;align-items:flex-start}.esprezo-video-section .video-section .grid-with-video .video-block,.esprezo-video-section .video-section .grid-with-video .grid-block{width:100%;max-width:42%;margin:auto}.esprezo-video-section .video-section .grid-with-video .video-block .video-play-icon img{transform:translateY(0)}.esprezo-video-section .video-section .grid-with-video .video-block{position:relative}.esprezo-video-section .video-section .grid-with-video .video-block:before{position:absolute;content:"";height:100%;width:100%;opacity:.5;top:0;right:0;bottom:0;left:0;z-index:1}.esprezo-video-section .video-section .grid-with-video .video-block .video-play-icon .watch-more{transform:translateY(20px)}.esprezo-video-section svg.icon.icon-play{color:var(--gradient-base-background-1)}.esprezo-video-section .video-section .video-block .video-content{position:absolute;text-align:center;z-index:2}.esprezo-video-section .video-banner{height:100%}.esprezo-video-section .video-section .container{padding-left:0rem;padding-right:0rem}.esprezo-video-section .video-section__content .video-content{display:flex;align-items:center;margin-bottom:80px;margin-top:30px}.esprezo-video-section .video-section__content .video-content h4{margin-left:2rem;font-size:1.3rem;text-transform:uppercase}@media screen and (max-width: 1540px){.esprezo-video-section .video-section__content .title-wrapper-with-link{transform:translate(0);margin-left:0}}@media screen and (min-width: 991px){.esprezo-video-section .video-banner .video-section__content p{text-align:left}}@media only screen and (max-width:1440px) and (min-width:1200px){.esprezo-video-section .video-section__content .title-wrapper-with-link{width:100%;max-width:100%}}@media only screen and (max-width:1440px){.esprezo-video-section .video-banner .video-section__content p{font-size:1.6rem}}@media only screen and (max-width:1200px){.esprezo-video-section .video-section__content .title-wrapper-with-link{width:100%;max-width:100%;margin:auto;padding:20px}}.esprezo-video-section .video-section__content .title-wrapper-with-link .title{margin-bottom:20px}@media only screen and (min-width: 768px) and (max-width:1200px){.esprezo-video-section .video-section__content .title-wrapper-with-link .title{font-size:3rem}}@media only screen and (max-width:991px){.esprezo-video-section .video-section .grid-with-video .video-block,.esprezo-video-section .video-section .grid-with-video .grid-block{width:100%}.esprezo-video-section .video-section__content{margin:auto}}@media only screen and (max-width:767px){.esprezo-video-section .grid-with-video{gap:30px;flex-direction:column}.esprezo-video-section .video-section .grid-with-video .grid-block,.video-section .grid-with-video .video-block{width:100%;max-width:100%}.esprezo-video-section .video-section .grid-with-video .video-block{width:100%;max-width:60%}.esprezo-video-section .video-section__content .title-wrapper-with-link .title{margin-bottom:20px}.esprezo-video-section .video-section__content .video-content{margin-bottom:50px;margin-top:30px}.esprezo-video-section .video-section__content .title-wrapper-with-link{text-align:center;align-items:center}.esprezo-video-section .watch-more{width:45px;height:45px}.esprezo-video-section svg.icon.icon-play{height:16px;width:16px}}.esprezo-video-section .video-banner .video-section__content p{text-transform:none}@media only screen and (max-width:576px){.esprezo-video-section .video-section .video-block .video-content h2{margin-bottom:15rem}.esprezo-video-section .video-section .grid-with-video .video-block .video-play-icon .watch-more{transform:translateY(10px)}.esprezo-video-section .support{flex-direction:column}.esprezo-video-section .video-section__content .title-wrapper-with-link{padding:30px 20px 10px}.esprezo-video-section .video-section__content .video-content{margin-bottom:30px;margin-top:10px}}.img-collage-group{width:100%;max-width:46%;height:100%;margin:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,auto);gap:35px}.img-collage-group>.img-collage__img{border-radius:20px;overflow:hidden;z-index:1;display:block;position:relative;background:transparent;height:100%;box-sizing:border-box}.img-collage-group>.img-collage__img>img{object-position:center center;display:block}.img-collage-group>.img-collage__img.item-1{grid-column:6/11;grid-row:1/4;border-top-right-radius:100px}.img-collage-group>.img-collage__img.item-2{grid-column:4/11;grid-row:4/11;border-bottom-right-radius:100px}.img-collage-group>.img-collage__img.item-3{grid-column:1/6;grid-row:1/7;border-top-left-radius:100px}@media only screen and (min-width:768px){.img-collage-group>.img-collage__img.item-1{border-top-right-radius:200px}.img-collage-group>.img-collage__img.item-2{border-bottom-right-radius:200px}.img-collage-group>.img-collage__img.item-3{border-top-left-radius:200px}}@media only screen and (max-width:1199px){.img-collage-group{gap:20px}}@media only screen and (max-width:576px){.esprezo-video-section .video-section>.grid-with-video.container :is(.img-collage-group,.grid-block){width:100%;max-width:100%}}.shopify-section.reveal .img-collage-group>.img-collage__img.item-1{animation:fDownR var(--anim-time) cubic-bezier(0,0,.3,1) both}.shopify-section.reveal .img-collage-group>.img-collage__img.item-2{animation:fUp var(--anim-time) cubic-bezier(0,0,.3,1) both}.shopify-section.reveal .img-collage-group>.img-collage__img.item-3{animation:fDownL var(--anim-time) cubic-bezier(0,0,.3,1) both}@keyframes fDownR{0%{opacity:0;transform:translate3d(8%,-8%,0)}to{opacity:1;transform:none}}@keyframes fUp{0%{opacity:0;transform:translate3d(8%,8%,0)}to{opacity:1;transform:none}}@keyframes fDownL{0%{opacity:0;transform:translate3d(-8%,-8%,0)}to{opacity:1;transform:none}}.video-play-icon{display:flex;justify-content:center;align-items:center;line-height:normal;cursor:pointer}.video-wrapper{width:700px;margin:0 auto}.video-wrapper .video-container{position:relative;padding:35% 50%;height:0;overflow:hidden;align-items:center;justify-content:center}.video-wrapper .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-popup{display:none;z-index:99999;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:none;padding:0;background-color:#000000e5;border-radius:0;width:100%;height:100%;align-items:center;justify-content:center}.video-popup[style="display: flex;"]{animation:fadeIn var(--anim-time) ease both}.video-popup .close{position:absolute;right:0;top:0;margin:1rem;font-weight:500;font-size:var(--font-h5-size);padding:0;border-bottom:none;cursor:pointer;line-height:normal;display:flex;align-items:center;justify-content:center;width:30px;height:30px;transition:all linear var(--duration-default);border-radius:var(--buttons-radius);background:rgba(var(--color-base-outline-button-labels));color:rgba(var(--color-button-hover-text))}.video-popup a.pop-up__video-close.close>svg{width:1.2rem;height:1.2rem}.video-popup a.pop-up__video-close.close:hover{color:rgba(var(--color-base-text));background:rgba(var(--color-button-hover-text))}.esprezo-video-section .video-section__content .video-icon-button{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 2rem;margin-bottom:4rem}.esprezo-video-section .video-section__content .video-icon-button>*{margin:0}.esprezo-video-section .watch-more>span{display:inline-flex;align-items:center;justify-content:center}@media only screen and (max-width:576px){.video-wrapper{width:350px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/video-banner-new.css.map */