body{
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

h1{
    font-size: 32px;
    font-weight: bold;
    color: #15232b;
    letter-spacing: -0.53px;
    margin:20px 0 50px;
}

h2{
    font-size: 24px;
    font-weight: bold;
}

/*---------------------------------------------------------------------------
    Header
----------------------------------------------------------------------------*/
.dark-header{
    background-color: #15232b;
    color: #ffffff;
}

.btn-white-outline{
    background: none;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 30px;
}

/*header:after{
    width: 0;
    height: 0;
    content: " ";
    display: block;
    left: 0;
    bottom: 00px;
    width: 100%;
    border-style: solid;
    border-width: 0 0 180px 100vw;
    border-color: transparent transparent #ffffff transparent;
}*/


/*---------------------------------------------------------------------------
    Signup
----------------------------------------------------------------------------*/
.highlighted{
    font-weight: bold;
    color: #2bac73;
}

.login-logo{
    margin-left: 16px;
}

.text-dark{
    color:#455560;
}

.signup-box{
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
    margin: 0 30px; 
    padding: 50px 15px 10px 15px;
}

.form-control{
    height: 60px;
    border-radius: 3px;
    border: solid 1.5px #e3e2e2;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.33px;
}

.btn-signup{
    background-color: #2bac73;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 20px 0;
    border-radius: 6px;
}

.stripe-text{
    color:#455560;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.27px;
}

/*---------------------------------------------------------------------------
    Footer
----------------------------------------------------------------------------*/
.logo-box{
    padding: 70px 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    text-align: center;
    margin: 0 30px;
}



@media (min-width:768px) {

    .signup-box{
        margin: 0 30px 0 100px;
    }

}


/*---------------------------------------------------------------------------
    Custom
----------------------------------------------------------------------------*/
.xs-p-50 {
    padding: 50px!important
}

.xs-pt-50 {
    padding-top: 50px!important
}

.xs-pl-50 {
    padding-left: 50px!important
}

.xs-pr-50 {
    padding-right: 50px!important
}

.xs-pb-50 {
    padding-bottom: 50px!important
}

.xs-m-50 {
    margin: 50px!important
}

.xs-mt-50 {
    margin-top: 50px!important
}

.xs-ml-50 {
    margin-left: 50px!important
}

.xs-mr-50 {
    margin-right: 50px!important
}

.xs-mb-50 {
    margin-bottom: 50px!important
}

.xs-p-40 {
    padding: 40px!important
}

.xs-pt-40 {
    padding-top: 40px!important
}

.xs-pl-40 {
    padding-left: 40px!important
}

.xs-pr-40 {
    padding-right: 40px!important
}

.xs-pb-40 {
    padding-bottom: 40px!important
}

.xs-m-40 {
    margin: 40px!important
}

.xs-mt-40 {
    margin-top: 40px!important
}

.xs-ml-40 {
    margin-left: 40px!important
}

.xs-mr-40 {
    margin-right: 40px!important
}

.xs-mb-40 {
    margin-bottom: 40px!important
}

.xs-p-30 {
    padding: 30px!important
}

.xs-pt-30 {
    padding-top: 30px!important
}

.xs-pl-30 {
    padding-left: 30px!important
}

.xs-pr-30 {
    padding-right: 30px!important
}

.xs-pb-30 {
    padding-bottom: 30px!important
}

.xs-m-30 {
    margin: 30px!important
}

.xs-mt-30 {
    margin-top: 30px!important
}

.xs-ml-30 {
    margin-left: 30px!important
}

.xs-mr-30 {
    margin-right: 30px!important
}

.xs-mb-30 {
    margin-bottom: 30px!important
}

.xs-p-25 {
    padding: 25px!important
}

.xs-pt-25 {
    padding-top: 25px!important
}

.xs-pl-25 {
    padding-left: 25px!important
}

.xs-pr-25 {
    padding-right: 25px!important
}

.xs-pb-25 {
    padding-bottom: 25px!important
}

.xs-m-25 {
    margin: 25px!important
}

.xs-mt-25 {
    margin-top: 25px!important
}

.xs-ml-25 {
    margin-left: 25px!important
}

.xs-mr-25 {
    margin-right: 25px!important
}

.xs-mb-25 {
    margin-bottom: 25px!important
}

.xs-p-20 {
    padding: 20px!important
}

.xs-pt-20 {
    padding-top: 20px!important
}

.xs-pl-20 {
    padding-left: 20px!important
}

.xs-pr-20 {
    padding-right: 20px!important
}

.xs-pb-20 {
    padding-bottom: 20px!important
}

.xs-m-20 {
    margin: 20px!important
}

.xs-mt-20 {
    margin-top: 20px!important
}

.xs-ml-20 {
    margin-left: 20px!important
}

.xs-mr-20 {
    margin-right: 20px!important
}

.xs-mb-20 {
    margin-bottom: 20px!important
}

.xs-p-15 {
    padding: 15px!important
}

.xs-pt-15 {
    padding-top: 15px!important
}

.xs-pl-15 {
    padding-left: 15px!important
}

.xs-pr-15 {
    padding-right: 15px!important
}

.xs-pb-15 {
    padding-bottom: 15px!important
}

.xs-m-15 {
    margin: 15px!important
}

.xs-mt-15 {
    margin-top: 15px!important
}

.xs-ml-15 {
    margin-left: 15px!important
}

.xs-mr-15 {
    margin-right: 15px!important
}

.xs-mb-15 {
    margin-bottom: 15px!important
}

.xs-p-10 {
    padding: 10px!important
}

.xs-pt-10 {
    padding-top: 10px!important
}

.xs-pl-10 {
    padding-left: 10px!important
}

.xs-pr-10 {
    padding-right: 10px!important
}

.xs-pb-10 {
    padding-bottom: 10px!important
}

.xs-m-10 {
    margin: 10px!important
}

.xs-mt-10 {
    margin-top: 10px!important
}

.xs-ml-10 {
    margin-left: 10px!important
}

.xs-mr-10 {
    margin-right: 10px!important
}

.xs-mb-10 {
    margin-bottom: 10px!important
}

.xs-p-5 {
    padding: 5px!important
}

.xs-pt-5 {
    padding-top: 5px!important
}

.xs-pl-5 {
    padding-left: 5px!important
}

.xs-pr-5 {
    padding-right: 5px!important
}

.xs-pb-5 {
    padding-bottom: 5px!important
}

.xs-m-5 {
    margin: 5px!important
}

.xs-mt-5 {
    margin-top: 5px!important
}

.xs-ml-5 {
    margin-left: 5px!important
}

.xs-mr-5 {
    margin-right: 5px!important
}

.xs-mb-5 {
    margin-bottom: 5px!important
}

.xs-p-0 {
    padding: 0!important
}

.xs-pt-0 {
    padding-top: 0!important
}

.xs-pl-0 {
    padding-left: 0!important
}

.xs-pr-0 {
    padding-right: 0!important
}

.xs-pb-0 {
    padding-bottom: 0!important
}

.xs-m-0 {
    margin: 0!important
}

.xs-mt-0 {
    margin-top: 0!important
}

.xs-ml-0 {
    margin-left: 0!important
}

.xs-mr-0 {
    margin-right: 0!important
}

.xs-mb-0 {
    margin-bottom: 0!important
}

@media (min-width:768px) {
    .sm-p-50 {
        padding: 50px!important
    }
    .sm-pt-50 {
        padding-top: 50px!important
    }
    .sm-pl-50 {
        padding-left: 50px!important
    }
    .sm-pr-50 {
        padding-right: 50px!important
    }
    .sm-pb-50 {
        padding-bottom: 50px!important
    }
    .sm-m-50 {
        margin: 50px!important
    }
    .sm-mt-50 {
        margin-top: 50px!important
    }
    .sm-ml-50 {
        margin-left: 50px!important
    }
    .sm-mr-50 {
        margin-right: 50px!important
    }
    .sm-mb-50 {
        margin-bottom: 50px!important
    }
    .sm-p-40 {
        padding: 40px!important
    }
    .sm-pt-40 {
        padding-top: 40px!important
    }
    .sm-pl-40 {
        padding-left: 40px!important
    }
    .sm-pr-40 {
        padding-right: 40px!important
    }
    .sm-pb-40 {
        padding-bottom: 40px!important
    }
    .sm-m-40 {
        margin: 40px!important
    }
    .sm-mt-40 {
        margin-top: 40px!important
    }
    .sm-ml-40 {
        margin-left: 40px!important
    }
    .sm-mr-40 {
        margin-right: 40px!important
    }
    .sm-mb-40 {
        margin-bottom: 40px!important
    }
    .sm-p-30 {
        padding: 30px!important
    }
    .sm-pt-30 {
        padding-top: 30px!important
    }
    .sm-pl-30 {
        padding-left: 30px!important
    }
    .sm-pr-30 {
        padding-right: 30px!important
    }
    .sm-pb-30 {
        padding-bottom: 30px!important
    }
    .sm-m-30 {
        margin: 30px!important
    }
    .sm-mt-30 {
        margin-top: 30px!important
    }
    .sm-ml-30 {
        margin-left: 30px!important
    }
    .sm-mr-30 {
        margin-right: 30px!important
    }
    .sm-mb-30 {
        margin-bottom: 30px!important
    }
    .sm-p-25 {
        padding: 25px!important
    }
    .sm-pt-25 {
        padding-top: 25px!important
    }
    .sm-pl-25 {
        padding-left: 25px!important
    }
    .sm-pr-25 {
        padding-right: 25px!important
    }
    .sm-pb-25 {
        padding-bottom: 25px!important
    }
    .sm-m-25 {
        margin: 25px!important
    }
    .sm-mt-25 {
        margin-top: 25px!important
    }
    .sm-ml-25 {
        margin-left: 25px!important
    }
    .sm-mr-25 {
        margin-right: 25px!important
    }
    .sm-mb-25 {
        margin-bottom: 25px!important
    }
    .sm-p-20 {
        padding: 20px!important
    }
    .sm-pt-20 {
        padding-top: 20px!important
    }
    .sm-pl-20 {
        padding-left: 20px!important
    }
    .sm-pr-20 {
        padding-right: 20px!important
    }
    .sm-pb-20 {
        padding-bottom: 20px!important
    }
    .sm-m-20 {
        margin: 20px!important
    }
    .sm-mt-20 {
        margin-top: 20px!important
    }
    .sm-ml-20 {
        margin-left: 20px!important
    }
    .sm-mr-20 {
        margin-right: 20px!important
    }
    .sm-mb-20 {
        margin-bottom: 20px!important
    }
    .sm-p-15 {
        padding: 15px!important
    }
    .sm-pt-15 {
        padding-top: 15px!important
    }
    .sm-pl-15 {
        padding-left: 15px!important
    }
    .sm-pr-15 {
        padding-right: 15px!important
    }
    .sm-pb-15 {
        padding-bottom: 15px!important
    }
    .sm-m-15 {
        margin: 15px!important
    }
    .sm-mt-15 {
        margin-top: 15px!important
    }
    .sm-ml-15 {
        margin-left: 15px!important
    }
    .sm-mr-15 {
        margin-right: 15px!important
    }
    .sm-mb-15 {
        margin-bottom: 15px!important
    }
    .sm-p-10 {
        padding: 10px!important
    }
    .sm-pt-10 {
        padding-top: 10px!important
    }
    .sm-pl-10 {
        padding-left: 10px!important
    }
    .sm-pr-10 {
        padding-right: 10px!important
    }
    .sm-pb-10 {
        padding-bottom: 10px!important
    }
    .sm-m-10 {
        margin: 10px!important
    }
    .sm-mt-10 {
        margin-top: 10px!important
    }
    .sm-ml-10 {
        margin-left: 10px!important
    }
    .sm-mr-10 {
        margin-right: 10px!important
    }
    .sm-mb-10 {
        margin-bottom: 10px!important
    }
    .sm-p-5 {
        padding: 5px!important
    }
    .sm-pt-5 {
        padding-top: 5px!important
    }
    .sm-pl-5 {
        padding-left: 5px!important
    }
    .sm-pr-5 {
        padding-right: 5px!important
    }
    .sm-pb-5 {
        padding-bottom: 5px!important
    }
    .sm-m-5 {
        margin: 5px!important
    }
    .sm-mt-5 {
        margin-top: 5px!important
    }
    .sm-ml-5 {
        margin-left: 5px!important
    }
    .sm-mr-5 {
        margin-right: 5px!important
    }
    .sm-mb-5 {
        margin-bottom: 5px!important
    }
    .sm-p-0 {
        padding: 0!important
    }
    .sm-pt-0 {
        padding-top: 0!important
    }
    .sm-pl-0 {
        padding-left: 0!important
    }
    .sm-pr-0 {
        padding-right: 0!important
    }
    .sm-pb-0 {
        padding-bottom: 0!important
    }
    .sm-m-0 {
        margin: 0!important
    }
    .sm-mt-0 {
        margin-top: 0!important
    }
    .sm-ml-0 {
        margin-left: 0!important
    }
    .sm-mr-0 {
        margin-right: 0!important
    }
    .sm-mb-0 {
        margin-bottom: 0!important
    }
}

@media (min-width:992px) {
    .md-p-50 {
        padding: 50px!important
    }
    .md-pt-50 {
        padding-top: 50px!important
    }
    .md-pl-50 {
        padding-left: 50px!important
    }
    .md-pr-50 {
        padding-right: 50px!important
    }
    .md-pb-50 {
        padding-bottom: 50px!important
    }
    .md-m-50 {
        margin: 50px!important
    }
    .md-mt-50 {
        margin-top: 50px!important
    }
    .md-ml-50 {
        margin-left: 50px!important
    }
    .md-mr-50 {
        margin-right: 50px!important
    }
    .md-mb-50 {
        margin-bottom: 50px!important
    }
    .md-p-40 {
        padding: 40px!important
    }
    .md-pt-40 {
        padding-top: 40px!important
    }
    .md-pl-40 {
        padding-left: 40px!important
    }
    .md-pr-40 {
        padding-right: 40px!important
    }
    .md-pb-40 {
        padding-bottom: 40px!important
    }
    .md-m-40 {
        margin: 40px!important
    }
    .md-mt-40 {
        margin-top: 40px!important
    }
    .md-ml-40 {
        margin-left: 40px!important
    }
    .md-mr-40 {
        margin-right: 40px!important
    }
    .md-mb-40 {
        margin-bottom: 40px!important
    }
    .md-p-30 {
        padding: 30px!important
    }
    .md-pt-30 {
        padding-top: 30px!important
    }
    .md-pl-30 {
        padding-left: 30px!important
    }
    .md-pr-30 {
        padding-right: 30px!important
    }
    .md-pb-30 {
        padding-bottom: 30px!important
    }
    .md-m-30 {
        margin: 30px!important
    }
    .md-mt-30 {
        margin-top: 30px!important
    }
    .md-ml-30 {
        margin-left: 30px!important
    }
    .md-mr-30 {
        margin-right: 30px!important
    }
    .md-mb-30 {
        margin-bottom: 30px!important
    }
    .md-p-25 {
        padding: 25px!important
    }
    .md-pt-25 {
        padding-top: 25px!important
    }
    .md-pl-25 {
        padding-left: 25px!important
    }
    .md-pr-25 {
        padding-right: 25px!important
    }
    .md-pb-25 {
        padding-bottom: 25px!important
    }
    .md-m-25 {
        margin: 25px!important
    }
    .md-mt-25 {
        margin-top: 25px!important
    }
    .md-ml-25 {
        margin-left: 25px!important
    }
    .md-mr-25 {
        margin-right: 25px!important
    }
    .md-mb-25 {
        margin-bottom: 25px!important
    }
    .md-p-20 {
        padding: 20px!important
    }
    .md-pt-20 {
        padding-top: 20px!important
    }
    .md-pl-20 {
        padding-left: 20px!important
    }
    .md-pr-20 {
        padding-right: 20px!important
    }
    .md-pb-20 {
        padding-bottom: 20px!important
    }
    .md-m-20 {
        margin: 20px!important
    }
    .md-mt-20 {
        margin-top: 20px!important
    }
    .md-ml-20 {
        margin-left: 20px!important
    }
    .md-mr-20 {
        margin-right: 20px!important
    }
    .md-mb-20 {
        margin-bottom: 20px!important
    }
    .md-p-15 {
        padding: 15px!important
    }
    .md-pt-15 {
        padding-top: 15px!important
    }
    .md-pl-15 {
        padding-left: 15px!important
    }
    .md-pr-15 {
        padding-right: 15px!important
    }
    .md-pb-15 {
        padding-bottom: 15px!important
    }
    .md-m-15 {
        margin: 15px!important
    }
    .md-mt-15 {
        margin-top: 15px!important
    }
    .md-ml-15 {
        margin-left: 15px!important
    }
    .md-mr-15 {
        margin-right: 15px!important
    }
    .md-mb-15 {
        margin-bottom: 15px!important
    }
    .md-p-10 {
        padding: 10px!important
    }
    .md-pt-10 {
        padding-top: 10px!important
    }
    .md-pl-10 {
        padding-left: 10px!important
    }
    .md-pr-10 {
        padding-right: 10px!important
    }
    .md-pb-10 {
        padding-bottom: 10px!important
    }
    .md-m-10 {
        margin: 10px!important
    }
    .md-mt-10 {
        margin-top: 10px!important
    }
    .md-ml-10 {
        margin-left: 10px!important
    }
    .md-mr-10 {
        margin-right: 10px!important
    }
    .md-mb-10 {
        margin-bottom: 10px!important
    }
    .md-p-5 {
        padding: 5px!important
    }
    .md-pt-5 {
        padding-top: 5px!important
    }
    .md-pl-5 {
        padding-left: 5px!important
    }
    .md-pr-5 {
        padding-right: 5px!important
    }
    .md-pb-5 {
        padding-bottom: 5px!important
    }
    .md-m-5 {
        margin: 5px!important
    }
    .md-mt-5 {
        margin-top: 5px!important
    }
    .md-ml-5 {
        margin-left: 5px!important
    }
    .md-mr-5 {
        margin-right: 5px!important
    }
    .md-mb-5 {
        margin-bottom: 5px!important
    }
    .md-p-0 {
        padding: 0!important
    }
    .md-pt-0 {
        padding-top: 0!important
    }
    .md-pl-0 {
        padding-left: 0!important
    }
    .md-pr-0 {
        padding-right: 0!important
    }
    .md-pb-0 {
        padding-bottom: 0!important
    }
    .md-m-0 {
        margin: 0!important
    }
    .md-mt-0 {
        margin-top: 0!important
    }
    .md-ml-0 {
        margin-left: 0!important
    }
    .md-mr-0 {
        margin-right: 0!important
    }
    .md-mb-0 {
        margin-bottom: 0!important
    }
}

@media (min-width:1200px) {
    .lg-p-200 {
        padding: 200px!important
    }
    .lg-pt-200 {
        padding-top: 200px!important
    }
    .lg-pl-200 {
        padding-left: 200px!important
    }
    .lg-pr-200 {
        padding-right: 200px!important
    }
    .lg-pb-200 {
        padding-bottom: 200px!important
    }
    .lg-m-200 {
        margin: 200px!important
    }
    .lg-mt-200 {
        margin-top: 200px!important
    }
    .lg-ml-200 {
        margin-left: 200px!important
    }
    .lg-mr-200 {
        margin-right: 200px!important
    }
    .lg-mb-200 {
        margin-bottom: 200px!important
    }
    .lg-p-150 {
        padding: 150px!important
    }
    .lg-pt-150 {
        padding-top: 150px!important
    }
    .lg-pl-150 {
        padding-left: 150px!important
    }
    .lg-pr-150 {
        padding-right: 150px!important
    }
    .lg-pb-150 {
        padding-bottom: 150px!important
    }
    .lg-m-150 {
        margin: 150px!important
    }
    .lg-mt-150 {
        margin-top: 150px!important
    }
    .lg-ml-150 {
        margin-left: 150px!important
    }
    .lg-mr-150 {
        margin-right: 150px!important
    }
    .lg-mb-150 {
        margin-bottom: 150px!important
    }
    .lg-p-100 {
        padding: 100px!important
    }
    .lg-pt-100 {
        padding-top: 100px!important
    }
    .lg-pl-100 {
        padding-left: 100px!important
    }
    .lg-pr-100 {
        padding-right: 100px!important
    }
    .lg-pb-100 {
        padding-bottom: 100px!important
    }
    .lg-m-100 {
        margin: 100px!important
    }
    .lg-mt-100 {
        margin-top: 100px!important
    }
    .lg-ml-100 {
        margin-left: 100px!important
    }
    .lg-mr-100 {
        margin-right: 100px!important
    }
    .lg-mb-100 {
        margin-bottom: 100px!important
    }
    .lg-p-50 {
        padding: 50px!important
    }
    .lg-pt-50 {
        padding-top: 50px!important
    }
    .lg-pl-50 {
        padding-left: 50px!important
    }
    .lg-pr-50 {
        padding-right: 50px!important
    }
    .lg-pb-50 {
        padding-bottom: 50px!important
    }
    .lg-m-50 {
        margin: 50px!important
    }
    .lg-mt-50 {
        margin-top: 50px!important
    }
    .lg-ml-50 {
        margin-left: 50px!important
    }
    .lg-mr-50 {
        margin-right: 50px!important
    }
    .lg-mb-50 {
        margin-bottom: 50px!important
    }
    .lg-p-40 {
        padding: 40px!important
    }
    .lg-pt-40 {
        padding-top: 40px!important
    }
    .lg-pl-40 {
        padding-left: 40px!important
    }
    .lg-pr-40 {
        padding-right: 40px!important
    }
    .lg-pb-40 {
        padding-bottom: 40px!important
    }
    .lg-m-40 {
        margin: 40px!important
    }
    .lg-mt-40 {
        margin-top: 40px!important
    }
    .lg-ml-40 {
        margin-left: 40px!important
    }
    .lg-mr-40 {
        margin-right: 40px!important
    }
    .lg-mb-40 {
        margin-bottom: 40px!important
    }
    .lg-p-30 {
        padding: 30px!important
    }
    .lg-pt-30 {
        padding-top: 30px!important
    }
    .lg-pl-30 {
        padding-left: 30px!important
    }
    .lg-pr-30 {
        padding-right: 30px!important
    }
    .lg-pb-30 {
        padding-bottom: 30px!important
    }
    .lg-m-30 {
        margin: 30px!important
    }
    .lg-mt-30 {
        margin-top: 30px!important
    }
    .lg-ml-30 {
        margin-left: 30px!important
    }
    .lg-mr-30 {
        margin-right: 30px!important
    }
    .lg-mb-30 {
        margin-bottom: 30px!important
    }
    .lg-p-25 {
        padding: 25px!important
    }
    .lg-pt-25 {
        padding-top: 25px!important
    }
    .lg-pl-25 {
        padding-left: 25px!important
    }
    .lg-pr-25 {
        padding-right: 25px!important
    }
    .lg-pb-25 {
        padding-bottom: 25px!important
    }
    .lg-m-25 {
        margin: 25px!important
    }
    .lg-mt-25 {
        margin-top: 25px!important
    }
    .lg-ml-25 {
        margin-left: 25px!important
    }
    .lg-mr-25 {
        margin-right: 25px!important
    }
    .lg-mb-25 {
        margin-bottom: 25px!important
    }
    .lg-p-20 {
        padding: 20px!important
    }
    .lg-pt-20 {
        padding-top: 20px!important
    }
    .lg-pl-20 {
        padding-left: 20px!important
    }
    .lg-pr-20 {
        padding-right: 20px!important
    }
    .lg-pb-20 {
        padding-bottom: 20px!important
    }
    .lg-m-20 {
        margin: 20px!important
    }
    .lg-mt-20 {
        margin-top: 20px!important
    }
    .lg-ml-20 {
        margin-left: 20px!important
    }
    .lg-mr-20 {
        margin-right: 20px!important
    }
    .lg-mb-20 {
        margin-bottom: 20px!important
    }
    .lg-p-15 {
        padding: 15px!important
    }
    .lg-pt-15 {
        padding-top: 15px!important
    }
    .lg-pl-15 {
        padding-left: 15px!important
    }
    .lg-pr-15 {
        padding-right: 15px!important
    }
    .lg-pb-15 {
        padding-bottom: 15px!important
    }
    .lg-m-15 {
        margin: 15px!important
    }
    .lg-mt-15 {
        margin-top: 15px!important
    }
    .lg-ml-15 {
        margin-left: 15px!important
    }
    .lg-mr-15 {
        margin-right: 15px!important
    }
    .lg-mb-15 {
        margin-bottom: 15px!important
    }
    .lg-p-10 {
        padding: 10px!important
    }
    .lg-pt-10 {
        padding-top: 10px!important
    }
    .lg-pl-10 {
        padding-left: 10px!important
    }
    .lg-pr-10 {
        padding-right: 10px!important
    }
    .lg-pb-10 {
        padding-bottom: 10px!important
    }
    .lg-m-10 {
        margin: 10px!important
    }
    .lg-mt-10 {
        margin-top: 10px!important
    }
    .lg-ml-10 {
        margin-left: 10px!important
    }
    .lg-mr-10 {
        margin-right: 10px!important
    }
    .lg-mb-10 {
        margin-bottom: 10px!important
    }
    .lg-p-5 {
        padding: 5px!important
    }
    .lg-pt-5 {
        padding-top: 5px!important
    }
    .lg-pl-5 {
        padding-left: 5px!important
    }
    .lg-pr-5 {
        padding-right: 5px!important
    }
    .lg-pb-5 {
        padding-bottom: 5px!important
    }
    .lg-m-5 {
        margin: 5px!important
    }
    .lg-mt-5 {
        margin-top: 5px!important
    }
    .lg-ml-5 {
        margin-left: 5px!important
    }
    .lg-mr-5 {
        margin-right: 5px!important
    }
    .lg-mb-5 {
        margin-bottom: 5px!important
    }
    .lg-p-0 {
        padding: 0!important
    }
    .lg-pt-0 {
        padding-top: 0!important
    }
    .lg-pl-0 {
        padding-left: 0!important
    }
    .lg-pr-0 {
        padding-right: 0!important
    }
    .lg-pb-0 {
        padding-bottom: 0!important
    }
    .lg-m-0 {
        margin: 0!important
    }
    .lg-mt-0 {
        margin-top: 0!important
    }
    .lg-ml-0 {
        margin-left: 0!important
    }
    .lg-mr-0 {
        margin-right: 0!important
    }
    .lg-mb-0 {
        margin-bottom: 0!important
    }
}
.font-size-8 {
    font-size: 8px !important;
}

.font-size-9 {
    font-size: 9px !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-17 {
    font-size: 17px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-19 {
    font-size: 19px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-21 {
    font-size: 21px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-23 {
    font-size: 23px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-25 {
    font-size: 25px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-27 {
    font-size: 27px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-29 {
    font-size: 29px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-35 {
    font-size: 35px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-45 {
    font-size: 45px !important;
}

.font-size-50 {
    font-size: 50px !important;
}

.font-size-55 {
    font-size: 55px !important;
}

.font-size-60 {
    font-size: 60px !important;
}

.font-size-65 {
    font-size: 65px !important;
}

.font-size-70 {
    font-size: 70px !important;
}

.font-size-75 {
    font-size: 75px !important;
}

.font-size-80 {
    font-size: 80px !important;
}

.font-size-85 {
    font-size: 85px !important;
}

.font-size-90 {
    font-size: 90px !important;
}

.font-size-95 {
    font-size: 95px !important;
}

.font-size-100 {
    font-size: 100px !important;
}

.font-size-105 {
    font-size: 105px !important;
}

.font-size-110 {
    font-size: 110px !important;
}

.font-size-115 {
    font-size: 115px !important;
}

.font-size-120 {
    font-size: 120px !important;
}

.font-size-125 {
    font-size: 125px !important;
}

.font-size-130 {
    font-size: 130px !important;
}

.font-size-135 {
    font-size: 135px !important;
}

.font-size-140 {
    font-size: 140px !important;
}

.font-size-145 {
    font-size: 145px !important;
}

.font-size-150 {
    font-size: 150px !important;
}

.font-size-155 {
    font-size: 155px !important;
}

.font-size-160 {
    font-size: 160px !important;
}

.font-size-165 {
    font-size: 165px !important;
}

.font-size-170 {
    font-size: 170px !important;
}

.font-size-175 {
    font-size: 175px !important;
}

.font-size-180 {
    font-size: 180px !important;
}

.font-size-185 {
    font-size: 185px !important;
}

.font-size-190 {
    font-size: 190px !important;
}

.font-size-195 {
    font-size: 195px !important;
}

.font-size-200 {
    font-size: 200px !important;
}





/*---------------------------------------------------------------------------
    Branch Styling
----------------------------------------------------------------------------*/

.registration-page .col-sm-12 { padding-right: 0; }
.registration-page { background-color: #15232b; }


/*---------------------------------------------------------------------------
    Header
----------------------------------------------------------------------------*/

.dark-header { position: relative; min-height: 1500px; }


.dark-header .banner-row { position: absolute; width: 100%; z-index: 10; }
.dark-header:after{ position: absolute; bottom:0; }

.dark-header .row .col-sm-12 { text-align: center; }
.dark-header .row .col-sm-12 img { margin-left:0 !important; }


/* =======================================
 @ 414
======================================= */
@media only screen and (min-width: 414px) {

.dark-header { min-height: 1000px; }



}

/* =======================================
 @ 600
======================================= */
@media only screen and (min-width: 600px) {

.dark-header { min-height: 1600px; }



}


/* =======================================
 @ 769
======================================= */
@media only screen and (min-width: 769px) {

.dark-header { min-height: 780px; }

.dark-header .row .col-sm-12 { text-align: left; }
.dark-header .row .col-sm-12 img { margin-left:100px !important; }

}


/*---------------------------------------------------------------------------
    Monthly Plan
----------------------------------------------------------------------------*/

.banner-row .col-sm-4 { text-align: center; }

/* =======================================
 @ 769
======================================= */
@media only screen and (min-width: 769px) {

.banner-row .col-sm-4 { text-align: left; }

}

/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {
.banner-row { padding: 0 30px; }
.banner-row .col-sm-4 { padding-left: 50px;}

}

/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {
.banner-row { padding: 0 80px; }


}


/*---------------------------------------------------------------------------
    Sign Up Box
----------------------------------------------------------------------------*/

.signup-box { margin:0 16px; width: 100%; }
.banner-row .col-sm-6 { -webkit-box-flex: 0;
    -ms-flex: 100%;
    flex: 0 0 100%;
    max-width: 100%; }

.banner-row .col-sm-4 { -webkit-box-flex: 0;
    -ms-flex: 100%;
    flex: 0 0 100%;
    max-width: 100%; }

/* =======================================
 @ 769
======================================= */
@media only screen and (min-width: 769px) {


.banner-row .col-sm-6 { -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

.banner-row .col-sm-4 { -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

}


/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {

.banner-row .col-sm-4 { --webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

}






/*---------------------------------------------------------------------------
    Bottom Content
----------------------------------------------------------------------------*/

.bottom-content { float:left; width: 100%; padding-top: 12%; }
.bottom-content .image-position { margin-bottom:-40px; }

.xs-pt-50 { padding-top: 0 !important; }
.logo-box { display: inline-block; }

.bottom-content .col-sm-2 { margin-bottom: 20px; max-width: 100%; flex-basis: 100%; }

.bottom-heading { padding: 0 40px; }



/* =======================================
 @ 769
======================================= */
@media only screen and (min-width: 769px) {
.bottom-content { padding-top: 430px; }
}


/* =======================================
 @ 900
======================================= */
@media only screen and (min-width: 900px) {

.xs-pt-50 { padding-top: 50px !important; }
.bottom-content .col-sm-2 { margin-bottom: initial; max-width: 16.666667%; flex-basis: initial; }
.logo-box { margin:0; }

/*.bottom-content .image-position { margin-bottom:-90px; }*/

}


/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {

.bottom-content { padding-top: 380px; }
.logo-box { margin:0 30px; }
/*.bottom-content .image-position { margin-bottom:-40px; }*/

}

/* =======================================
 @ 1440
======================================= */
@media only screen and (min-width: 1440px) {

.bottom-content { padding-top: 280px; }


}


#card-errors{
    color: #ff1100;
    text-align: center;
    margin-top: 10px;
}