* {margin: 0;}
.adBanner {display: none;}



.vjs-theme-ditto {--vjs-theme-ditto--primary: #00d6d6; --vjs-theme-ditto--secondary: #fff; height: auto;}
.vjs-theme-ditto .vjs-tech {position: static; height: auto;}
.vjs-theme-ditto .vjs-big-play-button {
	width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; border: none; border-radius: 50%; opacity: 0.9;
	-webkit-box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.5); box-shadow: 2px 4px 10px 0px rgba(0,0,0,0.5);
	background: #00d6d6 url('/common/js/videojs/themes/ditto/icons/player_play_bk.svg')no-repeat 55% center !important; background-size: 13px auto !important;
}
.vjs-theme-ditto .vjs-big-play-button span {display: none;}
.vjs-theme-ditto .vjs-poster {background-size: cover;}
.vjs-theme-ditto .vjs-control-bar {position: static; height: 0; display: none; opacity: 1 !important;}



.vjs-theme-ditto.vjs-has-started.vjs-user-inactive .vjs-control-bar {}
.vjs-theme-ditto.vjs-has-started.vjs-user-active .vjs-control-bar {display: block;}


.vjs-theme-ditto.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {display: none;}
.vjs-theme-ditto.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar {display: block;}
.vjs-theme-ditto.vjs-has-started.vjs-playing .vjs-poster {display: none !important;}




.vjs-theme-ditto .vjs-button > .vjs-icon-placeholder::before {display: none;}
.vjs-theme-ditto .vjs-current-time,
.vjs-theme-ditto .vjs-duration {display: block; position: absolute; bottom: 0; font-size: 8pt; color: #fff; height: 30px; line-height: 30px; font-weight: 500; z-index: 1; padding-left: 0; padding-right: 0;}
.vjs-theme-ditto .vjs-current-time {left: 5px;}
.vjs-theme-ditto .vjs-duration {left: 33px; opacity: 0.5;}
.vjs-theme-ditto .vjs-duration:before {content: '/'; margin-right: 5px;}
.vjs-theme-ditto .vjs-remaining-time {display: none;}




.vjs-theme-ditto .vjs-progress-control {font-size: 14px; position: absolute; left: 0; right: 0; bottom: 0; height: 30px; min-width: auto; width: auto; padding: 10px 40px 10px 80px; background: rgba(0,0,0,0.8);}
.vjs-theme-ditto .vjs-progress-control .vjs-progress-holder {font-size: 0.6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0;}
.vjs-theme-ditto .vjs-progress-control:hover .vjs-progress-holder {font-size: 0.6em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0;}
.vjs-theme-ditto .vjs-play-control .vjs-icon-placeholder::before {display: none;}
.vjs-theme-ditto .vjs-play-control:hover .vjs-icon-placeholder::before {display: none;}
.vjs-theme-ditto .vjs-play-progress {background-color: var(--vjs-theme-ditto--primary); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.vjs-theme-ditto .vjs-play-progress::before {height: 1.0em; width: 1.0em; content: ''; background-color: var(--vjs-theme-ditto--primary); border: 4px solid var(--vjs-theme-ditto--secondary); border-radius: 0.8em; top: -0.35em;}
.vjs-theme-ditto .vjs-load-progress {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}





.vjs-theme-ditto .vjs-play-control {
	width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px;
	border-radius: 50%; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6);
	background: rgba(0,0,0,0.5) url('/common/js/videojs/themes/ditto/icons/player_play.svg')no-repeat 55% center; background-size: 20px auto !important;}
.vjs-theme-ditto .vjs-play-control.vjs-playing {background: rgba(0,0,0,0.5) url('/common/js/videojs/themes/ditto/icons/player_paused.svg')no-repeat center center; background-size: 20px auto !important;}
.vjs-theme-ditto .vjs-play-control.vjs-paused {background: rgba(0,0,0,0.5) url('/common/js/videojs/themes/ditto/icons/player_play.svg')no-repeat 55% center; background-size: 20px auto !important;}

.vjs-theme-ditto .skip-back,
.vjs-theme-ditto .skip-forward {width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; border-radius: 50%; z-index: 1; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6);}
.vjs-theme-ditto .skip-back {left: 15px; background: rgba(0,0,0,0.5) url('/common/js/videojs/themes/ditto/icons/player_prev.svg')no-repeat center center;}
.vjs-theme-ditto .skip-forward {right: 15px; background: rgba(0,0,0,0.5) url('/common/js/videojs/themes/ditto/icons/player_next.svg')no-repeat center center;}


.vjs-theme-ditto .vjs-volume-panel {display: none;}


.vjs-theme-ditto .vjs-quality-selector {float: right; width: 80px; height: 80px; background: url('/common/js/videojs/themes/ditto/icons/player_setting.svg')no-repeat center center;}
.vjs-theme-ditto .vjs-menu-button-popup .vjs-menu {bottom: 100%; margin-bottom: -20px; width: 100%; left: 0;}
.vjs-theme-ditto .vjs-menu-button-popup .vjs-menu .vjs-menu-content {bottom: 0;}
.vjs-theme-ditto .vjs-picture-in-picture-control {display: none; float: right; width: 80px; height: 80px; background: url('/common/js/videojs/themes/ditto/icons/player_pip.svg')no-repeat center center;}
.vjs-theme-ditto .vjs-fullscreen-control {position: absolute; right: 3px; bottom: 0; width: 30px; height: 30px; z-index: 1; background: url('/common/js/videojs/themes/ditto/icons/player_big.svg')no-repeat center center; background-size: 18px auto !important;}


.vdClose {}

.vdClose {
	display: block; width: 40px; height: 40px; text-indent: -9999px; cursor: pointer;
	position: absolute; right: 0; top: 0;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: none;
	background: url('/common/js/videojs/themes/ditto/icons/player_close.svg')no-repeat center center; background-size: 20px auto;
}








.vjs-loading-spinner {
	display: block; position: absolute; opacity: 0; visibility: hidden; left: 50%; top: 50%; z-index: 100;
	margin-top: -40px; margin-left: -40px; width: 80px; height: 80px;
	border: 6px solid rgba(0,0,0,0.2); border-radius: 50%; border-top-color: #00d6d6;
	-webkit-animation: spin2 0.9s linear infinite; animation: spin2 0.9s linear infinite;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {opacity: 1; visibility: visible;}

@keyframes spin2 {
  100% {
    transform: rotate(360deg);
  }
}