html,
body {
    margin: 0;
    padding: 0;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777;
}

.mobile-visible{ display:none;}
.desktop-visible{display:inline-block;}

li.step4-paymentMethod[val="Ebanx - Transferência Bancária"] span img {
    width: 60px;
    height: 15px;
    margin-top: 12px;
}

/* Hide Chat Now Widget */

#chat-widget-container {
    visibility: hidden!important;
}

#chat-widget-container.show {
    visibility: visible!important;
    width: 352px!important;
    height: 652px!important;
}

.signup-box.box_background {
    background: #fff;
}

.signup-title span {
    font-size: 1.8rem;
    margin-top: 10px;
}

.signup-bg {
    background: #ffffff;
    position: relative;
    width: 100%;
    height: auto;
}

.text-info {
    font-size: 11px;
    color: #333333;
    font-weight: 400;
}

.text-info svg.icon {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    fill: rgba(25, 114, 248, 0.952);
    margin-left: 3px;
}

.logo-wrp {
    margin-top: 50px;
}

.signup-box {
    margin: 30px auto;
    max-width: 470px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.form-panel {
    max-width: 420px;
    margin: 0 auto;
    padding: 30px;
}

.form-footer {
    text-align: center;
    padding: 20px 0;
    background-color: #f8f8f8;
}

.form-footer-text,
#signup-login {
    font-size: 13px;
}

.signup-box .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 8px 15px;
    border-radius: 1px;
    background: none;
    box-shadow: none;
    border: 1px solid #e6e6e6;
    margin-bottom: 15px;
    font-weight: 600;
    color: #333333;
    transition: all 0.3s ease-in-out;
}

.signup-box .form-control::placeholder {
    color: #999999;
    font-weight: 300;
}

.signup-box .form-control:focus {
    background: #fff;
    border: 1px solid #ccc;
    transition: all 0.3s ease-in-out;
}

.signup-box input.form-control:valid {
    border: 1px solid #999999;
}

.signup-box #name {
    margin-bottom: 8px;
}


/*
.form-group.country_code:after {
    content: "";
    position: absolute;
    border-top: 6px solid #555;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    right: 95px;
    top: 20px;
} */

.signup-box .section_content .fa-eye {
    position: absolute;
    top: 45px;
    right: 8px;
    color: #696969;
}

.form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.country_list,
.zip_code {
    width: 180px;
}

.company_name {
    display: none;
    position: relative;
}

.company_n {
    display: block;
}

.company_n {
    font-size: 12px;
    letter-spacing: 1px;
    color: #333333;
    font-weight: 400;
}

.company_n a {
    cursor: pointer;
    color: #1ec0f7;
    font-size: 12px;
    letter-spacing: 1px;
}

img.brand-logo {
    width: 220px;
    margin: 0 auto;
}

.eye-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 37%;
    right: 5%;
    fill: #666666;
    z-index: 2;
}

#locate_me {
    background: #fff;
    cursor: pointer;
    padding: 5px;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    position: absolute;
    right: 7px;
    top: 9px;
    color: #000;
}

button.green-btn.disabled#go_to_step2 {
    background: grey;
    pointer-events: none;
}

#locate_me .fa-compass {
    margin-right: 4px;
}

.signup-box .form-group {
    margin-top: 10px;
}

.color_black {
    color: #000;
}

#consent_div small a {
    font-size: 11px;
}

.close_company_field {
    cursor: pointer;
    position: absolute;
    right: -5px;
    top: -7px;
}

.close_company_field svg.icon {
    width: 18px;
    height: 18px;
    fill: #666666;
}


/* .close_company_field:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 15px;
    background: #727376;
    top: 5px;
    transform: rotate(45deg);
}

.close_company_field:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 15px;
    background: #727375;
    top: 5px;
    transform: rotate(135deg);
} */

.w_80 {
    width: 80px;
}

.step2-heading {
    font-size: 2.3rem;
    letter-spacing: 1px;
    color: #333333;
    margin-bottom: 70px;
}

#back_to_step1 {
    font-size: 11px;
    cursor: pointer;
    margin: 6px 0;
}

#back_to_step1 img {
    max-width: 100%;
    margin: -5px 7px;
}

.font-boldest {
    font-weight: 800;
}

.email-error,
.pass-error {
    color: #a94442;
    display: block;
    font-size: 10px;
    margin: -10px 0 0;
}


/*SETTINGS*/

.form-error {
    position: absolute;
    font-size: 12px;
    color: #e54141;
    right: -60%;
    padding: 10px 15px;
    background: #f9e5e5;
    border-radius: 4px;
    width: 200px;
    top: 0;
    font-weight: 600;
}

.location2 .form-error {
    right: -60%;
}

