/* 

    File: main.css
    Version: 1.2.1
    Author: NEUE
    Last update: 10.07.2019

    Before reading/coding: This style sheet has been written with the "mobile first" logic. It means that your code is firstly for mobiles.
                           Please use the responsive rules to custom other medias.

                           Animation has not yet been implemented but could be used with the external library

    0) Reset CSS
        0.1) Normalize by Necolas
        0.2) Custom Reset

    1) General Style

    2) Layouts
        2.1) Default
            2.1.1) Header
            2.1.2) Main
            2.1.3) Footer

    3) Helpers
        3.1) Spacing
        3.2) Wrappers
        3.3) Container & Contents
        3.4) Text
        3.5) Flex Grid
        3.6) Colors & Areas
        3.7) Other
        3.8) Animations
        3.9) Custom

    4) Icons
        4.1) Icomoon

    5) Content
        5.1) Sections
        5.2) Elements & Parts
        5.3) Pages

    6) Responsive
        6.1) Small media (481px +)
        6.2) Medium media (721px +)
        6.3) Large media (993px +)
        6.4) Huge media (1251px +)
        6.5) Custom media

    7) Overriden area

    8) Dev / Test

/*************************************************************************

    0) Reset CSS

*************************************************************************/

    /*************************************************************************
        0.1) Normalize by Necolas
    *************************************************************************/

    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
    html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}[hidden]{display:none}

    /*************************************************************************
        0.2) Custom reset
    *************************************************************************/

    * {
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    html,
    body {
        -webkit-text-size-adjust: 100%;
           -moz-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
             -o-text-size-adjust: 100%;
                text-size-adjust: 100%;
    }

    html {
        height: 100%;
        overflow-x: hidden;
    }

    body {
        padding: 0;
        min-height: 100vh;
        font-size: 1rem;
        text-rendering: optimizeLegibility;
        overflow-x: hidden;
        overflow-y: hidden;
        font-display: fallback; /* 20.03.2019 - only for FireFox, Chrome, Chorme Android, Samsung Internet, Safari , iOS Safari and Opera */
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child,
    h5:first-child,
    h6:first-child,
    li:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    h5:last-child,
    h6:last-child,
    p:last-child,
    li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    :empty,
    ::empty {
        display: none;
    }

    a {
        text-decoration: none;
        color: inherit;
    }

    textarea {
        resize: vertical;
    }

    label[for],
    a[href],
    a[data-action],
    button,
    .button {
        cursor: pointer;
        position: relative;
    }

/*************************************************************************

    1) General Style

*************************************************************************/

    /* General Style > Fonts */

    @font-face {
        font-family: 'Satoshi-Light';
        src: url('../fonts/satoshi/Satoshi-Light.woff2') format('woff2'),
                url('../fonts/satoshi/Satoshi-Light.woff') format('woff'),
                url('../fonts/satoshi/Satoshi-Light.ttf') format('truetype');
                font-weight: 300;
                font-display: swap;
                font-style: normal;
    }

    @font-face {
        font-family: 'Satoshi-Regular';
        src: url('../fonts/satoshi/Satoshi-Regular.woff2') format('woff2'),
                url('../fonts/satoshi/Satoshi-Regular.woff') format('woff'),
                url('../fonts/satoshi/Satoshi-Regular.ttf') format('truetype');
                font-weight: 400;
                font-display: swap;
                font-style: normal;
    }
      
    /* General Style > Variables */

    :root {

        --milk-chocolate: #98614D;
        --green: #4E736B;

    }

    /* General Style */

    html {
        font-size: 15px;
    }

    html.init {
        opacity: 1 !important;
        transition: .3s ease;
    }    

    body {
        font-size: 1rem;
        color: #444;
        background-color: #fff;
        font-family: 'Satoshi-Regular';
    }

    /* General Style > Heading tag */
    
    h1,
    h2,
    h3 {

        font-family: 'Satoshi-Light';

    }

    h1 {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    h2 {
        font-size: 2rem;
        margin: 0;
        font-weight: 300;
        color: #97694B;
    }

    h3 {
        font-size: 2rem;
        margin: 1rem 0;
        font-weight: 300;
        color: #97694B;
    }

    h4 {
        font-size: 1.4rem;
        margin: 1rem 0;
    }

    h5 {
        font-size: 1rem;
        margin: 1rem 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        line-height: 1em;
        word-break: break-word;
    }

    /* General Style > Form */

    input[type='number'] {
        -moz-appearance:textfield;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    /* Placeholder color */
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: initial;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        color: initial;
    }

    :-ms-input-placeholder { /* IE 10+ */
        color: initial;
    }

    :-moz-placeholder { /* Firefox 18- */
        color: initial;
    }

    /* Selection Color */


    ::-moz-selection { /* Code for Firefox */
        color: white;
        background: #97694b;
    }

    ::selection {
        color: white;
        background: #97694b;
    }

    /* General Style > Other elements */

    address {
        font-style: normal;
    }

    p {
        margin: 0 0 1.5rem 0;
        line-height: 1.5em;
    }
    #twebshop {
        --tw-button-color: #FFA887;
        --tw-button-text-color: #333;
        --tw-button-price-color: #333;
        --tw-button-price-text-color: #fff;
        --tw-box-color: #1d6bb1;
        --tw-box-text-color: #fff;
        --tw-booking-color: #FFA887;
        --tw-booking-text-color: #333; 
        -webkit--tw-button-color: #FFA887;
        -webkit--tw-button-text-color: #333;
        -webkit--tw-button-price-color: #333;
        -webkit--tw-button-price-text-color: #fff;
        -webkit--tw-box-color: #1d6bb1;
        -webkit--tw-box-text-color: #fff;
        -webkit--tw-booking-color: #FFA887;
        -webkit--tw-booking-text-color: #333;
    }    
    #twebshop{
        font-family: 'Satoshi-light';
    }
    /* General Style  > link & button */

        /* General Style  > classic button */

        button,
        .button,
        .woocommerce a.button,
        .woocommerce button.button {
            font-weight: 400;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            outline: none;
            border: 1.5px solid #FFA887;
            color: #FFA887;
            background-color: transparent;
            width: fit-content;
            max-width: 450px;
            padding: 1rem 1.5rem;
            border-radius: 0;
        }

        button.highlight {
            background-color: #FFA887;
            border: 1.5px solid #FFF;
            color: #FFF;
        }

        .button:not(.circle-button),
        button:not(.circle-button) {
            padding: 1rem 1.5rem;
        }

        .button:not(.circle-button) > span:first-child[class*=icon],
        button:not(.circle-button) > span:first-child[class*=icon] {
            font-size: 3rem;
            margin-right: 1rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-content: center;
        }

        .button > span:first-child[class*=icon].icon-mail,
        button > span:first-child[class*=icon].icon-mail {
            font-size: 2rem;
        }

        .button:not(.circle-button) > .cross {
            margin-right: 1rem;
        }

        /* General Style  > circle button */

        .circle-button {
            width: 3.5rem !important;
            height: 3.5rem !important;
            padding: 0 !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            border-radius: 50% !important;
            border-width: 1.5px !important;
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -ms-border-radius: 50% !important;
            -o-border-radius: 50% !important;
        }

        .little-button.cross,
        .little-button.circle-button {
            height: 2.5rem !important;
            width: 2.5rem !important;
        }
        
        .circle-button span {
            font-size: 1.5rem;
            display: flex;
            justify-content: center;
            align-content: center;
        }

        .circle-button:not(.lift) span.icon-eye {
            font-size: 2rem;
        }

        .circle-button:not(.lift) span.icon-cart {
        	transform: translate(1px, -1px);
        	-webkit-transform: translate(1px, -1px);
            -moz-transform: translate(1px, -1px);
            -ms-transform: translate(1px, -1px);
            -o-transform: translate(1px, -1px);
        }

        .circle-button:not(.lift) span {
            font-size: 1.75rem;
        }

        /* General Style  > link */

        .link {
            position: relative;
        }

        .link,
        .link > span,
        .link .link-icon,
        .link:after,
        .more-button:after,
        .contact-informations-link span {
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -ms-transition: .3s ease;
            -o-transition: .3s ease;
        }

        .link:hover,
        .link:hover > span,
        .contact-informations-link:hover .link,
        .contact-informations-link:hover span,
        body > header .main-menu-submenu.active .link {
            color: #FC7442;
        }

        .link:after {
            position: absolute;
            content: "";
            width: 0;
            opacity: 1;
            height: 2px;
            background-color: #FC7442;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
        }

        .link:hover:after,
        .contact-informations-link:hover .link:after,
        body > header .main-menu-submenu.active .link:after {
            width: 30%;
        }

        .contact-informations-link {
            display: flex;
            align-items: center;
        }

        .contact-link {
            color: #FFA887;
        }

        a:hover,
        a.active,
        span:not(.lift):not(.variant-button):not(.icon-arrow).active {
            /* color: #FC7442 !important; */
            color: #FC7442;
        }

        /* General Style  > Tooltip */

        .tooltip {
            padding: 1rem;
            background-color: #FC7442;
            opacity: 0;
            color: white;
            width: auto;
            transform: translateY(-100%);
            transition: transform .3s ease .2s, opacity .1s ease;
            position: absolute;
            z-index: 10;
        }
        
        .tooltip-variant {
            font-size: 0.6rem !important;
            width: 5rem;
        }
        
        .tooltip.active {
            transform: translateY(0);
        }
        
        .variant-button:hover .tooltip {
            transform: translateY(-4rem);
            -webkit-transform: translateY(-4rem);
            -moz-transform: translateY(-4rem);
            -ms-transform: translateY(-4rem);
            -o-transform: translateY(-4rem);
        }
        
        .tooltip.active,
        .variant-button:hover .tooltip {
            opacity: 1;
            transition: transform .3s ease, opacity .1s ease;
        }

        /* General Style  > Slider nav - arrow */

        .slider-nav {
            justify-content: space-between;
            display: flex;
            position: absolute;
            width: 6rem;
        }
        
        .slider-nav .slider-nav-arrow {
            display: flex;
            align-items: center;
            height: 100%;
            font-size: 1.5rem;
        }

        .slider-nav .slider-nav-arrow.active {
            color: #FFA887;
            cursor: pointer;
            transition: .3s ease;
        }

        .slider-creative-collaboration {
            overflow: hidden;
            width: 100% !important;
        }

        .slider-creative-collaboration .slide {
            opacity: 0;
        }

        .slider-nav .slider-nav-arrow.active:hover {
            color: #FC7442;
        }

        .slider-nav > .slider-nav-arrow:last-child {
            margin-left: 2rem;
        }

        .slider-nav > .slider-nav-arrow.active:first-child:hover {
            -webkit-transform: translateX(-0.5rem) rotateY(180deg);
            -moz-transform: translateX(-0.5rem) rotateY(180deg);
            -o-transform: translateX(-0.5rem) rotateY(180deg);
            transform: translateX(-0.5rem) rotateY(180deg);
            -ms-transform: translateX(-0.5rem) rotateY(180deg);
        }

        .slider-nav > .slider-nav-arrow.active:last-child:hover {
            -webkit-transform: translateX(0.5rem);
            -moz-transform: translateX(0.5rem);
            -o-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
        }

/*************************************************************************

    A RANGER ( en attente)

*************************************************************************/

        .paypal-logo,
        .mastercard-logo,
        .visa-logo,
        .postfinance-logo {
            width: 5rem;
            display: block;
            height: 3rem;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .paypal-logo {
            background-image: url(../img/paypal.svg);
        }

        .mastercard-logo {
            background-image: url(../img/mastercard.svg);
        }

        .visa-logo {
            background-image: url(../img/visa.svg);
        }

        .postfinance-logo {
            background-image: url(../img/post-finance.svg);
        }

        .cta-button,
        button.cta-button, 
        .button.cta-button, 
        .woocommerce a.butto.cta-buttonn, 
        .woocommerce button.button.cta-button {
            background-color: #FFA887 !important;
            color: white !important;
        }

        p + .button {
            margin-top: 2rem;
        }

        /* General Style  > subtitle */

        .subtitle {
            margin-bottom: 4rem;
        }

        .subtitle > span:first-child {
            font-size: 2.22rem;
            font-weight: 300;
        }

        .subtitle .subtitle-time,
        .subtitle > span:nth-child(2),
        .contact-location,
        .subtitle.italic-line {
            font-family: "TimesNow-SemiLightIT";
            font-weight: 300;
            font-style: italic;
        }

        .subtitle > span:nth-child(2),
        .contact-location,
        .subtitle.italic-line {
            display: block;
            font-size: 3.33rem;
            font-style: italic;
        }

        .subtitle > span {
            line-height: 3rem;
        }

        .product-season .subtitle,
        .video-content .subtitle  {
            display: flex;
            flex-direction: column;
        }

        .title-container--center {

            display: flex;
            justify-content: center;

        }

        /* General Style  > Product image icon */

        .product-img-icon {
            font-size: 10rem;
        }

/*************************************************************************

    2) Layouts

*************************************************************************/

    /*************************************************************************
        2.1) Default
    *************************************************************************/

    /* Default > Header */

    body > header {
        position: relative;
    }

    /* Default > Header > menu */

        body > header > nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 2rem;
        }

        body > header > nav.social-networks {
            position: absolute;
            bottom: 0;
            left: 0;
        }
        
        body > header nav {
            z-index: 2;
        }    

        .main-menu-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

    /* Default > Header > header-content */

        body > header .header-content {
            position: relative; 
            padding-top: 6rem;
        }

        body > header .header-content .logo {
            position: absolute;
            width: 16rem;
            height: 10rem;
            top: 0;
            left: 50%;
            z-index: 50;
            transform: translate(-50%, 40%);
        }

        body > header .header-content > .cocoa-bean {
            position: absolute;
            bottom: 0;
            left: 50%;
            z-index: 100;
            transform: translateX(-50%);
        }

        body > header .header-content > .cocoa-bean:before,
        body > header .header-content > .cocoa-bean:after {
            position: absolute;
            content: "";
            width: 0px;
            height: 0px;
            transform: translate(-50%, 0);
            cursor: pointer;
            transition: .3s ease;
        }
        
        body > header .header-content > .cocoa-bean:before {
            border-left: 3rem solid transparent;
            border-right: 3rem solid transparent;
            border-top: 4rem solid #FFA887;
        }
        
        body > header .header-content > .cocoa-bean:after {
            border-left: 3rem solid transparent;
            border-right: 3rem solid transparent;
            border-bottom: 4rem solid #FFA887;
            transform: translate(-50%, -100%);
        }

        body > header .header-content > .cocoa-bean span {
            position: absolute;
            bottom: 0.5rem;
            left: 50%;
            z-index: 100;
            transform: translateX(-50%) rotate(90deg);
            font-size: 1.75rem;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            cursor: pointer;
            transition: .3s ease;
        }

        body > header .header-content > .cocoa-bean:hover span {
            bottom: 0;
        }

        body > header .main-banner {
            height: 100%;
        }  

        body > header .main-banner > .main-banner-content video {

            width: 100%;
            height: 100%;

            object-fit: cover;
            object-position: center;

        }

    /* Main banner slider */

        body > header .main-slider {
            position: relative;
            z-index: 1;
            padding: 0 2rem;
            height: 100%;
            display: flex;
            color: #D3BDB0;
        }

        body > header .main-slider-content {
            overflow: hidden;
        }
        
        body > header .main-slider-content > .slider {
            overflow: visible;
        }

        body > header .main-slider-content .slider > .slide:nth-child(odd) {
            background-color: #FAF6F4;
        }

        body > header .main-slider-content .slider > .slide:nth-child(even) {
            background-color: #F2EBE7;
        }

        .main-slider .slide-content {
            opacity: 0;
            transition: opacity .8s ease;
            -webkit-transition: opacity .8s ease;
            -moz-transition: opacity .8s ease;
            -ms-transition: opacity .8s ease;
            -o-transition: opacity .8s ease;
        }

        .main-slider .slide.active .slide-content {
            opacity: 1;
        }
        
        body > header .main-slider-content .slide-content {
            width: 100%;
            height: 100%;
            display: flex;
        }

        body > header .main-banner > .main-banner-content,
        body > header .main-slider > .main-slider-content {
            position: relative;
            width: 100%;
            height: 100%;
        }

        body > header .main-banner > .main-banner-content > .anim-img,
        body > header .main-slider > .main-slider-content > .anim-img {
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
        }

        .main-slider-content .slide {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 4rem !important;
        }

        .main-slider-content .slide {
            padding: 0;
        }    

        .main-slider-content .slide-content > div:first-child {
            min-height: 250px;
        }

        .main-slider-content .slide-content > div:last-child {
            border: 1px solid #E8DBD3;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .main-slider-content .slide-content > div:last-child:after {
            position: absolute;
            content: "";
            height: 3px;
            width: 10rem;
            background-color: #FFA887;
            bottom: -2px;
            left: 0;
        }

        .slide-number {
            position: absolute;
            color: #D3BDB0;
            top: 0.5rem;
            left: .5rem;
        }

        .main-slider-content h3 {
            position: relative;
            text-align: center;
        }

        .main-slider-content .bg-img {
            height: 100%;
            position: relative;
        }

        .main-slider .product-icon {
            position: absolute;
            content: "";
            font-size: 12rem;
        }

        body > header .slider-nav {
            top: 1rem;
            right: -3rem;
            opacity: 1;
        }

    /* Default > Main */

    /* Default > Footer */

        body > footer {
            padding: 6rem 2rem 2rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
        }

        body > footer .milk-chocolate {

            color: var(--milk-chocolate);

        }

        body > footer .logo {
            width: 12rem;
            height: 100%;
        }

        body > footer > div:first-child > nav {
            height: 16vh;
            display: flex;
            justify-content: center;
            margin-bottom: 4rem;
        }

        body > footer > div:last-child {
            padding: 2rem 0;
            width: 100%;
            border-top: 1px solid rgba(255, 255, 255, .2);
            max-width: 2600px;
            justify-content: space-between;
        }

        body > footer > div:last-child a {
            color: white;
            opacity: .2;
        }

        body > footer > div:last-child a:hover {

            opacity: 1;

        }

        body > footer > div:last-child .paiement {
            align-items: center;
            width: 50%;
        }

        body > footer > div:last-child ul {
            display: grid;

            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 1rem;

            /* display: flex;
            justify-content: space-between; */
            list-style: none;
            padding: 0;
        }

        body > footer > div:last-child .paiement,
        body > footer > div:last-child ul {
            font-size: 0.8rem;
        }

        body > footer > div:last-child .paiement > span,
        body > footer > div:last-child ul li a > span,
        body > footer > div:last-child ul li > span {
            opacity: .2;
        }

        body > footer > div:last-child ul li a:hover > span {
            opacity: 1;
        }

        body > footer .footer-addresses > .address-item:not(:last-child) {
            margin-bottom: 2rem;
        }

        body > footer input::-webkit-input-placeholder {
            color: white !important;
        }

        body > footer input::-moz-placeholder {
            color: white !important;
        }

        body > footer input:-ms-input-placeholder {
            color: white !important;
        }

        body > footer input::-ms-input-placeholder {
            color: white !important;
        }

        body > footer input::placeholder,
        body > footer label {
            color: white;
        }

        body > footer button {
            max-width: 200px !important;
        }

        body > footer .content > div:first-child {
            display: flex;
            flex-direction: column;
        }

        body > footer .social-networks {
            color: #FFA887;
        }

        body > footer > div:first-child .content > div:first-child button,
        body > footer > div:first-child .content .social-networks-footer-line {
            margin-top: 4rem;
        }

        body > footer .footer-contact-email {
            display: flex;
            flex-direction: column;
            margin-bottom: 4rem;
        }

        body > footer .footer-contact-email-title {
            display: block;
        }

        body > footer .link-icon {
            margin-right: .5rem;
        }

        /* Default > Footer > menu languages */

        body > footer .menu-languages > .active {
            margin-right: 1rem;
            position: relative;
            order: 0;
        }

        body > footer .menu-languages > a {
            order: 1;
        }

        body > footer .menu-languages > .active:after {
            content: "/";
            position: absolute;
            right: -.5rem;
        }

        body > footer .menu-languages > span,
        body > footer .menu-languages > span:after {
            color: #97694B;
        }

    /*************************************************************************

        3) Helpers
        doc: https://agenceneue.ch/assets/ressources/css-helpers

    *************************************************************************/

    /*************************************************************************
        3.1) Spacing
    *************************************************************************/
    
    /* lib/spacing.css */

    /*************************************************************************
        3.2) Wrapper
    *************************************************************************/

    [class^="wrapper"],
    [class*="-wrapper"] {
        position: relative;
        width: 100%;
        height: 100%;
    }

    /*************************************************************************
        3.3) Containers & Contents
    *************************************************************************/

    [class^="container"],
    [class*="-container"] {
        width: 100%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        /* background-color: rgba(6, 147, 227, .2); */
    }

    .small-container {
        max-width: 600px;
    }

    .medium-container {
        max-width: 1000px;
    }

    .large-container {
        max-width: 1600px;
    }

    .x-large-container {
        max-width: 1920px;
    }

    .tiny-content {
        max-width: 300px;
    }

    .small-content {
        max-width: 600px;
    }

    .medium-content {

        max-width: 1000px;

    }

    .half-content {
        max-width: 50%;
    }

    /*************************************************************************
        3.4) Text
    *************************************************************************/

    .txt-big {
        font-size: 1.5rem;
    }

    .txt-small {
        font-size: 0.75rem
    }

    .txt-left {
        text-align: left;
    }

    .txt-center {
        text-align: center;
    }

    .txt-right {
        text-align: right;
    }

    .txt-upper {
        text-transform: uppercase;
    }

    .txt-lower {
        text-transform: lowercase;
    }

    .txt-reverse {
        direction: rtl;
        unicode-bidi: bidi-override;
    }

    .txt-italic {
        font-style: italic;
    }

    /* Text  > Devise, price & product category */

    .devise,
    .price,
    .product-category,
    .cart-title,
    .cart-nb-items {
        font-style: italic;
        color: #2C2F32;
    }

    .price {
        letter-spacing: .1rem;
    }

    .price,
    .product-title {
        font-size: 1.6rem;
    }

    .devise,
    .price,
    .news-date,
    .product-category,
    .cart-title,
    .cart-nb-items {
        font-family: 'TimesNow-SemiLightIT';
        font-style: italic;
    }

    /* Text > Error */

    .error {
        color: red !important;
    }

    /*************************************************************************
        3.5) Flex Grid
    *************************************************************************/
        
    /* lib/flex-grid.css */

    /*
    .flex-v-center
    .flex-h-center
    .flex-space-between
    */

    .flex,
    .flex-center,
    .flex-v-center,
    .flex-h-center,
    .flex-space-between {
        display: flex;
    }

    .flex-column {
        flex-direction: column;
    }
    
    .flex-h-center {
        justify-content: center;
    }

    .flex-center {
        justify-content: center;
        align-items: center;
    }

    /*************************************************************************
        3.6) Colors & Areas
    *************************************************************************/
    
    /* Colors & Areas > Colors */

        /* Colors & Areas > Colors > Milk chocolate */

        .milk-chocolate {
            color: var(--green);
        }

        /* Colors & Areas > Colors > Dark chocolate */

        .dark-chocolate {
            color: #2C2F32;
        }

        /* Colors & Areas > Colors > White chocolate */

        .white-chocolate {
            color: #FAF6F4;
        }

        /* Colors & Areas > Colors > Dark orange */

        .dark-orange,
        .dark-orange-h:hover {
            color: #FC7442;
        }

        /* Colors & Areas > Colors > Light orange */

        .light-orange {
            color: #FFA887;
        }

        /* Colors & Areas > Colors > Light orange */

    /* Colors & Areas > Areas */

        /* Colors & Areas > Areas > Grey */

        .grey-area {
            background-color: #FAF6F4;
        }

        /* Colors & Areas > Areas > Dark Chocolate */

        .dark-chocolate-area {
            background-color: #2C2F32;
            color: white;
        }

        /* Colors & Areas > Areas > White chocolate */

        .white-chocolate-area {
            background-color: #FAF6F4;
        }

        /* Colors & Areas > Areas > Slogan area */

        .slogan-area {

            background-image: linear-gradient(18deg, #9162499e, var(--green));
    
            color: white;

        }

    /*************************************************************************
        3.7) Other
    *************************************************************************/

    .away {
        position: absolute;
        left: -9999px;
        top: -9999px;
        visibility: hidden;
        z-index: -1;
    }

    .toggle-on-click { /* use if toggle on click JS plugin is activated */
        cursor: pointer;
    }

    .no-overflow {
        overflow: hidden;
    }

    .no-overflow-f {
        overflow: hidden !important;
    }

    /* Other > Background Image */

    [class^="bg-img"],
    [class*="bg-img"] {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; 
    }

    .bg-img-portait {
        background-position-y: top;
    }

    .bg-img-parallax {
        background-attachment: fixed;
    }

    .product-img [class^="bg-img"],
    .product-img [class*="bg-img"] {
    	background-size: contain;
    }

    /* Other > Transition */

    .no-transition-f {
        transition: none !important;
    }

    /* Other > User interaction */

    .no-select {
        cursor: default;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /*************************************************************************
        3.8) Animations
    *************************************************************************/

    button,
    .button,
    button > .cross,
    .button > .cross,
    a,
    a:after,
    .lift,
    .discovery-button:hover .discover-category-title {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -ms-transition: .3s ease;
        -o-transition: .3s ease;
    }

    .button .icon-mail {
        font-size: 2rem;
    }

    .anim-img > div {
        z-index: 1;
        transition: left .05s ease .5s, right .05s ease .5s, top .05s ease .5s, bottom .05s ease .5s, transform 1s ease .5s;
        transform: scale(1);
    }

    .gallery-content .gallery-img,
    .gallery-content .gallery-img:after {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        -ms-transition: .3s ease;
        -o-transition: .3s ease;
        position: relative;
    }

    .gallery-content .gallery-img:after {
        content: "";
        position: absolute;
        background-color: #2C2F32;
        width: 100%;
        height: 100%;
        bottom: 0;
        opacity: 0;
    }
    
    .gallery-content:hover .gallery-img {
        z-index: 5;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .gallery-content:hover .gallery-img:after {
        opacity: .8;
    }

    /* Animations  > Anim IMG */

    .anim-img {

    /* démo */
    /*  width: 500px;
        height: 700px;
        background-color: transparent;
        margin: 2rem; */

        /* à conserver */
        overflow: hidden;
        position: relative;
    }

    .anim-img > div,
    .anim-img:before {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .anim-img:before {
        content: "";
        z-index: 2;
        background-color: #F2EBE7;
        transition: 1s cubic-bezier(.25,.8,.67,.15);
    }

    .anim-img.scrollified > div {
        transform: scale(1);
    }

    .anim-img.anim-img-from-left > div,
    .anim-img.anim-img-from-left:before,
    .anim-img.anim-img-from-right > div,
    .anim-img.anim-img-from-right:before {
        top: 0;
    }

    .anim-img.anim-img-from-top > div,
    .anim-img.anim-img-from-top:before,
    .anim-img.anim-img-from-bottom > div,
    .anim-img.anim-img-from-bottom:before {
        left: 0;
    }

    /* From left */

    .anim-img.anim-img-from-left:before {
        left: 0;
        transform: translateX(-100%);
    }

    .anim-img.scrollified.anim-img-from-left:before {
        transform: translateX(100%);
    }

    .anim-img.anim-img-from-left > div {
        left: -200%;
    }

    .anim-img.scrollified.anim-img-from-left > div {
        left: 0;
    }

    /* From right */

    .anim-img.anim-img-from-right:before {
        right: 0;
        transform: translateX(100%);
    }

    /* .scrollified .anim-img.anim-img-from-right:before, */
    .anim-img.scrollified.anim-img-from-right:before {
    /* .news-grid-content.scrollified .anim-img.scrollified.anim-img-from-right:before { */
        transform: translateX(-100%);
    }

    .anim-img.anim-img-from-right > div {
        right: -200%;
    }

    .anim-img.scrollified.anim-img-from-right > div {
    /* .news-grid-content.scrollified .anim-img.anim-img-from-right > div { */
        right: 0;
    }

    /* From right > news grid */

    /* .scrollified .anim-img.anim-img-from-right:before, */
    .scrollified .anim-img.anim-img-from-right:before {
    /* .news-grid-content.scrollified .anim-img.scrollified.anim-img-from-right:before { */
        transform: translateX(-100%);
    }

    .anim-img.anim-img-from-right > div {
        right: -200%;
    }

    .scrollified .anim-img.anim-img-from-right > div {
    /* .news-grid-content.scrollified .anim-img.anim-img-from-right > div { */
        right: 0;
        transition-duration: .5s;
    }

    /* From top */

    .anim-img.anim-img-from-top:before {
        top: 0;
        transform: translateY(-100%);
    }

    .anim-img.scrollified.anim-img-from-top:before {
        transform: translateY(100%);
    }

    .anim-img.anim-img-from-top > div {
        top: -200%;
    }

    .anim-img.scrollified.anim-img-from-top > div {
        top: 0;
    }

    /* From bottom */

    .anim-img.anim-img-from-bottom:before {
        bottom: 0;
        transform: translateY(100%);
    }

    .anim-img.scrollified.anim-img-from-bottom:before {
        transform: translateY(-100%);
    }

    .anim-img.anim-img-from-bottom > div {
        bottom: -200%;
    }

    .anim-img.scrollified.anim-img-from-bottom > div {
        bottom: 0;
    }


    /*************************************************************************
        3.9) Custom
    *************************************************************************/

    /* CSS helpers comes here */

    .default-transition {
        transition: .3s ease;
    }

    .pointer {
        cursor: pointer;
    }

/*************************************************************************/

/* 4) Icons

/*************************************************************************/

    /*************************************************************************
        4.1) Icommon
    *************************************************************************/

    @font-face {
        font-family: 'icomoon';
        src:  url('../fonts/icomoon/icomoon.eot?cppfui');
        src:  url('../fonts/icomoon/icomoon.eot?cppfui#iefix') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.ttf?cppfui') format('truetype'),
        url('../fonts/icomoon/icomoon.woff?cppfui') format('woff'),
        url('../fonts/icomoon/icomoon.svg?cppfui#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    .before-icomoon:before,
    .after-icomoon:after,
    [class^="icon-"]:before,
    [class^="icon-"]:after,
    [class*=" icon-"]:before,
    [class*=" icon-"]:after,
    .woocommerce form .form-row.woocommerce-validated:before {

        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon-bon-cadeau:before,
    .icon-gutschein:before {
        content: "\e96a";
      }
    .icon-palm-oil:before {
    content: "\e96b";
    }
    .icon-sugar:before {
    content: "\e969";
    }
    .icon-hand:before {
    content: "\e968";
    }
    .icon-heart:before {
    content: "\e967";
    }
    .icon-absinthe:before {
    content: "\e95f";
    }
    .icon-adress:before {
    content: "\e960";
    }
    .icon-dashboard:before {
    content: "\e961";
    }

    .icon-gift:before {
    content: "\e962";
    }

    .icon-list:before {
    content: "\e963";
    }
    .icon-promo:before {
    content: "\e964";
    }
    .icon-refund:before {
    content: "\e965";
    }
    .icon-security:before {
    content: "\e966";
    }
    .icon-years:before {
    content: "\e900";
    }
    .icon-abricot-alcool:before {
    content: "\e901";
    }
    .icon-absinthe-alcool:before {
    content: "\e902";
    }
    .icon-alcohol:before {
    content: "\e903";
    }
    .icon-allergenes-cannelle:before {
    content: "\e904";
    }
    .icon-allergenes-coque:before {
    content: "\e905";
    }
    .icon-allergenes-glucose:before {
    content: "\e906";
    }
    .icon-allergenes-gluten:before {
    content: "\e907";
    }
    .icon-allergenes-lait:before {
    content: "\e908";
    }
    .icon-allergenes-poivre:before {
    content: "\e909";
    }
    .icon-allergenes-soja:before {
    content: "\e90a";
    }
    .icon-amande-eclat:before {
    content: "\e90b";
    }
    .icon-amande:before {
    content: "\e90c";
    }
    .icon-arrow:before {
    content: "\e90d";
    }
    .icon-bayleys-alcool:before {
    content: "\e90e";
    }
    .icon-box:before {
    content: "\e90f";
    }
    .icon-cabosse:before {
    content: "\e910";
    }
    .icon-cacao:before {
    content: "\e911";
    }
    .icon-cafe:before {
    content: "\e912";
    }
    .icon-canelle:before {
    content: "\e913";
    }
    .icon-caramel:before {
    content: "\e914";
    }
    .icon-cart:before {
    content: "\e915";
    }
    .icon-cerise-alcool:before {
    content: "\e916";
    }
    .icon-champagne-alcool:before {
    content: "\e917";
    }
    .icon-champagne:before {
    content: "\e918";
    }
    .woocommerce form .form-row:not(.create-account).woocommerce-validated:before,
    .icon-check:before {
    content: "\e919";
    }
    .icon-chess:before {
    content: "\e91a";
    }
    .icon-chocolats-vins:before {
    content: "\e91b";
    }
    .icon-citron:before {
    content: "\e91c";
    }
    .icon-clementine-alcool:before {
    content: "\e91d";
    }
    .icon-coco:before {
    content: "\e91e";
    }
    .icon-cointreau-alcool:before {
    content: "\e91f";
    }
    .icon-cold:before {
    content: "\e920";
    }
    .icon-credit-card:before {
    content: "\e921";
    }
    .icon-creme:before {
    content: "\e922";
    }

    .icon-schokoladenaufstrich:before,
    .icon-pates-tartiner:before,
    .icon-cremes-tartiner:before {
    content: "\e923";
    }
    .icon-delivery:before {
    content: "\e924";
    }
    .icon-equateur:before {
    content: "\e925";
    }
    .icon-eye:before {
    content: "\e926";
    }
    .icon-facebook:before {
    content: "\e927";
    }
    .icon-framboise-alcool .path1:before {
    content: "\e928";
    color: rgb(0, 0, 0);
    }
    .icon-framboise-alcool .path2:before {
    content: "\e929";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    }
    .icon-framboise-alcool .path3:before {
    content: "\e92a";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    }
    .icon-framboise-alcool .path4:before {
    content: "\e92b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    }
    .icon-framboise-alcool .path5:before {
    content: "\e92c";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    }
    .icon-framboise-alcool .path6:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    }
    .icon-framboise-alcool .path7:before {
    content: "\e92e";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    }
    .icon-framboise-alcool .path8:before {
    content: "\e92f";
    margin-left: -1em;
    color: rgb(29, 29, 27);
    }
    .icon-framboise:before {
    content: "\e930";
    }
    .icon-gingembre:before {
    content: "\e931";
    }
    .icon-glace:before {
    content: "\e932";
    }
    .icon-verschiedene:before,
    .icon-divers:before,
    .icon-grand-cru:before {
    content: "\e933";
    }
    .icon-grillette:before {
    content: "\e934";
    }
    .icon-instagram:before {
    content: "\e935";
    }
    .icon-java:before {
    content: "\e936";
    }
    .icon-lait:before {
    content: "\e937";
    }
    .icon-lock:before {
    content: "\e938";
    }
    .icon-madagascar:before {
    content: "\e939";
    }
    .icon-mail:before {
    content: "\e93a";
    }
    .icon-malakoff:before {
    content: "\e93b";
    }
    .icon-mauler-alcool:before {
    content: "\e93c";
    }
    .icon-miel:before {
    content: "\e93d";
    }
    .icon-noisette-eclat:before {
    content: "\e93e";
    }
    .icon-noisette:before {
    content: "\e93f";
    }
    .icon-noix:before {
    content: "\e940";
    }
    .icon-nougat:before {
    content: "\e941";
    }
    .icon-orange-2:before {
    content: "\e942";
    }
    .icon-orange:before {
    content: "\e943";
    }
    .icon-phone:before {
    content: "\e944";
    }
    .icon-pistache:before {
    content: "\e945";
    }
    .icon-place:before {
    content: "\e946";
    }
    .icon-plaques:before,
    .icon-tafelschokolade:before {
    content: "\e947";
    }
    .icon-poire-alcool:before {
    content: "\e948";
    }
    .icon-poivre:before {
    content: "\e949";
    }
    .icon-praline_1:before {
    content: "\e94a";
    }
    .icon-praline:before {
    content: "\e94b";
    }
    .icon-profil:before {
    content: "\e94c";
    }
    .icon-quote:before {
    content: "\e94d";
    }
    .icon-raisin-alcool:before {
    content: "\e94e";
    }
    .icon-rhum-alcool:before {
    content: "\e94f";
    }
    .icon-sans-sucre:before {
    content: "\e950";
    }
    .icon-search:before {
    content: "\e951";
    }
    .icon-specialites:before,
    .icon-spezialitaten:before {
    content: "\e952";
    }
    .icon-tasmanie .path1:before {
    content: "\e953";
    color: rgb(0, 0, 0);
    }
    .icon-tasmanie .path2:before {
    content: "\e954";
    margin-left: -1em;
    color: rgb(0, 1, 0);
    }
    .icon-tasmanie .path3:before {
    content: "\e955";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    }
    .icon-tasmanie .path4:before {
    content: "\e956";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    }
    .icon-the:before {
    content: "\e957";
    }
    .icon-trash:before {
    content: "\e958";
    }
    .icon-truffe:before {
    content: "\e959";
    }

    .icon-truffel-pralinen:before,
    .icon-truffes-pralines:before {
    content: "\e95a";
    }
    .icon-truffespralines:before {
    content: "\e95b";
    }
    .icon-twitter:before {
    content: "\e95c";
    }
    .icon-vanille:before {
    content: "\e95d";
    }
    .icon-venezuela:before {
    content: "\e95e";
    }

/* 5) Content

/*************************************************************************/

    /*************************************************************************/
    /* 5.1) Sections
    /*************************************************************************

    /* Sections > Slider products */

        .slider-products {
            min-height: 800px;
            max-height: 1400px;
        }

        .slider-products .product-img {
            width: 100%;
            height: 100%;
            min-height: 300px;
            min-width: 300px;
            max-width: 300px;
            max-height: 500px;
        }
        
        .slider-products > .slide .product-details .product-price-content,
        .slider-products > .slide .product-details .product-content-button {
            opacity: 0;
            transition: .3s ease;
            transform: translateY(-50%);
        }

        .slider-products > .slide.active .product-details .product-price-content,
        .slider-products > .slide:hover .product-details .product-price-content,
        .slider-products > .slide.active .product-details .product-content-button,
        .slider-products > .slide:hover .product-details .product-content-button {
            opacity: 1;
            transition: .45s ease .1s;
            transform: translateY(0);
        }
        
        .slider-products > .slide.active > div {
            position: relative;
        }

        .slider-products > .slide.active > div:after,
        .shop-products-cell .product-content:after {
            content: "";
            position: absolute;
            height: 70%;
            width: 100%;
            background-color: #FAF6F4;
            bottom: 0;
            left: 0;
            z-index: -100;
            transition: .8s ease;
            -moz-transition: .8s ease;
            -o-transition: .8s ease;
            -webkit-transition: .8s ease;
        }

        .slider-products > .slide .product-slider-content {
            padding: 4rem;
        }
        
        .slider-products > .slide .product-slider-content,
        .slider-products > .slide .product-details {
            justify-content: center;
            align-items: center;
        }

        .slider-products > .slide .product-slider-content .product-title {
            text-align: center;
        }

        .slider-products > .slide .product-slider-content .product-img {
        	background-size: contain;
        }

    /* Sections > News */

        .news-grid {
            align-items: flex-start;
        }

        .news-grid-content {
            padding: 0 2rem;
        }

        .news-grid-content > div {
            padding-top: 9rem;
            overflow: hidden;
        }

        .news-grid-content > .news-grid-cell:hover .news-grid-img {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
        }

        .news-grid-content .news-grid-infos {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            display: flex;
            flex-direction: column-reverse;
            justify-content: space-between;
        }

        .news-grid-content .news-grid-infos:hover {
            color: inherit !important;
        }

        .news-grid-content .news-grid-infos:hover .button {
            color: white;
            background-color: #FC7442;
        }

        .news-grid-content .news-grid-infos:hover .news-date {
            color: #FC7442;
        }

        .news-grid-cell {
            height: 100%;
            width: 100%;
            display: block;
            overflow: hidden;
        } 

        .news-grid-icon {
            position: absolute;
            z-index: 10;
            top: 1rem;
            right: 1rem;
            font-size: 2rem;
        }

        .news-grid-content-footer {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            transform: translateY(-3rem);
            -webkit-transform: translateY(-3rem);
            -moz-transform: translateY(-3rem);
            -ms-transform: translateY(-3rem);
            -o-transform: translateY(-3rem);
            margin-bottom: -3rem;
            position: relative;
            z-index: 2;
            height: 9em;
        }

        .news-grid-cell .news-grid-img {
            position: relative;
        }

        .news-grid-cell:hover .news-grid-img:after {
            opacity: .8;
        }

        .news-grid-cell .news-grid-icon,
        .news-grid-cell .news-date,
        .news-grid-cell .news-grid-img:after,
        .news.scrollified .news-grid-img,
        .news-blog .news-grid-content.scrollified .news-grid-img {
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -ms-transition: .3s ease;
            -o-transition: .3s ease;
}

        .news-grid-cell:hover {
            color: inherit !important;
        }

        .news-grid-cell:hover .news-grid-icon {
            color: white;
            background-color: #FC7442;
            border-color: #FC7442;
        }

        .news-grid-cell:hover .news-date {
            color: #FC7442;
        }

        .news-grid .news-grid-img {
            height: 100%;
            width: 100%;
            margin: 0;
            min-height: 400px;
            position: relative;
            max-height: 700px;
            height: 50vh;
        }

        .news-grid  .news-grid-infos .icon-eye {
            font-size: 2rem;
        }

        .news-grid .news-grid-infos > div {
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 10;
        }
        
        .news-grid-img:after {
            position: absolute;
            content: "";
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background-color: #2C2F32;
            z-index: 10;
            opacity: 0;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -ms-transition: .3s ease;
            -o-transition: .3s ease;
        }
        
        .news-grid-content > div:hover .news-grid-img:after {
            opacity: .8;
        }

        .news-grid .news-title {
            text-align: center;
            margin-bottom: 0;
        }

        .news-date {
            font-size: 5rem;
            font-style: italic;
            transition: 1s all;
            -webkit-transition: 1s all;
            -moz-transition: 1s all;
            -ms-transition: 1s all;
            -o-transition: 1s all;
        }

        .news-category {
            display: none;
        }

    /* Sections > testimony */
    
        .testimony > div > div {
            position: relative;
            margin-right: 4rem;
            width: 100%;       
        }

        .testimony .testimony-people {
            justify-content: space-between;
        }

        .testimony .testimony-icon {
            font-size: 6rem;
            color: #916249;
        }

        .testimony .slider-nav {
            width: 6rem;
            font-size: 1.5rem;
        }

        .testimony .slider > .slide {
        	padding: 0;
        }

        .slider-testimony .content {
        	padding: 4rem;
        }

        .full-image-content-slider {
            height: calc(60vh + 20rem);
        }
        
        .slider-testimony .slide {
            padding: 0;
            opacity: 0;
        }

    /* Sections > gallery */

        .gallery-img {
            height: 100%;
            width: 100%;
        }

        .gallery .gallery-content {
            height: 25vmax;
            overflow: hidden;
            cursor: pointer;
            min-height: 400px;
            max-height: 700px;
        }

        .gallery > div {
            margin-left: 0;
        }
        
        .gallery .gallery-img {
            z-index: -5;
        }

        #history_gallery_slider .slide > div {
            position: relative;
        }

        #history_gallery_slider .slide .bg-img:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            background: rgb(0,0,0);
            background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
            height: 25%;
        }

    /* Sections > Product season */

        .product-season {
            margin-top: 4rem;
        }

        .product-season .product-season-content .product-img {
            width: 100%;
            height: 100%;
            min-height: 500px;
            min-width: 300px;
            max-width: 400px;
            max-height: 600px;
            display: flex;
            align-items: flex-end;
        }

        .product-season .product-season-content .product-img > .bg-img {
            width: 100%;
            height: 100%;
        }
        
        .product-season .product-season-content {
            position: relative;
            min-height: 500px;
            height: 30vh;
        }
        
        .product-season .product-season-content:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #FAF6F4;
            z-index: -100;
            left: 0;
            top: 0;
            transform: translateX(100%);
            transition: .3s ease;
        }
        
        .product-season.scrollified .product-season-content:after {
            transform: translateX(0);
        }

        .product-season .product-season-title {
            display: flex;
            align-items: center;
        }

        .product-season .product-details {
            display: flex;
            justify-content: center;
        }

        .product-img--with-icon > div {
            z-index: 1;
            position: relative;
        }

        .product-img--with-icon > span {
            font-size: 16rem;
            position: absolute;
            top: 0;
            z-index: 0;
            color: #D3BDB0;
        }

        /* .product-img--with-icon.product-icon-left > span {
            transform: translate3D(-10%, -10%, 0);
        } */

        .product-img--with-icon.product-icon-right > span {
            transform: translate3D(50%, -40%, 0);
            right: 0;
        }

        /* Sections > Highlight */

        .higlight--image {

            min-height: 60vh;

        }

        /* Steps */

        .steps--content .steps--icon.icon-heart {

            font-size: 5rem;

        } 

    /*************************************************************************/
    /* 5.2) Elements & Parts
    /*************************************************************************/
    
    /* Elements & Parts > logo */

        .logo-white,
        .logo {
            background-image: url(../img/logo.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position-x: center;
        }

        .logo-neg {
            background-image: url(../img/logo-neg.svg);
        }

        .logo-white {

            background-image: url(../img/logo-white.svg);

        }

    /* Elements & Parts > Main menu */

        body > header .main-menu-trigger {
            width: 40px;
            height: 30px;
            cursor: pointer;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 50;
        }
        
        .menu-burger {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .menu-burger:before {
            top: 0.5rem
        }
        
        .menu-burger:after {
            bottom: 0.5rem
        }
        
        .menu-burger,
        .menu-burger:after,
        .menu-burger:before {
            height: 2px;
            background-color: #97694B;
            transition: bottom .3s ease .3s,top .3s ease .3s,opacity .3s ease,transform .3s ease
        }
        
        .menu-active .menu-burger,
        .menu-active .menu-burger:after,
        .menu-active .menu-burger:before {
            transition: bottom .3s ease,top .3s ease,opacity .3s ease .3s,transform .3s ease .3s
        }
        
        .menu-burger:after,
        .menu-burger:before {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 2px;
        }
        
        .menu-active .menu-burger:before {
            top: 0;
            opacity: 0
        }
        
        .menu-active .menu-burger:after {
            bottom: 0
        }
        
        .menu-active .menu-burger {
            transform: rotate(45deg)
        }
        
        .menu-active .menu-burger:after {
            transform: rotate(-90deg)
        }
        
        body > header .main-menu {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            color: #2C2F32;
            top: 0;
            left: 0;
            padding: 2rem;
            padding-right: 3rem;
            transition: opacity .5s ease, transform .5s ease;
            -webkit-backdrop-filter:blur(15px);
            backdrop-filter:blur(15px);
            position: fixed;
            width: 100vw;
            height: 7rem;
            background-color: white;
            z-index: 10000;
        }

        body > header .main-menu > div {
            display: flex;
            align-items: center;
        }

        body > header .main-menu > div > ul {
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            font-size: 2rem;
        }

        body > header .main-menu > div > ul > li:not(:first-child) {
            margin-top: 1rem;
        }

        .menu-active header .main-menu {
            opacity: 1;
            /*visibility: visible;*/
            transform: translateX(0);
        }

        body.menu-active > header .header-content .logo {
            display: none;
            visibility: hidden;
        }
        
        body > header .main-menu .icon-cabosse {
            font-size: 4rem;
            color: black;
        }

        body > header .main-menu-submenu a {
            color: var(--green);
        }

        body > header .main-menu-icones {
            cursor: pointer;
        }

        body > header .main-menu-submenu a.active {
            color: #FC7442;
        }

        body > header .main-menu .main-menu-login {
            display: flex;
            align-items: center;
        }

        body > header .main-menu .main-menu-login .login-text {
            font-size: 1rem !important;
        }

        body.no-overflow > header .main-menu {
            top: -7rem; 
            opacity:0;
            pointer-events: none;
        }

        .main-menu-container {
            justify-content: center;
        }


        body > header .main-menu-container > div:last-child .article-count,
        body > header .cart-button-fixed .cart-notification .article-count {
            color:#ffffff;
            font-size: 0.8rem;
            display: block;
            margin-top: 10%;
        }

        body > header .main-menu-container > div:last-child .cart-notification,
        body > header .cart-button-fixed .cart-notification {
            position: absolute;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }

        body > header .main-menu-container > div:last-child .cart-button:before,
        body > header .cart-button-fixed:before {
            position: absolute;
            content: '';
            border-left: 1rem solid transparent;
            border-right: 1rem solid transparent;
            border-bottom: 0rem solid #FAF6F4;
            bottom: -1.8rem;
            transition: all ease .5s;
        }

        body.cart-preview-is-ready > header .main-menu-container > div:last-child .cart-button:before {
            border-bottom: 1.3rem solid #FAF6F4;
        }

        body .main-menu-login span {
            transition: .3s ease;
        }

        body .main-menu-login span {
            color: #FFA887;
        }

        body.logged-in .main-menu-login span {
            color: #2AC79D;
        }

        body .main-menu-login:hover span {
            color: #FC7442 !important
        }

        .main-menu-container .icon-cart{
            position: relative;
        }

        .cart-button,
        .cart-button-fixed {
            position: relative;
        }

        .to-right {
            margin-right: 0;
        }

        :root {
            --round-btn-size: 3.5rem;
        }

        .circle-button {
            width: var(--round-btn-size);
            height: var(--round-btn-size);
        }

        .lift {
            width: var(--round-btn-size);
            height: var(--round-btn-size);
        }

        body > header .main-menu .container-menu-icones .icon-profil,
        body > header .main-menu .container-menu-icones .cart-button,
        body > header .cart-button-fixed .icon-profil,
        body > header .cart-button-fixed
        {
            width: var(--round-btn-size);
            height: var(--round-btn-size);
            border-radius: 50%;
            margin: 0 0.3rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        body > header .main-menu .container-menu-icones .icon-profil {
        	margin: 0;
        	padding-right: 0 !important;
    		width: auto;
        }

        body > header .main-menu-container > div:last-child span,
        body > header .cart-button-fixed > span {
            font-size: 1.75rem;
        }

        body > header .main-menu .container-menu-icones .cart-button,
        body > header .cart-button-fixed {
            background: #FFA887;
        }

        body > header .main-menu .container-menu-icones .cart-button span,
        body > header .cart-button-fixed span {
            color: #fff; 
        }

        body.lightbox-cart-preview-active > header .main-menu .container-menu-icones .cart-button,
        body.lightbox-cart-preview-active > header .cart-button-fixed,
        body > header .main-menu .container-menu-icones .cart-button:hover,
        body > header .cart-button-fixed:hover {
            background: #FC7442;
        }

        body > header .main-menu .container-menu-icones .cart-button .cross-article-preview,
        body > header .cart-button-fixed .cross-article-preview{
            position: absolute;
        }

        body > header .main-menu .container-menu-icones .cart-button .cross-article-preview:before,
        body > header .main-menu .container-menu-icones .cart-button .cross-article-preview:after,
        body > header .cart-button-fixed .cross-article-preview:before,
        body > header .cart-button-fixed .cross-article-preview:after
        {
            position: absolute;
            content:'';
            transform: rotate(0deg);
            border-bottom: solid 1px #ffffff;
            width: 60%;
            transition: all ease .3s;
            opacity: 0;
        }

        body > header .main-menu .container-menu-icones .cart-button .cross-article-preview,
        body > header .cart-button-fixed .cross-article-preview
        {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }

        body > header .cart-notification:hover .cross-article-preview {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        body.lightbox-cart-preview-active > header .main-menu .container-menu-icones .cart-button .cross-article-preview:before,
        body.lightbox-cart-preview-active > header .cart-button-fixed .cross-article-preview:before,
        body.lightbox-cart-preview-active > header .main-menu .container-menu-icones .cart-button .cross-article-preview:after ,
        body.lightbox-cart-preview-active > header .cart-button-fixed .cross-article-preview:after {
            opacity: 1;
        }

        body.lightbox-cart-preview-active > header .main-menu .container-menu-icones .cart-button .cross-article-preview:before,
        body.lightbox-cart-preview-active > header .cart-button-fixed .cross-article-preview:before
        {
            transform: rotate(45deg);
        }

        body.lightbox-cart-preview-active > header .main-menu .container-menu-icones .cart-button .cross-article-preview:after ,
        body.lightbox-cart-preview-active > header .cart-button-fixed .cross-article-preview:after 
        {
            transform: rotate(-45deg);
        }

        body.lightbox-cart-preview-active > header .main-menu .container-menu-icones .cart-button .article-count,
        body.lightbox-cart-preview-active > header .main-menu .container-menu-icones .cart-button .icon-cart,
        body.lightbox-cart-preview-active > header .cart-button-fixed .article-count,
        body.lightbox-cart-preview-active > header .cart-button-fixed .icon-cart 
        {
            opacity: 0;
            position: absolute;
        }
        
        .container-menu-icones .main-menu-icones > a:first-child,
        .container-menu-icones .main-menu-icones {
            margin-right: 4rem;
        }

        @media screen and (min-width: 993px) and (max-width: 1300px)  {

            body.lightbox-cart-preview-active > header .main-menu-container > div:last-child .cart-button:before
            {
                bottom: -5.7rem;
            }

        }

        /* Elements & Parts > Lightbox > General */

        .lightbox {
            position: fixed;
            top: 0;
            z-index: 100;
            width: 100%;
            height: 100vh;
            transform: translateX(200%);
            -webkit-transform: translateX(200%);
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            -o-transform: translateX(200%);
            transition: .8s ease;
            -webkit-transition: .8s ease;
            -moz-transition: .8s ease;
            -ms-transition: .8s ease;
            -o-transition: .8s ease;
        }

        .lightbox > .wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem;
        }

        .lightbox > .wrapper > [data-action="close"] {
            position: absolute !important;
            top: 4rem;
            right: 4rem;
            cursor: pointer !important;
            z-index: 50;
            height: 4rem;
            width: 4rem !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin-top: 0;
            padding: 0 !important;
        }

        .lightbox > .wrapper > [data-action="close"] > span {
            font-size: 2rem;
            width: 2rem;
            height: 2rem;
            display: inline-block;
            transition: transform .3s;
            transform: rotate(45deg); 
        }

        .lightbox > .wrapper > [data-action="close"]:hover > span {
            transform: rotate(135deg); 
        }

        body.lightbox-gallery-active .lightbox-gallery,
        body.lightbox-product-details-active .lightbox-product-details,
        body.lightbox-cart-preview-active .lightbox-cart-preview {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
        }

    /* Elements & Parts > Lightbox > Gallery */

        .lightbox-gallery .slider-nav {
            transform: translateY(0);
            opacity: 1;
        }

        .lightbox-gallery .slider > .slide {
            opacity: 0;
            padding: 0;
        }

        .lightbox-gallery {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            background-color: rgba(0, 0, 0, .8);
            cursor: pointer;
            padding: 4rem;
        }
    
        .lightbox-gallery > .content  {
            width: 100%;
            height: 100%;
            max-width: 1600px;
            max-height: 1200px;
        }
    
        .lightbox-gallery > .content > .slider {
            width: 100%;
            height: 100%;
            cursor: default;
            overflow: hidden;
        }
    
        .lightbox-gallery > .content > .slider > .slide:nth-child(even) {
            background-color: pink;
        }
    
        .lightbox-gallery .slider nav {
            position: absolute;
            bottom: 2rem;
            right: 2rem;
            font-size: 3rem;
            height: 3rem;
        }
    
        .lightbox-gallery > .wrapper > .content > .slider-container {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            width: 100%;
        }
    
        .lightbox-gallery > .wrapper > .content > .slider-container > .slider {
            width: 80%;
            height: 90%;
            position: relative;
            overflow: hidden;
        }
    
        .lightbox-gallery > .wrapper > .content > .slider-container > .slider > nav {
            justify-content: space-between;
            padding: 0 5rem;
            position: fixed;
            bottom: 50%;
        }
    
        .lightbox-gallery > .wrapper > .content > .slider-container > .slider > .active {
            opacity: 1;
        }
    
        .lightbox-gallery > .wrapper > .content > .slider-container > .slider > .slide {
            background-size: contain;
        }
        
    /* Elements & Parts > Lightbox > Product Details */

        .lightbox-product-details {
            position: fixed;
            top: 0;
            z-index: 100;
            left: 0;
            width: 100%;
            height: 100vh;
            transform: translateX(200%);
            -webkit-transform: translateX(200%);
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            -o-transform: translateX(200%);
            transition: .8s ease;
            -webkit-transition: .8s ease;
            -moz-transition: .8s ease;
            -ms-transition: .8s ease;
            -o-transition: .8s ease;
        }

        .lightbox-product-details > div {
            cursor: pointer;
            background-color: white;
            overflow-y: scroll;
        }

        .lightbox-product-details-container,
        .lightbox-product-details-crosscells-container {
            padding: 5rem;
            cursor: default;
            z-index: 10;
        }

        .lightbox-product-details .product-img > div {
            width: 100%;
            height: 100%;
        }

        .lightbox-product-show-content {
            align-items: center;
        }
        
        .lightbox-product-show-content span {
            cursor: pointer;
        }
        
        .lightbox-product-show-content a {
            color: #FFA887;
        }
        
        .lightbox-product-show-content .cross {
            height: 2rem;
            width: 2rem;
            margin-right: 1rem;
        }
        
        .lightbox-product-show-content .cross:before {
            width: 100%;
        }
        
        .lightbox-product-show-content .cross:after {
            height: 100%;
        }
        
        .lightbox-product-show-content .cross:hover,
        .lightbox-product-show-content .cross.active {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

        .lightbox-product-details .lightbox-product-details-content .devise {
            transform: translateY(0.6rem);
            -webkit-transform: translateY(0.6rem);
            -moz-transform: translateY(0.6rem);
            -ms-transform: translateY(0.6rem);
            -o-transform: translateY(0.6rem);
            padding-left: .7rem;
        }


        /* Elements & Parts > Lightbox > Product Details > Image */

        .product-icon {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 12rem;
        }

        .lightbox-product-details-content .product-img {
            min-height: 300px;
            min-width: 250px;
            max-width: 700px;
            max-height: 400px;
            height: 40vw;
            margin: auto;
            position: relative;
        }

        /* Elements & Parts > Lightbox > Product Details > Description */

        .lightbox-product-details-content .product-price-content {
            margin-top: 0;
        }

        .lightbox-product-details .product-price-content:after {
            display: none;
            visibility: hidden;
        }

        .lightbox-product-details-content > div:first-child > div:first-child {
            padding: 2rem;
            position: relative;
        }

        .lightbox-product-details-content > div:last-child {
            margin-top: 4rem;
            position: relative;
        }

        .lightbox-product-details-content > div:last-child:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background-color: #D3BDB0;
            top: -2rem;
        }
    
        .lightbox-product-variant,
        .lightbox-product-details-content > div:nth-child(2),
        .lightbox-product-variant > div:not(:first-child),
        .lightbox-product-price,
        .lightbox-add-cart,
        .product-description p {
            margin-top: 2rem;
        }

        .lightbox-product-details-content > div:last-child > div:last-child > p:first-child {
            margin: 0;
        }

        .lightbox-product-details-content > div:nth-child(2) > div:last-child {
            display: none;
            visibility: hidden;
        }

        .lightbox-product-details .active {
            background-color: #FC7442;
            border-color: #FC7442;
            color: white !important;
            cursor: default;
        }

        .product-description {
            display: flex;
            flex-direction: column;
        }

        .product-description h3 {
            order: 2;
        }

        .product-description span {
            order: 1;
            margin: 0;
        }

        .product-description p {
            order: 3;
        }

        .lightbox-product-price {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            position: relative;
        }

        .lightbox-product-price .price {
            font-size: 3.6rem;
        }

        .lightbox-add-cart {
            display: flex;
            justify-content: space-between;
        }

        .product-allergenes {
            color: #950909;
        }

        .product-allergenes > b {
            display: block;
            margin-bottom: 1rem;
            font-size: .8rem;
        }

        .allergene {
            display: inline-flex;
            flex-direction: column;
            /* width: 70px; */
            align-items: center;
        }

        .allergene .icon-allergene {
            margin-bottom: .5rem;
        }

        .icon-allergene {
            border: 1px solid #950909;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.5rem;
        }

        .product-variant {
            color: #FFA887;
            display: flex;
            flex-direction: column;
        }

        .product-variant > div > span:not(:last-child) {
            margin-right: 1rem;
        }

        .product-variant .circle-button {
            display: inline-flex !important;
            padding: 0 !important;
            font-size: 1.5rem;
        }

        .product-variant > span,
        .product-variant .circle-button {
            margin-bottom: 1rem;
        }

        .product-variant > .circle-button:not(:last-child) {
            margin-right: 1rem;
        }

        .lightbox-product-details .product-category,
        .lightbox-product-price .devise {
            font-size: 1.6rem;
        }

        .lightbox-product-details .product-title {
            font-size: 2.2rem;
            margin-top: .5rem;
        }

        .lightbox-product-details .product-crosscells .product-title {
            text-align: center;
        }

        .lightbox-product-details .product-crosscells .product-content-button {
            margin-top: 2rem;
        }

        .lightbox-product-details .product-allergenes > .allergene:not(:last-child) {
            margin-right: 1rem;
        }

        .lightbox-product-details .icon-allergene-label {
            text-align: center;
        }

        .barred {
            position: relative;
        }

        .barred:after {
            content: "";
            position: absolute;
            height: 100%;
            width: 1px;
            background-color: #FFA887;
            transform: rotate(45deg);
        }

        .barred:hover:after,
        .barred.active:after {
            background-color: white;
        }

        /* Elements & Parts > Lightbox > Product Details > Crosscells */

        .lightbox-product-details-crosscells-content > div > .product-crosscells {
            margin-top: 2rem;
        }

        .lightbox-product-details-crosscells-content > div > div:first-child {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .lightbox-product-details-crosscells-content > div > div {
            padding: 1rem;
        }

        .lightbox-product-details-crosscells-content .lightbox-crosscells-title {
            font-family: 'TimesNow-SemiLightIT';
            font-weight: 300;
            /* font-size: 3.33rem; */
            font-style: italic;
        }

        .lightbox-product-price:before {
            content: "";
            position: absolute;
            top: -1rem;
            width: 100%;
            height: 1px;
            background-color: #D3BDB0;
        }

        .product-crosscells > div {
            position: relative;
            padding: 2rem;
        }

        .product-crosscells > div:after {
            content: "";
            position: absolute;
            background-color: #FAF6F4;
            width: 100%;
            height: 70%;
            bottom: 0;
            z-index: -1;
            left: 0;
            transition: .8s ease;
        }

        .product-crosscells .product-img {
            min-width: 200px;
            max-width: 350px;
            min-height: 300px;
            margin: auto;
            background-size: contain;
        }

        .product-crosscells .product-category {
            margin: 0;
        }

        .product-crosscells > div > div:last-child {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-top: 2rem;
        }

        .product-crosscells > div > div:last-child > div:first-child {
            display: flex;
            flex-direction: column;
            padding-right: 1rem;
        }

    /* Elements & Parts > Product content */

        .product-content {
            position: relative;
            height: 100%;
        }
        
        .product-content .product-img {
            width: 100%;
            height: 100%;
            z-index: 1;
            margin: 0;
        }

        .product-content .product-img + .product-details {
            padding-top: 2rem;
        }

        .product-details .product-content-button {
            padding-top: 1rem;
        }

        .product-content-button > .button:not(:last-child) {
            margin-right: 1rem;
        } 

        .product-content .product-content-button > .button {
            padding: 0 !important;
        }

        .product-slider-content .price {
            font-size: 2rem;
        }
        
        .product-price-content {
            position: relative;
        }

        .product-price-content:after {
            content: "";
            position: absolute;
            width: 4rem;
            background-color: #D3BDB0;
            height: 1px;
            left: calc(50% - 2rem);
            top: -1rem;
        }

    /* Elements & Parts > Product item */
    
        .product-title {
            margin: 0;
        }
        
        .product-category {

            margin: 0.5rem 0;

        }

        .product-price-content {

            margin-top: 2rem;

        }

        .product-category,
        .product-price-content .price,
        .product-price-content .devise {

            color: var(--milk-chocolate);

        }

        .product-price-content  .devise {
            transform: translateY(0.3rem);
            -webkit-transform: translateY(0.3rem);
            -moz-transform: translateY(0.3rem);
            -ms-transform: translateY(0.3rem);
            -o-transform: translateY(0.3rem);
            padding-left: .5rem;
        }

    /* Elements & Parts > custom quantity */

        .custom-quantity {
            display: flex;
            align-items: center;
            margin-left: 0;
        }

        .custom-quantity .input {
            width: 50px;
            height: 50px;
            border: 1px solid #FFA887;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .custom-quantity .input > input {
            padding: 0;
            text-align: center;
            height: 100%;
            color: black;
            font-weight: 300;
        }

        .custom-quantity span {
            color: #FFA887;
            cursor: pointer;
            font-size: 2rem;
            font-weight: 300;
        }

        .custom-quantity > div {
            margin: 0 1rem;
        }

        .custom-quantity .input:before,
        .custom-quantity .input:after {
            content: none;
        }

    /* Elements & Parts > Cookies Banner */

        .cookies-banner {
            /* background-color: #2C2F32; */
            position: fixed;
            top: calc(100% - 1rem);
            left: 1rem;
            width: calc(100% - 2rem);
            height: auto;
            max-height: 100vh;
            z-index: 20000;
            transition: .3s ease-in-out;
            overflow-x: hidden;
            overflow-y: auto;
            visibility: hidden;
            color: white;
            font-size: .8rem;
            max-width: 450px;
        }

        .cookies-banner .cross[data-action="close"] {
            top: 1rem;
            right: 0;
        }

        .cookies-banner a[data-action="close"] {
        	padding-bottom: 0.2rem;
        	border-bottom: 1.5px solid #FFA887;
        }

        .cookies-banner.active {
            visibility: visible;
            transform: translateY(-100%);
        }

        .cookies-banner.active.reading {
            top: 0;
            transform: translateY(0);
            left: 0;
            width: 100%;
            max-width: unset;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }

        .cookies-banner-wrapper {
            padding: 2rem 2.5rem;
            background-color: #2C2F32;
        }

        .cookies-banner-wrapper > div:first-child > div > button:first-child {
            margin-right: .5rem;
        }

        .cookies-banner a {
            text-transform: none;
            min-height: 1.5em;
            color: #FFA887;
        }

        .cookies-banner .content {
            display: none;
            border-top: 1px solid #ccc;
            padding-top: 2rem;
            margin-top: 1rem;
        }

        .cookies-banner .content > div > section {
            margin-top: 2rem;
        }

        .cookies-banner-wrapper section {
            padding: 4rem 0;
            border-bottom: 1px solid #97694B;
        }

        .cookies-banner-wrapper h2 {
            font-family: 'TimesNow-SemiLightIT';
            font-weight: 400;
            font-size: 4rem; 
            font-style: italic;      
        }

        .cookies-banner-wrapper h2,
        .cookies-banner-wrapper h3 {
            color: #97694B;
        }

        .cookies-banner-wrapper h4 {
            font-weight: 700;
            font-size: 1rem;  
        }

    /* Elements & Parts > Lift */

        .lift {
            position: fixed !important;
            bottom: 2rem;
            right: 2rem;
            transform: translateY(200%);
            transition: .3s ease;
            z-index: 50;
        }

        .lift.active {
            transform: translateY(0);
        }

        .lift .icon-arrow {
            transform: rotate(-90deg);
            transition: transform .3s ease;
            -webkit-transition: transform .3s ease;
            -moz-transition: transform .3s ease;
            -ms-transition: transform .3s ease;
            -o-transition: transform .3s ease;
        }

        .lift:hover .icon-arrow {
            transform: rotate(-90deg) translateX(.5rem);
        }

    /* Elements & Parts > Cross */

        .cross {
            position: relative;
            width: 2rem;
            height: 2rem;
            display: block;
            margin-right: 1rem;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -ms-transition: .3s ease;
            -o-transition: .3s ease;
        }
        
        .cross:before,
        .cross:after {
            content: "";
            position: absolute;
            background-color: #FFA887;
        }
        
        .cross:before {
            height: 1px;
            width: 2rem;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }
        
        .cross:after {
            height: 2rem;
            width: 1px;
            transform: rotate(180deg) translate(50%, 50%);
            -webkit-transform: rotate(180deg) translate(50%, 50%);
            -moz-transform: rotate(180deg) translate(50%, 50%);
            -ms-transform: rotate(180deg) translate(50%, 50%);
            -o-transform: rotate(180deg) translate(50%, 50%);
            left: 50%;
            top: 50%;
        }

        .cross[data-action="close"] {
            height: 3rem;
            width: 3rem;
            position: absolute;
            top: 2rem;
            right: 1rem;
            z-index: 2;
            border: 1px solid #FFA887;
            border-radius: 50%;
            padding: 0.5rem;
            cursor: pointer;
            transition: .3s ease;
        }

        .cross[data-action="close"]:before,
        .cross[data-action="close"]:after {
            content: "";
            position: absolute;
            border: none; /* écran l'ancien code */
            background-color: #FFA887;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -ms-transition: .3s ease;
            -o-transition: .3s ease;
        }

        .cross[data-action="close"]:before {
            width: calc(100% - 1rem);
            height: 1px;
            top: 50%;
            left: 0.5rem;
            transform: translateY(-50%) rotate(45deg);
            -webkit-transform: translateY(-50%) rotate(45deg);
            -moz-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
            -o-transform: translateY(-50%) rotate(45deg);
        }

        .cross[data-action="close"]:after {
            width: 1px;
            height: calc(100% - 1rem);
            top: 0.5rem;
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
            -webkit-transform: translateX(-50%) rotate(45deg);
            -moz-transform: translateX(-50%) rotate(45deg);
            -ms-transform: translateX(-50%) rotate(45deg);
            -o-transform: translateX(-50%) rotate(45deg);
        }

    /* Elements & Parts > Social networks */

        .social-networks > a {
            font-size: 1.5rem;
            display: inline-flex;
            justify-content: center;
            align-items: center;
        }

        .social-networks > a:not(:first-child) {
            margin-left: 1rem;
        }

        .social-networks-footer-line > span {
            width: 50%;
        }

    /* Elements & Parts > Slider */

        .slider {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .slider > .slide {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            padding: 4rem;
            transition: .3s ease;
        }
        
        .slider > .slide.active {
            opacity: 1;
        }

        /* Slider employes */

        .employees {
            position: relative;
        }

        .slider-nav > span:first-child {
            transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
        }

        .employees .slider-nav {
            bottom: 2rem;
            width: 6rem;
            right: 4rem;
            z-index: 10;
            font-size: 1.5rem;
        }

        .slider-employees {
            height: 50rem;
            width: 112.5%;
            position: relative;
        }

        .slider-employees:before {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 25%;
            background: rgb(0,0,0);
            background: linear-gradient(280deg, rgba(0,0,0,1) 39%, rgba(0,0,0,0) 100%);
            height: 100%;
            z-index: 10;
        }

        .slider-employees .slide {
            padding: 0;
        }

        .slider-employees .slide > div {
            height: 100%;
            background-color: black;
            justify-content: flex-end;
            align-items: center;
            position: relative;
        }

        .slider-employees .slide .bg-img:after {
            content: "";
            position: absolute;
            right: 0;
            width: .1rem;
            background-color: #97694B;
            height: 4rem;
            top: 50%;
            transform: translateY(-50%);
        }

        .slider-employees .slide .bg-img:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            background: rgb(0,0,0);
            background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
            height: 10rem;
        }

        .slider-employees .slide > div > span {
            z-index: 1;
        }

        .slider-employees .slide > div > span:first-child {
            font-family: 'TimesNow-SemiLightIT';
            font-weight: 300;
            font-size: 1.66rem;
            font-style: italic;
        }

        .slider-employees .slide > div > span:last-child {
            color: white;
        }

    /* Elements & Parts > Discovery */

        .discover-products > div {
            flex-direction: column;
            padding: 0 2rem;
        }

        .discover-products > div > .discover-products-button-row > .discovery-button:not(:first-child),
        .discover-products > div > .discover-products-button-row:not(:first-child) {
            margin-top: 2rem;
        }

        .discover-products .discover-products-button-row {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .discover-products .discover-products-button-row .discovery-button {
            width: 7rem;
        }

        .discover-category-title {
            margin-top: 1rem;
            text-align: center;
            color: #FFA887;
        }

        .discover-products > .button {
            display: flex;
            margin: auto;
        }

        .discovery-button {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
        }

        .discover-products .button {
            margin: auto;
            height: 7rem !important;
            width: 7rem !important;
        }

        .discover-products .button span {
            font-size: 4.5rem;
        }
    
    /* Elements & Parts > Video */

        .video iframe {
            width: 100%;
            height: 100%;
        }

        .video-content > div > div:first-child  {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .video-content > div > div:first-child:after {
            position: absolute;
            content: "";
            height: 0;
            width: 100%;
            background-color: #FAF6F4;
            bottom: 0;
            z-index: -100;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -ms-transition: .3s ease;
            -o-transition: .3s ease;
        }
        
        .video-content.scrollified > div > div:first-child:after {
            height: 100%;
        }

        .video-content.scrollified .video {
            width: 80%;
            height: 40vw;
            transform: translateY(-4rem);
            max-width: 1200px;
            max-height: 600px;
            min-height: 300px;
        }

    /* Elements & Parts > Full image content */

        .full-image-content {
            padding-bottom: 20rem;
        }

        .full-image-content-slider .slider {
            overflow: hidden;
        }

        .full-image-content > div:first-child > div:first-child,
        .full-image-content-slider > div > div {
            width: 40vw;
            min-width: 600px;
            max-width: 800px;
            min-height: 400px;
            transform: translateY(20rem);
            -webkit-transform: translateY(20rem);
            -moz-transform: translateY(20rem);
            -ms-transform: translateY(20rem);
            -o-transform: translateY(20rem);
        }

    /* Elements & Parts > Double column */ 

        .double-column {
            position: relative;
        }

        .double-column.double-column--width-slider > div > div:last-child {
            min-height: 450px;
            height: 50vw;
            max-height: 900px;
            position: relative;
        }

        .double-column .slider-wrapper .slider-nav {
            right: 1rem;
            bottom: -3rem;
        }

        .double-column .double-column-img {
            height: 100%;
            margin: auto;
            width: 100%;
            min-height: 400px;
            max-height: 800px;
        }

        .double-column .double-column-text .button.flex {
            display: inline-flex;
        }

        .double-column .double-column-icon {
            color: #D3BDB0;
            font-size: 14rem;
            position: absolute;
            top: 0;
        }

        .double-column .slider-wrapper {
            max-height: 800px;
            margin: 0 auto;
            margin-right: 4rem;
        }
        
        .double-column .slider-wrapper > .slider {
            width: 100%;
            height: 100%;
        }
        
        .double-column .slider-wrapper > .slider .slide {
            padding: 0;
        }

    /* Elements & Parts > Double column reverse */ 

        .double-column-reverse > div {
            flex-direction: row-reverse;
        }

        .double-column-reverse .double-column-icon {
            right: 12rem;
        }

    /* Elements & Parts > Slogan */

        .slogan {
            padding-top: 3rem;
        }

        .slogan > div {
            position: relative;
        }

        .slogan > div:before {
            content: "";
            position: absolute;
            background-color: #FAF6F4;
            bottom: 0;
            height: 0%;
            width: 100%;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -ms-transition: .3s ease;
            -o-transition: .3s ease;
        }

        .slogan.scrollified > div:before {
            height: 100%;
        }

        .slogan > div > div {
            transform: translateY(-3rem);
            -webkit-transform: translateY(-3rem);
            -moz-transform: translateY(-3rem);
            -ms-transform: translateY(-3rem);
            -o-transform: translateY(-3rem);
        }

        .slogan-txt,
        .slogan .slogan-text,
        .testimony .testimony-content {
            font-family: 'TimesNow-SemiLightIT';
            font-size: 1.66rem;
            font-style: italic;
        }

        .slogan .bg-img {
            width: 15vw;
            height: 15vw;
            max-width: 400px;
            max-height: 400px;
            min-width: 200px;
            min-height: 200px;
            margin: auto;
        }

        .slogan .subtitle {

            display: flex;
            justify-content: center;

            margin-left: auto;
            margin-right: auto;
            margin-top: 4rem;

        }

        .slogan .link {

            color: #FC7442;

        }

    /* Elements & Parts > Contact */

        .double-column.contact > div > div:first-child {
            position: relative;
        }

        .double-column.contact .icon-cabosse {
            font-size: 4rem;
            margin: inherit;
            color: #97694B;
            transform: translateY(-1rem);
            -webkit-transform: translateY(-1rem);
            -moz-transform: translateY(-1rem);
            -ms-transform: translateY(-1rem);
            -o-transform: translateY(-1rem);
            display: block;
       }

       .double-column.contact .txt-upper {
            max-width: 200px;       
       }

       .double-column.contact .txt-upper + .contact-location {
            padding-top: 1rem;
       }

       .double-column.contact .contact-details,
        .contact.double-column.scrollified .column-with-line:after, 
        .contact.double-column-reverse.scrollified .column-with-line:after {
            width: 100%;
        }

        .contact .double-column-icon {
            font-size: 4rem;
            position: relative;
            right: 0;
            top: 0;
        }

        .contact .link-icon {
            color: #FFA887;
            margin-right: .5rem;
            font-size: 1.5rem;
            padding-top: .2rem;
        }

        .contact .link-icon.icon-phone {
            transform: translateX(.2rem);
            -webkit-transform: translateX(.2rem);
            -moz-transform: translateX(.2rem);
            -ms-transform: translateX(.2rem);
            -o-transform: translateX(.2rem);
        }

        .contact .column-with-line:after {
            left: 0;
            right: unset;
            width: 70%;
        }

        .contact-details > div > div {
            margin-top: 3rem;
        }

        .contact-days-open {
            width: 10rem;
        }

        .contact-hours-open {
            min-width: 100px;
        }

        .contact-informations > div {
            transform: translateX(-2rem);
            -webkit-transform: translateX(-2rem);
            -moz-transform: translateX(-2rem);
            -ms-transform: translateX(-2rem);
            -o-transform: translateX(-2rem);
        }
        
        .contact-informations > div:first-child {
            margin-bottom: 1rem;
        }

        .contact-form .form-contact-row > div {
            justify-content: flex-end;
            padding-right: 3rem;
        }
        
        .contact-form a:not(:hover) {
            color: #FFA887;
        }

        .contact-form {
            height: 100%;
            display: flex;
            flex-direction: column;
            margin: auto;
            max-width: 600px;
        }

        .contact-form > div:not(:last-child) {
            margin-bottom: 2rem;
        }

        .contact-form .contact-tel-text {
            padding-bottom: .3rem;
        }

        .contact-form > div:first-child > .contact-form-checkbox:nth-child(n+3) {

            margin-top: 1rem;

        }

    /* Elements & Parts > Form */

        /* Input text */

        .input {
            position: relative;
            border-bottom: 1px solid #FFA887;
            overflow: hidden;
            transition: all ease .3s;
        }

        .input:before,
        .input:after {
            content: "";
            height: 20px;
            width: 1px;
            position: absolute;
            bottom: 0;
            background-color: #FFA887;
        }

        .input:before {
            left: 0;
        }

        .input:after {
            right: 0;
        }

        .input > input {
            width: 100%;
            background: transparent;
            border: none;
            color: black;
            padding: 1rem;
            position: relative;
            z-index: 2;
        }

        body > footer .input > input {
            color: white;
        }

        .input > input:focus,
        .input > input:active {
            outline: none;
        }

        .input.focus:before,
        .input.focus:after,
        .input:hover:before,
        .input:hover:after {
            background-color: #FC7442;
        }

        .input.focus,
        .input:hover {
            border-bottom: 1px solid #FC7442;
        }

        .input > div {
            position: absolute;
            top: 0;
            left: -1px;
            width: calc(100% + 2px);
            height: 100%;
            background-color: #FC7442;
            transition: .3s ease;
            z-index: 0;
            transform: translateY(100%);
        }

        .input.focus > div {
            transform: translateY(0);
        }

        
        /* Input check */

        .shop-products-filter {
            display: flex;
            flex-direction: column;
        }
        
        .input-checkbox,
        .as-input-checkbox {
            display: inline-flex;
            /* align-self: flex-start; */
            /*overflow: hidden;*/
            justify-content: flex-start;
            align-items: center;
            cursor: pointer;
            position: relative;
            transition: all ease .3s;
        }

        .input-checkbox > label,
        .as-input-checkbox > label {
            transition: all ease .3s;
        }
        
        .shop-products-filter .input-checkbox:hover > label {
            transform: translateX(.5rem);
            color: #FC7442;
        }

        .input-checkbox > .input-checkbox-circle-button,
        .as-input-checkbox > .input-checkbox-circle-button {
            display: inline-flex;
            min-width: 30px;
            min-height: 30px;
            border: 1px solid #FFA887;
            margin-right: 2rem;
            overflow: hidden;
            position: relative;
            justify-content: center;
            align-self: flex-start;
        }

        .input-checkbox:hover > .input-checkbox-circle-button,
        .as-input-checkbox:hover > .input-checkbox-circle-button,
        .input-checkbox.active > .input-checkbox-circle-button,
        .as-input-checkbox.active > .input-checkbox-circle-button {
            border: 1px solid #FC7442;
        }

        .input-checkbox > .input-checkbox-circle-button,
        .as-input-checkbox > .input-checkbox-circle-button,
        .input-checkbox > .input-checkbox-circle-button:after,
        .as-input-checkbox > .input-checkbox-circle-button:after {
            transition: .3s ease;
            border-radius: 50%;
        }

        .input-checkbox > .input-checkbox-circle-button:after,
        .as-input-checkbox > .input-checkbox-circle-button:after {
            content: "";
            position: absolute;
            left: -1px;
            top: -1px;
            width: calc(100% + 2px); 
            height: calc(100% + 2px);
            background-color: #FC7442;
            transform: translateY(100%);
            /*transform: scale(0);*/
        }

        .input-checkbox.active > .input-checkbox-circle-button:after,
        .as-input-checkbox.active > .input-checkbox-circle-button:after {
            transform: translateY(0%);
            /*transform: scale(0.5);*/
        }

        .input-checkbox > input,
        .as-input-checkbox > input {
            cursor: pointer;
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            bottom: 0;
            right: 0;
        }

        /* text area */

        .textarea > textarea {
            transition: all ease .3s;
            width: 100%;
            height: 10rem;
            padding: 1rem;
        }

        .textarea:hover > textarea {
            border-color: #FC7442 !important;
        }

        .textarea.focus > textarea {
        	background-color: #FC7442;
        }

        textarea:focus {
        	outline: none;
        }
        
    /* Elements & Parts > Accordeon */

        .accordeon .accordeon-title {
            align-items: center;
            justify-content: center;
        }

        .accordeon .accordeon-title h3 {
            margin-bottom: 0;
        }

        .accordeon .more-button {
            margin-left: 1rem;
            margin-right: 0;
        }

        .accordeon.active .more-button:after {
            height: 0;
        }

        .accordeon .accordeon-content {
            border-top: 1px solid #FFA887;
            margin: auto;
            margin-top: 2rem;
            padding-top: 2rem;
            display: none;
            width: fit-content;
        }

        .accordeon.active .accordeon-content {
            display: block;
        }

        .woocommerce-cart .more-button:before, 
        .woocommerce-checkout .more-button:before {
            left: 50% !important;
        }

    /* Elements & Parts > Popup */

    .popup {
        position: fixed;
        left: 0;
        width: calc(100% - 2rem);
        max-width: 450px;
        left: 1rem;
        padding-bottom: 1rem;
        transition: bottom ease .3s;
        z-index: 10000;
        opacity: 0;
        display: none;
        pointer-events: none;
        transition: opacity ease .5s;
    }

    .loaded-popup {
        opacity: 1;
    }

    body:not(.cookies-active) .popup {
        bottom: 1rem !important;
    }

    .no-overflow-f .popup {
        display: none;
    }

    .popup-content {
        background-color: #2C2F32;
        padding: 2rem 2.5rem;
        font-size: .8rem;
    }

    .popup-content p {
        color: #fff;
        margin-top: 1rem;
    }

    .popup .cross {
        margin: 0;
    }

    .popup-container {
        padding-top: 0;
        height: 0;
        transition: all ease .3s;
        transform: translateX(-200%);
        /* position: absolute; */
    }
    
    .popup-container.active {
        height: 100%;
        transform: translateX(0);
        padding-top: 1rem;
        /* position: relative; */
    }

    .popup-title {
        color: #FFA887;
    }
        

    /***** notification popup *****/
    	body > header {
			height: unset !important;
		}
		
		.notification {
			width: 100%;
			height: 100%;
			margin: 2rem 0;
			padding: 0 2rem;
            transform: translateX(-100%);
            height: 0;
            transition: transform .5s ease;
		}

        .notification.active {
            transform: translateX(0);
            height: auto;

        }

		.notification-container {
			background-color: #2C2F32;
			padding: 4.5rem 2rem 2rem 2rem;
		}

		.notification-content {
			font-size: .8rem;
		}

		.notification-content {
			display: none;
			margin-top: 1rem;
			color: #fff;
		}

		.notification-wrapper.active .notification-content {
			display: block;
		}

		.notification-container > .notification-wrapper:not(:last-child) {
			margin-bottom: 2rem;
		}

		.notification-title {
			margin: 0;
			padding-bottom: 1rem;
			color: #FFA887;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.notification-title:after {
			position: absolute;
			content: "";
			width: 100%;
			height: 1px;
			background-color: #FFA887;
			bottom: 0;
			left: 0;
		}

		.notification-helper {
			width: 2rem;
			height: 2rem;
			display: block;
			position: relative;
			/* border: 1px solid #FFA887; */
			border-radius: 50%;
		}

		.notification-container > .cross {
            /* transform: translate(1rem, -1rem); */
            top: 1rem;
            right: 0;
        }

		
		.notification-helper:before,
		.notification-helper:after {
			position: absolute;
			content: "";
			width: calc(100% - 1rem);
			height: 1px;
			background-color: #FFA887;
			top: 50%;
			left: 50%;
		}

		.notification-helper:before {
			transform: translateX(-50%);
		}

		.notification-helper:after {
			transform: translateX(-50%) rotate(90deg);
		}

		.notification-wrapper.active .notification-helper:after {
			transform: translateX(-50%) rotate(0);
		}

		.notification-title:hover {
			color: #FC7442;
		}
		
		.notification-title:hover:after,
		.notification-title:hover .notification-helper:before,
		.notification-title:hover .notification-helper:after {
			background-color: #FC7442;
		}

		.notification-title:hover .notification-helper {
			border-color: #FC7442;
		}

		.notification-title,
		.notification-title:after,
		.notification-helper,
		.notification-helper:before,
		.notification-helper:after {
			transition: .3s ease;
		}
    /***** notification popup *****/

    /* Elements & Parts > Ritournelle */

    .ritournelle .ritournelle-container {

        display: flex;
        flex-direction: column;
        align-items: center;

        font-size: 1rem;

        padding: 4rem 1rem;

    }

    .ritournelle .subtitle {

        color: white;
        text-transform: uppercase;
        text-align: left;

    }

    .ritournelle .subtitle > span:first-of-type {

        display: flex;

        flex-direction: column;

    }

    .ritournelle .subtitle > span:last-of-type {

        font-size: 2.9rem;

    }

    .ritournelle .subtitle > span:first-of-type span {

        padding-left: 1rem;

    }

    /* Elements & Parts > Text highlight */

    .txt-highlight .subtitle {

        margin: auto;
        max-width: unset;
        width: fit-content;

    }

    .txt-highlight .button {

        margin: auto;

    }

    /*************************************************************************/
    /* 5.3) Pages
    /*************************************************************************/

    /* Pages > Sur mesure */

        .steps .subtitle,
        .sur-mesure-steps .subtitle {
            max-width: none;
            text-align: center;
        }

        .steps > div,
        .sur-mesure-steps > div {
            margin: auto;
        }

        .steps p,
        .sur-mesure-steps p {
            margin-left: auto;
            margin-right: auto;
        }

        .steps--icon,
        .sur-mesure-steps .sur-mesure-steps-icon {
            font-size: 4rem;
            color: #97694B;
        }

        .steps .steps--icon.icon-vanilla
        .sur-mesure-steps .sur-mesure-steps-icon.icon-vanille {
            font-size: 6rem;
            margin-bottom: -2.3rem;
        }

        .steps--grid,
        .sur-mesure-steps-grid {
            margin-left: auto;
            margin-right: auto;
        }

        .steps .button,
        .sur-mesure-steps .button {

            margin-left: auto;
            margin-right: auto;
    
        }

    /* Pages > History */

        .history-intro .subtitle {
            max-width: none;
            text-align: center;
        }

    /* Pages > Home > Slider */

        .home-slider-products.scrollified .slider-nav {
            width: 100%;
            left: 50%;
            top: 30%;
            transform: translate(-50%, -50%);
            z-index: 100;
        }

        .home-slider-products a {
            margin: auto;
            display: flex;
        }

    /* Pages > Home > News */

        .home-news .news-grid > .news-grid-content:nth-child(3) > div {
            padding-top: 0;
        }

        .home-news .news-grid > .news-grid-content:first-child,
        .home-news .news-grid > .news-grid-content:nth-child(2) {
            margin-top: 4rem;
        }

    /* Pages > News details */

        .main-banner-single-content .news-date {
            color: #FC7442;
        }

        .news-details h2 {
            font-size: 2rem;
            font-weight: 300;
            color: #97694B;
            margin-bottom: 4rem;
        }

        .news-details figure,
        .news-details p {
            margin: 0;
        }
        
        .news-details figure {
            margin: 4rem 0;
        }

        .news-details figure img {
            display: block;
            margin: auto;
            max-width: 500px;
            min-height: 500px;
            width: 50vw;
            min-width: 350px;
            max-height: 700px;
        }

        .news-details .news-details-container {
            max-width: 1000px;
        }

        .news-details .news-details-container > p:not(:last-child) {
            margin-bottom: 2rem;
        }
/*************************************************************************/

/* 6) Responsive

/*************************************************************************/

    /* Comment template: {Media} > {Table of content level 1} > {Table of content level 2} > {Element Groups if needed}

    /*************************************************************************/
    /* 6.1) Small media (481px +)
    /*************************************************************************/

    @media screen and (min-width: 481px) {



        /* Small media+ > General Style */

        /* Small media+ > Layouts */

            /* Small media+ > Layouts > Default */

                /* Small media+ > Layouts > Default > Header */

                body > header .main-banner {
                    padding: 0 2rem;
                    z-index: -2;
                }

                /* Small media+ > Layoust > Default > Main */

                /* Small media+ > Layouts > Default > Footer */

        /* Small media+ > Helpers */

            /* Small media+ > Helpers > Custom */

        /* Small media+ > Content */

            /* Small media+ > Content > Elements & Parts > Discovery */

            .discover-products-button-row {
                flex-direction: row !important;
                align-items: flex-start !important;
                justify-content: center;
            }

            .discover-products-button-row > .discovery-button:not(:last-child) {
                margin-right: 4rem;
            }

            .discover-products > div > .discover-products-button-row > .discovery-button:not(:first-child) {
                margin-top: 0;
            }
            
            /* Small media+ > Content > Elements & Parts */

            .contact-form .form-contact-row {
                justify-content: space-between;
            }

            /* Small media+ > Content > Elements & Parts > Lightbox Product Details */

            .lightbox-product-details-container,
            .lightbox-product-details-crosscells-container {
                width: calc(100% - 4rem);
            }

    }

    @media screen and (min-width: 481px) and (max-width: 720px) {

        .main-banner-single-content-infos,
        .main-banner-blog-single-content-overwiew {
            width: 80%;
        }

        .product-img--with-icon.product-icon-right > span {
            transform: translate3D(25%, 0%, 0);
            -webkit-transform: translate3D(25%, 0%, 0);
            -moz-transform: translate3D(25%, 0%, 0);
            -ms-transform: translate3D(25%, 0%, 0);
            -o-transform: translate3D(25%, 0%, 0);
}

    }

    /*************************************************************************/
    /* 6.2) Medium media (721px +)
    /*************************************************************************/

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


        /* Medium media- > General Style */

        h3 {
        	font-size: 1.5rem !important;
        }

        .cookies-banner-wrapper h2 {
            font-size: 3rem;
        }

        .subtitle > span:first-child {
            font-size: 1.5rem;
        }

        .subtitle > span:nth-child(2), .contact-location {
            font-size: 2.25rem;
        }

        .subtitle > span {
            line-height: 2rem;
        }

        /* Medium media- > Layouts */

            /* Medium media- > Layouts > Default */

                /* Medium media- > Layouts > Default > Header */

                body > header .header-content .logo {
                    width: 12rem;
                    height: 8rem;
                    transform: translate(-50%, 10%);
                }

				.main-slider-content .product-img--with-icon > span {
						transform: translate3D(0%, -20%, 0);
				}

                .main-banner-content {
                    align-items: center;
                    justify-content: center;
                }
                
                .main-banner-blog-single-content-overwiew > div:last-child {
                    justify-content: center;
                }

                .main-banner-content h3,
                .main-banner-content span {
                    text-align: center;
                }

                .main-banner-blog-single-content-overwiew > div:last-child p {
                    visibility: hidden;
                    display: none;
                }

                     body > header .main-slider-content .slide-content {
                        max-height: 500px;
                        flex-direction: column;
                        justify-content: center;
                        max-width: 500px;
                        flex-wrap: nowrap;
                    }           

                    body > header .main-slider-content .slide-content > div {
                        width: 100%;
                    }

                    body > header .main-slider-content .slide-content {
                        max-height: 90%;                    }

                    .main-slider-content .slide-content > div:first-child {
					    min-height: 150px;
					    height: 20vh;
					}

					.main-slider-content .product-img--with-icon > span {
						font-size: 6rem;
					}

                    .main-slider-content .slide-content > div:last-child {
                        padding-bottom: 2rem;
                        padding-top: 4rem;
    					transform: translateY(-3rem);
    					min-height: fit-content;
                    }
        
/*                 header .main-banner-map-container > div:last-child {
                    width: 100%;
                    height: 100%;
                } */

                /* Medium media- > Layosut Default > > Main */

                .bg-img-parallax {
                    background-attachment: inherit;
                }

                /* Medium media- > Layouts > Default > Footer */

                body > footer > div:first-child > div > div:last-child,
                body > footer button {
                    margin-top: 4rem;
                }

                body > footer .address-item {
                    text-align: center;
                    padding-bottom: 2rem;
                    padding-right: 0;
                }

               body > footer .accordeon-content .footer-contact-email-title,
               body > footer .accordeon-content .contact-informations-link {
                display: none;
               }

                body > footer .social-networks-footer-line  {
                    align-items: center;
                }

                body > footer .social-networks-footer-line  > span {
                    text-align: center;
                }

                body > footer .content {
                    padding: 0 2rem;
                }

                body > footer > div:last-child ul {
                    flex-direction: column;
                    text-align: center;
                }

                body > footer > div:last-child ul li:not(:last-child) {
                    padding-bottom : 1rem;
                }

                body > footer .content > div:first-child {
                    align-items: center;
                }

                body > footer .content > div:first-child h2 {
                    text-align: center;
                }

                body > footer .content .only-mobile {
                    display: block;
                    visibility: visible;
                }

                body > footer .content .only-desktop {
                    display: none !important;
                    visibility: hidden;
                }    

                body > footer > div:last-child .paiement {
                    flex-direction: column;
                    width: auto;
                }

                body > footer > div:last-child .paiement span {
                    margin-bottom: 1rem;
                }

                .contact-informations-link {
                    justify-content: center;
                }

                body > footer .footer-contact-email {
                    align-items: center;
                }

                .social-networks > a:not(:first-child) {
                    margin-left: 3rem;
                }



        /* Medium media- > Helpers */

            /* Medium media- > Helpers > Custom */

        /* Medium media- > Content */

            /* Medium media- > Content */

            /* Medium media- > Content > Elements */

            .lightbox {
                padding: 0 !important;
                z-index: 30000 !important;
            }
            
            /* Medium media- > Content > Elements > Lightbox Product Details */

            .lightbox-product-details-container,
            .lightbox-product-details-crosscells-container {
                padding: 2rem;
                padding-top: 6rem;
                padding-bottom: 4rem;
            }

           .lightbox-product-details-content .lightbox-add-cart {
                flex-direction: column;
            }

            .lightbox-product-details .product-allergenes {
                margin-top: 2rem;
            }

            /* Medium media- > Content > Elements > Product season */

            .product-img--with-icon > span {
                font-size: 12rem;
            }

            /* Medium media- > Content > Elements > Video */

            .video-content > div {
                flex-direction: column-reverse;
                align-items: center;
            }

            /* Medium media- > Content > Elements > Full image content */

            .full-image-content > .bg-img {
                padding: 0 2rem;
            }

            .full-image-content > div:first-child > div:first-child, .full-image-content-slider > div > div {
                min-width: 100%;
            }

            .full-image-content .content.spacing-in-large {
                padding: 2rem !important;
            }

            /* Medium media+ > Content > Elements > Sur-mesure */

            .steps h2,
            .sur-mesure-steps h2 {
                padding: 0 2rem;
            }

            .steps--grid
            .sur-mesure-steps-grid {
                margin-top: 2rem !important;
            }

            .steps--grid > .steps--content :nth-child(2),
            .sur-mesure-steps-grid > .sur-mesure-steps-content:nth-child(2) {
                position: relative;
            }

            .steps--grid > .steps--content,
            .sur-mesure-steps-grid > .sur-mesure-steps-content {

                position: relative;

            }

            .steps--grid > .steps--content:not(:last-child):after,
            .sur-mesure-steps-grid > .sur-mesure-steps-content:not(:last-child):after {

                position: absolute;
                content: "";
                width: 30%;
                border: 1px solid #D3BDB0;
                left: 50%;
                transform: translateX(-50%);
                bottom: 0;

            }

            /* Medium media+ > Content > Elements > Contact form */

            .contact-form .form-contact-row {
                flex-direction: column;
            }

            .contact-form button {
                margin-top: 2rem;
            }

            .contact-form .form-contact-row .contact-informations-link {
                justify-content: left;
            }

            /* Medium media+ > Content > Elements > double column */

            .double-column > div {
                padding: 0 2rem;
            }

            .slider-employees {
                width: 270%;
                height: 25rem;
            }
        
            .employees .slider-nav {
                right: 2rem;
            }
        
            .slider-employees:before {
                width: 75%;
            }

    }

    @media screen and (min-width: 721px) {


        /* Medium media+ > General Style */

        /* Medium media+ > Layouts */

            /*  Medium media+ > Layouts > Default */

                /* Medium media+ > Layouts > Default > Header */

                .main-banner-content {
                    align-items: flex-end;
                    justify-content: flex-end;
                }

                .main-banner-blog-single-content-overwiew > div:last-child {
                    justify-content: space-between;
                    align-items: center;
                }

                .main-banner-single-content-infos,
                .main-banner-blog-single-content-overwiew {
                    width: 30%;
                    min-width: 24rem;
                }

                /* .main-banner-map-container > div:last-child,
                .main-banner-map-container > div:last-child > div,
                .main-banner-map-container > div:last-child > img,
                .main-banner-map-container > div:last-child > svg {
                    width: 60%;
                } */
                .main-banner-map-container .blank-wrapper {
                    width: 60%;
                }
        
                /* header .main-banner-map-container > div:first-child {
                    width: 50%;
                    height: 100%;
                } */

                .main-slider-content .slide > .slide-content > div:first-child {
                	padding: 2rem;
                }

                /* Medium media+ > Layosut Default > > Main */

                /* Medium media+ > Layouts > Default > Footer */

                body > footer button {
                    margin-top: auto;
                }

                body > footer > div:first-child > .content > div:first-child {
                    padding-right: 2rem;
                }
        
                body > footer > div:first-child > .content > div:last-child {
                    padding-left: 2rem;
                }

                body > footer .content .only-mobile {
                    display: none;
                    visibility: visible;
                }

                body > footer .content .only-desktop {
                    /* display: block; */
                    visibility: initial;
                }

                body > footer .footer-contact-email {
                    margin-top: 4rem;
                }

        /* Medium media+ > Helpers */

            /* Medium media+ > Helpers > Custom */

        /* Medium media+ > Content */

            /* Medium media+ > Content >  */
            
            /* Medium media+ > Content > Elements > Lightbox Product Details */

            .product-variant {
                flex-direction: row;
                align-items: center;
            }
        
            .product-variant > span {
                width: 10rem;
                min-width: 100px;
                display: block;
            }

            /* Medium media+ > Content > Elements > Discovery */

            .discover-products-button-row > .discovery-button:not(:last-child) {
                margin-right: 8rem;
            }

            /* Medium media+ > Content > Elements */

            .product-season > div {
                flex-direction: row-reverse;
            }

            .product-season:not(.scrollified) > div {
                overflow: hidden;
            }

            /* Medium media+ > Content > Elements > Sur-mesure steps */

            .steps--grid > .steps--content:nth-child(3n + 1),
            .steps--grid > .steps--content:nth-child(3n + 2),
            .sur-mesure-steps-grid > .sur-mesure-steps-content:nth-child(3n + 1),
            .sur-mesure-steps-grid > .sur-mesure-steps-content:nth-child(3n + 2) {

                border-right: 1px solid #D3BDB0;

            }

            body[data-reference-page="histoire"] .steps--grid >.steps--content:nth-child(5) h3 {

                margin-top: 0;

            }

            /* Medium media+ > Elements & Parts > Product content > highlight */

            .product-details-highlight .product-category {
                font-size: 1.2rem;
            }

            .product-details-highlight .price {
                font-size: 2.2rem;
    			letter-spacing: .1rem;
            }

            .product-details-highlight .product-title {
                font-size: 2.2rem;
                max-width: 80%;
            }

            .product-details-highlight .devise {
                font-size: 1.2rem;
                margin-left: 0.5rem;
            }

            /* Medium media+ > Elements & Parts > double column */

            .double-column .double-column-img {
                min-height: 500px;
            }
    }


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

        body > header .header-content .logo {
            transform: translate(-50%, -5%);
        }

        /* Map contact */

        /* header .main-banner-map-container > div:last-child > div,
        header .main-banner-map-container > div:last-child > img,
        header .main-banner-map-container > div:last-child > svg {
            transform: scale(1.8);
            -webkit-transform: scale(1.8);
            -moz-transform: scale(1.8);
            -ms-transform: scale(1.8);
            -o-transform: scale(1.8);
        } */

		/* .main-slider-content .product-img--with-icon > span {
				transform: translate3D(140%, -20%, 0);
		} */

    }

    /*************************************************************************/
    /* 6.3) Large media (993px +)
    /*************************************************************************/

    @media screen and (max-width: 992px) {
        
        /* Large media- > General Style */

        /* Large media- > Layouts */

            /* Large media- > Layouts > Default */

                /* Large media- > Layouts > Default > Header */

                    /* Large media- > Layouts > Default > Header > header-content */

                    body > header .header-content {
                        height: calc(100vh - 10.5vh);
                        max-height: 600px;
                        min-height: 600px;

                        padding-bottom: 4rem;

                    }

                    body > header .main-banner {

                        transform: translateY(4rem);

                    }

                    .main-slider-content > div {
                        width: 100%;
                    }

                    body > header .slider-nav {
                        right: 2rem;
                    }

                    header .main-banner-map-container {
                        flex-direction: column;
                    }

                    body > header .slider-nav {
                        bottom: -2rem;
                    }

                    body > header .header-content > .cocoa-bean:before {
						border-left: 2.5rem solid transparent;
						border-right: 2.5rem solid transparent;
						border-top: 3.5rem solid #FFA887;
					}

                    body > header .header-content > .cocoa-bean:after {
						border-left: 2.5rem solid transparent;
						border-right: 2.5rem solid transparent;
						border-bottom: 3.5rem solid #FFA887;
					}

                    header .main-banner-map-container > div:first-child {

                        width: 100%;
                        height: 100%;
                    
                        z-index: 10;

                    }

                /* Large media- > Layoust >Default >  Main */

                	.discover-products {
                		display: none;
                	}

                	.home-slider-products + .discover-products {
                		display: block;
                	}

                /* Large media- > Layouts > Default > Footer */

                body > footer {
                    flex-direction: column;
                }

                body > footer nav {
                    flex-direction: column-reverse;
                }

                body > footer nav > div:first-child {
                    display: flex;
                    justify-content: center;
                }

                body > footer nav > div:last-child {
                    display: none;
                    visibility: hidden;
                }

                body > footer .logo {
                    margin: auto auto 1.5rem auto;
                }

                .social-networks {
                    margin-top: 2rem;
                }

        /* Large media- > Helpers */

                .only-mobile {
                    display: block;
                    visibility: visible;
                }

                .only-desktop {
                    display: none;
                    visibility: hidden;
                }

            /* Large media- > Helpers > Custom */

            /* Large media- > Helpers > News-grid */

            .news-date {
                font-size: 4rem;
            }

            .main-banner-content .news-date {
                padding-top: .7rem;
            }

            .news-grid-content-footer {
                transform: translateY(-2rem);
                -webkit-transform: translateY(-2rem);
                -moz-transform: translateY(-2rem);
                -ms-transform: translateY(-2rem);
                -o-transform: translateY(-2rem);
                margin-bottom: -2rem;
            }

        /* Large media- > Content */

            /* Large media- > Content >  */

            /* Large media- > Content > Elements */

            /* Large media+ > Content > Elements > Preview-cart */

            .lightbox-cart-preview {
                display: none;
            }

            /* Large media+ > Content > Elements > Full image with content */
            
            .full-image-content > div:first-child > div:first-child,
            .full-image-content-slider > div > div > div > div {
                margin: auto;
            }

            .creative-collaboration-form > div > div:first-child {
                width: 100%;
            }

            .full-image-content-slider > div > div {
                margin: 0 auto;
            }

            .testimony .slider-nav {
                right: 2rem;
            }            

            .contact-form > div:first-child > .contact-form-checkbox:not(:first-child) {

                margin-top: 1rem;
    
            }

            .txt-highlight .subtitle {

                padding: 0 1rem;
                text-align: center;

            }

    }

    @media screen and (min-width: 993px) {

        /*body > header .main-menu .container-menu-icones,
        body > header .main-menu .menu-languages,
        body > header .main-menu .container-menu-icones .icon-profil,
        body > header .main-menu .container-menu-icones .cart-button,
        body > header .cart-button-fixed,
        body > header .main-menu .container-menu-icones .icon-search {
            margin: 0 3.5vw;
        }*/

        /* Large media+ > General Style */

        html {
            font-size: 16px;
        }

        /* Large media+ > hover */

            body > header .header-content > .cocoa-bean:hover:before,
            body > header .header-content > .cocoa-bean:hover:after {
                border-bottom-color: #FC7442;
                border-top-color: #FC7442;
            }

            /* Large media+ > hover > button */

            button:hover,
            .button:hover,
            button.active,
            .button:not(.lift).active 
            .woocommerce a.button:hover,
            .woocommerce button:hover,
            .cta-button:hover,
            button.cta-button:hover, 
            .button.cta-button:hover, 
            .woocommerce a.butto.cta-button:hover, 
            .woocommerce button.button.cta-button:hover,
            .main-banner-content:hover button,
            .main-banner-content:hover .button {
                background-color: #FC7442 !important;
                color: white !important;
                border-color: #FC7442 !important;
            }

            .button:hover .cross:before,
            .button:hover .cross:after,
            button:hover .cross:before,
            button:hover .cross:after {
                background-color: white;
            }
            
            .discovery-button:hover .button {
                background-color: #FC7442 !important;
                color: white !important;
                border-color: #FC7442 !important;
            }

            .discovery-button:hover .discover-category-title {
                color: #FC7442;
            }

            /* Large media+ > hover > button > cross */

            .cross[data-action="close"]:hover {
                border-color: #FC7442;
                background-color: #FC7442;
            }

            .cross[data-action="close"]:hover:before,
            .cross[data-action="close"]:hover:after {
                background-color: #fff;
            }

            .cross[data-action="close"]:hover:before {
                transform: translateY(-50%) rotate(135deg);
                -webkit-transform: translateY(-50%) rotate(135deg);
                -moz-transform: translateY(-50%) rotate(135deg);
                -ms-transform: translateY(-50%) rotate(135deg);
                -o-transform: translateY(-50%) rotate(135deg);
            }

            .cross[data-action="close"]:hover:after {
                transform: translateX(-50%) rotate(135deg);
                -webkit-transform: translateX(-50%) rotate(135deg);
                -moz-transform: translateX(-50%) rotate(135deg);
                -ms-transform: translateX(-50%) rotate(135deg);
                -o-transform: translateX(-50%) rotate(135deg);
            }

        /* Large media+ > Layouts */

            /* Large media+> Layouts > Default */

                /* Large media+ > Layouts > Default > Header */

                    /* Large media+ > Layouts > Default > Header > Menu */

                

                    /* Large media+ > Layouts > Default > Header > Header-content */

                    body > header .header-content {
                        position: relative;	
                        padding-top: calc(12rem + 4rem);
                        height: calc(83vh + 4rem);
                    }

                    .main-slider-content .slide > .slide-content > div:first-child {
                        width: calc(50% + 4rem);
                        padding: 2rem;
                    }

                    .main-slider-content .slide > .slide-content > div:last-child {
                        width: calc(50% - 4rem);
                    }

                    body > header .main-slider-content .slide-content {
                        max-width: 1000px;
                        max-height: 400px;
                    }
                    
                    .main-slider-content > div {
                        width: calc(100% - 8rem);
                    }

                    body > header .slider-nav {
                        transform: translateY(0);
                    }

                /* Large media+ > Layoust >Default >  Main */

                /* Large media+ > Layouts > Default > Footer */

                    body > footer .menu-languages {
			        	position: absolute;
					    top: 0;
					    left: 0;
					}

                .social-networks-footer-line {
                    align-items: center;
                }

        /* Large media+ > Helpers */

            .only-mobile {
                display: none;
                visibility: hidden;
            }

            .only-desktop {
                display: block;
                visibility: visible;
            }

            /* Large media+ > Helpers > Custom */

        /* Large media+ > Content */

            /* Large media+ > Content >  */

            .slider-products {
                margin-left: -33%;
            }

            .home-slider-products > div {
                overflow: hidden;
            }

            .home-slider-products.scrollified .slider-nav {
                left: 83.33%;
                width: calc(100% / 3 + 4rem);
            }

            .steps--content > a:hover .steps--icon,
            .steps--content > a:hover h3 {

                color: #FC7442 !important;

            }

            .steps--content > a .steps--icon,
            .steps--content > a h3 {

                transition: .3s ease;

            }

            /* Large media+ > Content > Elements > Full image with content */

            .full-image-content > div:first-child > div:first-child,
            .full-image-content-slider > div > div {
                margin-left: auto;
                margin-right: 8rem;
            }

            .testimony .slider-nav {
                right: -3rem;
            }

            /* Large media+ > Content > Elements > Highligth */

            .highlight--container {

                padding-bottom: 12rem;

            }

            .highlight--text {

                position: absolute;

                bottom: 0;
                left: 50%;
                
                transform: translateX(-50%);

            }

    }

    @media screen and (min-width: 993px) and (max-width: 1250px) {

        /* body > header .main-menu-container > div:last-child span {
            font-size: 1.5rem;
        }

        body > header .main-menu-container > div:last-child {
            flex-direction: column-reverse;
        }   

        body > header .menu-languages {
            flex-direction: row;
            width: 100%;
            justify-content: space-evenly;
            margin-bottom: 1rem;
        } */

    }

    /*************************************************************************/
    /* 6.4) Huge media (1251px +)
    /*************************************************************************/

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

        /* Huge media- > General Style */

        /* Huge media- > Layouts */

            /* Huge media- > Layouts > Default */

                /* Huge media- > Layouts > Default > Header */

                /* Huge media- > Layouts > Default > Main */

                /* Huge media- > Layouts > Default > Footer */

                body > footer > div:last-child {
                    flex-direction: column;
                }

                body > footer > div:last-child ul {
                    margin-top: 4rem;
                    width: 100%;
                }

        /* Huge media- > Helpers */

            /* Huge media- > Helpers > Custom */

        /* Huge media- > Content */

            /* Huge media- > Content > Lightbox */

            .lightbox-product-details-content > div:last-child > div:last-child {
                margin-top: 2rem;
            }

            .lightbox-product-price {
                margin-top: 3rem;
                padding-top: 1rem;
            }

            /* Huge media- > Content > Elements */

            .tooltip {
                font-size: .6rem;;
            }

            .product-season .subtitle,
            .product-item .product-title,
            .product-season-content .product-title, 
            .video-content .subtitle {
                text-align: center;
            }

            /* Large media- > Content > Elements > Product season */

            .product-season .product-season-content:after {
                top: inherit;
                bottom: 0;
                height: 70%;
            }

            .product-season > div {
                flex-direction: column-reverse;
                align-items: center;
            }

            .product-season .bg-img {
                width: 100%;
                height: 30vw;
                max-width: 400px;
                min-height: 400px;
                min-width: 200px;
                max-height: 400px;
            }

            .product-season .product-season-content {
                width: 100%;
                margin-top: 2rem;
            }

            .product-season .product-season-buttons {
                align-items: flex-end;
            }

           .product-season .product-season-content {
                flex-direction: column;
                align-items: center;
                padding-bottom: 4rem;
            }
    
            .product-season .product-season-info {
                flex-direction: column;
                position: relative;
                align-items: center;
            }
    
            .product-season .product-season-content {
                height: auto;
            }
    
            .product-season .product-season-title {
                display: flex;
                align-items: center;
            }

            .product-season .product-season-icon {
                display: none;
                visibility: hidden;
            }

            .product-img-icon {
                display: none;
                visibility: hidden;
            }

            /* Large media- > Content > Elements > Video content */

            .video-content > div {
                flex-direction: column-reverse;
            }

            .video-content > div > div:last-child {
                display: flex;
                justify-content: center;
                padding-bottom: 8rem;
            }

            .video-content .video {
                margin: auto;
            }

            /* Large media- > Content > Elements > Double column */

            .double-column > div {
                flex-direction: column-reverse;
                align-items: center;
            }

            .double-column > div > div:last-child {
                width: 100%;
            }

            .double-column .double-column-icon {
                display: none;
                visibility: hidden;
            }

            .double-column:not(.creative-collaboration-form) .subtitle,
            .double-column .contact-details {
                margin-top: 3rem;
            }

            .double-column-text {
                width: 100%;
            }

            .double-column-text > div {
                margin: auto;
            }

            /* Huge media- > Content > Elements > News grid */

            .home-news .news-grid > .news-grid-content:nth-child(3) {
                order: 1;
                align-items: center;
                justify-content: center;
            }
            
            .home-news .news-grid > .news-grid-content:first-child {
                order: 2;
            }
            
            .home-news .news-grid > .news-grid-content:nth-child(2) {
                order: 3;
            }

            .news-grid .news-grid-infos {
                width: 100%;
                flex-direction: column-reverse;
            }

            .news-grid .news-grid-infos > div {
                flex-direction: column-reverse;
            }

            .news-blog .bg-img {
                margin: auto;
            }

            .news-grid-content:not(:last-child) {
                max-width: 600px;
            }

            .news-blog .news-grid-content {
                max-width: 600px;
            }

            .news-grid-content {
                align-self: center;
            }

            /* Large media+ > Content > Elements > Creative collaboration */

            .creative-collaboration-form > div {
                flex-direction: column;
            }

            .creative-collaboration-form > div > div:first-child {
                padding: 0;
                margin-bottom: 4rem;
                width: 100%;
                max-width: 600px;
            }

            /* Contact */

            .double-column.contact .double-column-text {
                padding-left: 2rem;
            }

            .contact-details {
                display: flex;
                justify-content: center;
            }

            .double-column.contact .icon-cabosse {
                display: none;
            }

    }
    

    @media screen and (min-width: 1251px) {

        /* Huge media+ > General Style */

        .subtitle {
            max-width: 400px;
        }

        /* Huge media+ > Layouts */

            /* Huge media+ > Layouts > Default */

                /* Huge media+ > Layouts > Default > Header */

                /* body > header .main-menu-container > div:last-child {
                    justify-content: space-around;
                    align-items: center;
                } */

	            body > header .main-slider-content .slide-content {
                    max-width: 1000px;
                    max-height: 500px;
                }

                /* Huge media+ > Layouts > Default > Main */

                /* Huge media+ > Layouts > Default > Footer */

                body > footer > div:last-child ul {
                    width: 50%;
                }

        /* Huge media+ > Helpers */

            /* Huge media+ > Helpers > Custom */

        /* Huge media+ > Content */

            /* Huge media+ > Content >  */

            /* Large media+ > Content > Elements */

            .discover-products > div {
                flex-direction: row;
                justify-content: center;
            }

            .discover-products .discover-products-button-row:first-child {
                margin-right: 8rem;
            }

            .discover-products > div > .discover-products-button-row:not(:first-child) {
                margin-top: 0;
            }

            /* Huge media+ > Content > Lightbox Product Details */

            .lightbox-product-details-container {
                padding-right: 6rem;
            }
        
            .lightbox-product-details-container,
            .lightbox-product-details-content > div:first-child > div:last-child,
            .lightbox-product-details-content > div:nth-child(2) > div:last-child  {
                padding-left: 6rem;
            }
        
            .lightbox-product-details-content > div:nth-child(2) > div:last-child {
                display: flex;
                visibility: visible;
                justify-content: space-between;
                flex-direction: column;
            }
        
            .lightbox-product-details-content > div:first-child > div:last-child .lightbox-add-cart {
                display: none;
                visibility: hidden;
            }
        
            .lightbox-product-details-content > div:last-child {
                margin-top: 12rem;
            }
        
            .lightbox-product-details-content > div:last-child:before {
                top: -6rem;
            }
        
            .lightbox-product-price {
                margin-top: 4rem;
            }
        
            .lightbox-product-variant > div:not(:first-child) {
                margin-top: .5rem;
            }
            
            .lightbox-product-price:before {
                top: -2rem;
            }

            .product-variant > div {
                margin-left: 3rem;
                width: 20rem;
                min-width: 200px;
            }

            /* Huge media+ > Content >  > Product season */

            .product-season {
                padding-top: 14rem;
            }

            .product-season .product-price-content:after {
                left: 0;
            }

            .video-content {
                padding-top: 4rem;
            }
            
            /* Huge media+ > Content > Elements > Product season */

            .product-season > div > div:first-child {
                width: 70%;
            }

            .product-season > div > div:last-child {
                width: 20%;
            }

            .product-season.scrollified .product-img {
                transform: translateY(-4rem);
            }

            .product-season .product-season-content {
                padding: 0 4rem;
            }

            .product-season .product-season-buttons {
                align-items: flex-end;
            }

            .product-season .product-img {
                position: relative;
                margin-right: 5rem;
            }

            .product-season .product-season-icon {
                position: absolute;
                top: -2rem;
                font-size: 8rem;
                right: -5rem;
                color: #D3BDB0;
                z-index: -1;
            }

            /* Huge media+ > Content > Elements > Video content */

            .video-content > div > div:first-child  {
                width: 70%;
                display: flex;
                justify-content: center;
            }

            .video-content > div > div:last-child  {
                width: 20%;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            .video-content .subtitle {
                padding-left: 4rem;
            }

            /* Huge media+- > Content > Elements > Double column */

            .double-column:not(.creative-collaboration-form) > div > div:last-child:not(.slider-wrapper) {
                margin-right: auto;
            }

            .double-column:not(.contact):not(.creative-collaboration-form) > div > div:first-child {
                padding-top: 20rem;
            }

            .double-column > div > div:first-child {
                position: relative;
                width: 50%;
            }
/* 
            .double-column:not(.double-column-reverse):not(.creative-collaboration-form) > div > div:first-child {
                padding-left: 12rem;
            }

            .double-column-reverse:not(.creative-collaboration-form) > div > div:first-child {
                padding-right: 12rem;
            } */

            .double-column:not(.double-column-reverse):not(.creative-collaboration-form) > div > div:first-child {
                padding-left: 8vw;
            }

            .double-column-reverse:not(.creative-collaboration-form) > div > div:first-child {
                padding-right: 8vw;
            }

            .double-column .column-with-line,
            .double-column-reverse .column-with-line {
                position: relative;
            }
        
            .double-column.scrollified .column-with-line:after,
            .double-column-reverse.scrollified .column-with-line:after {
                position: absolute;
                content: "";
                height: 1px;
                width: 40%;
                background-color: #D3BDB0;
                right: 0;
                bottom: 0;
            }

            .home .double-column.scrollified .column-with-line:after,
            .home .double-column-reverse.scrollified .column-with-line:after {
                bottom: 4rem;
            }

            .double-column-text {
                padding: 0 8rem;
            }

            .double-column > div > div:first-child > div {
                max-width: 600px;
            }

            .double-column .double-column-img {
                height: 70vh;
                min-height: 600px;
            }

            .double-column .double-column-icon {
                font-size: 18rem;
                margin-left: -8rem;
            }

            .double-column-reverse .double-column-icon {
                margin-right: -10rem;
            }

            /* Huge media+- > Content > Elements > News grid */

            .home-news .news-grid > div:first-child {
                transform: translateY(-8rem);
                -webkit-transform: translateY(-8rem);
                -moz-transform: translateY(-8rem);
                -ms-transform: translateY(-8rem);
                -o-transform: translateY(-8rem);
            }

            .news-grid {
                padding-top: 8rem;
            }

            .news-grid-content .news-grid-infos {
                flex-direction: column;
            }

            .news-grid-content > div {
                padding-top: 0;
                padding-bottom: rem;
            }
            
            .home-news .news-grid > .news-grid-content:nth-child(3) {
                margin: auto;
            }

            .home-news .news-grid > .news-grid-content:nth-child(3) > div {
                margin: auto;
                padding: 0;
            }

            .home-news .news-grid > .news-grid-content:first-child,
            .home-news .news-grid > .news-grid-content:nth-child(2) {
                margin-top: 0;
            }

            .news-blog > .news-grid > div {
                margin-bottom: 4rem;
            }

            .news-blog > .news-grid > div.scrollified:nth-child(3n + 1),
            .news-blog > .news-grid > div.scrollified:nth-child(3n + 3) {
                transform: translateY(-8rem);
            }

            /* .news-blog > .news-grid >  div.scrollify:nth-child(4n + 1) {
                transform: translate(-8rem, 200px);
            }

            .news-blog > .news-grid >  div.scrollified:nth-child(4n + 1) {
                transform: translate(-8rem, -8rem);
            }

            .news-blog > .news-grid >  div.scrollify:nth-child(4n + 1) {
                transform: translate(-8rem, 200px);
            }

            .news-blog > .news-grid >  div.scrollified:nth-child(4n + 1) {
                transform: translate(-8rem, -8rem);
            }

            .news-blog > .news-grid > div:nth-child(n + 3) {
                margin-top: 8rem;
            }

            .news-blog > .news-grid >  div.scrollify:nth-child(4n) {
                transform: translateX(8rem) translateY(200px);
            }

            .news-blog > .news-grid >  div.scrollified:nth-child(4n) {
                transform: translateX(8rem);
            } */
    }

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

        /* Huge media+ > General Style */

        /* Huge media+ > Layouts */

            /* Huge media+ > Layouts > Default */

                /* Huge media+ > Layouts > Default > Header */

                /* Huge media+ > Layouts > Default > Main */

                /* Huge media+ > Layouts > Default > Footer */

        /* Huge media+ > Helpers */

            /* Huge media+ > Helpers > Custom */

        /* Huge media+ > Content */

            /* Huge media+ > Content >  */

            /* Huge media+ > Content > Elements */

            /* Huge media- > Content > Elements > Video */

/*             .video-content > div:first-child {
                flex-direction: column-reverse;
                align-items: center;
                padding-top: 6rem;
            }

            .video-content .subtitle {
                margin-bottom: 4rem;
            }

            .video-content > div:first-child > div:first-child,
            .video-content > div:first-child > div:last-child {
                width: 100%;
            }

            .video-content > div:first-child > div:last-child {
                justify-content: center;
            } */
    }

    @media screen and (min-width: 1441px) {

        /* Huge media+ > General Style */

        /* Huge media+ > Layouts */

            /* Huge media+ > Layouts > Default */

                /* Huge media+ > Layouts > Default > Header */

                /* Huge media+ > Layouts > Default > Main */

                /* Huge media+ > Layouts > Default > Footer */

        /* Huge media+ > Helpers */

            /* Huge media+ > Helpers > Custom */

        /* Huge media+ > Content */

            /* Huge media+ > Content >  */

            /* Huge media+ > Content > Elements */
            
            /* Huge media- > Content > Elements > News details */
    }

    /*************************************************************************/
    /* 6.5) Custom
    /* the smaller media first */
    /*************************************************************************/

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




        body > header .main-menu .main-menu-container {
            padding-top: 2rem !important;
        }
        
        /* body > header .main-banner-map-container > div:last-child > div,
        body > header .main-banner-map-container > div:last-child > img,
        body > header .main-banner-map-container > div:last-child > svg {
            transform: scale(1.9);
            -webkit-transform: scale(1.9);
            -moz-transform: scale(1.9);
            -ms-transform: scale(1.9);
            -o-transform: scale(1.9);
        } */

        body > header .main-banner {
            padding: 0 2rem;
        }

        .main-banner-single-content-infos,
        .main-banner-blog-single-content-overwiew {
            width: 20rem;
        }

        .main-slider-content .slide {
		    padding: 2rem !important;
		}

        button,
        .button {
            padding: 0 1rem;
        }

        .paypal-logo, .mastercard-logo, .visa-logo, .postfinance-logo {
            width: 4rem;
            margin: 0 .5rem;
        }

        /* season */

        .product-season .bg-img {
			min-height: 200px !important;
			max-height: 200px !important;
		}

		.product-season .product-season-content .product-img {
			min-height: 250px;
			max-height: 250px;
		}

        /* Form */

        .contact-form .form-contact-row {
            flex-direction: column;
        }

        .creative-collaboration-form > div {
            width: 100%;
        }

        .creative-collaboration-form form > div:first-child {
            flex-direction: column;
        }

        .creative-collaboration-form form > div:first-child > div:last-child {
            margin: 2rem 0 0 0;
        }

        /* Discovery */ 

        .discover-products > div {
            flex-direction: row;
        }

        .discover-products .discover-products-button-row {
            width: 50%;
        }

        .discover-products > div > .discover-products-button-row > .discovery-button:first-child,
        .discover-products > div > .discover-products-button-row:not(:first-child) {
            margin-top: 0;
        }

        /* Sur mesure */

        .steps--grid > .steps--content:nth-child(3n + 1)
        .sur-mesure-steps-grid > .sur-mesure-steps-content:last-child {
            padding-bottom: 0;
        }

        /* Lightbox Product Details */

        .lightbox-product-details-content > div:first-child > div:first-child {
            padding: 1rem;
        }

        .lightbox-add-cart {
            flex-direction: column;
        }
    
        .lightbox-add-cart button {
            max-width: 300px !important;
            margin-top: 1rem !important;
        }

        /* double-column slider */

        .double-column .slider-wrapper,
        .double-column .double-column-img {
            max-height: 400px;
        }

        .contact-days-open {
            width: 5rem;
        }

        /* product slider */

        .slider-products > .slide {
            padding: 3rem;
        }

        /* product season */

        .product-season .product-season-content .product-img {
            width: calc(100% - 2rem);
        }

        .product-img--with-icon.product-icon-right > span {
            transform: translate3D(0%, 0%, 0);
        }

        /* testimony */

        .testimony-icon {
            font-size: 2rem !important;
        }

        .full-image-content > div:first-child > div:first-child, .full-image-content-slider > div > div {
            min-height: 500px;
        }

        .full-image-content-slider {
            height: calc(60vh + 24rem);
        }

    }


    @media screen and (min-width: 721px) and (max-width: 1250px) {

    

        /* Lightbox Product Details */
        .product-variant > div {
            margin: 0 0 0 4rem;
        }

        .double-column > div {
            padding: 0 4rem;
        } 

        .product-img--with-icon.product-icon-right > span {
            transform: translate3D(50%, -10%, 0);
        }

        .slider-employees {
            width: 158%;
            height: 40rem;
        }
    
        .slider-employees:before {
            width: 50%;
        }

    }

    @media screen and (max-height: 750px) {

        /* header .main-banner-map-container > div:last-child > div,
        header .main-banner-map-container > div:last-child > img,
        header .main-banner-map-container > div:last-child > svg {
            transform: scale(2.2) !important;
        } */

    }

    @media screen and (max-height: 850px) {

        /* header .main-banner-map-container > div:last-child > div,
        header .main-banner-map-container > div:last-child > img,
        header .main-banner-map-container > div:last-child > svg {
            transform: scale(1.2);
        } */

        header .main-banner-blog-single-content-overwiew > div:last-child {
            font-size: .8rem;
        }

        /* body > header .product-details {
            visibility: hidden;
            display: none;
        } */

        /* body > header .slide-content > div:first-child {
            width: 100%;
            height: 100%;
        } */

        .main-slider .product-icon {
            font-size: 6rem;
        }

        .product-season .product-season-content {
            height: auto;
        }

        .slider-testimony .content,
        .slider-testimony .testimony-content {
            font-size: 1.3rem;
        }

    }

     @media screen and (min-width: 993px) and (max-width: 1300px) {

        .slider-products > .slide {
            padding: 1rem;
        }

    }

     @media screen and (min-width: 993px) {
        .popup {
            display: block;
            pointer-events: unset;
        }

        .notification {
            display: none;
            pointer-events: none;
        }
    }

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

     	.lift {
     		right: 1rem;
     		bottom: 1rem;
     	}

 	    body > header .main-menu {
            padding: 0;
        }

        body > header .main-menu .main-menu-container {
            padding: 5rem 0 0 0;
        }        

        body > header .main-menu-trigger {
            width: 3.5rem;
            height: 3.5rem;
            padding: .7rem;
            border: solid 1px #FFA887;
            border-radius: 50%;
        }

        body > header .main-menu .container-menu-icones {
            display: flex;
            align-items: center;
            margin: 0;
            padding: 1.7rem 0;
            justify-content: center;
        }

        .main-menu-container > .logo {
            height: 12vh;
        }

        body > header .main-menu .main-menu-icones :not(.cart-notification) a span {
            font-size: 2.3rem;
        }

        body > header .cart-button-fixed span.icon-cart {
        	transform: translateX(1px) translateY(1px);
        }

        body > header .main-menu .menu-languages {
            display: flex;
            flex-direction: column;
            /* padding-right:3.5vw; */
        }

        body > header .main-menu .menu-languages a,
        body > header .main-menu .menu-languages .active {
            font-size: 1.3rem;
        }

        body > header .main-menu .main-menu-links a {
            font-size: 1.2rem;
        }

        body > header .main-menu-trigger { 
            z-index: 100000;
        }

        .menu-burger, .menu-burger:after, .menu-burger:before {
            background:#FFA887;
            height: 1px;
        }

        body > header .main-menu {
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            height: -webkit-fill-available !important;
            min-height: -webkit-fill-available;
            /*background: rgba(255,255,255,0.5);*/
            z-index: 10000;
            transform: translateX(-100%);
        }

        body > header .cart-button-fixed {
            display: flex;
            position: fixed;
            z-index: 20000;
            transition: transform ease .3s;
        }

        html.menu-active > body > header .cart-button-fixed {
            transform: translateX(calc((1.3rem + 0.3rem) + 100%));
        }

        body > header .icon-cabosse {
            display: none;
            visibility: hidden;
        }

        .menu-active header .main-menu {
            height: 100vh;
        }

        .main-menu-container {
            flex-direction: column;
            align-items: center;
            height: 100%;
            padding: 2rem;
        }

        .main-menu-container > .logo {
            width: 100%;
            height: 6rem;
            background-position: center;
        }

        .main-menu-container .main-menu-links {
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
            align-items: center;
            height: auto;
            margin: 4vh 0;
        }

        .main-menu-container > div:last-child {
            width: 100%;
            border-top: 1px solid #FFA887;
            font-size: 2rem;
        }

        .main-menu-submenu:not(:last-child) {
            margin-bottom: 1.5rem;
        }

        .main-menu-submenu .main-menu-submenu-level-2 {
            margin-left: 1rem;
        }

        .main-menu-submenu .main-menu-submenu-level-2 > li:before {
            display: none;
        }

        body > header > div > nav {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row-reverse;
            padding: 1rem;
            padding-bottom: 0;
        }

        body > header .main-menu .main-menu-login .login-text {
        	display: none;
        }

    }

    @media screen and (min-width: 1351px) {

        body > header .main-menu-trigger {
            display: none;
            visibility: hidden;
        }

	    body > header .main-menu-container > div:last-child span.icon-profil {
            padding: 0 1rem;
        }

        body > header:first-child {
            margin-top: 10vh;
        }

        body > header .menu-languages > *{
            margin: .1rem 0;
        }

        body > header .main-menu-container .menu-languages .active {
            font-size: 1rem;
        }

        body > header .main-menu-submenu:not(:last-child) {
            padding-right: 1rem;
            margin-right: 2rem;
        }

        body > header .main-menu-container > div:last-child {
            width: auto;
            padding: 0;
            display: flex;
            align-items: center;
        }

        body > header .main-menu-container > div:last-child a span {
            transition: .3s ease;
        }

        body > header .main-menu-container > div:last-child a:hover span {
            color: #F2EBE7;
        }

        body > header .main-menu-container > .logo {
            visibility: hidden;
            display: none;
        }

        body > header .main-menu-submenu {
            position: relative;
        }

        body > header .main-menu-submenu-level-2 {
            display: none;
            position: absolute;
            top: 0.5rem;
            left: 0;
            padding: 2rem;
            background-color: #444;
        }

        body > header .main-menu-submenu-level-2 li {
            list-style-type: none;
            display: inline-flex;
            flex-wrap: wrap;
        }

        body > header .main-menu-submenu:hover .main-menu-submenu-level-2 {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
        }

        /* body > header .main-menu-submenu a {
            color: black;
        } */

        body > header .menu-languages {
            flex-direction: column;
            display: flex;
        }

        body > header .icon-cabosse {
            width: 5%;
            cursor: pointer;
            transition: .3s ease;
        }

        body > header .icon-cabosse:hover {
            color: #FC7442;
        }

        body > header .main-menu-links {
            justify-content: center;
        }

        body > header .main-menu {
            /* width: auto; */
            /* position: relative; */
            /* height: 10vh; */
            opacity: 1;
            visibility: visible;
            /* transform: none; */
            /* background-color: transparent; */
        }

        body > header .main-menu > div > ul {
            flex-direction: row;
        }

        body > header .main-menu > div > ul > li:not(:first-child) {
            margin-top: 0;
            margin-left: 1rem;
        }

        body > header .main-menu-links {
            position: absolute;                
        }

        body > header .main-menu {
            -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
            background: rgba(255,255,255,0.5);
        }

        .container-menu-icones .main-menu-icones > a:first-child,
        .container-menu-icones .main-menu-icones {
            margin-right: 1rem;
        }

        body > header .cart-button-fixed {
            display: none !important; /* !important -> provisoire */
            margin: 0;
        }

        body > header .main-menu-container > div:last-child {
            justify-content: space-around;
            align-items: center;
        }
        
    }

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

        .slider-products {
            min-height: 550px;
        }

        .slider-products .product-img {
            min-width: 150px;
            min-height: 150px;
        }

    }

    @media screen and (min-width: 993px) and (max-width: 1300px) {

        /* body > header {
		    max-height: 1000px;
		} */

        /* body > header .header-content {
            max-height: 900px
        } */
        
    }

    @media screen and (min-width: 1201px) and (max-width: 1400px) {

    	body > header .main-menu-links {
    		left: 6rem;
    	}

    }

    @media screen and (min-width: 1251px) and (max-width: 1400px) {

       .double-column-reverse .double-column-icon {
            margin-right: -12rem;
        }
        
        .lightbox-product-details-container {
            padding-right: 8rem;
        }
    
        .lightbox-product-details-container,
        .lightbox-product-details-content > div:first-child > div:last-child,
        .lightbox-product-details-content > div:nth-child(2) > div:last-child  {
            padding-left: 4rem;
        }

        .lightbox-add-cart {
            margin-top: 0;
        }

        .lightbox-add-cart button {
            margin-top: 1rem;
        }

    }

    @media screen and (min-width: 1701px) {

        .double-column .slider-wrapper .slider-nav {
            bottom: 1rem;
            right: -3rem;
        }

        .lightbox-product-details-container {
            padding-right: 10rem;
        }
    
        .lightbox-product-details-container,
        .lightbox-product-details-content > div:first-child > div:last-child,
        .lightbox-product-details-content > div:nth-child(2) > div:last-child  {
            padding-left: 10rem;
        }

    }

    /* Map responsive */
/* 
    @media screen and (min-width: 481px) and (max-width: 510px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.9) !important;
            -webkit-transform: scale(1.9) !important;
            -moz-transform: scale(1.9) !important;
            -ms-transform: scale(1.9) !important;
            -o-transform: scale(1.9) !important;
        }

    }

    @media screen and (min-width: 511px) and (max-width: 560px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.7) !important;
            -webkit-transform: scale(1.7) !important;
            -moz-transform: scale(1.7) !important;
            -ms-transform: scale(1.7) !important;
            -o-transform: scale(1.7) !important;
        }

    }

    @media screen and (min-width: 561px) and (max-width: 590px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.6) !important;
            -webkit-transform: scale(1.6) !important;
            -moz-transform: scale(1.6) !important;
            -ms-transform: scale(1.6) !important;
            -o-transform: scale(1.6) !important;
        }

    }

    @media screen and (min-width: 591px) and (max-width: 620px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.5) !important;
            -webkit-transform: scale(1.5) !important;
            -moz-transform: scale(1.5) !important;
            -ms-transform: scale(1.5) !important;
            -o-transform: scale(1.5) !important;
        }

    }

    @media screen and (min-width: 621px) and (max-width: 665px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.4) !important;
            -webkit-transform: scale(1.4) !important;
            -moz-transform: scale(1.4) !important;
            -ms-transform: scale(1.4) !important;
            -o-transform: scale(1.4) !important;
        }

    }

    @media screen and (min-width: 666px) and (max-width: 710px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.3) !important;
            -webkit-transform: scale(1.3) !important;
            -moz-transform: scale(1.3) !important;
            -ms-transform: scale(1.3) !important;
            -o-transform: scale(1.3) !important;
        }

    }

    @media screen and (min-width: 830px) and (max-width: 880px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.7) !important;
            -webkit-transform: scale(1.7) !important;
            -moz-transform: scale(1.7) !important;
            -ms-transform: scale(1.7) !important;
            -o-transform: scale(1.7) !important;
        }

    }

    @media screen and (min-width: 881px) and (max-width: 930px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.6) !important;
            -webkit-transform: scale(1.6) !important;
            -moz-transform: scale(1.6) !important;
            -ms-transform: scale(1.6) !important;
            -o-transform: scale(1.6) !important;
        }

    }

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

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.5) !important;
            -webkit-transform: scale(1.5) !important;
            -moz-transform: scale(1.5) !important;
            -ms-transform: scale(1.5) !important;
            -o-transform: scale(1.5) !important;
        }

    }

    @media screen and (min-width: 1052px) and (max-width: 1190px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.4) !important;
            -webkit-transform: scale(1.4) !important;
            -moz-transform: scale(1.4) !important;
            -ms-transform: scale(1.4) !important;
            -o-transform: scale(1.4) !important;
        }
        
    }

    @media screen and (min-width: 1191px) and (max-width: 1375px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.2) !important;
            -webkit-transform: scale(1.2) !important;
            -moz-transform: scale(1.2) !important;
            -ms-transform: scale(1.2) !important;
            -o-transform: scale(1.2) !important;
        }
        
    }

    @media screen and (min-width: 1376px) and (max-width: 1495px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.35) !important;
            -webkit-transform: scale(1.35) !important;
            -moz-transform: scale(1.35) !important;
            -ms-transform: scale(1.35) !important;
            -o-transform: scale(1.35) !important;
        }
        
    }

    @media screen and (min-width: 1496px) {

        .main-banner-map-container > div:last-child > div,
        .main-banner-map-container > div:last-child > img,
        .main-banner-map-container > div:last-child > svg {
            transform: scale(1.25) !important;
            -webkit-transform: scale(1.25) !important;
            -moz-transform: scale(1.25) !important;
            -ms-transform: scale(1.25) !important;
            -o-transform: scale(1.25) !important;
        }
        
    } */

    /********** Map svg Rwsponsive **********/

    @media screen and (min-width: 1600px) {
        .main-banner-map-container svg.contact-map {
            left: 45%;
        }
        
    }

    @media screen and (min-width: 1200px) and (max-width: 1600px) {
        .main-banner-map-container svg.contact-map {
            left: 30%;
        }
        
    }

    @media screen and (min-width: 993px) and (max-width: 1200px) {
        .main-banner-map-container svg.contact-map {
            left: 20%;
        }
        
    }

    @media screen and (min-width: 850px) and (max-width: 993px) {
        .main-banner-map-container svg.contact-map {
            /* left: 0; */
            right: -35%;
        }
        
    }
    
    @media screen and (min-width: 750px) and (max-width: 850px) {
        .main-banner-map-container svg.contact-map {
            /* left: 0; */
            right: -40%;
        }
        
    }
    
    @media screen and (min-width: 650px) and (max-width: 750px) {
        .main-banner-map-container svg.contact-map {
            /* left: 0; */
            right: -45%;
        }
        
    }

    @media screen and (max-width: 650px){
        .main-banner-map-container .main-map {
            /* border: solid 1px red; */
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    @media screen and (max-width: 400px){
        .main-banner-map-container svg.contact-map {
            /* border: solid 1px red; */
            transform: translateX(-.8rem);
        }
    }

    /********** /Map svg Rwsponsive **********/






    /* Cart preview on small laptop */
    @media screen and (max-height: 800px) {

        .lightbox-cart-preview-container {
            padding: 1vh 4rem;
        }

        .lightbox-cart-preview-content .ligntbox-cart-preview-articles {
            min-height: 50%;
        }

    }

/*************************************************************************/

/* 7) Overriden area

/*************************************************************************/

/*************************************************************************/

/* 8) Dev / Test

/*************************************************************************/

/* Creative collaboration form */

.creative-collaboration-form > div {
    max-width: 1200px;
    margin: auto;
}

/* Degustation - découverte */

.double-column .price {
    font-size: 3.62rem;
}

.double-column .devise {
    font-size: 1.66rem;
    transform: translateY(.6rem);
    -webkit-transform: translateY(.6rem);
    -moz-transform: translateY(.6rem);
    -ms-transform: translateY(.6rem);
    -o-transform: translateY(.6rem);
}

.main-banner-single-content-infos,
.main-banner-blog-single-content-overwiew {
    height: 75%;
    justify-content: space-between;
    background-color: white;
}

.main-banner-single-content-infos > div,
.main-banner-blog-single-content-overwiew > div:first-child {
    transform: translateY(-5rem);
    -webkit-transform: translateY(-5rem);
    -moz-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    -o-transform: translateY(-5rem);
}

.main-banner-blog-single-content-overwiew p {
    max-width: 200px;
}

.main-banner-blog-single-content-overwiew a:not(.button) {
    min-width: 4rem;
}

.main-banner-content.bg-img {
    background-size: cover !important;
}

.subtitle-time {
    color: #2C2F32;
    display: block;
    padding-top: 1rem;
    font-size: 2rem;
}

.double-column .infos {
    max-width: 250px;
}

/* Cart */

.cart-item {
    position: relative;
}

.cart-container > .cart-item:not(:last-child):after {
    content: "";
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #D3BDB0;
    bottom: -2rem;
}

/* DEV TEMP */

body > header {
    height: calc(83vh + 4rem);
    min-height: 600px;
}

.double-column .double-column-details-price {
    margin-bottom: 2rem;
}

/* Testimony */

.testimony .testimony-img {
    height: 60vh;
}

.testimony .slider-nav > span {
    font-size: 2rem;
}

.testimony .slider-nav {
    top: 1.5rem;
}

.slider-testimony .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* TEMP SHOP */
.shop-product-grid-filters {
    border: 1px solid red;
}

.shop-product-grid-container > div:last-child {
    border: 1px solid blue;
}

/* User Message */

.user-message {

    display: none;

}

.user-message.active {

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 0 2rem;

}

.user-message > .content {

    position: relative;
    width: 100%;
    max-width: 1200px;
    padding: clamp(1rem, 4vw, 4rem);
    padding-top: clamp(6rem, 7vw, 12rem);

}

@media screen and (min-width: 993px) {

    .user-message.active  {

        text-align: center;

    }

    .user-message > .content {

        padding: clamp(1rem, 4vw, 4rem);
        padding-right: clamp(6rem, 7vw, 12rem);

    }

}

.footer-contact-email > a:not(:last-of-type) {

    margin-bottom: .5rem;

}

/* - Landing page product */

.single-product .ligthbox.lightbox-product-details {

    position: static !important;
    transform: none !important;

    height: auto !important;

    overflow-x: auto !important;
    overflow-y: auto !important;

}

.single-product .lightbox-product-details > div {

    overflow-y: hidden !important;

    /* pointer-events: none !important; */

}

.single-product .cross {

    display: none !important;
    visibility: hidden !important;

}

/* - New footer (08.06.2023) */
.footer-contact > span {

    display: inline-block;

}
.footer-contact address {

    display: grid;

    grid-template-columns: repeat(2, max-content);

    column-gap: 4vmin;
    row-gap: 0.5rem;

    margin-bottom: 4rem;

}

.footer-contact address > span:last-of-type {

    grid-column: 1;
    grid-row: 2;

}

.footer-contact address > a:last-of-type {

    grid-column: 2;
    grid-row: 2;

}

.footer-contact address > a {

    width: fit-content;

}

@media screen and (min-width: 721px) {

    body > footer > div:first-child > .content > div:last-child {
      
        padding-left: 0;

    }

}

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

    body > footer > div:first-child > .content > div:last-child {
      
       margin-top: 4rem;

    }

}

/* - "Landing page" Zurich */

.lp-zurich span {

    position: absolute;
    
    display: block;

    width: fit-content;
    
    right: .5rem;
    top: .5rem;

    padding: 1rem 2rem;
    
    font-size: 1.5rem;
    
    background-color: #FFA887;

    color: white;

}

@media screen and (max-width: 550px) {
    
    .lp-zurich span {

        top: 4rem;
    
    }

}

.product-small-link {

    display: flex;
    
    justify-content: center;
    
    margin-top: calc(1rem + 0.2em);
    
    text-align: center;

}

.product-small-link::after {

    width: 20px;

}

body > footer > div:last-child ul > li:last-child a {

    opacity: 1;

}

ul {

    margin: 0;

}

ul li {

    line-height: 1.5em;

}

body[data-reference-page=degustation] .double-column .infos {

    max-width: unset;

}