@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');
.page-id-8589 #main {
    background-color: #f8f7fc;
    padding-top:50px;
}
/* Checkout UI */
.page-id-2813 #main {
    background-color: #f8f7fc;
}
.errors {
    width: 100%;
}
.checkout-steps .step-box {
    display: inline-block;
    background-color: #dce3ed;
    padding: 16px 40px;
    width: calc(33.333% - 4px);
    box-sizing: border-box;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.checkout-steps {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.checkout-steps .step-box.active {
    background-color: #0075b8;
    color: #fff;
}
.checkout-steps .step-box:first-child {
    border-radius: 6px 0 0 6px;
}
.checkout-steps .step-box:last-child {
    border-radius: 0 6px 6px 0;
}
.checkout-steps .step-box:not(:last-child)::after,
.checkout-steps .step-box:not(:last-child)::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 32px 30px;
    border-color: transparent transparent transparent #dce3ed;
    position: absolute;
    right: -30px;
    z-index: 1;
    top: 0;
}
.checkout-steps .step-box.active:not(:last-child)::after{
    border-color: transparent transparent transparent #0075b8;
}
.checkout-steps .step-box:not(:last-child)::before{
    border-color: transparent transparent transparent #ffffff;
    right: -33px;
    top: -2px;
    border-width: 34px 0 34px 33px;
}
/* Checkout UI */
#steps_form {
    width: 80%;
    margin: 0 auto;
}
#steps_form h3 {
    font-size: 35px;
    color: #175690;
    line-height: 40px;
    text-align: center;
    margin-top:35px;
    margin-bottom:10px;
    font-family: 'Open Sans', sans-serif;
}
#steps_form h3 + p {
    font-size: 18px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.step_outer,
.my-account-box{
    background-color: #fff;
    margin-top: 40px;
    box-shadow: 0 0 8px rgb(134 134 134 / 50%);
    border-radius: 4px;
    padding: 50px 20px;
}
.step_outer_fields {
    max-width: 400px;
    margin: 0 auto;
}
.new_outer_fields .step_outer_fields {
    max-width: 100%;
    margin-left: 0;
    width: 100%;
}
.new_outer_fields .steps_fields_terms_agreeement {
    margin-bottom: 0;
}
#step_5 .step_outer.new_outer_fields {
    padding-top: 20px;
    padding-bottom: 20px;
}
form.pmpro_form .steps_fields label,
form.my-account-form .steps_fields label,
#customUserLogin label:not([for="rememberme"]),
#customUserLogin .login_fields_rememberme input[type=checkbox] + label,
#forgotChangePassword label,
#resetChangePassword label,
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox],
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox],
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox]{
    font-size: 15px;
    font-weight: 600;
    color: #5b616a;
    margin-bottom: 3px;
    display: block;
    font-family: 'Open Sans', sans-serif;
}
#steps_form input[type="text"],
#steps_form input[type="number"],
#steps_form input[type="password"],
#steps_form input[type="email"],
#steps_form input[type="tel"],
.my-account-form input[type="text"],
.my-account-form input[type="number"],
.my-account-form input[type="password"],
.my-account-form input[type="email"],
.my-account-form input[type="tel"],
.my-account-form select,
#steps_form textarea,
#steps_form select,
#customUserLogin input[type="text"],
#customUserLogin input[type="password"],
#forgotChangePassword input[type="text"],
#resetChangePassword input[type="password"]{
    width: 100%;
    max-width: 100%;
    border: 2px solid #5a6069;
    border-radius: 4px;
    overflow: hidden;
    height: 50px;
}
#steps_form input[type="tel"] {
    padding-left: 70px;
}
#steps_form .iti.iti--allow-dropdown {
    width: 100%;
}
#steps_form.iti__selected-flag {
    outline: none;
    background-color: #e6e6e6;
    height: calc(100% - 3px);
    top: 1px;
    left: 2px;
}
.iti--allow-dropdown .iti__flag-container .iti__selected-flag + .iti__country-list {
    display: none;
}
.checkout-btn {
    background-color: #0d2f4f;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    padding: 14px 11px;
    box-sizing: border-box;
    position: relative;
    font-weight: 600;
    transition: 0.2s all;
    margin-top: 45px;
    font-size: 18px;
}
.checkout-btn:hover {
    background-color: #0074b8;
    color: #fff;
}
.checkout-btn::after {
    content: "\f053";
    font-family: 'icomoon-the7-font';
    font-size: 15px;
    margin-left: 15px;
}
.valid,
.invalid {
    position: relative;
}
.valid .validation::after,
.invalid .validation::after,
.iti--allow-dropdown.valid + .validation::after,
.iti--allow-dropdown.invalid + .validation::after{
    content: "\e93e";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 44px;
    right: -20px;
    font-family: 'icomoon-brankic-32x32';
    color: #4BB543;
    transition: 0.2s all;
}
.invalid .validation::after,
.iti--allow-dropdown.invalid + .validation::after{
    content: "\e940";
    color: #c44e10;
 }
.steps_fields_password.valid .validation::after, 
.steps_fields_password.invalid .validation::after,
.steps_fields_password2.valid .validation::after, 
.steps_fields_password2.invalid .validation::after {
    top: 67px;
}
.steps_fields_password.valid .validation::after,
.steps_fields_password.invalid .validation::after {
    top: 45px;
}
 .validation {
    font-style: normal;    
}
.progress_container {
    background-color: #bdbdbd;
    border-radius: 10px;
    display: block;
    height: 10px;
    width: 100%;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    margin-bottom: 20px;
}
#password-strength {
    background-color: #419E39;
    /*background-image: linear-gradient(to right, #D92132 10%, #E34F19 25%, #FF9500 40%, #ffe600 70%, #15770c 90%);*/
    background-image: linear-gradient(to right,#41c3db 10%,#2ca5bb 25%,#4ca7dc 40%,#138cd2 70%,#0075b8 90%);
    border-radius: 10px;
    height: 10px;
    overflow: hidden;
    position: relative;
    width: 0%;
    font-size: 0;
    display: block;
    transition: 0.3s width;
}
#password-strength.tooshort {
    width: 5%;
}
#password-strength.short {
    width: 25%;
}
#password-strength.bad {
    width: 45%;
}
#password-strength.good {
    width: 70%;
}
#password-strength.strong {
    width: 100%;
}
#password-strength.mismatch{
    background:none;
    background-color: #ff0000;
    width:100%;
    }
.error,
.success{
    border: 2px dashed #606060;
    padding: 10px 20px;
    width: 75%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px !important;
}
.error .icomoon-brankic-32x32-notice2,
.success .icomoon-brankic-32x32-notice2{
    font-size: 35px;
    color: #0d2e4d;
    margin-right: 8px;
}
.error .icomoon-brankic-32x32-cancel,
.success .icomoon-brankic-32x32-cancel{
    color: #c44e10;
    font-size: 25px;
    margin-bottom: 0 !important;
    /*margin-left: 8px;*/
    position: relative;
    top: 2px;
}
#step_1 .error .icomoon-brankic-32x32-cancel {
    top: 5px;
}
.error {
    font-size: 18px;
}
.email_verfication {
    margin-top: 70px;
}
.email_verfication h2 {
    font-size: 30px;
    color: #28649a;
    margin-bottom: 30px;
}
.thanks-icon {
    text-align: center;
    display: block;
}
.thanks-icon img {
    max-width: 170px;
    text-align: center;
    margin-top: 30px;
}
.email_verfication a {
    font-style: italic;
}
.email_verfication br + a {
    font-style: normal;
    color: #0d2f4f;
    font-weight: 600;
}
.email_verfication p {
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    color:#000000;
}
.email_verfication .vc_col-md-5 {
    width: 41.66666667%;
    float:left;
}
.email_verfication .vc_col-md-7 {
    width: 58.33333333%;
    float:left;
}
#step_3 .step_outer_fields {
    max-width: 100%;
    padding: 0 60px;
}
#step_3 .checkout-btn,
#step_4 .checkout-btn{
    max-width: 300px;
    margin-top: 30px;
}
/* Checkbox Css */
.steps_fields,
#customUserLogin .login_fields_rememberme,
#resetChangePassword .login_fields_terms_agreeement,
#resetChangePassword .login_fields_caremember_agreeement,
#resetChangePassword .login_fields_privacy_agreeement{
    position: relative;
    clear: both;
    margin-bottom: 15px;
}
abbr {
    color: #0075b8;
}
.steps_fields input[type=checkbox],
#customUserLogin .login_fields_rememberme input[type=checkbox],
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox],
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox],
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox]{
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 1;
    opacity:0;
    cursor: pointer;
    }
