.nkn-resp-video-controller:not(.ready):after {
  content: ' ';
  display: block;
  position: relative;
  padding-top: 56.25%; }

@media print, screen and (min-width: 768px) and (max-width: 991px) {
  .nkn-resp-video-controller:not(.ready) {
    max-width: 750px; } }

@media print, screen and (min-width: 992px) {
  .nkn-resp-video-controller:not(.ready) {
    max-width: 970px; } }

.nkn-resp-video-controller {
  position: relative;
  background: #000; }
  .nkn-resp-video-controller .nkn-resp-container-standard {
    position: relative;
    overflow-y: hidden; }
  .nkn-resp-video-controller.ready .controls {
    display: block; }
  .nkn-resp-video-controller.ready .vjs-control-bar {
    visibility: hidden; }
  .nkn-resp-video-controller.loading .controls, .nkn-resp-video-controller.playing .controls {
    display: none; }
  .nkn-resp-video-controller.loading .video-content, .nkn-resp-video-controller.playing .video-content {
    opacity: 1; }
  .nkn-resp-video-controller.loading .background, .nkn-resp-video-controller.playing .background {
    opacity: 0; }
  .nkn-resp-video-controller.loading video::-webkit-media-controls-start-playback-button, .nkn-resp-video-controller.playing video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none; }
  .nkn-resp-video-controller.loading .vjs-control-bar, .nkn-resp-video-controller.playing .vjs-control-bar {
    visibility: visible; }
  .nkn-resp-video-controller.loading iframe[id^='youtube'] {
    opacity: 0; }
  .nkn-resp-video-controller.loading .video-content {
    background-image: url("/static/images/icons/icon_loading_black_bg.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  .nkn-resp-video-controller .controls {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 300ms ease;
    text-indent: -10000px;
    border: 0; }
    .nkn-resp-video-controller .controls:focus, .nkn-resp-video-controller .controls:hover {
      opacity: 1; }
    .nkn-resp-video-controller .controls:focus:before {
      content: ' ';
      position: absolute;
      width: 106px;
      height: 106px;
      top: calc(50% - 53px);
      left: calc(50% - 53px);
      border-radius: 100%;
      box-shadow: 0 0 10px #5cdbff;
      border: 1px solid #64b2ff; }
    .nkn-resp-video-controller .controls.play {
      background: url("/static/images/buttons/btn_play.png") no-repeat center center transparent; }
    .nkn-resp-video-controller .controls.replay {
      background: url("/static/images/buttons/btn_replay.png") no-repeat center center transparent; }
  .nkn-resp-video-controller .video-content {
    position: relative;
    padding-top: 56.25%;
    opacity: 0;
    transition: opacity 300ms ease; }
  .nkn-resp-video-controller .background {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: opacity 300ms ease; }
  .nkn-resp-video-controller iframe[id^='youtube'],
  .nkn-resp-video-controller .video-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
  .nkn-resp-video-controller .vjs-big-play-button,
  .nkn-resp-video-controller .vjs-loading-spinner,
  .nkn-resp-video-controller .vjs-error-display,
  .nkn-resp-video-controller .vjs-captions-button {
    display: none !important; }

.nkn-resp-video-controller:not(.playlist) .video-js,
.nkn-resp-video-controller:not(.playlist) .vjs-poster {
  background: none; }

.nkn-resp-video-controller:not(.playlist) .vjs-poster {
  display: none !important; }