/* User Styles
/	Designer: Steven Lindgren 
/	Version: 1.0
/	Framework: ZURB Foundation 5
/	Source: http://foundation.zurb.com/
*/	


body					   { background-color: #ffffff; font-family: Open Sans, serif; }

                         


.footer					       	{ width: 100%;  background: #3e3e3f; margin: 0px 0px 0px 0px; padding: 55px 0px 55px 0px; }
.footer	p					   { color:#cfcfcf; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					   { color: #cfcfcf; text-decoration:none; }

.clear						    { margin-bottom: 0px; clear: both; }
.center                        { margin: 0px auto 0px auto; text-align:center;}


/*************** Large Screens ****************/
.branding-bar				     { width: 100%; margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; border-top: 10px solid #f5a343; text-align: center; background-color:#2d9cbc ; }
.branding-bar img             { margin: 10px auto 0px auto;}

.top-info				             { width: 100%;  padding:0px 0px 80px 0px; margin:0px 0px 0px 0px; background:url(../img/background-large.png) no-repeat top; background-size: cover; background-color:#ffffff; }
.top-info h1                       { margin: 20px 0px 0px 0px; padding:0px 0px 12px 0px; font-size:55px; color: #3492ad;text-align: right; font-weight: 900; line-height: 60px; }
.top-info h2                       { margin: 20px 0px 0px 0px; padding:0px 0px 22px 0px; font-size:35px; color: #72787a;text-align: right; font-weight: 300; line-height: 0px; }
.top-info span                   { color: #cc1c03;}

.top-info-alt				        { width: 100%;  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#ffffff; }
.top-info-alt h1                  { margin: 20px 0px 0px 0px; padding:0px 0px 12px 0px; font-size:35px; color: #3492ad;text-align: center; font-weight: 900; line-height: 60px; }



.collage			                 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.reg-box-p1					      { background: #ffffff; margin: 20px 0px 0px 0px; padding:30px 20px 50px 20px;  -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; box-shadow: 0 0 8px gray; }
.reg-box-p1 form			   { margin:0px; padding:0px;}
.reg-box-p1 label			    { font-size: 22px; margin:0px 0px 5px 0px; padding:0; font-weight:500; color: #000000;  }
.reg-box-p1 input           { background:#FFF; border: 2px solid #acacac; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-btn                   { marin: 0px 0px 0px 0px; padding: 0px 0px 0px; }

.reg-box-p2					   { background: #ffffff; margin:20px 0px 0px 0px; padding:30px 20px 50px 20px;  -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; box-shadow: 0 0 8px gray; }
.reg-box-p2 form			{ margin:0px; padding:0px;}
.reg-box-p2 label			{ font-size: 22px; margin:0px 0px 5px 0px; padding:0; font-weight:500; color: #000000; line-height: 24px; }
.reg-box-p2 input           { background:#FFF; border: 2px solid #acacac; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-btn                   { marin: 0px 0px 0px 0px; padding: 0px 0px 0px; }


.reg-box-p3					   { background: #ffffff; margin:0px 0px 40px 0px; padding:30px 20px 50px 20px;  -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; box-shadow: 0 0 8px gray; }
.reg-box-p3 label			{ font-size: 16px; margin:0px 0px 5px 0px; padding:0; font-weight:500; color: #000000; line-height: 24px; }
.reg-box-p3 input           { background:#FFF; border: 2px solid #acacac; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-p3-optin           {font-size:11px;}


.optin-wrap                     { border: 1px solid #3492ad; margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; border-radius: 8px; }
.optin-wrap p                  { margin: 0px 0px 0px 0px; padding: 10px 0px 20px 0px; text-align: center; color:#000000; font-size: 11px; }
.optin-top                        { background-color:#3492ad; text-align: center; font-weight: 500; color: #ffffff; display: block; padding: 5px 20px 5px 20px; border-top-left-radius: 7px; border-top-right-radius: 7px;}

.optin-alt                          { font-weight: 100; color: #000000; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; font-size: 12px; line-height: 15px;}
.optin-alt a                       { color: #2d9cbc; text-decoration: none;}


.product-logos			        { width: 100%; margin: 30px auto 30px auto; padding: 0px 5px 0px 5px; text-align: center; background: #FFFFFF; }
.product-logos h1             { margin: 0px 0px 0px 0px; padding:20px 0px 20px 0px; font-size:45px; color: #2d9cbc; text-align: center; font-weight: 300; }
.product-logos p               { font-weight: 100; font-size: 20px; color: #000000; line-height: 25px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;}

.arrow-divider                   { margin: -5px auto 0px auto; padding: 0px 0px 30px 0px; text-align: center;}

.lowerinfo			                { width: 100%; padding:0px 0px 90px 0px; margin:0px 0px 0px 0px; background-color:#9e9e9e; }
.lowerinfo img				     { margin: 0px auto 0px auto; padding:0px 0px 0px 0px; text-align: center;}
.lowerinfo h1                     { margin: 0px 0px 0px 0px; padding:60px 0px 40px 0px; font-size:45px; color: #FFFFFF; text-align: center; font-weight: 300; }
.lowerinfo span                 { color:#cc1c03; border-bottom:2px solid #cc1c03;}
.lowerinfo h2                     { margin: 0px 0px 0px 0px; padding:12px 0px 0px 0px; text-transform: uppercase; font-size:21px; color: #ffffff; text-align: center; font-weight: 500; }
.lowerinfo p                       { font-weight: 100; font-size: 14px; color: #000000; line-height: 22px; margin:14px 0px 0px 0px; padding:0px 0px 0px 0px;}

.bottom-img			              { margin: 30px auto 0px auto; padding: 0px 0px 0px 0px; text-align: center; }







/*************** Medium Screens ****************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.top-info h1                       { margin: 20px 0px 0px 0px; padding:0px 0px 12px 0px; font-size:55px; color: #3492ad;text-align: center; font-weight: 900; line-height: 60px; }
.top-info h2                       { margin: 20px 0px 0px 0px; padding:0px 0px 22px 0px; font-size:35px; color: #72787a;text-align: center; font-weight: 300; line-height: 0px; }
}


/*************** Small Screens ****************/
@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.branding-bar				    { width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border-top: 5px solid #f5a343; text-align: center; background-color:#2d9cbc ;  }
.branding-bar img             { text-align: center; margin: 10px auto 10px auto;}
	
.top-info				              { width: 100%;  padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; background:#ffffff;  }
.top-info h1                        { margin: 0px 0px 0px 0px; padding:6px 0px 6px 0px; font-size:22px; color: #3492ad;text-align: center; font-weight: 900; line-height: 24px; }
.top-info h2                        { margin: 0px 0px 0px 0px; padding:0px 0px 10px 0px; font-size:18px; color: #72787a; text-align:center; font-weight: 300; line-height: 20px; }
.top-info span                    { color: #cc1c03;}
	
.top-info-alt				        { width: 100%;  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#ffffff; }
.top-info-alt h1                  { margin: 0px 0px 0px 0px; padding:0px 0px 12px 0px; font-size:18px; color: #3492ad;text-align: center; font-weight: 900; line-height: 22px; }	
	
	
.reg-box-p1					      { background: #ffffff; margin: 0px 0px 20px 0px; padding:10px;  -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; box-shadow: 0 0 8px gray; }
.reg-box-p1 label			    { font-size: 14px; margin:0px 0px 5px 0px; padding:0; font-weight:500; color: #000000;  }
.reg-box-p1 input               { background:#FFF; border: 2px solid #acacac; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-btn                       { marin: 0px 0px 0px 0px; padding: 0px 0px 0px; }

.reg-box-p2					       { background: #ffffff; margin: 10px 0px 0px 0px; padding:10px;  -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; box-shadow: 0 0 8px gray; }
.reg-box-p2 label			     { font-size: 14px; margin:0px 0px 5px 0px; padding:0; font-weight:500; color: #000000; line-height: 24px; }
.reg-box-p2 input                { background:#FFF; border: 2px solid #acacac; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-btn                        { marin: 0px 0px 0px 0px; padding: 0px 0px 0px; }

.reg-box-p3					   { background: #ffffff; margin:0px 0px 20px 0px; padding:20px;  -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; box-shadow: 0 0 8px gray; }
.reg-box-p3 label			{ font-size: 14px; margin:0px 0px 5px 0px; padding:0; font-weight:500; color: #000000; line-height: 24px; }
.reg-box-p3 input           { background:#FFF; border: 2px solid #acacac; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}

	
	
.optin-wrap                     { border: 1px solid #3492ad; margin: 10px 0px 0px 0px; padding: 0px 0px 20px 0px; border-radius: 8px; }
.optin-wrap p                  { margin: 0px 0px 0px 0px; padding: 10px 5px 10px 5px; text-align: center; color:#000000; font-size: 11px; }
.optin-top                        { background-color:#3492ad; text-align: center; font-weight: 500; font-size: 12px; color: #ffffff; display: block; padding: 5px 20px 5px 20px; border-top-left-radius: 7px; border-top-right-radius: 7px;}	

.product-logos			      { margin: 20px auto 10px auto; padding: 0px 5px 0px 5px; text-align: center; }
.product-logos h1           { margin: 0px 0px 0px 0px; padding:20px 0px 20px 0px; font-size:25px; color: #2d9cbc; text-align: center; font-weight: 300; line-height: 25px; }
.product-logos p             { font-weight: 100; font-size: 20px; color: #000000; line-height: 25px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;}	

.lowerinfo			              { width: 100%; padding:0px 0px 20px 0px; margin:20px 0px 0px 0px; background-color:#9e9e9e; }
.lowerinfo img				   { margin: 0px auto 0px auto; padding:0px 0px 0px 0px; text-align: center;}
.lowerinfo h1                   { margin: 0px 0px 0px 0px; padding:12px 0px 20px 0px; font-size:25px; color: #ffffff;text-align: center; font-weight: 500; }
.lowerinfo span               { color:#cc1c03;border-bottom:2px solid #cc1c03;}
.lowerinfo h2                   { margin: 0px 0px 10px 0px; padding:12px 0px 0px 0px; text-transform: uppercase; font-size:18px; color: #ffffff;text-align: center; font-weight: 500; }
.lowerinfo p                     { font-weight: 100; font-size: 14px; color: #000000; line-height: 22px; margin:14px 0px 0px 0px; padding:0px 0px 0px 0px;}	

.bottom-img			            { margin: 20px auto 0px auto; padding: 0px 5px 0px 5px; text-align: center; }	
	
.top-info-alt				       { width: 100%;  padding:20px 0px 10px 0px; margin:0px 0px 0px 0px; }
.top-info-alt h1                 { margin: 0px 0px 0px 0px; padding:12px 0px 32px 0px; font-size:25px; color: #3492ad;text-align: center; font-weight: 900; }
	
	
}