/* глюк с просвечиванием чёрного видео под постером */

.vjs-clubdoc.video-js {
	overflow: hidden;
	border-radius: 10px;
}
.vjs-clubdoc.video-js .vjs-poster {
	left: 50%;
	top: 50%;
	right: unset;
	bottom: unset;
	transform: translate3D(-50%, -50%, 0);
	width: 101%;
	height: 101%;
}

.video-js .vjs-tech {
	position: initial;
}

/* кнопка */
.vjs-clubdoc.video-js .vjs-big-play-button {
	display: none;
}

/* полоса управления */
.vjs-clubdoc.video-js .vjs-control-bar {
	display: flex; /* visible before start */
	height: 3.125rem;
	background-color: #EBEAE9;
	background-color: rgba(235,234,233,1);
}
@media(max-width:1023px) {
	.vjs-clubdoc.video-js .vjs-control-bar {
		height: 5.208rem;
	}
}

/* прогресс-бар */
.vjs-clubdoc.video-js .vjs-progress-control {
	order: 3;
}
.vjs-clubdoc.video-js .vjs-slider {
	height: 0.625rem;
	background-color: #000000;
}

/* загруженное */
.vjs-clubdoc.video-js .vjs-load-progress {
	background: rgba(255, 255, 255, 0.3);
}

/* незагруженное */
.vjs-clubdoc.video-js .vjs-load-progress div {
	background: rgba(255, 255, 255, 0.15);
}

/* просмотренное */
.vjs-clubdoc.video-js .vjs-play-progress,
.orange .vjs-clubdoc.video-js .vjs-play-progress {
	background-color: #FF7900;
}

.blue .vjs-clubdoc.video-js .vjs-play-progress {
	background-color: #335CED;
}

.pink .vjs-clubdoc.video-js .vjs-play-progress {
	background-color: #D155BD;
}

/* текущее положение */
.vjs-clubdoc.video-js .vjs-play-progress::before {
	display: none;
}

/* кнопки */
.video-js .vjs-control {
	align-self: center;
}

/* воспроизведение-пауза */
.vjs-clubdoc.video-js .vjs-play-control {
	order: 1;
	color: #000000;
	margin: 0 0.521rem;
}

.vjs-clubdoc .vjs-button > .vjs-icon-placeholder::before {
	font-size: 3.6rem;
	line-height: 3.125rem;
}

@media(max-width:1023px) {
	.vjs-clubdoc .vjs-button > .vjs-icon-placeholder::before {
		font-size: 3.9rem;
		line-height: 5.208rem;
	}
	.vjs-clubdoc .vjs-play-control.vjs-button > .vjs-icon-placeholder::before {
		margin-left: -0.2rem;
	}

}

/* картинка в картинке */

.vjs-clubdoc .vjs-picture-in-picture-control {
	order: 4;
	width: 4rem;
    margin: 0 0.521rem;
}
.vjs-clubdoc.video-js .vjs-icon-picture-in-picture-enter:before,
.vjs-clubdoc.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: '';
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDIgNDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyIj48cGF0aCBkPSJNMzEuNiA0MS44SDEwLjRhOS45IDkuOSAwIDAgMS05LjktMTBWMTAuMmE5LjkgOS45IDAgMCAxIDkuOS0xMGgyMS4yYTkuOSA5LjkgMCAwIDEgOS45IDEwdjIxLjdhOS45IDkuOSAwIDAgMS05LjkgOS45Wm02LjItMTQuOVYxMC4xQTYuMiA2LjIgMCAwIDAgMzEuNiA0SDEwLjRhNi4yIDYuMiAwIDAgMC02LjIgNi4yVjMyYTYuMiA2LjIgMCAwIDAgNi4yIDYuMmgxMmMtLjMtLjMtLjUtLjctLjUtMS4ydi04LjNjMC0xIC44LTEuOCAxLjgtMS44aDEzLjRsLjcuMVoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 2.1875rem;
}

/* громкость */
.vjs-clubdoc.video-js .vjs-volume-panel {
	order: 6;
	width: 2.5rem;
	margin: 0 0.521rem;
}
@media(max-width:1023px) {
	.vjs-clubdoc.video-js .vjs-volume-panel {
		width: 3rem;
		margin: 0 0.651rem;
	}
}

