/* -- Page Header -- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#hero .carousel .slide .content { position: absolute; left: 0; right: 0; top: 0; z-index: 3; }
	@media (max-width: 767px) { 
		#hero .carousel .slide .content { height: 340px; position: absolute; left: 0; right: 0; top: 0; } 
	}
	#hero .carousel .slide img,
	#hero .carousel .slide video.video-header
		{ width: 100%; height: auto; display: block; z-index: 1; }
	@media (max-width: 767px) {
		#hero .carousel .slide img,
		hero .carousel .slide video.video-header
			{ width: 180%; margin-left:-50%; margin-top:-50px; }
	}


/* -- Header Carousel -- */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#hero .caroufredsel_wrapper { height: auto !important; }
	
	
	#hero .carousel { height: auto !important; position: relative !important; overflow: hidden; }
	#hero .carousel:after { content: ""; height: 0; display: block; clear: both; overflow: hidden; visibility: hidden; }
	#hero .carousel .slide { float: left; position: relative; overflow: hidden; }
	
	/* Page header mask */
	#hero .carousel .slide:before { content: ""; height: 200px; background: url(../img/interface/page-header-mask.png) 50% 0 repeat-x; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; }
	
	#hero .carousel-nav { position: absolute; left: 0; right: 0; top: 540px; text-align: center; z-index:100; }
	#hero .carousel-nav a { width: 10px; height: 10px; margin: 0 2px; border: 2px solid #fff; display: inline-block; border-radius: 10px;
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
	}
	#hero .carousel-nav a.selected { background-color: #fff; }
	#hero .carousel-nav a span { width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; }
	
	
	
	#hero-carousel { color: #fff; position: relative; }
	#hero-carousel .page-width { padding-bottom: 1px !important; max-width: 1380px; display: inline-block; }
	*>/**/#hero-carousel .page-width { display: block; }
	#hero-carousel .page-width:after { content: ""; height: 0; display: block; clear: both; overflow: hidden; visibility: hidden; }
	
	#hero-carousel .wrap-content { width: 1380px; margin: 0 auto; padding-top: 100px; position: relative; }
	#hero-carousel .wrap-content:after { content: "."; width: 0; height: 0; display: block; overflow: hidden; clear: both; visibility: hidden; }
	*>/**/#hero-carousel .wrap-content { display: block; }
	
	#hero-carousel .intro { width: 620px; float: left; margin-top: -5px; margin-left: 85px; }
	
	#hero-carousel h1 { color: #fff; font-weight: 700; font-size: 6.5rem; white-space: nowrap; text-transform: uppercase; margin: 0; display: inline-block; }
	*>/**/#hero-carousel h1 { display: block; }
	#hero-carousel h1:after { content: ""; height: 0; display: block; clear: both; overflow: hidden; visibility: hidden; }
	
	#hero-carousel h1 span { background: rgba(20,12,10, .7); padding: 8px 10px; float: left; clear: both; }
	#hero-carousel h1 span.first-line { font-weight: 600; font-style: normal; font-size: 3rem ; }
	
	#hero-carousel .text { text-shadow: 0 0 3px #000; margin: 1.6rem 0 2.4em; }

	#hero-carousel .header-promo-video { text-indent: -999px; width: 660px; height: 370px; padding: 0; border: 1px solid #fff; outline: 0; background-size: auto !important; display: block; float: right; position: relative; z-index: 99; overflow: hidden; cursor: pointer;
		-webkit-box-shadow: 0 0 30px #000;
		   -moz-box-shadow: 0 0 30px #000;
		    -ms-box-shadow: 0 0 30px #000;
		     -o-box-shadow: 0 0 30px #000;
		        box-shadow: 0 0 30px #000;
	}
	#hero-carousel .header-promo-video:hover { border-color: #9d0a0e }
	
	#hero-carousel .header-promo-video:after { content: ""; width: 204px; height: 204px; margin: -102px 0 0 -102px; background: url(../img/interface/video-play-button.png) 0 0 no-repeat; background-size: 100% auto; position: absolute; top: 50%; left: 50%; }
	#hero-carousel .header-promo-video:hover:after { background-position: 0 100%; }
	
	#hero-carousel .play.header-promo-video { border-color: #000 !important; }
	#hero-carousel .play.header-promo-video:after { background: none !important; border-color: #000 !important; }
	
	#hero-carousel .header-promo-video object { display: none !important; }
	#hero-carousel .play.header-promo-video object { width: 100% !important; height: 100% !important; display: block !important; background: #000; position: relative;}
	#hero-carousel .play.header-promo-video object p { margin: 0 auto; padding: 10px; text-align: center; color: #fff; font-size: 1.4rem; line-height: 1.5em; text-indent: 0; z-index: 999; position: relative; }
	#hero-carousel .play.header-promo-video object p a { color: #fff; text-decoration: underline; }
	#hero-carousel .play.header-promo-video object p a:hover { color: #9d0a0e; }
	
	#hero-carousel .header-promo-video iframe, #hero-carousel .header-promo-video object { width: 100%; height: 100%; display: block; position: relative; z-index: 1000; }
	
	@media (max-width: 1919px) {
		#hero .carousel-nav { top: 490px; }
		#hero-carousel .page-width { max-width: 1140px; }
		#hero-carousel .wrap-content { width: 1200px; padding-top: 180px; }
		#hero-carousel .intro { width: 575px; margin-left: 0; }
		#hero-carousel h1 { font-size: 5rem; }
		#hero-carousel .header-promo-video { width: 477px; height: 280px; margin-top: 0px; }
	}
	@media (max-width: 1220px) {
		#hero-carousel .wrap-content { width: auto; padding-top: 180px; }
		#hero-carousel .intro { margin-left: 18px; }
		#hero-carousel .header-promo-video { width: 363px; height: 213px; margin-top: 0px; margin-right: 20px; }
	}
	@media (max-width: 1023px) {
		#hero .carousel-nav { top: 350px; }
		#hero-carousel .wrap-content { width: auto; padding-top: 90px; }
		#hero-carousel .intro { width: 470px; margin: 0 0 0 15px; }
		#hero-carousel h1 { font-size: 3rem; }
		#hero-carousel .header-promo-video { width: 363px; height: 213px; margin-top: 0px; margin-right: 20px; }
	}
	@media (max-width: 900px) {
		#hero-carousel .intro { width: 360px; }
	}
	@media (max-width: 767px) {
		#hero .carousel .slide { height: 340px !important; }
		#hero .carousel .slide:before { display: none; }
		
		#hero .carousel-nav { z-index: 1999; }
		#hero-carousel .wrap-content { width: 100%; height: 300px; padding: 0; }
		#hero-carousel .intro { width: auto; padding: 10px 30px 10px 20px; position: absolute; bottom: 10px; left: 0px; right: 0; margin-left:-10px; background: rgba(0,0,0,.7); cursor: pointer;
			-webkit-transition: background-color .25s ease-in-out;
			   -moz-transition: background-color .25s ease-in-out;
			    -ms-transition: background-color .25s ease-in-out;
			     -o-transition: background-color .25s ease-in-out;
			        transition: background-color .25s ease-in-out;
		}
		#hero-carousel .intro:hover, #hero-carousel .intro:focus { background: rgba(120,5,5,.9); }
		#hero-carousel .intro p { margin: 0; }
		.homepage #hero-carousel .intro { bottom: 0; top: inherit; }
		#hero-carousel h1 span { padding: 0; background: none; }
		#hero-carousel h1 span.first-line { line-height: 1.6rem; }
		#hero-carousel .text { display: none; }
		#hero-carousel .header-promo-video { width: 281px; height: 164px; margin: 10px auto 120px; float: none; }
		#hero-carousel .header-promo-video:after { width: 102px; height: 102px; margin: -51px 0 0 -51px; }
	}
	@media (max-width: 479px) { 
/*
		#hero .carousel-nav a { border-color: #4b4a45; }
		#hero .carousel-nav a.selected { background-color: #4b4a45; }
*/
	}



