.video-js .vjs-play-progress, .video-js .vjs-volume-level {
    background-color: #ea1d25!important;
}


.video-container {
    height: calc(100vh - 85px - 148px);
}

.video-container.video-live {
  height: calc(100vh - 85px - 198px);
}

@media all and (max-width: 560px) {
  .video-container, .video-container.video-live {
    height: 90vw!important;
  } 
}

@media all and (max-width: 1279px) {
  .video-container, .video-container.video-live {
    height: 56.25vw;
  } 
}

@media all and (max-width: 1279px) {
  .video-container .inner {
    max-width: 100%;
  } 
}


/* .video-js .vjs-big-play-button .vjs-icon-placeholder:before, 
.video-js .vjs-play-control .vjs-icon-placeholder:before, 
.vjs-icon-play:before {
  content: none!important;
}

.video-js .vjs-big-play-button {
  width: 1.5em!important;
  height: 1.5em!important;
  border-radius: 50%!important;
  border: 1px solid #ffffff!important;
  background-color: rgba(22, 22, 22, 0.3)!important;
  background-image: url(../images/icon-play-standard.svg)!important;
  background-repeat: no-repeat!important;
  background-size: 180px!important;
  background-position: 15% 45%!important;
  position: absolute!important;
  left: 50%!important;
  top: 50%!important;
  transform: translate(-50%, -50%)!important;
}

.video-js .vjs-play-progress, .video-js .vjs-volume-level {
  color: $red!important;
}

.video-js {
  font-family: $font-primary!important;
  font-weight: $bold!important;
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
  content: none!important;
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
  width: 25px!important;
  height: 25px!important;
  background-image: url(../images/icon-sound.svg)!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: center center!important;
  position: absolute!important;
  left: 50%!important;
  top: 50%!important;
  transform: translate(-50%, -50%)!important;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
  content: none!important;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
  width: 25px!important;
  height: 25px!important;
  background-image: url(../images/icon-mute.svg)!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: center center!important;
  position: absolute!important;
  left: 50%!important;
  top: 50%!important;
  transform: translate(-50%, -50%)!important;
} */