*, *:before, *:after { box-sizing: border-box; }
img { max-width: 100%; }


@font-face {
    font-family: "Montserrat";
    src: url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.ttf") format("ttf"),
        url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff") format("woff"),
        url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff2") format("woff2"),
        url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.otf") format("otf"),
        url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.eot") format("eot");
    font-weight: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../../assets/fonts/Montserrat/v1/Montserrat-SemiBold.ttf") format("ttf"),
        url("../../assets/fonts/Montserrat/v1/Montserrat-SemiBold.woff") format("woff"),
        url("../../assets/fonts/Montserrat/v1/Montserrat-SemiBold.woff2") format("woff2"),
        url("../../assets/fonts/Montserrat/v1/Montserrat-SemiBold.otf") format("otf"),
        url("../../assets/fonts/Montserrat/v1/Montserrat-SemiBold.eot") format("eot");
    font-weight: 600;
}
body { background: #000; color: #fff; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-size: 14px; font-weight: 400; }
a { color: #E4A822; text-decoration: underline; transition: background-color 0.3s, color 0.3s; font-family: 'Montserrat', Arial, sans-serif; margin-bottom: 20px; }
a:hover { text-decoration: none; }
.main .content-box label { color: #fff; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; }
.header { padding-top: 25px; }
.header .nav a { color: white; }
.dropdown-menu li a { margin: 0; }
.main .container-fluid {
    max-width: 1900px;
    margin: auto;
}
.main h1 { 
    color: #fff;font-family: Montserrat;
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    margin: 0 0 20px 0;
    text-transform: none;
 }
 
.page.inner .main.form-box .container .content-box .intro p,
.main.form-box .container .content-box .intro p { font-family: Montserrat;
    text-transform: none;
    font-family: Montserrat;
 } 
.form-container label P { color: #fff; }
.main .content-box { border: 0; background: unset;  color: #fff; }
.main .content-box form { background: #373A3D; padding: 30px; max-width: 800px; }


.main .content-box.login-box {background: #373A3D; padding: 30px; max-width: 800px; margin: auto; }
.main.form-box .container .content-box.login-box  .intro p { font-size: 15px; font-weight: 400; text-align: left; }


.main .content-box.login-box form  { padding: 0; }
.main .content-box.login-box form a { text-decoration: none; }

.main .content-box .intro { text-align: center;  color: #fff; }
.main .content-box .label-field, .field-row .table-cell.coll1_field_sub_group_btm,
.main .content-box .input-field, .field-row .table-cell { width: 50%; }

.main .content-box .label-field { width: 45%;}
.main .content-box .input-field { width: 55%; }

.label-field .required { color: #C8102E; }
.form-container input[type="text"], .form-container input[type="password"], .form-container textarea { border-radius: 0; }
.main.form-box .content-box .buttons { text-align: center; }
#button_subscribe { background: #C8102E; border-radius: 0; font-size: 16px; min-width: 107px; text-transform:none; transition: background-color 0.5s; }
#button_subscribe:hover { background: #2E9597; }

table.table.dataTable>:not(caption)>*>* { background: black; color: white; }
.main .table th { background: #C8102E!important; color: white; }
.header .buttons li ul { top: 85%; }
.header .buttons li { max-width: 300px; width: auto;}
.header .buttons a:hover {
    background: #464654 !important;
    color: #E4A822;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
     content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid white;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before{
  content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid white;

}
.form-container .form-field span.red_b {
    color: black;
}

td.dt-type-numeric { min-width: 30px; }
.header .banner img { max-width: 1440px; width: 100%; }
#main_header_text { text-align: center; }
#main_header_text img { 
    max-width: 1440px;
    width: 100%;
    margin: 3rem auto 2.5rem;
}
.container {
    max-width: 800px;
    width: 100%; 
}
a:hover {
    color: #c8102e;
}
.header .nav .buttons li {margin: 0;}
form#customers_login { margin-bottom:0; }
.main .content-box .intro {  
    font-family: 'Montserrat', Arial, sans-serif; 
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
    border-bottom: unset;
}
.main .content-box.login-box .intro { 
    font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; font-weight: 400; }
.main.form-box .container .content-box .intro p { text-align: left;  font-family: 'Montserrat', Arial, sans-serif;}
body:not(.page) .header {  }
#main_header_text .mobile-banner { display: none; }
.page { display: block; }
.main.form-box { width: 100%; margin-top: 50px; }
.page.home #main_header_text, .page.inner #main_header_text { }
.main .titles { text-align: center; }
.page.inner .form-box .col > h3 { text-align: center; padding-bottom: 2rem;}
.faq-box .panel-body { margin-top: 0; border-left: 3px solid #E4A822; }
.page.inner .main.form-box .container {
    max-width: 900px;
}


.faq-box .panel-title > a { color: #fff; position: relative; padding: 0 0 0 20px;  }
.faq-box .panel-title > a::before {
    width: 5px;
    height: 10px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent white;
    transform: rotate(0deg);
    content: '';
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
}
.faq-box h3 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 50px; 
}

@media (max-width: 1440px) {
    #main_header_text img { 
        margin: 0 auto 2.5rem auto; 
        max-width: 1440px;
        width: 100%;
    }
}
@media (max-width: 800px) {

    #main_header_text .mobile-banner { display: block; }
}
@media (max-width: 740px) {
    .main .content-box .input-field { width: 100%; }
    #r_password .label-field { margin-bottom: 10px; }
}
@media (max-width: 730px) {
    form#customer_proof_purch label {
        text-align: left;
    }
    form#customers_changeusername  .label-field,
    form#customer_bank_details  .label-field,
    form#customers_login  .label-field,
    form#customers_forgetpass .label-field,
    form#customer_proof_purch .label-field,
    form#customers_changepass .label-field{
    width: 100%;
    }
}