/* IE/Edge Responsive Viewport */
@-ms-viewport {
 width: device-width;
}

/* Offer Expired Resets */
.offer-expired {
	margin: 0 auto 1em;
	max-width: 500px;
	width: auto;
}

/* General Rules */

body {
	background-color: #0088a9;
	color: #444;
	font-family: 'Noto Sans', sans-serif;
	font-size: 100%;
}

#wrap h1,
#wrap h2,
#wrap h3,
#wrap h4,
#wrap h5,
#wrap h6,
#wrap .h1,
#wrap .h2,
#wrap .h3 {
	font-family: 'Noto Serif', serif;
	color:#333;
	text-align: center;
}

#wrap h1,
#wrap .h1 {
	font-family: 'Noto Serif', sans-serif;
	color:#222;
	font-size: 2.125em;
	line-height: 1.15;
	font-weight: bold;
	margin: 0.5em auto 0.75em;
	text-align: center;
}

#wrap h2,
#wrap .h2 {
	color: #222;
	font-size: 1.375em;
	line-height: 1.18;
	margin: 1.4em auto 0.8em;
}

#wrap h3,
#wrap .h3 {
	color:#900;
	font-size: 1.375em;
	line-height: 1.18;
	margin-left: auto;
	margin-right: auto;
	padding:0 0.33em;
	text-align: center;
}

#wrap ul li,
ol li { margin-bottom: 0.8em; }

ul li { list-style-image: url(/_img/toolbox/bullets/bullet-black.png); }

ul li ul li { list-style-image: url(/_img/toolbox/bullets/bullet-black.png); }

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

/* Layout Rules */

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

#wrap {
	background-color: #bfe1e9;
	margin: 0 auto;
	max-width: 45.375em;
	padding: 0.5em;
}

.frame {
	background-color: #fff;
	border-radius:2px;
	padding: 0.375em 2em;
}

@media screen and (min-width:47.5em) {
	#wrap {
		border-radius:2px;
		margin: 1.25em auto 1.875em;
	}
}

/* Content Rules */

.cbox.box,
.rbox.box {
	background-color:#efefef;
	border:3px solid #ccc;
	border-radius:2px;
}

.rbox.box h3,
.cbox.box h3 {
	font-size: 1.6em;
	color: #700;
	margin-bottom: 0.5em;
}

.rbox.box { font-size:0.9em; }

.cbox.box.testimonial img { border-radius:50%; }

.cbox.box.module {
	border-radius:0;
	border-right:0 none;
	border-left:0 none;
}

.right-image {
	display:block;
	margin:1em auto;
	max-width:9.5em;
}

#wrap .cited { margin-top: 5px !important; }

.red-asterisk,
.guarantee-dot {
	display: block;
	margin:1em auto;
}

.pos-rel { position: relative; }

.red-asterisk {
	position: absolute;
	left: -70px;
	top: -15px;
}

@media screen and (min-width:23.75em) {
	.right-image {
		float:right;
		margin:0 0 0.5em 1em;
	}
}

@media screen and (min-width:61.25em) {
	.guarantee-dot {
		position: absolute;
		right: -150px;
		top: -20px;
	}
}

/* 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:2px solid #76675C;
	border-radius:4px;
	box-shadow:0 0 0 5px #A6A6A6;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	margin:1.5em auto;
	max-width:19em;
	padding:0 0.05em;
	text-align:center;
}

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

#title { max-width: 17em; }
#subline { max-width: 13em; }
#expert { max-width: 17em; }
#ropes { max-width: 22em; }

#bonus-training { 
	display:inline-block;
	max-width: 17em;
}