#mztenno-class-details .mztenno-video-container{
  background: #000;
  display: block;
  position: relative;
  width: 100%;
}

#mztenno-class-details .mztenno-video-container > #mztenno-video-player-container{
  display: block;
  position: relative;
  width: 100%;
}

#mztenno-class-details .mztenno-video-container > .mztenno-slides{
  display: block;
  min-height: 200px;
  position: relative;
  width: 100%;
}
#mztenno-class-details .mztenno-video-container > .mztenno-slides > .mztenno-slide{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
  z-index: 1;
}
#mztenno-class-details .mztenno-video-container > .mztenno-slides > .mztenno-slide.mztenno-is-active{
  display: block;
  z-index: 2;
}

#mztenno-class-details .mztenno-class-type-video #mztenno-video-extra-text{
  padding: 3rem 1rem;
  width: 100%;
}

.video-js .vjs-current-time{
  display: block;
}

/*.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time{
  display: block !important;
}

.vjs-time-divider{
  display: block !important;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration{
  display: block !important;
}*/

@media screen and (min-width:1024px){
  #mztenno-class-details .mztenno-video-container{
    align-items: center;
    display: table;
    flex-wrap: nowrap;
  }

  #mztenno-class-details .mztenno-video-container > #mztenno-video-player-container{
    display: table-cell;
    width: 50%;
  }

  #mztenno-class-details .mztenno-video-container > #mztenno-video-player-container > #mztenno-video-player{
    height: 400px;
    padding-top: 0;
  }

  #mztenno-class-details .mztenno-video-container > .mztenno-slides{
    display: table-cell;
    width: 50%;
  }
}
