@charset "UTF-8";

/*Poster start*/
.muiteer-player-skin .vjs-poster {
    background-size: cover;
    background-color: #f2f2f2;
}
/*Poster end*/

/*Overlay start*/
.muiteer-player-skin:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    pointer-events: none;
}

.muiteer-player-skin.vjs-ended:after,
.muiteer-player-skin.vjs-paused:after,
.muiteer-player-skin.vjs-paused.vjs-has-started:after,
.muiteer-player-skin.vjs-user-active:after,
.muiteer-player-skin.vjs-waiting:after {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
/*Overlay end*/

/*Play button start*/
.muiteer-player-skin .vjs-big-play-button {
	font-size: 6em;
	line-height: 80px;
	border: none;
	background-color: transparent;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: .4s, visibility .4s;
	-moz-transition: .4s, visibility .4s;
	-o-transition: .4s, visibility .4s;
	transition: .4s, visibility .4s;
	visibility: visible;
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	z-index: 1;
}

.muiteer-player-skin .vjs-big-play-button:focus,
.muiteer-player-skin:hover .vjs-big-play-button {
	background-color: transparent;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.muiteer-player-skin.vjs-controls-disabled .vjs-big-play-button,
.muiteer-player-skin.vjs-error .vjs-big-play-button,
.muiteer-player-skin.vjs-has-started .vjs-big-play-button,
.muiteer-player-skin.vjs-using-native-controls .vjs-big-play-button,
.muiteer-player-skin.vjs-waiting .vjs-big-play-button {
	display: block;
	visibility: hidden;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

@media screen and (min-width: 1024px) {
	.muiteer-player-skin.vjs-controls-enabled.vjs-paused:not(.vjs-waiting) .vjs-big-play-button,
	.muiteer-player-skin.vjs-controls-enabled.vjs-paused.vjs-has-started:not(.vjs-waiting) .vjs-big-play-button,
	.muiteer-player-skin.vjs-controls-enabled.vjs-user-active:not(.vjs-waiting) .vjs-big-play-button {
		visibility: visible;
		-khtml-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
	}

	.muiteer-player-skin.vjs-user-active .vjs-big-play-button {
		pointer-events: none;
	}
}

.muiteer-player-skin.vjs-playing .vjs-big-play-button .vjs-icon-placeholder:before,
.muiteer-player-skin.vjs-icon-pause:before {
	content: "\f103";
}
/*Play button end*/

/*Control bar start*/
.muiteer-player-skin .vjs-control-bar {
	background-color: transparent;
	z-index: 1;
}

.muiteer-player-skin .vjs-slider:focus {
    text-shadow: none;
    box-shadow: none;
}
/*Control bar end*/

/*Loading spinner start*/
.muiteer-player-skin .vjs-loading-spinner {
	border: 6px solid rgba(255, 255, 255, .2);
	z-index: 1;
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: rgba(255, 255, 255, .5);
    }

    20% {
        border-top-color: rgba(255, 255, 255, .5);
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: rgba(255, 255, 255, .5);
    }

    100% {
        border-top-color: rgba(255, 255, 255, .5);
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: rgba(255, 255, 255, .5);
    }

    20% {
        border-top-color: rgba(255, 255, 255, .5);
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: rgba(255, 255, 255, .5);
    }

    100% {
        border-top-color: rgba(255, 255, 255, .5);
    }
}
/*Loading spinner end*/

/*Progress holder start*/
.muiteer-player-skin .vjs-slider,
.muiteer-player-skin .vjs-load-progress,
.muiteer-player-skin .vjs-load-progress div {
	background: rgba(255, 255, 255, .2);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
}

.muiteer-player-skin .vjs-play-progress {
	background-color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
}

.muiteer-player-skin .vjs-play-progress:before {
	display: none;
}
/*Progress holder end*/

/*Menu button popup start*/
.muiteer-player-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	background-color: rgba(0, 0, 0, .8);
	padding: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.muiteer-player-skin .js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.muiteer-player-skin .vjs-menu li.vjs-menu-item:focus,
.muiteer-player-skin .vjs-menu li.vjs-menu-item:hover {
	background-color: rgba(255, 255, 255, .2);
}

.muiteer-player-skin .js-focus-visible .vjs-menu li.vjs-selected:hover,
.muiteer-player-skin .vjs-menu li.vjs-selected,
.muiteer-player-skin .vjs-menu li.vjs-selected:focus,
.muiteer-player-skin .vjs-menu li.vjs-selected:hover {
	color: #000;
}
/*Menu button popup end*/

/*Error display start*/
.muiteer-player-skin.vjs-error .vjs-error-display:before {
	text-shadow: none;
}
/*Error display end*/