@font-face {

    font-family: 'Conv_HelveticaNeueLTPro-Roman_0';

    src: url('../fonts/HelveticaNeueLTPro-Roman_0.eot');

    src: local('☺'), url('../fonts/HelveticaNeueLTPro-Roman_0.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Roman_0.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-Roman_0.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

/** Generated by FG **/



@font-face {

    font-family: 'Conv_HelveticaNeueLTPro-MdCn_0';

    src: url('../fonts/HelveticaNeueLTPro-MdCn_0.eot');

    src: local('☺'), url('../fonts/HelveticaNeueLTPro-MdCn_0.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-MdCn_0.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-MdCn_0.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

/** Generated by FG **/



@font-face {

    font-family: 'Conv_Bradley_Hand_ITC_TT';

    src: url('../fonts/Bradley_Hand_ITC_TT.eot');

    src: local('☺'), url('../fonts/Bradley_Hand_ITC_TT.woff') format('woff'), url('../fonts/Bradley_Hand_ITC_TT.ttf') format('truetype'), url('../fonts/Bradley_Hand_ITC_TT.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Chalkduster';

    src: url('../fonts/Chalkduster.eot');

    src: local('☺'), url('../fonts/Chalkduster.woff') format('woff'), url('../fonts/Chalkduster.ttf') format('truetype'), url('../fonts/Chalkduster.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



.header{

    background-image: -webkit-gradient(

            linear,

            left top,

            left bottom,

            color-stop(0, #0D1784),

            color-stop(1, #0A1061)

    );

    background-image: -o-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -moz-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -webkit-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -ms-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: linear-gradient(to bottom, #0D1784 0%, #0A1061 100%);

    text-align: center;

    padding: 25px 0px;

}

.login_section {

    padding: 41px 0px 81px;

    color: #fff;

    min-height: 82vh;

}

.login_section h1 {

    font-size: 47px;

}

.login_section ul {

    padding: 0px;

    margin: 0;

    margin-top: 37px;

    padding-right: 33px;

}



.login_section ul li {

    padding: 0px;

    list-style: none;

    margin-bottom: 37px;

}



.login_section .img-sec {

    float: left;

    margin-right: 23px;

}



.login_section ul li:after {content: '';display: block;clear: both;}



.footer {

    background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #0D1784),  color-stop(1, #0A1061)  );

    background-image: -o-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -moz-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -webkit-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -ms-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: linear-gradient(to bottom, #0D1784 0%, #0A1061 100%);

    text-align: center;

    padding: 12px 0px;

    color: #fff;

    font-size: 18px;

    position: absolute;

    right: 0;

    left: 0;

}

.content-inner-left.contact-back {

    background: linear-gradient(rgba(63, 63, 63, 0.37), rgba(55, 55, 55, 0.35)),url(../image/content-left-back.jpg) center;

    background-size: cover;

    background-attachment: fixed;

    height: 847px;

}

.contact-form .btn.btn-primary:hover {

    background: #1a1e27;

}


.contact-form .top-area h2{
    padding-bottom: 0px;}


.contact-form .top-area{color:#333 !important; text-align:center;padding-bottom: 16px;}



.stripe_payment_form input{
    font-size: 20px !important;
    padding: 1em !important;
}


.form-radio,

.form-group {
    position: relative;
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;

}


.form-inline > .form-group,

.form-inline > .btn {

    display: inline-block;

    margin-bottom: 0;

}


.report_detail_renew .sign-img.head{
    font-size: 21px;
}

.form-help {

    margin-top: 0.125rem;

    margin-left: 0.125rem;

    color: #b3b3b3;

    font-size: 0.8rem;

}

.checkbox .form-help, .form-radio .form-help, .form-group .form-help {

    position: absolute;

    width: 100%;

}

.checkbox .form-help {

    position: relative;

    margin-bottom: 1rem;

}

.form-radio .form-help {

    padding-top: 0.25rem;

    margin-top: -1rem;

}



.form-group input {

    height: 48px;

}

.form-group textarea {

    resize: none;

}

.form-group select {

    width: 100%;

    font-size: 1rem;

    height: 1.6rem;

    padding: 0.125rem 0.125rem 0.0625rem;

    background: none;

    border: none;

    line-height: 1.6;

    box-shadow: none;

}

.form-group .control-label {

    position: absolute;

    top: -0.75rem;

    pointer-events: none;

    padding-left: 0.125rem;

    z-index: 1;

    color: #0a1063;

    font-size: 15px;

    font-weight: normal;

    -webkit-transition: all 0.28s ease;

    transition: all 0.28s ease;

}

.form-group .bar {

    position: relative;

    border-bottom: 0.0625rem solid #0d1784;

    display: block;

}

.form-group .bar::before {

    content: '';

    height: 0.125rem;

    width: 0;

    left: 50%;

    bottom: -0.0625rem;

    position: absolute;

    background: #337ab7;

    -webkit-transition: left 0.28s ease, width 0.28s ease;

    transition: left 0.28s ease, width 0.28s ease;

    z-index: 2;

}

.form-group input,

.form-group textarea {

    display: block;

    background: none;

    padding: 10px;

    font-size: 20px;

    border-width: 0;

    border-color: transparent;

    line-height: 1.9;

    width: 100%;

    color: transparent;

    -webkit-transition: all 0.28s ease;

    transition: all 0.28s ease;

    box-shadow: none;

    color: #000 !important;

}

.form-group input[type="file"] {

    line-height: 1;

}

.form-group input[type="file"] ~ .bar {

    display: none;

}

.form-group select,

.form-group input:focus,

.form-group input:valid,

.form-group input.form-file,

.form-group input.has-value,

.form-group textarea:focus,

.form-group textarea:valid,

.form-group textarea.form-file,

.form-group textarea.has-value {

    color: #333;

}

.form-group select ~ .control-label,

.form-group input:focus ~ .control-label,

.form-group input:valid ~ .control-label,

.form-group input.form-file ~ .control-label,

.form-group input.has-value ~ .control-label,

.form-group textarea:focus ~ .control-label,

.form-group textarea:valid ~ .control-label,

.form-group textarea.form-file ~ .control-label,

.form-group textarea.has-value ~ .control-label {

    font-size: 1.1rem;

    color: gray;

    top: -1rem;

    left: 0;

}

.form-group select:focus,

.form-group input:focus,

.form-group textarea:focus {

    outline: none;

}

.form-group select:focus ~ .control-label,

.form-group input:focus ~ .control-label,

.form-group textarea:focus ~ .control-label {

    color: #337ab7;

}

.form-group select:focus ~ .bar::before,

.form-group input:focus ~ .bar::before,

.form-group textarea:focus ~ .bar::before {

    width: 100%;

    left: 0;

}



.checkbox label,

.form-radio label {

    position: relative;

    cursor: pointer;

    padding-left: 2rem;

    text-align: left;

    color: #333;

    display: block;

}

.checkbox input,

.form-radio input {

    width: auto;

    opacity: 0.00000001;

    position: absolute;

    left: 0;

}





.radio .helper::before, .radio .helper::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    margin: 0.25rem;

    width: 1rem;

    height: 1rem;

    -webkit-transition: -webkit-transform 0.28s ease;

    transition: -webkit-transform 0.28s ease;

    transition: transform 0.28s ease;

    transition: transform 0.28s ease, -webkit-transform 0.28s ease;

    border-radius: 50%;

    border: 0.125rem solid currentColor;

}

.radio .helper::after {

    -webkit-transform: scale(0);

    transform: scale(0);

    background-color: #337ab7;

    border-color: #337ab7;

}

.radio label:hover .helper {

    color: #337ab7;

}

.radio input:checked ~ .helper::after {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

}

.radio input:checked ~ .helper::before {

    color: #337ab7;

}



.checkbox {

    margin-top: 3rem;

    margin-bottom: 1rem;

}

.checkbox .helper {

    color: #999;

    position: absolute;

    top: 0;

    left: 0;

    width: 1rem;

    height: 1rem;

    z-index: 0;

    border: 0.125rem solid currentColor;

    border-radius: 0.0625rem;

    -webkit-transition: border-color 0.28s ease;

    transition: border-color 0.28s ease;

}

.checkbox .helper::before, .checkbox .helper::after {

    position: absolute;

    height: 0;

    width: 0.2rem;

    background-color: #337ab7;

    display: block;

    -webkit-transform-origin: left top;

    transform-origin: left top;

    border-radius: 0.25rem;

    content: '';

    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;

    transition: opacity 0.28s ease, height 0s linear 0.28s;

    opacity: 0;

}

.checkbox .helper::before {

    top: 0.65rem;

    left: 0.38rem;

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

    box-shadow: 0 0 0 0.0625rem #fff;

}

.checkbox .helper::after {

    top: 0.3rem;

    left: 0;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.checkbox label:hover .helper {

    color: #337ab7;

}

.checkbox input:checked ~ .helper {

    color: #337ab7;

}

.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {

    opacity: 1;

    -webkit-transition: height 0.28s ease;

    transition: height 0.28s ease;

}

.checkbox input:checked ~ .helper::after {

    height: 0.5rem;

}

.checkbox input:checked ~ .helper::before {

    height: 1.2rem;

    -webkit-transition-delay: 0.28s;

    transition-delay: 0.28s;

}



.radio + .radio,

.checkbox + .checkbox {

    margin-top: 1rem;

}



.has-error .legend.legend, .has-error.form-group .control-label.control-label {

    color: #d9534f;

}

.has-error.form-group .form-help,

.has-error.form-group .helper, .has-error.checkbox .form-help,

.has-error.checkbox .helper, .has-error.radio .form-help,

.has-error.radio .helper, .has-error.form-radio .form-help,

.has-error.form-radio .helper {

    color: #d9534f;

}

.has-error .bar::before {

    background: #d9534f;

    left: 0;

    width: 100%;

}

.contact-form {

    clear: both;

    background: #fff;

    height: 300px;

    width: 100%;

    display: table;

    margin: 0 auto;

    padding: 0px;

    border-radius: 7px;

}





.contact-form  .fa{



    position: absolute;

    right: 10px;

    color: #353535;

    font-size: 25px;

    top: 7px;

}



.contact-form  .fa.fa-user {

    right: 13px;

}

.contact-form .btn.btn-primary {

    border: 0px;

    border-radius: 6px;

    background: #282c3c;

    position: relative;

    font-size: 29px;

    padding: 5px 145px 5px;

    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #0D1784), color-stop(1, #0A1061) );

    background-image: -o-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -moz-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -webkit-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: -ms-linear-gradient(bottom, #0D1784 0%, #0A1061 100%);

    background-image: linear-gradient(to bottom, #0D1784 0%, #0A1061 100%);

}

.contact-form .fa.fa-plane {

    position: absolute;

    color: #fff;

    left: 30px;

    right: inherit;

    font-size: 20px;

    top: 12px;

}

.middle-area {

    background: #e5e6e9;

    padding: 16px 33px;

    color: #0c167d;

}

.top-area h2 {

    color: #0a1166;

    text-align: center;

    padding: 7px 0px 17px;

    font-size: 41px;

    font-weight: bold;

}



.middle-area {

    background: #e5e6e9;

    padding: 16px 33px;

    color: #0c167d;

}



.top-area h2 {

    color: #0a1166;

    text-align: center;

    padding: 7px 0px 17px;

    font-size: 41px;

    font-weight: bold;

}



.bottom-aera {

    padding:35px 21px 35px;

    text-align: center;

    display: table;

    width: 100%;

}

.contact-form{ margin-top:15px;}

.contact-form .textarea{ min-height:220px; resize:none;}

.form-control{ box-shadow:none; border-color:#eee; height:49px;}

.form-control:focus{ box-shadow:none; border-color:#00b09c;}

.form-control-feedback{ line-height:50px;}

.main-btn{ background:#00b09c; border-color:#00b09c; color:#fff;}

.main-btn:hover{ background:#00a491;color:#fff;}

.form-control-feedback {

    line-height: 50px;

    top: 0px;

}

.notmember {

    position: absolute;

    margin: 0 auto;

    text-align: center;

    width: 100%;

    margin-top: 28px;

}



.notmember a {

    color: #d2d131;

}



.login_section .img-sec{

    width:25%;}

.img-txt {

    float: left;

    width: 68%;

}

.footer{text-align:left !important;}

.foter-col ul li{    margin-bottom: 0px !important;}

.img-txt h3 {

    margin-top: 0px;

}
/*-------- Contact Us Page -----*/
.login_section.contact_us {}
.login_section.contact_us ul li {
    float: left;
    width: 25%;
    padding: 15px 10px;
    margin-right: 20px;
    border: 1px solid #646687;
    border-radius:5px;
}
.login_section.contact_us ul {
    padding: 0;
    margin-top: 57px;
}

.login_section.contact_us ul li .fa {
    font-size: 52px;
    background: #fff;
    border-radius: 100%;
    color: #111c9b;
    height: 100px;
    width: 100px;
    padding-top: 21px;
}

.login_section.contact_us ul li .img-sec {
    width: 100%;
    text-align: center;
    height: auto;
    margin-bottom: 30px;
}

.login_section.contact_us ul li {
    text-align: center;
}
.login_section.contact_us .img-txt {
    width: 100%;
}
.img-txt h3 a {
    color: #fff !important;
    font-size: 21px;
}
/*----------- End Contact Us ------------*/

.contact-form .bottom-aera label {
    color: #343434;
    font-size: 15px;
    padding-top: 16px;
    text-shadow: none;
}

.form-group .bar{border-bottom: 1px solid #0d1784 !important;}



form#creditdebit {
    background: #f1f1f1;
    padding: 28px 25px;
}

#creditdebit .form-group {
    padding: 0px 11px;
    margin: 11px 0px;
}

#creditdebit .form-group input {
    border: 1px solid #ccc;
    background: #fff;
}

.lck-form {
    clear: both;
    text-align: left;
    font-size: 17px;
    padding: 11px 0px;
}

.lck-form i.fa.fa-lock {
    position: relative;
    top: 0;
    right: 0px;
}

.lck-text {
    text-align: left;
    padding-bottom: 21px;
    color: #676767;
}
.form-group.clear {
    clear: both;
}
#payment-deb {}

#payment-deb .col-md-12 {
    background: #f1f1f1;
    padding: 25px 25px;
    font-size: 16px;
}

#payment-deb .col-md-12 .pams {
    color: #333;
}
#creditdebit .form-group select.form-control {
    border: 1px solid #ccc;
    padding: 14px 5px;
    font-size: 14px;
    background:#fff;
    height: auto;
}
.form-sts {}

.form-sts  .form-group.col-md-3 {
    margin: -10px 0px !important;
    margin-bottom: 12px !important;
}
#creditdebit .form-group img.payment-card-img {
    width: 200px;
    float: right;
    position: relative;
    top: -39px;
    padding-right: 11px;
}
.form-payment-selection-btn {
    text-align: left;
    padding: 26px 35px 0px;
}

.form-payment-selection-btn .btn {
    background: #ffffff;
    color: #272d80;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 18px;
    padding: 8px 20px;
}
.form-payment-selection-btn .btn.active{
    background: #f1f1f1;
}
#creditdebit .form-group input.btn.btn-info, #payment-deb .form-group input.btn.btn-info {
    background: #0b126e;
    color: #343434 !important;
    border: 0px;
    font-size: 20px !important;
	text-transform:uppercase;
    border: 1px solid #d2a30d;
    font-weight: bold;
    height: auto !important;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD75E), color-stop(1, #E1B72E));
    background-image: -o-linear-gradient(bottom, #FFD75E 0%, #E1B72E 100%);
    background-image: -moz-linear-gradient(bottom, #FFD75E 0%, #E1B72E 100%);
    background-image: -webkit-linear-gradient(bottom, #FFD75E 0%, #E1B72E 100%);
    background-image: -ms-linear-gradient(bottom, #FFD75E 0%, #E1B72E 100%);
    background-image: linear-gradient(to bottom, #ffe185 0%, #ffc300 100%);
}

#creditdebit .form-group input.btn.btn-info:hover, #payment-deb .form-group input.btn.btn-info:hover {
    background: #0b126e !important;
    color: #fff !important;
    border: 1px solid #060938;
}

body.login-dashboard.loginPage .contact-form .top-area h2 {
    margin-top: 0px;
}

@media only screen and ( max-width: 1200px ){

    .notmember{    margin-top: 9px;}

}

@media only screen and ( max-width: 980px ) {
    body.login-dashboard.loginPage .modal-footer .pull-right, body.login-dashboard.loginPage .modal-footer .pull-left {
        float: none !important;
        text-align: center;
        padding-bottom: 4px;
    }

    body.login-dashboard.loginPage .modal-footer .pull-left {
        border-bottom: 1px solid #ccc;
    }

}

@media only screen and ( max-width: 784px ) {

    .notmember{

        margin-top: 9px;

        right: 0;

        left: 0;

        text-align: center;

        width:auto !important;}

    .logo img {

        width: 75%;

    }

    .contact-form .btn.btn-primary{padding: 5px 128px 5px;}

    .login_section h1{font-size: 49px;text-align: center;}

    .login_section ul{padding-right: 0;}

    .middle-area{padding: 5px 16px;}

}

@media only screen and ( max-width: 479px ) {

    .top-area h2{    font-size: 27px;}

    .login_section h1{font-size: 41px;}

    .contact-form .btn.btn-primary{padding: 5px 0px 5px;width: 100%;}

    .login_section .img-sec {

        float: left;

        margin-right: 23px;

        display: table;

        margin: 0 auto;

        width: 100%;

        text-align: center;

        margin-bottom: 16px;

    }

    .login_section ul li{text-align: center;}

    .footer{font-size: 13px;}

}
button, input, select, textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}