/* IE/Edge Responsive Viewport */

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

/* Offer Expired Resets */

.offer-expired {
	margin: 1em auto;
	max-width: 500px;
	width: auto;
}

/* General Rules */

body {
	font-size: 100%;
	font-family: 'Montserrat', Arial, "Helvetica Neue", Helvetica, sans-serif;;
}

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

@media(min-width: 60em) {
	body {
		font-size: 120%;
	}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
	font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;;
	color: #009;
	text-align: center;
}

h1,
.h1 {
	color: #270C33;
	font-size: 2.8em;
	line-height: 1;
	font-weight: bold;
	margin: 0.5em auto 0.4em;
}

 h2,
 .h2 {
	font-size: 1.8em;
	line-height: 1.1;
	margin: 1.4em auto 0.8em;
}

h3,
.h3 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2;
	margin: .7em auto;
}

h4,
.h4 {
	color: #0e0e1d;
	font-size: 1.4em;
	line-height: 1.2;
}

ul li {
	list-style: none;
}

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

.header .wrap {
	max-width: 60em;
}

img {
	width: 150px;
	height: auto;
}

/* Layout Rules */

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

.frame {
	margin: 0 auto;
}

/* Header section */

.header {
	background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)) ,url(https://www.awai.com/_img/toolbox/p/bfw/bfw_website.jpg) no-repeat center;
	background-size: cover;
}

.header h1 {
	color: #fff;
}

.header h2 {
	font-size: 2em;
	color: #fff;
}

/* Content Rules */

.report__banner {
	background: #992e00;
}

.report__banner p {
	font-size: 2em;
	font-weight: 700;
	margin: 0;
	color: #fff;
}

/* Box Section */

.box {
	background-color: #e7ffff;
	border: none;
	box-shadow: .2em .4em 1em 0 rgba(0,0,0,.27), .1em .3em 1em 0 rgba(0,0,0,.1);
}

.cbox.box {
	border-radius: 5px;
	max-width: 34.375em;
	width: 90%;
}

.right-box.box {
	font-size: 0.9em;
	line-height: 1.2em;
	margin:1em auto;
	padding: 0.5em 0.85em;
	max-width: 90%;
}

.right-box.box h4, .cbox.box h4 {
	color: #333;
}

.image-box__right {
	max-width: 150px;
	margin: 1em auto;
	padding: 0.5em 0.3em;
}

.image-box__right span {
	display: block;
}

/* Hurdle Section */

.website-hurdles {
	background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)) ,url(https://www.awai.com/_img/toolbox/p/bfw/bfw_swirl.png);
}

.hurdle {
	border: 2px solid #eee;
	padding: 0 1.2em;
	margin-bottom: .9em;
	box-shadow: .2em .4em 1em 0 rgba(0,0,0,.27), .1em .3em 1em 0 rgba(0,0,0,.1);
	border-radius: .5em;
	background: #fff;
}

.hurdle h3 {
	background: #009;
	color: #fff;
	padding: .3em .1em;
	border-radius: .3em;
}

/* Sessions Section */

#session-1 {
	background: linear-gradient(rgba(255, 249, 229, 0.8), rgba(255, 249, 229, 0.8)), url(https://www.awai.com/_img/toolbox/p/bfw/bfw_swirl.png);
}

#session-2 {
	background: linear-gradient(rgba(229, 241, 255, 0.8), rgba(229, 241, 255, 0.8)), url(https://www.awai.com/_img/toolbox/p/bfw/bfw_swirl.png);
}

#session-3 {
	background: linear-gradient(rgba(251, 252, 229, 0.8), rgba(251, 252, 229, 0.8)), url(https://www.awai.com/_img/toolbox/p/bfw/bfw_swirl.png);
}

#session-4 {
	background: linear-gradient(rgba(249, 255, 237, 0.8), rgba(249, 255, 237, 0.8)), url(https://www.awai.com/_img/toolbox/p/bfw/bfw_swirl.png);
}

.session__date {
	color: #009;
}

.session__date:after {
	font-family: FontAwesome;
	content: '\f073';
	display: block;
	font-size: 2em;
	margin-top: .2em;
}

/* Bonus Section */

.bonuses {
	background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)) ,url(https://www.awai.com/_img/toolbox/p/bfw/bfw_swirl.png);
}

.bonus {
	border: 2px solid #eee; 
	padding: 0 1.2em;
	margin-bottom: .9em;
	box-shadow: .2em .4em 1em 0 rgba(0,0,0,.27), .1em .3em 1em 0 rgba(0,0,0,.1);
	border-radius: .5em;
	background: #fff;
}

.bonus h2 {
	background: #009;
	color: #fff;
	padding: .3em .4em;
	border-radius: .3em;
}

.bonus-red {
	color: #D81159;
}

/* Question Section*/

.qa { margin:1em 1.5em }

.qa .question { font-weight: bold }

.qa .answer {
	font-style: italic;
	padding-left: 1.25em;
}

@media(min-width: 22.5em) {
	.image-box__right {
		clear: right;
		float: right;
		margin:0 0 0.5em 1em;
		max-width: 14.29em;
	}
}

@media screen and (min-width:38.125em) {
	.right-box.box {
		clear: right;
		float: right;
		margin:0 0 0.5em 1em;
		max-width: 14.29em;
	}
}

/* VSL */
.section-vsl { background-color: #333; }

.section-vsl .wrap { max-width: 55em; }

.section-vsl h1,
.section-vsl .h1,
.section-vsl h2,
.section-vsl .h2 { color: #fff; }

.section-vsl h1,
.section-vsl .h1 { margin: 0.5em auto; }

.player {
	background-color: #666;
	box-sizing:border-box;
	margin: 1em auto;
	max-width: 35em;
	padding: 1em;
	width: 95%;
}

/* Buttons */

.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-radius: .4em;
	box-shadow: .2em .4em 1em 0 rgba(0,0,0,.27), .1em .3em 1em 0 rgba(0,0,0,.1);
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	margin:1em auto;
	max-width:14em;
	padding: .2em .4em;
	text-align:center;
	max-width: 15em;
}

.order-button span {
	color:#fff;
}

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

.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 */

#words {
	max-width: 15em;
}

#session-one {
	max-width: 15em;;
}

#session-four {
	max-width: 14em;
}

#bonus-two {
	max-width: 14em;
	padding-right: 2em;
	padding-left: 2em;
}

#introducing {
	max-width: 15em;
}