.steps_fields input[type=checkbox] + label,
#customUserLogin .login_fields_rememberme input[type=checkbox] + label,
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox] + label,
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox] + label,
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox] + label{
    font-weight: 400;
    color: #000;
}
#steps_form .invalid input[type=checkbox]:checked + label {
    color: #000;
}
.steps_fields input[type=checkbox] + label span::before,
#customUserLogin .login_fields_rememberme input[type=checkbox] + label span::before,
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox] + label span::before,
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox] + label span::before,
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox] + label span::before{
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 7px;
    }
.steps_fields input[type=checkbox] + label span {
    padding-left: 36px;
    display: block;
}
.steps_fields input[type=checkbox] + label span::after,
#customUserLogin .login_fields_rememberme input[type=checkbox] + label span::after,
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox] + label span::after,
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox] + label span::after,
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox] + label span::after{
    content: "\e95f";
    font-family: 'icomoon-brankic-32x32';
    font-weight: normal;
    position: absolute;
    left: 3px;
    top: 3px;
    color: #4BB543;
    font-size: 20px;
    opacity: 0;
}
.steps_fields input[type=checkbox]:checked+label span::after,
#customUserLogin .login_fields_rememberme input[type=checkbox]:checked + label span::after,
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox]:checked + label span::after,
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox]:checked + label span::after,
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox]:checked + label span::after{
    opacity: 1;
}
.steps_fields input[type=checkbox]:checked + label span::before,
#customUserLogin .login_fields_rememberme input[type=checkbox]:checked + label span::before,
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox]:checked + label span::before,
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox]:checked + label span::before,
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox]:checked + label span::before{
    border-color:#4BB543;
}
.steps_fields input[type=checkbox] + label span a {
    position: relative;
    z-index: 2;
}
/* Checkbox Css */


/* Subcription */
#step_4 .step_outer_fields {
    max-width: 100%;
}
#step_4 .step_outer {
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}
#step_4 .step_outer .step_outer_fields_sub_main {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}
#subcription_option_div {
	width: 100%;
	padding: 30px 0;
	padding-left: 27%;
	padding-right: 27%;
	margin: 0 10px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px rgb(134 134 134 / 50%);
	background-color: #fff;
}
#subcription_option_div select {
    width: 100%;
}
#subcription_option_div label {
    margin-bottom: 10px;
}
.pmpro_sub_col:not(#subcription_option_div) {
    width: calc(50% - 20px);
    box-sizing: border-box;
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 10px;
    /*box-shadow: 0 0 8px rgb(134 134 134 / 50%);*/
    position:relative;
    border: 2px solid #f8f7fc;
    transition: 0.1s all;
}
.pmpro_sub_col.selected:not(#subcription_option_div) {
    box-shadow: 0 10px 25px rgb(134 134 134 / 60%);
    border-color: #0075b8;
}
.pmpro_sub_col:last-child {
    margin-left: 20px;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col h3 {
    background-color: #0075b8;
    margin: 0;
    color: #fff;
    padding: 30px 0;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    position:relative;
}
.pmpro_sub_col_inner {
    padding: 40px;
    margin-bottom:0 !important;
    height:100%;
    background-color: #fff;
}
.sale-price strong {
    font-size: 50px;
}
.sale-price {
    font-size: 28px;
}
.regular-price {
    font-size: 25px;
    margin: 10px 0;
}
.regular-price sub {
    top: 1px;
}
 .regular-price sup {
    top: -6px;
    font-size: 14px;
}
.pkg-notification {
    background-color: #e8f2e7;
    border: 2px solid #3f7951;
    border-radius: 7px;
    padding: 10px;
    margin: 30px 0;
    font-size: 16px;
    font-weight: 700;
}
.pmpro_sub_col_inner h4,
.pmpro_sub_col_inner h5{
    font-size: 21px;
    line-height: 35px;
    margin-bottom: 30px;
}
.pmpro_sub_col_inner h5 {
    margin-bottom: 20px;
}
.pmpro_sub_col_inner ul li {
    list-style-type: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
}
.pmpro_sub_col_inner ul li::before,
.plan-popup-content ul li::before{
    content: '';
    width: 13px;
    height: 5px;
    border: 2px solid #0075b8;
    border-width: 0 0 3px 3px;
    position: absolute;
    left: 0;
    top: 12px;
    transform: rotate(-45deg);
}
.plan-popup-content ul {
    margin-top: 20px;
}
.pmpro_sub_col_inner ul {
    margin-bottom: 20px;
}
.pmpro_sub_col_inner h4 strong span {
    color: #0075b8;
}
.pmpro_sub_col:last-child .pkg-notification + h4 {
    font-weight: 400;
}
.pmpro_sub_col_inner.active {
    background-color: #dce3ed;
}
#step_4 .step_outer label[for="plainSelect"] input {
    width: 100%;
    position: absolute;
    height: 100%;
    top:0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}
#step_4 .step_outer label[for="plainSelect"] {
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    /*position: relative;*/
    max-width: 300px;
    display:block;
}
#step_4 .step_outer label[for="plainSelect"] span {
    display: block;
    margin: 0 auto !important;
    border: 3px solid #000;
    border-radius: 7px;
    background-color: #0d2e4d;
    padding: 12px 0;
    color: #fff;
    font-weight: 700;
    position: relative;
}
#step_4 .step_outer label[for="plainSelect"]:hover span {
    background-color: #0075b8;
    border-color: #0075b8;
}
#step_4 .step_outer label[for="plainSelect"] input:checked + span {
    background-color: #fff;
    color: #3a7f54;
    border-color: #3a7f54;
    text-align: left;
    padding-left: 30%;
}
.pmpro_sub_col:last-child .pmpro_sub_col_inner ul li {
    margin-bottom: 34px;
}
#step_4 .step_outer label[for="plainSelect"] input:checked + span::before {
    content:'';
    background-image: url('https://dev-new.programs.baycrestathome.ca/wp-content/themes/dt-the7-child/assets/images/checkmark.svg');
    position: absolute;
    left: 14%;
    top: 13px;
    width: 35px;
    height: 35px;
    background-size: 100%;
}
/* Subcription */

