.purple { color:#5a5ba4; }
.teal { color:#00abbf; }
.red { color:#cd5d6f; }
.thin {font-weight:lighter;}

h2{font-size:2.5rem;font-weight:bold;}

.btn-purple { background-color:#5a5ba4; color:#FFF; }
.btn-teal { background-color:#00abbf; color:#FFF; }

body {font-family:Roboto;}
#mainNav {background-color:#5a5ba4; color:#FFF;padding-top:4px;padding-bottom:4px;}
#mainNav a {color:#FFF;}
        
#intro {background:#FFF url('../images/home/header.jpg') no-repeat; background-size:cover;padding-bottom:300px;background-position-y:bottom;}
#intro h1 {font-weight:bold;}
#introNav {height:65px;border-bottom:1px solid #999;margin-bottom:60px;padding-top:10px;}
#introNav a {color:#000;}
#introNav a:hover { text-decoration:none; }
#introNav .text-right {padding-top:13px;}
#introNav a i {color:#cd5d6f;}


#explanation {background-color:#FFF;padding-top:0px;padding-bottom:40px;}

#process {background-color:#FFF;padding-top:40px;padding-bottom:40px;}
#process .imgDiv {height:220px; vertical-align:middle;margin-top:20px;margin-bottom:15px;}
#process .imgDiv img {max-height:100%;}
#process .step {color:#5a5ba4; font-size:20px; font-weight:bold;margin-bottom:15px; }
        
#wait {background:#FFF url('../images/home/bg-teal.png') no-repeat; background-size:cover;  padding-top:80px;padding-bottom:120px; color:#FFF;}
#wait h2 {margin-top:40px;}
#wait ul {padding-left:0px;padding-top:20px;padding-bottom:10px;}
#wait li { list-style:none; background:url('../images/home/li-no.png') no-repeat left top; padding-left:40px; line-height:24px;margin-bottom:15px; }
#wait li.yes { background-image:url('../images/home/li-yes.png'); }
#wait p {padding-bottom:50px;}

#benefits {background-color:#FFF; }
#benefits .container {padding-top:30px;padding-bottom:80px;}
#benefits .lead {margin-bottom:50px;}

.benefit {position:relative;margin-bottom:45px;}
.benefit .imgDiv {position:absolute;width:25%;height:100%;}
.benefit .contentDiv {width:75%;}
.benefit .contentDiv p {color:#777;font-size:14px;}
.benefit .name {color:#5a5ba4;font-weight:bold;font-size:18px;}

.benefit.left .imgDiv {margin-left:75%;}
.benefit.right .imgDiv {margin-right:75%;text-align:right;}

.benefit.left .contentDiv {margin-right:25%;text-align:right;padding-right:20px;}
.benefit.right .contentDiv {margin-left:25%;padding-left:20px;}

#pricing { background:#FFF url('../Images/home/bg-gray.png') no-repeat; background-size:cover; background-position-y:top; padding-top:120px;padding-bottom:80px; }
#pricing p.lead {margin-bottom:30px;}
#priceBox {background-color:#FFF;border:1px solid #FFF;border-radius:10px;padding:15px;margin-bottom:30px;color:#000;box-shadow:0px 0px 15px 0px #999;margin-bottom:40px;}
#priceBox .btn i {font-size:14px;}
#thePrice { font-size:40px; color:#cd5d6f; }
#thePrice b {font-size:60px;}
#pricing ul {padding-left:0px;padding-top:20px;padding-bottom:10px;}
#pricing li { list-style:none; background:url('../images/home/li-yes.png') no-repeat left top; padding-left:40px; line-height:24px;margin-bottom:15px; }

#pricing .table th, #pricing .table td {text-align:center;}
#pricing .table td.desc {text-align:left;}
#pricing .table td div {white-space:nowrap;font-size:12px;}
#pricing .yes { background:url('../images/home/li-yes.png') no-repeat left top; width:40px; height:24px;display:inline-block;}
#pricing .no { background:url('../images/home/li-no.png') no-repeat left top; width:40px; height:24px;display:inline-block;}


#homeFooterBg {padding-bottom:40px; color:#FFF;background:url('../images/home/bg-footer.png') #FFF;background-size:cover;}
#signupForm {background-color:#FFF;border:1px solid #FFF;border-radius:10px;padding:30px;margin-bottom:30px;color:#000;box-shadow:0px 0px 15px 0px #999;}
#signupForm input.form-control { border-top:none; border-left:none; border-right:none;margin-bottom:5px;}
#signupForm select.form-control { border-top:none; border-left:none; border-right:none;margin-bottom:5px;color:#999;padding-left:8px;}
#agreeCol {padding-top: 10px; color:#999;}

#footerSocial {margin-top:20px;}
#footerSocial a {display:inline-block;margin-right:9px;color:#FFF; }
#footerSocial a:hover {font-weight:bold;text-decoration:none;}
#footerSocial i {display:table-cell;width:36px;height:36px;border:2px solid #FFF; border-radius:18px;font-size:16px;text-align:center;vertical-align:middle;}

#footerLogo {margin-bottom:30px;}

.logoDivider{ background:url('../images/logodivider.png') center top no-repeat; height:45px; margin-bottom:10px; }
        
.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.modal-dialog { max-width: 800px; margin: 30px auto; }
.modal-body { position:relative; padding:0px; }
.close { position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight: normal; color:#fff; opacity:1;}


@media (max-width: 991px) {
    #benefits .container {background:url('../images/home/bg-benefits-small.jpg') no-repeat; background-size:cover;background-position-x:center;}
}
@media (min-width: 992px) {
    #benefits .container {background:url('../images/home/bg-benefits.jpg') no-repeat; background-size:cover; }
    #process .row { background: url('../images/home/process-arrows.png') no-repeat center 100px; }
}