/* ------------------------------ */
/* ---------- Formular ---------- */
/* ------------------------------ */

.form_item, .form_item__input, .quform-input {
    position: relative;
}

.form_item--submit {
    margin-top: var(--spacing-6);
}

.form_item--submit button {
    margin-top: 0 !important;
}

.form_item.form_item--margin-top {
    margin-top: var(--spacing-4);
}

.form_item.form_item--last {
    margin-bottom: 0;
}

.form_item.form_item--small-margin {
    margin-bottom: 4px !important;
}

.form_item.form_item--no-margin {
    margin-bottom: 0 !important;
}

.form_item:not(.form_item--checkbox):not(.form_item--radio) label, input[type="text"]:not([name="coupon_code"]), input[type="email"], input[type="password"], textarea, select, .quform-input > .quform-label label {
    font-size: var(--font-size-copy);
    line-height: 1.25;
    color: var(--color-black);
    border: 1px solid;
}

.form_item:not(.form_item--checkbox):not(.form_item--radio) label, .quform-input > .quform-label label {
    padding-right: 0 !important;
}

input:-webkit-autofill, .no-touchevents input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, .no-touchevents textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, .no-touchevents select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  border: 1px solid var(--color-black);
  -webkit-text-fill-color: var(--color-black);
  -webkit-box-shadow: 0 0 0px 1000px var(--color-white) inset;
  caret-color:var(--color-black);
}

select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

select::-ms-expand {
    display: none;
}

.form_item__input--select > svg {
    position: absolute;
    top: 50%;
    left: auto;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    stroke: var(--color-black);
    stroke-width: 3px;
}

.quform-input > .quform-label {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    height: 100%;
    opacity: 1 !important;
    display: block !important;
    pointer-events: none;
}

.form_item:not(.form_item--checkbox):not(.form_item--radio) label, .quform-input > .quform-label label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    border-color: transparent;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: var(--opacity-1);
    -webkit-transition: opacity .1s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .1s ease-in-out,-webkit-transform .2s ease-in-out;
    -o-transition: opacity .1s ease-in-out,transform .2s ease-in-out;
    transition: opacity .1s ease-in-out,transform .2s ease-in-out;
    transition: opacity .1s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}

.form_item:not(.form_item--checkbox):not(.form_item--radio) label span.required, .quform-input > .quform-label label span.quform-required {
    margin-left: 5px;
}

input[type="text"]:not([name="coupon_code"]), input[type="email"], input[type="password"], textarea, select {
    width: 100%;
    background-color: transparent;
}

input[type="text"]:not([name="coupon_code"]):focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    outline: 1px solid var(--color-black) !important;
}

abbr {
    text-decoration: none !important;
}

.form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-moz-placeholder-shown)~label, .form_item textarea:not(:-moz-placeholder-shown)~label, .quform-input > input:not(:-moz-placeholder-shown)~.quform-label label, .quform-input > textarea:not(:-moz-placeholder-shown)~.quform-label label {
    width: 130%;
}

.form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-ms-input-placeholder)~label, .form_item textarea:not(:-ms-input-placeholder)~label, .quform-input > input:not(:-ms-input-placeholder)~.quform-label label, .quform-input > textarea:not(:-ms-input-placeholder)~.quform-label label {
    width: 130%;
}



/* Checkbox */
.form_item--checkbox label, .form_item--radio label {
    cursor: pointer;
    position: relative;
    z-index: 2;
    display: block;
}

.woocommerce-terms-and-conditions-wrapper {
    position: relative;
    margin-top: var(--spacing-6);
}

.form_item--radio label[for="wc-stripe-new-payment-method"] {
    display: block !important;
    font-size: var(--font-size-3);
}

.form_item--checkbox input[type="hidden"] + label, .form_item--radio input[type="hidden"] + label {
    cursor: text;
    padding-left: 0;
}

.form_item--checkbox [type="checkbox"], .form_item--radio [type="radio"], input#wc-stripe-new-payment-method, input#terms {
    position: absolute;
    z-index: 1;
    left: 0;
    border: 1px solid var(--color-black);
}

