/*
 *  POM'POTES | GLOBAL STYLES
 */
/* Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative;
}
.flickity-enabled:focus {
    outline: none;
}
.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.flickity-button {
    position: absolute;
    background: rgba(255,255,255,0.75);
    border: none;
    color: #333;
}
.flickity-button:hover {
    background: #fff;
    cursor: pointer;
}
.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
    opacity: 0.6;
}
.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
    pointer-events: none;
}
.flickity-button-icon {
    fill: currentColor;
}
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
    left: 10px;
}
.flickity-prev-next-button.next {
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}
.flickity-rtl .flickity-page-dots {
    direction: rtl;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
    opacity: 1;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 1;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: $green;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: $green;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: $green;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: $green;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: none;
}
.mfp-arrow:after {
    background: url("$url-imgarrow-v.svg") no-repeat 0 0;
    width: 24px;
    height: 13px;
    top: 8px;
}
.mfp-arrow:before {
    display: none;
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 31px;
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 39px;
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #000;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
progress {
    vertical-align: baseline;
}
template,
[hidden] {
    display: none;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
    outline-width: 0;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: inherit;
}
b,
strong {
    font-weight: bolder;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
figure {
    margin: 0;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
button,
input,
select,
textarea {
    font: inherit;
    margin: 0;
}
optgroup {
    font-weight: bold;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
html [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 {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    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-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
@font-face {
    font-family: 'gothamrounded';
    font-style: normal;
    font-weight: normal;
    src: url("../media/fonts/gothamrounded/book.woff2") format("woff2"),url("../media/fonts/gothamrounded/book.woff") format("woff");
}
@font-face {
    font-family: 'gothamrounded';
    font-style: normal;
    font-weight: 500;
    src: url("../media/fonts/gothamrounded/medium.woff2") format("woff2"),url("../media/fonts/gothamrounded/medium.woff") format("woff");
}
@font-face {
    font-family: 'gothamrounded';
    font-style: normal;
    font-weight: 700;
    src: url("../media/fonts/gothamrounded/bold.woff2") format("woff2"),url("../media/fonts/gothamrounded/bold.woff") format("woff");
}
@font-face {
    font-family: 'balloontwo';
    font-style: normal;
    font-weight: normal;
    src: url("../media/fonts/balloontwo/regular.woff2") format("woff2"),url("../media/fonts/balloontwo/regular.woff") format("woff");
}
@font-face {
    font-family: 'nittimostro';
    font-style: normal;
    font-weight: normal;
    src: url("../media/fonts/nittimostro/discofloor.woff2") format("woff2"),url("../media/fonts/nittimostro/discofloor.woff") format("woff");
}
@font-face {
    font-family: 'glowworm';
    font-style: normal;
    font-weight: normal;
    src: url("../media/fonts/glowworm/regular.woff2") format("woff2"),url("../media/fonts/glowworm/regular.woff") format("woff");
}
@font-face {
    font-family: 'nittimostro';
    font-style: normal;
    font-weight: normal;
    src: url("../media/fonts/nittimostro/discofloor.woff2") format("woff2"),url("../media/fonts/nittimostro/discofloor.woff") format("woff");
}
.bg-mod {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.title-main {
    font-family: 'nittimostro';
    line-height: 0.8;
    font-size: 2.5rem;
    color: #1df95b;
    font-weight: normal;
    text-align: center;
    -webkit-transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.title-main.visible {
    opacity: 1;
}
.title-main span {
    opacity: 0;
    display: inline-block;
    padding-right: 5px;
    margin-right: -5px;
}
@media (max-width: 370px) {
    .title-main {
        font-size: 1.875rem;
    }
}
.title-main sup {
    margin-left: 0.3125rem;
    font-size: 60%;
}
.title-second {
    margin: 1.25rem auto 1.25rem 0;
    font-family: 'balloontwo', Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1;
    color: #1df95b;
    -webkit-transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.title-second.visible {
    opacity: 1;
}
.title-second span {
    opacity: 0;
    display: inline-block;
    padding-right: 5px;
    margin-right: -5px;
}
.title-second sup {
    margin-left: 0.3125rem;
    font-size: 70%;
}
.title-third {
    margin: 1.25em 0 0.5em;
    font-family: 'nittimostro';
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 0.92;
}
.title-third sup {
    margin-left: 0.125rem;
    font-size: 60%;
}
.illustration {
    position: absolute;
    z-index: 2;
}
.illustrations--container {
    position: relative;
}
.illustration img.round-large {
    width: 6.25rem;
    height: 6.25rem;
}
.illustration img.round-small {
    width: 2.5rem;
    height: 2.5rem;
}
.illustration img.triangle-left,
.illustration img.triangle-right {
    width: 2.5rem;
    height: 2.5rem;
}
.link-std {
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.link-std:hover {
    text-decoration: underline;
}
.link-std span {
    white-space: nowrap;
}
.link-std svg {
    display: inline-block;
    vertical-align: middle;
    width: 0.75rem;
    height: 0.8125rem;
    margin-left: 0.125rem;
}
html.ofitted {
    overflow: hidden;
    height: 100%;
}
html.ofitted body {
    overflow: auto;
    height: 100%;
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html.no-scroll body {
    overflow: hidden;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    color: #000;
    font-family: 'gothamrounded', Helvetica, Arial, sans-serif;
    font-size: 87.5%;
    line-height: 1.3571428571;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
a {
    color: currentColor;
}
figure img {
    display: block;
}
.fixed-nav,
.fixed-nav body {
    overflow: hidden;
    height: 100vh;
}
.fixed-nav body {
    position: fixed;
    width: 100%;
    z-index: 0;
}
.object-fit {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.object-fit picture {
    opacity: 0;
}
.object-fit > .ofit,
.object-fit > picture .ofit {
    visibility: hidden;
}
main {
    overflow: hidden;
    min-height: calc( 100vh - 9.0625rem );
}
.tt,
.edito-ct {
    max-width: 31.25rem;
    margin: 0 auto;
}
.edito-ct {
    font-family: 'gothamrounded';
    line-height: 1.2;
}
.edito-ct > *:first-child {
    margin-top: 0;
}
.edito-ct > *:last-child {
    margin-bottom: 0;
}
.edito-ct sup {
    font-size: 0.6em;
}
.edito-ct img {
    max-width: 100%;
}
.edito-tt {
    font-family: 'glowworm';
}
.edito-tt p {
    margin: 0;
}
.edito-media {
    position: relative;
    width: 100%;
}
.edito-media.striped:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0,0,0,0.15)));
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.15) 100%);
    content: "";
    background-size: 100%;
    bottom: 6.25rem;
    display: block;
    padding-bottom: 32.34375%;
    height: 0;
    left: 0;
    position: absolute;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    pointer-events: none;
    width: 120vw;
    z-index: 1;
}
.edito-media img {
    display: block;
    max-width: 100%;
    position: relative;
    z-index: 5;
}
.edito-video video {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.mentions {
    color: #5a5a5a;
    font-family: 'gothamrounded', serif;
    font-size: 1.1em;
    margin: 0 auto 0.5rem;
}
.page-bio .mod-nutri .wp .edito-ct p:not(:last-child), .fancy {
    font-family: 'balloontwo';
    font-size: 1.0714285714em;
}
.fancy-alt {
    font-family: 'nittimostro', Helvetica, Arial, sans-serif;
    font-size: 1.1428571429em;
}
.page-bio .mod-products .layer:last-child .ct .edito-ct .wp p {
    font-family: 'nittimostro', Helvetica, Arial, sans-serif;
    font-size: 2em;
    margin-top: 2.5rem;
}
.fancy-alt-bis {
    font-family: 'glowworm';
    font-size: 1.1428571429em;
}
[class*="mod-"] {
    position: relative;
    -webkit-transition: background-color 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: background-color 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
[class*="mod-"] > * {
    margin: 0;
}
[class*="mod-"] .wp .tt {
    margin-top: 0;
}
[class*="mod-"] .tt {
    line-height: 1;
}
[class*="mod-"] .tt img {
    max-width: 100%;
}
.switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15) inset;
    box-shadow: 0 0 8px rgba(0,0,0,0.15) inset;
    background: #fff;
    border-radius: 2.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.3125rem;
    position: relative;
    width: 5.4375rem;
}
.switch .lb {
    display: block;
    font-weight: bold;
    position: absolute;
    left: -20px;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    top: 50%;
    text-transform: uppercase;
    -webkit-transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    text-align: right;
    width: 25vw;
}
.switch .lb + .lb {
    -webkit-transform: translate(20px, -50%);
    transform: translate(20px, -50%);
    left: 100%;
    text-align: left;
}
.switch input {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.switch input:checked {
    z-index: 1;
}
.switch input:first-child:checked ~ .im + .im {
    opacity: 0;
}
.switch input:first-child:checked ~ .lb {
    color: #4c4c4c;
}
.switch input:first-child:checked ~ .lb + .lb {
    color: #fff;
}
.switch input:not(:first-child):checked ~ .im {
    opacity: 0;
    display: block;
    z-index: 10;
}
.switch input:not(:first-child):checked ~ .im img {
    pointer-events: none;
}
.switch input:not(:first-child):checked ~ .im + .im {
    opacity: 1;
    left: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: -4px;
    z-index: 0;
}
.switch input:not(:first-child):checked ~ .lb {
    color: #fff;
}
.switch input:not(:first-child):checked ~ .lb + .lb {
    color: #4c4c4c;
}
.switch .im {
    display: block;
    cursor: pointer;
    height: calc(100% - 10px);
    left: 5px;
    position: absolute;
    top: 5px;
    -webkit-transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.switch .im[for="afternoon"] {
    -webkit-transform: translateX(-0.4375rem);
    transform: translateX(-0.4375rem);
}
.switch .im img {
    height: 130%;
    -webkit-transform: translateY(-11%);
    transform: translateY(-11%);
}
.wave-reverse,
.ui-wave-1.ui-wave-1 {
    display: block;
    fill: #fff;
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: fill 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: fill 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    width: 100%;
    z-index: 2;
}
.wave-reverse {
    margin-top: -1px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    z-index: 5;
}
.wave-reverse:last-child {
    bottom: 0;
    top: auto;
}
.wave-reverse .ui-wave-1 {
    position: static;
}
.wave-reverse:not(:last-child) .ui-wave-1 {
    -webkit-transform: none;
    transform: none;
}
.bg-mod + .wp {
    position: relative;
    z-index: 2;
}
.page-brasses .colored .bg-mod {
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(to top, #000 90%, transparent 100%);
    mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #000), to(transparent));
    mask-image: linear-gradient(to top, #000 90%, transparent 100%);
    height: auto;
}
.bt-menu {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: none;
    border: 0 none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1.5625rem;
    cursor: pointer;
    padding: 0;
    position: relative;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    width: 1.6875rem;
}
.bt-menu.active span,
.bt-menu:hover span {
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
.bt-menu.active:before,
.bt-menu:hover:before,
.bt-menu.active:after,
.bt-menu:hover:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
    right: 0.4375rem;
    width: calc( 100% + 0.1875rem );
}
.bt-menu.active:before,
.bt-menu:hover:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.bt-menu.active:after,
.bt-menu:hover:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bt-menu:before,
.bt-menu:after,
.bt-menu span {
    background-color: #00853a;
    content: "";
    display: block;
    height: 0.3125rem;
    position: relative;
    right: 0;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    width: 100%;
}
.bt-menu span {
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.bt-menu:before {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.bt-menu:after {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.page-bio .object-fit.mod-promise,
.page-les-vitamines .object-fit.mod-promise,
.page-sans-sucres-ajoutes .object-fit.mod-promise,
.page-bio .object-fit.mod-nutri,
.page-les-vitamines .object-fit.mod-nutri,
.page-sans-sucres-ajoutes .object-fit.mod-nutri {
    background-size: auto 100%;
    background-position: 100% 50%;
}
.page-bio .object-fit.mod-promise:before,
.page-les-vitamines .object-fit.mod-promise:before,
.page-sans-sucres-ajoutes .object-fit.mod-promise:before,
.page-bio .object-fit.mod-nutri:before,
.page-les-vitamines .object-fit.mod-nutri:before,
.page-sans-sucres-ajoutes .object-fit.mod-nutri:before {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
}
.page-les-vitamines .mod-products .layer .edito-media + .edito-ct,
.page-les-vitamines .mod-products .layer .edito-media + .ct .edito-ct {
    text-align: center;
}

.page-les-vitamines .mod-products .layer .edito-media + .edito-ct h2,
.page-les-vitamines .mod-products .layer .edito-media + .ct .edito-ct h2 {
    font-family: 'glowworm';
    font-size: 36px;
    font-weight: normal;
}

.page-les-vitamines .mod-products .layer .edito-media + .edito-ct .wp {
    display: block;
}
.page-les-vitamines .mod-products .layer .edito-media + .ct .edito-tt + .edito-ct {
    text-align: left;
}
.object-fit .tt picture {
    opacity: 1;
}
.page-recettes-du-monde .mod-cover,
.page-recettes-du-monde .mod-products,
.page-recettes-du-monde .mod-nutri {
    color: #00853a;
}
[class^=ui-] {
    fill: currentColor;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
}
header[role="banner"] {
    position: fixed;
    z-index: 1;
    left: 1.6875rem;
    top: 0.625rem;
}
header[role="banner"] .logo {
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 50%;
    background-color: #fff;
    margin: 0;
    padding: 0.625rem;
}
header[role="banner"] .logo .ui-logo {
    height: 100%;
    width: 100%;
}
header[role="banner"] .logo span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.story-restart {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
footer[role="contentinfo"] {
    background-color: #f2f2f2;
    color: #5a5a5a;
    font-weight: 500;
    padding: 1.25rem 0.625rem;
    text-align: center;
}
footer[role="contentinfo"] .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
footer[role="contentinfo"] li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
footer[role="contentinfo"] li:before {
    content: '•';
    padding: 0 1.25rem;
}
footer[role="contentinfo"] li:first-child:before {
    content: none;
}
footer[role="contentinfo"] p {
    margin: 1.2857142857em 0 0;
}
footer[role="contentinfo"] a {
    text-decoration: none;
    display: inline-block;
}
footer[role="contentinfo"] a span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, currentColor), color-stop(50%, transparent), to(transparent));
    background-image: linear-gradient(to bottom, currentColor 50%, transparent 50%, transparent 100%);
    background-position: left 0 bottom 0;
    background-repeat: no-repeat;
    background-size: 0 2px;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transition: background-size 0.2s ease-out;
    transition: background-size 0.2s ease-out;
}
footer[role="contentinfo"] a:focus {
    outline: none;
}
footer[role="contentinfo"] a:hover span,
.keyboard footer[role="contentinfo"] a:focus span {
    background-size: 100% 2px;
}
.footer-wrapper {
    margin: 0 auto;
}
[role=navigation] {
    background-color: #f9354c;
    color: #fff;
    z-index: 20;
    position: relative;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
    [role=navigation] {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 20;
    }
}
[role=navigation].sticky {
    height: 3rem;
}
.fixed-nav [role=navigation] {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.nav-wrapper {
    background-color: #f9354c;
    height: 3rem;
    padding: 0.375rem 0.5625rem;
}
.sticky .nav-wrapper {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 20;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky .nav-wrapper {
        position: static;
    }
}
.nav-bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}
.nav-toggle,
.nav-home {
    position: relative;
    z-index: 1;
}
.nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-radius: 50%;
    background-color: #fff;
    width: 2.25rem;
    height: 2.25rem;
    position: relative;
    border: 4px solid #fff;
    -webkit-transition: border-width 0.2s;
    transition: border-width 0.2s;
    outline: none;
}
.nav-toggle span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.nav-toggle:after,
.nav-toggle.close:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 0.1875rem;
    background-color: #f9354c;
    -webkit-box-shadow: 0px 6px 0 0 #f9354c, 0px -6px 0 0 #f9354c;
    box-shadow: 0px 6px 0 0 #f9354c, 0px -6px 0 0 #f9354c;
}
.nav-toggle.close {
    right: 0.5625rem;
    top: 0;
    -webkit-transform: translateY(-2.625rem) rotate(45deg);
    transform: translateY(-2.625rem) rotate(45deg);
    position: absolute;
}
.nav-toggle.close:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}
.nav-toggle.close:before,
.nav-toggle.close:after {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav-home {
    outline: none;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.nav-home:hover,
.keyboard .nav-home:focus {
    color: #fff82c;
}
.nav-home svg {
    height: 2.125rem;
    width: 2.25rem;
}
.nav-home span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.nav-menu {
    background-color: #f9354c;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav-menu[aria-hidden="true"] {
    display: none;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.nav-menu.toggle {
    display: block;
}
.nav-menu a img {
    display: none;
}
.menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc( 100vh - 3rem);
}
.nav-links {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 1.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-align: center;
}
.nav-links a,
.nav-links button {
    text-decoration: none;
    background: none;
    border: 0 none;
    cursor: pointer;
    color: inherit;
    display: block;
    line-height: 1.2;
    outline: none;
    width: 100%;
}
.keyboard .nav-links a:focus,
.keyboard .nav-links button:focus,
.nav-links a:active,
.nav-links button:active,
.nav-links a[aria-current="true"],
.nav-links button[aria-current="true"] {
    color: #fff82c;
}
.nav-links b {
    display: block;
}
.nav-links .ui-separator {
    height: 0.625rem;
    width: 3.125rem;
    fill: #1df95b;
    margin: 1rem auto 1.3125rem;
}
.nav-links .nav-products--label .tt span {
    margin: 0 10px;
}
.wood-panel {
    display: none;
    width: 171px;
    height: 114px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../media/img/wood-panel.png") no-repeat 0 0;
    padding: 20px 0 0;
    color: #fff;
    border: 0;
    cursor: pointer;
}
.wood-panel > span {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    display: block;
}
.wood-panel span span {
    display: block;
    font-family: 'balloontwo', Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 4px;
}
.wood-panel svg {
    display: inline-block;
    height: 0.8rem;
    width: 0.8rem;
}
.current-screen {
    font-size: 0.625rem;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    position: absolute;
    margin: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    z-index: 0;
    padding: 0 3.375rem;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.2s linear, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.2s linear, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.2s linear, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.current-screen.start {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.previous .current-screen.start {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.current-screen.in {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-timing-function: linear, cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: linear, cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.current-screen.out {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.previous .current-screen.out {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.current-screen b {
    display: block;
}
.nav-edito {
    position: relative;
    /*
       [1]: All items a forced onto a single line, causing the overflow when necessary.
       [2]: Automatic overflow means a scroll bar won’t be present if it isn’t needed
       [3]: Make it smooth scrolling on iOS devices
       [4]: Hide the ugly scrollbars in Edge until the scrollable area is hovered
       [5]: Hide the scroll bar in WebKit browsers
       */
}
.nav-edito ul {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding-top: 4.25rem;
    width: calc(100% - 2.5rem);
    max-width: 58.75rem;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap /* [1] */;
    overflow-x: auto /* [2] */;
    -webkit-overflow-scrolling: touch /* [3] */;
    -ms-overflow-style: -ms-autohiding-scrollbar /* [4] */;
}
.nav-edito ul::-webkit-scrollbar {
    display: none;
}
.nav-edito li {
    position: relative;
    display: inline-block;
}
.nav-edito li + li {
    margin-left: 1.0625rem;
}
.nav-edito li + li::before {
    content: '';
    position: absolute;
    top: 0.9375rem;
    left: -0.5625rem;
    height: 1.0625rem;
    background: #fff;
    width: 0.0625rem;
}
.nav-edito a {
    display: inline-block;
    position: relative;
    color: #fff;
    font-family: 'balloontwo', Helvetica, Arial, sans-serif;
    font-size: 1.3125rem;
    font-weight: 700;
    text-decoration: none;
    padding: 0.625rem 0.125rem 0.625rem 0;
}
.nav-edito a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 51%;
    right: 51%;
    height: 0.3125rem;
    background: #fff;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.nav-edito a:hover::after,
