.mejs-container {
position:relative;
background:#000;
font-family:Helvetica,Arial;
text-align:left;
vertical-align:top;
text-indent:0;
}

.me-plugin {
position:absolute;
}

.mejs-embed,.mejs-embed body {
width:100%;
height:100%;
background:#000;
overflow:hidden;
margin:0;
padding:0;
}

.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-mediaelement {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.mejs-poster img {
border:0;
display:block;
padding:0;
}

.mejs-overlay-play {
cursor:pointer;
}

.mejs-overlay-button {
position:absolute;
top:50%;
left:50%;
width:100px;
height:100px;
background:url(/test/wp-content/themes/8ttagoni/framework/assets/frontend/css/i/bigplay.svg) no-repeat;
margin:-50px 0 0 -50px;
}

.no-svg .mejs-overlay-button {
background-image:url(/test/wp-content/themes/8ttagoni/framework/assets/frontend/css/i/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;
background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));
margin:-40px 0 0 -40px;
}

.mejs-overlay-loading span {
display:block;
width:80px;
height:80px;
background:transparent url(/test/wp-content/themes/8ttagoni/framework/assets/frontend/css/i/loading.gif) 50% 50% no-repeat;
}

.mejs-container .mejs-controls {
position:absolute;
list-style-type:none;
bottom:0;
left:0;
background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
height:30px;
width:100%;
margin:0;
padding:0;
}

.mejs-container .mejs-controls div {
list-style-type:none;
background-image:none;
display:block;
float:left;
width:26px;
height:26px;
font-size:11px;
line-height:11px;
background:0;
font-family:Helvetica,Arial;
border:0;
margin:0;
padding:0;
}

.mejs-controls .mejs-button button {
cursor:pointer;
display:block;
font-size:0;
line-height:0;
text-decoration:none;
position:absolute;
height:16px;
width:16px;
border:0;
background:transparent url(/test/wp-content/themes/8ttagoni/framework/assets/frontend/css/i/controls.svg) no-repeat;
margin:7px 5px;
padding:0;
}

.no-svg .mejs-controls .mejs-button button {
background-image:url(/test/wp-content/themes/8ttagoni/framework/assets/frontend/css/i/controls.png);
}

.mejs-controls .mejs-button button:focus {
outline:solid 1px #FF0;
}

.mejs-container .mejs-controls .mejs-time {
color:#fff;
display:block;
height:17px;
width:auto;
overflow:hidden;
text-align:center;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
padding:auto 4px;
}

.mejs-container .mejs-controls .mejs-time span {
font-size:11px;
color:#fff;
line-height:12px;
display:block;
float:left;
width:auto;
margin:1px 2px 0 0;
}

.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 {
width:200px;
padding-top:5px;
}

.mejs-controls .mejs-time-rail span {
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 {
background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));
margin:5px;
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
width:100%;
background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25% 25% 50% 50% 75% 75%;
-webkit-background-size:15px 15px;
-moz-background-size:15px 15px;
-o-background-size:15px 15px;
background-size:15px 15px;
-webkit-animation:buffering-stripes 2s linear infinite;
-moz-animation:buffering-stripes 2s linear infinite;
-ms-animation:buffering-stripes 2s linear infinite;
-o-animation:buffering-stripes 2s linear infinite;
animation:buffering-stripes 2s linear infinite;
}

to {
background-position:30px 0;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));
width:0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
width:0;
background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
display:none;
position:absolute;
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;
margin:0;
}

.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 {
width:30px;
display:block;
text-align:center;
left:0;
margin:2px;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position:absolute;
display:block;
width:0;
height:0;
line-height:0;
border:solid 5px #eee;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
top:15px;
left:13px;
border-color:#eee transparent transparent;
}

.mejs-controls .mejs-fullscreen-button button {
background-position:-32px 0;
}

.mejs-controls .mejs-unfullscreen button {
background-position:-32px -16px;
}

.mejs-controls .mejs-mute button {
background-position:-16px -16px;
}

.mejs-controls .mejs-unmute button {
background-position:-16px 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
display:none;
height:115px;
width:25px;
background:rgba(50,50,50,0.7);
-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:rgba(255,255,255,0.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:rgba(255,255,255,0.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:rgba(255,255,255,0.9);
cursor:N-resize;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
margin:0;
}

.mejs-controls div.mejs-horizontal-volume-slider {
height:26px;
width:60px;
position:relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position:absolute;
left:0;
top:11px;
width:50px;
height:8px;
font-size:1px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));
margin:0;
padding:0;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position:absolute;
left:0;
top:11px;
width:50px;
height:8px;
font-size:1px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));
margin:0;
padding:0;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display:none;
}

.mejs-controls .mejs-captions-button button {
background-position:-48px 0;
}

.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:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);
overflow:hidden;
border:0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size:11px;
color:#fff;
display:block;
border-right:solid 1px #333;
border-bottom:solid 1px #333;
cursor:pointer;
padding:5px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right:none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size:12px;
font-weight:700;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
line-height:12px;
margin:0 0 3px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size:12px;
line-height:12px;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
margin:3px 0 4px;
}

.mejs-captions-layer {
position:absolute;
bottom:0;
left:0;
text-align:center;
line-height:22px;
font-size:12px;
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:45px;
}

.mejs-captions-text {
background:rgba(20,20,20,0.8);
padding:3px 5px;
}

.mejs-clear {
clear:both;
}

.me-cannotplay a {
color:#fff;
font-weight:700;
}

.me-cannotplay span {
display:block;
padding:15px;
}

.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;
border-radius:4px;
top:0;
left:0;
background:#fff;
border:solid 1px #999;
z-index:1001;
padding:10px;
}

.mejs-contextmenu .mejs-contextmenu-separator {
height:1px;
font-size:0;
background:#333;
margin:5px 6px;
}

.mejs-contextmenu .mejs-contextmenu-item {
font-family:Helvetica,Arial;
font-size:12px;
cursor:pointer;
color:#333;
padding:4px 6px;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
background:#2C7C91;
color:#fff;
}

.mejs-controls .mejs-sourcechooser-button button {
background-position:-128px 0;
}

.mejs-background,.mejs-poster,.mejs-overlay {
position:absolute;
top:0;
left:0;
}

.mejs-controls .mejs-volume-button,.mejs-controls .mejs-captions-button,.mejs-controls .mejs-sourcechooser-button {
position:relative;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector,.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility:hidden;
position:absolute;
bottom:26px;
right:-10px;
width:130px;
height:100px;
background:rgba(50,50,50,0.7);
border:solid 1px transparent;
overflow:hidden;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
padding:10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul,.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
display:block;
list-style-type:none!important;
overflow:hidden;
margin:0;
padding:0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li,.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
list-style-type:none!important;
display:block;
color:#fff;
overflow:hidden;
margin:0 0 6px;
padding:0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input,.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear:both;
float:left;
margin:3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label,.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width:100px;
float:left;
line-height:15px;
font-family:helvetica,arial;
font-size:10px;
padding:4px 0 0;
}