html, body {
    font-family: "Gotham SSm","Helvetica Neue", Arial, sans-serif;
}

.navbar{
    background-color: #CB202D !important;
    padding-top:15px;
}

.navbar-inverse{
    border: none !important;
}

.faq{
    float:right;
}
.faq a{
    font-size:16px;
    color:#ffffff !important;
    float:right;
    padding-right:10px;
}

.landing-container {
    background-color: #CB202D;
    background-size: cover;
    margin-top:-25px;
    padding-bottom:25px;
}

.landing-text{
    color: #FFFFFF;
    margin-top: 120px;
}

.download_now{
    color: #CB202D;
    margin-top:20px;
    font-size: 20px;
}

#applyNowModal{
    top:100px !important;
}

#register-runnr-form input{
    border: none;
    margin-bottom:10px;
    padding:10px;
    border-bottom: 2px solid #E5E5E5;
    font-size: 12px;
}

#register-runnr-form select{
    border: none;
    margin-bottom:20px;
    border-bottom: 2px solid #E5E5E5;
}

#register-runnr-form button{
    color:#E23744;
    margin-top:20px;
}

#register-runnr-form span{
    color:#9F9F9F;
    font-size:12px;
}

#register-runnr-form{
    padding:0px 20px 20px 20px;
}

.runnr-navbar-brand-top {
    color: white;
    font-size: 40px;
    font-style: italic;
    font-weight: 900;
    text-decoration: none;
}

.align-center{
    text-align: center;
}

.modal-header{
    border:none;
    padding:10px 0px;
}

.modal-header .close {
    margin: 0rem 0rem 0rem auto !important;
    font-size:30px;
    font-weight:normal;
}

.form-success{
    display: none;
    color: #77bb00;
    font-size: 0.6em;
    padding: 1%;
}
.form-error{
    display: none;
    color: brown;
    font-size: 0.6em;
    padding: 1%;
}

.section-title {
    text-align:center;
    font-weight: 600;
    position: relative;
    margin-top:20px;
    color: #000000;
    font-size: 15px;

}

.section-title:after {
    content: "";
    position: absolute;
    width: 30%;
    left: 35%;
    border-bottom: 3px solid red;
}

.section-title p {
    margin-bottom: 5px !important;
}

.feature-container{
    margin-top:30px;
}

.feature-container p {
    color:#9B9B9B;
}

.video-div{
    margin-top:30px;
    padding:25px;
}

.video-div .fa {
    margin-top:30px
}

.download-app{
    background-color:#E23744;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.footer-container {
    padding: 2rem;
    background-color: black;
    color: white;
}

.footer{
    background-color:#000000;
    min-height:100px;
    padding-top:20px;
    padding-bottom:20px;
    bottom:0px;
    margin-bottom: -20px;
}

.footer-left{
    float:left;
}

.footer-right{
    float:right;
    margin-top:10px;
}

.footer-text:after {
    content: "";
    position: absolute;
    width: 20%;
    left: 20%;
    border-bottom: 2px solid #FFFFFF;
}

.footer_content p{
    color:#9b9b9b !important;
    font-size:12px;
    margin-bottom:3px;
}

.footer_content .fa{
    font-size:20px;
    margin:5px;
    color: #606060;
}

.footer-text {
    font-weight: 300;
    position: relative;
    margin-bottom: 20px;
}

.join-us{
    text-align:center;
    color: #CB202E;
    font-size: 20px;
}

.form-div{
    padding:30px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 1px 1px #E5E5E5;
    border-radius: 2px;
}

.faq_div{
    margin-top:30px;
}

.faq_section{
    margin-bottom:20px;
}

.faq_title{
    font-size: 16px;
    margin-bottom:20px;
}

.faq_question{
    padding:15px;
    background-color: #F3F3F3;
    border-radius: 7px;
    font-size: 16px;
}

.faq_answer{
    background-color: #F8F8F8;
    padding:20px;
    font-size: 14px;
    border-radius: 7px;
}

.fa-caret-down{
    float:right;
}

.fa-quote-left{
    color:#CB202E;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 1024px) {
    .faq{
        margin-right:20px;
    }

    .faq_title{
        font-size: 24px;
    }

    .faq_answer{
        font-size: 16px;
    }

    .faq_question{
        font-size: 18px;
    }

    .landing-text{
        padding-left: 80px;
        margin-top: 160px;
    }
    .landing-text p{
        font-size: 18px;
    }

    .landing-container{
        height:300px;
    }

    #register-details{
        z-index:1;
    }

    #register-details input{
        border: none;
        margin-bottom:10px;
        padding:10px;
        border-bottom: 2px solid #E5E5E5;
        font-size: 12px;
    }

    #register-details select{
        border: none;
        margin-bottom:20px;
        border-bottom: 2px solid #E5E5E5;
    }

    #register-details button{
        color:#E23744;
        margin-top:20px;
    }

    #register-details span{
        color:#9F9F9F;
        font-size:12px;
    }

    #register-details{
        padding:0px 20px 20px 20px;
    }

    .benefits_div{
        z-index:-1;
    }

    .container-fluid{
        padding-left:60px;
        margin-bottom:30px;
    }
    .section-title {
        text-align:left;
        font-weight: 300;
        position: relative;
        margin-top:20px;
    }

    .section-title:after {
        content: "";
        position: absolute;
        width: 25%;
        left: 15%;
        border-bottom: 3px solid red;
    }

    .embed-responsive-item{
        margin-top:30px;
    }

    .video-text{
        margin-top:60px;
    }

    .footer{
        padding:40px;
    }

    .footer_content .fa{
        font-size:30px;
        margin:12px;
    }

    .footer_content p{
        font-size:16px;
    }
}