/* Billing */
#step_5 .step_outer {
    display: flex;
    clear: both;
    padding: 50px 40px;
    flex-wrap: wrap;
    font-family: 'Open Sans', sans-serif;
}
#step_5 .step_outer .billing_fields,
#step_5 .step_outer .order_summary {
    width: calc(50% - 46px);
}
#step_5 .step_outer h4 {
    font-size: 25px;
    margin-bottom: 0;
}
#step_5 .step_outer .billing_fields h4 {
    margin-bottom: 20px;
}
#step_5 .step_outer .back-package {
    font-size: 15px;
    margin-bottom: 3px;
    display: block;
}
#step_5 .step_outer .back-package em {
    font-size: 11px;
}
#step_5 .steps_fields input[type=checkbox] + label span {
    padding-top: 2px;
}
.plan_feature-box {
    /*box-shadow: 0 0 5px rgb(134 134 134 / 30%);*/
    padding: 20px 15px 55px;
    margin-bottom: 20px;
    border-radius: 4px;
    position: relative;
    border: 2px solid #0075b8;
    text-align: center;
}
.plan_feature-box img {
    background-color: #e7edf4;
    border-radius: 50%;
    padding: 20px;
    width: 40px;
    margin-bottom: 20px;
}
.plan_feature_title {
    color: #0075b8;
    font-weight: 700;
    font-size: 19px;
}
.plan_feature-box .sale-price {
    margin: 15px 0;
    margin-bottom:0;
}
#step_5 .step_outer .billing_fields {
    margin-right: 50px;
    border-right: 1px solid #b1b1b1;
    padding-right: 40px;
}
#step_5 .step_outer h5,
.order_summary label {
    font-size: 18px;
    font-weight: 400;
    color: #606060;
    margin-bottom: 20px;
}
form.pmpro_form .order_summary label {
    font-weight: 400;
    font-size: 16px;
}
.billing_promo_code {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}
#steps_form  .billing_promo_code input[type="text"] {
    width: calc(100% - 165px);
    margin-bottom: 0;
}
#steps_form .billing_promo_code a {
    background-color: #0d2e4d;
    color: #fff;
    width: 150px;
    border: none;
    border-radius: 3px;
    font-size: 18px;
    margin-left: 15px;
    transition: 0.2s all;
    text-align: center;
    text-decoration: none;
    padding: 8px 0;
    height: 50px;
    box-sizing: border-box;
}
#steps_form .billing_promo_code a:hover {
    background-color: #0075b8;
}
.content .billing_summary tbody td {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
.order_summary tfoot {
    background-color: #dce3ed;
    font-weight: 700;
    font-size: 22px;
}
.order_summary tfoot tr td {
    padding: 20px 0;
    padding-left: 20px;
    border-top: none;
}
.content table.billing_summary {
    font-size: 15px;
    margin-top: 25px;
}
.billing_summary tbody tr.colored {
    color: #0075b8;
    font-weight: 600;
    background-color: #ffe085;
}
.billing_summary tbody tr:first-child td {
    border-top: none;
}
.billing_summary tbody tr:last-child td {
    padding-bottom: 15px;
}
.pf-expand {
    cursor: pointer;
    font-size: 15px;
}
.billing_summary tbody tr:first-child td span {
    font-weight: 500;
    /*font-size: 16px;*/
    color: #0d2e4d;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -1px;
}
.plan_feature-box .pf-expand {
    position: absolute;
    bottom: 6px;
    left: 0;
    right:0;
}
.order_summary .ul_expanded {
    display: none;
}
.order_summary .ul_expanded,
.order_summary .billing_trems{
    list-style-type: none;
    margin: 0;
    margin-top: 10px;
}
.order_summary .ul_expanded em,
.order_summary .billing_trems em,
#step_5 .success em{
    color: #a2dcb4;
    font-size: 21px;
    margin-right: 6px
}
.order_summary em.fas.fa-check-circle {
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 14px;
}
.order_summary .fa-check-circle:before {position: relative;z-index: 1;}
.order_summary .ul_expanded li,
.order_summary .billing_trems li {
    padding-left: 30px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
.order_summary .fa-check-circle:after,
#step_5 .success em::after{
    content: '';
    width: 17px;
    height: 17px;
    position: absolute;
    background-color: #2b8447;
    left: 2px;
    top: 1px;
    border-radius: 30px;
    z-index: 0;
}
.order_summary .billing_trems li {
    font-size: 15px;
    padding-left: 21px;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.order_summary .fa-check-circle:after {
    width: 12px;
    height: 12px;
    left: 0;
}

/*#steps_form .billing_fields input[type="text"],
#steps_form .billing_fields select {
    height: 60px;
}*/
#step_5 fieldset,
.my-account-box fieldset{
  border: none;
  margin-top: 1rem;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#step_5 fieldset select {
  width: 100%;
  padding: 0.5rem 1rem;
  outline: none;
  border: 2px solid #606060;
  border-radius: 4px;
  height: 50px;
  box-shadow: none;
}
#step_5 fieldset.card-number input, #step_5 fieldset.card-holder input {
  width: 100%;
}
#step_5 .row-container,
.my-account-box .row-container{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
    align-items: flex-start;
    justify-content: flex-start;
}
#step_5 .row-container fieldset,
.my-account-box .row-container fieldset{
  flex: 1;
  margin-right: 1.25rem;
}
#step_5 .row-container fieldset:nth-child(3) {
  margin-right: 0;
}
#step_5 .payment-details {
  margin-top: 1rem;
  width: 100%;
}
#step_5 .payment-details > div {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}
#step_5 button[type="submit"] {
  border: none;
  height: 56px;
  width: 250px;
  margin-top: 0;
}
#step_5 .row-container fieldset.card-number {
  display: flex;
  margin-right: 0;
  }
.billing-btn-set {
    display: flex;
    width: 70%;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}
.billing-btn-set a {
    width: calc(100% - 274px);
    border: 2px solid #20567f;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 700;
    transition: 0.2s all;
}
.billing-btn-set a em {
    font-size: 15px;
    margin-right: 10px;
}
#step_5 .row-container fieldset legend,
.my-account-box .row-container fieldset legend{
    font-size: 18px;
    font-weight: 400;
    color: #606060;
    margin-bottom: 3px;
    display: block;
}
.billing-btn-set a:hover {
    background-color: #0d2e4d;
    color: #fff;
}
.billing-btn-set a:focus {
    padding: 10px 0;
}
.order_summary label em {
    cursor: pointer;
}
#step_5 .row-container fieldset.card-number,
#step_5 .row-container fieldset:nth-child(3),
.my-account-box .row-container fieldset.card-number{
    position:relative;
}
/*.card-number .card-icon,
#step_5 .row-container fieldset:nth-child(3) .card-icon {
    position: absolute;
    right: -65px;
    top: 2px;
    width: 45px;
}*/
/* Billing */


/* Loader */
/*.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #0075B8;
  border-color: #0075B8 transparent #0075B8 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}*/
