/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).

[0] Fix | Delete

Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */

[1] Fix | Delete

.mejs-offscreen {

[2] Fix | Delete

border: 0;

[3] Fix | Delete

clip: rect( 1px, 1px, 1px, 1px );

[4] Fix | Delete

-webkit-clip-path: inset( 50% );

[5] Fix | Delete

clip-path: inset( 50% );

[6] Fix | Delete

height: 1px;

[7] Fix | Delete

margin: -1px;

[8] Fix | Delete

overflow: hidden;

[9] Fix | Delete

padding: 0;

[10] Fix | Delete

position: absolute;

[11] Fix | Delete

width: 1px;

[12] Fix | Delete

word-wrap: normal;

[13] Fix | Delete

}

[14] Fix | Delete

[15] Fix | Delete

.mejs-container {

[16] Fix | Delete

background: #000;

[17] Fix | Delete

box-sizing: border-box;

[18] Fix | Delete

font-family: 'Helvetica', Arial, serif;

[19] Fix | Delete

position: relative;

[20] Fix | Delete

text-align: left;

[21] Fix | Delete

text-indent: 0;

[22] Fix | Delete

vertical-align: top;

[23] Fix | Delete

}

[24] Fix | Delete

[25] Fix | Delete

.mejs-container * {

[26] Fix | Delete

box-sizing: border-box;

[27] Fix | Delete

}

[28] Fix | Delete

[29] Fix | Delete

/* Hide native play button and control bar from iOS to favor plugin button */

[30] Fix | Delete

.mejs-container video::-webkit-media-controls,

[31] Fix | Delete

.mejs-container video::-webkit-media-controls-panel,

[32] Fix | Delete

.mejs-container video::-webkit-media-controls-panel-container,

[33] Fix | Delete

.mejs-container video::-webkit-media-controls-start-playback-button {

[34] Fix | Delete

-webkit-appearance: none;

[35] Fix | Delete

display: none !important;

[36] Fix | Delete

}

[37] Fix | Delete

[38] Fix | Delete

.mejs-fill-container,

[39] Fix | Delete

.mejs-fill-container .mejs-container {

[40] Fix | Delete

height: 100%;

[41] Fix | Delete

width: 100%;

[42] Fix | Delete

}

[43] Fix | Delete

[44] Fix | Delete

.mejs-fill-container {

[45] Fix | Delete

background: transparent;

[46] Fix | Delete

margin: 0 auto;

[47] Fix | Delete

overflow: hidden;

[48] Fix | Delete

position: relative;

[49] Fix | Delete

}

[50] Fix | Delete

[51] Fix | Delete

.mejs-container:focus {

[52] Fix | Delete

outline: none;

[53] Fix | Delete

}

[54] Fix | Delete

[55] Fix | Delete

.mejs-iframe-overlay {

[56] Fix | Delete

height: 100%;

[57] Fix | Delete

position: absolute;

[58] Fix | Delete

width: 100%;

[59] Fix | Delete

}

[60] Fix | Delete

[61] Fix | Delete

.mejs-embed,

[62] Fix | Delete

.mejs-embed body {

[63] Fix | Delete

background: #000;

[64] Fix | Delete

height: 100%;

[65] Fix | Delete

margin: 0;

[66] Fix | Delete

overflow: hidden;

[67] Fix | Delete

padding: 0;

[68] Fix | Delete

width: 100%;

[69] Fix | Delete

}

[70] Fix | Delete

[71] Fix | Delete

.mejs-fullscreen {

[72] Fix | Delete

overflow: hidden !important;

[73] Fix | Delete

}

[74] Fix | Delete

[75] Fix | Delete

.mejs-container-fullscreen {

[76] Fix | Delete

bottom: 0;

[77] Fix | Delete

left: 0;

[78] Fix | Delete

overflow: hidden;

[79] Fix | Delete

position: fixed;

[80] Fix | Delete

right: 0;

[81] Fix | Delete

top: 0;

[82] Fix | Delete

z-index: 1000;

[83] Fix | Delete

}

[84] Fix | Delete

