/* ////////////////////////////////////////////////////   SIDEBAR   ////////////////////////////// */
/*
          ##     ## #### ########  ########  #######
          ##     ##  ##  ##     ## ##       ##     ##
          ##     ##  ##  ##     ## ##       ##     ##
          ##     ##  ##  ##     ## ######   ##     ##
           ##   ##   ##  ##     ## ##       ##     ##
            ## ##    ##  ##     ## ##       ##     ##
             ###    #### ########  ########  #######
*/

.video {
    width: 100%;
    height: auto;
}
.video-wrapper{
    display:flex;
    position:relative;
    width:100%;
}
.video-mask {
    background: rgba(0,0,0,0.15);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:flex;
    cursor: pointer;
}
.video-playpause {
    background: #35c1fd;
    border-radius: 50%;
    box-shadow: 3px 6px rgba(0,0,0,0.25);
    width:4em;
    height:4em;
    position:absolute;
    left:calc(50% - 2em);
    top:calc(50% - 2em);
    margin:auto;
}
.video-playpause::before {
    font-family: 'FontAwesome';
    font-size: 1.6em;
    content:"\f04b";
    color: white;
  	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
  	-ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
}
.video-mask:hover .video-playpause{
  background: white;
}
.video-mask:hover .video-playpause::before{
  color: #2b2b29;
}
.video-bg{
  position: absolute;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}