.hero {
	position: relative;
}

.video-background {
	pointer-events: none;
}
.video-foreground {
	padding:4px;
}

.addpointer {
	pointer-events:auto;
}
.keyart-content .slick-thumbs {
	display: none;
}
.keyart-content .slick-list {
	width: 97.2%;
}
.keyart-content .slick-dots {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding:0;
	margin:9px -6px 0 !important;
	z-index: 100;
	bottom:0;
}
	.keyart-content .slick-dots li {
		position: relative;
		width: auto;
		height: auto;
		width: 33%;
		float:left;
		margin:0;
		padding: 0 6px;
		bottom:0;
	}
	.keyart-content .slick-dots li p {
		margin:6px 0;
		font-size:0.75rem;
		color:#fff; //#ccc;
		text-shadow: 0px 0px 4px #000;
		line-height: 0.75rem;
	}

	.keyart-content .slick-dots .slick-active img {
		border-color: #fefb13; //#e9c018; //#fff;
	}
	.keyart-content .slick-dots .slick-active p {
		color: #fefb13; //#e9c018; //#fff;
	}


.slick-item.hero, .slick-item.hero .video-foreground {
	padding: 0;
}
.slick-item.hero {
	margin-bottom: 8px;
}
.slick-item.hero .video-foreground {
	border: 1px solid #e9c018;
}

.video-thumbs-container {
	/*padding: 6px;*/
}
.video-thumbs {
	display: flex;
	justify-content: space-between;
}
	.video-thumbs li {
		width: 32.6%;
	}
	.video-thumbs img {
		border: 1px solid #e9c018;
	}
	.video-thumbs li p {
	    margin: 6px 0;
	    font-size: 0.75rem;
	    color: #fff;
	    text-shadow: 1px 1px 1px black, 0px 0px 4px black;
	    line-height: 0.75rem;
	    text-align: center;
	}

/* --------------------
	VIDEO CONTROLS
-------------------- */
.video-controls {
	position: absolute;
	//top:16px;
	//right:16px;
	width: 100%;
	padding:16px;
	z-index: 9;
}

	.video-controls .control {
		background: url('images/video-controls.png') no-repeat;
		width: 22px;
		height: 22px;
		float:left;
		cursor: pointer;
		opacity: 0.6;
	}
	.video-controls .control:hover {
		opacity: 0.9;
	}
	.video-controls .play-button {
		background-position: -22px 0;
	}
	.video-controls .play-button.play {
		background-position: -22px -22px;
	}
	.video-controls .mute-button {
		background-position: 0 -22px;
		margin-left:10px;
	}
	.video-controls .mute-button.unmute {
		background-position: 0 0px;
	}
	.video-controls .photo {
		background-position: -44px 0;
		width:30px;
	}
	.video-controls .fullscreen {
		background-position: -44px -22px;
		float:right;
	}


.video-controls {
	//position: relative;
	width: 100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

	.video-controls .fullscreen {
		background-position: -44px -22px;
		float:none;
		display: none;
		transform: scale(1.5);
	}

	.video-controls:hover .fullscreen {
		//display: block;
	}


/* --------------------
	Utilities
-------------------- */
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.grow {
	transition: all .2s ease-in-out;
}
.grow:hover {
	transform: scale(1.1);
}

#video-rotator {
	opacity: 0;
	//transition: all 1s ease-in-out;
}
.show {
	opacity: 1 !important;
}
.hide {
	display: none;
}


/*--------------------------------------------------------------
10.8 Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 416px) {

}