.vjs-ffm {
  font-family: Roboto, Arial, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline-style: none; }
  .vjs-ffm .vjs-poster {
    background-size: contain; }
  .vjs-ffm .vjs-control-bar,
  .vjs-ffm .vjs-center-buttons {
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    -webkit-transition: visibility 0.1s, opacity 0.1s;
    -moz-transition: visibility 0.1s, opacity 0.1s;
    -ms-transition: visibility 0.1s, opacity 0.1s;
    -o-transition: visibility 0.1s, opacity 0.1s;
    transition: visibility 0.1s, opacity 0.1s; }
  .vjs-ffm .vjs-big-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #00000066;
    background-image: url("../images/play.svg");
    background-repeat: no-repeat;
    border-radius: 50%;
    border: none;
    height: 70px;
    width: 70px;
    background-position-y: center;
    background-position-x: 55%;
    background-size: 70%;
    margin-top: 0;
    margin-left: 0; }
    .vjs-ffm .vjs-big-play-button .vjs-icon-placeholder:before {
      display: none; }
    .vjs-ffm .vjs-big-play-button:focus {
      background-color: #00000066; }
  .vjs-ffm:hover .vjs-big-play-button {
    background-color: #00000066; }
  .vjs-ffm .vjs-center-buttons {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 320px;
    height: 100%; }
    .vjs-ffm .vjs-center-buttons:before, .vjs-ffm .vjs-center-buttons:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      padding-bottom: 140%;
      background: #00000033;
      border-radius: 50%;
      z-index: -3;
      opacity: 0;
      -webkit-transition: width .5s, opacity 0.5s;
      transition: width .5s, opacity 0.5s;
      opacity: 1; }
    .vjs-ffm .vjs-center-buttons:before {
      left: -55%; }
    .vjs-ffm .vjs-center-buttons:after {
      right: -55%; }
      .vjs-ffm .vjs-center-buttons:after:hover {
        -webkit-backface-visibility: hidden;
        will-change: transform; }
@keyframes widthjump {
  0% {
    width: 100%;
    opacity: 1; }
  50% {
    width: 98%;
    opacity: 1; }
  100% {
    width: 100%;
    opacity: 1; } }
    .vjs-ffm .vjs-center-buttons .vjs-button {
      flex: 1;
      width: 100%;
      height: 100%;
      max-width: 22.5%;
      background-size: 88%;
      background-repeat: no-repeat;
      background-position: center; }
    .vjs-ffm .vjs-center-buttons .vjs-scrub-button {
      width: 71px;
      height: 71px;
      max-width: 71px;
      background-size: 40px auto;
      opacity: 1;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -ms-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s;
      position: relative;
      background-image: url("../images/10sec.svg"); }
@keyframes rotateforw {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(45deg); }
  100% {
    transform: rotate(0deg); } }