/* -- Promo Carousel -- */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.promos-carousel-mobile, .mobile-wrap-pagination { display: none; }

	.wrap-carousel { width: 100%; max-width: 1360px; margin: -900px auto 65px; position: relative; overflow: hidden; height: 454px; }
	.promos-carousel { height: 450px; margin: 0 auto 0; padding: 0; }
	
	.carousel .wrap-carousel { max-width: 1200px; }
	.carousel .promos-carousel { margin: 0 80px; }
	
	.promos { padding: 65px 0 0; z-index: 10 !important; }
	.promos .promo { width: 456px; height: 350px; float: left; position: relative; cursor: pointer; -webkit-backface-visibility: hidden;
		
	}
	.promos .promo a { width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; }
	.promos .container { width: 456px; height: 350px; margin: -175px 0 0 0; z-index: 1; border: 1px solid #fff; background-repeat: no-repeat; background-size: 100% 100% !important; position: absolute; left: 50%; top: 50%; opacity: 0;
		 -webkit-transition-duration: .75s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all;
			-moz-transition-duration: .75s;    -moz-transition-timing-function: ease-in-out;    -moz-transition-property: all;
			     transition-duration: .75s;         transition-timing-function: ease-in-out;         transition-property: all;
	}
	
	/*
.promos .smallRight .container { 
	     -webkit-transition-duration: .75s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: opacity;
			-moz-transition-duration: .75s;    -moz-transition-timing-function: ease-in-out;    -moz-transition-property: opacity;
			     transition-duration: .75s;         transition-timing-function: ease-in-out;         transition-property: opacity; 
	}
*/
	
	.promos .smallLeft .container { width: 491px; height: 351px; margin: -175px 0 0 -20px; opacity: 1; }
	.promos .mediumLeft .container { width: 549px; height: 392px; margin: -195px 0 0 -190px; z-index: 2; opacity: 1; }
	.promos .highlight .container { width: 593px; height: 423px; margin: -212px 0 0 -297px; z-index: 3; opacity: 1; }
	.promos .mediumRight .container { width: 549px; height: 392px; margin: -195px 0 0 -370px; z-index: 2; opacity: 1; }
	.promos .smallRight .container { width: 491px; height: 351px; margin: -175px 0 0 -480px; z-index: 0; opacity: 1; }
	
	
	/* Label */
	.promos .promo .wrap-label { height: 70px; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; }
	.promos .promo .wrap-label .label { background: #000; position: absolute; bottom: -70px; left: 0; right: 0; 
		-webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: all;
		   -moz-transition-duration: .5s;    -moz-transition-timing-function: ease-in-out;    -moz-transition-property: all;
		        transition-duration: .5s;         transition-timing-function: ease-in-out;         transition-property: all;
	}
	.promos .promo .wrap-label .label h3 { padding: 12px 0 0 80px; color: #fff; font-size: 2rem; text-transform: uppercase; }
	.promos .promo .wrap-label .label h3 span { display: block; font-size: 1.6rem; color: #959595; }
	.promos .promo.highlight .wrap-label .label { height: 70px; background: #000; position: absolute; bottom: 0; }
	.promos .promo:hover .wrap-label .label { background: #9d0a0e; }
	.promos .promo .wrap-label .label .icon { position: absolute; top: 10px; left: 15px }
	.promos .promo .visual { width: 100%; position: absolute; right: 0; bottom: 0; opacity: 0; 
		-webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: opacity;
		   -moz-transition-duration: .5s;    -moz-transition-timing-function: ease-in-out;    -moz-transition-property: all;
		        transition-duration: .5s;         transition-timing-function: ease-in-out;         transition-property: all;
	}
	.promos .promo.highlight .visual { opacity: 1; }
	.promos .promo:hover .container {
		 -webkit-transform: scale(1.01,1.01);
		    -moz-transform: scale(1.01,1.01);
		         transform: scale(1.01,1.01);
	}
	
	/* Nav */
	.promos-carousel .nav { width: 46px; height: 65px; margin: -31px 0 0; display: block; background-image: url(../img/home/carousel/arrows.png); background-repeat: no-repeat; background-size: auto auto !important; position: absolute; top: 50%; cursor: pointer; z-index: 999; }
	.promos-carousel .nav.previous { left: 20px; background-position: 0 0; }
	/*.promos-carousel .nav.previous:hover, .promos-carousel .nav.previous:focus { background-position: -92px 0; }*/
	.promos-carousel .nav.next { right: 20px; background-position: -46px 0; }
	/*.promos-carousel .nav.next:hover, .promos-carousel .nav.next:focus { background-position: -138px 0; }*/
	
	/* Pagination */
	.wrap-pagination { width: 100%; margin: 0 !important; text-align: center; z-index: 1000; display: none; }
	.wrap-pagination #pagination a { width: 13px; height: 13px; margin: 0 5px; display: inline-block; background: none; border: 2px solid #000;
		-webkit-border-radius: 25px; 
		   -moz-border-radius: 25px; 
		        border-radius: 25px;
		        
		-webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: background;
			-moz-transition-duration: .5s;    -moz-transition-timing-function: ease-in-out;    -moz-transition-property: all;
			     transition-duration: .5s;         transition-timing-function: ease-in-out;         transition-property: all;
	}
	.wrap-pagination #pagination a.selected { background: #000 !important; }
	.wrap-pagination #pagination a span { width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; }
	
	@media (max-width: 2559px) { .wrap-carousel { margin: -900px auto 65px; } }
	
	@media (max-width: 2450px) { .wrap-carousel { margin: -800px auto 65px; } }
	
	@media (max-width: 2300px) { .wrap-carousel { margin: -700px auto 65px; } }
	
	@media (max-width: 2280px) { .wrap-carousel { margin: -700px auto 65px; } }
	
	@media (max-width: 2260px) { .wrap-carousel { margin: -700px auto 65px; } }
	
	@media (max-width: 2200px) { .wrap-carousel { margin: -600px auto 65px; } }
	
	@media (max-width: 1990px) { .wrap-carousel { margin: -520px auto 65px; } }
	
	@media (max-width: 1919px) { .wrap-carousel { margin: -540px auto 65px; } #hero .carousel-nav { top: 550px; } }
	
	@media (max-width: 1919px) { #hero .carousel-nav { top: 500px; } }
	
	@media (max-width: 1725px) { .wrap-carousel { margin: -500px auto 65px; } #hero .carousel-nav { top: 500px; } }
	
	@media (max-width: 1630px) { .wrap-carousel { margin: -400px auto 65px; } #hero .carousel-nav { top: 500px; } }
	
	@media (max-width: 1461px) { .wrap-carousel { margin: -350px auto 65px; } #hero .carousel-nav { top: 500px; } }
	
	@media (max-width: 1380px) { .wrap-carousel { margin: -300px auto 65px; } #hero .carousel-nav { top: 500px; } }
	
	@media (max-width: 1300px) { 
		.wrap-carousel { margin: -200px auto 65px; }
		#hero .carousel-nav { top: 500px;  }
		
		.promos .mediumLeft .container { width: 549px; height: 392px; margin: -195px 0 0 -100px; z-index: 2; opacity: 1; }
		.promos .highlight .container { width: 593px; height: 423px; margin: -212px 0 0 -297px; z-index: 3; opacity: 1; }
		.promos .mediumRight .container { width: 549px; height: 392px; margin: -195px 0 0 -450px; z-index: 2; opacity: 1; }
		
		/* Nav */
		/* .promos-carousel .nav.previous { left: 30px; } */
		
	}
	
	@media (max-width: 1200px) { 
		.wrap-carousel { margin: -120px auto 65px; }
		
		.promos .mediumLeft .container { width: 549px; height: 392px; margin: -195px 0 0 -100px; z-index: 2; opacity: 1; }
		.promos .highlight .container { width: 593px; height: 423px; margin: -212px 0 0 -297px; z-index: 3; opacity: 1; }
		.promos .mediumRight .container { width: 549px; height: 392px; margin: -195px 0 0 -450px; z-index: 2; opacity: 1; }
		
		#hero .carousel-nav { top: 480px;  }
	}
	
	@media (max-width: 1023px) { 
		.wrap-carousel { margin: -75px auto 65px; }
		.promos .mediumLeft .container { width: 549px; height: 392px; margin: -195px 0 0 -100px; z-index: 2; opacity: 1; }
		.promos .highlight .container { width: 593px; height: 423px; margin: -212px 0 0 -297px; z-index: 3; opacity: 1; }
		.promos .mediumRight .container { width: 549px; height: 392px; margin: -195px 0 0 -450px; z-index: 2; opacity: 1; }
		#hero .carousel-nav { top: 390px;  }
		
		/* Nav */
		.promos-carousel .nav.previous { left: 30px; }
		.promos-carousel .nav.next { right: 30px; }
	}
	
	@media (max-width: 767px) {
		#hero .carousel-nav { top: 188px;  }
		.wrap-carousel { margin: 0 0 23px; }
		.carousel .promos-carousel { margin: 0 auto; }
	}
	
	@media (max-width: 700px) {
		/* Nav */
		.promos-carousel .nav { width: 36px; height: 50px; margin-top: -25px; }
		.promos-carousel .nav.previous { left: 30px; background-position: 0 100%; }
		.promos-carousel .nav.previous:hover, .promos-carousel .nav.previous:focus { background-position: -72px 100%; }
		.promos-carousel .nav.next { right: 30px; background-position: -36px 100%; }
		.promos-carousel .nav.next:hover, .promos-carousel .nav.next:focus { background-position: -108px 100%; }
	}
	
	@media (max-width: 639px) {
		.promos-carousel-mobile { display: block; margin: 20px 0 0; background: #000; }
		.desktop-carousel { height: 0; overflow: hidden; }
		.promos-carousel-mobile .promo { float: left; display: block; cursor: pointer; }
		.promos-carousel-mobile .promo a { display: none;}
		.promos-carousel-mobile .promo .visual { background: #000; }
		.promos-carousel-mobile .promo .visual img { width: 100%; margin: 0; border: 0; display: block; }
		.promos-carousel-mobile .promo .label { height: 60px; margin: -10px 0 0; background: #000; position: relative; }
		
		.promos-carousel-mobile .promo .label h3 { margin: 0; padding: 0 0 0 80px; color: #fff; font-size: 2rem; text-transform: uppercase; }
		.promos-carousel-mobile .promo .label h3 span { display: block; font-size: 1.2rem; color: #959595; }
		.promos-carousel-mobile .promo .icon { position: absolute; top: -5px; left: 15px }
		
		/* Pagination */
		.mobile-wrap-pagination { width: 100%; margin: 0 0 40px 0 !important; padding: 10px 0 10px; text-align: center; z-index: 1000; background: #000; position: relative; display: block; }
		.mobile-wrap-pagination #mobile-pagination a { width: 13px; height: 13px; margin: 0 5px; display: inline-block; background: none; border: 2px solid #fff;
			-webkit-border-radius: 25px; 
			   -moz-border-radius: 25px; 
			        border-radius: 25px;
			        
			-webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: background;
				-moz-transition-duration: .5s;    -moz-transition-timing-function: ease-in-out;    -moz-transition-property: all;
				     transition-duration: .5s;         transition-timing-function: ease-in-out;         transition-property: all;
		}
		.mobile-wrap-pagination #mobile-pagination a.selected { background: #fff !important; }
		.mobile-wrap-pagination #mobile-pagination a span { width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; }
		
		.mobile-wrap-pagination .nav { width: 25px; height: 50px; display: block; overflow: hidden; position: absolute; top: -2px; background: url(../img/interface/boxCarousel-nav-arrow.png) 0 0 no-repeat; z-index: 99; background-size: 50px auto !important; cursor: pointer; z-index: 9999; }
		.mobile-wrap-pagination .nav.previous { left: 5px; }
		.mobile-wrap-pagination .nav.next { right: 5px; background-position: 100% 0; }
		
	}

	@media (max-width: 400px) {
		#hero .carousel-nav { top: 166px;  }
	}