.form-loading #loading{
    display: block;
    text-align: center;
    position: absolute !important;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-loading {
    position: relative;
}
.form-loading .steps_form{opacity: .5;}
div#loading {
    display: none;
}
/*@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}*/
.form-loading .checkout-steps {
    opacity: 0.5;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #0075b8;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/* Loader */
#AccountNumber,
#Expiry,
#CVV {
    border: 2px solid #736e6e;
    padding: 14px 10px;
    border-radius: 4px;
}
#step_5 .row-container fieldset.cvc {
    margin-right: 0;
}
.thank-you-box a {
    background-color: #0d3050;
    color: #fff;
    /*padding: 11px 20px;*/
    text-decoration: none;
    font-style: normal;
    border-radius: 5px;
    margin-right: 8px;
    /*font-size: 17px;*/
    display: inline;
    border: 2px solid #0d3050;
    transition: 0.2s all;
    margin-right:0;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 30px;
}
.thank-you-box {
    margin-top: 30px;
}
.thank-you-box a:hover {
    background-color: #fff;
    color: #0d3050;
}
#step_6 .email_verfication {
    margin-top: 0;
}
#steps_form input[type="text"]:focus, #steps_form input[type="number"]:focus, #steps_form input[type="password"]:focus, #steps_form input[type="email"]:focus, #steps_form input[type="tel"]:focus, #steps_form textarea:focus, #steps_form  select:focus{
    border-color: #0074b8;
}
#steps_form .invalid input[type="text"], #steps_form .invalid input[type="number"], #steps_form .invalid input[type="password"], #steps_form .invalid input[type="email"], #steps_form .invalid input[type="tel"], #steps_form .invalid textarea, #steps_form .invalid select{
    border-color: #c25113;
}
body #main .invalid input[type="text"]:focus,
body #main .invalid input[type="number"]:focus,
body #main .invalid input[type="password"]:focus,
body #main .invalid input[type="email"]:focus,
body #main .invalid input[type="tel"]:focus,
body #main .invalid textarea:focus,
body #main .invalid select:focus{
    border-color: #0074b8;
}
body #main .valid input[type="text"],
body #main .valid input[type="number"],
body #main .valid input[type="password"],
body #main .valid input[type="email"],
body #main .valid input[type="tel"],
body #main .valid textarea,
body #main .valid select{
    border-color: #2b8447;
}
#steps_form .invalid label{
    color: #c25113;
}
#steps_form .invalid input[type="checkbox"] + label {
    color: #666;
}
/*#steps_form .valid:not(.steps_fields_terms_agreeement):not(.steps_fields_caremember_agreeement) label{
    color: #2b8447;
}*/
.steps_fields_terms_agreeement .validation, .steps_fields_privacy_agreeement .validation, .steps_fields_caremember_agreeement .validation
{
    position: absolute;
    top: -42px;
    right: 0;
}
.steps_fields_terms_agreeement.invalid label span:before, .steps_fields_privacy_agreeement.invalid label span:before, .steps_fields_caremember_agreeement.invalid label span:before
{
    border-color: #c44e10 !important;
}
.new_outer_fields .steps_fields_terms_agreeement.invalid label span:before {
    border-color: #000 !important;
}
.steps_fields_terms_agreeement.invalid input[type=checkbox]:checked + label span::before,
.steps_fields_caremember_agreeement.invalid input[type=checkbox]:checked + label span::before{
    border-color: #4BB543 !important;
}
.page-id-8589 .page-title {
    display: none;
}
.steps_fields_password2 {
    margin-bottom: 0;
}
.snackbar-container.snackbar-pos {
    /*border: 1px solid #f9c1c4;*/
    font-family: 'Open Sans', sans-serif;
}
/*.discount-prompt.snackbar-pos {
    border: 1px solid #3f7951;
}*/
.snackbar-container.snackbar-pos button {
    font-weight: 700;
    margin-left: 10px;
    text-transform: initial;
    font-family: 'Open Sans', sans-serif;
    text-decoration: underline;
}
.snackbar-container.snackbar-pos em {
    position: relative;
    font-size: 12px;
}
.snackbar-container.snackbar-pos p em:first-child {
    font-size: 16px;
    top: 2px;
}
.steps_fields_verify_email input[type=checkbox] + label {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.steps_fields_verify_email input[type=checkbox]:checked + label span::after {
    top: 7px;
}
.billing_card_info p {
    font-size: 18px;
}
.for_var {
    display: flex;
    width: 100%;
}
.var2,.var3,.var4 {
    display: none;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col .plan-select-top-box {
    position: relative;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    top: 0;
    padding: 10px 0;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col .plan-select-top-box::before {
    content: '';
    position: absolute;
    left: 26px;
    top: 15px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    border: 2px solid #0075b8;
    z-index: 1;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col .plan-select-top-box::after {
    content: '';
    position: absolute;
    left: 31px;
    top: 20px;
    width: 14px;
    height: 14px;
    border-radius: 30px;
    background-color: #0075b8;
    opacity: 0;
    transition: 0.2s all;
    z-index: 1;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col.selected .plan-select-top-box::after {
    opacity: 1;
}
#checkout_selected_plan + label em {
    position: relative;
}
#checkout_selected_plan + label em::after {
    content: attr(aria-label);
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 10px;
    background-color: #444;
    color: #fff;
    padding: 6px 6px;
    width: 100px;
    text-align: center;
    border-radius: 5px;
    top: -10px;
    left: 20px;
    line-height: 13px;
    box-shadow: 0 0 5px rgb(13 46 77 / 50%);
    opacity: 0;
    transition: 0.2s opacity;
}
#checkout_selected_plan + label em:hover::after{
    opacity: 1;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col .plan-select-top-box span {
    background-color: rgba(32,33,36,0.059);
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 18px;
    top: 7px;
    z-index: 0;
    border-radius: 30px;
}
#subcription_option_div .nice-select.select_field {
    width: 100%;
}
#subcription_option_div .nice-select.select_field .list {
    width: 100%;
    margin-left: 0;
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #ccedff;
}
#step_5 .step_outer {
    position: relative;
}
#step_5 .card-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 150px;
}
#step_5 .row-container fieldset.expiry-month,
#step_5 .row-container fieldset.cvc {
    width: calc(50% - 100px);
    flex: initial;
}
#step_5 .row-container fieldset.cvc,
.my-account-box .row-container fieldset.cvc{
    position: relative;
}
#step_5 .row-container fieldset.cvc img,
.my-account-box .row-container fieldset.cvc img{
    position: absolute;
    right: -75px;
    bottom: 9px;
    width: 65px;
}
.steps_form small,
.my-account-form small{
    color: #ababab;
    display: block;
    margin: -15px 0 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
.steps_fields_password small {
    display: none;
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 11px;
    font-weight: 600;
    color: #737373;
}
.content .billing_summary tbody td:nth-child(2) {
    text-align: right;
    padding-right: 2px;
}
.order_summary tfoot tr td:last-child {
    text-align: right;
    padding-right: 20px;
}

/* My account */
.myaccount-name {
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: 700;
}
.user-first-letter {
    width: 80px;
    height: 80px;
    background-color: #0074b8;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    text-transform: uppercase;
    margin-right: 20px;
    font-weight: 400;
}
.content ul.myaccount-sidebar {
    list-style-type: none;
    margin: 0;
    margin-top: 50px;
}
ul.myaccount-sidebar li a {
    width: 100%;
    display: block;
    padding: 14px 20px;
    box-sizing: border-box;
    color:#0d2f4f;
    position: relative;
    transition: 0.2s all;
    margin-bottom: 3px;
}
ul.myaccount-sidebar li.current-menu-item a,
ul.myaccount-sidebar li.current-page-ancestor a,
ul.myaccount-sidebar li a:hover{
    background-color: #0074b8;
    color: #fff;
    text-decoration: none;
}
ul.myaccount-sidebar li a::after {
    content: "\f053";
    font-family: icomoon-the7-font;
    font-weight: 400;
    opacity:0;
    position: absolute;
    right: 40px;
    top: 16px;
    font-size: 14px;
    transition: 0.3s ease-out;
    }
ul.myaccount-sidebar li.current-menu-item a::after,
ul.myaccount-sidebar li.current-page-ancestor a::after,
ul.myaccount-sidebar li:hover a::after{
    opacity:1;
    right: 20px;
    }
.my-account-main {
    display: flex;
    width: 100%;
}
.my-account-links {
    width: 340px;
    margin-right: 30px;
}
.my-account-content {
    width: calc(100% - 370px);
}
ul.myaccount-sidebar li a em {
    margin-right: 20px;
    display: inline-block;
    width: 30px;
}
.page-id-8580 #main,
.page-id-8591 #main,
.page-id-8582 #main,
.page-id-8584 #main,
.page-id-8597 #main,
.page-id-8593 #main{
    background-color: #f8f8fa;
}
.heading-breadcrums h2 {
    color: #175690;
    font-size: 32px;
}
.content ul.breadcrums {
    margin: 0;
}
ul.breadcrums li {
    display: inline-block;
}
ul.breadcrums li:first-child a {
    color: #0d2f4f;
}
ul.breadcrums li em {
    font-size: 12px;
    color: #000;
    margin: 0 10px;
}
.my-account-box h4 {
    font-size: 23px;
    margin-bottom: 30px;
}
form.my-account-form #steps_form {
    width:50%;
    margin:0;
    }
form.my-account-form .fa-map-marker-alt,
form.my-account-form .checkout-btn::after,
.bp-card-box .checkout-btn::after{
    display:none;
}
.myAccount-btn-group {
    display: flex;
    margin-top: 20px;
}
form.my-account-form .checkout-btn,
.bp-card-box .checkout-btn{
    border: 3px solid #0d2f4f;
    width: auto;
    margin-top: 0;
    letter-spacing: 0.5px;
    padding: 8px 25px;
}
form.my-account-form a.checkout-btn {
    margin-right: 10px;
    background-color: #dce4ef;
    color: #0d2f4f;
}
form.my-account-form a.checkout-btn:hover {
    background-color: #0d2f4f;
    color: #fff;
}
.my-account-box {
    padding: 50px;
}
.mp-check {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin: 50px 0;
}
.mp-check img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    position: relative;
    top: 2px;
}
.mp-packages .plan_feature-box {
    width: calc(50% - 10px);
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
    margin-right: 10px;
}
.mp-check,
.mp-packages,
.mp-change-plan {
    margin-left: 30px;
}
#steps_form input[disabled] {
    background-color: #d6d7d9;
    border-color: #d6d7d9;
}
.mp-packages .plan_feature_title {
    margin-bottom: 10px;
}

.mp-packages .plan_feature-box .pf-expand {
    position: initial;
    color: #0d2f4f;
    font-size: 21px;
    text-decoration: underline;
}
.mp-packages .plan_feature-box p span {
    color: #2b8447;
}
.page-id-8584 form.my-account-form #mailingAddress,
.page-id-8584 form.my-account-form #billingAddress{
    display: inline-block;
    width: calc(50% - 80px);
}
.page-id-8584 form.my-account-form #billingAddress {
    margin-right: 80px;
}
.page-id-8584 form.my-account-form #billingAddress h4 {
    margin-bottom: 80px;
}
.bp-card-box {
    display: flex;
    align-items: center;
}
.bp-inner {
    box-shadow: 2px 2px 8px rgb(134 134 134 / 50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 17px 30px;
    font-weight: 600;
    color: #0d2f4f;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}
.bp-card-box .bp-inner em{
    color: #0066b1;
    font-size: 37px;
    margin-right: 20px;
}
.bp-inner sub {
    font-size: 100%;
}
.bp-card-box .checkout-btn {
    height: 100%;
}
.bp-box {
    margin-top: 60px;
}
.bp-box h3 {
    font-size: 22px;
    margin-bottom: 40px;
}
.bh-main h3{
    font-size: 22px;
    margin-bottom: 20px;
    }
.bh-main {
    margin-top: 50px;
}
.bh-inner {
    background-color: #fff;
    box-shadow: 0 0 5px rgb(134 134 134 / 30%);
    border-radius: 4px;
}
.bh-inner input {
    margin-bottom: 0 !important;
}
#bhTable {
    font-size: 16px;
}
#dateFilterTab td {
    padding: 17px 20px;
}
#dateFilterTab {
    border: none;
    margin-bottom: 0;
}
#bhTable .tbl-btn {
    margin-top: 0;
    background-color: #0d2f4f;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    padding: 4px 17px;
    display: inline-block;
    margin: 5px 0;
}
#dateFilterTab input + i {
    position: absolute;
    right: 35px;
    top: 26px;
    opacity: 0.7;
}
#dateFilterTab tr td {
    position: relative;
}
.my-account-box .row-container fieldset.card-number {
    margin-top: 0;
}
#dateFilterTab input {
    position: relative;
    z-index: 99;
    background-color: transparent;
}
form.my-account-form #steps_form.billing-address-step {
    width: 100%;
    margin-top: 40px;
}
.ba-fields-group {
    display: flex;
    flex-direction: row;
}
.ba-fields-group .steps_fields:nth-child(2) {
    margin: 0 30px;
}
/* Data Table Calendar */
div.dt-datetime div.dt-datetime-label span {
    font-size: 17px;
    position: relative;
    top: -9px;
}
div.dt-datetime div.dt-datetime-label select {
    margin-bottom: 0;
    top: 0;
}
div.dt-datetime div.dt-datetime-calendar table {
    margin-bottom: 7px;
    margin-top: -10px;
}
div.dt-datetime table.dt-datetime-table td {
    font-size: 0.7em;
}
div.dt-datetime table.dt-datetime-table td.selectable.selected {
    background: #4e6ca3;
}

