/* @extend display-flex; */
/*display-flex, .signup-content, .form-row, .label-flex, .form-radio-group {
    display: flex;
    display: -webkit-flex;
}*/

/* Sign up section */
.signup {
    margin-top: 0;
}

.id-type-switcher {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* === Extracted HTML style block 8 (#custom-refinements-v1) === */
/* 1) Center the Sign Up title image within the registration form */
section.signup {
    text-align: center;
}

    section.signup .signup__title-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

/* 3) Consistent soft corners across all form containers in Passport tab */
#Passport .form-input > input,
#Passport .form-input > select,
#Passport #country,
#Passport #gender {
    border-radius: 10px !important;
}

/* 2) Group Day / Month / Year selects into a single bordered container with 3 connected segments */
#Passport .form-input:has(#dobday) {
    border: 1.5px solid rgb(139, 197, 63);
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
}

    #Passport .form-input:has(#dobday) > select {
        flex: 1 1 0;
        width: auto !important;
        min-width: 0;
        border: none !important;
        border-radius: 0 !important;
        border-right: 1.5px solid rgb(139, 197, 63) !important;
        background-color: transparent;
        margin: 0 !important;
    }

        #Passport .form-input:has(#dobday) > select:last-of-type,
        #Passport #dobyear {
            border-right: none !important;
        }
    /* Hide stray inputs/labels inside the DOB container that aren't the selects */
    #Passport .form-input:has(#dobday) > input[type="text"],
    #Passport .form-input:has(#dobday) > input:not([type]) {
        display: none;
    }

/* === v16: target the real footer .login-link === */
form p.login-link,
.login-link,
form .login-link {
    display: block !important;
    margin: 22px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

    form p.login-link a, .login-link a {
        color: #ffffff !important;
        text-decoration: underline !important;
        font-weight: 600 !important;
        margin-left: 4px !important;
    }


/* === v10: Revert SA/Passport tabs + Next button to original pill shapes === */

/* SA Identity / Passport - pill tabs, side-by-side, 44px tall */
form .tablinks,
form #defaultOpen,
form #secondOpen {
    display: inline-block !important;
    width: 47% !important;
    height: 44px !important;
    border-radius: 28px !important;
    border: 1.5px solid #8BC53F !important;
    background: transparent !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    padding: 0 !important;
    cursor: pointer !important;
}

form #defaultOpen {
    margin: 0 6% 22px 0 !important;
}

form #secondOpen {
    margin: 0 0 22px 0 !important;
}

form .tablinks.active {
    background: linear-gradient(180deg, #5fa6f7 0%, #2f7fdc 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25) !important;
}


/* Checkbox */
form input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ffffff !important;
    border-radius: 4px !important;
    background: transparent !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
}

    form input[type="checkbox"]:checked {
        background: #8BC53F !important;
        border-color: #8BC53F !important;
    }

        form input[type="checkbox"]:checked::after {
            content: "" !important;
            position: absolute !important;
            left: 5px !important;
            top: 1px !important;
            width: 6px !important;
            height: 11px !important;
            border: solid #ffffff !important;
            border-width: 0 2px 2px 0 !important;
            transform: rotate(45deg) !important;
        }

form label[for="terms"], form .terms-row {
    display: flex !important;
    align-items: center !important;
    color: #ffffff !important;
    font-size: 13px !important;
    margin-bottom: 22px !important;
}

form label[for="marketing"], form .marketing-row {
    display: flex !important;
    align-items: center !important;
    color: #ffffff !important;
    font-size: 13px !important;
    margin-bottom: 22px !important;
}

/* Hide secondary Submit */
form input#SubmitButton2, form button#SubmitButton2,
form input[type="submit"][value="Submit"],
form button[type="submit"]:not(#SubmitButton):not(#NextBtn) {
    display: none !important;
}

/* Next button - full width pill */
form #SubmitButton, form input#SubmitButton, form button#SubmitButton {
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, #6fb0f8 0%, #2f7fdc 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25) !important;
    cursor: pointer !important;
}

/* Already a customer footer link */
form .already-customer, form #Already, form .already {
    text-align: center !important;
    color: #ffffff !important;
    margin-top: 22px !important;
    font-size: 13px !important;
}

    form .already-customer a, form a[href*="sport.betcity"] {
        color: #ffffff !important;
        text-decoration: underline !important;
        font-weight: 600 !important;
    }

#dobday {
    border-radius: 10px 0px 0px 10px !important;
}

#dobmonth {
    border-radius: 0px !important;
}

#dobyear {
    border-radius: 0px 10px 10px 0px !important;
}


/* DOB selects override */
form select#dobday, form select#dobmonth, form select#dobyear {
    width: 100% !important;
    float: none !important;
}

form input.form-control::placeholder {
    color: #cccccc !important;
    opacity: 1 !important;
    font-size: 13px !important;
}

form select.form-control,
form select.select-css, 
form select#source_of_income {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23ffffff' d='M6 8L0 0h12z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 11px !important;
    padding-right: 36px !important;
}

    form select.form-control option,
    form select.select-css option, 
    form select#source_of_income option {
        background: #2a2a2a !important;
        color: #ffffff !important;
    }

form select.placeholder-active {
    color: #cccccc !important;
}

form input.form-control:focus,
form select.form-control:focus, 
form select.select-css:focus,
form select#source_of_income:focus {
    border-color: #a3e154 !important;
    box-shadow: 0 0 0 2px rgba(139,197,63,0.18) !important;
}

form input.form-control.warning, form input.form-control.error {
    border-color: #e53935 !important;
}

/* SA / Passport tab pair: side-by-side, then 22px gap below */
form .tablinks {
    display: inline-block !important;
    width: 48% !important;
    height: 40px !important;
    border-radius: 6px !important;
    border: 1.5px solid #8BC53F !important;
    background: transparent !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
}

form #defaultOpen {
    margin-right: 4% !important;
}

form #secondOpen {
    margin-bottom: 22px !important;
}

