.mejs__offscreen {
  border:0;
  clip:rect(1px,1px,1px,1px);
  -webkit-clip-path:inset(50%);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal
}
.mejs__container {
  background:#000;
  font-family:Helvetica,Arial,serif;
  position:relative;
  text-align:left;
  text-indent:0;
  vertical-align:top
}
.mejs__container,
.mejs__container * {
  box-sizing:border-box
}
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance:none;
  display:none!important
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
  height:100%;
  width:100%
}
.mejs__fill-container {
  background:transparent;
  margin:0 auto;
  overflow:hidden;
  position:relative
}
.mejs__container:focus {
  outline:none
}
.mejs__iframe-overlay {
  height:100%;
  position:absolute;
  width:100%
}
.mejs__embed,
.mejs__embed body {
  background:#000;
  height:100%;
  margin:0;
  overflow:hidden;
  padding:0;
  width:100%
}
.mejs__fullscreen {
  overflow:hidden!important
}
.mejs__container-fullscreen {
  bottom:0;
  left:0;
  overflow:hidden;
  position:fixed;
  right:0;
  top:0;
  z-index:1000
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  height:100%!important;
  width:100%!important
}
.mejs__background,
.mejs__mediaelement {
  left:0;
  position:absolute;
  top:0
}
.mejs__mediaelement {
  height:100%;
  width:100%;
  z-index:0
}
.mejs__poster {
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  left:0;
  position:absolute;
  top:0;
  z-index:1
}
:root .mejs__poster-img {
  display:none
}
.mejs__poster-img {
  border:0;
  padding:0
}
.mejs__overlay {
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  left:0;
  position:absolute;
  top:0
}
.mejs__layer {
  z-index:1
}
.mejs__overlay-play {
  cursor:pointer
}
.mejs__overlay-button {
  background:url(mejs-controls.svg) no-repeat;
  background-position:0 -39px;
  height:80px;
  width:80px
}
.mejs__overlay:hover>.mejs__overlay-button {
  background-position:-80px -39px
}
.mejs__overlay-loading {
  height:80px;
  width:80px
}
.mejs__overlay-loading-bg-img {
  -webkit-animation:a 1s linear infinite;
  animation:a 1s linear infinite;
  background:transparent url(mejs-controls.svg) -160px -40px no-repeat;
  display:block;
  height:80px;
  width:80px;
  z-index:1
}
@-webkit-keyframes a {
  to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
@keyframes a {
  to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
.mejs__controls {
  bottom:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:40px;
  left:0;
  list-style-type:none;
  margin:0;
  padding:0 10px;
  position:absolute;
  width:100%;
  z-index:3
}
.mejs__controls:not([style*="display: none"]) {
  background:rgba(255,0,0,.7);
  background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));
  background:linear-gradient(transparent,rgba(0,0,0,.35))
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
  font-size:10px;
  height:40px;
  line-height:10px;
  margin:0;
  width:32px
}
.mejs__button>button {
  background:transparent url(mejs-controls.svg);
  border:0;
  cursor:pointer;
  display:block;
  font-size:0;
  height:20px;
  line-height:0;
  margin:10px 6px;
  overflow:hidden;
  padding:0;
  position:absolute;
  text-decoration:none;
  width:20px
}
.mejs__button>button:focus {
  outline:1px dotted #999
}
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus,
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus {
  outline:0
}
.mejs__time {
  box-sizing:content-box;
  color:#fff;
  font-size:8px;
  font-weight:700;
  height:24px;
  overflow:hidden;
  padding:16px 6px 0;
  text-align:center;
  width:auto
}
.mejs__play>button {
  background-position:0 0
}
.mejs__pause>button {
  background-position:-20px 0
}
.mejs__replay>button {
  background-position:-160px 0
}
.mejs__time-rail {
  direction:ltr;
  -webkit-box-flex:1;
  -webkit-flex-grow:1;
  -ms-flex-positive:1;
  flex-grow:1;
  height:40px;
  margin:0 10px;
  padding-top:10px;
  position:relative
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-float,
.mejs__time-float-corner,
.mejs__time-float-current,
.mejs__time-hovered,
.mejs__time-loaded,
.mejs__time-marker,
.mejs__time-total {
  border-radius:2px;
  cursor:pointer;
  display:block;
  height:10px;
  position:absolute
}
.mejs__time-total {
  background:hsla(0,0%,100%,.3);
  margin:5px 0 0;
  width:100%
}
.mejs__time-buffering {
  -webkit-animation:b 2s linear infinite;
  animation:b 2s linear infinite;
  background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);
  background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);
  background-size:15px 15px;
  width:100%
}
@-webkit-keyframes b {
  0% {
    background-position:0 0
  }
  to {
    background-position:30px 0
  }
}
@keyframes b {
  0% {
    background-position:0 0
  }
  to {
    background-position:30px 0
  }
}
.mejs__time-loaded {
  background:hsla(0,0%,100%,.3)
}
.mejs__time-current,
.mejs__time-handle-content {
  background:hsla(0,0%,100%,.9)
}
.mejs__time-hovered {
  background:hsla(0,0%,100%,.5);
  z-index:10
}
.mejs__time-hovered.negative {
  background:rgba(0,0,0,.2)
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-hovered,
.mejs__time-loaded {
  left:0;
  -webkit-transform:scaleX(0);
  -ms-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  -ms-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-transition:all .15s ease-in;
  transition:all .15s ease-in;
  width:100%
}
.mejs__time-buffering {
  -webkit-transform:scaleX(1);
  -ms-transform:scaleX(1);
  transform:scaleX(1)
}
.mejs__time-hovered {
  -webkit-transition:height .1s cubic-bezier(.44,0,1,1);
  transition:height .1s cubic-bezier(.44,0,1,1)
}
.mejs__time-hovered.no-hover {
  -webkit-transform:scaleX(0)!important;
  -ms-transform:scaleX(0)!important;
  transform:scaleX(0)!important
}
.mejs__time-handle,
.mejs__time-handle-content {
  border:4px solid transparent;
  cursor:pointer;
  left:0;
  position:absolute;
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0);
  z-index:11
}
.mejs__time-handle-content {
  border:4px solid hsla(0,0%,100%,.9);
  border-radius:50%;
  height:10px;
  left:-7px;
  top:-4px;
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  width:10px
}
.mejs__time-rail .mejs__time-handle-content:active,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail:hover .mejs__time-handle-content {
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
.mejs__time-float {
  background:#eee;
  border:1px solid #333;
  bottom:100%;
  color:#111;
  display:none;
  height:17px;
  margin-bottom:9px;
  position:absolute;
  text-align:center;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:36px
}
.mejs__time-float-current {
  display:block;
  left:0;
  margin:2px;
  text-align:center;
  width:30px
}
.mejs__time-float-corner {
  border:5px solid #eee;
  border-color:#eee transparent transparent;
  border-radius:0;
  display:block;
  height:0;
  left:50%;
  line-height:0;
  position:absolute;
  top:100%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:0
}
.mejs__long-video .mejs__time-float {
  margin-left:-23px;
  width:64px
}
.mejs__long-video .mejs__time-float-current {
  width:60px
}
.mejs__broadcast {
  color:#fff;
  height:10px;
  position:absolute;
  top:15px;
  width:100%
}
.mejs__fullscreen-button>button {
  background-position:-80px 0
}
.mejs__unfullscreen>button {
  background-position:-100px 0
}
.mejs__mute>button {
  background-position:-60px 0
}
.mejs__unmute>button {
  background-position:-40px 0
}
.mejs__volume-button {
  position:relative
}
.mejs__volume-button>.mejs__volume-slider {
  -webkit-backface-visibility:hidden;
  background:rgba(50,50,50,.7);
  border-radius:0;
  bottom:100%;
  display:none;
  height:115px;
  left:50%;
  margin:0;
  position:absolute;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:25px;
  z-index:1
}
.mejs__volume-button:hover {
  border-radius:0 0 4px 4px
}
.mejs__volume-total {
  background:hsla(0,0%,100%,.5);
  height:100px;
  left:50%;
  margin:0;
  position:absolute;
  top:8px;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:2px
}
.mejs__volume-current {
  left:0;
  margin:0;
  width:100%
}
.mejs__volume-current,
.mejs__volume-handle {
  background:hsla(0,0%,100%,.9);
  position:absolute
}
.mejs__volume-handle {
  border-radius:1px;
  cursor:ns-resize;
  height:6px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:16px
}
.mejs__horizontal-volume-slider {
  display:block;
  height:36px;
  position:relative;
  vertical-align:middle;
  width:56px
}
.mejs__horizontal-volume-total {
  background:rgba(50,50,50,.8);
  height:8px;
  top:16px;
  width:50px
}
.mejs__horizontal-volume-current,
.mejs__horizontal-volume-total {
  border-radius:2px;
  font-size:1px;
  left:0;
  margin:0;
  padding:0;
  position:absolute
}
.mejs__horizontal-volume-current {
  background:hsla(0,0%,100%,.8);
  height:100%;
  top:0;
  width:100%
}
.mejs__horizontal-volume-handle {
  display:none
}
.mejs__captions-button,
.mejs__chapters-button {
  position:relative
}
.mejs__captions-button>button {
  background-position:-140px 0
}
.mejs__chapters-button>button {
  background-position:-180px 0
}
.mejs__captions-button>.mejs__captions-selector,
.mejs__chapters-button>.mejs__chapters-selector {
  background:rgba(50,50,50,.7);
  border:1px solid transparent;
  border-radius:0;
  bottom:100%;
  margin-right:-43px;
  overflow:hidden;
  padding:0;
  position:absolute;
  right:50%;
  visibility:visible;
  width:86px
}
.mejs__chapters-button>.mejs__chapters-selector {
  margin-right:-55px;
  width:110px
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
  list-style-type:none!important;
  margin:0;
  overflow:hidden;
  padding:0
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
  color:#fff;
  cursor:pointer;
  display:block;
  list-style-type:none!important;
  margin:0 0 6px;
  overflow:hidden;
  padding:0
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
  background-color:#c8c8c8!important;
  background-color:hsla(0,0%,100%,.4)!important
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
  clear:both;
  float:left;
  left:-1000px;
  margin:3px 3px 0 5px;
  position:absolute
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
  cursor:pointer;
  float:left;
  font-size:10px;
  line-height:15px;
  padding:4px 10px 0;
  width:100%
}
.mejs__captions-selected,
.mejs__chapters-selected {
  color:#21f8f8
}
.mejs__captions-translations {
  font-size:10px;
  margin:0 0 5px
}
.mejs__captions-layer {
  bottom:0;
  color:#fff;
  font-size:16px;
  left:0;
  line-height:20px;
  position:absolute;
  text-align:center
}
.mejs__captions-layer a {
  color:#fff;
  text-decoration:underline
}
.mejs__captions-layer[lang=ar] {
  font-size:20px;
  font-weight:400
}
.mejs__captions-position {
  bottom:15px;
  left:0;
  position:absolute;
  width:100%
}
.mejs__captions-position-hover {
  bottom:35px
}
.mejs__captions-text,
.mejs__captions-text * {
  background:hsla(0,0%,8%,.5);
  box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);
  padding:0;
  white-space:pre-wrap
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display:none
}
.mejs__overlay-error {
  position:relative
}
.mejs__overlay-error>img {
  left:0;
  max-width:100%;
  position:absolute;
  top:0;
  z-index:-1
}
.mejs__cannotplay,
.mejs__cannotplay a {
  color:#fff;
  font-size:.8em
}
.mejs__cannotplay {
  position:relative
}
.mejs__cannotplay a,
.mejs__cannotplay p {
  display:inline-block;
  padding:0 15px;
  width:100%
}
.mejs__fullscreen #mep_0 {
  max-height:100%;
}
.mejs__controls:not([style*="display: none"]) {
  background: linear-gradient(transparent,rgba(0,0,0,.7));
  padding: 35px 10px 5px;
  height: auto;
  transition: all 0.1s;
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
  width: 34px;
}
.mejs__time-total {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 2em;
  margin: 7.2px 0 0;
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-hovered,
.mejs__time-loaded,
.mejs__time-marker,
.mejs__time-total {
  border-radius: 2em;
  height: 4px;
}
.mejs__time-total:hover .mejs__time-buffering,
.mejs__time-total:hover .mejs__time-current,
.mejs__time-total:hover .mejs__time-hovered,
.mejs__time-total:hover .mejs__time-loaded,
.mejs__time-total:hover .mejs__time-marker,
.mejs__time-total:hover {
  height: 6px;
}
.mejs__time-current {
  background-color: #ff0e0e;
}
.mejs__time-handle,
.mejs__time-handle-content {
  border: 0px solid transparent;
}
.mejs__time-handle-content {
  border: 7px solid #ffffff;
  background:#fff;
  top: -5px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.1s ease;
}
.mejs__time-total:hover .mejs__time-handle-content {
  top: -3.5px;
}
.mejs__time-handle-content:focus,
.mejs__time-handle-content:active {
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
}
.mejs__overlay-play .mejs__overlay-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M8,5.14V19.14L19,12.14L8,5.14Z' /%3e%3c/svg%3e");
  background-color: #2A2A2A;
  border-radius: 100%;
  height: 60px;
  width: 60px;
  background-repeat: no-repeat;
  transition: all .1s cubic-bezier(0.4,0.0,1,1);
  background-position: center !important;
}
.mejs__overlay-play:hover .mejs__overlay-button {
  background-color: #ff0909;
  transition: all .1s cubic-bezier(0.0,0.0,0.2,1);
  opacity: 1;
}
.mejs__overlay-loading {
  height: 60px;
  width: 60px;
}
.mejs__overlay-loading-bg-img {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  background-position: center !important;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  min-height: 60px;
  min-width: 60px;
  max-height: 60px;
  max-width: 60px;
}
.mejs__mute>button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center !important;
}
.mejs__unmute>button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M3,9H7L12,4V20L7,15H3V9M16.59,12L14,9.41L15.41,8L18,10.59L20.59,8L22,9.41L19.41,12L22,14.59L20.59,16L18,13.41L15.41,16L14,14.59L16.59,12Z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center !important;
}
.mejs__fullscreen-button>button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center !important;
}
.mejs__unfullscreen>button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center !important;
}
.mejs__time-float {
  background: #333;
  border: 0;
  color: #fff;
  height: 22px;
  width: 45px;
}
.mejs__time-float-current {
  margin: 6px 0;
  width: 100%;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
.mejs__time-float-corner {
  border: 5px solid #333;
  border-color: #333 transparent transparent;
}
.mejs-speed-selector-list-item,
.mejs__speed-selector-list-item {
  margin: 5.5px 0;
}
.mejs__volume-total {
  background: rgba(255, 255, 255, 0.5);
  width: 3px;
}