.form-error:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #f9e5e5;
    position: absolute;
    left: -7px;
    top: 18px;
}

.location2 .form-error {
    top: 10px;
}

.form-error ul li {
    font-size: 12px;
    color: #e54141;
    display: list-item;
    margin-left: 13px;
    font-weight: 400;
}

#cc-msg {
    width: 80%;
    padding: 110px 30px 35px;
    margin: 50px auto;
    margin-bottom: 30px;
    max-width: 400px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    border: none!important;
    height: 400px;
    font-size: 1.6rem;
    color: #000;
}

#cc-msg button {
    font-size: 15px;
}

form.custom_form_style_mod label.error {
    color: #a94442;
    font-size: 1.2rem;
    display: none;
}

.uppercase {
    text-transform: uppercase;
}

.green-btn:focus {
    outline: none;
}

#btn_signup {
    position: relative;
}

#btn_signup.disabled{
    cursor:not-allowed;
    background-color: gray!important;
}


/*HEADER*/


/*HEADER_BACKGROUND*/


/*PAGE_TITLE*/

.page-title {
    color: #666;
}

.form-panel .title {
    padding: 20px 0;
    padding-top: 10px;
}

.form-panel .title h3 {
    font-size: 2.8rem;
    line-height: 1.4;
}


/*PAGE_SUBTITLE*/


/*PAGE -> HEADER BACKGROUND*/

header.header_with_background {
    background: #00afef;
    height: auto;
    padding: 100px 0 190px 0;
}

.signup-logo {
    width: 200px;
    margin: 0 auto;
}


/*HIGHLIGHTED SECTION SETTINGS*/

.section_spacer {
    padding-bottom: 80px;
    padding-top: 80px;
    padding-left: 80px;
    padding-right: 80px;
}

.signup_page .raised_content {
    margin: 0px;
    border-radius: 0px;
    padding: 0px;
}

.highlighted_width {
    max-width: 1380px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}


/*intro_section*/

.continue_btn.disable {
    cursor: not-allowed;
}


/* .continue_btn:after {
    content: "";
    background: url(/front/images/system/signup/arrow-effect.png) no-repeat;
    position: absolute;
    background-size: 18px;
    width: 24px;
    height: 20px;
    top: 14px;
    transform: translate(60px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.continue_btn:hover:after {
    content: "";
    transform: translate(10px);
    opacity: 1;
} */

.signup_page label {
    clear: both;
    display: inline-block;
    margin-right: 5px;
}

.signup_page label#pp_consent-error {
    margin-right: -5px;
    margin-left: 9px;
    position: static;
}

.signup_page label#pp_consent-error:after {
    left: 15px;
}

.form-group .telno {
    display: block;
}

.masteragree {
    float: right;
    width: 90%;
}

form.custom_form_style_mod input,
form.custom_form_style_mod textarea {
    max-width: 490px;
    margin: 2px 0;
    border: 1px solid #e6e6e6;
    font-weight: 300;
    color: #444;
    text-align: left;
}

.signup-box input.form-control.invalid {
    border: 1px solid #e85050;
}
.form-group-phone{
    display: flex;
}
 .form-group-phone >.form-control.cc-code{
    flex-basis: 80px;
    margin: 10% 0 0 ;
    color: #999999 ;
    background-color: #eee ;
    text-align: center ;
    cursor: not-allowed;
}
.form-group-phone > .form-control.cc-phone{
    margin: 10% 0 0 ;
}
.form-group-phone > .telno.cc-label{
    top: 4px ;
}
.form-group-phone > #phone-error {
    top: 30px;
}
.form-group-phone > span.keyup_validate{
    top: 55%;
}

.signup-box input.form-control:focus,
.signup-box input.form-control.invalid:focus,
.signup-box textarea.form-control:focus {
    border: 1px solid #1dafed;
}

form.custom_form_style_mod label {
    color: #333;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-weight: 400;
    flex-direction: row-reverse;
    text-align: left;
}

form.custom_form_style_mod .consent_div small {
    font-size: 12px;
    text-transform: none;
    text-align: left;
}

form.custom_form_style_mod .consent_div small a {
    color: #00BCD4;
    font-size: 12px;
}

input#consent_div {
    position: absolute;
    top: 4px;
}

#consent_div,
#mm_consent_div {
    display: none;
}

#mm_consent_div label,
#consent_div label {
    position: relative;
}

#reseller_signup .fa-exclamation-circle {
    font-size: 12px;
    margin-left: 10px;
    vertical-align: 1px;
}

.signup-text {
    line-height: 18px;
    margin-top: 20px;
}

.signup-text small {
    font-size: 12px;
}

.signup-text small a {
    font-size: 12px;
}

.rfloat {
    float: right;
}

