/* progress spinners */
.estore-login.loading:before,
.estore-forms .loading:before {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-12px;
    margin-left:-12px;
    content: "";
    background-image: url('../images/fading_balls.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 6;
    webkit-animation: spin 1s ease infinite!important;
    animation: spin 1s ease infinite!important;
}
/* forms */
.ef-container {
    margin: 0;
}
.ef-form > * {
    padding: 0;
}
.estore-forms .ef-field-container .ef-frontend-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.estore-forms .ef-field-container .ef-frontend-row .ef-frontend-grid {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.estore-forms .ef-field {
    margin-bottom: 5px;
    display: block;
}
.estore-forms .ef-field-label {
    display: block;
    font-size: 14px;
    color: var(--main-menu-color);
    font-weight: 600;
}
.estore_contentstory .estore-forms .ef-field-label {
    font-size: 17px;
}
.estore-forms .ef-field-label.ef-label-hide,
.estore-forms .ef-error,
.estore-forms .ef-notice,
.woocommerce-checkout .ef-field .ef-error,
.woocommerce-checkout .ef-field .ef-notice {
    display: none!important;
}
.ef-field.validate-required.ef-has-error .ef-error,
.woocommerce-checkout .ef-field.woocommerce-invalid-required-field .ef-error,
.ef-field.ef-has-notice .ef-notice,
.woocommerce-checkout .ef-field.ef-has-notice .ef-notice{
    display: block!important;
    color: var(--efeed-red-light-color)!important;
    font-size: 13px!important;
    font-weight: 400!important;
    line-height: 1.7!important;
    padding: 0 3px!important;
}
.estore_contentstory .ef-field.validate-required.ef-has-error .ef-error {
    font-size: 16px;
}
.estore-forms .ef-field.validate-required.ef-has-error .ef-element{
    border-color: var(--efeed-red-light-color);
}
.estore-forms .ef-element,
.estore-forms .select2-selection__rendered {
    width: 100%;
    height: auto;
    font-size: 14px;
    outline: 0;
    box-shadow: none;
    margin: 5px 0 0 0;
    padding: 0 3px!important;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--main-menu-color);
    color: var(--efeed-font-color);
}
[id$=billing_country_field] .select2-selection__rendered,
[id$=billing_phone_country_field] .select2-selection__rendered,
[id$=billing_state_field] .select2-selection__rendered {
    border-bottom: none;
}

.user-edit-php .estore-address-fields__field-wrapper .select2-selection {
    height: 39.56px!important;
}
.user-edit-php .estore-address-fields__field-wrapper input {
    margin: 0!important;
}

[id$=billing_phone_country_field] {
    padding-right: 5px!important;
}

#exponent_billing_phone_country_field #select2-exponent_billing_phone_country-container {
    border-bottom: none!important;
    margin: auto!important;
}

.estore-forms {
    position: relative;
    font-size: 14px;
}
.estore_contentstory .estore-forms,
.estore_contentstory .estore-forms .ef-element,
.estore_contentstory .estore-forms .select2-selection__rendered{
    font-size: 17px;
}
.estore-forms textarea{
    height: 80px;
}
.estore_contentstory .estore-forms textarea{
    height: 90px;
}
.estore-forms select.ef-element{
    -webkit-appearance: menulist;
    appearance: menulist;
    padding: 0;
}
.estore-forms .ef-element:focus {
    border-top: none transparent;
    border-right: none transparent;
    border-left: none transparent;
    border-color: var(--efeed-placeholder-color);
}
.estore-forms .ef-label {
    color: var(--efeed-font-color)!important;
    font-weight: 600!important;
}
.estore-forms-submit-button,
.estore-forms-button {
    background-color: var(--efeed-blue-dark-color);
    color: white;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    transition: background 0.5s ease;
    float: right;
    text-align: center;
    display: inline-block;
    height: 40px;
    margin-left: 1em;
}
.estore-forms-button.inactive {
    background-color: darkgrey;
}
.estore-forms-field-limit-text{
    font-size: 11px;
    margin-bottom: 0px;
    padding: 0 3px;
}
.estore-forms .form-notice{
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 0.5em;
}
.estore-forms .form-notice--success {
    background-color: var(--efeed-blue-dark-color);
}
.estore-forms .form-notice--error{
    background-color: var(--efeed-red-light-color);
}
.estore-forms form.ef-sent{
    display: none;
}
.pum-container {
    padding: 20px 32px!important;
}
.estore-forms #captcha{
    display: none;
}
.estore-forms #captcha.active{
    display: block;
}