.nav-edito a.is-active::after {
    left: 0;
    right: 0;
}
.accordion {
    background: #fff;
    -webkit-box-shadow: 0 0.125rem 0.375rem 0 rgba(0,0,0,0.2);
    box-shadow: 0 0.125rem 0.375rem 0 rgba(0,0,0,0.2);
    min-height: 4.6875rem;
}
.accordion-idea.accordion {
    min-height: 9.75rem;
}
.accordion--trigger {
    position: relative;
    padding: 1.5rem 2rem;
    cursor: pointer;
}
.accordion--trigger::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 4.6875rem;
}
.is-expanded.accordion--trigger::before {
    display: none;
}
.accordion-idea .accordion--trigger::before {
    min-height: 9.75rem;
}
.accordion--trigger div {
    padding-right: 2.5rem;
    font-size: 1rem;
    font-weight: 700;
}
.accordion--trigger svg {
    position: absolute;
    top: 0.875rem;
    right: 1rem;
    fill: #1df95b;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.is-expanded.accordion--trigger svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.accordion-idea .accordion--trigger div {
    color: #1df95b;
}
.accordion-idea .accordion--trigger div::after {
    content: ' ' counter(ideas-counter);
}
.accordion-idea .accordion--trigger h3 {
    margin: 0;
}
.accordion--dropdown {
    display: none;
    padding: 0 2rem 1.25rem;
    font-size: 1.1428571429em;
}
.accordions--list {
    list-style: none;
    padding: 0;
    counter-reset: ideas-counter;
}
.accordions--list--wrapper {
    margin-top: -1.25rem !important;
}
.accordions--list--item {
    margin: 1.25rem 0 0;
    counter-increment: ideas-counter;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.accordions--list--item.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.nav-engagements {
    position: relative;
    background: #1df95b;
    color: #387741;
    font-size: 1rem;
    text-align: left;
}
.nav .nav-engagements,
.pre-footer .nav-engagements {
    text-align: center;
}
.nav .nav-engagements {
    color: #fff;
    max-height: calc( 100vh - 6.25rem );
    margin-bottom: 1.25rem;
    overflow: auto;
    background: transparent;
}
.pre-footer .nav-engagements {
    margin-top: 6.25rem;
    padding-bottom: 6.25rem;
}
.nav-engagements--background {
    display: none;
}
.nav-engagements--close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    display: none;
}
section#engagements .nav-engagements--close {
    display: block;
}
.nav-engagements--close .ui-close {
    margin: 1rem 1.5rem 0 0;
    opacity: 0;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    display: inline-block;
    fill: #fff;
}
.nav-engagements--close .ui-long-arrow {
    position: absolute;
    bottom: 1.5rem;
    left: 1.75rem;
    width: 0.8125rem;
    height: 0.8125rem;
    fill: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.nav-engagements--close::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 1.375rem;
    width: 4.125rem;
    height: 7.5rem;
    background: url("../media/img/ic-index-flower.svg") no-repeat 0 0;
}
.nav-engagements--close.is-expanded {
    bottom: auto;
    left: auto;
}
.nav-engagements--close.is-expanded .ui-close {
    opacity: 1;
}
.nav-engagements--close.is-expanded .ui-long-arrow,
.nav-engagements--close.is-expanded::after {
    opacity: 0;
}
.nav-engagements--intro {
    padding: 1.5rem 1.5rem 2.25rem;
}
.nav .nav-engagements--intro {
    padding: 1.5rem 0 0.625rem;
}
.nav .nav-engagements--intro,
.pre-footer .nav-engagements--intro {
    padding: 3.125rem 0 0.625rem;
}
.nav-engagements--intro--title {
    margin-bottom: 1.25rem;
    color: #fff;
    font-family: 'nittimostro';
    font-size: 2rem;
    line-height: 0.84;
    font-weight: 400;
}
.nav .nav-engagements--intro--title,
.pre-footer .nav-engagements--intro--title {
    display: none;
}
.nav-engagements--intro p,
.nav-engagements--intro .logo {
    display: none;
}
.nav .nav-engagements--intro .logo,
.pre-footer .nav-engagements--intro .logo {
    display: block;
    margin: 0 auto 1.25rem;
}
@media (max-width: 1023px) {
    .nav-engagements--intro .link-std {
        -webkit-transition: 0.35s;
        transition: 0.35s;
    }
    section#engagements .nav-engagements--intro .link-std {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        pointer-events: none;
    }
    section#engagements .is-expanded + .nav-engagements--intro .link-std {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto;
    }
}
section#engagements .nav-engagements--content {
    display: none;
}
.nav-engagements--subnav {
    padding: 0 1.5rem 1.5rem;
}
.nav .nav-engagements--subnav,
.pre-footer .nav-engagements--subnav {
    padding-bottom: 0.3125rem;
}
.nav-engagements--subnav--title {
    margin: 0 0 1.25rem;
    color: #fff;
    font-family: 'nittimostro';
    font-size: 1.75rem;
    line-height: 0.84;
    font-weight: 400;
    text-transform: uppercase;
}
section#engagements .nav-engagements--subnav--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
section#engagements .nav-engagements--subnav--title--thumb {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.875rem;
    flex: 0 0 6.875rem;
}
.nav-engagements--subnav--title--thumb {
    margin-right: 1.5rem;
    width: 6.875rem;
    display: none;
}
.nav-engagements--subnav--title--thumb img {
    display: block;
    width: 100%;
    height: auto;
}
.nav-engagements--subnav--title .separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.25rem 0 0.625rem;
}
.nav .nav-engagements--subnav--title .separator,
.pre-footer .nav-engagements--subnav--title .separator {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.nav-engagements--subnav--title .separator svg {
    width: 3.125rem;
    height: 0.625rem;
}
.nav .nav-engagements--subnav--title .separator svg {
    fill: #1df95b;
}
.nav-engagements--subnav--title .separator svg + svg {
    display: none;
    margin-left: -0.3125rem;
}
section#engagements .nav-engagements--subnav--title .separator svg + svg {
    display: block;
}
.nav-engagements--subnav li {
    margin: 0.625rem 0;
    overflow: hidden;
}
.block-social {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.block-social a {
    padding: 0.5rem;
    display: block;
    margin: 1.25rem 0.75rem;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    outline: none;
}
.block-social a span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.block-social a:hover,
.keyboard .block-social a:focus {
    color: #fff82c;
}
.mod-cover {
    color: #fff;
    padding: 2.1875rem 0 7.8125rem;
    position: relative;
    z-index: 2;
}
.mod-cover .bg-mod {
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
}
.mod-cover.object-fit {
    background-position: 50% 100%;
}
.page-les-vitamines .mod-cover {
    padding-bottom: 5rem;
}
.page-brasses .mod-cover .logo {
    margin-bottom: 2.1875rem;
}
.mod-cover .wp {
    position: relative;
    width: 100%;
    z-index: 2;
}
.mod-cover .logo {
    display: block;
    margin: 0 auto 1.25rem;
}
.mod-cover .logo,
.mod-cover .edito-ct {
    max-width: 23.76rem;
    width: 76.6666666667%;
    font-family: 'balloontwo', Helvetica, Arial, sans-serif;
    font-size: 1.1428571429em;
    text-align: center;
}
.mod-cover .edito-ct p sup {
    top: -.75em;
    left: .25em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.mod-cover .tag-new {
    display: inline-block;
    padding: 0.25rem 0.75rem 0.2rem 0.5rem;
    margin: 0;
    font-family: 'balloontwo', Helvetica, Arial, sans-serif;
    text-align: center;
    background-color: #f9354c;
    border-radius: 10px;
    font-size: 1.4em;
    color: #fff;
}
.page-fruits-de-nos-regions .mod-cover .edito-ct {
    width: 100%;
    font-size: 2.1428571429em;
}
.page-fruits-de-nos-regions .mod-cover .edito-ct .highlighted-text {
    font-size: 1.375em;
    color: #7ACC04;
    font-family: Glowworm;
}
.mod-cross-products .object-fit {
    background-repeat: no-repeat;
    background-size: cover;
}
.nav-cross-products span.tt {
    color: inherit !important;
}
.contact-footer {
    background: #f2f2f2;
    color: #5a5a5a;
    text-align: center;
}
.contact-footer .wp {
    max-width: 60rem;
}
.contact-footer .fancy {
    font-size: 2.1428571429em;
    margin-bottom: 1.25rem;
}
.contact-footer .fancy-alt {
    font-size: 2.1428571429em;
    margin-top: 0;
}
.contact-footer .ct p:last-child img:first-child:last-child {
    margin-top: 2.5rem;
}
.contact-footer img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.contact-footer .deco {
    margin-top: 2.5rem;
}
.contact-footer .logo {
    -webkit-transform: translateX(-0.9375rem);
    transform: translateX(-0.9375rem);
}
.form-field .selector,
.form-field input[type="file"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 100%;
    z-index: 2;
}
.form-field .selector + label,
.form-field input[type="file"] + label,
.buttons [type="submit"] {
    display: block;
    text-align: center;
}
.page-contact main [aria-hidden="true"] {
    display: none;
}
.page-contact .wp {
    padding: 4.375rem 1.25rem;
}
.page-contact main .tt {
    color: #286eea;
    font-family: 'glowworm';
    font-size: 4em;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 4.375rem;
    max-width: none;
}
.form-cols > * + * {
    margin-top: 1.5625rem;
}
.form-cols + .form-field {
    margin-top: 1.5625rem;
}
.form-fields + .form-field {
    margin-top: 1.5625rem;
}
.form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.form-field.error {
    color: #f9354c;
}
.form-field.error label {
    color: #f9354c;
}
.form-field + .form-field,
.form-field + .form-fields,
.form-field + .form-cols {
    margin-top: 1.5625rem;
}
.form-field label {
    color: #5a5a5a;
}
.form-field .field-wp {
    display: block;
    position: relative;
}
.form-field .selector + label {
    border-bottom: 4px solid #1df95b;
    color: #1df95b;
    font-family: 'nittimostro';
    font-size: 2.1428571429em;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    padding: 0.75rem 1.875rem;
}
.form-field .selector + label:after {
    content: "";
    border-color: #1df95b;
    border-style: solid;
    border-width: 0 4px 4px 0;
    display: block;
    height: 1.125rem;
    margin-top: -0.375rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 1.125rem;
}
.form-field label {
    font-size: 1em;
}
.form-field input,
.form-field textarea,
.form-field .field-wp {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0.5rem;
}
.form-field input ~ .mention,
.form-field textarea ~ .mention,
.form-field .field-wp ~ .mention,
.form-field input ~ .message,
.form-field textarea ~ .message,
.form-field .field-wp ~ .message,
.form-field input ~ .error-message,
.form-field textarea ~ .error-message,
.form-field .field-wp ~ .error-message {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
}
.form-field input ~ .mention p,
.form-field textarea ~ .mention p,
.form-field .field-wp ~ .mention p,
.form-field input ~ .message p,
.form-field textarea ~ .message p,
.form-field .field-wp ~ .message p,
.form-field input ~ .error-message p,
.form-field textarea ~ .error-message p,
.form-field .field-wp ~ .error-message p {
    margin-bottom: 0;
}
.form-field input ~ .mention p img,
.form-field textarea ~ .mention p img,
.form-field .field-wp ~ .mention p img,
.form-field input ~ .message p img,
.form-field textarea ~ .message p img,
.form-field .field-wp ~ .message p img,
.form-field input ~ .error-message p img,
.form-field textarea ~ .error-message p img,
.form-field .field-wp ~ .error-message p img {
    margin-bottom: 1.25rem;
}
.form-field input ~ .mention p + p,
.form-field textarea ~ .mention p + p,
.form-field .field-wp ~ .mention p + p,
.form-field input ~ .message p + p,
.form-field textarea ~ .message p + p,
.form-field .field-wp ~ .message p + p,
.form-field input ~ .error-message p + p,
.form-field textarea ~ .error-message p + p,
.form-field .field-wp ~ .error-message p + p {
    margin-top: 1.5rem;
}
.form-field input ~ .mention p + p img,
.form-field textarea ~ .mention p + p img,
.form-field .field-wp ~ .mention p + p img,
.form-field input ~ .message p + p img,
.form-field textarea ~ .message p + p img,
.form-field .field-wp ~ .message p + p img,
.form-field input ~ .error-message p + p img,
.form-field textarea ~ .error-message p + p img,
.form-field .field-wp ~ .error-message p + p img {
    margin-top: 0;
}
.form-field input ~ .mention p:first-child img:first-child,
.form-field textarea ~ .mention p:first-child img:first-child,
.form-field .field-wp ~ .mention p:first-child img:first-child,
.form-field input ~ .message p:first-child img:first-child,
.form-field textarea ~ .message p:first-child img:first-child,
.form-field .field-wp ~ .message p:first-child img:first-child,
.form-field input ~ .error-message p:first-child img:first-child,
.form-field textarea ~ .error-message p:first-child img:first-child,
.form-field .field-wp ~ .error-message p:first-child img:first-child {
    margin-top: 2.75rem;
}
.form-field input + label:not([class]),
.form-field textarea + label:not([class]),
.form-field .field-wp + label:not([class]) {
    display: block;
    font-family: 'balloontwo';
    font-size: 1.2857142857em;
    font-weight: bold;
}
.form-field input + label:not([class]) .mention,
.form-field textarea + label:not([class]) .mention,
.form-field .field-wp + label:not([class]) .mention {
    display: inline-block;
    font-family: 'gothamrounded';
    font-style: normal;
    font-size: 0.6666666667em;
    font-weight: normal;
    margin-left: 0.3125rem;
    -webkit-transform: translateY(-0.125rem);
    transform: translateY(-0.125rem);
}
.form-field input[type="radio"],
.form-field input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.form-field input[type="radio"] + label,
.form-field input[type="checkbox"] + label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
}
.form-field input[type="radio"] + label:before,
.form-field input[type="checkbox"] + label:before {
    background: #5a5a5a;
    -webkit-box-shadow: 0 0 0 0.9375rem #fff inset;
    box-shadow: 0 0 0 0.9375rem #fff inset;
    content: "";
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 2px solid #5a5a5a;
    border-radius: 50%;
    display: block;
    height: 0.9375rem;
    margin-top: 0.0625rem;
    margin-right: 0.3125rem;
    -webkit-transition: all 0.17s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.17s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    width: 0.9375rem;
}
.form-field input[type="radio"]:checked + label:before,
.form-field input[type="checkbox"]:checked + label:before {
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset;
}
.form-field input[type="checkbox"] + label {
    font-family: 'gothamrounded';
    font-weight: normal;
    font-size: 0.8571428571em;
}
.form-field input[type="checkbox"] + label:before {
    margin-top: -0.0625rem;
}
.form-field input[type="text"],
.form-field input[type="number"],
.form-field input[type="tel"],
.form-field input[type="date"],
.form-field input[type="email"],
.form-field textarea {
    border: 3px solid #e5e6e5;
    padding: 0.625rem 0.625rem;
    width: 100%;
}
.form-field input[type="file"].filled + label:after {
    content: "X";
    font-family: 'gothamrounded';
    margin-left: 0.625rem;
    font-size: 0.875rem;
    -webkit-transition: all 0.17s linear;
    transition: all 0.17s linear;
}
.form-field input[type="file"] + label,
.buttons [type="submit"] {
    background: #1df95b;
    border: 0 none;
    cursor: pointer;
    color: #fff;
    font-size: 1.1428571429em;
    font-family: 'nittimostro';
    font-weight: normal;
    padding: 0.625rem;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 2;
}
.form-field input[type="file"] + label:hover,
.buttons [type="submit"]:hover {
    text-shadow: 0 0 1px rgba(0,0,0,0.5);
    background: rgba(29,249,91,0.8);
}
.form-field input[type="file"] + label:hover:after,
.buttons [type="submit"]:hover:after {
    font-weight: bold;
}
.form-field textarea {
    resize: vertical;
    min-height: 6.25rem;
}
.buttons {
    margin-top: 3.75rem;
}
.buttons [type="submit"] {
    margin: 0 auto;
    max-width: 30rem;
    width: 100%;
}
.fields {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fields label ~ label {
    margin-left: 1.25rem;
}
.form-fields .mention,
.form-fields > p {
    font-size: 0.8571428571em;
}
.form-fields .mention > p,
.form-fields > p > p {
    color: #5a5a5a;
}
.form-fields > p {
    color: #5a5a5a;
    margin: 3.125rem 0 1.875rem;
    font-style: italic;
}
.form-fields p.mention:not(.message) {
    font-style: italic;
}
fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
fieldset > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
fieldset > div > label {
    margin-right: 2.5rem;
}
.form-success {
    background: #1df95b;
    color: #fff;
    font-size: 1.7142857143em;
    padding: 1.25rem;
    margin-top: 1.875rem;
}
body.success .tt + .form-field {
    display: none;
}
.g-recaptcha + input {
    -webkit-transform: translate(1.25rem, 2.1875rem);
    transform: translate(1.25rem, 2.1875rem);
}
.mod-nutri {
    background-color: #89d7f8;
    color: #fff;
    padding-bottom: 4.375rem;
    padding-top: 3.75rem;
}
.mod-nutri.object-fit:before {
    background-color: #89d7f8;
}
.mod-nutri .bg-mod {
    bottom: 0;
    top: auto;
}
.page-brasses .mod-nutri {
    background-size: 50%;
    background-position: 100% 100%;
    color: #fff;
    padding-bottom: 8.4375rem;
}
.mod-nutri .ui-wave-1 {
    fill: #89d7f8;
}
.mod-nutri > .wp {
    position: relative;
    z-index: 1;
}
.mod-nutri .edito-media {
    margin-bottom: 1.25rem;
}
.mod-nutri .edito-media img {
    display: block;
    margin: 0 auto;
}
.mod-nutri .edito-media.main {
    margin-bottom: 2.1875rem;
}
.mod-nutri .edito-media.main img {
    max-width: 22.5rem;
    width: 100%;
}
.mod-nutri .edito-media.origin img {
    width: 7.5rem;
}
.mod-nutri .edito-ct {
    text-align: center;
}
.mod-nutri .edito-ct p {
    margin-bottom: 0;
}
.mod-nutri .edito-ct p + p {
    margin-top: 1rem;
}
.mod-nutri .edito-ct p:not([class]) + .fancy {
    margin-top: 1.375rem;
}
.mod-nutri .edito-ct p.fancy + p:not([class]) {
    margin-top: 1.75rem;
}
.mod-nutri .edito-ct p.mentions + .mentions {
    margin-top: 0.5rem;
}
.mod-nutri .nutriscore {
    margin-bottom: 0.75rem;
}
.mod-nutri .nutriscore img {
    width: 6.875rem;
}
.mod-nutri .tt {
    margin-bottom: 2.125rem;
}
.mod-origin {
    background-color: #99c060;
    background-position: 50% 100%;
    color: #fff;
    padding: 3.75rem 0 6.5625rem;
}
.mod-origin .ui-wave-1 {
    fill: #99c060;
}
.page-brasses .mod-origin {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #63d6e7), to(#a7e6ef));
    background-image: linear-gradient(to bottom, #63d6e7 50%, #a7e6ef 100%);
}
.page-brasses .mod-origin .bg-mod {
    -o-object-position: right;
    object-position: right;
}
.page-brasses .mod-origin .ui-wave-1 {
    fill: #63d6e7;
}
.page-brasses .mod-origin .edito-ct {
    padding-right: 1.125rem;
}
.page-brasses .mod-origin .tt img {
    width: 75%;
}
.page-bio .mod-origin .bg-mod {
    -o-object-position: bottom;
    object-position: bottom;
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(to top, #000 90%, transparent 100%);
    mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(90%, #000), to(transparent));
    mask-image: linear-gradient(to top, #000 90%, transparent 100%);
}
.page-bio .mod-origin .ui-wave-1 {
    fill: #99c060;
}
.page-sans-sucres-ajoutes .mod-origin,
.page-les-vitamines .mod-origin {
    padding: 1.25rem 0 4.0625rem;
}
.page-sans-sucres-ajoutes .mod-origin .tt,
.page-les-vitamines .mod-origin .tt {
    -webkit-transform: translateX(-1.625rem);
    transform: translateX(-1.625rem);
    width: calc( 100% + 5rem );
}
.mod-origin .tt {
    margin-bottom: 1.25rem;
}
.mod-origin .edito-ct {
    margin-bottom: 50px;
}
.mod-origin .wp {
    position: relative;
    z-index: 5;
}
.mod-products {
    color: #fff;
    position: relative;
}
.page-brasses .mod-products .layer,
.page-brasses .mod-products .layer .mentions {
    color: #fff;
}
@media (max-width: 64em) {
    .mod-products .layer .wp,
    .mod-origin .wp,
    .mod-nutri .tt {
        padding: 0 1rem;
    }
}
.mod-products .edito-tt {
    line-height: 1.1;
    font-size: 1.7857142857em;
    margin-bottom: 2.375rem;
}
.mod-products .edito-tt .wp {
    padding-bottom: 0;
    padding-top: 0;
}
.mod-products .edito-tt h2,
.mod-products .edito-tt h3,
.mod-products .edito-tt h4,
.mod-products .edito-tt h5 {
    font-size: .9em;
    font-weight: normal;
    margin: 0;
    padding-right: 2.5rem;
}
.mod-products .edito-media:last-child {
    padding-bottom: 0.625rem;
}
.mod-products .edito-media img {
    margin-left: auto;
    margin-right: auto;
}
.mod-products .edito-ct {
    font-size: 1em;
}
.mod-products .edito-ct:last-child .fancy {
    font-size: 1.4285714286em;
    text-transform: none;
}
.mod-products .edito-ct .wp {
    padding-top: 0;
}
.mod-products .edito-ct p {
    margin: 0;
}
.mod-products .edito-ct p + p {
    margin-top: 0.9375rem;
}
.mod-products .edito-ct .fancy-alt {
    font-size: 2em;
    margin-top: 2.5rem;
}
.mod-products .edito-accordions .wp {
    padding-top: 0;
}
.mod-products .edito-accordions .accordions--list {
    color: #000;
}
.mod-products .edito-accordions .accordions--list--item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.page-fruits-de-nos-regions .mod-products .edito-accordions .accordion--trigger {
    color: #387741;
}
.page-fruits-de-nos-regions .mod-products .edito-accordions .accordion--trigger svg {
    fill: #ff831d;
}
.mod-products .layer {
    overflow: hidden;
    padding: 2.5rem 0;
}
.mod-products .layer,
.mod-products .layer .fct {
    background: #a3ed9d;
}
.mod-products .layer:first-child {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.mod-products .layer:last-child {
    padding-bottom: 2.1875rem;
}
.mod-products .layer:nth-child(2) {
    background: transparent;
    height: 100vh;
}
.mod-products .layer:nth-child(2) + .layer {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.mod-products .layer:nth-child(2) .wp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.mod-products .layer:nth-child(2) .edito-media.striped:before {
    bottom: 50%;
}
.mod-products .layer.quizz {
    padding-top: 0;
}
.mod-products .fct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -5;
}
.mod-products .fct .edito-media {
    margin-bottom: 2.5rem;
}
.mod-promise {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #129ad5), color-stop(60%, #89d7f8));
    background-image: linear-gradient(to bottom, #129ad5 30%, #89d7f8 60%);
    padding-bottom: 2.8125rem;
}
.page-les-vitamines .mod-promise {
    padding-top: 5rem;
}
.page-les-vitamines .mod-promise .edito-ct {
    color: #fff;
}
.mod-promise .wp {
    position: relative;
    z-index: 5;
}
.mod-promise .ui-wave-1 {
    fill: #129ad5;
}
.mod-promise .tt {
    font-size: 1.4285714286em;
    color: #fff;
    font-family: 'nittimostro';
    font-weight: normal;
    margin-bottom: 1.125rem;
}
.page-brasses .mod-promise .tt {
    padding-right: 23.4375%;
}
.mod-promise .bg-mod {
    bottom: 0;
    top: auto;
}
.mod-promise .deco {
    float: right;
    margin: -2.8125rem 0 1.25rem;
    text-align: right;
    max-width: 12.5rem;
    width: 42.1875%;
}
.mod-promise .deco + * {
    clear: right;
}
.mod-promise .deco img {
    display: block;
    width: 100%;
}
.mod-promise .mentions {
    color: #fff;
    margin: 0;
}
.mod-promise .edito-ct {
    color: #5a5a5a;
}
.mod-promise .edito-video {
    margin: 0.625rem 0;
}
.mod-promise .edito-video video {
    width: 100%;
}
.mod-promise .main-deco {
    margin-top: 11.25rem;
    max-width: 28.125rem;
    margin-left: auto;
    margin-right: auto;
}
.mod-promise .main-deco img {
    display: block;
    width: 100%;
}
.mod-snack {
    color: #fff;
    padding: 0.75rem 0 3.25rem 0;
}
.mod-snack .tt {
    font-family: 'nittimostro';
    font-size: 1.4285714286em;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
}
.mod-snack form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mod-snack form .switch-wp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.mod-snack form .inactive {
    display: none;
}
.mod-snack .tab {
    margin-top: 1.5625rem;
    width: 100%;
}
.mod-snack .edito-media {
    position: relative;
    left: 50%;
    margin: 1.5625rem 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
}
.mod-snack .edito-media img {
    display: block;
    margin: 0 auto;
}
.mod-snack .edito-media .ui-wave-1,
.mod-snack .edito-media .wave-reverse {
    width: 100%;
    z-index: 10;
}
.mod-snack .edito-media .ui-wave-1 {
    bottom: 0;
    margin-bottom: -1px;
    top: auto;
    -webkit-transform: none;
    transform: none;
}
.mod-snack .edito-ct {
    color: #5a5a5a;
    font-weight: bold;
    font-size: 1.1428571429em;
    text-align: center;
}
@media (min-width: 48em) {
    .page-fruits-de-nos-regions  .mod-cover .edito-ct {
        width: 76.6666666667%;
        font-size: 2.8571428571em;
    }
    .page-fruits-de-nos-regions  .mod-cover .edito-ct span span {
        font-size: 1.375em;
    }
}
@media (min-width: 64em) {
    main {
        min-height: calc( 100vh - 10.375rem );
    }
    .ui-wave-1 {
        height: 5vw;
    }
    .wp {
        max-width: 58.75rem;
        margin-left: auto;
        margin-right: auto;
    }
    .tt,
    .edito-ct {
        max-width: none;
    }
    .page-bio .mod-nutri .wp .edito-ct p:not(:last-child), .fancy {
        font-size: 1.4285714286em;
    }
    .switch .lb {
        max-width: 10rem;
    }
    .nav-cross-products .object-fit {
        background-repeat: no-repeat;
        background-size: cover;
    }
    .nav-cross-products a,
    .nav-cross-products img,
    .nav-cross-products h3 {
        display: block;
        position: relative;
        width: 100%;
    }
    .nav-cross-products div {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: 'nittimostro';
        height: 100%;
        left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    .nav-cross-products .tt {
        font-size: 1.8571428571em;
    }
    .nav-cross-products span:not(.tt) {
        color: #00853a;
        display: block;
        font-size: 1em;
    }
    .nav-cross-products sup {
        font-size: 0.8571428571em;
    }
    .title-main {
        font-size: 3.5rem;
        text-align: left;
    }
    [role=navigation].sticky {
        height: 6rem;
    }
    .nav-home {
        left: 6.6666666667%;
        padding: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .nav-home svg {
        height: 2.8125rem;
        width: 2.9375rem;
    }
    .nav-wrapper {
        height: 6rem;
        padding: 0.375rem 0.5625rem;
        position: relative;
    }
    .sticky .home  .nav-wrapper {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
    }
    body:not(.home)  .nav-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }
    .nav-bar {
        margin: 0 auto;
        max-width: 112.5rem;
    }
    .nav-toggle {
        display: none;
    }
    #menu[aria-hidden="true"] {
        display: block;
    }
    .nav-menu:not([id^="megamenu"]) {
        position: static;
        height: 100%;
    }
    .nav-menu#menu .nav-links li {
        margin-right: 2.5rem;
    }
    .nav-menu#megamenu-1 .nav-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .nav-menu#megamenu-1 .nav-links li {
        max-height: calc( 100vh - 6rem );
        max-width: calc( 80vh - 6rem );
        width: 33.333333333333336%;
    }
    .nav-menu#megamenu-2 .nav-links li {
        width: calc(100% / 3);
        max-height: calc( 50vh - 3rem );
    }
    .nav-menu#megamenu-2 .nav-links li.nav-products--label .tt {
        color: #fff;
        font-size: 1.4em;
    }
    .nav-menu#megamenu-2 .nav-links li.nav-products--label .tt span {
        color: #fff;
        font-size: inherit;
    }
    .nav-menu#megamenu-2 .nav-links li:nth-last-child(4) ~ li {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        overflow: hidden;
    }
    .nav-menu#megamenu-2 .nav-links li:nth-last-child(4) ~ li:nth-child(1) a,
    .nav-menu#megamenu-2 .nav-links li:nth-last-child(4) ~ li:nth-child(2) a {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
    }
    .nav-menu[id^="megamenu"]:before {
        content: '';
        background: rgba(0,0,0,0.3);
        height: calc( 100vh - 6rem );
        left: 0;
        position: absolute;
        top: 0;
        opacity: 0;
        width: 100vw;
        -webkit-transition: all 0.17s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: all 0.17s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        z-index: -1;
    }
    .nav-menu[id^="megamenu"][aria-hidden="false"]:before {
        opacity: 1;
    }
    .nav-menu[id^="megamenu"] .nav-cross-products .nav-links a span {
        display: block;
    }
    .nav-menu[id^="megamenu"] .nav-cross-products span:not(.tt) {
        font-size: 1.4em;
    }
    .nav-menu[id^="megamenu"] .nav-cross-products .tt {
        font-size: 2.8em;
        line-height: 0.9;
        margin-top: 0.625rem;
        padding: 0 1.25rem;
        width: 100%;
    }
    .nav-menu[id^="megamenu"] .nav-links {
        height: 100%;
        padding: 0;
    }
    .nav-menu[id^="megamenu"] .nav-links a,
    .nav-menu[id^="megamenu"] .nav-links button {
        height: 100%;
    }
    .nav-menu[id^="megamenu"] .nav-links a picture,
    .nav-menu[id^="megamenu"] .nav-links button picture {
        height: 100%;
        width: 100%;
    }
    .nav-menu[id^="megamenu"] .nav-links a img,
    .nav-menu[id^="megamenu"] .nav-links button img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }
    .nav-menu[id^="megamenu"] .nav-links a span,
    .nav-menu[id^="megamenu"] .nav-links button span,
    .nav-menu[id^="megamenu"] .nav-links a .ui-separator,
    .nav-menu[id^="megamenu"] .nav-links button .ui-separator {
        display: none;
    }
    .menu-wrapper {
        height: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .menu-wrapper .block-social {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        position: absolute;
        right: 4.5833333333%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .nav-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 0 calc( 7.5rem + 4.5833333333% );
        width: 100%;
    }
    .nav-links a,
    .nav-links button {
        position: relative;
        outline: none;
    }
    .nav-links a span,
    .nav-links button span {
        display: inline-block;
        -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }
    .nav-links a:hover,
    .nav-links button:hover,
    .keyboard  .nav-links a:focus,
    .keyboard  .nav-links button:focus,
    .nav-links a[aria-current="true"],
    .nav-links button[aria-current="true"],
    .nav-links a[aria-expanded="true"],
    .nav-links button[aria-expanded="true"] {
        color: #fff82c;
    }
    .nav-links a:hover span,
    .nav-links button:hover span,
    .keyboard  .nav-links a:focus span,
    .keyboard  .nav-links button:focus span,
    .nav-links a[aria-current="true"] span,
    .nav-links button[aria-current="true"] span,
    .nav-links a[aria-expanded="true"] span,
    .nav-links button[aria-expanded="true"] span {
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translateY(-0.625rem);
        transform: translateY(-0.625rem);
    }
    .nav-links a:hover .ui-separator,
    .nav-links button:hover .ui-separator,
    .keyboard  .nav-links a:focus .ui-separator,
    .keyboard  .nav-links button:focus .ui-separator,
    .nav-links a[aria-current="true"] .ui-separator,
    .nav-links button[aria-current="true"] .ui-separator,
    .nav-links a[aria-expanded="true"] .ui-separator,
    .nav-links button[aria-expanded="true"] .ui-separator {
        opacity: 1;
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform: translate(-50%, -0.625rem);
        transform: translate(-50%, -0.625rem);
    }
    .nav-links .ui-separator {
        margin: 0.25rem auto 0;
        height: 0.9375rem;
        width: 4.5625rem;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        opacity: 0;
        -webkit-transition: opacity 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: opacity 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: opacity 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: opacity 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }
    .nav-links li:last-child .ui-separator {
        display: block;
    }
    .wood-panel {
        display: block;
        position: absolute;
        bottom: 100%;
        right: 26px;
        z-index: -1;
        -webkit-transition: opacity 0.1s linear, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.1s linear, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.1s linear, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.1s linear, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        outline: none;
    }
    .wood-panel:focus {
        outline: none;
    }
    .keyboard  .wood-panel:focus {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .wood-panel.play {
        -webkit-animation: wobble 1s linear;
        animation: wobble 1s linear;
    }
    .wood-panel.hide {
        -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -webkit-transform: scale(0.7) rotate(-180deg);
        transform: scale(0.7) rotate(-180deg);
    }
    .current-screen {
        display: none;
    }
    .block-social a {
        margin: 0;
    }
    .nav-edito ul {
        padding-top: 7.25rem;
    }
    .nav-edito li + li {
        margin-left: 2.0625rem;
    }
    .nav-edito li + li::before {
        left: -1.0625rem;
    }
    footer[role="contentinfo"] {
        padding: 0 4.5833333333%;
    }
    footer[role="contentinfo"] .links {
        font-size: 1.125rem;
    }
    footer[role="contentinfo"] p {
        font-size: 0.9375rem;
        margin: 0;
    }
    .footer-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1.4375rem 0;
    }
    .accordions--list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -10px;
        margin-right: -10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .accordions--list--item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px;
    }
    .accordions--list--item:nth-child(even) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .nav-cross-engagements {
        display: block;
        height: calc(100vh - 6rem);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow: auto;
    }
    section#engagements  .nav-engagements--close {
        display: none;
    }
    section#engagements  .nav-engagements--content {
        display: block !important;
    }
    .nav  .nav-engagements,
    .pre-footer  .nav-engagements {
        padding: 2.5rem 0;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .nav  .nav-engagements--intro,
    .pre-footer  .nav-engagements--intro {
        width: 17.875rem;
        margin-right: 5.125rem;
        padding: 5rem 0 0;
    }
    .nav  .nav-engagements--intro p,
    .pre-footer  .nav-engagements--intro p {
        display: block;
    }
    .nav  .nav-engagements--content,
    .pre-footer  .nav-engagements--content {
        width: 24.375rem;
    }
    .nav  .nav-engagements--subnav--title .separator,
    .pre-footer  .nav-engagements--subnav--title .separator {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .nav  .nav-engagements--subnav li,
    .pre-footer  .nav-engagements--subnav li {
        margin: 0.3125rem 0;
    }
    .nav-menu[aria-hidden="true"]  .nav-engagements--background {
        bottom: 100%;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }
    .nav  .nav-engagements {
        position: relative;
        width: 100%;
        max-height: none;
        margin-bottom: 0;
        height: calc(100vh - 6rem);
    }
    .nav  .nav-engagements--background {
        display: block;
        position: absolute;
        top: 0;
        height: calc(100vh - 6rem);
        right: 0;
        left: 0;
        z-index: 0;
        overflow: hidden;
        -webkit-transition: bottom 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: bottom 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .nav  .nav-engagements--background::before,
    .nav  .nav-engagements--background::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .nav  .nav-engagements--background::before {
        background: #282828;
        opacity: 0.4;
    }
    .nav  .nav-engagements--background::after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(40,40,40,0.7)));
        background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(40,40,40,0.7));
    }
    .nav  .nav-engagements--intro,
    .nav  .nav-engagements--content {
        position: relative;
    }
    .nav  .nav-engagements--content::after {
        content: '';
        display: block;
        height: 2.5rem;
    }
    .nav  .nav-engagements--subnav--title {
        color: #1df95b;
    }
    .mod-cover {
        padding-top: 7.1875rem;
        min-height: 75vh;
    }
    .mod-cover .edito-ct {
        font-size: 1.6em;
    }
    .contact-footer {
        text-align: left;
    }
    .contact-footer .wp {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .page-contact  .contact-footer .wp {
        padding-bottom: 0;
        padding-top: 4.375rem;
    }
    .contact-footer .ct {
        padding: 0 3.125rem 2.5rem;
        min-width: 35rem;
    }
    .contact-footer .ct p:last-child img:first-child:last-child {
        margin-top: 4.375rem;
    }
    .contact-footer .fancy {
        font-size: 2.8571428571em;
        margin-top: 0;
    }
    .contact-footer .fancy-alt {
        font-size: 2.8571428571em;
        margin-bottom: 0;
    }
    .contact-footer .fancy-alt ~ p:not([class]) {
        font-size: 1.7142857143em;
    }
    .contact-footer img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin: 0;
    }
    .contact-footer .deco {
        margin-top: 0;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .contact-footer .logo {
        -webkit-transform: translateX(-0.9375rem);
        transform: translateX(-0.9375rem);
    }
    .page-contact .wp {
        padding: 9.375rem 1.25rem;
    }
    .page-contact main .tt {
        font-size: 5.2857142857em;
        margin: 0 0 6.25rem;
    }
    [class*="col-"] + [class*="col-"] {
        margin-top: 2.5rem;
    }
    .form-field.full,
    .form-cols.full {
        width: 100%;
    }
    .form-field.select,
    .form-cols.select {
        margin-bottom: 7.5rem;
    }
    .form-field + .form-field,
    .form-cols + .form-field,
    .form-field + .form-fields,
    .form-cols + .form-fields,
    .form-field + .form-cols,
    .form-cols + .form-cols {
        margin-top: 2.5rem;
    }
    .form-fields + .form-field {
        margin-top: 2.5rem;
    }
    .form-cols > * {
        width: calc( 50% - 3.75rem);
    }
    .form-cols > *:not(.left):not(.right) {
        margin-top: 2.5rem;
    }
    .form-cols .left + .right {
        margin-top: 0;
    }
    .form-cols .form-field {
        width: 100%;
    }
    .col-full {
        width: 100%;
    }
    [class*="col-"] .form-field {
        width: 100%;
    }
    .form-field .selector + label {
        font-size: 3.5714285714em;
        padding: 0.75rem 1.875rem;
    }
    .form-field .selector + label:after {
        height: 2.25rem;
        margin-top: -0.75rem;
        width: 2.25rem;
    }
    .form-field label {
        font-size: 1.2857142857em;
    }
    .form-field textarea {
        min-height: 21.875rem;
    }
    .form-field input,
    .form-field textarea,
    .form-field .field-wp {
        margin-top: 0.5rem;
    }
    .form-field input + label:not([class]),
    .form-field textarea + label:not([class]),
    .form-field .field-wp + label:not([class]) {
        font-size: 1.7142857143em;
    }
    .form-field input + label:not([class]) .mention,
    .form-field textarea + label:not([class]) .mention,
    .form-field .field-wp + label:not([class]) .mention {
        font-size: 0.625em;
    }
    .form-field input[type="radio"] + label:before,
    .form-field input[type="checkbox"] + label:before {
        height: 1.375rem;
        margin-top: 0.0625rem;
        margin-right: 0.3125rem;
        width: 1.375rem;
    }
    .form-field input[type="radio"]:checked + label:before,
    .form-field input[type="checkbox"]:checked + label:before {
        -webkit-box-shadow: 0 0 0 3px #fff inset;
        box-shadow: 0 0 0 3px #fff inset;
    }
    .form-field input[type="checkbox"] + label {
        font-size: 1.0714285714em;
    }
    .form-field input[type="checkbox"] + label:before {
        margin-top: -0.25rem;
        margin-right: 0.5rem;
    }
    .form-field input[type="text"],
    .form-field input[type="tel"],
    .form-field input[type="number"],
    .form-field input[type="email"],
    .form-field input[type="date"] {
        padding: 0.9375rem 0.625rem;
    }
    .form-field input[type="file"] + label,
    .buttons [type="submit"] {
        font-size: 1.2857142857em;
        padding: 0.875rem;
    }
    .buttons {
        margin-top: 4.6875rem;
        width: 100%;
    }
    .fields label ~ label {
        margin-left: 1.25rem;
    }
    .form-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .form-fields > .mention,
    .form-cols > .mention,
    .form-fields > p,
    .form-cols > p {
        width: 100%;
    }
    .form-fields .mention,
    .form-cols .mention,
    .form-fields > p,
    .form-cols > p {
        font-size: 1.0714285714em;
    }
    .form-fields > p,
    .form-cols > p {
        margin: 5.25rem 0 2.75rem;
    }
    fieldset > div > label {
        margin-right: 2.5rem;
    }
    .mod-nutri {
        padding: 5.625rem 0 6.25rem;
    }
    .page-brasses  .mod-nutri {
        padding-top: 0;
    }
    .mod-nutri .bg-mod {
        max-height: 100%;
        right: 0;
        left: auto;
        width: 50%;
    }
    .mod-nutri .wp {
        -webkit-columns: 2;
        columns: 2;
        max-width: none;
        padding-top: 1.25rem;
    }
    .mod-nutri .tt {
        max-width: 58.75rem;
        text-align: center;
        width: 100%;
    }
    .mod-nutri .tt img {
        max-width: 33.75rem;
        width: 100%;
    }
    .mod-nutri .edito-media {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        max-width: 25rem;
        margin: 0 auto;
    }
    .mod-nutri .edito-ct {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
    }
    .mod-nutri .edito-ct p.fancy + p:not([class]) {
        margin-top: 2.875rem;
    }
    .mod-nutri .edito-ct .mentions:not(:last-child) {
        margin-top: 4.375rem;
    }
    .mod-origin {
        padding-bottom: 7.5rem;
    }
    .page-bio  .mod-origin.object-fit,
    .page-sans-sucres-ajoutes  .mod-origin.object-fit,
    .page-les-vitamines  .mod-origin.object-fit {
        background-position: 100% 80%;
        background-size: auto 150%;
        min-height: 45vh;
    }
    .page-brasses  .mod-origin.object-fit {
        background-position: 100% 55%;
    }
    .mod-origin .tt {
        max-width: 34.375rem;
        margin-left: 0;
    }
    .mod-origin .edito-ct {
        font-size: 1.1428571429em;
        margin-left: 0;
        width: 50%;
    }
    .mod-origin .edito-ct img {
        margin: 0.75rem 0;
    }
    .page-brasses  .mod-origin .tt img {
        width: auto;
    }
    .mod-products .layer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 6.25rem 0 6.25rem;
    }
    .mod-products .layer:last-child {
        padding-bottom: 7.5rem;
    }
    .mod-products .edito-tt {
        font-size: 2.8571428571em;
    }
    .mod-products .edito-tt h2 {
        padding-right: 0;
    }
    .mod-products .edito-ct {
        font-size: 1.2857142857em;
    }
    .mod-products .edito-media:first-child:not(:last-child):not(.media-first) {
        width: 50%;
    }
    .mod-products .edito-media:not(.media-first):first-child:not(:last-child) + .edito-ct {
        width: 50%;
    }
    .mod-products .media-first:first-child:not(:last-child) + .ct {
        width: auto;
        margin: 0 auto;
        max-width: 100%;
    }
    .mod-products .ct {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        max-width: 29.375rem;
        width: 50%;
        z-index: 5;
    }
    .mod-products .ct .edito-ct {
        margin-left: 0;
    }
    .mod-products .ct + .edito-media {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 50%;
    }
    .mod-products .ct ~ .edito-ct {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .mod-products .layer:nth-child(2) {
        height: 75vh;
    }
    .mod-products .fct {
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .mod-products .fct .edito-tt .wp,
    .mod-products .fct .edito-ct .wp {
        margin-right: 0;
        height: auto;
        padding-bottom: 0;
        padding-top: 0;
    }
    .mod-products .fct .edito-ct {
        padding-right: 27%;
        font-size: 1.4285714286em;
    }
    .mod-products .fct .edito-media {
        margin-bottom: 0;
    }
    .mod-products .fct .edito-media img {
        max-height: 50vh;
    }
    .mod-products .fct .ct {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .mod-products .fct .ct ~ .edito-ct {
        width: 100%;
    }
    .mod-products .media-first + .edito-ct {
        padding-right: 0;
    }
    .mod-promise.mod-promise {
        padding: 8.125rem 0 5.625rem;
    }
    .page-brasses  .mod-promise {
        padding-top: calc( 8.125rem - 5vw);
    }
    .mod-promise .wp {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: none;
    }
    .mod-promise .tt {
        font-size: 2.8571428571em;
        margin-bottom: 2.75rem;
    }
    .page-brasses  .mod-promise .tt {
        padding-right: 17.5%;
    }
    .mod-promise .ct,
    .mod-promise .main-deco {
        width: 50%;
    }
    .mod-promise .ct {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .mod-promise .ct:last-child {
        width: 100%;
    }
    .mod-promise .ct:last-child:not(:first-child) {
        padding-right: 0;
    }
    .mod-promise .ct:last-child .tt,
    .mod-promise .ct:last-child .edito-ct {
        padding-left: 12.5%;
    }
    .mod-promise .ct:last-child .edito-video {
        margin-top: 2.25rem;
    }
    .mod-promise .ct:last-child .edito-video + .edito-ct {
        padding-left: 0;
    }
    .mod-promise .ct:last-child .deco {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 17.5%;
    }
    .mod-promise .ct:last-child .deco + * {
        clear: none;
    }
    .mod-promise .main-deco {
        margin-top: 0;
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .mod-promise .edito-ct {
        font-size: 1.2857142857em;
    }
    .mod-promise .edito-ct p + p {
        margin-top: 2.1875rem;
    }
    .mod-promise .bg-mod {
        left: auto;
        right: 0;
        width: 50%;
    }
    .mod-snack {
        padding: 4.375rem 0;
    }
    .mod-snack form {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative;
    }
    .mod-snack form .tt,
    .mod-snack form .switch-wp,
    .mod-snack form .edito-ct {
        margin-left: 0;
        padding-right: 2.5rem;
        width: 50%;
    }
    .mod-snack form .switch-wp {
        width: 51%;
    }
    .mod-snack .tt {
        font-size: 2em;
    }
    .mod-snack .lb {
        font-size: 1.1428571429em;
    }
    .mod-snack .wp {
        max-width: 76.875rem;
    }
    .mod-snack .edito-media {
        left: auto;
        margin: 0;
        position: absolute;
        right: 0;
        overflow: hidden;
        height: calc( 100% + 2 * 1.875rem );
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        width: 50%;
    }
    .mod-snack .edito-media img {
        min-height: 100%;
        position: absolute;
        top: 50%;
        min-width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .mod-snack .edito-media .ui-wave-1 {
        display: none;
    }
    .block-social a {
        margin: 0;
    }
}
@media (min-width: 64em) and (max-width: 75em) {
    .nav-home {
        left: 4%;
    }
    .nav-links {
        padding: 0 calc( 5.5rem + 4.5833333333% );
    }
    .menu-wrapper .block-social {
        right: 0.8333333333%;
    }
    .nav-menu#menu .nav-links li {
        margin-right: 1.875rem;
    }
}
@media (min-width: 100em) {
    .mod-promise .ct:last-child .deco {
        margin-top: -7.5rem;
        -webkit-transform: none;
        transform: none;
    }
}
.nav-menu-wrapper {
    background: #0e9f36;
    padding: 1rem;
    overflow-y: scroll;
    height: calc(100vh - 96px);
    box-sizing: border-box;
}
.nav-menu-links {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
    max-width: 961px;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 0;
}
@media (max-width: 64em) {
    .nav-menu-links {
        padding: .25rem 0;
    }
}
.nav-menu-links li {
    padding: .725rem;
}
.nav-menu-links a {
    display: block;
    width: 217px;
    height: 217px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
}
.nav-menu-links picture {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.nav-menu-links picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nav-menu-links div {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .5rem;
}
.nav-menu-links div span {
    font-family: 'nittimostro', serif;
}
.nav-menu-links div span:first-child {
    text-shadow: 0 0 21px rgba(0, 0, 0, 0.34);
    font-size: 1.7em;
    color: #fff;
}
.nav-menu-links div span:last-child {
    text-transform: uppercase;
    line-height: .8;
    font-size: 1.8em;
    color: #387741;
}
@media (max-width: 64em) {
    .nav-wrapper {
        background: none;
    }
    .nav-menu-wrapper {
        padding: 0;
        background: #fff;
        height: calc(100vh - 48px);
    }
    .nav-menu-links {
        max-width: 535px;
        align-items: center;
        justify-content: center;
    }
    .nav-menu-links a {
        width: calc((100vh / 4) - 30px);
        height: calc((100vh / 4) - 30px);
    }
    .nav-menu-links div span:first-child {
        font-size: 1.2em;
    }
    .nav-menu-links div span:last-child {
        font-size: 1.2em;
    }
}
.page-4-saisons .mod-cover .edito-ct,
.page-battle-2-fruits .mod-cover .edito-ct {
    max-width: 510px;
    width: 100%;
}
.page-4-saisons .mod-origin,
.page-battle-2-fruits .mod-snack {
    display: none;
}
.page-4-saisons .mod-products .edito-ct .fancy-alt,
.page-battle-2-fruits .mod-products .edito-ct .fancy-alt {
    font-size: 2rem;
    text-align: center;
}
.page-4-saisons .mod-products .quizz .edito-ct .wp,
.page-battle-2-fruits .mod-products .quizz .edito-ct .wp {
    padding: 0;
}
.accordion--trigger div {
    color: #16a830;
}
.accordion--trigger svg {
    fill: #f27f00;
}
.page-4-saisons .mod-nutri .edito-ct .fancy,
.page-battle-2-fruits .mod-nutri .edito-ct .fancy {
    font-size: 1.5em;
    color: #0b6938;
}
.page-4-saisons .mod-nutri .edito-ct .fancy sup,
.page-battle-2-fruits .mod-nutri .edito-ct .fancy sup {
    margin-left: .25rem;
    font-size: .5em;
}
.page-4-saisons .mentions p,
.page-battle-2-fruits .mentions p {
    margin: 0;
}
.page-4-saisons .mentions p + p,
.page-battle-2-fruits .mentions p + p {
    margin-top: .5rem;
}
@media (max-width: 64em) {
    .page-4-saisons .mod-cover .edito-ct,
    .page-battle-2-fruits .mod-cover .edito-ct {
        max-width: 270px;
    }
}
.mod-cross-products .mod-cross-products-title {
    position: static;
    display: inline-block;
    height: auto;
    padding: 2.5rem .25rem 0;
    text-align: center;
    font-family: 'balloontwo', Helvetica, Arial, sans-serif;
    font-size: 2.25em;
    color: #0b6938;
}
.mod-cross-products .mod-cross-products-title svg {
    display: block;
    width: 50px;
    margin: .7rem auto 0;
    fill: #1df95b;
}
@media (max-width: 64em) {
    .mod-cross-products-title {
        font-size: 1.75em;
    }
}
.mod-cross-products {
    background-color: #fff;
}
.mod-cross-products ul,
.nav-cross-products ul {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
    max-width: 965px;
    width: 100%;
    margin: 0 auto;
    padding: 2.15rem 0 2.5rem;
}
.mod-cross-products li {
    width: auto;
    padding: 0.65rem;
}
@media (max-width: 64em) {
    .mod-cross-products li {
        width: calc((100% / 2) - 30px);
    }
}
.mod-cross-products a,
.nav-cross-products a {
    display: block;
    width: 217px;
    height: 217px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
}
@media (max-width: 64em) {
    .mod-cross-products a,
    .nav-cross-products a {
        width: 100%;
        height: 100%;
        padding-top: 100%;
    }
}
.mod-cross-products div,
.nav-cross-products div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .5rem;
}
.mod-cross-products picture,
.nav-cross-products picture {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.mod-cross-products img,
.nav-cross-products img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mod-cross-products div span {
    font-family: 'nittimostro', serif;
}
.mod-cross-products div span:first-child {
    text-shadow: 0 0 21px rgba(0, 0, 0, 0.34);
    font-size: 1.7em;
    color: #fff;
}
.mod-cross-products div span:last-child {
    text-transform: uppercase;
    line-height: .8;
    font-size: 1.8em;
    color: #387741;
}
@media (max-width: 64em) {
    .mod-cross-products ul {
        max-width: 420px;
        align-items: center;
    }
    .mod-cross-products li {
        padding: 0.5rem;
    }
    .mod-cross-products div span:first-child {
        font-size: 1.2em;
    }
    .mod-cross-products div span:last-child {
        font-size: 1.2em;
    }
    .page-les-ptits-explorateurs .mod-products .edito-tt h2 {
        padding-right: 0;
        font-size: .7em;
    }
}
.page-les-ptits-explorateurs .mod-products .fct .edito-media img {
    max-height: 70vh;
}
.page-les-ptits-explorateurs .accordion--trigger svg {
    fill: #f27f00;
}
.page-les-ptits-explorateurs .accordion--trigger div {
    color: #16a830;
}
.page-les-ptits-explorateurs .mod-products .quizz .edito-ct .wp {
    padding: 0;
}
.page-les-ptits-explorateurs .mod-origin,
.page-les-ptits-explorateurs .mod-snack {
    display: none;
}
.page-les-ptits-explorateurs .mod-nutri .tt {
    margin-top: 2.125rem;
}
.page-les-ptits-explorateurs .mod-nutri .edito-ct .fancy {
    font-size: 1.5em;
    color: #0b6938;
}
.page-les-ptits-explorateurs .mod-products .fct .edito-media + .edito-tt {
    margin: 0 auto;
    position: relative;
    top: -3.5em;
    text-align: center;
}

.page-les-ptits-explorateurs .mod-cover .edito-ct {
    color: #006d38;
}

.mod-nutri .edito-ct strong {
    font-family: 'balloontwo';
    margin-top: 1.375rem;
    line-height: 25px;
    font-size: 21px;
    color: #0b6938;
}

.mod-nutri .edito-ct img {
    margin-top: 30px;
}

.mod-nutri .edito-ct p {
    color: #5a5a5a;
    font-family: 'gothamrounded', serif;
    font-size: 1.1em;
}
.page-fruits-de-nos-regions .edito-ct {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.slick-initialized .slick-slide {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.slick-dots {
    display: flex;
    justify-content: center;
    column-gap: 12px;
    margin-top: 64px;
}

.slick-dots > li {
    transition: all 0.3s ease-out;
    transition-property: all;
    border: 0;
    background: white;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.slick-dots > li button {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.slick-dots > li.slick-active {
    background: #339442;
}

.productData-list {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 5px;
}

.productData {
    overflow: inherit !important;
}

.productData-picture {
    display: block;
}

.productData-button {
    transition: all 0.3s ease-out;
    transition-property: all;
    display: flex;
    justify-content: center;
    cursor: pointer;
    color:#339442;
    border: 1px solid #339442;
    padding: 7px 8px 6px 34px;
    border-radius: 20px;
    font-family: 'gothamrounded', Helvetica, Arial, sans-serif;
    margin: 8px auto 0;
    background: none;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
    position: relative;
}

.productData-button svg {
    transition: all 0.3s ease-out;
    transition-property: all;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    display: block;
}

.productData-button:hover {
    color:white;
    background-color:#339442;
}

.productData-button:hover svg path {
   fill: white;
}

.productData-title {
    color: #005D10;
    text-align: center;
    font-family: 'gothamrounded', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
}

.productData-popin {
    transition: all 0.3s ease-out;
    transition-property: all;
    position: fixed;
    top: 50%;
    left: 50%;
    width: calc(100% - 48px);
    transform: translate(-50%, -50%);
    padding: 50px 24px 24px;
    border-radius: 32px;
    z-index: 30;
    background-color: white;
    max-height: calc(100% - 48px);
    overflow: auto;
}

.productData-legend {
    color: #005D10;
    margin-top: 10px;
}

@media all and (min-width: 540px) {
    .productData-popin {
        max-width: 520px;
        padding: 64px;
    }
}

.js-show.productData-popin {
    display: block;
}

.productData-title {
    margin: 0 0 28px 0;
}

.productData-close {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.productData-close span {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.productData-close::before {
    transform: rotate(45deg);
}

.productData-close::after {
    transform: rotate(-45deg);
}

.productData-close::before,
.productData-close::after {
    transition: all 0.3s ease-out;
    transition-property: all;
    position: absolute;
    top: 0;
    content: '';
    display:block;
    width: 24px;
    height: 6px;
    border-radius: 3px;
    background-color: #f9354c;
}

.productData-close:hover::before,
.productData-close:hover::after {
    background-color: #fa6778;
}

.productData-table {
    font-family: 'gothamrounded', Helvetica, Arial, sans-serif;
    color: #005D10;
    width: 100%;
}

.productData-table tr {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #339442;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    font-size: 16px;
    font-style: normal;
    line-height: 18px;
    box-sizing: border-box;
}

.productData-table tr th {
    font-weight: bold;
    text-align: left;
    line-height: 20px;
}

.productData-table tr td {
    text-align: right;
    line-height: 20px;
}

.js-overlay {
    overflow: hidden;
    transition: all 0.3s ease-out;
    transition-property: all;
}

.js-overlay::before {
    content: '';
    background: rgba(25, 29, 58, 0.20);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 25;
}