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

* {font-weight:normal;}

body {font-family:'Gotham Book'; margin:0px; padding:0px; background:#000; min-width:400px;}

.main {position:relative; width:100%; background-repeat:no-repeat; color:#fff; text-shadow:#000 0px 2px 3px;}
.sky {background-image:url('../images/bg_sky.jpg'); background-size:100% auto; background-position:top left; min-height:50em;}
.superboy {
	background-image:url('../images/bg_superboy.jpg'), url('../images/bg_superboy2.jpg'); 
	background-repeat: no-repeat, repeat;
	background-position:bottom left, top left; 
	background-size:115% auto, 115% auto; 
	min-height:50em;

}
.tree {
	background-image:url('../images/bg_tree.jpg'), url('../images/bg_tree2.jpg');
	background-color:#436AE9;
	background-repeat: no-repeat, repeat;
	background-position: bottom left, top center;
	background-size: 100% auto, 100% auto;
	min-height:50em;
}
.sign {
	background-image:url('../images/bg_sign.jpg'), url('../images/bg_sign2.jpg');
	background-repeat: no-repeat, repeat;
	background-position:bottom right, top right;
	background-size:100% auto, 100% auto;
	min-height:50em;
}

.login {position:relative; width:33%; left:33%; padding-bottom:2em; min-height:300px; min-width:210px;}
.login img{position:relative; width:80%; height:auto; left:10%; min-width:150px; margin:1em 0;}
.login p{text-align:center; width:80%; margin-left:10%; text-transform:uppercase; font-family:'Gotham Black'; font-size:1.3em; min-width:150px;}
.loginform { background-image:url('../images/bg_black.png'); border-radius:10px; padding:.2em 0em 2em; margin-top:2em;}
.loginform input{font-family:'Gotham Book'; text-transform:uppercase; margin-bottom:1em; width:80%; margin-left:10%; min-width:150px; border-radius:5px; border:0px none; padding:10px; box-sizing:border-box;}
.loginform .submitform{left:0em !important; min-width:150px !important; width:80% !important; margin-left:10%; padding:.5em 0em !important;}
.noleft {left:0 !important;}
.login h3 {text-align:center; font-size:16px; padding-bottom:0; margin:1em 0 0 0;}
.login h3 a:link, .login h3 a:visited {text-decoration:none; color:#c3c3c3;} 
.login h3 a:hover, .login h3 a:active {color:#fff;}

.menu {list-style-type:none; position:absolute; top:0px; right:1em; font-family:'Gotham Black'; font-size:1em; line-height:100%; z-index:10;}
.menu li{float:left; margin-left:2em;}
.menu li a:link, .menu li a:visited{color:#fff; text-decoration:none; text-transform:uppercase;}
.menu li a:hover, .menu li a:active{color:#fff;}

h1{font-family:'Gotham Black'; font-weight:normal;}
h2{font-family:'Gotham Medium'; font-weight:normal; padding:0px; margin:0px; line-height:120%; font-size:1.2em;}
h3{font-weight:normal;}

.superboy h1{position:relative; left:1em; font-size:3em; line-height:100%; width:35%; clear:both;}
.superboy .content{position:relative; left:2em; width:40%; padding-bottom:1em;}
.superboy .content p{padding:0px; margin:0 0 2em 0;}

.video-container {position:relative; padding-bottom:56.25%; padding-top:30px;height:0;overflow:hidden; width:100%;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.ctaButton {background:#00457c; color:#fff; text-decoration:none !important; height:150px; width:150px; border-radius:78px; border:5px solid #fff; text-align:center; display:block; position:relative; left:30%;}
.ctaButton a{text-align:center; font-size:24px; text-decoration:none !important; position:relative; top:5px;}
.ctaButton a span{text-transform:uppercase; font-family:'Gotham Black'; font-size:42px;}

.tree .content {clear:both; position:relative; left:25%; width:70%; padding:0em 0 2em 0;}
.sign .content {clear:both; position:relative; left:5%; width:70%; padding:2em 0 2em 0; padding-bottom:2em;}
.content .boxed {padding:10px; box-sizing:border-box; background:url('../images/bg_black.png'); border-radius:10px; margin-bottom:20px;}
.package, .packageItem {position:relative; background-image:url('../images/bg_black.png'); border-radius:10px; min-height:75px; padding:0 0 2em 0; color:#fff; margin-bottom:1em; box-sizing:border-box;}
.package h1, .packageItem h1{text-transform:uppercase; font-size:1em; margin:0; padding:10px 175px 0 1em; line-height:100%; width:100%; box-sizing:border-box;}
.package h2, .packageItem h2{position:absolute; top:10px; right:1em; font-size:1em; line-height:100%; margin:0px; padding:0px;}
.package ul, .packageItem ul{list-style-type:none; margin:0; min-height:50px; padding:0 100px 0 1em; width:100%; box-sizing:border-box;}
.package ul li:before, .packageItem ul li:before {content: "+ ";}
.package li, .packageItem li{display:inline-block; margin:.2em; width:30%; vertical-align:text-top;}
.package li a:link, .package li a:visited, .packageItem li a:link, .packageItem li a:visited {color:#fff; text-decoration:none;}
.package li a:active, .package li a:hover, .packageItem li a:hover, .packageItem li a:active{color:#ddd; text-decoration:underline;}
.book {font-family:'Gotham Book' !important;}
.fee {position:absolute; right:1em; bottom:1em; margin:0; padding:0; line-height:100%;}
.packageDisclosure {position:absolute; left:1em; bottom:1em; font-size:.9em; margin:0; padding:0; line-height:100%;}
.selectPackage {position:absolute; top:4em; right:1em; font-family: 'Gotham Black'; font-size:.9em; border-radius:5px; padding:.1em 1em !important; background-color:#222222 !important; color:#FFF !important; font-weight:normal; text-transform:uppercase; text-align:center; border:1px solid #444444;}
.selectPackage:hover {background-color:#444444 !important; color:#FFF !important; border:1px solid #444444;}

.content p, .content ul{font-size:.9em; text-shadow: 0px 2px 3px #000000;}
.content p:first-of-type{clear:both;} 
.content a:link, .content a:visited, .mmp a:link, .mmp a:visited{color:#fff; text-decoration:underline; text-transform:none;}
.content a:hover, .content a:active, .mmp a:hover, .mmp a:active{color:#fff;}

.mmp {position:relative; left:2em; width:40%; padding-bottom:1em; margin-top:0;}

.contactform {width:100%; background-image:url('../images/bg_black.png'); min-height:15em; padding:1em 0; border-radius:10px;}
.contactform div{float:left; display:inline; margin:0 0 10px 0; box-sizing: border-box;}
.contactform div input, .contactform div textarea{width:100%; padding:10px; border-radius:5px; border:0 none; font-family:'Gotham Book'; box-sizing: border-box;}
.contactform div textarea {height:4em;}
.contactform p{margin:0 0 .5em 0; padding:0; line-height:100%; width:100%;}
.half {width:50%; padding:0 10px;}
.whole {width:100%; padding:0 10px;}
.wide {width:100%;}
.clear {clear:both; width:90%;}
.center {text-align:center;}
.submitform {position:relative; font-family: 'Gotham Black' !important; font-size:.9em; border-radius:5px; padding:5px !important; width:100% !important; max-width:100%; background-color:#222222 !important; color:#FFF !important; font-weight:normal; text-transform:uppercase; text-align:center; border:1px solid #444444;}
.submitform:hover {background-color:#444444 !important; color:#FFF !important;}

.logo {float:left; max-height:150px; max-width:50%; width:auto; margin:1em 0em 3em 1em;}
.logo2 {float:left; max-height:150px; max-width:50%; width:auto; margin:1em 0em 3em 1em;}

.rxcard {position:absolute; top:40%; right:4em; width:18%;}
.rxcard a:link, .rxcard a:visited{color:#fff; text-decoration:none; text-align:center;}
.rxcard a:hover, .rxcard a:active{color:#fff;}
.rxcard h3{padding:.5em 0em; margin:0 0 0 1em; line-height:110%;}
.card{position:relative; width:90%; padding:1em; background-color:#fff; border-radius:10px;}
.cardlogo {width:70%;}
.rxlogo {float:right; width:20%;}
.error {color:#F00; font-family:'Gotham Medium'; text-shadow:0px 1px 3px #000;}

.footer {position:relative; width:96%; padding:0 2%; background:#000; color:#888888;}
.footer a:link, .footer a:visited{color:#999999; text-decoration:underline; text-transform:none;}
.footer a:hover, .footer a:active{color:#fff;}
.groupnum {text-transform:uppercase;}
.optionaldisc {margin-top:1em;}


/* Media Queries */
@media only screen and (min-width: 1100px) {
	body {font-size:125% !important;}
	.login {padding-bottom:4em !important; line-height:100%;}
	.superboy {/*min-height:60em;*/}
	.superboy .content p{margin-bottom:.8em;}
	}  
@media only screen and (max-width: 1099px) {
	.login {padding-bottom:4em !important; background-size:auto auto;}
	.superboy {background-size:125% auto, 125% auto; /*min-height:60em;*/}
	.superboy .content{padding:0px 0 30px; width:45%; font-size:1.1em;}
	.superboy .content p{font-size:1em; margin-bottom:1em;}
	.superboy .content ul{font-size:1em;}
	}
@media only screen and (max-width: 800px) {
	body {font-size:90%;}
	.sky {background-size:200% auto;}
	.login {padding-bottom:4em !important;}
	.superboy, .sign{background-size:125% auto;}
	.superboy h1{font-size:2.5em;}
	.superboy .content{padding-top:0;}
	.superboy .content p{font-size:1em; margin-bottom:1em;}
	}   
@media only screen and (max-width: 700px) {	
	.package li, .packageItem li{width:45%;}
}
@media only screen and (max-width: 540px) {
	.logo {max-width:33%; margin-top:1em;}
	.logo2 {width:25%;}
	.login {padding-bottom:4em !important;}
	.package li, .packageItem li{width:100%;}
	.superboy h1{padding:0;}
	.superboy .content {width:90%; padding:0;}
	.rxcard {position:relative; top:0; left:25%; width:50%;}
	.sign {background-size:164% auto;}
	.sky {background-size:200% auto;}
	.login {width:80%; left:10%;}
	}
@media only screen and (max-width: 500px) {
	.logo {margin-top:3em;}
	}
@media only screen and (max-width: 400px) {
	body {font-size:80%; min-width:320px;}
	.logo2 {width:25%;}
	.tree .title, .sign .title {font-size:150%; padding-top:1em !important;}
	.menu {font-size:.9em;}
	.main {text-shadow:#000 0px 1px 1px;}
	.sky {background-size:250% auto;}
	.superboy h1{font-size:194%;}
	.superboy .content {width:90%;}
	.tree .content, .sign .content{padding:0 0 1em 0; width:90%; left:5%;}
	.rxcard {top:17%; right:3em;}
	.rxcard h3 {font-size:80%;}
	.card {min-height:4em;}
	.package, .packageItem{padding-bottom:4em;}
	.fee {bottom:3em;}
	.packageDisclosure {text-align:right; right:1em;}
	.footer p, .footer p span{font-size:90% !important;}
	}
/* end Media Queries */

strong { font-weight: bold; }