div.dt-datetime table.dt-datetime-table td.selectable:hover {
    background: #ff8000;
    color: #fff;
}

div.dt-datetime table.dt-datetime-table th {
    padding-bottom: 0;
    color: #000;
    font-size: 0.7em;
    /* background-color: #f5f5f5; */
}
div.dt-datetime table.dt-datetime-table {
    border: 1px solid #e4e4e4;
}
.dataTables_wrapper .dataTables_length {
    width: 100%;
    display: none;
}
.dataTables_wrapper .dataTables_length label {
    width: 100%;
    display: block;
    font-size: 0px;
    text-align: center;
}
.dataTables_wrapper .dataTables_length label select {
    width: 50%;
    margin: 0 auto;
}
.dataTables_wrapper #bhTable_paginate.dataTables_paginate {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
}
.dataTables_wrapper #bhTable_paginate.dataTables_paginate .paginate_button {
    padding: 0px 10px;
    border: none !important;
}
.dataTables_wrapper #bhTable_paginate.dataTables_paginate .paginate_button.current, .dataTables_wrapper #bhTable_paginate.dataTables_paginate .paginate_button.current:hover {
    background: #0d2f4f;
    color: #fff !important;
    border: none;
}
.dataTables_wrapper #bhTable_paginate.dataTables_paginate .paginate_button:hover {
    background: #1c4b77;
}
#bhTable_filter {
    display: none;
}
/* Data Table Calendar */

/* invoice */
.invoice-main {
    padding: 0;
}
#printThis,
#printThis2{
    padding: 30px;
    padding-bottom: 0;
}
.invoice-head,
.invoice-head-right,
.invoice-status-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.invoice-head {
    border-bottom: 3px solid #dce4ef;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.invoice-head img.site-logo {
    height: 100%;
}
.invoice-head-right img {
    margin-right: 20px;
    height: 43px;
    width: 42px;
}
.invoice-head-right p {
    line-height: 28px;
    margin-bottom: 0;
}
.invoice-status-box h4 {
    color: #0074b8;
    font-size: 28px;
}
.invoice-status-box p span {
    color: #00b704;
    text-transform: uppercase;
}
.invoice-status-box p {
    font-weight: 700;
}
.invoice-addresses {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}
.invoice-addresses .address-inner {
    width: calc(50% - 30px);
}
.address-inner strong {
    margin-bottom: 15px;
    display: block;
}

#printThis table.invoice-table,
#printThis2 table.invoice-table{
    border: 2px solid #dce4ef;
    width:100%;
}
#printThis table.invoice-table *,
#printThis2 table.invoice-table *{
    border: none;
}
#printThis table.invoice-table thead,
#printThis2 table.invoice-table thead{
    border-bottom: 2px solid #dce4ef;
    font-weight: 700;
    color: #0d2f4f;
    font-size: 18px;
}
#printThis table.invoice-table td:not([colspan="2"]),
#printThis2 table.invoice-table td:not([colspan="2"]){
    padding: 10px 20px;
}
#printThis table.invoice-table > tbody > tr:first-child > td,
#printThis2 table.invoice-table > tbody > tr:first-child > td{
    padding-top: 20px;
    padding-bottom: 20px;
}
#printThis table.invoice-table > tbody > tr:first-child,
#printThis2 table.invoice-table > tbody > tr:first-child{
    border-bottom: 2px solid #dce4ef;
}
#printThis table.invoice-inner tr td:not([colspan="2"]),
#printThis2 table.invoice-inner tr td:not([colspan="2"]){
    padding-bottom: 0;
    padding-top: 0;
}
#printThis table.invoice-table table.invoice-inner,
#printThis2 table.invoice-table table.invoice-inner{
    margin-bottom: 0;
    margin-top: 10px;
    width:100%;
}
#printThis table.invoice-inner tfoot tr td:not([colspan="2"]),
#printThis2 table.invoice-inner tfoot tr td:not([colspan="2"]){
    background-color: #dce4ef;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 700;
}
/*#printThis table.invoice-inner tfoot {border-top: 40px solid #fff;}*/
#printThis table.invoice-table thead td:last-child,
#printThis table.invoice-table > tbody > tr:first-child > td:last-child,
#printThis table.invoice-inner > tbody > tr > td:last-child,
#printThis table.invoice-inner > tfoot > tr > td:last-child,
#printThis2 table.invoice-table thead td:last-child,
#printThis2 table.invoice-table > tbody > tr:first-child > td:last-child,
#printThis2 table.invoice-inner > tbody > tr > td:last-child,
#printThis2 table.invoice-inner > tfoot > tr > td:last-child{
    text-align: right;
}
#printThis table.invoice-inner > tbody > tr > td:last-child,
#printThis table.invoice-inner > tfoot > tr > td:last-child,
#printThis2 table.invoice-inner > tbody > tr > td:last-child,
#printThis2 table.invoice-inner > tfoot > tr > td:last-child{
    padding-right: 10px;
}
.invoice-main .checkout-btn::after {
    display: none;
}
.invoice-main .myAccount-btn-group a {
    margin-top: 0;
    width: auto;
    margin-right: 15px;
    padding: 14px 30px;
}
.invoice-main .myAccount-btn-group a em {
    margin-right: 7px;
}
.invoice-main .myAccount-btn-group {
    margin-top: 40px;
    padding: 30px;
    padding-top: 0;
}
/* invoice */
.my-account-content.form-loading .my-account-box{
    opacity: 0.4;
}


