/**** Global.css for CanMaster Smash *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block; }




/* 1.ROOT */

html {
	overflow-y: scroll;
	background: #000;
}
body { 
	margin: 0 auto;
	padding: 0;
	width: 100% /* 252px */;
	font: 100%/1.4 "Nunito Sans", "Helvetica Neue", Helvetica, Arial;
	color: #fff; 
	background-color: transparent;
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}




/* 2.HEADINGS */

h1, 
h2, 	
h3, 
h4, 
h5, 
h6 {
	font-weight: 700;
}
h1 { 
	margin-bottom: .75em;
	font-size: 1.7em;
	line-height: 1.1;
}
h2 { 
	margin-bottom: .75em;
	font-size: 1.4em;
	line-height: 1.2;
	padding-top: 10px;
}
h3 { 
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.3;
}
h4 { 
	margin-bottom: 1.25em;
	font-size: 1.1em;
	line-height: 1.25;
}
h5 { 
	margin-bottom: 1.5em;
	font-size: 1em;
}
h6 { 
	font-size: 1em;
}





/* 3.TYPOGRAPHY */

p, 
ol, 
ul, 
dl, 
address { 
	margin-bottom: 1.5em; 
	font-size: 1em;
}
ul, 
ol { 
	margin: 0 0 1.5em -24px; 
	padding-left: 24px;
}
ul { 
	list-style-type: disc;
	margin-left: 0.2em;
}
ol { 
	list-style-type: decimal;
	margin-left: 0.2em;
}
li ul, 
li ol { 
	margin: 0;
	font-size: 1em;
}
blockquote  { 
	margin: 0 0 1.5em -24px; 
	padding-left: 24px; 
	border-left: 1px solid rgb(200,200,200);
	font-style: italic;
}
sup, 
sub { 
	position: relative;
	font-size: 75%; 
	line-height: 0;
}
sup { 
	top: -.5em;
}
sub { 
	bottom: -.25em;
}





/* 4.LINKS */