.form_item--checkbox [type="radio"] {
    border-radius: 50%;
}

.no-touchevents .form_item--checkbox .form_item__input:hover [type="checkbox"], .no-touchevents .form_item--radio .form_item__input:hover [type="radio"], 
.form_item--checkbox [type="checkbox"]:checked, .form_item--radio [type="radio"]:checked, input#wc-stripe-new-payment-method:checked, 
.no-touchevents .woocommerce-SavedPaymentMethods-saveNew:hover input#wc-stripe-new-payment-method, .no-touchevents input#terms:hover, #terms:checked {
    outline: 1px solid !important;
}

.woocommerce-terms-and-conditions-wrapper > p.form-row {
    position: relative;
}

.woocommerce-terms-and-conditions-wrapper label {
    cursor: pointer;
}

.form_item--checkbox [type="checkbox"]::before, .form_item--radio [type="checkbox"]::before, input#wc-stripe-new-payment-method::before, input#terms::before {
    content: "";
    position: absolute;
    height: 9px;
    width: 4px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: var(--color-black);
    opacity: 0;

    -webkit-transition: opacity var(--transition-1);
    -o-transition: opacity var(--transition-1);
    transition: opacity var(--transition-1);
}

.form_item--checkbox [type="checkbox"]:checked::before, .form_item--radio [type="checkbox"]:checked::before, input#wc-stripe-new-payment-method:checked::before, input#terms:checked::before {
    opacity: 1;
    border-color: var(--color-black);
}

.form_item--radio [type="radio"], .form_item--radio [type="radio"]::before {
    border-radius: 50%;
}

.form_item--radio [type="radio"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: transparent;
    opacity: 0;
}

.form_item--checkbox [type="radio"]:checked::before, .form_item--radio [type="radio"]:checked::before {
    background-color: var(--color-black);
    opacity: 1;
}


/* Error */
input[type="text"]:not([name="coupon_code"]).is-invalid, input[type="email"].is-invalid, input[type="password"].is-invalid, textarea.is-invalid,
input[type="text"]:not([name="coupon_code"]).is-invalid:focus, input[type="email"].is-invalid:focus, input[type="password"].is-invalid:focus, textarea.is-invalid:focus,
.form_item--checkbox input[type="checkbox"].is-invalid, .form_item--radio input[type="radio"].is-invalid,
.no-touchevents .form_item--checkbox:hover input[type="checkbox"].is-invalid, .no-touchevents .form_item--radio:hover input[type="radio"].is-invalid,
.woocommerce-invalid input[type="text"]:not([name="coupon_code"]), .woocommerce-invalid input[type="email"], .woocommerce-invalid input[type="password"], .woocommerce-invalid textarea,
.woocommerce-invalid input[type="text"]:not([name="coupon_code"]):focus, .woocommerce-invalid input[type="email"]:focus, .woocommerce-invalid input[type="password"]:focus, .woocommerce-invalid textarea:focus,
.form_item--checkbox .woocommerce-invalid input[type="checkbox"], .form_item--radio .woocommerce-invalid input[type="radio"],
.no-touchevents .form_item--checkbox:hover .woocommerce-invalid input[type="checkbox"], .no-touchevents .form_item--radio:hover .woocommerce-invalid input[type="radio"] {
    border-color: var(--color-error);
}

.form_item--checkbox input.is-invalid + label, .form_item--checkbox input.is-invalid + label a, .form_item--radio input.is-invalid + label, .form_item--radio input.is-invalid + label a,
.form_item--checkbox .woocommerce-invalid label, .form_item--checkbox .woocommerce-invalid label a, .form_item--radio .woocommerce-invalid label, .form_item--radio .woocommerce-invalid label a {
    color: var(--color-error);
}

.form_item--checkbox input.is-invalid + label a::after, .form_item--checkbox .woocommerce-invalid label a::after, .form_item--radio .woocommerce-invalid label a::after {
    background-color: var(--color-error);
}