form .tablinks.active {
    background: linear-gradient(180deg, #5fa6f7 0%, #2f7fdc 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Password wrapper: keep relative so eye icon positions correctly */
form .form-input.field--password, form .field--password {
    position: relative !important;
    display: block !important;
}
    /* The input inside the password wrapper still gets 22px margin-bottom from the universal rule, which is what we want */
    form .field--password input.form-control, form .field--password .pass-input {
        padding-right: 46px !important;
    }

form .field__eye, form #show_password {
    position: absolute !important;
    right: 12px !important;
    top: 21px !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

    form .field__eye svg, form #show_password svg {
        width: 16px !important;
        height: 16px !important;
        display: block !important;
    }

form#form1, form {
    max-width: 420px !important;
    margin: 0 auto !important;
    padding: 0 16px 32px !important;
    box-sizing: border-box;
    display: block !important; /* not flex */
}

    /* Strip native vertical artefacts */
    form br {
        display: none !important;
    }

    form p {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Reset ALL margins on form descendants */
    form * {
        margin: 0 !important;
    }

    /* Hide duplicate hidden inputs */
    form input#firstname2, form input#surname2, form input#mobile2,
    form input#idnum2, form input#passportnum2, form input#email2,
    form input#IdNum {
        display: none !important;
    }

    /* Hide empty required asterisk labels */
    form label.required:empty {
        display: none !important;
    }

    /* Hide stray heading labels */
    form label.hidden-header-label {
        display: none !important;
    }

    /* Standard input/select container styling */
    form input.form-control,
    form select.form-control,
    form select.select-css,
    form select#source_of_income {
        background-color: transparent !important;
        border: 1.5px solid #8BC53F !important;
        border-radius: 6px !important;
        color: #ffffff !important;
        height: 42px !important;
        padding: 0 36px 0 14px !important;
        font-size: 13px !important;
        font-family: inherit !important;
        box-shadow: none !important;
        width: 100% !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        outline: none !important;
        line-height: 40px !important;
        box-sizing: border-box !important;
        display: block !important;
        margin-bottom: 22px !important;
    }


    /* Force the active tab gradient to win the cascade */
    form #defaultOpen.active,
    form #secondOpen.active,
    form .tablinks.active {
        background-image: linear-gradient(180deg, #5fa6f7 0%, #2f7fdc 100%) !important;
        background-color: transparent !important;
        color: #ffffff !important;
        border: 1.5px solid transparent !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.25) !important;
    }

/* Make tab parent a clean 2-column grid spanning the full form width */
.tab-grid-parent {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin-bottom: 22px !important;
}

    /* Inside the grid, both tabs auto-fill their column */
    .tab-grid-parent .tablinks,
    .tab-grid-parent #defaultOpen,
    .tab-grid-parent #secondOpen {
        width: 100% !important;
        height: 54px !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        border-radius: 30px !important;
        letter-spacing: 0.5px !important;
        border: 2px solid #8BC53F !important;
        margin: 0 !important;
        display: block !important;
    }

        /* Active tab gradient (re-affirm) */
        .tab-grid-parent .tablinks.active,
        .tab-grid-parent #defaultOpen.active,
        .tab-grid-parent #secondOpen.active {
            background-image: linear-gradient(180deg, #5fa6f7 0%, #2f7fdc 100%) !important;
            background-color: transparent !important;
            color: #ffffff !important;
            border: 2px solid transparent !important;
            box-shadow: 0 4px 10px rgba(0,0,0,0.25) !important;
        }




img.signup__title-img {
    font-family: 'Bungee Shade', 'Rubik Mono One', Impact, sans-serif;
    text-align: center;
    font-size: 56px;
    letter-spacing: 2px;
    margin: 8px 0 28px;
    background: linear-gradient(180deg, #4aa8ff 0%, #1f5fbf 60%, #f59f1f 60%, #f59f1f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 2px 0 rgba(0,0,0,0.35);
}

.container {
    width: 100vw !important;
    max-width: 100% !important;
    padding-top: 0px;
}

@media screen and (min-width: 1200px) {
    .inner-form-group {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media (max-width: 768px) {
    .inner-form-group img {
        max-width: 180px; /* scales down on smaller screens */
    }
}

.inner-form-group {
    position: relative;
    background-image: url("images/bet-city-webpage-background-02-10.png");
    background-size: cover; /* scale image to fill */
    background-position: center; /* center the image */
    background-repeat: no-repeat;
    padding: 20px; /* spacing so text isn’t flush */
    color: #000; /* text color for readability */
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step-header {
    background-color: #000000;
    position: fixed !important;
    width: 100vw;
    z-index: 10;
    top: 54px;
    left: 0;
}

@media screen and (min-width: 1200px) {
    .step-header {
        padding-left: 50px !important;
    }
}

.step-btn {
    background-color: #000000 !important;
    color: #fff !important;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 40px;
    width: 100%;
    margin: 0px;
    border: 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
}


/* The real Next button is #RegPageSubmit.next-btn */
form #RegPageSubmit,
form button#RegPageSubmit,
form .next-btn {
    display: block !important;
    width: 100% !important;
    max-width: 420px !important;
    height: 56px !important;
    border-radius: 32px !important;
    background: linear-gradient(180deg, #6fb0f8 0%, #2f7fdc 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: none !important;
    margin: 22px auto 0 auto !important;
    padding: 0 !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.3) !important;
    cursor: pointer !important;
    text-align: center !important;
}

body {
    background-image: url("../images/BetCity_Webpage_Background 02.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: #2a2a2a;
    font-family: 'Roboto', sans-serif !important;
}

html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    /*   font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
              color: #ffffff;
              background: #1f1f1f;*/
}
/**/ .form-input {
    margin-bottom: 20px !important;
}
main.page {
    max-width: 520px;
    margin: 0 auto;
    padding: 24px 20px 48px;
}
/* Responsive tweaks */
@media (max-width: 420px) {
    main.page {
        padding: 16px 18px 40px;
    }

    .signup__title {
        font-size: 46px;
    }

    .next-btn {
        font-size: 20px;
        height: 56px;
    }
}

.field--password {
    position: relative;
}

span.check__label {
    white-space: nowrap;
    
}

a.check__label {
    color:#FFFFFF;
}

.field--password input {
    width: 100%;
    height: 52px;
    padding-right: 46px;
    position: relative; /* anchor for the eye */
}

 /* Container for checkboxes */
.form-input.check-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Each checkbox row */
.check {
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    color: #ffffff;
}

    .check input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        /* Force browsers to hide native checkbox UI */
        appearance: none;
        -webkit-appearance: none; /* Safari/Chrome */
        -moz-appearance: none; /* Firefox */
    }

/*Custom checkbox box*/
.check__box {
    flex-shrink: 0; /* prevent shrinking */
    width: 22px;
    height: 22px;
    border: 2px solid #ffffff;
    border-radius: 4px;
    background: transparent;
    position: relative;
    margin-top: 2px; /* small tweak for vertical alignment */
}

/*Checkmark when selected*/
.check input:checked + .check__box::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.field--password .field__eye {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    color: #ffffff;
    cursor: pointer;
}


.tablinks h4 {
    margin: 0; /* remove default heading margins */
    font-size: inherit; /* match button font size */
    font-weight: inherit; /* match button font weight */
    white-space: nowrap;
    display: inline;
}


.tablinks.active {
    background: linear-gradient(180deg, #5aa8ff 0%, #2f7be0 100%) !important;
    border-color: transparent !important;
    /* color: #ffffff;*/
    box-shadow: 0 4px 12px rgba(47, 123, 224, 0.35) !important;
}

.tablinks:active {
    transform: translateY(1px);
}


.card {
    border: none;
}

/* .card-body {
            background-color: #eeeeee !important;
        }*/

.card-wrapper {
    width: 100%;
    height: 100%;
}

    /* @media screen and (min-width: 1200px) {
            .card-wrapper {
                padding-top: 120px !important;
            }
        } */

    .card-wrapper a {
        color: black;
        text-decoration: underline;
    }

#hNumber {
    margin-bottom: 30px;
}

.otp-field {
    margin-top: 30px;
}

    .otp-field input {
        border: none;
        width: 60px;
        height: 60px;
        background-color: #eeeeee;
        font-size: 20px;
        font-weight: 600;
    }

.resend-question {
    margin-top: 30px;
}

#send-again-timeout {
    margin-top: 20px;
    height: 60px;
}

    #send-again-timeout p {
        margin: 0px !important;
        padding: 0px !important;
        margin-bottom: 5px !important;
    }

#countdown {
    font-size: 20px;
    font-weight: 600;
    margin: 0px !important;
    padding: 0px !important;
}