a {
	outline: none;
	color: #f4d20d;
	cursor: pointer;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-ms-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
a:link {
	-webkit-tap-highlight-color: #f4d20d;
}
a:visited {
	color: #333;
}
a:hover { 
	outline: none;
	color: #f4d20d; 
	text-decoration: none;
}
a:active, 
a:focus { 
	outline: none;
	color: #333;
}





/* 6.TABLES */

table { 
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.4em; 
	width: 100%;
}
th { 
	font-weight: bold;
}
th, td, caption { 
	padding: .25em 10px .25em 5px;
}





/* CUSTOM */
/* CUSTOM */
/* CUSTOM */
/* CUSTOM */




/***** Header *****/
#iconMenu {
	color: #fff;
	text-align: center;
	width: 40px;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 9999;
}
#iconMenu.fa-times {
	top: 13px;
}
header {
	position: absolute;
	left:0;
	top: 0;
	height: 60px;
	width: 100%;
	z-index: 9998;
	background: #000;
	background: -moz-linear-gradient(top,  
		#000 50%, 
		transparent 100%
	);
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(0%,#000), 
		color-stop(100%,transparent)
	);
	background: -webkit-linear-gradient(top,  
		#000 0%,
		transparent 100%
	);
	background: -o-linear-gradient(top,  
		#000 0%,
		transparent 100%
	);
	background: -ms-linear-gradient(top,  
		#000 0%,
		transparent 100%
	);
	background: linear-gradient(to bottom,  
		#000 0%,
		transparent 100%
	);
}
#iconMenu.fixed {
	position: fixed;
}
header.active {
	background: #222;
	position: fixed;
}
nav {
	background: #222;
	position: fixed;
	left: 0;
	top: 60px;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 9998
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0 21px;
}
nav a {
	line-height: 40px;
	text-transform: uppercase;
	color: #dad9d9;
	font-weight: bold;
	display: block;
}
nav a.active {
	color: #f4d20d;
}
#linkSocialPanel {
	display: none;
}
#linkSocialPanel strong {
	text-transform: uppercase;
	display: block;
	font-weight: 700;
    font-size: 15px;
    margin: 0 0 10px 1em;
    color: #ccc;
    padding-top: 9px;
    font-size: 14px;
}
#linkSocialPanel ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 0 0 1em 1em;
	width: 180px;
}
#linkSocialPanel li {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -o-flex: 0 1 auto;
    flex: 0 1 auto;
	width: 30%;
}
#linkSocialPanel li a {
	text-decoration: none;
}
#linkSocialPanel li .fa {
	font-size: 40px;
}
.fa-facebook-square,
.fa-facebook-square:visited {
	/*color: #3d5a96;*/
	color: #fff;
}
.fa-linkedin-square,
.fa-linkedin-square:visited {
	color: #fff;
}
.fa-instagram,
.fa-instagram:visited {
	/*color: #742cb9;
	background: #1e5799;
	background: -moz-linear-gradient(top,  
		#782ab5 0%, 
		#c72d65 50%,
		#db8f45 100%
	);
	background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(0%,#1e5799),
		color-stop(50%,#c72d65), 
		color-stop(100%,#7db9e8)
	);
	background: -webkit-linear-gradient(top,  
		#782ab5 0%, 
		#c72d65 50%,
		#db8f45 100%
	);
	background: -o-linear-gradient(top,  
		#782ab5 0%, 
		#c72d65 50%,
		#db8f45 100%
	);
	background: -ms-linear-gradient(top,  
		#782ab5 0%, 
		#c72d65 50%,
		#db8f45 100%
	);
	background: linear-gradient(to bottom,  
		#782ab5 0%, 
		#c72d65 50%,
		#db8f45 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	*/
	color: #fff;
}
.fa-youtube-square,
.fa-youtube-square:visited {
	/*color: #cc0000;*/
	color: #fff;
}
.fa-facebook-square:hover,
.fa-linkedin-square:hover,
.fa-instagram:hover,
.fa-youtube-square:hover {
	color: #f4d20d;
}
#logo {
	position: absolute;
	right: 15px;
	top: 0px;
	width: 110px;
	height: 60px;
	background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/signet-logo.svg) no-repeat right center;
	background-size: 100% auto;
}
#logo a {
	display: block;
	height: 100%;
}
#slider {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#container {
	overflow: hidden;
}
section {
	float: left;	
}




/***** Home *****/
#home {
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: #000;
}
#home img {
	max-width: 100%;
	height: auto;
	display: block;
}
#home_logo {
	position: absolute;
	left: 13px;
    top: 110px;
	width: 60%;
	z-index: 1;
}
#home_cmsPic1 {
	position: absolute;
    right: 0px;
    bottom: 0;
    top: 0;
    width: 100%;
    /*background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/home-cms-2-1%20-%20Copy.jpg) no-repeat 58% bottom;
    background-size: 200% auto;*/
    background: url/*background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/home-cms-2-1%20-%20Copy.jpg) no-repeat -350px bottom;
    background-size: auto 100%;
}
#home_cmsPic2 {
	display: none;
	position: absolute;
    /*right: -100%;*/
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    /*background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/home-cms-2-2.jpg) no-repeat -44% bottom;
    background-size: 150%;*/
    background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/home-cms-2-2.jpg) no-repeat -350px bottom;
    background-size: auto 100%;
}
#home_cmsPic3 {
	display: none;
	position: absolute;
	/*right: -100%;*/
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    /*background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/home-cms-2-3.jpg) no-repeat -13% bottom;
    background-size: 180% auto;*/
    background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/home-cms-2-3.jpg) no-repeat -350px bottom;
    background-size: auto 100%;
}
#home_bgStrip {
	background: #181818;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 28.6%;
	z-index: 0;
}




