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

/* The Deal Box on the My Hawken page*/
.dealer_detail_box{
	width: 100%;
	border: 0;
	margin: 600px 0 0;
	background:#fff;
	text-align:left;
}
.deals_container{
	text-align:left; 
	margin-top:0;	
}
.dealer_deal_box{
	margin:25px 0;
	border: solid 1px #eee;
	box-shadow: #ccc 5px 5px 5px;
	padding: 20px;
}
.dealer_deal_check{
	width: 40px;
	height: 40px;
	float: left;
	position: absolute;
	margin: 15px;
	cursor:pointer;
}



/* Dealer Deal Styling */
.dealer_promo{
	width:100vw;
	height:100vh;
	max-width:1900px;
	max-height:825px;
	background:#fff;
	position:relative;
	overflow:hidden;
}
.promo_slide_bkgd{
	height:50vw;
	width:100vw;
	max-width:1900px;
	max-height:525px;
}
.promo_slide_bkgd#red_barn_snow{
	background:url(../images/photos/red-barn-snow.jpg) bottom center no-repeat;
	background-size:cover;
}
.promo_slide_bkgd#backyard_garden{
	background:url(../images/photos/garden-backyard.jpg) center center no-repeat;
	background-size:cover;
}
.promo_slide_bkgd#windmill_farm{
	background:url(../images/photos/windmill-farm.jpg) center center no-repeat;
	background-size:cover;
}
.promo_slide_bkgd#sunset_on_snow{
	background:url(../images/photos/sunset-on-snow.jpg) center center no-repeat;
	background-size:cover;
}

.furnace_container{
	width:100vw;
	height:50vw;
}
.furnace_cutout{
	width:50vw;
	height:50vw;
	max-width:600px;
	max-height:600px;
	position:absolute;
	top:13vw;
	left:5vw;
	display:block;	
}
.furnace_cutout#silverhawk-15-red{
	background:url(../images/product_img/furnace-trims/silverhawk-15-red.png) center center no-repeat;
	background-size:contain;
}
.furnace_cutout#greenhawk-15-camo{
	background:url(../images/product_img/furnace-trims/greenhawk-15-camo.png) center center no-repeat;
	background-size:contain;
}
.furnace_cutout#goldenhawk-15-black{
	background:url(../images/product_img/furnace-trims/goldenhawk-15-black.png) center center no-repeat;
	background-size:contain;
}
.furnace_cutout#silverhawk-30-white{
	background:url(../images/product_img/furnace-trims/silverhawk-30-white.png) center center no-repeat;
	background-size:contain;
}
.furnace_cutout#greenhawk-15-green-shadow{
	background:url(../images/product_img/furnace-trims/greenhawk-15-green-shadow.png) center center no-repeat;
	background-size:contain;
}


/* Invitation box for finding a dealer */
.find_dealer_invitation_box{
	background: #535352;
	color: #f1f1f1;
	width: calc(100% - 60px);
	max-width: 1840px;
	padding: 50px 30px;
	text-align: center;
}
.invitation_text{
	font-size: 2vw;
}
.invitation_text #highlight{
	color:#e96224;
}
.invitation_btn{
	position:relative;
	top:-5px;
}

@media (min-width: 541px) and (max-width: 1024px){
	.invitation_text{
		font-size: 2.3rem;
	}	
	.invitation_btn{
		top:5px;
	}
}

@media (max-width: 540px){
	.find_dealer_invitation_box{
		padding: 50px 30px 57px;
	}
	.invitation_text{
		font-size: 1.3rem;
	}	
	.invitation_btn{
		top:17px;
	}
}



.promo_text{
	position: absolute;
	left: 50%;
	width: 40vw;
	max-width:600px;
	top: 52vw;
	text-align: left;
}
.promo_text#red_barn_text{
	top:47vw;
}
h3.promo_title, h3.promo_title_sm, h3.promo_title_med{
	font-family:Trajan;
	font-weight:400;
	border-bottom:1px solid #ccc;
}
h3.promo_title{
	font-size:5.5vw;
}
h3.promo_title_med{
	font-size:4.5vw;
}
h3.promo_title_sm{
	font-size:3.5vw;
}

.promo_text .button{
	margin:18px 0 0 -2px;
}
.promo_subtitle{
	font-size:1.6rem;
	padding:.4vw 0;
}
.promo_text .desc{
	font-size: 1.4vw;
	width:100%;
}

@media screen and (min-width:1200px){
	.furnace_cutout{
		top:85px;
		left:calc(50% - 600px);
	}
	.promo_text{
		top:545px;
	}
	.promo_text#red_barn_text{
		top:495px;
	}
	h3.promo_title{
		font-size:5.2rem;
	}
	h3.promo_title_med{
		font-size:4.2rem;
	}
	h3.promo_title_sm{
		font-size:3.2rem;
	}
	.promo_subtitle{
		font-size:1.5rem;
		padding: 7px 0;
	}
	.promo_text .desc{
		font-size: 1.3rem;
	}
}
@media screen and (max-width:768px){
	.dealer_promo{
		height:100vw;
	}
	.promo_text, .promo_text#red_barn_text{
		position:absolute;
		width:74%;
		top: 66vw;
		left: 0;
		margin: 0 13%;
		text-align:right;
	}
	.promo_text#red_barn_text{
		top: 66vw;
	}
	.promo_text .desc{	
		font-size:14px;
		width: 100%;
		max-width:none;
	}
	h3.promo_title{
		font-size:10vw;
	}
	h3.promo_title_med{
		font-size:8vw;
	}
	h3.promo_title_sm{
		font-size:6vw;
	}
	.promo_subtitle{
		font-size: 4.7vw !important;
		padding: 7px 0;
	}
}
@media screen and (orientation:portrait){
	.dealer_promo{
		height:130vw;
	}
}

@media screen and (min-width:769px){
	.dealer_promo{
		min-height:825px;
	}
}