#send-again {
    margin-top: 20px;
    padding-top: 14px;
    height: 60px;
}

#btnSubmit {
    margin-top: 30px;
    text-transform: none !important;
    border-radius: 10px;
    font-size: 20px;
    color: black !important;
    width: 100% !important;
    text-align: center !important;
    height: 70px !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #84bd00 !important;
}

/* @extend list-type-ulli; */
/*list-type-ulli, ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}*/

/* poppins-300 - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/poppins/poppins-v5-latin-300.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/poppins/poppins-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-300.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-300.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-300.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-300.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-300italic - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/poppins/poppins-v5-latin-300italic.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("../fonts/poppins/poppins-v5-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-300italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-300italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-300italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-300italic.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-regular - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/poppins/poppins-v5-latin-regular.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/poppins/poppins-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-regular.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-regular.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-regular.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-italic - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/poppins/poppins-v5-latin-italic.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Italic"), local("Poppins-Italic"), url("../fonts/poppins/poppins-v5-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-italic.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-500 - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/poppins/poppins-v5-latin-500.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins/poppins-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-500.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-500.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-500.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-500.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-500italic - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/poppins/poppins-v5-latin-500italic.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("../fonts/poppins/poppins-v5-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-500italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-500italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-500italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-500italic.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-600 - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/poppins/poppins-v5-latin-600.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins/poppins-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-600.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-600.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-600.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-700 - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/poppins/poppins-v5-latin-700.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins/poppins-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-700italic - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/poppins/poppins-v5-latin-700italic.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("../fonts/poppins/poppins-v5-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700italic.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-800 - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/poppins/poppins-v5-latin-800.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("../fonts/poppins/poppins-v5-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-800.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-800.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-800.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-800.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-800italic - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url("../fonts/poppins/poppins-v5-latin-800italic.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("../fonts/poppins/poppins-v5-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-800italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-800italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-800italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-800italic.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}*/
/* poppins-900 - latin */
/*@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/poppins/poppins-v5-latin-900.eot");*/
    /* IE9 Compat Modes */
    /*src: local("Poppins Black"), local("Poppins-Black"), url("../fonts/poppins/poppins-v5-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-900.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-900.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-900.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-900.svg#Poppins") format("svg");*/
    /* Legacy iOS */
/*}

a:focus, a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

input, select, textarea {
    outline: none;
    appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
    -o-appearance: unset !important;
    -ms-appearance: unset !important;
}

    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        appearance: none !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        -o-appearance: none !important;
        -ms-appearance: none !important;
        margin: 0;
    }

    input:focus, select:focus, textarea:focus {
        outline: none;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -o-box-shadow: none !important;
        -ms-box-shadow: none !important;
    }*/

    /*input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }*/

    /*input[type=radio] {
        appearance: radio !important;
        -moz-appearance: radio !important;
        -webkit-appearance: radio !important;
        -o-appearance: radio !important;
        -ms-appearance: radio !important;
    }

    input:-webkit-autofill {
        box-shadow: 0 0 0 30px transparent inset;
        -moz-box-shadow: 0 0 0 30px transparent inset;
        -webkit-box-shadow: 0 0 0 30px transparent inset;
        -o-box-shadow: 0 0 0 30px transparent inset;
        -ms-box-shadow: 0 0 0 30px transparent inset;
        background-color: transparent !important;
    }

img {
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

p {
    margin: 0px;
    font-weight: 600;
    color: #fff;
}

h2 {
    line-height: 1.2;
    margin: 0;
    padding: 0;
    font-weight: 900;
    color: #fff;
    font-family: 'Poppins';
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}*/

/*body {
  font-size: 14px;
  line-height: 1.8;
  color: #000;
  font-weight: 500;
  font-family: 'Poppins';
  margin: 0px;
  background: #282828;
  padding: 0px 0px; }*/

/*.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.main {
    position: relative;
}

.container {
    width: 1400px;
    margin: 0 auto;
    background: #242424;
}

.signup-img {
    position: relative;
    width: 385px;
    margin-bottom: -8px;
}

.signup-form {
    width: 100%;
    margin-top: -2px;
}

.signup-img-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}*/

.register-form {
    padding: 93px 115px 90px 80px;
    margin-bottom: -8px;
}

/*.form-row {
    margin: 0 -30px;
}

    .form-row .form-group {
        width: 100%;
        padding: 0 30px;
    }

.form-input, .form-select, .form-radio {
    margin-bottom: 23px;
}

label, input {
    display: block;
    width: 100%;
    color: #ED1C24;
}

label {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 7px;
}

    label.required {
        position: relative;
    }

        label.required:after {
            content: '*';
            margin-left: 2px;
            color: #FFF;
        }

input {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    padding: 14px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 14px;
    font-family: 'Poppins';
}

    input:focus {
        border: 1px solid #329e5e;
    }

.label-flex {
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
}

    .label-flex label {
        width: auto;
    }

.form-link {
    font-size: 12px;
    color: #222;
    text-decoration: none;
    position: relative;
}

    .form-link:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        background: #d7d7d7;
        left: 0;
        bottom: 12px;
    }

.form-radio {
    margin-bottom: 18px;
}

    .form-radio input {
        width: auto;
        display: inline-block;
    }

.radio-label {
    padding-right: 72px;
}

.form-radio-group {
    padding-bottom: 10px;
    padding-top: 12px;
}

.form-radio-item {
    position: relative;
    margin-right: 30px;
}

    .form-radio-item label {
        font-weight: 500;
        padding-left: 30px;
        position: relative;
        z-index: 9;
        display: block;
        cursor: pointer;
        text-transform: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }*/

