@charset "utf-8";
/* CSS Document */

.squares-container{
	text-align:center;
	margin:0 auto;
	width:90%;
	height:23vw;
	max-height:420px;
	padding:0 5%;
	
	background: -webkit-linear-gradient(#000, #303030); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#000, #303030); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#000, #303030); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#000, #303030); /* Standard syntax */
}
.square-spacer{
	float:left;
	width:33%;	
}
.home-square{
	position:relative;
	top:-100px;
	display:block;
	width:20vw;
	max-width:350px;
	height:20vw;
	max-height:350px;
	margin:0 auto;
	font-size:2vw;
	color:#f1f1f1;
	font-family:Trajan, serif;
	z-index:99;
	padding:2.5vw;
	transition:all .3s ease;
}

.v2 .squares-container{
	height:20vw;
	max-height:420px;
	
	background: -webkit-linear-gradient(#000, #303030); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#000, #303030); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#000, #303030); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#000, #303030); /* Standard syntax */
}
.v2 .home-square{
	top:-2vw;
	height:20vw;
}


@media (min-width: 1400px) {
	.home-square{
		font-size: 2.308rem;
	}
}

@media (max-width: 540px){
	.v2 .squares-container{
		height:72vw;
	}
	.squares-container{
		height:250vw;
		width:calc(100% - 10vw);
		padding:0 5vw;
		max-height:none;
	}
	.home-square, .v2 .home-square {
		top: -5vw;
		width:62vw;
		height:62vw;
		font-size:6vw;
		padding:10vw;
	}
	.square-spacer{
		float:none;
		width:90vw;
		margin:0 0 35px;
	}
}


.home-square#green, .home-square#autumn, .home-square#white{
	transition:all 1s ease;
}
.home-square#autumn{
	background:url(../images/photos/autumn-trees-sm.jpg) top center no-repeat;
	background-size:100%;
}
.home-square#green{
	background:url(../images/photos/green-trees-sm.jpg) top center no-repeat;
	background-size:100%;
}
.home-square#white{
	background:url(../images/photos/white-trees-sm.jpg) top center no-repeat;
	background-size:100%;
}
.home-square#green:hover, .home-square#autumn:hover, .home-square#white:hover{
}
.home-square a{
	position:absolute;
	bottom:33%;
	left:calc(50% - 37px);
	width:75px;
	height:75px;
	display:block;
	cursor:pointer;	
	background:url(../images/nav_img/square-arrow-off.png) center center no-repeat;
	background-size:contain;
	margin:0 auto;
	transition:all .3s ease;
}
.home-square a:hover{
	background:url(../images/nav_img/square-arrow-on.png) center center no-repeat;
	background-size:contain;
}


section.white_space, section.showdown{
	position:relative;
	width: calc(100% - 60px);
	max-width: 1840px;
	margin: 0;
	background: #fff;
	text-align: center;
	font-size: 1rem;	
	padding:150px 30px;
	height:480px;
	font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.content section h5{
	font-size:4vw;
	max-width:90%;
	margin:0 auto;	
}
.verticle-center{
	position:relative;
}
.headline{
	top:calc(50% - 30px);
}

section.slider{
	margin:0 !important;	
	background:#fff;
}
.trim_package_slide{
	position:relative;
	height:780px;
}
.background_slide{
	width:100%;
	height:500px;
	background:url(../images/photos/windmill-farm-anim.jpg) center right no-repeat;
	background-size:cover;	
}
.furnace_slide{
	position:absolute;
	top:50px;
	left:calc(50% - 575px);
	display:block;
	width:600px;
	height:600px;
	background:url(../images/product_img/furnace-trims/goldenhawk-15-black.png) center center no-repeat;
}
.furnace_slide_compare{
	position:absolute;
	bottom:100px;
	left:calc(50% - 575px);
	display:block;
	width:600px;
	height:600px;
	background:url(../images/product_img/furnace-trims/greenhawk-15-green-shadow.png) center center no-repeat;
}
.furnace_slide_compare_camo{
	position:absolute;
	bottom:100px;
	left:calc(50% - 575px);
	display:block;
	width:600px;
	height:600px;
	background:url(../images/product_img/furnace-trims/goldenhawk-15-camo.png) center center no-repeat;
}


@media (max-width: 540px){
	.furnace_slide_compare_camo {
		bottom: 191px;
		left: calc(50% - 251px);
		width: 300px;
		height: 300px;
		background-size: 300px 300px;
	}
}


.text_slide{
	position:absolute;
	top: 83px;
	right: 112px;
}
.gx_series{
	text-align:center;
}
.gx_series h2, .gx_series h3, .gx_series h4{
	font-family:Trajan;
}
.gx_series h2{
	font-size:2.308rem;
	padding: 1px 0;
	margin:0 !important;
}
.gx_series h3{
	font-size: 1.077rem;
	letter-spacing: 8px;
	margin-bottom: 3px;	
}
.gx_series h4{
	font-size:1.538rem;
	letter-spacing:15px;
	padding:0 0 9px 5px;
}
.gx_series .subtle_button{
	margin:5px 0 0;
	float:right;
}
.text_slide p{
	text-align:left;
	display:block;
	font-size:1.385rem;
	padding:9px 14px;
}
.text_bottom_slide{
	position:absolute;
	left:50%;
	width:40%;
	top:525px;
	text-align:left;
}
.text_bottom_slide h3{
	font-family:Trajan;
	font-size:2.308rem;
	border-bottom:1px solid #ccc;
}
.text_bottom_slide p{
	font-size:1.231rem;
}
.text_bottom_slide p.desc{
	font-size: 1.077rem;
	margin: 10px 0;
	width: 305px;
	color:#666;
}
.text_bottom_slide sup{
	font-size:0.846rem;		
}
.text_bottom_slide #button{
	float:right;
	margin:10px;
}

