.mejs-offscreen {
	margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(1px, 1px, 1px, 1px); -ms-word-wrap: normal; -webkit-clip-path: inset(50%);
}
.mejs-container {
	background: rgb(0, 0, 0); text-align: left; text-indent: 0px; font-family: Helvetica,Arial,serif; vertical-align: top; position: relative;
}
.mejs-container {
	box-sizing: border-box;
}
.mejs-container * {
	box-sizing: border-box;
}
.mejs-fill-container {
	width: 100%; height: 100%;
}
.mejs-fill-container .mejs-container {
	width: 100%; height: 100%;
}
.mejs-fill-container {
	background: none; margin: 0px auto; overflow: hidden; position: relative;
}
.mejs-container:focus {
	
}
.mejs-iframe-overlay {
	width: 100%; height: 100%; position: absolute;
}
.mejs-embed {
	background: rgb(0, 0, 0); margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden;
}
.mejs-embed body {
	background: rgb(0, 0, 0); margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden;
}
.mejs-fullscreen {
	overflow: hidden !important;
}
.mejs-container-fullscreen {
	left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: fixed; z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement {
	width: 100% !important; height: 100% !important;
}
.mejs-container-fullscreen video {
	width: 100% !important; height: 100% !important;
}
.mejs-background {
	left: 0px; top: 0px; position: absolute;
}
.mejs-mediaelement {
	left: 0px; top: 0px; position: absolute;
}
.mejs-mediaelement {
	width: 100%; height: 100%; z-index: 0;
}
.mejs-poster {
	background-position: 50% 50%; left: 0px; top: 0px; position: absolute; z-index: 1; background-repeat: no-repeat; background-size: cover;
}
:root .mejs-poster-img {
	display: none;
}
.mejs-poster-img {
	padding: 0px; border: 0px currentColor; border-image: none;
}
.mejs-overlay {
	left: 0px; top: 0px; display: flex; position: absolute; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -webkit-justify-content: center;
}
.mejs-layer {
	z-index: 1;
}
.mejs-overlay-play {
	cursor: pointer;
}
.mejs-overlay-button {
	background: url("mejs-controls.svg") no-repeat 0px -39px; width: 80px; height: 80px;
}
.mejs-overlay:hover > .mejs-overlay-button {
	background-position: -80px -39px;
}
.mejs-overlay-loading {
	width: 80px; height: 80px;
}
.mejs-overlay-loading-bg-img {
	background: url("mejs-controls.svg") no-repeat -160px -40px; animation:a 1s linear infinite; width: 80px; height: 80px; display: block; z-index: 1; -webkit-animation: a 1s linear infinite;
}
.mejs-controls {
	margin: 0px; padding: 0px 10px; left: 0px; width: 100%; height: 40px; bottom: 0px; display: flex; list-style-type: none; position: absolute; z-index: 3;
}
:not([style*='display: none']).mejs-controls {
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}
.mejs-button {
	margin: 0px; width: 32px; height: 40px; line-height: 10px; font-size: 10px;
}
.mejs-time {
	margin: 0px; width: 32px; height: 40px; line-height: 10px; font-size: 10px;
}
.mejs-time-rail {
	margin: 0px; width: 32px; height: 40px; line-height: 10px; font-size: 10px;
}
.mejs-button > button {
	background: url("mejs-controls.svg"); margin: 10px 6px; padding: 0px; border: 0px currentColor; border-image: none; width: 20px; height: 20px; line-height: 0; overflow: hidden; font-size: 0px; text-decoration: none; display: block; position: absolute; cursor: pointer;
}
.mejs-button > button:focus {
	outline: rgb(153, 153, 153) dotted 1px;
}
.mejs-container-keyboard-inactive [role=slider] {
	outline: 0px;
}
.mejs-container-keyboard-inactive [role=slider]:focus {
	outline: 0px;
}
.mejs-container-keyboard-inactive a {
	outline: 0px;
}
.mejs-container-keyboard-inactive a:focus {
	outline: 0px;
}
.mejs-container-keyboard-inactive button {
	outline: 0px;
}
.mejs-container-keyboard-inactive button:focus {
	outline: 0px;
}
.mejs-time {
	padding: 16px 6px 0px; width: auto; height: 24px; text-align: center; color: rgb(255, 255, 255); overflow: hidden; font-size: 11px; font-weight: 700; box-sizing: content-box;
}
.mejs-play > button {
	background-position: 0px 0px;
}
.mejs-pause > button {
	background-position: -20px 0px;
}
.mejs-replay > button {
	background-position: -160px 0px;
}
.mejs-time-rail {
	margin: 0px 10px; height: 40px; padding-top: 10px; position: relative; direction: ltr; flex-grow: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1;
}
.mejs-time-buffering {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-current {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-float {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-float-corner {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-float-current {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-hovered {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-loaded {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-marker {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-total {
	border-radius: 2px; height: 10px; display: block; position: absolute; cursor: pointer;
}
.mejs-time-total {
	background: hsla(0, 0%, 100%, 0.3); margin: 5px 0px 0px; width: 100%;
}
.mejs-time-buffering {
	background: linear-gradient(-45deg, hsla(0, 0%, 100%, 0.4) 25%, transparent 0px, transparent 50%, hsla(0, 0%, 100%, 0.4) 0px, hsla(0, 0%, 100%, 0.4) 75%, transparent 0px, transparent) 0% 0% / 15px 15px; animation:b 2s linear infinite; width: 100%; -webkit-animation: b 2s linear infinite;
}
.mejs-time-loaded {
	background: hsla(0, 0%, 100%, 0.3);
}
.mejs-time-current {
	background: hsla(0, 0%, 100%, 0.9);
}
.mejs-time-handle-content {
	background: hsla(0, 0%, 100%, 0.9);
}
.mejs-time-hovered {
	background: hsla(0, 0%, 100%, 0.5); z-index: 10;
}
.mejs-time-hovered.negative {
	background: rgba(0, 0, 0, 0.2);
}
.mejs-time-buffering {
	transform-origin: 0% 0%; transition:0.15s ease-in; left: 0px; width: 100%; transform: scaleX(0); -webkit-transform: scaleX(0); -webkit-transform-origin: 0 0; -webkit-transition: all .15s ease-in;
}
.mejs-time-current {
	transform-origin: 0% 0%; transition:0.15s ease-in; left: 0px; width: 100%; transform: scaleX(0); -webkit-transform: scaleX(0); -webkit-transform-origin: 0 0; -webkit-transition: all .15s ease-in;
}
.mejs-time-hovered {
	transform-origin: 0% 0%; transition:0.15s ease-in; left: 0px; width: 100%; transform: scaleX(0); -webkit-transform: scaleX(0); -webkit-transform-origin: 0 0; -webkit-transition: all .15s ease-in;
}
.mejs-time-loaded {
	transform-origin: 0% 0%; transition:0.15s ease-in; left: 0px; width: 100%; transform: scaleX(0); -webkit-transform: scaleX(0); -webkit-transform-origin: 0 0; -webkit-transition: all .15s ease-in;
}
.mejs-time-buffering {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.mejs-time-hovered {
	transition:height 0.1s cubic-bezier(0.44, 0, 1, 1); -webkit-transition: height .1s cubic-bezier(.44, 0, 1, 1);
}
.mejs-time-hovered.no-hover {
	transform: scaleX(0) !important; -webkit-transform: scaleX(0);
}
.mejs-time-handle {
	border: 4px solid transparent; border-image: none; left: 0px; position: absolute; z-index: 11; cursor: pointer; transform: translateX(0px); -webkit-transform: translateX(0);
}
.mejs-time-handle-content {
	border: 4px solid transparent; border-image: none; left: 0px; position: absolute; z-index: 11; cursor: pointer; transform: translateX(0px); -webkit-transform: translateX(0);
}
.mejs-time-handle-content {
	border-radius: 50%; border: 4px solid hsla(0, 0%, 100%, 0.9); border-image: none; left: -7px; top: -4px; width: 10px; height: 10px; transform: scale(0); -webkit-transform: scale(0);
}
.mejs-time-rail .mejs-time-handle-content:active {
	transform: scale(1); -webkit-transform: scale(1);
}
.mejs-time-rail .mejs-time-handle-content:focus {
	transform: scale(1); -webkit-transform: scale(1);
}
.mejs-time-rail:hover .mejs-time-handle-content {
	transform: scale(1); -webkit-transform: scale(1);
}
.mejs-time-float {
	background: rgb(238, 238, 238); border: 1px solid rgb(51, 51, 51); border-image: none; width: 36px; height: 17px; text-align: center; bottom: 100%; color: rgb(17, 17, 17); margin-bottom: 9px; display: none; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.mejs-time-float-current {
	margin: 2px; left: 0px; width: 30px; text-align: center; display: block;
}
.mejs-time-float-corner {
	border-width: 5px; border-style: solid; border-color: rgb(238, 238, 238) transparent transparent; border-radius: 0px; border-image: none; left: 50%; top: 100%; width: 0px; height: 0px; line-height: 0; display: block; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.mejs-long-video .mejs-time-float {
	width: 64px; margin-left: -23px;
}
.mejs-long-video .mejs-time-float-current {
	width: 60px;
}
.mejs-broadcast {
	top: 15px; width: 100%; height: 10px; color: rgb(255, 255, 255); position: absolute;
}
.mejs-fullscreen-button > button {
	background-position: -80px 0px;
}
.mejs-unfullscreen > button {
	background-position: -100px 0px;
}
.mejs-mute > button {
	background-position: -60px 0px;
}
.mejs-unmute > button {
	background-position: -40px 0px;
}
.mejs-volume-button {
	position: relative;
}
.mejs-volume-button > .mejs-volume-slider {
	background: rgba(50, 50, 50, 0.7); margin: 0px; border-radius: 0px; left: 50%; width: 25px; height: 115px; bottom: 100%; display: none; position: absolute; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -webkit-backface-visibility: hidden;
}
.mejs-volume-button:hover {
	border-radius: 0px 0px 4px 4px;
}
.mejs-volume-total {
	background: hsla(0, 0%, 100%, 0.5); margin: 0px; left: 50%; top: 8px; width: 2px; height: 100px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.mejs-volume-current {
	margin: 0px; left: 0px; width: 100%;
}
.mejs-volume-current {
	background: hsla(0, 0%, 100%, 0.9); position: absolute;
}
.mejs-volume-handle {
	background: hsla(0, 0%, 100%, 0.9); position: absolute;
}
.mejs-volume-handle {
	border-radius: 1px; left: 50%; width: 16px; height: 6px; cursor: ns-resize; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.mejs-horizontal-volume-slider {
	width: 56px; height: 36px; vertical-align: middle; display: block; position: relative;
}
.mejs-horizontal-volume-total {
	background: rgba(50, 50, 50, 0.8); top: 16px; width: 50px; height: 8px;
}
.mejs-horizontal-volume-current {
	margin: 0px; padding: 0px; border-radius: 2px; left: 0px; font-size: 1px; position: absolute;
}
.mejs-horizontal-volume-total {
	margin: 0px; padding: 0px; border-radius: 2px; left: 0px; font-size: 1px; position: absolute;
}
.mejs-horizontal-volume-current {
	background: hsla(0, 0%, 100%, 0.8); top: 0px; width: 100%; height: 100%;
}
.mejs-horizontal-volume-handle {
	display: none;
}
.mejs-captions-button {
	position: relative;
}
.mejs-chapters-button {
	position: relative;
}
.mejs-captions-button > button {
	background-position: -140px 0px;
}
.mejs-chapters-button > button {
	background-position: -180px 0px;
}
.mejs-captions-button > .mejs-captions-selector {
	background: rgba(50, 50, 50, 0.7); padding: 0px; border-radius: 0px; border: 1px solid transparent; border-image: none; width: 86px; right: 50%; bottom: 100%; overflow: hidden; margin-right: -43px; visibility: visible; position: absolute;
}
.mejs-chapters-button > .mejs-chapters-selector {
	background: rgba(50, 50, 50, 0.7); padding: 0px; border-radius: 0px; border: 1px solid transparent; border-image: none; width: 86px; right: 50%; bottom: 100%; overflow: hidden; margin-right: -43px; visibility: visible; position: absolute;
}
.mejs-chapters-button > .mejs-chapters-selector {
	width: 110px; margin-right: -55px;
}
.mejs-captions-selector-list {
	margin: 0px; padding: 0px; overflow: hidden; list-style-type: none !important;
}
.mejs-chapters-selector-list {
	margin: 0px; padding: 0px; overflow: hidden; list-style-type: none !important;
}
.mejs-captions-selector-list-item {
	margin: 0px 0px 6px; padding: 0px; color: rgb(255, 255, 255); overflow: hidden; display: block; list-style-type: none !important; cursor: pointer;
}
.mejs-chapters-selector-list-item {
	margin: 0px 0px 6px; padding: 0px; color: rgb(255, 255, 255); overflow: hidden; display: block; list-style-type: none !important; cursor: pointer;
}
.mejs-captions-selector-list-item:hover {
	background-color: hsla(0, 0%, 100%, 0.4) !important;
}
.mejs-chapters-selector-list-item:hover {
	background-color: hsla(0, 0%, 100%, 0.4) !important;
}
.mejs-captions-selector-input {
	margin: 3px 3px 0px 5px; left: -1000px; clear: both; float: left; position: absolute;
}
.mejs-chapters-selector-input {
	margin: 3px 3px 0px 5px; left: -1000px; clear: both; float: left; position: absolute;
}
.mejs-captions-selector-label {
	padding: 4px 10px 0px; width: 100%; line-height: 15px; font-size: 10px; float: left; cursor: pointer;
}
.mejs-chapters-selector-label {
	padding: 4px 10px 0px; width: 100%; line-height: 15px; font-size: 10px; float: left; cursor: pointer;
}
.mejs-captions-selected {
	color: rgb(33, 248, 248);
}
.mejs-chapters-selected {
	color: rgb(33, 248, 248);
}
.mejs-captions-translations {
	margin: 0px 0px 5px; font-size: 10px;
}
.mejs-captions-layer {
	left: 0px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 20px; font-size: 16px; position: absolute;
}
.mejs-captions-layer a {
	color: rgb(255, 255, 255); text-decoration: underline;
}
[lang=ar].mejs-captions-layer {
	font-size: 20px; font-weight: 400;
}
.mejs-captions-position {
	left: 0px; width: 100%; bottom: 15px; position: absolute;
}
.mejs-captions-position-hover {
	bottom: 35px;
}
.mejs-captions-text {
	background: hsla(0, 0%, 8%, 0.5); padding: 0px; white-space: pre-wrap; box-shadow: 5px 0px 0px hsla(0, 0%, 8%, 0.5), -5px 0px 0px hsla(0, 0%, 8%, 0.5);
}
.mejs-captions-text * {
	background: hsla(0, 0%, 8%, 0.5); padding: 0px; white-space: pre-wrap; box-shadow: 5px 0px 0px hsla(0, 0%, 8%, 0.5), -5px 0px 0px hsla(0, 0%, 8%, 0.5);
}
.mejs-overlay-error {
	position: relative;
}
.mejs-overlay-error > img {
	left: 0px; top: 0px; position: absolute; z-index: -1; max-width: 100%;
}
.mejs-cannotplay {
	color: rgb(255, 255, 255); font-size: 0.8em;
}
.mejs-cannotplay a {
	color: rgb(255, 255, 255); font-size: 0.8em;
}
.mejs-cannotplay {
	position: relative;
}
.mejs-cannotplay a {
	padding: 0px 15px; width: 100%; display: inline-block;
}
.mejs-cannotplay p {
	padding: 0px 15px; width: 100%; display: inline-block;
}