.fontExtraLight, .s4c-skin .vjs-control-bar .vjs-time-divider, .s4c-skin .vjs-control-bar .vjs-duration {
  font-family: 'Gotham Narrow SSm 2r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana;
  font-weight: 200;
  font-style: normal; }

.fontLight {
  font-family: 'Gotham Narrow SSm 3r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana;
  font-weight: 300;
  font-style: normal; }

.fontBook, .s4c-skin .vjs-control-bar .vjs-current-time, .s4c-skin .vjs-control-bar .vjs-remaining-time {
  font-family: 'Gotham Narrow SSm 4r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana;
  font-weight: 400;
  font-style: normal; }

.fontMedium, .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu,
.s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu {
  font-family: 'Gotham Narrow SSm 5r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana;
  font-weight: 500;
  font-style: normal; }

.fontBold {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal; }

.fontBlack {
  font-family: 'Gotham Narrow SSm 8r', 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', verdana;
  font-weight: 800;
  font-style: normal; }

/* Show the controls (hidden at the start by default) */
.video-js .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.s4c-skin {
  color: #fff;
  font-size: 20px;
  height: 0;
  min-height: 180px;
  min-width: 320px;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%; }
  .s4c-skin .vjs-control {
    width: 3em; }
  .s4c-skin ::cue {
    background: rgba(79, 88, 94, 0.9);
    color: #fff;
    font: 'Gotham Narrow SSm 4r' 400 normal 1em;
    line-height: 1.4em; }
  .s4c-skin video {
    background-color: #000;
    padding: 0;
    font-size: 10px;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    font-family: Arial,sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .s4c-skin .vjs-big-play-button {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-size: 10em;
    height: 1em;
    line-height: 1em;
    opacity: 0.8;
    width: 1em;
    /* Align center */
    left: 50%;
    top: 50%;
    margin-left: -0.5em;
    margin-top: -0.5em; }
    .s4c-skin .vjs-big-play-button:before {
      content: '\f102'; }
  .s4c-skin .vjs-loading-spinner {
    background: rgba(79, 88, 94, 0.4);
    font-size: 10px;
    border-top: 1.1em solid rgba(255, 255, 255, 0);
    border-right: 1.1em solid rgba(255, 255, 255, 0);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0);
    border-left: 1.1em solid #ffffff;
    margin: -5em 0 0 -5em;
    -webkit-transform: translate3d(0);
    -moz-transform: translate3d(0);
    -ms-transform: translate3d(0);
    -o-transform: translate3d(0);
    transform: translate3d(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear; }
  .s4c-skin .vjs-loading-spinner,
  .s4c-skin .vjs-loading-spinner:after {
    border-radius: 50%;
    width: 10em;
    height: 10em; }
  .s4c-skin .vjs-loading-spinner:after,
  .s4c-skin .vjs-loading-spinner:before {
    display: none; }
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  .s4c-skin.video-js:hover .vjs-big-play-button {
    background-color: transparent;
    opacity: 1; }
  .s4c-skin .vjs-big-play-button:focus {
    background-color: transparent; }
  .s4c-skin .vjs-control-bar {
    background-color: #4f585e;
    background-color: rgba(79, 88, 94, 0.9);
    height: 4em;
    padding: 0.5em; }
    .s4c-skin .vjs-control-bar .vjs-audio-track-button {
      font-family: VideoJS;
      font-weight: normal;
      font-style: normal; }
    .s4c-skin .vjs-control-bar .vjs-audio-track-button:before {
      content: '\f11e'; }
    .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu,
    .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu {
      display: block;
      font-size: 14px;
      margin-bottom: 2em;
      margin-left: -1.5em;
      opacity: 0;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: translateY(-3em);
      -moz-transform: translateY(-3em);
      -ms-transform: translateY(-3em);
      -o-transform: translateY(-3em);
      transform: translateY(-3em);
      visibility: hidden;
      width: 13em; }
      .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content,
      .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content {
        background: rgba(244, 244, 244, 0.9);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15), 0 10px 12px rgba(0, 0, 0, 0.15); }
        .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li,
        .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li {
          border-bottom: 1px solid rgba(0, 0, 0, 0.05);
          color: #4f585e;
          padding: 0.8em 0;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -ms-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
          .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li:focus, .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li:hover,
          .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li:focus,
          .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li:hover {
            background: transparent;
            color: #0ebac7; }
          .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li.vjs-selected, .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li.vjs-selected:focus, .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li.vjs-selected:hover,
          .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li.vjs-selected,
          .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li.vjs-selected:focus,
          .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li.vjs-selected:hover {
            background: rgba(255, 255, 255, 0.8);
            color: #0ebac7; }
        .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li:first-letter,
        .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li:first-letter {
          text-transform: capitalize; }
    .s4c-skin .vjs-control-bar .vjs-menu-button-popup:focus .vjs-menu,
    .s4c-skin .vjs-control-bar .vjs-menu-button-popup:hover .vjs-menu {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .s4c-skin .vjs-control-bar .vjs-control:focus:before,
    .s4c-skin .vjs-control-bar .vjs-control:hover:before,
    .s4c-skin .vjs-control-bar .vjs-control:focus {
      color: #49f3ff;
      text-shadow: none; }
    .s4c-skin .vjs-control-bar .vjs-play-control {
      padding-left: 1em; }
    .s4c-skin .vjs-control-bar .vjs-current-time {
      display: block;
      padding: 0 0 0 1em;
      width: auto; }
    .s4c-skin .vjs-control-bar .vjs-time-divider {
      display: block;
      min-width: 1em;
      padding: 0;
      text-align: center;
      width: auto; }
    .s4c-skin .vjs-control-bar .vjs-duration {
      display: block;
      flex-grow: 10;
      padding: 0;
      text-align: left;
      width: auto; }
    .s4c-skin .vjs-control-bar .vjs-remaining-time {
      display: none;
      flex-grow: 10;
      padding: 0 0 0 1em;
      text-align: left;
      width: auto; }
    .s4c-skin .vjs-control-bar .vjs-volume-level {
      background: #49f3ff; }
    .s4c-skin .vjs-control-bar .vjs-volume-bar.vjs-slider-horizontal {
      background: rgba(255, 255, 255, 0.25);
      left: 0.25em;
      margin-left: 0.5em;
      margin-top: -3px;
      top: 50%;
      width: 6.5em; }
    .s4c-skin .vjs-control-bar .vjs-menu-button-popup:hover .vjs-menu,
    .s4c-skin .vjs-control-bar .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
      z-index: 5; }
    .s4c-skin .vjs-control-bar .vjs-progress-control {
      height: 0.2em;
      left: 0;
      position: absolute;
      top: -0.25em;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      width: 100%; }
      .s4c-skin .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
        background: rgba(255, 255, 255, 0.25); }
        .s4c-skin .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
          background: #49f3ff;
          height: 100%; }
        .s4c-skin .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress {
          background: ligthen(#a3acb2, 25%);
          background: rgba(163, 172, 178, 0.5);
          height: 100%; }
        .s4c-skin .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before {
          background: #fff;
          content: "";
          display: content;
          height: 100%;
          right: -0.1em;
          top: 0;
          -webkit-transition: all 0.2s;
          -moz-transition: all 0.2s;
          -ms-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          width: 0.2em; }
        .s4c-skin .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress div {
          background: ligthen(#a3acb2, 50%);
          background: rgba(163, 172, 178, 0.75);
          display: none; }
      .s4c-skin .vjs-control-bar .vjs-progress-control .vjs-mouse-display {
        background-color: #4f585e;
        width: 0.1em; }
    .s4c-skin .vjs-control-bar .vjs-progress-control:hover {
      height: 0.6em;
      top: -0.6em; }
      .s4c-skin .vjs-control-bar .vjs-progress-control:hover .vjs-progress-holder {
        font-size: 1em;
        height: 0.6em; }
        .s4c-skin .vjs-control-bar .vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress:before {
          -webkit-border-radius: 2em;
          -moz-border-radius: 2em;
          -ms-border-radius: 2em;
          border-radius: 2em;
          height: 1.2em;
          right: -0.7em;
          top: -0.3em;
          width: 1.2em; }
    .s4c-skin .vjs-control-bar .vjs-slider {
      background-color: #a3acb2;
      background-color: rgba(163, 172, 178, 0.5);
      margin: 0; }
  .s4c-skin .vjs-error-display .vjs-error-dialog{
    background: #9c5d52;
    color: #fff; }
    .s4c-skin .vjs-error-display:before  .vjs-error-dialog:before{
      font-family: VideoJS;
      font-weight: normal;
      font-style: normal;
      content: '\f11f';
      margin-top: 0;
      text-shadow: none;
      top: 2.4em; }
    .s4c-skin .vjs-error-display div.vjs-modal-dialog-content {
      font-size: 1.2em;
      position: absolute;
      top: 12em; }

@media only screen and (max-width: 780px) {
  .s4c-skin {
    font-size: 16px; }
    .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li,
    .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li {
      font-size: 1em; }
    .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu,
    .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu {
      margin-left: -1em;
      width: 11em; } }
@media only screen and (max-width: 520px) {
  .s4c-skin {
    font-size: 14px; }
    .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu .vjs-menu-content li,
    .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu .vjs-menu-content li {
      font-size: 0.9em; }
    .s4c-skin .vjs-control-bar .vjs-audio-track-button .vjs-menu,
    .s4c-skin .vjs-control-bar .vjs-subtitles-button .vjs-menu {
      margin-left: -0em;
      width: 9em; }
    .s4c-skin .vjs-control-bar .vjs-duration,
    .s4c-skin .vjs-control-bar .vjs-time-divider,
    .s4c-skin .vjs-control-bar .vjs-current-time {
      display: none; }
    .s4c-skin .vjs-control-bar .vjs-remaining-time {
      display: block; }
    .s4c-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
      bottom: 1em; }
    .s4c-skin .vjs-menu-button-inline.vjs-volume-menu-button:hover, .s4c-skin .vjs-menu-button-inline.vjs-volume-menu-button:focus, .s4c-skin .vjs-menu-button-inline.vjs-volume-menu-button.vjs-slider-active {
      width: 3em; }
    .s4c-skin .vjs-no-flex .vjs-menu-button-inline.vjs-volume-menu-button {
      width: 3em; }
    .s4c-skin .vjs-menu-button-inline.vjs-volume-menu-button:hover .vjs-menu, .s4c-skin .vjs-menu-button-inline.vjs-volume-menu-button:focus .vjs-menu, .s4c-skin .vjs-menu-button-inline.vjs-volume-menu-button.vjs-slider-active .vjs-menu {
      display: none; } }
      
/* Play Button */
.s4c-skin .vjs-big-play-button {
	font-size: 7.2rem;
}
.s4c-skin .vjs-big-play-button::before {
	content: "\e602";
	font-family: S4CIcons;
}

.vjs-default-skin .vjs-big-play-button::before {
	margin-top: 0;
}
.fullWidthVideo .video-js video, .fullWidthVideo .video-js {
	width: 100% !important;
}

.video-js .vjs-control:before {
	font-size: 35px !important;
    font-size: 1.8em;
    line-height: 1.67; }