.windmill_blades {
	position: absolute;
	top: 116px;
	right: 641px;
	margin:-60px 0 0 -60px;
	-webkit-animation:spin 200s ease infinite;
	-moz-animation:spin 200s ease infinite;
	animation:spin 200s ease infinite;
}

.tall .trim_package_slide{
	height:875px;
}
.tall .text_slide{
	top:144px;
	right:75px;
}
.tall .furnace_slide{
	top:125px;
}
.tall .background_slide{
	background:url(../images/photos/windmill-farm-anim-tall.jpg) bottom right no-repeat;
	background-size:auto;
	height:575px;
}
.tall .text_bottom_slide{
	top:600px;
}
.tall .windmill_blades{
	top: 191px;
	right: 543px;
}

#starting_price{
	color:#eee;
}

.background_slide#red_barn_snow{
	background:url(../images/photos/red-barn-snow.jpg) bottom left no-repeat;
}
.furnace_slide#silverhawk-15-red{
	background:url(../images/product_img/furnace-trims/silverhawk-15-red.png) center center no-repeat;
}



@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.showdown{
}
#vs{
	font-size:4vw;
	position:relative;
	top:-194px;
	margin:0 50px;
	width:25%;
	color:#666;
}
.showdown img{
	width:30%;
	max-width:480px;
}

#viewport {
	position: relative;
	overflow: hidden;
	height:1000px;
	width:100%;
}
#viewport .smoke {
	position: absolute;
	width: 75px;
	height: 250px;
	background: url('../images/photos/smoke-texture.png') no-repeat;
	top: 0px;
	margin-left: calc(50% - 424px);
	z-index:30;
}

@media (max-width: 540px){
	.gx_series h2{
		font-size:8vw !important;
	}
	.gx_series h3 {
		font-size: 3.6vw !important;
		margin-bottom:0;
	}
	.gx_series h4 {
		font-size: 5vw !important;
		border-bottom:1px solid #aaa;
	}
	
	.tall .trim_package_slide {
		height:1025px;
	}
	.tall .background_slide, .background_slide {
		height:675px;
	}
	.tall .furnace_slide, .furnace_slide{
		position:absolute;
		top:435px;
		left:calc(50% - 275px);
		display:block;
		width:300px;
		height:300px;
		background:url(../images/product_img/furnace-trims/goldenhawk-15-black.png) center center no-repeat;
		background-size:300px 300px;
	}
	.tall .text_slide, .text_slide{
		top:0;
		width:80%;
		padding:135px 10% 0;
		right:0px;
		margin:0 auto;
	}
	.tall .text_slide, .text_slide{
		text-align:center;
	}
	.tall .text_slide p, .text_slide p{
		font-size: 4vw;
		width: 66vw;
		padding: 4vw 5vw;
	}
	.tall .text_bottom_slide {
   	top: 685px;
	}
	
	.text_bottom_slide h3 {
		font-size:5vw;
	}
	.text_bottom_slide p {
		font-size:4vw;
	}
	.text_bottom_slide{
		width:100%;
		left:0;
	}
	#goldenhawk_intro{
		width:calc(50% - 20px);
		position:relative;
		left:50%;
		padding:0 20px 25px 0;
		clear:both;
	}
	#goldenhawk_intro_desc{
		padding:40px 0 0;
	}
	.text_bottom_slide p.desc{
		width:calc(100% - 80px);
		padding:0 40px;
		clear:both;
		font-size:4vw;
	}
	#starting_price{
		color:#999;
		font-size:5vw;
		line-height: 7vw;
	}
	#viewport .smoke {
		position: absolute;
		width: 75px;
		height: 250px;
		background: url('../images/photos/smoke-texture.png') no-repeat;
		top: 213px;
		margin-left: calc(50% - 212px);
		z-index:30;
	}
	a.button{
		font-size:.95rem;
	}
	sup{
		font-size:0.7em !important;
	}
}



