.mejs-offscreen {clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);clip-path: polygon(0px 0, 0 0, 0 0, 0 0);position: absolute!important;height: 1px;width: 1px;overflow: hidden}
.mejs-container {position: relative;background: url(../images/background.png);font-family: Helvetica, Arial;text-align:left;vertical-align: top;text-indent:0;}
.mejs-container:focus {outline: 0}
.me-plugin {position: absolute}
.mejs-embed, .mejs-embed body {width: 100%;height: 100%;margin: 0;padding: 0;background: #000;overflow: hidden}
.mejs-fullscreen {overflow: hidden!important}
.mejs-container-fullscreen {position: fixed;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;z-index: 1000}
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {width: 100%;height: 100%}
.mejs-clear {clear: both}
.mejs-background {position: absolute;top: 0;left: 0}
.mejs-mediaelement {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.mejs-poster {position: absolute;top: 0;left: 0;background-size: contain;background-position: 50% 50%;background-repeat: no-repeat}
:root .mejs-poster img {display: none}
.mejs-poster img {border: 0;padding: 0;border: 0}
.mejs-overlay {position: absolute;top: 0;left: 0}
.mejs-overlay-play {cursor: pointer}
.mejs-overlay-button {position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;margin: -50px 0 0 -50px;background: url(../images/bigplay.svg) no-repeat}
.no-svg .mejs-overlay-button {background-image: url(../images/bigplay.png);}
.mejs-overlay:hover .mejs-overlay-button {background-position: 0 -100px}
.mejs-overlay-loading {position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;background: #333;background: url(../images/background.png)}
.mejs-overlay-loading span {display: block;width: 80px;height: 80px;background: transparent url(../images/loading.gif) 50% 50% no-repeat;}
.mejs-container .mejs-controls {position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../images/background.png);height: 30px;width:100%;border:1px solid #dddddd; border-radius:5px;}
.mejs-container .mejs-controls div {list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica, Arial;border:0}
.mejs-controls .mejs-button button {cursor: pointer;display: block;font-size: 0;line-height: 0;text-decoration: none;margin: 7px 5px;padding: 0;position: absolute;height: 16px;width: 16px;border: 0;background: transparent url(../images/controls.svg) no-repeat}
.no-svg .mejs-controls .mejs-button button {background-image: url(../images/controls.png)}
.mejs-controls .mejs-button button:focus {outline: dotted 1px #999}
.mejs-container .mejs-controls .mejs-time {color: #fff;display: block;height: 17px;width: auto;padding: 10px 3px 0;overflow: hidden;text-align: center;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}
.mejs-container .mejs-controls .mejs-time a {color: #fff;font-size: 11px;line-height: 12px;display: block;float: left;margin: 1px 2px 0 0;width: auto}
.mejs-controls .mejs-play button {background-position: 0 0}
.mejs-controls .mejs-pause button {background-position: 0 -16px}
.mejs-controls .mejs-stop button {background-position: -112px 0}
.mejs-controls div.mejs-time-rail {direction: ltr;width: 200px;padding-top: 5px}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {display: block;position: absolute;width: 180px;height: 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;cursor: pointer}
.mejs-controls .mejs-time-rail .mejs-time-total {margin: 5px;background:#333;}
.mejs-controls .mejs-time-rail .mejs-time-buffering {width: 100%;}
@-webkit-keyframes buffering-stripes {from {background-position:0 0}
to {background-position: 30px 0}}
@-moz-keyframes buffering-stripes {from {background-position:0 0}
to {background-position: 30px 0}}
@-ms-keyframes buffering-stripes {from {background-position:0 0}
to {background-position: 30px 0}}
@-o-keyframes buffering-stripes {from {background-position:0 0}
to {background-position: 30px 0}}
@keyframes buffering-stripes {from {background-position:0 0}
to {background-position: 30px 0}}
.mejs-controls .mejs-time-rail .mejs-time-loaded {background:#3caac8;}
.mejs-controls .mejs-time-rail .mejs-time-current {background: #fff;}
.mejs-controls .mejs-time-rail .mejs-time-handle {display: none;position: absolute;margin: 0;width: 10px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;border: solid 2px #333;top: -2px;text-align: center}
.mejs-controls .mejs-time-rail .mejs-time-float {position: absolute;display: none;background: #eee;width: 36px;height: 17px;border: solid 1px #333;top: -26px;margin-left: -18px;text-align: center;color: #111}
.mejs-controls .mejs-time-rail .mejs-time-float-current {margin: 2px;width: 30px;display: block;text-align: center;left: 0}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {position: absolute;display: block;width: 0;height: 0;line-height: 0;border: solid 5px #eee;border-color: #eee transparent transparent;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: 15px;left: 13px}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {width: 48px}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {width: 44px}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {left: 18px}
.mejs-controls .mejs-fullscreen-button button {background-position: -32px 0}
.mejs-controls .mejs-unfullscreen button {background-position: -32px -16px}
.mejs-controls .mejs-volume-button {}
.mejs-controls .mejs-mute button {background-position: -16px -16px}
.mejs-controls .mejs-unmute button {background-position: -16px 0}
.mejs-controls .mejs-volume-button {position: relative}
.mejs-controls .mejs-volume-button .mejs-volume-slider {display: none;height: 115px;width: 25px;background: url(../images/background.png);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: -115px;left: 0;z-index: 1;position: absolute;margin: 0}
.mejs-controls .mejs-volume-button:hover {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {position: absolute;left: 11px;top: 8px;width: 2px;height: 100px;background: #ddd;background: rgba(255,255,255,.5);margin: 0}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {position: absolute;left: 11px;top: 8px;width: 2px;height: 100px;background: #ddd;background: rgba(255,255,255,.9);margin: 0}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {position: absolute;left: 4px;top: -3px;width: 16px;height: 6px;background: #ddd;background: rgba(255,255,255,.9);cursor: N-resize;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;margin: 0}
.mejs-controls a.mejs-horizontal-volume-slider {height: 26px;width: 56px;position: relative;display: block;float: left;vertical-align: middle}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {position: absolute;left: 0;top: 11px;width: 50px;height: 8px;margin: 0;padding: 0;font-size: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #333;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {position: absolute;left: 0;top: 11px;width: 50px;height: 8px;margin: 0;padding: 0;font-size: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #fff;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {display: none}
.mejs-controls .mejs-captions-button {position: relative}
.mejs-controls .mejs-captions-button button {background-position: -48px 0}
.mejs-controls .mejs-captions-button .mejs-captions-selector {visibility: hidden;position: absolute;bottom: 26px;right: -51px;width: 85px;height: 100px;background: url(../images/background.png);border: solid 1px transparent;padding: 10px 10px 0;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {visibility: visible}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {margin: 0;padding: 0;display: block;list-style-type: none!important;overflow: hidden}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {margin: 0 0 6px;padding: 0;list-style-type: none!important;display: block;color: #fff;overflow: hidden}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {clear: both;float: left;margin: 3px 3px 0 5px}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {width: 55px;float: left;padding: 4px 0 0;line-height: 15px;font-family: helvetica, arial;font-size: 10px}
.mejs-controls .mejs-captions-button .mejs-captions-translations {font-size: 10px;margin: 0 0 5px}
.mejs-chapters {position: absolute;top: 0;left: 0;-xborder-right: solid 1px #fff;width: 10000px;z-index: 1}
.mejs-chapters .mejs-chapter {position: absolute;float: left;background: #222;overflow: hidden;border: 0}
.mejs-chapters .mejs-chapter .mejs-chapter-block {font-size: 11px;color: #fff;padding: 5px;display: block;border-right: solid 1px #333;border-bottom: solid 1px #333;cursor: pointer}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {border-right: 0}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {background: #666;}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {font-size: 12px;font-weight: 700;display: block;white-space: nowrap;text-overflow: ellipsis;margin: 0 0 3px;line-height: 12px}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {font-size: 12px;line-height: 12px;margin: 3px 0 4px;display: block;white-space: nowrap;text-overflow: ellipsis}
.mejs-captions-layer {position: absolute;bottom: 0;left: 0;text-align: center;line-height: 20px;font-size: 16px;color: #fff}
.mejs-captions-layer a {color: #fff;text-decoration: underline}
.mejs-captions-layer[lang=ar] {font-size: 20px;font-weight: 400}
.mejs-captions-position {position: absolute;width: 100%;bottom: 15px;left: 0}
.mejs-captions-position-hover {bottom: 35px}
.mejs-captions-text {padding: 3px 5px;background: url(../images/background.png);white-space: pre-wrap}
.me-cannotplay {}
.me-cannotplay a {color: #fff;font-weight: 700}
.me-cannotplay span {padding: 15px;display: block}
.mejs-controls .mejs-loop-off button {background-position: -64px -16px}
.mejs-controls .mejs-loop-on button {background-position: -64px 0}
.mejs-controls .mejs-backlight-off button {background-position: -80px -16px}
.mejs-controls .mejs-backlight-on button {background-position: -80px 0}
.mejs-controls .mejs-picturecontrols-button {background-position: -96px 0}
.mejs-contextmenu {position: absolute;width: 150px;padding: 10px;border-radius: 4px;top: 0;left: 0;background: #fff;border: solid 1px #999;z-index: 1001}
.mejs-contextmenu .mejs-contextmenu-separator {height: 1px;font-size: 0;margin: 5px 6px;background: #333}
.mejs-contextmenu .mejs-contextmenu-item {font-family: Helvetica, Arial;font-size: 12px;padding: 4px 6px;cursor: pointer;color: #333}
.mejs-contextmenu .mejs-contextmenu-item:hover {background: #2C7C91;color: #fff}
.mejs-controls .mejs-sourcechooser-button {position: relative}
.mejs-controls .mejs-sourcechooser-button button {background-position: -128px 0}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {visibility: hidden;position: absolute;bottom: 26px;right: -10px;width: 130px;height: 100px;background: url(../images/background.png);border: solid 1px transparent;padding: 10px;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {margin: 0;padding: 0;display: block;list-style-type: none!important;overflow: hidden}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {margin: 0 0 6px;padding: 0;list-style-type: none!important;display: block;color: #fff;overflow: hidden}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {clear: both;float: left;margin: 3px 3px 0 5px}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {width: 100px;float: left;padding: 4px 0 0;line-height: 15px;font-family: helvetica, arial;font-size: 10px}
.mejs-postroll-layer {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url(../images/background.png);z-index: 1000;overflow: hidden}
.mejs-postroll-layer-content {width: 100%;height: 100%}
.mejs-postroll-close {position: absolute;right: 0;top: 0;background: url(../images/background.png);color: #fff;padding: 4px;z-index: 100;cursor: pointer}
div.mejs-speed-button {width: 46px!important;position: relative}
.mejs-controls .mejs-button.mejs-speed-button button {background: transparent;width: 36px;font-size: 11px;line-height: normal;color: #fff}
.mejs-controls .mejs-speed-button .mejs-speed-selector {display: none;position: absolute;top: -100px;left: -10px;width: 60px;height: 100px;background: url(../images/background.png);border: solid 1px transparent;padding: 0;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {display: block}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {color: rgba(33,248,248,1)}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul {margin: 0;padding: 0;display: block;list-style-type: none!important;overflow: hidden}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {margin: 0 0 6px;padding: 0 10px;list-style-type: none!important;display: block;color: #fff;overflow: hidden}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {clear: both;float: left;margin: 3px 3px 0 5px;display: none}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {width: 60px;float: left;padding: 4px 0 0;line-height: 15px;font-family: helvetica, arial;font-size: 11.5px;color: #fff;margin-left: 5px;cursor: pointer}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {background-color: #c8c8c8!important;background-color: rgba(255,255,255,.4)!important}
.mejs-controls .mejs-button.mejs-jump-forward-button {background: transparent url(../images/jumpforward.png) no-repeat;background-position: 3px 3px}
.mejs-controls .mejs-button.mejs-jump-forward-button button {background: transparent;font-size: 9px;line-height: normal;color: #fff}
.mejs-controls .mejs-button.mejs-skip-back-button {background: transparent url(../images/skipback.png) no-repeat;background-position: 3px 3px}
.mejs-controls .mejs-button.mejs-skip-back-button button {background: transparent;font-size: 9px;line-height: normal;color: #fff}