.quform-error {
    line-height: var(--line-height-2);
}

.form_item__error > div > div, .quform-error-text {
    padding-top: 6px;
    font-size: calc(var(--font-size-1) - 1px);
    color: var(--color-error);
    display: inline-block;
    line-height: var(--line-height-2);
}

.form_item--checkbox .form_item__error, .form_item--radio .form_item__error {
    display: none !important;
}


/* Forogt / Show Password */
.forgot_password {
    display: inline-block;
    margin-top: var(--spacing-2);
    font-size: var(--font-size-1);
    opacity: var(--opacity-1);
    -webkit-transition: opacity var( --transition-1);
    -o-transition: opacity var( --transition-1);
    transition: opacity var( --transition-1);
}

.no-touchevents .forgot_password:hover {
    opacity: 1;
}

.show_password {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity var( --transition-1);
    -o-transition: opacity var( --transition-1);
    transition: opacity var( --transition-1);
}

.show_password.show {
    opacity: 1;
}

.show_password > svg {
    position: absolute;
    top: 0;
    left: 0;
    fill: var(--color-black);
}

.show_password .icon--show, .show_password.show_password--show .icon--show-hide {
    opacity: 1;
}

.show_password .icon--show-hide, .show_password.show_password--show .icon--show {
    opacity: 0;
}


/* Cart & Checkout */
.shipping_method__item .form_item {
    margin-bottom: 0;
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 576px) {

    .form_item:last-of-type {
        margin-bottom: 0;
    }

}


@media all and (min-width: 768px) {

    .form_item:not(.form_item--submit) {
        margin-bottom: var(--spacing-4);
    }

    .form_group.row {
        margin-right: calc(var(--spacing-2) * -1);
        margin-left: calc(var(--spacing-2) * -1);
    }
    
    .form_group.row > div {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2);
    }

    .form_item__input--select > svg {
        right: var(--spacing-4);
    }

}


@media all and (min-width: 1240px) {

    .form_group--city > div:nth-child(1) {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        max-width: 35%;
    }

    .form_group--city > div:nth-child(2) {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
        max-width: 65%;
    }

    .form_item:not(.form_item--checkbox):not(.form_item--radio) label, input[type="text"]:not([name="coupon_code"]), input[type="email"], input[type="password"], textarea, select, .quform-input > .quform-label label {
        padding: 17px 12px 15px;
    }
    
    input[type="password"] {
        padding-right: 46px !important;
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) label, input[type="text"]:not([name="coupon_code"]), input[type="email"], input[type="password"], select, .quform-input > .quform-label label {
        height: 57px;
    }
    
    .form_item__input--select > select {
        padding-right: 42px;
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-moz-placeholder-shown)~label, .form_item textarea:not(:-moz-placeholder-shown)~label, .quform-input > input:not(:-moz-placeholder-shown)~.quform-label label, .quform-input > textarea:not(:-moz-placeholder-shown)~.quform-label label {
        transform: scale(.75) translateY(-9px) translateX(4px);
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-ms-input-placeholder)~label, .form_item textarea:not(:-ms-input-placeholder)~label, .quform-input > input:not(:-ms-input-placeholder)~.quform-label label, .quform-input > textarea:not(:-ms-input-placeholder)~.quform-label label {
        -ms-transform: scale(.75) translateY(-9px) translateX(4px);
            transform: scale(.75) translateY(-9px) translateX(4px);
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:focus~label, .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:placeholder-shown)~label, 
    .form_item textarea:focus~label, .form_item textarea:not(:placeholder-shown)~label, .form_col:not(.form_col--checkbox) select~label, select~label,
    .quform-input > input:focus~.quform-label label, .quform-input > input:not(:placeholder-shown)~.quform-label label, 
    .quform-input > textarea:focus~.quform-label label, .quform-input > textarea:not(:placeholder-shown)~.quform-label label {
        -webkit-transform: scale(.75) translateY(-9px) translateX(4px);
            -ms-transform: scale(.75) translateY(-9px) translateX(4px);
                transform: scale(.75) translateY(-9px) translateX(4px);
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-moz-placeholder-shown), .form_item textarea:not(:-moz-placeholder-shown), .quform-input > input:not(:-moz-placeholder-shown), .quform-input > textarea:not(:-moz-placeholder-shown) {
        padding: 25px 12px 8px;
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-ms-input-placeholder), .form_item textarea:not(:-ms-input-placeholder), .quform-input > input:not(:-ms-input-placeholder), .quform-input > textarea:not(:-ms-input-placeholder) {
        padding: 25px 12px 8px;
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:focus, .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:placeholder-shown), 
    .form_item textarea:focus, .form_item textarea:not(:placeholder-shown), select, 
    .quform-input > input:focus, .quform-input > input:not(:placeholder-shown), 
    .quform-input > textarea:focus, .quform-input > textarea:not(:placeholder-shown) {
        padding: 25px 12px 8px;
    }
    
    .form_item--checkbox label, .form_item--radio label, .woocommerce-terms-and-conditions-wrapper > p.form-row {
        padding-left: 32px;
    }
    
    .form_item--checkbox [type="checkbox"], .form_item--radio [type="radio"], input#wc-stripe-new-payment-method, input#terms {
        width: 20px !important;
        height: 20px !important;
    }

    .form_item--checkbox [type="checkbox"], .form_item--radio [type="radio"], input#wc-stripe-new-payment-method {
        top: 2px;
    }
    
    input#terms {
        top: 2px;
    }

    .form_item--checkbox [type="checkbox"]::before, .form_item--radio [type="checkbox"]::before, input#wc-stripe-new-payment-method::before, input#terms::before {
        top: 2px;
        left: 6px;
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
    }
    
    .form_item--radio [type="radio"]::before {
        width: 12px;
        height: 12px;
    }
    
    .show_password {
        top: 16px;
        right: 12px;
        width: 24px;
        height: 24px;
    }
    
    .show_password > svg {
        width: 24px;
        height: 24px;
    }

}