/***** Videos *****/
#videos {
	position: relative;
	z-index: 1;
	background: #000;
	overflow: hidden;
}
#videos video {
	position: absolute;
	right: 0;
    bottom: 0;
    top: 0;
	left: 0;
    min-width: 100%;
    min-height: 25%;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#videoIntro {
	width: 90%;
	margin: 0 auto 30px auto;
	position: relative;
	z-index: 9;
	padding-top: 20%;
}
#videoIntro h2 {
	font-size: 2em;
	line-height: 1;
}
#videoIntro h2 em {
	display: block;
	font-size: 75%;
}
#videoThumbs {
	width: 90%;
	margin: 0 auto;
	position: relative;
	padding: 20px;
}
#videoThumbs:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.6);
}
.videoThumb {
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
.videoThumb a {
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}
.videoThumb img {
	width: 100%;
	display: block;
	height: auto;
	max-width: 346px;
	margin-bottom: 5px;
	border: 2px solid #000;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-ms-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.videoThumb:hover img {
	border-color: #f4d20d;
}
#videoPlayerBG {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.9);
	z-index: 9998;
}
#videoPlayer {
	position: fixed;
	left: 5%;
	width: 90%;
	background: #000;
	padding-bottom: 54.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	top: 50%;
	margin-top: -25%;
	z-index: 9999;
}
#videoPlayer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/***** Products *****/
/*#products,
#productPanels {
	display: none;
}*/
#products {
	z-index: 0;
}
#products .wrapper {
	padding: 60px 0;
}
#productNav {
	display: none;
}
.product {
	width: 90%;
    margin: 0 auto 20px auto;
    border-bottom: 1px solid #444;
    padding-bottom: 28px;
}
.product a {
	display: inline-block;
    text-transform: uppercase;
    padding: 0.7em 1.5em 0.6em 1.5em;
    border: 2px solid #f4d20d;
    text-decoration: none;
    line-height: 1;
    color: #f4d20d;	
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -ms-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.product a:hover {
	background: #f4d20d;
	color: #000;
}
.product h3 {
	line-height: 1.1;
	font-weight: 900;
	font-size: 1.4em;
	margin-bottom: 0.5em;
}
.product h3 em {
	color: #f4d20d;
	font-size: 70%;
	font-weight: 300;
	font-style: normal;
}
.product h3 strong {
	text-transform: uppercase;
	display: block;
}
.product h3 i {
	font-style: normal;
	font-size: 85%;
	font-weight: 300;
}
.product h3 b {
	font-size: 115%;
	font-weight: 900;
}
.productImage {
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    padding-top: 50%;
    height: 200px;
    width: 100%;
    background-color: #fff;
}




/***** About *****/
#about {
	position: relative;
	z-index: 1;
}
#about .wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 70px 0 0 0;
}
#aboutBG1,
#aboutBG2,
#aboutBG3 {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 0;
}
#aboutBG1 {
	background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/about-bg1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*#aboutBG2 {
	background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/about-bg2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#aboutBG3 {
	background: url(https://cdn.signet.net.au/Content/user/Signet/Can%20Master%20Smash/about-bg3.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

#about:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	z-index: 1;
}
#aboutText {
	position: relative;
	z-index: 2;
}
#aboutText strong {
	font-weight: 700;
	font-size: 120%;
}




/***** Footer *****/
footer {
	position: fixed;
	bottom: 0;
	height: 50px;
	left: 0;
	width: 100%;
	z-index: 9;
	padding-top: 16px;
}
footer ul {
	list-style: none;
	margin: 0;
	padding: 0 22px;
}
footer ul li {
	float: left;
	width: 26px;
	height: 26px;
	font-size: 26px;
	margin: 0 22px 0 0;
}
footer a.fa {
	color: #fff;
	text-decoration: none;
}
footer.fixed {
	position: static;
}