#country_code.select {
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

.visa_consent_content {
    font-size: 11px;
    display: inline-flex;
}
.visa_consent_content .txt-wrp {
    margin-left: 10px;
}
.visa_consent_content a , .visa_autorenew_content a {
    font-size: 11px;
}
.visa_autorenew_content {
    font-size: 11px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    color: #848484;
    background: #fafbfd;
    border: 1px solid #ededf4;
}
.visa_autorenew_content { display: none !important; }
/* .signup-box #step2_content .form-control {
    margin: 0px 0px 25px;
    height: 45px;
} */

.form-mobile-footer i.fa-long-arrow-right,
.form-panel .title h3 br,
.mobile-logo,
.step2_content .mobile-steps,
button#btn_signup i.fa-long-arrow-right {
    display: none;
}

.form-control.fix-iphone-font {
    font-size: 16px;
}

.required {
    display: none;
}

.signup-box .form-group label {
    position: absolute;
    top: -30px;
    left: 0;
    vertical-align: middle;
}

.step2-location .form-group {
    background: #ffffff;
}

.step2-location,
.location1 {
    position: relative;
}

.location1 {
    display: none;
}

.location2 {
    margin: 17% 0 0;
}

.location-close {
    position: absolute;
    right: -3px;
    top: -5px;
}

.location-close svg {
    width: 18px;
    height: 18px;
    fill: #666666;
    cursor: pointer;
}

.location-label {
    position: absolute;
    top: -32px;
    left: 0;
    vertical-align: middle;
    color: #333;
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: 400;
}

.location-field {
    margin: 17% 0 0;
    height: 50px;
    padding: 8px 15px;
    border-radius: 1px;
    border: 1px solid #e6e6e6;
    font-weight: 600;
    color: #333333;
    display: flex;
    align-items: center;
    background: #f7f7f7;
}

.location-field span {
    font-size: 14px;
    font-weight: 500;
}

#locationEdit {
    position: absolute;
    right: 16px;
    bottom: 14px;
}

#locationEdit span {
    font-size: 14px;
}

#locationEdit svg.icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    fill: #666666;
    cursor: pointer;
}

.location-error {
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    color: #e54141;
    padding: 10px 15px;
    background: #f9e5e5;
    border-radius: 4px;
    width: 200px;
    right: -60%;
    top: -3%;
}

.location-error:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #f9e5e5;
    position: absolute;
    left: -7px;
    top: 10px;
}

.signup-box .form-group.consent_div label {
    top: 2px;
}

.signup-box .form-group label.pp_consent {
    position: relative;
    margin-right: 5px;
}


/* div#step2_content [data-target] {
    display: none;
} */

.signup-box .form-control {
    margin: 15% 0 0;
}

.signup-box .form-group {
    position: relative;
}

p#forgot_password {
    float: right;
}

span.keyup_validate {
    display: none;
    position: absolute;
    top: 26%;
    right: 5%;
}

span#name-checking.keyup_validate {
    top: 17%;
}

.signup-box .form-group label.error {
    position: absolute;
    font-size: 12px;
    color: #e54141;
    right: -60%;
    padding: 10px 15px;
    background: #f9e5e5;
    border-radius: 4px;
    width: 200px;
    top: 0%;
    font-weight: 600;
    left: auto;
}

.signup-box .location2 .form-group label.error {
    right: -60%;
}

.signup-box .form-group label.error:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #f9e5e5;
    position: absolute;
    left: -7px;
    top: 10px;
}

span.keyup_validate svg.icon {
    width: 19px;
    height: 19px;
    vertical-align: middle;
}

svg.icon.svg-green {
    fill: #079407;
}

span.keyup_validate svg.icon.svg-red {
    width: 18px;
    height: 18px;
    fill: #e73f3b;
    vertical-align: middle;
}

#loading {
    display: none;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 25px;
    height: 30px;
    z-index: 1;
}

#loading div {
    border: 2px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 2px solid #555;
    width: 20px;
    height: 20px;
    margin: auto;
    border-radius: 50%;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.back-btn svg.icon {
    width: 15px;
    height: 15px;
}

#signup-loader {
    width: 18px;
    height: 12px;
    display: none;
}


/* Step 3 css Start */

.step3_content {
    text-align: center;
    margin-top: 20px;
}

.step3-heading {
    font-size: 30px;
    margin-bottom: 10px;
}

.step3-subheading {
    font-size: 14px;
    width: 74%;
    margin: 0 auto;
}
.step3-subheading strong{
    color: #ff7b7b;
}
.step3-wrapper {
    margin: 25px 0;
    padding: 40px 30px 20px;
    background: #ecf8fb;
    border-radius: 4px;
}