/*.check {
  display: inline-block;
  position: absolute;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  height: 18px;
  width: 18px;
  top: 2px;
  left: 0px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear; }*/
/*  .check:before {
    position: absolute;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear; }*/

/*input[type=radio] {
    position: absolute;
    visibility: hidden;
}

    input[type=radio]:checked ~ .check {
        border: 1px solid #329e5e;
    }

        input[type=radio]:checked ~ .check::before {
            background: #329e5e;
        }

ul {
    background: 0 0;
    position: relative;
    z-index: 9;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

    ul li {
        padding: 13px 20px;
        z-index: 2;
        color: #222;
    }

        ul li:not(.init) {
            display: none;
            background: #fff;
            color: #222;
            padding: 5px 10px;
        }

            ul li:not(.init):hover, ul li.selected:not(.init) {
                background: #329e5e;
                color: #fff;
            }

li.init {
    cursor: pointer;
    position: relative;
}

    li.init:after {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        font-size: 22px;
        color: #222;
        font-family: 'Material-Design-Iconic-Font';
        content: '\f2f2';
    }

#slider-margin {
    height: 5px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    background: #f8f8f8;
    border-radius: 2.5px;
    -moz-border-radius: 2.5px;
    -webkit-border-radius: 2.5px;
    -o-border-radius: 2.5px;
    -ms-border-radius: 2.5px;
}

    #slider-margin .noUi-connect {
        background: #329e5e;
    }

    #slider-margin .noUi-handle {
        width: 100px;
        height: 30px;
        top: -12px;
        background: #329e5e;
        box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        outline: none;
        border: none;
        right: -50px;
    }

        #slider-margin .noUi-handle:after, #slider-margin .noUi-handle:before {
            background: transparent;
            height: 0px;
            width: 20px;
            top: -2px;
            font-size: 18px;
            outline: none;
        }

        #slider-margin .noUi-handle:before {
            font-family: 'Material-Design-Iconic-Font';
            color: #fff;
            content: '\f2fa';
            left: 10px;
        }

        #slider-margin .noUi-handle:after {
            font-family: 'Material-Design-Iconic-Font';
            color: #fff;
            content: '\f2fb';
            left: auto;
            right: -5px;
        }

        #slider-margin .noUi-handle .noUi-tooltip {
            bottom: 2px;
            border: none;
            background: transparent;
            font-weight: bold;
            color: #fff;
            padding: 0px;
        }

.donate-us {
    margin-bottom: 93px;
    margin-top: 30px;
}

    .donate-us label {
        margin-bottom: 32px;
    }

.price_slider {
    position: relative;
}

.donate-value {
    position: absolute;
    top: -9px;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.form-submit {
    text-align: right;
}

.submit {
    width: 150px;
    height: 50px;
    display: inline-block;
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#reset {
    background: #fff;
    color: #999;
    border: 2px solid #ebebeb;
}

    #reset:hover {
        border: 2px solid #329e5e;
        background: #329e5e;
        color: #fff;
    }

#submit {
    background: #329e5e;
    color: #fff;
    margin-right: 25px;
}

    #submit:hover {
        background-color: #267747;
    }

.form-input {
    position: relative;
    text-align: center;
}

label.error {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
}

    label.error:after {
        font-family: 'Material-Design-Iconic-Font';
        position: absolute;
        content: '\f1f8';
        right: 20px;
        top: 37px;
        font-size: 23px;
        color: #c70000;
    }

input.error {
    border: 1px solid #c70000;
}

.select-list {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 47px;
}

.list-item {
    position: absolute;
    width: 100%;
    z-index: 99;
}

@media screen and (max-width: 1024px) {
    .container {
        width: calc( 100% - 30px);
        max-width: 100%;
        margin: 0 auto;
    }

    .signup-img {
        display: none;
    }

    .signup-form {
        width: 100%;
    }

    .register-form {
        padding: 93px 80px 90px 80px;
    }
}

@media screen and (max-width: 992px) {
    .signup-content {
        width: 100%;
    }

    .form-radio-item {
        margin-right: 15px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    .register-form {
        padding: 93px 30px 90px 30px;
    }
}

@media screen and (max-width: 768px) {
    .form-row {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        margin: 0px;
    }

        .form-row .form-group {
            width: 100%;
            padding: 0 0px;
        }
}

@media screen and (max-width: 480px) {
    .submit {
        width: 100%;
    }

    #submit {
        margin-bottom: 20px;
        margin-right: 0px;
    }

    .form-radio-group {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
    }
}*/

/*# sourceMappingURL=style.css.map */


/* class applies to select element itself, not a wrapper element */
/*.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: 0.6em 1.4em 1.2em 0.8em;
    width: 100%;
    max-width: 100%;*/ /* useful when width is set to anything other than 100% */
    /*box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
    border-radius: 0.5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;*/
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
		for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
		
	*/
    /*background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;*/
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    /*background-position: right 0.7em top 50%, 0 0;*/
    /* icon size, then gradient */
    /*background-size: 0.65em auto, 100%;
}*/
    /* Hide arrow icon in IE browsers */
    /*.select-css::-ms-expand {
        display: none;
    }*/
    /* Hover style */
    /*   .select-css:hover {
        border-color: #888;
    }*/
    /* Focus style */
    /*.select-css:focus {*/
        /* border-color: #aaa;*/
        /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
        /*box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
    }*/

    /*.select-css option {
        background-color: #1a1a1a;*/ /* dark background */
    /*color: #ffffff;
        font-weight: normal;
    }*/


    /* Set options to normal weight */
    /*.select-css option {
        background-color: #1a1a1a;*/ /* dark background */
        /*color: #ffffff;
        font-weight: normal;
    }*/

/* Support for rtl text, explicit support for Arabic and Hebrew */
/**[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
    background-position: left 0.7em top 50%, 0 0;
    padding: 0.6em 0.8em 0.5em 1.4em;
}*/

