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


body				    { padding: 0; margin: 0;  font-family: 'Open Sans', sans-serif; }


#one                    { font-size: 11px; color:#043670; line-height: 18px;}

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




/*************** Large Screens ****************/
.logo-bar				{ width: 100%;  margin: 0px 0px 0px 0px; padding:5px 0px 5px 0px; background-color:#FFFFFF; }

.main-image             {  width: 100%; height: 393px; background: url(../img/main-bg.jpg) no-repeat bottom; background-size: cover; position: relative; z-index: 16; margin:0px 0px 0px 0px; }
.top-main				{ margin: 0px 0px 0px 0px; padding:44px 0px 0px 0px; }
.top-main h1            { font-size: 44px; color:#043670; font-weight: 700; line-height: 45px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.top-main h2            { font-size: 38px; color: #72b1a9; font-weight: 600; line-height: 40px; margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px; text-transform: uppercase;}
.top-main h3            { font-size: 34px; color:#043670; font-weight: 400; line-height: 35px; margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px; }
.top-main p             { font-size: 23px; color:#72b1a9; font-weight: 100; line-height: 30px; margin: 15px 0px 10px 0px; padding:0px 0px 0px 0px;}



.benefits-bar           { background: #72b1a9; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px;}
.benefits-bar h4        { font-size: 16px; color: #ffffff; font-weight: 600; margin: 0px 0px 0px 0px; line-height:20px; padding: 10px 0px 0px 0px; }
.benefits-bar p         { font-size: 15px; color: #ffffff; font-weight: 100; margin: 0px 0px 0px 0px; line-height: 17px; padding: 0px 0px 0px 0px; }



.reg-box			    {  margin: 0px 0px 0px 0px; padding:80px 0px 80px 0px; color:#4f4f4f; }
.reg-box h1			    { color:#043670;  font-size: 30px; font-weight:300; padding: 0px; margin: 0px 0px 10px 0px; }
.reg-box form		    { margin:0px; padding:0px;}
.reg-box label			{ font-size: 15px; margin:0px 0px 0px 0px; padding:0; font-weight:300; color: #043670; }
.reg-box input          { background:#FFF; border: 1px solid #043670; border-radius: 5px;}
.reg-box a			    { color:#72b1a9; text-decoration: none; }
.reg-box sup            { position: relative; top: 5px; font-size:12px; vertical-align: super; font-weight:100; letter-spacing:0px; }	
.reg-box-question       { font-size: 15px; margin:5px 0px 15px 0px; padding:0; font-weight:100;}
.opt-in					{ font-size: 12px; line-height:18px; color:#757575; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px;}
.opt-in	a				{ color:#3eaeff; }
.note         			{ font-size: 12px; margin:0px 0px 30px 0px; padding:0; font-weight:100; color: #757575; }

.optin-wrap             { border: 1px solid #72b1a9; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; }
.optin-wrap p           { margin: 0px 0px 0px 0px; padding: 10px 0px 30px 0px; text-align: center; color:#252525!important; }
.optin-top              { background-color:#72b1a9; 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!important; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.optin-wrap	a		    { color:#8cc700; }



.footer				    { width: 100%;  background: #72b1a9; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px; }
.footer	p				{ color:#ffffff; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a				{ color: #ffffff; text-decoration:none; }



/*************** Medium Screens ****************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.logo-bar				{ width: 100%;  margin: 0px 0px 0px 0px; padding:5px 0px 5px 0px; background-color:#FFFFFF; }

.main-image             { width: 100%; height: 500px; background: url(../img/main-bg-medium.jpg) no-repeat bottom; background-size: cover; position: relative; z-index: 16; margin:0px 0px 0px 0px; }
.top-main				{ margin: 0px 0px 0px 0px; padding:15px 0px 0px 0px; }
.top-main h1            { font-size: 30px; color:#043670; font-weight: 700; line-height: 30px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.top-main h2            { font-size: 36px; color: #72b1a9; font-weight: 600; line-height: 36px; margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px; text-transform: uppercase;}
.top-main h3            { font-size: 30px; color:#043670; font-weight: 400; line-height: 30px; margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px; }
.top-main p             { font-size: 24px; color:#72b1a9; font-weight: 100; line-height: 30px; margin: 8px 0px 10px 0px; padding:0px 0px 0px 0px;}


}

.progress {
    background-color: #c3c3c3;
    height: 24px;
    margin-bottom: 1rem;
    border-radius: 5px;
    margin-top: 10px;
}

.progress.primary .progress-meter {
    background-color: #c3c3c3
}


.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #24a7df;
    border-radius: 5px;
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 3px 5px 0px 1px !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0px 0px 0px 0px !important;
    font-size: 16px !important;
    font-weight: 700;
    color: #ffffff !important;
    white-space: nowrap;
}

#midpath-bg {
    width: 100%;
    height: auto;
    background: url(../img/main-bg-medium.jpg) no-repeat top right;
    background-size: cover;
    position: relative;
    z-index: 16;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
}

.midpath-hdr {
    font-size: 40px;
    color: #000000;
    font-weight: 400;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.midpath-box {
    padding: 20px 20px 80px 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    border: 2px solid #72b1a9;
    background: #ffffff;
}

    .midpath-box p {
        font-size: 25px;
        color: #2b2b2b;
        font-weight: 600;
        margin: 20px 0px 20px 0px;
        padding: 0px 20px 0px 20px;
        line-height: 28px;
        text-align: center;
    }

    .midpath-box span {
        font-size: 25px;
        color: #2b2b2b;
        font-weight: 600;
        margin: 20px 0px 20px 0px;
        padding: 0px 20px 0px 20px;
        line-height: 28px;
        text-align: center;
    }

.midpath-box-hdr {
    padding: 5px 0px 2px 0px;
    margin: 0px 0px 0px 0px !important;
    border-radius: 5px;
    background: #0e518b;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
}


.results {
    margin: 0px 0px 50px 0px;
    padding: 0;
}

    .results h1 {
        font-size: 45px;
        color: #ffffff;
        font-weight: 400;
        line-height: normal;
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-transform: uppercase;
        text-align: center;
    }

    .results h2 {
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        padding: 0px;
        margin: 0px 0px 20px 0px;
        text-align: center;
        line-height: normal;
    }

.results-box {
    padding: 20px;
    margin: 0px 0px 30px 0px;
    border-radius: 5px;
    background: #ffffff;
}

    .results-box h3 {
        font-size: 25px;
        font-weight: 500;
        padding: 0px;
        margin: 0px 0px 20px 0px;
        color: #0e518b;
        border-bottom: 1px solid #e2e2e2;
    }

    .results-box img {
        width: auto;
        margin: 0px 0px 20px 0px;
    }

    .results-box ul {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 20px;
    }

    .results-box li {
        font-size: 16px;
        font-weight: 500;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
        color: #2b2b2b;
        list-style: circle;
        line-height: 25px;
    }




/*************** Small Screens ****************/
@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.logo-bar				{ width: 100%;  margin: 0px 0px 0px 0px; padding:5px 0px 5px 0px; background-color:#FFFFFF; }




.main-image             { width: 100%; height: 400px; background: url(../img/main-bg-medium.jpg) no-repeat bottom; background-size: cover; position: relative; z-index: 16; margin:0px 0px 0px 0px; }
.top-main				{ margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px; }
.top-main h1            { font-size: 18px; color:#043670; font-weight: 700; line-height: 20px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.top-main h2            { font-size: 22px; color: #72b1a9; font-weight: 600; line-height: 24px; margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px; text-transform: uppercase;}
.top-main h3            { font-size: 18px; color:#043670; font-weight: 400; line-height: 20px; margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px; }
.top-main p             { font-size: 16px; color:#72b1a9; font-weight: 100; line-height: 18px; margin: 8px 0px 10px 0px; padding:0px 0px 0px 0px;}
	
.reg-box			    { margin: 0px 0px 0px 0px; padding:20px 0px 20px 0px; color:#4f4f4f; }
.reg-box h1			    { color:#043670;  font-size: 20px; font-weight:500; padding: 0px; margin: 0px 0px 10px 0px; }
.reg-box form		    { margin:0px; padding:0px;}
.reg-box label			{ font-size: 15px; margin:0px 0px 0px 0px; padding:0; font-weight:300; color: #043670;; }
.reg-box input          { background:#FFF; border: 1px solid #043670; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box a			    { color:#72b1a9; text-decoration: none; }
.reg-box sup            { position: relative; top: 5px; font-size:12px; vertical-align: super; font-weight:100; letter-spacing:0px; }	
.reg-box-question       { font-size: 15px; margin:5px 0px 15px 0px; padding:0; font-weight:100;}
.opt-in					{ font-size: 12px; line-height:18px; color:#757575; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.opt-in	a				{ color:#3eaeff; }

}