/* Navigation */
ul.sub-menu {
    position: absolute;
    visibility: hidden;
    z-index: 200;
    top: calc(100% + 12px);
    left: 0;
    width: 240px;
    opacity: 0;
    box-shadow: 0 0 4px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    padding: 0;
    transition: 0.3s all;
}
ul.custom_user_presscore_menu li {
    position: relative;
}
ul.custom_user_presscore_menu {
    display: flex;
    align-items: center;
}
ul.custom_user_presscore_menu li:hover a + .sub-menu {
    opacity: 1;
    visibility: visible;
}
ul.custom_user_presscore_menu li .sub-menu li a {
    padding: 7px 20px;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    background-color: #0d2f4f;
    display: block;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    transition: 0.2s all;
}
ul.custom_user_presscore_menu li .sub-menu li:last-child a {
    border-bottom: none;
}
ul.custom_user_presscore_menu li .sub-menu a em {
    margin-right: 9px;
    width: 20px;
}
ul.custom_user_presscore_menu li .sub-menu li a:hover {
    background-color: #0074b8;
}
.custom_user_presscore_menu > li {
    border-left: 2px solid #ddd;
    padding-left: 20px;
}
.custom_user_presscore_menu > li .u_circle {
    background-color: #0074b8;
    color: #fff;
    text-transform: uppercase;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    border-radius: 30px;
    padding-top: 8px;
    box-sizing: border-box;
    margin-right: 13px;
}
.custom_user_presscore_menu > li > a {
    text-decoration: none;
    color: #0d2f4f;
    font-weight: 700;
    font-size: 21px;
}
.custom_user_presscore_menu > li > a > em {
    font-size: 13px;
    margin-left: 6px;
}
/* Navigation */
.plan-popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    z-index: 999;
    display:none;
}
.plan-popup-inner {
    max-width: 600px;
    position: relative;
    top: 8%;
    background-color: #fff;
    margin: 0 auto;
    box-shadow: 0 7px 30px rgb(0 0 0 / 40%);
    overflow-y: scroll;
    height: 80vh;
}
.plan-popup-inner em {
    font-size: 33px;
    position: absolute;
    right: 10px;
    opacity: 0.8;
    top: 20px;
    cursor: pointer;
    transition: 0.2s all;
    color: #fff;
}
.plan-popup-inner em:hover {
    opacity: 1;
}
.plan-popup-content {
    padding: 30px;
    padding-top: 0;
}
.plan-popup-content h2 {
    background-color: #0074b8;
    margin: 0 -30px;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.plan-popup-content ul li {
    position: relative;
    padding-left: 36px;
    padding-bottom: 14px;
    font-size: 18px;
    line-height: 28px;
}
.plan-popup-content ul li h5 {
    margin-bottom: 3px;
}
.pkg-notification + h4,
.sale-price + h4,
.sale-price + br + h4 {
    color: #0075b8;
    line-height: 30px;
    font-family: "Overpass", Helvetica, Arial, Verdana, sans-serif;
}
.pkg-notification + h4 strong,
.sale-price + h4 strong,
.sale-price + br + h4 strong{
    font-weight: 400;
}
.popup-opned{
    overflow-y: hidden;
    }
body:not(.logged-in) .my-account {
    display: none;
}
.dt-mobile-header .mini-login, .dt-mobile-header .mini-login,
.dt-mobile-header .mini-login, .dt-mobile-header .mini-contacts.multipurpose_1 {   
    font-size: 20px;
}
.dt-mobile-header .mini-login a {
    font-size: 20px !important;
}
.before-nav {
    display: flex;
    align-items: center;
}
.before-nav > div:first-child {
    margin-right: 17px;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .mini-login,
.dt-mobile-header .mobile-mini-widgets-in-menu .mini-contacts.multipurpose_1{display: none !important;}
.before-nav .multipurpose_1 a {
    text-decoration: none;
    color: #303030;
    font-weight:600;
}
#mobile-menu {
    padding-top: 20px;
}
.before-nav > div em {
    margin-right: 6px;
}
.dt-mobile-header .mobile-mini-widgets-in-menu> a {
    margin-bottom: 13px;
}
.mobile-main-nav li.terms-style a .menu-text {
    font-size: 15px;
}
.mobile-menu-show-divider .mobile-main-nav > li.terms-style a {
    padding-top: 10px;
    padding-bottom: 4px;
}
.mobile-menu-show-divider #mobile-menu.mobile-main-nav > li > a {
    padding-top: 15px;
    padding-bottom: 8px;
}
.member-signup {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}
.logged-in .masthead .mini-widgets .mini-login {
    display: none;
}
@media print{
.masthead,
.my-account-links,
#footer,
.heading-breadcrums,
.myAccount-btn-group,
.scroll-top{
    display:none;
}
.my-account-content{
  width:100%;  
}
#main{
    padding-top:0;
    padding-bottom:20px;
}
@page {
    margin: 0;
}
.my-account-box {
    box-shadow: none;
}
#printThis table.invoice-inner tfoot tr td:not([colspan="2"]) {
    -webkit-print-color-adjust: exact;
}
}



/* Login Form Css */
.my-login-box {
    max-width: 600px;
    padding: 0;
    margin: auto;
}
#customUserLogin,
#forgotChangePassword,
#resetChangePassword{
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 24px 29px;
    font-weight: 400;
    overflow: hidden;
    background: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
}
.page-id-2817 #main {
    background: #f0f0f1;
}
.my-login-box h4 {
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
}
#customUserLogin .checkout-btn,
#forgotChangePassword .checkout-btn,
#resetChangePassword .checkout-btn{
    margin-top: 14px;
    border: 1px solid #0d2f4f;
    font-size: 15px;
    padding: 10px 20px;
    width: auto;
    float: right;
    font-weight: 400;
}

#customUserLogin .checkout-btn::after,
#forgotChangePassword .checkout-btn:after,
#resetChangePassword .checkout-btn:after{
    display: none;
}
#customUserLogin .login_fields_rememberme input[type=checkbox] + label,
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox] + label,
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox] + label,
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox] + label{
    padding-left: 32px;
}
#customUserLogin .login_fields_rememberme input[type=checkbox] + label span{margin-top: 3px;display: inline-block;}
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox] + label span,
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox] + label span,
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox] + label span{margin-top: 10px;display: inline-block;}
.mylogin-btn-group + a {
    font-size: 15px;
    position: relative;
    top: 11px;
}
#customUserLogin .login_fields_rememberme {
    margin-bottom: 0;
}
/* Login Form Css */
.success,
.my-account-box .error{
    border-color: #ff0000;
    border-width:1.6px;
    font-size: 16px;
    padding: 3px 20px;
    margin-left: 0;
}
.success .icomoon-brankic-32x32-notice2,
.my-account-box .error .icomoon-brankic-32x32-notice2{
    color: #ff0000;
    font-size: 20px;
    font-weight: 200;
}
.success{
    border-color: #4fb148;
    }
.success .icomoon-brankic-32x32-notice2{
    color: #4fb148;
    }
.success .icomoon-brankic-32x32-notice2::before {
    content: "\e93e";
}
.page-id-2817 .success {
    margin: 0 auto;
}
.page-id-2817 .my-login-content .success {
    max-width: 600px;
    box-sizing: border-box;
}
.page-id-2817 .my-login-content .success br {
    margin-bottom: 20px;
    content: '';
    display: block;
}
.page-id-2817 .my-login-content .success em {
    margin-right: 15px;
}
.page-id-2817 .valid .validation::after,
.page-id-2817 .invalid .validation::after {
    top: auto;
    bottom: 34px;
}
#resetChangePassword label {
    line-height: 20px;
    margin-bottom: 0;
}
#resetChangePassword .login_fields.login_fields_password {
    margin-bottom: 10px;
}
#resetChangePassword .checkout-btn {
    margin-top: 0;
}
.error.invalidLink {
    width: 100%;
    font-size: 16px;
    padding: 3px 0;
}
.error.invalidLink .icomoon-brankic-32x32-notice2 {
    font-size: 23px;
}
.infoMessage {
    background-color: #fff1d2;
    padding: 16px 0;
    box-shadow: 0 1px 10px rgb(0 0 0 / 30%);
    position: relative;
}
.infoMessage em {
    margin-right: 10px;
}
.infoMessage p {
    margin-bottom: 0;
}
.infoMessage .error {
    margin-bottom: 0 !important;
}
.membership_expired {
    text-align: center;
    position: relative;
    top: -48px;
}
.memeMsg {
    background-color: #f5f0d3;
    font-weight: 700;
    padding: 20px 0;
    margin-bottom: 30px;
    position: relative;
}
.memeMsg::before {
    background-color: #f5f0d3;
    content: '';
    width: 200vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    margin: 0 auto;
    margin-left: -50vw;
}
.memeMsg p {
    margin-bottom: 0;
    position: relative;
}
#resetChangePassword .login_fields_terms_agreeement input[type=checkbox] + label span::after,
#resetChangePassword .login_fields_caremember_agreeement input[type=checkbox] + label span::after,
#resetChangePassword .login_fields_privacy_agreeement input[type=checkbox] + label span::after {
    top: 9px;
}
#steps_form .invalid input[type="checkbox"] + label {
    color: #666;
}
#steps_form .steps_fields_password input[type="password"] + p {
    font-size: 13px;
    line-height: 18px;
    color: #737373;
    position: relative;
    top: -7px;
}
.content .billing_summary tbody tr:nth-child(2) td:nth-child(2) {
    text-transform: capitalize; 
}
#step_5 .success {
    margin: 0 auto;
}
#step_5 .success em {    
    position: relative;
}
#step_5 .success em::before {
    z-index: 1;
    position: relative;
}
.my-account-content .profile-nav-icon,
.my-account-links em.icomoon-the7-font-the7-cross-00{
    display:none;
}
.page-id-8591 .steps_fields_phone_password2.valid .validation::after,
.page-id-8591 .steps_fields_phone_password2.invalid .validation::after{top: 68px;}

#step_5 .step_outer .order_summary [for="subscription"] {
    margin-top: 20px;
    margin-bottom: 10px;
}
#step_5 .step_outer .order_summary select[name="subscription"] {
    margin-bottom: 30px;
}

/* Thank You */
.page-id-2814 #main {
    background-color: #f8f7fc;
}
.confirmation-inner {
    border: 1px solid #ebecf3;
    background-color: #fff;
    box-shadow: 5px 5px 10px -4px rgb(0 0 0 / 7%);
    text-align: center;
    padding: 50px 30px;
    border-radius: 4px;
    max-width: 800px;
    margin: 0 auto;
    box-sizing: border-box;
}
.thank-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}
.thank-heading img {
    width: 70px;
}
.thank-heading h1 {
    color: #175690;
    margin-bottom: 0;
    margin-left: 30px;
    font-size: 40px;
}
.confirmation-inner hr {
    width: 280px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 40px;
}
.confirmation-inner p {
    margin-bottom: 20px;
}
/* Thank You */