/* Disabled styles */
/*.select-css:disabled,
.select-css[aria-disabled="true"] {
    color: graytext;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

    .select-css:disabled:hover,
    .select-css[aria-disabled="true"] {
        border-color: #aaa;
    }


.tab {
    overflow: hidden;
    color: #fff;
    background-color: transparent;
}*/

    /* Style the buttons that are used to open the tab content */
    /*.tab input {
        background-color: #606060;
        float: left;
        border: none;
        border-radius: 5px 5px 0px 0px;
        color: #fff;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        width: 50%;
    }*/

        /* Change background color of buttons on hover */
        /*.tab input:hover {
            background-color: #ED1C24;
        }*/

        /* Create an active/current tablink class */
        /*.tab input.active {
            background-color: #73f8b4;
        }*/

/* Style the tab content */
/*.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #73f8b4;
}

.tabcontent {
    animation: fadeEffect 1s;*/ /* Fading effect takes 1 second */
/*}*/

/* Go from zero to full opacity */
/*@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



.modal,
.modal-box {
    z-index: 900;
    border: 2px solid white;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.8);
    overflow: auto;
}

.modal-box {
    position: relative;
    width: 80%;
    max-width: 920px;
    margin: 100px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0,0,.3,1.6);
}

.modal-header {
    padding: 20px 40px;
    background: #363636;
    color: #ed1c24;
    text-align: center;
}

.modal-body {
    background: #000;
    padding: 60px 40px;
    color: #ce0e16;
    text-align: center;
    font-size: 24px;
}*/

/* Close Button */
/*.close-modal {
    cursor: pointer;
    color: #ffffff;
    background: #ce0e16;
}

.close-modal-x {
    cursor: pointer;
    color: #ffffff;
}*/

/* Animation */
/*@-webkit-keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}*/

/* Aditional Styles */
/** {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}

p {
    line-height: 1.4em;
}*/

/*.modal-trigger, button {
    top: 50%;
    left: 50%;
    padding: 20px 40px;
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-decoration: none;
}

.modal-trigger {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: ease .2s;
}

    .modal-trigger:hover {
        padding: 20px 60px;
    }*/

/*#load {
    background: #000;
    display: none;
    font-size: 20px;
    position: fixed;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
}

#submit {
    display: none;
}

.btnSub:hover {
    cursor: pointer;
}

.sub2 {
    display: none;
}


.modal-body {
    background: #1e1e1e !important;
    color: #fff !important;
    border-radius: 10px !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

input#resendOTP {
    background: #fc004e !important;
    border: none !important;
    color: #fff !important;
}

input#closemodal {
    background: #00fcae !important;
    border: none !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px #1e1e1e !important;
    margin-top: -30px !important;
}

.modal-box {
    border: none !important;
}

.form-input {
    text-align: left;
}

.form-input,
.form-select,
.form-radio {
    margin-bottom: 35px !important;
}*/
/*body {
  background: #24201c !important;
  font-family: barlow semi condensed !important;
}*/
/** {
    font-family: barlow semi condensed !important;
}

.submit {
    width: 100% !important;
    max-width: 488px;
    margin: 10px auto !important;
    text-align: center !important;
}

.container {
    width: 100% !important;
    max-width: 800px;
    padding-top: 50px;
    background: #bfb5ab !important;
    margin-bottom: 30px;
}

input#Reset {
    background: #3b352e;
    color: #fff !important;
}

.register-form {
    padding: 0 !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-row {
    margin: 0 !important;
}

#lblErrorMessageUsername {
    color: #ed1c24 !important;
}

.signup-form {
    margin-top: 0 !important;
    text-align: center;
    height: auto;
    float: left;
    background-color: #bfb5ab;
}

.tab input {
    color: #fff !important;
    text-align: left;
    border-radius: 0 !important;
    text-transform: uppercase;
    padding: 4px 16px !important;
}

div#IdNum label {
    display: none;
}

#Pass {
    margin-bottom: 23px;
}*/
/*#phonenumber {
  margin-left: 5px;
  width: calc(100% - 5px) !important;
}*/
/*.input-group-addon {
    border-radius: 5px !important;
}

.form-radio-item {
    width: 100% !important;
    margin-right: 0 !important;
}

label {
    color: #FFFFFF;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    text-transform: none !important;
    font-size: 16px;
}

.tabcontent label {
    color: #FFFFFF !important;
}

.form-radio-item label {
    color: #fff !important;
    padding-left: 0 !important;
}

.form-submit {
    text-align: center !important;
    display: block;
    width: calc(100% - 0px);
    float: left;
    padding: 20px;
}

.center {
    width: 338px !important;
    margin-top: 20px;
    margin-bottom: 0 !important;
}

div.scrollmenu a {
    color: #fff !important;
}

#submit {
    background: #00fcae !important;
    color: #fff !important;
    margin-right: 0 !important;
}

#reset {
    background: #fff !important;
    color: #00fcae !important;
    margin-right: 0 !important;
}

input.submit.btnSub {
    background: #eddb00 !important;
    color: #3b352e !important;
    border-radius: 0;
}

.form-row .form-group {
    width: calc(100% - 0px) !important;
    padding: 20px 20px 0 !important;
    float: left;
    display: block;
    background: #bfb5ab;
}

.warning-div {
    background-size: 40px;
    margin-right: 0 !important;
}

.input-group-addon {
    border-radius: 0 !important;
}

.select-css {
    line-height: 20px !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzAwN0NCMiIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=) !important;
}

.allowed,
.warning {
    color: #000 !important;
}

#lblErrorFirstName,
#lblErrorLastName,
#lblErrorBirthDay,
#lblErrordivIDNum,
#lblErrorPassport,
#lblErrorEmail,
#lblErrorPhoneNumber,
#lblErrorPassword2,
#lblErrorPassword1,
#lblErrorTerms {
    color: #FF9800 !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    text-shadow: none;
}

#dobmonth {
    width: 40% !important;
}

input {
    color: #000 !important;
    padding: 10px 20px !important;
    border-radius: 0 !important;
    text-align: left !important;
}

label {
    color: #FFFFFF !important;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 10px !important;
}

.logoheader {
    text-align: right;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 30px;
}

.tabcontent {
    padding-top: 20px;
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

    .tabcontent label {
        color: #FFFFFF !important;
    }

        .tabcontent label:after {
            color: #fff !important;
        }

label.required {
    color: #00fcae;
}

    label.required:after {
        color: #3b352e !important;
    }

.disclaimer_reg {
    float: left;
    width: 100%;
    text-align: center;
    display: block;
}

    .disclaimer_reg p {
        color: #3b352e;
        max-width: 550px;
        margin: 0 auto;
    }

        .disclaimer_reg p a {
            color: red;
            text-decoration: underline;
        }

.tab input.active:active,
.tab input.active {
    background-color: #bfb5ab !important;
    color: #3b352e !important;
}

.tab input:hover {
    background-color: #eddb00 !important;
    color: #3b352e !important;
}

@media (max-width: 700px) {
    .form-row .form-group {
        width: calc(100% - 0px) !important;
        padding: 0 10px !important;
    }

    .logoheader img {
        width: 230px;
    }

    .logoheader {
        text-align: center;
    }

    .container {
        padding-top: 10px;
    }
}*/


