.video-base{display:block;position:relative;height:auto;width:100%}.video-base .video-content{position:relative;width:100%;height:auto}.video-base .video-title{display:block;position:relative;text-align:center}.video-base .video-title.overlayed{position:absolute;bottom:0;left:0;z-index:6;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s}.video-base .iframe-wrap{background-color:#000;position:relative;width:100%}.video-base .iframe-wrap .iframe-element,.video-base .iframe-wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.video-base .video-thumbnail{left:0;top:0;width:100%;height:100%;background-position:center;-webkit-background-size:cover;background-size:cover;position:absolute;z-index:3;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s}.video-base .play-icon{display:block;position:absolute;left:50%;top:50%;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #fff;z-index:4;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-base.youtube .video-content{cursor:pointer}.video-base.youtube .video-content.play-video{cursor:auto}.video-base .play-video .video-thumbnail,.video-base .play-video .video-title.overlayed,.video-base.play-video .video-thumbnail,.video-base.play-video .video-title.overlayed{pointer-events:none;opacity:0}#video-modals .modal-content{border:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}#video-modals .modal-dialog{margin:auto;top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}ul.video-thumbnail-controls{margin:0;display:block;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;list-style:none;margin-left:-2px!important;margin-top:12px}ul.video-thumbnail-controls li{border-left:2px solid #fff;display:block;float:left;width:33%;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}ul.video-thumbnail-controls li div{cursor:pointer}ul.video-thumbnail-controls li div img{width:100%;height:auto}ul.video-thumbnail-controls .thumbnail-controls-image{width:100%;background-position:center;-webkit-background-size:cover;background-size:cover}