@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Domine:400,700,400italic);

@charset "utf-8";
/* CSS Document */



body {
	background-color: #FFF;
	padding:0;
	margin:0;
	min-width:500px;
}

::selection {color:#FFF;background:rgba(100,30,135,0.75)}
::-moz-selection {color:#FFF;background:rgba(100,30,135,0.75)}

p {
	font-family: 'PT Sans', sans-serif, Arial;
	font-size:20px;
	color:#666;
	margin:25px 0 0 0;
	padding:0;
}

	p.small { font-size:14px;margin-top:15px }

h1 {
	font-family: 'Bebas Neue',sans-serif,Arial;
	font-size:48px;
	font-weight:bold;
	color:#5E3075;
	margin:25px 0 0 0;
	padding:0;
}

	h1 span {
		font-family:Domine,sans-serif;
		font-size:26px;
		font-style:italic;
		color:#99CA3C;
		padding-left:10px;
	}

h2 {
	font-family: Domine, Arial;
	font-size:36px;
	font-weight:normal;
	color:#5E3075;
	margin:25px 0 0 0;
	padding:0;
}

h3 {
	font-family:Domine, Arial;
	font-weight:bold;
	font-size:32px;
	color:#5E3075;
	text-align:center;
	margin:0;
	padding:0;
}


h4 {
	font-family:Domine, Arial;
	font-weight:normal;
	font-size:40px;
	color:#99CA3C;
	text-align:center;
	margin:50px 0 0 0;
	padding:0;
}

	h4 span {
		font-family:'PT Sans', Arial;
		font-weight:bold;
		font-size:24px;
		color:#666;
		text-align:center;
	}
	
	h4 a {
		text-decoration:none;
	}
	
		h4 a:hover {
			color:#096 !important;
		}
		
h6 {
	font-family:'Bebas Neue', Oswald, Arial;
	font-size:48px;
	margin:25px 25px 0 0;
	display:inline-block;
	color:#CCC;
}
		
a {
	transition:0.2s;
	-webkit-transition:0.2s;
}

.subheader {
	margin-top:5px;
	opacity:.66;
}

#link {
	color:#99CA3C;
	text-decoration:underline;
}

.link {
	color:#99CA3C;
	text-decoration:underline;
}

section {
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px solid #99CA3C;
}

section#productbox {
	background-color:#FFF !important;
}

	#productbox .block {
		padding-top:0;
	}
	
section#summary {
}

.widecolor {
	border:0;
}

