/* cyrillic */
@font-face {
    font-family  : 'Playfair Display';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPY_Q.woff2") format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family  : 'Playfair Display';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtPY_Q.woff2") format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family  : 'Playfair Display';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtPY_Q.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family  : 'Playfair Display';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family  : 'Lobster';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/lobster/v28/neILzCirqoswsqX9zo-mM5Ez.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family  : 'Lobster';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/lobster/v28/neILzCirqoswsqX9zoamM5Ez.woff2") format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family  : 'Lobster';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/lobster/v28/neILzCirqoswsqX9zo2mM5Ez.woff2") format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family  : 'Lobster';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/lobster/v28/neILzCirqoswsqX9zoymM5Ez.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family  : 'Lobster';
    font-style   : normal;
    font-weight  : 400;
    font-display : swap;
    src          : url("https://fonts.gstatic.com/s/lobster/v28/neILzCirqoswsqX9zoKmMw.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*******/
@font-face {
    font-family: 'burbank';
    src        : url("../webfonts/BurbankSmall-Bold.woff") format('woff');
    font-weight: normal;
    font-style : normal;
}
@font-face {
    font-family: 'franquin';
    src        : url("../webfonts/franquinspirouinktraps.woff2") format('woff2'), url("../webfonts/franquinspirouinktraps-webfont.woff") format('woff');
    font-weight: normal;
    font-style : normal;
}
/**
* CMS-ALPHA CSS 3.02
* By Ambition-web.com - All rights reserved.
*/
/*  Config  */
:root {
    /* Theme colors */
    --color-1-alt               : #A3015A;
    --color-1                   : #AF0061;
    --color-2                   : #C47E31;
    --color-2-alt               : rgb(197, 149, 97);
    --color-3                   : #393636;
    --color-3-alt               : #696565;
    --color-4                   : #fff;
    --color-4-alt               : #696565;
    --bg-light                  : #FAF8F8;
    /*#F6F3F3;*/
    --bg-light-alt              : #FAFAFA;
    /* --bg-light-2        : #f3e5e2; */
    --bg-light-2                : #FBF7F7;
    --bg-sub-menu               : #F6F3F3;
    --blanc                     : #fff;
    --black                     : #000;
    --bg-color-1                : var(--color-1);
    --bg-color-1-alt            : #a3a5a6;
    --bg-color-2                : #eee;
    --bg-color-2-alt            : #ccc;
    --bg-color-3                : #eee;
    --bg-color-3-alt            : #ccc;
    --color-link                : var(--color-1);
    /* Generic colors */
    --light                     : #FAF8F8;
    --dark                      : #333333;
    --link-color                : var(--color-1);
    --link-color-alt            : var(--color-1-alt);
    --text-muted                : #828282;
    --border-default-color      : #dee2e6;
    /* Form-colors */
    --form-color-checked        : var(--color-1);
    --form-bg-color             : white;
    --form-selection-bg         : var(--light);
    --form-border-color         : black;
    --form-focus-color          : var(--color-1);
    --form-button-bg            : var(--color-1);
    --form-button-color         : white;
    --form-focus-shadow-color   : #c01d262e;
    /* Pagination */
    --page-link-color           : black;
    --page-link-hover-color     : white;
    --page-link-active-color    : #fff;
    --page-link-bg              : #fff;
    --page-link-hover-bg        : var(--color-1-alt);
    --page-link-active-bg       : var(--color-1);
    /* Index */
    --modules-index-bg          : white;
    --modules-detail-bg         : transparent;
    --breadcrumb-color          : inherit;
    --breadcrumb-hover-color    : var(--color-1);
    /* Radius */
    --form-radius               : 0;
    --btn-radius                : 20px;
    --card-radius               : 0;
    --badges-radius             : 18px;
    --pannels-radius            : var(--card-radius);
    --category-radius           : 0;
    /* BTN */
    --btn-padding-x             : 0.75rem;
    --btn-padding-y             : 0.375rem;
    --btn-lg-padding-x          : 1rem;
    --btn-lg-padding-y          : 0.5rem;
    --btn-sm-padding-x          : 0.5rem;
    --btn-sm-padding-y          : 0.25rem;
    /* Radio btn */
    --radio-color               : var(--color-1);
    --radio-bg                  : white;
    --radio-border-color        : black;
    --radio-margin-bottom       :10px
    /* Card */
    --card-border-color         : black;
    --card-bg                   : var(--bg-light);
    --card-footer-bg            : none;
    /* Shadow */
    --card-shadow               : var(--shadow-1);
    --shadow-1                  : 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    --shadow-2                  : 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    --shadow-3                  : -6px 6px 30px rgba(0, 0, 0, 0.32);
    --drop-shadow-1             : drop-shadow(0 2px 10px rgb(0 0 0 / 0.24)) drop-shadow(0 2px 5px rgb(0 0 0 / 0.32));
    --drop-shadow-2             : drop-shadow(0 6px 20px rgb(0 0 0 / 0.24)) drop-shadow(0 8px 17px rgb(0 0 0 / 0.32));
    --text-shadow-1             : 0 1px 8px rgba(0, 0, 0, 0.24), 0 1px 5px rgba(0, 0, 0, 0.32);
    --text-shadow-2             : 0 2px 25px rgba(0, 0, 0, 0.32), 0 2px 10px rgba(0, 0, 0, 0.45);
    /* Fonts */
    --title-mag                 : 'Playfair Display', serif;
    --title-font                : 'Lobster', cursive;
    --text-font                 : 'Mulish', sans-serif;
    /* Features */
    --feature-img-width         : 31px;
    /* Filters */
    --page-header-filter-bg     : linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
    --hero-filter-bg            : linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
    --filter-bg                 : linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
    /* Pannels  */
    --pannels-bg                : #fff;
    --pannels-padding           : 1.5rem;
    --pannels-gap               : 1.5rem;
    --innerpannel-padding       : 10px;
    --innerpannel-border-color  : black;
    --innerpannel-shadow        : none;
    /* Subpannels */
    --bg-subpannel              : transparent;
    --subpannel-padding         : 0.5rem;
    --subpannel-color           : transparent;
    /* Icons (Font Awesome)*/
    --icon-basket               : "\f291";
    --icon-basket-add           : "\f291";
    --icon-account              : "\f007";
    --icon-favorites            : "\f004";
    --icon-phone                : "\f095";
    --icon-share                : "\f1e0";
    --icon-wish-list            : "\f06b";
    --icon-collapse             : "\f105";
    --icon-arrow                : "\f061";
    --icon-checked              : "\f00c";
    --icon-home                 : "\f015";
    --icon-breadcrumb-separation: "\f105";
    /* Custom scrollbar */
    --scrollbar-width           : 8px;
    --scrollbar-bg              : transparent;
    --scrollbar-radius          : var(--form-radius);
    --scrollbar-thumb-bg        : var(--color-1);
    --scrollbar-thumb-radius    : calc(var(--scrollbar-width) / 2);
    /* Cadre Notyf */
    --notyf-border-color        : none;
    --notyf-color               : #fff;
    --notyf-bg-color            : rgba(0,0,0,.9);
    --notyf-icon-bg             : #fff;
    --notyf-shadow              : var(--lueur);
}
/* Reboot */
@media screen {
    a,
    a:active,
    a:hover,
    a:link,
    a:visited {
        text-decoration: none;
        color          : unset;
    }
    ul {
        padding   : 0;
        margin    : 0;
        list-style: none;
    }
    .border,
    .border-bottom,
    .border-end,
    .border-start,
    .border-top {
        border-color: var(--border-default-color) !important;
    }
    body {
        overflow-x : hidden;
        font-family: var(--text-font);
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top   : 0;
        margin-bottom: 1.6rem;
        font-weight  : 500;
        line-height  : 1.2;
    }
}
/* Helpers */
@media screen {
    .img-fit {
        object-fit: cover;
        width     : 100%;
        height    : 100%;
    }
    .anchor {
        position: absolute;
        top     : calc((var(--topbar-height) + 2rem) * -1);
    }
    .flex-center {
        display        : flex;
        justify-content: center;
        align-items    : center;
    }
    .text-justify {
        text-align: justify !important;
    }
}
/* Negative margins */
@media screen {
    @media(min-width:0px) {
        .m-n1 {
            margin: -0.25rem !important;
        }
        .mt-n1,
        .my-n1 {
            margin-top: -0.25rem !important;
        }
        .me-n1,
        .mx-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-n1,
        .my-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ms-n1,
        .mx-n1 {
            margin-left: -0.25rem !important;
        }
        .m-n2 {
            margin: -0.5rem !important;
        }
        .mt-n2,
        .my-n2 {
            margin-top: -0.5rem !important;
        }
        .me-n2,
        .mx-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-n2,
        .my-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ms-n2,
        .mx-n2 {
            margin-left: -0.5rem !important;
        }
        .m-n3 {
            margin: -1rem !important;
        }
        .mt-n3,
        .my-n3 {
            margin-top: -1rem !important;
        }
        .me-n3,
        .mx-n3 {
            margin-right: -1rem !important;
        }
        .mb-n3,
        .my-n3 {
            margin-bottom: -1rem !important;
        }
        .ms-n3,
        .mx-n3 {
            margin-left: -1rem !important;
        }
        .m-n4 {
            margin: -1.5rem !important;
        }
        .mt-n4,
        .my-n4 {
            margin-top: -1.5rem !important;
        }
        .me-n4,
        .mx-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-n4,
        .my-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ms-n4,
        .mx-n4 {
            margin-left: -1.5rem !important;
        }
        .m-n5 {
            margin: -3rem !important;
        }
        .mt-n5,
        .my-n5 {
            margin-top: -3rem !important;
        }
        .me-n5,
        .mx-n5 {
            margin-right: -3rem !important;
        }
        .mb-n5,
        .my-n5 {
            margin-bottom: -3rem !important;
        }
        .ms-n5,
        .mx-n5 {
            margin-left: -3rem !important;
        }
    }
    @media (min-width: 576px) {
        .m-sm-n1 {
            margin: -0.25rem !important;
        }
        .mt-sm-n1,
        .my-sm-n1 {
            margin-top: -0.25rem !important;
        }
        .me-sm-n1,
        .mx-sm-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-sm-n1,
        .my-sm-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ms-sm-n1,
        .mx-sm-n1 {
            margin-left: -0.25rem !important;
        }
        .m-sm-n2 {
            margin: -0.5rem !important;
        }
        .mt-sm-n2,
        .my-sm-n2 {
            margin-top: -0.5rem !important;
        }
        .me-sm-n2,
        .mx-sm-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-sm-n2,
        .my-sm-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ms-sm-n2,
        .mx-sm-n2 {
            margin-left: -0.5rem !important;
        }
        .m-sm-n3 {
            margin: -1rem !important;
        }
        .mt-sm-n3,
        .my-sm-n3 {
            margin-top: -1rem !important;
        }
        .me-sm-n3,
        .mx-sm-n3 {
            margin-right: -1rem !important;
        }
        .mb-sm-n3,
        .my-sm-n3 {
            margin-bottom: -1rem !important;
        }
        .ms-sm-n3,
        .mx-sm-n3 {
            margin-left: -1rem !important;
        }
        .m-sm-n4 {
            margin: -1.5rem !important;
        }
        .mt-sm-n4,
        .my-sm-n4 {
            margin-top: -1.5rem !important;
        }
        .me-sm-n4,
        .mx-sm-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-sm-n4,
        .my-sm-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ms-sm-n4,
        .mx-sm-n4 {
            margin-left: -1.5rem !important;
        }
        .m-sm-n5 {
            margin: -3rem !important;
        }
        .mt-sm-n5,
        .my-sm-n5 {
            margin-top: -3rem !important;
        }
        .me-sm-n5,
        .mx-sm-n5 {
            margin-right: -3rem !important;
        }
        .mb-sm-n5,
        .my-sm-n5 {
            margin-bottom: -3rem !important;
        }
        .ms-sm-n5,
        .mx-sm-n5 {
            margin-left: -3rem !important;
        }
    }
    @media (min-width: 768px) {
        .m-md-n1 {
            margin: -0.25rem !important;
        }
        .mt-md-n1,
        .my-md-n1 {
            margin-top: -0.25rem !important;
        }
        .me-md-n1,
        .mx-md-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-md-n1,
        .my-md-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ms-md-n1,
        .mx-md-n1 {
            margin-left: -0.25rem !important;
        }
        .m-md-n2 {
            margin: -0.5rem !important;
        }
        .mt-md-n2,
        .my-md-n2 {
            margin-top: -0.5rem !important;
        }
        .me-md-n2,
        .mx-md-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-md-n2,
        .my-md-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ms-md-n2,
        .mx-md-n2 {
            margin-left: -0.5rem !important;
        }
        .m-md-n3 {
            margin: -1rem !important;
        }
        .mt-md-n3,
        .my-md-n3 {
            margin-top: -1rem !important;
        }
        .me-md-n3,
        .mx-md-n3 {
            margin-right: -1rem !important;
        }
        .mb-md-n3,
        .my-md-n3 {
            margin-bottom: -1rem !important;
        }
        .ms-md-n3,
        .mx-md-n3 {
            margin-left: -1rem !important;
        }
        .m-md-n4 {
            margin: -1.5rem !important;
        }
        .mt-md-n4,
        .my-md-n4 {
            margin-top: -1.5rem !important;
        }
        .me-md-n4,
        .mx-md-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-md-n4,
        .my-md-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ms-md-n4,
        .mx-md-n4 {
            margin-left: -1.5rem !important;
        }
        .m-md-n5 {
            margin: -3rem !important;
        }
        .mt-md-n5,
        .my-md-n5 {
            margin-top: -3rem !important;
        }
        .me-md-n5,
        .mx-md-n5 {
            margin-right: -3rem !important;
        }
        .mb-md-n5,
        .my-md-n5 {
            margin-bottom: -3rem !important;
        }
        .ms-md-n5,
        .mx-md-n5 {
            margin-left: -3rem !important;
        }
    }
    @media (min-width: 992px) {
        .m-lg-n1 {
            margin: -0.25rem !important;
        }
        .mt-lg-n1,
        .my-lg-n1 {
            margin-top: -0.25rem !important;
        }
        .me-lg-n1,
        .mx-lg-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-lg-n1,
        .my-lg-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ms-lg-n1,
        .mx-lg-n1 {
            margin-left: -0.25rem !important;
        }
        .m-lg-n2 {
            margin: -0.5rem !important;
        }
        .mt-lg-n2,
        .my-lg-n2 {
            margin-top: -0.5rem !important;
        }
        .me-lg-n2,
        .mx-lg-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-lg-n2,
        .my-lg-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ms-lg-n2,
        .mx-lg-n2 {
            margin-left: -0.5rem !important;
        }
        .m-lg-n3 {
            margin: -1rem !important;
        }
        .mt-lg-n3,
        .my-lg-n3 {
            margin-top: -1rem !important;
        }
        .me-lg-n3,
        .mx-lg-n3 {
            margin-right: -1rem !important;
        }
        .mb-lg-n3,
        .my-lg-n3 {
            margin-bottom: -1rem !important;
        }
        .ms-lg-n3,
        .mx-lg-n3 {
            margin-left: -1rem !important;
        }
        .m-lg-n4 {
            margin: -1.5rem !important;
        }
        .mt-lg-n4,
        .my-lg-n4 {
            margin-top: -1.5rem !important;
        }
        .me-lg-n4,
        .mx-lg-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-lg-n4,
        .my-lg-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ms-lg-n4,
        .mx-lg-n4 {
            margin-left: -1.5rem !important;
        }
        .m-lg-n5 {
            margin: -3rem !important;
        }
        .mt-lg-n5,
        .my-lg-n5 {
            margin-top: -3rem !important;
        }
        .me-lg-n5,
        .mx-lg-n5 {
            margin-right: -3rem !important;
        }
        .mb-lg-n5,
        .my-lg-n5 {
            margin-bottom: -3rem !important;
        }
        .ms-lg-n5,
        .mx-lg-n5 {
            margin-left: -3rem !important;
        }
    }
    @media (min-width: 1200px) {
        .m-xl-n1 {
            margin: -0.25rem !important;
        }
        .mt-xl-n1,
        .my-xl-n1 {
            margin-top: -0.25rem !important;
        }
        .me-xl-n1,
        .mx-xl-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-xl-n1,
        .my-xl-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ms-xl-n1,
        .mx-xl-n1 {
            margin-left: -0.25rem !important;
        }
        .m-xl-n2 {
            margin: -0.5rem !important;
        }
        .mt-xl-n2,
        .my-xl-n2 {
            margin-top: -0.5rem !important;
        }
        .me-xl-n2,
        .mx-xl-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-xl-n2,
        .my-xl-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ms-xl-n2,
        .mx-xl-n2 {
            margin-left: -0.5rem !important;
        }
        .m-xl-n3 {
            margin: -1rem !important;
        }
        .mt-xl-n3,
        .my-xl-n3 {
            margin-top: -1rem !important;
        }
        .me-xl-n3,
        .mx-xl-n3 {
            margin-right: -1rem !important;
        }
        .mb-xl-n3,
        .my-xl-n3 {
            margin-bottom: -1rem !important;
        }
        .ms-xl-n3,
        .mx-xl-n3 {
            margin-left: -1rem !important;
        }
        .m-xl-n4 {
            margin: -1.5rem !important;
        }
        .mt-xl-n4,
        .my-xl-n4 {
            margin-top: -1.5rem !important;
        }
        .me-xl-n4,
        .mx-xl-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-xl-n4,
        .my-xl-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ms-xl-n4,
        .mx-xl-n4 {
            margin-left: -1.5rem !important;
        }
        .m-xl-n5 {
            margin: -3rem !important;
        }
        .mt-xl-n5,
        .my-xl-n5 {
            margin-top: -3rem !important;
        }
        .me-xl-n5,
        .mx-xl-n5 {
            margin-right: -3rem !important;
        }
        .mb-xl-n5,
        .my-xl-n5 {
            margin-bottom: -3rem !important;
        }
        .ms-xl-n5,
        .mx-xl-n5 {
            margin-left: -3rem !important;
        }
    }
    @media (min-width: 1400px) {
        .m-xxl-n1 {
            margin: -0.25rem !important;
        }
        .mt-xxl-n1,
        .my-xxl-n1 {
            margin-top: -0.25rem !important;
        }
        .me-xxl-n1,
        .mx-xxl-n1 {
            margin-right: -0.25rem !important;
        }
        .mb-xxl-n1,
        .my-xxl-n1 {
            margin-bottom: -0.25rem !important;
        }
        .ms-xxl-n1,
        .mx-xxl-n1 {
            margin-left: -0.25rem !important;
        }
        .m-xxl-n2 {
            margin: -0.5rem !important;
        }
        .mt-xxl-n2,
        .my-xxl-n2 {
            margin-top: -0.5rem !important;
        }
        .me-xxl-n2,
        .mx-xxl-n2 {
            margin-right: -0.5rem !important;
        }
        .mb-xxl-n2,
        .my-xxl-n2 {
            margin-bottom: -0.5rem !important;
        }
        .ms-xxl-n2,
        .mx-xxl-n2 {
            margin-left: -0.5rem !important;
        }
        .m-xxl-n3 {
            margin: -1rem !important;
        }
        .mt-xxl-n3,
        .my-xxl-n3 {
            margin-top: -1rem !important;
        }
        .me-xxl-n3,
        .mx-xxl-n3 {
            margin-right: -1rem !important;
        }
        .mb-xxl-n3,
        .my-xxl-n3 {
            margin-bottom: -1rem !important;
        }
        .ms-xxl-n3,
        .mx-xxl-n3 {
            margin-left: -1rem !important;
        }
        .m-xxl-n4 {
            margin: -1.5rem !important;
        }
        .mt-xxl-n4,
        .my-xxl-n4 {
            margin-top: -1.5rem !important;
        }
        .me-xxl-n4,
        .mx-xxl-n4 {
            margin-right: -1.5rem !important;
        }
        .mb-xxl-n4,
        .my-xxl-n4 {
            margin-bottom: -1.5rem !important;
        }
        .ms-xxl-n4,
        .mx-xxl-n4 {
            margin-left: -1.5rem !important;
        }
        .m-xxl-n5 {
            margin: -3rem !important;
        }
        .mt-xxl-n5,
        .my-xxl-n5 {
            margin-top: -3rem !important;
        }
        .me-xxl-n5,
        .mx-xxl-n5 {
            margin-right: -3rem !important;
        }
        .mb-xxl-n5,
        .my-xxl-n5 {
            margin-bottom: -3rem !important;
        }
        .ms-xxl-n5,
        .mx-xxl-n5 {
            margin-left: -3rem !important;
        }
    }
}
/* Icons */


@media screen {
    .icon-basket:before {
        content: var(--icon-basket);
    }
    .icon-basket-add:before {
        content: var(--icon-basket-add);
    }
    .icon-account:before {
        content: var(--icon-account);
    }
    .icon-favorites:before {
        content: var(--icon-favorites);
    }
    .icon-phone:before {
        content: var(--icon-phone);
    }
    .icon-share:before {
        content: var(--icon-share);
    }
    .icon-wish-list:before {
        content: var(--icon-wish-list);
    }
    .icon-arrow:before {
        content: var(--icon-arrow);
    }
    .icon-collapse:before {
        content: var(--icon-collapse);
    }
    .icon-checked:before {
        content: var(--icon-checked);
    }
    .icon-home:before {
        content: var(--icon-home);
    }
    .icon-breadcrumb-separation:before {
        content: var(--icon-breadcrumb-separation);
    }
    .share .dropdown-toggle:after {
        content: none;
    }
}
/* Colors */
@media screen {
    .bg-light {
        background-color: var(--bg-light) !important;
    }
    .bg-dark {
        background-color: var(--dark) !important;
    }
    :root {
        --bullets-color: var(--dark);
    }
    /* color-1 */
    .color-1 {
        color: var(--color-1)!important;
    }
    .color-1-alt {
        color: var(--color-1-alt);
    }
    .bg-1 {
        background-color: var(--color-1);
    }
    .bg-1-alt {
        background-color: var(--color-1-alt);
    }
    .bullets-1 {
        --bullets-color: var(--color-1);
    }
    .btn-1 {
        background: var(--color-1);
        color     : #fff !important;
    }
    .btn-1:focus,
    .btn-1:hover,
    .btn-check:focus+.btn-1 {
        background: var(--color-1-alt);
    }
    .btn-1:focus {
        box-shadow: 0 0 0 0.25rem rgb(172 0 97 / 18%);
    }
    /* color-2 */
    .color-2 {
        color: var(--color-2);
    }
    .color-2-alt {
        color: var(--color-2-alt);
    }
    .bg-2 {
        background-color: var(--color-2);
    }
    .bg-2-alt {
        background-color: var(--color-2-alt);
    }
    .bullets-2 {
        --bullets-color: var(--color-2);
    }
    .btn-2 {
        border: 3px solid var(--color-2);
    }
    .btn-2:hover {}
    .btn-2:focus,
    .btn-check:focus+.btn-2 {
        box-shadow: 0 0 0.1rem 0.1rem var(--color-2);
    }
    /* color-3 */
    .color-3 {
        color: var(--color-3);
    }
    .color-3-alt {
        color: var(--color-3-alt);
    }
    .bg-3 {
        background-color: var(--color-3);
    }
    .bg-3-alt {
        background-color: var(--color-3-alt);
    }
    .bullets-3 {
        --bullets-color: var(--color-3);
    }
    .btn-3 {
        background-color: var(--color-3);
        color           : white !important;
        /* padding         : 0.35rem 1rem 0.2rem !important; */
        /* border          : 3px solid white; */
    }
    .btn-3:hover {
        background-color: var(--color-3-alt);
        color           : white;
    }
    .btn-3:focus,
    .btn-check:focus+.btn-3 {
        box-shadow: 0 0 0.1rem 0.1rem var(--color-3);
    }
    /* color-4 */
    .color-4 {
        color: var(--color-4);
    }
    .color-4-alt {
        color: var(--color-4-alt);
    }
    .bg-4 {
        background-color: var(--color-4);
    }
    .bg-4-alt {
        background-color: var(--color-4-alt);
    }
    .bullets-4 {
        --bullets-color: var(--color-4);
    }
    .btn-4 {
        border          : 3px solid black;
        background-color: white;
        padding         : 0.35rem 1rem 0.2rem !important;
    }
    .btn-4:hover {
        border: 3px solid black;
    }
    .btn-4:focus,
    .btn-check:focus+.btn-4 {
        box-shadow: 0 0 0.1rem 0.1rem var(--color-4);
    }
     .btn-user {
        background-color: var(--color-1);
        color           : white !important;
        /* padding         : 0.35rem 1rem 0.2rem !important; */
        /* border          : 3px solid white; */
    }
    .btn-user:hover {
        background-color: var(--color-3-alt);
        color           : white;
    }
}
/* Shadows */
@media screen {
    .text-shadow-1 {
        text-shadow: var(--text-shadow-1);
    }
    .text-shadow-2 {
        text-shadow: var(--text-shadow-2);
    }
    .shadow-1 {
        box-shadow: var(--shadow-1);
    }
    .shadow-2 {
        box-shadow: var(--shadow-2);
    }
    .drop-shadow-1 {
        filter:var(--drop-shadow-1);
    }
    .drop-shadow-2 {
        filter:var(--drop-shadow-2);
    }
}
/*  Radius  */
@media screen {
    .input-group > :not(:last-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        border-top-left-radius   : var(--form-radius);
        border-bottom-left-radius: var(--form-radius);
       
    }
    .form-control,
    .form-select,
    .input-group-append > button,
    .input-group-text {
        border-radius: var(--form-radius);
    }
    .form-control::selection {
        background: var(--form-selection-bg);
    }
    .btn {
        border-radius : var(--btn-radius);
        /* text-transform: uppercase; */
        font-family   : var(--title2-font);
        font-size     : 17px;
        font-weight   : 400;
        padding       : 0.25rem 1rem;
    }
    .btn-nav {
        padding  : 4px 10px 0 !important;
        font-size: 14px;
    }
    .card {
        border-radius: var(--card-radius);
        /* box-shadow   : var(--card-shadow); */
        border       : 3px solid var(--card-border-color);
        /* background   : var(--card-bg); */
    }
    .card-img-top {
        border-top-left-radius : calc(var(--card-radius) - 1px);
        border-top-right-radius: calc(var(--card-radius) - 1px);
    }
    .card-footer:last-child {
        border-radius: 0 0 calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px);
    }
}
/* Forms */
@media screen {
    .form-control {
        background: var(--form-bg-color);
    }
    .form-check-input:checked {
        background-color: var(--form-color-checked);
        border-color    : var(--form-color-checked);
    }
    /* Focus */
    .form-check-input:focus,
    .form-control:focus,
    .form-select:focus {
        border-color: var(--form-focus-color);
        box-shadow  : 0 0 0 0.25rem var(--form-focus-shadow-color);
    }
    .custom-select.active .custom-select-options {
        border-color: var(--form-focus-color);
    }
    .custom-select .focus {
        display: none;
    }
    .custom-select.active .focus {
        display      : block;
        position     : absolute;
        width        : 100%;
        height       : 100%;
        top          : 0;
        box-shadow   : 0 0 0 0.25rem var(--form-focus-shadow-color);
        border-radius: var(--form-radius);
    }
    .custom-select.active {
        border-color: var(--form-focus-color);
    }
    .custom-select.active .custom-select-title {
        border-top-color  : var(--form-focus-color);
        border-left-color : var(--form-focus-color);
        border-right-color: var(--form-focus-color);
    }
    /* Custom-select */
    .custom-select {
        position: relative;
        width   : 100%;
    }
    .custom-select.active {
        z-index: 10;
    }
    .custom-select-title {
        position     : relative;
        display      : block;
        width        : 100%;
        font-size    : 1rem;
        font-weight  : 400;
        line-height  : 1.5;
        min-height   : 38px;
        border       : 1px solid #ced4da;
        padding      : 0.375rem 1.75rem 0.375rem 0.75rem;
        border-radius: var(--form-radius);
        background   : var(--form-bg-color);
    }
    .custom-select.active .custom-select-title {
        z-index: 3;
    }
    .custom-select-title:after {
        content               : var(--icon-collapse);
        -webkit-font-smoothing: antialiased;
        display               : inline-block;
        font-style            : normal;
        font-variant          : normal;
        text-rendering        : auto;
        line-height           : 1;
        font-weight           : 300;
        font-size             : 23px;
        font-family           : "Font Awesome 7 Pro";
        position              : absolute;
        right                 : 17px;
        top                   : 7px;
        transform             : rotate(90deg);
    }
    .custom-select.active .custom-select-title {
        border-radius: var(--form-radius) var(--form-radius) 0 0;
    }
    .custom-select-options {
        border       : 1px solid #ced4da;
        border-top   : none;
        display      : none;
        border-radius: 0 0 var(--form-radius) var(--form-radius);
        position     : absolute;
        width        : 100%;
        overflow-y   : auto;
        background   : var(--form-bg-color);
    }
    .custom-select-options::-webkit-scrollbar {
        width : var(--scrollbar-width);
        height: var(--scrollbar-width);
    }
    .custom-select-options::-webkit-scrollbar-track {
        border-radius: var(--form-radius);
        background   : var(--scrollbar-bg);
    }
    .custom-select-options::-webkit-scrollbar-thumb {
        border-radius: var(--scrollbar-thumb-radius);
        background   : var(--scrollbar-thumb-bg);
        border       : 2px solid var(--scrollbar-bg);
    }
    .custom-select-options label:last-child {
        border-radius: 0 0 var(--form-radius) var(--form-radius);
    }
    .custom-select-options input {
        display: none;
    }
    .custom-select-options label {
        padding : 0.3rem 0.75rem;
        display : block;
        z-index : 2;
        position: relative;
    }
    .custom-select-options input[type='checkbox'] + label {
        width          : 100%;
        display        : flex;
        justify-content: space-between;
    }
    .custom-select-options input[type='checkbox']:checked + label:after {
        content               : var(--icon-checked);
        -webkit-font-smoothing: antialiased;
        display               : inline-block;
        font-style            : normal;
        font-variant          : normal;
        text-rendering        : auto;
        line-height           : 1;
        font-weight           : 300;
        font-size             : 18px;
        font-family           : "Font Awesome 7 Pro";
    }
    .custom-select-options input:checked + label,
    .custom-select-options label:hover {
        background: var(--form-color-checked);
        color     : #fff;
    }
}
/*  Layout  */
@media screen {
    :root {
        --main-width           : var(--vw);
        --container-out-margin : 0;
        --container-width      : 100%;
        --split-container-width: calc(var(--container-width) / 2 - var(--bs-gutter-x,.75rem));
        --container-out-margin : calc((var(--main-width) - var(--container-width)) / 2 + var(--bs-gutter-x,.75rem));
        --container-padding-x  : 0;
    }
    @media(min-width:576px) {
        :root {
            --container-width: 540px;
        }
    }
    @media(min-width:768px) {
        :root {
            --container-width: 720px;
        }
    }
    @media(min-width:992px) {
        :root {
            --container-width: 960px;
        }
    }
    @media(min-width:1200px) {
        :root {
            --container-width: 1140px;
        }
    }
    @media(min-width:1400px) {
        :root {
            --container-width: 1320px;
        }
    }
}
/* Hero section */
@media screen {
    .hero {
        /* Config */
        --hero-min-h               : 300px;
        --hero-max-h               : 500px;
        --hero-max-w               : 64%;
        --hero-padding             : 1.5rem;
        --hero-ratio-stacked-w     : 1;
        --hero-ratio-stacked-h     : 1;
        --hero-img-position-stacked: 85%;
        --hero-text-color          : var(--dark);
        --hero-filter-text-color   : var(--light);
        position                   : relative;
    }
    .hero .content {
        position       : absolute;
        /* width          : 50%;
        height         : 100%; */
        top            : 49px;
        left           : 49px;
        z-index        : 2;
        display        : flex;
        justify-content: center;
        align-items    : center;
        flex-direction : column;
    }
    .hero .content-inner {
        width        : 100%;
        max-width    : var(--container-width);
        margin       : 0 auto;
        padding-right: calc(100% - var(--hero-max-w));
    }
    .hero.centered .content {
        text-align     : left;
        padding        : var(--hero-padding);
        max-width      : 100%;
        align-items    : center;
        justify-content: center;
    }
    .hero .hero-img img {
        object-fit: cover;
        width     : 100%;
        height    : calc(var(--vw) * var(--hero-ratio-h) / var(--hero-ratio-w));
        min-height: var(--hero-min-h);
        max-height: var(--hero-max-h);
    }
    .hero-filter {
        color: var(--hero-filter-text-color);
    }
    .hero-filter:before {
        content   : "";
        width     : 100%;
        height    : 100%;
        position  : absolute;
        top       : 0;
        left      : 0;
        background: var(--filter-bg);
        z-index   : 1;
    }
    @media(max-width:575px) {
        .hero.hero-sm .content-inner,
        .hero.hero-stacked-sm .content-inner {
            padding: 0.75rem;
        }
        .hero.hero-sm .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            object-position: var(--hero-img-position-stacked);
        }
        .hero.hero-stacked-sm .content {
            position  : relative;
            min-height: unset;
        }
        .hero.hero-stacked-sm .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            min-height     : unset;
            object-position: var(--hero-img-position-stacked);
            position       : relative;
        }
        .hero-stacked-sm.hero-filter:before {
            content: none;
        }
        .hero-stacked-sm.hero-filter {
            color: var(--hero-text-color);
        }
    }
    @media(max-width:767px) {
        .hero.hero-md .content-inner,
        .hero.hero-stacked-md .content-inner {
            padding: 0.75rem;
        }
        .hero.hero-md .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            object-position: var(--hero-img-position-stacked);
        }
        .hero.hero-stacked-md .content {
            position  : relative;
            min-height: unset;
        }
        .hero.hero-stacked-md .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            min-height     : unset;
            object-position: var(--hero-img-position-stacked);
            position       : relative;
        }
        .hero-stacked-md.hero-filter:before {
            content: none;
        }
        .hero-stacked-md.hero-filter {
            color: var(--hero-text-color);
        }
    }
    @media(max-width:991px) {
        .hero .content {
            width: 100%;
        }
        .hero.hero-lg .content-inner,
        .hero.hero-stacked-lg .content-inner {
            padding: 0.75rem;
        }
        .hero.hero-lg .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            object-position: var(--hero-img-position-stacked);
        }
        .hero.hero-stacked-lg .content {
            position  : relative;
            min-height: unset;
        }
        .hero.hero-stacked-lg .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            min-height     : unset;
            object-position: var(--hero-img-position-stacked);
            position       : relative;
        }
        .hero-stacked-lg.hero-filter:before {
            content: none;
        }
        .hero-stacked-lg.hero-filter {
            color: var(--hero-text-color);
        }
    }
    @media(max-width:1199px) {
        .hero.hero-stacked-lg .content-inner,
        .hero.hero-xl .content-inner {
            padding: 0.75rem;
        }
        .hero.hero-xl .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            object-position: var(--hero-img-position-stacked);
        }
        .hero.hero-stacked-xl .content {
            position  : relative;
            min-height: unset;
        }
        .hero.hero-stacked-xl .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            min-height     : unset;
            object-position: var(--hero-img-position-stacked);
            position       : relative;
        }
        .hero-stacked-xl.hero-filter:before {
            content: none;
        }
        .hero-stacked-xl.hero-filter {
            color: var(--hero-text-color);
        }
    }
    @media(max-width:1399px) {
        .hero.hero-stacked-lg .content-inner,
        .hero.hero-xxl .content-inner {
            padding: 0.75rem;
        }
        .hero.hero-xxl .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            object-position: var(--hero-img-position-stacked);
        }
        .hero.hero-stacked-xxl .content {
            position  : relative;
            min-height: unset;
        }
        .hero.hero-stacked-xxl .hero-img img {
            height         : calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
            min-height     : unset;
            object-position: var(--hero-img-position-stacked);
            position       : relative;
        }
        .hero-stacked-xxl.hero-filter:before {
            content: none;
        }
        .hero-stacked-xxl.hero-filter {
            color: var(--hero-text-color);
        }
    }
}
/* Advertisings-hero */
@media screen {
    .advertisings-img img {
        width: 100%;
    }
}
/* Page-header section */
@media screen {
    :root {
        --page-header-bg        : var(--color-1);
        --page-header-color     : var(--light);
        --page-header-background: var(--bg-light-2);
        --page-header-min-height: 273px;
        --page-header-padding   : 1.5rem;
    }
    .page-header {
        /* min-height : var(--page-header-min-height); */
        min-height : calc(100vw / 7);
        display    : flex;
        align-items: center;
        position   : relative;
        color      : var(--page-header-color);
        /* background : var(--page-header-background); */
    }
    .page-header .content {
        height         : 100%;
        display        : flex;
        justify-content: center;
        flex-direction : column;
        margin-left     :8vw;
        max-width      : calc(500px + 8vw);
        padding        : var(--page-header-padding) 0;
    }
    .page-header > img + .container {
        z-index: 2;
    }
    .page-header img {
        width          : 100%;
        height         : 100%;
        /* min-height     : var(--page-header-min-height); */
        object-fit     : contain;
        object-position: center bottom;
    }
    .page-header img {
        position: absolute;
        top     : 0;
        left    : 0;
        height  : 100%;
        width   : 100%;
    }
    /* .page-header > picture:before {
		content   : "";
		position  : absolute;
		width     : 100%;
		height    : 100%;
		background: var(--filter-bg);
	} */
    /* Page-header stack breackpoint */
    @media(max-width:767px) {
        .page-header {
            flex-wrap: wrap;
        }
        .page-header .content {
            width     : 100%;
            max-width : 100%;
            text-align: center;
        }
        .page-header img {
            position: relative;
        }
        .page-header > img:before {
            content: none;
        }
    }
}
/* Bloc categories section */
@media screen {
    .bloc-categories-horizontal {
        --categories-color       : var(--dark);
        --categories-bg          : var(--color-1);
        --categories-bg-hover    : var(--bg-light-2);
        --categories-color-hover : var(--dark);
        --categories-bg-active   : var(--color-1);
        --categories-color-active: var(--light);
        --categories-size        : 14px;
    }
    .bloc-categories-horizontal > ul > li > a {
        display      : block;
        padding      : 2px 12px;
        border-radius: var(--category-radius);
        /* background    : var(--categories-bg); */
        color        : var(--categories-color);
        transition   : all ease 0.2s;
        /* text-transform: uppercase; */
        font-size    : var(--categories-size);
    }
    .bloc-categories-horizontal > ul > li > a:hover {
        background: var(--categories-bg-hover);
        color     : var(--categories-color-hover);
    }
    .bloc-categories-horizontal > ul > li.active > a {
        background: var(--categories-bg-active);
        color     : var(--categories-color-active);
        cursor    : default;
    }
    .bloc-categories-horizontal > ul {
        display        : flex;
        justify-content: center;
        flex-wrap      : wrap;
        padding        : 2rem 0;
        gap            : 10px;
    }
}
/* Split-container section */
@media screen {
    .alternate .split:nth-child(even) {
        flex-direction: row-reverse;
    }
    .split {
        display: flex;
    }
    .split-container {
        width        : 50%;
        max-width    : var(--split-container-width);
        padding-left : (var(--bs-gutter-x,.75rem) / 2);
        padding-right: (var(--bs-gutter-x,.75rem) / 2);
        flex-grow    : 0;
        flex-shrink  : 0;
    }
    .alternate .split:nth-child(even) .split-container,
    .alternate-reverse .split:nth-child(odd) .split-container,
    .split.split-reverse .split-container {
        margin-left: auto;
    }
    .alternate-reverse .split:nth-child(odd) .split-container-fluid {
        order: 2;
    }
    .split-container-fluid {
        width      : 50%;
        flex-grow  : 0;
        flex-shrink: 0;
    }
    .split-1-3 .split-container-fluid {
        width    : calc(var(--container-out-margin) + (var(--container-width) / 3) - (var(--bs-gutter-x,.75rem) * 2));
        max-width: unset;
    }
    .split-1-3 .split-container {
        width    : calc(var(--container-width) * 0.66666666666666);
        max-width: unset;
    }
    @media(max-width:575px) {
        .split.split-sm {
            flex-direction: column;
        }
        .split.split-sm .split-container,
        .split.split-sm .split-container-fluid {
            width    : 100%;
            max-width: 100%;
        }
        .split.split-sm .split-container.left {
            order: 2;
        }
        .alternate .split-sm:nth-child(even) {
            flex-direction: column;
        }
        .alternate-reverse .split-sm:nth-child(odd) {
            flex-direction: column;
        }
        .alternate-reverse .split-sm:nth-child(even) .split-container-fluid {
            order: unset;
        }
    }
    @media(max-width:767px) {
        .split.split-md {
            flex-direction: column !important;
        }
        .split.split-md .split-container,
        .split.split-md .split-container-fluid {
            width    : 100%;
            max-width: 100%;
        }
        .split.split-md .split-container.left {
            order: 2;
        }
        .alternate .split-md:nth-child(even) {
            flex-direction: column;
        }
        .alternate-reverse .split-md:nth-child(odd) {
            flex-direction: column;
        }
        .alternate-reverse .split-md:nth-child(even) .split-container-fluid {
            order: unset;
        }
          .page-header .content {
      
        margin-left     :0;
   
    
    }
    }
    @media(max-width:991px) {
        .split.split-lg {
            flex-direction: column;
        }
        .split.split-lg .split-container,
        .split.split-lg .split-container-fluid {
            width    : 100%;
            max-width: 100%;
        }
        .split.split-lg .split-container.left {
            order: 2;
        }
        .alternate .split-lg:nth-child(even) {
            flex-direction: column;
        }
        .alternate-reverse .split-lg:nth-child(odd) {
            flex-direction: column;
        }
        .alternate-reverse .split-lg:nth-child(even) .split-container-fluid {
            order: unset;
        }
    }
    @media(max-width:1199px) {
        .split.split-xl {
            flex-direction: column;
        }
        .split.split-xl .split-container,
        .split.split-xl .split-container-fluid {
            width    : 100%;
            max-width: 100%;
        }
        .split.split-xl .split-container.left {
            order: 2;
        }
        .alternate .split-xl:nth-child(even) {
            flex-direction: column;
        }
        .alternate-reverse .split-xl:nth-child(odd) {
            flex-direction: column;
        }
        .alternate-reverse .split-xl:nth-child(even) .split-container-fluid {
            order: unset;
        }
    }
    @media(max-width:1399px) {
        .split.split-xxl {
            flex-direction: column;
        }
        .split.split-xxl .split-container,
        .split.split-xxl .split-container-fluid {
            width    : 100%;
            max-width: 100%;
        }
        .split.split-xxl .split-container.left {
            order: 2;
        }
        .alternate .split-xxl:nth-child(even) {
            flex-direction: column;
        }
        .alternate-reverse .split-xxl:nth-child(odd) {
            flex-direction: column;
        }
        .alternate-reverse .split-xxl:nth-child(even) .split-container-fluid {
            order: unset;
        }
    }
}
/* Features section */
@media screen {
    .features-5 .feature {
        flex: 0 0 20%;
    }
    .feature {
        text-align    : center;
        display       : flex;
        flex-direction: column;
    }
    .feature .feature-img {
        display        : flex;
        justify-content: center;
        margin-bottom  : 1rem;
    }
    .feature .feature-img img {
        width: var(--feature-img-width);
    }
    .feature .feature-img i {
        font-size: 35px;
    }
    /* Features breackpoint horizontal */
    .features-stacked .feature {
        text-align    : left;
        flex-direction: row;
    }
    .features-stacked .feature-img {
        padding-right: 1.5rem;
    }
    @media(max-width:575px) {
        .features-stacked-sm .feature {
            text-align    : left;
            flex-direction: row;
        }
        .features-stacked-sm .feature-img {
            padding-right: 1.5rem;
        }
        .features-5-wrap-sm .feature {
            flex: 0 0 33.3333333333333333333%;
        }
        .features-5-column-sm .feature {
            flex: 0 0 100%;
        }
    }
    @media(max-width:767px) {
        .features-stacked-md .feature {
            text-align    : left;
            flex-direction: row;
        }
        .features-stacked-md .feature-img {
            padding-right: 1.5rem;
        }
        .features-5-wrap-md .feature {
            flex: 0 0 33.3333333333333333333%;
        }
        .features-5-column-md .feature {
            flex: 0 0 100%;
        }
    }
    @media(max-width:991px) {
        .features-stacked-lg .feature {
            text-align    : left;
            flex-direction: row;
        }
        .features-stacked-lg .feature-img {
            padding-right: 1.5rem;
        }
        .features-5-wrap-lg .feature {
            flex: 0 0 33.3333333333333333333%;
        }
        .features-5-column-lg .feature {
            flex: 0 0 100%;
        }
    }
    @media(max-width:1199px) {
        .features-stacked-xl .feature {
            text-align    : left;
            flex-direction: row;
        }
        .features-stacked-xl .feature-img {
            padding-right: 1.5rem;
        }
        .features-5-wrap-xl .feature {
            flex: 0 0 33.3333333333333333333%;
        }
        .features-5-column-xl .feature {
            flex: 0 0 100%;
        }
    }
    @media(max-width:1399px) {
        .features-stacked-xxl .feature {
            text-align    : left;
            flex-direction: row;
        }
        .features-stacked-xxl .feature-img {
            padding-right: 1.5rem;
        }
        .features-5-wrap-xxl .feature {
            flex: 0 0 33.3333333333333333333%;
        }
        .features-5-column-xxl .feature {
            flex: 0 0 100%;
        }
    }
}
/* Components */
@media screen {
    /* Custom scrollbar */
    .scrollbar::-webkit-scrollbar {
        width : var(--scrollbar-width);
        height: var(--scrollbar-width);
    }
    .scrollbar::-webkit-scrollbar-track {
        border-radius: var(--scrollbar-radius);
        background   : var(--scrollbar-bg);
    }
    .scrollbar::-webkit-scrollbar-thumb {
        border-radius: var(--scrollbar-thumb-radius);
        background   : var(--scrollbar-thumb-bg);
        border       : 2px solid var(--scrollbar-bg);
    }
    /* Pannels */
    .pannel {
        padding      : var(--pannels-padding);
        background   : var(--pannels-bg);
        border-radius: var(--pannels-radius);
        margin-bottom: var(--pannels-gap);
        border       : 1px solid rgba(0, 0, 0, .125);
    }
    .subpannel {
        background   : var(--bg-subpannel);
        padding      : var(--subpannel-padding);
        border-radius: var(--pannels-radius);
        border       : 1px solid var(--subpannel-color);
    }
    .innerpannel {
        background   : var(--bg-subpannel);
        padding      : var(--innerpannel-padding);
        border-radius: var(--pannels-radius);
        border       : 1px solid var(--innerpannel-border-color);
        box-shadow   : var(--innerpannel-shadow);
        font-size    : 15px;
    }
    @media(max-width:575px) {
        .login-page .pannel {
            padding: 10px;
        }
    }
    /* Btn */
    .btn-lg {
        --btn-padding-x: var(--btn-lg-padding-x);
        --btn-padding-y: var(--btn-lg-padding-y);
    }
    .btn-sm {
        --btn-padding-x: var(--btn-sm-padding-x);
        --btn-padding-y: var(--btn-sm-padding-y);
    }
    .btn-arrow {
        position     : relative;
        padding-right: calc(var(--btn-padding-x) + 30px);
    }
    .btn-arrow:after {
        content               : var(--icon-arrow);
        -webkit-font-smoothing: antialiased;
        display               : inline-block;
        font-style            : normal;
        font-variant          : normal;
        text-rendering        : auto;
        line-height           : 1;
        font-weight           : 300;
        font-size             : 18px;
        font-family           : "Font Awesome 7 Pro";
        position              : absolute;
        right                 : var(--btn-padding-x);
        top                   : calc(var(--btn-padding-y) + 2px);
        transition            : right ease 0.2s;
    }
    .btn-arrow:hover:after {
        right: calc(var(--btn-padding-x) - 4px);
    }
    .btn-icon:before {
        -webkit-font-smoothing: antialiased;
        display               : inline-block;
        font-style            : normal;
        font-variant          : normal;
        text-rendering        : auto;
        line-height           : 1;
        font-weight           : 300;
        font-family           : "Font Awesome 7 Pro";
        margin-right          : calc(var(--btn-padding-x) * .5);
    }
    .btn-icon {
        display    : inline-flex;
        align-items: center;
    }
    .btn-icon-reverse {
        flex-direction: row-reverse;
    }
    .btn-icon-reverse:before {
        margin-right: 0;
        margin-left : calc(var(--btn-padding-x) * .5);
    }
    /* list */
    ul.list {
        padding   : inherit;
        margin    : inherit;
        list-style: inherit;
    }
    /* Bullets */
    ul.bullets li {
        position     : relative;
        padding-left : 15px;
        margin-bottom: 3px;
    }
    ul.bullets li:before {
        content         : '';
        position        : absolute;
        top             : 9px;
        left            : 0;
        border-radius   : 0.375rem;
        height          : 6px;
        width           : 6px;
        background-color: var(--bullets-color);
    }
    /* Cards */
    .card-footer {
        justify-content: space-between;
        background     : var(--card-footer-bg);
        border-top     : none;
        padding        : 0 1rem 1.5rem;
        z-index        : 1;
    }
    .cards-h-100 .card {
        height: 100%;
    }
    /* Scroll top */
    #scroll-top {
        position       : fixed;
        right          : 10px;
        bottom         : 45px;
        color          : #fff;
        background     : var(--color-1);
        width          : 38px;
        height         : 38px;
        border-radius  : var(--btn-radius);
        display        : flex;
        justify-content: center;
        align-items    : center;
        box-shadow     : var(--shadow-2);
    }
    #scroll-top:hover {
        background: var(--color-1-alt);
    }
    /* Pagination */
    .pagging {
        float          : none;
        padding        : 1.5rem 0;
        display        : flex;
        justify-content: flex-end;
    }
    ul.pagination li.page-item .page-link {
        background: var(--page-link-bg);
        border    : 1px solid black;
    }
    ul.pagination li.page-item .page-link a {
        color: var(--page-link-color);
    }
    ul.pagination li.page-item .page-link a:hover {
        color: var(--page-link-hover-color);
    }
    ul.pagination li.page-item.active .page-link {
        background     : var(--page-link-active-bg);
        border-color   : var(--page-link-active-bg);
        color          : var(--page-link-active-color);
        padding        : var(--btn-padding-y) var(--btn-padding-x);
        border         : 1px solid black;
        width          : 35px;
        display        : flex;
        align-items    : center;
        justify-content: center;
    }
    ul.pagination li.page-item:not(.active) .page-link {
        padding: 0;
    }
    ul.pagination li.page-item:not(.active) .page-link a {
        padding: var(--btn-padding-y) var(--btn-padding-x);
        display: block;
    }
    ul.pagination li.page-item:not(.active) .page-link:hover {
        background: var(--page-link-hover-bg);
    }
    ul.pagination .page-item:last-child .page-link {
        border-top-right-radius   : 0;
        border-bottom-right-radius: 0;
    }
    ul.pagination .page-item:first-child .page-link {
        border-top-left-radius   : 0;
        border-bottom-left-radius: 0;
    }
    .pagging-unstacked ul.pagination .page-item .page-link {
        border-radius: var(--btn-radius);
    }
    .pagging-unstacked ul.pagination {
        gap: 1rem;
    }
    .pagging-circle ul.pagination .page-link,
    .pagging-square ul.pagination .page-link {
        min-height     : 38px;
        min-width      : 38px;
        display        : flex;
        justify-content: center;
        align-items    : center;
    }
    .pagging-circle ul.pagination .page-link {
        border-radius: 38px !important;
    }
    /* breadcrumb */
    .breadcrumb-container {
        padding: var(--pannels-gap) var(--bs-gutter-y,.75rem) calc(var(--bs-gutter-y,.75rem) * 2);
        width  : var(--container-width);
        margin : 0 auto;
    }
    .breadcrumb-container .breadcrumb {
        margin    : 0;
        padding   : var(--pannels-padding);
        background: var(--pannels-bg);
    }
    .breadcrumb-section {
        background: var(--modules-index-bg);
    }
    .breadcrumb-section + section {
        padding-top: 0 !important;
    }
    .modules-detail > .breadcrumb-section {
        background: inherit;
    }
    .breadcrumb li a {
        color: var(--breadcrumb-color);
    }
    .breadcrumb li a:hover {
        color: var(--breadcrumb-hover-color);
    }
}
/* Collapse list */
@media screen {
    /* style niveau 1 */
    #collapse-list > li > a {
        font-weight: bold;
    }
    /* style niveau 2 */
    #collapse-list > li.sub-cat > ul > li > a {
        color    : var(--color-1);
        font-size: 15px;
    }
    /* style niveau 3 */
    #collapse-list > li.sub-cat > ul > li.sub-cat > ul > li > a {
        font-size: 14px;
    }
    /* style niveau 4 */
    #collapse-list > li.sub-cat > ul > li.sub-cat > ul > li.sub-cat > ul > li > a {
        font-size: 14px;
        color    : var(--dark);
    }
    .sub-cat ul {
        display     : none;
        padding-left: 0.5rem;
    }
    #collapse-list a {
        color          : var(--dark);
        padding        : 7px 16px;
        display        : flex;
        justify-content: space-between;
        align-items    : center;
    }
    #collapse-list .sub-cat.open > a {
        color: var(--color-1);
    }
    #collapse-list .sub-cat > a .toggle-sub-cat {
        padding: 0 16px;
    }
    #collapse-list .sub-cat > a .toggle-sub-cat:before {
        margin-left           : auto;
        content               : var(--icon-collapse);
        font-family           : "Font Awesome 7 Pro";
        -webkit-font-smoothing: antialiased;
        display               : inline-block;
        font-style            : normal;
        font-variant          : normal;
        text-rendering        : auto;
        line-height           : 1;
        transition            : transform ease 0.2s;
    }
    #collapse-list .sub-cat.open > a > .toggle-sub-cat:before {
        transform: rotate(90deg);
    }
}
/* Modules Index */
@media screen {
    .card-icon-top {
        position: absolute;
        top     : 10px;
        right   : 10px;
        z-index : 10;
    }
    /*.edit {
		position: absolute;
		top     : 10px;
		right   : 10px;
	}
	.edit > a {
		width          : 25px;
		height         : 25px;
		display        : flex;
		justify-content: center;
		align-items    : center;
		border-radius  : 50%;
		background     : var(--light);
	}*/
    /* Module Index */
    .modules-index {
        background : var(--modules-index-bg);
        padding-top: var(--pannels-gap);
    }
    .modules .tags {
        margin-bottom: 0.5rem;
        font-style   : italic;
        font-size    : 90%;
    }
    .modules .bloc-attributes {
        display      : flex;
        align-items  : center;
        flex-wrap    : wrap;
        gap          : 1.4rem;
        margin-bottom: 1.5rem;
    }
    /* Module index List */
    .modules-list-item {
        background: #fff;
    }
    .modules-list-item .modules-list-content {
        padding: 1rem;
    }
    /* Module index List alternate */
    @media(min-width:768px) {
        .modules-list .alternate:nth-child(even) .modules-list-img {
            order: 1;
        }
    }
    /* Module index collapse */
    .collapse-list-category-title {
        margin-bottom: 1.5rem;
    }
    .collapse-list-item-title {
        margin-bottom: 1rem;
        font-size    : 18px;
        font-weight  : 500;
        cursor       : pointer;
        display      : flex;
        align-items  : center;
    }
    .collapse-list-item-title:before {
        content     : var(--icon-collapse);
        font-family : "Font Awesome 7 Pro";
        font-weight : 400;
        display     : inline-block;
        transition  : transform ease 0.3s;
        transform   : rotate(0deg);
        margin-right: 1rem;
    }
    [aria-expanded="true"] .collapse-list-item-title:before {
        transform: rotate(90deg);
    }
    .collapse-list-content iframe,
    .collapse-list-content img {
        max-width: 100%;
        height   : auto;
    }
    /* Module index timeline */
    ul.timeline {
        --timeline-date-width : 80px;
        --timeline-date-height: 35px;
        --timeline-items-gap  : 2rem;
        --timeline-date-gap   : 1rem;
        --timeline-date-top   : 1.5rem;
        --timeline-color      : var(--color-1);
    }
    ul.timeline {
        display       : flex;
        gap           : var(--timeline-items-gap);
        flex-direction: column;
    }
    ul.timeline > li {
        position   : relative;
        display    : flex;
        align-items: flex-start;
        gap        : var(--timeline-date-gap);
    }
    ul.timeline > li .timeline-date {
        display        : flex;
        flex           : 0 0 var(--timeline-date-width);
        min-height     : var(--timeline-date-height);
        justify-content: center;
        background     : var(--timeline-color);
        color          : var(--light);
        padding        : 4px 8px;
        margin-top     : var(--timeline-date-top);
        text-align     : center;
    }
    ul.timeline > li .timeline-date:before {
        content   : "";
        width     : 2px;
        height    : calc(100% + var(--timeline-items-gap));
        background: var(--timeline-color);
        position  : absolute;
        top       : 0;
        z-index   : -1;
    }
    ul.timeline > li .timeline-date:after {
        content   : "";
        height    : 2px;
        width     : var(--timeline-date-gap);
        background: var(--timeline-color);
        position  : absolute;
        top       : calc(var(--timeline-date-height) / 2 + var(--timeline-date-top) - 1px);
        left      : var(--timeline-date-width);
        z-index   : -1;
    }
    ul.timeline > li .timeline-content {
        background: var(--light);
        padding   : 1rem;
        width     : 100%;
    }
    /* Breackpoint alternate */
    @media(min-width:992px) {
        ul.timeline.alternate {
            gap: var(--timeline-items-gap) 0;
        }
        ul.timeline.alternate > li {
            width: calc(50% + (var(--timeline-date-width) / 2));
        }
        ul.timeline.alternate > li:nth-child(odd) {
            flex-direction: row-reverse;
        }
        ul.timeline.alternate > li:nth-child(even) {
            margin-left: auto;
        }
    }
    /* Module index grid */
    .grid-display {
        display              : grid;
        grid-auto-columns    : 1fr;
        grid-auto-rows       : 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows   : 10vw 10vw 10vw 10vw;
        gap                  : 1rem;
        grid-template-areas  : "a a a b c d" "a a a e e d" "a a a e e f" "g g h h h f";
    }
    .grid-display-item-1 {
        grid-area: a;
    }
    .grid-display-item-2 {
        grid-area: b;
    }
    .grid-display-item-3 {
        grid-area: c;
    }
    .grid-display-item-4 {
        grid-area: d;
    }
    .grid-display-item-5 {
        grid-area: e;
    }
    .grid-display-item-6 {
        grid-area: f;
    }
    .grid-display-item-7 {
        grid-area: g;
    }
    .grid-display-item-8 {
        grid-area: h;
    }
    .grid-display .grid-display-item {
        position: relative;
    }
    .grid-display .grid-display-content {
        position       : absolute;
        top            : 0;
        left           : 0;
        width          : 100%;
        height         : 100%;
        display        : flex;
        align-items    : center;
        justify-content: center;
        text-align     : center;
        opacity        : 0;
        color          : #fff;
        background     : rgba(0,0,0,0.8);
        padding        : 1rem;
        transition     : all ease 0.3s;
    }
    .grid-display .grid-display-content:hover {
        opacity: 1;
    }
    @media(max-width:1199px) {
        .grid-display {
            display              : grid;
            grid-auto-columns    : 1fr;
            grid-auto-rows       : 1fr;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows   : 25vw 25vw 25vw;
            gap                  : 1rem;
            grid-template-areas  : "a a b c" "a a d e" "f g h h";
        }
    }
    @media(max-width:767px) {
        .grid-display {
            display              : grid;
            grid-auto-columns    : 1fr;
            grid-auto-rows       : 1fr;
            grid-template-columns: 1fr 1fr;
            grid-template-rows   : 25vw 25vw 25vw 25vw 25vw;
            gap                  : 1rem;
            grid-template-areas  : "a b" "a c" "d e" "f e" "g h";
        }
    }
    @media(max-width:475px) {
        .grid-display {
            display              : grid;
            grid-auto-columns    : 1fr;
            grid-auto-rows       : 25vw;
            grid-template-columns: 1fr;
            grid-template-rows   : repeat(8 , 50vw);
            gap                  : 1rem;
            grid-template-areas  : "a" "b" "c" "d" "e" "f" "g" "h";
        }
    }
    /* Module list-mini */
    ul.list-mini {
        display       : flex;
        flex-direction: column;
        gap           : var(--pannels-gap);
    }
    ul.list-mini > li {
        background   : white;
        display      : flex;
        border-radius: var(--pannels-radius);
        overflow     : hidden;
    }
    ul.list-mini .list-mini-content {
        padding        : 1rem;
        display        : flex;
        flex-direction : column;
        justify-content: center;
    }
    ul.list-mini .list-mini-img {
        flex: 0 0 150px;
    }
    ul.list-mini .list-mini-img img {
        flex: 0 0 150px;
    }
}
/* Modules detail */
@media screen {
    /* Content-header */
    .modules-blogs .modules-detail {
        background : var(--bg-light-2);
        padding-top: var(--pannels-gap);
    }
    .modules-detail {
        background : var(--modules-detail-bg);
        padding-top: var(--pannels-gap);
    }
    .modules-detail .tags {
        margin-top: 0.5rem;
    }
    .modules-detail .content-short {
        font-weight: 500;
    }
    .modules .detail-header {
        padding: 3rem 0;
    }
    .modules .detail-header {
        padding: 3rem 0;
    }
    .modules .detail-header .content {
        padding: 1rem;
    }
    .modules .tags li {
        background   : var(--light);
        border-radius: var(--btn-radius);
        padding      : 0 4px;
    }
    .modules .tags li:before {
        content: "#";
    }
    /* Content-detail */
    .modules .content-detail {
        padding-bottom: 3rem;
    }
    .modules .content-datas iframe,
    .modules .content-datas img {
        max-width: 100%;
    }
    .modules .content-datas ul {
        list-style  : initial;
        padding-left: 20px;
    }
    .modules .content-movie {
        position: relative;
    }
    .modules .content-movie:before {
        display    : block;
        padding-top: calc(9 / 16 * 100%);
        content    : "";
    }
    .modules .content-movie > * {
        position: absolute;
        top     : 0;
        left    : 0;
        width   : 100%;
        height  : 100%;
    }
    ul.medias {
        display  : flex;
        gap      : 0.7rem;
        flex-wrap: wrap;
    }
    /* Detail grid */
    .grid-detail {
        display              : grid;
        grid-template-columns: 1.5fr 1fr;
        grid-template-rows   : auto auto;
        gap                  : 0 0;
        grid-auto-flow       : row;
        grid-template-areas  : "image header" "contents sidebar";
        gap                  : 2rem 3rem;
        padding              : 3rem;
    }
    .grid-detail .grid-cell-img {
        grid-area: image;
    }
    .grid-detail .grid-cell-header {
        grid-area: header;
    }
    .grid-detail .grid-cell-content {
        grid-area: contents;
    }
    .grid-detail .grid-cell-sidebar {
        grid-area: sidebar;
    }
    @media(max-width:1199px) {
        .grid-detail {
            grid-template-columns: 1fr 1fr;
        }
    }
    @media(max-width:767px) {
        .grid-detail {
            display       : flex;
            flex-direction: column;
        }
    }
}
/*swiper*/
@media screen {
    .swiper-container {
        width       : 100%;
        margin-left : auto;
        margin-right: auto;
    }
    .swiper-slide img {
        display   : block;
        width     : 100%;
        height    : 100%;
        object-fit: cover;
    }
    .swiper-slide {
        background-size    : cover;
        background-position: center;
    }
    .sliderMini .swiper-slide {
        width  : 100%;
        height : 100%;
        opacity: 0.4;
    }
    .sliderMini .swiper-slide-thumb-active {
        opacity: 1;
    }
    .swiper-horizontal .sliderMini .swiper-slide,
    .swiper-vertical .sliderMini .swiper-slide {
        height: 200px;
    }
}
/* Advertisings */
@media screen {
    /* .advertisings-default {
		--advertisings-default-sm-height: 100vw;
	}
	.advertisings-default .owl-theme .owl-nav.disabled+.owl-dots {
		position: absolute;
		bottom  : 24px;
		width   : 100%;
	}
	@media(max-width:767px) {
		.advertisings-default .advertisings-item img {
			position       : absolute;
			top            : 0;
			left           : 0;
			width          : 100%;
			height         : 100%;
			object-fit     : cover;
			object-position: right;
		}
		.advertisings-default .advertisings-item {
			min-height: var(--advertisings-default-sm-height);
		}
		.advertisings-default .content {
			position  : relative;
			padding   : 1rem;
			max-width : 100%;
			min-height: var(--advertisings-default-sm-height);
		}
	} */
}
/* Widgets */
@media screen {
    .widget-header {
        display        : flex;
        flex-wrap      : wrap;
        align-items    : center;
        justify-content: space-between;
        gap            : 0.5rem;
        margin-bottom  : 1rem;
        padding-top:   1em;
    }
    .widget-header h2 {
        margin: 0 1rem 0 0;
    }
}
/* Sidebar */
@media screen {
    .bloc-categories-vertical,
    .blocs-filters {
        padding      : var(--pannels-padding) 0;
        background   : var(--pannels-bg);
        border-radius: var(--pannels-radius);
        /* margin-bottom: var(--pannels-gap); */
    }
    aside.filters .filter {
        margin-bottom: 1rem;
    }
}
/* Topbar - search & attributes */
@media screen {
    .topbar header.filters {}
    .topbar header.filters .filter {
        margin-bottom: 0;
    }
    .topbar .blocs-filters {
        padding        : 1rem;
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        background     : #fff;
        margin-bottom  : 2rem;
        border-radius  : var(--btn-radius);
    }
    .topbar .blocs-filters .bloc-attributes {
        display  : flex;
        flex-wrap: wrap;
        gap      : 1rem;
    }
    @media (max-width:992px) {
        .topbar .blocs-filters .bloc-attributes,
        .topbar .blocs-filters .bloc-search {
            width: 100%;
        }
        .topbar .blocs-filters .bloc-attributes .attribute {
            flex: 2 2 auto;
        }
        .topbar header.filters .blocs-filters {
            flex-direction: column;
            gap           : 1rem;
        }
    }
}
/*account*/
@media screen {
    /* Sidebar */
    .account .account-sidebar .list-group-item.active {
        background-color: var(--color-1);
        border          : none;
    }
    .account .account-sidebar .list-group-item.active a {
        color: #fff;
    }
    .account .account-sidebar .list-group-item a {
        color: var(--color-1);
    }
}
/*-----------------------btn facebook--------------------------*/
.btn-facebook {
    background    : #4267B2;
    text-transform: unset;
}
.btn-facebook:hover {
    background: #375694;
}
.btn-facebook span:after {
    content      : "\f39e";
    font-family  : "Font Awesome 7 Brands";
    padding-right: 5px;
}
/*-----------------------btn google --------------------------*/
.btn-google {
    background    : #E94235;
    text-transform: unset;
}
.btn-google:hover {
    background: #cf3a2f;
}
.btn-google span:after {
    content      : "\f1a0";
    font-family  : "Font Awesome 7 Brands";
    padding-right: 5px;
}
/*-----------------------btn apple --------------------------*/
.btn-apple {
    background    : #000;
    text-transform: unset;
}
.btn-apple:hover {
    background: rgb(29, 29, 29);
}
.btn-apple span:after {
    content      : "\f179";
    font-family  : "Font Awesome 7 Brands";
    padding-right: 5px;
}
.btn-zoom {
    position          : absolute;
    top               : 5px;
    right             : 5px;
    z-index           : 1;
    color             : #666;
    border            : 1px solid #dee2e6;
    border-radius     : 0;
    background-color  : #fff;
    -webkit-transition: 0.1s color;
    transition        : 0.1s color;
    padding           : 5px;
}
.zoom-icons {
    font-size: 1.5rem;
}
/* Module index collapse */
.collapse-list-category-title {
    margin-bottom: 1.5rem;
}
li.md-accordion {
    position  : relative;
    background: var(--gray-medium);
}
.collapse-div {
    border-radius: 4px;
    margin-bottom: 8px;
}
li.md-accordion h3 {
    margin-bottom: 0;
    color        : black;
}
.collapse-list-category-title {
    font-size: 25px;
    color    : var(--color-1);
}
.collapse-list-item-title {
    margin-bottom: 1rem;
    font-size    : 18px;
    font-weight  : 500;
    cursor       : pointer;
    display      : flex;
    align-items  : center;
}
.collapse-list-item {
    margin-bottom: 2rem;
    padding      : 2rem;
}
.collapse-list-item-title:before {
    content     : var(--icon-collapse);
    font-family : "Font Awesome 7 Pro";
    font-weight : 400;
    display     : inline-block;
    transition  : transform ease 0.3s;
    transform   : rotate(0deg);
    margin-right: 1rem;
}
[aria-expanded="true"] .collapse-list-item-title:before {
    transform: rotate(90deg);
}
.collapse-list-content {
    font-weight: 200;
    color      : black;
}
.collapse-list-content p:last-child {
    margin-bottom: 0;
}
.md-accordion li div:not(.collapsed) .rotate-icon {
    transform: rotate(0deg);
}
.fa-rotate-45 {
    transform: rotate(45deg);
}
.md-accordion li div h3 i {
    transition: ease-in-out 0.3s;
}
.pointer{
	cursor          : pointer;
}
.collapse-list-content iframe,
.collapse-list-content img {
    max-width: 100%;
    height   : auto;
}
.offcanvas-header {
    background-color: var(--color-1);
    color           : var(--light);
}
/*9notyf*/
@-webkit-keyframes notyf-fadeinup {
    0% {
        opacity  : 0;
        transform: translateY(25%);
    }
    to {
        opacity  : 1;
        transform: translateY(0);
    }
}
@keyframes notyf-fadeinup {
    0% {
        opacity  : 0;
        transform: translateY(25%);
    }
    to {
        opacity  : 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes notyf-fadeinleft {
    0% {
        opacity  : 0;
        transform: translateX(25%);
    }
    to {
        opacity  : 1;
        transform: translateX(0);
    }
}
@keyframes notyf-fadeinleft {
    0% {
        opacity  : 0;
        transform: translateX(25%);
    }
    to {
        opacity  : 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes notyf-fadeoutright {
    0% {
        opacity  : 1;
        transform: translateX(0);
    }
    to {
        opacity  : 0;
        transform: translateX(25%);
    }
}
@keyframes notyf-fadeoutright {
    0% {
        opacity  : 1;
        transform: translateX(0);
    }
    to {
        opacity  : 0;
        transform: translateX(25%);
    }
}
@-webkit-keyframes notyf-fadeoutdown {
    0% {
        opacity  : 1;
        transform: translateY(0);
    }
    to {
        opacity  : 0;
        transform: translateY(25%);
    }
}
@keyframes notyf-fadeoutdown {
    0% {
        opacity  : 1;
        transform: translateY(0);
    }
    to {
        opacity  : 0;
        transform: translateY(25%);
    }
}
@-webkit-keyframes ripple {
    0% {
        transform: scale(0) translateY(-45%) translateX(13%);
    }
    to {
        transform: scale(1) translateY(-45%) translateX(13%);
    }
}
@keyframes ripple {
    0% {
        transform: scale(0) translateY(-45%) translateX(13%);
    }
    to {
        transform: scale(1) translateY(-45%) translateX(13%);
    }
}
.notyf {
    position       : fixed;
    top            : 0;
    left           : 0;
    height         : 100%;
    width          : 100%;
    color          : var(--notyf-color);
    z-index        : 9999;
    display        : flex;
    flex-direction : column;
    align-items    : flex-end;
    justify-content: flex-end;
    pointer-events : none;
    box-sizing     : border-box;
    padding        : 20px;
}
.notyf__icon--error,
.notyf__icon--success {
    height       : 21px;
    width        : 21px;
    background   : var(--notyf-color);
    border-radius: 50%;
    display      : block;
    margin       : 0 auto;
    position     : relative;
}
.notyf__icon--error:after,
.notyf__icon--error:before {
    content      : "";
    background   : currentColor;
    display      : block;
    position     : absolute;
    width        : 3px;
    border-radius: 3px;
    left         : 9px;
    height       : 12px;
    top          : 5px;
}
.notyf__icon--error:after {
    transform: rotate(-45deg);
}
.notyf__icon--error:before {
    transform: rotate(45deg);
}
.notyf__icon--success:after,
.notyf__icon--success:before {
    content      : "";
    background   : currentColor;
    display      : block;
    position     : absolute;
    width        : 3px;
    border-radius: 3px;
}
.notyf__icon--success:after {
    height   : 6px;
    transform: rotate(-45deg);
    top      : 9px;
    left     : 6px;
}
.notyf__icon--success:before {
    height   : 11px;
    transform: rotate(45deg);
    top      : 5px;
    left     : 10px;
}
.notyf__toast {
    border           : 3px solid #fff;
    display          : block;
    overflow         : hidden;
    pointer-events   : auto;
    background       : var(--notyf-bg-color) !important;
    -webkit-animation: notyf-fadeinup 0.3s ease-in forwards;
    animation        : notyf-fadeinup 0.3s ease-in forwards;
    box-shadow       : 0 3px 7px 0 rgba(0,0,0,.25);
    position         : relative;
    padding          : 0 15px;
    border-radius    : 2px;
    /*min-width:600px;*/
    max-width        : 300px;
    transform        : translateY(25%);
    box-sizing       : border-box;
    flex-shrink      : 0;
    box-shadow       : var(--notyf-shadow);
}
.notyf__toast--disappear {
    transform              : translateY(0);
    -webkit-animation      : notyf-fadeoutdown 0.3s forwards;
    animation              : notyf-fadeoutdown 0.3s forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay        : 0.25s;
}
.notyf__toast--disappear .notyf__icon,
.notyf__toast--disappear .notyf__message {
    -webkit-animation: notyf-fadeoutdown 0.3s forwards;
    animation        : notyf-fadeoutdown 0.3s forwards;
    opacity          : 1;
    transform        : translateY(0);
}
.notyf__toast--disappear .notyf__dismiss {
    -webkit-animation: notyf-fadeoutright 0.3s forwards;
    animation        : notyf-fadeoutright 0.3s forwards;
    opacity          : 1;
    transform        : translateX(0);
}
.notyf__toast--disappear .notyf__message {
    -webkit-animation-delay: 0.05s;
    animation-delay        : 0.05s;
}
.notyf__toast--upper {
    margin-bottom: 20px;
}
.notyf__toast--lower {
    margin-top: 20px;
}
.notyf__toast--dismissible .notyf__wrapper {
    padding-right: 30px;
}
.notyf__ripple {
    height           : 400px;
    width            : 400px;
    position         : absolute;
    transform-origin : bottom right;
    right            : 0;
    top              : 0;
    border-radius    : 50%;
    transform        : scale(0) translateY(-51%) translateX(13%);
    z-index          : 5;
    -webkit-animation: ripple 0.4s ease-out forwards;
    animation        : ripple 0.4s ease-out forwards;
}
.notyf__wrapper {
    display       : flex;
    align-items   : center;
    padding-top   : 17px;
    padding-bottom: 17px;
    padding-right : 15px;
    border-radius : 3px;
    position      : relative;
    z-index       : 10;
}
.notyf__icon {
    width                  : 22px;
    text-align             : center;
    font-size              : 1.3em;
    opacity                : 0;
    -webkit-animation      : notyf-fadeinup 0.3s forwards;
    animation              : notyf-fadeinup 0.3s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay        : 0.3s;
    margin-right           : 13px;
}
.notyf__dismiss {
    position               : absolute;
    top                    : 0;
    right                  : 0;
    height                 : 100%;
    width                  : 26px;
    margin-right           : -15px;
    -webkit-animation      : notyf-fadeinleft 0.3s forwards;
    animation              : notyf-fadeinleft 0.3s forwards;
    -webkit-animation-delay: 0.35s;
    animation-delay        : 0.35s;
    opacity                : 0;
}
.notyf__dismiss-btn {
    background-color: rgba(0,0,0,.25);
    border          : none;
    cursor          : pointer;
    transition      : opacity 0.2s ease,background-color 0.2s ease;
    outline         : none;
    opacity         : 0.35;
    height          : 100%;
    width           : 100%;
}
.notyf__dismiss-btn:after,
.notyf__dismiss-btn:before {
    content      : "";
    background   : #fff;
    height       : 12px;
    width        : 2px;
    border-radius: 3px;
    position     : absolute;
    left         : calc(50% - 1px);
    top          : calc(50% - 5px);
}
.notyf__dismiss-btn:after {
    transform: rotate(-45deg);
}
.notyf__dismiss-btn:before {
    transform: rotate(45deg);
}
.notyf__dismiss-btn:hover {
    opacity         : 0.7;
    background-color: rgba(0,0,0,.15);
}
.notyf__dismiss-btn:active {
    opacity: 0.8;
}
.notyf__message {
    vertical-align         : middle;
    position               : relative;
    opacity                : 0;
    -webkit-animation      : notyf-fadeinup 0.3s forwards;
    animation              : notyf-fadeinup 0.3s forwards;
    -webkit-animation-delay: 0.25s;
    animation-delay        : 0.25s;
    line-height            : 1.5em;
}
@media only screen and (max-width:480px) {
    .notyf {
        padding: 0;
    }
    .notyf__ripple {
        height                    : 600px;
        width                     : 600px;
        -webkit-animation-duration: 0.5s;
        animation-duration        : 0.5s;
    }
    .notyf__toast {
        max-width    : none;
        border-radius: 0;
        box-shadow   : 0 -2px 7px 0 rgba(0,0,0,.13);
        width        : 100%;
    }
    .notyf__dismiss {
        width: 56px;
    }
}
/* CUSTOM RADIO BUTTONS */
.custom-radio {
    position     : relative;
    display      : block;
    margin-top   : 10px;
    margin-bottom: var(--radio-margin-bottom);
}
.custom-radio input[type="radio"] {
    opacity    : 0;
    z-index    : 1;
    position   : absolute;
    margin-left: -20px;
}
.custom-radio input[type="radio"]:checked + label::before {
    border-color: var(--radio-border-color);
}
.custom-radio label::before {
    content           : "";
    display           : inline-block;
    position          : absolute;
    width             : 15px;
    height            : 15px;
    left              : 17px;
    margin-left       : -20px;
    border            : 1px solid var(--radio-border-color);
    border-radius     : 50%;
    background-color  : var(--radio-bg);
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition     : border 0.15s ease-in-out;
    transition        : border 0.15s ease-in-out;
    top               : 2px;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.custom-radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform    : scale(1, 1);
    -o-transform     : scale(1, 1);
    transform        : scale(1, 1);
}
.custom-radio .custom-control-label {
    padding-left: 1.5rem;
    padding-top : 0;
}
.custom-radio label::after {
    display           : inline-block;
    position          : absolute;
    content           : " ";
    width             : 9px;
    height            : 9px;
    left              : 20px;
    top               : 5px;
    margin-left       : -20px;
    border-radius     : 50%;
    background-color  : var(--radio-color);
    -webkit-transform : scale(0, 0);
    -ms-transform     : scale(0, 0);
    -o-transform      : scale(0, 0);
    transform         : scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition   : -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition     : -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition        : transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.account {
    background-color: var(--bg-light) !important;
}
.swiperCarousel {
    display: none;
}