/*transition: all 0.25s ease-in-out 0s;*/
:root{
    --main-wrapper-max-width: 1260px;
    --main-wrapper-md-max-width: 900px;
    --main-wrapper-lg-max-width: 1920px;
    --main-wrapper-lg-max-width: 1740px;
    --main-wrapper-margin: 20px;
    --main-wrapper-lg-margin: 60px;
    --main-header-heigth: 101px;
    --main-button-heigth-sm: 45px;
    --main-button-heigth: 57px;
    --main-button-heigth-md: 70px;
    --main-button-heigth-lg: 83px;
    --main-button-padding-lg: 119px;
    --main-input-heigth: 60px;
    --main-input-heigth-md: 42px;
    --main-cart-height: 140px;
    --main-checkout-width: 470px;
    --main-checkout-form-width: 405px;
    --main-sub-margin: 52px;
    --main-color-active: #72aefd;
    --main-cart-item-margin: 10%;
    --main-footer-margin: 176px;



    --brand-01: #1f0d26;
    --brand-02: #3e1a4d;
    --brand-03: #5d2673;
    --brand-04: #7c3399;
    --brand-05: #9b40bf;
    --brand-06: #af66cc;
    --brand-07: #c38cd9;
    --brand-08: #d7b2e5;
    --brand-09: #ebd9f2;
    --brand-10: #f5ecf9;
    --monochromatic-01: #1a1a1a;
    --monochromatic-02: #333;
    --monochromatic-03: #4d4d4d;
    --monochromatic-04: #666;
    --monochromatic-05: #808080;
    --monochromatic-06: #999;
    --monochromatic-07: #b3b3b3;
    --monochromatic-08: #ccc;
    --monochromatic-09: #f2f2f2;
    --monochromatic-10: #fff;
    --font-dark: #0f0f0f;
    --font-mid: #0f0f0f;
    --font-light: #a088a1;
    --font-white: #0f0f0f;
    --validation-neutral: #4b92d4;
    --validation-success: #4dcfc0;
    --validation-warning: #eea63a;
    --validation-error: #e52b67;
    --blur-light: rgba(255, 255, 255, 0.8);
    --blur-dark: rgba(51, 51, 51, 0.8);
    --blur---brand: rgba(155, 64, 191, 0.8);
    --pink: #ad4fd9;
    --rose: #b11673;
    --blue: #3426d0;
    --yellow: #a78120;
    --brandcolor: #5423d2;
    --brand-text: #a07bfe;
    --line: rgba(160, 136, 161, 0.25);
    --link: #72aefd;

    --font-family: "Helvetica", sans-serif;
    --second-family: "Inter", sans-serif;
    --third-family: "Gothic A1", sans-serif;
    --font3: "Actor", sans-serif;
    --font4: "Poppins", sans-serif;
    --font5: "Lexend Peta", sans-serif;
}

.air-datepicker {
    --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --adp-font-size: 14px;
    --adp-width: 502px;
    --adp-z-index: 100;
    --adp-padding: 4px;
    --adp-grid-areas: "nav" "body" "timepicker" "buttons";
    --adp-transition-duration: .3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: transparent;
    --adp-background-color-active: transparent;
    --adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #72aefd;
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: var(--font-light);;
    --adp-color-disabled: #aeaeae;
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 4px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: #fff;
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: #fff;
    --adp-day-name-color: #ff9a19;
    --adp-day-name-color-hover: #8ad5f4;
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 64px;
    --adp-month-cell-height: 64px;
    --adp-year-cell-height: 64px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 0;
    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: var(--brandcolor);
    --adp-cell-background-color-selected-hover: var(--brandcolor);
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px;
}
.content_page{
    /*--main-header-heigth: 130px;*/
}
.header.fixed{
    --main-header-heigth: 101px;
}
.content_page .header.fixed{
    --main-header-heigth: 80px;
}
.main_page{
    --main-footer-margin: 317px
}

.page_checkout {
    --main-wrapper-lg-max-width: 1920px;
    --main-wrapper-lg-margin: 42px;
}

@media screen and (max-width: 1366px) {
    .main_page{
        --main-footer-margin: 226px;
    }
}

@media screen and (max-width: 992px) {
    .main_page{
        --main-footer-margin: 181px;
    }
}
@media screen and (max-width: 743px) {
    .main_page{
        --main-footer-margin: 92px;
    }
}