.enter_to_win{
	background:#535352;
	color:#f1f1f1;
	width:100%;
	max-width:1900px;
	font-size:2.308rem;
	padding:50px 0;
	text-align:center;
}
.enter_to_win .button{
	position:relative;
	top:-10px;
	margin-left:25px;
}
#win_2000{
	color:#e96224;
	font-size:1.5em; 
	margin-top:5px;
}

@media (max-width: 540px) {
	.enter_to_win{
		font-size:1.3rem;
		width:90%;
		padding:50px 5% 65px;
	}
	.enter_to_win .button {
		top:17px;
		margin:0;
	}
}

/* -----Deals Section--------*/
#blackhawk_deals{
	background:#fff;
	width:100%;
	height:100%;
	padding-top:1px;
}
.deals_container{
	margin:0;
	padding:0;
	clear:both;
}
.blackhawk_banner{
	margin:40px 0 0;
	width:100%;
	height:190px;
	padding:0;
	background:#000;
}
.blackhawk_banner #blackhawk, .blackhawk_banner #november{
	float:left;
	height:190px;
	width:calc(50% - 125px);
	margin:10px 0 0;
	font-size:3.538rem;
	letter-spacing:.2em;
	color:#eee;
}
.blackhawk_banner #blackhawk, .blackhawk_banner #november{
	font-family:Trajan, serif;
}
.blackhawk_banner #blackhawk p, .blackhawk_banner #november p{
	background: -webkit-linear-gradient(#eee, #999);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:0 30px;
	margin-top:58px;
}
.blackhawk_banner #blackhawk p{
	text-align:right;	
}
.blackhawk_banner #november p{
	text-align:left;			
}
.red_carpet{
	float:left;
	background:#b30101;
	width:250px;
	height:200px;
	margin:0 auto;
	padding:0;
	position:relative;
	top:-10px;
	box-shadow:2px 5px 5px rgba(0,0,0,.5);
}
.red_carpet #logo{
	background:url(../images/hawken-logo-gray-smooth.png) center no-repeat;
	display:block;
	width:250px;
	height:200px;
}
.deal_float_left{
	float:left;
	width:calc(50% - 125px);
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}
.red_carpet_deal{
	float:left;
	width:250px;
	height:540px;;
	background:#b30101;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	margin-top:-10px;
	text-transform:uppercase;
	letter-spacing:-.1em;
	position:relative;
	box-shadow:2px 5px 5px rgba(0,0,0,.5);
}
.red_carpet_deal #weekly{
	font-size:3.154rem;
	color:#fff;	
	line-height:35px;
	padding:44px 0 0;
}
.red_carpet_deal #deals{
	font-size:3.923rem;
	color:#fff;
	line-height:42px;
}
.red_carpet_deal #week{
	font-size:1.385rem;
	color:#fff;
	line-height:35px;
}
.red_carpet_deal #this_deal{
	font-size:2.462rem;
	color:#000;
	line-height:26px;
	padding:86px 0 0;
}
.red_carpet_deal #ends{
	font-size:4.769rem;
	color:#fff;
	line-height:56px;
}
.red_carpet_deal #this{
	font-size:5.308rem;
	color:#000;
	line-height:63px;
}
.red_carpet_deal #friday{
	font-size:3.231rem;
	color:#fff;
	line-height:36px;
}
.red_carpet_deal #date{
	font-size:1.692rem;
	color:#000;
	line-height:32px;
}
.deal_float_left{
	text-transform:uppercase;
}
.deal_float_left #off_500{
	font-size:6.923rem;
	color:#b30101;
	line-height:90px;
}
.deal_float_left #off_500 sup{
	font-size:3.538rem;
	line-height:10px;
}
.deal_float_left #legacy{
	font-size:3.154rem;
	color:#000;
	line-height:44px;
}
.deal_float_left #furnaces{
	font-size:2.846rem;
	color:#666;
	line-height:32px;
}
.deal_float_left #pct_off{
	width:230px;
	height:120px;
	margin:0 auto;
}
.deal_float_left #ten{
	font-size:9.231rem;
	color:#b30101;
	float:left;
	letter-spacing:-.1em;
	line-height:120px;
	margin-top:15px;
}
.deal_float_left #pct{
	float:left;
	width:40px;
	height:20px;
	font-size:5.769rem;
	color:#b30101;
	margin:23px 5px 0;
	line-height:75px;
}
.deal_float_left #off{
	float:left;
	font-size:2.308rem;
	color:#b30101;
	margin:52px 10px 0;
	line-height:30px;
}
.deal_float_left #parts{
	font-size:3.308rem;
	line-height:37px;
}
.deal_float_left #supplies{
	font-size: 3rem;
	margin-bottom: 7px;
	color: #666;
	line-height: 34px;
}
.deal_float_left #first50{
	margin-top:15px;
	font-size:2.769rem;
}
.deal_float_left #pipe{
	font-size:1.615rem;
	color:#666;
	line-height:18px;
}
.deal_float_left #big_free{
	font-size:6.923rem;
	color:#b30101;
	line-height:90px;
}
.deal_float_left #with_furnace{
	font-size:1.462rem;
	margin-bottom:5px;
}
.deal_float_left #with_furnace sup{
	font-size: 1rem;
	top: 3px;
	position: relative;
}

