/* -------------------------------------------------- Colors */
/* -------------------------------------------------- Gradients */
/* -------------------------------------------------- Icons */
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Icons */
@font-face {
  font-family: "expiTV";
  src: url("/kernel/globalMisc/fonts/videoplayer/fonts/expiTV.eot?v0xr7v");
  src: url("/kernel/globalMisc/fonts/videoplayer/fonts/expiTV.eot?v0xr7v#iefix") format("embedded-opentype"), url("/kernel/globalMisc/fonts/videoplayer/fonts/expiTV.woff2?v0xr7v") format("woff2"), url("/kernel/globalMisc/fonts/videoplayer/fonts/expiTV.ttf?v0xr7v") format("truetype"), url("/kernel/globalMisc/fonts/videoplayer/fonts/expiTV.woff?v0xr7v") format("woff"), url("/kernel/globalMisc/fonts/videoplayer/fonts/expiTV.svg?v0xr7v#expiTV") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.expi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "expiTV" !important;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  /* Better Font Rendering =========== */
  speak: none;
  text-transform: none;
}

.expi-error:before {
  content: "\e915";
}

.expi-full:before {
  content: "\e909";
}

.expi-logo:before {
  content: "\e90c";
}

.expi-minimize:before {
  content: "\e90d";
}

.expi-mute:before {
  content: "\e90e";
}

.expi-play:before {
  content: "\e90f";
}

.expi-play-right:before {
  content: "\e905";
}

.expi-replay:before {
  content: "\e910";
}

.expi-settings:before {
  content: "\e90a";
}

.expi-share:before {
  content: "\e908";
}

.expi-volume:before {
  content: "\e90b";
}

/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Custom Video Player Styles */
.video-js .vjs-big-play-button {
  height: 5rem;
  width: 5rem;
}
@media (min-width: 576px) {
  .video-js .vjs-big-play-button {
    height: 8rem;
    width: 8rem;
  }
}

.video-js button.vjs-big-play-button {
  background: transparent;
  border: 0;
  left: calc(50% - 2.5rem);
  top: calc(50% - 2.5rem);
}
@media (min-width: 576px) {
  .video-js button.vjs-big-play-button {
    left: calc(50% - 4rem);
    top: calc(50% - 4rem);
  }
}

.video-js .vjs-control {
  width: 3rem;
}

.vjs-remaining-time.vjs-time-control.vjs-control {
  padding: 0;
  width: 4rem;
}

.vjs-remaining-time-display {
  line-height: 2.6rem;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.2rem;
  position: relative;
  top: 0;
}

.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\e90f";
  font-family: "expiTV";
  font-size: 5rem;
  line-height: 5rem;
}
@media (min-width: 576px) {
  .vjs-icon-play:before,
  .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-size: 8rem;
    line-height: 8rem;
  }
}

.video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\e905";
  font-family: "expiTV";
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
  font-family: inherit !important;
}

.video-js .vjs-mute-control {
  padding: 0;
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\e90b";
  font-family: "expiTV";
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\e909";
  font-family: "expiTV";
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\e90e";
  font-family: "expiTV";
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\e910";
  font-family: "expiTV";
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  font-family: inherit !important;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  background-color: transparent;
  border-color: transparent;
}

.video-js {
  aspect-ratio: 16/9;
  background-color: #000;
  height: auto !important;
  width: 100% !important;
}

.vjs-poster {
  background-color: #000;
}

.resolution {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
  width: 2rem;
}
.resolution:before {
  content: "\e90a";
  font-family: "expiTV";
  font-size: 1.2rem;
}
.resolution ul {
  background: #2B333F;
  right: -3rem;
}
.resolution ul li {
  cursor: pointer;
  font-size: 12px;
  padding: 1rem 1.5rem 1rem 1rem;
}
.resolution ul li:hover, .resolution ul li:focus, .resolution ul li:active, .resolution ul li.active {
  background: #fff;
  color: #2B333F;
}
.resolution ul li:first-child:hover, .resolution ul li:first-child:focus, .resolution ul li:first-child:active {
  background: #2B333F;
  color: #fff;
}

.vjs-paused .vjs-big-play-button {
  display: block;
}

.video-js .vjs-progress-holder {
  height: 0.9rem;
}

.video-js .vjs-play-progress:before {
  font-size: 1.3rem;
  top: -0.2rem;
}

.video-js .vjs-play-progress {
  background: linear-gradient(to right, #930a40, #dd681b);
}

.video-js .vjs-control-bar {
  background-image: linear-gradient(to top, #2f2f2f, #636363);
  height: 2.5rem;
  z-index: 1;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  background: rgba(47, 47, 47, 0.74);
  height: 7.5rem;
  left: -2.3em;
  margin: 0;
  width: 1.6rem;
}

.vjs-volume-bar.vjs-slider-vertical {
  background: #939393;
}

.video-js .vjs-slider {
  border-radius: 6px;
}
.video-js .vjs-slider * {
  border-radius: 6px;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  background: #000;
  margin: 0 5px;
}

.vjs-volume-level {
  border-radius: 3px;
}

.video-js .vjs-load-progress {
  background: #000;
}
.video-js .vjs-load-progress div {
  background: #939393;
}
/*# sourceMappingURL=player.css.map */