/* @extend display-flex; */
display-flex, .signup-content, .form-row, .label-flex, .form-radio-group {
    display: flex;
    display: -webkit-flex;
}

/* @extend list-type-ulli; */
list-type-ulli, ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* poppins-300 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/poppins/poppins-v5-latin-300.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/poppins/poppins-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-300.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-300.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-300.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-300.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-300italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: url("../fonts/poppins/poppins-v5-latin-300italic.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("../fonts/poppins/poppins-v5-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-300italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-300italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-300italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-300italic.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/poppins/poppins-v5-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/poppins/poppins-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-regular.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-regular.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-regular.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/poppins/poppins-v5-latin-italic.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Italic"), local("Poppins-Italic"), url("../fonts/poppins/poppins-v5-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-italic.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/poppins/poppins-v5-latin-500.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins/poppins-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-500.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-500.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-500.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-500.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url("../fonts/poppins/poppins-v5-latin-500italic.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("../fonts/poppins/poppins-v5-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-500italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-500italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-500italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-500italic.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/poppins/poppins-v5-latin-600.eot");
    /* IE9 Compat Modes */
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins/poppins-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-600.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-600.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-600.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/poppins/poppins-v5-latin-700.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins/poppins-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-700italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/poppins/poppins-v5-latin-700italic.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("../fonts/poppins/poppins-v5-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700italic.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/poppins/poppins-v5-latin-800.eot");
    /* IE9 Compat Modes */
    src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("../fonts/poppins/poppins-v5-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-800.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-800.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-800.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-800.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-800italic - latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url("../fonts/poppins/poppins-v5-latin-800italic.eot");
    /* IE9 Compat Modes */
    src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("../fonts/poppins/poppins-v5-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-800italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-800italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-800italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-800italic.svg#Poppins") format("svg");
    /* Legacy iOS */
}
/* poppins-900 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/poppins/poppins-v5-latin-900.eot");
    /* IE9 Compat Modes */
    src: local("Poppins Black"), local("Poppins-Black"), url("../fonts/poppins/poppins-v5-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-900.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-900.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-900.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-900.svg#Poppins") format("svg");
    /* Legacy iOS */
}

a:focus, a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

input, select, textarea {
    outline: none;
    appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
    -o-appearance: unset !important;
    -ms-appearance: unset !important;
}

    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        appearance: none !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        -o-appearance: none !important;
        -ms-appearance: none !important;
        margin: 0;
    }

    input:focus, select:focus, textarea:focus {
        outline: none;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -o-box-shadow: none !important;
        -ms-box-shadow: none !important;
    }

    /*input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }*/

    input[type=radio] {
        appearance: radio !important;
        -moz-appearance: radio !important;
        -webkit-appearance: radio !important;
        -o-appearance: radio !important;
        -ms-appearance: radio !important;
    }

    input:-webkit-autofill {
        box-shadow: 0 0 0 30px transparent inset;
        -moz-box-shadow: 0 0 0 30px transparent inset;
        -webkit-box-shadow: 0 0 0 30px transparent inset;
        -o-box-shadow: 0 0 0 30px transparent inset;
        -ms-box-shadow: 0 0 0 30px transparent inset;
        background-color: transparent !important;
    }

img {
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

p {
    margin: 0px;
    font-weight: 600;
    color: #fff;
}

h2 {
    line-height: 1.2;
    margin: 0;
    padding: 0;
    font-weight: 900;
    color: #fff;
    font-family: 'Poppins';
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

/*body {
  font-size: 14px;
  line-height: 1.8;
  color: #000;
  font-weight: 500;
  font-family: 'Poppins';
  margin: 0px;
  background: #282828;
  padding: 0px 0px; }*/

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.main {
    position: relative;
}

.container {
    width: 1400px;
    margin: 0 auto;
    background: #242424;
}

.signup-img {
    position: relative;
    width: 385px;
    margin-bottom: -8px;
}

.signup-form {
    width: 100%;
    margin-top: -2px;
}

.signup-img-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.register-form {
    padding: 93px 115px 90px 80px;
    margin-bottom: -8px;
}

.form-row {
    margin: 0 -30px;
}

    .form-row .form-group {
        width: 100%;
        padding: 0 30px;
    }

.form-input, .form-select, .form-radio {
    margin-bottom: 23px;
}

label, input {
    display: block;
    width: 100%;
    color: #ED1C24;
}

label {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 7px;
}

    label.required {
        position: relative;
    }

        label.required:after {
            content: '*';
            margin-left: 2px;
            color: #FFF;
        }

input {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    padding: 14px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 14px;
    font-family: 'Poppins';
}

    input:focus {
        border: 1px solid #329e5e;
    }

.label-flex {
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
}

    .label-flex label {
        width: auto;
    }

.form-link {
    font-size: 12px;
    color: #222;
    text-decoration: none;
    position: relative;
}

    .form-link:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        background: #d7d7d7;
        left: 0;
        bottom: 12px;
    }

.form-radio {
    margin-bottom: 18px;
}

    .form-radio input {
        width: auto;
        display: inline-block;
    }

.radio-label {
    padding-right: 72px;
}

.form-radio-group {
    padding-bottom: 10px;
    padding-top: 12px;
}

.form-radio-item {
    position: relative;
    margin-right: 30px;
}

    .form-radio-item label {
        font-weight: 500;
        padding-left: 30px;
        position: relative;
        z-index: 9;
        display: block;
        cursor: pointer;
        text-transform: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

/*.check {
  display: inline-block;
  position: absolute;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  height: 18px;
  width: 18px;
  top: 2px;
  left: 0px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear; }*/
/*  .check:before {
    position: absolute;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear; }*/

input[type=radio] {
    position: absolute;
    visibility: hidden;
}

    input[type=radio]:checked ~ .check {
        border: 1px solid #329e5e;
    }

        input[type=radio]:checked ~ .check::before {
            background: #329e5e;
        }

ul {
    background: 0 0;
    position: relative;
    z-index: 9;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

    ul li {
        padding: 13px 20px;
        z-index: 2;
        color: #222;
    }

        ul li:not(.init) {
            display: none;
            background: #fff;
            color: #222;
            padding: 5px 10px;
        }

            ul li:not(.init):hover, ul li.selected:not(.init) {
                background: #329e5e;
                color: #fff;
            }

li.init {
    cursor: pointer;
    position: relative;
}

    li.init:after {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        font-size: 22px;
        color: #222;
        font-family: 'Material-Design-Iconic-Font';
        content: '\f2f2';
    }

#slider-margin {
    height: 5px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    background: #f8f8f8;
    border-radius: 2.5px;
    -moz-border-radius: 2.5px;
    -webkit-border-radius: 2.5px;
    -o-border-radius: 2.5px;
    -ms-border-radius: 2.5px;
}

    #slider-margin .noUi-connect {
        background: #329e5e;
    }

    #slider-margin .noUi-handle {
        width: 100px;
        height: 30px;
        top: -12px;
        background: #329e5e;
        box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        outline: none;
        border: none;
        right: -50px;
    }

        #slider-margin .noUi-handle:after, #slider-margin .noUi-handle:before {
            background: transparent;
            height: 0px;
            width: 20px;
            top: -2px;
            font-size: 18px;
            outline: none;
        }

        #slider-margin .noUi-handle:before {
            font-family: 'Material-Design-Iconic-Font';
            color: #fff;
            content: '\f2fa';
            left: 10px;
        }

        #slider-margin .noUi-handle:after {
            font-family: 'Material-Design-Iconic-Font';
            color: #fff;
            content: '\f2fb';
            left: auto;
            right: -5px;
        }

        #slider-margin .noUi-handle .noUi-tooltip {
            bottom: 2px;
            border: none;
            background: transparent;
            font-weight: bold;
            color: #fff;
            padding: 0px;
        }