.deal_float_left img{
	margin:0 auto;
	float:none;
}
.deal_float_left a, .deal_float_left button{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:none;
	margin:25px 0 0;
	clear:both;
}
.deal_footnote{
	text-transform:none;
	font-size:0.846rem;
	text-align:left;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#999;
	padding:20px 50px 30px;
}


/*--------March Madness -------------*/
#madness_text{
	position: absolute;
	bottom: 0;
	left:calc(50% - 71px);
	display: block;
	text-align: center;
	padding: 0 0 100px;
	z-index:9999;
}
#madness_deals{
	background:#fff;
	width:100%;
	height:100%;
	padding-top:1px;
}
.deals_container{
	margin:0;
	padding:0;
	clear:both;
}
.banner_bkgd{
	background:#111;
}
.madness_banner{
	width:100%;
	height:350px;
	background:url(../images/photos/march-madness-banner.jpg) no-repeat center center;
}

.blue_carpet{
	float:left;
	background:#1dbbfe;
	width:250px;
	height:200px;
	margin:0 auto;
	padding:0;
	position:relative;
	top:-10px;
	box-shadow:2px 5px 5px rgba(0,0,0,.5);
}
.blue_carpet #logo{
	background:url(../images/hawken-logo-blue-smooth.png) center no-repeat;
	display:block;
	width:250px;
	height:200px;
}
.deal_float_left{
	float:left;
	width:calc(50% - 125px);
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}
.blue_carpet_deal{
	float:left;
	width:250px;
	height:300px;;
	background:#1dbbfe;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	margin-top:-10px;
	text-transform:uppercase;
	letter-spacing:-.1em;
	position:relative;
	box-shadow:2px 5px 5px rgba(0,0,0,.5);
}
.blue_carpet_deal #weekly{
	font-size:3.154rem;
	color:#fff;	
	line-height:35px;
	padding:40px 0 0;
}
.blue_carpet_deal #deals{
	font-size:3.923rem;
	color:#fff;
	line-height:42px;
}
.blue_carpet_deal #week{
	font-size:1.385rem;
	color:#fff;
	line-height:35px;
}
.blue_carpet_deal #this_deal{
	font-size:2.462rem;
	color:#000;
	line-height:26px;
	padding:86px 0 0;
}
.blue_carpet_deal #ends{
	font-size:4.769rem;
	color:#fff;
	line-height:56px;
}
.blue_carpet_deal #this{
	font-size:5.308rem;
	color:#000;
	line-height:63px;
}
.blue_carpet_deal #friday{
	font-size:3.231rem;
	color:#fff;
	line-height:36px;
}
.blue_carpet_deal #date{
	font-size:1.692rem;
	color:#000;
	line-height:32px;
}
.deal_float_left #big_blue_free{
	font-size:6.923rem;
	color:#1dbbfe;
	line-height:90px;
}