@keyframes rotateback {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(0deg); } }
      .vjs-ffm .vjs-center-buttons .vjs-scrub-button:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 71px;
        height: 71px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1; }
      .vjs-ffm .vjs-center-buttons .vjs-scrub-button:before {
        content: '';
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        height: 70%;
        background: #00000066;
        border-radius: 50%;
        z-index: -1;
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform .5s, opacity 0.5s;
        transition: transform .5s, opacity 0.5s; }
      .vjs-ffm .vjs-center-buttons .vjs-scrub-button:hover:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1; }
      .vjs-ffm .vjs-center-buttons .vjs-scrub-button.vjs-scrub-forwards {
        margin-right: auto;
        margin-left: 20px; }
        .vjs-ffm .vjs-center-buttons .vjs-scrub-button.vjs-scrub-forwards:after {
          background-image: url("../images/forward.svg"); }
      .vjs-ffm .vjs-center-buttons .vjs-scrub-button.vjs-scrub-backwards {
        margin-left: auto;
        margin-right: 20px; }
        .vjs-ffm .vjs-center-buttons .vjs-scrub-button.vjs-scrub-backwards:after {
          background-image: url("../images/backward.svg"); }
    .vjs-ffm .vjs-center-buttons.vjs-hide-scrub .vjs-scrub-button {
      display: none; }
    .vjs-ffm .vjs-center-buttons .vjs-play-control {
      min-width: 70px;
      width: 70px;
      max-height: 70px;
      max-width: 70px;
      border-radius: 50%;
      position: relative;
      background-size: 70% !important;
      opacity: 1; }
      .vjs-ffm .vjs-center-buttons .vjs-play-control:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00000066;
        border-radius: 50%;
        z-index: -1;
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform .5s, opacity 0.5s;
        transition: transform .5s, opacity 0.5s; }
      .vjs-ffm .vjs-center-buttons .vjs-play-control:hover:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1; }
      .vjs-ffm .vjs-center-buttons .vjs-play-control.vjs-paused {
        background-image: url("../images/play.svg");
        background-position-x: 55%; }
      .vjs-ffm .vjs-center-buttons .vjs-play-control.vjs-playing {
        background-image: url("../images/pause.svg");
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s; }
      .vjs-ffm .vjs-center-buttons .vjs-play-control .vjs-icon-placeholder:before {
        display: none; }
  .vjs-ffm .vjs-control-bar {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    background: -moz-linear-gradient(bottom black -50%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, black -50%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, black -50%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom, black -50%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, black -50%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0) 100%);
    height: 78px;
    padding: 0 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    opacity: 1; }
    .vjs-ffm .vjs-control-bar .vjs-button {
      background-repeat: no-repeat;
      background-position: center;
      height: 32px;
      line-height: 32px;
      margin-bottom: 9px; }
    .vjs-ffm .vjs-control-bar .vjs-slider:focus {
      text-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .vjs-ffm .vjs-control-bar .vjs-progress-control {
      width: 100%;
      height: 12px; }
      .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
        height: 5px;
        top: -1px;
        background-color: #f2f2f240;
        margin: 0;
        border-radius: 5px; }
        .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress {
          border-radius: 5px;
          overflow: hidden; }
          .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress div {
            background-color: #f2f2f240; }
        .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-mouse-display .vjs-time-tooltip {
          background-color: transparent;
          color: white;
          margin-top: -7px; }
        .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
          background-color: white;
          border-radius: 5px; }
          .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before {
            content: "";
            display: block;
            background: white;
            height: 14px;
            width: 14px;
            border-radius: 9px;
            top: -4px;
            z-index: unset;
            box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.56);
            font-size: 14px;
            transition: 0.3s ease; }
          .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress:hover:before {
            transform: scale(1.1); }
          .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress .vjs-time-tooltip {
            color: #3E6179;
            background-color: white;
            padding: 3px 6px;
            margin-top: 4px; }
            .vjs-ffm .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress .vjs-time-tooltip:after {
              content: "";
              position: absolute;
              border-color: white transparent transparent transparent;
              border-width: 5px 5px 5px 5px;
              z-index: 999999;
              bottom: -10px;
              left: 10.5px;
              border-style: solid; }
    .vjs-ffm .vjs-control-bar .vjs-volume-panel {
      height: 32px;
      width: 90px;
      margin-bottom: 9px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
        width: 32px;
        margin-right: 0;
        z-index: 2;
        background-position: left; }
        .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-mute-control.vjs-vol-0 {
          background-image: url("../images/volume_mute.svg"); }
        .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-mute-control.vjs-vol-1 {
          background-image: url("../images/volume_low.svg"); }
        .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-mute-control.vjs-vol-2, .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-mute-control.vjs-vol-3 {
          background-image: url("../images/volume_mid.svg"); }
        .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-mute-control .vjs-icon-placeholder {
          display: none; }
      .vjs-ffm .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .vjs-ffm .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal:active, .vjs-ffm .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .vjs-ffm .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm .vjs-control-bar .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
      .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
      .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
      .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
      .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
        width: 90px; }
      .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control {
        visibility: visible;
        opacity: 1;
        position: relative;
        height: 100% !important; }
        .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
          width: 90px;
          height: 32px !important;
          margin-right: 0;
          border-radius: 5px; }
        .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
          margin-top: auto;
          margin-bottom: auto;
          margin-left: auto;
          background-color: #f2f2f240; }
          .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar.vjs-slider-horizontal {
            width: 55px;
            height: 3px;
            margin: auto 3px auto 5px;
            border-radius: 5px; }
          .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar .vjs-volume-level {
            background-color: white;
            height: 100%;
            width: 3px;
            border-radius: 5px;
            width: 100%; }
            .vjs-ffm .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar .vjs-volume-level:before {
              content: "";
              background: white;
              height: 11px;
              width: 11px;
              top: -4px;
              border-radius: 11px;
              z-index: unset;
              box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); }
    .vjs-ffm .vjs-control-bar .vjs-current-time,
    .vjs-ffm .vjs-control-bar .vjs-time-divider,
    .vjs-ffm .vjs-control-bar .vjs-duration {
      display: initial;
      color: white;
      font-size: 16px;
      line-height: 32px;
      height: 32px;
      margin-bottom: 9px; }
    .vjs-ffm .vjs-control-bar .vjs-current-time {
      padding-right: 0;
      padding-left: 0; }
    .vjs-ffm .vjs-control-bar .vjs-time-divider {
      padding: 0 2px;
      min-width: 4px; }
    .vjs-ffm .vjs-control-bar .vjs-duration {
      padding-right: 0;
      padding-left: 0; }
    .vjs-ffm .vjs-control-bar .vjs-scrub-button {
      width: 32px;
      height: 32px;
      background-size: 32px auto; }
      .vjs-ffm .vjs-control-bar .vjs-scrub-button.vjs-scrub-forwards {
        margin-right: auto;
        margin-left: 10px;
        background-image: url("../images/forward_10.svg"); }
      .vjs-ffm .vjs-control-bar .vjs-scrub-button.vjs-scrub-backwards {
        margin-left: auto;
        margin-right: 10px;
        background-image: url("../images/backward_10.svg"); }
    .vjs-ffm .vjs-control-bar.vjs-hide-scrub .vjs-scrub-button {
      display: none; }
    .vjs-ffm .vjs-control-bar.vjs-hide-scrub .vjs-current-time {
      margin-left: auto; }
    .vjs-ffm .vjs-control-bar.vjs-hide-scrub.vjs-hide-remaining .vjs-duration {
      margin-right: auto; }
    .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu .vjs-menu-content .pro_flag {
      padding-top: 0;
      vertical-align: text-bottom;
      line-height: normal; }
    .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu .vjs-menu-content .vjs-menu-item-text {
      display: flex;
      justify-content: space-between;
      gap: 20px; }
    .vjs-ffm .vjs-control-bar .vjs-quality-selector button.vjs-menu-button,
    .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-quality-selector-value {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-quality-selector-value {
      line-height: 32px;
      font-size: 16px; }
    .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu,
    .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu {
      margin-bottom: 40px;
      height: auto;
      font-size: 16px;
      inset: auto 0 0 auto;
      width: auto;
      background-color: rgba(36, 36, 36, 0.85);
      border-radius: 10px; }
      .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu li,
      .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu li {
        text-transform: none;
        font-size: 16px;
        padding: 7px 50px 7px 15px; }
        .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu li.vjs-selected,
        .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu li.vjs-selected {
          background-color: transparent;
          color: white; }
          .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu li.vjs-selected *,
          .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu li.vjs-selected * {
            font-weight: 700 !important; }
        .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu li.vjs-menu-item:hover,
        .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu li.vjs-menu-item:hover {
          background-color: rgba(0, 0, 0, 0.5) !important; }
        .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu li.vjs-menu-item:focus,
        .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu li.vjs-menu-item:focus {
          background-color: transparent; }
      .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu:after,
      .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        left: 0; }
      .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu .vjs-menu-title,
      .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu .vjs-menu-title {
        border-bottom: 1px solid #000;
        color: #9a9a9a;
        text-align: start;
        line-height: initial;
        padding: 10px 15px;
        font-size: 14px; }
      .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu .vjs-menu-content,
      .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu .vjs-menu-content {
        position: static;
        background-color: transparent;
        margin: 10px 0; }
      .vjs-ffm .vjs-control-bar .vjs-quality-selector .vjs-menu .vjs-selected .vjs-menu-item-text::after,
      .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu .vjs-selected .vjs-menu-item-text::after {
        content: '';
        width: 22px;
        height: 22px;
        position: absolute;
        background-image: url(/images/UI_icons/white/check.svg);
        background-repeat: no-repeat;
        background-position: center;
        right: 12px;
        background-size: 60%; }
    .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
      line-height: 32px;
      font-size: 16px; }
    .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu {
      width: 10em; }
      .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu .vjs-menu-content {
        max-height: 20em; }
        .vjs-ffm .vjs-control-bar .vjs-playback-rate .vjs-menu .vjs-menu-content .vjs-menu-item {
          text-align: start; }
    .vjs-ffm .vjs-control-bar .vjs-fullscreen-control[title="Fullscreen"], .vjs-ffm .vjs-control-bar .vjs-fullscreen-control[my_title="Fullscreen"] {
      background-image: url("../images/full.svg"); }
    .vjs-ffm .vjs-control-bar .vjs-fullscreen-control[title="Exit Fullscreen"], .vjs-ffm .vjs-control-bar .vjs-fullscreen-control[my_title="Exit Fullscreen"] {
      background-image: url("../images/fullexit.svg");
      background-size: 32px auto !important; }
    .vjs-ffm .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder:before {
      display: none; }
  .vjs-ffm.vjs-has-started.vjs-paused .vjs-button, .vjs-ffm.vjs-has-started.vjs-user-active .vjs-button {
    cursor: pointer; }
  .vjs-ffm.vjs-has-started.vjs-paused .vjs-control-bar,
  .vjs-ffm.vjs-has-started.vjs-paused .vjs-center-buttons, .vjs-ffm.vjs-has-started.vjs-user-active .vjs-control-bar,
  .vjs-ffm.vjs-has-started.vjs-user-active .vjs-center-buttons {
    visibility: visible;
    opacity: 1 !important;
    pointer-events: all; }
  .vjs-ffm.vjs-has-started.vjs-paused .vjs-center-buttons .vjs-scrub-button {
    opacity: 0.5; }
  .vjs-ffm.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0.3s, opacity 0.3s;
    -moz-transition: visibility 0.3s, opacity 0.3s;
    -o-transition: visibility 0.3s, opacity 0.3s;
    transition: visibility 0.3s, opacity 0.3s; }
  .vjs-ffm.vjs-layout-small .vjs-control-bar, .vjs-ffm.vjs-layout-tiny .vjs-control-bar, .vjs-ffm.vjs-layout-x-small .vjs-control-bar {
    height: 106px;
    padding: 0 20px; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-progress-control, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-progress-control, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-progress-control {
      order: 1;
      display: flex !important; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel {
      order: 2;
      width: 40px !important;
      margin-right: 5px; }
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel .vjs-mute-control, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel .vjs-mute-control, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel .vjs-mute-control {
        background-size: 37px auto; }
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
      .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
        opacity: 1;
        width: 150px;
        z-index: 1; }
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        opacity: 0;
        left: 3px !important;
        top: -2px;
        position: absolute;
        background: #2c2c2ced;
        height: 36px !important; }
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar.vjs-slider-horizontal, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar.vjs-slider-horizontal, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar.vjs-slider-horizontal {
        margin: auto 3px auto 40px;
        width: 95px; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-current-time, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-current-time, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-current-time {
      order: 3;
      height: 50px;
      line-height: 50px; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-time-divider, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-time-divider, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-time-divider {
      order: 4;
      height: 50px;
      line-height: 50px; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-duration, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-duration, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-duration {
      order: 5;
      height: 50px;
      line-height: 50px; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-scrub-backwards, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-scrub-backwards, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-scrub-backwards {
      background-size: 20px auto;
      width: 26px;
      height: 50px;
      margin-right: 25px;
      display: none; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-scrub-forwards, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-scrub-forwards, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-scrub-forwards {
      background-size: 20px auto;
      width: 26px;
      height: 50px;
      margin-left: 25px;
      display: none; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar.vjs-hide-scrub .vjs-current-time,
    .vjs-ffm.vjs-layout-small .vjs-control-bar.vjs-hide-scrub .vjs-duration, .vjs-ffm.vjs-layout-tiny .vjs-control-bar.vjs-hide-scrub .vjs-current-time,
    .vjs-ffm.vjs-layout-tiny .vjs-control-bar.vjs-hide-scrub .vjs-duration, .vjs-ffm.vjs-layout-x-small .vjs-control-bar.vjs-hide-scrub .vjs-current-time,
    .vjs-ffm.vjs-layout-x-small .vjs-control-bar.vjs-hide-scrub .vjs-duration {
      margin-left: 0;
      margin-right: 0; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-quality-selector, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-quality-selector, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-quality-selector {
      order: 7;
      margin-left: auto; }
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-quality-selector .vjs-menu, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-quality-selector .vjs-menu, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-quality-selector .vjs-menu {
        inset: auto -50px 0 auto; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-playback-rate, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-playback-rate, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-playback-rate {
      order: 8;
      margin-left: auto;
      margin-right: 2px; }
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
        font-size: 17px; }
      .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-playback-rate.vjs-quality-selector-available, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-playback-rate.vjs-quality-selector-available, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-playback-rate.vjs-quality-selector-available {
        margin-left: 0; }
    .vjs-ffm.vjs-layout-small .vjs-control-bar .vjs-fullscreen-control, .vjs-ffm.vjs-layout-tiny .vjs-control-bar .vjs-fullscreen-control, .vjs-ffm.vjs-layout-x-small .vjs-control-bar .vjs-fullscreen-control {
      order: 9;
      background-size: 17px auto;
      height: 50px; }
  .vjs-ffm.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .vjs-ffm.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .vjs-ffm.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control {
    display: inline-block;
    background-size: 40px auto;
    width: 40px !important; }
  .vjs-ffm.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
  .vjs-ffm.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
  .vjs-ffm.vjs-layout-small:not(.vjs-fullscreen) .vjs-quality-selector,
  .vjs-ffm.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .vjs-ffm.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
  .vjs-ffm.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
  .vjs-ffm.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-quality-selector,
  .vjs-ffm.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .vjs-ffm.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
  .vjs-ffm.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
  .vjs-ffm.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-quality-selector,
  .vjs-ffm.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .vjs-ffm.vjs-layout-small.vjs-fullscreen .vjs-quality-selector, .vjs-ffm.vjs-layout-tiny.vjs-fullscreen .vjs-quality-selector, .vjs-ffm.vjs-layout-x-small.vjs-fullscreen .vjs-quality-selector {
    display: none; }
  .vjs-ffm.vjs-layout-small.vjs-fullscreen .vjs-fullscreen-control, .vjs-ffm.vjs-layout-tiny.vjs-fullscreen .vjs-fullscreen-control, .vjs-ffm.vjs-layout-x-small.vjs-fullscreen .vjs-fullscreen-control {
    margin-left: auto; }
  .vjs-ffm.vjs-layout-small .vjs-scrub-button, .vjs-ffm.vjs-layout-tiny .vjs-scrub-button, .vjs-ffm.vjs-layout-x-small .vjs-scrub-button {
    display: inline-block; }
  .vjs-ffm.vjs-layout-small .vjs-current-time,
  .vjs-ffm.vjs-layout-small .vjs-duration, .vjs-ffm.vjs-layout-tiny .vjs-current-time,
  .vjs-ffm.vjs-layout-tiny .vjs-duration, .vjs-ffm.vjs-layout-x-small .vjs-current-time,
  .vjs-ffm.vjs-layout-x-small .vjs-duration {
    margin-left: 0;
    margin-right: 0; }
  .vjs-ffm.vjs-layout-small .vjs-playback-rate .vjs-playback-rate-value,
  .vjs-ffm.vjs-layout-small .vjs-duration,
  .vjs-ffm.vjs-layout-small .vjs-current-time,
  .vjs-ffm.vjs-layout-small .vjs-time-divider,
  .vjs-ffm.vjs-layout-small .vjs-button > .vjs-icon-placeholder::before, .vjs-ffm.vjs-layout-tiny .vjs-playback-rate .vjs-playback-rate-value,
  .vjs-ffm.vjs-layout-tiny .vjs-duration,
  .vjs-ffm.vjs-layout-tiny .vjs-current-time,
  .vjs-ffm.vjs-layout-tiny .vjs-time-divider,
  .vjs-ffm.vjs-layout-tiny .vjs-button > .vjs-icon-placeholder::before, .vjs-ffm.vjs-layout-x-small .vjs-playback-rate .vjs-playback-rate-value,
  .vjs-ffm.vjs-layout-x-small .vjs-duration,
  .vjs-ffm.vjs-layout-x-small .vjs-current-time,
  .vjs-ffm.vjs-layout-x-small .vjs-time-divider,
  .vjs-ffm.vjs-layout-x-small .vjs-button > .vjs-icon-placeholder::before {
    line-height: 34px; }
  .vjs-ffm.vjs-fullscreen .vjs-tech {
    background-color: black; }
  .vjs-ffm.vjs-desktop.vjs-user-active.vjs-has-started.vjs-playing .vjs-center-buttons {
    opacity: 0 !important; }
  .vjs-ffm.vjs-desktop.vjs-user-active.vjs-has-started.vjs-playing:hover .vjs-center-buttons {
    opacity: 1 !important; }
  .vjs-ffm.vjs-layout-medium .vjs-current-time,
  .vjs-ffm.vjs-layout-medium .vjs-duration,
  .vjs-ffm.vjs-layout-medium .vjs-time-divider, .vjs-ffm.vjs-layout-small .vjs-current-time,
  .vjs-ffm.vjs-layout-small .vjs-duration,
  .vjs-ffm.vjs-layout-small .vjs-time-divider, .vjs-ffm.vjs-layout-tiny .vjs-current-time,
  .vjs-ffm.vjs-layout-tiny .vjs-duration,
  .vjs-ffm.vjs-layout-tiny .vjs-time-divider, .vjs-ffm.vjs-layout-x-small .vjs-current-time,
  .vjs-ffm.vjs-layout-x-small .vjs-duration,
  .vjs-ffm.vjs-layout-x-small .vjs-time-divider {
    display: block !important;
    font-size: 1.4em !important; }
  .vjs-ffm.vjs-layout-medium .vjs-center-buttons .vjs-play-control, .vjs-ffm.vjs-layout-small .vjs-center-buttons .vjs-play-control, .vjs-ffm.vjs-layout-tiny .vjs-center-buttons .vjs-play-control, .vjs-ffm.vjs-layout-x-small .vjs-center-buttons .vjs-play-control {
    background-size: 80%; }
  .vjs-ffm.vjs-layout-medium .vjs-center-buttons .vjs-play-control, .vjs-ffm.vjs-layout-small .vjs-center-buttons .vjs-play-control, .vjs-ffm.vjs-layout-tiny .vjs-center-buttons .vjs-play-control, .vjs-ffm.vjs-layout-x-small .vjs-center-buttons .vjs-play-control {
    opacity: 1 !important; }
  .vjs-ffm.vjs-layout-medium .vjs-center-buttons .vjs-scrub-button, .vjs-ffm.vjs-layout-small .vjs-center-buttons .vjs-scrub-button, .vjs-ffm.vjs-layout-tiny .vjs-center-buttons .vjs-scrub-button, .vjs-ffm.vjs-layout-x-small .vjs-center-buttons .vjs-scrub-button {
    opacity: 1 !important; }