.widecolor:nth-child(odd) {
	background-color:#F4FBFF;
}

	.block {
		max-width:1200px;
		min-width:500px;
		margin:0 auto;
		padding:45px 0;
		overflow:auto;
	}
	
		.banner {
			padding:0;
			margin:0;
			position:relative;
		}
		
		.banner img {
			width:100%;
		}
		
			.banner .overlay {
				max-width:1200px;
				min-width:500px;
				position:relative;
				margin:0 auto;
			}
		
			.banner span {
				position:absolute;
				bottom:-25px;
				right:0;
				font-family:Domine,Arial;
				font-size:44px;
				background: rgb(167,224,62); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(167,224,62,1) 0%, rgba(143,200,0,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,224,62,1)), color-stop(100%,rgba(143,200,0,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(167,224,62,1) 0%,rgba(143,200,0,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(167,224,62,1) 0%,rgba(143,200,0,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(167,224,62,1) 0%,rgba(143,200,0,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(167,224,62,1) 0%,rgba(143,200,0,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e03e', endColorstr='#8fc800',GradientType=0 ); /* IE6-9 */
				

				color:#FFF;
				padding:20px 25px;
				border-radius:20px 0 20px 0;
				text-align:right;
				box-shadow:0 0 7px rgba(0,0,0,0.50);
				text-shadow:1px 1px 2px rgba(0,0,0,0.40);
				z-index:2000;
			}
		
		.block .feature {
			width:100%;
			height:auto;
			overflow:auto;
		}
		
		.block .feature h2 {
			margin-top:15px;
		}
		
			.block .feature p {
				font-size:18px;
			}
		
			.block .feature img {
				border-radius:100%;
				width:90%;
				max-width:90%;
				border:3px solid #99CA3C;
			}
		
			.bigleft {
				width:77%;
				padding-right:3%;
				float:left;
			}
			
				.bigleft.instruct {
					width:57%;
					padding:0;
				}
			
			.smleft {
				width:20%;
				float:left;
				text-align:left;
			}
			
				.smleft.instruct {
					width:40%;
					padding:0;
				}
			
			.bigright {
				width:77%;
				padding-left:3%;
				float:right;
			}
			
				.bigright.instruct {
					width:57%;
					padding:0;
				}
			
			.smright {
				width:20%;
				float:right;
				text-align:right;
			}
			
				.smright.instruct {
					width:40%;
					padding:0;
				}
		
		.block .highlights {
			width:66%;
			margin:25px auto 0 auto;
			text-align:center;
		}
		
			.block .highlights img {
				margin-right:25px;
				display:inline-block;
				vertical-align:text-top;
			}
			
			.highlights_blocks {
				width:100%;
				text-align:center;
				margin:70px 0 70px 0;
			}
			
				.highlights_block {
					width:29%;
					display:inline-block;
					margin:0;
					vertical-align:top;
				}
				
					.highlights_block h2 {
						font-size:22px;
						font-weight:bold;
					}
					
					.highlights_block p {
						font-size:18px;
						color:#999;
						text-align:left;
						padding-left:4%;
						padding-right:4%;
					}
					
					.highlights_block img {
						max-width:250px;
						border-radius:100%;
						border:3px solid #CCC;
					}
			
			.block .highlights.shadows img {
				-webkit-filter: drop-shadow(2px 4px 2px rgba(0,0,0,0.20));
			}
			
			.block .highlights.shadows.rounded img {
				border-radius:15px;
			}
			
			.block .highlights img:last-child {
				margin-right:0;
			}
			
				.highlights.summary {
					width:100%;
					margin-top:0;
				}
				
				.highlights.summary h3 {
					font-size:24px;
					margin-top:10px;
					padding-bottom:5px;
					color:#99CA3C;
					border-radius:5px;
				}
				
				.highlights.summary a {
					text-decoration:none;
				}
				
				.highlights.summary a:hover {
					text-decoration:underline;
				}
				
				.highlights.summary p {
					font-size:18px;
					margin:10px 0 0 0 ;
				}
				
				.highlights.summary img {
					width:100%;
					max-width:200px;
					margin-right:0;
				}
			
.fullcolor {
	width:100%;
	margin:0;
	background-color:#99CA3C;
	text-align:center;
	border:0;
	padding:25px 0;
}

	.fullcolor span {
		font-family:Domine, Arial;
		font-size:32px;
		color:#FFF;
	}
	
	.fullcolor span img {
		padding-bottom:15px;
	}
	
	.fullcolor .block {margin:0 auto;padding:0}
	.fullcolor .block p {color:#E4FEB4;margin:5px 0 0 0}
	
.fullcolorwrap {
	width:100%;
	margin:0;
	background-color:#FFF;
	padding:5px 0;
	border-top:3px solid #99CA3C;
	border-bottom:3px solid #99CA3C;
}
	
	
#instructions p {
	margin-bottom:25px;
}

section#instructions {
	border-bottom:0;
}
	
#instructions p span {
	font-size:22px;
	font-weight:bold;
	color:#5E3075;
}

.instructbox {
	overflow:hidden;
	margin:0 0 25px 0;
	min-height:300px;
}

	.instructbox img {
		border-radius:35px;
		border:1px solid #CCC;
		max-width:99%;
	}

	.instructbox h3 {
		margin:25px auto 0 auto;
		padding-bottom:10px;
		min-width:200px;
		max-width:250px;
		color:#666;
		border-bottom:3px solid #99CA3C;
	}
	
	.instructbox h3.wider {
		max-width:450px;
	}
	
	.instructbox p em {
		opacity:.66;
	}
	
.instructsummary {
	width:100%;
}

	#summary .block {
		padding-top:0;
	}

.product {
	width:19%;
	display:inline-block;
}

.fancylist {
	width:99%;
	height:auto;
	overflow:auto;
	padding:10px 0;
	margin-top:10px;
	cursor:pointer;
	border:1px solid transparent;
	border-radius:10px;
	transition:0.1s;
	-webkit-transition:0.1s;
}

.fancylist:hover {
	border:1px solid #CCC;
}

	.fancylist p {
		margin:0;
	}

	.fancyleft {
		width:16%;
		padding-right:3%;
		text-align:right;
		float:left;
	}
	
		.fancyleft p {
			font-size:22px;
		}
	
	.fancyright {
		width:81%;
		text-align:left;
		float:right;
	}
	
	.fancydetails {
		padding-left:5%;
		display:none;
	}
	
		.fancydetails h2 {
			font-size:20px;
			font-weight:bold;
			display:block;
		}
		
		.fancydetails ul {
			opacity:.75;
			margin-top:10px;
			padding-left:50px;
			display:inline-block;
		}
		
		.fancydetails ul li {
			color:#666;
		}
		
		.fancypics {
			float:left;
		}
		
		.fancypics img { width:100px; display:inline-block; margin:25px 0 0 25px }

.feature_two {
	text-align:center;
}

	.feature_two h3 {
		font-size:24px;
		margin-top:25px;
		padding-bottom:5px;
		color:#99CA3C;
		border-radius:5px;
		border:0 !important;
	}
	
	.feature_two p {
		font-size:18px;
		margin:10px 0 0 0 ;
	}

.feature_two.items {
	display:inline-block;
	vertical-align:top;
}

	.feature_two img {
		border:0;
	}

.feature_two.items.three {
	width:29%;
	padding:25px 2% 0 2%;
	margin:0;
	text-align:center;
}

ul.inline {
	display:inline-block;
	text-align:left;
	height:200px;
	vertical-align:text-top;
}

ul.inline li {
	font-family:Domine, Arial;
	font-size:22px;
	text-align:left;
	color:#666;
	opacity:.66;
}

.cycle-slideshow {
	z-index:500;
}

nav {
	width:100%;
	display:block;
	min-width:700px;
	margin:0;
	padding:0;
	border-bottom:3px solid #99CA3C;
}

	nav .block {
		padding:0;
		height:45px;
		position:relative;
		white-space:nowrap;
		overflow:visible;
	}
	
.pnav_left {
	float:left;
}

	.pnav_left span {
		font-family:Domine, Arial;
		font-weight:bold;
		color:#909;
		font-size:26px;
		margin:9px 0 0 0;
		display:block;
		cursor:pointer;
	}

.pnav_dropdown {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:350px;
	z-index:5000;
	background-color:#FFF;
	box-shadow:0px 3px 5px rgba(0,0,0,0.3);
}

	.pnav_dropdown {
		padding:0;
		margin:0;
	}
	
	.pnav_dropdown li img:first-child {
		display:inline-block;
		vertical-align:text-top;
		width:40px;
		height:40px;
		border:1px solid #99CA3C;
		box-shadow:0 0 5px rgba(0,0,0,0.25);
		border-radius:100%;
		margin:17px 10px 0 15px;
	}
	
	.pnav_dropdown li {
		list-style:none;
		height:75px;
		margin:0;
		width:100%;
		background-color:#FFF;
		border-bottom:1px solid #99CA3C;
		position:relative;
	}
	
		.pnav_dropdown li img.rightarrow {
			position:absolute;
			right:15px;
			top:28px;
			opacity:0.15;
		}
	
	.pnav_dropdown li p {
		display:inline-block;
		vertical-align:text-top;
		font-family:'PT Sans', Arial;
		font-weight:bold;
		color:#5E3075;
	}
	
		.pnav_dropdown li:hover {
			opacity:0.66;
		}

.pnav_right {
	float:right;
	width:auto;
	text-align:center;
}

	.pnav_right span {
		font-family:'PT Sans', Arial;
		font-weight:bold;
		font-size:16px;
		color:#FFF;
		width:150px;
		display:inline-block;
		padding:7px 0;
		border-radius:5px;
		margin-top:5px;
		background-color:#99CA3C;
	}
		

.orange { color:#F89C1B !important }
.magenta {color:#C39 !important }
.green { color:#99CA3C !important }
.red { color:#F00 !important }
.teal { color:#09C !important }
.purple { color:#6F2B90 !important }
.yellow { color:#FFC50A !important }
.blue { color:#00ADEF !important }
.pink { color:#EC008B !important }
.dblue { color:#03C !important }

.mar_notop { margin-top:0 }
.mar_nobot { margin-bottom:0 }
.mar_zauto { margin:0 auto }

.pad_notop { padding-top:0 }
.pad_nobot { padding-bottom:0 }

span.orange_bgrad {
	background: rgb(255,197,120); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(251,157,35,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
}

.blue_bgrad {
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

}

.banner {
	height:auto;
}

.overlay_block {
	margin:0 auto;
	max-width:1200px;
	min-width:500px;
	position:relative;
	height:72px;
}

.overlay_image {
	width:25%;
	position:absolute;
	top:-200px;
}

	.overlay_image img {
		width:100%;
	}
	
	.overlay_image.up50 {
		top:-250px;
	}
	
	.overlay_image.up100 {
		top:-300px;
	}

.overlay_infobox {
	background-color:#99CA3C;
	padding:10px;
	width:65%;
	position:absolute;
	right:3%;
	top:-70px;
	padding:25px 20px 20px 20px;
	border-radius:15px;
	border:5px solid #FFF;
}

	.overlay_infobox p {
		color:#FFF;
		font-family:Domine, Arial;
		font-size:36px;
		margin:0;
	}
	
.program_end {
	font-size:26px;
	text-align:right;
}

.feature_end {
	width:100%;
	text-align:center;
	border-top:2px dotted #000;
	border-bottom:0;
	opacity:0.12;
	margin-top:15px;
}

	.feature_end img {
		width:60px;
		margin-top:-2px;
	}
	
.grid.details h1 {
	text-align:center;
	font-size:26px;
}

.grid.details ul li {
	font-family:'Domine', Arial;
	color:#09C;
}

.grid.details img {
	text-align:center;
	margin:0 auto;
	display:block;
	max-width:300px;
}
	
.grid.products {
	border-top:1px dotted #999;
	margin-top:50px;
	padding-top:25px;
}
	
.grid.products h2 {
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color:#09C;
	border-bottom:1px dotted #999;
	padding-bottom:15px;
}

.grid.products p {
	text-align:center;
	font-style:italic;
	margin-top:10px;
}

.grid.products img {
	max-height:250px;
	width:auto;
	margin:0 auto;
	display:block;
}

.grid.products.links [class*='col-']:not(.col-1):hover {
	opacity:0.66
}

.grid.products.specs { border:0 }

.grid.products.specs.circles img { border-radius:100% }

.grid.products.specs.circles.borders img { box-shadow:2px 2px 5px rgba(0,0,0,0.25) }

.grid.products p span { font-weight:bold;font-size:26px;line-height:36px; }

img.specs {
	margin:15px auto;
	max-width:1000px;
	width:100%;
	display:block;
}

@media (max-width : 1200px) {
	
	.grid [class*='col-'] {
		width:100%;
		margin-bottom:25px;
		padding:0 5% !important;
	}

	.block {
		width:90%;
		padding:25px 5%;
		min-width:0;
	}
	
	.fancyleft, .fancyright {
		float:none;
		padding-left:10%;
	}
	
	.pnav_right {
		display:none;
	}
	
	.banner span {
		display:none;
	}
	
	h1 {
		margin:0;
	}
	
	.banner {
		position:relative;
		overflow:hidden;
	}
	
	.cycle-slideshow img {
		position:absolute;
		left:50%;
		width:1000px;
	}
	
	.smleft, .bigleft, .smright, .bigright {
		width:90% !important;
		margin:0 auto;
		float:none;
	}
	
	.smleft, .smright {
		text-align:center;
		margin-bottom:25px;
	}
	
	.smleft img, .smright img {
		width:60% !important;
		max-width:200px !important;
	}
	
	.highlights.shadows img {
		margin-bottom:25px;
	}
	
	.highlights_block {
		width:100%;
		margin-bottom:25px;
	}
	
}

@media (max-width : 1024px) {

	.overlay span {
		font-size:22px;
	}
	
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	
	.overlay span {
		display:none;
	}
	
}