.steps_fields_phone_number + .steps_fields_email.exists_email::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='72' height='72' fill='%230075b8'%3E %3E   %3Cpath transform='translate(2)' d='M0 12 V20 H4 V12z'%3E      %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline'  /%3E   %3C/path%3E   %3Cpath transform='translate(8)' d='M0 12 V20 H4 V12z'%3E     %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0.2' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline'  /%3E   %3C/path%3E   %3Cpath transform='translate(14)' d='M0 12 V20 H4 V12z'%3E     %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0.4' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline' /%3E   %3C/path%3E   %3Cpath transform='translate(20)' d='M0 12 V20 H4 V12z'%3E     %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0.6' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline' /%3E   %3C/path%3E   %3Cpath transform='translate(26)' d='M0 12 V20 H4 V12z'%3E     %3Canimate attributeName='d' values='M0 12 V20 H4 V12z; M0 4 V28 H4 V4z; M0 12 V20 H4 V12z; M0 12 V20 H4 V12z' dur='1.2s' repeatCount='indefinite' begin='0.8' keytimes='0;.2;.5;1' keySplines='0.2 0.2 0.4 0.8;0.2 0.6 0.4 0.8;0.2 0.8 0.4 0.8' calcMode='spline' /%3E   %3C/path%3E %3C/svg%3E");
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    width:25px;
    height:25px;
    right:10px;
    bottom:20px;    
    content:'';
}

/* Media Css */
@media only screen and (max-width: 1200px){
#steps_form .step_outer_fields_sub_main .pmpro_sub_col .plan-select-top-box::before {
    left: 10px;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col .plan-select-top-box::after {
    left: 15px;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col .plan-select-top-box span {
    left: 2px;
}
#steps_form .step_outer_fields_sub_main .pmpro_sub_col .plan-select-top-box {
    padding-left: 50px;
    width: 50%;
    text-align: left;
}
#step_5 .row-container,
.my-account-box .row-container,
.billing-btn-set {
    width: 100%;
}
.page-id-8584 form.my-account-form #mailingAddress,
.page-id-8584 form.my-account-form #billingAddress{
       width: calc(50% - 20px); 
}
.page-id-8584 form.my-account-form #billingAddress {
    margin-right: 32px;
}
.page-id-8584 form.my-account-form #mailingAddress {
    margin-right: 0;
}
.bh-table-scroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
#dateFilterTab tr td:nth-child(n+4) {
    display: none;
}
}
@media only screen and (max-width: 1115px){
#dateFilterTab td {
    padding: 15px 5px;
}
}
@media only screen and (max-width: 1050px){
.checkout-steps .step-box {
    font-size: 17px;
    padding-right: 0;
    padding-left: 0;
}
.pmpro_sub_col_inner {
    padding: 40px 15px;
}
#step_5 .row-container,
.my-account-box .row-container,
.billing-btn-set,
form.my-account-form #steps_form {
    width: 100%;
}
.billing_promo_code {
    flex-direction: column;
}
#steps_form .billing_promo_code input[type="text"]#discount_code {
    width: 100%;
    margin-bottom: 10px;
}
#steps_form .billing_promo_code a {
    width: 100%;
    margin: 0;
}
#dateFilterTab tr {
    display: flex;
    flex-wrap: wrap;
}
#dateFilterTab tr td:first-child {
    width: 100%;
}
.page-id-8593 .my-account-box .row-container fieldset.cvc {
    margin-right: 70px;
}
}
@media only screen and (max-width: 800px){
.checkout-steps,
#steps_form {
    width: 100%;
}
#subcription_option_div {
    padding: 20px 40px;
    margin-bottom: 30px;
}
.page-id-8597 #main > .wf-wrap {
    padding: 0 20px;
}
.my-account-links {
    width: 190px;
    margin-right: 10px;
}
ul.myaccount-sidebar li a {
    font-size: 15px;
    padding: 8px;
}
ul.myaccount-sidebar li a em {
    margin-right: 0;
    width: 20px;
}
.my-account-content {
    width: calc(100% - 190px);
}
.myaccount-name {
    flex-direction: column;
}
.user-first-letter {
    margin-right: 0;
    margin-bottom: 15px;
}
.content ul.myaccount-sidebar {
    margin-top: 20px;
}
.my-account-box {
    padding: 20px;
}
ul.myaccount-sidebar li a::after {
    top: 9px;
}
}
@media only screen and (max-width: 768px){
#step_5 .step_outer .billing_fields {
    margin-right: 15px;
    padding-right: 15px;
}
#step_5 .step_outer .billing_fields, #step_5 .step_outer .order_summary {
    width: calc(50% - 16px);
}
#step_5 .step_outer {
    padding: 30px 20px;
}
.error, .success {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    padding: 5px 10px;
}
.error .icomoon-brankic-32x32-notice2,
.success .icomoon-brankic-32x32-notice2 {
    font-size: 28px;
}
.thanks-icon img {
    max-width: 130px;
}
.email_verfication h2 {
    font-size: 25px;
    margin-bottom: 20px;
}
.email_verfication p {
    margin-bottom: 0;
}
/* Mobile Table nav */
.myaccount-name .profile-nav-icon {
    display: block;
}
.my-account-main {
    flex-direction: column;
}
.my-account-links{
    position: fixed;
    background-color: #fff;
    width: 100%;
    max-width: 260px;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 999;
    transition: 0.2s left;
    padding-top: 50px;
    margin-right: 0;
    box-shadow: 4px 0 20px -10px rgb(0 0 0 / 50%);
}
.my-account-content .profile-nav-icon {
    display: inline-block;
    font-size: 24px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.my-account-links em.icomoon-the7-font-the7-cross-00 {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
}
.page-id-8580 #main,
.page-id-8591 #main,
.page-id-8582 #main,
.page-id-8584 #main,
.page-id-8597 #main,
.page-id-8593 #main {
    padding-top: 30px;
    padding-bottom: 50px;
}
.heading-breadcrums ul.breadcrums li {
    font-size: 15px;
}
.heading-breadcrums ul.breadcrums li em {
    font-size: 10px;
}
.my-account-content {
    width: 100%;
}
/* Mobile Table nav */
.mp-check, .mp-packages, .mp-change-plan {
    margin-left: 0;
}
}
@media only screen and (max-width: 700px){
.checkout-steps .step-box:not(:last-child)::after,
.checkout-steps .step-box:not(:last-child)::before {
    display: none;
}
.checkout-steps .step-box {
    padding: 6px 0;
    font-size: 14px;
}
.email_verfication {
    margin-top: 10px;
}
.email_verfication .vc_col-md-5,
.email_verfication .vc_col-md-7,
.my-account-content {
    width: 100%;
}
.thanks-icon {
    text-align: left;
    margin-bottom: 30px;
}
/*.my-account-main {
    flex-direction: column;
}
.my-account-links {
    width: 100%;
    margin-right: 0;
}

.myaccount-name .profile-nav-icon {
    position: absolute;
    left: 10px;
    top: 47%;
    font-size: 30px;
    display: block;
}
.myaccount-name {
    position: relative;
}
.my-account-links .menu-custom-left-menu-container {
    display: none;
}*/
}
@media only screen and (max-width: 650px){
.pmpro_sub_col:not(#subcription_option_div) {
    width: calc(100% - 20px);
    margin-bottom: 30px;
}
.for_var {
    flex-direction: column;
}
.pmpro_sub_col ul {
    margin-left: 0;
    font-size: 16px;
    line-height: 25px;
}
.pmpro_sub_col_inner ul li {
    margin-bottom: 5px;
}
.pmpro_sub_col_inner ul li::before, .plan-popup-content ul li::before {
    top: 6px;
}
.pmpro_sub_col_inner h4, .pmpro_sub_col_inner h5 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}
.pmpro_sub_col:last-child .pmpro_sub_col_inner ul li {
    margin-bottom: 14px;
}
.pmpro_sub_col {
    margin-bottom: 100px;
}
#step_5 .step_outer .billing_fields, #step_5 .step_outer .order_summary {
    width: 100%;
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
#step_5 .row-container fieldset.expiry-month,
#step_5 .row-container fieldset.cvc {
    width: calc(50% - 42px);
}
#printThis table.invoice-table{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
/* Invoice */