[85] Fix | Delete

.mejs-container-fullscreen .mejs-mediaelement,

[86] Fix | Delete

.mejs-container-fullscreen video {

[87] Fix | Delete

height: 100% !important;

[88] Fix | Delete

width: 100% !important;

[89] Fix | Delete

}

[90] Fix | Delete

[91] Fix | Delete

/* Start: LAYERS */

[92] Fix | Delete

.mejs-background {

[93] Fix | Delete

left: 0;

[94] Fix | Delete

position: absolute;

[95] Fix | Delete

top: 0;

[96] Fix | Delete

}

[97] Fix | Delete

[98] Fix | Delete

.mejs-mediaelement {

[99] Fix | Delete

height: 100%;

[100] Fix | Delete

left: 0;

[101] Fix | Delete

position: absolute;

[102] Fix | Delete

top: 0;

[103] Fix | Delete

width: 100%;

[104] Fix | Delete

z-index: 0;

[105] Fix | Delete

}

[106] Fix | Delete

[107] Fix | Delete

.mejs-poster {

[108] Fix | Delete

background-position: 50% 50%;

[109] Fix | Delete

background-repeat: no-repeat;

[110] Fix | Delete

background-size: cover;

[111] Fix | Delete

left: 0;

[112] Fix | Delete

position: absolute;

[113] Fix | Delete

top: 0;

[114] Fix | Delete

z-index: 1;

[115] Fix | Delete

}

[116] Fix | Delete

[117] Fix | Delete

:root .mejs-poster-img {

[118] Fix | Delete

display: none;

[119] Fix | Delete

}

[120] Fix | Delete

[121] Fix | Delete

.mejs-poster-img {

[122] Fix | Delete

border: 0;

[123] Fix | Delete

padding: 0;

[124] Fix | Delete

}

[125] Fix | Delete

[126] Fix | Delete

.mejs-overlay {

[127] Fix | Delete

-webkit-box-align: center;

[128] Fix | Delete

-webkit-align-items: center;

[129] Fix | Delete

-ms-flex-align: center;

[130] Fix | Delete

align-items: center;

[131] Fix | Delete

display: -webkit-box;

[132] Fix | Delete

display: -webkit-flex;

[133] Fix | Delete

display: -ms-flexbox;

[134] Fix | Delete

display: flex;

[135] Fix | Delete

-webkit-box-pack: center;

[136] Fix | Delete

-webkit-justify-content: center;

[137] Fix | Delete

-ms-flex-pack: center;

[138] Fix | Delete

justify-content: center;

[139] Fix | Delete

left: 0;

[140] Fix | Delete

position: absolute;

[141] Fix | Delete

top: 0;

[142] Fix | Delete

}

[143] Fix | Delete

[144] Fix | Delete

.mejs-layer {

[145] Fix | Delete

z-index: 1;

[146] Fix | Delete

}

[147] Fix | Delete

[148] Fix | Delete

.mejs-overlay-play {

[149] Fix | Delete

cursor: pointer;

[150] Fix | Delete

}

[151] Fix | Delete

[152] Fix | Delete

.mejs-overlay-button {

[153] Fix | Delete

background: url('mejs-controls.svg') no-repeat;

[154] Fix | Delete

background-position: 0 -39px;

[155] Fix | Delete

height: 80px;

[156] Fix | Delete

width: 80px;

[157] Fix | Delete

}

[158] Fix | Delete

[159] Fix | Delete

.mejs-overlay:hover > .mejs-overlay-button {

[160] Fix | Delete

background-position: -80px -39px;

[161] Fix | Delete

}

[162] Fix | Delete

[163] Fix | Delete

.mejs-overlay-loading {

[164] Fix | Delete

height: 80px;

[165] Fix | Delete

width: 80px;

[166] Fix | Delete

}

[167] Fix | Delete

[168] Fix | Delete

