.video-player .video-player-container {
  position: relative;
}

.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.clearfix:before {
  content: " ";
  display: table;
}

.video-wrapper {
  display: inline-block;
  overflow: hidden;
  width: 25%;
  position: relative;
  margin: 0;
  padding: 0;
}

 video {
  width: 100%;
}


.progress-bar {
  background: rgba(255,255,255,0.72);
  border-bottom: 5px solid #fff;
  bottom: 0;
  height: 8px;
  position: absolute;
  width: 100%;
  z-index: 7;
}


.video-progress {
  background: #EE2737;
  height: 100%;
  width: 0%;
}

.box img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}