.section-video{position:relative;width:100%}.section-video:before{bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:-1}.section-video .title{margin:0 0 3.125rem;text-align:center}.section-video .video-container{display:flex;justify-content:center;margin:0 auto;max-width:100%;position:realtive;transition:width 1s;width:43.75rem;z-index:2}.section-video .video-container .video{background:var(--black);border:.75rem solid var(--black);border-radius:1.5rem;display:block;margin:0 auto;padding-top:56.25%;position:relative;width:100%}.section-video .video-container .video .img-container{border:none;border-radius:.875rem;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.section-video .video-container .video .img-container img{transition:transform 1s,opacity .5s}.section-video .video-container .video .btn-flex{bottom:2.5rem;left:50%;position:absolute;transform:translate(-50%);transition:opacity .5s;z-index:2}.section-video .video-container .video .btn-flex .btn{align-items:center;display:flex}.section-video .video-container .video .btn-flex .btn span{background:url(icon-play-white.svg) no-repeat 50%/contain;display:inline-block;height:24px;margin-right:.375rem;width:24px}.section-video .video-container .video iframe{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:1}.section-video .video-container .video .close{background:var(--purple);border-radius:.625rem .625rem 0 0;color:#fff;cursor:pointer;line-height:2.5rem;padding:0 2rem;position:absolute;right:1.25rem;top:0;transition:top .5s;transition-delay:.5s;z-index:0}.section-video .video-container .video:hover img{transform:scale(1.05)}.section-video .video-container .video:hover .btn-flex .btn{background:var(--black)}.section-video .video-container.expanded{width:80%}.section-video .video-container.expanded .video .btn-flex{opacity:0;pointer-events:none}.section-video .video-container.expanded .video img{opacity:0}.section-video .video-container.expanded .video iframe{opacity:1;pointer-events:auto}.section-video .video-container.expanded .video .close{top:-3.25rem}.section-video .video-container.no-border .video{background:none;border:none}.section-video .video-container.no-border .video:hover img{transform:scale(1)}@media only screen and (max-width:37.5rem){.section-video .video-container .video .btn-flex{bottom:-1.875rem}.section-video .video-container .video .btn-flex .btn{white-space:nowrap}}@media only screen and (max-width:64rem){.section-video .video-container.expanded{width:100%}}