@import url(../fonts.css);

header{
    background: #eee;
    /* padding: 10px; */
    /* margin: 0 0 25px; */
    font-family: HelveticaNeue, arial;
    font-size: 14px;
    border-top: 7px solid #2f5b78;
}
header img{
    width: auto;
    margin: 20px 0 0;
}

header h1{
    display: inline-block;
    font-size: 40px;
    margin: 0;
    color: #42B765;
}

.red-txt{
    color: #f00
}

.thankyou-result{
    margin: 30px 0;
}
.thankyou-result .thankyou{
    font-size: 26px;
}
.thankyou-result h2{
    color: #42B765;
    font-weight: 800;
    margin: 0;
    font-size: 46px;
}
.thankyou-result .reg-id{
    color: #888;
    font-size: 18px;
    display: inline-block;
}
.thankyou-result .result-txt{
    display: inline-block;
    font-weight: 800;
}
.thankyou-result .payment-method{
    margin: 10px 20px;
}
.thankyou-result .payment-method ul{}
.thankyou-result .payment-method li{}
.thankyou-result .payment-method li.gray{
    color: #ccc;
}
.payment-method i{    color: #42B765;}

footer{
    background: #2f5b78;
    color: #fff;
    font-size: 12px;
    padding: 1px;
    text-align: center;
}
footer  span{
    margin: 27px 0 0;
    display: block;
}
footer ul{
    margin: 13px 10px 0;
    display: block;
    float: right;
}
footer ul li{
    display: inline-block;
    margin: 5px;
}
footer ul li i{
    font-size: 22px !important;
    color: #fff;
}

.lang {
    color: #333;
    margin: 20px 0 0;
    display: block;
    float: right;
}

.main-logo{
    width: 12% !important
}

.text-center{
    text-align: center
}

.mob-none{
    display: block;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
    color: #3a8f31;
    background-color: #e3f7d9;
    border-color: #bcf1c1;
}

.alert-danger {
    color: #f00;    
    border-color: #bcf1c1;
}


.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.headeline{
    margin: 0 auto;
    font-size: 1.5rem;
}

.headline-none{
    display: none
}

.terms-pages{
    text-align: center;
}
.terms-pages li{}
.terms-pages li a{
    font-size: 12px;
    color: #fff;
}

.text-center{
    text-align: center !important
}



@media only screen and (max-width: 667px){
    /*.row .col.s2, .row .col.s1{
        width: 100%;
        margin: 10px 0;
    }
    .row .col.s3, .row .col.s4, .row .col.s5, .row .col.s6, .row .col.s7, .row .col.s8, .row .col.s9, .row .col.s10, .row .col.s11, .row .col.s12{
        width: 100%;
        margin: 10px 0;
    }/*/
    header img {
        width: auto;
        margin: 0 20px 0;
        display: inline-block;
        height: 50px;
    }

    .main-logo{
        width: 23% !important
    }

    h3{
        font-size: 1.92rem;
        text-align: center
    }
    .lang{
        margin: 20px -50px 0 0 ;
    }

    .mob-none{
        display: none;
    }

    .thankyou-result .thankyou {
        font-size: 22px;
    }
    .thankyou-result h2{
        font-size: 30px;
    }

    .headline-none{
        display: block
    }

    .headline-none .headeline {
        margin: 0;
        font-size: 2rem;
    }

}
