.mejs-container { position: relative; min-width: 150px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; font-family: sans-serif; text-align: left; vertical-align: top; width: 100% !important; }
.me-plugin { position: absolute; }
.mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; overflow: hidden; }
.mejs-container-fullscreen { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; z-index: 1000; }
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; }
.mejs-container.mejs-audio { border-radius: 3px; }
.mejs-background { position: absolute; top: 0px; left: 0px; }
.mejs-mediaelement { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.mejs-poster { position: absolute; top: 0px; left: 0px; overflow: hidden; }
.mejs-poster img { padding: 0px; border: 0px none; display: block; width: auto; height: 100%; }
.mejs-overlay { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }
.mejs-overlay-play { cursor: pointer; width: 100% !important; height: 100% !important; }
div .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0px 0px -50px !important; }
.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0px 0px -40px; }
div .mejs-container .mejs-controls { position: absolute; margin: 0px; padding: 0px; bottom: 0px; left: 0px; height: 30px; width: 100%; background: rgba(0, 0, 0, 0) linear-gradient(rgb(74, 76, 77), rgb(43, 45, 45)) repeat scroll 0% 0%; list-style: outside none none; white-space: nowrap; }
.mejs-audio .mejs-controls { border-radius: 3px; }
div .mejs-container .mejs-controls div { list-style-type: none; display: inline-block; margin: 0px; padding: 0px; width: 32px; height: 30px; font-size: 11px; line-height: 11px; font-family: sans-serif; background: rgba(0, 0, 0, 0) url(f7e5289e10cf5adc26af266a5e9bac7ef078beec.png)  no-repeat scroll left center; border: 0px none; }
div .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0px; line-height: 0; text-decoration: none; margin: 7px 7px 0px 9px; padding: 0px; position: absolute; height: 16px; width: 15px; border: 0px none; background: transparent url(37f5be0a6d393a80147df050aee95bc2a4068d2c.png)  no-repeat scroll 0% 0%; }
body .mejs-controls .mejs-button button:focus { outline: medium none; }
body .mejs-container .mejs-controls .mejs-time { color: rgb(255, 255, 255); display: inline-block; height: 17px; width: auto; padding: 8px 8px 5px 10px; overflow: hidden; text-align: center; box-sizing: content-box; }
body .mejs-container .mejs-controls .mejs-time span { font-size: 11px; color: rgb(221, 221, 221); line-height: 12px; display: block; float: left; width: auto; margin: 1px 2px 0px; }
body .mejs-container .mejs-controls .mejs-playpause-button { cursor: pointer; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; width: 30px; }
body .mejs-controls .mejs-playpause-button button { margin: 7px 8px; }
body .mejs-controls .mejs-play button { background-position: 0px 0px; }
body .mejs-controls .mejs-play:hover button { background-position: 0px -32px; }
body .mejs-controls .mejs-pause button { background-position: 0px -16px; }
body .mejs-controls .mejs-pause:hover button { background-position: 0px -48px; }
body .mejs-controls .mejs-stop button { background-position: -112px 0px; }
body .mejs-controls .mejs-stop:hover button { background-position: -112px -32px; }
body .mejs-controls div.mejs-time-rail { width: 200px; }
body .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 5px; cursor: pointer; }
body .mejs-controls .mejs-time-rail .mejs-time-total { padding: 1px; margin: 12px 8px 0px 10px; background: rgb(38, 41, 41) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(61, 63, 64); box-shadow: 1px 1px rgba(0, 0, 0, 0.4) inset; display: block; height: 7px; }
body .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background: rgb(70, 72, 73) linear-gradient(-45deg, rgb(70, 72, 73) 25%, rgb(38, 41, 41) 25%, rgb(38, 41, 41) 50%, rgb(70, 72, 73) 50%, rgb(70, 72, 73) 75%, rgb(38, 41, 41) 75%, rgb(38, 41, 41)) repeat scroll 0% 0% / 10px 10px; animation: 2s linear 0s normal none infinite running buffering-stripes; z-index: 1; }
@keyframes buffering-stripes {
0% { background-position: 0px 0px; }
100% { background-position: 30px 0px; }
}
@keyframes buffering-stripes {
0% { background-position: 0px 0px; }
100% { background-position: 30px 0px; }
}
@keyframes buffering-stripes {
0% { background-position: 0px 0px; }
100% { background-position: 30px 0px; }
}
body .mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgb(70, 72, 73) none repeat scroll 0% 0%; width: 0px; }
body .mejs-controls .mejs-time-rail .mejs-time-current { width: 0px; background: rgb(254, 234, 54) linear-gradient(-45deg, rgb(254, 234, 54) 25%, rgb(253, 213, 0) 25%, rgb(253, 213, 0) 50%, rgb(254, 234, 54) 50%, rgb(254, 234, 54) 75%, rgb(253, 213, 0) 75%, rgb(253, 213, 0)) repeat scroll 0% 0% / 6px 6px; z-index: 1; }
body .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0px; width: 5px; background: transparent none repeat scroll 0% 0%; cursor: pointer; top: 1px; z-index: 1; text-align: center; }
body .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: rgba(0, 0, 0, 0) linear-gradient(rgb(227, 230, 233), rgb(194, 200, 207)) repeat scroll 0% 0%; width: 36px; height: 17px; border-radius: 2px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); top: -26px; margin-left: -18px; text-align: center; color: rgb(17, 17, 17); border: medium none; }
body .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 3px; width: 30px; display: block; text-align: center; left: 0px; }
body .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0px; height: 0px; line-height: 0; border-width: 4px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: rgb(194, 200, 207) transparent transparent; border-radius: 0px; top: 17px; left: 13px; }
body .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0px; }
body .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; }
body .mejs-controls .mejs-volume-button {  }
div .mejs-controls .mejs-mute button { background-position: -16px -16px; }
div .mejs-controls .mejs-mute button:hover { background-position: -16px -48px; }
div .mejs-controls .mejs-unmute button { background-position: -16px 0px; }
div .mejs-controls .mejs-unmute button:hover { background-position: -16px -32px; }
div .mejs-controls .mejs-volume-button { position: relative; }
div .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 68px; width: 31px; background: rgb(58, 60, 61) none repeat scroll 0% 0%; border-radius: 0px; top: -68px; left: 1px; z-index: 1; position: absolute; margin: 0px; }
div .mejs-controls .mejs-volume-button:hover { border-radius: 0px 0px 4px 4px; }
div .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 13px; top: 8px; width: 5px; height: 50px; background: rgb(38, 41, 41) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(61, 63, 64); box-shadow: 1px 1px rgba(0, 0, 0, 0.4) inset; margin: 0px; padding: 1px; }
div .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 13px; top: 8px; width: 5px; height: 50px; background: rgb(254, 234, 54) linear-gradient(-45deg, rgb(254, 234, 54) 25%, rgb(253, 213, 0) 25%, rgb(253, 213, 0) 50%, rgb(254, 234, 54) 50%, rgb(254, 234, 54) 75%, rgb(253, 213, 0) 75%, rgb(253, 213, 0)) repeat scroll center bottom / 6px 6px; margin: 1px; }
div .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 14px; top: 16px; width: 5px; height: 5px; background: transparent none repeat scroll 0% 0%; margin: 0px; }
div .mejs-controls div.mejs-horizontal-volume-slider { height: 30px; width: 62px; position: relative; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0px; top: 12px; width: 50px; height: 7px; margin: 0px; padding: 1px; font-size: 1px; background: rgb(38, 41, 41) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(61, 63, 64); box-shadow: 1px 1px rgba(0, 0, 0, 0.4) inset; }
div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0px; top: 12px; width: 50px; height: 5px; margin: 1px; padding: 0px; font-size: 1px; background: rgb(254, 234, 54) linear-gradient(-45deg, rgb(254, 234, 54) 25%, rgb(253, 213, 0) 25%, rgb(253, 213, 0) 50%, rgb(254, 234, 54) 50%, rgb(254, 234, 54) 75%, rgb(253, 213, 0) 75%, rgb(253, 213, 0)) repeat scroll 0% 0% / 6px 6px; }
div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }
div .mejs-controls .mejs-captions-button { position: relative; }
div .mejs-controls .mejs-captions-button button { background-position: -48px 0px; }
div .mejs-controls .mejs-captions-button:hover button { background-position: -48px -32px; }
div .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 30px; right: -10px; width: 130px; height: 100px; background: rgb(58, 60, 61) none repeat scroll 0% 0%; border: 1px solid transparent; padding: 10px; overflow: hidden; border-radius: 0px; }
div .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0px; padding: 0px; display: block; list-style-type: none !important; overflow: hidden; }
div .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0px 0px 6px; padding: 0px; list-style-type: none !important; display: block; color: rgb(255, 255, 255); overflow: hidden; }
div .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0px 5px; }
div .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0px 0px; line-height: 15px; font-family: sans-serif; font-size: 10px; }
div .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0px 0px 5px; }
div .mejs-chapters { position: absolute; top: 0px; left: 0px; width: 10000px; z-index: 1; }
div .mejs-chapters .mejs-chapter { position: absolute; float: left; background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0% 0%; overflow: hidden; border: 0px none; }
div .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: rgb(255, 255, 255); padding: 5px; display: block; border-right: 1px solid rgba(49, 51, 53, 0.7); border-bottom: 1px solid rgba(49, 51, 53, 0.7); cursor: pointer; }
div .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: medium none; }
div .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: rgba(0, 0, 0, 0) linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)) repeat scroll 0% 0%; }
div .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0px 0px 3px; line-height: 12px; }
div .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0px 4px; display: block; white-space: nowrap; text-overflow: ellipsis; }
div .mejs-captions-layer { position: absolute; bottom: 0px; left: 0px; text-align: center; line-height: 22px; font-size: 12px; color: rgb(255, 255, 255); }
div .mejs-captions-layer a { color: rgb(255, 255, 255); text-decoration: underline; }
div .mejs-captions-layer[lang="ar"] { font-size: 20px; font-weight: normal; }
div .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0px; }
div .mejs-captions-position-hover { bottom: 45px; }
div .mejs-captions-text { padding: 5px 7px; background: rgba(58, 60, 61, 0.8) none repeat scroll 0% 0%; border-radius: 4px; }
div .mejs-clear { clear: both; }
div .me-cannotplay {  }
div .me-cannotplay a { color: rgb(255, 255, 255); font-weight: bold; }
div .me-cannotplay span { padding: 15px; display: block; }
div .mejs-controls .mejs-loop-off button { background-position: -64px -16px; }
div .mejs-controls .mejs-loop-off:hover button { background-position: -64px -48px; }
div .mejs-controls .mejs-loop-on button { background-position: -64px 0px; }
div .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; }
div .mejs-controls .mejs-backlight-off:hover button { background-position: -80px -48px; }
div .mejs-controls .mejs-backlight-on button { background-position: -80px 0px; }
div .mejs-controls .mejs-backlight-on:hover button { background-position: -80px -32px; }
div .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0px; }
div .mejs-controls .mejs-picturecontrols-button:hover { background-position: -96px -32px; }
div .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0px; left: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(153, 153, 153); z-index: 1001; }
div .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0px; margin: 5px 6px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; }
div .mejs-contextmenu .mejs-contextmenu-item { font-family: sans-serif; font-size: 12px; padding: 4px 6px; cursor: pointer; color: rgb(51, 51, 51); }
div .mejs-contextmenu .mejs-contextmenu-item:hover { background: rgb(44, 124, 145) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
div .mejs-controls .mejs-sourcechooser-button { position: relative; }
div .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0px; }
div .mejs-controls .mejs-sourcechooser-button button { background-position: -128px -32px; }
div .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: rgb(58, 60, 61) none repeat scroll 0% 0%; border: 1px solid transparent; padding: 10px; overflow: hidden; border-radius: 0px; }
div .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0px; padding: 0px; display: block; list-style-type: none !important; overflow: hidden; }
div .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0px 0px 6px; padding: 0px; list-style-type: none !important; display: block; color: rgb(255, 255, 255); overflow: hidden; }
div .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0px 5px; }
div .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0px 0px; line-height: 15px; font-family: sans-serif; font-size: 10px; }
div .mejs-video { overflow: hidden; }
.one_third .mejs-controls div.mejs-time-rail, .one_fourth .mejs-controls div.mejs-time-rail, .one_fourth .mejs-controls .mejs-volume-button { display: none; }
.one_third .mejs-controls div.mejs-horizontal-volume-slider, .one_fourth .mejs-controls div.mejs-horizontal-volume-slider, .one_third .mejs-controls .mejs-volume-button { float: right; }
.avia_mobile .mejs-overlay-button { display: none; }