/* -------------        login form  ------------------------ */
.customer_login {
    float: right!important;
    width: 60% !important;
}
#secondary .customer_login {
    width: 100% !important;
}
.hystmodal .customer_login {
    width: 100%!important;
}
.customer_login .content-1 {
    width: 100%!important;
}
.customer_login .login-home,
.customer_login .login-proof {
    border: none!important;
    padding: 0!important;
    margin: 0!important;
    font-size: 14px!important;
}
.woocommerce-checkout .customer_login .login-home,
.woocommerce-checkout.customer_login .login-proof {
    font-size: 13px!important;
}
.woocommerce-form-row.login-or {
    text-align: center;
    font-weight: bold;
    color: var(--efeed-blue-dark-color);
}
.woocommerce-form-login__submit {
    width: 100%;
}
.estore-login,
.login-form-wrapper {
    position: relative;
}
.estore-login .login-proof {
    display: none;
}
.estore-login .login-proof.active {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    position: absolute;
    background: white;
}
.login-form-notice {
    display: none;
}
.login-form-notice.active {
    display: block;
    font-size: 16px;
}
.login-form-notice--error {
    background: var(--efeed-red-dark-color);
    color: white;
    text-align: center
}
.estore-login .login-proof .proof-again a {
    display: inherit;
}
.estore-login .login-proof .proof-again span {
    display: none;
}
.estore-login .login-proof .proof-again.active a {
    display: none;
}
.estore-login .login-proof .proof-again.active span {
    display: inherit;
}

form.ef-form button:disabled{
    background-color: var(--efeed-disabled)!important;
    color: white!important;
    cursor: not-allowed!important;
}

/* -------------------------------- stories --------------------------------------------- */
.estore_contentstory .estore-forms-submit-button,
.estore_contentstory .estore-stories-button a {
    background-color: var(--efeed-blue-dark-color)!important;
    border-radius: 10px!important;
    font-size: 17px!important;
    width: 100%!important;
    float: none!important;
    font-weight: bold!important;
    margin-top: 20px!important;
    height: 50px!important;
    line-height: 20px!important;
    padding: 15px!important;
    color: white!important;
}
.estore_contentstory .estore-stories-button a:hover,
.estore-forms-submit-button:hover {
    background-color: var(--main-hover-color)!important;
    color: white!important;
}
.estore_contentstory .estore-forms-field-limit-text{
    font-size: 14px;
}
.estore_contentstory .estore-forms .form-notice {
    font-size: 18px;
}
#ig_modal_wnd .hystmodal__window {
    width: 600px;
    height: 900px;
}
#ig_modal_wnd .hystmodal__window {
    width: 600px;
    height: 900px;
}
.estore_contentstory_wrapper,
.estore_contentstory,
.estore-stories-tabs,
.estore-stories-tab-content {
    width: 100%;
    height: 100%;
}
.estore-stories-tabs {
    font-size: 0;
}
.estore-stories-tabs>input[type="radio"] {
    display: none;
}
.estore-stories-tabs>input[type="radio"]:checked+label {
    background-color: var(--efeed-lightgray-color);
}
.estore-stories-tabs>div {
    /* скрыть контент по умолчанию */
    display: none;
    padding: 10px 15px;
}
/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
.estore-stories-tabs #tab-btn-1:checked~#content-1,
.estore-stories-tabs #tab-btn-2:checked~#content-2,
.estore-stories-tabs #tab-btn-3:checked~#content-3,
.estore-stories-tabs #tab-btn-4:checked~#content-4,
.estore-stories-tabs #tab-btn-5:checked~#content-5,
.estore-stories-tabs #tab-btn-6:checked~#content-6,
.estore-stories-tabs #tab-btn-7:checked~#content-7,
.estore-stories-tabs #tab-btn-8:checked~#content-8,
.estore-stories-tabs #tab-btn-9:checked~#content-9,
.estore-stories-tabs #tab-btn-10:checked~#content-10{
    display: block;
}
.estore-stories-tabs .progress-bar {
    background-color: var(--efeed-blue-dark-color);
    width: 0%;
    height: 6px;
    border-radius: 6px;
    margin: 0;
    padding: 0;
}
.estore-stories-tabs>label {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: var(--efeed-lightgray-color);
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 6px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    margin: 0 2px 10px 2px;
    cursor: pointer;
}
#auth_modal_wnd .hystmodal__window {
    width: 400px;
}
.woocommerce form .form-row .optional {
    visibility: hidden;
}

.hystmodal__window .woocommerce form .form-row {
    padding: 3px!important;
}

.estore-forms .ef-field-select .select2-selection {
    border: none!important;
}

.form-title {
    width: calc(100% - 40px);
    font-size: 22px;
    color: var(--efeed-blue-dark-color);
    font-weight: 600;
    line-height: 30px
}

.page-form .form-title {
    clear: both;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
    margin-bottom: 15px;
    color: var(--efeed-font-color);
    font-weight: 700;
    width: 100%;
    font-size: 30px;
}
.estore_contentstory .form-title {
    font-size: 25px;
}
#secondary .login-form-title,
#secondary .login-or {
    font-size: 14px;
}

#promo_modal_wnd .hystmodal__window {
    width: 1000px;
    height: auto;
}

.estore-stories-tab-content h2 {
    font-size: 25px!important;
    font-weight: bold;
    color: black;
}
.estore-stories-tab-content p {
    font-size: 17px!important;
}

.ef-row-hide {
    display: none!important;
}

.estore_otp.hidden,
.proof-return.proof-sms.hidden,
.proof-return.proof-mobileid.hidden {
    display: none;
}