#printThis table.invoice-table > tbody > tr:first-child {
    display: flex;
    flex-wrap: wrap;
}
#printThis table.invoice-table > tbody > tr:nth-child(2) > td:first-child,
#printThis table.invoice-table thead {
    display: none;
}
#printThis table.invoice-table > tbody > tr:first-child td:not(:first-child) {
    width: 50%;
    box-sizing: border-box;
}
#printThis table.invoice-table > tbody > tr:first-child > td {
    white-space: initial;
    padding-bottom:0
}
#printThis table.invoice-table > tbody > tr:nth-child(2) > td[colspan="2"] {
    padding-right: 5px;
}
#printThis table.invoice-table > tbody > tr:first-child td:before {
    display: block;
    font-weight: 700;
    color: #0d2f4f;
    font-size: 18px;
}
#printThis table.invoice-table > tbody > tr:first-child td:first-child:before {
    content: 'Description';
}
#printThis table.invoice-table > tbody > tr:first-child td:nth-child(2):before {
    content: 'Quantity';
}
#printThis table.invoice-table > tbody > tr:first-child td:nth-child(3):before {
    content: 'Amount';
}
#printThis .invoice-status-box {
    flex-direction: column;
    align-items: self-start;
}

/* Invoice */


#printThis .invoice-addresses, #printThis .invoice-head {
    flex-direction: column;
    align-items: flex-start;
}
#printThis .invoice-addresses .address-inner {
    width: 100%;
}
#printThis .invoice-head img.site-logo {
    margin-bottom: 20px;
}

.has_to_be_activated,
.has_to_be_activated a {
    font-size: 14px;
}
}

@media only screen and (max-width: 550px){
#step_3 .step_outer_fields {
    padding: 0;
}
.for_var .pmpro_sub_col:not(#subcription_option_div):last-child {
    margin-bottom: 0;
}
.billing-btn-set a,
#step_5 button[type="submit"] {
    max-width: 300px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
#step_5 .row-container fieldset.expiry-month {
    width: 100%;
}
#step_5 .billing_card_info .row-container{
    flex-direction: column;
}
#step_5 .row-container fieldset.cvc {
    width: calc(100% - 72px);
}
.my-account-content h2 {
    font-size: 23px;
}
.my-account-content .profile-nav-icon {
    top: 3px;
}
.page-id-8584 form.my-account-form #mailingAddress,
.page-id-8584 form.my-account-form #billingAddress {
    width: 100%;
    margin-right: 0;
}
.page-id-8584 form.my-account-form #mailingAddress h4 {
    margin-bottom: 20px;
}
.mp-packages .plan_feature-box {
    width: 100%;
    margin: 10px 0;
}
.mp-check {
    margin-bottom: 30px;
    margin-top: 30px;
}
.plan-popup-inner{
    margin: 0 10px;
    top: 4%;
}
.page-id-8593 .my-account-box {
    padding: 20px;
}
.page-id-8593 .my-account-box .row-container {flex-direction: column;}
.page-id-8593 .my-account-box .row-container fieldset.cvc img {
    display: none;
}
.page-id-8593 .ba-fields-group {
    flex-direction: column;
}
.page-id-8593 .ba-fields-group .steps_fields:nth-child(2) {
    margin: 0;
}
.page-id-8593 .ba-fields-group .steps_fields,
.page-id-8593 .billing-address-step .steps_fields.steps_fields_baddress {
    margin-bottom: 0;
}
.bp-card-box {
    flex-direction: column;
    align-items: flex-start;
}
.bp-inner {
    margin-right: 0;
    margin-bottom: 20px;
}
.invoice-main .myAccount-btn-group {
    flex-direction: column;
    margin-top: 20px;
}
.invoice-main .myAccount-btn-group a {
    margin-bottom: 10px;
}
.error, .success {
    flex-direction: column;
    line-height: 19px;
}
#steps_form input[type="tel"] {
    padding-left: 55px;
}
ul.myaccount-sidebar li a em {
    width: 28px;
}
.myaccount-name {
    text-align: center;
}
#printThis {
    padding: 30px 0;
}
.invoice-main .myAccount-btn-group {
    padding: 30px 0;
    margin-top: 0;
    padding-top: 0;
}
.checkout-steps .step-box {
    width: calc(50% - 4px);
}
}
@media only screen and (max-width: 500px){
.step_outer, .my-account-box,
#step_5 .step_outer{
    padding-right: 30px;
    padding-left: 30px;
}
form.pmpro_form label[for="address"],
form.pmpro_form label[for="baddress1"]{
    line-height: 23px;
}
.steps_fields_baddress.valid .validation::after,
.steps_fields_baddress.invalid .validation::after {
    top: 58px;
}
}
@media only screen and (max-width: 480px){
.checkout-steps .step-box:first-child,
.checkout-steps .step-box:last-child {
    border-radius: 0;
}
#steps_form h3 {
    font-size: 28px;
    margin-bottom: 0;
    margin-top: 20px;
}
#steps_form h3 + p {
    font-size: 16px;
}
.step_outer, .my-account-box {
    margin-top: 23px;
}
.checkout-btn {
    font-size: 15px;
    padding: 10px 7px;
    margin-top: 20px;
}
#subcription_option_div {
    padding: 20px;
}
#step_5 .card-icon {
    position: initial;
    margin-bottom: 20px;
    margin-right: auto;
}
.plan_feature-box {
    padding: 10px 10px 40px;
}
.plan_feature_title {
    font-size: 21px;
}
#dateFilterTab tr td,
#dateFilterTab input {
    width: 100%;
}
.myAccount-btn-group {
    flex-direction: column;
}
form.my-account-form a.checkout-btn {
    margin-right: 0;
    margin-bottom: 10px;
    line-height: 20px;
}
.email_verfication,
.thanks-icon {
    text-align: center;
}
.email_verfication .vc_col-md-7 p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 26px;
}
.form-loading #loading {
    align-items: flex-start;
    top: 8%;
}
.content .pmpro_sub_col_inner ul {
    margin-bottom: 30px;
}
.pmpro_sub_col:last-child .pmpro_sub_col_inner ul li {
    margin: 25px 0;
}
.pkg-notification {
    font-size: 13px;
    line-height: 20px;
}
#step_5 .step_outer .order_summary {
    margin-top: 20px;
}
.order_summary .billing_trems li {
    line-height: 25px;
    margin: 6px 0;
}
.order_summary .billing_trems em.fas.fa-check-circle {
    top: 3px;
    }
.billing_card_info p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
}
.page-id-2814 #main {
    padding-top: 10px;
}
.page-id-2814 .thanks-icon img {
    max-width: 90px;
}
.page-id-2814 #step_6 .email_verfication .vc_col-md-7 p br {
    margin-bottom: 10px;
    content: '';
    display: block;
}
.page-id-2814 .thank-you-box {
    margin-top: 10px;
}
.page-id-2814 .thank-you-box a {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 20px;
}
.order_summary tfoot tr td {
    padding-left: 10px;
}
.order_summary tfoot {
    font-size: 18px;
}
.order_summary tfoot tr td:last-child {
    padding-right: 10px;
}
#step_6 .thanks-icon {
    margin-bottom: 0;
}
#step_6 .email_verfication .vc_col-md-7 p + br {
    display: none;
}
#step_4 .checkout-btn {
    margin: 0 auto;
    margin-top: 20px;
    font-size: 18px;
    padding: 12px 0;
}
#step_5 button[type="submit"] {
    font-size: 18px;
}
}

@media only screen and (max-width: 400px){
#step_1 .steps_fields_password small {
    top: 33px;
    right: auto;
}
#step_1 .steps_fields_password label[for="password"] {
    margin-bottom: 15px;
}
#step_1 .steps_fields_password small:not([style]) + label[for="password"] {
    margin-bottom: 0;
}
#step_1 .steps_fields_password.valid .validation::after,
#step_1 .steps_fields_password.invalid .validation::after {
    top: 55px;
}
}

@media only screen and (max-width: 370px){
.checkout-steps {
    display: flex;
    flex-direction: column;
}
.checkout-steps .step-box {
    width: 100%;
    margin-bottom: 4px;
}
}

@media only screen
and (min-width: 801px)
and (max-width: 1000px){
.page-id-8593 .my-account-box {
    padding: 20px;
}
.page-id-8593 .my-account-box .row-container {flex-direction: column;}
.page-id-8593 .my-account-box .row-container fieldset.cvc img {
    display: none;
}
.page-id-8593 .ba-fields-group {
    flex-direction: column;
}
.page-id-8593 .ba-fields-group .steps_fields:nth-child(2) {
    margin: 0;
}
.page-id-8593 .ba-fields-group .steps_fields,
.page-id-8593 .billing-address-step .steps_fields.steps_fields_baddress {
    margin-bottom: 0;
}
}
@media only screen and (min-width: 501px){
form.pmpro_form label[for="address"] br,
form.pmpro_form label[for="baddress1"] br{
    display:none;
}
}
@media only screen and (min-width: 769px){
.page:not(.page-id-8580) .myaccount-name {
    display: none;
}
}
@media only screen and (min-width: 779px){
.li-mob-active,
.myaccount-sidebar .menu-item-type-pmpro-logout{
    display: none;
}
}