.step3-fundHeading {
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
}

.step3-img {
    width: 65%;
    margin: 30px auto 20px;
}

.step3-current {
    font-size: 15px;
    color: #333333;
}
.step3-current .text-wrp{
    display: inline-block;
    background: #fff;
    padding: 6px 20px;
    border-radius: 20px;
    margin: 30px 0 0 0;
}
.step3-currentCurrency {
    font-size: 9px;
    vertical-align: super;
    color: #f08700;
}

.step3-currentFund {
    font-weight: 600;
    color: #f08700;
    position: relative;
    /* cursor: pointer; */
}

.step3-addFund {
    display: block;
    width: 100%;
    background: #57be38;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0;
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-radius: 3px;
    cursor: pointer;
}

.step3-text {
    color: #333333;
    font-size: 13px;
    margin: 15px 0;
}

#chatEnable {
    cursor: pointer;
    color: #1ec0f7;
}

.step3-tooltip {
    display: none;
    opacity: 0;
    position: absolute;
    bottom: 25px;
    left: 0;
    background: #000000;
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    padding: 10px 15px;
    box-shadow: 0 14px 26px -12px hsla(0, 0%, 60%, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px hsla(0, 0%, 60%, .2);
    width: 200px;
    border-radius: 3px;
    text-align: left;
    border-radius: 3px;
}

.step3-tooltip:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #000;
    bottom: -8px;
    transform: rotate(180deg);
}

.step3-currentFund:hover .step3-tooltip {
    display: block;
    opacity: 1;
}

.fund-price{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
}
.fund-price > span{
    text-align: left;
    display: inline-block;
}
.fund-price .price{
    display: block;
    font-size: 42px;
}
.fund-price .price sup{
    font-size: 18px;
    display: inline-block;
    vertical-align: super;
    position: relative;
    top:-5px;
}
/* Step 3 css Ends */


/* Step 4 css Start */

#step4Loading {
    height: 400px;
    display: flex;
}

.step4-payment {
    margin: 10px 0 30px;
}

.step4-paymentHeading {
    font-size: 23px;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    margin-bottom: 40px;
}

.step4-paymentSubheading {
    font-size: 14px;
    color: #333333bd;
    margin-bottom: 40px;
    text-align: center;
}

.step4-paymentMethod {
    display: flex;
    padding: 25px 20px;
    margin-bottom: 15px;
    justify-content: space-between;
    flex-direction: row-reverse;
    background: #f7f7f7;
    border-radius: 6px;
}

.step4-paymentMethod.selected {
    background: #ecf8fb;
}

.step4-paymentIcon img {
    vertical-align: middle;
    height: 35px;
}

.step4-label {
    display: flex!important;
    align-items: center;
    position: relative;
    width: 80%;
}

.step4-paymentName {
    margin-left: 15px;
    width: 100%;
    margin-right: 5px;
}

.step4-customRadio {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.43);
    width: 18px;
    height: 17px;
    border-radius: 50%;
    position: absolute;
    top: 25%;
    right: -1%;
}

input[name="paymentMethod"]:checked+.step4-customRadio {
    background: #1dafed;
}

input[name="paymentMethod"]:checked+.step4-customRadio:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #ffffff;
    position: absolute;
    left: 31%;
    top: 29%;
    border-radius: 50%;
}

.step4-proceed {
    display: block;
    width: 100%;
    background: #57be38;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0;
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.step4-proceed.disabled {
    background: #979997!important;
    cursor: not-allowed;
}

.step4-svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    margin-right: 8px;
}


/* Step 4 css Ends */


/* Step 4 css Starts */

.step5_content {
    margin-top: 10px;
    text-align: center;
}

.step5-money {
    margin: 35px 0 20px;
    font-size: 60px;
    font-weight: 800;
    line-height: 64px;
}

span.step5-currency {
    vertical-align: text-top;
    font-size: 30px;
}

.step5-para {
    color: #525252;
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
}

