.video-mn-cls .video-bg-login, .left-design-cd {
    display: none;
}

.logo-mn-cls.logo-ptn-2nd {
    display: block;
}

body {
    /* min-height: 100%; */
    position: relative;
}

/*body::before {
        content: "";
        left: 0px;
        position: fixed;
        z-index: -1;
        right: 0px;
        height: 100%;
        background-size: cover;
        width: 100%;
        background-image: url(/images/login_bg.jpg); /*background-image: -webkit-linear-gradient(top left, #290075 0%, #086ddf 100%)
    }
         */

/*.video-bg-layer {
    background: url(../../../images/slide-4.jpg) 0 0 / cover;
}*/


.mn-page-cls {
    width: auto;
    border-radius: 4px;
}

/*.rht-form-cls {
    width: 100%;
}*/

.form-2 {
}

.form {
    padding: 20px;
}

.ref_login_outer {
    padding: 0em 0;
}

#details_sponserid {
    text-align: left;
    color: #fff;
}

    #details_sponserid span {
        color: #000 !important;
    }

#popupmessageshow .btn-frm-cls {
    color: #fff !important;
    background: #18a7fa;
    border: none;
}

.logo-mn-cls, .lg-top-cls figure {
    width: 220px;
    min-height: 100px;
    line-height: 110px;
    background: #fff;
    border-radius: 90px;
    height: 130px;
    padding: 7px 20px;
    overflow: hidden;
    /* -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35); */
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
    /* box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35); */
    /*background: #28057a;*/
    /*background-image: -webkit-linear-gradient(left, #6f7aed 20%, #e416fe 100%);*/
    background: transparent !important
    /* border: solid 1px #3ef4aa; */
}

.lg-top-cls figure {
    padding: 27px 20px 0 !important;
}

#LoginCaptcha {
    margin-top: 15px;
}

.rht-form-cls {
    /*border: 1px solid #3ff2a3;*/
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
    /*border-radius: 10px;*/
    background: #0fa9aa;
}

.form-control option {
    color: #fff !important;
    background: #5d0070;
}

.ref_login_outer .input-log-cls {
    /* height: 36px; */
}

.join {
    display: none;
}

    .join h2, .lg-top-cls .join h2 {
        position: relative;
        border-bottom: 1px solid #dcdcdc;
        padding: 9px 0px 14px;
    }

        .join h2:after {
            content: "";
            background-color: #a271d0;
            width: 35px;
            height: 5px;
            border-radius: 2px;
            display: block;
            position: absolute;
            bottom: -3px;
        }

.lg-top-cls figure img {
    width: 100%;
    margin: 33px auto 0;
    height: auto;
    color: #fff;
    display: block;
    line-height: 66px;
}

.btn-frm-cls {
    border-radius: 0px;
    width: auto;
    padding: 10px 30px;
    display: table;
    margin: 0 auto;
    background: #14babb;
    /* border-radius: 5px; */
    font-size: 14px;
    border: none;
    font-weight: 600;
    background-image: linear-gradient(to right, #14babb, #057d7d);
}

    .btn-frm-cls:hover {
        box-shadow: 0px 0 1px 2px rgb(0 0 0 / 14%);
    }

#btnSignIn.btn-frm-cls:hover {
    color: #fff;
}

#btnpreview.btn-frm-cls:hover {
    color: #fff;
}

.form-control {
    /* height: 36px; */
    border-radius: 4px;
}

#flagimg {
    margin-top: 5px;
}

.lg-top-cls figure {
    border: none;
    margin-bottom: 16px;
}

.LoginValidation {
    padding: 0;
    right: 0px;
    margin: 15px 0 0;
}

.mn-page-cls, .referral_incentive {
    background: none;
    box-shadow: none;
}

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

    .form-group label {
        color: rgb(255 255 255 / 50%);
        display: none;
    }

.LoginValidation {
    background: none;
    color: #ffe000;
    margin: 0px 0 0;
    bottom: 9px;
    left: 20px;
    right: unset;
}

#sponse-id-details p {
    color: #4b4b4b;
}

#forgotPassword, .link-cls, .link-cls a, #divTerms, #divTerms a {
    color: #ffe000;
}

#referal-signin-page .register .form-group label {
    display: inline-block;
}

#LoginPassword, #TransactionPassword {
    color: #fff;
    text-align: left;
}

.log-pass {
    position: relative;
}

    .log-pass .LoginValidation {
        /* top: -18px; */
    }

    .log-pass #txtpassword {
    }

    .log-pass .show-hide-icon {
        position: absolute;
        top: 35%;
        right: 12px;
        transform: translateY(-50%);
    }

        .log-pass .show-hide-icon:after {
            font-family: FontAwesome;
            content: "\f06e";
            background: #5d0070;
            width: 20px;
            height: 20px;
            padding: 3px;
            border-radius: 2px;
            color: rgb(255 255 255 / 50%);
        }

    .log-pass .show-hide-icon-reverse {
    }

        .log-pass .show-hide-icon-reverse:after {
            content: "\f070";
        }