.mejs-overlay-loading-bg-img {

[169] Fix | Delete

-webkit-animation: mejs-loading-spinner 1s linear infinite;

[170] Fix | Delete

animation: mejs-loading-spinner 1s linear infinite;

[171] Fix | Delete

background: transparent url('mejs-controls.svg') -160px -40px no-repeat;

[172] Fix | Delete

display: block;

[173] Fix | Delete

height: 80px;

[174] Fix | Delete

width: 80px;

[175] Fix | Delete

z-index: 1;

[176] Fix | Delete

}

[177] Fix | Delete

[178] Fix | Delete

@-webkit-keyframes mejs-loading-spinner {

[179] Fix | Delete

100% {

[180] Fix | Delete

-webkit-transform: rotate(360deg);

[181] Fix | Delete

transform: rotate(360deg);

[182] Fix | Delete

}

[183] Fix | Delete

}

[184] Fix | Delete

[185] Fix | Delete

@keyframes mejs-loading-spinner {

[186] Fix | Delete

100% {

[187] Fix | Delete

-webkit-transform: rotate(360deg);

[188] Fix | Delete

transform: rotate(360deg);

[189] Fix | Delete

}

[190] Fix | Delete

}

[191] Fix | Delete

[192] Fix | Delete

/* End: LAYERS */

[193] Fix | Delete

[194] Fix | Delete

/* Start: CONTROL BAR */

[195] Fix | Delete

.mejs-controls {

[196] Fix | Delete

bottom: 0;

[197] Fix | Delete

display: -webkit-box;

[198] Fix | Delete

display: -webkit-flex;

[199] Fix | Delete

display: -ms-flexbox;

[200] Fix | Delete

display: flex;

[201] Fix | Delete

height: 40px;

[202] Fix | Delete

left: 0;

[203] Fix | Delete

list-style-type: none;

[204] Fix | Delete

margin: 0;

[205] Fix | Delete

padding: 0 10px;

[206] Fix | Delete

position: absolute;

[207] Fix | Delete

width: 100%;

[208] Fix | Delete

z-index: 3;

[209] Fix | Delete

}

[210] Fix | Delete

[211] Fix | Delete

.mejs-controls:not([style*='display: none']) {

[212] Fix | Delete

background: rgba(255, 0, 0, 0.7);

[213] Fix | Delete

background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));

[214] Fix | Delete

background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));

[215] Fix | Delete

}

[216] Fix | Delete

[217] Fix | Delete

.mejs-button,

[218] Fix | Delete

.mejs-time,

[219] Fix | Delete

.mejs-time-rail {

[220] Fix | Delete

font-size: 10px;

[221] Fix | Delete

height: 40px;

[222] Fix | Delete

line-height: 10px;

[223] Fix | Delete

margin: 0;

[224] Fix | Delete

width: 32px;

[225] Fix | Delete

}

[226] Fix | Delete

[227] Fix | Delete

.mejs-button > button {

[228] Fix | Delete

background: transparent url('mejs-controls.svg');

[229] Fix | Delete

border: 0;

[230] Fix | Delete

cursor: pointer;

[231] Fix | Delete

display: block;

[232] Fix | Delete

font-size: 0;

[233] Fix | Delete

height: 20px;

[234] Fix | Delete

line-height: 0;

[235] Fix | Delete

margin: 10px 6px;

[236] Fix | Delete

overflow: hidden;

[237] Fix | Delete

padding: 0;

[238] Fix | Delete

position: absolute;

[239] Fix | Delete

text-decoration: none;

[240] Fix | Delete

width: 20px;

[241] Fix | Delete

}

[242] Fix | Delete

[243] Fix | Delete

/* :focus for accessibility */

[244] Fix | Delete

.mejs-button > button:focus {

[245] Fix | Delete

outline: dotted 1px #999;

[246] Fix | Delete

}

[247] Fix | Delete

[248] Fix | Delete

.mejs-container-keyboard-inactive a,

[249] Fix | Delete

.mejs-container-keyboard-inactive a:focus,

[250] Fix | Delete

.mejs-container-keyboard-inactive button,

[251] Fix | Delete

.mejs-container-keyboard-inactive button:focus,

[252] Fix | Delete

.mejs-container-keyboard-inactive [role=slider],

