.rel {
	position: relative;
}
h1 {
	margin-bottom: 0;
}
h2, h3 {
	font-family: 'Open Sans Condensed',Arial,sans-serif;
	font-weight: 700;
}
h2 {
	font-size: 2.2em;
	line-height: 1.3em;
}
.clear {
	clear: both;
}
.block {
	display: block;
}
.notes {
	margin: 0;
}

/* !INTRO */
.inner_content .intro {}
.inner_content .intro p.icons {text-align: center; position: absolute; left: 0; right: 0; top: 340px;}
.inner_content .intro p.icons img {max-height: 90px; margin: 0 10px;}
.inner_content .intro h2 {background-color: #000; color: #fff; font-size: 2.4em; margin: 0; padding: 3em 9em 1em; text-align: center; font-weight: normal;}

/* !VIDEO */
.inner_content .video {position: relative; clear: left; height: 450px; 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: -50px;}

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 6em; font-size: 1.4em; line-height: 1.4em; box-sizing: border-box;}
.inner_content .video-caption div.left, .inner_content .video-caption div.right {float: left; width: 50%;}
.inner_content .video-caption div.left {width: 46%;}
.inner_content .video-caption div.right {width: 46%; float: right;}

/* FEATS & BENEFITS */
.feats_and_benefits {background: #efefef; padding: 0 4em 3em; box-sizing: border-box;}
.feats_and_benefits div {padding-top: 3em;}
.feats_and_benefits div div.left, .feats_and_benefits div div.right {float: left; width: 50%;}
.feats_and_benefits img {display: block; margin: 0 auto;}
.feats_and_benefits h3 {font-size: 3em; line-height: 1.1em; margin-top: 2em; margin-bottom: 0; text-transform: uppercase;}
.feats_and_benefits p {font-size: 1.8em; line-height: 1.2em; font-family: 'Open Sans Condensed', Arial, sans-serif; font-weight: 700;}
.feats_and_benefits ul {display: none; list-style: disc; padding-left: 1em; font-size: 1.5em; line-height: 1.3em;}

/* HERO PRODUCTS */
div.hero_products {background: #FFD20A url('../img/boog-transp.png') no-repeat bottom center; padding-top: 3em; padding-bottom: 60px; color: #000; text-align: center; box-sizing: border-box;}
div.hero_products img {max-width: 100%;}
div.hero_products h2 {margin-bottom: 0;}
div.hero_products a.redbutton {margin-left: -25px;}

div.hero_products.cnt1 div.product {}
div.hero_products.cnt1 h2 {font-size: 3em;}

div.hero_products.cnt2 div.product {float: left; width: 42%; margin: 0 0 0 5%;}
div.hero_products.cnt2 h2 {font-size: 2em;}

div.hero_products.cnt3 div.product {float: left; width: 31%; margin: 0 0 0 1.7%;}
div.hero_products.cnt3 h2 {font-size: 2em;}

/* VIDEO 2 */
div.video_2 {text-align: center; font-size: 1.2em;}
div.video_2 h3 {margin-bottom: 0; font-weight: normal; text-transform: uppercase;}
div.video_2 p:first-child {font-size: 90%;}
div.video_2 p:last-child {margin-top: 0;}

/* !PRODUCT SLIDER */
div.products h2 {padding: 0 7em 1em 7em; margin: 0; text-align: center; font-weight: normal; line-height: 1.2em; text-transform: uppercase;}
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;}