/*
 *
 *  Video Player
 *
*/
.content-slot .video-player {
  position: relative;
  width: 100%; height: 100%;
  box-sizing: border-box;
}
  .content-slot .video-player img {
    width: 100%;
    height: auto;
    z-index: 0;
  }
  .content-slot .video-player #player {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
  }
  .content-slot .video-player .video-control {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translateX(0%, -50%);
    -ms-transform: translateX(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 2;
  }
    .content-slot .video-player .video-control a.play {
      display: none; /* becomes visible when youtube is ready */
      width: 100px;
      height: 100px;
      overflow: hidden;
      margin: 0 auto;
      background-image: url('../images/video/video-play-btn-sprite.svg?$staticlink$');
      background-repeat: no-repeat;
      background-position: 0px 0px;
    }
    .content-slot .video-player .video-control a.play:hover,
    .content-slot .video-player .video-control a.play:active {
      background-position: -101px 0px;
    }



/*
 * Extra Large
 */
@media all and (min-width: 1441px) {}
/*
 * Large
 */
@media all and (max-width: 1440px) {}
/*
 * Medium
 */
@media all and (max-width: 1024px) {}
/*
 * Medium Small
 */
@media all and (max-width: 768px) {
  .content-slot .video-player .video-control a.play {
    width: 50px;
    height: 50px;
    background-position: 0px -101px;
  }
  .content-slot .video-player .video-control a.play:hover,
  .content-slot .video-player .video-control a.play:active {
    background-position: -51px -101px;
  }
}
/*
 * Small
 */
@media all and (max-width: 375px) {}