[253] Fix | Delete

.mejs-container-keyboard-inactive [role=slider]:focus {

[254] Fix | Delete

outline: 0;

[255] Fix | Delete

}

[256] Fix | Delete

[257] Fix | Delete

/* End: CONTROL BAR */

[258] Fix | Delete

[259] Fix | Delete

/* Start: Time (Current / Duration) */

[260] Fix | Delete

.mejs-time {

[261] Fix | Delete

box-sizing: content-box;

[262] Fix | Delete

color: #fff;

[263] Fix | Delete

font-size: 11px;

[264] Fix | Delete

font-weight: bold;

[265] Fix | Delete

height: 24px;

[266] Fix | Delete

overflow: hidden;

[267] Fix | Delete

padding: 16px 6px 0;

[268] Fix | Delete

text-align: center;

[269] Fix | Delete

width: auto;

[270] Fix | Delete

}

[271] Fix | Delete

[272] Fix | Delete

/* End: Time (Current / Duration) */

[273] Fix | Delete

[274] Fix | Delete

/* Start: Play/Pause/Stop */

[275] Fix | Delete

.mejs-play > button {

[276] Fix | Delete

background-position: 0 0;

[277] Fix | Delete

}

[278] Fix | Delete

[279] Fix | Delete

.mejs-pause > button {

[280] Fix | Delete

background-position: -20px 0;

[281] Fix | Delete

}

[282] Fix | Delete

[283] Fix | Delete

.mejs-replay > button {

[284] Fix | Delete

background-position: -160px 0;

[285] Fix | Delete

}

[286] Fix | Delete

[287] Fix | Delete

/* End: Play/Pause/Stop */

[288] Fix | Delete

[289] Fix | Delete

/* Start: Progress Bar */

[290] Fix | Delete

.mejs-time-rail {

[291] Fix | Delete

direction: ltr;

[292] Fix | Delete

-webkit-box-flex: 1;

[293] Fix | Delete

-webkit-flex-grow: 1;

[294] Fix | Delete

-ms-flex-positive: 1;

[295] Fix | Delete

flex-grow: 1;

[296] Fix | Delete

height: 40px;

[297] Fix | Delete

margin: 0 10px;

[298] Fix | Delete

padding-top: 10px;

[299] Fix | Delete

position: relative;

[300] Fix | Delete

}

[301] Fix | Delete

[302] Fix | Delete

.mejs-time-total,

[303] Fix | Delete

.mejs-time-buffering,

[304] Fix | Delete

.mejs-time-loaded,

[305] Fix | Delete

.mejs-time-current,

[306] Fix | Delete

.mejs-time-float,

[307] Fix | Delete

.mejs-time-hovered,

[308] Fix | Delete

.mejs-time-float-current,

[309] Fix | Delete

.mejs-time-float-corner,

[310] Fix | Delete

.mejs-time-marker {

[311] Fix | Delete

border-radius: 2px;

[312] Fix | Delete

cursor: pointer;

[313] Fix | Delete

display: block;

[314] Fix | Delete

height: 10px;

[315] Fix | Delete

position: absolute;

[316] Fix | Delete

}

[317] Fix | Delete

[318] Fix | Delete

.mejs-time-total {

[319] Fix | Delete

background: rgba(255, 255, 255, 0.3);

[320] Fix | Delete

margin: 5px 0 0;

[321] Fix | Delete

width: 100%;

[322] Fix | Delete

}

[323] Fix | Delete

[324] Fix | Delete

.mejs-time-buffering {

[325] Fix | Delete

-webkit-animation: buffering-stripes 2s linear infinite;

[326] Fix | Delete

animation: buffering-stripes 2s linear infinite;

[327] Fix | Delete

background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);

[328] Fix | Delete

background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);

[329] Fix | Delete

background-size: 15px 15px;

[330] Fix | Delete

width: 100%;

[331] Fix | Delete

}

[332] Fix | Delete

[333] Fix | Delete

