@charset "UTF-8";
/* CSS Document */

.overlay-bottom:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:-1px;-webkit-mask-image:linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1}
.overlay-top:after{content:"";position:absolute;width:100%;height:100%;left:0;top:-1px;-webkit-mask-image:linear-gradient(to top,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1}
.overlay-radial:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;-webkit-mask-image:radial-gradient(hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .4s;z-index:1}
.overlay-black:after{background:#000}
.overlay-grey:after{background:#141414}
.overlay-blur:after{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.overlay-pink:after{background:#bf349b}
.overlay-multiply:after{mix-blend-mode:multiply}
.overlay-opacity-10:after{opacity:.1}
.overlay-opacity-20:after{opacity:.2}
.overlay-opacity-30:after{opacity:.3}
.overlay-opacity-40:after{opacity:.4}
.overlay-opacity-50:after{opacity:.5}
.overlay-opacity-60:after{opacity:.6}
.overlay-opacity-70:after{opacity:.7}
.overlay-opacity-80:after{opacity:.8}
.overlay-opacity-90:after{opacity:.9}
.overlay-opacity-100:after{opacity:.9}
.overlay-height-10:after{height:10%}
.overlay-height-20:after{height:20%}
.overlay-height-30:after{height:30%}
.overlay-height-40:after{height:40%}
.overlay-height-50:after{height:50%}
.overlay-height-60:after{height:60%}
.overlay-height-70:after{height:70%}
.overlay-height-80:after{height:80%}
.overlay-height-90:after{height:90%}

.video-holder{position:relative;width:100%; height: 100%;}
.video-holder video {width: 100%; height: 100%; object-fit: cover; display: block;}
.video-holder.video-player .paused-layer{position:absolute;background:rgba(0,0,0,0.2);z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .4s;z-index:5}
.video-holder.video-player .paused-layer .bloc-row > *{transform:translateY(0);opacity:1;transition:transform 0.6s,opacity .6s;pointer-events:all;display:flex;flex-direction:column;grid-gap:min(1.5vw,24px);align-items:flex-start}
.video-holder.video-player .video-thumbnail{position:absolute;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;z-index:1}
.video-holder.video-player.video-is-playing .video-thumbnail{opacity:0}
.video-holder.video-player .paused-layer img.button-play{width:min(4vw,64px)!important;height:min(4vw,64px)!important;z-index:10}
.video-holder.video-player .video-preview{pointer-events:none;transition:opacity 1s}
.video-holder.video-player .video-main{position:absolute;top:0;left:0;opacity:0; width: 100%; height: 100%;}
.video-holder.video-player.hide-video-preview .video-preview{opacity:0}
.video-holder.video-player.hide-video-preview .video-main{opacity:1}
.video-holder.video-player.video-main-is-playing .paused-layer{opacity:0;transition:opacity 1s}
@media screen and (min-width: 767px) {
.video-holder.video-player .video-thumbnail{display:none}
}
@media screen and (max-width: 767px) {
.video-holder.video-player .paused-layer img.button-play{width:12vw!important;height:12vw!important}
}