@media screen and (min-width: 375px) {
    #home_cmsPic1 {
	    background-position: -400px bottom;
	}
	#home_cmsPic2 {
	    background-position: -400px bottom;
	}
	#home_cmsPic3 {
	    background-position: -400px bottom;
	}
}
@media screen and (min-width: 400px) {
    /*#home_cmsPic1 {
	    background-size: auto 90%;
	}*/
	#videoThumbs {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-direction: row;
		-webkit-flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.videoThumb {
	    -webkit-flex: 0 1 auto;
	    -moz-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    -o-flex: 0 1 auto;
	    flex: 0 1 auto;
		width: 48%;
	}
	#videos video {
		min-height: 35%;
	}
}
@media screen and (min-width: 550px) {
	/*#home_cmsPic1 {
	    background-size: 800px auto;
	    background-position: 66% 0;
	}
	#home_cmsPic2 {
		background-size: 881px auto;
		background-position: 300px center;
	}
	#home_cmsPic3 {
		background-size: 1000px auto;
		background-position: -50% bottom;
	}*/
	#home_cmsPic1 {
	    background-position: center bottom;
	}
	#home_cmsPic2 {
	    background-position: center bottom;
	}
	#home_cmsPic3 {
	    background-position: center bottom;
	}
}
@media screen and (min-width: 768px) {
	header {
		position: fixed;
	}
    nav {
	    display: block;
	    background: none;
	    top: 22px;
	    left: 5px;
	    width: 560px;
	    bottom: inherit;
	    height: auto;
    }
    #iconMenu {
	    display: none;
    }
    nav ul {
    	padding: 0;
    }
    nav li {
        float: left;
    	width: auto;
    }
    nav a {
	    height: 16px;
		line-height: 17px;
	    padding: 0 23px;
	    border-right: 1px solid #4b4b4b;
    }
    nav li:last-child a {
	    border: none;
    }
    nav li:last-child {
	    position: relative;
    }
    #linkSocialPanel {
	    position: absolute;
	    left: 0;
	    top: 22px;
	    background: rgba(0,0,0,0.9);
	    -moz-border-radius:10px;
	    border-radius:10px;
	    -webkit-border-radius:10px;
    }
    #linkSocialPanel strong {
	    margin-left: 25px;
    }
    #linkSocialPanel ol {
	    margin-left: 25px;
    }
    #linkSocialPanel li .fa {
	    font-size: 28px;
    }
    #linkSocialPanel a {
	    padding: 0;
    }
    #logo {
	    right: 21px;
    }
    #home_logo {
	    width: 380px;
	    left: 60px;
		top: 90px;
    }
    /*#home_cmsPic1 {
	    background-size: auto 80%;
	}
	#home_cmsPic3 {
		background-size: 800px auto;
		background-position: -100% bottom;
	}*/
	#videos video {
		min-height: 50%;
	}
	#videos video {
	    min-width: 100%;
	}
	#videoIntro {
		margin-bottom: 45px;
	}
	#videoIntro h2 {
		font-size: 2.5em;
		width: 80%;
	}
	#videoIntro p {
		font-size: 1.2em;
	}
	#videoThumbs {
		justify-content: flex-start;
		-webkit-justify-content:  flex-start;
	}
	.videoThumb {
		width: 32%;
		margin-right: 1.3333%;
	}
	.product {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-direction: row;
		-webkit-flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 93%;
	}
	.productImage,
	.productDetails {
	    -webkit-flex: 0 1 auto;
	    -moz-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    -o-flex: 0 1 auto;
	    flex: 0 1 auto;
		width: 50%;
	}
	.productImage {
		background-position: center center;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-blend-mode: multiply;
		padding-top: 50%;
	}
	.productDetails {
		align-content: center;
		padding: 0 0 0 30px;
	}
	footer.fixed {
		position: fixed;
	}
	#about:after {
		content: none;
	}
	#aboutText {
		margin-left: 50%;
		padding: 30px 3%;
		background: rgba(0,0,0,0.8);
	}
	#aboutText p:last-child {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 900px) {
    /*#home_cmsPic3 {
		background-position: 400px bottom;
	}*/
}
@media screen and (min-width: 1024px) {
    #home_logo {
	    width: 400px;
	    left: 50%;
	    top: 20%;
	    margin-left: -450px;
	    margin-bottom: -60px;
    }
    header {
    }
    header.fixed {
	    position: fixed;
	    background: #000;
    }
    /*#home_cmsPic2 {
		background-position: 500px bottom;
		background-size: auto 90%;
	}
	#home_cmsPic3 {
		background-size: 1000px auto;
	}*/
	#products {
		position: relative;
	}
    #products .wrapper {
    	display: -webkit-flex;
    	display: -moz-flex;
    	display: -ms-flexbox;
    	display: -o-flex;
    	display: flex;
    	-ms-flex-flow: row wrap;
    	flex-direction: row;
    	-webkit-flex-direction: row;
    	flex-wrap: wrap;
    	-webkit-flex-wrap: wrap;
    	justify-content: space-between;
    	-webkit-justify-content: space-between;
    	width: 100%;
    	padding-bottom: 0;
    }
    #productNav,
    #productPanels {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        -o-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    #productNav  {
	    display: block;
	    width: 200px;
	    background: #fff;
	    position: relative;
	    z-index: 999;
    }
    #productNav ul {
	    /*position: fixed;*/
	    top: 60px;
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    width: 200px;
    }
    #productNav li {
	    position: relative;
    }
    #productNav a {
	    display: block;
	    height: 140px;
	    overflow: hidden;
    }
    #productNav a.active {
	    font-weight: 900;
    }
    #productNav a.active:after {
	    content: "";
	    position: absolute;
	    width: 0;
	    height: 0;
	    border-top: 20px solid transparent;
	    border-bottom: 20px solid transparent;
	    border-left: 20px solid #fff;
	    position: absolute;
	    top: 50%;
	    margin-top: -20px;
		right: -20px;
	    z-index: 9999;
    }
    #productNav img {
	    width: 70%;
	    display: block;
	    height: auto;
	    margin: 0 auto;
	    -webkit-transition: all 0.15s ease-in;
	    -moz-transition: all 0.15s ease-in;
	    -ms-transition: all 0.15s ease-in;
	    -o-transition: all 0.15s ease-in;
	    transition: all 0.15s ease-in;
    }
    #productNav a:hover img {
	    width: 75%;
	    margin-top: -2.5%;
    }
    #productPanels {
	    background: #2b2b2b;
	    width: calc(100% - 200px);
	    position: absolute;
	    top: 60px;
	    right: 0;
    }
    .product {
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    border: none;
	    display:none;
    }
    .product.active {
	    display: flex;
    }
    #productPanels {
	    height: calc(100% - 60px);
    }
    .productImage {
	    background-color: #e5e5e5;
		padding-top: 0;
		background-size: 80% auto;
		height: auto;
    }
    .productDetails {
	    background: #2b2b2b;
	    align-self: center;
	    padding: 0 90px 90px 90px;
    }
    .product h3 {
	    font-size: 2em;
    }
    #videoIntro {
		padding-top: 20%;    
	}
    #videoIntro h2 {
		font-size: 3em;
		width: 60%;
	}
	#videoIntro p {
		font-size: 1.3em;
		width: 620px;
	}
	#videoBGMask {
		background: transparent;
		background: -moz-linear-gradient(top,  
			rgba(0,0,0,0) 0%,
			rgba(0,0,0,1) 100%
		);
		background: -webkit-gradient(linear, left top, left bottom, 
			color-stop(0%,transparent), 
			color-stop(100%,#000)
		);
		background: -webkit-linear-gradient(top,  
			rgba(0,0,0,0) 0%,
			rgba(0,0,0,1) 100%
		);
		background: -o-linear-gradient(top,  
			rgba(0,0,0,0) 0%,
			rgba(0,0,0,1) 100%
		);
		background: -ms-linear-gradient(top,  
			#rgba(0,0,0,0) 0%,
			rgba(0,0,0,1) 100%
		);
		background: linear-gradient(to bottom,  
			rgba(0,0,0,0) 0%,
			rgba(0,0,0,1) 100%
		);
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding-top: 56.5%;
	}
	#videoThumbs {
		padding: 0;
	}
	#videoPlayer {
		position: fixed;
		left: 50%;
		width: 900px;
		background: #000;
		padding-bottom: 0; /* 16:9 */
		padding-top: 0;
		height: 506px;
		top: 50%;
		margin-top: -253px;
		margin-left: -450px;
		z-index: 9999;
	}
	#videoPlayer iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.products footer.fixed {
		display: none;
	}
	#about {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-direction: row;
		-webkit-flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	#about .wrapper {
	    -webkit-flex: 0 1 auto;
	    -moz-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    -o-flex: 0 1 auto;
	    flex: 0 1 auto;
	    padding: 0;
	    width: 45%;
	    align-self: center;
	}
	#aboutText {
		width: 100%;
		padding: 40px;
	}
}
@media screen and (min-width: 1300px) {
    /*#home_cmsPic2 {
	    background-position: 800px bottom;
	}
	#home_cmsPic3 {
		background-position: 120% bottom;
	}*/
	 #home_logo {
	    width: 480px;
	    margin-left: -470px;
    }
	.productImage {
		background-size: 600px auto;
	}
	.videoThumb {
		width: 19%;
		margin: 0 1.25% 0 0;
	    justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.videoThumb:nth-child(5) {
		margin-right: 0;
	}
	#videoIntro h2 {
		font-size: 4em;
		margin-bottom: 0.5em;
	}
	#videoThumbs {
		background: none;
	    max-width: 1500px;
	    margin: 0 0 0 5%;
	}
	#videoThumbs:before {
		content: none;
	}
	#about .wrapper {
		width: 40%;
	}
	#aboutText {
		margin-left: 60%;
	}
}
@media screen and (min-width: 1500px) {
    /*#home_cmsPic3 {
		background-position: 100% bottom;
	}*/
}
@media screen and (min-width: 1900px) {
    /*#home_cmsPic2 {
	    background-position: 950px bottom;
	}*/
}
@media screen and (min-width: 2000px) {
	/*#home_cmsPic2 {
		background-position: 90% bottom;
	}
    #home_cmsPic3 {
		background-size: 1200px auto;
	}*/
}







/* 15.VENDOR-SPECIFIC */

::-webkit-selection { 
background: rgb(245,209,16); 
color: rgb(250,250,250); 
text-shadow: none; }

::-moz-selection { 
background: rgb(245,209,16); 
color: rgb(250,250,250); 
text-shadow: none; }

::selection { 
background: rgb(245,209,16); 
color: rgb(250,250,250); 
text-shadow: none; }

input {
    -webkit-appearance: none;
}

/* How to stop Apple from making links blue: */
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}


div,
input,
textarea  { 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }


/* Sources: 
http://meyerweb.com/eric/tools/css/reset
http://people.opera.com/patrickl/experiments/keyboard/test
http://gist.github.com/413930
http://pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap
http://sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars
http://tjkdesign.com/ez-css/css/base.css
http://viget.com/inspire/styling-the-button-element-in-internet-explorer
http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing
http://html5doctor.com/html-5-reset-stylesheet/
http://praegnanz.de/weblog/htmlcssjs-kickstart/
http://camendesign.com/design/
http://yui.yahooapis.com/2.8.1/build/base/base.css
http://webaim.org/techniques/css/invisiblecontent/
http://drupal.org/node/897638
*/