@charset "UTF-8";
@font-face {
  font-family: 'nuevo';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('data:font/woff;charset=utf-8;base64,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')
    format('woff');
  /* src: url(https://stream.nuevodevel.com/vdjs/v11.0.0/fonts/treso/nuevo.woff) format('woff'); */
  /* src: url(https://stream.nuevodevel.com/vdjs/v11.0.0/fonts/nuevo/nuevo.woff) */
  /*   format('woff'); */
}

.video-js::-moz-focus-inner,
.video-js:active,
.video-js:focus {
  border: 0;
  /* outline: none; */
  /* -moz-outline-style: none; */
}

.video-js .disabled {
  pointer-events: none;
}

.video-js .vjs-auto-mute {
  cursor: pointer;
  height: 60px;
  line-height: 38px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 60px;
  z-index: 6;
}

.landscape {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.video-js .vjs-auto-mute:after {
  align-items: center;
  color: #fff;
  content: '\e909';
  display: flex;
  font-family: nuevo;
  font-size: 60px;
  justify-content: center;
}

.vjs-480 .vjs-auto-mute {
  height: 40px;
  width: 40px;
}

.vjs-480 .vjs-auto-mute:after {
  font-size: 40px;
}

.vjs-brightness {
  height: 35%;
  left: 0;
  max-height: 250px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}

.vjs-480 .vjs-brightness {
  display: none;
  width: 40px;
}

.vjs-touch-active .vjs-brightness {
  opacity: 1;
  pointer-events: auto;
}

.vjs-brightness:before {
  color: #fff;
  content: '\e916';
  font-family: nuevo;
  font-size: 20px;
  font-style: normal;
  left: 50%;
  position: absolute;
  /* text-shadow: 1px 1px 1px #000; */
  top: -30px;
  transform: translateX(-50%);
}

.vjs-brightness .vjs-brightness-bar {
  height: 100%;
  width: 100%;
}

.vjs-brightness .vjs-brightness-bar .bar {
  background-color: #888;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 4px;
}

.vjs-brightness .vjs-brightness-bar .bar-level {
  background-color: #fff;
  bottom: 0;
  height: 50%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 4px;
}

.vjs-filters-on .vjs-brightness,
.vjs-filters-on .vjs-control-bar {
  display: none;
}

.vjs-ad-playing .vjs-brightness,
.vjs-ended .vjs-brightness {
  opacity: 0;
  pointer-events: none;
}

.video-js .vjs-filters {
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  left: 50%;
  max-width: 320px;
  padding: 10px 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
}

.vjs-ad-playing .vjs-filters,
.vjs-ended .vjs-filters {
  display: none;
}

.video-js .vjs-filters .vjs-filter-body {
  color: #fff;
  cursor: pointer;
  display: table;
  font-family: nuevo;
  font-size: 20px;
  font-style: normal;
  height: 44px;
  margin-left: 40px;
  position: relative;
  width: 85%;
}

.video-js .vjs-filter-brightness:before {
  content: '\e916';
  left: -40px;
  position: absolute;
  top: 11px;
}

.video-js .vjs-filter-saturation:before {
  content: '\e917';
  left: -40px;
  position: absolute;
  top: 11px;
}

.video-js .vjs-filter-contrast:before {
  content: '\e918';
  left: -40px;
  position: absolute;
  top: 11px;
}

.video-js .vjs-filters .vjs-filter-bar {
  background: #888;
  height: 4px;
  margin-top: 20px;
  pointer-events: none;
  position: relative;
  width: 100%;
}

.video-js .vjs-filters .vjs-filter-bar .vjs-filter-level {
  background: #fff;
  height: 100%;
  pointer-events: none;
  width: 50%;
}

.video-js .vjs-filters .filter-btn {
  background: transparent;
  border: 1px solid transparent;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 12px;
  margin-top: 4px;
  padding: 2px 5px;
  width: auto;
}

.video-js .vjs-filters .filter-reset {
  float: left;
}

.vjs-has-mouse .vjs-filters .filter-btn:hover {
  border: 1px solid #e5e5e5;
}

.video-js .vjs-filters .filter-tip {
  font-family: Arial;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -22px;
}

.video-js .vjs-filters .tip-show {
  opacity: 1;
}

.video-js .vjs-limit span,
.video-js .vjs-related .rel-item label {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-skin {
  display: none;
}

.vjs-skin:before {
  content: 'treso';
}

.vjs-treso {
  height: 0;
  margin: 0;
  padding: 0;
  width: 13px;
}

*,
.video-js,
:after,
:before {
  box-sizing: border-box;
}

.video-js {
  -webkit-tap-highlight-color: transparent;
  background-color: #000;
  color: #fff;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  /* outline: 0; */
  overflow: hidden;
  padding: 0;
  position: relative;
}

.vjs-control-text,
.vjs-icon-placeholder {
  pointer-events: none;
}

.video-js,
.video-js .vjs-progress-holder {
  -webkit-touch-callout: none;
  -khtml-user-select: none;
}

.vjs-spacer {
  display: none;
}

.video-js .vjs-lcn {
  bottom: 10px;
  font-size: 24px;
  position: absolute;
  text-align: center;
  /* text-shadow: 1px 1px 1px #000; */
  width: 100%;
}

.video-js .vjs-lcn-poster {
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: auto;
}

.vjs-airplay-button .vjs-icon-placeholder:before {
  content: '\ea11';
}

.video-js.vjs-pip .vjs-pip-control .vjs-icon-placeholder:before,
.vjs-icon-pip-exit:before {
  content: '\e913';
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.video-js .vjs-pip .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter,
.vjs-icon-pip-enter {
  font-family: nuevo;
  font-style: normal;
  font-weight: 400;
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.video-js .vjs-pip-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before,
.vjs-icon-pip-enter:before {
  content: '\e910';
}

.video-js.vjs-picture-in-picture
  .vjs-picture-in-picture-control
  .vjs-icon-placeholder:before,
.video-js.vjs-picture-in-picture .vjs-pip-control .vjs-icon-placeholder:before {
  content: '\e913';
  font-family: nuevo;
}

.video-js .vjs-picture-in-picture-control,
.video-js .vjs-pip-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-playlist-button {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: nuevo;
  font-size: 25px;
  height: 45px;
  opacity: 0.85;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  z-index: 4;
}

.video-js .vjs-playlist-button:before {
  content: '\f00a';
  /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); */
}

.vjs-vplaylist {
  background: #282828;
  height: 100%;
  overflow: hidden;
  padding-bottom: 40px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition:
    visibility 0s,
    width 0.3s ease-in-out;
  transition:
    visibility 0s,
    width 0.3s ease-in-out;
  visibility: hidden;
  width: 0;
  z-index: 4;
}

.vjs-vplaylist-first {
  z-index: 10;
}

.vjs-vplaylist-show {
  visibility: visible;
  width: 250px;
}

.vjs-vplaylist-horizontal {
  color: #fff;
  padding-bottom: 0;
  position: relative;
  width: 100%;
}

.vjs-vplaylist .vjs-head {
  background: #000;
  border-bottom: 1px solid #484848;
  font-size: 13px;
  line-height: 38px;
  padding: 0 5px 0 10px;
  text-align: left;
  width: 100%;
}

.vjs-vplaylist .vjs-head .vjs-back {
  background: transparent;
  border: 0;
  cursor: pointer;
  float: right;
  height: 28px;
  width: 20px;
}

.vjs-vplaylist .vjs-head .vjs-back i {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.vjs-vplaylist .vjs-head .vjs-back .vdown {
  -webkit-transform: rotate(335deg);
  transform: rotate(225deg);
  -webki-transform-origin: center 8px;
  transform-origin: center 8px;
}

.vjs-vplaylist .vjs-head .vjs-back .vup {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.vjs-vplaylist .vjs-vlist {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #666 #444;
  scrollbar-width: thin;
  width: 100%;
}

.vjs-vplaylist .vjs-list-max {
  height: 260px;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

.vjs-vplaylist .vjs-vlist ul {
  display: block;
  font-size: 14px;
  line-height: normal;
  list-style: none;
  margin: 0;
  padding: 0;
}

.vjs-vplaylist .vjs-list-min {
  height: 0;
}

.vjs-vplaylist .vjs-vlist .vjs-item {
  border-bottom: 1px solid #444;
  cursor: pointer;
  display: table;
  padding: 8px;
  text-align: left;
  width: 100%;
}

.vjs-vplaylist .vjs-vlist::-webkit-scrollbar {
  background: #444;
  width: 8px;
}

.vjs-vplaylist .vjs-vlist::-webkit-scrollbar-thumb {
  background: #666;
}

.vjs-vplaylist .vjs-vlist .vjs-last {
  height: 80px;
  width: 100%;
}

.vjs-vplaylist .vjs-vlist .vjs-item .vjs-tmb {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #444;
  display: inline-block;
  float: left;
  height: 45px;
  margin-right: 10px;
  pointer-events: none;
  width: 80px;
}

.vjs-vplaylist .vjs-vlist .vjs-item:hover p {
  color: #fff;
}

.vjs-vplaylist .vjs-vlist .vjs-item p {
  color: #ccc;
  font-size: 12px;
  margin: 0;
  min-height: 30px;
  overflow: hidden;
  padding-right: 6px;
  pointer-events: none;
}

.vjs-vplaylist-horizontal .vjs-vlist .vjs-item p {
  height: 16px;
  min-height: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-vplaylist .vjs-vlist .vjs-item span {
  font-size: 12px;
  margin-top: 3px;
  pointer-events: none;
}

.vjs-vplaylist .vjs-vlist .vjs-active-item {
  background-color: #444;
}

.vjs-vplaylist .vjs-vlist .vjs-active-item p {
  color: #fff;
}

.vjs-vplaylist .vjs-vlist .vjs-item .vjs-desc {
  color: #999;
}

.vjs-vplaylist .vjs-vlist .vjs-active-item .vjs-desc {
  color: #ccc;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  height: 100%;
  width: 100%;
}

.video-js .vjs-block {
  display: block;
}

.video-js .vjs-grid {
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 97;
}

.video-js .vjs-grid p,
.video-js .vjs-sharing-overlay p {
  background: #333;
  font-size: 16px;
  line-height: 38px;
  margin: 0;
  /* outline: none; */
  text-align: center;
}

.video-js .vjs-grid .vjs-close-btn {
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 7px;
  z-index: 10;
}

.video-js .vjs-related {
  left: 10%;
  max-width: 800px;
  overflow: hidden;
  position: absolute;
  width: 80%;
}

.video-js .vjs-scroll {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}

.video-js .vjs-related .rel-block {
  left: 0;
  position: absolute;
  top: 0;
}

.video-js .vjs-related .rel-anim {
  -webkit-transition: left 0.5 ease;
  transition: left 0.5s ease;
}

.video-js .vjs-related .rel-block .rel-parent {
  padding: 2px;
  position: absolute;
}

.video-js .vjs-related .rel-item {
  background-color: #000;
  height: 100%;
  width: 100%;
}

.video-js .vjs-related .rel-item:hover .rel-bg {
  opacity: 0.7;
}

.video-js .vjs-related .rel-bg,
.video-js .vjs-related .rel-item a {
  display: block;
  height: 100%;
  width: 100%;
}

.video-js .vjs-related .rel-bg {
  background-position: 50%;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.video-js .vjs-related .rel-item label {
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 400;
  left: 0;
  margin: 3% 5%;
  overflow: hidden;
  position: absolute;
  text-align: left;
  /* text-shadow: 1px 1px 1px #000; */
  top: 0;
  width: 90%;
}

.video-js .vjs-related .rel-block .rel-item i {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  margin: 2px;
  padding: 4px;
  position: absolute;
  right: 0;
}

.video-js .vjs-arrow {
  cursor: pointer;
  display: table;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
  width: 27px;
}

.vjs-disabled {
  cursor: none;
}

.vjs-grid .vjs-disabled,
.vjs-playlist-nav .vjs-disabled {
  cursor: none;
  opacity: 0.35;
}

.vjs-context-menu {
  z-index: 99;
  background: #fff;
  border: 1px solid #dadce0;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
  color: #222;
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

.vjs-context-menu ul {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.vjs-context-menu li {
  cursor: pointer;
  padding: 5px 20px;
  width: 100%;
}

.vjs-context-menu li:hover {
  background: #e5e5e5;
}

.vjs-context-menu .link {
  border-top: 1px solid #dadce0;
  margin-top: 6px;
  padding-left: 10px;

  &:last-of-type {
    display: none;
  }
}

.vjs-context-menu .link img {
  border: 0;
  max-height: 12px;
  padding-right: 5px;
  vertical-align: middle;
}

.vjs-context-menu li a {
  color: #222;
  font-size: 10px;
  font-weight: 400;
  text-decoration: none;
}

.vjs-context-menu li:hover a {
  font-size: 10px;
}

.vjs-grid .vjs-arrow,
.vjs-playlist-nav {
  cursor: pointer;
  display: table;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
}

.vjs-playlist-nav {
  background: rgba(0, 0, 0, 0.2);
  padding: 5px;
}

.vjs-nav-prev {
  display: none;
  left: 10px;
  padding: 10px 0 10px 10px;
}

.vjs-nav-next {
  display: none;
  padding: 10px 10px 10px 0;
  right: 10px;
}

.vjs-grid .vjs-arrow .vjs-next,
.vjs-grid .vjs-arrow .vjs-prev,
.vjs-playlist-nav .vjs-next,
.vjs-playlist-nav .vjs-prev {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  cursor: pointer;
  display: inline-block;
  height: 27px;
  padding: 3px;
  width: 27px;
  z-index: 10;
}

.vjs-grid .vjs-arrow .vjs-prev,
.vjs-playlist-nav .vjs-prev {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.vjs-grid .vjs-arrow .vjs-next,
.vjs-playlist-nav .vjs-next {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.video-js .vjs-tech,
.video-js.vjs-fill {
  height: 100%;
  width: 100%;
}

.vjs-playlist-nav .vjs-next {
  padding: 0;
}

.vjs-has-started.video-js.vjs-user-active .vjs-nav-prev,
.vjs-has-started.vjs-user-active .vjs-nav-next {
  display: table;
}

.video-js .vjs-cend {
  -webkit-overflow-scrolling: touch;
  background-color: #2b3544;
  background-image: linear-gradient(1turn, #2b3544, #293556);
  height: 100%;
  left: 0;
  overflow: auto;
  position: absolute;
  scrollbar-color: #666 #999;
  scrollbar-width: thin;
  top: 0;
  width: 100%;
  z-index: 122;
}

.video-js .vjs-cend .cend-inner {
  display: table;
  height: 100%;
  margin: 0;
  padding: 20px;
  width: 100%;
}

.video-js .vjs-cend::-webkit-scrollbar {
  background: #666;
  width: 8px;
}

.video-js .vjs-cend::-webkit-scrollbar-thumb {
  background: #9999;
}

.video-js .vjs-cend::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.video-js.vjs-1-1,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-fluid {
  height: 0;
  max-width: 100%;
  width: 100%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  height: 100%;
  width: 100%;
}

.video-js .vjs-tech {
  display: inline-block;
  left: 0;
  position: absolute;
  top: 0;
}

body.vjs-full-window {
  height: 100%;
  margin: 0;
  padding: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  height: 100%;
  overflow: hidden;
  padding-top: 0 !important;
  width: 100%;
}

.video-js.vjs-fullscreen,
.vjs-full-window {
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-top: 0 !important;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999999;
}

.video-js.vjs-fullscreen {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-close-btn:before {
  content: '\f115';
}

.video-js .vjs-close-btn {
  color: #fff;
  cursor: pointer;
  font-family: nuevo;
  font-size: 35px;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 10px;
}

.video-js .vjs-zoom-slide {
  background: transparent;
  display: none;
  position: absolute;
  right: 0;
  top: 15px;
  width: 40px;
}

.vjs-zoom-slide .zoom-bg,
.vjs-zoom-slide .zoom-thumb {
  background: hsla(0, 0%, 100%, 0.5);
  height: 100%;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: 0;
  width: 4px;
}

.vjs-zoom-slide .zoom-thumb {
  background: #fff;
  bottom: 0;
  height: 0;
  top: auto;
}

.vjs-has-started.vjs-paused .vjs-zoom-slide,
.vjs-has-started.vjs-user-active .vjs-zoom-slide,
.vjs-slide-block {
  display: block;
}

.video-js .vjs-zoom-parent {
  background: #222;
  height: 30px;
  left: 0;
  line-height: 30px;
  position: absolute;
  top: 0;
}

.vjs-zoom-parent .vjs-reset-zoom {
  float: left;
  padding: 0 5px;
}

.vjs-zoom-parent .vjs-reset-info:before {
  content: '\f128';
}

.vjs-zoom-parent .vjs-reset-cancel:before {
  content: '\f00d';
}

.vjs-zoom-parent .vjs-reset-center:before {
  content: '\e9b3';
}

.vjs-reset-cancel,
.vjs-reset-center,
.vjs-reset-info {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-family: nuevo;
  font-size: 18px;
  height: 24px;
  padding: 0 7px;
  /* text-shadow: 1px 1px 1px #000; */
}

.video-js .vjs-time-tooltip,
.vjs-no-js {
  font-family: Arial, Helvetica, sans-serif;
}

.video-js .vjs-zoom-parent .vjs-reset-info:hover .vjs-reset-menu {
  color: #fff;
  display: block;
  height: auto;
  padding-bottom: 10px;
}

.video-js .btn-reset-zoom {
  bottom: 55px;
  color: #fff;
  cursor: pointer;
  left: 0;
  padding: 5px;
  position: absolute;
}

.video-js .btn-reset-zoom:hover {
  background: #00b1ff;
  /* text-shadow: 1px 1px 1px #000; */
}

.video-js .vjs-zoom-hidden {
  left: -200px;
}

.video-js .vjs-button:focus,
.video-js .vjs-button:hover,
.video-js .vjs-menu-item:focus,
.video-js .vjs-menu-item:hover,
.video-js button:focus,
.video-js button:hover {
  /* outline: 0; */
}

.video-js .vjs-logo-bar {
  padding: 0 2px 0 4px;
}

.video-js .vjs-logo-bar,
.vjs-logo-bar a {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
}

.vjs-logo-bar a {
  text-decoration: none;
}

.video-js .vjs-logo-bar img {
  display: block;
  margin-top: -3px;
  max-height: 16px;
  width: auto;
}

.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-ad-playing)
  .vjs-logo-min {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  visibility: hidden;
}

.video-js .vjs-logo {
  opacity: 1;
  position: absolute;
  visibility: visible;
  z-index: 97;
}

.video-js .vjs-logo-bottom {
  bottom: 10px;
  -webkit-transition: bottom 0.5s ease;
  transition: bottom 0.5s ease;
}

.vjs-has-started.vjs-paused .vjs-logo-bottom,
.vjs-has-started.vjs-user-active .vjs-logo-bottom {
  bottom: 55px;
}

.video-js .vjs-control-bar .vjs-button {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  -webkit-transition: text-shadow 0.2s ease 0s;
  transition: text-shadow 0.2s ease 0s;
  vertical-align: middle;
  width: 38px;
}

.vjs-control-bar .vjs-control:hover .vjs-control-text {
  opacity: 1;
  top: -45px;
  visibility: visible;
}

.vjs-has-mouse .vjs-control-text {
  margin: 0;
  position: absolute;
}

.vjs-control-text {
  display: none;
}

.vjs-has-mouse .vjs-control-text {
  clip: auto;
  background-color: #fff;
  border: 0;
  color: #000;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  left: 50%;
  line-height: 22px;
  opacity: 0;
  padding: 0 5px;
  /* text-shadow: none; */
  top: -10px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transition:
    opacity 0.3s,
    top 0.3s;
  transition:
    opacity 0.3s,
    top 0.3s;
  visibility: hidden;
  white-space: nowrap;
  width: auto;
  z-index: 2;
}

.video-js .vjs-quality-button .vjs-control-text {
  /* text-shadow: none; */
}

.vjs-control-text:after {
  background-color: #fff;
  border-radius: 1px;
  content: '';
  display: block;
  height: 14px;
  left: 50%;
  position: absolute;
  top: 100%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform-origin: 75% 50%;
  transform-origin: 75% 50%;
  width: 14px;
  z-index: -1;
}

.vjs-play-control .vjs-control-text {
  left: 5px;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.vjs-play-control .vjs-control-text:after {
  left: 5px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.vjs-fullscreen-control .vjs-control-text {
  left: auto;
  right: 5px;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.vjs-fullscreen-control .vjs-control-text:after {
  left: auto;
  right: 6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.vjs-load-progress .vjs-control-text,
.vjs-menu .vjs-control-text,
.vjs-progress-control .vjs-control-text,
.vjs-time-control .vjs-control-text,
.vjs-volume-level .vjs-control-text {
  display: none;
}

.vjs-volume-bar .vjs-mouse-display {
  font-size: 12px;
  margin-left: -8px;
  opacity: 0;
  position: absolute;
  /* text-shadow: #000 1px 1px 1px; */
  top: -20px;
}

.video-js .vjs-mute-control:not(:hover) .vjs-control-text {
  opacity: 0;
}

.vjs-volume-tooltip {
  display: none;
}

.vjs-volume-bar:active .vjs-mouse-display,
.vjs-volume-bar:hover .vjs-mouse-display {
  opacity: 1;
}

.video-js[tabindex='-1'] {
  /* outline: 0; */
}

.video-js .vjs-background-bar {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));
  bottom: 0;
  display: none;
  height: 30%;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 100%;
}

.video-js .vjs-control-bar {
  background: transparent;
  bottom: 0;
  display: none;
  height: 40px;
  left: 0;
  opacity: 1;
  padding: 0 1%;
  position: absolute;
  right: 0;
  text-align: right;
  -webkit-transition:
    visibility 0.3s,
    opacity 0.3s;
  transition:
    visibility 0.3s,
    opacity 0.3s;
  visibility: visible;
  width: 100%;
  z-index: 5;
}

.vjs-ad-loading.vjs-ad-playing .vjs-background-bar,
.vjs-ad-loading.vjs-ad-playing .vjs-control-bar,
.vjs-no-controls {
  opacity: 0;
  visibility: hidden;
}

.vjs-no-controls {
  display: none;
  pointer-events: none;
}

.vjs-has-started.vjs-has-mouse .vjs-background-bar {
  display: block;
}

.vjs-has-started .vjs-control-bar {
  display: flex;
}

.vjs-waiting:not(.vjs-seeking) .vjs-background-bar,
.vjs-waiting:not(.vjs-seeking):not(.vjs-playing):not(.vjs-casting)
  .vjs-control-bar {
  display: none;
}

.vjs-controls-none .vjs-control-bar {
  display: none;
  pointer-events: none;
}

.vjs-spacer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: auto;
  flex: auto;
}

.video-js .vjs-control-bar .vjs-button {
  height: 100%;
  margin: 0;
  padding: 0;
}

.video-js .vjs-control {
  webkit-box-flex: none;
  display: inline-block;
  -webkit-flex: none;
  flex: none;
  position: relative;
}

.video-js .vjs-control-bar .vjs-progress-control {
  background-color: transparent;
  display: flex;
  -webkit-flex: auto;
  flex: auto;
  height: 28px;
  left: 0;
  margin: 0 1%;
  position: absolute;
  text-align: left;
  top: -20px;
  width: 98%;
}

.video-js .vjs-progress-holder {
  display: flex;
  -webkit-flex: auto;
  flex: auto;
  height: 26px;
  /* outline: 0; */
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.video-js .vjs-progress-control .vjs-slider {
  cursor: pointer;
}

.video-js .vjs-progress-control .vjs-slider:before {
  background-color: hsla(0, 0%, 100%, 0.2);
  border: 0;
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 100%;
}

.video-js .vjs-progress-control .vjs-load-progress,
.vjs-progress-control .vjs-play-progress {
  height: 4px;
  left: 0;
  position: absolute;
  top: 10px;
}

.video-js .vjs-progress-control .vjs-load-progress {
  background-color: hsla(0, 0%, 100%, 0.4);
}

.video-js .vjs-progress-control .vjs-play-progress {
  background-color: #128deb;
  width: 0;
}

.video-js .vjs-progress-control .vjs-play-progress:before {
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: '';
  height: 2px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 1px;
  transform-origin: center;
  -webkit-transition:
    transform 0.3s ease 0s,
    opacity 0.3s ease 0s;
  transition:
    transform 0.3s ease 0s,
    opacity 0.3s ease 0s;
  width: 2px;
}

.video-js .vjs-progress-control:hover .vjs-play-progress:before {
  opacity: 1;
  -webkit-transform: scale(5);
  transform: scale(5);
}

.video-js .vjs-progress-control .vjs-mouse-display {
  background-color: #000;
  display: none;
  height: 4px;
  position: absolute;
  top: 10px;
  width: 1px;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  opacity: 0;
  -webkit-transition:
    visibility 1s,
    opacity 1s;
  transition:
    visibility 1s,
    opacity 1s;
  visibility: hidden;
}

.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display {
  display: none;
}

.video-js .vjs-time-tooltip {
  background-color: hsla(0, 0%, 100%, 0.7);
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-size: 0.8em;
  line-height: 1;
  padding: 5px;
  pointer-events: none;
  position: relative;
  top: -30px;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js
  .vjs-progress-control:hover
  .vjs-progress-holder:focus
  .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.8em;
  visibility: visible;
}

.vjs-sharing-container .vjs-share-block {
  display: block;
  margin: 0;
}

.video-js .vjs-big-play-button {
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 80px;
  left: 50%;
  line-height: 0;
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  visibility: visible;
  width: 80px;
  z-index: 5;
}

.video-js .vjs-big-play-button:before {
  content: '';
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url('/static/icons/player-play-icon.svg');
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  border: 3px solid white;
  border-radius: 50%;
  text-shadow: 1px 2px 5px gray;
}

.vjs-has-started .vjs-big-play-button {
  display: none;
  pointer-events: none;
}

.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-ad-playing)
  .vjs-background-bar,
.vjs-has-started.vjs-user-inactive.vjs-playing:not(.vjs-touch-active):not(
    .vjs-ad-playing
  ):not(.vjs-casting)
  .vjs-control-bar {
  opacity: 0;
  -webkit-transition:
    visibility 0.3s,
    opacity 0.3s;
  transition:
    visibility 0.3s,
    opacity 0.3s;
  visibility: hidden;
}

.vjs-touch-inactive .vjs-control-bar {
  opacity: 0;
  visibility: hidden;
}

.vjs-ad-playing .vjs-control-bar {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.video-js .vjs-big-button {
  cursor: pointer;
  display: block;
  margin: 0;
  opacity: 0;
  padding: 3px 0 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition:
    visibility 0.4s,
    opacity 0.4s ease;
  transition:
    visibility 0.4s,
    opacity 0.4s ease;
  visibility: hidden;
  width: auto;
  z-index: 3;
}

.vjs-more-touch .vjs-big-button,
.vjs-more-touch .vjs-brightness {
  display: none;
}

.video-js .vjs-b-r-b {
  left: 26%;
}

.video-js .vjs-b-r-b:after {
  content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="%23FFF" viewBox="0 0 16 16"><path d="M8.02 2.532c5.054-.018 7.756 6.889 3.01 9.968C6.243 15.603.975 10.412 3.06 5.874c.243-.592-.203-.947-.494-.377-2.5 5.446 3.648 10.787 8.691 7.553C16.3 9.817 14.013 2.001 8.02 2z"/><path d="M8.02 4.466V.534a.25.25 0 0 0-.41-.192L5.25 2.308a.25.25 0 0 0 0 .384l2.36 1.966a.25.25 0 0 0 .41-.192z"/></svg>');
}

.video-js .vjs-b-f-b span,
.video-js .vjs-b-r-b span {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  left: 15px;
  position: absolute;
  top: 20px;
}

.vjs-b-f-b {
  left: 72%;
}

.vjs-480 .vjs-b-f-b,
.vjs-480 .vjs-b-r-b {
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}

.video-js .vjs-b-f-b:after {
  content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="%23FFF" viewBox="0 0 16 16"><path d="M8 2.532C2.946 2.514.244 9.421 4.991 12.5c4.785 3.103 10.053-2.088 7.97-6.626-.244-.592.202-.947.493-.377 2.5 5.446-3.648 10.787-8.691 7.553C-.28 9.817 2.007 2.001 8 2z"/><path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z"/></svg>');
}

.video-js .vjs-b-p-b {
  left: 50%;
  top: 51%;
}

.video-js.vjs-paused .vjs-b-p-b:before {
  content: '\e900';
  font-family: nuevo;
  font-size: 80px;
}

.video-js.vjs-playing .vjs-b-p-b:before {
  content: '\e915';
  font-family: nuevo;
  font-size: 80px;
}

.vjs-480.vjs-paused .vjs-b-p-b:before,
.vjs-480.vjs-playing .vjs-b-p-b:before {
  font-size: 60px;
}

.vjs-touch-active.vjs-playing.vjs-has-started:not(.vjs-seeking):not(
    .vjs-ended
  ):not(.vjs-vr)
  .vjs-b-p-b {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.vjs-touch-active .vjs-tech {
  opacity: 0.7;
}

.vjs-scrubbing .vjs-control-bar,
.vjs-touch-active .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-ad-playing .vjs-b-f-b,
.vjs-ad-playing .vjs-b-p-b,
.vjs-ad-playing .vjs-b-r-b,
.vjs-scrubbing .vjs-b-f-b,
.vjs-scrubbing .vjs-b-p-b,
.vjs-scrubbing .vjs-b-r-b,
.vjs-scrubbing .vjs-brightness,
.vjs-seeking .vjs-b-f-b,
.vjs-seeking .vjs-b-p-b,
.vjs-seeking .vjs-b-r-b,
.vjs-waiting .vjs-b-f-b,
.vjs-waiting .vjs-b-p-b,
.vjs-waiting .vjs-b-r-b {
  display: none;
}

.vjs-touch-active:not(.vjs-ended):not(.vjs-vr) .vjs-b-p-b,
.vjs-touch-active:not(.vjs-seeking):not(.vjs-live):not(.vjs-ended):not(.vjs-vr)
  .vjs-b-f-b,
.vjs-touch-active:not(.vjs-seeking):not(.vjs-live):not(.vjs-ended):not(.vjs-vr)
  .vjs-b-r-b {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.video-js .vjs-replay-button {
  background: transparent;
  color: #fff;
  cursor: pointer;
  display: none;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}

.video-js .vjs-replay-button:before {
  content: '\ea83';
  font-family: nuevo;
  font-size: 98px;
}

.vjs-480 .vjs-replay-button:before {
  font-size: 68px;
}

.vjs-ended:not(.vjs-vr):not(.vjs-up-next) .vjs-replay-button {
  display: block;
}

.video-js .vjs-time-divider {
  display: none;
}

.video-js .vjs-time-divider:before {
  content: '/';
  padding: 0 3px 0 4px;
}

.video-js .vjs-time-control {
  float: left;
  font-size: 12px;
  text-align: center;
}

.video-js .vjs-current-time,
.video-js .vjs-duration {
  float: none;
  font-size: 14px;
  line-height: normal;
  padding: 4px 0;
  /* text-shadow: 1px 1px 1px #000; */
}

.video-js .vjs-remaining-time {
  display: none;
  float: left;
  line-height: 40px;
  line-height: normal;
}

.video-js .vjs-remaining-time-display {
  display: none;
  line-height: normal;
  margin-left: 5px;
}

.video-js .vjs-current-time {
  line-height: normal;
  margin: 0 5px;
}

.video-js .vjs-duration-display {
  margin: 0 5px;
}

.vjs-ad-marker {
  background-color: #fc0;
  height: 4px;
  padding: 0;
  position: absolute;
  top: 10px;
  width: 4px;
}

.vjs-marker {
  margin: 0;
  padding: 5px;
  position: absolute;
  top: 5px;
}

.vjs-marker-inn {
  background-color: #ccc;
  height: 4px;
  width: 4px;
}

.vjs-chapter {
  background: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  bottom: 25px;
  color: #000;
  font-size: 12px;
  opacity: 0;
  overflow: hidden;
  padding: 4px;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity 0.5s ease;
  white-space: nowrap;
}

.vjs-ad-playing .vjs-marker {
  display: none;
}

.vjs-chapter-mix {
  background: transparent;
  color: #fff;
  /* text-shadow: 1px 1px 1px #000; */
}

.video-js .vjs-menu {
  font-family: Arial, sans-serif;
  min-width: 40px;
}

.vks-menu .vjs-icon-placeholder {
  pointer-events: none;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: '\e909';
  font-family: nuevo;
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: '\e908';
  font-family: nuevo;
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: '\e907';
  font-family: nuevo;
}

.video-js .vjs-mute-control.vjs-vol-3 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: '\e906';
  font-family: nuevo;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  font-family: nuevo;
  width: 40px;
}

.video-js .vjs-volume-panel {
  height: 40px;
  position: relative;
}

.video-js .vjs-volume-panel .vjs-volume-horizontal {
  background-color: transparent;
  /* display: none; */
  float: right;
  height: 20px;
  margin-right: 5px;
  margin-top: 7px;
  opacity: 1;
  -webkit-transition:
    visibility 0.3s,
    opacity 0.3s,
    width 0.3s;
  transition:
    visibility 0.3s,
    opacity 0.3s,
    width 0.3s;
  visibility: visible;
  width: 70px;
}

.vjs-has-mouse .vjs-volume-panel .vjs-volume-horizontal {
  display: inline-block;
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.video-js .vjs-play-control,
.video-js .vjs-time-divider,
.video-js .vjs-volume-panel,
.videojs .vjs-live-control,
.videojs .vjs-remaining-time {
  float: left;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font {
  width: 100%;
}

.noTouch .video-js .vjs-volume-panel .vjs-volume-horizontal {
  opacity: 0;
  visibility: hidden;
  width: 0;
}

.video-js .vjs-volume-panel:hover .vjs-volume-horizontal {
  opacity: 1;
  visibility: visible;
  width: 70px;
}

.video-js .vjs-volume-panel .vjs-volume-horizontal .vjs-slider-horizontal {
  background-color: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  height: 4px;
  margin-top: 10px;
  /* outline: 0; */
  padding: 0;
  position: relative;
  width: 95%;
}

.video-js
  .vjs-volume-panel
  .vjs-volume-horizontal
  .vjs-slider-horizontal
  .vjs-volume-level {
  background-color: #128deb;
  height: 100%;
  position: absolute;
  width: 100%;
}

.video-js
  .vjs-volume-panel
  .vjs-volume-horizontal
  .vjs-slider-horizontal
  .vjs-volume-level:before {
  background: #fff;
  -webkit-border-radius: 50%;
  -mos-border-radius: 50%;
  border-radius: 50%;
  content: '';
  height: 8px;
  position: absolute;
  right: -4px;
  top: -2px;
  width: 8px;
}

.vjs-menu .vjs-selected {
  background-color: #ccc;
  /* text-shadow: none; */
}

.video-js .vjs-menu-settings {
  background-color: #e5e5e5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  bottom: 60px;
  color: #000;
  cursor: default;
  font-family: Arial, sans-serif;
  padding: 0;
  position: absolute;
  right: -5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: auto;
  z-index: 25;
}

.video-js .vjs-menu-settings:after {
  border: 6px solid transparent;
  border-top-color: #e5e5e5;
  content: '';
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}

.video-js .vjs-menu-settings .vjs-menu-div {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  scrollbar-width: thin;
  -webkit-transition:
    width 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition:
    width 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.vjs-menu-div::-webkit-scrollbar {
  background: #e5e5e5;
  width: 6px;
}

.vjs-menu-div::-webkit-scrollbar-thumb {
  background: #fff;
}

.vjs-menu-div::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.video-js .vjs-invisible {
  visibility: hidden;
}

.video-js .vjs-menu-settings .vjs-menu-content {
  display: block;
  font-size: 13px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}

.video-js .vjs-menu-settings .vjs-menu-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.video-js .vjs-menu .vjs-close-btn {
  display: none;
}

.video-js .vjs-menu-settings .vjs-menu-content li {
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  margin: 0;
  overflow: hidden;
  padding: 0 25px 0 20px;
  position: relative;
  white-space: nowrap;
}

.video-js .vjs-menu-settings .vjs-menu-content li:focus {
  /* outline: none; */
}

.video-js .vjs-menu-settings .vjs-menu-content li span {
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  overflow: hidden;
  padding-left: 40px;
  padding-right: 20px;
  pointer-events: none;
  position: relative;
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-speed {
  padding-left: 30px;
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-first {
  margin-top: 5px;
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-checked:before {
  content: '\f00c';
  font-family: nuevo;
  font-size: 0.8em;
  left: 10px;
  position: absolute;
}

.video-js .vjs-menu-settings .vjs-filters-icon,
.video-js .vjs-menu-settings .vjs-related-icon,
.video-js .vjs-menu-settings .vjs-share-icon {
  font-family: nuevo;
  font-size: 17px;
}

.video-js .vjs-menu-settings .vjs-share-icon:before {
  content: '\ea82';
  font-size: 15px;
  padding-top: 4px;
}

.video-js .vjs-menu-settings .vjs-filters-icon:before {
  content: '\e919';
  font-size: 16px;
  padding-top: 2px;
}

.video-js .vjs-menu-settings .vjs-related-icon:before {
  content: '\f00a';
}

.video-js .vjs-menu-settings .vjs-menu-content li:after {
  border: 4px solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vjs-has-mouse .vjs-menu-settings .vjs-menu-content li:focus,
.vjs-has-mouse .vjs-menu-settings .vjs-menu-content li:hover {
  background-color: #fff;
  color: #000;
  /* outline: none; */
  overflow: hidden;
  /* text-shadow: none; */
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-menu-forward:after {
  border-left-color: #000;
  right: 5px;
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-menu-forward:hover:after {
  border-left-color: #000;
}

.video-js .vjs-menu-settings .vjs-settings-back {
  background-color: #128deb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  padding: 0 8px 0 20px;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.video-js .vjs-menu-settings .vjs-settings-back:hover {
  background-color: #128deb;
  color: #fff;
}

.video-js .vjs-menu-settings .vjs-settings-back:before {
  border: 4px solid transparent;
  border-right-color: #fff;
  content: '';
  left: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.video-js .vjs-zoom-help {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: table;
  font-size: 12px;
  left: 50%;
  line-height: 20px;
  max-width: 95%;
  min-width: 60%;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 40px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vjs-zoom-help .zoom-close {
  cursor: pointer;
  font-size: 20px;
  padding: 2px 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.video-js .vjs-return {
  margin-bottom: 10px;
}

.video-js .vjs-zoom-menu .vjs-zoom-slider {
  display: table;
  height: 70px;
  margin: 0 auto 8px;
  position: relative;
  width: 100%;
}

.video-js .vjs-show {
  display: block;
}

.video-js .vjs-zoom-menu .vjs-zoom-back {
  background: #ccc;
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  width: 4px;
}

.video-js .vjs-zoom-menu .vjs-zoom-level {
  background: #128deb;
  border: 1px solid transparent;
  border-bottom: 0;
  border-top: 0;
  bottom: 1px;
  cursor: pointer;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  width: 4px;
}

.video-js .vjs-zoom-menu .vjs-zoom-level:before {
  background: #128deb;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  content: '';
  height: 10px;
  position: absolute;
  right: -4px;
  top: -8px;
  width: 10px;
}

.video-js .vjs-zoom-menu .vjs-zoom-reset {
  border-top: 1px solid #dcdfe5;
  cursor: pointer;
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}

.video-js .vjs-zoom-menu .vjs-zoom-reset:hover {
  background-color: #fff;
}

.video-js .vjs-menu-quality {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}

.video-js .vjs-hd {
  background: #c00;
  font-weight: 700;
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 8px;
}

.video-js .vjs-hd,
.video-js .vjs-hd-icon {
  color: #fff;
  font-size: 8px;
  font-style: normal;
  line-height: normal;
  padding: 0 1px;
}

.video-js .vjs-hd-icon {
  background-color: #c00;
  display: inline-block;
  font-family: sans-serif;
  margin-left: 4px;
  vertical-align: super;
  width: auto;
}

.player-cover,
.vjs-error-display {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

.vjs-error-display .vjs-close {
  border-bottom: 1px solid #ccc;
  bottom: 10px;
  color: #ccc;
  cursor: pointer;
  position: absolute;
  right: 10px;
}

.vjs-error-display .vjs-close:hover {
  border-bottom: 1px solid #fff;
  color: #fff;
  z-index: 3;
}

.vjs-quality-button .vjs-menu .vjs-hd-icon {
  margin-top: 4px;
  vertical-align: top;
}

.vjs-quality-button span .vjs-hd-icon {
  margin-left: -5px;
  margin-top: 8px;
  padding: 1px 2px 0;
  vertical-align: top;
}

.auto-res i,
.vjs-quality-button .autores {
  font-size: 0.9em;
  padding-left: 4px;
}

.video-js .vjs-hd-home {
  font-weight: 700;
  line-height: 1.2em;
  padding: 0 1px;
  right: 11px;
}

.is-touch .vjs-has-started .vjs-poster {
  pointer-events: none;
}

.vjs-poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.vjs-poster img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0.7) 60%,
    transparent
  );
  font-size: 1.2em;
  line-height: 1.5;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.1s;
  width: 100%;
}

.vjs-title-bar-title {
  font-weight: 700;
  margin-bottom: 0.333em;
}

.vjs-title-bar-description,
.vjs-title-bar-title {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-no-pointer {
  pointer-events: none;
}

.vjs-has-started .vjs-poster {
  opacity: 0;
}

.vjs-audio .vjs-poster {
  opacity: 1;
}

.vjs-has-mouse.vjs-audio .vjs-poster {
  pointer-events: auto;
}

.video-js.vjs-fullscreen.vjs-user-inactive .vjs-poster {
  cursor: none;
}

.vjs-error-display,
.vjs-error-display .vjs-modal-dialog-description {
  display: none;
  text-align: center;
}

.player-cover {
  height: 100%;
  z-index: 5;
}

.vjs-error-display {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.75);
}

.vjs-error-display .vjs-modal-dialog-content {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 22px;
  text-align: center;
}

.vjs-error .vjs-error-display {
  display: block;
  text-align: center;
}

.vjs-thumbnail-holder {
  border: 1px solid #fff;
  bottom: 30px;
  left: -1000px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform-origin: 50% 100%;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  -webkit-transition:
    transform 0.3s ease,
    opacity 0.3s;
}

.vjs-thumb-image {
  left: 0;
  position: absolute;
}

.vjs-thumb-tooltip {
  bottom: 4px;
  color: #fff;
  display: table;
  font-size: 12px;
  margin-left: 50%;
  padding: 2px 3px;
  position: absolute;
  text-align: center;
  /* text-shadow: 1px 1px 1px #000; */
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vjs-thumb-hidden {
  opacity: 0;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-live-clock,
.video-js .vjs-live-control {
  float: left;
  line-height: 37px;
  padding: 0 10px;
  /* text-shadow: 1px 1px 1px #000; */
}

.video-js .vjs-live-display:before {
  background-color: #999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 8px;
  margin-right: 6px;
  width: 8px;
}

.vjs-playing .vjs-live-display:before {
  background-color: red;
}

.vjs-live .vjs-control-bar .vjs-progress-control {
  display: none;
}

.video-js .vjs-button .vjs-icon-placeholder,
.video-js .vjs-mirror-button,
.video-js .vjs-mirrored {
  color: #fff;
  font-family: nuevo;
  line-height: 40px;
  padding: 0;
  text-align: center;
  /* text-shadow: 1px 1px 1px #000; */
}

.video-js .vjs-button .vjs-icon-placeholder {
  font-size: 20px;
}

.video-js .vjs-button:hover .vjs-icon-placeholder {
  /* text-shadow: 0 0 5px #fff; */
}

.vjs-casting .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-casting .vjs-info {
  display: none;
}

.vjs-cast-fixed .vjs-tech-chromecast,
.vjs-casting .vjs-loading-spinner {
  pointer-events: none;
  visibility: hidden;
}

.vjs-cast-fixed {
  border-top: 1px solid #444;
  bottom: 0;
  max-height: 100px;
  overflow: initial;
  position: fixed;
  top: auto;
  visibility: visible;
  width: 100%;
  z-index: 1000000;
}

.vjs-cast-fixed .vjs-play-control .vjs-control-text {
  display: none;
}

.vjs-cast-fixed .vjs-fixed-info {
  background: #000;
  bottom: 0;
  color: #fff;
  font-size: 14px;
  height: 100%;
  left: 0;
  max-height: 100px;
  padding: 10px 20px 10px 50px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.vjs-fixed-info p {
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-1600:not(.vjs-casting) .vjs-control-bar {
  padding: 0 0 10px;
  box-sizing: content-box;
}

.vjs-cast-fixed .vast-skip-button {
  border-bottom: 0;
  bottom: 99px;
}

.vjs-tech-chromecast {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}

.vjs-tech-chromecast .vjs-tech-chromecast-poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
}

.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
  color: #ccc;
  left: 20px;
  position: absolute;
  text-align: left;
  top: 50px;
}

.vjs-tech-chromecast .vjs-tech-chromecast-title {
  font-size: 22px;
}

.vjs-tech-chromecast
  .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
  display: none;
}

.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
  font-size: 18px;
  padding-top: 0.5em;
  text-align: left;
}

.vjs-tech-chromecast
  .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
  display: none;
}

.vjs-tech-chromecast .vjs-tech-chromecast-device {
  border: 0;
  border-bottom: 2px solid;
  border-image: linear-gradient(
      90deg,
      blue 25%,
      red 0,
      red 50%,
      #ff0 0,
      #ff0 75%,
      green 0
    )
    5;
  display: table;
  font-size: 22px;
  margin-bottom: 15px;
}

.vjs-tech-chromecast .vjs-tech-chromecast-device-empty {
  display: none;
}

.video-js .vjs-chromecast-button {
  background: transparent;
  left: 10px;
  /* text-shadow: 1px 1px 1px #000; */
  top: 10px;
  width: 40px;
  z-index: 2;
}

.vjs-cast-fixed .vjs-chromecast-button {
  top: 5px;
  z-index: 10;
}

.vjs-chromecast-button .vjs-icon-placeholder:before {
  color: #fff;
  content: '\f1e1';
  font-size: 28px;
}

/* .vjs-chromecast-button.vjs-chromecast-casting-state */
/*   .vjs-icon-placeholder:before { */
/*   color: #fff; */
/*   content: "\f1e2"; */
/*   font-size: 28px; */
/* } */

.video-js .vjs-menu-item .vjs-icon-placeholder {
  line-height: 25px;
}

.video-js .vjs-mirror-button,
.video-js .vjs-mirrored,
.video-js .vjs-mode-control {
  line-height: 40px;
}

.video-js .vjs-button .vjs-icon-placeholder:hover {
  /* text-shadow: 0 0 5px #fff; */
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before {
  background-color: currentColor;
  content: '';
  display: inline-block;
  height: 1em;
  -webkit-mask: url('/static/icons/closed-caption.svg') center / contain
    no-repeat;
  mask: url('/static/icons/closed-caption.svg') center / contain no-repeat;
  vertical-align: -0.125em;
  width: 1em;
}

.video-js .vjs-menu .vjs-icon-placeholder:before {
  content: '';
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: '\e903';
}

.video-js .vjs-play-control {
  transform: none;
}

.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
  content: '\e904';
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: '\ea83';
  font-size: 15px;
  font-weight: 700;
}

.vjs-download-control .vjs-icon-placeholder:before {
  content: '\e914';
}

.video-js .vjs-snap-control .vjs-icon-placeholder:before {
  content: '\e92b';
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: '\e90a';
}

.vjs-forward-control,
.vjs-rewind-control {
  float: left;
}

.vjs-rewind-control .vjs-icon-placeholder:before {
  content: '\e911';
}

.vjs-forward-control .vjs-icon-placeholder:before {
  content: '\e912';
}

.vjs-forward-control .num,
.vjs-rewind-control .num {
  bottom: 12px;
  font-family: Arial, sans-serif;
  font-size: 8px;
  position: absolute;
  white-space: nowrap;
}

.vjs-rewind-control .num {
  pointer-events: none;
  right: 19px;
}

.vjs-forward-control .num {
  left: 18px;
  pointer-events: none;
}

.vjs-live:not(.vjs-liveui) .vjs-forward-control,
.vjs-live:not(.vjs-liveui) .vjs-rewind-control,
.vjs-touch-active .vjs-forward-control,
.vjs-touch-active .vjs-rewind-control {
  display: none;
}

.video-js .vjs-mode-control {
  font-family: nuevo;
  font-size: 20px;
  text-align: center;
}

.video-js .vjs-mode-control .vjs-icon-placeholder:before {
  content: '\f065';
}

.video-js .vjs-mode .vjs-icon-placeholder:before {
  content: '\f066';
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: '\e90b';
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  background-color: currentColor;
  content: '';
  display: inline-block;
  height: 1em;
  -webkit-mask: url('/static/icons/audio-tracks.svg') center / contain no-repeat;
  mask: url('/static/icons/audio-tracks.svg') center / contain no-repeat;
  vertical-align: -0.125em;
  width: 1em;
}

.vjs-cog-button .vjs-icon-placeholder {
  display: block;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.vjs-cog-active .vjs-icon-placeholder {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.video-js .vjs-cog-menu-button .vjs-icon-placeholder:before {
  content: '\e905';
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: '\e902';
}

.video-js .vjs-descriptions-button {
  width: 35px;
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: '\f11d';
}

.video-js .vjs-mirror-button:before {
  content: '\e90c';
  font-size: 22px;
}

.video-js .vjs-mirrored:before {
  content: '\e90d';
  font-size: 22px;
}

.video-js .vjs-quality-button {
  line-height: 37px;
  min-width: 40px;
  text-align: center;
  white-space: nowrap;
}

.video-js .vjs-control-bar .vjs-quality-button {
  width: auto;
}

/* .video-js .vjs-quality-button span { */
/*   font-size: 13px; */
/*   padding: 0 4px; */
/* text-shadow: 1px 1px 1px #000; */
/* } */

.video-js .vjs-control-bar .vjs-chromecast-button {
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0;
}

.video-js .vjs-control-bar .vjs-chromecast-button .vjs-icon-placeholder:before {
  content: '\f1e1';
  font-size: 20px;
}

/* .video-js */
/*   .vjs-control-bar */
/*   .vjs-chromecast-button.vjs-chromecast-casting-state */
/*   .vjs-icon-placeholder:before { */
/*   content: "\f1e2"; */
/*   font-size: 20px; */
/* } */

.vjs-control-bar .vjs-chromecast-button .vjs-control-text {
  left: auto;
  right: 5px;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.vjs-control-bar .vjs-chromecast-button .vjs-control-text:after {
  left: auto;
  right: 6px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.vjs-audio .vjs-control-bar {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.video-js .vjs-menu {
  bottom: 60px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: -5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity, transform;
  transition-property: opacity, transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  visibility: hidden;
  width: auto;
  z-index: 25;
}

.video-js .vjs-menu:after {
  border: 6px solid transparent;
  border-top-color: #e5e5e5;
  content: '';
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}

.video-js .vjs-menu .vjs-menu-content {
  background: #e5e5e5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: normal;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  scrollbar-width: thin;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

.vjs-menu .vjs-menu-content::-webkit-scrollbar {
  background: #e5e5e5;
  width: 6px;
}

.vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb {
  background: #fff;
}

.vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.vjs-menu .vjs-menu-content li {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
  padding: 0 15px;
}

/* .vjs-menu .vjs-menu-content li:not(.vjs-texttrack-settings):focus, */
/* .vjs-menu .vjs-menu-content li:not(.vjs-texttrack-settings):hover { */
/*   background-color: #fff; */
/* } */

.video-js .vjs-menu .vjs-menu-content .vjs-menu-title,
.video-js .vjs-menu .vjs-menu-title,
.video-js .vjs-menu-settings .vjs-menu-title {
  background-color: #128deb;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.video-js .vjs-menu .vjs-menu-content .vjs-menu-title:hover {
  background-color: #128deb;
  color: #fff;
}

.vjs-quality-button .vjs-menu .vjs-menu-content li {
  padding: 2px 14px 2px 22px;
  position: relative;
  white-space: nowrap;
}

.vjs-quality-button .vjs-menu .vjs-menu-content .vjs-checked:before {
  content: '\f00c';
  font-family: nuevo;
  font-size: 0.8em;
  left: 8px;
  position: absolute;
}

.video-js .vjs-audio-button .vjs-menu,
.video-js .vjs-audio-button .vjs-menu .vjs-menu-content,
.video-js .vjs-subs-caps-button .vjs-menu,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-content {
  min-width: 168px;
  text-shadow: none;
}

.video-js .vjs-audio-button .vjs-menu .vjs-menu-item,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item {
  min-height: 36px;
  padding: 2px 16px 2px 38px;
  position: relative;
  text-align: left;
  text-transform: none;
}

.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item-text {
  display: inline-block;
}

.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item-text::first-letter {
  text-transform: uppercase;
}

.video-js .vjs-subs-caps-button .vjs-menu .vjs-texttrack-settings {
  margin-top: 4px;
  padding-top: 6px;
}

.video-js .vjs-subs-caps-button .vjs-menu .vjs-texttrack-settings:before {
  content: '\e905';
  font-family: nuevo;
  font-size: 1.15em;
  left: 14px;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
}

.video-js .vjs-subs-caps-button .vjs-menu .vjs-texttrack-settings:after {
  background-color: #c7c7c7;
  content: '';
  height: 1px;
  left: 14px;
  position: absolute;
  right: 14px;
  top: 0;
}

.video-js .vjs-audio-button .vjs-menu .vjs-menu-item.vjs-selected,
.video-js .vjs-audio-button .vjs-menu .vjs-menu-item.vjs-selected:focus,
.video-js .vjs-audio-button .vjs-menu .vjs-menu-item.vjs-selected:hover,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected:focus,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected:hover {
  background-color: transparent;
  color: #000;
}

.video-js .vjs-audio-button .vjs-menu .vjs-menu-item.vjs-selected:before,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected:before {
  content: '\f00c';
  font-family: nuevo;
  font-size: 0.8em;
  left: 14px;
  position: absolute;
}

.video-js .vjs-menu .vjs-menu-content .item-quality,
.video-js .vjs-menu-settings .vjs-menu-content .item-quality {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  padding: 2px 20px 0 35px;
  page-break-inside: avoid;
  position: relative;
}

.video-js .vjs-menu .vjs-menu-content .item-quality i,
.video-js .vjs-menu-settings .vjs-menu-content .item-quality i {
  font-size: 11px;
  font-style: normal;
  margin: 0;
  padding: 0 0 0 6px;
  pointer-events: none;
}

.video-js .vjs-menu .vjs-menu-content .item-quality .vjs-hd-icon,
.video-js .vjs-menu-settings .vjs-menu-content .item-quality .vjs-hd-icon {
  display: inline-block;
  font-size: 9px;
  margin: 3px 0 0 2px;
  max-height: 12px;
  padding: 1px 2px;
}

.vjs-extend-quality .quality-label .vjs-hd-icon {
  margin-left: 0;
  margin-top: -12px;
}

.video-js .vjs-error-display {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.66);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.video-js .vjs-error-display .vjs-modal-dialog-description {
  display: none;
}

.video-js .vjs-error .vjs-error-display {
  display: block;
}

.vjs-has-mouse .vjs-button:hover {
  background-color: transparent;
}

.video-js .vjs-lock-showing {
  display: block;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}

.video-js .vjs-sharing-overlay {
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 98;
}

.vjs-sharing-container {
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.vjs-sharing-container .vjs-sharing-body {
  display: table;
  margin: 0 auto;
  position: relative;
}

.video-js .vjs-share-close {
  font-size: 30px;
  right: 10px;
  top: 7px;
  z-index: 10;
}

.vjs-sharing-container .vjs-inputs-body {
  box-sizing: border-box;
  padding: 0 15px;
  text-align: left;
  width: 100%;
}

.vjs-sharing-container .vjs-inputs-body h2 {
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
  padding: 0;
  text-align: left;
  /* text-shadow: 1px 1px 1px #000; */
}

.vjs-sharing-container .vjs-inputs-body input[type='text'] {
  background: #fff;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  box-sizing: border-box;
  color: #121212;
  padding: 9px;
  width: 100%;
}

.vjs-sharing-container input[type='text']:focus {
  background: #fff;
}

.video-js .vjs-sharing-overlay .vjs-sharing-close-button {
  cursor: pointer;
  font-size: 2em;
  /* outline: 0; */
  position: absolute;
  right: 10px;
  top: 5px;
}

.vjs-sharing-container .vjs-share-icon {
  cursor: pointer;
  display: inline-block;
  font-family: nuevo;
  font-size: 5em;
  font-style: normal;
  line-height: 1;
  margin: 0 0.2em;
  /* outline: 0; */
  position: relative;
}

.vjs-google-plus-square:before {
  content: '\f0d4';
}

.vjs-facebook-square:before {
  content: '\f082';
}

.vjs-twitter-square:before {
  content: '\f081';
}

.vjs-pinterest-square:before {
  content: '\f0d3';
}

.vjs-linkedin-square:before {
  content: '\f08c';
}

.vjs-sharing-container .vjs-share-icon:hover:before {
  color: #00b1ff;
  /* text-shadow: 0 0 0.5em hsla(0, 0%, 100%, 0.5); */
}

.vjs-audio .vjs-menu-settings .vjs-menu-content .vjs-extend-zoom,
.vjs-audio .vjs-picture-in-picture-control {
  display: none;
}

.vjs-audio-info {
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 0;
  max-width: 100%;
  opacity: 1;
  padding: 20px;
  position: absolute;
  text-align: left;
  /* text-shadow: 1px 1px 1px #000; */
  top: 0;
  visibility: visible;
}

.vjs-480 .vjs-audio-info {
  padding: 10px;
}

.video-js .vjs-audio-info a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 100%;
  text-decoration: none;
}

.vjs-audio-info a .vjs-audio-info .vjs-cover img {
  color: #fff;
}

.vjs-audio-info .vjs-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 164px;
  margin-right: 15px;
  width: 164px;
}

.vjs-audio-info .vjs-cover img {
  border: 1px solid #999;
  height: 100%;
  padding: 2px;
  width: 100%;
}

.vjs-audio-info .vjs-text {
  flex: auto;
  overflow: hidden;
}

.vjs-audio-info .vjs-audio-item {
  overflow: hidden;
  text-overflow: ellipsis;
  /* text-shadow: 1px 1px 1px #000; */
  white-space: nowrap;
}

.vjs-audio-item .audio-artist {
  display: block;
  font-size: 20px;
  line-height: 1.5em;
}

.vjs-audio-item .vjs-song {
  display: block;
  font-size: 26px;
  line-height: 1.1em;
}

.vjs-audio-item .audio-id {
  display: block;
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 15px;
}

.vjs-audio-item .audio-id span {
  display: block;
}

.vjs-480 .vjs-audio-info .vjs-cover {
  height: 104px;
  width: 104px;
}

.vjs-480 .vjs-audio-info .vjs-audio-item .audio-id {
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 10px;
}

.vjs-480 .vjs-audio-info .vjs-audio-item .vjs-song {
  font-size: 18px;
}

.vjs-480 .vjs-audio-info .vjs-audio-item .audio-artist {
  font-size: 14px;
}

.vjs-1280 .vjs-audio-info .vjs-cover {
  height: 194px;
  margin-right: 20px;
  width: 194px;
}

.vjs-1280 .vjs-audio-item .audio-artist {
  font-size: 24px;
}

.vjs-1280 .vjs-audio-item .vjs-song {
  font-size: 32px;
}

.vjs-1280 .vjs-audio-item .audio-id {
  font-size: 16px;
  margin-top: 25px;
}

.vjs-1600 .vjs-audio-info {
  padding: 40px;
}

.vjs-1600 .vjs-audio-info .vjs-cover {
  height: 234px;
  margin-right: 25px;
  width: 234px;
}

.vjs-1600 .vjs-audio-item .audio-artist {
  font-size: 28px;
}

.vjs-1600 .vjs-audio-item .vjs-song {
  font-size: 38px;
}

.vjs-1600 .vjs-audio-item .audio-id {
  font-size: 20px;
  margin-top: 35px;
}

.vjs-info {
  background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.6));
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 400;
  left: 0;
  opacity: 1;
  padding: 10px;
  position: absolute;
  text-align: left;
  /* text-shadow: 1px 1px 1px #000; */
  top: 0;
  -webkit-transition:
    opacity 0.2s,
    top 0.2s;
  transition:
    opacity 0.2s,
    top 0.2s;
  visibility: visible;
  width: 100%;
}

.vjs-info .vjs-icon {
  align-items: center;
  display: flex;
}

.vjs-info img {
  max-height: 2em;
  padding: 0 10px;
  vertical-align: middle;
}

.video-js .vjs-info a {
  color: #fff;
  display: flex;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
}

.vjs-info .vjs-text {
  flex: auto;
  overflow: hidden;
  padding-right: 50px;
}

.vjs-info .vjs-dsc,
.vjs-info .vjs-ttl {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-info .vjs-dsc {
  font-size: 80%;
  margin-top: 4px;
  opacity: 0.85;
}

.vjs-audio .vjs-info {
  display: none;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-info {
  opacity: 0;
  top: -80px;
  visibility: hidden;
}

.vjs-sharing-container .vjs-share-icon .vjs-control-text {
  clip: auto;
  bottom: -1em;
  font-size: 0.15em;
  font-weight: 700;
  height: auto;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.vjs-sharing-overlay .share-icon-remove {
  color: #fff;
  font-family: nuevo;
}

.vjs-sharing-overlay .share-icon-remove:before {
  content: '\f00d';
}

.video-js .vjs-modal-dialog {
  background-color: rgba(0, 0, 0, 0.66);
  overflow: hidden;
  z-index: 8;
}

.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  -webkit-overflow-scrolling: touch;
  font-size: 1.2em;
  line-height: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  z-index: 1;
}

.vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar {
  background: #e5e5e5;
  width: 6px;
}

.vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar-thumb {
  background: #999;
}

.vjs-modal-dialog .vjs-modal-dialog-content::-webkit-scrollbar-thumb:hover {
  background: #706362;
}

/* .vjs-menu .vjs-menu-content .vjs-texttrack-settings, */
/* .vjs-menu .vjs-menu-content .vjs-texttrack-settings:hover { */
/*   background-color: #128deb; */
/*   color: #fff; */
/* } */

.video-js .vjs-text-track-settings {
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #111;
  font-size: 12px;
  height: 90%;
  left: 50%;
  margin: 0 auto;
  max-height: 320px;
  max-width: 400px;
  /* outline: 0; */
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 999;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  bottom: 40px;
  height: auto;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.vjs-text-track-settings fieldset {
  border: 0;
  margin: 5px;
  padding: 8px;
  width: auto;
}

.vjs-text-track-settings legend {
  background-color: #222;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  margin: 0;
  text-align: center;
  width: 100%;
}

.vjs-text-track-settings select {
  background: #fff;
  border: 1px solid #777;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 6px;
  width: 100%;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  border-top: 1px solid #ccc;
  bottom: 10px;
  padding-top: 5px;
  position: fixed;
  text-align: center;
  width: 100%;
}

.vjs-text-track-settings .vjs-close-button {
  display: none;
}

.vjs-text-track-settings .vjs-track-settings-controls button {
  background: #e5e5e5;
  border: 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #121212;
  cursor: pointer;
  font-size: 12px;
  margin: 0 3px;
  padding: 3px 6px;
  /* text-shadow: none; */
  width: auto;
}

.vjs-text-track-settings .vjs-track-settings-controls button:hover {
  background: #b5b5b5;
}

.vjs-text-track-settings .vjs-tracksetting {
  margin: 5px;
  min-height: 40px;
  padding: 3px;
}

.vjs-text-track-settings label {
  display: inline-block;
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 15px;
  width: 100px;
}

.vjs-text-track-settings span {
  display: inline;
  margin-left: 5px;
}

.vjs-text-track-settings > div {
  margin-bottom: 5px;
  min-height: 20px;
}

.vjs-text-track-settings > div:last-child {
  margin-bottom: 0;
  min-height: 0;
  padding-bottom: 0;
}

.vjs-caption-settings label > input {
  margin-right: 10px;
}

.vjs-text-track-settings input[type='button'] {
  height: 40px;
  width: 40px;
}

.video-js button {
  -moz-appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  width: 40px;
}

.vjs-text-track-display {
  bottom: 5em;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.video-js .vjs-text-track-display div {
  text-shadow: none !important;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1.5em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing
  video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.vjs-progress-slide {
  left: 0;
  position: absolute;
  z-index: 1;
}

.vjs-progress-slide .vjs-thumb {
  background-color: #000;
  border: 1px solid hsla(0, 0%, 100%, 0.8);
  bottom: 6px;
  display: block;
  height: 108px;
  left: -120px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  text-align: left;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform-origin: 50% 100%;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  -webkit-transition:
    transform 0.3s ease,
    opacity 0.3s;
  width: 192px;
}

.video-js .vjs-thumb-show {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.video-js .vjs-limit,
.vjs-progress-slide .vjs-thumb .vjs-thumb-duration {
  position: absolute;
  text-align: center;
  /* text-shadow: 1px 1px 1px #000; */
}

.vjs-progress-slide .vjs-thumb .vjs-thumb-duration {
  background: 0 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  left: 0;
  line-height: 1.5em;
  width: 100%;
}

.vjs-progress-slide .vjs-thumb img {
  border: 0;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
}

.vjs-progress-slide .vjs-sld {
  bottom: 25px;
}

.vjs-vtt {
  bottom: 47px;
}

.video-js .vjs-loading-spinner {
  animation: rotate 1s linear infinite;
  -webkit-animation: rotate 1s linear infinite;
  border: 3px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-top-color: hsla(0, 0%, 100%, 0.75);
  box-sizing: border-box;
  content: '';
  display: none;
  height: 82px;
  left: 50%;
  margin-left: -45px;
  margin-top: -43px;
  position: absolute;
  top: 50%;
  width: 82px;
}

.vjs-seeking:not(.vjs-scrubbing) .vjs-loading-spinner,
.vjs-waiting:not(.vjs-scrubbing) .vjs-loading-spinner {
  display: block;
}

.spinner-hidden {
  display: none;
}

@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}

.video-js .vjs-limit-overlay {
  background: rgba(0, 0, 0, 0.88);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1999;
}

.video-js .vjs-limit {
  color: #fff;
  display: table;
  font-size: 1.4em;
  left: 50%;
  margin: 0 auto;
  padding: 0 20px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
}

.video-js .vjs-limit span {
  display: block;
  overflow: hidden;
}

.video-js .vjs-limit a {
  color: #fff;
  text-decoration: none;
}

.video-js .vjs-limit a:hover {
  text-decoration: underline;
}

.video-js .vjs-limit img {
  height: auto;
  max-width: 100%;
}

.vjs-live:not(.vjs-liveui) .vjs-menu-settings {
  bottom: 42px;
}

.video-js.vjs-liveui .vjs-live-clock,
.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  background: transparent;
  border: 0;
  cursor: pointer;
  float: left;
  height: 35px;
  /* outline: none; */
  padding: 0 10px;
  width: auto;
}

.video-js .vjs-seek-to-live-control .vjs-icon-placeholder:before {
  background-color: #888;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 8px;
  margin-right: 6px;
  width: 8px;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  text-align: left;
  width: auto;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge
  .vjs-icon-placeholder:before {
  background-color: red;
}

.vjs-liveui .vjs-control-bar .vjs-progress-control {
  align-items: center;
  display: flex;
  visibility: visible;
}

.video-js .vjs-button-vr .vjs-icon-placeholder {
  margin-top: -4%;
}

.vjs-480 .vjs-ad-marker,
.vjs-480 .vjs-audio-button,
.vjs-480 .vjs-control-text,
.vjs-480 .vjs-descriptions-button,
.vjs-480 .vjs-forward-control,
.vjs-480 .vjs-logo-bar,
.vjs-480 .vjs-mirror-button,
.vjs-480 .vjs-mode-control,
.vjs-480 .vjs-picture-in-picture-control,
.vjs-480 .vjs-rewind-control {
  display: none;
}

.vjs-480 .vjs-menu .vjs-close-btn {
  display: block;
  font-size: 35px;
  right: 15px;
  top: 100px;
}

.vjs-480:not(.vjs-cast-fixed) div.vast-skip-button {
  bottom: 60px;
}

.vjs-480 .vjs-playlist-nav .vjs-next,
.vjs-480 .vjs-playlist-nav .vjs-prev {
  -webkit-background-size: 21px 33px;
  background-size: 21px 33px;
  height: 33px;
  width: 21px;
}

.vjs-480 .vjs-menu-settings .vjs-menu-content .vjs-extend-zoom,
.vjs-480 .vjs-sharing-container .vjs-inputs-body {
  display: none;
}

.vjs-480 .vjs-sharing-container .vjs-share-icon {
  margin: 0 0.07em;
}

.vjs-480 .vjs-texttrack-settings {
  display: none;
}

.vjs-480 .vjs-loading-spinner {
  height: 60px;
  line-height: 60px;
  margin: -32px 0 0 -33px;
  width: 60px;
}

.vjs-480 .vjs-menu-settings:after,
.vjs-480 .vjs-menu:after {
  border: 0;
}

.vjs-480 .vjs-big-play-button {
  font-size: 0;
}

.vjs-480 .vjs-control-bar {
  height: 35px;
}

.vjs-480 .vjs-caption-settings {
  height: 90%;
  width: 90%;
}

.vjs-480 .vjs-live .vjs-volume-panel .vjs-volume-horizontal,
.vjs-480 .vjs-volume-panel .vjs-volume-horizontal {
  /* display: none; */
}

.vjs-480 .vjs-menu,
.vjs-480 .vjs-menu-settings {
  bottom: 5px;
}

.vjs-480 .vjs-info {
  font-size: 15px;
}

@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
  /* outline: none; */
}

.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
  /* outline: none; */
}

.vjs-vast-bottom {
  bottom: 85px;
}

.vjs-vast-div {
  color: #e5e5e5;
  font-size: 12px;
  font-weight: 400;
  left: 10px;
  position: absolute;
  /* text-shadow: 1px 1px 1px #000; */
  top: -40px;
}

.vjs-vast-div a {
  color: #e5e5e5;
  cursor: pointer;
}

.vjs-vast-div .vjs-vast-pod {
  padding: 0 5px;
}

.vjs-vast-div .vjs-vast-timer {
  padding: 0 10px 0 5px;
}

.vjs-vast-div a:hover {
  text-decoration: underline;
}

.vjs-vast-div .vjs-label-icon {
  display: inline-block;
  height: 16px;
  opacity: 0.8;
  padding-right: 4px;
  vertical-align: middle;
  width: 18px;
}

.vjs-vast-label {
  color: #fff;
  display: none;
  float: left;
  font-size: 12px;
  line-height: 39px;
  padding: 0 5px;
  /* text-shadow: 1px 1px 1px #000; */
}

.vjs-ima-nonlinear .vjs-b-f-b,
.vjs-ima-nonlinear .vjs-b-p-b,
.vjs-ima-nonlinear .vjs-b-r-b,
.vjs-ima-nonlinear .vjs-brightness {
  display: none;
}

.vjs-ima-nonlinear.vjs-paused.vjs-has-started .vjs-background-bar,
.vjs-ima-nonlinear.vjs-paused.vjs-has-started .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-ima-nonlinear .vjs-forward-control,
.vjs-ima-nonlinear .vjs-rewind-control {
  display: inline-block;
}

.video-js .vjs-nonlinear {
  background: transparent;
  bottom: 10px;
  cursor: pointer;
  left: 50%;
  max-height: 80%;
  max-width: 90%;
  overflow: hidden;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition:
    bottom 0.4s ease,
    opacity 0.5s ease;
  transition:
    bottom 0.4s ease,
    opacity 0.5s ease;
  z-index: 2147483647;
}

.vjs-non-show {
  opacity: 1;
}

.vjs-ad-playing .vjs-nonlinear {
  display: none;
}

.video-js .vjs-nonlinear img {
  border: 0;
  height: 100%;
  width: 100%;
}

.video-js.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear,
.video-js.vjs-user-active .vjs-nonlinear {
  bottom: 60px;
}

.vjs-480.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear,
.vjs-480.vjs-user-active .vjs-nonlinear {
  bottom: 55px;
}

.video-js.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear,
.video-js.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear-recall,
.video-js.vjs-user-active .vjs-nonlinear,
.video-js.vjs-user-active .vjs-nonlinear-recall {
  bottom: 60px;
}

.vjs-480.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear,
.vjs-480.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear-recall,
.vjs-480.vjs-user-active .vjs-nonlinear,
.vjs-480.vjs-user-active .vjs-nonlinear-recall {
  bottom: 55px;
}

.vjs-1600.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear,
.vjs-1600.vjs-paused:not(.vjs-touch-inactive) .vjs-nonlinear-recall,
.vjs-1600.vjs-user-active .vjs-nonlinear,
.vjs-1600.vjs-user-active .vjs-nonlinear-recall {
  bottom: 120px;
}

.vjs-nonlinear .nonlinear-close {
  stroke: #666;
  fill: #666;
  stroke-width: 1.25;
  background-color: #e5e5e5;
  border-style: outset;
  border-width: 1px;
  cursor: pointer;
  height: 17px;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 17px;
  z-index: 55;
}

.vjs-nonlinear-recall {
  background: hsla(0, 0%, 78%, 0.5);
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  border-bottom: 0;
  bottom: 10px;
  cursor: pointer;
  height: 12px;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  right: 390px;
  width: 24px;
}

.vjs-nonlinear-recall:hover {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 0;
}

.vjs-black-poster {
  background-color: #000;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.vjs-has-started .vjs-black-poster.vjs-hidden,
.vjs-using-native-controls .vjs-black-poster {
  display: none;
}

.VPAID-container {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-vpaid-ad .vjs-progress-control,
.vjs-vpaid-ad .vjs-time-controls,
.vjs-vpaid-ad .vjs-time-divider,
.vjs-vpaid-ad div.vjs-progress-control {
  display: none;
}

.vjs-vpaid-ad.vjs-vpaid-flash-ad .VPAID-container {
  background-color: #000;
}

.vjs-vpaid-ad .vjs-tech {
  z-index: 0;
}

.vjs-ad-playing .vjs-progress-control .vjs-play-progress,
.vjs-ad-playing
  .vjs-volume-panel
  .vjs-volume-horizontal
  .vjs-slider-horizontal
  .vjs-volume-level {
  background-color: #ffe400;
}

.vast-skip-button {
  background-color: #000;
  border: 1px solid #fff;
  border-right: none;
  bottom: 70px;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 8px;
  position: absolute;
  right: 0;
  white-space: nowrap;
  width: auto;
  z-index: 2147483645;
}

.vast-skip-button-text {
  color: #fff;
  display: block;
  font-weight: 100;
  margin: 0;
  padding: 0;
}

.vast-skip-button.enabled {
  color: #fff;
  cursor: pointer;
}

.vast-skip-button.enabled:hover {
  background: #333;
  cursor: pointer;
}

.vast-blocker {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.vast-skip-button.enabled:after {
  content: '\e90f';
  font-family: nuevo;
  margin-left: 8px;
  position: relative;
}

.vjs-ad-playing.vjs-vast-ad-loading .vjs-loading-spinner {
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  display: block;
  z-index: 10;
}

.vjs-ended .vjs-chromecast-button,
.vjs-ended .vjs-control-bar:not(.vjs-vr),
.vjs-ended .vjs-control-text,
.vjs-ended .vjs-playlist-button,
.vjs-ended .vjs-vplaylist {
  display: none;
}

.vjs-iab .vjs-control-bar {
  opacity: 0;
  visibility: hidden;
}

.vjs-ad-playing .vjs-vast-label {
  display: inline-block;
}

.vjs-ad-playing .vjs-progress-control {
  pointer-events: none;
}

.vjs-ad-playing .vjs-slider-handle:before {
  display: none;
}

.vjs-ad-playing .vjs-audio-button,
.vjs-ad-playing .vjs-chapters-button,
.vjs-ad-playing .vjs-chromecast-button,
.vjs-ad-playing .vjs-cog-menu-button,
.vjs-ad-playing .vjs-control-text,
.vjs-ad-playing .vjs-descriptions-button,
.vjs-ad-playing .vjs-download-control,
.vjs-ad-playing .vjs-forward-control,
.vjs-ad-playing .vjs-grid,
.vjs-ad-playing .vjs-info,
.vjs-ad-playing .vjs-live-clock,
.vjs-ad-playing .vjs-live-control,
.vjs-ad-playing .vjs-logo,
.vjs-ad-playing .vjs-logo-bar,
.vjs-ad-playing .vjs-mirror-button,
.vjs-ad-playing .vjs-mode-control,
.vjs-ad-playing .vjs-picture-in-picture-control,
.vjs-ad-playing .vjs-playlist-button,
.vjs-ad-playing .vjs-quality-button,
.vjs-ad-playing .vjs-rewind-control,
.vjs-ad-playing .vjs-seek-to-live-control,
.vjs-ad-playing .vjs-sharing-overlay,
.vjs-ad-playing .vjs-snap-control,
.vjs-ad-playing .vjs-subs-caps-button,
.vjs-ad-playing .vjs-text-track-display,
.vjs-ad-playing .vjs-volume-horizontal,
.vjs-ad-playing .vjs-vplaylist,
.vjs-ad-playing .vjs-zoom-help,
.vjs-dai .vjs-progress-control,
.vjs-dai .vjs-remaining-time,
.vjs-dai .vjs-time-control,
.vjs-dai .vjs-time-divider {
  display: none;
  pointer-events: none;
  visibility: hidden;
}

.vjs-resize-manager {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}

.vjs-has-started.vjs-def {
  pointer-events: auto;
}

.vjs-chromeless.vjs-has-started .vjs-background-bar,
.vjs-chromeless.vjs-has-started .vjs-big-play-button,
.vjs-chromeless.vjs-has-started .vjs-control-bar,
.vjs-chromeless.vjs-has-started .vjs-loading-spinner {
  display: none;
  height: 0;
  pointer-events: none;
  visibility: hidden;
  width: 0;
}

.vjs-thumb-poster {
  background: #000;
  display: inline-block;
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 0;
}

.vjs-thumb-poster canvas {
  opacity: 0.5;
  pointer-events: none;
}

.vjs-1600 .vjs-control-bar .vjs-progress-control {
  top: -26px;
}

.vjs-1600 .vjs-button .vjs-icon-placeholder,
.vjs-1600 .vjs-control-bar .vjs-chromecast-button .vjs-icon-placeholder:before {
  font-size: 28px;
}

.vjs-1600 .vjs-mirror-button:before {
  font-size: 30px;
}

.vjs-1600 .vjs-control-bar .vjs-button {
  width: 55px;
}

/* .vjs-1600 .vjs-current-time,
.vjs-1600 .vjs-duration,
.vjs-1600 .vjs-live-clock,
.vjs-1600 .vjs-live-control,
.vjs-1600 .vjs-quality-button span,
.vjs-1600 .vjs-seek-to-live-control,
.vjs-1600 .vjs-vast-label {
  font-size: 16px;
} */

.vjs-1600 .vjs-rewind-control .num {
  bottom: 8px;
  font-size: 10px;
  right: 27px;
}

.vjs-1600 .vjs-forward-control .num {
  font-size: 10px;
  left: 26px;
  top: 52%;
}

.vjs-1600 div.vast-skip-button {
  bottom: 140px;
  font-size: 17px;
}

.vjs-1600 .vjs-text-track-display {
  bottom: 8em;
}

.vjs-1600 .vjs-logo-bar img {
  max-height: 24px;
}

.vjs-1600 .vjs-vast-div {
  top: -50px;
}

.vjs-1600 .vjs-vast-bottom {
  bottom: 140px;
}

.vjs-1600.vjs-cast-fixed {
  max-height: 120px;
}

.vjs-1600.vjs-cast-fixed .vjs-fixed-info {
  max-height: 110px;
}

.video-js .vjs-abs-hidden,
.video-js .vjs-hidden {
  display: none !important;
}

/* custom.scss */

.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: flex;
  align-items: center;
}

.video-js .vjs-duration {
  min-width: 43px;
}

.video-js .vjs-control-bar {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.5) 30%,
    transparent 100%
  );
}

.video-js .vjs-control-bar .vjs-control[role='button'] {
  appearance: none;
}

.video-js .vjs-control-bar .vjs-control[disabled='disabled'],
.video-js .vjs-control-bar .vjs-control.vjs-playback-rate {
  display: none;
}

.video-js .vjs-text-track-display {
  margin-left: auto;
  margin-right: auto;
  max-width: 65%;
}

.video-js {
  .vjs-ygb-logo {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 85px;
    opacity: 0.5;
  }

  &.vjs-fullscreen .vjs-ygb-logo {
    display: none;
  }
}

/* // disable forward/backward button */
.video-js .vjs-b-f-b,
/* // .video-js .vjs-b-p-b, */
.video-js .vjs-b-r-b {
  display: none;
}

.video-js .vjs-mobile-center-spacer {
  display: none;
}

/* thumbnail preview */
.vjs-thumbnail-preview {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 500ms ease-in-out;

  .vjs-thumbnail-preview-container {
    position: relative;
    height: 100%;
    width: 100%;

    .vjs-thumbnail-preview-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
  }
}

@media (pointer: fine) {
  .vjs-thumbnail-preview {
    position: absolute;
    top: unset;
    left: unset;
    bottom: 60px;
    width: 180px;
    height: 101.25px;
    overflow: hidden;
    transform: translateX(-20%);
  }
}
/*  */

/* YouTube-inspired dark player menus */
.video-js .vjs-menu-settings,
.video-js .vjs-menu .vjs-menu-content {
  background: rgba(15, 15, 15, 0.8);
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

.video-js .vjs-menu:after,
.video-js .vjs-menu-settings:after {
  border-top-color: rgba(15, 15, 15, 0.8);
}

.video-js .vjs-menu .vjs-menu-title,
.video-js .vjs-menu .vjs-menu-content .vjs-menu-title,
.video-js .vjs-menu-settings .vjs-menu-title,
.video-js .vjs-menu-settings .vjs-settings-back {
  background: transparent;
  color: #fff;
  border-bottom: 1px solid #3f3f3f;
  text-shadow: 0 0 0.75px rgba(255, 255, 255, 0.9);
  text-transform: none;
}

.video-js .vjs-menu > .vjs-menu-title {
  background: rgba(15, 15, 15, 0.8);
}

.video-js .vjs-quality-button .vjs-menu > .vjs-menu-title {
  border-radius: 12px 12px 0 0;
}

.video-js .vjs-quality-button .vjs-menu > .vjs-menu-title + .vjs-menu-content {
  border-radius: 0 0 12px 12px;
}

.video-js .vjs-menu-settings .vjs-settings-back:hover,
.video-js .vjs-menu .vjs-menu-content .vjs-menu-title:hover {
  background: #272727;
  color: #fff;
}

.video-js .vjs-menu .vjs-menu-content li,
.video-js .vjs-menu-settings .vjs-menu-content li {
  color: #fff;
  text-shadow: 0 0 0.75px rgba(255, 255, 255, 0.9);
}

.video-js .vjs-menu .vjs-menu-content .vjs-menu-item:focus,
.video-js .vjs-menu .vjs-menu-content .vjs-menu-item:hover,
.vjs-has-mouse .vjs-menu-settings .vjs-menu-content li:focus,
.vjs-has-mouse .vjs-menu-settings .vjs-menu-content li:hover {
  background: #272727;
  color: #fff;
}

.video-js .vjs-audio-button .vjs-menu .vjs-menu-item.vjs-selected,
.video-js .vjs-audio-button .vjs-menu .vjs-menu-item.vjs-selected:focus,
.video-js .vjs-audio-button .vjs-menu .vjs-menu-item.vjs-selected:hover,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected:focus,
.video-js .vjs-subs-caps-button .vjs-menu .vjs-menu-item.vjs-selected:hover,
.video-js .vjs-menu .vjs-menu-content .item-quality.vjs-checked,
.video-js .vjs-menu-settings .vjs-menu-content .item-quality.vjs-checked {
  background: #3f3f3f;
  color: #fff;
}

.video-js .vjs-subs-caps-button .vjs-menu .vjs-texttrack-settings:after {
  background-color: #3f3f3f;
}

.video-js .vjs-menu-settings .vjs-menu-content .vjs-menu-forward:after,
.video-js .vjs-menu-settings .vjs-menu-content .vjs-menu-forward:hover:after {
  border-left-color: #fff;
}

.vjs-menu-div::-webkit-scrollbar,
.vjs-menu .vjs-menu-content::-webkit-scrollbar {
  background: transparent;
}

.vjs-menu-div::-webkit-scrollbar-thumb,
.vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb {
  background: #5f5f5f;
  border-radius: 999px;
}

.vjs-menu-div::-webkit-scrollbar-thumb:hover,
.vjs-menu .vjs-menu-content::-webkit-scrollbar-thumb:hover {
  background: #777;
}