html {
	margin: 0px; padding: 0px; width: 100%; height: 100%;
}
body {
	margin: 0px; padding: 0px; width: 100%; height: 100%;
}
.hidden {
	display: none !important;
}
#player {
	width: 100%; height: 100%; overflow: hidden; position: relative;
}
#player__video {
	width: 100%; position: relative;
}
#player__overlay {
	transition:opacity 0.2s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0;
}
#player__overlay:hover {
	opacity: 1;
}
.player__overlay--show#player__overlay {
	opacity: 1;
}
#player__controls {
	background: linear-gradient(transparent, rgb(0, 0, 0)); padding: 30px 15px 0px; width: 100%; height: 72px; bottom: 0px; position: absolute; box-sizing: border-box; pointer-events: all; user-select: none;
}
.player__button {
	width: 46px; height: 100%; text-align: center; line-height: 36px; display: inline-block; cursor: pointer; user-select: none;
}
#player__button--live {
	transition:transform 0.2s; width: 46px; height: 100%; text-align: center; bottom: 1px; color: rgb(255, 255, 255); line-height: 36px; letter-spacing: 3px; font-family: Open sans; font-size: 15px; font-weight: bold; display: inline-block; position: relative; transform: translateX(-50px); user-select: none;
}
.player__button--live--shift#player__button--live {
	transform: translateX(0px);
}
.player__header {
	background: linear-gradient(to top, transparent, rgb(0, 0, 0)); transition:opacity 0.2s; height: 72px; opacity: 1; pointer-events: all;
}
.player__header--mobile.player__header {
	top: 0px; position: absolute;
}
.player__header--hide.player__header {
	opacity: 0; pointer-events: none;
}
.player__header-content {
	padding-top: 15px; padding-left: 65px; display: inline-block; cursor: pointer;
}
#player__big-play-button {
	background: rgba(0, 0, 0, 0.6); padding: 35px; border-radius: 100px; transition:background 0.2s; left: calc(50% - 60px); top: calc(50% - 60px); width: 35px; height: 35px; display: inline-block; position: absolute; cursor: pointer;
}
#player__big-play-button:hover {
	background: rgb(61, 169, 252);
}
.player__big-play-button-icon {
	left: 8px; position: relative;
}
.player__channel-avatar {
	margin: 5px; border-radius: 100px; left: 10px; width: 40px; height: 40px; position: absolute; cursor: pointer;
}
.player__video-title {
	top: 12px; color: rgb(255, 255, 255); overflow: hidden; font-family: "Open Sans"; font-size: 18px; position: relative; cursor: pointer; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
#player__content-clickable {
	width: 100%; height: calc(100% - 144px);
}
.player__video-dimensions {
	width: 100%; height: 100%; position: relative;
}
#player__volume-slider-wrapper {
	padding: 9px 4px; left: -5px; top: 5px; width: 50px; height: 5px; display: inline-block; position: relative;
}
.player__volume-slider {
	background: rgb(151, 151, 151); margin: 0px; border-radius: 100px; transition:0.2s; width: 0px; height: 5px; bottom: 9px; overflow: hidden; position: absolute; cursor: pointer; opacity: 0; -webkit-appearance: none;
}
.player__volume-slider--open.player__volume-slider {
	width: 50px; opacity: 1;
}
.player__volume-slider:hover {
	width: 50px; opacity: 1;
}
.player__volume-slider::-ms-fill-lower {
	background: rgb(255, 255, 255);
}
.logo-wrapper {
	padding: 5px; top: 5px; float: right; position: relative; cursor: pointer;
}
.logo {
	width: 90px;
}
.video-js {
	width: 100%; height: 100%;
}
.video-js .vjs-tech {
	position: inherit;
}
.video-js .vjs-progress-control {
	padding: 0px 10px; transition:opacity 0.2s; width: 100%; height: 20px; bottom: 45px; position: absolute; z-index: 1; opacity: 0;
}
.video-js .vjs-slider {
	border-radius: 100px; background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-load-progress div {
	background: rgba(255, 255, 255, 0.4);
}
.video-js .vjs-progress-control--show.vjs-progress-control {
	opacity: 1;
}
.video-js .vjs-play-progress {
	background-color: rgb(61, 169, 252);
}
.video-js .vjs-play-progress::before {
	top: -0.24em; font-size: 1.3em;
}
.video-js .vjs-progress-holder {
	height: 0.6em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
	font-size: 10px;
}
.video-js .vjs-progress-holder .vjs-play-progress {
	border-radius: 100px;
}
.video-js .vjs-progress-holder .vjs-load-progress {
	border-radius: 100px;
}
.video-js .vjs-progress-holder .vjs-load-progress div {
	border-radius: 100px;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
	font-size: 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
	font-size: 10px;
}
@media all and (max-width:535px)
{
.player__header-content {
	padding-top: 5px;
}
}