@-webkit-keyframes buffering-stripes {

[334] Fix | Delete

from {

[335] Fix | Delete

background-position: 0 0;

[336] Fix | Delete

}

[337] Fix | Delete

to {

[338] Fix | Delete

background-position: 30px 0;

[339] Fix | Delete

}

[340] Fix | Delete

}

[341] Fix | Delete

[342] Fix | Delete

@keyframes buffering-stripes {

[343] Fix | Delete

from {

[344] Fix | Delete

background-position: 0 0;

[345] Fix | Delete

}

[346] Fix | Delete

to {

[347] Fix | Delete

background-position: 30px 0;

[348] Fix | Delete

}

[349] Fix | Delete

}

[350] Fix | Delete

[351] Fix | Delete

.mejs-time-loaded {

[352] Fix | Delete

background: rgba(255, 255, 255, 0.3);

[353] Fix | Delete

}

[354] Fix | Delete

[355] Fix | Delete

.mejs-time-current,

[356] Fix | Delete

.mejs-time-handle-content {

[357] Fix | Delete

background: rgba(255, 255, 255, 0.9);

[358] Fix | Delete

}

[359] Fix | Delete

[360] Fix | Delete

.mejs-time-hovered {

[361] Fix | Delete

background: rgba(255, 255, 255, 0.5);

[362] Fix | Delete

z-index: 10;

[363] Fix | Delete

}

[364] Fix | Delete

[365] Fix | Delete

.mejs-time-hovered.negative {

[366] Fix | Delete

background: rgba(0, 0, 0, 0.2);

[367] Fix | Delete

}

[368] Fix | Delete

[369] Fix | Delete

.mejs-time-current,

[370] Fix | Delete

.mejs-time-buffering,

[371] Fix | Delete

.mejs-time-loaded,

[372] Fix | Delete

.mejs-time-hovered {

[373] Fix | Delete

left: 0;

[374] Fix | Delete

-webkit-transform: scaleX(0);

[375] Fix | Delete

-ms-transform: scaleX(0);

[376] Fix | Delete

transform: scaleX(0);

[377] Fix | Delete

-webkit-transform-origin: 0 0;

[378] Fix | Delete

-ms-transform-origin: 0 0;

[379] Fix | Delete

transform-origin: 0 0;

[380] Fix | Delete

-webkit-transition: 0.15s ease-in all;

[381] Fix | Delete

transition: 0.15s ease-in all;

[382] Fix | Delete

width: 100%;

[383] Fix | Delete

}

[384] Fix | Delete

[385] Fix | Delete

.mejs-time-buffering {

[386] Fix | Delete

-webkit-transform: scaleX(1);

[387] Fix | Delete

-ms-transform: scaleX(1);

[388] Fix | Delete

transform: scaleX(1);

[389] Fix | Delete

}

[390] Fix | Delete

[391] Fix | Delete

.mejs-time-hovered {

[392] Fix | Delete

-webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);

[393] Fix | Delete

transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);

[394] Fix | Delete

}

[395] Fix | Delete

[396] Fix | Delete

.mejs-time-hovered.no-hover {

[397] Fix | Delete

-webkit-transform: scaleX(0) !important;

[398] Fix | Delete

-ms-transform: scaleX(0) !important;

[399] Fix | Delete

transform: scaleX(0) !important;

[400] Fix | Delete

}

[401] Fix | Delete

[402] Fix | Delete

.mejs-time-handle,

[403] Fix | Delete

.mejs-time-handle-content {

[404] Fix | Delete

border: 4px solid transparent;

[405] Fix | Delete

cursor: pointer;

[406] Fix | Delete

left: 0;

[407] Fix | Delete

position: absolute;

[408] Fix | Delete

-webkit-transform: translateX(0);

[409] Fix | Delete

-ms-transform: translateX(0);

[410] Fix | Delete

transform: translateX(0);

[411] Fix | Delete

z-index: 11;

[412] Fix | Delete

}

[413] Fix | Delete

[414] Fix | Delete

