.videokit {
  /*display: inline-block;*/
  display: block;
  position: relative;
  text-align: left;
  width: 100%;
}
  .videokit .videokit-poster {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    /*height: 100%;*/
  }
  .videokit .videokit-video,
  .videokit video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    
    visibility: hidden;
  }

/* UI */

.videokit .videokit-ui,
.videokit .videokit-message {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.videokit .videokit-waiting {
  display: none;
  text-align: center;

  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.videokit .videokit-message {
  display: none;
  padding-top: 5%;
  text-align: center;
  cursor: default;
}

.videokit .videokit-controls {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  cursor: default;
}

.videokit .videokit-timeline {
  overflow: hidden;
  position: relative;
  cursor: default;
}
.videokit .videokit-buffer,
.videokit .videokit-progress,
.videokit .videokit-knob {
  position: absolute;
  left: auto;
  top: 0;
  height: 100%;
}
.videokit .videokit-volume {
  position: absolute;
  top: 3px;
  right: 5px;
}
.videokit .videokit-mute {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
}
.videokit .videokit-volume-track,
.videokit .videokit-volume-level {
  position: absolute;
  left: auto;
  top: 0;
}
.videokit .videokit-volume-track {
  display: inline-block;
  vertical-align: top;
  cursor: default;
  width: 100%;
}
.videokit .videokit-volume-slider {
  display: inline-block;
  vertical-align: top;
  cursor: default;
}
.videokit .videokit-volume-slider .videokit-volume-knob {
  position: absolute;
  left: auto;
  top: 0;
  height: 100%;
}
.videokit .videokit-time {
  visibility: hidden;
  cursor: default;
}
.videokit .videokit-elapsed { left: 32px; }
.videokit .videokit-elapsed,
.videokit .videokit-remaining,
.videokit .videokit-duration {
  display: none;
}

.videokit-touch .videokit-controls,
.videokit-touch .videokit-time {
  display: none !important;
}
.videokit-touch-ios.videokit-state-paused .videokit-ui {
  background: none !important;
}

.videokit-state-loading .videokit-waiting {
  display: block;
}
.videokit-state-playing .videokit-poster {
  visibility: hidden;
}
.videokit-state-loading .videokit-ui,
.videokit-state-playing .videokit-ui,
.videokit-state-error .videokit-ui {
  background: none !important;
}
.videokit-state-error .videokit-message {
  display: block;
}