.mx-single-video-player {
	border-radius: 20px;
	outline: none;
	overflow: hidden;
}

.mejs__overlay-play.mejs__overlay .mejs__overlay-button {
	margin: auto;
	position: absolute;
	inset: 0;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background: #ffffff;
	border: 5px solid rgba(225, 55, 86, 0.2);
	transition: 0.5s;
	cursor: pointer;
}

.mejs__overlay-play.mejs__overlay .mejs__overlay-button:hover {
	background: var(--button1Background);
	border: 5px solid var(--button1BorderColor);
}

.mejs__overlay-play.mejs__overlay .mejs__overlay-button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	fill: var(--button1Background);
	transform: translate(-50%, -50%);
	opacity: 1;
}

.mejs__overlay-play.mejs__overlay .mejs__overlay-button:hover svg {
	fill: #ffffff;
}

.mx-single-video-player .mejs__controls {
	padding: 0 36px 20px;
	height: 45px;
	visibility: visible;
	opacity: 0;
	transition: visibility 0.1s, opacity 0.1s;
	align-items: center;
}

.mx-single-video-player .video-loaded .mejs__controls {
	opacity: 1;
}

.mejs__controls .mejs__button > button {

	font-size: inherit;
	line-height: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	text-align: center;
	margin: 0;
	height: 100%;
	width: 100%;
	outline: none !important;
}

.mejs__controls .mejs__button > button svg {
	width: 100%;
	height: 100%;
}

.mejs__controls .mejs__button.mejs__skip-back-button {
	position: absolute;
	left: 30px;
}

.mejs__controls .mejs__button.mejs__jump-forward-button {
	position: absolute;
	left: 116px;
}

.mejs__controls .mejs__skip-back-button > button svg,
.mejs__controls .mejs__jump-forward-button > button svg {
	fill: #A1A4B1;
}

.mejs__controls .mejs__jump-forward-button > button:hover svg,
.mejs__controls .mejs__skip-back-button > button:hover svg{
	fill: #ffffff;
}

.mejs__controls .mejs__playpause-button.mejs__play,
.mejs__controls .mejs__playpause-button.mejs__pause,
.mejs__controls .mejs__playpause-button.mejs__replay {
	position: absolute;
	left: 66px;
	width: 45px;
	height: 45px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
}

.mejs__controls .mejs__playpause-button.mejs__play {
	background-image: url(../images/mediaelementplayer/play.svg) !important;
}

.mejs__controls .mejs__playpause-button.mejs__pause {
	background-image: url(../images/mediaelementplayer/pause.svg) !important;;
}

.mejs__controls .mejs__playpause-button.mejs__replay {
	background-image: url(../images/mediaelementplayer/play.svg) !important;
}

.mejs__controls .mejs__playpause-button.mejs__pause .mejs__icon-pause,
.mejs__controls .mejs__playpause-button.mejs__replay .mejs__icon-replay {
	display: none;
}

.mejs__controls .mejs__time {
	color: var(--mainFontColorAdditional);
	font-size: var(--mainFontSizeSmall);
	padding: 0;
	height: 100%;
	font-weight: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 160px;
}

.mejs__controls .mejs__time > span:not(.mejs__currenttime, .mejs__duration) {
	margin: 0 5px;
}

.mejs__controls .mejs__time-rail {
	cursor: pointer;
	flex: auto;
	display: flex;
	align-items: center;
	min-width: 4em;
	touch-action: none;
	margin: 0;
	right: 0;
	bottom: 40px;
	height: 100%;
	padding: 0;
}

.mejs__controls .mejs__time-rail .mejs__time-total {
	height: 6px;
	border-radius: 12px;
	margin: 0;
	position: relative;
	cursor: pointer;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #73859f;
	background-color: rgba(115, 133, 159, 0.5);
	flex: auto;
	transition: all 0.2s;
}

.mejs__controls .mejs__time-current,
.mejs__controls .mejs__time-buffering,
.mejs__controls .mejs__time-loaded,
.mejs__controls .mejs__time-hovered {
	height: 6px;
	transition: all 0.1s;
}

.mejs__controls .mejs__time-handle,
.mejs__controls .mejs__time-handle-content {
	transition: all 0.1s;
}

.mejs__controls .mejs__time-handle .mejs__time-handle-content {
	top: -8px;
	transform: scale(1);
	width: 16px;
	height: 16px;
	background: #A1A4B1;
	border: none;
}

.mejs__controls .mejs__button.mejs__playpause-button.mejs__play > button > svg {
	display: none;
}

.mejs__controls .mejs__button.mejs__volume-button {
	position: absolute;
	transition: none;
	display: block;
	right: 430px;
	width: 24px;
	height: 24px;
}

.mejs__controls .mejs__button.mejs__volume-button > button {
	overflow: visible;
}

.mejs__controls .mejs__button.mejs__volume-button svg.mejs__icon-unmute {
	top: 50%;
	transform: translateY(-50%);
}

