@font-face {
	font-family: "DMSans";
	src:  url("../fonts/DMSans-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-Blk.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStd-Blk.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-Ex.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStd-Ex.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-Md.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStd-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.signup-box {
    /* max-width: 960px; */
    margin: 0 auto;
}

.signup-form-area {
    margin-top: 55px;
}

.signup-form-area h1 {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: unset;
}

.signup-form-wrapper, .membership-payment-area {
    /* width: 50%;
    float: left; */
    max-width: 400px;
}

/* .signup-info {
    width: 42%;
    margin-left: 8%;
    float: right;
    margin-top: 25px;
} */

.header.signup-header {
    text-align: left;
    border-bottom: 1px solid #c0c0c0;
    padding: 37px 0;
}

.signup-title {
    text-align: center;
    font-weight: 600;
    margin-top: 90px;
    margin-bottom: 80px;
    font-size: 34px;
    font-family: 'Helvetica Neue LT Std', "DMSans";
}

/* 1 Step */
.signup-tab-items.tab-content {
    padding-right: 56px;
}

/* .signup-field {
    min-height: 93px;
} */

.signup-field input,
.login-box .rcp_form input[type=text],
.login-box .rcp_form input[type=password],
.login-box .rcp_form input[type=email] {
    /*width: 390px;*/
    height: 38px;
    border: 1px solid #D1D5DB;
    margin-bottom: 20px;
    border-radius: 6px;
    font-size: 14px;
    padding: 9px 9px 9px 40px;
    /* text-indent: 16px; */
    color: #181B1F;
    width: 100%;
    max-width: 424px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.signup-field input[name="email"],
.signup-field input[name="first_name"],
.signup-field input[name="last_name"],
.signup-field input[name="password"],
.signup-field input#reg-password-again,
.login-box .rcp_login_data input {
    background-position: 13px 50%;
    background-repeat: no-repeat;
}

.signup-field input[name="email"],
.login-box .rcp_login_data input[name="rcp_user_login"] {
    background-image: url(../img/signup-mail.png);
}

.signup-field input[name="first_name"],
.signup-field input[name="last_name"] {
    background-image: url(../img/signup-user-2.png);
}

.signup-field input[name="password"],
.signup-field input#reg-password-again,
.login-box .rcp_login_data input[name="rcp_user_pass"] {
    background-image: url(../img/signup-password.png);
}

.login-box .rcp_form input[type=checkbox] {
    margin: 0px 8px 0 0;
    width: 24px;
    height: 24px;
    box-shadow: none;
}

.login-box .rcp_lost_password {
    margin-top: 24px;
}

.login-box .rcp_lost_password a{
    color: #8c8d8f;;
    font-size: 16px;
    font-weight: 300;
    text-decoration: underline;
}

.login-box .rcp_login_data .rcp-button {
    margin-top: 34px;
    display: block;
    width: 100%;
}

.signup-field input:focus:invalid:focus {
    border-color: #676767;
    color: #676767;
    box-shadow: none;
}

.signup-field input:focus {
    border-color: #676767;
    color: #000;
    box-shadow: none;
}

.signup-field label {
    /* text-transform: uppercase; */
    color: #374151;
    font-weight: 500;
    /* padding-left: 15px; */
}

.signup-next-button {
    /* background-color: #00b8ff !important;
    background-image: url("../img/arrow-right-icon.png") !important;
    background-position: 160px center !important;
    background-repeat: no-repeat !important;
    border-radius: 2px !important;
    border: none !important;
    text-transform: none !important;
    width: 210px !important;
    height: 55px !important;
    margin-top: 20px !important;
    margin-top: 20px !important;
    font-family: 'Helvetica Neue LT Std', "DMSans" !important;
    padding-left: 0px !important;
    padding-right: 45px !important;
    color: #fff !important; */
}

.next-step-button {
    margin-bottom: 12px !important;
    margin-top: 12px;
    height: auto;
}

.next-step-button .signup-next-button {
    height: auto;
}

.occupation-dropdown {
    width: 100% !important;
    max-width: 424px !important;
    /*width: 424px !important;*/
    height: 38px;
    margin-bottom: 20px !important;
}

.occupation-dropdown .filter-option {
    text-transform: none;
    height: 100%;
    line-height: 38px;
    /* border-right: 1px solid #c0c0c0; */
    /* font-size: 16px; */
    font-family: 'Helvetica Neue LT Std', "DMSans";
    font-weight: 400;
    color: #181B1F;
}

.occupation-dropdown .btn-default {
    background: #fff;
    border: 1px solid #D1D5DB;
    border-radius: 6px !important;
    height: 38px;
    padding: 0 55px 0 40px !important;
    background-image: url(../img/signup-user.png);
    background-position: 13px 50%;
    background-repeat: no-repeat;
}

.occupation-dropdown .btn-default .caret {
    right: 20px !important;
    background: url(../img/arrow-down-black.png) no-repeat !important;
    border: none !important;
    height: 7px !important;
    width: 13px !important;
    display: inline-block !important;
}

.occupation-dropdown .dropdown-menu {
    border-radius: 2px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background: #00b8ff !important;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    height: 48px;
    line-height: 48px;
}

.login-button-wrapper,
.signup-button-wrapper {
    color: #4B5563;
    font-size: 14px;
    margin-bottom: 100px;
}

.login-button-wrapper .login-button,
.signup-button-wrapper .signup-button {
    font-weight: 700;
    text-decoration: underline;
    color: #4B5563;
}

.signup-info {
    padding-left: 60px;
    padding-top: 60px;
    position: relative;
    color: #fff;
    min-height: calc( 100vh - 103px );
}

.signup-info h2 {
    font-size: 24px;
    margin-bottom: 40px;
}

.signup-info:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50vw;
    height: 100%;
    z-index: -1;
    background-image: url(../img/register-page-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.signup-info ul {
    margin-left: 0;
    /* border-bottom: 1px solid #c0c0c0; */
    padding-bottom: 12px;
    margin-bottom: 50px;
}

.signup-info ul li {
    list-style-type: none;
    background: url(../img/list-icon-yellow.png) no-repeat 0 12px;
    list-style-position: outside;
    padding-left: 40px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    /* font-family: 'Helvetica Neue LT Std', "DMSans"; */
    /* width: 255px; */
    line-height: 1.5;
    color: #fff;
}

.signup-info ul li:last-child {
    background-position: 0 5px;
}

.signup-info ul li strong {
    display: block;
    font-size: 24px;
    font-weight: 500;
}

.occupation-dropdown li a {
    font-family: 'Helvetica Neue LT Std', "DMSans" !important;
    /* font-size: 16px !important; */
    font-size: 14px !important;
}

.signup-info .signup-testimonial {
    background: url(../img/quote-icon.png) no-repeat 5px 5px;
    padding-left: 40px;
    margin-bottom: 40px;
    font-size: 15px;
    font-family: 'Helvetica Neue LT Std', "DMSans";
    width: 255px;
    line-height: 1.4em;
}

.signup-testimonial-text {
    font-style: italic;
    color: #555;
    margin-bottom: 30px;
}

.signup-testimonial-person-name {
    font-weight: bold;
    color: #000;
    font-size: 16px;
    font-family: 'Helvetica Neue LT Std', "DMSans";
    margin-bottom: 5px;
}

.signup-testimonial-person-occupation {
    color: #a8a8a8;
    font-size: 14px;
    font-family: 'Helvetica Neue LT Std', "DMSans";
}

.next-step-button {
    text-align: right;
    max-width: 424px;
}

/* 2 Step */
.signup-tab-list {
    list-style-type: none;
}

.signup-steps {
    margin-bottom: 50px;
}

.step-1-wrap {
    display: inline-block;
    margin-left: -20px;
}

.step-2-wrap {
    display: inline-block;
}

.steps-item {
    display: inline-block;
    font-family: 'Helvetica Neue LT Std', "DMSans";
    font-size: 15px;
    margin-left: 10px;

}

.signup-steps {
    text-align: center;
}

.step-arrow {
    padding: 0 25px;
    display: inline-block;
}

.step-1-name {
    color: #bbb;
}

.step-1-number {
    width: 36px;
    height: 36px;
    border: 1px solid #bbb;
    border-radius: 50px;
    text-align: center;
    line-height: 36px;
    color: #bbb;

}

.step-2-name {
    color: #58c7ff;
    margin-right: 30px;
}

.step-2-number {
    width: 36px;
    height: 36px;
    border: 1px solid #58c7ff;
    border-radius: 50px;
    background: #58c7ff;
    color: #fff;
    text-align: center;
    line-height: 36px;
    margin-left: 0;
}

.subscription-field {
    height: 24px !important;
    width: 24px !important;
    float: left;
}

.subscription-field:checked + .subscription-box {
    background-color: #eaebef;
    border-color: #eaebef;
}

.subscription-field + .subscription-box {
    margin-bottom: 0;
    background-color: #f7f7fa;
    border-color: #f7f7fa;
    height: 60px;
    text-transform: none;
    color: #000;
    font-family: 'Helvetica Neue LT Std', "DMSans";
    padding: 30px 30px 30px 105px;
}

.rcp_subscription_level:first-child .subscription-box {
    border-bottom: 1px solid #d7dae0 !important;
}

.membership-list {
    border: 1px solid #d7dae0;
    border-radius: 3px;
    position: relative;
    list-style-type: none;
    margin: 0;
}
.membership-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, 0.84);
}
.membership-list.loaded::before {
    display: none;
}

.rcp_subscription_level {
    min-height: auto;
    font-family: 'Helvetica Neue LT Std', "DMSans";
}

.subscription-box-title {
    font-size: 17px;
    margin-bottom: 15px;
    display: inline-block;

}

.signup-price-only {
    font-size: 24px;
    padding-right: 4px;
}

.subscription-box-price {
    font-size: 17px;
    margin-bottom: 15px;
    display: inline-block;
}

.subscription-box-description {
    font-size: 16px;
    opacity: 0.5;

}

.signup-box [type="radio"]:checked,
.signup-box [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.signup-box [type="radio"]:checked + label,
.signup-box [type="radio"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
}

.signup-box [type="radio"]:checked + label:before,
.signup-box [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 32px;
    top: 49px;
    width: 22px;
    height: 22px;
    border: 1px solid #969696;
    border-radius: 100%;
    background: #fff;
}

.signup-box [type="radio"]:checked + label:after,
.signup-box [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #4a4a4a;
    position: absolute;
    top: 57px;
    left: 40px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.signup-box [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.signup-box [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.subscription-box-body {
    position: absolute;
    top: 50px;
    left: 350px;
}

.subscription-box-description {
    font-size: 14px;
}

.membership-payment-area {
    width: 53.4%;
}

.membership-payment-area + .signup-info {
    width: 38.6%;
}

.signup-payment-form {
    background: #f7f7fa;
    border: 1px solid #d7dae0;
    border-radius: 3px;
    padding: 24px 65px 14px;
    margin-bottom: 150px;
}

.signup-payment-form .signup-field label {
    font-family: 'Helvetica Neue LT Std', "DMSans";
    font-weight: bold;
}

.expiration-label {
    color: #b4b7c3;
    padding-left: 15px;
    text-transform: uppercase;
    font-family: 'Helvetica Neue LT Std', "DMSans" !important;
    font-weight: bold;
}

label[for="rcp_card_cvc"] {
    text-indent: 31px;
}

.signup-payment-form .dropdown-toggle {
    background: #fff;
    font-family: 'Helvetica Neue LT Std', "DMSans";
    border-radius: 2px !important;
    font-size: 16px;
    border: 1px solid #c0c0c0;
    text-transform: none;
    height: 48px;
    text-indent: 4px;
}

.signup-payment-form .form-control-select {
    width: 34%;
}

.signup-payment-form .card-expiry-month.form-control-select {
    width: 57%;
}

.rcp_expiry_separator {
    color: #b4b7c3;
    width: 5%;
    display: inline-block;
    text-align: center;
}

#rcp_expiration_wrap {
    margin-bottom: 15px;
    width: 60%;
    float: left;
}

#rcp_card_cvc {
    width: 34%;
    margin-left: 5%;
}

.signup-payment-form .signup-next-button {
    width: 100% !important;
    background-image: none !important;
    padding-right: 0px !important;
    margin-top: 15px !important;
}

.payment-logo-items {
    text-align: center;
    margin: 30px 0;
}

.payment-logo-items img {
    margin: 0 18px;
}

.gateway-wrapper {
    display: inline-block;
    width: 49.1%;
}

.gateway-wrapper label {
    width: 100%;
    padding: 23px 0 17px 0;
    text-indent: 84px;
    border-radius: 3px;
    font-family: 'Helvetica Neue LT Std', "DMSans";
    font-size: 17px;
}

label[for="gateway-stripe"] {
    background-image: url('../img/visa-icon.png') !important;
    background-repeat: no-repeat !important;
    background-position: 48px center !important;
}

label[for="gateway-paypal"] {
    background-image: url('../img/paypal-icon.png') !important;
    background-repeat: no-repeat !important;
    background-position: 48px center !important;
}

.signup-payment-form [type="radio"]:checked + label:before,
.signup-payment-form [type="radio"]:not(:checked) + label:before {
    left: 15px;
    top: 20px;
}

.signup-payment-form [type="radio"]:checked + label:after,
.signup-payment-form [type="radio"]:not(:checked) + label:after {
    top: 28px;
    left: 23px;
}

.gateway-wrapper [type="radio"]:checked + label {
    border: 1px solid #ccc;
    background: #e6e8ee;

}

.signup-payment-gateways {
    margin-bottom: 15px;
}

.signup-payment-gateways-fields select.card-expiry-month,
.signup-payment-gateways-fields select.card-expiry-year  {
    height: 48px;
    border-radius: 2px;
    margin-bottom: 0;
    border: 1px solid #c0c0c0;
    font-size: 16px;
    color: #333;
    padding-left: 12px;
}


.page-template-template-login .site-main {
    padding: 0;
    overflow-x: visible;
}

.login-box .rcp_form label {
    color: #374151;
    font-weight: 500;
}

@media (max-width: 767px) {
    /* Step 1 mobile */
    .signup-box {
        padding: 0 25px;
    }

    .signup-form-wrapper, .membership-payment-area {
        margin: 0 auto;
    }

    .signup-create-account-form, .membership-payment-area {
        width: 100%;
        float: none;
    }

    .signup-form-area {
        margin-top: 30px;
    }

    .signup-info {
        width: 100%;
        margin-left: 0;
        float: none;
        padding: 20px;
    }

    .login-button-wrapper {
        margin-bottom: 40px;
    }

    .signup-info h2 {
        margin-bottom: 24px;
    }

    .signup-field {
        margin: 0 auto;
    }

    .signup-info ul {
        margin-bottom: 10px;
    }

    .signup-info ul li {
        font-size: 14px;
        font-weight: 300;
    }

    /* .signup-field input {
        margin: 0 auto;
        display: inline-block;
    } */

    .signup-field label {
        text-align: left;
    }

    .signup-title {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    /* Step 2 mobile */
    .step-1-number, .step-2-number {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 10px;
        text-align: center;
    }

    .step-1-name, .step-2-name {
        margin: 0 auto;
    }

    .step-arrow {
        margin-top: -90px;
        padding: 0 15px 0 0px;
    }

    .membership-list {
        margin-left: 0;
    }

    .subscription-field + .subscription-box {
        height: 80px;
        padding: 24px 40px 22px 104px;
    }

    .signup-box [type="radio"]:checked + label:before,
    .signup-box [type="radio"]:not(:checked) + label:before {
        left: 30px;
        top: 54px;
    }

    .signup-box [type="radio"]:checked + label:after,
    .signup-box [type="radio"]:not(:checked) + label:after {
        width: 8px;
        height: 8px;
        top: 62px;
        left: 38px;
    }

    .subscription-box-body {
        position: static;

    }

    .subscription-box-description {
        font-size: 15px;
    }

    .subscription-box-title {
        margin-bottom: 12px;
    }

    .subscription-box-price {
        margin-bottom: 12px;
    }

    .signup-payment-form {
        padding: 16px 14px;
        margin-bottom: 86px;
    }

    #rcp_expiration_wrap {
        width: 100%;
        float: none;
    }

    .signup-payment-form .form-control-select {
        width: 45% !important;
    }

    .rcp_expiry_separator {
        width: 7%;
    }

    #rcp_card_cvc {
        width: 100%;
        margin-left: 0;
    }

    label[for="rcp_card_cvc"] {
        text-indent: 0;
    }

    .membership-payment-area + .signup-info {
        width: 100% !important;
    }

    label[for="gateway-stripe"] {
        background-position: 17px 37px !important;
    }
    label[for="gateway-paypal"] {
        background-position: 40px 41px !important;
    }

    .gateway-wrapper label {
        text-indent: 58px;
        height: 15px;
        padding: 44px 0 22px 0;
    }

    .signup-payment-form [type="radio"]:checked + label:before,
    .signup-payment-form [type="radio"]:not(:checked) + label:before {
        left: 70px;
        top: 9px;
    }

    .signup-payment-form [type="radio"]:checked + label:after,
    .signup-payment-form [type="radio"]:not(:checked) + label:after {
        top: 17px;
        left: 78px;
    }

    .gateway-wrapper {
        display: inline-block;
    }

    .signup-info:after {
        width: 100vw;
        left: calc(50% - 50vw);
    }

}