.page-banner-wrapper video{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all 500ms}.page-banner-wrapper video.is-playing{opacity:1}.banner-video .video-overlay,.banner-video .button-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;opacity:.5;pointer-events:none}.banner-video .button-overlay{background-color:transparent;z-index:99;pointer-events:auto;opacity:0;transition:all 300ms}.banner-video .button-overlay .play-pause-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;height:50px;z-index:99;background:rgba(255,255,255,.8);border-radius:50%;display:none}.banner-video .button-overlay .play-pause-btn .play-btn{position:absolute;width:20px;height:20px;background-color:rgba(0,0,0,.5);top:50%;left:50%;-webkit-transform:translate(-35%,-50%);transform:translate(-35%,-50%);-webkit-clip-path:polygon(0 0,0% 100%,100% 50%);clip-path:polygon(0 0,0% 100%,100% 50%);opacity:0;transition:all 300ms}.banner-video .button-overlay .play-pause-btn .pause-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:20px;opacity:0;transition:all 300ms}.banner-video .button-overlay .play-pause-btn .pause-btn span{width:5px;height:20px;background-color:rgba(0,0,0,.5);display:inline-block}.banner-video .button-overlay .play-pause-btn.is-playing .pause-btn{opacity:1}.banner-video .button-overlay .play-pause-btn.is-playing .play-btn{opacity:0}.banner-video .button-overlay .play-pause-btn .play-btn{opacity:1}.banner-video .video-overlay{opacity:0;background-size:cover;background-position:center center;background-repeat:no-repeat}.banner-video .video-overlay.active{opacity:1}@media(max-width:991px){.banner-video .button-overlay .play-pause-btn{display:block}.banner-video .button-overlay{opacity:1}}