.mejs__controls .mejs__button.mejs__volume-button svg.mejs__icon-mute {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.mejs__controls .mejs__button.mejs__volume-button svg {
	height: 24px;
	width: 24px;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
}

.mejs__controls .mejs__horizontal-volume-slider {
	position: absolute;
	right: 230px;
	transition: none;
	margin: 0;
	width: 190px;
	visibility: visible;
	opacity: 1;
}

.mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total {
	width: 100%;
	height: 4px;
	border: 0;
	background: #a1a4b1;
}

.mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-current:after {
	content: '';
	width: 16px;
	height: 16px;
	background: #a1a4b1;
	display: block;
	right: -8px;
	position: absolute;
	top: -6px;
	border-radius: 50%;
	cursor: pointer;
}

.mejs__controls .mejs__button.mejs__qualities-button {
	position: absolute;
	right: 110px;
	width: 95px;
	font-size: var(--mainFontSizeSmall);
}

.mejs__controls .mejs__button.mejs__qualities-button > button {
	font-weight: 400;
	line-height: 27px;
	color: var(--mainFontColorAdditional);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
}

.mejs__controls .mejs__button.mejs__qualities-button > button svg {
	width: 26px;
	height: 26px;
}

.mejs__controls .mejs__button.mejs__qualities-button .mejs__qualities-selector {
	position: absolute;
	left: 0;
	bottom: 50px;
	background: #25252f;
	z-index: 100;
	width: auto;
	text-align: center;
}

.mejs__controls .mejs__button.mejs__qualities-button .mejs__qualities-selector li,
.mejs__controls .mejs__button.mejs__qualities-button .mejs-qualities-selector li {
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
	line-height: 1.7;
}

.mejs__controls .mejs__button.mejs__qualities-button .mejs__qualities-selector li label,
.mejs__controls .mejs__button.mejs__qualities-button .mejs-qualities-selector li label {
	padding: 5px 35px;
	text-shadow: none;
	font-family: inherit;
	font-size: inherit;
	color: #a1a4b1;
	border: none;
	float: none;
	width: auto;
	display: block;
}

.mejs__controls .mejs__button.mejs__qualities-button .mejs__qualities-selector li label.mejs__qualities-selected,
.mejs__controls .mejs__button.mejs__qualities-button .mejs-qualities-selector li label.mejs__qualities-selected,
.mejs__controls .mejs__button.mejs__qualities-button .mejs__qualities-selector li:hover label,
.mejs__controls .mejs__button.mejs__qualities-button .mejs-qualities-selector li:hover label {
	color: #eeeef1;
	background: rgba(13, 13, 17, 0.5);
}

.mejs__controls .mejs__button.mejs__fullscreen-button {
	position: absolute;
	right: 28px;
	height: 20px;
}

.mejs__controls .mejs__button.mejs__fullscreen-button > button {
	width: auto;
	height: auto;
}

.mejs__controls .mejs__button.mejs__fullscreen-button svg {
	width: 26px;
	height: 27px;
}

.mejs__controls .mejs__button.mejs__picture-in-picture-button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 70px;
	width: 32px;
	height: 32px;
}

.mejs__controls .mejs__button.mejs__picture-in-picture-button #picture-in-picture-button {
	background-image: url(../images/mediaelementplayer/picture-in-picture.svg) !important;
	background-size: contain;
	width: 24px;
	height: 24px;
	max-width: 100%;
	max-height: 100%;
}

@media (max-width: 850px) {
	.mejs__overlay-play.mejs__overlay .mejs__overlay-button {
		width: 60px;
		height: 60px;
	}

	.mejs__overlay-play.mejs__overlay .mejs__overlay-button svg {
		width: 40px;
		height: 40px;
	}

	.mx-single-video-player .mejs__controls {
		padding: 0 15px 10px;
		height: 20px;
	}

	.mejs__controls .mejs__time {
		font-size: 13px;
		left: 16px;
	}

	.mejs__controls .mejs__time-rail {
		bottom: 20px;
	}

	.mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total,
	.mejs__controls .mejs__time-current,
	.mejs__controls .mejs__time-buffering,
	.mejs__controls .mejs__time-loaded,
	.mejs__controls .mejs__time-hovered,
	.mejs__controls .mejs__time-rail .mejs__time-total {
		height: 6px;
	}

	.mejs__controls .mejs__time-handle .mejs__time-handle-content {
		width: 12px;
		height: 12px;
		top: -7px;
	}

	.mejs__controls .mejs__button.mejs__qualities-button {
		right: 50px;
		font-size: 13px;
	}

	.mejs__controls .mejs__button.mejs__qualities-button button > svg {
		width: 18px;
		height: 18px;
	}

	.mejs__controls .mejs__button.mejs__qualities-button .mejs__qualities-selector li label,
	.mejs__controls .mejs__button.mejs__qualities-button .mejs-qualities-selector li label {
		padding: 5px 15px;
	}

	.mejs__controls .mejs__button.mejs__fullscreen-button {
		right: 0;
		margin-top: 4px;
	}

	.mejs__controls .mejs__button.mejs__fullscreen-button svg {
		width: 20px;
		height: 20px;
	}

	.mejs__controls .mejs__button.mejs__picture-in-picture-button {
		width: 20px;
		height: 20px;
		right: 50px;
	}

	.mejs__controls .mejs__button.mejs__skip-back-button,
	.mejs__controls .mejs__button.mejs__jump-forward-button,
	.mejs__controls .mejs__playpause-button.mejs__play,
	.mejs__controls .mejs__playpause-button.mejs__pause,
	.mejs__controls .mejs__playpause-button.mejs__replay,
	.mejs__controls .mejs__button.mejs__volume-button,
	.mejs__controls .mejs__horizontal-volume-slider {
		display: none;
	}

	.hide_qualities .mejs__controls .mejs__button.mejs__qualities-button {
		right: 30px !important;
	}
}

