/* IE/Edge Responsive Viewport */

@-ms-viewport {
	width: device-width;
}

/* Offer Expired Resets */

.offer-expired {
	background: url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 15px, linear-gradient(#d00, #800);
	border-radius: 0;
	padding: 80px 1em 1em;
	text-align: center;
	width: auto;
	min-height: 0;
}

/* Generic Rules */

body {
	font-size: 100%;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	color: #000;
	font-family: "Open Sans", "Arial Black", Arial, Gadget, sans-serif;
	font-weight: 800;
}

h1 {

}

h2,
.h2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.headline-part { display: block; }

.headline-part + .headline-part { margin-top: 0.75em; }

u {
	text-decoration: none;
	border-bottom: 2px solid #000;
}

.fa-ul li { list-style-image:none; }

.fa-li { color: #093; }

img {
	height:auto;
	max-width:100%;
}

@media (min-width:40em) {
	body { font-size: 110%; }	
}

@media (min-width:60em) {
	body { font-size: 115%; }	
}

@media (min-width:80em) {
	body { font-size: 120%; }	
}

/* Layout Rules */

.content {
	margin: 0;
	padding: 0;
}

.wrap {
	margin: 0 auto;
	max-width: 33em;
	padding: 0.1em 1em;
}

/* Header Rules */

.header {
	background: #dfe3e6 url(/_img/toolbox/p/hmp/open_chest.jpg) right 60% no-repeat;
	background-size: cover;
	padding: 0.1em 1em;
}

.header .wrap {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	border-radius: 0.9em;
	margin: 2em auto;
	max-width: 61em;
	padding: 1em;
}

/* Content Rules */

.portrait,
.content-image {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 0.5em;
	margin: 1em auto;
	padding: 0.5em;
}

.portrait {
	max-width: 150px;
}

.content-image {
	max-width: 300px;
}

.step-left-1 { padding-left:1em; }
.step-left-2 { padding-left:2.875em; }
.step-left-3 { padding-left:4.75em; }

.sidebar {
	background-color: #cfc;
	border-radius: 0.5em;
	font-size: 0.9em;
	margin: 1em auto;
	padding: 0.1em 1em;
	width: 85%;
}

@media (min-width: 25em) {
	.portrait-right {
		float: right;
		margin: 0 0 1em 1em;
		max-width: none;
	}
	
	h2 + .portrait-right {
		margin: 0.5em 0 1em 1em;
	}
}

@media (min-width: 27.5em) {
	.sidebar-right {
		float: right;
		margin: 0 0 1em 1em;
		max-width: 12.5em;
	}	
}

@media (min-width: 35em) {
	.content-image-right {
		float: right;
		margin: 0 0 1em 1em;
		max-width: none;
	}
	
	h2 + .content-image-right {
		margin: 0.5em 0 1em 1em;
	}
}

/* Order Buttons */

a.order-button {
	background: #ff811b;
	background: -webkit-linear-gradient(top,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	background: linear-gradient(to bottom,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	border: 0.075em solid #76675C;
	border-radius: 0.25em;
	box-shadow:0 0 0 0.15em #A6A6A6;
	color: #fff;
	display: inline-block;
	font-family: "Open Sans", "Arial Black", Arial, Gadget, sans-serif;
	font-weight: 800;
	font-size: 1.75em;
	line-height: 1.2;
	margin: 0.25em auto;
	padding: 0.25em 0.67em 0.33em;
}

a.order-button:hover, 
a.order-button:focus, 
a.order-button:active {
	color:#ff3;
}

a.order-button:active {
	background: #d36b18;
	background: -webkit-linear-gradient(top,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
	background: linear-gradient(to bottom,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
}

/* Artificial Breaks */

#niche { max-width: 11em; }
#big-bucks { max-width: 10em; }
#perfect { max-width: 14em; }
#ace-your-specs { max-width: 13em; }