/********************tremorz_2.0_sign_up_css************************/
.form-control:focus {border-color: transparent;outline: 0;box-shadow: none !important;}
.login_new a {font-family: Roboto;font-weight: normal;
 font-size: 18px;line-height: 21px;color: #FFFFFF;padding: 9.5px 0px;display: inline-block;margin: 0px -2px;}
/*.login_new {display: inline-block;background-color: #1ebd94;border-radius: 5px;border: none;margin-top: 0px;margin-left: 35px;}*/
.login_new {display: inline-block;}
.login_new a.radius_login {padding-left: 21px;padding-right: 8px;border-radius: 5px 0px 0px 5px;}
.login_new a.radius_signup {padding-right: 21px;border-radius:5px;}
.login_secound .modal-dialog, .signup_secound .modal-dialog {width: 375px;}
.login_secound .background-design, .signup_secound .background-design{background: #FFFFFF;border-radius: 20px;font-family: Roboto;}
.login_secound .background-design{padding: 42px 20px 50px 20px;}
.signup_secound .background-design {padding: 42px 20px 10px 20px;}
.off-off {position: absolute;right: -27px;top: -27px;}
.off-off:hover {cursor: pointer;}
.login_secound h3, .signup_secound h3 {font-size: 40px;line-height: 47px;text-align: center;color: #000000;font-weight: bold;}
.logi_frm{margin-top: 56px;}
.signup_frm {margin-top: 70px;}
.signup_frm .form-group.sign_out {margin-top: 240px;}
.artist_signup_frm .form-group.sign_out {margin-top: 100px;}
.otp_fom.all_area .sign_btn, .secound_step.all_area button.sign_btn {margin-top: 20px;}
.otp_fom.all_area .fisrt_step .back_img, .secound_step.all_area .back_img.back_to{margin-top: 95px;}
.fan_signup_frm .form-group.sign_out, .fan_signup_frm .form-group.paypal_out  {margin-top: 70px;}
.label_signup_frm .form-group.sign_out {margin-top: 30px;}
.label_signup_frm {margin-top: 30px;}
form.artist_signup_frm, form.fan_signup_frm{margin-top:55px;}
.form-group {display: inline-block;width: 100%;position: relative;margin-bottom: 0px !important;}
.form-group input, .form-group select{height: 44px;text-align: left;color: #7f7f7f;font-size: 16px;line-height: 19px;font-weight: normal;letter-spacing: 0.3px;width: 100%;background: #FFFFFF;border-bottom: 1px solid #A8A6A7 !important;box-sizing: border-box;border-radius: 0px;font-family: Roboto;padding: 5px 0px;border: none;box-shadow: none !important;font-weight: 500;}
.form-group input::placeholder, .form-group select{color: #A8A6A7 !important;font-weight: bold;font-size: 16px;line-height: 19px;font-weight: 500;}
.account_ops p, .account_ops a, .password_ops p,.password_ops a, .alrdy_acc p, .alrdy_acc a{font-size: 16px;line-height: 19px;text-align: center;color: #000000;}
.eye, .close-eye {position: absolute;right: 5px;z-index: 999 !important;display: inline-block;top: 15px;width: 22px !important;}
.account_ops, .password_ops, .alrdy_acc{width: 100%;margin: 0 auto;text-align: center;padding: 12px 0;}
.alrdy_acc {padding: 0px 0 10px;}
.account_ops a, .password_ops a, .alrdy_acc a {color: #ff8e8e;text-decoration: underline;}
.tremorz_log_submit, .sign_btn, .paypal_btn {background-color: #C4C4C4;border-radius: 20px;border: none;width: 100%;padding: 9px 12px;font-size: 22px;line-height: 26px;color: #000000;margin-bottom:16px;box-shadow: 2px 3px 4px #b1b1b1;}
.sign_btn{margin-bottom: 5px;}
.tremorz_log_submit:hover, .sign_btn:hover {background-color: #1EBD94;}
.login_out{margin-top: 40px}
p.uppr_accont, p.referral_code {font-size: 16px;line-height: 19px;color: #A8A6A7;
font-weight: 500;}
.back_img img.back_text {cursor: pointer;}
p.uppr_accont{margin: 105px 0 0px 0;text-align: center;}
.referral_code {margin-bottom: 45px !important;}
.form-group.input_account p {font-size: 16px;line-height: 19px;color: #A8A6A7 !important;
width: 100%;margin: 0 auto;height: 44px;padding: 12px 0px;font-weight: 600;}
.signup_frm .form-group {border-top: 1px solid #A8A6A7;}
div#selection_area .signup_frm .form-group.label_art {border-bottom: 1px solid #A8A6A7 !important;}
.signup_frm .form-group.sign_out {border-top: none;}
.input_account span.checkmark{top: 11px;right: 0px !important;position: absolute;height: 21px;width: 21px;border: 2px solid #324f74;border-radius: 90px;left: -20px;background-color: #fff;}
.input_account label{display: block;position: absolute;right: 0px;top: 0px;}
.chekck label {display: block;position: absolute;left: 0px;top: 0px;}
.chekck {position: relative;}
.new-upload .nth_sixth label.check_label, .sfan_sixth label.check_label{display: block;position: absolute;left: 48px;top: -12px;}
.input_account span.checkmark, label.check_label span.checkmark, {top: 11px;right: 29px;position: absolute;height: 21px;width: 21px;border: 2px solid #324f74;border-radius: 90px;}
.new-upload .nth_sixth label.check_label span.checkmark {left: -36px;top: 0px;position: absolute;height: 21px;width: 21px;border: 2px solid #324f74;border-radius: 90px;}
.chekck span.checkmark {top: 23px;right: 0px;position: absolute;height: 21px;width: 21px;
border: 2px solid #324f74;border-radius: 90px;left: 40px;}
.input_account .checkmark:after, label.check_label .checkmark:after, .chekck .checkmark:after{left: 6px;top: 2px;width: 6px;height: 11px;border: solid #189d7b;border-width: 0 2px 2px 0;-webkit-transform: rotate(43deg);-ms-transform: rotate(43deg);transform: rotate(43deg);}
.input_account .checkmark::after, .input_account .checkmark::before, label.check_label .checkmark::after, label.check_label .checkmark::before, .chekck .checkmark::after, .chekck .checkmark::before{content: "";position: absolute;display: none;}
.input_account input:checked ~ .checkmark:after, .input_account input:checked ~ .checkmark:before, label.check_label input:checked ~ .checkmark:after, label.check_label input:checked ~ .checkmark:before, .chekck input:checked ~ .checkmark:after, .chekck input:checked ~ .checkmark:before{display: block;}
.input_account span.checkmark::before, label.check_label span.checkmark::before, .chekck span.checkmark::before{border: 2px solid #189d7b;content: "a";position: absolute;font-size: 0px;width: 21px;height: 21px;border-radius: 90px;top: -2px;right: -2px;}
.back_img {display: inline-block;text-align: center;margin: 25px auto 0px;width: 100%;}
.form-group select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select.country {background-image:url(../image/rectangle-arrow.png)!important;
background-repeat: no-repeat !important;background-size: 6% 30% !important;
background-position-x: 310px !important;background-position-y: 16px !important;}
.otp_fom {text-align: center;}
.otp_fom .full_hand_image {margin-bottom: 60px;}
.otp_verifi, .block_chain p {font-weight: bold;font-size: 24px;line-height: 28px;text-align: center;color: #3A3A3A;}
.one_time, .mobile_no {font-size: 16px;line-height: 24px;margin-top: 30px;margin-bottom: 35px;}
.recieve_msg {font-size: 16px;line-height: 24px;color: #B9B9B9;margin-bottom: 20px;
margin-top: 40px;text-align: center;}
form.otp_form {text-align: center;}
.one_time{color: #3A3A3A;text-align: center;}
.mobile_no {color: #B9B9B9;margin-bottom: 25px;}
.enter_number {width: 90%;margin: 0 auto 28px;}
.different_digit span {font-size: 20px;line-height: 24px;color: #000000;}
label.different_digit span {font-size: 20px;line-height: 24px;color: #000000;margin-top: 9px;
display: inline-block;border-bottom: 1px solid #2743FD;padding: 3px 0;}
.recieve_msg span {color: #2743fd;}
.block_chain {text-align: center;display: inline-block;padding-bottom: 40px;}
.block_chain p {width: 70%;margin-top: 30px;margin-bottom: 30px;}
.percentage_loader {position: relative;background-color: #2a9d8f;width: 100%;margin-bottom: 10px;display: inline-block;}
.progress {position: absolute;height: 10px;width: 60%;border-radius: 15px;left: 0px;right: 0px;text-align: center;margin: 0 auto;}
.progress .color {position: absolute;background: linear-gradient(114.44deg, #5041FD 0%, #9F03FF 100%);width: 0px;height: 10px;border-radius: 6px;animation: progres 4s infinite linear;}
.block_chain .sign_btn {margin-top: 150px;}
form.otp_form input[type=number] {height: 46px;width: 48px;font-size: 24px;text-align: center;border: none; border-bottom: 1px solid #2743FD;margin-right: 24px;font-family: Roboto;
font-weight: normal;}
form.otp_form input[type=number]::-webkit-inner-spin-button,
form.otp_form input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
form.otp_form input:last-child {margin-right: 0px;}
.form-group select option {color: #A8A6A7;padding: 6px 13px;}
.enter_number .country_flag {float: left;border: 1px solid #757575;border-radius: 8px;padding: 13px 16px;}
.enter_number span.country_name {margin-left: 7px;float: left;}
.country_name {font-family: Roboto;font-weight: bold;font-size: 14px;line-height: 16px;
letter-spacing: 1.25px;text-transform: uppercase;color: rgba(0, 0, 0, 0.54);}
.enter_number .country_flag img {float: left;}
form.otp_form input:focus-visible {outline: none;}
.otp_expire{font-size: 16px;line-height: 19px;color: #FF8E8E;font-weight: 700;padding-top: 5px;text-align: center;}
.one_time span {font-weight: 700;}
.form-group.input_account {border-bottom: 1px solid #A8A6A7 !important;}
.form-group.input_account.inter_user p.acc_paypl {width: 80%;margin: 0 0;padding: 4px 0;}
.signup_frm .form-group.input_account {border-bottom: none !important;}	
.signup_secound .input_account input, label.check_label input, .chekck input, .sfan_sixth label.check_label input{display: none;}	

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important; 
 background-color: none !important;}
input[type=number]::-webkit-outer-spin-button,
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@keyframes progres{
    0%{
      width: 0%;
    }
    25%{
        width: 50%;
    }
    50%{
        width: 75%;
    }
    75%{
        width: 85%;
    }
    100%{
        width: 100%;
    }
};

/********************tremorz_2.0_end_sign_up_css************************/
.canvas {
  display: block;
  margin-bottom: 0.5rem;
}
/********************tremorz_2.0_end_sign_up_css************************/
.addReadMore.showlesscontent .SecSec,
    .addReadMore.showlesscontent .readLess {
        display: none;
    }

    .addReadMore.showmorecontent .readMore {
        display: none;
    }

    .addReadMore .readMore,
    .addReadMore .readLess {
        font-weight: bold;
        margin-left: 2px;
        color: blue;
        cursor: pointer;
    }

    .addReadMoreWrapTxt.showmorecontent .SecSec,
    .addReadMoreWrapTxt.showmorecontent .readLess {
        display: block;
    }
/********************tremorz_2.0_end_sign_up_css************************/
.mbr_rht.check_point .checkbox input[disabled] + label {
  color: #bfbaba;
  cursor: not-allowed;
}


@media (max-width : 767px){
.login_secound .background-design {padding: 42px 15px 50px 15px;}
.login_secound .modal-dialog, .signup_secound .modal-dialog {width: 92%;margin: 55px auto 50px;}
.login_secound {padding-right: 0px !important;}
.login_secound h3, .signup_secound h3 {font-size: 35px;line-height: 40px;}
}