.vjs-clubdoc.video-js .vjs-mute-control {
	width: 3rem;
}
@media(max-width:1023px) {
	.vjs-clubdoc.video-js .vjs-mute-control {
		width: 3rem;
	}
}
.vjs-clubdoc .vjs-icon-volume-high::before,
.vjs-clubdoc.video-js .vjs-mute-control .vjs-icon-placeholder::before {
	content: '';
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 42 42" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M22.4 5.4 6.9 15c-.2.2-.5.2-.7.2H2a1.4 1.4 0 0 0-1 .4 1.4 1.4 0 0 0-.4 1v10.2A1.3 1.3 0 0 0 2 28.2h4.5l.7.1 15.2 8.3a1.4 1.4 0 0 0 2-1.2V6.6a1.3 1.3 0 0 0-.7-1.2 1.3 1.3 0 0 0-1.3 0Zm12.9 28a1.6 1.6 0 0 1-1.6-1 1.6 1.6 0 0 1 .3-1.7l1.4-1.6a12.8 12.8 0 0 0-1.9-18c-.2 0-.4-.3-.6-.4A1.6 1.6 0 0 1 35 8.3 16 16 0 0 1 36 33c-.2.2-.5.4-.8.4ZM29 29.9a1.2 1.2 0 0 1-1.1-.7 1.2 1.2 0 0 1 .2-1.3l1-1.1a9.2 9.2 0 0 0-1.3-13c-.2 0-.3-.2-.5-.3a1.1 1.1 0 0 1 1.6-1.7 11.6 11.6 0 0 1 .8 17.8l-.7.3Z" fill-rule="nonzero"/></svg>');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 2.1875rem;
}
@media(max-width:1023px) {
	.vjs-clubdoc .vjs-icon-volume-high::before,
	.vjs-clubdoc.video-js .vjs-mute-control .vjs-icon-placeholder::before {
		background-size: 3.125rem;
	}
}
.vjs-clubdoc .vjs-icon-volume-mute::before,
.vjs-clubdoc.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before {
	content: '';
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 42 42" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M24.4 15 36.2 3.1l2 2-32 32.2-2.2-2 5.6-5.6-2.5-1.4-.7-.1H2a1.3 1.3 0 0 1-1.4-1.4V16.6A1.3 1.3 0 0 1 2 15.2h4.2c.2 0 .5 0 .7-.2l15.5-9.6a1.3 1.3 0 0 1 1.8.5c.2.2.2.5.2.7v8.3Zm0 5.6-11 11 9 5a1.4 1.4 0 0 0 2-1.2V20.6ZM36 9.1a16 16 0 0 1 .2 23.9c-.3.2-.6.4-1 .4a1.6 1.6 0 0 1-1.5-1 1.6 1.6 0 0 1 .3-1.7l1.4-1.6a12.8 12.8 0 0 0-1.7-17.8L36 9.1Zm-5 4.8a11.6 11.6 0 0 1-1.3 15.7l-.7.3a1.2 1.2 0 0 1-1.1-.7 1.2 1.2 0 0 1 .2-1.3l1-1.1a9.2 9.2 0 0 0 .3-11.2l1.6-1.7Z"/></svg>');
}
/* уровень громкости */
.vjs-clubdoc .vjs-slider-horizontal .vjs-volume-level::before {
	display: none;
}
.vjs-clubdoc .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
	height: 100%;
}
.vjs-clubdoc .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level,
.orange .vjs-clubdoc .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
	background-color: #FF7900;
}
.blue .vjs-clubdoc .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
	background-color: #335CED;
}
.pink .vjs-clubdoc .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
	background-color: #D155BD;
}
.vjs-clubdoc.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
	height: 3.125rem;
	align-self: center;
}
.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
	/*width: 60px;*/
}

@media(max-width:1023px) {
	.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
	.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
	.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
		width: 60px;
	}
}
.vjs-clubdoc.video-js .vjs-volume-bar.vjs-slider-horizontal {
	width: 40px;
}
.vjs-clubdoc .vjs-volume-bar.vjs-slider-bar.vjs-slider.vjs-slider-horizontal {
	align-self: center;
}