@media all and (max-width: 1239.98px) {
    
    input[type="password"] {
        padding-right: 46px !important;
    }
    
    .form_item--checkbox label, .form_item--radio label, .woocommerce-terms-and-conditions-wrapper > p.form-row {
        padding-left: 28px;
    }
    
    .form_item--checkbox [type="checkbox"], .form_item--radio [type="radio"], input#wc-stripe-new-payment-method, input#terms {
        width: 18px !important;
        height: 18px !important;
    }
    
    .form_item--checkbox [type="checkbox"]::before, .form_item--radio [type="checkbox"]::before, input#wc-stripe-new-payment-method::before, input#terms::before {
        top: 1px;
        left: 5px;
        -webkit-transform: rotate(40deg) scale(.85);
            -ms-transform: rotate(40deg) scale(.85);
                transform: rotate(40deg) scale(.85);
    }

    .form_item--radio [type="radio"]::before {
        width: 10px;
        height: 10px;
    }
    
    .show_password {
        width: 22px;
        height: 22px;
    }
    
    .show_password > svg {
        width: 22px;
        height: 22px;
    }

    .payment_method_payrexx span.icon-wrapper {
        display: block;
        margin-top: 3px;
        margin-bottom: 5px;
    }

    .wc_payment_methods [class*="payment_method_payrexx"] img:first-child {
        margin-left: 0;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 576px) {

    .form_item:not(.form_item--checkbox):not(.form_item--radio) label, input[type="text"]:not([name="coupon_code"]), input[type="email"], input[type="password"], select, .quform-input > .quform-label label {
        height: 52px;
    }

    .form_item:not(.form_item--checkbox):not(.form_item--radio) label, input[type="text"]:not([name="coupon_code"]), input[type="email"], input[type="password"], textarea, select, .quform-input > .quform-label label {
        padding: 15px 12px 13px;
    }

    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-moz-placeholder-shown), .form_item textarea:not(:-moz-placeholder-shown), .quform-input > input:not(:-moz-placeholder-shown), .quform-input > textarea:not(:-moz-placeholder-shown) {
        padding: 22px 12px 6px;
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-ms-input-placeholder), .form_item textarea:not(:-ms-input-placeholder), .quform-input > input:not(:-ms-input-placeholder), .quform-input > textarea:not(:-ms-input-placeholder) {
        padding: 22px 12px 6px;
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:focus, .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:placeholder-shown), 
    .form_item textarea:focus, .form_item textarea:not(:placeholder-shown), select, 
    .quform-input > input:focus, .quform-input > input:not(:placeholder-shown), 
    .quform-input > textarea:focus, .quform-input > textarea:not(:placeholder-shown) {
        padding: 22px 12px 6px;
    }

    .show_password {
        top: 15px;
        right: 12px;
    }

    .form_item--checkbox [type="checkbox"], .form_item--radio [type="radio"], input#wc-stripe-new-payment-method, input#terms {
        top: 3px;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 768px) {

    .form_item__input--select > select {
        padding-right: 42px;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 576px) {

    .form_group--city > div:nth-child(1) {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }

    .form_group--city > div:nth-child(2) {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-moz-placeholder-shown)~label, .form_item textarea:not(:-moz-placeholder-shown)~label, .quform-input > input:not(:-moz-placeholder-shown)~.quform-label label, .quform-input > textarea:not(:-moz-placeholder-shown)~.quform-label label {
        transform: scale(.7) translateY(-7px) translateX(6px);
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-ms-input-placeholder)~label, .form_item textarea:not(:-ms-input-placeholder)~label, .quform-input > input:not(:-ms-input-placeholder)~.quform-label label, .quform-input > textarea:not(:-ms-input-placeholder)~.quform-label label {
        -ms-transform: scale(.7) translateY(-7px) translateX(6px);
            transform: scale(.7) translateY(-7px) translateX(6px);
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:focus~label, .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:placeholder-shown)~label, 
    .form_item textarea:focus~label, .form_item textarea:not(:placeholder-shown)~label, .form_col:not(.form_col--checkbox) select~label, select~label,
    .quform-input > input:focus~.quform-label label, .quform-input > input:not(:placeholder-shown)~.quform-label label, 
    .quform-input > textarea:focus~.quform-label label, .quform-input > textarea:not(:placeholder-shown)~.quform-label label {
        -webkit-transform: scale(.7) translateY(-7px) translateX(6px);
            -ms-transform: scale(.7) translateY(-7px) translateX(6px);
                transform: scale(.7) translateY(-7px) translateX(6px);
    }

}


@media all and (max-width: 991.98px) {

    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-moz-placeholder-shown)~label, .form_item textarea:not(:-moz-placeholder-shown)~label, .quform-input > input:not(:-moz-placeholder-shown)~.quform-label label, .quform-input > textarea:not(:-moz-placeholder-shown)~.quform-label label {
        transform: scale(.7) translateY(-7px) translateX(5px);
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-ms-input-placeholder)~label, .form_item textarea:not(:-ms-input-placeholder)~label, .quform-input > input:not(:-ms-input-placeholder)~.quform-label label, .quform-input > textarea:not(:-ms-input-placeholder)~.quform-label label {
        -ms-transform: scale(.7) translateY(-7px) translateX(5px);
            transform: scale(.7) translateY(-7px) translateX(5px);
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:focus~label, .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:placeholder-shown)~label, 
    .form_item textarea:focus~label, .form_item textarea:not(:placeholder-shown)~label, .form_col:not(.form_col--checkbox) select~label, select~label,
    .quform-input > input:focus~.quform-label label, .quform-input > input:not(:placeholder-shown)~.quform-label label, 
    .quform-input > textarea:focus~.quform-label label, .quform-input > textarea:not(:placeholder-shown)~.quform-label label {
        -webkit-transform: scale(.7) translateY(-7px) translateX(5px);
            -ms-transform: scale(.7) translateY(-7px) translateX(5px);
                transform: scale(.7) translateY(-7px) translateX(5px);
    }

}