.step5-link {
    display: inline-block;
    background: #57be38;
    padding: 13px 35px;
    border-radius: 4px;
    margin: 45px 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.step5-ErrorIcon img{
    height: 140px;
}

.step5-successIcon,
.step5-ErrorIcon {
    /* width: 100px;
    height: 100px; */
}

.step5-successIcon {
    background: url(/front/images/system/signup/bg-signup-success.png) no-repeat;
    height: 190px;
    width: 100%;
    margin: 0 auto;
    background-size: 200px;
    background-position: center;
    padding-top: 25px;
}

.step5-ErrorIcon {
    fill: #c43b3b;
}

.step5-supports {
    margin-top: 50px;
}

.step5-support:hover{
    background: #ecf8fb;
}
.step5-support {
    background: #f3f3f3;
    padding: 20px 40px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    margin: 0 0 20px 0;
    text-align: left;
}

.step5-supportLink {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}
.step5-supportLink .text{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    color: #a1a8aa;
    font-weight: 400;
}
.step5-supportLink b{
    display: block;
    font-size: 18px;
    color: #616161;
    font-weight: 600;
}

.step5-icon {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.step5-icon img{
    width: 28px;
}

.step5-support:hover .step5-icon {
    fill: #1ec0f7;
}

.step5-support:hover .step5-supportLink {
    color: #1ec0f7;
}


  .circle-loader {
    margin-bottom: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 5em;
    height: 5em;
  }

  .load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
  }

  .checkmark {
    display: none;
  }
  .checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
  }
  .checkmark:after {
    opacity: 1;
    height: 2.5em;
    width: 1em;
    transform-origin: left top;
    border-right: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    content: "";
    left: 1.4em;
    top: 2.8em;
    position: absolute;
  }

  @keyframes loader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes checkmark {
    0% {
      height: 0;
      width: 0;
      opacity: 1;
    }
    20% {
      height: 0;
      width: 1em;
      opacity: 1;
    }
    40% {
      height: 2.5em;
      width: 1em;
      opacity: 1;
    }
    100% {
      height: 2.5em;
      width: 1em;
      opacity: 1;
    }
  }





































/* Step 4 css Ends */


@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 640px){
    form.custom_form_style_mod .consent_div small{ display: flex;}
    #pp_consent_div small{
    display: flex;
    }
    .signup-box .form-group.consent_div strong{
        font-weight: 400;
        margin-top: 2px;
    }
    .signup-box .form-group label.pp_consent{
        position: absolute;
        margin-right: 0;
        width: 100%;
        flex-basis: 15%;
    }
    .signup_page label#pp_consent-error{
        margin-right: 5px;
        position: absolute;
    }
    .signup_page label#pp_consent-error:after{
        left: -7px;
    }
    #pp_consent_div strong{
    margin-left: 6%;
    }
    #mm_consent_div strong{
        margin-left: 4px;
    }
    #consent_div {
        margin-top: -20px;
    }
}