.donate-us {
    margin-bottom: 93px;
    margin-top: 30px;
}

    .donate-us label {
        margin-bottom: 32px;
    }

.price_slider {
    position: relative;
}

.donate-value {
    position: absolute;
    top: -9px;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.form-submit {
    text-align: right;
}

.submit {
    width: 150px;
    height: 50px;
    display: inline-block;
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#reset {
    background: #fff;
    color: #999;
    border: 2px solid #ebebeb;
}

    #reset:hover {
        border: 2px solid #329e5e;
        background: #329e5e;
        color: #fff;
    }

#submit {
    background: #329e5e;
    color: #fff;
    margin-right: 25px;
}

    #submit:hover {
        background-color: #267747;
    }

.form-input {
    position: relative;
    text-align: center;
}

label.error {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
}

    label.error:after {
        font-family: 'Material-Design-Iconic-Font';
        position: absolute;
        content: '\f1f8';
        right: 20px;
        top: 37px;
        font-size: 23px;
        color: #c70000;
    }

input.error {
    border: 1px solid #c70000;
}

.select-list {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 47px;
}

.list-item {
    position: absolute;
    width: 100%;
    z-index: 99;
}

@media screen and (max-width: 1024px) {
    .container {
        width: calc( 100% - 30px);
        max-width: 100%;
        margin: 0 auto;
    }

    .signup-img {
        display: none;
    }

    .signup-form {
        width: 100%;
    }

    .register-form {
        padding: 93px 80px 90px 80px;
    }
}

@media screen and (max-width: 992px) {
    .signup-content {
        width: 100%;
    }

    .form-radio-item {
        margin-right: 15px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    .register-form {
        padding: 93px 30px 90px 30px;
    }
}

@media screen and (max-width: 768px) {
    .form-row {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        margin: 0px;
    }

        .form-row .form-group {
            width: 100%;
            padding: 0 0px;
        }
}

@media screen and (max-width: 480px) {
    .submit {
        width: 100%;
    }

    #submit {
        margin-bottom: 20px;
        margin-right: 0px;
    }

    .form-radio-group {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
    }
}

/*# sourceMappingURL=style.css.map */


/* class applies to select element itself, not a wrapper element */
/*.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: 0.6em 1.4em 1.2em 0.8em;
    width: 100%;
    max-width: 100%;*/ /* useful when width is set to anything other than 100% */
    /*box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
    border-radius: 0.5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;*/
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
		for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
		
	*/
    /*background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    background-repeat: no-repeat, repeat;*/
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    /*background-position: right 0.7em top 50%, 0 0;*/
    /* icon size, then gradient */
    /*background-size: 0.65em auto, 100%;
}*/
    /* Hide arrow icon in IE browsers */
  /*  .select-css::-ms-expand {
        display: none;
    }*/
    /* Hover style */
    /*   .select-css:hover {
        border-color: #888;
    }*/
    /* Focus style */
    /*.select-css:focus {*/
        /* border-color: #aaa;*/
        /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
        /*box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
    }*/

    /*.select-css option {
        background-color: #1a1a1a;*/ /* dark background */
    /*color: #ffffff;
        font-weight: normal;
    }*/


    /* Set options to normal weight */
    /*.select-css option {
        background-color: #1a1a1a;*/ /* dark background */
        /*color: #ffffff;
        font-weight: normal;
    }*/

/* Support for rtl text, explicit support for Arabic and Hebrew */
/**[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
    background-position: left 0.7em top 50%, 0 0;
    padding: 0.6em 0.8em 0.5em 1.4em;
}*/

/* Disabled styles */
/*.select-css:disabled,
.select-css[aria-disabled="true"] {
    color: graytext;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}*/

  /*  .select-css:disabled:hover,
    .select-css[aria-disabled="true"] {
        border-color: #aaa;
    }*/


.tab {
    overflow: hidden;
    color: #fff;
    background-color: transparent;
}

    /* Style the buttons that are used to open the tab content */
    .tab input {
        background-color: #606060;
        float: left;
        border: none;
        border-radius: 5px 5px 0px 0px;
        color: #fff;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        width: 50%;
    }

        /* Change background color of buttons on hover */
        .tab input:hover {
            background-color: #ED1C24;
        }

        /* Create an active/current tablink class */
        .tab input.active {
            background-color: #73f8b4;
        }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #73f8b4;
}

.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



.modal,
.modal-box {
    z-index: 900;
    border: 2px solid white;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.8);
    overflow: auto;
}

.modal-box {
    position: relative;
    width: 80%;
    max-width: 920px;
    margin: 100px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0,0,.3,1.6);
}

.modal-header {
    padding: 20px 40px;
    background: #363636;
    color: #ed1c24;
    text-align: center;
}

.modal-body {
    background: #000;
    padding: 60px 40px;
    color: #ce0e16;
    text-align: center;
    font-size: 24px;
}

/* Close Button */
.close-modal {
    cursor: pointer;
    color: #ffffff;
    background: #ce0e16;
}

.close-modal-x {
    cursor: pointer;
    color: #ffffff;
}

/* Animation */
@-webkit-keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

