html { overflow-y: auto !important; }

.videoWrapper {
height:100%;
width:100%;
position:relative;
overflow:hidden;
background: black;
}

.videoWrapper iframe {
height:100%;
width:100%;
position:absolute;
top:0;
bottom:0;
}

.valign {
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 15px auto;
width: 100%;
text-align: center;
/* vendor prefixes omitted due to brevity */
}

* { box-sizing: border-box; }
.video-background {
position: absolute;
background: #00000020;
top: 0; right: 0; bottom: 0; left: 0;
}

.video-color-gradient {
    /* background-image: -webkit-gradient(linear, left top, right top, from(#05619510),color-stop(#5d16b010),color-stop(#8804cd10), to(#b600f310));
    background-image: -webkit-linear-gradient(left, #05619510,#5d16b010,#8804cd10, #b600f310);
    background-image: -o-linear-gradient(left, #05619510,#5d16b010,#8804cd10, #b600f310);
    background-image: linear-gradient(to right, #05619510,#5d16b010,#8804cd10, #b600f310); */
}


#video {
  transition: 1.8s opacity;

  opacity: 1;
}

#video.fade-in {
  opacity: 0;
}

.video-title {
  background: #00000045;
  display: inline-block;
  padding: 12px 25px 20px 25px;
}