.mobile-no-wrap {
    display: flex;
}

.mobile-no-wrap {
    display: flex;
}

#txtcontrycome {
    border-radius: 0px;
    /* height: 35px; */
    background: #fff;
    margin-bottom: 1px;
}

#popupmessageshow label {
    color: #000 !important;
}

#popupmessageshow .form-group {
    text-align: center;
    border-bottom: 1px solid #adadad;
}

#Captcha .rc-anchor-light {
    background: transparent !important;
    color: #fff !important;
    border-radius: 54px !important;
}

.refer-login-page {
    background: none;
}

#Captcha > div {
    width: 100% !important;
    height: 68px !important;
}

.rc-anchor-light.rc-anchor-normal.rc-anchor {
    background: none !important;
    width: 100% !important;
}

#txt_login .text-right {
    text-align: center !important;
}

#Captcha .rc-anchor-center-container {
    display: block !important;
}


.logo-wrp-wr {
    /*background: #018182;*/
    padding: 30px 0;
    border-radius: 10px 10px 0 0;
    /* margin-top: 3px; */
}

figure.logog-wrp > img {
    width: 145px;
    margin: 0 auto;
    display: table;
}

input#btnSignIn {
    /*width: auto;
    padding: 10px 30px;
    display: table;
    margin: 0 auto;
    background: #363435;
    border-radius: 5px;*/
    width: auto;
    padding: 10px 30px;
    display: table;
    margin: 0 auto;
    /* border-radius: 5px; */
    font-size: 14px;
    border: none;
    font-weight: 600;
    background-image: linear-gradient(to right, #f8b217, #865f0a);
}

.form-group > span {
    color: #ffdf00;
}

input#btnpreview {
    /*width: 100%;*/
    /* display: table; */
    /* margin: 0 auto; */
    background: #ffe000 !important;
    border-color: #ffe000 !important;
    margin-top: 15px;
    margin-bottom: 5px;
    border-radius: 5px;
    color: #5d0070 !important;
}

span#ddlsponsestar {
    color: #f00 !important;
}

.referral_incentive .mendatory {
    color: #f00 !important;
}

figure.logog-wrp {
    background: #000;
    border-radius: 1000px;
    width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    box-shadow: 0 0 20px 20px #0000001a;
    border: 10px #f8b217 solid;
}


/*-----vandna--css--2-nov-2020------*/

.left-part-bg {
    /*background-image: url(../../../images/shopping-bg.jpg);*/
    /*background-size: cover;*/
    /*background-color: red;*/
    /*background-position: right;
    height: 100vh;*/
    /*min-height: 655px;*/
    /*width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 50px;*/
}

.left-bgimg {
    position: relative;
    text-align: center;
    color: white;
    width: 100%;
}

    .left-bgimg:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .left-bgimg img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.left-part-bg h2 {
    font-size: 40px;
    text-transform: uppercase;
    line-height: 50px;
    color: #f8b217;
    text-shadow: 0px 2px 6px #656363;
}

.left-part-bg p {
    color: #fff;
    font-size: 19px;
    padding: 0px 50px;
    font-weight: 500;
}

.right-part {
    padding: 40px 80px;
    background: #f9f9f9;
}
/*.ref_login_outer:before{
    background:#f9f9f9 !important;
    opacity:1 !important;
}*/
.display-block {
    display: block !important;
}

.mn-page-cls.regsiter-pg-cls {
    width: 100%;
}

    .mn-page-cls.regsiter-pg-cls .left-part-bg .logo-mn-cls {
        margin-top: 0px;
    }

.right-part-signup {
    padding: 40px !important;
    background: #f9f9f9;
    height: 100vh;
    overflow-y: scroll;
}

#spnUser {
    right: 0px !important
}

#details_sponserid, #sponse-id-details {
    margin-top: 0px !important;
}

#txtcontrycome {
    width: 70px !important;
}

element.style {
}

dt {
    font-weight: 500 !important;
}

.popupmessageshow .modal-header {
    text-align: center;
}

#popupmessageshow label {
    font-weight: 600 !important;
}

.float-right {
    float: right;
}

@media screen and (max-width: 991px) {
    .mn-page-cls {
        width: 50%;
    }
}

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

    .mn-page-cls.regsiter-pg-cls .form {
        padding: 0;
    }

    #referal-signin-page .col-sm-6, #referal-signin-page .col-sm-4 {
        padding-right: 15px;
    }

    .mn-page-cls {
        width: 100%;
    }

    .g-recaptcha {
        transform: scale(0.79);
        -webkit-transform: scale(0.79);
        -ms-transform: scale(0.79);
        -moz-transform: scale(0.79);
        transform-origin: 0 0 !important;
    }

    #txt_login .g-recaptcha {
        transform: scale(0.86) !important;
        -webkit-transform: scale(0.86) !important;
        -moz-transform: scale(0.86) !important;
        -ms-transform: scale(0.86) !important;
    }

    .left-bgimg {
        height: 150px;
        overflow: hidden;
    }

    /*body::before { background: url(../../../images/bold-coin-bg.jpeg) 0px 0px / 100% 100% no-repeat; }*/
    .rht-form-cls {
        width: 93%;
        margin: auto;
    }

    .left-part-bg h2 {
        font-size: 30px;
        line-height: 34px;
    }
}
















































