/* 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: 0 none;
	border-radius: 0;
	margin: 0 auto;
	padding: 80px 1em 1em;
	text-align: center;
	width: auto;
	min-height: 0;
}

/* General Rules */

body {
	background-color: #f1f5ff;
	color: #222;
	font-family: Roboto, "Droid Sans", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 100%;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	color: #3a30df;
	font-family: Roboto, "Droid Sans", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

h1,
.h1 {
	font-size: 2.25em;
	margin: 0.33em auto 0.67em;
}

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

.headline-part { display: block; }
.headline-part + .headline-part { margin-top: 0.5em; }

.fa-ul li { list-style-image: none; }
.fa-li { color: #3a30df; }
.fa-envelope-o { margin-top: 0.2em; }

.list-parentheses {
	counter-reset: parentheses;
	list-style: none;
}

.list-parentheses > li { counter-increment: parentheses; }

.list-parentheses > li:before {
	content: counter(parentheses)") ";
	margin-left: -1.1em;
}

@media screen and (min-width:35em) {
	h1,
	.h1 { font-size: 3em; }	
}

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

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

/* Layout Rules */

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

.wrap,
.wrap-special {
	margin: 0 auto;
	max-width: 41em;
	box-shadow: 0.3em 0 0.3em -0.2em #e1e5ee;
}

.wrap { background-color: #fff; }

.wrap-special {
	background-color: #c7dfff;
	color: #000;
	box-shadow: 1em 0 1em -0.8em #ddd;
	font-size: 1.1em;
}

.container {
	margin: 0 auto;
	max-width: 32em;
	padding: 1.5em;
}

@media screen and (min-width:52em) {
	.wrap-special { border-radius: 0.25em; }
}

/* Header Rules */

.headline-background {
	background: #5890e4 url(/_img/toolbox/p/bem/header_background.png) repeat-x center center;
	padding: 0.1em 1em;
}

.headline-background-art {
	background-color: #f9f9f9;
	background: linear-gradient(to right, #fff, #f9f9f9);
	border-radius: 0.25em;
	box-shadow: 1em 0 1em -0.8em #3c629b;
	margin: 1em auto;
	max-width: 65em;
	padding: 1em;
	position: relative;
}
	
#title { max-width: 21em; }

@media screen and (min-width:77em) and (min-height:46em) {
	.headline-background-art { margin: 5em auto; }
}

/* Content Rules */

.sidebar {
	background-color: #bfffba;
	background: linear-gradient(to right, #cbffc7, #bfffba);
	border-radius: 0.25em;
	box-shadow: 1em 0 1em -0.8em #ddd;
	color: #000;
	font-size: 0.9em;
	margin: 1em auto;
	padding: 0.1em 1em;
	width: 85%;
}

.sidebar img { border-radius: 50%; }

.sidebar h3,
.sidebar .h3 {
	color: #000;
	text-align: center;
}

.sidebar .fa-li { color: #000; }

.wrap-special h2,
.wrap-special h3,
.wrap-special .h2,
.wrap-special .h3 {
	background-color: #3a30df;
	border-radius: 0.25em;
	color: #fff;
	padding: 0.25em;
}

@media screen and (min-width:36.25em) {
	.sidebar-pull {
		clear: right;
		float: right;
		margin: 0 0 1em 1em;
		max-width: 13em;
		width: auto;
	}

	.container > .sidebar-pull:first-child { margin-top: 1.75em; }

	h3 + .sidebar-pull,
	.h3 + .sidebar-pull { margin-top: 0.75em; }
}

@media screen and (min-width:52.5em) {
	.wrap .sidebar-pull {
		box-shadow: 1em 0 1em -1em #cbcfd7;
		margin: 0 -6em 1em 1em;
	}
}

@media screen and (min-width:57em) {
	.wrap-special .sidebar-pull {
		box-shadow: 1.2em 0 1.2em -1.2em #cbcfd7;
		margin: 0 -6em 1em 1em;
	}
	
	.wrap-special  h3 + .sidebar-pull,
	.wrap-special .h3 + .sidebar-pull { margin-top: 0.75em; }
}

/* 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-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0.5em auto;
	max-width: 15em;
	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 */

#simple { max-width: 12em; }
#pick { max-width: 17em; }
#reason { max-width: 15em; }
#shortest { max-width: 14em; }