.mejs-time-handle-content {

[415] Fix | Delete

border: 4px solid rgba(255, 255, 255, 0.9);

[416] Fix | Delete

border-radius: 50%;

[417] Fix | Delete

height: 10px;

[418] Fix | Delete

left: -7px;

[419] Fix | Delete

top: -4px;

[420] Fix | Delete

-webkit-transform: scale(0);

[421] Fix | Delete

-ms-transform: scale(0);

[422] Fix | Delete

transform: scale(0);

[423] Fix | Delete

width: 10px;

[424] Fix | Delete

}

[425] Fix | Delete

[426] Fix | Delete

.mejs-time-rail:hover .mejs-time-handle-content,

[427] Fix | Delete

.mejs-time-rail .mejs-time-handle-content:focus,

[428] Fix | Delete

.mejs-time-rail .mejs-time-handle-content:active {

[429] Fix | Delete

-webkit-transform: scale(1);

[430] Fix | Delete

-ms-transform: scale(1);

[431] Fix | Delete

transform: scale(1);

[432] Fix | Delete

}

[433] Fix | Delete

[434] Fix | Delete

.mejs-time-float {

[435] Fix | Delete

background: #eee;

[436] Fix | Delete

border: solid 1px #333;

[437] Fix | Delete

bottom: 100%;

[438] Fix | Delete

color: #111;

[439] Fix | Delete

display: none;

[440] Fix | Delete

height: 17px;

[441] Fix | Delete

margin-bottom: 9px;

[442] Fix | Delete

position: absolute;

[443] Fix | Delete

text-align: center;

[444] Fix | Delete

-webkit-transform: translateX(-50%);

[445] Fix | Delete

-ms-transform: translateX(-50%);

[446] Fix | Delete

transform: translateX(-50%);

[447] Fix | Delete

width: 36px;

[448] Fix | Delete

}

[449] Fix | Delete

[450] Fix | Delete

.mejs-time-float-current {

[451] Fix | Delete

display: block;

[452] Fix | Delete

left: 0;

[453] Fix | Delete

margin: 2px;

[454] Fix | Delete

text-align: center;

[455] Fix | Delete

width: 30px;

[456] Fix | Delete

}

[457] Fix | Delete

[458] Fix | Delete

.mejs-time-float-corner {

[459] Fix | Delete

border: solid 5px #eee;

[460] Fix | Delete

border-color: #eee transparent transparent;

[461] Fix | Delete

border-radius: 0;

[462] Fix | Delete

display: block;

[463] Fix | Delete

height: 0;

[464] Fix | Delete

left: 50%;

[465] Fix | Delete

line-height: 0;

[466] Fix | Delete

position: absolute;

[467] Fix | Delete

top: 100%;

[468] Fix | Delete

-webkit-transform: translateX(-50%);

[469] Fix | Delete

-ms-transform: translateX(-50%);

[470] Fix | Delete

transform: translateX(-50%);

[471] Fix | Delete

width: 0;

[472] Fix | Delete

}

[473] Fix | Delete

[474] Fix | Delete

.mejs-long-video .mejs-time-float {

[475] Fix | Delete

margin-left: -23px;

[476] Fix | Delete

width: 64px;

[477] Fix | Delete

}

[478] Fix | Delete

[479] Fix | Delete

.mejs-long-video .mejs-time-float-current {

[480] Fix | Delete

width: 60px;

[481] Fix | Delete

}

[482] Fix | Delete

[483] Fix | Delete

.mejs-broadcast {

[484] Fix | Delete

color: #fff;

[485] Fix | Delete

height: 10px;

[486] Fix | Delete

position: absolute;

[487] Fix | Delete

top: 15px;

[488] Fix | Delete

width: 100%;

[489] Fix | Delete

}

[490] Fix | Delete

[491] Fix | Delete

/* End: Progress Bar */

[492] Fix | Delete

[493] Fix | Delete

/* Start: Fullscreen */

[494] Fix | Delete

.mejs-fullscreen-button > button {

[495] Fix | Delete

background-position: -80px 0;

[496] Fix | Delete

}

[497] Fix | Delete

[498] Fix | Delete

.mejs-unfullscreen > button {

[499] Fix | Delete