.fields-group-wrapper.account_details {
    display: flex;
}
.fields-group-wrapper.account_details p {
    margin: auto 2px 0 2px;
}

@media (max-width: 768px) {
    .estore-stories-tab-content h2 {
        font-size: 21px!important;
        font-weight: bold;
        color: black;
    }
    .estore-stories-tab-content p {
        font-size: 15px!important;
    }
    .form-title {
        font-size: 16px;
        line-height: 22px;
    }
    .estore-forms .form-notice {
        font-size: 13px;
    }
    .estore-forms label,
    .estore-forms .ef-element,
    .estore-forms-submit-button,
    .estore-forms-button {
        font-size: 12px;
    }
    .estore-forms label.evf-error{
        font-size: 11px;
    }
    .estore-forms textarea {
        height: 64px;
    }
    .estore-forms-field-limit-text {
        font-size: 10px;
    }
    .customer_login {
        width: 100% !important;
    }
    .customer_login .login-home,
    .customer_login .login-proof {
        border: none;
        padding: 0;
        margin: 5px 0 0 0;
        font-size: 12px!important;
    }
    .login-form-notice.active {
        font-size: 13px!important;
    }
    #ig_modal_wnd .hystmodal__window,
    #promo_modal_wnd .hystmodal__window {
        position: absolute!important;
        top: 0!important;
        bottom: 0!important;
        right: 0!important;
        left: 0!important;
        height: auto!important;
        width: auto!important;
        transform: scale(1)!important;
    }
    .estore-forms,
    .estore_contentstory .estore-forms .ef-element,
    .estore_contentstory .estore-forms .select2-selection__rendered {
        font-size: 14px;
    }
    .ef-row-hide {
        display: none!important;
    }
    .order_rating {
        font-size: 40px;
    }
}

.button-label.transparent {
    color: transparent!important;
}

.fields-group-wrapper.group_company {
    display: none;
}

.fields-group-wrapper.group_company.hidden,
.fields-group-wrapper.group_company.hidden .required,
.fields-group-wrapper.group_company.hidden > * {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
}

.fields-group-wrapper.group_company.visible,
.fields-group-wrapper.group_company.visible .required {
    height: fit-content;
    animation: 0.5s fadeIn;
    animation-fill-mode: forwards;
    visibility: visible;
    display: revert;
}

@keyframes fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.cookies__wrapper {
    z-index: 10;
    position: fixed;
    bottom: 0;
    left: calc(100% / 2 - 400px);
    width: 90%;
    max-width: 800px;
}

.cookies {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0px 14px 42px rgba(30, 115, 190, 0.2);
    border-radius: 20px;
    padding: 46px 110px;
    position: sticky;
    bottom: 0;
    z-index: 1;
    margin-bottom: 14px;
    opacity: 1;
    transition: 0.3s;
    flex-direction: column;
    border: 2px solid var(--efeed-blue-dark-color);
}

.cookies__wrapper.hidden{
    transform: translate(0, 200px);
    opacity: 0;
}

.cookies__block {
    display: flex;
}

.cookies button {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    border-radius: 6px;
    transition: background 1s ease;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0 0 10px;
    width: fit-content;
    padding: 0 40px;
    align-items: center;
}

.cookies__accept {
    background: var(--efeed-blue-dark-color);
    color: white;
    margin-right: 20px;
}

.cookies__accept:hover {
    background: var(--main-hover-color);
    cursor: pointer;
}

.cookies__noaccept {
    background: transparent;
    color: var(--efeed-blue-dark-color);
}

.cookies p {
    font-size: 100%;
    max-width: 100%;
}

.cookies p a {
    color: var(--efeed-blue-dark-color);
}

.cookies__noaccept:hover,
.cookies p a:hover {
    color: var(--main-hover-color);
}

@media (max-width: 768px) {
    .cookies__wrapper {
        left: 1em;
        width: calc(100% - 2em);
        bottom: 40px;
    }
    .cookies {
        padding: 2em;
    }

    .cookies__block {
        margin-bottom: 0.5em;
    }

    .cookies button {
        padding: 0 1.5em;
    }

    .cookies button:last-child {
        margin-bottom: 0;
    }
}


.wrapper-deletable-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.show-deletable-input {
    position: absolute;
    right: .7em;
    top: .7em;
    cursor: pointer;
}

.show-deletable-input:after {
    font-family: WooCommerce;
    speak: never;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: .618em;
    content: "\e013";
    text-decoration: none;
}

.deletable-input input,
.deletable-input textarea {
    padding-right: 2.5rem!important;
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: revert!important;
}

.ef-form .woocommerce-NoticeGroup .woocommerce-error {
    background: var(--efeed-red-dark-color);
    color: white;
    border: none;
}

.ef-form .woocommerce-NoticeGroup .woocommerce-error:before {
    color: white!important;
}

@media (max-width: 768px) {
    .ef-form .woocommerce-NoticeGroup .woocommerce-error li {
        font-size: 12px;
    }
}