.right-part-new {
    background: #5d0070;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    border-radius: 10px;
    position: relative;
    width: 100%;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 35%);
    padding: 0 30px 30px;
}

.wpr-pages-lg-login {
    display: flex;
    position: absolute;
    width: 28%;
    left: 70px;
    flex-flow: column;
    color: #495057;
    top: 0;
    top: 50%;
    transform: translateY(-50%);
}


.ref_login_outer.new-login:before {
    background: rgb(69 0 112);
    width: 352px;
}

.logo-wrp-wr-new {
    top: 7px;
    left: 0;
    width: 100%;
    padding: 15px;
}

.video-bg-layer {
    /* background-repeat: no-repeat; */
    /* background: url(https://learn.g2.com/hubfs/iStock-1158432489.jpg) !important; */
    /* background-size: cover !important; 
    background: url(https://blborewell.com/img/bg-pic.svg) !important;
    background-size: cover !important;*/
}

.text-over-tx h2 {
    font-size: 18px;
    color: #fff;
    padding: 20px;
    position: relative;
    box-shadow: none;
    margin-top: 30px;
    padding: 0;
}

.form.refer-login-page-new {
    padding: 0;
}

    .form.refer-login-page-new input {
    }

.left-bgimg-new {
    word-break: break-all;
}

figure.logog-wrp-new img {
    width: 250px;
}

input#btnSignIn, input#BtnForgotRecover {
    background: #ffe000 !important;
    border-color: #ffe000 !important;
    margin-top: 15px;
    margin-bottom: 5px;
    border-radius: 5px;
    color: #5d0070 !important;
}

.txt-cnt {
    text-align: center;
}

.remenberr-d {
    text-align: center;
}

span.text-center.link-cls.text-primary {
    margin-top: 0;
    color: rgb(255 255 255 / 50%);
}

.form.refer-login-page-new .form-contant {
    margin-top: 15px;
}

a.btn-sign-up {
    color: #ffe000;
}


.signup-scroll {
    /* overflow-y: scroll; */
}

.signup-screen .wpr-pages-lg-login {
    width: 40%;
    transform: unset;
    top: 0;
}

.signup-screen .right-part-new {
    padding-top: 30px;
    padding-bottom: 15px;
}

.signup-screen input, .signup-screen select {
    border: 1px solid #e0e0e0 !important;
    box-shadow: none;
    background: transparent;
    border: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 16%) !important;
}

span.text-center.link-cls {
    color: rgb(255 255 255 / 50%);
}

.pic-sing-up {
    width: 600px;
    position: relative;
    z-index: 9999;
    position: absolute;
    right: 77px;
    top: 95px;
    text-align: center;
}

.signup-screen input::placeholder, .signup-screen select::placeholder {
    color: white !important;
}

.signup-screen input::placeholder, .signup-screen select::placeholder, .signup-screen select, .signup-screen input {
    color: white !important;
    background: transparent !important;
}

.form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid #ffe000 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff;
}

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #5d0070 inset;
        border-bottom: 1px solid #ffe000;
    }

select {
    -webkit-appearance: none;
    position: relative;
}

div#Country, div#City, div#State {
    position: relative;
}

    div#Country:before, div#City:before, div#State:before {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid rgb(255 255 255 / 16%);
        position: absolute;
        bottom: 15px;
        right: 5px;
        content: "";
        z-index: 98;
    }



div#divTerms {
    color: rgb(255 255 255 / 50%);
}

div#divTerms {
    color: #ffffff78;
}

a#termOfUse12 {
    color: rgb(255 255 255 / 50%);
}


span.float-right.mobilespan {
    position: absolute;
    right: 0;
}



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

* {
    font-family: 'Poppins', sans-serif !important;
}

.form-control {
    width: 100%;
    height: auto;
    padding: 0px 12px 4px 0;
    font-size: 14px;
}

.signup-screen .col-sm-6 {
    width: 100%;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #5c006e inset;
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff !important;
}

input[type="password"], input[type="text"] {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgb(255 255 255 / 16%);
    color: #fff !important;
}


body.active-bg {
    background-image: url('../../../images/bg-pic.svg') !important;
    background-size: cover !important
}





/***********************************/
@media (max-width:767px) {
    .pic-sing-up {
        width: 100%;
        position: relative;
        right: unset;
        top: unset;
    }



    .wpr-pages-lg-login {
        width: 100%;
        position: relative;
        left: 0;
        transform: unset;
        top: 0;
    }

    .ref_login_outer.new-login {
        padding: 0 15px;
    }

    img.pic0110 {
        display: none;
    }

    img.res-pic {
        display: block !important;
        position: relative;
        width: 100%;
        margin-top: 50px;
    }
    .wpr-pages-lg-login {
        width: 100% !important;
    }

    .logo-wrp-wr-new {
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
    }
}
/**********************************/