@media screen and (max-width:640px) {
    .desktop-logo, .desktop-visible{
         display: none;
    }
    .mobile-visible{ display: inline-block;}
    /* .continue_btn span,
    .step2_content h4,
    .signup-text,
    .form-footer {
        display: none;
    } */
    .form-error {
        position: relative;
        background: none;
        left: 0;
        padding: 0;
        margin-top: 10px;
    }
    .form-error::after{
        display: none;
    }
    .signup-box .form-group label.pp_consent {
        margin: 0px 5px 0 0px;
        /* position: absolute; */
    }
    #pp_consent-error.error + i{
        border: 1px solid red;
    }
    .signup_page label#pp_consent-error{ display: none!important;}
    .signup-box .form-control {
        padding: 8px 0px;
    }
    #signup-loader {
        display: none;
    }
    .signup_page label,
    div#step2_content [data-target] {
        display: block;
    }
    .close_company_field {
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: -15px;
    }
    .back-btn:after,
    .continue_btn:after {
        display: none;
    }
    .signup-box {
        min-height: 100%;
    }
    .signup-box .form-control {
        border-bottom: 1px solid #333;
        border-top: none;
        border-left: none;
        border-right: none;
        background: none;
    }
    .signup-box .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 12px;
        color: #333333;
    }
    .signup-box .form-control::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 12px;
        color: #333;
    }
    .signup-box .form-control:-ms-input-placeholder {
        /* IE 10+ */
        font-size: 12px;
        color: #333;
    }
    .signup-box .form-control:-moz-placeholder {
        /* Firefox 18- */
        font-size: 12px;
        color: #333;
    }
    .signup-box input:focus {
        border-color: #000;
    }
    .signup-box .section_content .fa-eye {
        top: 15px;
    }
    .signup-box .form-group {
        margin-top: 10px;
    }
    .signup-box .form-group label {
        display: none;
        position: absolute;
    }
    .company_n,
    .company_n a {
        font-size: 12px;
    }
    #password {
        margin-top: 0px;
    }
    .custom-dd:after {
        display: none;
    }
    .continue_btn {
        width: 100%;
    }
    form.custom_form_style_mod label.error {
        text-transform: capitalize;
        font-weight: 100;
    }
    .signup_layout .info_section {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        transform: none;
    }
    .form-group.country_code::after {
        right: 100px;
        top: 20px;
    }
    #locate_me {
        right: 0px;
        top: 10px;
    }
    .custom-dd {
        position: relative;
    }
    .custom-dd:after {
        content: "";
        position: absolute;
        border-top: 6px solid #555;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        right: 5px;
        top: 22px;
    }
    .signup-box .form-group.consent_div {
        margin: 0px;
    }
    .signup-box .consent_div label {
        display: block;
    }
    small,
    small a {
        font-size: 1rem;
    }
    #consent_div,
    #mm_consent_div {
        margin-bottom: 10%;
    }
    form.custom_form_style_mod input,
    form.custom_form_style_mod textarea {
        margin: 4px 0;
    }
    input#pp_consent,
    input#sms_consent {
        top: 0px;
    }
    label#pp_consent-error {
        position: absolute;
        top: 90px;
        left: 0;
    }
    body,
    html {
        background: #fff;
    }
    .form-mobile-footer,
    .form-panel .title h3 br,
    .step2_content .mobile-steps,
    .form-mobile-footer i.fa-long-arrow-right {
        display: flex;
    }
    div#reseller_signup {
        padding: 0;
    }
    .mobile-logo {
        display: flex;
        width: 85%;
        margin: 0 auto;
    }
    .continue-btn {
        display: flex;
        justify-content: flex-end;
    }
    .mobile-logo a.mb-logo {
        width: 17%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobile-logo img.brand-logo {
        width: 100%;
        min-width: auto;
        vertical-align: middle;
        /* display: none; */
    }
    .form-panel .title {
        text-align: left;
    }
    b {
        font-weight: 600;
    }
    .form-panel .title h3 {
        font-weight: 500;
        font-size: 3.6rem;
        line-height: 1.4;
        text-align: center;
    }
    .mobile-signup {
        width: 83%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .mobile-signup a:nth-child(2) span {
        border-bottom: 1px solid #333333;
        font-weight: 700;
    }
    .mobile-signup span {
        padding: 5px;
        font-size: 18px;
        margin: 5px;
        color: #333333;
    }
    .form {
        box-shadow: none;
        margin: 10% auto;
        max-width: none;
    }
    .form-panel {
        width: 82%;
        margin-bottom: 0px;
        max-width: 100%;
        padding: 0;
    }
    img.brand-logo {
        width: 80%;
        min-width: 220px;
        max-width: 330px;
        margin: 0 auto;
    }
    .signup-box {
        box-shadow: none;
        margin: 25px auto;
        max-width: 100%;
    }
    .logo-wrp {
        margin: 35px 0;
    }
    .title h3 {
        font-size: 3.5rem;
        font-weight: 600;
        color: #333333;
    }
    .page-title {
        margin-bottom: 12%;
    }
    .signup-box .form-group {
        margin: 13% 0;
    }
    .signup-box .form-group label {
        display: block;
        top: 7px;
        font-size: 2rem;
        font-weight: 400;
        color: #999999;
        letter-spacing: 0.4px;
        transition: all 0.3s ease-in-out;
    }
    form.custom_form_style_mod .form-group input:focus,
    form.custom_form_style_mod .form-group select:focus {
        border: none;
        border-bottom: 1px solid #00afef;
    }
    form.custom_form_style_mod .form-group input.has_value~label[data-target="primary-label"],
    form.custom_form_style_mod .form-group input:focus~label[data-target="primary-label"],
    form.custom_form_style_mod .form-group select.has_value~label[data-target="primary-label"],
    form.custom_form_style_mod .form-group select:focus~label[data-target="primary-label"] {
        top: -12px;
        transition: top 0.3s ease-in-out;
        color: #00aef2;
        font-size: 1.4rem;
    }
    form.custom_form_style_mod .form-group #sellingcurrency-error {
        /* color: #a94442; */
        font-size: 1.2rem;
    }
    form.custom_form_style_mod .form-group select~label {
        top: -12px;
        color: #00aef2;
        font-size: 1.4rem;
    }
    .signup-box .form-control {
        margin: 13% 0px;
    }
    /* form.custom_form_style_mod input:active,
    .signup-box .form-control:focus,
    form.custom_form_style_mod textarea:focus,
    form.custom_form_style_mod textarea:active{
        border: none;
        border-bottom: 1px solid #00afef;
    }

    form.custom_form_style_mod input:active ~ label[data-target="primary-label"],
    form.custom_form_style_mod input:valid ~ label[data-target="primary-label"],
    form.custom_form_style_mod input:focus ~ label[data-target="primary-label"] {
        top: -20px;
        transition: top 0.3s ease-in-out;
        color: #dbdbdb;
        font-size: 1.6rem;
    } */
    .form-panel button.green-btn {
        max-width: 100%!important;
        padding: 13px;
        font-size: 2.3rem;
        font-weight: bold;
    }
    .continue_btn.green-btn{ margin-top: 60px; }
    .form-footer-text{ margin-top: 15px;}
    .form-mobile-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: flex-end;
        background: #0000000f;
        height: 100px;
    }
    .form-mobile-footer i {
        font-size: 25px;
        margin-left: 3px;
    }
    /* button.green-btn#go_to_step2 {
        background-color: #52c02b;
        width: 60px;
        height: 60px;
        min-width: unset;
        border-radius: 10px;
        position: relative;
        margin: 0px 0 -25px;
    } */
    button#go_to_step2 i {
        margin-top: 2px;
        margin-left: 3px;
    }
    .signup-btn {
        position: relative;
    }
    .signup-btn button.green-btn#btn_signup {
        width: 100%;
        padding: 14px 0;
        min-width: unset;
        border-radius: 5px;
        font-size: 1.4rem;
        font-weight: bold;
    }
    .signup-box input.form-control {
        max-width: 100% !important;
        border-bottom: 1px solid #999999;
        margin: 0;
        transition: all 0.3s ease-in-out;
    }
    .form-footer-text, #signup-login {
        font-size: 16px;
    }
    a.signup-btn {
        max-width: 100%!important;
        padding: 5px;
        font-size: 2rem;
        font-weight: bold;
        background: #fff;
        color: #00afef;
        text-transform: capitalize;
        margin-top: 0px;
    }
    .color_black {
        color: #333333;
        font-size: 30px;
    }
    .form-control {
        font-size: 1.4rem;
    }
    .signup-box select.form-control {
        height: 50px;
        color: #999999;
        color: #222;
        font-weight: 500;
        border-bottom: 1px solid #999999;
    }
    .form-group.country_code::after {
        display: none;
    }
    .form-group.consent_div label {
        display: inline-block;
        height: 20px;
    }
    .form-group.consent_div input[type="checkbox"] {
        margin-right: 2px;
        position: absolute;
    }
    i.check-icon {
        background: white;
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .form-group.consent_div input[type="checkbox"]:checked+i.check-icon {
        background: #309a0a;
        border-radius: 2px;
        line-height: 35px;
    }
    .form-group.consent_div input[type="checkbox"]:checked+i.check-icon:before {
        content: '';
        display: inline-block;
        border-bottom: 3px solid white;
        width: 7px;
        height: 13px;
        transform: rotate(45deg);
        border-right: 3px solid white;
        margin-left: 7px;
        margin-bottom: 10px;
    }
    form.custom_form_style_mod .consent_div small a {
        color: #00BCD4;
        font-size: 1.2rem;
        cursor: pointer;
    }
    .form-group.consent_div strong {
        font-size: 1.2rem;
        margin-left: 30px;
    }
    .form-group.consent_div a{
        font-size: 1.2rem;
    }
    .signup-text small {
        font-size: 12px;
        color: #333;
        font-weight: 400;
    }
    i.fa.fa-long-arrow-left {
        font-size: 35px;
        margin-right: 12px;
    }
   .back_to_step1{
       font-size: 2.2rem;
       text-align: center;
       padding-bottom: 15px;
       text-align: center;
   }
    #back_to_step1 {
        margin: 0;
        font-size: 20px;
        width: 100%;
        position: absolute;
        top: -95px;
        right: 52%;
    }
    .back-btn svg.icon {
        width: 16px;
        fill: #484848;
        vertical-align: baseline;
    }
    .signup-text {
        margin: 10% 0;
    }
    /* .signup-box .form-control{
        border-bottom: 1px solid #999999;
        margin: 0;
    } */
    form.custom_form_style_mod label.error {
        position: absolute;
        right: 0;
        top: 109%;
    }
    .mobile-steps {
        display: flex;
    }
    span.step {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    span.step1 {
        color: #fff;
        background: #00afef;
    }
    span.step2 {
        color: #727376;
        background: #fff;
        border: 1px solid #727376;
    }
    .line-between {
        display: flex;
        ;
        width: 3%;
        align-items: center;
    }
    .line-between span {
        display: inline-block;
        height: 2px;
        background: #a2a3a5;
        width: 100%;
    }
    .footer-grey {
        background: #0000000f;
        height: 100px;
        display: none;
    }
    div#pp_consent_div {
        margin-bottom: 10%;
    }
    .back-btn-div {
        position: relative;
    }
    /* .back-btn-div span.back-btn#back_to_step1 {
        position: absolute;
        margin: 0;
        background-color: #52c02b;
        width: 60px;
        height: 60px;
        min-width: unset;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        top: -34px;
        left: 0px;
    } */
    .back-btn-div span.back-btn i.fa.fa-long-arrow-left {
        font-size: 2.5rem;
        margin-right: 0;
    }
    .signup-box {
        margin-bottom: 0;
    }
    form.custom_form_style_mod .consent_div small {
        font-size: 1.4rem;
        font-weight: bold;
        display: flex;
        line-height: 1.5;
    }
    .form-group.consent_div strong{
        font-weight: 400;
    }

    .signup-box input.form-control.invalid,
    .signup-box input.form-control:focus,
    .signup-box input.form-control.invalid:focus,
    .signup-box textarea.form-control:focus,
    .signup-box input.form-control:valid{
        border: none;
    }
    .signup-box input.form-control.invalid {
        border-bottom: 1px solid #e85050;
    }
    .signup-box input.form-control:focus,
    .signup-box input.form-control.invalid:focus,
    .signup-box textarea.form-control:focus {
        border-bottom: 1px solid #1dafed;
    }
    .signup-box input.form-control:valid{
        border-bottom: 1px solid #999999;
    }
    #addreseller .signup-box input.form-control.invalid+label {
        color: #e73f3b;
    }
    span.keyup_validate {
        top: 18%;
        right: 5%;
    }
    .form-error small{
        font-weight: 600;
        font-size: 12px;
    }
    .signup-box .form-group label.error{
        left: 0;
        top: 100%;
        background: none;
        padding: 5px 0;
        width: 100%;
        font-size: 11px;
    }
    .signup-box .form-group label.error::after{
        display: none;
    }
    #password_error{
        position: absolute;
        top: 50px;
        left: 0;
    }
    .step3-fundHeading {
        font-size: 22px;
    }
    .step5-support{
        padding: 20px 24px;
    }
    .step5-supportLink .text{
        margin-left: 15px;
    }
    .step3-addFund, .step4-proceed{
        margin-bottom: 15px;
        padding:15px 0;
    }
    .form-footer{ background: #fff;}
    .step2-heading{ font-size: 3.5rem; position:relative;}
    .step3-heading { font-size: 32px; }
    .step3-subheading{     width: 62%; }
    .step4_content{ margin-top: 40px;}
    .step5_content {
        margin-top: 60px;
    }
}

