.component.video-scrubber {
	height: 635px;
	overflow:hidden;
}

.component.video-scrubber .video-wrap {
	height: 100%;
}
.component.video-scrubber video,
.component.video-scrubber video img {
	bottom:0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
.component.video-scrubber video.invisible {
	opacity: 0;
}

.component.video-scrubber .content-wrap {
	background: rgba(0,0,0,.5);
	height: 100%;
	position: relative;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-ms-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	z-index: 5;
}
.component.video-scrubber .content-wrap.hide {
	background: none;
}
.component.video-scrubber .content-wrap .width-wrapper {
	height: 100%;
	position: relative;
}

.component.video-scrubber .content-align {
	float: right;
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.component.video-scrubber .content-wrap.hide .content-align {
	opacity: 0;
}
.component.video-scrubber .content-align > div {
	margin: 0 10px;
}
.component.video-scrubber .content-wrap .content-align h5 {
	color: #acacac;
}
.component.video-scrubber .content-wrap .content-align h2 {
	padding-top: 0px;
}
.component.video-scrubber .scrubber-track {
	bottom: 25px;
	left: 0;
	position: absolute;
	right: 0;
}
.component.video-scrubber .scrubber-track img {
	vertical-align: bottom;
	width: 100%;
}
.component.video-scrubber .scrubber-knob {
	background: #fff;
	border-radius: 50%;
	border: 4px solid #baab8f;
	cursor: pointer;
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	height: 48px;
	margin-left: -24px;
	margin-top: -7px;
	position: absolute;
	top: -52px;
	width: 48px;
}
.component.video-scrubber .scrubber-track img {
	left: -30px;
	position: absolute;
	top: -60px;
	width: 1020px;
}
.component.video-scrubber .scrubber-knob.playing {
	-webkit-transition: left .75s ease-in-out;
	-moz-transition: left .75s ease-in-out;
	-ms-transition: left .75s ease-in-out;
	-o-transition: left .75s ease-in-out;
	transition: left .75s ease-in-out;
}
.component.video-scrubber .scrubber-knob:active {
	cursor: pointer;
	cursor: grabbing;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
.component.video-scrubber div.collapse-background {
	display: none;
}

.scrubberbuttons{
	display:table;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0%;
}
.scrubberbuttonscontainer{
	display:table-row;
}
.scrubbermilestone{
	display:table-cell;
	text-align: left;
	width:20%;
	font-family: "HWTUnitGothic",sans-serif;
}

@media (max-width: 959px) {
	.component.video-scrubber video,
	.component.video-scrubber .scrubber-track {
		display: none;
	}

	.component.video-scrubber .content-align > div {
		margin: 0 35px;
	}
}
@media (max-width: 480px) {
	.component.video-scrubber {
		min-height: 235px;
		height: 235px;
		border-bottom: 1px solid #baab8f;
	}
	.component.video-scrubber div.collapse-background {
		display: block;
		height: 100%;
		opacity: 1;
		position: absolute;
		width: 100%;
		z-index: -1;
	}
	.component.video-scrubber.mobile-collapse.opened div.collapse-background,
	.component.video-scrubber.mobile-collapse .mobile-collapse-img,
	.component.video-scrubber.mobile-collapse .button {
		display: none;
	}
	.component.video-scrubber.mobile-collapse.opened .mobile-collapse-img{
		display: block;
	}

	.component.video-scrubber .content-wrap .width-wrapper {
		top: 0;
	}

	.component.video-scrubber .content-align > div:first-child {
		margin-top: 15%;
	}

	.component.video-scrubber.mobile-collapse.opened .button {
		display: inline-block;
	}
}