@media screen and (min-width: 993px) {
    :root{
        --main-cart-item-margin: 10%;
    }
    .order_products_5{
        --main-cart-item-margin: 11%;
    }
    .order_products_4{
        --main-cart-item-margin: 14%;
    }
    .order_products_3{
        --main-cart-item-margin: 19%;
    }
    .order_products_2{
        --main-cart-item-margin: 36%;
    }
}
@media screen and (min-width: 1200px) {
    :root{
        --main-cart-item-margin: 11%;
    }
    .order_products_5{
        --main-cart-item-margin: 15%;
    }
    .order_products_4{
        --main-cart-item-margin: 19%;
    }
    .order_products_3{
        --main-cart-item-margin: 23%;
    }
    .order_products_2{
        --main-cart-item-margin: 37%;
    }
}
@media screen and (min-width: 1300px) {
    :root{
        --main-cart-item-margin: 12%;
    }
    .order_products_5{
        --main-cart-item-margin: 16%;
    }
    .order_products_4{
        --main-cart-item-margin: 20%;
    }
    .order_products_3{
        --main-cart-item-margin: 24%;
    }
}
@media screen and (min-width: 1400px) {
    :root{
        --main-cart-item-margin: 13%;
    }
    .order_products_5{
        --main-cart-item-margin: 17%;
    }
    .order_products_4{
        --main-cart-item-margin: 21%;
    }
    .order_products_3{
        --main-cart-item-margin: 25%;
    }
}
@media screen and (min-width: 1500px) {
    :root{
        --main-cart-item-margin: 14%;
    }
    .order_products_5{
        --main-cart-item-margin: 18%;
    }
    .order_products_4{
        --main-cart-item-margin: 22%;
    }

}
@media screen and (min-width: 1750px) {
    :root{
        --main-cart-item-margin: 15%;
    }

    .order_products_5{
        --main-cart-item-margin: 19%;
    }

    .order_products_4{
        --main-cart-item-margin: 23%;
    }

}
@media screen and (max-width: 1599px) {
    :root{
        --main-checkout-width: 400px;
        --main-header-heigth: 101px;
        --main-wrapper-lg-margin: 40px;
        --main-button-heigth-lg: 73px;
        --main-button-padding-lg: 80px;
        --main-button-heigth-md: 60px;
        --main-cart-height: 130px;
    }
}
@media screen and (max-width: 1366px) {
    :root{
        --main-checkout-width: 360px;
        --main-wrapper-lg-margin: 30px;
        --main-button-padding-lg: 60px;
        --main-input-heigth: 56px;
        --main-cart-height: 120px;
    }

}

@media screen and (max-width: 1340px) {
    :root{

    }
}

@media screen and (max-width: 1260px) {
    :root{
        --main-wrapper-max-width: 1260px;
        --main-wrapper-lg-max-width: 1260px;
        --main-wrapper-margin: 80px;
    }
    .page_checkout {
        --main-wrapper-lg-margin: 20px;
    }
}

@media screen and (max-width: 1200px) {
    :root{
        --main-checkout-width: 320px;
        --main-wrapper-lg-margin: 20px;
    }

}

@media screen and (max-width: 992px) {

    :root{
        --main-header-heigth: 101px;
        --main-checkout-width: 280px;
        --main-button-heigth-lg: 70px;
        --main-cart-height: 120px;
    }


    .header.fixed{
        --main-header-heigth: 60px;
    }
    .header.fixed .header_logo svg{
        width: 120px;
    }

    .content_page,
    .sidebar_page{
        --main-wrapper-max-width: 720px;
        --main-wrapper-md-max-width: 720px;
        --main-wrapper-lg-max-width: 720px;
        --main-wrapper-margin: 12px;
    }


}

@media screen and (max-width: 743px) {

    :root{
        --main-wrapper-lg-margin: 15px;
        --main-wrapper-margin: 15px;
        --main-input-heigth-md: 38px;
        --main-cart-height: 220px;
        --main-button-heigth: 42px;
        --main-input-heigth: 56px;
        --main-button-heigth-md: 50px;
        --main-checkout-form-width: 420px;
        --main-header-heigth: 72px;
        --main-footer-margin: 80px;
    }

    .content_page {
        --main-wrapper-margin: 16px;
        /*--main-header-heigth: 72px;*/
    }

    .air-datepicker {
        --adp-width: 300px;
        --adp-day-cell-height: 38px;
    }

}