.mx-video-widget .mejs__controls .mejs__button.mejs__qualities-button {
	display: none;
}

.mx-video-widget .mejs__controls .mejs__horizontal-volume-slider {
	right: 130px;
}

.mx-video-widget .mejs__controls .mejs__button.mejs__volume-button {
	right: 330px;
}

.hide_qualities .mejs__controls .mejs__button.mejs__qualities-button {
	right: 70px;
}

.hide_qualities .mejs__controls .mejs__horizontal-volume-slider {
	right: 180px;
}

.hide_qualities .mejs__controls .mejs__button.mejs__volume-button {
	right: 380px;
}

.hide_qualities .mejs__qualities-button > button > svg,
.hide_qualities .mejs__qualities-selector {
	display: none;
	user-select: none;
}

.mx-post-item .mejs__overlay-play.mejs__overlay .mejs__overlay-button {
	width: 60px;
	height: 60px;
}

.mx-post-item .mejs__overlay-play.mejs__overlay .mejs__overlay-button svg {
	width: 30px;
	height: 30px;
}

.mx-post-item .mx-single-video-player .mejs__controls {
	padding: 0 15px;
	bottom: 10px;
	height: 20px;
}

.mx-post-item .mejs__controls .mejs__playpause-button.mejs__play,
.mx-post-item .mejs__controls .mejs__playpause-button.mejs__pause,
.mx-post-item .mejs__controls .mejs__playpause-button.mejs__replay {
	width: 18px;
	height: 18px;
	left: 33px;
}

.mx-post-item .mejs__controls .mejs__time {
	font-size: 14px;
	left: 16px;
}

.mx-post-item .mejs__controls .mejs__time-rail {
	bottom: 20px;
}

.mx-post-item .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total,
.mx-post-item .mejs__controls .mejs__time-current,
.mx-post-item .mejs__controls .mejs__time-buffering,
.mx-post-item .mejs__controls .mejs__time-loaded,
.mx-post-item .mejs__controls .mejs__time-hovered,
.mx-post-item .mejs__controls .mejs__time-rail .mejs__time-total {
	height: 2px;
}

.mx-post-item .mejs__controls .mejs__time-handle .mejs__time-handle-content {
	width: 6px;
	height: 6px;
	border: 3px solid #a1a4b1;
	top: -6px;
	transform: translateX(3px);
}

.mx-post-item .mejs__controls .mejs__qualities-button {
	right: 50px;
}

.mx-post-item .hide_qualities .mejs__controls .mejs__qualities-button {
	right: 40px;
}

.mx-post-item  .mejs__controls .mejs__button.mejs__qualities-button > button svg {
	width: 18px;
	height: 18px;
}

.mx-post-item .mejs__controls .mejs__button.mejs__qualities-button > button {
	font-size: 14px;
}

.mx-post-item .mejs__controls .mejs__button.mejs__qualities-button .mejs__qualities-selector li label,
.mx-post-item .mejs__controls .mejs__button.mejs__qualities-button .mejs-qualities-selector li label {
	padding: 5px 15px;
}

.mx-post-item .mejs__controls .mejs__button.mejs__fullscreen-button {
	width: 20px;
	height: 30px;
	right: 15px;
}

.mx-post-item .mejs__controls .mejs__button.mejs__fullscreen-button button {
	margin-top: 5px;
}

.mx-post-item .mejs__controls .mejs__button.mejs__fullscreen-button svg {
	width: 20px;
	height: 25px;
}

.mx-post-item .mejs__button.mejs__picture-in-picture-button {
	right: 45px;
}

.mx-post-item .mejs__controls .mejs__button.mejs__skip-back-button,
.mx-post-item .mejs__controls .mejs__button.mejs__jump-forward-button,
.mx-post-item .mejs__controls .mejs__playpause-button.mejs__play,
.mx-post-item .mejs__controls .mejs__playpause-button.mejs__pause,
.mx-post-item .mejs__controls .mejs__playpause-button.mejs__replay,
.mx-post-item .mejs__controls .mejs__button.mejs__volume-button,
.mx-post-item .mejs__controls .mejs__horizontal-volume-slider {
	display: none;
}