.rel {
	position: relative;
}
h1 {
	margin-bottom: 0;
}
h2, h3 {
	font-family: 'Open Sans Condensed',Arial;
	font-weight: 700;
}
h2 {
	font-size: 2.2em;
	line-height: 1.3em;
}
.clear {
	clear: both;
}
.block {
	display: block;
}
.left {
	float: left;
}
.right {
	float: right;
}
img {
	max-width: 100%;
}
.yellow-bg {
	background-color: #FFD20A;
}
.grey-bg {
	background-color: #efefef;
}

h2.black {
	color: #fff;
	background-color: #000;
	margin: 0;
	padding: .5rem 1rem .3rem;
	line-height: 1;
	font-family: 'Open Sans Condensed', Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

/* !INTRO */
.inner_content .intro {height: 533px;}
.inner_content .intro div.left {width: 380px; padding: 1rem; box-sizing: border-box;}
.inner_content .intro div.right {width: 750px;}
.inner_content .intro p {font-family: 'Open Sans Condensed',Arial; font-weight: 700; font-size: 1.8em; line-height: 1.2em;}

/* !VIDEO v1 */
/*
.videos {padding: 1em 0 2em;}
.videos div {clear: both; padding: 4em 4em 2em 4em; min-height: 281px;}
.videos p {font-size: 2.4em; line-height: 1.2em; padding-right: 1em; margin-top: 1.6em; font-family: 'Open Sans Condensed', Arial, sans-serif; font-weight: 700;}
.videos div.video-right iframe {float: right; margin-left: 4em; margin-bottom: 2em;}
.videos div.video-left iframe {float: left; margin-right: 4em; margin-bottom: 2em;}
*/

/* !VIDEO v2 */
.inner_content .video {position: relative; clear: left; height: 600px; width: 100%; overflow: hidden;}
.inner_content .video .play_btn {position: absolute; top: 43%; left: 47%; z-index: 100; opacity: .8;}
.inner_content .video .video-title {position: absolute; top: 3%; left: 2%; z-index: 100;}
.inner_content .video .watch-video {position: absolute; top: 53%; left: 19%; z-index: 100;}
.inner_content .video video {margin-top: -35px;}

video::-webkit-media-controls {display:none !important;}
video::-webkit-media-controls-panel {display: none!important; -webkit-appearance: none;}
/* Old shadow dom for play button */
video::--webkit-media-controls-play-button {display: none!important;-webkit-appearance: none;}
/* New shadow dom for play button */
/* This one works */
video::-webkit-media-controls-start-playback-button {display: none!important; -webkit-appearance: none;}

.inner_content .video-caption {background-color: #000; color: #fff; padding: 2em 11em; line-height: 2.8em; text-align: center;}
.inner_content .video-caption h2 {margin: 0; font-family: 'Open Sans Condensed', Arial, sans-serif; font-weight: 700;}


/* !STEPS */
div.steps ol {width: 90%; margin: 0 auto; padding: 0; list-style: none;}
div.steps ol li {float: left; width: 20%; margin: 4% 2.3%; text-align: center; position: relative;}
div.steps ol li span.step {display: inline-block; width: 35px; height: 35px; font-size: 1.1rem; line-height: 2em; background-color: #000; color: #fff; font-weight: bold; border: 2px solid #efefef; border-radius: 100%; position: absolute; top: -20px; left: -20px;}
div.steps ol li h3 {font-size: 1.6em; line-height: 1em; font-weight: 700; font-family: 'Open Sans Condensed', Arial; background-color: #000; color: #fff; text-align: left; margin: 0; padding: .8rem 1rem .5rem 1.5rem;}
div.steps ol li img {display: block; max-width: 100%;}

/* !KIT */
div.kit div.left {width: 600px; text-align: center;}
div.kit div.left img {max-width: 400px;}
div.kit div.right {width: 530px; padding: 2rem; padding-right: 6rem; box-sizing: border-box;}
div.kit div.right h2 {font-size: 2rem;}
div.kit div.right p {font-family: 'Open Sans Condensed',Arial; font-weight: 700; font-size: 1.8em; line-height: 1.2em;}
div.kit div.right a.redbutton {line-height: 1.4em;}

/* !BUILD */
div.build {text-align: center; padding: 2rem 0; margin-bottom: 2rem;}
div.build h2 {text-align: left;}
div.build h3 {font-size: 2rem; line-height: 1.2em; width: 60%; margin: 1rem auto 1rem; font-family: 'Open Sans Condensed', Arial; font-weight: 700;}
div.build p {font-size: 1.8em; line-height: 1.2em; font-family: 'Open Sans Condensed', Arial; font-weight: 700; padding: 0 6rem;}
div.build div.addthis {display: inline-block;}

/* !PRODUCT SLIDER */
div.cycle-container {position: relative;}
div.cycle-container div.cycle-prev, div.cycle-container div.cycle-next {position: absolute; z-index: 101; top: 85px; cursor: pointer;}
div.cycle-container div.cycle-prev {left: -45px;}
div.cycle-container div.cycle-next {right: -45px;}