/* ==========================================================================
   BANNER display definitions
   ========================================================================== */

   .banner {
   	opacity: 0;
   	position: absolute;
   	width: 100%;
   	display: block;
   }

	.bannerWrap {
	clear: both;
	position: fixed;
	width: 100%;
	height:100%;
	max-width: 1920px;
	overflow: visible;
	-webkit-box-shadow: inset 0 0 100px #ccc;
	-moz-box-shadow: inset 0 0 100px #ccc;
	box-shadow: inset 0 0 100px #ccc;
	top: 88px;
	}
	
	.banner img.overlay, .banner img.background {
	position: absolute;
	width: 100%;
	}

   .background {
	opacity:0;
    top:0;	
    left: 0;
    width: 100%;
   }

   .overlay {
   	opacity:0;
   	bottom:0;
   	left:0;
   	/*height:0;*/
   }

  .banner h1.catchphrase {
	position: relative;
	left: 10%;
	margin-top: 158px;
	top: 0;
	height: 54px;
	}
	
	#banner2 .tagline {
	border-radius: .308em;
	/* background-color: rgba(33,33,33,.5); */
	color: #fff;
	text-shadow: none;
	
	/* box-shadow: -2px 2px 5px rgba(33,33,33,.25), 2px -2px 5px rgba(33,33,33,.25), 2px 2px 5px rgba(33,33,33,.25),-2px -2px 5px rgba(33,33,33,.25); */
	}

	.tagline {
	font-size: 1.618em;
	position: relative;
	clear: both;
	left: 10% !important;
	width: 40%;
	opacity: 0;
	font-family: 'sourceRegular';
	color: white;
	padding: 1em 1em 1em .25em;
	}
	
	#banner2 .tagline { width:60%; }
	
	.home div.right-col {
	display: none;
	}
	
	.toProducts {
	padding-right: 0px;
	color: #98579c;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .88em;
	margin: 1.618em auto;
	/* background-size: 19px; */
	padding-right: 13px;
	cursor: pointer;
	width: auto;
	display: block;
	float: right;
	}
	
	#banner2 a.toProducts {
	background: rgba(255,255,255,.7);
	padding: .25em 1em;
	margin: .618em;
	}
	
	.toProducts:active {
	color: #5c3460;
	}
	
	span.arrow-right {
	float: right;
	width: 20px;
	height:20px;
	display: block;
	position: relative;
	top: 6px;
	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	transition: transform 0.3s ease;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	left: 5px;
	}
	
	span.arrow-right img {
	  position:absolute;
	  top:0;
	  right:0;
	  width:100%;
	  opacity:1;
	  -webkit-transition: opacity 0.3s ease;
	  -moz-transition: opacity 0.3s ease;
	  -ms-transition: opacity 0.3s ease;
	  -o-transition: opacity 0.3s ease;
	  transition: opacity 0.3s ease;
	}
	
	span.arrow-right img.on {
	opacity: 0;
	}
	
	.toProducts:hover span.arrow-right { 
	  -webkit-transform: rotate(90deg);  /* Chrome, Safari 3.1+ */
		 -moz-transform: rotate(90deg);  /* Firefox 3.5-15 */
		  -ms-transform: rotate(90deg);  /* IE 9 */
		   -o-transform: rotate(90deg);  /* Opera 10.50-12.00 */
			  transform: rotate(90deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
	}
	
	.tagline span.tagline-split {
		margin: .25em 0;
		background: rgba(0,0,0,.34);
		line-height: 1em;
		clear:both;
		}
	
	.toProducts:active img.off {opacity:0;}
	.toProducts:active img.on {opacity:1;}
	
	article .innerContent p a {
	color: white !important;
	width: auto;
	float: right;
	display: block;
	font-family: 'sourceLight';
	font-size: 1.17em;
	text-transform: uppercase;
	margin-top: .618em;
	}
	
	article .innerContent p a:hover {
	text-decoration: underline;
	}
	
	.innerContent span.arrow.arrow-right {
	top: 4px;
	}
	
	h1 span { opacity: 0; }
	
	.home .entry-header {
	background-color: transparent;
	z-index: -10;
	}
	
	.home div.headingBackground h1 {
	color: white;
	padding-bottom: 1em;
	text-align: center;
	}
	
	.part1 {
	color: white;
	font-family: 'sourceRegular';
	font-size: 2.618em;
	top: -110px;
	position: absolute;
	}
	
	.part2 {
	position: absolute;
	top: -110px;
	left: 290px;
	font-family: 'sourceRegular';
	font-size: 2.618em;
	color: white;
	}

	.lt-ie9 .part2 {left:320px}
	
	.part3 {
	color: white;
	font-family: 'sourceBold';
	position: absolute;
	font-size: 2.618em !important;
	top: -26px;
	left: 2px;
	text-transform: uppercase;
	}
	
	#scrollDownMsg {
	display: none;
	position: fixed;
	bottom: 0;
	right: 25%;
	z-index: 200000;
	background: #fff;
	font-size: 1.618em;
	padding: 0 1.618em;
	}
	
	
	#banner2 h1.catchphrase {
	position: relative;
	height: 144px;
	}
	
	/*-----------------------------------------*/
	 /*BEGIN SPECIAL RESPONSIVE WIDTHS STYLES*/
	/*------------------------------------------*/
	
	@media only screen and (min-width:980px) {
	
	  .tagline {width:50%;}
	}
	
	@media only screen and (min-width:1200px) {
	  .tagline {width:45%;}
	}
	
	@media only screen and (min-width:1340px) {
	 .tagline {width:45%;}
	}
	
	
	
	
	@media only screen and (max-width:900px) {
	  
	  
	
	  .part2 {
		left: 170px;
		}
	  .toProducts {
		display:none;
		}
	
		.banner h1.catchphrase {
		font-size: 1.17em;
		line-height:8em;
		position: relative;
		left: 10%;
		margin-top: 94px;
		top: 0;
		height: 54px;
		line-height: 8em;
		}   
	
		#banner2 h1.catchphrase {
		position: relative;
		height: 82px;
		}
	
		.home article {
		background: transparent;
		padding: 0;
		margin-top: -5px;
		}
	
		.bannerWrap {
		clear: both;
		position: fixed;
		width: 100%;
		max-width: 1920px;
		overflow: visible;
		-webkit-box-shadow: inset 0 0 100px #ccc;
		-moz-box-shadow: inset 0 0 100px #ccc;
		box-shadow: inset 0 0 100px #ccc;
		top: 105px;
		}
	
		body {
		overflow-x: hidden;
		}
	
		.tagline {
		  width: 60%;
		  padding-top: 0;
		  }
	
		#banner3 .tagline {width: 51%;}
	
	
	
	}
	
	
	@media only screen and (max-width:480px) {
	 
	}