#skipad {background:black;
	border:solid white 1px;
	border-radius:8px;
	position:relative;
	bottom:105px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	color:white;
	font-size:24px;
	float:right;
	margin-right:20px;
	visibility:hidden;
	z-index:9;
}
.vidbox {max-width:1100px;width:80%;margin-left:auto;margin-right:auto;clear:both;}
#progressbar{z-index:8; opacity:0.55;
	position:relative;
	border-radius: 1px; 
	background-color: #888; 
	background: linear-gradient(top, #888, #444); 
	width: 0;
 } 

#loadingprogress{ opacity:0.55;
	position:absolute;
	border:solid #777 1px;
	border-radius: 4px; 
	width: 0; 
	background-color: #9acd00; 
	background-image: linear-gradient(top,#999, #fff); 
	z-index:5;
} 

#loopcontrols { 
	background-color:#000;
	color:#fff;
	font-size:12px;
	z-index:3;
	opacity:0.88;
} 
.ctlbutton {
	padding:8px;
	display:inline-block;vertical-align:middle;
	color:white;
	text-align:center;
	float:left;

}

#loopplayer {width:80%;min-width:300px;padding:0;position:relative;
	margin-right:auto;
	margin-left:auto;
}
#loopcontrols {width:100%;
	height:40px;
	position:absolute;
	bottom:0px;
	padding-bottom:5px;
	border-radius : 0 0 20px 20px;
}
#progressbar {width:100%;height:7px;}
#speedslider {
	width:24px;
	height:6px;
	position:relative;
	top:0px;
	background:#444;
	border:solid #666 1px;
}
#speedslider .noUi-handle-lower {
	background:#222;
	border:solid #AAA 1px;
	height:20px;
	width:10px;left:14px;
	position:relative;
	top:-10px;
}
#speedslider .noUi-handle-lower {
	height:25px;
	position:relative;
}
#vslider {
	width:24px;
	height:5px;
	margin-right:1em;
	top:4px;
	position:realtive;
	top:1px;
	background:#444;
	border:solid #666 1px;
}
#vslider .noUi-handle-lower {
	background:#222;
	border:solid #AAA 1px;
	border-radius:20px;
	width:20px;
	left:10px;
	height:18px;
	position:relative;
	top:-8px;
}

video { 
    object-fit: contain !important;
    overflow-clip-margin: content-box !important;
    overflow: clip !important;
}
#myVideo {width:100% !important;
	padding:0;position:relative;min-height:250px;
	border-radius:0px 0px 20px 20px;
	margin-right:auto;
	margin-left:auto;

}
#loadingprogress {height:5px;background:aqua;}
#pausebutton {display:none;top:-9px;position:relative;}
#loopbuttonred {display:none;margin-right:10px;
	position:relative;
	top:-14px;
	height:30px;
}
#loopbuttongreen {margin-right:10px;
	position:relative;
	top:-14px;
	height:30px;
}
#loopbuttongreen > img {
	height:30px;
}
#loopbuttonred > img {
	height:30px;
}
#mutebutton {display:none;}
#playbutton {display:inline-block;
	vertical-align:middle;
	top:-8px;
	position:relative;
}
#playbutton  > img, #pausebutton > img, #fsbutton > img, #vzoom > img, #vzoomout > img {
	height:20px;position:relative;
}
#fsbutton > img {
	top:-9px;
	margin-left:15px;
}
#vzoom {top:-8px;position:relative;}
#vzoomout {top:-8px;position:relative;}
#leftctls {float:left;padding-left:2em;}
#rightctls {
	float:right;padding-right:2em;
}
#vtime {
	position:relative;
	color:white;
	z-index:5;
	top:15px;
	font-size:11px;
	background:black;
	padding:2px;
	width:120px;
	font-family:arial;
	margin-right:auto;
	margin-left:auto;

}


.noUi-horizontal {
    height: 7px;
    top: 0px;
    background: rgba(0,0,0,0.01);
    border: none;
    box-shadow: none;
}
.noUi-handle:before, .noUi-handle:after {
    display:none;
}
.noUi-connect {
    background: rgba(0,0,0,0.001); 
     border: none;
    box-shadow: none;
}
#slider {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
#slider .noUi-handle-lower {
	height:2em; 
	top:-1em; 
	width:2.2em;
	background:#777777;
 	background: linear-gradient(black,white);
}
#slider .noUi-handle-upper {
	height:2em; 
	top:-1em; 
	width:2.2em;
 	background: linear-gradient(black,white);
}
#slider .noUi-handle-lower:hover {
	height:4em; 
	top:-2em; 
	width:2.2em;
	background-color:#ccffee;
 	background: linear-gradient(#ccffee,green);
}
#slider .noUi-handle-upper:hover {
	height:4em; 
	top:-2em; 
	width:2.2em;
	background-color:#44AAff;
 	background: linear-gradient(#44AAff,blue);
}
@keyframes smfade {
    from {visibility: visible;}
    to {visibility: hidden;}
}

/* The element to apply the animation to */
.smfade {

    animation-name: smfade;
    animation-duration: 4s;
}
@media (max-width:750px) {
	#vtime {
		top:-25px;
		opacity:1.00;
	}
}

@media (max-width:550px) {
	#leftctls {padding-left:15px;}
	#rightctls {
		float:right;padding-right:15px;
	}
	
	.ctlbutton {
		padding-right:4px;
		padding-left:4px;
	}
	#vtime {
		top:-25px;
		opacity:1.00;
		font-size:12px;
		width:120px;
	}
}

@media (max-width:350px) {


}
