.odiplay-holder {
	position: relative;
}
.odiplay-holder video {
	position: relative;
	top: 0;
	left: 0;
}
.odiplay-controls, .odiplay-overlay {
	position: absolute;
	left: 0;
	width: 100%;
}
.odiplay-controls, .odiplay-overlay .odiplay-overlay-inner { transition: 0.3s height ease-in; }
.odiplay-controls { z-index: 3; bottom: 0; overflow: hidden; height: 2.5em; background: rgba(20,20,20,0.9); display: grid; grid-template-columns: 2.5em 1fr 2.5em 5em 2.5em 2.5em; grid-gap: 0.25em; }
.odiplay-controls > * { display: inline-block; height: 2.5em; line-height: 2.5em; cursor: pointer; }
.odiplay-controls button { border: 0; font-size: inherit; margin: 0; height: 2.5em; width: 2.5em; padding: 0.25em; background: transparent; }
.odiplay-controls button svg { width: auto; height: 100%; }
.odiplay-controls > *:hover svg path { fill: #FF6700!important; }
.odiplay-overlay { z-index: 1; top: 0; height: 100%; }
.odiplay-overlay .odiplay-overlay-inner { height: 100%; width: 100%; position: relative; transition: 0.3s height ease-in; }
.odiplay-holder.with-controls .odiplay-overlay .odiplay-overlay-inner { height: calc(100% - 2.5em); }
.odiplay-overlay .odiplay-captions-block { display: block; position: absolute; left: 50%; transform: translate3d(-50%,0,0); }
.odiplay-overlay .odiplay-captions-line { display: block; margin-bottom: 1px; text-align: center; line-height: 1.5em; height: 1.5em; }
.odiplay-overlay .odiplay-captions-line span { display: inline-block; position:relative; background: rgba(0,0,0,0.9); color: white; padding: 0 0.25em; margin: auto; }

.odiplay-holder:fullscreen .odiplay-overlay span { font-size: 1.5em; }
.odiplay-holder:fullscreen iframe { width: 100%; height: 100%; }

.odiplay-controls input[type=range] { font-size: inherit; width: 100%; height: 0.8em; margin: 0.85em 0; border-radius: 0.25em; outline: none; transition: opacity 0.2s; cursor: pointer; }
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.odiplay-controls input[type='range'] {
		overflow: hidden;
		-webkit-appearance: none;
		background-color: black;
	}

	.odiplay-controls input[type='range']::-webkit-slider-runnable-track {
		height: 10px;
		-webkit-appearance: none;
		color: #13bba4;
		margin-top: -1px;
	}

	.odiplay-controls input[type='range']::-webkit-slider-thumb {
		-webkit-appearance: none;
		cursor: ew-resize;
		width: 0.81em;
		height: 0.81em;
		background: white;
		border-radius: 50%;
		margin-top: -1px;
		box-shadow: -1px 1px 3px rgba(0,0,0,0.5), -10em 0 0 9.6em white;
	}

}
.odiplay-controls input[type=range]::-moz-range-thumb { width: 0.8em; height: 0.8em; border-radius: 50%; background: white; cursor: pointer; border: 0; box-shadow: -1px 1px 3px rgba(0,0,0,0.5); }
.odiplay-controls input[type="range"]::-moz-range-progress { background-color: white; }
.odiplay-controls input[type="range"]::-moz-range-track { background-color: black; }
.odiplay-controls input[type="range"]::-ms-fill-lower { background-color: white; }
.odiplay-controls input[type="range"]::-ms-fill-upper { background-color: black; }