@media all and (max-width: 767.98px) {

    .form_group.row {
        margin-right: calc(var(--spacing-1) * -1);
        margin-left: calc(var(--spacing-1) * -1);
    }
    
    .form_group.row > div {
        padding-right: var(--spacing-1);
        padding-left: var(--spacing-1);
    }

    .form_item__input--select > select {
        padding-right: 38px;
    }

    .form_item__input--select > svg {
        right: var(--spacing-4);
    }

}


@media all and (max-width: 767.98px) and (min-width: 576px) {

    .form_item:not(.form_item--submit) {
        margin-bottom: var(--spacing-3);
    }

}


@media all and (max-width: 575.98px) {

    .quform-element-group > .quform-spacer > .quform-child-elements {
        margin: 0;
    }

    .quform-element-group > .quform-spacer > .quform-child-elements > div {
        width: 100%;
        padding: 0;
        margin: 0 0 var(--spacing-4);
    }

    .form_group {
        margin-right: -6px;
        margin-left: -6px;
    }

    .form_group > div {
        padding-right: 6px;
        padding-left: 6px;
    }

    .form_item:not(.form_item--submit) {
        margin-bottom: 12px;
    }

    .form_item:not(.form_item--checkbox):not(.form_item--radio) label, input[type="text"]:not([name="coupon_code"]), input[type="email"], input[type="password"], select, .quform-input > .quform-label label {
        height: 48px;
    }

    .form_item:not(.form_item--checkbox):not(.form_item--radio) label, input[type="text"]:not([name="coupon_code"]), input[type="email"], input[type="password"], textarea, select, .quform-input > .quform-label label {
        padding: 14px 10px 12px;
    }

    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-moz-placeholder-shown), .form_item textarea:not(:-moz-placeholder-shown), .quform-input > input:not(:-moz-placeholder-shown), .quform-input > textarea:not(:-moz-placeholder-shown) {
        padding: 20px 10px 6px;
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:-ms-input-placeholder), .form_item textarea:not(:-ms-input-placeholder), .quform-input > input:not(:-ms-input-placeholder), .quform-input > textarea:not(:-ms-input-placeholder) {
        padding: 20px 10px 6px;
    }
    
    .form_item:not(.form_item--checkbox):not(.form_item--radio) input:focus, .form_item:not(.form_item--checkbox):not(.form_item--radio) input:not(:placeholder-shown), 
    .form_item textarea:focus, .form_item textarea:not(:placeholder-shown), select, 
    .quform-input > input:focus, .quform-input > input:not(:placeholder-shown), 
    .quform-input > textarea:focus, .quform-input > textarea:not(:placeholder-shown) {
        padding: 20px 10px 6px;
    }

    .show_password {
        top: 13px;
        right: 10px;
    }

    .form_item--checkbox label, .form_item--radio label, .woocommerce-terms-and-conditions-wrapper label {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }

    .woocommerce-terms-and-conditions-wrapper label {
        display: inline-block;
    }

    .form_item--checkbox [type="checkbox"], .form_item--radio [type="radio"], input#wc-stripe-new-payment-method, input#terms {
        top: 0px;
    }

    .checkout__shipping .shipping_method__item [type="radio"], .checkout__payment_review .wc_payment_method [type="radio"] {
        top: 1px;
    }

    .forgot_password {
        font-size: calc(var(--font-size-1) - 1px);
        margin-top: var(--spacing-1);
    }

}


@media all and (max-width: 575.98px) and (min-width: 414px) {

    .form_group--city > div:nth-child(1) {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        max-width: 45%;
    }

    .form_group--city > div:nth-child(2) {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
        max-width: 55%;
    }

}


@media all and (max-width: 413.98px) {

    .form_group--city > div:nth-child(1), .form_group--city > div:nth-child(2) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

}


@media all and (max-width: 359.98px) {

    .form_item--checkbox label, .form_item--radio label, .woocommerce-terms-and-conditions-wrapper > p.form-row {
        padding-left: 26px;
    }

}