.top {
    top: 0 !important;
}
.form_reg .error {
    width: 100%;
    position: absolute;
    display: block;
    z-index: 2;
    background: #fff;
    top: 40px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
    color: #a94442;
    border-radius: unset !important;
}

.genderSelect svg {
    fill: #FF6B00;
    width: 25px;
    height: 25px;
}

.genderSelect.fa.append {
    left: 85% !important;
}

.form_reg .error:after {
    z-index: 2;
    content: '';
    width: 10px;
    height: 10px;
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
}

span.phonePrefix {
    background-color: #FFF;
    color: #888;
    line-height:20px;
    height:30px;
    padding:3px;
    border:1px #9b9fa2 solid;
    outline: none;
    font-size: 12px;
    display:block;
}
    
span.phonePrefix input {
        border: 0px !important;
        background-color: #FFF;
        padding: 0px !important;
        width:80% !important;
        height:20px !important;
        color: #151515;
}

@media (max-width: 625px) {
    p[data-valid-s2]:after {
        display: inline;
    }

    .data-span[data-valid-s2]:after {
        position: initial !important;
    }

    .reg_popup fieldset .step_two_content .input_date {
        margin-bottom: 15px !important;
    }
}

p[data-valid-s3]:after {
    width: 90% !important;
    font-size: 12px;
    content: attr(data-valid-s3);
    color: #a94442;
    position: absolute;
    border-color: #ebccd1;
    padding: 1px;
    margin-bottom: 2px;
}

p[data-valid-s4]:after {
    width: 90% !important;
    font-size: 12px;
    content: attr(data-valid-s4);
    color: #a94442;
    position: absolute;
    border-color: #ebccd1;
    padding: 1px;
    margin-bottom: 2px;
    line-height: 1.2;
}

.data-span[data-valid-s2]:after {
    width: 90% !important;
    font-size: 12px;
    content: attr(data-valid-s2);
    color: #a94442;
    /*position: absolute;*/
    border-color: #ebccd1;
    /*padding: 1px;
    margin-bottom: 2px;
    margin: 28px 0px 0px 0px;*/
}

.reg_popup fieldset .content_label {
    font-size: 12px;
    padding: 0 15px;
    color: #151515;
}

.reg_popup fieldset .form_group, .reg_popup fieldset .form_row {
    position: relative;
/ / _margin-bottom: 25 px;
    margin: 15px 0 25px 0;
}

.reg_popup fieldset .form_group ::-webkit-input-placeholder {
    color: #151515;
}

.reg_popup fieldset .form_group :-moz-placeholder {
    color: #151515;
    opacity: 1;
}

.reg_popup fieldset .form_group ::-moz-placeholder {
    color: #151515;
    opacity: 1;
}

.reg_popup fieldset .form_group :-ms-input-placeholder {
    color: #151515;
}

.reg_popup fieldset .form_group ::-ms-input-placeholder {
    color: #151515;
}

.reg_popup fieldset .form_group ::-webkit-input-placeholder {
    font-size: 12px !important;
}

.reg_popup fieldset .form_group :-moz-placeholder {
    font-size: 12px !important;
}

.reg_popup fieldset .form_group ::-moz-placeholder {
    font-size: 12px !important;
}

.reg_popup fieldset .form_group :-ms-input-placeholder {
    font-size: 12px !important;
}


@media (max-width: 480px) {
    .reg_popup fieldset .form_group,
    .reg_popup fieldset .form_row {
        margin-bottom: 10px;
    }
}

.reg_popup fieldset .fa {
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
}

.reg_popup fieldset .fa-lock {
    left: 11px;
}

.reg_popup fieldset .input {
    width: 100%;
    height: 30px;
    padding: 0 10px;
    outline: none;
    border: 1px solid #9b9fa2;
    font-size: 12px;
    color: #151515;
}

.reg_popup fieldset .input:focus::-webkit-input-placeholder {
    color: transparent;
}

.reg_popup fieldset .input:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
.reg_popup fieldset .input:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
.reg_popup fieldset .input:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */

.reg_popup fieldset input {
    height: 30px;
}

.reg_popup fieldset::-webkit-input-placeholder {
    color: #0D0D0D;
}

.reg_popup fieldset:-moz-placeholder {
    /* Firefox 18- */

    color: #0D0D0D;
}

.reg_popup fieldset::-moz-placeholder {
    /* Firefox 19+ */

    color: #0D0D0D;
}

.reg_popup fieldset:-ms-input-placeholder {
    color: #0D0D0D;
}

.reg_popup fieldset .w_icon {
    padding: 0 10px 0 30px;
}

.reg_popup fieldset .error_msg {
    font-size: 12px;
    color: red;
    margin-bottom: 0;
    display: none;
}

