@import url("_shared_footer.css");



.gradient-green-tone
{background: #2a684b; 
background: -webkit-linear-gradient(left, #245941, #2a684b, #2a684b, #2a684b, #2a684b, #245941); 
background: -o-linear-gradient(right, #245941, #2a684b, #2a684b, #2a684b, #2a684b, #245941); 
background: -moz-linear-gradient(right, #245941, #2a684b, #2a684b, #2a684b, #2a684b, #245941); 
background: linear-gradient(to right, #245941, #2a684b, #2a684b, #2a684b, #2a684b, #245941);} 


/* === MEDIA QUERIES - FULL SCREEN */
@media only screen and (min-width: 1000px) {

	#hero-top {width: 100%; position: relative; margin: 0 0 5px;}
	#hero-top .ht-image {width: 100%;}
	#hero-top .ht-spacer {width: 80%; margin: 0 10%; position: absolute; bottom: 0; left 0;}
	#hero-top .ht-box {max-width: 450px; margin: 0 0 4%; vertical-align: text-bottom; color: #fff; font-style: normal; font-weight: 700; font-size: 230%; text-shadow:0 0 10px #000, 0px 0px 3px #000;}
	
	#hero-top .ht-box b {font-weight: 800 !important; font-family: 'Montserrat', sans-serif !important;}
	
	
		#hero-top .ht-box button {padding: 10px 24px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; margin: 18px 2px 20px;}
		
	.program-intro {max-width: 850px; padding: 0 5px; margin: 30px auto 40px; font-size: 130%;}
	.program-intro h1 {margin-bottom: 20px;}
	.program-extras {max-width: 850px; padding: 0 5px; margin: 30px auto 10px; font-size: 130%;}

	
	.green-quad { background-image: url("../../../_images/quad.png");}
	
	

	#pe-contact-us {display: none;}
	
	.mid-layer-icon-box {text-align: center; margin-bottom: 40px;}
	.mid-layer-icons {max-width: 1200px; margin: 0 auto; text-align: center;}

		.infographic-2x .mid-layer-icon-box {width: 50%; float: left;}
		    .infographic-2x {margin: 0 150px;}
		.infographic-3x .mid-layer-icon-box {width: 33.3%; float: left;} /* 3/5/6 */
		.infographic-4x .mid-layer-icon-box {width: 25%; float: left;}
		
		

	.mid-layer {width: 100%; margin: 0; padding: 45px 0; position: relative;}
	.mid-layer-head {text-align: center; font-size: 160%; font-weight: bold; margin: 0 0 35px;}

	#program-benefits-wrap {width: 100%; padding: 0; margin:50px 0 0;}
	#program-benefits-box {width: 100%;  padding: 30px 0; margin: 0;}
	
	#program-benefits {max-width: 1100px; padding: 0; margin: 15px auto 0;}
	#program-benefits h1 {margin-bottom: 25px; text-align: center; color: #fff;}
	.pb-layer-box {width: 100%; padding: 0; color: #fff; font-size: 120%; display: table;}
	
		.pb-half-box {position: relative; padding: 0 20px 20px 70px; width: 50%; display: table-cell;}
		.pb-half-box b {font-size: 120%;}
		
		.pb-half-box p {padding: 0; margin-top: 0;  margin-bottom: 0; color: #fff; line-height: 20px;}
		.pb-half-box ol, .pb-half-box ul {padding: 0; margin-top: 10px;  margin-bottom: 0; color: #fff; line-height: 20px;}
		
			.pbq-icon {position: absolute; top: -3px; left: 1px;}
			.pbq-icon .fa-stack-1x {color: #2a684b;}
		.pb-half-box a:link, .pb-half-box a:visited {color: #fff; text-decoration: underline;}
		.pb-half-box a:active, .pb-half-box a:hover {color: #0ff;}


	
	
	.program-options {width: 100%; margin: 0 0 20px; padding: 60px 0; display: table; font-size: 130%; background-attachment: fixed; background-size: cover; background-position: center;}
	.program-options-a {width: 50%; text-align: right; display: table-cell; padding: auto 20px; position: relative;}
	.program-options-b {width: 48%; margin: 0 2% 0 0;text-align: left; display: table-cell; border-left: 0px solid #000;}
	.program-options-b, .program-options-b p,.program-options-b ul, .program-options-b ol {color: #000 !important;}
	.program-options ul {line-height: 140%; margin: 0 0 0 20px;}
		

}
/* === MEDIA QUERIES - TABLET */
@media only screen and (min-width: 500px) and (max-width: 999px) {

	#hero-top {width: 100%; position: relative; margin: 0 0 5px;}
	#hero-top .ht-image {width: 100%;}
	#hero-top .ht-spacer {width: 80%; margin: 0 10%; position: absolute; bottom: 0; left 0;}
	#hero-top .ht-box {max-width: 350px; margin: 0; vertical-align: text-bottom; color: #fff; text-shadow:0 0 10px #000, 0px 0px 3px #000; font-size: 180%;}
	
		#hero-top .ht-box button {background-color: #666; font-weight: bold; border: 2px solid #666; color: #fff; padding: 8px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 10px 2px 16px; cursor: pointer; text-shadow:0 0 10px #000; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}		
		#hero-top .ht-box button:hover {background-color: #c03; border: 2px solid #c03; color: #fff; text-shadow: none;}

	.program-intro {max-width: 850px; padding: 0 10px; margin: 30px auto 40px; font-size: 130%;}
	.program-intro h1 {margin-bottom: 20px;}
	.program-extras {max-width: 850px; padding: 0 10px; margin: 30px auto 40px; font-size: 130%;}
	.program-intro img, .program-extras img {max-width: 50%  !important;}
	
	#pe-contact-us {display: none;}

	.mid-layer-icon-box {text-align: center; margin-bottom: 40px;}
	.mid-layer-icons {max-width: 1200px; margin: 0 auto; text-align: center;}

		.infographic-2x .mid-layer-icon-box, .infographic-4x .mid-layer-icon-box {width: 50%; float: left;}
		.infographic-3x .mid-layer-icon-box {width: 33.3%; float: left; } /* 3/5/6 */
			.infographic-3x img {max-width: 150px !important; height: auto;}
		

	.mid-layer {width: 100%; margin: 0; padding: 45px 0; position: relative;}
	.mid-layer-head {text-align: center; font-size: 160%; font-weight: bold; margin: 0 0 35px;}

	#program-benefits-box {width: 100%; background: #2a684b; padding: 20px 0; margin: 50px 0 0;}
	#program-benefits {max-width: 900px; padding: 0; margin: 15px auto 0;}
	#program-benefits h1 {margin-bottom: 25px; text-align: center; color: #fff;}
	.pb-layer-box {width: 100%; padding: 0; color: #fff; font-size: 110%; display: table;}
		.pb-half-box {position: relative; padding: 0 10px 20px 70px; width: 50%; display: table-cell;}
		.pb-half-box b {font-size: 110%;}
		
		.pb-half-box p {padding: 0; margin-top: 0;  margin-bottom: 0; color: #fff; line-height: 20px;}
		.pb-half-box ol, .pb-half-box ul {padding: 0; margin-top: 10px;  margin-bottom: 0; color: #fff; line-height: 20px;}
		
			.pbq-icon {position: absolute; top: -3px; left: 4px;}
			.pbq-icon .fa-stack-1x {color: #2a684b;}
		.pb-half-box a:link, .pb-half-box a:visited {color: #fff; text-decoration: underline;}
		.pb-half-box a:active, .pb-half-box a:hover {color: #0ff;}


	.program-options {width: 100%; margin: 0 0 20px; padding: 60px 0; display: table; font-size: 130%; background-attachment: scroll; background-size: cover; background-position: center;}
	.program-options-a {width: 45%; text-align: right; display: table-cell; padding: auto 20px; position: relative;}
	.program-options-b {width: 53%; margin: 0 2% 0 0;text-align: left; display: table-cell; border-left: 0px solid #000;}
	.program-options-b, .program-options-b p,.program-options-b ul, .program-options-b ol {color: #000 !important;}
	.program-options ul {line-height: 140%; margin: 0 0 0 20px;}
		


}
/* === MEDIA QUERIES - HANDHELD */
@media only screen and (max-width: 499px) {


	#hero-top {width: 100%; position: relative; margin: 0 0 50px;}
	#hero-top .ht-image {width: 100%;}
	#hero-top .ht-spacer {width: 90%; margin: 0 5%; position: absolute; bottom: -38px; left 0;}
	#hero-top .ht-box {max-width: 350px; margin: 0; vertical-align: text-bottom; color: #fff; text-shadow:0 0 10px #000, 0px 0px 3px #000; font-size: 120%;}
		#hero-top .ht-box button {background-color: #666; font-weight: bold; border: 2px solid #666; color: #fff; padding: 8px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 10px 2px 16px; cursor: pointer; text-shadow:0 0 10px #000; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
		#hero-top .ht-box button:hover {background-color: #c03; border: 2px solid #c03; color: #fff; text-shadow: none;}

	.program-intro {max-width: 850px; padding: 0 5px 0 10px; margin: 30px auto 10px; font-size: 110%;}
	.program-intro h1 {margin-bottom: 20px;}
	.program-extras {max-width: 850px; padding: 0 5px 0 10px; margin: 30px auto 10px; font-size: 110%;}
	.program-intro img, .program-extras img {max-width: 50% !important;}


	#pe-contact-us {display: none;}

	

	
	.mid-layer-icons {max-width: 1200px; margin: 0 auto; text-align: center;}
	.mid-layer-icon-box {width: 42%; padding: 10px 4%; float: left;}



	

	.mid-layer {width: 100%; margin: 0; padding: 25px 0; position: relative;}
	.mid-layer-head {text-align: center; font-size: 160%; font-weight: bold; margin: 0 0 35px;}

	#program-benefits-box {width: 100%; background: #2a684b; padding: 20px 0 0; margin: 40px 0 0;}
	#program-benefits {max-width: 900px; padding: 0; margin: 15px auto 0;}
	#program-benefits h1 {margin-bottom: 25px; text-align: center; color: #fff;}
	.pb-layer-box {width: 100%; padding: 0; color: #fff; font-size: 110%;}
	
		.pb-half-box {position: relative; padding: 0 10px 20px 70px; }
		.pb-half-box b {font-size: 110%;}
		
		.pb-half-box p {padding: 0; margin-top: 0;  margin-bottom: 0; color: #fff; line-height: 20px;}
		.pb-half-box ol, .pb-half-box ul {padding: 0; margin-top: 10px;  margin-bottom: 0; color: #fff; line-height: 20px;}
		
			.pbq-icon {position: absolute; top: -3px; left: 4px;}
			.pbq-icon .fa-stack-1x {color: #2a684b;}
		.pb-half-box a:link, .pb-half-box a:visited {color: #fff; text-decoration: underline;}
		.pb-half-box a:active, .pb-half-box a:hover {color: #0ff;}

	.program-options {width: 100%; margin: 0 0 20px; padding: 40px 5px; display: table; background: #e7e0be; background-image: none !important; font-size: 110%;}
	.program-options-a {display: none;}
	.program-options-b {width: 100%; text-align: left; display: table-cell; border-left: 0px solid #000;}
	.program-options-b, .program-options-b p,.program-options-b ul, .program-options-b ol {color: #000 !important;}
	.program-options ul {line-height: 140%; margin: 0 0 0 20px;}


}
@media print {


	#hero-top {width: 100%; position: relative; margin: 0 0 5px; color: #fff !important;}
	#hero-top .ht-image {width: 100%;}
	#hero-top .ht-spacer, #hero-top .ht-box, #hero-top .ht-box button {display: none;}
	#toTopBtn {display: none !important;}

	.program-intro h1 {margin: 20px 0;}
	.program-intro img, .program-extras img {max-width: 50%;}

	#pe-contact-us {text-align: center;}
	
	.mid-layer-icon-box {text-align: center; background: #ccc; margin-bottom: 40px;}
	.mid-layer-icons {max-width: 1200px; margin: 0 auto; text-align: center;}

		.infographic-2x .mid-layer-icon-box {width: 50%; float: left;}
		.infographic-3x .mid-layer-icon-box {width: 33.3%; float: left;} /* 3/5/6 */
		.infographic-4x .mid-layer-icon-box {width: 25%; float: left;}
	
	

	.mid-layer {width: 100%; margin: 0; padding: 45px 0; position: relative;}
	.mid-layer-head {text-align: center; font-size: 160%; font-weight: bold; margin: 0 0 35px;}


	#program-benefits-box {width: 100%; padding: 20px 0; margin: 50px 0 0;}
	#program-benefits {max-width: 900px; padding: 0; margin: 15px auto 0;}
	#program-benefits h1 {margin-bottom: 25px; text-align: center; color: #000;}
	
	#program-benefits-box {width: 100%; background: #666; padding: 20px 0 0; margin: 10px 0 0;}
	#program-benefits {max-width: 900px; padding: 0; margin: 15px auto 0;}
	#program-benefits h1 {margin-bottom: 25px; text-align: center; color: #fff;}
	.pb-layer-box {width: 100%; padding: 0; color: #fff; font-size: 110%;}
		.pb-half-box {position: relative; padding: 0 10px 20px 70px;}
		.pb-half-box b {font-size: 110%;}
			.pbq-icon {position: absolute; top: -10px; left: 4px;}
			.pbq-icon .fa-stack-1x {color: #000;}
			.pb-half-box .fa-stack-2x {display: none;}


	.program-options {margin: 0 0 20px; padding: 0 5px; display: table; background: #e7d8ac; background-image: none !important; font-size: 110%;}
	.program-options-a {display: none;}
	.program-options-b {width: 100%; text-align: left; display: table-cell; border-left: 0px solid #000;}
	.program-options ul {line-height: 140%; margin: 0 0 0 20px;}

}