/*.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.vjs-clubdoc.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width 0.1s;
}

.vjs-clubdoc.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.vjs-clubdoc.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0;
}

.vjs-clubdoc.video-js .vjs-volume-panel .vjs-volume-control,
.vjs-clubdoc.video-js .vjs-volume-panel:active .vjs-volume-control,
.vjs-clubdoc.video-js .vjs-volume-panel:focus .vjs-volume-control,
.vjs-clubdoc.video-js .vjs-volume-panel .vjs-volume-control:active,
.vjs-clubdoc.video-js .vjs-volume-panel .vjs-mute-control ~ .vjs-volume-control,
.vjs-clubdoc.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}*/

/* время */
.vjs-clubdoc.video-js .vjs-time-control {
	order: 2;
	color: #000000;
	font-size: 0.729rem;
	line-height: 3.125rem;
}

@media(max-width:1023px) {
	.vjs-clubdoc.video-js .vjs-time-control {
		font-size: 1.563rem;
		line-height: 5.208rem;
		padding: 0 0.5rem;
	}
}

/* текущее время */
.vjs-clubdoc.video-js .vjs-current-time,
.vjs-clubdoc .vjs-no-flex .vjs-current-time {
	display: block;
}
/* разделитель времени */
.vjs-clubdoc.video-js .vjs-time-divider,
.vjs-clubdoc .vjs-no-flex .vjs-time-divider {
	display: block;
	padding: 0;
	min-width: 0;
}
.vjs-clubdoc.video-js .vjs-time-divider div,
.vjs-clubdoc .vjs-no-flex .vjs-time-divider div {
}
/* общее время */
.vjs-clubdoc.video-js .vjs-duration  ,
.vjs-clubdoc .vjs-no-flex .vjs-duration   {
	display: block;
}
/* оставшееся время */
.vjs-clubdoc.video-js .vjs-remaining-time ,
.vjs-clubdoc .vjs-no-flex .vjs-remaining-time  {
	display: none;
}



/* развернуть */
.vjs-clubdoc.video-js .vjs-fullscreen-control {
	order: 5;
	width: 2.5rem;
	margin: 0 0.521rem;
}
@media(max-width:1023px) {
	.vjs-clubdoc.video-js .vjs-fullscreen-control {
		width: 3rem;
		margin: 0 0.651rem;
	}
}

.vjs-clubdoc.video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
	content: '';
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 42 42" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M5.8 38.3a2 2 0 0 1-2-2V29a2 2 0 0 1 4 0v2.6l7.5-7.5a2 2 0 0 1 2.7 2.8l-7.5 7.5h2.6a2 2 0 1 1 0 4H5.8ZM36.2 3.7a2 2 0 0 1 2 2V13a2 2 0 0 1-4 0v-2.6L26.8 18a2 2 0 1 1-2.7-2.8l7.5-7.5H29a2 2 0 1 1 0-4h7.3Z" fill-rule="nonzero"/></svg>');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 2.1875rem;
}
@media(max-width:1023px) {
	.vjs-clubdoc.video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
		background-size: 3.125rem;
	}
}
.vjs-clubdoc.video-js .vjs-fullscreen-control[title="Non-Fullscreen"] .vjs-icon-placeholder::before {
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 42 42" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M16.4 23.5a2 2 0 0 1 2 2v7.4a2 2 0 0 1-4 0v-2.7L7 37.8A2 2 0 1 1 4.1 35l7.6-7.6H9a2 2 0 0 1 0-4h7.4Zm9.2-5a2 2 0 0 1-2-2V9a2 2 0 0 1 4 0v2.7L35 4.3A2 2 0 0 1 37.9 7l-7.6 7.6H33a2 2 0 1 1 0 4h-7.4Z"/></svg>');
}

.vjs-clubdoc.video-js .vjs-play-control .vjs-icon-placeholder::before {
	content: '';
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 42 42"><path fill-rule="nonzero" d="M35.84 19a2.3 2.3 0 0 1 0 4L8.41 38.53a2.3 2.3 0 0 1-3.41-2V5.46a2.3 2.3 0 0 1 3.42-2l27.42 15.55Z"/></svg>');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 2.1875rem;
}

.vjs-clubdoc.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 42 42"><path d="M6.96 3h10.06v36H6.96zm18.01 0h10.06v36H24.97z"/></svg>');
}