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

/* General Rules */

body {
	font-family: Rubik, Tahoma, Verdana, Segoe, sans-serif;
	font-size: 100%;
}

.content h1,
.content h2,
.content h3,
.content .h1,
.content .h2,
.content .h3 {
	color: #5c8632;
	font-family: Trirong, Georgia, Times, "Times New Roman", serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.content h1,
.content .h1 {
	font-size: 2em;
	color: #000;
	margin: 0.5em auto;
}

.headline-part {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

.content b,
.content strong { font-weight: 500; }

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

.fa-li { color: #5c8632; }

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

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

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

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

/* Layout Rules */

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

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

.header {
	background: #4d703a url(/_img/toolbox/p/med/forest_path.jpg) no-repeat center center;
	background-size: cover;
	padding: 0.1em 1em;
}

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

/* Content Rules */

.desk {
	background-color: #84C642;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.25em 0.5em;
}

blockquote {
	border: 1px dotted #84c642;
	background-color: #bbefad;
	margin: 1em auto;
	padding: 0.1em 1em;
	width: 85%;
}

.image-box {
	text-align: center;
	padding: 0.5em;
	border: 1px dotted #84c642;
	background-color: #fafff5;
	margin: 1em auto;
	max-width: 11em;
}

.cbox.box{
	border: 1px dotted #84c642;
	background-color: #bbefad;
}

.cited { margin-top: 0.375em; }

.caption { margin:0.25em auto; }

.indent-full {
	margin-left: 1em !important;
	margin-right: 1em !important;
}

@media screen and (min-width:30em) {
	.image-box {
		float:right;
		margin:0 0 1em 1em;
		max-width: none;
	}

	.indent-full {
		margin-left: 3em !important;
		margin-right: 3em !important;
	}
}

@media screen and (min-width:42em) {
	.pos-rel { position: relative; }
	
	.red-asterisk-2 {
		position: absolute;
		top: -10px;
		left: -95px;
	}
}

/* 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 3px #A6A6A6;
	display:inline-block;
	font-weight:bold;
	font-size:1.33em;
	line-height: 1.2;
	margin:1em auto;
	padding: 0.33em 0.5em;
	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 */

.lead { max-width: 28em; }
#transform .headline-part:nth-child(1) { max-width: 14em; }
#know { max-width: 13em; }
#do-this { max-width: 15em; }
#cure { max-width: 10em; }
#risk-free { max-width: 15em; }
#now { max-width: 13em; }