@media (max-width: 420px){
    .page-title{ margin-bottom: 10%;}
    .signup-box .form-group label{ font-size: 1.6rem;}
    form.custom_form_style_mod .form-group input.has_value~label[data-target="primary-label"], form.custom_form_style_mod .form-group input:focus~label[data-target="primary-label"], form.custom_form_style_mod .form-group select.has_value~label[data-target="primary-label"], form.custom_form_style_mod .form-group select:focus~label[data-target="primary-label"]{
        font-size: 1.2rem;
    }
    .form-error{ width: 100%;}
    .form-panel .title h3{
        font-size: 2.5rem;
        line-height: 1.4;
        letter-spacing: 1px;
    }
    .step2_content, .step3_content{ margin-bottom: 60px;}
    .step2-heading {
        font-size: 2.5rem;
        line-height: 34px;
    }
    .signup-box{ margin: 0 auto 45px;}
    .form-footer-text, #signup-login {
        font-size: 14px;
    }
    .form-panel button.green-btn, a.signup-btn{
        padding: 14px 10px;
        font-size: 1.5rem;
    }
    .continue_btn.green-btn {
        margin-top: 85px;
    }
    .form-footer-text{
        margin-top: 20px;
    }
    a.signup-btn {
        max-width: 100%!important;
        padding: 0px;
        font-size: 2rem;
        font-weight: 600;
        background: #fff;
        color: #00afef;
        text-transform: capitalize;
        margin-top: 0;
    }
    /* button.green-btn#go_to_step2{ width: 50px; height: 50px;} */
    .back-btn-div span.back-btn.back_to_step1{ width: 50px; height: 50px; top: -30px;  }
    .color_black{ font-size: 2.5rem;}
    .mobile-signup span{ font-size: 14px;}
    i.fa.fa-long-arrow-left, .back_to_step1{ font-size: 22px; }
    a#signup-login {
        font-size: 16px;
    }
    .step3-heading{ font-size: 2.5rem;}
    .step3-subheading{
        font-size: 13px;
        width: 64%;
        margin: 12px auto 0;
    }
    .step3-wrapper{    padding: 25px 30px 20px; }
    .step3-fundHeading{
        line-height: 28px;
    }
    .step3-tooltip{
        width: 120px;
        font-size: 10px;
        letter-spacing: 0.5px;
        padding: 6px 8px;
    }
    form.custom_form_style_mod .step4-label{ font-size: 12px;}
    .step4-proceed{ font-size: 15px;}
    .step5-money{
        margin: 35px 0 30px;
        font-size: 70px;
    }
    .step5-para {
        font-size: 22px;
        color: #333;
        line-height: 30px;
    }
    .step5-link {
        padding: 15px 22px;
        font-size: 12px;
    }
}