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

/*************** Common ****************/
.body						          { font-size: 14px; color: #393939; }
.left					             	 { float: left; clear: right;}
.clear						           { margin-bottom: 0px; clear: both; }
.center                               { margin: 0px auto 0px auto; text-align:center; }


.footer						           { width: 100%;  background: #004984; margin: 0px 0px 0px 0px; padding: 55px 0px 55px 0px; }
.footer	p					          { color:#ffffff; font-weight: 400; font-size:12px; line-height: 18px; }
.footer a					          { color: #ffffff; text-decoration:underline; }



/*************** Large Screens ****************/
.branding-bar				       { width: 100%; margin: 0px 0px 0px 0px; padding:16px 0px 0px 0px; background-color:#FFFFFF; }
.branding-bar p                   { font-size: 12px; color: #393939; margin: 5px 0px 0px 0px; padding: 0px; text-align: right;}
.branding-bar a                   { text-decoration:none; color: #393939;}

.top-info				               { width: 100%; background:url(../img/top-bg.jpg) no-repeat bottom; background-size: cover;   padding:20px 0px 20px 0px; margin:16px 0px 95px 0px; }
.top-info h1						 { color: #ffffff;  font-size: 30px; line-height: 30px; font-weight:600; letter-spacing:-1px; padding: 0px; margin: 40px 0px 10px 0px;  }
    .top-info h2 {
        color: #ffffff;
        font-size: 28px;
        line-height: 30px;
        font-weight: 600;
        letter-spacing: -1px;
        padding: 0px;
        margin: 40px 0px 0px 0px;
    }
.top-info p				              { padding:0px 0px 15px 0px; margin:0px 0px 0px 0px; color:#ffffff; font-size:18px; font-weight:400; line-height:25px;}
.top-info sup                       { position: relative; top: 0px; font-size:12px; vertical-align: super; font-weight:100; letter-spacing:0px;}

.bullets					           { margin: 0px 0px 0px 0px; padding: 0px; }
.bullets h3					         { color: #393939; font-size:26px; font-weight:600; padding: 0px 0px 0px 0px; margin:0px 0px 20px 0px;} 
.bullet-wrap						{ margin: 5px 0px 10px 0px!important; padding: 0px 0px 0px 0px; }
.bullet-wrap h3					  { color: #393939; font-size:18px; font-weight:600; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;} 
.bullet-wrap p					   { color: #393939; font-size:16px; font-weight:200; padding: 0px 0px 0px 0px; line-height: 18px;}
.bullet-wrap sup                 { position: relative; top: 1px; font-size:12px; vertical-align: super; font-weight:400; letter-spacing:0px; margin-left: -4px;}
.bullet-wrap-small {
    font-size: 12px !important;
    margin: -20px 0px 0px 0px;
}

.reg-box					         { background: #efefef; margin: 0px 0px 0px 0px; padding:40px; color:#393939; border-radius: 10px; }
.reg-box form				      { margin:0px; padding:0px;}
.reg-box label				      { font-size: 14px; margin:0px 0px 5px 0px; padding:0; font-weight:400; }
.reg-box input                    { background:#ffffff; border: 1px solid #b9b9b9;}
.reg-box .grow                   { height: 47px;}
.reg-box-question              { font-size: 14px; margin:5px 0px 15px 0px; padding:0; font-weight:100;}
.opt-in						           { font-size: 12px; line-height:18px; color:#303030;}
    .opt-in a {
        color: #004984;
    }


.whychoose				         { width: 100%; padding:44px 0px 0px 0px; margin:95px 0px 0px 0px; background-color:#74bbe9; }
    .whychoose h4 {
        color: #fff;
        font-size: 26px;
        font-weight: 800;
        padding: 0px;
        margin: 0px 0px 10px 0px;
        line-height: 28px;
    }
    .whychoose p {
        padding: 0px 0px 0px 0px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
    }
.whychoose img				  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.whychoose sup                { position: relative; top: 0px; font-size:14px; vertical-align: super; font-weight:100; letter-spacing:0px; }





/*************** Medium Screens ****************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.bullet-wrap						{ margin: 5px 0px 10px 0px!important; padding: 0px 0px 0px 0px; }
.bullet-wrap h3					  { color: #393939; font-size:18px; font-weight:600; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;} 

.top-info h1						 { color: #ffffff;  font-size: 26px; line-height: 30px; font-weight:600; letter-spacing:-1px; padding: 0px; margin: 20px 0px 0px 0px;  }
.top-info p				              { padding:0px 0px 15px 0px; margin:0px 0px 0px 0px; color:#ffffff; font-size:18px; font-weight:400; line-height:25px;}

.reg-box					         { background: #efefef; margin: 0px 0px 0px 0px; padding:30px; color:#393939; border-radius: 10px; }
}



/*************** Small Screens ****************/
@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

.branding-bar				       { width: 100%; height: auto!important;  margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; background-color:#FFFFFF; }
.branding-bar p                   { font-size: 12px; color: #393939; margin: 10px 0px 10px 0px; padding: 0px; text-align: left;}
.branding-bar a                   { text-decoration:none; color: #393939;}
.branding-bar img               { width: 75px;}

.top-info h1						 { color: #ffffff;  font-size: 26px; line-height: 30px; font-weight:600; letter-spacing:-1px; padding: 0px; margin: 0px 0px 10px 0px;  }
.top-info p				              { padding:0px 0px 15px 0px; margin:0px 0px 0px 0px; color:#ffffff; font-size:16px; font-weight:400; line-height:25px;}
.top-info img                       { height: 150px;}

.top-info				               { width: 100%; background:url(../img/top-bg.jpg) no-repeat bottom; background-size: cover;   padding:20px 0px 20px 0px; margin:0px 0px 35px 0px; }
.bullets h2					         { color: #393939; font-size:26px; font-weight:600; padding: 0px 0px 0px 0px; margin:20px 0px 20px 0px;} 
.bullet-wrap h3					  { color: #393939; font-size:18px; font-weight:600; padding: 0px 0px 0px 0px; margin:10px 0px 0px 0px;} 

.reg-box					         { background: #efefef; margin: 0px 0px 0px 0px; padding:20px; color:#393939; border-radius: 10px; }

.whychoose				         { width: 100%; padding:44px 0px 0px 0px; margin:30px 0px 0px 0px; background-color:#74bbe9; }
.whychoose p			        { padding: 0px 0px 0px 0px; color:#ffffff; font-size:16px; font-weight: 400; line-height: 24px; }

.footer img                        { width: 75px;}
}