/* Aditional Styles */
* {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}

p {
    line-height: 1.4em;
}

/*.modal-trigger, button {
    top: 50%;
    left: 50%;
    padding: 20px 40px;
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-decoration: none;
}

.modal-trigger {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: ease .2s;
}

    .modal-trigger:hover {
        padding: 20px 60px;
    }*/

#load {
    background: #000;
    display: none;
    font-size: 20px;
    position: fixed;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
}

#submit {
    display: none;
}

.btnSub:hover {
    cursor: pointer;
}

.sub2 {
    display: none;
}


.modal-body {
    background: #1e1e1e !important;
    color: #fff !important;
    border-radius: 10px !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

input#resendOTP {
    background: #fc004e !important;
    border: none !important;
    color: #fff !important;
}

input#closemodal {
    background: #00fcae !important;
    border: none !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px #1e1e1e !important;
    margin-top: -30px !important;
}

.modal-box {
    border: none !important;
}

.form-input {
    text-align: left;
}


    .form-input input:not([type="checkbox"]),
    .form-input select,
    .form-input button.tablinks {
        width: 100%;
        height: 52px;
        padding: 0 16px !important;
        background: transparent;
        color: #ffffff !important;
        border: 2px solid #25c452;
        border-radius: 10px !important;
        outline: none;
        font-size: 15px;
        font-family: inherit !important;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }

        /* Placeholder styling */
        .form-input input::placeholder,
        .form-input select::placeholder,
        .form-input .form-control::placeholder {
            color: #ffffff; /* bright white or another vivid color */
            opacity: 1; /* full visibility */
            font-weight: bold; /* make text bold */
        }

        .form-input input::placeholder,
        .form-input select::placeholder,
        .form-input .form-control::placeholder {
            color: #d6d6d6;
            opacity: 0.85;
        }


        .form-input input:focus,
        .form-input select:focus {
            border-color: #3ee06a;
            box-shadow: 0 0 0 2px rgba(62, 224, 106, 0.15);
        }

#lblErrorMessageUsername {
    margin-top: 10px;
    line-height: 15px;
    font-size: 12px;
    color: red !important;
}

.form-input,
.form-select,
.form-radio {
    margin-bottom: 35px !important;
}
/*body {
  background: #24201c !important;
  font-family: barlow semi condensed !important;
}*/
* {
    font-family: barlow semi condensed !important;
}

.submit {
    width: 100% !important;
    max-width: 488px;
    margin: 10px auto !important;
    text-align: center !important;
}

.container {
    width: 100% !important;
    max-width: 800px;
    padding-top: 50px;
    background: #bfb5ab !important;
    margin-bottom: 30px;
}

input#Reset {
    background: #3b352e;
    color: #fff !important;
}

.register-form {
    padding: 0 !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-row {
    margin: 0 !important;
}

#lblErrorMessageUsername {
    color: #ed1c24 !important;
}

.signup-form {
    margin-top: 0 !important;
    text-align: center;
    height: auto;
    float: left;
    background-color: #bfb5ab;
}

.tab input {
    color: #fff !important;
    text-align: left;
    border-radius: 0 !important;
    text-transform: uppercase;
    padding: 4px 16px !important;
}

div#IdNum label {
    display: none;
}

#Pass {
    margin-bottom: 23px;
}
/*#phonenumber {
  margin-left: 5px;
  width: calc(100% - 5px) !important;
}*/
.input-group-addon {
    border-radius: 5px !important;
}

.form-radio-item {
    width: 100% !important;
    margin-right: 0 !important;
}

label {
    color: #FFFFFF;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    text-transform: none !important;
    font-size: 16px;
}

.tabcontent label {
    color: #FFFFFF !important;
}

.form-radio-item label {
    color: #fff !important;
    padding-left: 0 !important;
}

.form-submit {
    text-align: center !important;
    display: block;
    width: calc(100% - 0px);
    float: left;
    padding: 20px;
}

.center {
    width: 338px !important;
    margin-top: 20px;
    margin-bottom: 0 !important;
}

div.scrollmenu a {
    color: #fff !important;
}

#submit {
    background: #00fcae !important;
    color: #fff !important;
    margin-right: 0 !important;
}

#reset {
    background: #fff !important;
    color: #00fcae !important;
    margin-right: 0 !important;
}

input.submit.btnSub {
    background: #eddb00 !important;
    color: #3b352e !important;
    border-radius: 0;
}

.form-row .form-group {
    width: calc(100% - 0px) !important;
    padding: 20px 20px 0 !important;
    float: left;
    display: block;
    background: #bfb5ab;
}

.warning-div {
    background-size: 40px;
    margin-right: 0 !important;
}

.input-group-addon {
    border-radius: 0 !important;
}

/*.select-css {
    line-height: 20px !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzAwN0NCMiIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=) !important;
}*/

.allowed,
.warning {
    color: #000 !important;
}

#lblErrorFirstName,
#lblErrorLastName,
#lblErrorBirthDay,
#lblErrordivIDNum,
#lblErrorPassport,
#lblErrorEmail,
#lblErrorPhoneNumber,
#lblErrorPassword2,
#lblErrorPassword1,
#lblErrorTerms {
    color: #FF9800 !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    text-shadow: none;
}

/*#dobmonth {
    width: 40% !important;
}*/

input {
    color: #000 !important;
    padding: 10px 20px !important;
    border-radius: 0 !important;
    text-align: left !important;
}

label {
    color: #FFFFFF !important;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 10px !important;
}

.logoheader {
    text-align: right;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 30px;
}

.tabcontent {
    padding-top: 20px;
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

    .tabcontent label {
        color: #FFFFFF !important;
    }

        .tabcontent label:after {
            color: #fff !important;
        }

label.required {
    color: #00fcae;
}

    label.required:after {
        color: #3b352e !important;
    }

.disclaimer_reg {
    float: left;
    width: 100%;
    text-align: center;
    display: block;
}

    .disclaimer_reg p {
        color: #3b352e;
        max-width: 550px;
        margin: 0 auto;
    }

        .disclaimer_reg p a {
            color: red;
            text-decoration: underline;
        }

.tab input.active:active,
.tab input.active {
    background-color: #bfb5ab !important;
    color: #3b352e !important;
}

.tab input:hover {
    background-color: #eddb00 !important;
    color: #3b352e !important;
}

@media (max-width: 700px) {
    .form-row .form-group {
        width: calc(100% - 0px) !important;
        padding: 0 10px !important;
    }

    .logoheader img {
        width: 230px;
    }

    .logoheader {
        text-align: center;
    }

    .container {
        padding-top: 10px;
    }
}