.reg_popup fieldset select {
    outline: none;
    padding: 0 10px;
    border: 1px solid #9b9fa2;
    /* reset arrow */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* custom arrow */

    background-image: -webkit-linear-gradient(45deg, transparent 50%, #FF6B00 50%), -webkit-linear-gradient(315deg, #FF6B00 50%, transparent 50%);
    background-image: -o-linear-gradient(45deg, transparent 50%, #FF6B00 50%), -o-linear-gradient(315deg, #FF6B00 50%, transparent 50%);
    background-image: linear-gradient(45deg, transparent 50%, #FF6B00 50%), linear-gradient(135deg, #FF6B00 50%, transparent 50%);
    background-position: calc(100% - 13px) calc(1em + -2px), calc(100% - 5px) calc(1em + -2px), 100% 0;
    background-size: 8px 8px, 8px 8px, 3.5em 3.5em;
    background-repeat: no-repeat;
}

.reg_popup fieldset select option {
    color: #0D0D0D;
}

.reg_popup fieldset select::-ms-expand {
    display: none;
}

.reg_popup fieldset .bottom_row {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 15px auto;
    padding: 0 15px;
}

@media (max-width: 480px) {
    .reg_popup fieldset .bottom_row {
        margin: 10px auto;
    }
}

.reg_popup fieldset .button_holder {
    float: right;
}

@media (max-width: 1024px) {
    .reg_popup fieldset .button_holder {
        /*float: none;*/
        text-align: center;
    }
}

.reg_popup fieldset .next_btn,
.reg_popup fieldset .previous_btn {
    border: none;
    outline: none;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 30px;
    height: 35px;
}

@media (max-width: 1024px) {
    .reg_popup fieldset .next_btn {
        width: 222px;
    }
}

@media (max-width: 570px) {
    .reg_popup fieldset .next_btn {
        width: 160px;
    }
}

@media (max-width: 330px) {
    .reg_popup fieldset .next_btn {
        width: 100px;
    }
}

@media (max-width: 1024px) {
    .reg_popup fieldset .previous_btn {
        display: none;
    }
}

.reg_popup fieldset .previous_mobile {
    display: none;
}

@media (max-width: 1024px) {
    .reg_popup fieldset .previous_mobile {
        font-weight: bold;
        font-size: 15px;
        display: block;
        background: none;
        border: none;
        outline: none;
        width: 222px;
        margin: 10px auto;
    }

    .reg_popup fieldset .previous_mobile .arrow {
        position: relative;
        display: inline-block;
        top: 0;
        left: 0;
    }
}

.reg_popup fieldset .step_one_content .input {
    margin-bottom: 3px;
}

@media (max-width: 480px) {
    .reg_popup fieldset .step_one_content .input {
        margin-bottom: 5px;
    }
}

.reg_popup fieldset .step_two_content .input_date {
    height: 30px;
    margin-bottom: 3px;
}

.reg_popup fieldset .step_two_content .input {
    padding: 0 10px;
    margin-bottom: 3px;
}

.reg_popup fieldset .step_two_content .content_label {
    padding: 0;
    margin-bottom: 3px;
    font-size: 12px;
}

.reg_popup fieldset .form_row {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 65px;
}

.reg_popup fieldset .form_control {
    margin-bottom: 15px;
}

.reg_popup fieldset .checkbox {
    display: inline-block;
    outline: none;
    border: none;
    background: #565656;
    height: auto;
    vertical-align: top;
}

.reg_popup fieldset .checkbox_label {
    display: inline-block;
    padding: 3px 5px;
    vertical-align: middle;
    margin-bottom: 4px;
    width: 96%;
}

.nrn {
    width: 80% !important;
}

@media (max-width: 480px) {
    .reg_popup fieldset .checkbox_label {
        width: 92%;
        margin: 0 auto;
    }
}

.reg_popup fieldset .checkbox_label .link {
    text-align: left;
    width: auto;
    color: #565656;
    text-decoration: underline;
}

.reg_popup fieldset .checkbox_control {
    margin: 0;
}

.reg_popup .step2,
.reg_popup .step3,
.reg_popup .step4 {
    display: none;
}

.reg_popup_wait {
    display: none;
}

.infoBoxText {
    border-radius: 9px;
    border: #000 1px solid;
    background-color:#E9E9E9;
    padding: 5px 5px;
    width: 260px;
    right: 0px;
    display: none;
}

.tooltipTrigger {
    display: inline-block;
    position:relative;
}

.reg_popup_new {
    max-width: 615px;
    max-height: 95vh;
    width: 100%;
    display: block;
    position: fixed;
    background: #FFFFFF;
    left: calc(-50vw + 50%);
    right: calc(-50vw + 50%);
    top: 5vh;
    margin-left: auto;
    margin-right: auto;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: none;
    overflow: auto !important;
    border-radius: 10px;
}

.reg_popup_new .popup_header {
    background: #EBEBEB;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    position: relative;
    width: 100%;
    min-height: 65px;
}

.reg_popup_new .banner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
}

.reg_popup_new .banner img {
    width: 100%;
    border-radius: 10px;
    /*max-height: 150px;*/
}

.reg_popup_new .popup_header .popup_close_btn_reg {
    border: none;
    margin-top: 10px;
    background: transparent;
}

.reg_popup_new .popup_header .popup_close_btn_reg svg {
    height: 15px;
    width: 15px;
}

.reg_popup_new .popup_header .steps_title {
    _text-transform: capitalize !important;
    text-align: center;
    padding-top: 15px;
    font-size: 13px;
}

.reg_popup_new .popup_header .progress {
    height: 5px !important;
}

.reg_popup_new .popup_header .progress-bar {
    background-color: #FF6B00 !important;
}

.reg_popup_new fieldset .content_label {
    font-size: 12px;
    padding: 0 15px;
    color: #151515;
}

.reg_popup_new .dropdown-menu>li>a {
    display: block;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.reg_popup_new fieldset .form_group, .reg_popup fieldset .form_row {
    position: relative;
    margin: 25px 0 40px 0;
    min-height: 45px;
}

.reg_popup_new fieldset .form_group ::-webkit-input-placeholder {
    color: #151515;
}

.reg_popup_new fieldset .form_group :-moz-placeholder {
    color: #151515;
    opacity: 1;
}

.reg_popup_new fieldset .form_group ::-moz-placeholder {
    color: #151515;
    opacity: 1;
}

.reg_popup_new fieldset .form_group :-ms-input-placeholder {
    color: #151515;
}

.reg_popup_new fieldset .form_group ::-ms-input-placeholder {
    color: #151515;
}

.reg_popup_new fieldset .form_group ::-webkit-input-placeholder {
    font-size: 13px !important;
}

.reg_popup_new fieldset .form_group :-moz-placeholder {
    font-size: 13px !important;
}

.reg_popup_new fieldset .form_group ::-moz-placeholder {
    font-size: 13px !important;
}

.reg_popup_new fieldset .form_group :-ms-input-placeholder {
    font-size: 13px !important;
}

.reg_popup_new fieldset .fa {
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 15px;
    color: #AAAAAA;
    font-size: 20px;
}

.reg_popup_new fieldset .fa-lock {
    left: 11px;
}

.reg_popup_new fieldset .input {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    outline: none;
    border: 1px solid #AAAAAA;
    font-size: 13px;
    color: #000000;
    background-color: #F8F8F8;
}

.reg_popup_new fieldset .input.day {
    width: 25%;
}

.reg_popup_new fieldset .input.month {
    width: 50%;
}

.reg_popup_new fieldset .input:focus::-webkit-input-placeholder {
    color: transparent;
}

.reg_popup_new fieldset .input:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
.reg_popup fieldset .input:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
.reg_popup_new fieldset .input:focus:-ms-input-placeholder {
    color: transparent;
}

.reg_popup_new fieldset::-webkit-input-placeholder {
    color: #0D0D0D;
}

.reg_popup_new fieldset:-moz-placeholder {
    /* Firefox 18- */

    color: #0D0D0D;
}

.reg_popup_new fieldset::-moz-placeholder {
    /* Firefox 19+ */

    color: #0D0D0D;
}

.reg_popup_new fieldset:-ms-input-placeholder {
    color: #0D0D0D;
}

.reg_popup_new fieldset .w_icon {
    padding: 0 10px 0 50px;
}

.reg_popup_new fieldset .error_msg {
    font-size: 15px;
    color: red;
    margin-bottom: 0;
    display: none;
}

.reg_popup_new fieldset select {
    outline: none;
    padding: 0 10px;
    border: 1px solid #9b9fa2;
    /* reset arrow */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* custom arrow */

    background: url('data:image/svg+xml;utf8,<svg id="Capa_1" enable-background="new 0 0 551.13 551.13" height="512" fill="%23FF6B00" viewBox="0 0 551.13 551.13" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m275.565 361.679-223.897-223.896h-51.668l275.565 275.565 275.565-275.565h-51.668z"/></svg>') no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 10px 10px, 10px 10px, 3.5em 3.5em;
    background-repeat: no-repeat;
}

.reg_popup_new fieldset select option {
    color: #0D0D0D;
}

.reg_popup_new .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0 !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100%;
    max-height: 250px;
    overflow: auto;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.reg_popup_new .dropdown-menu.day {
    min-width: 25% !important;
    width: 25% !important;
}

.phone-prefix {
    font-size: 13px !important;
    color: #0D0D0D !important;
    font-family: 'dinregular', Arial, helvetica, sans-serif !important;
    top: 18px !important;
}

.reg_popup_new .dropdown-menu.nationality {
    min-width: 100% !important;
    width: 100% !important;
}

.reg_popup_new .dropdown-menu.month {
    min-width: 50% !important;
    width: 50% !important;
    left: 25% !important;
}

.reg_popup_new .dropdown-menu.year {
    min-width: 25% !important;
    width: 25% !important;
    left: 75% !important;
}

.reg_popup_new .dropdown-menu.showdd {
    display: unset !important;
}

.reg_popup_new fieldset select::-ms-expand {
    display: none;
}

.reg_popup_new span.form_label:after {
    position: absolute;
    content: attr(data-text);
    top: -25px;
    font-size: 13px;
    left: 0;
}

.reg_popup_new .appendGreen {
    left: 90% !important;
    color: #7DB110 !important;
}

.reg_popup_new .append {
    left: 90% !important;
}

.reg_popup_new .appendRed {
    left: 95% !important;
    color: #ee0000 !important;
}

.reg_popup_new .has-error {
    border-color: #ee0000 !important;
}

.reg_popup_new .ng-invalid-pattern {
    border-color: #ee0000 !important;
}

.reg_popup_new .email {
    margin-top: 5px;
}

.reg_popup_new .show-password-group {
    margin-top: -20px !important;
    height: 45px;
}

.reg_popup_new .show-password {
    margin-bottom: 40px !important;
}

.reg_popup_new .next_btn {
    border: none;
    outline: none;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 30px;
    height: 45px;
    width: 100%;
}

.form_group .append.passwdSpan {
    left: 80% !important;
}

.reg_popup_new .next_btn[disabled] {
    background-color: transparent !important;
    border: 1px solid #9b9fa2;
    color: #9b9fa2;
}

.reg_popup_new .email_confirm {
    margin-top: 5px;
}

.step_four_content .show-password {
    margin-bottom: 10px !important;
}

.reg_popup_new .has-error ~ p{
    color: #FF0000 !important;
}

.reg_popup_new .ng-invalid-pattern ~ p{
    color: #FF0000 !important;
}

.tooltipPassword {
    background: rgb(21,21,21);
    bottom: 110%;
    color: #fff;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 10;
    font-size: 12px;
    font-weight: bold;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.tooltipPassword:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.tooltipPassword:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid rgb(21,21,21) 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.tooltipPassword.visibile-block {
    opacity: 1 !important;
}

@media (max-width: 1024px) {
    .reg_popup_new {
        max-width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 0;
        margin-top: 0;
        border-radius: 0;
    }

    .reg_popup_new .popup_header {
        background: #EBEBEB;
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        position: relative;
        width: 100%;
        min-height: 85px;
    }

    .reg_popup_new .popup_header .steps_title {
        font-size: 15px;
    }

    .reg_popup_new span.form_label:after {
        font-size: 15px;
    }

    .reg_popup_new fieldset .input {
        font-size: 15px;
    }

    .reg_popup_new fieldset .form_group ::-webkit-input-placeholder {
        font-size: 15px !important;
    }

    .reg_popup_new fieldset .form_group :-moz-placeholder {
        font-size: 15px !important;
    }

    .reg_popup_new fieldset .form_group ::-moz-placeholder {
        font-size: 15px !important;
    }

    .reg_popup_new fieldset .form_group :-ms-input-placeholder {
        font-size: 15px !important;
    }
}

input[type=checkbox] {
    display: none !important;
}
.material-checkbox {
    position: relative;
    margin-bottom: .8rem;
}
.material-checkbox label {
    color: inherit;
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 1.6rem;
    user-select: none;
    font-weight: 400;
    vertical-align: middle;
}
.material-checkbox label:before {
    width: 1.6rem;
    height: 1.6rem;
    border: 0.1rem solid #9b9fa2;
    margin: 0;
    content: '';
    display: inline-block;
    transition: all .3s ease;
    user-select: none;
    will-change: background-color, border-color;
    margin-right: 0.8rem;
    vertical-align: middle;
    background-color: white;
}
.material-checkbox label:after {
    top: 1.1rem;
    left: 0.6rem;
    width: 1.2rem;
    border: 0.2rem solid white;
    height: 0.6rem;
    content: '';
    position: absolute;
    transform: scale(0, 0) rotate(-90deg) translateZ(0);
    transition: all .2s ease;
    will-change: transform;
    transform-origin: bottom left;
    border-top-style: none;
    border-right-style: none;
}
.material-checkbox input[type=checkbox] {
    display: none;
}
.material-checkbox input[type=checkbox]:checked + label:before {
    background-color: #7DB110;
    border-color: #7DB110;
}
.material-checkbox input[type=checkbox]:checked + label:after {
    transform: scale(1, 1) rotate(-45deg) translateZ(0);
}