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


.body						{ }


.hero-bkg-animated {
  background: gray url(../img/top-bg.jpg) repeat 0 0;
  width: 100%;
  text-align: center;
  padding:40px 0px 60px 0px; margin:0px 0px 0px 0px;
  box-sizing: border-box;
  -webkit-animation: slide 30s linear infinite;
}


@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -300px 0; }
}



.branding-bar				{ width: 100%; background: #ffffff; margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; background-color:#FFFFFF; }
.branding-bar p             { padding:15px 0px 0px 0px; margin:0px 0px 0px 0px; color: #444142; font-size:13px; font-weight:100; line-height:33px; text-align: center;}


.top-info				      { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } 
.top-info h1				{ color: #444142;  font-size: 60px; line-height: 45px; font-weight:600; letter-spacing:0px; padding: 0px; margin: 0px 0px 0px 0px; text-align: center;  }
.top-info p				     { padding:20px 0px 40px 0px; margin:0px 0px 0px 0px; color: #444142; font-size:22px; font-weight:100; line-height:23px; text-align: center;}
.top-info sup              { position: relative; top: -2px; font-size:19px; vertical-align: super; font-weight:100; letter-spacing:0px;}

.top-info-main		{ padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px; }
.top-info-main h1	{ color: #444142; font-size: 46px; line-height: 40px; font-weight: 600; letter-spacing: 0px; padding: 0px; margin: 0px 0px 0px 0px; text-align: left; }
.top-info-main h2	{ color: #444142; font-size: 26px; line-height: 30px; font-weight: 100; letter-spacing: 0px; padding: 0px; margin: 10px 0px 0px 0px; text-align: left; }
.top-info-main p	{ padding: 10px 0px 20px 0px; margin: 0px 0px 0px 0px; color: #444142; font-size: 15px; font-weight: 100; line-height: 20px; text-align: left; }
.top-info-main sup	{ position: relative; top: -2px; font-size: 19px; vertical-align: super; font-weight: 100; letter-spacing: 0px; }


.steps-sec				     { padding:60px 0px 60px 0px; margin:0px 0px 0px 0px; text-align: center; }
.steps-sec h2		       { color: #444142;  font-size:20px; line-height: 23px; font-weight:500; padding: 0px; margin: 20px 0px 5px 0px; text-align: center; }
.steps-sec p                { color: #444142;  font-size:14px; line-height: 19px; font-weight:100; padding: 0px; margin: 0px 0px 30px 0px; text-align: center; }
.step-circle                  { height: 85px; width: 85px; display: table-cell; text-align: center; vertical-align: middle;border-radius: 50%; background:#47d0d9; font-size: 38px; color: #ffffff;}


.mid-bar				    { width: 100%;  background-color:#80327e; padding:30px 0px 20px 0px; margin:0px; }
.mid-bar h2                 { color: #ffffff;  font-size: 38px; line-height: 45px; font-weight:600; letter-spacing:0px; padding: 0px; margin: 0px 0px 0px 0px; text-align: center;  }
.mid-bar p				    { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color:#ffffff; font-size:20px; font-weight:200; text-align: center; }


.reg-box					         { background: #ffffff; margin: 0px 0px 0px 0px; padding:20px; color:#4f4f4f;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #47d0d9;}
.reg-box h1			               { color: #47d0d9;  font-size: 25px; font-weight:500; padding: 0px; margin: 0px 0px 25px 0px; line-height: 33px; }
.reg-box form				      { margin:0px; padding:0px;}
.reg-box label				      { font-size: 15px; margin:0px 0px 0px 0px; padding:0; font-weight:500; color: #444142; }
/*.reg-box input                    {  border: 1px solid #9d9d9d; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; }*/
.reg-box input {
	background: #FFF;
	border: 1px solid #9d9d9d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
}
.reg-box-question              { margin:5px 0px 10px 0px; padding:0; }
.reg-box-question label     { font-size: 15px; margin:5px 0px 0px 0px; padding:0; font-weight:600; color: #444142;}
.reg-box-question input     { margin:0px 0px 0px 0px; padding:0; display: inline-table; height:auto!important;}
.reg-box-question .row      { margin-top:10px!important;}



.opt-in-i		{ font-size: 11px; line-height:18px; color:#757575; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left; }
.opt-in-i a		{ color:#47d0d9; }
.opt-in-i label { font-size: 11px; line-height: 18px; }

@media only screen and (max-width: 40em) {
	.opt-in-i label {
		font-size: 11px;
		line-height: 15px;
		color: #ffffff;
		margin: 10px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
	}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.opt-in-i label {
		font-size: 11px;
		line-height: 15px;
		color: #ffffff;
		margin: 10px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
	}
}


.optin-wrap                     { border: 1px solid #47d0d9; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; }
.optin-wrap p                  { margin: 0px 0px 0px 0px; padding: 10px 0px 30px 0px; text-align: center; color:#000000; }
.optin-top                        { background-color:#47d0d9; text-align: center; font-weight: 500; color: #ffffff; display: block; padding: 5px 20px 5px 20px;}
.opt-in 				            { font-size: 11px!important; line-height:16px; color:#757575; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}


.form-page                       { width: 100%;  background-color:#80327e; padding:30px 0px 50px 0px; margin:0px; }
.form-page h1                  { color: #ffffff; font-size: 36px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 36px;}
.form-page-reg		          { margin: 0px 0px 0px 0px; padding:0px; color:#ffffff; }
.form-page-reg h1	        { color: #47d0d9;  font-size: 25px; font-weight:500; padding: 0px; margin: 0px 0px 25px 0px; line-height: 33px; }
.form-page-reg form        { margin:0px; padding:0px;}
.form-page-reg label	    { font-size: 15px; margin:0px 0px 0px 0px; padding:0; font-weight:500; color: #ffffff; }
.form-page-reg input        { background:#ffffff; border: 1px solid #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; height: 40px;}

.opt-in-2					         { font-size: 11px; line-height:18px; color:#ffffff; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left;}
.opt-in-2 a				            { color:#47d0d9; }



.footer						          { width: 100%;  background: #7e888a; margin:0px 0px 0px 0px; padding: 55px 0px 0px 0px; }
.footer	p					         { color:#ffffff; font-weight: 300; font-size:11px; line-height: 18px; }
.footer a					         { color:#ffffff; text-decoration:none; }

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




/*************** Medium Screens ****************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

.branding-bar				{ width: 100%; background: #ffffff; margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; background-color:#FFFFFF; }
.branding-bar a             { text-decoration:none; color: #005dab;}

	
.top-info				    { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-info h1				{ color: #444142;  font-size: 36px; font-weight:600;line-height: 36px; letter-spacing:0px; padding: 0px; margin: 10px 0px 0px 0px;}
.top-info p				    { padding: 0px 0px 10px 0px; margin:0px 0px 0px 0px; color:#444142; font-size:18px; font-weight:300; line-height:20px;  }
.top-info sup               { position: relative; top: 1px; font-size:11px; vertical-align: super; font-weight:100; letter-spacing:0px; }
.top-people  			    { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; }	
	

.mid-bar				    { width: 100%;  background-color:#80327e; padding:30px 0px 20px 0px; margin:0px; }
.mid-bar h2                 { color: #ffffff;  font-size: 36px; line-height: 45px; font-weight:600; letter-spacing:0px; padding: 0px; margin: 0px 0px 0px 0px; text-align: center;  }
.mid-bar p				    { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color:#ffffff; font-size:20px; font-weight:200; text-align: center; }	

.reg-box					{ background: #80327e; margin: 0px 5px 20px 5px; padding:20px; color:#4f4f4f; opacity: 1!important; border-radius: 0; border: none;}
.reg-box h1			        { color: #ffffff;  font-size: 23px; font-weight:500; padding: 0px; margin: 0px 0px 25px 0px; line-height: 33px; text-align: left; }
.reg-box form				{ margin:0px; padding:0px;}
.reg-box label				{ font-size: 13px; margin:0px 0px 0px 0px; padding:0; font-weight:500; color: #444142; }
.reg-box input              { border: 1px solid ; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-question label     { font-size: 15px; margin:5px 0px 0px 0px; padding:0; font-weight:600; color: #444142;}
.reg-box-question input     { margin:0px 0px 0px 0px; padding:0; display: inline-table; height:auto!important;}
.reg-box-question .row      {margin-top:10px!important;}

.opt-in-i					{ font-size: 11px; line-height:15px; color:#ffffff; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left;}
.opt-in-i a				    { color:#47d0d9; }	
	

.optin-wrap                     { border: 1px solid #47d0d9; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; }
.optin-wrap p                  { margin: 0px 0px 0px 0px; padding: 10px 0px 30px 0px; text-align: center; color:#000000; }
.optin-top                        { background-color:#47d0d9; text-align: center; font-weight: 500; color: #ffffff; display: block; padding: 5px 20px 5px 20px;}
.opt-in 				            { font-size: 11px!important; line-height:16px; color:#757575; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}


.form-page                      { width: 100%;  background-color:#80327e; padding:30px 0px 20px 0px; margin:0px; }
.form-page h1                 {color: #ffffff; font-size: 36px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 36px;}
.form-page-reg		          { margin: 0px 0px 0px 0px; padding:0px; color:#ffffff; }
.form-page-reg h1	        { color: #47d0d9;  font-size: 25px; font-weight:500; padding: 0px; margin: 0px 0px 25px 0px; line-height: 33px; }
.form-page-reg form        { margin:0px; padding:0px;}
.form-page-reg label	    { font-size: 15px; margin:0px 0px 0px 0px; padding:0; font-weight:500; color: #ffffff; }
.form-page-reg input        { background:#ffffff; border: 1px solid #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; height: 40px;}
}




/*************** Small Screens ****************/
@media only screen and (max-width: 40em) { 
	
.hero-bkg-animated {
  background: gray url(../img/top-bg.jpg) repeat 0 0;
  width: 100%;
  text-align: center;
  padding:20px 0px 20px 0px; margin:0px 0px 0px 0px;
  box-sizing: border-box;
  -webkit-animation: slide 30s linear infinite;
}


@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -300px 0; }
}
	
.branding-bar				{ width: 100%; background: #ffffff; margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; background-color:#FFFFFF; }
.branding-bar a             { text-decoration:none; color: #005dab;}

	
.top-info				    { padding:0px 5px 0px 5px!important; margin:0px 0px 0px 0px; }
.top-info h1				{ color: #444142;  font-size: 22px; font-weight:600;line-height: 18px; letter-spacing:0px; padding: 0px!important; margin: 0px 0px 5px 0px!important;}
.top-info p				    { padding: 0px 0px 10px 0px; margin:0px 0px 0px 0px; color:#444142; font-size:16px; font-weight:100; line-height:22px;  }
.top-info sup               { position: relative; top: 0px; font-size:16px; vertical-align: super; font-weight:100; letter-spacing:0px; }
.top-people  			    { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; }	
	
.reg-box					{ background: #80327e; margin: 0px 0px 20px 0px; padding:10px; color:#4f4f4f; opacity: 1!important; border-radius: 0; border: none;}
.reg-box h1			        { color: #ffffff;  font-size: 23px; font-weight:500; padding: 0px; margin: 0px 0px 25px 0px; line-height: 33px; text-align: left; }
.reg-box form				{ margin:0px; padding:0px;}
.reg-box label				{ font-size: 13px; margin:0px 0px 0px 0px; padding:0; font-weight:500; color: #444142; }
.reg-box input              { border: 1px solid ; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-question label     { font-size: 15px; margin:5px 0px 0px 0px; padding:0; font-weight:600; color: #444142;}
.reg-box-question input     { margin:0px 0px 0px 0px; padding:0; display: inline-table; height:auto!important;}
.reg-box-question .row      {margin-top:10px!important;}

.opt-in-i					{ font-size: 11px; line-height:15px; color:#ffffff; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left;}
.opt-in-i a				    { color:#47d0d9; }	

.optin-wrap                     { border: 1px solid #47d0d9; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; }
.optin-wrap p                  { margin: 0px 0px 0px 0px; padding: 10px 0px 30px 0px; text-align: center; color:#000000; }
.optin-top                        { background-color:#47d0d9; text-align: center; font-weight: 500; color: #ffffff; display: block; padding: 5px 20px 5px 20px;}
.opt-in 				            { font-size: 11px!important; line-height:16px; color:#757575; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}


.form-page                      { width: 100%;  background-color:#80327e; padding:30px 0px 20px 0px; margin:0px; }
.form-page h1                 {color: #ffffff; font-size: 36px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 36px;}
.form-page-reg		          { margin: 0px 0px 0px 0px; padding:0px; color:#ffffff; }
.form-page-reg h1	        { color: #47d0d9;  font-size: 25px; font-weight:500; padding: 0px; margin: 0px 0px 25px 0px; line-height: 33px; }
.form-page-reg form        { margin:0px; padding:0px;}
.form-page-reg label	    { font-size: 13px; margin:0px 0px 0px 0px; padding:0; font-weight:500; color: #ffffff; }
.form-page-reg input        { background:#ffffff; border: 1px solid #ffffff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; height: 40px;}

	
.mid-bar				    { width: 100%;  background-color:#80327e; padding:15px 0px 5px 0px; margin:0px; }
.mid-bar h2                 { color: #ffffff;  font-size: 25px; line-height: 30px; font-weight:600; letter-spacing:0px; padding: 0px; margin: 0px 0px 0px 0px; text-align: center;  }
.mid-bar p				    { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color:#ffffff; font-size:14px; font-weight:200; text-align: center; }	


.steps-sec				     { padding:20px 0px 20px 0px; margin:0px 0px 0px 0px; text-align: center; }
.steps-sec h2		         { color: #444142;  font-size:20px; line-height: 23px; font-weight:500; padding: 0px; margin: 20px 0px 5px 0px; text-align: center; }
.steps-sec p                 { color: #444142;  font-size:14px; line-height: 19px; font-weight:100; padding: 0px; margin: 0px 0px 30px 0px; text-align: center; }
.step-circle                   { height: 65px; width: 65px; display: table-cell; text-align: center; vertical-align: middle;border-radius: 50%; background:#47d0d9;  font-size: 38px; color: #ffffff;}
.step-circle img             {  width: 70%; text-align: center; vertical-align: middle; margin: -8px 0px 0px 0px;}