:root {
    --Secondary-light-2-Color: #f5f7fa;
    --Secondary-light-1-Color: #e5ecf2;
    --Secondary-Color: #191e33;
    --Strong-Color: #98cb75;
    --Light-1-Color: #ffdfdb;
    --Light-2-Color: #fff2f1;
    --Light-3-Color: #fff
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

pre {
    font-family: monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=search] {
    -webkit-appearance: textfield
}

details {
    display: block
}

[hidden] {
    display: none
}

.m-t-5 {
    margin-top: 5px!important
}

.p-t-5 {
    padding-top: 5px!important
}

.m-b-5 {
    margin-bottom: 5px!important
}

.p-b-5 {
    padding-bottom: 5px!important
}

.m-l-5 {
    margin-left: 5px!important
}

.p-l-5 {
    padding-left: 5px!important
}

.m-r-5 {
    margin-right: 5px!important
}

.p-r-5 {
    padding-right: 5px!important
}

.m-t-10 {
    margin-top: 10px!important
}

.p-t-10 {
    padding-top: 10px!important
}

.m-b-10 {
    margin-bottom: 10px!important
}

.p-b-10 {
    padding-bottom: 10px!important
}

.m-l-10 {
    margin-left: 10px!important
}

.p-l-10 {
    padding-left: 10px!important
}

.m-r-10 {
    margin-right: 10px!important
}

.p-r-10 {
    padding-right: 10px!important
}

.m-t-15 {
    margin-top: 15px!important
}

.p-t-15 {
    padding-top: 15px!important
}

.m-b-15 {
    margin-bottom: 15px!important
}

.p-b-15 {
    padding-bottom: 15px!important
}

.m-l-15 {
    margin-left: 15px!important
}

.p-l-15 {
    padding-left: 15px!important
}

.m-r-15 {
    margin-right: 15px!important
}

.p-r-15 {
    padding-right: 15px!important
}

.m-t-20 {
    margin-top: 20px!important
}

.p-t-20 {
    padding-top: 20px!important
}

.m-b-20 {
    margin-bottom: 20px!important
}

.p-b-20 {
    padding-bottom: 20px!important
}

.m-l-20 {
    margin-left: 20px!important
}

.p-l-20 {
    padding-left: 20px!important
}

.m-r-20 {
    margin-right: 20px!important
}

.p-r-20 {
    padding-right: 20px!important
}

.m-t-25 {
    margin-top: 25px!important
}

.p-t-25 {
    padding-top: 25px!important
}

.m-b-25 {
    margin-bottom: 25px!important
}

.p-b-25 {
    padding-bottom: 25px!important
}

.m-l-25 {
    margin-left: 25px!important
}

.p-l-25 {
    padding-left: 25px!important
}

.m-r-25 {
    margin-right: 25px!important
}

.p-r-25 {
    padding-right: 25px!important
}

.m-t-30 {
    margin-top: 30px!important
}

.p-t-30 {
    padding-top: 30px!important
}

.m-b-30 {
    margin-bottom: 30px!important
}

.p-b-30 {
    padding-bottom: 30px!important
}

.m-l-30 {
    margin-left: 30px!important
}

.p-l-30 {
    padding-left: 30px!important
}

.m-r-30 {
    margin-right: 30px!important
}

.p-r-30 {
    padding-right: 30px!important
}

.m-t-35 {
    margin-top: 35px!important
}

.p-t-35 {
    padding-top: 35px!important
}

.m-b-35 {
    margin-bottom: 35px!important
}

.p-b-35 {
    padding-bottom: 35px!important
}

.m-l-35 {
    margin-left: 35px!important
}

.p-l-35 {
    padding-left: 35px!important
}

.m-r-35 {
    margin-right: 35px!important
}

.p-r-35 {
    padding-right: 35px!important
}

.m-t-40 {
    margin-top: 40px!important
}

.p-t-40 {
    padding-top: 40px!important
}

.m-b-40 {
    margin-bottom: 40px!important
}

.p-b-40 {
    padding-bottom: 40px!important
}

.m-l-40 {
    margin-left: 40px!important
}

.p-l-40 {
    padding-left: 40px!important
}

.m-r-40 {
    margin-right: 40px!important
}

.p-r-40 {
    padding-right: 40px!important
}

.m-t-45 {
    margin-top: 45px!important
}

.p-t-45 {
    padding-top: 45px!important
}

.m-b-45 {
    margin-bottom: 45px!important
}

.p-b-45 {
    padding-bottom: 45px!important
}

.m-l-45 {
    margin-left: 45px!important
}

.p-l-45 {
    padding-left: 45px!important
}

.m-r-45 {
    margin-right: 45px!important
}

.p-r-45 {
    padding-right: 45px!important
}

.m-t-50 {
    margin-top: 50px!important
}

.p-t-50 {
    padding-top: 50px!important
}

.m-b-50 {
    margin-bottom: 50px!important
}

.p-b-50 {
    padding-bottom: 50px!important
}

.m-l-50 {
    margin-left: 50px!important
}

.p-l-50 {
    padding-left: 50px!important
}

.m-r-50 {
    margin-right: 50px!important
}

.p-r-50 {
    padding-right: 50px!important
}

.m-t-55 {
    margin-top: 55px!important
}

.p-t-55 {
    padding-top: 55px!important
}

.m-b-55 {
    margin-bottom: 55px!important
}

.p-b-55 {
    padding-bottom: 55px!important
}

.m-l-55 {
    margin-left: 55px!important
}

.p-l-55 {
    padding-left: 55px!important
}

.m-r-55 {
    margin-right: 55px!important
}

.p-r-55 {
    padding-right: 55px!important
}

.m-t-60 {
    margin-top: 60px!important
}

.p-t-60 {
    padding-top: 60px!important
}

.m-b-60 {
    margin-bottom: 60px!important
}

.p-b-60 {
    padding-bottom: 60px!important
}

.m-l-60 {
    margin-left: 60px!important
}

.p-l-60 {
    padding-left: 60px!important
}

.m-r-60 {
    margin-right: 60px!important
}

.p-r-60 {
    padding-right: 60px!important
}

.m-t-65 {
    margin-top: 65px!important
}

.p-t-65 {
    padding-top: 65px!important
}

.m-b-65 {
    margin-bottom: 65px!important
}

.p-b-65 {
    padding-bottom: 65px!important
}

.m-l-65 {
    margin-left: 65px!important
}

.p-l-65 {
    padding-left: 65px!important
}

.m-r-65 {
    margin-right: 65px!important
}

.p-r-65 {
    padding-right: 65px!important
}

.m-t-70 {
    margin-top: 70px!important
}

.p-t-70 {
    padding-top: 70px!important
}

.m-b-70 {
    margin-bottom: 70px!important
}

.p-b-70 {
    padding-bottom: 70px!important
}

.m-l-70 {
    margin-left: 70px!important
}

.p-l-70 {
    padding-left: 70px!important
}

.m-r-70 {
    margin-right: 70px!important
}

.p-r-70 {
    padding-right: 70px!important
}

.m-t-75 {
    margin-top: 75px!important
}

.p-t-75 {
    padding-top: 75px!important
}

.m-b-75 {
    margin-bottom: 75px!important
}

.p-b-75 {
    padding-bottom: 75px!important
}

.m-l-75 {
    margin-left: 75px!important
}

.p-l-75 {
    padding-left: 75px!important
}

.m-r-75 {
    margin-right: 75px!important
}

.p-r-75 {
    padding-right: 75px!important
}

.m-t-80 {
    margin-top: 80px!important
}

.p-t-80 {
    padding-top: 80px!important
}

.m-b-80 {
    margin-bottom: 80px!important
}

.p-b-80 {
    padding-bottom: 80px!important
}

.m-l-80 {
    margin-left: 80px!important
}

.p-l-80 {
    padding-left: 80px!important
}

.m-r-80 {
    margin-right: 80px!important
}

.p-r-80 {
    padding-right: 80px!important
}

.m-t-85 {
    margin-top: 85px!important
}

.p-t-85 {
    padding-top: 85px!important
}

.m-b-85 {
    margin-bottom: 85px!important
}

.p-b-85 {
    padding-bottom: 85px!important
}

.m-l-85 {
    margin-left: 85px!important
}

.p-l-85 {
    padding-left: 85px!important
}

.m-r-85 {
    margin-right: 85px!important
}

.p-r-85 {
    padding-right: 85px!important
}

.m-t-100 {
    margin-top: 100px!important
}

.p-t-100 {
    padding-top: 100px!important
}

.m-b-100 {
    margin-bottom: 100px!important
}

.p-b-100 {
    padding-bottom: 100px!important
}

.m-l-100 {
    margin-left: 100px!important
}

.p-l-100 {
    padding-left: 100px!important
}

.m-r-100 {
    margin-right: 100px!important
}

.p-r-100 {
    padding-right: 100px!important
}

.m-t-250 {
    margin-top: 250px!important
}

.p-t-250 {
    padding-top: 250px!important
}

.m-b-250 {
    margin-bottom: 250px!important
}

.p-b-250 {
    padding-bottom: 250px!important
}

.m-l-250 {
    margin-left: 250px!important
}

.p-l-250 {
    padding-left: 250px!important
}

.m-r-250 {
    margin-right: 250px!important
}

.p-r-250 {
    padding-right: 250px!important
}

.m-t-300 {
    margin-top: 300px!important
}

.p-t-300 {
    padding-top: 300px!important
}

.m-b-300 {
    margin-bottom: 300px!important
}

.p-b-300 {
    padding-bottom: 300px!important
}

.m-l-300 {
    margin-left: 300px!important
}

.p-l-300 {
    padding-left: 300px!important
}

.m-r-300 {
    margin-right: 300px!important
}

.p-r-300 {
    padding-right: 300px!important
}

.fs-10 {
    font-size: 10px!important
}

.fs-12 {
    font-size: 12px!important
}

.fs-14 {
    font-size: 14px!important
}

.fs-16 {
    font-size: 16px!important
}

.fs-18 {
    font-size: 18px!important
}

.fs-20 {
    font-size: 20px!important
}

.fs-22 {
    font-size: 22px!important
}

.fs-24 {
    font-size: 24px!important
}

.fs-26 {
    font-size: 26px!important
}

.fs-28 {
    font-size: 28px!important
}

.fs-30 {
    font-size: 30px!important
}

.fs-32 {
    font-size: 32px!important
}

.fs-34 {
    font-size: 34px!important
}

.fs-36 {
    font-size: 36px!important
}

.fs-38 {
    font-size: 38px!important
}

.fs-40 {
    font-size: 40px!important
}

.fs-42 {
    font-size: 42px!important
}

.fs-44 {
    font-size: 44px!important
}

.fs-46 {
    font-size: 46px!important
}

.fs-48 {
    font-size: 48px!important
}

.fs-50 {
    font-size: 50px!important
}

.fs-60 {
    font-size: 60px!important
}

.fs-70 {
    font-size: 70px!important
}

.fs-80 {
    font-size: 80px!important
}

.fs-90 {
    font-size: 90px!important
}

.fs-100 {
    font-size: 100px!important
}

.bloc-contenu a.QvFwJ {
    align-items: flex-start;
    color: #7f7f7f;
    display: flex;
    flex-direction: row
}

#cc-storelocator-root [type=checkbox]:checked,
#cc-storelocator-root [type=checkbox]:not(:checked) {
    display: inline-block
}

a,
a:active,
a:focus {
    outline: none
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

html {
    font-family: sans-serif;
    line-height: 1.15
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    background-color: #fff;
    color: #212529;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    margin-top: 0
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[data-original-title],
abbr[title] {
    border-bottom: 0;
    cursor: help;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: transparent
}

a,
a:hover {
    color: #191e33
}

a:hover {
    text-decoration: none
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    -ms-overflow-style: scrollbar;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    caption-side: bottom;
    color: #6c757d;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    color: inherit;
    display: block;
    font-size: 1.5rem;
    line-height: inherit;
    margin-bottom: .5rem;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: 100%
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: none;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

summary {
    cursor: pointer;
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem
}

.h1,
h1 {
    font-size: 3.125rem
}

.h2,
h2 {
    font-size: 2.25rem
}

.h3,
h3 {
    font-size: 1.96875rem
}

.h4,
h4 {
    font-size: 1.6875rem
}

.h5,
h5 {
    font-size: 1.40625rem
}

.h6,
h6 {
    font-size: 1.125rem
}

.lead {
    font-size: 1.40625rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem
}

hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 1rem;
    margin-top: 1rem
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}

.list-inline,
.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.40625rem;
    margin-bottom: 1rem
}

.blockquote-footer {
    color: #6c757d;
    display: block;
    font-size: 80%
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    padding: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    line-height: 1;
    margin-bottom: .5rem
}

.figure-caption {
    color: #6c757d;
    font-size: 90%
}

.block-routine-soins.full-items .container-full,
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

@media(min-width: 576px) {
    .block-routine-soins.full-items .container-full,
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media(min-width: 768px) {
    .block-routine-soins.full-items .container-full,
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media(min-width: 992px) {
    .block-routine-soins.full-items .container-full,
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .block-routine-soins.full-items .container-full,
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1250px
    }
}

.bloc-diagnostic-basement-wrapper,
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -24px;
    margin-right: -24px
}

.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.bloc-diagnostic-basement-left-side,
.bloc-diagnostic-basement-right-side,
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    width: 100%
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

@media(min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .bloc-diagnostic-basement-right-side,
    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .bloc-diagnostic-basement-left-side,
    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
}

.form-control {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    background-color: #fff;
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    color: #495057;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: calc(.375rem + 1px);
    padding-top: calc(.375rem + 1px)
}

.col-form-label-lg {
    font-size: 1.40625rem;
    line-height: 1.5;
    padding-bottom: calc(.5rem + 1px);
    padding-top: calc(.5rem + 1px)
}

.col-form-label-sm {
    font-size: .984375rem;
    line-height: 1.5;
    padding-bottom: calc(.25rem + 1px);
    padding-top: calc(.25rem + 1px)
}

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    color: #212529;
    display: block;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem 0;
    width: 100%
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm {
    border-radius: .2rem;
    font-size: .984375rem;
    height: calc(1.5em + .5rem + 2px);
    line-height: 1.5;
    padding: .25rem .5rem
}

.form-control-lg {
    border-radius: .3rem;
    font-size: 1.40625rem;
    height: calc(1.5em + 1rem + 2px);
    line-height: 1.5;
    padding: .5rem 1rem
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.form-check {
    display: block;
    padding-left: 1.25rem;
    position: relative
}

.form-check-input {
    margin-left: -1.25rem;
    margin-top: .3rem;
    position: absolute
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    align-items: center;
    display: inline-flex;
    margin-right: .75rem;
    padding-left: 0
}

.form-check-inline .form-check-input {
    margin-left: 0;
    margin-right: .3125rem;
    margin-top: 0;
    position: static
}

.valid-feedback {
    color: #28a745;
    display: none;
    font-size: 80%;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem;
    color: #fff;
    display: none;
    font-size: .984375rem;
    left: 0;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem)!important
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    background-position: right 1.5rem center;
    padding-right: 3rem!important
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem)!important
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #34ce57;
    border-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    color: #dc3545;
    display: none;
    font-size: 80%;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem;
    color: #fff;
    display: none;
    font-size: .984375rem;
    left: 0;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem)!important
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    background-position: right 1.5rem center;
    padding-right: 3rem!important
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem)!important
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    background-color: #e4606d;
    border-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

.form-inline .form-check {
    width: 100%
}

@media(min-width: 576px) {
    .form-inline label {
        justify-content: center
    }
    .form-inline .form-group,
    .form-inline label {
        align-items: center;
        display: flex;
        margin-bottom: 0
    }
    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }
    .form-inline .form-control {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-left: 0;
        width: auto
    }
    .form-inline .form-check-input {
        flex-shrink: 0;
        margin-left: 0;
        margin-right: .25rem;
        margin-top: 0;
        position: relative
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.table {
    color: #212529;
    margin-bottom: 1rem;
    width: 100%
}

.table td,
.table th {
    border-top: 1px solid #dee2e6;
    padding: .75rem;
    vertical-align: top
}

.table thead th {
    border-bottom: 2px solid #dee2e6;
    vertical-align: bottom
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075);
    color: #212529
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    background-color: #343a40;
    border-color: #454d55;
    color: #fff
}

.table .thead-light th {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #495057
}

.table-dark {
    background-color: #343a40;
    color: #fff
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: hsla(0, 0%, 100%, .075);
    color: #fff
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
}

.table-responsive>.table-bordered {
    border: 0
}

.btn {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50px;
    color: #212529;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 10px 25px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    outline: 0
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
    color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #0062cc;
    border-color: #005cbf;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #545b62;
    border-color: #4e555b;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5)
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
    color: #fff
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background-color: #1e7e34;
    border-color: #1c7430;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
    color: #fff
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    background-color: #117a8b;
    border-color: #10707f;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: #212529
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    background-color: #d39e00;
    border-color: #c69500;
    color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    background-color: #bd2130;
    border-color: #b21f2d;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #212529
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    background-color: #dae0e5;
    border-color: #d3d9df;
    color: #212529
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5)
}

.btn-dark {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
    background-color: #23272b;
    border-color: #1d2124;
    color: #fff
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    background-color: #1d2124;
    border-color: #171a1d;
    color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
    border-color: #007bff;
    color: #007bff
}

.btn-outline-primary:hover {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: transparent;
    color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d
}

.btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    background-color: transparent;
    color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-success {
    border-color: #28a745;
    color: #28a745
}

.btn-outline-success:hover {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    background-color: transparent;
    color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    border-color: #17a2b8;
    color: #17a2b8
}

.btn-outline-info:hover {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    background-color: transparent;
    color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    border-color: #ffc107;
    color: #ffc107
}

.btn-outline-warning:hover {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    background-color: transparent;
    color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    border-color: #dc3545;
    color: #dc3545
}

.btn-outline-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background-color: transparent;
    color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    border-color: #f8f9fa;
    color: #f8f9fa
}

.btn-outline-light:hover {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    background-color: transparent;
    color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    border-color: #343a40;
    color: #343a40
}

.btn-outline-dark:hover {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    background-color: transparent;
    color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
    font-weight: 400
}

.btn-link,
.btn-link:hover {
    color: #191e33;
    text-decoration: none
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    border-radius: .3rem;
    font-size: 1.40625rem;
    line-height: 1.5;
    padding: .5rem 1rem
}

.btn-group-sm>.btn,
.btn-sm {
    border-radius: .2rem;
    font-size: .984375rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    color: #212529;
    display: none;
    float: left;
    font-size: 1.125rem;
    left: 0;
    list-style: none;
    margin: .125rem 0 0;
    min-width: 10rem;
    padding: .5rem 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

@media(min-width: 576px) {
    .dropdown-menu-sm-left {
        left: 0;
        right: auto
    }
    .dropdown-menu-sm-right {
        left: auto;
        right: 0
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-left {
        left: 0;
        right: auto
    }
    .dropdown-menu-md-right {
        left: auto;
        right: 0
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-left {
        left: 0;
        right: auto
    }
    .dropdown-menu-lg-right {
        left: auto;
        right: 0
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-left {
        left: 0;
        right: auto
    }
    .dropdown-menu-xl-right {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu {
    bottom: 100%;
    margin-bottom: .125rem;
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    left: 100%;
    margin-left: .125rem;
    margin-top: 0;
    right: auto;
    top: 0
}

.dropright .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    left: auto;
    margin-right: .125rem;
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropleft .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: .255em;
    vertical-align: .255em
}

.dropleft .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    bottom: auto;
    right: auto
}

.dropdown-divider {
    border-top: 1px solid #e9ecef;
    height: 0;
    margin: .5rem 0;
    overflow: hidden
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    clear: both;
    color: #212529;
    display: block;
    font-weight: 400;
    padding: .25rem 1.5rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #e9ecef;
    color: #16181b;
    text-decoration: none
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #007bff;
    color: #fff;
    text-decoration: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    background-color: transparent;
    color: #adb5bd;
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: #6c757d;
    display: block;
    font-size: .984375rem;
    margin-bottom: 0;
    padding: .5rem 1.5rem;
    white-space: nowrap
}

.dropdown-item-text {
    color: #212529;
    display: block;
    padding: .25rem 1.5rem
}

.btn-group,
.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    flex: 1 1 auto;
    position: relative
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dropdown-toggle-split {
    padding-left: 18.75px;
    padding-right: 18.75px
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-left: .375rem;
    padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute
}

.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    margin-bottom: -1px
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    background-color: transparent;
    border-color: transparent;
    color: #6c757d
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    color: #495057
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #007bff;
    color: #fff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.card>hr {
    margin-left: 0;
    margin-right: 0
}

.card>.list-group {
    border-bottom: inherit;
    border-top: inherit
}

.card>.list-group:first-child {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-width: 0
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 0;
    padding: .75rem 1.25rem
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125);
    padding: .75rem 1.25rem
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: -.75rem
}

.card-header-pills,
.card-header-tabs {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.card-img-overlay {
    border-radius: calc(.25rem - 1px);
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    top: 0
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 24px
}

@media(min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-left: -24px;
        margin-right: -24px
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-bottom: 0;
        margin-left: 24px;
        margin-right: 24px
    }
}

.card-group>.card {
    margin-bottom: 24px
}

@media(min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        border-left: 0;
        margin-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media(min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    background-color: #e9ecef;
    border-radius: .25rem;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 1rem;
    padding: .75rem 1rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    color: #6c757d;
    content: "/";
    float: left;
    padding-right: .5rem
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    border-radius: .25rem;
    display: flex;
    list-style: none;
    padding-left: 0
}

.page-link {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #191e33;
    display: block;
    line-height: 1.25;
    margin-left: -1px;
    padding: .5rem .75rem;
    position: relative
}

.page-link:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #191e33;
    text-decoration: none;
    z-index: 2
}

.page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    outline: 0;
    z-index: 3
}

.page-item:first-child .page-link {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    margin-left: 0
}

.page-item:last-child .page-link {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    z-index: 3
}

.page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
    cursor: auto;
    pointer-events: none
}

.pagination-lg .page-link {
    font-size: 1.40625rem;
    line-height: 1.5;
    padding: .75rem 1.5rem
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    font-size: .984375rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}

.media {
    align-items: flex-start;
    display: flex
}

.media-body {
    flex: 1
}

.close {
    color: #000;
    float: right;
    font-size: 1.6875rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    text-shadow: 0 1px 0 #fff
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    background-color: transparent;
    border: 0;
    padding: 0
}

a.close.disabled {
    pointer-events: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050
}

.modal-dialog {
    margin: .5rem;
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    content: "";
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: min-content
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    align-items: flex-start;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem
}

.modal-title {
    line-height: 1.5;
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

.modal-footer {
    align-items: center;
    border-bottom-left-radius: calc(.3rem - 1px);
    border-bottom-right-radius: calc(.3rem - 1px);
    border-top: 1px solid #dee2e6;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: .75rem
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

@media(min-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto;
        max-width: 500px
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    word-wrap: break-word;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .984375rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    display: block;
    height: .4rem;
    position: absolute;
    width: .8rem
}

.tooltip .arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
    border-top-color: #000;
    border-width: .4rem .4rem 0;
    top: 0
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    height: .8rem;
    left: 0;
    width: .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    border-right-color: #000;
    border-width: .4rem .4rem .4rem 0;
    right: 0
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #000;
    border-width: 0 .4rem .4rem;
    bottom: 0
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    height: .8rem;
    right: 0;
    width: .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    border-left-color: #000;
    border-width: .4rem 0 .4rem .4rem;
    left: 0
}

.tooltip-inner {
    background-color: #000;
    border-radius: .25rem;
    color: #fff;
    max-width: 200px;
    padding: .25rem .5rem;
    text-align: center
}

.popover {
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .984375rem;
    font-style: normal;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    max-width: 276px;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1060
}

.popover,
.popover .arrow {
    display: block;
    position: absolute
}

.popover .arrow {
    height: .5rem;
    margin: 0 .3rem;
    width: 1rem
}

.popover .arrow:after,
.popover .arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
    border-top-color: rgba(0, 0, 0, .25);
    border-width: .5rem .5rem 0;
    bottom: 0
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
    border-top-color: #fff;
    border-width: .5rem .5rem 0;
    bottom: 1px
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    height: 1rem;
    left: calc(-.5rem - 1px);
    margin: .3rem 0;
    width: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
    border-right-color: rgba(0, 0, 0, .25);
    border-width: .5rem .5rem .5rem 0;
    left: 0
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
    border-right-color: #fff;
    border-width: .5rem .5rem .5rem 0;
    left: 1px
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
    border-bottom-color: rgba(0, 0, 0, .25);
    border-width: 0 .5rem .5rem;
    top: 0
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
    border-bottom-color: #fff;
    border-width: 0 .5rem .5rem;
    top: 1px
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    border-bottom: 1px solid #f7f7f7;
    content: "";
    display: block;
    left: 50%;
    margin-left: -.5rem;
    position: absolute;
    top: 0;
    width: 1rem
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    height: 1rem;
    margin: .3rem 0;
    right: calc(-.5rem - 1px);
    width: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
    border-left-color: rgba(0, 0, 0, .25);
    border-width: .5rem 0 .5rem .5rem;
    right: 0
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
    border-left-color: #fff;
    border-width: .5rem 0 .5rem .5rem;
    right: 1px
}

.popover-header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    font-size: 1.125rem;
    margin-bottom: 0;
    padding: .5rem .75rem
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: #212529;
    padding: .5rem .75rem
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.spinner-border {
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    border: .25em solid;
    border-radius: 50%;
    border-right: .25em solid transparent;
    display: inline-block;
    height: 2rem;
    vertical-align: -.125em;
    width: 2rem
}

.spinner-border-sm {
    border-width: .2em;
    height: 1rem;
    width: 1rem
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 2rem;
    opacity: 0;
    vertical-align: -.125em;
    width: 2rem
}

.spinner-grow-sm {
    height: 1rem;
    width: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: .2rem!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important
}

.rounded-lg {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media(min-width: 576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: flex!important
    }
    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width: 768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: flex!important
    }
    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width: 992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: flex!important
    }
    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media(min-width: 1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: flex!important
    }
    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: flex!important
    }
    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.embed-responsive {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.embed-responsive:before {
    content: "";
    display: block
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.embed-responsive-21by9:before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media(min-width: 576px) {
    .flex-sm-row {
        flex-direction: row!important
    }
    .flex-sm-column {
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        justify-content: center!important
    }
    .justify-content-sm-between {
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        justify-content: space-around!important
    }
    .align-items-sm-start {
        align-items: flex-start!important
    }
    .align-items-sm-end {
        align-items: flex-end!important
    }
    .align-items-sm-center {
        align-items: center!important
    }
    .align-items-sm-baseline {
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        align-items: stretch!important
    }
    .align-content-sm-start {
        align-content: flex-start!important
    }
    .align-content-sm-end {
        align-content: flex-end!important
    }
    .align-content-sm-center {
        align-content: center!important
    }
    .align-content-sm-between {
        align-content: space-between!important
    }
    .align-content-sm-around {
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        align-content: stretch!important
    }
    .align-self-sm-auto {
        align-self: auto!important
    }
    .align-self-sm-start {
        align-self: flex-start!important
    }
    .align-self-sm-end {
        align-self: flex-end!important
    }
    .align-self-sm-center {
        align-self: center!important
    }
    .align-self-sm-baseline {
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        flex-direction: row!important
    }
    .flex-md-column {
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        justify-content: center!important
    }
    .justify-content-md-between {
        justify-content: space-between!important
    }
    .justify-content-md-around {
        justify-content: space-around!important
    }
    .align-items-md-start {
        align-items: flex-start!important
    }
    .align-items-md-end {
        align-items: flex-end!important
    }
    .align-items-md-center {
        align-items: center!important
    }
    .align-items-md-baseline {
        align-items: baseline!important
    }
    .align-items-md-stretch {
        align-items: stretch!important
    }
    .align-content-md-start {
        align-content: flex-start!important
    }
    .align-content-md-end {
        align-content: flex-end!important
    }
    .align-content-md-center {
        align-content: center!important
    }
    .align-content-md-between {
        align-content: space-between!important
    }
    .align-content-md-around {
        align-content: space-around!important
    }
    .align-content-md-stretch {
        align-content: stretch!important
    }
    .align-self-md-auto {
        align-self: auto!important
    }
    .align-self-md-start {
        align-self: flex-start!important
    }
    .align-self-md-end {
        align-self: flex-end!important
    }
    .align-self-md-center {
        align-self: center!important
    }
    .align-self-md-baseline {
        align-self: baseline!important
    }
    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media(min-width: 992px) {
    .flex-lg-row {
        flex-direction: row!important
    }
    .flex-lg-column {
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        justify-content: center!important
    }
    .justify-content-lg-between {
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        justify-content: space-around!important
    }
    .align-items-lg-start {
        align-items: flex-start!important
    }
    .align-items-lg-end {
        align-items: flex-end!important
    }
    .align-items-lg-center {
        align-items: center!important
    }
    .align-items-lg-baseline {
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        align-items: stretch!important
    }
    .align-content-lg-start {
        align-content: flex-start!important
    }
    .align-content-lg-end {
        align-content: flex-end!important
    }
    .align-content-lg-center {
        align-content: center!important
    }
    .align-content-lg-between {
        align-content: space-between!important
    }
    .align-content-lg-around {
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        align-content: stretch!important
    }
    .align-self-lg-auto {
        align-self: auto!important
    }
    .align-self-lg-start {
        align-self: flex-start!important
    }
    .align-self-lg-end {
        align-self: flex-end!important
    }
    .align-self-lg-center {
        align-self: center!important
    }
    .align-self-lg-baseline {
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media(min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row!important
    }
    .flex-xl-column {
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        justify-content: center!important
    }
    .justify-content-xl-between {
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        justify-content: space-around!important
    }
    .align-items-xl-start {
        align-items: flex-start!important
    }
    .align-items-xl-end {
        align-items: flex-end!important
    }
    .align-items-xl-center {
        align-items: center!important
    }
    .align-items-xl-baseline {
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        align-items: stretch!important
    }
    .align-content-xl-start {
        align-content: flex-start!important
    }
    .align-content-xl-end {
        align-content: flex-end!important
    }
    .align-content-xl-center {
        align-content: center!important
    }
    .align-content-xl-between {
        align-content: space-between!important
    }
    .align-content-xl-around {
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        align-content: stretch!important
    }
    .align-self-xl-auto {
        align-self: auto!important
    }
    .align-self-xl-start {
        align-self: flex-start!important
    }
    .align-self-xl-end {
        align-self: flex-end!important
    }
    .align-self-xl-center {
        align-self: center!important
    }
    .align-self-xl-baseline {
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media(min-width: 576px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float: left!important
    }
    .float-md-right {
        float: right!important
    }
    .float-md-none {
        float: none!important
    }
}

@media(min-width: 992px) {
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
}

@media(min-width: 1200px) {
    .float-xl-left {
        float: left!important
    }
    .float-xl-right {
        float: right!important
    }
    .float-xl-none {
        float: none!important
    }
}

.user-select-all {
    -webkit-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    user-select: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

@supports((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media(min-width: 576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-n1 {
        margin: -.25rem!important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem!important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem!important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem!important
    }
    .m-sm-n2 {
        margin: -.5rem!important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem!important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem!important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem!important
    }
    .m-sm-n3 {
        margin: -1rem!important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem!important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem!important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem!important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem!important
    }
    .m-sm-n4 {
        margin: -1.5rem!important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem!important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem!important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem!important
    }
    .m-sm-n5 {
        margin: -3rem!important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem!important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem!important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem!important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media(min-width: 768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-n1 {
        margin: -.25rem!important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem!important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem!important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem!important
    }
    .m-md-n2 {
        margin: -.5rem!important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem!important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem!important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem!important
    }
    .m-md-n3 {
        margin: -1rem!important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem!important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem!important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem!important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem!important
    }
    .m-md-n4 {
        margin: -1.5rem!important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem!important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem!important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem!important
    }
    .m-md-n5 {
        margin: -3rem!important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem!important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem!important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem!important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media(min-width: 992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-n1 {
        margin: -.25rem!important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem!important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem!important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem!important
    }
    .m-lg-n2 {
        margin: -.5rem!important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem!important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem!important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem!important
    }
    .m-lg-n3 {
        margin: -1rem!important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem!important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem!important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem!important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem!important
    }
    .m-lg-n4 {
        margin: -1.5rem!important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem!important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem!important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem!important
    }
    .m-lg-n5 {
        margin: -3rem!important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem!important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem!important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem!important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media(min-width: 1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-n1 {
        margin: -.25rem!important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem!important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem!important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem!important
    }
    .m-xl-n2 {
        margin: -.5rem!important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem!important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem!important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem!important
    }
    .m-xl-n3 {
        margin: -1rem!important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem!important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem!important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem!important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem!important
    }
    .m-xl-n4 {
        margin: -1.5rem!important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem!important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem!important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem!important
    }
    .m-xl-n5 {
        margin: -3rem!important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem!important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem!important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem!important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.stretched-link:after {
    background-color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace!important
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media(min-width: 576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}

@media(min-width: 768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media(min-width: 992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

@media(min-width: 1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5)!important
}

.text-hide {
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes plyr-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: var(--plyr-badge-background, #4a5464);
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: var(--plyr-badge-text-color, #fff);
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media(min-width: 480px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-base, 15px);
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media(min-width: 768px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: transparent;
    border: 0;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    color: var(--plyr-menu-color, #4a5464);
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border-top-color: transparent;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
    overflow: hidden;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: transparent;
    background: currentColor;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr__poster {
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: var(--plyr-control-spacing, 10px)
}

.plyr__tooltip {
    background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%, 10px) scale(.8);
    transform: translate(-50%, 10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word;
    white-space: normal
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: transparent
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr__progress__marker {
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

.plyr__volume input[type=range] {
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    position: relative;
    z-index: 2
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr--video {
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {
    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    -webkit-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: 3
}

@media(min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: var(--plyr-control-spacing, 10px);
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
    .plyr:fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0!important;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
    border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none!important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0!important;
    height: 1px!important;
    overflow: hidden;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.plyr [hidden] {
    display: none!important
}

figure.containerZoom {
    background-position: 50% 50%;
    cursor: zoom-in;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

figure.containerZoom img {
    display: block;
    transition: opacity .5s;
    width: 100%
}

figure.containerZoom.active img {
    opacity: 0
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated,
.block-cross-sell .left-side .cross-buy-zone.anm,
.block-cross-sell .left-side .cross-product-slider-item-description.anm,
.block-cross-sell .left-side .cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .cross-product-slider-item-title.anm,
.block-cross-sell .left-side .cross-product-slides-item .tryit-btn.anm,
.block-cross-sell .left-side .cross-product-slides-item.anm,
.block-product-carousel-image .item img,
.carousel-link--text p,
.image-large-text-composition .card-article .card .card-body .card-text,
.image-large-text-composition .card-article .card .card-body .card-title,
.image-large-text-composition .card-article .card.full-card .text-only,
.image-slider--description p,
.image-slider--img img,
.image-slider--retitle,
.image-slider--subtitle,
.image-slider--title,
.ingredient-cover__subtitle,
.ingredient-cover__surtitle,
.ingredient-cover__table-details,
.ingredient-cover__table-title,
.ingredient-cover__text-large,
.ingredient-cover__text-regular,
.ingredient-cover__title,
.key-figures .progress-circle.anm,
.key-figures__desc.anm,
.key-figures__item.item-image .img-wrapper.anm,
.key-figures__sub-title.anm,
.large-feature-article .card-article .card .card-body .card-text,
.large-feature-article .card-article .card .card-body .card-title,
.promo-testimonial--text .anm,
.promoted-content-composition--cta,
.promoted-content-composition--description,
.promoted-content-composition--title,
.question-answer__text,
.question-answer__title,
.range-page-cover__btn a,
.range-page-cover__desc,
.range-page-cover__sub-desc,
.range-page-cover__title,
.resultats__visuel.img-before-after>div.img-after.anm,
.resultats__visuel.img-before-after>div.img-before.anm,
.section-heading__subtitle,
.section-heading__title,
.social-accounts__title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite,
.animate__infinite.image-slider--retitle,
.animate__infinite.image-slider--subtitle,
.animate__infinite.image-slider--title,
.animate__infinite.ingredient-cover__subtitle,
.animate__infinite.ingredient-cover__surtitle,
.animate__infinite.ingredient-cover__table-details,
.animate__infinite.ingredient-cover__table-title,
.animate__infinite.ingredient-cover__text-large,
.animate__infinite.ingredient-cover__text-regular,
.animate__infinite.ingredient-cover__title,
.animate__infinite.key-figures__desc.anm,
.animate__infinite.key-figures__sub-title.anm,
.animate__infinite.promoted-content-composition--cta,
.animate__infinite.promoted-content-composition--description,
.animate__infinite.promoted-content-composition--title,
.animate__infinite.question-answer__text,
.animate__infinite.question-answer__title,
.animate__infinite.range-page-cover__desc,
.animate__infinite.range-page-cover__sub-desc,
.animate__infinite.range-page-cover__title,
.animate__infinite.section-heading__subtitle,
.animate__infinite.section-heading__title,
.animate__infinite.social-accounts__title,
.block-cross-sell .left-side .animate__infinite.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__infinite.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__infinite.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__infinite.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__infinite.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__infinite.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__infinite.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__infinite.tryit-btn.anm,
.block-product-carousel-image .item img.animate__infinite,
.carousel-link--text p.animate__infinite,
.image-large-text-composition .card-article .card .card-body .animate__infinite.card-text,
.image-large-text-composition .card-article .card .card-body .animate__infinite.card-title,
.image-large-text-composition .card-article .card.full-card .animate__infinite.text-only,
.image-slider--description p.animate__infinite,
.image-slider--img img.animate__infinite,
.key-figures .animate__infinite.progress-circle.anm,
.key-figures__item.item-image .animate__infinite.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__infinite.card-text,
.large-feature-article .card-article .card .card-body .animate__infinite.card-title,
.promo-testimonial--text .animate__infinite.anm,
.range-page-cover__btn a.animate__infinite,
.resultats__visuel.img-before-after>div.animate__infinite.img-after.anm,
.resultats__visuel.img-before-after>div.animate__infinite.img-before.anm {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1,
.animate__repeat-1.image-slider--retitle,
.animate__repeat-1.image-slider--subtitle,
.animate__repeat-1.image-slider--title,
.animate__repeat-1.ingredient-cover__subtitle,
.animate__repeat-1.ingredient-cover__surtitle,
.animate__repeat-1.ingredient-cover__table-details,
.animate__repeat-1.ingredient-cover__table-title,
.animate__repeat-1.ingredient-cover__text-large,
.animate__repeat-1.ingredient-cover__text-regular,
.animate__repeat-1.ingredient-cover__title,
.animate__repeat-1.key-figures__desc.anm,
.animate__repeat-1.key-figures__sub-title.anm,
.animate__repeat-1.promoted-content-composition--cta,
.animate__repeat-1.promoted-content-composition--description,
.animate__repeat-1.promoted-content-composition--title,
.animate__repeat-1.question-answer__text,
.animate__repeat-1.question-answer__title,
.animate__repeat-1.range-page-cover__desc,
.animate__repeat-1.range-page-cover__sub-desc,
.animate__repeat-1.range-page-cover__title,
.animate__repeat-1.section-heading__subtitle,
.animate__repeat-1.section-heading__title,
.animate__repeat-1.social-accounts__title,
.block-cross-sell .left-side .animate__repeat-1.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__repeat-1.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__repeat-1.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__repeat-1.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__repeat-1.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__repeat-1.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__repeat-1.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__repeat-1.tryit-btn.anm,
.block-product-carousel-image .item img.animate__repeat-1,
.carousel-link--text p.animate__repeat-1,
.image-large-text-composition .card-article .card .card-body .animate__repeat-1.card-text,
.image-large-text-composition .card-article .card .card-body .animate__repeat-1.card-title,
.image-large-text-composition .card-article .card.full-card .animate__repeat-1.text-only,
.image-slider--description p.animate__repeat-1,
.image-slider--img img.animate__repeat-1,
.key-figures .animate__repeat-1.progress-circle.anm,
.key-figures__item.item-image .animate__repeat-1.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__repeat-1.card-text,
.large-feature-article .card-article .card .card-body .animate__repeat-1.card-title,
.promo-testimonial--text .animate__repeat-1.anm,
.range-page-cover__btn a.animate__repeat-1,
.resultats__visuel.img-before-after>div.animate__repeat-1.img-after.anm,
.resultats__visuel.img-before-after>div.animate__repeat-1.img-before.anm {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2,
.animate__repeat-2.image-slider--retitle,
.animate__repeat-2.image-slider--subtitle,
.animate__repeat-2.image-slider--title,
.animate__repeat-2.ingredient-cover__subtitle,
.animate__repeat-2.ingredient-cover__surtitle,
.animate__repeat-2.ingredient-cover__table-details,
.animate__repeat-2.ingredient-cover__table-title,
.animate__repeat-2.ingredient-cover__text-large,
.animate__repeat-2.ingredient-cover__text-regular,
.animate__repeat-2.ingredient-cover__title,
.animate__repeat-2.key-figures__desc.anm,
.animate__repeat-2.key-figures__sub-title.anm,
.animate__repeat-2.promoted-content-composition--cta,
.animate__repeat-2.promoted-content-composition--description,
.animate__repeat-2.promoted-content-composition--title,
.animate__repeat-2.question-answer__text,
.animate__repeat-2.question-answer__title,
.animate__repeat-2.range-page-cover__desc,
.animate__repeat-2.range-page-cover__sub-desc,
.animate__repeat-2.range-page-cover__title,
.animate__repeat-2.section-heading__subtitle,
.animate__repeat-2.section-heading__title,
.animate__repeat-2.social-accounts__title,
.block-cross-sell .left-side .animate__repeat-2.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__repeat-2.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__repeat-2.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__repeat-2.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__repeat-2.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__repeat-2.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__repeat-2.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__repeat-2.tryit-btn.anm,
.block-product-carousel-image .item img.animate__repeat-2,
.carousel-link--text p.animate__repeat-2,
.image-large-text-composition .card-article .card .card-body .animate__repeat-2.card-text,
.image-large-text-composition .card-article .card .card-body .animate__repeat-2.card-title,
.image-large-text-composition .card-article .card.full-card .animate__repeat-2.text-only,
.image-slider--description p.animate__repeat-2,
.image-slider--img img.animate__repeat-2,
.key-figures .animate__repeat-2.progress-circle.anm,
.key-figures__item.item-image .animate__repeat-2.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__repeat-2.card-text,
.large-feature-article .card-article .card .card-body .animate__repeat-2.card-title,
.promo-testimonial--text .animate__repeat-2.anm,
.range-page-cover__btn a.animate__repeat-2,
.resultats__visuel.img-before-after>div.animate__repeat-2.img-after.anm,
.resultats__visuel.img-before-after>div.animate__repeat-2.img-before.anm {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3,
.animate__repeat-3.image-slider--retitle,
.animate__repeat-3.image-slider--subtitle,
.animate__repeat-3.image-slider--title,
.animate__repeat-3.ingredient-cover__subtitle,
.animate__repeat-3.ingredient-cover__surtitle,
.animate__repeat-3.ingredient-cover__table-details,
.animate__repeat-3.ingredient-cover__table-title,
.animate__repeat-3.ingredient-cover__text-large,
.animate__repeat-3.ingredient-cover__text-regular,
.animate__repeat-3.ingredient-cover__title,
.animate__repeat-3.key-figures__desc.anm,
.animate__repeat-3.key-figures__sub-title.anm,
.animate__repeat-3.promoted-content-composition--cta,
.animate__repeat-3.promoted-content-composition--description,
.animate__repeat-3.promoted-content-composition--title,
.animate__repeat-3.question-answer__text,
.animate__repeat-3.question-answer__title,
.animate__repeat-3.range-page-cover__desc,
.animate__repeat-3.range-page-cover__sub-desc,
.animate__repeat-3.range-page-cover__title,
.animate__repeat-3.section-heading__subtitle,
.animate__repeat-3.section-heading__title,
.animate__repeat-3.social-accounts__title,
.block-cross-sell .left-side .animate__repeat-3.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__repeat-3.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__repeat-3.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__repeat-3.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__repeat-3.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__repeat-3.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__repeat-3.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__repeat-3.tryit-btn.anm,
.block-product-carousel-image .item img.animate__repeat-3,
.carousel-link--text p.animate__repeat-3,
.image-large-text-composition .card-article .card .card-body .animate__repeat-3.card-text,
.image-large-text-composition .card-article .card .card-body .animate__repeat-3.card-title,
.image-large-text-composition .card-article .card.full-card .animate__repeat-3.text-only,
.image-slider--description p.animate__repeat-3,
.image-slider--img img.animate__repeat-3,
.key-figures .animate__repeat-3.progress-circle.anm,
.key-figures__item.item-image .animate__repeat-3.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__repeat-3.card-text,
.large-feature-article .card-article .card .card-body .animate__repeat-3.card-title,
.promo-testimonial--text .animate__repeat-3.anm,
.range-page-cover__btn a.animate__repeat-3,
.resultats__visuel.img-before-after>div.animate__repeat-3.img-after.anm,
.resultats__visuel.img-before-after>div.animate__repeat-3.img-before.anm {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s,
.animate__delay-1s.image-slider--retitle,
.animate__delay-1s.image-slider--subtitle,
.animate__delay-1s.image-slider--title,
.animate__delay-1s.ingredient-cover__subtitle,
.animate__delay-1s.ingredient-cover__surtitle,
.animate__delay-1s.ingredient-cover__table-details,
.animate__delay-1s.ingredient-cover__table-title,
.animate__delay-1s.ingredient-cover__text-large,
.animate__delay-1s.ingredient-cover__text-regular,
.animate__delay-1s.ingredient-cover__title,
.animate__delay-1s.key-figures__desc.anm,
.animate__delay-1s.key-figures__sub-title.anm,
.animate__delay-1s.promoted-content-composition--cta,
.animate__delay-1s.promoted-content-composition--description,
.animate__delay-1s.promoted-content-composition--title,
.animate__delay-1s.question-answer__text,
.animate__delay-1s.question-answer__title,
.animate__delay-1s.range-page-cover__desc,
.animate__delay-1s.range-page-cover__sub-desc,
.animate__delay-1s.range-page-cover__title,
.animate__delay-1s.section-heading__subtitle,
.animate__delay-1s.section-heading__title,
.block-cross-sell .left-side .animate__delay-1s.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__delay-1s.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__delay-1s.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__delay-1s.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__delay-1s.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__delay-1s.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__delay-1s.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-buy-zone.anm.social-accounts__title,
.block-cross-sell .left-side .cross-product-slider-item-description.anm.social-accounts__title,
.block-cross-sell .left-side .cross-product-slider-item-gamme.anm.social-accounts__title,
.block-cross-sell .left-side .cross-product-slider-item-rate.anm.social-accounts__title,
.block-cross-sell .left-side .cross-product-slider-item-thumb.anm.social-accounts__title,
.block-cross-sell .left-side .cross-product-slider-item-title.anm.social-accounts__title,
.block-cross-sell .left-side .cross-product-slides-item .animate__delay-1s.tryit-btn.anm,
.block-cross-sell .left-side .cross-product-slides-item .tryit-btn.anm.social-accounts__title,
.block-cross-sell .left-side .cross-product-slides-item.anm.social-accounts__title,
.block-product-carousel-image .item img.animate__delay-1s,
.block-product-carousel-image .item img.social-accounts__title,
.carousel-link--text p.animate__delay-1s,
.carousel-link--text p.social-accounts__title,
.image-large-text-composition .card-article .card .card-body .animate__delay-1s.card-text,
.image-large-text-composition .card-article .card .card-body .animate__delay-1s.card-title,
.image-large-text-composition .card-article .card .card-body .card-text.social-accounts__title,
.image-large-text-composition .card-article .card .card-body .card-title.social-accounts__title,
.image-large-text-composition .card-article .card.full-card .animate__delay-1s.text-only,
.image-large-text-composition .card-article .card.full-card .text-only.social-accounts__title,
.image-slider--description p.animate__delay-1s,
.image-slider--description p.social-accounts__title,
.image-slider--img img.animate__delay-1s,
.image-slider--img img.social-accounts__title,
.key-figures .animate__delay-1s.progress-circle.anm,
.key-figures .progress-circle.anm.social-accounts__title,
.key-figures__desc.anm.social-accounts__title,
.key-figures__item.item-image .animate__delay-1s.img-wrapper.anm,
.key-figures__item.item-image .img-wrapper.anm.social-accounts__title,
.key-figures__sub-title.anm.social-accounts__title,
.large-feature-article .card-article .card .card-body .animate__delay-1s.card-text,
.large-feature-article .card-article .card .card-body .animate__delay-1s.card-title,
.large-feature-article .card-article .card .card-body .card-text.social-accounts__title,
.large-feature-article .card-article .card .card-body .card-title.social-accounts__title,
.promo-testimonial--text .animate__delay-1s.anm,
.promo-testimonial--text .anm.social-accounts__title,
.range-page-cover__btn a.animate__delay-1s,
.range-page-cover__btn a.social-accounts__title,
.resultats__visuel.img-before-after>div.animate__delay-1s.img-after.anm,
.resultats__visuel.img-before-after>div.animate__delay-1s.img-before.anm,
.resultats__visuel.img-before-after>div.img-after.anm.social-accounts__title,
.resultats__visuel.img-before-after>div.img-before.anm.social-accounts__title,
.social-accounts__title {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s,
.animate__delay-2s.image-slider--retitle,
.animate__delay-2s.image-slider--subtitle,
.animate__delay-2s.image-slider--title,
.animate__delay-2s.ingredient-cover__subtitle,
.animate__delay-2s.ingredient-cover__surtitle,
.animate__delay-2s.ingredient-cover__table-details,
.animate__delay-2s.ingredient-cover__table-title,
.animate__delay-2s.ingredient-cover__text-large,
.animate__delay-2s.ingredient-cover__text-regular,
.animate__delay-2s.ingredient-cover__title,
.animate__delay-2s.key-figures__desc.anm,
.animate__delay-2s.key-figures__sub-title.anm,
.animate__delay-2s.promoted-content-composition--cta,
.animate__delay-2s.promoted-content-composition--description,
.animate__delay-2s.promoted-content-composition--title,
.animate__delay-2s.question-answer__text,
.animate__delay-2s.question-answer__title,
.animate__delay-2s.range-page-cover__desc,
.animate__delay-2s.range-page-cover__sub-desc,
.animate__delay-2s.range-page-cover__title,
.animate__delay-2s.section-heading__subtitle,
.animate__delay-2s.section-heading__title,
.animate__delay-2s.social-accounts__title,
.block-cross-sell .left-side .animate__delay-2s.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__delay-2s.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__delay-2s.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__delay-2s.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__delay-2s.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__delay-2s.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__delay-2s.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__delay-2s.tryit-btn.anm,
.block-product-carousel-image .item img.animate__delay-2s,
.carousel-link--text p.animate__delay-2s,
.image-large-text-composition .card-article .card .card-body .animate__delay-2s.card-text,
.image-large-text-composition .card-article .card .card-body .animate__delay-2s.card-title,
.image-large-text-composition .card-article .card.full-card .animate__delay-2s.text-only,
.image-slider--description p.animate__delay-2s,
.image-slider--img img.animate__delay-2s,
.key-figures .animate__delay-2s.progress-circle.anm,
.key-figures__item.item-image .animate__delay-2s.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__delay-2s.card-text,
.large-feature-article .card-article .card .card-body .animate__delay-2s.card-title,
.promo-testimonial--text .animate__delay-2s.anm,
.range-page-cover__btn a.animate__delay-2s,
.resultats__visuel.img-before-after>div.animate__delay-2s.img-after.anm,
.resultats__visuel.img-before-after>div.animate__delay-2s.img-before.anm {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s,
.animate__delay-3s.image-slider--retitle,
.animate__delay-3s.image-slider--subtitle,
.animate__delay-3s.image-slider--title,
.animate__delay-3s.ingredient-cover__subtitle,
.animate__delay-3s.ingredient-cover__surtitle,
.animate__delay-3s.ingredient-cover__table-details,
.animate__delay-3s.ingredient-cover__table-title,
.animate__delay-3s.ingredient-cover__text-large,
.animate__delay-3s.ingredient-cover__text-regular,
.animate__delay-3s.ingredient-cover__title,
.animate__delay-3s.key-figures__desc.anm,
.animate__delay-3s.key-figures__sub-title.anm,
.animate__delay-3s.promoted-content-composition--cta,
.animate__delay-3s.promoted-content-composition--description,
.animate__delay-3s.promoted-content-composition--title,
.animate__delay-3s.question-answer__text,
.animate__delay-3s.question-answer__title,
.animate__delay-3s.range-page-cover__desc,
.animate__delay-3s.range-page-cover__sub-desc,
.animate__delay-3s.range-page-cover__title,
.animate__delay-3s.section-heading__subtitle,
.animate__delay-3s.section-heading__title,
.animate__delay-3s.social-accounts__title,
.block-cross-sell .left-side .animate__delay-3s.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__delay-3s.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__delay-3s.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__delay-3s.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__delay-3s.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__delay-3s.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__delay-3s.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__delay-3s.tryit-btn.anm,
.block-product-carousel-image .item img.animate__delay-3s,
.carousel-link--text p.animate__delay-3s,
.image-large-text-composition .card-article .card .card-body .animate__delay-3s.card-text,
.image-large-text-composition .card-article .card .card-body .animate__delay-3s.card-title,
.image-large-text-composition .card-article .card.full-card .animate__delay-3s.text-only,
.image-slider--description p.animate__delay-3s,
.image-slider--img img.animate__delay-3s,
.key-figures .animate__delay-3s.progress-circle.anm,
.key-figures__item.item-image .animate__delay-3s.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__delay-3s.card-text,
.large-feature-article .card-article .card .card-body .animate__delay-3s.card-title,
.promo-testimonial--text .animate__delay-3s.anm,
.range-page-cover__btn a.animate__delay-3s,
.resultats__visuel.img-before-after>div.animate__delay-3s.img-after.anm,
.resultats__visuel.img-before-after>div.animate__delay-3s.img-before.anm {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s,
.animate__delay-4s.image-slider--retitle,
.animate__delay-4s.image-slider--subtitle,
.animate__delay-4s.image-slider--title,
.animate__delay-4s.ingredient-cover__subtitle,
.animate__delay-4s.ingredient-cover__surtitle,
.animate__delay-4s.ingredient-cover__table-details,
.animate__delay-4s.ingredient-cover__table-title,
.animate__delay-4s.ingredient-cover__text-large,
.animate__delay-4s.ingredient-cover__text-regular,
.animate__delay-4s.ingredient-cover__title,
.animate__delay-4s.key-figures__desc.anm,
.animate__delay-4s.key-figures__sub-title.anm,
.animate__delay-4s.promoted-content-composition--cta,
.animate__delay-4s.promoted-content-composition--description,
.animate__delay-4s.promoted-content-composition--title,
.animate__delay-4s.question-answer__text,
.animate__delay-4s.question-answer__title,
.animate__delay-4s.range-page-cover__desc,
.animate__delay-4s.range-page-cover__sub-desc,
.animate__delay-4s.range-page-cover__title,
.animate__delay-4s.section-heading__subtitle,
.animate__delay-4s.section-heading__title,
.animate__delay-4s.social-accounts__title,
.block-cross-sell .left-side .animate__delay-4s.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__delay-4s.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__delay-4s.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__delay-4s.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__delay-4s.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__delay-4s.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__delay-4s.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__delay-4s.tryit-btn.anm,
.block-product-carousel-image .item img.animate__delay-4s,
.carousel-link--text p.animate__delay-4s,
.image-large-text-composition .card-article .card .card-body .animate__delay-4s.card-text,
.image-large-text-composition .card-article .card .card-body .animate__delay-4s.card-title,
.image-large-text-composition .card-article .card.full-card .animate__delay-4s.text-only,
.image-slider--description p.animate__delay-4s,
.image-slider--img img.animate__delay-4s,
.key-figures .animate__delay-4s.progress-circle.anm,
.key-figures__item.item-image .animate__delay-4s.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__delay-4s.card-text,
.large-feature-article .card-article .card .card-body .animate__delay-4s.card-title,
.promo-testimonial--text .animate__delay-4s.anm,
.range-page-cover__btn a.animate__delay-4s,
.resultats__visuel.img-before-after>div.animate__delay-4s.img-after.anm,
.resultats__visuel.img-before-after>div.animate__delay-4s.img-before.anm {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s,
.animate__delay-5s.image-slider--retitle,
.animate__delay-5s.image-slider--subtitle,
.animate__delay-5s.image-slider--title,
.animate__delay-5s.ingredient-cover__subtitle,
.animate__delay-5s.ingredient-cover__surtitle,
.animate__delay-5s.ingredient-cover__table-details,
.animate__delay-5s.ingredient-cover__table-title,
.animate__delay-5s.ingredient-cover__text-large,
.animate__delay-5s.ingredient-cover__text-regular,
.animate__delay-5s.ingredient-cover__title,
.animate__delay-5s.key-figures__desc.anm,
.animate__delay-5s.key-figures__sub-title.anm,
.animate__delay-5s.promoted-content-composition--cta,
.animate__delay-5s.promoted-content-composition--description,
.animate__delay-5s.promoted-content-composition--title,
.animate__delay-5s.question-answer__text,
.animate__delay-5s.question-answer__title,
.animate__delay-5s.range-page-cover__desc,
.animate__delay-5s.range-page-cover__sub-desc,
.animate__delay-5s.range-page-cover__title,
.animate__delay-5s.section-heading__subtitle,
.animate__delay-5s.section-heading__title,
.animate__delay-5s.social-accounts__title,
.block-cross-sell .left-side .animate__delay-5s.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__delay-5s.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__delay-5s.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__delay-5s.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__delay-5s.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__delay-5s.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__delay-5s.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__delay-5s.tryit-btn.anm,
.block-product-carousel-image .item img.animate__delay-5s,
.carousel-link--text p.animate__delay-5s,
.image-large-text-composition .card-article .card .card-body .animate__delay-5s.card-text,
.image-large-text-composition .card-article .card .card-body .animate__delay-5s.card-title,
.image-large-text-composition .card-article .card.full-card .animate__delay-5s.text-only,
.image-slider--description p.animate__delay-5s,
.image-slider--img img.animate__delay-5s,
.key-figures .animate__delay-5s.progress-circle.anm,
.key-figures__item.item-image .animate__delay-5s.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__delay-5s.card-text,
.large-feature-article .card-article .card .card-body .animate__delay-5s.card-title,
.promo-testimonial--text .animate__delay-5s.anm,
.range-page-cover__btn a.animate__delay-5s,
.resultats__visuel.img-before-after>div.animate__delay-5s.img-after.anm,
.resultats__visuel.img-before-after>div.animate__delay-5s.img-before.anm {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster,
.animate__faster.image-slider--retitle,
.animate__faster.image-slider--subtitle,
.animate__faster.image-slider--title,
.animate__faster.ingredient-cover__subtitle,
.animate__faster.ingredient-cover__surtitle,
.animate__faster.ingredient-cover__table-details,
.animate__faster.ingredient-cover__table-title,
.animate__faster.ingredient-cover__text-large,
.animate__faster.ingredient-cover__text-regular,
.animate__faster.ingredient-cover__title,
.animate__faster.key-figures__desc.anm,
.animate__faster.key-figures__sub-title.anm,
.animate__faster.promoted-content-composition--cta,
.animate__faster.promoted-content-composition--description,
.animate__faster.promoted-content-composition--title,
.animate__faster.question-answer__text,
.animate__faster.question-answer__title,
.animate__faster.range-page-cover__desc,
.animate__faster.range-page-cover__sub-desc,
.animate__faster.range-page-cover__title,
.animate__faster.section-heading__subtitle,
.animate__faster.section-heading__title,
.animate__faster.social-accounts__title,
.block-cross-sell .left-side .animate__faster.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__faster.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__faster.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__faster.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__faster.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__faster.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__faster.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__faster.tryit-btn.anm,
.block-product-carousel-image .item img.animate__faster,
.carousel-link--text p.animate__faster,
.image-large-text-composition .card-article .card .card-body .animate__faster.card-text,
.image-large-text-composition .card-article .card .card-body .animate__faster.card-title,
.image-large-text-composition .card-article .card.full-card .animate__faster.text-only,
.image-slider--description p.animate__faster,
.image-slider--img img.animate__faster,
.key-figures .animate__faster.progress-circle.anm,
.key-figures__item.item-image .animate__faster.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__faster.card-text,
.large-feature-article .card-article .card .card-body .animate__faster.card-title,
.promo-testimonial--text .animate__faster.anm,
.range-page-cover__btn a.animate__faster,
.resultats__visuel.img-before-after>div.animate__faster.img-after.anm,
.resultats__visuel.img-before-after>div.animate__faster.img-before.anm {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast,
.animate__fast.image-slider--retitle,
.animate__fast.image-slider--subtitle,
.animate__fast.image-slider--title,
.animate__fast.ingredient-cover__subtitle,
.animate__fast.ingredient-cover__surtitle,
.animate__fast.ingredient-cover__table-details,
.animate__fast.ingredient-cover__table-title,
.animate__fast.ingredient-cover__text-large,
.animate__fast.ingredient-cover__text-regular,
.animate__fast.ingredient-cover__title,
.animate__fast.key-figures__desc.anm,
.animate__fast.key-figures__sub-title.anm,
.animate__fast.promoted-content-composition--cta,
.animate__fast.promoted-content-composition--description,
.animate__fast.promoted-content-composition--title,
.animate__fast.question-answer__text,
.animate__fast.question-answer__title,
.animate__fast.range-page-cover__desc,
.animate__fast.range-page-cover__sub-desc,
.animate__fast.range-page-cover__title,
.animate__fast.section-heading__subtitle,
.animate__fast.section-heading__title,
.animate__fast.social-accounts__title,
.block-cross-sell .left-side .animate__fast.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__fast.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__fast.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__fast.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__fast.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__fast.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__fast.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__fast.tryit-btn.anm,
.block-product-carousel-image .item img.animate__fast,
.carousel-link--text p.animate__fast,
.image-large-text-composition .card-article .card .card-body .animate__fast.card-text,
.image-large-text-composition .card-article .card .card-body .animate__fast.card-title,
.image-large-text-composition .card-article .card.full-card .animate__fast.text-only,
.image-slider--description p.animate__fast,
.image-slider--img img.animate__fast,
.key-figures .animate__fast.progress-circle.anm,
.key-figures__item.item-image .animate__fast.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__fast.card-text,
.large-feature-article .card-article .card .card-body .animate__fast.card-title,
.promo-testimonial--text .animate__fast.anm,
.range-page-cover__btn a.animate__fast,
.resultats__visuel.img-before-after>div.animate__fast.img-after.anm,
.resultats__visuel.img-before-after>div.animate__fast.img-before.anm {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow,
.animate__slow.image-slider--retitle,
.animate__slow.image-slider--subtitle,
.animate__slow.image-slider--title,
.animate__slow.ingredient-cover__subtitle,
.animate__slow.ingredient-cover__surtitle,
.animate__slow.ingredient-cover__table-details,
.animate__slow.ingredient-cover__table-title,
.animate__slow.ingredient-cover__text-large,
.animate__slow.ingredient-cover__text-regular,
.animate__slow.ingredient-cover__title,
.animate__slow.key-figures__desc.anm,
.animate__slow.key-figures__sub-title.anm,
.animate__slow.promoted-content-composition--cta,
.animate__slow.promoted-content-composition--description,
.animate__slow.promoted-content-composition--title,
.animate__slow.question-answer__text,
.animate__slow.question-answer__title,
.animate__slow.range-page-cover__desc,
.animate__slow.range-page-cover__sub-desc,
.animate__slow.range-page-cover__title,
.animate__slow.section-heading__subtitle,
.animate__slow.section-heading__title,
.animate__slow.social-accounts__title,
.block-cross-sell .left-side .animate__slow.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__slow.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__slow.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__slow.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__slow.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__slow.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__slow.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__slow.tryit-btn.anm,
.block-product-carousel-image .item img.animate__slow,
.carousel-link--text p.animate__slow,
.image-large-text-composition .card-article .card .card-body .animate__slow.card-text,
.image-large-text-composition .card-article .card .card-body .animate__slow.card-title,
.image-large-text-composition .card-article .card.full-card .animate__slow.text-only,
.image-slider--description p.animate__slow,
.image-slider--img img.animate__slow,
.key-figures .animate__slow.progress-circle.anm,
.key-figures__item.item-image .animate__slow.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__slow.card-text,
.large-feature-article .card-article .card .card-body .animate__slow.card-title,
.promo-testimonial--text .animate__slow.anm,
.range-page-cover__btn a.animate__slow,
.resultats__visuel.img-before-after>div.animate__slow.img-after.anm,
.resultats__visuel.img-before-after>div.animate__slow.img-before.anm {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower,
.animate__slower.image-slider--retitle,
.animate__slower.image-slider--subtitle,
.animate__slower.image-slider--title,
.animate__slower.ingredient-cover__subtitle,
.animate__slower.ingredient-cover__surtitle,
.animate__slower.ingredient-cover__table-details,
.animate__slower.ingredient-cover__table-title,
.animate__slower.ingredient-cover__text-large,
.animate__slower.ingredient-cover__text-regular,
.animate__slower.ingredient-cover__title,
.animate__slower.key-figures__desc.anm,
.animate__slower.key-figures__sub-title.anm,
.animate__slower.promoted-content-composition--cta,
.animate__slower.promoted-content-composition--description,
.animate__slower.promoted-content-composition--title,
.animate__slower.question-answer__text,
.animate__slower.question-answer__title,
.animate__slower.range-page-cover__desc,
.animate__slower.range-page-cover__sub-desc,
.animate__slower.range-page-cover__title,
.animate__slower.section-heading__subtitle,
.animate__slower.section-heading__title,
.animate__slower.social-accounts__title,
.block-cross-sell .left-side .animate__slower.cross-buy-zone.anm,
.block-cross-sell .left-side .animate__slower.cross-product-slider-item-description.anm,
.block-cross-sell .left-side .animate__slower.cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .animate__slower.cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .animate__slower.cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .animate__slower.cross-product-slider-item-title.anm,
.block-cross-sell .left-side .animate__slower.cross-product-slides-item.anm,
.block-cross-sell .left-side .cross-product-slides-item .animate__slower.tryit-btn.anm,
.block-product-carousel-image .item img.animate__slower,
.carousel-link--text p.animate__slower,
.image-large-text-composition .card-article .card .card-body .animate__slower.card-text,
.image-large-text-composition .card-article .card .card-body .animate__slower.card-title,
.image-large-text-composition .card-article .card.full-card .animate__slower.text-only,
.image-slider--description p.animate__slower,
.image-slider--img img.animate__slower,
.key-figures .animate__slower.progress-circle.anm,
.key-figures__item.item-image .animate__slower.img-wrapper.anm,
.large-feature-article .card-article .card .card-body .animate__slower.card-text,
.large-feature-article .card-article .card .card-body .animate__slower.card-title,
.promo-testimonial--text .animate__slower.anm,
.range-page-cover__btn a.animate__slower,
.resultats__visuel.img-before-after>div.animate__slower.img-after.anm,
.resultats__visuel.img-before-after>div.animate__slower.img-before.anm {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated,
    .block-cross-sell .left-side .cross-buy-zone.anm,
    .block-cross-sell .left-side .cross-product-slider-item-description.anm,
    .block-cross-sell .left-side .cross-product-slider-item-gamme.anm,
    .block-cross-sell .left-side .cross-product-slider-item-rate.anm,
    .block-cross-sell .left-side .cross-product-slider-item-thumb.anm,
    .block-cross-sell .left-side .cross-product-slider-item-title.anm,
    .block-cross-sell .left-side .cross-product-slides-item .tryit-btn.anm,
    .block-cross-sell .left-side .cross-product-slides-item.anm,
    .block-product-carousel-image .item img,
    .carousel-link--text p,
    .image-large-text-composition .card-article .card .card-body .card-text,
    .image-large-text-composition .card-article .card .card-body .card-title,
    .image-large-text-composition .card-article .card.full-card .text-only,
    .image-slider--description p,
    .image-slider--img img,
    .image-slider--retitle,
    .image-slider--subtitle,
    .image-slider--title,
    .ingredient-cover__subtitle,
    .ingredient-cover__surtitle,
    .ingredient-cover__table-details,
    .ingredient-cover__table-title,
    .ingredient-cover__text-large,
    .ingredient-cover__text-regular,
    .ingredient-cover__title,
    .key-figures .progress-circle.anm,
    .key-figures__desc.anm,
    .key-figures__item.item-image .img-wrapper.anm,
    .key-figures__sub-title.anm,
    .large-feature-article .card-article .card .card-body .card-text,
    .large-feature-article .card-article .card .card-body .card-title,
    .promo-testimonial--text .anm,
    .promoted-content-composition--cta,
    .promoted-content-composition--description,
    .promoted-content-composition--title,
    .question-answer__text,
    .question-answer__title,
    .range-page-cover__btn a,
    .range-page-cover__desc,
    .range-page-cover__sub-desc,
    .range-page-cover__title,
    .resultats__visuel.img-before-after>div.img-after.anm,
    .resultats__visuel.img-before-after>div.img-before.anm,
    .section-heading__subtitle,
    .section-heading__title,
    .social-accounts__title {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important;
        transition-duration: 1ms!important
    }
    .animate__animated[class*=Out],
    .block-cross-sell .left-side .cross-product-slides-item [class*=Out].tryit-btn.anm,
    .block-cross-sell .left-side [class*=Out].cross-buy-zone.anm,
    .block-cross-sell .left-side [class*=Out].cross-product-slider-item-description.anm,
    .block-cross-sell .left-side [class*=Out].cross-product-slider-item-gamme.anm,
    .block-cross-sell .left-side [class*=Out].cross-product-slider-item-rate.anm,
    .block-cross-sell .left-side [class*=Out].cross-product-slider-item-thumb.anm,
    .block-cross-sell .left-side [class*=Out].cross-product-slider-item-title.anm,
    .block-cross-sell .left-side [class*=Out].cross-product-slides-item.anm,
    .block-product-carousel-image .item img[class*=Out],
    .carousel-link--text p[class*=Out],
    .image-large-text-composition .card-article .card .card-body [class*=Out].card-text,
    .image-large-text-composition .card-article .card .card-body [class*=Out].card-title,
    .image-large-text-composition .card-article .card.full-card [class*=Out].text-only,
    .image-slider--description p[class*=Out],
    .image-slider--img img[class*=Out],
    .key-figures [class*=Out].progress-circle.anm,
    .key-figures__item.item-image [class*=Out].img-wrapper.anm,
    .large-feature-article .card-article .card .card-body [class*=Out].card-text,
    .large-feature-article .card-article .card .card-body [class*=Out].card-title,
    .promo-testimonial--text [class*=Out].anm,
    .range-page-cover__btn a[class*=Out],
    .resultats__visuel.img-before-after>div[class*=Out].img-after.anm,
    .resultats__visuel.img-before-after>div[class*=Out].img-before.anm,
    [class*=Out].image-slider--retitle,
    [class*=Out].image-slider--subtitle,
    [class*=Out].image-slider--title,
    [class*=Out].ingredient-cover__subtitle,
    [class*=Out].ingredient-cover__surtitle,
    [class*=Out].ingredient-cover__table-details,
    [class*=Out].ingredient-cover__table-title,
    [class*=Out].ingredient-cover__text-large,
    [class*=Out].ingredient-cover__text-regular,
    [class*=Out].ingredient-cover__title,
    [class*=Out].key-figures__desc.anm,
    [class*=Out].key-figures__sub-title.anm,
    [class*=Out].promoted-content-composition--cta,
    [class*=Out].promoted-content-composition--description,
    [class*=Out].promoted-content-composition--title,
    [class*=Out].question-answer__text,
    [class*=Out].question-answer__title,
    [class*=Out].range-page-cover__desc,
    [class*=Out].range-page-cover__sub-desc,
    [class*=Out].range-page-cover__title,
    [class*=Out].section-heading__subtitle,
    [class*=Out].section-heading__title,
    [class*=Out].social-accounts__title {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animate__fadeIn,
.image-slider--img img {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp,
.block-cross-sell .left-side .cross-buy-zone.anm,
.block-cross-sell .left-side .cross-product-slider-item-description.anm,
.block-cross-sell .left-side .cross-product-slider-item-gamme.anm,
.block-cross-sell .left-side .cross-product-slider-item-rate.anm,
.block-cross-sell .left-side .cross-product-slider-item-thumb.anm,
.block-cross-sell .left-side .cross-product-slider-item-title.anm,
.block-cross-sell .left-side .cross-product-slides-item .tryit-btn.anm,
.block-cross-sell .left-side .cross-product-slides-item.anm,
.block-product-carousel-image .item img,
.carousel-link--text p,
.image-large-text-composition .card-article .card .card-body .card-text,
.image-large-text-composition .card-article .card .card-body .card-title,
.image-large-text-composition .card-article .card.full-card .text-only,
.image-slider--description p,
.image-slider--retitle,
.image-slider--subtitle,
.image-slider--title,
.ingredient-cover__subtitle,
.ingredient-cover__surtitle,
.ingredient-cover__table-details,
.ingredient-cover__table-title,
.ingredient-cover__text-large,
.ingredient-cover__text-regular,
.ingredient-cover__title,
.key-figures .progress-circle.anm,
.key-figures__desc.anm,
.key-figures__item.item-image .img-wrapper.anm,
.key-figures__sub-title.anm,
.large-feature-article .card-article .card .card-body .card-text,
.large-feature-article .card-article .card .card-body .card-title,
.promo-testimonial--text .anm,
.promoted-content-composition--cta,
.promoted-content-composition--description,
.promoted-content-composition--title,
.question-answer__text,
.question-answer__title,
.range-page-cover__btn a,
.range-page-cover__desc,
.range-page-cover__sub-desc,
.range-page-cover__title,
.section-heading__subtitle,
.section-heading__title,
.social-accounts__title {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

.height-0 {
    height: 0!important
}

.mobile-only,
.tablet-only {
    display: none!important
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .tablet-only {
        display: block!important
    }
}

.desktop-only {
    display: block!important
}

@media(min-width: 996px) {
    .modal-936 {
        max-width: 936px
    }
}

@media(max-width: 996px) {
    .modal-936 {
        margin: 0!important;
        max-width: 100%!important;
        padding: 0!important
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 1!important;
    pointer-events: auto!important;
    -webkit-transform: none!important;
    transform: none!important
}

@media screen and (min-width: 768px) {
    .w-center-block {
        margin: 0 auto;
        width: 66%
    }
    .mag .w-center-block {
        width: 75%
    }
}

.pt-0 {
    padding-top: 0
}

.mb-s {
    margin-bottom: 40px
}

.mb-l {
    margin-bottom: 80px
}

.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    right: 50%;
    width: 100vw
}

@media(min-width: 1920px) {
    .full-width .no-gutters.bloc-diagnostic-basement-wrapper,
    .full-width .row.no-gutters {
        margin: auto;
        max-width: 1920px;
        width: 100%
    }
}

.no-margin {
    margin: 0!important
}

.no-margin-bottom {
    margin-bottom: 0
}

.alt-logo {
    display: none
}

.c-auto {
    cursor: auto!important
}

@media screen and (min-width: 993px) {
    .bloc-contenu .custom-col-left.w-30 {
        flex: 0 0 33.3%;
        max-width: 33.3%;
        width: calc(33.3% - 22px)
    }
    .bloc-contenu .custom-col-left.w-30+.custom-col-right,
    .bloc-contenu .custom-col-left.w-70 {
        flex: 0 0 66%;
        max-width: 66%;
        width: calc(66% - 22px)
    }
    .bloc-contenu .custom-col-left.w-70+.custom-col-right {
        flex: 0 0 33.3%;
        max-width: 33.3%;
        width: calc(33.3% - 22px)
    }
    .bloc-contenu .custom-col-left.w-50,
    .bloc-contenu .custom-col-left.w-50+.custom-col-right {
        flex: 0 0 50%;
        max-width: 50%;
        width: calc(50% - 24px)!important
    }
}

.margin-y-s {
    margin-bottom: 10px!important;
    margin-top: 10px!important
}

.margin-x-s {
    margin-left: 10px!important;
    margin-right: 10px!important
}

.margin-y-M {
    margin-bottom: 20px!important;
    margin-top: 20px!important
}

.margin-x-M {
    margin-left: 20px!important;
    margin-right: 20px!important
}

.margin-y-l {
    margin-bottom: 30px!important;
    margin-top: 30px!important
}

.margin-x-l {
    margin-left: 30px!important;
    margin-right: 30px!important
}

.margin-y-xl {
    margin-bottom: 40px!important;
    margin-top: 40px!important
}

.margin-x-xl {
    margin-left: 40px!important;
    margin-right: 40px!important
}

*,
:after,
:before {
    box-sizing: border-box
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

sub {
    bottom: 0;
    font-size: 50%
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 62.5%;
    font-size: .625em;
    line-height: 1.5
}

body {
    font-size: 1rem;
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
    text-align: left
}

.container-large {
    margin: auto;
    max-width: 1920px;
    position: relative;
    width: 100%
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1250px
}

hr.border_line {
    border-top: 2px solid #000
}

h1 {
    font-size: 3.6rem;
    line-height: 40px
}

h2 {
    text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
    margin: 0
}

a,
input,
li,
p {
    display: block;
    margin: 0
}

span {
    display: inline-block
}

p {
    font-size: 2rem
}

dl,
ol,
ul {
    margin-bottom: 0;
    margin-top: 0
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none
}

h3.style-1 {
    color: #98cb75;
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 20px
}

h3.style-1 span {
    display: block
}

h3.style-1 span,
p {
    color: #191e33;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px
}

body {
    scrollbar-color: #e8e8ea transparent
}

body ::-webkit-scrollbar {
    width: 4px
}

body ::-webkit-scrollbar-track {
    background: #fff
}

body ::-webkit-scrollbar-thumb {
    background: #e8e8ea
}

body ::-webkit-scrollbar-thumb:hover {
    background: #555
}

.parallax:not(.paraLoad):not(.parallaxFix) .customParallax {
    visibility: hidden
}

.parallaxFix .customParallax {
    height: 100%!important;
    -o-object-fit: cover!important;
    object-fit: cover!important;
    -o-object-position: top!important;
    object-position: top!important;
    width: 100vw!important
}

#onetrust-accept-btn-handler {
    transition: all .5s ease-in-out
}

#onetrust-accept-btn-handler:active,
#onetrust-accept-btn-handler:focus,
#onetrust-accept-btn-handler:hover {
    background: #191e33!important;
    border: 1px solid #191e33;
    color: #fff!important
}

#onetrust-reject-all-handler {
    transition: all .5s ease-in-out
}

#onetrust-reject-all-handler:active,
#onetrust-reject-all-handler:focus,
#onetrust-reject-all-handler:hover {
    background: #191e33!important;
    border: 1px solid #191e33;
    color: #fff!important
}

.cookie-setting-link:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 14px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.cookie-setting-link:hover {
    color: #98cb75!important;
    text-decoration: none!important
}

.cookie-setting-link:hover:before {
    left: 0;
    width: 100%
}

:root {
    --pf-primary-font: "FuturaLT";
    --pf-secondary-font: "Poppins"
}

@font-face {
    font-display: swap;
    font-family: FuturaLT;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/futuralt-book.aca5c277.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: FuturaLT;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/futuralt-heavy.d97a6f65.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/Poppins-Black.9f8a4a5f.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/NotoSans-Black.e53ccca8.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/NotoSans-Bold.9b994f51.woff2) format("woff2")
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/icomoon.f1e50a17.woff) format("woff")
}

.ancr-nav-mob-select:before,
.bloc-basement-modal .block-form button[type=submit]:before,
.bloc-diagnostic-basement-left-side .block-form button[type=submit]:before,
.footer-lower .list-contry .btn.dropdown-toggle:before,
.footer-lower .list-contry .haut-page-sous-famille__header .openDescription .up.btn:before,
.footer-lower .list-lang .btn.dropdown-toggle:before,
.footer-lower .list-lang .dropdown-menu .btn-up,
.footer-lower .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-contry .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-lang .up.btn:before,
.haut-page-sous-famille__header .openDescription .icon-chevron-down.up:before,
.haut-page-sous-famille__header .openDescription .newsletter-crm__form .up.select-wrapper:before,
.haut-page-sous-famille__header .openDescription .up.ancr-nav-mob-select:before,
.haut-page-sous-famille__header .openDescription .up.reviews-body-heading-filter:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .up.nav-link:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .up.btn:before,
.header-search-form-body button.btn-primary:before,
.nav-sites__title:before,
.newsletter-crm__form .haut-page-sous-famille__header .openDescription .up.select-wrapper:before,
.newsletter-crm__form .select-wrapper:before,
.pf-icon,
[class*=" icon-"],
[class^=icon-],
header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .up.nav-link:before,
header .collapse-mobile .nav-item .list-lang .btn:before,
header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up,
header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
header .collapse-mobile .nav-item.store-locator-dropdown a.dropdown-toggle:before,
header .menu-riche-container .menu-riche-header-prev a:before {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-tiktok:before {
    content: "\e95f"
}

.icon-pen:before {
    content: "\e95e"
}

.icon-Picto_Anti-irritant_Antidemangeaisons_Anti-grattage_Rose:before {
    content: "\e95c"
}

.icon-Picto_Apaisant-Adoucissant_Rose:before {
    content: "\e95d"
}

.icon-Picto_95-Origine-Naturelle_Gris:before {
    content: "\e937"
}

.icon-Picto_99-Origine-Naturelle_Gris:before {
    content: "\e938"
}

.icon-Picto_Anti-Imperfections_Assechant_Boutons-Soin_dAttaque_Rose:before {
    content: "\e939"
}

.icon-Picto_Antioxydant_Gris:before {
    content: "\e93a"
}

.icon-Picto_Avec-Parfum_Rose:before {
    content: "\e93b"
}

.icon-Picto_BEBE_Rose:before {
    content: "\e93c"
}

.icon-Picto-Digital_100-MINERAL_Rose:before {
    content: "\e93d"
}

.icon-Picto-Digital_ANTI-DESSECHEMENT_Rose:before {
    content: "\e93e"
}

.icon-Picto-Digital_ANTI-ROUGEUR_Rose:before {
    content: "\e93f"
}

.icon-Picto-Digital_APRES-RASAGE_Gris:before {
    content: "\e940"
}

.icon-Picto-Digital_AVEC-Rincage_Rose:before {
    content: "\e941"
}

.icon-Picto-Digital_CLEANSING_Bleu:before {
    content: "\e942"
}

.icon-Picto-Digital_DECONGESTANT_Rose:before {
    content: "\e943"
}

.icon-Picto-Digital_DETOX_Rose:before {
    content: "\e944"
}

.icon-Picto-Digital_EFFET-ASSAICHANT-CICAFALTE_Rose:before {
    content: "\e945"
}

.icon-Picto-Digital_EFFET-PEELING_Rose:before {
    content: "\e946"
}

.icon-Picto-Digital_EFFTET-PEELING_Orange:before {
    content: "\e947"
}

.icon-Picto-Digital_FAMILLE_Rose:before {
    content: "\e948"
}

.icon-Picto-Digital_FIXER_Rose:before {
    content: "\e949"
}

.icon-Picto-Digital_HAUTE-TOLERANCE_Rose:before {
    content: "\e94a"
}

.icon-Picto-Digital_HOMME_Gris:before {
    content: "\e94b"
}

.icon-Picto-Digital_KERATOREDUCTEUR_Gris:before {
    content: "\e94c"
}

.icon-Picto-Digital_Lissant_Rose:before {
    content: "\e94d"
}

.icon-Picto-Digital_MATIFIANT_Gris:before {
    content: "\e94e"
}

.icon-Picto-Digital_MINIMIZE-ALLERGIC-REACTIONS_Rose:before {
    content: "\e94f"
}

.icon-Picto-Digital_NON-COLLANT_Rose:before {
    content: "\e950"
}

.icon-Picto-Digital_NON-COMODOGENIC_Rose:before {
    content: "\e951"
}

.icon-Picto-Digital_NON-GREASY_Rose:before {
    content: "\e952"
}

.icon-Picto-Digital_PENETRATION-3sec_Orange:before {
    content: "\e953"
}

.icon-Picto-Digital_Protecteur_Rose:before {
    content: "\e954"
}

.icon-Picto-Digital_PROTECTION-ANTI-UV_Rose:before {
    content: "\e955"
}

.icon-Picto-Digital_PURIFIANT-ASSAINISANT_Rose:before {
    content: "\e956"
}

.icon-Picto-Digital_RAFFERMISSANT-REPULPANT_Rose:before {
    content: "\e957"
}

.icon-Picto-Digital_RASAGE_Gris:before {
    content: "\e958"
}

.icon-Picto-Digital_RECONSTRUCTEUR_Rose:before {
    content: "\e959"
}

.icon-Picto-Digital_REDESSINER-LEVRES_Gris:before {
    content: "\e95a"
}

.icon-Picto-Digital_REDESSINER-SOURCILS_Rose:before {
    content: "\e95b"
}

.icon-Picto-Digital_SANITIZER_Rose:before {
    content: "\e960"
}

.icon-Picto-Digital_SANS-FILTRE-CHIMIQUE_Orange:before {
    content: "\e961"
}

.icon-Picto-Digital_SANS-Rincage_rose:before {
    content: "\e962"
}

.icon-Picto-Digital_SOAP-FREE_Rose:before {
    content: "\e963"
}

.icon-Picto-Digital_SOIN-CIBLE-Cleanance_Rose:before {
    content: "\e964"
}

.icon-Picto-Digital_TEINT-UNIFIE_Rose:before {
    content: "\e965"
}

.icon-Picto-Digital_TEINT-UNIFORME_Rose:before {
    content: "\e966"
}

.icon-Picto-Digital_TRES-RESISTANT-A-LEAU_Rose:before {
    content: "\e967"
}

.icon-Picto-Digital_ULTRA-CALMANT_Rose:before {
    content: "\e968"
}

.icon-Picto_Eclaircissant_Rose:before {
    content: "\e969"
}

.icon-Picto_ECLAT_Rose:before {
    content: "\e96a"
}

.icon-Picto_GRATTAGE_Gris:before {
    content: "\e96b"
}

.icon-Picto_GRATTAGE_Rose:before {
    content: "\e96c"
}

.icon-Picto_Hydratant_Emoliant_Rose:before {
    content: "\e96d"
}

.icon-Picto_Keroregulateur_Rose:before {
    content: "\e96e"
}

.icon-Picto-Labels_ALCOHOL-FREE_Gris:before {
    content: "\e96f"
}

.icon-Picto-Labels_BIODEGRADABLE_Gris:before {
    content: "\e970"
}

.icon-Picto-Labels_ECOEMBALLAGE_Rose:before {
    content: "\e971"
}

.icon-Picto-Labels_ENVIRONMENT-FRIENDLY-Gris:before {
    content: "\e972"
}

.icon-Picto-Labels_PHYSIO-PH_Rose:before {
    content: "\e973"
}

.icon-Picto-Labels_TESTED-DERMATO_Rose1:before {
    content: "\e974"
}

.icon-Picto_Lissant-Uniformisant_Rose:before {
    content: "\e975"
}

.icon-Picto_MASQUE_Gris:before {
    content: "\e976"
}

.icon-Picto_MASQUE_Rose:before {
    content: "\e977"
}

.icon-Picto_MEDICAL_Gris:before {
    content: "\e978"
}

.icon-Picto_Nettoyant-Demaquillant_Rose:before {
    content: "\e979"
}

.icon-Picto_Non-Collant_Rose:before {
    content: "\e97a"
}

.icon-Picto_Nourissant_Rose:before {
    content: "\e97b"
}

.icon-Picto_Pollution_Gris:before {
    content: "\e97c"
}

.icon-Picto_Rafraichissant_Rose:before {
    content: "\e97d"
}

.icon-Picto_Regenerant_rose:before {
    content: "\e97e"
}

.icon-Picto_Reparateur_Rose:before {
    content: "\e97f"
}

.icon-Picto_Resistant-a-leau-Orange:before {
    content: "\e980"
}

.icon-Picto_Sans-Parfum_Rose:before {
    content: "\e981"
}

.icon-Picto-Solaire_ENFANT_Orange:before {
    content: "\e982"
}

.icon-Picto-Solaire_ENSOLEILLEMENT_Orange:before {
    content: "\e983"
}

.icon-Picto-Solaire_FAMILLE_Gris:before {
    content: "\e984"
}

.icon-Picto-Solaire_FAMILLE_Orange:before {
    content: "\e985"
}

.icon-Picto-Solaire_Femme-Enceinte_Gris:before {
    content: "\e986"
}

.icon-Picto-Solaire_Haute-Altitude_Orange:before {
    content: "\e987"
}

.icon-Picto-Solaire_SPORT-NAUTIQUE_Orange:before {
    content: "\e988"
}

.icon-Picto-Solaire_Tropique_Orange:before {
    content: "\e989"
}

.icon-Picto_SOLEIL_gris:before {
    content: "\e98a"
}

.icon-Picto_SPORT_Gris:before {
    content: "\e98b"
}

.icon-Picto_Touche-Sec_Orange:before {
    content: "\e98c"
}

.icon-whatsapp:before {
    content: "\e936"
}

.icon-station-2:before {
    content: "\e935"
}

.icon-icons8-facebook-entour:before {
    content: "\e934"
}

.icon-facebook-2:before {
    content: "\e927"
}

.icon-arrow-short-left:before {
    content: "\e900"
}

.bloc-basement-modal .block-form button[type=submit]:before,
.bloc-diagnostic-basement-left-side .block-form button[type=submit]:before,
.header-search-form-body button.btn-primary:before,
.icon-arrow-short-right:before,
.reviews-add a:before {
    content: "\e901"
}

.icon-close:before,
header .menu-mobile .menu-mobile-toggle .navbar-toggler-icon.close-icon:before {
    content: "\e902"
}

.icon-minus:before,
.ingredient .ingredient-widget .ingredient-small-header a .ingredient-btn.minus:before {
    content: "\e903"
}

.icon-plus:before,
.ingredient .ingredient-widget .ingredient-small-header a .ingredient-btn.plus:before,
.nav-sites__title:before {
    content: "\e904"
}

.icon-suggest:before,
.reviews-body-item-footer-suggest span:before {
    content: "\e905"
}

.icon-quot:before {
    content: "\e906"
}

.icon-plus1:before {
    content: "\e907"
}

.icon-navigation-search:before {
    content: "\e908"
}

.icon-marker-long:before {
    content: "\e909"
}

.icon-marker:before {
    content: "\e90a"
}

.block-form .styledSelect:before,
.footer-lower .list-contry .haut-page-sous-famille__header .openDescription .up.btn:before,
.footer-lower .list-contry .show .btn:before,
.footer-lower .list-lang .dropdown-menu .btn-up:before,
.footer-lower .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.footer-lower .list-lang .show .btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-contry .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-lang .up.btn:before,
.haut-page-sous-famille__header .openDescription .icon-chevron-down.up:before,
.haut-page-sous-famille__header .openDescription .newsletter-crm__form .up.select-wrapper:before,
.haut-page-sous-famille__header .openDescription .up.ancr-nav-mob-select:before,
.haut-page-sous-famille__header .openDescription .up.reviews-body-heading-filter:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .up.nav-link:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown a.up.dropdown-toggle:before,
.icon-chevron-up:before,
.newsletter-crm__form .haut-page-sous-famille__header .openDescription .up.select-wrapper:before,
header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .up.nav-link:before,
header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up:before,
header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
header .collapse-mobile .nav-item .list-lang .show .btn:before,
header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription a.up.dropdown-toggle:before,
header .collapse-mobile .nav-item.store-locator-dropdown.show a.dropdown-toggle:before {
    content: "\e90b"
}

.ancr-nav-mob-select:before,
.footer-lower .list-contry .btn:before,
.footer-lower .list-lang .btn:before,
.icon-chevron-down:before,
.newsletter-crm__form .select-wrapper:before,
.reviews-body-heading-filter:before,
header .collapse-mobile .main-menu .nav-item .nav-link:before,
header .collapse-mobile .nav-item .list-lang .btn:before,
header .collapse-mobile .nav-item.store-locator-dropdown a.dropdown-toggle:before {
    content: "\e90c"
}

.icon-cart:before {
    content: "\e90d"
}

.icon-star-empty:before {
    content: "\e90e"
}

.icon-star:before {
    content: "\e90f"
}

.icon-more:before {
    content: "\e910"
}

.icon-star-on:before {
    content: "\e911"
}

.icon-star-off:before {
    content: "\e912"
}

.icon-star-half:before {
    content: "\e913"
}

.icon-arrow-right:before {
    content: "\e914"
}

.add-review.confirmation .back-product-cta:before,
.icon-arrow-left:before,
header .menu-riche-container .menu-riche-header-prev a:before {
    content: "\e915"
}

.icon-arrow-down:before {
    content: "\e916"
}

.icon-arobase:before {
    content: "\e917"
}

.icon-chat:before {
    content: "\e918"
}

.icon-newsletter:before {
    content: "\e919"
}

.icon-messenger-o:before {
    content: "\e91a"
}

.icon-mobile:before {
    content: "\e91b"
}

.icon-twitter-o:before {
    content: "\e91c"
}

.icon-account:before {
    content: "\e91d"
}

.icon-apaisant:before {
    content: "\e91e"
}

.icon-Bio:before {
    content: "\e91f"
}

.icon-cart1:before {
    content: "\e920"
}

.icon-courriel:before {
    content: "\e921"
}

.icon-drop:before {
    content: "\e922"
}

.icon-earth:before {
    content: "\e923"
}

.icon-eco-conception:before {
    content: "\e924"
}

.icon-fair-for-life:before {
    content: "\e925"
}

.icon-golden-quest:before {
    content: "\e926"
}

.icon-imperfection:before {
    content: "\e928"
}

.icon-innovate:before {
    content: "\e929"
}

.icon-innovation-2:before {
    content: "\e92a"
}

.icon-innovation:before {
    content: "\e92b"
}

.icon-made-in-fr:before {
    content: "\e92c"
}

.icon-mail:before {
    content: "\e92d"
}

.icon-matifiant:before {
    content: "\e92e"
}

.icon-parfum:before {
    content: "\e92f"
}

.icon-shop:before {
    content: "\e930"
}

.icon-station:before {
    content: "\e931"
}

.icon-thermes-2:before {
    content: "\e932"
}

.icon-thermes:before {
    content: "\e933"
}

.icon-facebook:before {
    content: "\ea90"
}

.icon-instagram:before {
    content: "\ea92"
}

.icon-twitter:before {
    content: "\ea96"
}

.icon-youtube:before {
    content: "\ea9d"
}

.back-to-top {
    background-color: #98cb75;
    border-radius: 1px;
    bottom: 47px;
    cursor: pointer;
    height: 45px;
    opacity: 0;
    position: fixed;
    right: 1px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    visibility: hidden;
    width: 42px;
    z-index: 10000
}

.back-to-top span {
    display: none
}

.back-to-top i {
    display: block
}

.back-to-top i:before {
    color: #fff;
    content: "";
    font-size: 15px;
    left: 13px;
    position: absolute;
    top: 15px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.back-to-top.show {
    opacity: 1;
    visibility: visible
}

.best-seller-product .product-card__image img {
    margin-top: 80px
}

.best-seller-product .product-card-content {
    background: #e5ecf2;
    margin: 0;
    padding-top: 20%
}

@media screen and (max-width: 959px) {
    .best-seller-product .product-card-content {
        padding: 30px 20px 0
    }
}

.best-seller-product .product-card-content .product-card__image {
    height: 500px;
    margin: 20px auto 0;
    width: 500px
}

@media screen and (max-width: 959px) {
    .best-seller-product .product-card-content .product-card__image {
        height: 260px;
        width: 260px
    }
}

.best-seller-product .product-card-content .card-body {
    margin-top: 0;
    min-height: 172px;
    padding: 0 20px
}

@media screen and (max-width: 959px) {
    .best-seller-product .product-card-content .card-body {
        margin-top: 0;
        min-height: 110px
    }
}

.best-seller-product .product-card-content .card-title {
    font-size: 24px;
    letter-spacing: 0;
    margin-bottom: 0;
    padding: 27px 0 0
}

@media screen and (max-width: 959px) {
    .best-seller-product .product-card-content .card-title {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: -30px;
        padding: 0;
        width: 90%
    }
}

.best-seller-product .product-card-content .card-text {
    font-size: 15px;
    line-height: 22px;
    margin: 0 auto;
    width: 65%
}

@media screen and (max-width: 959px) {
    .best-seller-product .product-card-content .card-text {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 15px;
        margin-top: 0;
        padding: 0 10px;
        width: 100%
    }
}

.best-seller-product .product-card-content .rating-stars {
    margin-top: 18px
}

@media screen and (max-width: 959px) {
    .best-seller-product .product-card-content .rating-stars {
        margin-top: 0
    }
}

.best-seller-product .product-card-content .rating-stars .reviews-aside-note-rate span {
    font-size: 11px;
    margin-right: 4px
}

@media screen and (max-width: 959px) {
    .best-seller-product .product-card-content .rating-stars .reviews-aside-note-rate span {
        font-size: 8px;
        margin-right: 2px
    }
}

.best-seller {
    background: #fff;
    padding: 0 6px;
    position: absolute;
    right: 15px;
    top: 15px
}

.best-seller p {
    color: #98cb75;
    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 18px;
    text-transform: uppercase
}

.block-breadcrumbs .block-routine-soins.full-items .container-full,
.block-breadcrumbs .container,
.block-routine-soins.full-items .block-breadcrumbs .container-full {
    position: relative
}

.pf-breadcrumbs {
    padding: 0;
    word-spacing: -2px
}

@media(min-width: 993px) {
    .pf-breadcrumbs {
        padding: 8px 0 6px
    }
}

.pf-breadcrumbs li {
    align-items: center;
    color: #191e33;
    display: inline-flex;
    justify-content: flex-start;
    position: relative
}

@media(max-width: 1199px) {
    .pf-breadcrumbs li:first-of-type,
    .pf-breadcrumbs li:last-of-type {
        display: none
    }
    .pf-breadcrumbs li:not(.pf-breadcrumbs--mid):after {
        background: #98cb75;
        border-radius: 10px;
        bottom: 1px;
        content: "";
        height: 3px;
        margin: 0 12px;
        position: relative;
        width: 3px
    }
    .pf-breadcrumbs.dark .pf-breadcrumbs li:not(.pf-breadcrumbs--mid):after {
        background: #fff
    }
}

@media(min-width: 993px) {
    .pf-breadcrumbs li:not(:last-of-type):after {
        background: #98cb75;
        border-radius: 10px;
        bottom: 1px;
        content: "";
        height: 3px;
        margin: 0 11px;
        position: relative;
        width: 3px
    }
    .pf-breadcrumbs.dark .pf-breadcrumbs li:not(:last-of-type):after {
        background: #fff
    }
}

.pf-breadcrumbs li a,
.pf-breadcrumbs li span {
    color: #191e33;
    display: inline-flex;
    font-family: var(--pf-primary-font);
    font-size: 8.5px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 18px;
    text-shadow: 0 0 1px #fff;
    text-transform: uppercase;
    word-spacing: 1px
}

@media(min-width: 993px) {
    .pf-breadcrumbs li a,
    .pf-breadcrumbs li span {
        font-size: 8px
    }
}

.pf-breadcrumbs.v-light li a,
.pf-breadcrumbs.v-light li span,
.pf-breadcrumbs.v-light li:not(:last-of-type) {
    color: #fff;
    text-shadow: 0 0 1px #191e33
}

.pf-breadcrumbs.v-absolute {
    left: 21px;
    margin-left: 0;
    padding-top: 4px;
    position: absolute;
    top: 0;
    z-index: 3
}

@media(min-width: 993px) {
    .pf-breadcrumbs.v-absolute {
        left: 24px;
        padding-left: 0;
        padding-top: 11px
    }
}

.pf-breadcrumbs.v-pdp {
    margin-left: -3px;
    margin-top: 3px
}

@media(min-width: 993px) {
    .pf-breadcrumbs.v-pdp {
        margin-left: 0;
        margin-top: 0x;
        padding: 8px 0
    }
}

.btn {
    background: #fff;
    border: 1px solid #191e33;
    border-radius: 1px;
    color: #191e33;
    cursor: pointer;
    display: inline-block;
    font-family: var(--pf-primary-font);
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 16px;
    min-width: 220px;
    padding: 15px 19px 15px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    z-index: 0
}

.btn:active,
.btn:focus,
.btn:hover {
    background: #191e33;
    border: 1px solid #191e33;
    box-shadow: none;
    color: #fff;
    outline: none
}

.btn .ic-btn {
    display: inline-block;
    font-size: 1.8rem;
    vertical-align: unset
}

.btn-primary {
    background: var(--Strong-Color);
    border-color: var(--Strong-Color);
    color: #fff
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #191e33;
    border-color: #191e33;
    box-shadow: none;
    color: #fff;
    outline: none
}

.modal .block-form {
    padding: 40px 24px
}

@media(min-width: 993px) {
    .modal .block-form {
        padding: 80px 134px
    }
}

.block-form--group {
    margin-bottom: 16px
}

.block-form label {
    color: #191e33;
    display: inline-block;
    font-size: 11px;
    letter-spacing: .8px;
    line-height: 16px;
    margin-bottom: 7px
}

.block-form .wrap--select,
.block-form [type=date],
.block-form [type=email],
.block-form [type=tel],
.block-form [type=text],
.block-form textarea {
    width: 328px
}

@media(min-width: 993px) {
    .block-form .wrap--select,
    .block-form [type=date],
    .block-form [type=email],
    .block-form [type=tel],
    .block-form [type=text],
    .block-form textarea {
        max-width: 360px;
        width: 100%
    }
}

.block-form .wrap--select:focus,
.block-form [type=date]:focus,
.block-form [type=email]:focus,
.block-form [type=tel]:focus,
.block-form [type=text]:focus,
.block-form textarea:focus {
    border-color: #98cb75
}

.block-form .wrap--select,
.block-form [type=date],
.block-form [type=email],
.block-form [type=number],
.block-form [type=tel],
.block-form [type=text] {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #babbc2;
    border-radius: .25rem;
    box-shadow: none;
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    outline: 0;
    padding: 13px 15px
}

.block-form textarea {
    border: 1px solid #babbc2;
    box-shadow: none;
    font-size: 16px;
    height: 96px;
    letter-spacing: .6px;
    outline: 0;
    width: 100%
}

.block-form .help-text,
.block-form textarea {
    color: #191e33;
    display: block;
    font-weight: 500;
    line-height: 20px
}

.block-form .help-text {
    font-size: 10px;
    margin-top: .25rem;
    mix-blend-mode: normal;
    opacity: .5
}

.block-form select {
    cursor: pointer;
    display: block
}

.block-form select.s-hidden {
    display: none
}

.block-form .wrap--select {
    align-items: center;
    cursor: pointer;
    display: block;
    justify-content: center;
    min-height: 43px;
    position: relative
}

.block-form .styledSelect {
    align-items: center;
    background-color: transparent;
    color: #191e33;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: .6px;
    line-height: 20px;
    padding: 0 30px 0 0;
    position: relative
}

.block-form .styledSelect:before {
    color: #5b6770;
    font-family: icomoon, sans-serif;
    font-size: 7px;
    position: absolute;
    right: 0;
    top: 2px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.block-form .styledSelect.active:before {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.block-form .options {
    background: #fafafa;
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(100% + 1px);
    z-index: 999
}

.block-form .options li {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    padding: 10px 13px
}

.block-form .options li:hover {
    background: hsla(0, 0%, 80%, .7)
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
    display: none
}

[type=checkbox]:checked+label,
[type=checkbox]:not(:checked)+label {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    margin-right: 10px;
    padding-left: 22px;
    padding-right: 30px;
    position: relative
}

[type=checkbox]:checked+label:only-of-type,
[type=checkbox]:not(:checked)+label:only-of-type {
    margin-right: 0
}

[type=checkbox]:checked+label:before,
[type=checkbox]:not(:checked)+label:before {
    background: transparent;
    border: 1px solid #191e33;
    border-radius: 4px;
    box-sizing: border-box;
    content: "";
    height: 16px;
    left: 0;
    margin-top: -10px;
    opacity: .5;
    position: absolute;
    top: 50%;
    width: 16px
}

[type=checkbox]:not(:checked)+label {
    opacity: .3
}

[type=checkbox]:checked+label:after {
    color: #98cb75;
    content: "✓";
    font-size: 19px;
    left: 3px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    transition: all .2s ease
}

[type=checkbox]:not(:checked)+label:after {
    background: #fff;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .2s ease;
    width: 12px
}

[type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

[type=radio]:checked,
[type=radio]:not(:checked) {
    display: none
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-right: 10px;
    padding-left: 28px;
    position: relative
}

[type=radio]:checked+label:only-of-type,
[type=radio]:not(:checked)+label:only-of-type {
    margin-right: 0
}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
    background: transparent;
    border: 1px solid #191e33;
    border-radius: 100%;
    content: "";
    height: 20px;
    left: 0;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px
}

[type=radio]:not(:checked)+label {
    opacity: .3
}

[type=radio]:checked+label:after {
    background: #191e33;
    border-radius: 100%;
    content: "";
    height: 8px;
    left: 6px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    transition: all .2s ease;
    width: 8px
}

[type=radio]:not(:checked)+label:after {
    background: #fff;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .2s ease;
    width: 12px
}

[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.loader {
    -webkit-animation: rot 2s linear infinite;
    animation: rot 2s linear infinite;
    background: linear-gradient(#fff, #98cb75);
    border-radius: 50%;
    height: 120px;
    left: calc(50% - 50px);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #fff 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #fff 0);
    position: fixed;
    top: calc(50% - 50px);
    width: 120px;
    z-index: 1
}

@-webkit-keyframes rot {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rot {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.dfp-obfctd-link {
    cursor: pointer
}

.pagination-transverse {
    align-items: center;
    display: flex;
    height: 109px;
    justify-content: center;
    padding-bottom: 55px
}

@media(max-width: 992px) {
    .pagination-transverse.desktop {
        display: none
    }
}

@media(min-width: 993px) {
    .pagination-transverse.mobile {
        display: none
    }
}

.pagination-transverse .page-item {
    margin: 0;
    padding: 0;
    position: relative
}

.pagination-transverse .page-item.dots span {
    color: rgba(25, 30, 51, .2);
    font-size: 15px
}

.pagination-transverse .page-item .page-link {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: rgba(25, 30, 51, .2);
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 54px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    outline: none!important;
    padding: 0;
    width: 48px
}

.pagination-transverse .page-item.active .page-link {
    background-color: transparent;
    color: #191e33
}

.pagination-transverse .page-item.next,
.pagination-transverse .page-item.prev {
    margin: 0;
    position: relative
}

.pagination-transverse .page-item.next,
.pagination-transverse .page-item.prev {
    top: 4px
}

.bloc-basement-modal .block-form .pagination-transverse .page-item button[type=submit]:before,
.bloc-diagnostic-basement-left-side .block-form .pagination-transverse .page-item button[type=submit]:before,
.header-search-form-body .pagination-transverse .page-item button.btn-primary:before,
.pagination-transverse .page-item .bloc-basement-modal .block-form button[type=submit]:before,
.pagination-transverse .page-item .bloc-diagnostic-basement-left-side .block-form button[type=submit]:before,
.pagination-transverse .page-item .header-search-form-body button.btn-primary:before,
.pagination-transverse .page-item .icon-arrow-short-left,
.pagination-transverse .page-item .icon-arrow-short-right,
.pagination-transverse .page-item .reviews-add a:before,
.reviews-add .pagination-transverse .page-item a:before {
    color: #191e33;
    font-size: 29px;
    position: relative;
    top: -4px
}

.bloc-basement-modal .block-form .pagination-transverse .page-item button[type=submit]:before,
.bloc-diagnostic-basement-left-side .block-form .pagination-transverse .page-item button[type=submit]:before,
.header-search-form-body .pagination-transverse .page-item button.btn-primary:before,
.pagination-transverse .page-item .bloc-basement-modal .block-form button[type=submit]:before,
.pagination-transverse .page-item .bloc-diagnostic-basement-left-side .block-form button[type=submit]:before,
.pagination-transverse .page-item .header-search-form-body button.btn-primary:before,
.pagination-transverse .page-item .icon-arrow-short-left:before,
.pagination-transverse .page-item .icon-arrow-short-right:before,
.pagination-transverse .page-item .reviews-add a:before,
.reviews-add .pagination-transverse .page-item a:before {
    color: #191e33
}

.pagination-transverse .page-item .icon-arrow-short-left {
    left: 9px
}

.bloc-basement-modal .block-form .pagination-transverse .page-item button[type=submit]:before,
.bloc-diagnostic-basement-left-side .block-form .pagination-transverse .page-item button[type=submit]:before,
.header-search-form-body .pagination-transverse .page-item button.btn-primary:before,
.pagination-transverse .page-item .bloc-basement-modal .block-form button[type=submit]:before,
.pagination-transverse .page-item .bloc-diagnostic-basement-left-side .block-form button[type=submit]:before,
.pagination-transverse .page-item .header-search-form-body button.btn-primary:before,
.pagination-transverse .page-item .icon-arrow-short-right,
.pagination-transverse .page-item .reviews-add a:before,
.reviews-add .pagination-transverse .page-item a:before {
    right: 7px
}

.bloc-basement-modal .block-form .pagination-transverse .page-item.disabled button[type=submit]:before,
.bloc-diagnostic-basement-left-side .block-form .pagination-transverse .page-item.disabled button[type=submit]:before,
.header-search-form-body .pagination-transverse .page-item.disabled button.btn-primary:before,
.pagination-transverse .page-item.disabled .bloc-basement-modal .block-form button[type=submit]:before,
.pagination-transverse .page-item.disabled .bloc-diagnostic-basement-left-side .block-form button[type=submit]:before,
.pagination-transverse .page-item.disabled .header-search-form-body button.btn-primary:before,
.pagination-transverse .page-item.disabled .icon-arrow-short-left:before,
.pagination-transverse .page-item.disabled .icon-arrow-short-right:before,
.pagination-transverse .page-item.disabled .reviews-add a:before,
.reviews-add .pagination-transverse .page-item.disabled a:before {
    color: rgba(25, 30, 51, .2)
}

.pagination-transverse .page-link:focus {
    box-shadow: none
}

.rating-stars .reviews-aside-note-rate {
    margin: 0 auto
}

.rating-stars .reviews-aside-note-rate [class^=icon-] {
    color: #98cb75
}

.mx-bouton-watsapp {
    align-items: center;
    background-color: #25d366;
    border-radius: 50px;
    bottom: 12%;
    box-shadow: 2px 2px 3px #999;
    color: #fff!important;
    display: flex;
    font-size: 30px;
    height: 50px;
    justify-content: center;
    opacity: 0;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none!important;
    visibility: hidden;
    width: 50px;
    z-index: 5
}

.mx-bouton-watsapp.show {
    opacity: 1;
    visibility: visible
}

.myaccordion {
    margin-bottom: 15px
}

.myaccordion__item {
    border-bottom: 1px solid #d1d2d6
}

.myaccordion__item:first-child {
    border-top: 1px solid #d1d2d6
}

.myaccordion__header {
    padding: 14px 0
}

.myaccordion__header h2 {
    margin: 0;
    padding: 0
}

.myaccordion__body p {
    font-size: 1.4rem;
    line-height: 23px;
    margin-bottom: 22px
}

.myaccordion .tg_product_close_cta,
.myaccordion .tg_product_open_cta {
    color: #98cb75;
    cursor: pointer;
    font-family: initial;
    font-size: 17px;
    line-height: 1
}

.myaccordion .tg_product_close_cta,
.myaccordion .tg_product_open_cta:not(.collapsed) {
    display: none
}

.myaccordion .tg_product_close_cta:not(.collapsed) {
    display: inline-block
}

.myaccordion__btn {
    background: none;
    border: none;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0;
    text-align: left;
    width: 100%
}

.myaccordion__btn:focus,
.myaccordion__btn:hover {
    background: none;
    border: none;
    outline: none
}

.myaccordion .fa-stack {
    font-size: 18px
}

.myaccordion .btn {
    color: #004987;
    font-weight: 900;
    padding: 0;
    width: 100%
}

.myaccordion .btn-link:focus,
.myaccordion .btn-link:hover {
    text-decoration: none
}

.myaccordion li+li {
    margin-top: 10px
}

#addReview {
    overflow-y: auto
}

.add-review {
    display: flex
}

@media(max-width: 992px) {
    .add-review {
        flex-direction: column
    }
}

.add-review .close-modal {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 17px;
    outline: 0;
    position: absolute;
    right: 18px;
    top: 29px;
    z-index: 1
}

@media(max-width: 992px) {
    .add-review .close-modal {
        right: 17px;
        top: 22px
    }
}

.add-review-info {
    width: 264px
}

@media(max-width: 992px) {
    .add-review-info {
        width: 100%
    }
}

.add-review-info-product {
    align-items: center;
    background-color: #f4f5f6;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 396px;
    padding: 0 20px 39px;
    position: relative
}

@media(max-width: 992px) {
    .add-review-info-product {
        align-items: start;
        background-color: #fff;
        min-height: unset;
        padding: 0
    }
}

.add-review-info-product-tag span {
    background: #fff;
    color: #98cb75;
    font-size: 10px;
    height: 20px;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 0 4px 0 7px;
    position: absolute;
    right: 13px;
    text-align: center;
    text-transform: uppercase;
    top: 13px;
    z-index: 1
}

@media(max-width: 992px) {
    .add-review-info-product-tag {
        display: none
    }
}

.add-review-info-product-thumb {
    margin-bottom: 41px
}

.add-review-info-product-thumb img {
    height: 125px
}

@media(max-width: 992px) {
    .add-review-info-product-thumb {
        display: none
    }
    .add-review-info-product-title {
        border-bottom: 1px solid #edeff0;
        padding: 12px 21px;
        width: 100%
    }
}

.add-review-info-product-title span {
    display: block;
    font-weight: 500
}

.add-review-info-product-title span.category {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 11px;
    text-align: center
}

@media(max-width: 992px) {
    .add-review-info-product-title span.category {
        font-size: 14px;
        letter-spacing: .8px;
        line-height: 16px;
        margin-bottom: 0;
        text-align: left
    }
}

.add-review-info-product-title span.title {
    color: #191e33;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 6px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .add-review-info-product-title span.title {
        font-size: 14px;
        letter-spacing: .8px;
        line-height: 16px;
        text-align: left;
        text-transform: lowercase
    }
}

.add-review-info-product-description p {
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    opacity: .5;
    text-align: center
}

@media(max-width: 992px) {
    .add-review-info-product-description {
        display: none
    }
}

.add-review-info-image>div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 606px
}

@media(max-width: 992px) {
    .add-review-info-image {
        display: none
    }
}

.add-review-form {
    margin: 0 auto;
    padding: 60px 0 43px;
    width: 465px
}

@media(max-width: 992px) {
    .add-review-form {
        padding: 40px 0 60px;
        width: 100%
    }
    .add-review-form-body {
        padding-left: 24px;
        padding-right: 24px
    }
}

.add-review-form-body-nb {
    color: #191e33;
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 8px;
    mix-blend-mode: normal;
    opacity: .5
}

.add-review-form-body .rules {
    margin-bottom: 20px
}

.add-review-form-body .rules .form-check-inline {
    margin-right: 0
}

.add-review-form-body .rules p {
    color: #191e33;
    display: inline;
    font-size: 12px;
    line-height: 16px;
    vertical-align: text-bottom
}

.add-review-form-body .rules p a {
    color: #191e33;
    display: inline-block;
    text-decoration: underline
}

.add-review-form-body .rules .parsley-errors-list {
    display: none
}

.add-review-form-body .rules .parsley-error label {
    opacity: 1
}

.add-review-form-body .rules .parsley-error label:before {
    border-color: red!important;
    opacity: 1
}

.add-review-form-body .form-group {
    margin-bottom: 16px;
    position: relative
}

.add-review-form-body .form-group.avis-long {
    margin-bottom: 20px
}

.add-review-form-body .form-group .parsley-errors-list {
    margin: 4px 0;
    padding: 0
}

.add-review-form-body .form-group .parsley-errors-list li {
    color: red
}

.add-review-form-body .form-group label {
    color: #191e33;
    font-size: 11px;
    letter-spacing: .8px;
    line-height: 16px;
    margin-bottom: 7px
}

.add-review-form-body .form-group label.label--alt {
    font-size: 14px
}

.add-review-form-body .form-group label:after,
.add-review-form-body .form-group label:before {
    display: none
}

.add-review-form-body .form-group input {
    border-color: #babbc2;
    box-shadow: none;
    color: #191e33;
    font-size: 16px;
    height: 48px;
    letter-spacing: .6px;
    line-height: 20px;
    outline: 0;
    padding: 15px
}

.add-review-form-body .form-group input.parsley-error,
.add-review-form-body .form-group input.parsley-error:focus {
    border-color: red
}

.add-review-form-body .form-group input:focus {
    border-color: #98cb75
}

.add-review-form-body .form-group input.input-size-1 {
    width: 328px
}

@media(max-width: 992px) {
    .add-review-form-body .form-group input.input-size-1 {
        width: 100%
    }
}

.add-review-form-body .form-group input.input-size-2 {
    width: 96px
}

.add-review-form-body .form-group input.input-size-3 {
    width: 472px
}

@media(max-width: 992px) {
    .add-review-form-body .form-group input.input-size-3 {
        width: 100%
    }
}

.add-review-form-body .form-group small {
    color: #191e33;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    mix-blend-mode: normal;
    opacity: .5
}

.add-review-form-body .form-group textarea {
    box-shadow: none;
    color: #191e33;
    font-size: 16px;
    height: 96px;
    letter-spacing: .6px;
    line-height: 20px;
    outline: 0;
    width: 101.5%
}

@media(max-width: 992px) {
    .add-review-form-body .form-group textarea {
        width: 100%
    }
}

.add-review-form-body .form-group textarea.parsley-error,
.add-review-form-body .form-group textarea.parsley-error:focus {
    border-color: red
}

.add-review-form-body .form-group textarea:focus {
    border-color: #98cb75
}

.add-review-form-body .form-group.age span {
    color: #5b6770;
    font-size: 14px;
    left: 53px;
    letter-spacing: .4px;
    line-height: 16px;
    position: absolute;
    top: 42px
}

.add-review-form-body .form-group.suggest label:not(.btn) {
    color: #98cb75;
    display: block;
    font-family: var(--pf-primary-font);
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 12px
}

.add-review-form-body .form-group.suggest label.parsley-error,
.add-review-form-body .form-group.suggest label.parsley-error~label {
    border-color: red!important
}

.add-review-form-body .form-group.suggest ul {
    margin: 16px!important;
    order: 1
}

.add-review-form-body .form-group.suggest .btn-group .btn {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 0;
    min-width: 59px;
    padding: 15px 10px
}

.add-review-form-body .form-group.suggest .btn-group .btn.active {
    background-color: #98cb75;
    border-color: #98cb75;
    color: #fff
}

.add-review-form-body .form-group.suggest .btn-group>.btn-group:not(:last-child)>.btn,
.add-review-form-body .form-group.suggest .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.add-review-form-body .form-group.suggest .btn-group-toggle .btn-default:hover {
    background-color: #98cb75;
    border-color: #98cb75;
    color: #fff
}

.add-review-form-body .form-group.suggest .btn-group>.btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.add-review-form-body .form-group.note label {
    margin-bottom: 0
}

.add-review-form-body .form-group.note .rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    width: 100%
}

.add-review-form-body .form-group.note .rating>input {
    display: none
}

.add-review-form-body .form-group.note .rating>label {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.104 6.125a1 1 0 0 0 .835.603l5.128.44c.882.075 1.238 1.175.567 1.753l-3.877 3.343a1 1 0 0 0-.32.984l1.16 4.972c.2.86-.73 1.54-1.488 1.085l-4.417-2.648a1 1 0 0 0-1.029 0L5.25 19.303c-.758.454-1.69-.226-1.488-1.087L4.93 13.25a1 1 0 0 0-.322-.987L.728 8.925c-.672-.579-.315-1.68.568-1.755l5.12-.431a1 1 0 0 0 .835-.604l2.007-4.706c.346-.81 1.494-.81 1.84 0l2.006 4.696ZM7.071 12.01l-1.126 4.786 4.233-2.538 4.243 2.549-1.126-4.785 3.737-3.22-4.93-.425-1.924-4.518-1.914 4.506-4.93.425 3.737 3.22Z' fill='%2398cb75'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 20px;
    margin-right: 5px;
    margin-top: auto;
    opacity: 1!important;
    padding: 0!important;
    transition: .3s;
    width: 20px
}

.add-review-form-body .form-group.note .rating>input:checked~label,
.add-review-form-body .form-group.note .rating>input:checked~label~label,
.add-review-form-body .form-group.note .rating>input:not(:checked)~label:hover,
.add-review-form-body .form-group.note .rating>input:not(:checked)~label:hover~label {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.014 16.383a1 1 0 0 1 1.03 0l3.995 2.399c.758.455 1.69-.225 1.488-1.086l-1.056-4.506a1 1 0 0 1 .32-.986l3.515-3.03c.672-.578.315-1.679-.568-1.753l-4.636-.391a1 1 0 0 1-.836-.605L12.45 2.16c-.345-.811-1.494-.811-1.84 0L8.792 6.425a1 1 0 0 1-.836.605l-4.635.39c-.883.075-1.24 1.176-.57 1.755l3.516 3.03a1 1 0 0 1 .32.985l-1.056 4.506c-.202.86.73 1.541 1.488 1.086l3.995-2.4Z' fill='%2398cb75'/%3E%3Cmask id='a' mask-type='alpha' maskUnits='userSpaceOnUse' x='2' y='1' width='19' height='18'%3E%3Cpath d='M11.014 16.383a1 1 0 0 1 1.03 0l3.995 2.399c.758.455 1.69-.225 1.488-1.086l-1.056-4.506a1 1 0 0 1 .32-.986l3.515-3.03c.672-.578.315-1.679-.568-1.753l-4.636-.391a1 1 0 0 1-.836-.605L12.45 2.16c-.345-.811-1.494-.811-1.84 0L8.792 6.425a1 1 0 0 1-.836.605l-4.635.39c-.883.075-1.24 1.176-.57 1.755l3.516 3.03a1 1 0 0 1 .32.985l-1.056 4.506c-.202.86.73 1.541 1.488 1.086l3.995-2.4Z' fill='%23fff'/%3E%3C/mask%3E%3C/svg%3E");
    opacity: 1
}

.add-review-form-body .form-group.note.avis-short label {
    margin-bottom: 22px
}

.add-review .block-heading {
    margin-bottom: 17px
}

@media(max-width: 992px) {
    .add-review .block-heading {
        margin-bottom: 20px
    }
}

.add-review .block-heading img {
    margin-bottom: 18px
}

@media(max-width: 992px) {
    .add-review .block-heading img {
        margin-bottom: 32px;
        width: 26px
    }
}

.add-review .block-heading-title h2,
.add-review .block-heading-title span {
    color: #191e33;
    font-size: 20px;
    letter-spacing: 4px;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

.add-review.confirmation {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 523px
}

@media(max-width: 992px) {
    .add-review.confirmation {
        justify-content: flex-start
    }
}

.add-review.confirmation .add-review-info {
    display: none
}

@media(max-width: 992px) {
    .add-review.confirmation .add-review-info {
        display: block;
        margin-bottom: 40px
    }
}

.add-review.confirmation .block-heading {
    margin-bottom: 0
}

@media(max-width: 992px) {
    .add-review.confirmation .block-heading {
        padding: 0 22px
    }
}

.add-review.confirmation .block-heading img {
    margin-bottom: 32px;
    width: 27px
}

.add-review.confirmation .block-heading-title span {
    color: #98cb75;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: none
}

.add-review.confirmation .block-heading-description {
    margin-bottom: 40px
}

.add-review.confirmation .block-heading-description span {
    color: #191e33;
    display: block;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: unset;
    line-height: 23px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%
}

@media(max-width: 992px) {
    .add-review.confirmation .block-heading-description span {
        text-align: left;
        width: 100%
    }
}

.add-review.confirmation .back-product-cta {
    border: 1px solid #191e33;
    color: #191e33;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 21px 84px;
    position: relative;
    text-transform: uppercase
}

.add-review.confirmation .back-product-cta:before {
    color: #98cb75;
    font-family: icomoon!important;
    font-size: 15px;
    left: 23px;
    position: absolute
}

@media(max-width: 992px) {
    .add-review.confirmation .back-product-cta {
        padding: 21px 85px
    }
}

.modal-content {
    background-clip: unset;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

@media(max-width: 992px) {
    #confirmAddReviews .modal-content {
        height: 100vh
    }
}

.article-card-subtitle * {
    color: #98cb75;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase
}

.article-card-subtitle :before {
    background: #98cb75;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 7px
}

.article-card-text * {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px
}

.bloc-basement-modal {
    position: relative
}

.bloc-basement-modal-title {
    margin: 30px auto 60px;
    max-width: 576px
}

.bloc-basement-modal-title * {
    color: #191e33;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center
}

@media(max-width: 575px) {
    .bloc-basement-modal-title * {
        font-size: 22px;
        line-height: 28px;
        text-align: left
    }
}

.bloc-basement-modal-description {
    margin: 0 auto 45px;
    max-width: 576px
}

@media(max-width: 575px) {
    .bloc-basement-modal-description {
        margin-bottom: 20px
    }
}

.bloc-basement-modal-description * {
    color: #6b6b6b;
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 24px;
    text-align: center
}

@media(max-width: 575px) {
    .bloc-basement-modal-description * {
        text-align: left
    }
}

.bloc-basement-modal .block-form {
    margin: 0 auto 10px;
    max-width: 464px;
    padding: 0
}

.bloc-basement-modal .block-form label {
    color: #5b6770;
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 5px
}

.bloc-basement-modal .block-form label a {
    display: inline
}

.bloc-basement-modal .block-form label a,
.bloc-basement-modal .block-form label a:hover {
    text-decoration: underline;
    text-underline-position: under
}

.bloc-basement-modal .block-form [type=checkbox]:not(:checked)+label {
    opacity: 1
}

.bloc-basement-modal .block-form button[type=submit] {
    display: block;
    margin: 0 auto;
    padding: 17px 40px 17px 19px;
    text-align: left
}

@media(min-width: 768px) {
    .bloc-basement-modal .block-form button[type=submit] {
        min-width: 296px
    }
}

.bloc-basement-modal .block-form button[type=submit].disabled,
.bloc-basement-modal .block-form button[type=submit]:disabled {
    background-color: #353535;
    border-color: #353535;
    color: #fff;
    opacity: .3
}

.bloc-basement-modal .block-form button[type=submit]:before {
    position: absolute;
    right: 15px
}

.bloc-basement-modal .block-form--group {
    margin-bottom: 8px
}

.bloc-basement-modal .block-form--group label {
    color: #353535;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px
}

.bloc-basement-modal .block-form--group input+label {
    color: #191e33;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px
}

@media(min-width: 768px) {
    .bloc-basement-modal .block-form--group input+label {
        margin: 26px 0 20px;
        padding-left: 30px;
        padding-right: 0
    }
}

.bloc-basement-modal .block-form--group input+label:before {
    margin-top: 0;
    top: 2px
}

.bloc-basement-modal .block-form--group input+label:after {
    left: 1px;
    margin-top: 0;
    top: 3px
}

.bloc-basement-modal .block-form--group .parsley-errors-list {
    margin-top: 10px;
    padding-left: 0
}

.bloc-basement-modal .block-form--group .parsley-errors-list li {
    color: #dc3545
}

.bloc-basement-modal .block-form--group .parsley-error label {
    color: #dc3545!important
}

.bloc-basement-modal .block-form--group .parsley-error label:before {
    border-color: #dc3545!important
}

.bloc-basement-modal .block-form--group input[type=email],
.bloc-basement-modal .block-form--group input[type=number],
.bloc-basement-modal .block-form--group input[type=tel],
.bloc-basement-modal .block-form--group input[type=text] {
    background-color: transparent;
    border-color: #6b6b6b;
    max-width: 368px
}

.bloc-basement-modal .block-form--group input[type=email].parsley-error,
.bloc-basement-modal .block-form--group input[type=number].parsley-error,
.bloc-basement-modal .block-form--group input[type=tel].parsley-error,
.bloc-basement-modal .block-form--group input[type=text].parsley-error {
    border-color: #dc3545
}

.bloc-basement-modal .block-form--group .invalid-feedback {
    color: #dc3545;
    display: block;
    font-size: 9px;
    margin-top: 10px
}

.bloc-basement-modal-text {
    margin: 0 auto;
    max-width: 464px
}

.bloc-basement-modal-text * {
    color: #5b6770;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.bloc-basement-modal-text * a {
    color: #191e33;
    display: inline-block;
    text-decoration: underline
}

@media(max-width: 575px) {
    .bloc-basement-modal-text * {
        text-align: left
    }
}

@media(min-width: 768px) {
    .modal-basement .diagnostic-modal-header.underline-type .diagnostic-modal-heading-title {
        margin-top: 0
    }
}

.green-impact {
    background-color: #f1f3f2;
    margin-top: 75px
}

.green-impact-header a {
    padding: 26px 58px;
    position: relative
}

.green-impact-header a:after {
    content: "";
    opacity: 0
}

.green-impact-header a.collapsed .icon-down {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: all .2s ease-in-out
}

.green-impact-header a:not(.collapsed):after {
    background-color: #191e33;
    bottom: 10px;
    height: 1px;
    left: 24px;
    opacity: .2;
    position: absolute;
    right: 24px;
    transition: all .2s ease-in-out
}

.green-impact-header-title {
    color: #191e33;
    display: block;
    font-family: var(--pf-primary-font);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 10px;
    text-align: left
}

.green-impact-header-content {
    align-items: center;
    display: flex
}

.green-impact-header-optional-text {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    padding-left: 17px
}

.green-impact-header-img {
    display: block
}

.green-impact-header-icon {
    font-size: 12px;
    position: absolute;
    right: 18px;
    top: calc(48% - 6px)
}

.green-impact-header-icon.icon-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all .2s ease-in-out
}

.green-impact-body {
    padding: 10px 34px 0
}

.green-impact-body-items {
    padding-bottom: 40px
}

.green-impact-body-items-title * {
    color: #98cb75;
    font-family: var(--pf-primary-font);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 25px
}

@media(min-width: 768px) {
    .green-impact-body-items-title * {
        margin-left: 24px
    }
}

.green-impact-body-item {
    display: flex;
    margin-bottom: 20px
}

.green-impact-body-item:last-child {
    margin-bottom: 0
}

.green-impact-body-item-icon {
    background-color: #8bc34a;
    border-radius: 50%;
    flex: 0 0 13.75%;
    height: 60px;
    margin-right: 24px;
    max-width: 60px;
    width: 60px
}

.green-impact-body-item-icon img {
    border-radius: 50%;
    width: 100%
}

.green-impact-body-item-content-title * {
    color: #98cb75;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px
}

.green-impact-body-item-content-texte .bloc-contenu {
    position: relative
}

.green-impact-body-item-content-texte .bloc-contenu h4,
.green-impact-body-item-content-texte .bloc-contenu p,
.green-impact-body-item-content-texte .bloc-contenu ul li {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px
}

.green-impact-body-item-content-texte .bloc-contenu ul li {
    padding-left: 11px
}

.green-impact-body-item-content-texte .bloc-contenu ul li:before {
    color: #191e33;
    font-size: 20px;
    top: 0
}

.green-impact-body-item-content-texte .bloc-contenu a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    margin-top: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.green-impact-body-item-content-texte .bloc-contenu .read-more-dotes {
    background: linear-gradient(180deg, hsla(150, 8%, 95%, 0), #f1f3f2);
    bottom: 0;
    font-size: 0;
    height: 118px;
    left: 0;
    position: absolute;
    right: 0
}

.green-impact-body-item-content-texte .expandable-fragment-more {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: left
}

.green-impact-footer {
    background-color: #98cb75;
    padding: 22px 33px 22px 30px
}

.green-impact-footer-item {
    display: flex
}

.green-impact-footer-item-img {
    align-items: center;
    display: flex
}

@media(min-width: 768px) {
    .green-impact-footer-item-img {
        margin-right: 20px
    }
}

.green-impact-footer-item-img img {
    border-radius: 50%
}

.green-impact-footer-item .bloc-contenu p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px
}

.green-impact-footer-item .bloc-contenu a {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.green-impact-footer-item .bloc-contenu a:hover {
    color: #fff
}

.green-impact-footer-item .bloc-contenu a:before {
    background-color: #fff;
    bottom: 0
}

.cta-card {
    margin-bottom: 20px;
    text-align: center
}

@media(min-width: 993px) {
    .cta-card {
        margin-bottom: 0
    }
}

.cta-card--wrapper {
    display: inline-flex;
    justify-content: center;
    position: relative
}

@media(min-width: 1200px) {
    .cta-card--wrapper {
        display: flex
    }
}

.cta-card--img {
    height: 568px;
    margin-bottom: 0;
    max-height: 80vh;
    max-width: 378px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.cta-card--img img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.cta-card--content {
    bottom: 0;
    left: 50%;
    padding: 20px;
    position: absolute;
    right: auto;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 1
}

.cta-card--content-wrapper {
    background: #fff;
    padding: 35px
}

@media(min-width: 993px) {
    .cta-card--content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 43px 28px 34px
    }
}

.cta-card--title {
    margin-bottom: 8px
}

@media(min-width: 993px) {
    .cta-card--title {
        margin-bottom: 14px
    }
}

.cta-card--title p {
    color: #98cb75;
    font-family: var(--pf-primary-font);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.86px;
    line-height: 16px;
    margin-bottom: 0;
    text-transform: uppercase
}

@media(min-width: 993px) {
    .cta-card--title p {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 18px
    }
}

.cta-card--description {
    margin-bottom: 22px
}

@media(min-width: 993px) {
    .cta-card--description {
        margin-bottom: 23px
    }
}

.cta-card--description a,
.cta-card--description p {
    font-size: 14px;
    letter-spacing: normal;
    line-height: 20px
}

@media(min-width: 993px) {
    .cta-card--description a,
    .cta-card--description p {
        font-size: 18px;
        line-height: 24px
    }
}

.cta-card--link {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-bottom: 0
}

.cta-card--link a {
    padding: 16px 22px;
    width: 100%
}

.cta-card--link p {
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px
}

.cta-card--link p span {
    border-bottom: 1px solid #98cb75;
    display: inline-block;
    font-weight: 500;
    padding-bottom: 5px;
    position: relative
}

.cta-card--link p span:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.cta-card--link p span:hover {
    border-bottom: none;
    color: #98cb75;
    text-decoration: none
}

.cta-card--link p span:hover:before {
    left: 0;
    width: 100%
}

.block-product-carousel-thumb .item {
    width: 84px
}

.block-product-carousel-thumb .slick-current .item {
    border-right: 2px solid #98cb75
}

.block-product-carousel-image .item img {
    height: inherit
}

.block-product-carousel-image .slick-arrow {
    color: #5b6770;
    font-size: 20px;
    top: 48.5%
}

.block-product-carousel-image .slick-arrow-next {
    right: 27px
}

.block-product-carousel-image .slick-arrow-prev {
    left: 27px
}

.haut-page-page {
    min-height: 304px;
    position: relative
}

.haut-page-page,
.haut-page-page__bg-mob {
    background-position: top;
    background-size: cover
}

.haut-page-page__bg-mob {
    border-bottom: 1.28px solid rgba(25, 30, 51, .2);
    padding-bottom: 93px;
    padding-top: 94px
}

@media(min-width: 768px) {
    .haut-page-page__bg-mob {
        background: none!important
    }
}

.haut-page-page__bg-mob>* {
    position: relative;
    z-index: 2
}

.haut-page-page__bg-mob:not(.bg-img) {
    padding-bottom: 0
}

.haut-page-page.bg1 {
    background-color: #f5f7fa
}

.haut-page-page.bg2 {
    background-color: #fff2f1
}

.haut-page-page.bg-img .haut-page-page__bg-mob {
    border: 0;
    padding-bottom: 93px
}

.haut-page-page.bg-img>* {
    position: relative;
    z-index: 2
}

.haut-page-page.bg-img:after {
    background: #191e33;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.haut-page-page.bg-img .ic-title {
    display: none
}

.haut-page-page.bg-img .haut-page-page__sub-title,
.haut-page-page.bg-img .haut-page-page__title {
    color: #fff
}

.haut-page-page:not(.bg-img) .list-cat li a,
.haut-page-page:not(.bg-img) .list-cat li span {
    border: 1px solid #191e33;
    color: #191e33
}

.haut-page-page:not(.bg-img) .list-cat li:hover a,
.haut-page-page:not(.bg-img) .list-cat li:hover span {
    background-color: #191e33;
    color: #fff
}

.haut-page-page__title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

.haut-page-page__title .ic-title {
    display: none
}

.haut-page-page__title span {
    display: block
}

.haut-page-page__title span.anm {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.haut-page-page__sub-title {
    color: #98cb75;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    margin: 0 auto 40px;
    max-width: 60%;
    text-align: center
}

.haut-page-page__sub-title.anm {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.list-cat {
    margin: 0;
    padding: 0;
    text-align: center
}

.list-cat.anm {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.list-cat li {
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 8px
}

.list-cat li:last-child {
    margin-right: 0
}

.list-cat li a,
.list-cat li span {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    padding: 12px 19px;
    text-transform: uppercase
}

.list-cat li:hover a,
.list-cat li:hover span {
    background-color: #98cb75
}

.block-heading {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px
}

.block-heading img {
    display: none
}

.block-heading-title * {
    color: #98cb75;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 4.8px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

.block-heading-description {
    margin-bottom: 20px
}

.block-heading-description * {
    color: #191e33;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center;
    width: 576px
}

.block-heading.small .block-heading-title h2 {
    color: #191e33;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center
}

.block-heading.reversed .block-heading-title * {
    color: #191e33
}

.block-heading.reversed .block-heading-description * {
    color: #98cb75
}

.menu-riche-push-item.v-double .menu-riche-feat--wrapper {
    display: flex;
    justify-content: center;
    position: relative
}

.menu-riche-push-item.v-double .menu-riche-feat--img {
    margin: 0;
    overflow: hidden
}

@media(min-width: 993px) {
    .menu-riche-push-item.v-double .menu-riche-feat--img {
        height: 252px;
        width: 384px
    }
}

.menu-riche-push-item.v-double .menu-riche-feat--img:after {
    background: rgba(53, 53, 53, .5);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.menu-riche-push-item.v-double .menu-riche-feat--img img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.menu-riche-push-item.v-double .menu-riche-feat--img:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s
}

.menu-riche-push-item.v-double .menu-riche-feat--content {
    bottom: 0;
    left: 50%;
    padding: 0 48px 40px;
    position: absolute;
    right: auto;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: 1
}

.menu-riche-feat--description p,
.menu-riche-feat--title p {
    color: #fff;
    line-height: 24px
}

.menu-riche-feat--title p {
    font-family: var(--pf-primary-font);
    font-size: 12px;
    font-weight: 500
}

.menu-riche-feat--description p {
    font-family: var(--pf-primary-font);
    font-size: 18px;
    font-weight: 500
}

.product-card {
    margin: 24px
}

@media screen and (max-width: 959px) {
    .product-card {
        margin: 1%;
        padding: 0;
        width: 48%
    }
}

.product-card-content {
    align-items: flex-end;
    background: #f4f5f6;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    position: relative
}

.product-card-content .product-card__image {
    height: 200px;
    margin: 70px auto 0;
    padding: 0;
    width: 200px
}

@media screen and (max-width: 959px) {
    .product-card-content .product-card__image {
        height: 150px;
        margin: 20px auto 0;
        padding: 0;
        width: 150px
    }
}

.product-card-content .product-card__image img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    padding: 0
}

.product-card-content .card-body {
    min-height: 117px;
    padding: 0 0 20px;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 959px) {
    .product-card-content .card-body {
        min-height: 109px;
        padding: 0 0 12px
    }
}

.product-card-content .card-title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 25px 0 5px;
    word-spacing: 5px
}

@media screen and (max-width: 959px) {
    .product-card-content .card-title {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 0;
        padding: 10px 10px 5px
    }
}

.product-card-content .card-type {
    margin-bottom: 6px;
    margin-top: 10px
}

.product-card-content .card-type * {
    color: #98cb75;
    display: inline-block;
    font-size: 14px;
    line-height: 18px
}

.product-card-content .card-text {
    color: #5b6770;
    font-size: 12px;
    line-height: 18px;
    padding: 0 20px
}

@media screen and (max-width: 959px) {
    .product-card-content .card-text {
        font-size: 11px;
        line-height: 12px;
        margin-bottom: 14px;
        padding: 0 10px
    }
}

.product-card-content .rating-stars {
    margin-top: 10px
}

@media screen and (max-width: 959px) {
    .product-card-content .rating-stars {
        margin-top: 0
    }
}

.product-card-content .rating-stars .reviews-aside-note-rate span {
    font-size: 11px;
    margin-right: 4px
}

@media screen and (max-width: 959px) {
    .product-card-content .rating-stars .reviews-aside-note-rate span {
        font-size: 8px;
        margin-right: 2px
    }
}

.block-quot {
    align-items: center;
    background-color: #fff2f1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 35px;
    padding: 73px 74px 93px;
    text-align: center
}

.block-quot .quot-title {
    color: #191e33;
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase
}

.block-quot .quot-icon {
    color: #f08874;
    font-size: 31px;
    margin-bottom: 26px
}

.block-quot p {
    color: #191e33;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 0;
    text-align: center
}

.rating {
    margin-right: 16px
}

.rating .icon-star,
.rating .icon-star-empty,
.rating .icon-star-half {
    display: inline-flex;
    font-size: 1.5rem;
    margin-right: 1px;
    position: relative;
    width: 15px
}

.rating .icon-star-empty:last-child,
.rating .icon-star-half:last-child,
.rating .icon-star:last-child {
    margin-right: 0
}

.header-search-form {
    background: #fff;
    border-top: 1px solid #e7e8ea;
    display: none;
    left: 0;
    min-height: 140px;
    padding: 20px 0 0;
    position: absolute;
    right: 0;
    z-index: 9999
}

@media(max-width: 1199px) {
    .header-search-form {
        bottom: 0;
        padding-top: 0;
        position: fixed;
        top: 0;
        z-index: 999
    }
}

.header-search-form:after {
    background-color: #191e33;
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 139px;
    z-index: 1
}

@media(max-width: 1199px) {
    .header-search-form:after {
        display: none
    }
}

.header-search-form-heading {
    border-bottom: 1px solid #edeff0;
    display: flex;
    height: 64px;
    justify-content: flex-end;
    padding-right: 22px
}

@media(min-width: 1200px) {
    .header-search-form-heading {
        display: none
    }
}

.header-search-form-heading button {
    background: transparent;
    border: 0;
    font-size: 16px;
    padding: 0
}

.header-search-form form {
    margin: 0 0 0 auto;
    max-width: 998px
}

.header-search-form-body {
    display: flex
}

@media(max-width: 1199px) {
    .header-search-form-body {
        flex-direction: column;
        height: 429px;
        justify-content: center
    }
}

.header-search-form-body button {
    height: 52px
}

@media(max-width: 1199px) {
    .header-search-form-body button {
        margin-top: 20px
    }
}

.header-search-form-body button.btn-primary {
    margin-right: 25px;
    min-width: 181px;
    text-align: left
}

@media(max-width: 1199px) {
    .header-search-form-body button.btn-primary {
        margin-right: 0
    }
}

.header-search-form-body button.btn-primary:before {
    position: absolute;
    right: 14px
}

.header-search-form-body button.icon-close,
.header-search-form-body header .menu-mobile .menu-mobile-toggle button.navbar-toggler-icon.close-icon,
header .menu-mobile .menu-mobile-toggle .header-search-form-body button.navbar-toggler-icon.close-icon {
    background: transparent;
    border: 0;
    font-size: 18px
}

@media(max-width: 1199px) {
    .header-search-form-body button.icon-close,
    .header-search-form-body header .menu-mobile .menu-mobile-toggle button.navbar-toggler-icon.close-icon,
    header .menu-mobile .menu-mobile-toggle .header-search-form-body button.navbar-toggler-icon.close-icon {
        display: none
    }
}

.header-search-form-input {
    width: 100%
}

.header-search-form-input input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #bebfc5;
    font-size: 24px;
    height: 52px;
    letter-spacing: 0;
    line-height: 32px;
    outline: 0;
    width: calc(100% - 37px)
}

@media(max-width: 1199px) {
    .header-search-form-input input {
        font-size: 30px;
        height: 60px;
        width: 100%
    }
}

.header-search-form-input input::-webkit-input-placeholder {
    color: #191e33;
    opacity: .2
}

.header-search-form-input input::placeholder {
    color: #191e33;
    opacity: .2
}

.header-search-form-input .parsley-errors-list {
    margin-top: 5px;
    padding: 0
}

.header-search-form-input .parsley-errors-list li {
    color: red
}

.header-search-form-input .form-text {
    color: #191e33;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 20px
}

.header-search-form-input .parsley-errors-list.filled+.form-text {
    margin-top: 0
}

@media(max-width: 1199px) {
    body.search-active {
        overflow: hidden
    }
}

.block-routine-soins.full-items .stickers .container-full,
.stickers .block-routine-soins.full-items .container-full,
.stickers .container {
    height: calc(100% - 84px);
    overflow-x: auto
}

@media(min-width: 1200px) {
    .block-routine-soins.full-items .stickers .container-full,
    .stickers .block-routine-soins.full-items .container-full,
    .stickers .container {
        height: inherit;
        overflow-x: inherit
    }
}

.stickers.menu-riche-container .menu-riche-push-item {
    background: transparent!important
}

header .menu-riche-container .stickers {
    background: #fff
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers {
    margin-bottom: 40px
}

@media(min-width: 768px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers {
        text-align: center
    }
}

@media(min-width: 1200px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers {
        display: inline-block;
        margin-bottom: 0;
        padding: 32px 0 0;
        text-align: inherit
    }
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--subtitle {
    margin-bottom: 20px;
    text-align: center
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--subtitle img {
    display: none
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--subtitle p {
    color: #98cb75;
    font-size: 22px;
    line-height: 32px
}

@media(min-width: 1200px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--subtitle p {
        color: #191e33;
        font-size: 24px;
        line-height: 32px
    }
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--items {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 0
}

@media(min-width: 768px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--items {
        margin: 0 auto;
        max-width: 664px
    }
}

@media(min-width: 993px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--items {
        max-height: 427px;
        max-width: 705px;
        overflow-x: auto;
        padding-right: 20px
    }
}

@media(min-width: 1200px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--items {
        margin: 0
    }
}

@media(min-width: 1440px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--items {
        max-width: 930px
    }
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--item {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--item:hover .menu-riche-stickers--img img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s
}

@media(min-width: 768px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--item {
        margin-right: 20px;
        max-width: 208px
    }
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media(min-width: 1200px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--item:nth-of-type(2n) {
        margin-right: 20px
    }
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media(min-width: 1440px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--item:nth-of-type(3n) {
        margin-right: 20px
    }
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--item:nth-of-type(4n) {
        margin-right: 0
    }
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--img {
    height: 120px;
    margin: 0;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--img {
        height: 120px;
        width: 208px
    }
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--img:before {
    background: rgba(53, 53, 53, .5);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 28px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2
}

@media(min-width: 1200px) {
    .menu-riche.menu-riche-type-2 .stickers .menu-riche-stickers--title {
        font-size: 16px;
        line-height: 24px
    }
    .stickers .menu-riche-push .cta-card {
        display: none;
        display: initial
    }
}

.block-tabs {
    margin-bottom: 45px
}

.block-tabs .nav-tabs {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 25px
}

.block-tabs .nav-tabs .nav-item {
    color: #000;
    font-size: 14px;
    letter-spacing: 2.33333px;
    line-height: 16px;
    margin-right: 22px;
    padding: 0 0 22px;
    text-transform: uppercase;
    width: 30.098%
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .block-tabs .nav-tabs .nav-item {
        width: 27.098%
    }
}

.block-tabs .nav-tabs .nav-item:last-child {
    margin-right: 0
}

.block-tabs .nav-tabs .nav-item.active {
    border-bottom: 2px solid #98cb75;
    color: #98cb75
}

.block-tabs-thumb {
    margin-right: 51px
}

.block-tabs-product-key {
    padding-right: 25px;
    padding-top: 10px;
    width: 100%
}

.block-tabs-product-key>p {
    margin-bottom: 22px
}

.block-tabs-product-key h3 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    margin-bottom: 26px
}

.block-tabs-product-key h3:last-child {
    margin-bottom: 0
}

.block-tabs-product-key h3 span {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px
}

.agec-field p,
.agec-tri p {
    color: #98cb75;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px
}

.agec-subfield {
    margin-bottom: 24px
}

.agec-subfield p {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.agec-tri p {
    margin-bottom: 16px
}

.agec-tri picture {
    display: block
}

.agec-tri picture:not(:last-of-type) {
    margin-bottom: 10px
}

.agec-tri picture img {
    height: 85px;
    max-width: 100%;
    width: auto
}

.lightp {
    color: #5b6770;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.alt-info {
    display: flex;
    font-size: 14px;
    margin-bottom: 12px
}

.alt-info span {
    flex: auto;
    padding-right: 5px
}

.alt-info a {
    text-decoration: underline
}

#YMK-module:not(.diagnostic-modal #YMK-module) {
    align-items: flex-start;
    display: none;
    flex-direction: row-reverse;
    height: 100%;
    justify-content: center;
    left: 0;
    padding-top: 80px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) {
        align-items: center;
        flex-wrap: wrap;
        overflow: auto;
        padding: 10px
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .bg-iframe {
    background: #fff;
    height: 480px;
    width: 360px;
    z-index: 1
}

#YMK-module:not(.diagnostic-modal #YMK-module):before {
    background: #000;
    content: "";
    height: 100%;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 959px) {
    #YMK-module:not(.diagnostic-modal #YMK-module):before {
        height: 1000px
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .close-modal-container {
    display: flex;
    justify-content: flex-end;
    left: 0;
    margin-left: auto;
    padding: 0 14px;
    position: absolute;
    right: 0;
    top: 14px;
    width: 16px;
    z-index: 9
}

#YMK-module:not(.diagnostic-modal #YMK-module) .close-modal {
    color: #191e33;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 20px
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-content {
    background: #fff;
    max-width: 484px;
    overflow-x: scroll;
    padding: 40px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-content {
        max-width: none;
        width: 375px
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-content--title {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    margin: auto auto 10px;
    max-width: 80%;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-content--title {
        font-size: 18px;
        line-height: 26px;
        max-width: none
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media screen and (max-width: 978px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-items .slick-slide .variants-item {
        flex: 0 0 46%;
        margin-bottom: 0;
        margin-right: 0;
        padding: 0
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-items .slick-slide .variants-item:nth-child(3n) {
    margin-right: 0
}

@media screen and (max-width: 978px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-items .slick-slide .variants-item:nth-child(2n),
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-items .slick-slide .variants-item:nth-child(3n) {
        margin-right: 0
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-item {
    background-color: #f5f5f5;
    border-top: 2px solid transparent;
    cursor: pointer;
    flex: 0 0 31.33%;
    margin-bottom: 20px;
    margin-right: 12px
}

@media screen and (max-width: 978px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-item {
        flex: 0 0 20.3%;
        margin-bottom: 18px;
        margin-right: 15px
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-item.selected,
#YMK-module:not(.diagnostic-modal #YMK-module) .variants-item:hover {
    border-top-color: #98cb75
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-item:nth-child(3n) {
    margin-right: 0
}

@media screen and (max-width: 978px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-item:nth-child(3n) {
        margin-right: 18px
    }
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-item:last-of-type {
        margin-right: 0
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-item figure {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center;
    overflow: hidden;
    padding: 20px
}

@media screen and (max-width: 959px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-item figure {
        height: auto;
        min-height: 50px;
        padding: 12px 6px
    }
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-item figure img {
    width: 100%
}

#YMK-module:not(.diagnostic-modal #YMK-module) .variants-item p {
    color: #1c203b;
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 0 10px;
    text-align: center;
    word-break: break-word
}

@media screen and (max-width: 959px) {
    #YMK-module:not(.diagnostic-modal #YMK-module) .variants-item p {
        margin-bottom: 10px
    }
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.two-products-block {
    display: flex
}

@media screen and (max-width: 959px) {
    .two-products-block {
        justify-content: space-between;
        width: 100%
    }
}

.two-products-block .product-card {
    height: auto;
    margin: 0 23px;
    max-width: 265.5px
}

.two-products-block .product-card:first-child {
    margin-left: 0
}

.two-products-block .product-card:last-child {
    margin-right: 0
}

.two-products-block .product-card .product-card-content {
    min-height: 395px
}

@media screen and (max-width: 978px) {
    .two-products-block .product-card .product-card-content {
        min-height: 395px
    }
}

.prefooter {
    border-bottom: 1px solid rgba(25, 30, 51, .1);
    margin-bottom: 52px;
    padding-bottom: 46px;
    padding-top: 50px;
    text-align: center
}

@media(max-width: 992px) {
    .prefooter {
        margin-bottom: 46px;
        padding-bottom: 0;
        padding-top: 0
    }
}

.prefooter__wrap {
    display: flex;
    justify-content: center
}

@media screen and (max-width: 1320px) {
    .prefooter__wrap {
        display: block;
        margin: 0 -24px
    }
}

.prefooter__item {
    margin-left: 80px;
    margin-right: 80px;
    max-width: 256px;
    min-width: 208px
}

@media screen and (max-width: 1320px) {
    .prefooter__item {
        border-bottom: 1px solid rgba(25, 30, 51, .1);
        border-right: 1px solid rgba(25, 30, 51, .1);
        display: inline-block;
        margin: 0;
        max-width: none;
        min-width: 0;
        padding: 33px 0 15px;
        width: 50%
    }
}

.prefooter__item:first-child {
    margin-left: 0
}

@media screen and (max-width: 1320px) {
    .prefooter__item:first-child {
        border-bottom: 1px solid rgba(25, 30, 51, .1);
        border-right: none;
        width: 100%
    }
    .prefooter__item:nth-child(3n) {
        border-right: none;
        margin-left: -4px
    }
}

.prefooter__item.prefooter__item-4 {
    border: none;
    margin-right: 0
}

.prefooter .prefooter__items-2 .prefooter__item:last-of-type,
.prefooter .prefooter__items-3 .prefooter__item:last-of-type {
    margin-right: 0
}

.prefooter .prefooter__items-3 .prefooter__item-2,
.prefooter .prefooter__items-3 .prefooter__item-3 {
    border-bottom: none;
    margin-bottom: -46px;
    padding-bottom: 51px
}

@media(max-width: 992px) {
    .prefooter .prefooter__items-3 .prefooter__item-2,
    .prefooter .prefooter__items-3 .prefooter__item-3 {
        margin-bottom: 0
    }
}

.prefooter__icon,
.prefooter__img {
    display: inline-block;
    height: 40px;
    margin-bottom: 20px;
    width: auto
}

@media(max-width: 992px) {
    .prefooter__icon,
    .prefooter__img {
        height: 45px;
        margin-bottom: 11px
    }
}

.prefooter__icon {
    color: #98cb75;
    font-size: 40px
}

@media(max-width: 992px) {
    .prefooter__icon {
        font-size: 45px
    }
}

.prefooter__title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 5px;
    text-align: center
}

@media(max-width: 992px) {
    .prefooter__title {
        font-size: 17px;
        letter-spacing: .6px;
        line-height: 20px;
        min-height: 40px
    }
}

.prefooter__desc {
    color: rgba(25, 30, 51, .7);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center
}

@media(max-width: 992px) {
    .prefooter__desc {
        display: none
    }
}

.footer-menus {
    padding-bottom: 30px
}

@media(max-width: 992px) {
    .footer-menus {
        padding-bottom: 34px
    }
    .footer-menus__item1 {
        padding-right: 0
    }
    .footer-menus__item2 {
        padding-left: 8px
    }
    .footer-menus__item3 .footer-menus__wrap {
        border-top: 1px solid rgba(25, 30, 51, .1);
        padding-top: 32px;
        text-align: center
    }
    .footer-menus__item3 .footer-menus__wrap .footer-menu {
        margin-bottom: 6px
    }
    .footer-menus__item3 .footer-menus__wrap .footer-menu__title {
        margin-bottom: 10px
    }
    .footer-menus__item3 .footer-menus__wrap .footer-menu ul li {
        display: inline-block;
        margin-right: 26px
    }
    .footer-menus__item3 .footer-menus__wrap .footer-menu ul li:last-child {
        margin-right: 0
    }
    .footer-menus__item3 .footer-menus__wrap .social-icon li i {
        font-size: 20px
    }
    .footer-menus__item3 .footer-menus__wrap .social-icon li.list-inline-item:not(:last-child) {
        margin-right: 40px
    }
}

.footer-menu {
    margin-bottom: 32px
}

@media(max-width: 992px) {
    .footer-menu {
        margin-bottom: 28px
    }
}

.footer-menu__title {
    color: #98cb75;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .footer-menu__title {
        margin-bottom: 14px
    }
}

.footer-menu ul {
    margin: 0;
    padding: 0
}

.footer-menu ul li {
    margin: 0 0 19px;
    padding: 0
}

@media(max-width: 992px) {
    .footer-menu ul li {
        margin: 0 0 18px
    }
}

.footer-menu ul li:last-child {
    margin-bottom: 0
}

.footer-menu ul li a {
    color: #191e33;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px
}

.footer-menu ul li a:after {
    background-color: #e1e4e6;
    content: "";
    display: block;
    height: 1px
}

@media(max-width: 992px) {
    .footer-menu ul li a:after {
        margin-top: 4px
    }
}

.social-icon li.list-inline-item:not(:last-child) {
    margin-right: 19px
}

.social-icon li i {
    font-size: 18px
}

.social-icon li span {
    display: none
}

.nav-sites {
    margin-bottom: 34px
}

@media(max-width: 992px) {
    .nav-sites {
        margin-bottom: 17px
    }
}

.nav-sites__wrap {
    border-top: 1px solid rgba(25, 30, 51, .1);
    padding-top: 35px
}

@media(max-width: 992px) {
    .nav-sites__wrap {
        padding-top: 20px
    }
}

.nav-sites__title {
    -webkit-appearance: none;
    border: none;
    color: #98cb75;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    margin-right: 65px;
    position: relative;
    text-transform: uppercase
}

@media screen and (min-width: 960px) {
    .nav-sites__title {
        cursor: default!important
    }
}

.nav-sites__title:before {
    font-size: 18px;
    position: absolute;
    right: -5px;
    top: -4px
}

.nav-sites__title:after {
    display: none
}

@media screen and (min-width: 960px) {
    .nav-sites__title:before {
        display: none
    }
}

@media(max-width: 992px) {
    .nav-sites__title {
        display: block;
        margin-right: 0;
        padding-right: 20px
    }
}

@media screen and (min-width: 768px) {
    .nav-sites ul {
        border: none;
        display: inline-block!important;
        float: none;
        left: auto!important;
        position: relative!important;
        right: auto;
        top: auto!important;
        -webkit-transform: none!important;
        transform: none!important;
        z-index: auto
    }
}

@media(max-width: 992px) {
    .nav-sites ul {
        border: none;
        float: none;
        left: auto!important;
        margin-top: 10px;
        position: relative!important;
        right: auto;
        top: auto!important;
        -webkit-transform: none!important;
        transform: none!important;
        width: 100%
    }
}

.nav-sites__item {
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px
}

.nav-sites__item:not(:last-child) {
    margin-right: 27px
}

.nav-sites__item:after {
    background-color: #191e33;
    content: "";
    display: block;
    height: 1px;
    margin-top: 5px;
    opacity: .3
}

@media(max-width: 992px) {
    .nav-sites__item {
        display: block;
        padding: 0 0 10px
    }
    .nav-sites__item:after {
        display: none
    }
}

.footer-lower {
    background-color: #98cb75;
    color: #fff;
    padding: 15px 0 18px
}

@media(max-width: 992px) {
    .footer-lower {
        padding: 32px 0 23px
    }
}

.footer-lower__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.footer-lower .copyright {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 42px;
    order: 0
}

@media(max-width: 992px) {
    .footer-lower .copyright {
        letter-spacing: -.2px;
        margin-right: 0;
        order: 1
    }
}

.footer-lower .short-nav {
    display: inline-block;
    margin-right: auto;
    order: 1
}

@media(max-width: 992px) {
    .footer-lower .short-nav {
        margin-bottom: 34px;
        order: 0
    }
    .footer-lower .short-nav ul li {
        margin-bottom: 13px;
        width: 50%
    }
    .footer-lower .short-nav ul li:not(:last-child) {
        margin-right: 5px!important
    }
    .footer-lower .short-nav ul li:nth-child(2n) {
        margin-right: 0!important;
        width: 45%
    }
}

.footer-lower .short-nav ul li:not(:last-child) {
    margin-right: 17px
}

.footer-lower .short-nav ul li a {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px
}

.footer-lower .list-contry {
    margin-left: auto;
    order: 2
}

.footer-lower .list-contry .btn {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    min-width: auto;
    padding: 0 26px 0 0;
    text-transform: none
}

@media(max-width: 992px) {
    .footer-lower .list-contry .btn {
        padding: 0 20px 0 0
    }
}

.footer-lower .list-contry .btn:before {
    display: none
}

.footer-lower .list-contry .btn.dropdown-toggle:before {
    display: block;
    font-size: 8px;
    position: absolute;
    right: 1px;
    top: 4px
}

@media(max-width: 992px) {
    .footer-lower .list-contry .btn.dropdown-toggle:before {
        display: none
    }
}

.footer-lower .list-contry .btn:after {
    display: none
}

.footer-lower .list-contry .btn span:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    opacity: .2
}

.footer-lower .list-lang {
    margin-left: auto;
    order: 2
}

.footer-lower .list-lang .btn {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    min-width: auto;
    padding: 0 26px 0 0;
    text-transform: none
}

.footer-lower .list-lang .btn:before {
    display: none
}

.footer-lower .list-lang .btn img {
    margin-right: 5px;
    width: 20px
}

.footer-lower .list-lang .btn.dropdown-toggle:before {
    display: block;
    font-size: 8px;
    position: absolute;
    right: 1px;
    top: 4px
}

.footer-lower .list-lang .btn:after {
    display: none
}

.footer-lower .list-lang .btn span:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    opacity: .2
}

.footer-lower .list-lang .dropdown-menu {
    background: #fff;
    bottom: -11px;
    left: -48px!important;
    padding-bottom: 30px;
    padding-top: 7px;
    right: -15px!important;
    top: auto!important
}

@media(max-width: 992px) {
    .footer-lower .list-lang .dropdown-menu {
        right: -13px!important
    }
}

.footer-lower .list-lang .dropdown-menu .btn-up {
    background: #fff;
    border: none;
    bottom: 12px;
    font-size: 8px;
    position: absolute;
    right: 6px
}

.footer-lower .list-lang .dropdown-menu .btn-up:focus {
    border: none;
    outline: 0
}

.footer-lower .list-lang .dropdown-menu ul {
    margin: 0;
    padding: 0 0 9px 20px
}

.footer-lower .list-lang .dropdown-menu ul li {
    padding: 5px 0
}

.footer-lower .list-lang .dropdown-menu ul li a {
    color: #5b6770;
    padding-bottom: 3px
}

.footer-lower .list-lang .dropdown-menu ul li a.current {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    display: inline-block
}

.footer-lower .list-lang .dropdown-menu ul.second-list {
    border-top: 1px solid hsla(0, 0%, 42%, .2);
    padding-bottom: 12px;
    padding-top: 16px
}

.footer-lower .list-lang .dropdown-menu ul.second-list li {
    padding: 0 0 5px
}

.footer-lower .list-lang .dropdown-menu .link-change {
    border-bottom: 1px solid #d8cdc5;
    display: inline-block;
    font-size: 10px;
    line-height: 5px
}

@media(max-width: 992px) {
    .footer-lower .list-lang {
        margin-right: -10px
    }
}

.footer-lower .list-contry+.list-lang {
    margin-left: 26px
}

@media(max-width: 992px) {
    .footer-lower .list-contry+.list-lang {
        margin-left: 0
    }
}

.footer-newsletter iframe {
    border: none;
    height: 405px;
    max-width: 100%
}

@media(max-width: 992px) {
    .footer-newsletter iframe {
        height: 640px
    }
    .footer-newsletter {
        border-bottom: 1px solid rgba(25, 30, 51, .1);
        margin-bottom: 35px;
        padding-bottom: 40px
    }
}

.footer-newsletter .ic-title {
    margin-bottom: 36px;
    width: 26px
}

.footer-newsletter__title {
    display: block;
    font-size: 20px;
    letter-spacing: 4px;
    line-height: 24px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.footer-newsletter__sub-title {
    color: #98cb75;
    font-size: 22px;
    letter-spacing: .69px;
    line-height: 24px;
    margin: 0 auto 23px;
    text-align: center
}

@media(max-width: 992px) {
    .footer-newsletter__sub-title {
        margin-bottom: 34px
    }
}

.footer-newsletter__form {
    margin-bottom: 14px
}

@media(max-width: 992px) {
    .footer-newsletter__form {
        margin-bottom: 7px
    }
}

.footer-newsletter .form-group {
    flex: 1 1
}

.footer-newsletter .form-control-plaintext {
    border: 1px solid rgba(25, 30, 51, .2);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-right: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    height: 52px;
    letter-spacing: .8px;
    line-height: 16px;
    margin-top: -5px;
    padding: 16px 14px 18px;
    width: 100%
}

@media(max-width: 992px) {
    .footer-newsletter .form-control-plaintext {
        height: 56px;
        margin-top: 5px
    }
}

.footer-newsletter .btn {
    height: 52px;
    min-width: auto;
    padding: 0;
    width: 52px
}

@media(max-width: 992px) {
    .footer-newsletter .btn {
        height: 56px
    }
}

.footer-newsletter .btn i {
    font-size: 20px
}

.footer-newsletter__note {
    color: #5b6770;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: -1px
}

.footer-newsletter__note span {
    margin-bottom: 8px
}

.footer-newsletter__note a {
    color: #5b6770;
    display: inline-block
}

.footer-newsletter__note a:after {
    background-color: #191e33;
    content: "";
    display: block;
    height: 1px;
    margin-top: 1px;
    opacity: .3
}

.short-nav .ot-sdk-show-settings {
    background-color: transparent;
    border: 0!important;
    color: #fff!important;
    font-size: 12px!important;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px!important;
    padding: 0!important
}

.short-nav .ot-sdk-show-settings:hover {
    background-color: transparent!important
}

#onetrust-pc-sdk .ot-cat-grp .ot-always-active {
    color: #ff8d79!important
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob {
    background-color: #fff2f1!important;
    border: 1px solid #ff8d79!important
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob:before {
    background-color: #ff8d79!important;
    border-color: #ff8d79!important
}

@-webkit-keyframes entranceCustom {
    0% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes entranceCustom {
    0% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

header {
    background-color: #fff;
    border-bottom: 1px solid #e7e8ea
}

@media(max-width: 1199px) {
    .block-routine-soins.full-items header .container-full,
    header .block-routine-soins.full-items .container-full,
    header .container {
        max-width: 100%
    }
}

header .sticky-logo {
    display: none
}

@media(min-width: 1200px) {
    header.header-sticky.header-is-sticky {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1000
    }
    header.header-sticky.header-is-sticky .logo,
    header.header-sticky.header-is-sticky .top-menu {
        display: none
    }
    header.header-sticky.header-is-sticky .sticky-logo {
        align-items: center;
        display: flex;
        height: 100%
    }
    header.header-sticky.header-is-sticky .sticky-logo a {
        display: flex
    }
    header.header-sticky.header-is-sticky .sticky-logo a img {
        max-height: 34px
    }
}

header .menu-mobile {
    display: none;
    height: 69px
}

@media(max-width: 1199px) {
    header .menu-mobile {
        display: block
    }
}

header .menu-mobile.fixed {
    -webkit-animation: entranceCustom .3s ease-in-out;
    animation: entranceCustom .3s ease-in-out;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

header .menu-mobile .logo-mobile {
    align-items: center;
    display: inline-flex;
    padding: 5px 22px
}

header .menu-mobile .logo-mobile img {
    height: auto;
    max-width: 200px;
    width: 100%
}

header .menu-mobile .logo-mobile a {
    outline: none
}

header .menu-mobile .menu-mobile-search {
    padding: 22px 0 18px;
    position: absolute;
    right: 44px
}

header .menu-mobile .menu-mobile-search .mobile-search {
    align-items: center;
    display: flex;
    font-family: var(--pf-primary-font);
    font-size: 20px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    width: 52px
}

header .menu-mobile .menu-mobile-search .mobile-search span {
    color: #98cb75
}

header .menu-mobile .menu-mobile-search.active .mobile-search {
    -webkit-animation: fadeIn .4s;
    animation: fadeIn .4s;
    display: flex
}

header .menu-mobile .menu-mobile-toggle {
    padding: 22px 18px 18px
}

header .menu-mobile .menu-mobile-toggle .navbar-toggler-icon.open-icon {
    -webkit-animation: fadeIn .4s;
    animation: fadeIn .4s;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(152, 203, 117)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    height: 25px;
    width: 25px
}

header .menu-mobile .menu-mobile-toggle .navbar-toggler-icon.close-icon {
    -webkit-animation: fadeIn .4s;
    animation: fadeIn .4s;
    background-image: none;
    color: #98cb75;
    font-family: icomoon!important;
    font-size: 16px;
    text-align: center
}

header .menu-mobile .menu-mobile-toggle-link.burger:not(.active),
header .menu-mobile .menu-mobile-toggle-link.cross:not(.active) {
    display: none
}

@media(max-width: 1199px) {
    header .collapse-mobile {
        display: none;
        flex-direction: column-reverse
    }
    header .collapse-mobile-inner {
        max-height: 87vh;
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media(min-width: 1200px) {
    header .collapse-mobile-inner {
        display: flex;
        flex-direction: column-reverse
    }
}

header .collapse-mobile.active {
    -webkit-animation: fadeInUp .4s;
    animation: fadeInUp .4s;
    display: block
}

@media(max-width: 1199px) {
    header .collapse-mobile.active {
        background: hsla(0, 0%, 42%, .5);
        display: flex;
        height: 100vh;
        justify-content: flex-end;
        position: absolute;
        top: 64px;
        width: 100%;
        z-index: 999
    }
}

header .collapse-mobile .top-menu {
    margin-bottom: 13px
}

@media(max-width: 1199px) {
    header .collapse-mobile .top-menu {
        background-color: #fff;
        margin-bottom: 0;
        padding: 20px 0 0
    }
    header .collapse-mobile .top-menu .nav {
        justify-content: space-between!important;
        padding-bottom: 25px
    }
    header .collapse-mobile .top-menu .nav .nav-item {
        position: relative
    }
    header .collapse-mobile .top-menu .nav .nav-item:first-of-type:after {
        background: hsla(0, 0%, 100%, .4);
        bottom: -15px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }
}

header .collapse-mobile .top-menu .nav .nav-item .nav-link {
    color: #5b6770;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px
}

@media(max-width: 1199px) {
    header .collapse-mobile .top-menu .nav .nav-item .nav-link {
        padding: 12px 13px!important
    }
}

header .collapse-mobile .top-menu .nav .nav-item .nav-link span {
    font-size: 14px;
    margin-right: 8px
}

header .collapse-mobile .top-menu .nav .nav-item .nav-link span.icon-courriel {
    font-size: 10px
}

@media(max-width: 1199px) {
    header .collapse-mobile .top-menu .nav .nav-item .nav-link span.icon-courriel {
        align-items: center;
        display: flex;
        font-size: 14px;
        height: 19px;
        justify-content: center;
        margin: 0 0 10px
    }
    header .collapse-mobile .top-menu .nav .nav-item .nav-link span {
        display: block;
        font-size: 19px;
        margin-bottom: 10px;
        text-align: center
    }
}

header .collapse-mobile .top-menu .nav .nav-item:last-child .nav-link {
    padding-right: 0
}

@media(max-width: 1199px) {
    header .collapse-mobile .top-menu .nav .nav-item.mobile-featured-item {
        border-top: 1px solid #ddd;
        margin-top: 12px;
        order: 5;
        padding: 9px;
        text-align: center;
        width: 100%
    }
    header .collapse-mobile .top-menu .nav .nav-item.mobile-featured-item .nav-link {
        color: #191e33;
        font-size: 16px;
        letter-spacing: .6px;
        line-height: 20px;
        text-align: center
    }
    header .collapse-mobile .top-menu .nav .nav-item.mobile-featured-item .nav-link span {
        color: #98cb75;
        font-size: 24.5px;
        margin-bottom: 15px
    }
    header .collapse-mobile .top-menu .nav .nav-item--list-lang {
        border-top: 1px solid #d9dde4;
        margin-left: -24px;
        margin-right: -24px;
        margin-top: 30px;
        min-width: 116%;
        order: 5;
        width: auto
    }
    header .collapse-mobile .nav-item {
        position: relative
    }
}

header .collapse-mobile .nav-item.store-locator-dropdown a.dropdown-toggle {
    line-height: 19px!important;
    padding-right: 25px!important;
    position: relative
}

header .collapse-mobile .nav-item.store-locator-dropdown a.dropdown-toggle:after {
    content: unset
}

header .collapse-mobile .nav-item.store-locator-dropdown a.dropdown-toggle:before {
    color: #98cb75;
    font-size: 7px;
    position: absolute;
    right: 1px;
    top: calc(50% - 3.5px)
}

@media(max-width: 1199px) {
    header .collapse-mobile .nav-item.store-locator-dropdown a.dropdown-toggle:before {
        display: none
    }
}

@media(min-width: 1200px) {
    header .collapse-mobile .nav-item.store-locator-dropdown a.dropdown-toggle span {
        display: none
    }
}

header .collapse-mobile .nav-item.store-locator-dropdown .dropdown-menu {
    border: 0;
    border-radius: 0;
    box-shadow: 3px 3px 7px -4px rgba(91, 103, 112, .3);
    -webkit-transform: translate3d(0, 26px, 0)!important;
    transform: translate3d(0, 26px, 0)!important
}

@media(min-width: 1200px) {
    header .collapse-mobile .nav-item.store-locator-dropdown .dropdown-menu {
        width: 100%
    }
}

@media(max-width: 1199px) {
    header .collapse-mobile .nav-item.store-locator-dropdown .dropdown-menu {
        background-color: #fafafa;
        box-shadow: 12px 14px 19px -10px rgba(91, 103, 112, .15);
        left: 9px!important;
        min-width: 85px;
        -webkit-transform: translate3d(0, -80px, 0)!important;
        transform: translate3d(0, -80px, 0)!important
    }
}

header .collapse-mobile .nav-item.store-locator-dropdown .dropdown-menu a {
    color: #5b6770;
    font-family: var(--pf-primary-font);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 12px;
    -webkit-text-decoration: underline solid #98cb75;
    text-decoration: underline solid #98cb75;
    text-underline-position: under
}

@media(max-width: 1199px) {
    header .collapse-mobile .nav-item.store-locator-dropdown .dropdown-menu a {
        padding: 10px 18px
    }
}

header .collapse-mobile .nav-item.store-locator-dropdown .dropdown-menu a:focus,
header .collapse-mobile .nav-item.store-locator-dropdown .dropdown-menu a:hover {
    background-color: unset;
    color: #98cb75
}

header .collapse-mobile .nav-item .list-lang {
    margin-left: 14px;
    margin-right: 0;
    margin-top: 8px;
    order: 2
}

@media(max-width: 1199px) {
    header .collapse-mobile .nav-item .list-lang .btn-group {
        display: block
    }
    header .collapse-mobile .nav-item .list-lang {
        margin-left: 27px;
        margin-right: 27px;
        margin-top: 32px
    }
}

header .collapse-mobile .nav-item .list-lang .btn {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    color: #6b6b6b;
    font-family: var(--pf-primary-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    min-width: auto;
    padding: 0 20px 0 0;
    text-align: right;
    text-transform: none
}

@media(max-width: 1199px) {
    header .collapse-mobile .nav-item .list-lang .btn {
        color: #353535;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -.6px;
        line-height: 20px;
        padding: 0 23px 0 0
    }
}

header .collapse-mobile .nav-item .list-lang .btn:before {
    font-size: 6px;
    position: absolute;
    right: 1px;
    top: 9px
}

header .collapse-mobile .nav-item .list-lang .btn:after {
    display: none
}

header .collapse-mobile .nav-item .list-lang .btn span:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    opacity: .2
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu {
    background: #fff;
    left: -70px!important;
    padding-bottom: 3px;
    padding-top: 8px;
    right: -5px!important;
    top: -33px!important
}

@media(max-width: 1199px) {
    header .collapse-mobile .nav-item .list-lang .dropdown-menu {
        background: none;
        border: none;
        float: none;
        left: auto!important;
        padding-bottom: 50px;
        padding-top: 10px;
        position: relative!important;
        right: auto!important;
        top: auto!important;
        -webkit-transform: none!important;
        transform: none!important;
        width: 100%
    }
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up {
    background: none;
    border: none;
    font-size: 6px;
    position: absolute;
    right: 3px;
    top: 17px
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up:focus {
    border: none;
    outline: 0
}

@media(max-width: 1199px) {
    header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up {
        display: none
    }
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu ul {
    margin: 0;
    padding: 0 0 16px 20px
}

@media(max-width: 1199px) {
    header .collapse-mobile .nav-item .list-lang .dropdown-menu ul {
        padding: 0 0 16px
    }
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu ul li {
    padding: 5px 0 0
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu ul li a {
    padding-bottom: 2px
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu ul li a.current {
    border-bottom: 1px solid #98cb75;
    color: #98cb75;
    display: inline-block
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu ul.second-list {
    border-top: 1px solid hsla(0, 0%, 42%, .2);
    padding-bottom: 12px;
    padding-top: 16px
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu ul.second-list li {
    padding: 0 0 5px
}

header .collapse-mobile .nav-item .list-lang .dropdown-menu .link-change {
    border-bottom: 1px solid #d8cdc5;
    display: inline-block;
    font-size: 10px;
    line-height: 5px
}

header .collapse-mobile .main-menu .col-lg-8 {
    position: static
}

@media(max-width: 1199px) {
    header .collapse-mobile .main-menu {
        background-color: #98cb75;
        padding: 37px 0 65px
    }
    header .collapse-mobile .main-menu .logo {
        display: none
    }
}

header .collapse-mobile .main-menu h1.logo {
    line-height: 30px
}

header .collapse-mobile .main-menu .nav-item .nav-link {
    border-bottom: 2px solid transparent;
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .9375px;
    line-height: 24px;
    margin: 0 15px;
    padding: 23px 0;
    text-transform: uppercase;
    transition: all .2s ease
}

header .collapse-mobile .main-menu .nav-item .nav-link.is-hover {
    border-bottom: 2px solid;
    color: #98cb75;
    transition: all .2s ease
}

@media(max-width: 1199px) {
    header .collapse-mobile .main-menu .nav-item .nav-link.is-hover {
        border-color: transparent;
        color: #fff
    }
    header .collapse-mobile .main-menu .nav-item .nav-link {
        border-bottom: none!important;
        color: #fff!important;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 20px;
        margin: 0!important;
        padding: 14px 0;
        position: relative;
        text-transform: uppercase
    }
}

header .collapse-mobile .main-menu .nav-item .nav-link:before {
    display: none;
    font-family: icomoon!important;
    font-size: 7px;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media(max-width: 1199px) {
    header .collapse-mobile .main-menu .nav-item .nav-link:before {
        display: inline-block
    }
}

header .collapse-mobile .main-menu .nav-item.active .nav-link {
    border-bottom: 2px solid;
    color: #98cb75;
    transition: all .2s ease
}

@media(max-width: 1199px) {
    header .collapse-mobile .main-menu .nav-item.active .nav-link {
        border: 0;
        color: #fff
    }
    header .collapse-mobile .main-menu .categories .nav {
        flex-direction: column
    }
}

header .collapse-mobile .main-menu .categories .nav .nav-item.category-capital .nav-link {
    margin-right: 30px;
    position: relative
}

@media(min-width: 1440px) {
    header .collapse-mobile .main-menu .categories .nav .nav-item.category-capital .nav-link {
        margin-right: 46px
    }
}

header .collapse-mobile .main-menu .categories .nav .nav-item.category-capital .nav-link:after {
    color: #98cb75;
    content: ".";
    display: block;
    font-size: 30px;
    position: absolute;
    right: -30px;
    top: 14px
}

@media(max-width: 1199px) {
    header .collapse-mobile .main-menu .categories .nav .nav-item.category-capital .nav-link:after {
        background: #fff;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        opacity: .4;
        position: absolute;
        right: 0;
        top: unset;
        width: 100%
    }
}

@media(min-width: 1440px) {
    header .collapse-mobile .main-menu .categories .nav .nav-item.category-capital .nav-link:after {
        right: -36px
    }
}

header .collapse-mobile .main-menu .categories .nav .nav-item.category-capital:first-child .nav-link {
    margin-left: 0;
    padding-left: 0
}

header .collapse-mobile .main-menu .categories .nav .nav-item.category-secondary .nav-link {
    margin-left: 30px;
    position: relative
}

@media(min-width: 1440px) {
    header .collapse-mobile .main-menu .categories .nav .nav-item.category-secondary .nav-link {
        margin-left: 46px
    }
}

header .collapse-mobile .main-menu .categories .nav .nav-item.category-secondary .nav-link:after {
    color: #98cb75;
    content: ".";
    display: block;
    font-size: 30px;
    left: -28px;
    position: absolute;
    top: 14px
}

@media(max-width: 1199px) {
    header .collapse-mobile .main-menu .categories .nav .nav-item.category-secondary .nav-link:after {
        background: #fff;
        bottom: unset;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        opacity: .4;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }
}

@media(min-width: 1440px) {
    header .collapse-mobile .main-menu .categories .nav .nav-item.category-secondary .nav-link:after {
        left: -36px
    }
}

header .collapse-mobile .main-menu .categories .nav .nav-item.category-secondary:first-child .nav-link {
    margin-left: 0
}

@media(min-width: 1200px) {
    header .collapse-mobile .main-menu .links-nav {
        padding-left: 0
    }
}

header .collapse-mobile .main-menu .links .nav {
    justify-content: end
}

header .collapse-mobile .main-menu .links .nav .nav-item .nav-link {
    border-bottom: 0;
    margin: 0;
    padding: 23px 0
}

header .collapse-mobile .main-menu .links .nav .nav-item .nav-link:hover {
    border-bottom: 0
}

@media(max-width: 1199px) {
    header .collapse-mobile .main-menu .links .nav .nav-item.header-diagnostic {
        width: 100%
    }
}

header .collapse-mobile .main-menu .links .nav .nav-item.header-diagnostic .nav-link {
    border-bottom: 1px solid #98cb75;
    margin: 0 24px 0 14px;
    padding-bottom: 0
}

@media(min-width: 993px) {
    header .collapse-mobile .main-menu .links .nav .nav-item.header-diagnostic .nav-link {
        margin: 0 15px 0 0
    }
}

@media(min-width: 1440px) {
    header .collapse-mobile .main-menu .links .nav .nav-item.header-diagnostic .nav-link {
        margin: 0 15px 0 0
    }
}

@media(max-width: 1199px) {
    header .collapse-mobile .main-menu .links .nav .nav-item.header-search {
        display: none
    }
}

header .collapse-mobile .main-menu .links .nav .nav-item.header-search .nav-link span {
    color: #98cb75;
    font-size: 20px
}

header .collapse-mobile .main-menu .links .nav .nav-item.header-search .nav-link.search-active span {
    color: #191e33
}

header .menu-riche-container {
    background-color: #fff;
    border-top: 1px solid #e8e8ea;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: all .2s ease-out;
    visibility: hidden;
    width: 100%
}

@media(max-width: 1199px) {
    header .menu-riche-container {
        background: #fff;
        height: 0;
        position: fixed;
        top: 0;
        -webkit-transform: translateX(-20px) translateY(0);
        transform: translateX(-20px) translateY(0)
    }
}

header .menu-riche-container.active {
    height: 568px;
    max-height: 80vh;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all .2s ease-in;
    visibility: visible;
    width: 100%;
    z-index: 9
}

@media(min-width: 1200px) {
    header .menu-riche-container.active {
        overflow-y: auto
    }
}

@media(max-width: 1199px) {
    header .menu-riche-container.active {
        height: 100%;
        max-height: none;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

header .menu-riche-container .menu-riche-header {
    display: none
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-riche-header {
        align-items: center;
        background-color: #98cb75;
        display: flex;
        height: 64px;
        justify-content: space-between;
        padding: 0 24px
    }
}

header .menu-riche-container .menu-riche-header-prev a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    position: relative
}

header .menu-riche-container .menu-riche-header-prev a:before {
    font-size: 16px;
    margin-right: 6px;
    position: relative;
    top: 1px
}

header .menu-riche-container .menu-riche-header-close a {
    color: #fff;
    font-size: 16px
}

header .menu-riche-container .container-full {
    overflow: hidden
}

@media(max-width: 1199px) {
    header .menu-riche-container .container-full {
        height: calc(100% - 64px);
        margin: 0!important;
        overflow-y: auto;
        padding: 0 24px 47px
    }
    header .menu-riche-container .menu-riche-subs-parent-name {
        margin: 30px 0
    }
    header .menu-riche-container .menu-riche-subs-parent-name p {
        color: #191e33;
        font-size: 20px;
        letter-spacing: 4px;
        line-height: 20px;
        text-align: center
    }
    header .menu-riche-container .menu-riche-subs-parent-name.mobile-parentName {
        text-transform: uppercase
    }
}

header .menu-riche-container .menu-riche-subs {
    float: left;
    height: 497px;
    max-height: 80vh;
    width: 100%
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-riche-subs {
        float: none;
        height: auto;
        margin-bottom: 40px;
        max-height: none
    }
}

header .menu-riche-container .menu-riche-subs .col-lg-3,
header .menu-riche-container .menu-riche-subs-heading .col-lg-3 {
    flex: 0 0 23%;
    max-width: 23%
}

header .menu-riche-container .menu-riche-subs .col-lg-3:last-child,
header .menu-riche-container .menu-riche-subs-heading .col-lg-3:last-child {
    padding-right: 0
}

@media(min-width: 1200px) {
    header .menu-riche-container .menu-riche-subs .col-lg-3:nth-of-type(3):before,
    header .menu-riche-container .menu-riche-subs-heading .col-lg-3:nth-of-type(3):before {
        background: rgba(152, 81, 129, .1);
        content: "";
        height: 500px;
        left: -20px;
        position: absolute;
        top: 0;
        width: 1px
    }
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-riche-subs-heading {
        margin-bottom: 20px
    }
    header .menu-riche-container .menu-riche-subs-heading .bloc-diagnostic-basement-wrapper,
    header .menu-riche-container .menu-riche-subs-heading .row {
        border-bottom: 1px solid #ddd;
        flex-wrap: nowrap;
        margin-left: 0;
        overflow: hidden;
        overflow-x: scroll;
        overflow: -moz-scrollbars-none
    }
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-riche-subs-heading .bloc-diagnostic-basement-wrapper::-webkit-scrollbar,
    header .menu-riche-container .menu-riche-subs-heading .row::-webkit-scrollbar {
        height: 0!important;
        width: 0!important
    }
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-riche-subs-heading .bloc-diagnostic-basement-wrapper .col-lg-3,
    header .menu-riche-container .menu-riche-subs-heading .row .col-lg-3 {
        flex: unset;
        max-width: unset;
        padding: 0;
        white-space: nowrap
    }
}

header .menu-riche-container .menu-riche-subs-heading .bloc-diagnostic-basement-wrapper .col-lg-3 .menu-widget-title a,
header .menu-riche-container .menu-riche-subs-heading .row .col-lg-3 .menu-widget-title a {
    color: #98cb75;
    cursor: auto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 36px
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-riche-subs-heading .bloc-diagnostic-basement-wrapper .col-lg-3 .menu-widget-title a,
    header .menu-riche-container .menu-riche-subs-heading .row .col-lg-3 .menu-widget-title a {
        border-bottom: 1px solid transparent;
        color: #191e33;
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 16px;
        margin: 0 17px;
        padding-bottom: 15px;
        text-transform: uppercase
    }
    header .menu-riche-container .menu-riche-subs-heading .bloc-diagnostic-basement-wrapper .col-lg-3 .menu-widget-title a.active,
    header .menu-riche-container .menu-riche-subs-heading .row .col-lg-3 .menu-widget-title a.active {
        border-bottom: 1px solid;
        color: #98cb75
    }
    header .menu-riche-container .menu-riche-subs-heading .bloc-diagnostic-basement-wrapper .col-lg-3:first-child a,
    header .menu-riche-container .menu-riche-subs-heading .row .col-lg-3:first-child a {
        margin-left: 0
    }
    header .menu-riche-container .menu-riche-subs .col-lg-3 {
        display: none;
        flex: 0 0 100%;
        max-width: 100%
    }
}

header .menu-riche-container .menu-riche-subs .col-lg-3.active {
    display: block
}

header .menu-riche-container .menu-riche-push {
    flex-direction: row-reverse;
    position: absolute;
    right: 0;
    top: 0
}

@media(min-width: 1200px) {
    header .menu-riche-container .menu-riche-push {
        display: flex
    }
}

header .menu-riche-container .menu-riche-push.v-double {
    flex-direction: column-reverse
}

@media(min-width: 993px) {
    header .menu-riche-container .menu-riche-push.v-double {
        margin: 20px 20px 0 0
    }
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-riche-push {
        position: relative
    }
}

header .menu-riche-container .menu-riche-push-item {
    height: 568px;
    max-height: 80vh;
    overflow: hidden;
    width: 384px
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-riche-push-item {
        height: 100%;
        width: 100%
    }
    header .menu-riche-container .menu-riche-push-item+header .menu-riche-container .menu-riche-push-item {
        margin-top: 30px
    }
}

header .menu-riche-container .menu-riche-push-item.v-double {
    height: inherit;
    width: 100%
}

header .menu-riche-container .menu-riche-push-item.v-double:first-of-type {
    margin-bottom: 24px
}

@media(min-width: 993px) {
    header .menu-riche-container .menu-riche-push-item.v-double {
        width: inherit
    }
    header .menu-riche-container .menu-riche-push-item.v-double:first-of-type {
        margin-bottom: 0
    }
    header .menu-riche-container .menu-riche-push-item.v-double:last-of-type {
        margin-bottom: 24px
    }
}

header .menu-riche-container .menu-widget {
    height: 390px;
    overflow-x: hidden;
    overflow-y: auto
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-widget {
        height: auto
    }
}

header .menu-riche-container .menu-widget::-webkit-scrollbar {
    width: 4px
}

header .menu-riche-container .menu-widget::-webkit-scrollbar-track {
    background: transparent
}

header .menu-riche-container .menu-widget::-webkit-scrollbar-thumb {
    background-color: #e3e3e5;
    border-radius: 3px
}

header .menu-riche-container .menu-widget::-webkit-scrollbar-thumb:hover {
    background: #e3e3e5
}

header .menu-riche-container .menu-widget ul li a {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    padding: 10px 0
}

header .menu-riche-container .menu-widget ul li a:hover {
    color: #98cb75;
    text-decoration: none
}

header .menu-riche-container .menu-widget-all {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 1px;
    position: relative
}

@media(max-width: 1199px) {
    header .menu-riche-container .menu-widget-all {
        display: inline-block;
        margin: 10px 0;
        position: unset
    }
}

header .menu-riche-container .menu-widget-all:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

header .menu-riche-container .menu-widget-all:hover {
    border-bottom: none;
    color: #98cb75;
    text-decoration: none
}

header .menu-riche-container .menu-widget-all:hover:before {
    left: 0;
    width: 100%
}

header .mobile-parentName {
    text-transform: uppercase
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.menu-riche-type-1 .menu-product-card,
.menu-riche-type-2 .menu-product-card {
    align-items: center;
    background: #e5ecf2;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 20px
}

.menu-riche-type-1 .menu-product-card-thumb,
.menu-riche-type-2 .menu-product-card-thumb {
    display: flex;
    justify-content: center;
    margin-bottom: 45px
}

.menu-riche-type-1 .menu-product-card-thumb img,
.menu-riche-type-2 .menu-product-card-thumb img {
    max-width: 100%;
    min-height: 252px
}

.menu-riche-type-1 .menu-product-card-title,
.menu-riche-type-2 .menu-product-card-title {
    margin-bottom: 11px
}

.menu-riche-type-1 .menu-product-card-title p,
.menu-riche-type-2 .menu-product-card-title p {
    color: #191e33;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    opacity: .7;
    text-align: center;
    text-transform: uppercase
}

.menu-riche-type-1 .menu-product-card-name,
.menu-riche-type-2 .menu-product-card-name {
    margin-bottom: 7px;
    min-height: 64px;
    width: 246px
}

.menu-riche-type-1 .menu-product-card-name h3,
.menu-riche-type-2 .menu-product-card-name h3 {
    color: #191e33;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center
}

.menu-riche-type-1 .menu-product-card-description,
.menu-riche-type-2 .menu-product-card-description {
    margin-bottom: 20px
}

.menu-riche-type-1 .menu-product-card-description p,
.menu-riche-type-2 .menu-product-card-description p {
    color: #979da8;
    font-size: 13px;
    letter-spacing: .7px;
    line-height: 18px
}

.menu-riche-type-1 .menu-product-card-description+.menu-product-card-link,
.menu-riche-type-2 .menu-product-card-description+.menu-product-card-link {
    margin-top: 13px
}

.menu-riche-type-1 .menu-product-card-link,
.menu-riche-type-2 .menu-product-card-link {
    margin-top: 8px;
    text-align: center
}

.menu-riche-type-1 .menu-product-card-link a,
.menu-riche-type-1 .menu-product-card-link p,
.menu-riche-type-2 .menu-product-card-link a,
.menu-riche-type-2 .menu-product-card-link p {
    color: #191e33;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    padding-bottom: 6px;
    position: relative
}

.menu-riche-type-1 .menu-product-card-link a:after,
.menu-riche-type-1 .menu-product-card-link p:after,
.menu-riche-type-2 .menu-product-card-link a:after,
.menu-riche-type-2 .menu-product-card-link p:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.menu-riche-type-1 .menu-product-card-link a:before,
.menu-riche-type-1 .menu-product-card-link p:before,
.menu-riche-type-2 .menu-product-card-link a:before,
.menu-riche-type-2 .menu-product-card-link p:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.menu-riche-type-1 .menu-product-card-link a:hover,
.menu-riche-type-1 .menu-product-card-link p:hover,
.menu-riche-type-2 .menu-product-card-link a:hover,
.menu-riche-type-2 .menu-product-card-link p:hover {
    border-bottom: none;
    color: #98cb75;
    text-decoration: none
}

.menu-riche-type-1 .menu-product-card-link a:hover:before,
.menu-riche-type-1 .menu-product-card-link p:hover:before,
.menu-riche-type-2 .menu-product-card-link a:hover:before,
.menu-riche-type-2 .menu-product-card-link p:hover:before {
    left: 0;
    width: 100%
}

.menu-riche-type-1 .menu-product-card-link a:hover:after,
.menu-riche-type-1 .menu-product-card-link p:hover:after,
.menu-riche-type-2 .menu-product-card-link a:hover:after,
.menu-riche-type-2 .menu-product-card-link p:hover:after {
    display: none
}

.menu-riche-type-1 .menu-product-card-description+.menu-product-card-link,
.menu-riche-type-2 .menu-product-card-description+.menu-product-card-link {
    margin-top: 0
}

main {
    position: relative
}

main:after {
    background: transparent;
    transition: background .2s ease-in-out
}

main.menu-active:after {
    background: rgba(53, 53, 53, .2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.ancr-nav,
.example {
    position: relative
}

.ancr-nav {
    background-color: #fff;
    height: 52px
}

@media(min-width: 1200px) {
    .ancr-nav {
        border-bottom: 1px solid rgba(25, 30, 51, .2)
    }
}

@media(max-width: 1199px) {
    .ancr-nav:not(.fixed) {
        border-bottom: 1px solid rgba(25, 30, 51, .2)
    }
    .ancr-nav .container-fluid,
    .ancr-nav .container-lg,
    .ancr-nav .container-md,
    .ancr-nav .container-sm,
    .ancr-nav .container-xl {
        padding: 0
    }
}

.ancr-nav__left,
.ancr-nav__right {
    font-size: 18px;
    position: absolute;
    top: 30%;
    z-index: 999
}

.ancr-nav__left.hidden,
.ancr-nav__right.hidden {
    display: none
}

@media(max-width: 1199px) {
    .ancr-nav__left,
    .ancr-nav__right {
        display: none
    }
}

.ancr-nav__right {
    right: -35px
}

.ancr-nav__left {
    left: -35px
}

.ancr-nav.fixed {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999
}

@media(max-width: 1199px) {
    .ancr-nav.fixed {
        box-shadow: 0 2px 5px 1px rgba(91, 103, 112, .1)
    }
}

.ancr-nav-stiky-wrapper {
    height: 52px;
    position: relative
}

.ancr-nav-items {
    position: relative;
    width: 97%
}

@media(max-width: 1441px) {
    .ancr-nav-items {
        margin-left: 0;
        width: calc(100% - 135px)
    }
}

@media screen and (max-width: 1280px) {
    .ancr-nav-items {
        margin-left: 32px;
        width: calc(100% - 167px)
    }
}

.ancr-nav-items__wrapper {
    -ms-overflow-style: none;
    align-items: center;
    height: 52px;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%;
    z-index: 9
}

.ancr-nav-items__wrapper::-webkit-scrollbar {
    display: none
}

@media(min-width: 1200px) {
    .ancr-nav-items__wrapper {
        display: flex!important
    }
}

@media(max-width: 1199px) {
    .ancr-nav-items__wrapper {
        background: #fff;
        box-shadow: 0 2px 5px 1px rgba(91, 103, 112, .1);
        display: none;
        flex-direction: column;
        height: unset;
        left: 0;
        padding: 15px;
        position: absolute;
        right: 0;
        top: 52px
    }
    .ancr-nav-items__wrapper:after {
        bottom: 0;
        box-shadow: inset 0 2px 5px 1px rgba(91, 103, 112, .1);
        content: "";
        left: -5px;
        position: absolute;
        right: -5px;
        top: 0;
        z-index: -1
    }
}

.ancr-nav-items.ancr-menu-open+.ancr-nav-mob-select:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all .2s ease
}

@media(min-width: 1200px) {
    .ancr-nav-item {
        color: inherit;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 2.33px;
        line-height: 16px;
        padding-right: 9.05%;
        text-transform: uppercase;
        white-space: nowrap
    }
}

@media(max-width: 1199px) {
    .ancr-nav-item {
        color: #191e33;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .6px;
        line-height: 34px;
        text-align: center;
        text-transform: lowercase
    }
    .ancr-nav-item:first-letter {
        text-transform: uppercase
    }
    .ancr-nav-item:not(:last-child) {
        margin-bottom: 11px
    }
}

@media(min-width: 1200px) {
    .ancr-nav-item.active {
        color: var(--Strong-Color)
    }
}

@media(max-width: 1199px) {
    .ancr-nav-item.active {
        font-weight: 900
    }
}

.ancr-nav-actions {
    display: flex;
    position: absolute;
    right: 0
}

@media(max-width: 1199px) {
    .ancr-nav-actions {
        display: none
    }
}

.ancr-nav-actions a {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: center;
    min-width: unset;
    padding: 0;
    width: 52px
}

.ancr-nav-actions a .ic-btn {
    pointer-events: none
}

.ancr-nav-actions a.btn_find_store {
    border: 1px solid rgba(25, 30, 51, .2)
}

.ancr-nav-mob-select {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    height: 52px;
    justify-content: center
}

@media(min-width: 1200px) {
    .ancr-nav-mob-select {
        display: none
    }
}

.ancr-nav-mob-select:before {
    font-size: 7.5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all .2s ease
}

.ancr-nav-mob-select a {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    margin-right: 15.5px;
    text-transform: lowercase
}

.ancr-nav-mob-select a:first-letter {
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .ancr-nav-mob-select-toggle {
        display: none!important
    }
}

.ancr-nav-mob-select-toggle i {
    color: #5b6770;
    font-size: 7px
}

.ancr-nav-mob-select-toggle .block-form .styledSelect,
.ancr-nav-mob-select-toggle .footer-lower .list-contry .haut-page-sous-famille__header .openDescription .up.btn:before,
.ancr-nav-mob-select-toggle .footer-lower .list-contry .show .btn,
.ancr-nav-mob-select-toggle .footer-lower .list-lang .dropdown-menu .btn-up,
.ancr-nav-mob-select-toggle .footer-lower .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.ancr-nav-mob-select-toggle .footer-lower .list-lang .show .btn,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription .footer-lower .list-contry .up.btn:before,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription .footer-lower .list-lang .up.btn:before,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription .icon-chevron-down.up:before,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription .newsletter-crm__form .up.select-wrapper:before,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription .up.ancr-nav-mob-select:before,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription .up.reviews-body-heading-filter:before,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .up.nav-link:before,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .up.btn:before,
.ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown a.up.dropdown-toggle:before,
.ancr-nav-mob-select-toggle .icon-chevron-up,
.ancr-nav-mob-select-toggle header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .up.nav-link:before,
.ancr-nav-mob-select-toggle header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up,
.ancr-nav-mob-select-toggle header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.ancr-nav-mob-select-toggle header .collapse-mobile .nav-item .list-lang .show .btn,
.ancr-nav-mob-select-toggle header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription a.up.dropdown-toggle:before,
.ancr-nav-mob-select-toggle header .collapse-mobile .nav-item.store-locator-dropdown.show a.dropdown-toggle:before,
.block-form .ancr-nav-mob-select-toggle .styledSelect,
.footer-lower .list-contry .haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .up.btn:before,
.footer-lower .list-contry .show .ancr-nav-mob-select-toggle .btn,
.footer-lower .list-lang .dropdown-menu .ancr-nav-mob-select-toggle .btn-up,
.footer-lower .list-lang .haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .up.btn:before,
.footer-lower .list-lang .show .ancr-nav-mob-select-toggle .btn,
.haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .icon-chevron-down.up:before,
.haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .newsletter-crm__form .up.select-wrapper:before,
.haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .up.ancr-nav-mob-select:before,
.haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .up.reviews-body-heading-filter:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-contry .ancr-nav-mob-select-toggle .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-lang .ancr-nav-mob-select-toggle .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .ancr-nav-mob-select-toggle .up.nav-link:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .ancr-nav-mob-select-toggle .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown .ancr-nav-mob-select-toggle a.up.dropdown-toggle:before,
.newsletter-crm__form .ancr-nav-mob-select-toggle .haut-page-sous-famille__header .openDescription .up.select-wrapper:before,
.newsletter-crm__form .haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .up.select-wrapper:before,
header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .up.nav-link:before,
header .collapse-mobile .nav-item .list-lang .dropdown-menu .ancr-nav-mob-select-toggle .btn-up,
header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle .up.btn:before,
header .collapse-mobile .nav-item .list-lang .show .ancr-nav-mob-select-toggle .btn,
header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription .ancr-nav-mob-select-toggle a.up.dropdown-toggle:before,
header .collapse-mobile .nav-item.store-locator-dropdown.show .ancr-nav-mob-select-toggle a.dropdown-toggle:before {
    display: none
}

.application {
    background-color: var(--Light-2-Color);
    padding: 80px 0
}

.application__title h2,
.application__title span {
    color: #98cb75;
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 5px;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

.application__title .ic-title {
    display: none
}

.application__visuel img,
.application__visuel picture {
    max-width: 100%
}

.application__bg {
    display: none
}

.application__sub-title {
    margin: 0 auto 60px;
    width: 52%
}

.application__sub-title h2 {
    color: #191e33;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center
}

.application__desc {
    margin: auto;
    width: 65%
}

.application__desc p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 25px;
    margin-top: 22px
}

.application__desc--ape {
    text-transform: uppercase
}

.application__col-left {
    padding-right: 0
}

@media only screen and (max-width: 768px) {
    .application__col-left {
        -webkit-animation: none!important;
        animation: none!important;
        -webkit-transform: none!important;
        transform: none!important;
        transition-property: none!important
    }
}

@media(max-width: 992px) {
    .application__col-left {
        padding-right: 24px
    }
}

.application__col-right {
    padding-left: 0
}

.application__cons>span {
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px
}

.application__readmore {
    color: #191e33;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    padding-bottom: 5px;
    position: relative
}

.application__readmore:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.application__readmore:before {
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.application__readmore:hover {
    color: #98cb75;
    text-decoration: none
}

.application__readmore:hover:before {
    left: 0;
    width: 100%
}

.application__readmore:hover:after {
    display: none
}

.application .bloc-video {
    position: relative
}

.application .bloc-video .video-embed {
    min-height: 383px
}

@media(max-width: 992px) {
    .application .bloc-video .video-embed {
        min-height: 383px
    }
}

@media(max-width: 575px) {
    .application .bloc-video .video-embed {
        min-height: 206px
    }
}

.application .bloc-video .video-embed .plyr__control {
    display: block
}

.application__source {
    margin-left: 40px;
    margin-top: 28px
}

.application__source p {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px
}

.application__source-link {
    border-bottom: 0;
    color: #191e33;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 40px;
    margin-top: 28px;
    padding-bottom: 4px;
    position: relative;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(25, 30, 51, .3);
    text-decoration-color: rgba(25, 30, 51, .3);
    text-underline-offset: 6px;
    transition: all .5s
}

.application__source-link:before {
    background: rgba(25, 30, 51, .3);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.application__source-link:focus,
.application__source-link:hover {
    color: #191e33
}

.application__source-link.collapsed.hide,
.application__source-link.show {
    display: none
}

.application__source-link.collapsed.show {
    display: inline-block
}

.application__source-link:hover {
    color: rgba(25, 30, 51, .3);
    text-decoration: none
}

.application__source-link:hover:before {
    left: 0;
    width: 100%
}

.app-step {
    background-color: var(--Light-3-Color);
    margin-top: 0!important;
    padding-top: 16px
}

.app-step__item {
    margin-left: 40px
}

.app-step__item .application__desc {
    padding: 0;
    width: 100%
}

.app-step__item:last-child {
    padding-bottom: 0
}

.app-step__title h3 {
    font-weight: 500
}

.article-list {
    margin-top: 74.79px
}

@media(max-width: 992px) {
    .article-list:not(.feat-post) .article-list--item:not(:nth-of-type(2n)) {
        margin-right: 18px
    }
    .article-list:not(.feat-post) .article-list--item:nth-of-type(2n) {
        margin-right: 0!important
    }
}

@media(min-width: 993px) {
    .article-list:not(.feat-post) .article-list--item {
        margin-right: 4rem
    }
}

@media(min-width: 1200px) {
    .article-list:not(.feat-post) .article-list--item {
        margin-right: 4rem;
        width: calc(25% - 3rem)
    }
}

@media(min-width: 1440px) {
    .article-list:not(.feat-post) .article-list--item {
        margin-left: 0;
        margin-right: 40px
    }
}

@media(min-width: 993px) {
    .article-list.feat-post .article-list:not(.feat-post) .article-list--item:first-of-type {
        margin-right: 4rem;
        width: calc(50% - 2rem)
    }
}

@media(min-width: 1440px) {
    .article-list.feat-post .article-list:not(.feat-post) .article-list--item:first-of-type {
        width: 576px
    }
}

.article-list.feat-post {
    margin-left: -24px;
    margin-right: -24px
}

@media(max-width: 992px) {
    .article-list.feat-post {
        margin-left: 0;
        margin-right: 0
    }
}

.article-list--items {
    height: inherit!important;
    margin: 0;
    padding: 0
}

.article-list--items:after {
    clear: both;
    content: "";
    display: block
}

.article-list--item {
    float: left;
    margin-bottom: 20px;
    min-height: 230px;
    position: relative;
    width: calc(50% - 9px)
}

@media(max-width: 992px) {
    .article-list--item {
        margin-bottom: 20.46px
    }
    .article-list--item:nth-of-type(2n) {
        margin-right: 18px
    }
}

@media(min-width: 993px) {
    .article-list--item {
        margin-bottom: 52px;
        margin-right: 24px;
        min-height: 405px;
        width: calc(25% - 3rem)
    }
    .article-list:not(.feat-post) .article-list--item:nth-of-type(4n) {
        margin-right: 0
    }
}

@media(min-width: 1200px) {
    .article-list--item {
        margin-right: 24px;
        width: calc(25% - 48px)
    }
}

@media(min-width: 1440px) {
    .article-list--item {
        margin-left: 24px;
        margin-right: 24px;
        width: 264px
    }
}

.article-list.feat-post .article-list--item:first-of-type {
    min-height: 484px;
    width: 100%
}

@media(min-width: 993px) {
    .article-list.feat-post .article-list--item:first-of-type {
        margin-right: 24px;
        min-height: 850px;
        width: calc(50% - 24px)
    }
}

@media(min-width: 1440px) {
    .article-list.feat-post .article-list--item:first-of-type {
        width: 576px
    }
}

.article-list--item a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.article-list--bg {
    background: var(--Light-1-Color)
}

.article-list--bg.bg--2 {
    background: #deecf3
}

.article-list--bg.bg--2 .icon-quot {
    color: var(--Strong-Color)
}

.article-list--bg.bg--3 {
    background: var(--Strong-Color)
}

.article-list--bg.bg--3 * {
    color: #fff
}

.article-list--img {
    height: 331px;
    margin: 0 0 18px;
    width: 100%
}

.article-list.feat-post .article-list--item:first-of-type .article-list--img {
    height: 424px;
    width: 100%
}

@media(min-width: 768px) {
    .article-list.feat-post .article-list--item:first-of-type .article-list--img {
        height: 721px
    }
}

@media(min-width: 1440px) {
    .article-list.feat-post .article-list--item:first-of-type .article-list--img {
        width: 576px
    }
}

.article-list--img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 100%
}

.article-list--bg {
    display: flex;
    flex-direction: column;
    height: 331px;
    justify-content: space-between;
    padding: 21px 20px 18.77px;
    position: relative;
    width: 100%
}

.article-list--bg i {
    font-size: 16px;
    left: 21px;
    position: absolute;
    top: 21px
}

@media(max-width: 992px) {
    .article-list--bg i {
        font-size: 11px;
        left: 11px;
        top: 8px
    }
}

.article-list--bg i,
.article-list--bg p {
    color: #096141
}

.article-list--bg .article-list--name {
    color: #80998d
}

@media(max-width: 992px) {
    .article-list--bg .article-list--name {
        color: #003825
    }
}

.article-list--quote p {
    font-size: 24px;
    line-height: 32px;
    margin-top: 38px
}

@media(max-width: 992px) {
    .article-list--quote p {
        color: #003825;
        font-size: 14px;
        line-height: 20px;
        margin-top: 26px
    }
}

.article-list--name {
    color: #80998d;
    font-size: 14px;
    line-height: 20px
}

@media(max-width: 992px) {
    .article-list--name {
        color: #003825;
        font-size: 12px;
        line-height: 16px
    }
}

.article-list.feat-post .article-list--item:first-of-type .article-list--description {
    padding-top: 20.84px
}

@media(max-width: 992px) {
    .article-list.feat-post .article-list--item:first-of-type .article-list--description {
        padding-top: 20.46px
    }
}

.article-list--description p {
    color: #353535;
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 24px
}

@media(max-width: 992px) {
    .article-list--description p {
        font-size: 12px;
        line-height: 16px
    }
}

.article-list.feat-post .article-list--item:first-of-type .article-list--description p {
    color: #353535;
    font-size: 32px;
    line-height: 40px
}

@media(max-width: 992px) {
    .article-list.feat-post .article-list--item:first-of-type .article-list--description p {
        font-size: 22px;
        line-height: 32px
    }
}

.article-list .pagination {
    margin-bottom: 40px
}

.bloc404 {
    margin: 60px auto 0;
    max-width: 784px;
    padding: 0 24px;
    text-align: center
}

@media(min-width: 993px) {
    .bloc404 {
        margin: 100px auto 200px;
        padding: 0
    }
}

.bloc404--btn a,
.bloc404--subtitle p,
.bloc404--text p,
.bloc404--title p {
    font-family: var(--pf-primary-font);
    font-weight: 500
}

.bloc404--btn a,
.bloc404--subtitle p,
.bloc404--title p {
    text-transform: uppercase
}

.bloc404--title p {
    color: #98cb75;
    font-size: 10px;
    letter-spacing: 2.5px;
    line-height: 16px
}

.bloc404--subtitle p {
    color: #2e3438;
    font-size: 16px;
    letter-spacing: 4px;
    line-height: 20px;
    margin-top: 10px
}

@media(min-width: 993px) {
    .bloc404--subtitle p {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px
    }
}

.bloc404--text {
    margin: 0 auto;
    max-width: 624px
}

.bloc404--text p {
    color: #2e3438;
    font-size: 14px;
    line-height: 18px;
    margin-top: 30px
}

@media(min-width: 993px) {
    .bloc404--text p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 40px
    }
}

.bloc404--btn {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 40px
}

@media(min-width: 993px) {
    .bloc404--btn {
        flex-direction: row;
        margin-top: 60px
    }
}

.bloc404--btn a {
    background: #fff;
    color: #191e33;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 16px;
    min-width: 297px;
    padding: 18px 35px;
    width: 100%
}

@media(min-width: 993px) {
    .bloc404--btn a {
        min-width: auto;
        padding: 18px 20px;
        width: auto
    }
}

.bloc404--btn a:only-of-type {
    background: #98cb75;
    color: #fff
}

.bloc404--btn a:not(:first-of-type) {
    background: #98cb75;
    color: #fff;
    margin-top: 20px
}

@media(min-width: 993px) {
    .bloc404--btn a:not(:first-of-type) {
        margin: 0 0 0 48px
    }
}

.page-500 {
    min-height: 100vh
}

.bloc500 {
    margin: 100px auto;
    max-width: 576px;
    text-align: center
}

@media(min-width: 993px) {
    .bloc500 {
        margin: 144px auto 0;
        padding: 0
    }
}

.bloc500--btn a,
.bloc500--subtitle p,
.bloc500--text p,
.bloc500--title p {
    font-family: var(--pf-primary-font);
    font-weight: 500
}

.bloc500--btn a,
.bloc500--subtitle p,
.bloc500--title p {
    text-transform: uppercase
}

.bloc500--title p {
    color: #98cb75;
    font-size: 10px;
    letter-spacing: 2.5px;
    line-height: 16px
}

.bloc500--subtitle p {
    color: #2e3438;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    margin-top: 10px;
    text-transform: uppercase
}

@media(min-width: 993px) {
    .bloc500--subtitle p {
        font-size: 20px;
        letter-spacing: 4px;
        line-height: 24px;
        margin-top: 20px
    }
}

.bloc500--text {
    margin: 30px auto 0;
    max-width: 624px
}

@media(min-width: 993px) {
    .bloc500--text {
        margin-top: 40px
    }
}

.bloc500--text p {
    color: #2e3438;
    font-size: 14px;
    line-height: 18px
}

@media(min-width: 993px) {
    .bloc500--text p {
        font-size: 16px;
        line-height: 28px
    }
}

.bloc500--text a {
    color: #98cb75;
    display: inline-flex;
    text-decoration: underline;
    -webkit-text-decoration-color: #98cb75;
    text-decoration-color: #98cb75;
    text-underline-position: under
}

.bloc500--btn {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 40px
}

@media(min-width: 993px) {
    .bloc500--btn {
        flex-direction: row
    }
}

.bloc500--btn a {
    background: #98cb75;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 16px;
    min-width: 297px;
    padding: 18px 35px;
    width: 100%
}

@media(min-width: 993px) {
    .bloc500--btn a {
        min-width: auto;
        padding: 18px 20px;
        width: auto
    }
}

.page-500 header {
    border-bottom: none
}

.page-500--logo {
    display: inline-flex;
    margin-top: 17px
}

@media(min-width: 993px) {
    .page-500--logo {
        margin-top: 52px
    }
}

.page-500--logo img {
    max-width: 81px
}

@media(min-width: 993px) {
    .page-500--logo img {
        height: auto;
        max-width: 182px;
        width: 100%
    }
}

.bloc-agec {
    opacity: 0;
    transition: all .2s ease;
    visibility: hidden
}

@media(max-width: 992px) {
    .bloc-agec.product-type .bloc-agec-right-content {
        padding-bottom: 20px
    }
}

.bloc-agec.product-type .bloc-agec-right-content-text * {
    color: #5e6170
}

@media(max-width: 992px) {
    .bloc-agec.product-type .bloc-agec-right-content-text * {
        font-size: 12px;
        line-height: 16px
    }
    .bloc-agec.product-type .bloc-agec-right-content-sub-title * {
        font-size: 14px;
        line-height: 18px
    }
}

.bloc-agec-inner {
    display: flex;
    min-height: 149px;
    position: relative
}

@media(min-width: 1200px) {
    .bloc-agec-inner {
        padding-left: 143px
    }
}

@media(max-width: 992px) {
    .bloc-agec-inner {
        flex-direction: column-reverse;
        min-height: 117px;
        padding-left: 22px
    }
}

@media(min-width: 993px) {
    .bloc-agec-inner:after {
        background-color: #f4f5f6;
        bottom: 0;
        content: "";
        height: 1px;
        position: absolute;
        right: 0;
        width: 80%
    }
}

.bloc-agec-left {
    align-items: center;
    display: flex;
    padding: 15px 15px 15px 0
}

@media(min-width: 993px) {
    .bloc-agec-left {
        flex: 0 0 50%;
        max-width: 580px
    }
}

@media(max-width: 992px) {
    .bloc-agec-left {
        padding-top: 27px
    }
}

.bloc-agec-left-content {
    max-width: 84%
}

@media(min-width: 993px) {
    .bloc-agec-left-content.fake-title:before {
        content: "Découvrez";
        display: block;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 8px;
        visibility: hidden
    }
}

.bloc-agec-left-content * {
    color: #191e33;
    font-size: 14px;
    line-height: 18px
}

.bloc-agec-right {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%
}

@media(max-width: 992px) {
    .bloc-agec-right:after {
        background-color: #f4f5f6;
        bottom: 0;
        content: "";
        height: 1px;
        left: -22px;
        position: absolute;
        right: 0;
        width: calc(100% + 22px)
    }
}

.bloc-agec-right-content {
    margin-right: 27px;
    max-width: 416px;
    padding: 15px 0
}

@media(min-width: 993px) {
    .bloc-agec-right-content {
        max-width: 85%
    }
}

.bloc-agec-right-content-title {
    margin-bottom: 6px
}

.bloc-agec-right-content-title * {
    color: #98cb75;
    font-size: 16px;
    line-height: 28px
}

.bloc-agec-right-content-sub-title {
    margin-bottom: 6px
}

.bloc-agec-right-content-sub-title * {
    color: #191e33;
    font-size: 18px;
    line-height: 24px
}

.bloc-agec-right-content-text * {
    color: #191e33;
    font-size: 14px;
    line-height: 18px
}

@media(min-width: 993px) {
    .bloc-agec-right-thumb {
        flex: 0 0 149px;
        height: 149px;
        width: 149px
    }
}

@media(max-width: 992px) {
    .bloc-agec-right-thumb {
        flex: 0 0 117px;
        height: 100%;
        width: 117px
    }
}

.bloc-agec-right-thumb picture img {
    height: 100%;
    -o-object-fit: none;
    object-fit: none;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media(max-width: 992px) {
    .bloc-agec-right-thumb picture img {
        min-height: 149px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 117px
    }
}

.bloc-contenu-editorial {
    background-color: var(--Light-2-Color);
    padding: 80px 0
}

.bloc-contenu-editorial.v-50 .block-routine-soins.full-items .container-full,
.bloc-contenu-editorial.v-50 .container,
.block-routine-soins.full-items .bloc-contenu-editorial.v-50 .container-full {
    max-width: 100%!important
}

.bloc-contenu-editorial .bloc-contenu {
    margin: 0;
    padding: 0
}

.bloc-contenu-editorial .bloc-contenu .titre-4,
.bloc-contenu-editorial .bloc-contenu h4 {
    color: var(--Strong-Color);
    margin-bottom: 12px
}

.bloc-contenu-editorial .bloc-contenu .titre-3,
.bloc-contenu-editorial .bloc-contenu h3 {
    margin-bottom: 20px
}

.bloc-contenu-editorial .bloc-contenu .titre-2,
.bloc-contenu-editorial .bloc-contenu h2 {
    margin-bottom: 16px
}

.bloc-contenu-editorial .bloc-contenu .titre-1,
.bloc-contenu-editorial .bloc-contenu h1,
.bloc-contenu-editorial .bloc-contenu ol,
.bloc-contenu-editorial .bloc-contenu ul {
    margin-bottom: 40px
}

.bloc-contenu-editorial .bloc-contenu ol li:last-of-type,
.bloc-contenu-editorial .bloc-contenu ul li:last-of-type {
    margin-bottom: 0
}

.bloc-contenu-editorial .bloc-contenu p {
    margin-bottom: 40px
}

.bloc-contenu-editorial .expandable-fragment-more {
    margin-bottom: 0
}

.block-routine-soins.full-items .full .bloc-contenu-editorial.v-50 .container-full,
.full .bloc-contenu-editorial.v-50 .block-routine-soins.full-items .container-full,
.full .bloc-contenu-editorial.v-50 .container {
    padding: 0!important
}

@media(min-width: 993px) {
    .full-view {
        background-color: var(--Light-2-Color);
        padding-left: 0
    }
    .full-view .slick-track {
        margin-left: 0
    }
}

.bloc-maillage {
    background-color: #fff2f1
}

.bloc-maillage .block-heading {
    margin-bottom: 0
}

.bloc-maillage .block-heading img {
    margin-bottom: 32px
}

.bloc-maillage .block-heading-title * {
    font-size: 20px;
    letter-spacing: 3.7px;
    line-height: 20px;
    margin-bottom: 0
}

.bloc-maillage .product-container {
    padding: 80px 25px
}

.bloc-maillage .product-list {
    margin-top: 40px;
    padding-top: 11px
}

.bloc-maillage .product-list-item {
    margin-bottom: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bloc-maillage .product-list-item a {
    border-bottom: 1px solid rgba(25, 30, 51, .3);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    padding-bottom: 5px;
    position: relative
}

.bloc-maillage .product-list-item a:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.bloc-maillage .product-list-item a:hover {
    border-bottom: none;
    color: #98cb75;
    text-decoration: none
}

.bloc-maillage .product-list-item a:hover:before {
    left: 0;
    width: 100%
}

.bloc-maillage .product-description {
    display: inline-block;
    margin-top: 44px
}

.bloc-maillage .product-description-text {
    display: inline-block
}

.bloc-maillage .product-description-text .bloc-contenu {
    display: inline;
    padding: 0
}

.bloc-maillage .product-description-text .bloc-contenu p {
    display: inline
}

.bloc-maillage .product-description-text .bloc-contenu .read-more-dotes {
    display: none!important
}

.bloc-maillage .productCollapseControls {
    justify-content: center;
    margin-bottom: 24px;
    padding-left: 1px
}

@media screen and (min-width: 767px) {
    .bloc-maillage .productCollapseControls {
        display: none
    }
}

.bloc-maillage .productCollapseControls a {
    font-size: 16px
}

.bloc-maillage .expandable-more {
    display: inline
}

.bloc-maillage .expandable-more a {
    color: #191e33;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    position: relative
}

.bloc-maillage .expandable-more a:hover {
    cursor: pointer
}

.bloc-maillage .expandable-more a:after {
    background-color: #98cb75;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.bloc-maillage .expandable-more a.read-less {
    display: none
}

.bloc-maillage .expandable-more a:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: -2px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.bloc-maillage .expandable-more a:hover {
    border-bottom: none;
    color: #98cb75;
    text-decoration: none
}

.bloc-maillage .expandable-more a:hover:after {
    display: none
}

.bloc-maillage .expandable-more a:hover:before {
    left: 0;
    width: 100%
}

.bloc-mot-expert {
    align-items: center;
    background-color: var(--Secondary-light-2-Color);
    display: flex;
    height: 100%;
    padding: 80px 0;
    text-align: center
}

.bloc-mot-expert__title {
    color: var(--Strong-Color);
    font-size: 20px;
    letter-spacing: 4px;
    line-height: 24px;
    margin-bottom: 54px
}

.bloc-mot-expert__icon {
    color: var(--Strong-Color);
    font-size: 30px;
    margin-bottom: 39px
}

.bloc-mot-expert__wrap {
    margin: 0 auto;
    max-width: 876px;
    padding: 0 46px
}

.bloc-mot-expert__titre {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px;
    margin-bottom: 21px;
    text-align: center;
    text-transform: uppercase
}

.bloc-mot-expert__desc {
    color: #191e33;
    display: block;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    margin: 0 auto;
    text-align: center
}

.bloc-mot-expert .expert {
    text-align: center
}

.bloc-mot-expert .expert__author {
    margin-top: 16px
}

.bloc-mot-expert .expert__author-img {
    border-radius: 100%;
    display: inline-block;
    height: 58px;
    margin: 0 auto;
    overflow: auto;
    width: 58px
}

.bloc-mot-expert .expert__author-img img {
    width: 100%
}

.bloc-mot-expert .expert__author-name {
    color: #191e33;
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    margin-top: 9px;
    text-align: center;
    text-transform: uppercase
}

.bloc-mot-expert .expert__author-desc {
    color: #191e33;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 3px;
    text-align: center
}

.bloc-mot-expert__link {
    background: none;
    border: 1px solid #6b6b6b;
    border-radius: 1px;
    color: #6b6b6b;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    padding: 14px 44px 13px;
    text-align: center
}

.grid-item .bloc-mot-expert {
    margin: 0 auto
}

.grid-item .bloc-mot-expert__wrap {
    padding: 0 20px
}

@media screen and (max-width: 1025px) {
    .grid-item .bloc-mot-expert__wrap {
        padding: 0 10px
    }
    .grid-item .bloc-mot-expert__icon {
        margin-bottom: 8px
    }
}

.grid-item .bloc-mot-expert__titre {
    margin-bottom: 30px
}

@media screen and (max-width: 1025px) {
    .grid-item .bloc-mot-expert__titre {
        margin-bottom: 15px
    }
}

.grid-item .bloc-mot-expert__desc {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin: 0 auto 50px;
    max-width: 90%;
    text-align: center
}

@media screen and (max-width: 1025px) {
    .grid-item .bloc-mot-expert__desc {
        margin-bottom: 20px;
        max-width: 100%
    }
    .grid-item .bloc-mot-expert__link {
        padding: 5px 0;
        text-align: center;
        width: 100%
    }
    .grid-item .bloc-mot-expert .focus__author-img {
        margin: -10px auto 14px
    }
}

.grid-item .bloc-mot-expert .expert__author-name {
    color: #00381d;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.bloc-pictos {
    background: #fff2f1;
    padding: 30px 0 70px
}

@media(min-width: 768px) {
    .bloc-pictos {
        text-align: left
    }
    .bloc-pictos .block-heading {
        margin-bottom: 44px
    }
}

.bloc-pictos .block-heading .block-heading-title {
    max-width: 731px
}

.bloc-pictos .block-heading .block-heading-description {
    max-width: 576px
}

.bloc-pictos .block-heading .block-heading-description * {
    color: #98cb75;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px
}

.bloc-pictos .block-heading .block-name {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 20px
}

@media(min-width: 768px) {
    .bloc-pictos .block-heading .block-name {
        font-size: 20px;
        letter-spacing: 4px;
        line-height: 24px
    }
    .bloc-pictos__wrap {
        display: flex;
        justify-content: center
    }
}

.bloc-pictos__item {
    position: relative;
    width: 21.3%
}

@media(min-width: 768px) {
    .bloc-pictos__item {
        margin: 0 28px;
        text-align: center
    }
    .bloc-pictos__item:first-child {
        margin-left: 0
    }
    .bloc-pictos__item:last-child {
        margin-right: 0
    }
}

.bloc-pictos__icon,
.bloc-pictos__img {
    display: inline-block;
    height: 42px;
    margin-bottom: 24px;
    width: auto
}

.bloc-pictos__icon {
    color: #98cb75;
    font-size: 42px
}

.bloc-pictos__title {
    color: #98cb75;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px
}

.bloc-pictos__title * {
    color: #98cb75;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none
}

@media(min-width: 768px) {
    .bloc-pictos__title * {
        font-size: 18px;
        line-height: 24px
    }
}

.bloc-pictos__title :hover {
    color: #98cb75;
    text-decoration: none
}

.bloc-pictos__icon+.bloc-pictos__title {
    margin-top: 0
}

.bloc-pictos__desc {
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

@media(min-width: 768px) {
    .bloc-pictos__desc {
        font-size: 16px;
        line-height: 28px
    }
}

.col-lg-6 .bloc-pictos {
    text-align: left
}

@media(min-width: 768px) {
    .col-lg-6 .bloc-pictos .block-heading {
        margin: 0 auto;
        max-width: 69%
    }
    .col-lg-6 .bloc-pictos .bloc-pictos__wrap {
        display: block;
        margin-top: 47px
    }
    .col-lg-6 .bloc-pictos .bloc-pictos__item {
        margin: 0 auto 23px;
        text-align: left;
        width: 69%
    }
    .col-lg-6 .bloc-pictos .bloc-pictos__item:after {
        clear: both;
        content: "";
        display: block
    }
    .col-lg-6 .bloc-pictos .bloc-pictos__icon,
    .col-lg-6 .bloc-pictos .bloc-pictos__img {
        float: left
    }
    .col-lg-6 .bloc-pictos .bloc-pictos__desc,
    .col-lg-6 .bloc-pictos .bloc-pictos__title {
        padding-left: 104px
    }
    .col-lg-6 .bloc-pictos .bloc-pictos__item-4,
    .col-lg-6 .bloc-pictos .bloc-pictos__item-5 {
        display: none
    }
}

.bloc-separator {
    background-color: #fff;
    height: 80px;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

@media(max-width: 992px) {
    .bloc-separator {
        height: 40px
    }
}

.bloc-separator--img {
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.bloc-separator.parallax .bloc-separator--img img {
    height: 70vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100vw
}

.bloc-separator.separator-line {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.bloc-separator.separator-line:after {
    background-color: #191e33;
    content: "";
    height: 1px;
    opacity: .1;
    position: absolute;
    width: 1200px
}

@media(max-width: 1199px) {
    .bloc-separator.separator-line:after {
        width: 84%
    }
}

.bloc-separator.separator-s {
    height: 60px
}

@media(max-width: 992px) {
    .bloc-separator.separator-s {
        height: 20px
    }
}

.bloc-separator.separator-m {
    height: 80px
}

@media(max-width: 992px) {
    .bloc-separator.separator-m {
        height: 40px
    }
}

.bloc-separator.separator-l {
    height: 100px
}

@media(max-width: 992px) {
    .bloc-separator.separator-l {
        height: 60px
    }
}

[class^=col-] .bloc-video__left {
    margin-right: -24px
}

[class^=col-] .bloc-video__right {
    margin-left: -24px
}

.bloc-video .plyr__control.plyr__control--overlaid {
    background: none;
    height: 100px!important;
    padding: 0;
    width: 100px!important;
    z-index: 8
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    .bloc-video .plyr__control.plyr__control--overlaid {
        height: 70px!important;
        line-height: 60px;
        width: 70px!important
    }
}

.bloc-video .plyr__control.plyr__control--overlaid svg {
    display: none
}

.bloc-video .plyr__control.plyr__control--overlaid .plyr__sr-only {
    background: none;
    border: 2px solid #fff!important;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 #000;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: 100px!important;
    letter-spacing: .6px;
    line-height: 96px;
    position: relative!important;
    text-align: center;
    text-shadow: 0 0 5px #000;
    width: 100px!important
}

.bloc-video .plyr__control.plyr__control--overlaid .plyr__sr-only:hover {
    background: hsla(0, 0%, 42%, .2)
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    .bloc-video .plyr__control.plyr__control--overlaid .plyr__sr-only {
        height: 70px!important;
        line-height: 66px;
        width: 70px!important
    }
}

.bloc-video .plyr--paused .plyr__poster {
    opacity: 1
}

.bloc-video .plyr__poster {
    background-size: cover;
    transition: none
}

.full .bloc-video .video-legend {
    padding-left: 10px
}

.bloc-video .video-legend {
    color: #5b6770;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 6px
}

.bloc-video .video-embed {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 676.13px
}

@media(max-width: 1199px) {
    .bloc-video .video-embed {
        min-height: 515.27px
    }
}

@media(max-width: 992px) {
    .bloc-video .video-embed {
        min-height: 379.67px
    }
}

@media(max-width: 575px) {
    .bloc-video .video-embed {
        min-height: 206.97px
    }
}

.bloc-video .video-embed .plyr__control {
    display: block
}

.col-lg-6 .bloc-video .video-embed {
    min-height: 324.56px
}

@media(max-width: 992px) {
    .col-lg-6 .bloc-video .video-embed {
        min-height: 379.67px
    }
}

@media(max-width: 575px) {
    .col-lg-6 .bloc-video .video-embed {
        min-height: 206.97px
    }
}

.buy-zone {
    background: #eeeff0;
    position: relative;
    text-transform: uppercase
}

.buy-zone__wrap {
    background: #e1e4e6;
    bottom: 100%;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.buy-zone--active .buy-zone__wrap {
    display: block
}

.grid-item--width2 .buy-zone__wrap {
    bottom: auto;
    display: flex;
    flex-direction: row-reverse;
    left: auto;
    position: relative;
    right: auto
}

.buy-zone__cta {
    align-items: center;
    background: #f4f5f6;
    border: none;
    border-top: 1px solid #e1e4e6;
    color: #191e33;
    display: flex;
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    height: auto!important;
    justify-content: center;
    line-height: 16px;
    padding: 14px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    width: 100%
}

.buy-zone__cta:hover {
    background: #98cb75;
    color: #fff;
    text-decoration: none
}

.block-form .buy-zone__cta:hover .styledSelect,
.buy-zone__cta:hover .block-form .styledSelect,
.buy-zone__cta:hover .footer-lower .list-contry .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone__cta:hover .footer-lower .list-contry .show .btn,
.buy-zone__cta:hover .footer-lower .list-lang .dropdown-menu .btn-up,
.buy-zone__cta:hover .footer-lower .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone__cta:hover .footer-lower .list-lang .show .btn,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription .footer-lower .list-contry .up.btn:before,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription .footer-lower .list-lang .up.btn:before,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription .icon-chevron-down.up:before,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription .newsletter-crm__form .up.select-wrapper:before,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription .up.ancr-nav-mob-select:before,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription .up.reviews-body-heading-filter:before,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .up.nav-link:before,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .up.btn:before,
.buy-zone__cta:hover .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown a.up.dropdown-toggle:before,
.buy-zone__cta:hover .icon-chevron-up,
.buy-zone__cta:hover header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .up.nav-link:before,
.buy-zone__cta:hover header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up,
.buy-zone__cta:hover header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone__cta:hover header .collapse-mobile .nav-item .list-lang .show .btn,
.buy-zone__cta:hover header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription a.up.dropdown-toggle:before,
.buy-zone__cta:hover header .collapse-mobile .nav-item.store-locator-dropdown.show a.dropdown-toggle:before,
.footer-lower .list-contry .haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .up.btn:before,
.footer-lower .list-contry .show .buy-zone__cta:hover .btn,
.footer-lower .list-lang .dropdown-menu .buy-zone__cta:hover .btn-up,
.footer-lower .list-lang .haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .up.btn:before,
.footer-lower .list-lang .show .buy-zone__cta:hover .btn,
.haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .icon-chevron-down.up:before,
.haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .newsletter-crm__form .up.select-wrapper:before,
.haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .up.ancr-nav-mob-select:before,
.haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .up.reviews-body-heading-filter:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-contry .buy-zone__cta:hover .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-lang .buy-zone__cta:hover .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .buy-zone__cta:hover .up.nav-link:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .buy-zone__cta:hover .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown .buy-zone__cta:hover a.up.dropdown-toggle:before,
.newsletter-crm__form .buy-zone__cta:hover .haut-page-sous-famille__header .openDescription .up.select-wrapper:before,
.newsletter-crm__form .haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .up.select-wrapper:before,
header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .up.nav-link:before,
header .collapse-mobile .nav-item .list-lang .dropdown-menu .buy-zone__cta:hover .btn-up,
header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .buy-zone__cta:hover .up.btn:before,
header .collapse-mobile .nav-item .list-lang .show .buy-zone__cta:hover .btn,
header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription .buy-zone__cta:hover a.up.dropdown-toggle:before,
header .collapse-mobile .nav-item.store-locator-dropdown.show .buy-zone__cta:hover a.dropdown-toggle:before {
    color: #fff
}

.buy-zone__cta:focus {
    outline: none
}

.block-form .buy-zone__cta .styledSelect,
.buy-zone__cta .block-form .styledSelect,
.buy-zone__cta .footer-lower .list-contry .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone__cta .footer-lower .list-contry .show .btn,
.buy-zone__cta .footer-lower .list-lang .dropdown-menu .btn-up,
.buy-zone__cta .footer-lower .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone__cta .footer-lower .list-lang .show .btn,
.buy-zone__cta .haut-page-sous-famille__header .openDescription .footer-lower .list-contry .up.btn:before,
.buy-zone__cta .haut-page-sous-famille__header .openDescription .footer-lower .list-lang .up.btn:before,
.buy-zone__cta .haut-page-sous-famille__header .openDescription .icon-chevron-down.up:before,
.buy-zone__cta .haut-page-sous-famille__header .openDescription .newsletter-crm__form .up.select-wrapper:before,
.buy-zone__cta .haut-page-sous-famille__header .openDescription .up.ancr-nav-mob-select:before,
.buy-zone__cta .haut-page-sous-famille__header .openDescription .up.reviews-body-heading-filter:before,
.buy-zone__cta .haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .up.nav-link:before,
.buy-zone__cta .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .up.btn:before,
.buy-zone__cta .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown a.up.dropdown-toggle:before,
.buy-zone__cta .icon-chevron-up,
.buy-zone__cta header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .up.nav-link:before,
.buy-zone__cta header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up,
.buy-zone__cta header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone__cta header .collapse-mobile .nav-item .list-lang .show .btn,
.buy-zone__cta header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription a.up.dropdown-toggle:before,
.buy-zone__cta header .collapse-mobile .nav-item.store-locator-dropdown.show a.dropdown-toggle:before,
.footer-lower .list-contry .haut-page-sous-famille__header .openDescription .buy-zone__cta .up.btn:before,
.footer-lower .list-contry .show .buy-zone__cta .btn,
.footer-lower .list-lang .dropdown-menu .buy-zone__cta .btn-up,
.footer-lower .list-lang .haut-page-sous-famille__header .openDescription .buy-zone__cta .up.btn:before,
.footer-lower .list-lang .show .buy-zone__cta .btn,
.haut-page-sous-famille__header .openDescription .buy-zone__cta .icon-chevron-down.up:before,
.haut-page-sous-famille__header .openDescription .buy-zone__cta .newsletter-crm__form .up.select-wrapper:before,
.haut-page-sous-famille__header .openDescription .buy-zone__cta .up.ancr-nav-mob-select:before,
.haut-page-sous-famille__header .openDescription .buy-zone__cta .up.reviews-body-heading-filter:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-contry .buy-zone__cta .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-lang .buy-zone__cta .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .buy-zone__cta .up.nav-link:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .buy-zone__cta .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown .buy-zone__cta a.up.dropdown-toggle:before,
.newsletter-crm__form .buy-zone__cta .haut-page-sous-famille__header .openDescription .up.select-wrapper:before,
.newsletter-crm__form .haut-page-sous-famille__header .openDescription .buy-zone__cta .up.select-wrapper:before,
header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .buy-zone__cta .up.nav-link:before,
header .collapse-mobile .nav-item .list-lang .dropdown-menu .buy-zone__cta .btn-up,
header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .buy-zone__cta .up.btn:before,
header .collapse-mobile .nav-item .list-lang .show .buy-zone__cta .btn,
header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription .buy-zone__cta a.up.dropdown-toggle:before,
header .collapse-mobile .nav-item.store-locator-dropdown.show .buy-zone__cta a.dropdown-toggle:before {
    color: #98cb75;
    font-size: 8px;
    margin-left: 10px
}

.block-form .buy-zone--active .buy-zone__cta .styledSelect,
.buy-zone--active .buy-zone__cta .block-form .styledSelect,
.buy-zone--active .buy-zone__cta .footer-lower .list-contry .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone--active .buy-zone__cta .footer-lower .list-contry .show .btn,
.buy-zone--active .buy-zone__cta .footer-lower .list-lang .dropdown-menu .btn-up,
.buy-zone--active .buy-zone__cta .footer-lower .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone--active .buy-zone__cta .footer-lower .list-lang .show .btn,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription .footer-lower .list-contry .up.btn:before,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription .footer-lower .list-lang .up.btn:before,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription .icon-chevron-down.up:before,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription .newsletter-crm__form .up.select-wrapper:before,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription .up.ancr-nav-mob-select:before,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription .up.reviews-body-heading-filter:before,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .up.nav-link:before,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .up.btn:before,
.buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown a.up.dropdown-toggle:before,
.buy-zone--active .buy-zone__cta .icon-chevron-up,
.buy-zone--active .buy-zone__cta header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .up.nav-link:before,
.buy-zone--active .buy-zone__cta header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up,
.buy-zone--active .buy-zone__cta header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.buy-zone--active .buy-zone__cta header .collapse-mobile .nav-item .list-lang .show .btn,
.buy-zone--active .buy-zone__cta header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription a.up.dropdown-toggle:before,
.buy-zone--active .buy-zone__cta header .collapse-mobile .nav-item.store-locator-dropdown.show a.dropdown-toggle:before,
.footer-lower .list-contry .haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .up.btn:before,
.footer-lower .list-contry .show .buy-zone--active .buy-zone__cta .btn,
.footer-lower .list-lang .dropdown-menu .buy-zone--active .buy-zone__cta .btn-up,
.footer-lower .list-lang .haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .up.btn:before,
.footer-lower .list-lang .show .buy-zone--active .buy-zone__cta .btn,
.haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .icon-chevron-down.up:before,
.haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .newsletter-crm__form .up.select-wrapper:before,
.haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .up.ancr-nav-mob-select:before,
.haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .up.reviews-body-heading-filter:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-contry .buy-zone--active .buy-zone__cta .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-lang .buy-zone--active .buy-zone__cta .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .buy-zone--active .buy-zone__cta .up.nav-link:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .buy-zone--active .buy-zone__cta .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown .buy-zone--active .buy-zone__cta a.up.dropdown-toggle:before,
.newsletter-crm__form .buy-zone--active .buy-zone__cta .haut-page-sous-famille__header .openDescription .up.select-wrapper:before,
.newsletter-crm__form .haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .up.select-wrapper:before,
header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .up.nav-link:before,
header .collapse-mobile .nav-item .list-lang .dropdown-menu .buy-zone--active .buy-zone__cta .btn-up,
header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta .up.btn:before,
header .collapse-mobile .nav-item .list-lang .show .buy-zone--active .buy-zone__cta .btn,
header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription .buy-zone--active .buy-zone__cta a.up.dropdown-toggle:before,
header .collapse-mobile .nav-item.store-locator-dropdown.show .buy-zone--active .buy-zone__cta a.dropdown-toggle:before {
    color: #fff;
    margin-bottom: 3px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.buy-zone--active .buy-zone__cta {
    background: #98cb75;
    border-top: none;
    color: #fff
}

.grid-item--width2 .buy-zone__cta {
    display: none
}

.buy-zone__marker {
    align-items: center;
    display: flex;
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    height: auto!important;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 1px;
    padding: 14px 5px;
    text-align: center;
    width: 100%
}

.buy-zone__marker,
.buy-zone__marker:focus,
.buy-zone__marker:hover {
    background: #98cb75;
    color: #fff;
    text-decoration: none
}

.buy-zone__marker .icon-marker {
    color: #fff;
    font-size: 24px;
    margin-right: 8px
}

.grid-item:not(.grid-item--width2) .buy-zone__marker .icon-marker {
    font-size: 20px
}

.grid-item--width2 .buy-zone__marker {
    background: #eeeff0;
    color: #191e33;
    margin-bottom: 0;
    width: 50%
}

.grid-item--width2 .buy-zone__marker:focus,
.grid-item--width2 .buy-zone__marker:hover {
    background: #eeeff0;
    color: #191e33
}

.grid-item--width2 .buy-zone__marker .icon-marker {
    color: #191e33
}

.buy-zone__shop {
    align-items: center;
    display: flex;
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    height: auto!important;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 1px;
    padding: 14px 5px;
    text-align: center;
    width: 100%
}

.buy-zone__shop,
.buy-zone__shop:focus,
.buy-zone__shop:hover {
    background: #98cb75;
    color: #fff;
    text-decoration: none
}

.buy-zone__shop .icon-shop {
    color: #fff;
    font-size: 24px;
    margin-right: 8px
}

.grid-item:not(.grid-item--width2) .buy-zone__shop .icon-shop {
    font-size: 20px
}

.grid-item--width2 .buy-zone__shop {
    background: #98cb75;
    color: #fff;
    margin-bottom: 0;
    width: 50%
}

.grid-item--width2 .buy-zone__shop:focus,
.grid-item--width2 .buy-zone__shop:hover {
    background: #98cb75;
    color: #fff
}

.grid-item--width2 .buy-zone__shop .icon-shop {
    color: #fff
}

.routine-buy-zone {
    border-right: 1px solid rgba(25, 30, 51, .3)
}

.routine-buy-zone .buy-zone__cta {
    background: #f4f5f6
}

.routine-buy-zone .buy-zone__cta:hover {
    background: #98cb75
}

.routine-buy-zone .buy-zone--active .buy-zone__cta {
    background: #98cb75;
    color: #fff
}

.cross-buy-zone {
    margin-right: 48px
}

.cross-buy-zone .buy-zone__cta {
    background: #f5f7fa
}

.cross-buy-zone .buy-zone--active .buy-zone__cta,
.cross-buy-zone .buy-zone__cta:hover {
    background: #98cb75
}

.block-contact {
    padding: 71px 0 60px
}

@media screen and (max-width: 959px) {
    .block-contact {
        padding-bottom: 0
    }
}

.block-contact iframe {
    border: 0;
    display: block;
    height: 1000px
}

@media screen and (max-width: 1223px) {
    .block-contact iframe {
        height: 1120px
    }
}

@media screen and (max-width: 959px) {
    .block-contact iframe {
        height: 1350px
    }
    .block-contact-body-left {
        margin-bottom: 60px
    }
}

.block-contact-body-left-heading {
    margin-bottom: 40px
}

.block-contact-body-left-heading p {
    color: #5b6770;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

@media screen and (max-width: 959px) {
    .block-contact-body-left-heading p {
        color: #5b6770;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 18px
    }
}

.block-contact-body-left-heading a {
    color: #5b6770;
    cursor: pointer;
    display: inline;
    text-decoration: underline;
    -webkit-text-decoration-color: #98cb75;
    text-decoration-color: #98cb75;
    text-underline-position: under
}

.block-contact-body-left-heading a:hover {
    color: #98cb75
}

.block-contact-body-right-assitance {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -18px
}

@media screen and (min-width: 768px)and (max-width:1000px) {
    .block-contact-body-right-assitance {
        padding-left: 15%
    }
}

.block-contact-body-right-assitance .block-heading.small {
    margin-bottom: 26px!important
}

.block-contact-body-right-assitance .block-heading.small img {
    margin-bottom: 32px;
    width: 25px
}

.block-contact-body-right-assitance-items {
    width: 246px
}

@media screen and (min-width: 768px)and (max-width:1000px) {
    .block-contact-body-right-assitance-items {
        width: auto
    }
}

.block-contact-body-right-assitance-items>div {
    align-items: center;
    margin-bottom: 23px
}

.block-contact-body-right-assitance-items>div.align-icon-top {
    align-items: flex-start
}

.block-contact-body-right-assitance-items>div.style-2 a {
    color: #191e33;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px
}

.block-contact-body-right-assitance-items>div .shape-control {
    margin-right: 23px
}

.block-contact-body-right-assitance-items>div .shape-control span {
    font-size: 20px
}

.block-contact-body-right-assitance-items>div a {
    color: #98cb75;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px
}

.block-contact-body-right-assitance-items>div p {
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px
}

.block-contact-body-right-assitance-items>div p small {
    color: #191e33;
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px
}

.block-contact-body-right-assitance-items>div p span {
    margin-top: 10px
}

.block-contact .block-heading {
    margin-bottom: 80px
}

@media screen and (max-width: 959px) {
    .block-contact .block-heading {
        margin-bottom: 15px
    }
}

.block-contact .block-heading.small {
    margin-bottom: 30px
}

.block-contact .block-heading-title h1,
.block-contact .block-heading-title h2,
.block-contact .block-heading-title span {
    color: #191e33;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

.block-contact .block-heading-title h1 {
    margin-bottom: 15px
}

.block-contact .block-heading-title h2 {
    margin-bottom: 0
}

.block-contact .block-heading-description h2,
.block-contact .block-heading-description span {
    color: #98cb75;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
    width: 784px
}

@media screen and (max-width: 959px) {
    .block-contact .block-heading-description h2,
    .block-contact .block-heading-description span {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 32px;
        text-align: center;
        width: 100%
    }
}

.bloc-content-summary {
    align-items: center;
    background-color: var(--Light-2-Color);
    display: flex;
    padding: 40px 0
}

@media(max-width: 992px) {
    .bloc-content-summary {
        min-height: 374px
    }
}

@media(min-width: 993px) {
    .bloc-content-summary {
        padding: 60px 0
    }
}

.bloc-content-summary--wrap {
    margin: 0 21px
}

@media(min-width: 993px) {
    .bloc-content-summary--wrap {
        margin: 0 120px;
        max-width: 533px
    }
}

.bloc-content-summary--title {
    color: var(--Strong-Color);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 32px;
    text-align: left
}

@media(min-width: 993px) {
    .bloc-content-summary--title {
        font-size: 32px;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 24px
    }
}

.bloc-content-summary--item {
    color: var(--Secondary-Color);
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    padding-left: 16px;
    position: relative
}

.bloc-content-summary--item:not(:last-of-type) {
    margin-bottom: 20px
}

.bloc-content-summary--item:before {
    background-color: var(--Strong-Color);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 4px
}

.bloc-content-summary--item:hover {
    color: var(--Strong-Color)
}

.block-cross-sell {
    background-color: var(--Light-3-Color);
    font-family: var(--pf-primary-font), sans-serif;
    padding: 80px 0
}

.block-cross-sell .no-gutters.bloc-diagnostic-basement-wrapper .col-right-side+.col-left-side,
.block-cross-sell .row.no-gutters .col-right-side+.col-left-side {
    align-self: center;
    flex: 0 0 71.67%;
    max-width: 71.67%
}

@media screen and (max-width: 996px) {
    .block-cross-sell .no-gutters.bloc-diagnostic-basement-wrapper .col-right-side+.col-left-side,
    .block-cross-sell .row.no-gutters .col-right-side+.col-left-side {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width: 992px) {
    .block-cross-sell .col-lg-3 {
        flex: 0 0 28.33%;
        max-width: 28.33%
    }
    .block-cross-sell .col-lg-9 {
        flex: 0 0 71.67%;
        max-width: 71.67%
    }
}

@media(max-width: 565.98px) {
    .block-cross-sell .container-full {
        margin-left: 0!important
    }
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    .block-cross-sell .left-side {
        margin-bottom: 57px
    }
}

.block-cross-sell .left-side .cross-product-slider-url {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.block-cross-sell .left-side .cross-product-slider-tag {
    position: absolute;
    right: 12px;
    top: 12px
}

.block-cross-sell .left-side .cross-product-slider-tag span {
    background-color: var(--Light-3-Color);
    color: var(--Strong-Color);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    padding: 7px 19px 4px;
    text-align: center;
    text-transform: uppercase
}

.block-cross-sell .left-side .tryit-btn {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 12px;
    position: absolute;
    top: 12px;
    z-index: 1
}

.block-cross-sell .left-side .tryit-btn a,
.block-cross-sell .left-side .tryit-btn span {
    background-color: var(--Strong-Color);
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 18px;
    padding: 2px 10px;
    text-align: center;
    text-transform: uppercase
}

.block-cross-sell .left-side .cross-product-icon {
    display: none
}

.block-cross-sell .left-side .section-heading__subtitle {
    margin-bottom: 60px;
    margin-top: 0
}

.block-cross-sell .left-side .cross-product-heading {
    margin-bottom: 40px
}

@media(max-width: 992px) {
    .block-cross-sell .left-side .cross-product-heading sup {
        top: -.3em
    }
}

.block-cross-sell .left-side .cross-product-title {
    margin-bottom: 20px
}

.block-cross-sell .left-side .cross-product-title * {
    color: var(--Strong-Color);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

.block-cross-sell .left-side .cross-product-subtitle {
    margin-top: 21px
}

@media(max-width: 992px) {
    .block-cross-sell .left-side .cross-product-subtitle {
        margin-top: 18px
    }
}

.block-cross-sell .left-side .cross-product-subtitle * {
    color: var(--Secondary-Color);
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center
}

@media(max-width: 992px) {
    .block-cross-sell .left-side .cross-product-subtitle * {
        font-size: 22px;
        line-height: 24px
    }
}

.block-cross-sell .left-side .cross-product-slider-item-gamme {
    margin-bottom: 4px
}

.block-cross-sell .left-side .cross-product-slider-item-gamme.anm {
    -webkit-animation-delay: 1.6s
}

.block-cross-sell .left-side .cross-product-slider-item-gamme * {
    color: #98cb75;
    font-size: 11px;
    letter-spacing: .88px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.block-cross-sell .left-side .cross-product-slider-item-thumb {
    align-items: flex-end;
    display: flex;
    height: 193px;
    margin-bottom: 40px
}

.block-cross-sell .left-side .cross-product-slider-item-thumb.anm {
    -webkit-animation-delay: 1.7s
}

.block-cross-sell .left-side .cross-product-slider-item-thumb img {
    max-height: 100%;
    max-width: 100%
}

.block-cross-sell .left-side .cross-product-slider-item-title {
    margin-bottom: 7px
}

.block-cross-sell .left-side .cross-product-slider-item-title.anm {
    -webkit-animation-delay: 1.8s
}

.block-cross-sell .left-side .cross-product-slider-item-title * {
    color: #191e33;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.block-cross-sell .left-side .cross-product-slider-item-description {
    /* margin-bottom:4px; */
    min-height: 32px;
}

.block-cross-sell .left-side .cross-product-slider-item-price {
    /* margin-bottom:4px; */
    min-height: 32px;
}

.block-cross-sell .left-side .cross-product-slider-item-description.anm {
    -webkit-animation-delay: 1.9s
}

.block-cross-sell .left-side .cross-product-slider-item-description p {
    color: rgba(25, 30, 51, .5);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-align: center
}

.block-cross-sell .left-side .cross-product-slider-item-rate {
    bottom: 19px;
    position: absolute
}

.block-cross-sell .left-side .cross-product-slider-item-rate.anm {
    -webkit-animation-delay: 2s
}

.block-cross-sell .left-side .cross-product-slider-item-rate span {
    color: #98cb75;
    font-size: 12px;
    margin: 0 1px
}

.block-cross-sell .left-side .cross-product-slider-item-hover {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    width: 100%;
    z-index: -1
}

.block-cross-sell .left-side .cross-product-slider-item-hover picture {
    height: 100%
}

.block-cross-sell .left-side .cross-product-slides-item {
    align-items: center;
    background-color: var(--Secondary-light-2-Color);
    cursor: inherit;
    display: flex;
    flex-direction: column;
    height: 441px;
    justify-content: flex-end;
    margin-right: 48px;
    overflow: hidden;
    padding: 40px 30px 30px;
    position: relative;
    text-align: center
}

@media screen and (max-width: 1149px) {
    .block-cross-sell .left-side .cross-product-slides-item {
        padding: 40px 15px 30px
    }
}

.block-cross-sell .left-side .cross-product-slides-item.anm {
    -webkit-animation-delay: 1s
}

.block-cross-sell .left-side .cross-product-slides-item .tryit-btn {
    z-index: 9
}

.block-cross-sell .left-side .cross-product-slides-item .tryit-btn.anm {
    -webkit-animation-delay: 1.6s
}

.block-cross-sell .left-side .cross-product-slides-item:hover .cross-product-slider-item-hover {
    opacity: 1;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 9
}

.block-cross-sell .left-side .cross-buy-zone.anm {
    -webkit-animation-delay: 1s
}

.block-cross-sell .right-side .card-diagnostic {
    align-items: center;
    background-position: top;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 664px;
    position: relative
}

@media(max-width: 565.98px) {
    .block-cross-sell .right-side .card-diagnostic {
        margin-left: 24px
    }
}

@media(max-width: 992px) {
    .block-cross-sell .right-side .card-diagnostic {
        margin-right: 24px
    }
}

.block-cross-sell .right-side .card-diagnostic:after {
    background: linear-gradient(180deg, rgba(53, 53, 53, 0), #353535 99.4%);
    bottom: 0;
    content: "";
    height: 447px;
    left: 0;
    mix-blend-mode: normal;
    opacity: .6;
    position: absolute;
    right: 0;
    z-index: 1
}

.block-cross-sell .right-side .card-diagnostic .content {
    background: #fff;
    margin-bottom: 20px;
    padding: 43px 28px 41px;
    position: relative;
    text-align: center;
    width: calc(100% - 48px);
    z-index: 2
}

.block-cross-sell .right-side .card-diagnostic .content span {
    color: #98cb75;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 18px;
    margin-bottom: 14px;
    text-align: center;
    text-transform: uppercase
}

.block-cross-sell .right-side .card-diagnostic .content span.card-diagnostic--title {
    color: #191e33;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: none
}

.block-cross-sell .right-side .card-diagnostic .content a,
.block-cross-sell .right-side .card-diagnostic .content span.dfp-obfctd-link {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    display: inline;
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 16px;
    text-align: center;
    text-transform: none
}

.block-cross-sell .right-side .card-diagnostic .content a:before,
.block-cross-sell .right-side .card-diagnostic .content span.dfp-obfctd-link:before {
    content: "";
    display: block
}

.block-cross-sell .right-side .card-diagnostic--retitle {
    margin-bottom: 20px
}

.block-cross-sell .right-side .card-diagnostic--retitle * {
    color: #191e33;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    text-transform: none
}

.block-cross-sell .slick-arrow.slick-disabled {
    display: none!important;
    height: 0
}

.block-cross-sell .slick-arrow {
    background: var(--Strong-Color);
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 46px;
    margin-top: -23px;
    padding-top: 14px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 46px;
    z-index: 1
}

.block-cross-sell .slick-arrow.slick-arrow-next {
    right: 27px
}

.block-cross-sell .slick-arrow.slick-arrow-prev {
    left: -23px
}

.block-cross-sell .slick-dots {
    bottom: 31px;
    display: none!important;
    left: 0;
    padding: 0;
    right: 0;
    text-align: center
}

.block-cross-sell .slick-dots li {
    display: inline-block
}

.block-cross-sell .slick-dots li button {
    background: #d8d8d8;
    border: 0;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 4px;
    margin: 0 8px;
    padding: 0;
    width: 4px
}

.block-cross-sell .slick-dots li.slick-active button {
    background: #191e33;
    box-shadow: none;
    outline: 0
}

.block-cross-sell .block-routine-soins.full-items .no-card.container-full,
.block-cross-sell .container.no-card,
.block-routine-soins.full-items .block-cross-sell .no-card.container-full {
    margin-left: auto!important;
    margin-right: auto!important
}

@media(max-width: 992px) {
    .block-cross-sell .block-routine-soins.full-items .no-card.container-full,
    .block-cross-sell .container.no-card,
    .block-routine-soins.full-items .block-cross-sell .no-card.container-full {
        margin-left: auto!important;
        margin-right: auto!important
    }
    .block-cross-sell .block-routine-soins.full-items .no-card.container-full .left-side,
    .block-cross-sell .container.no-card .left-side,
    .block-routine-soins.full-items .block-cross-sell .no-card.container-full .left-side {
        margin-left: 0!important
    }
}

@media(min-width: 993px) {
    .block-cross-sell .block-routine-soins.full-items .no-card.container-full .cross-product-slides,
    .block-cross-sell .container.no-card .cross-product-slides,
    .block-routine-soins.full-items .block-cross-sell .no-card.container-full .cross-product-slides {
        left: 24px
    }
}

.block-cross-sell .see-more-wrap {
    padding-top: 40px;
    text-align: center
}

@media screen and (min-width: 481px)and (max-width:992px) {
    .block-cross-sell .cross-product-slides[slides-nb="1"] .slick-list {
        margin: 0 -6px
    }
    .block-cross-sell .cross-product-slides[slides-nb="1"] .cross-product-slides-item {
        margin: 0 6px
    }
    .block-cross-sell .cross-product-slides[slides-nb="2"] .slick-list {
        margin: 0 -6px
    }
    .block-cross-sell .cross-product-slides[slides-nb="2"] .cross-product-slides-item {
        margin: 0 6px
    }
}

.custom-product-sm {
    width: 100%
}

.custom-product-sm--content {
    background: var(--Secondary-light-2-Color);
    display: flex;
    flex-direction: column;
    width: 100%
}

.custom-product-sm--content:nth-of-type(2) {
    margin-top: 40px
}

@media(min-width: 768px) {
    .custom-product-sm--content {
        flex-direction: row;
        justify-content: flex-start
    }
    .custom-product-sm--content.position-left {
        flex-direction: row
    }
    .custom-product-sm--content.position-right {
        flex-direction: row-reverse
    }
}

.custom-product-sm--img {
    align-items: center;
    display: flex;
    height: 237px;
    justify-content: center;
    margin: 0;
    width: 100%
}

@media(min-width: 993px) {
    .custom-product-sm--img {
        height: auto;
        max-width: 237px
    }
}

@media(max-width: 992px) {
    .custom-product-sm--img img {
        height: 100%;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }
}

@media(min-width: 993px) {
    .custom-product-sm--img img {
        height: 100%;
        max-width: 100%
    }
}

.custom-product-sm--text {
    padding: 35px 30px
}

@media(min-width: 993px) {
    .custom-product-sm--text {
        flex: 1;
        padding: 56px 29px 53px 40px
    }
}

.custom-product-sm--description,
.custom-product-sm--link,
.custom-product-sm--product,
.custom-product-sm--title .custom-product-sm {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-weight: 500
}

.custom-product-sm--product {
    color: #98cb75;
    font-size: 10px;
    letter-spacing: 2.5px;
    line-height: 16px;
    margin-bottom: 12px;
    text-transform: uppercase
}

.custom-product-sm--title {
    margin-bottom: 12px
}

.custom-product-sm--title * {
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 24px
}

.custom-product-sm--description {
    color: #5b6770;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px
}

.custom-product-sm--link {
    display: inline;
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 16px;
    position: relative
}

.custom-product-sm--link span {
    display: initial
}

.custom-product-sm--link span:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.custom-product-sm--link span:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.custom-product-sm--link span:hover {
    color: #98cb75;
    text-decoration: none
}

.custom-product-sm--link span:hover:before {
    left: 0;
    width: 100%
}

.custom-product-sm--link span:hover:after {
    display: none
}

.custom-product-sm--link:before {
    content: " ";
    display: block
}

.custom-product-sm--link+.custom-product-sm--link {
    top: 12px
}

.bloc-diagnostic-basement-wrapper {
    margin-left: 0;
    margin-right: 0
}

@media(min-width: 993px) {
    .bloc-diagnostic-basement-notification {
        padding: 60px 60px 0 0;
        position: absolute;
        top: 0
    }
}

.bloc-diagnostic-basement-notification * {
    color: #353535;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.bloc-diagnostic-basement-notification.success * {
    color: #98cb75
}

.bloc-diagnostic-basement-left-side {
    align-items: center;
    background-color: #fafafa;
    display: flex;
    position: relative
}

@media(min-width: 768px) {
    .bloc-diagnostic-basement-left-side {
        padding: 40px calc(8.33333% + 26px) 40px calc(8.33333% + 5px)
    }
}

.bloc-diagnostic-basement-left-side-title {
    margin-bottom: 15px
}

.bloc-diagnostic-basement-left-side-title * {
    font-weight: 500
}

@media(min-width: 768px) {
    .bloc-diagnostic-basement-left-side-title * {
        color: #98cb75;
        letter-spacing: 2px;
        line-height: 24px
    }
}

.bloc-diagnostic-basement-left-side-description {
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .bloc-diagnostic-basement-left-side-description * {
        color: #191e33;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }
}

.bloc-diagnostic-basement-left-side .block-form label {
    color: #5b6770;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px
}

.bloc-diagnostic-basement-left-side .block-form button[type=submit] {
    background-color: #191e33;
    border: 0;
    display: block;
    margin: 13px auto 10px;
    padding: 18px;
    text-align: left
}

@media(min-width: 768px) {
    .bloc-diagnostic-basement-left-side .block-form button[type=submit] {
        min-width: 296px
    }
}

.bloc-diagnostic-basement-left-side .block-form button[type=submit]:hover {
    background-color: #fff;
    color: #353535
}

.bloc-diagnostic-basement-left-side .block-form button[type=submit]:disabled {
    background-color: #353535;
    border-color: #353535;
    color: #fff;
    opacity: .3
}

.bloc-diagnostic-basement-left-side .block-form button[type=submit]:before {
    position: absolute;
    right: 15px
}

.bloc-diagnostic-basement-left-side .block-form--group {
    margin-bottom: 5px
}

.bloc-diagnostic-basement-left-side .block-form--group:first-child {
    margin-bottom: 18px
}

.bloc-diagnostic-basement-left-side .block-form--group .parsley-error label {
    color: #dc3545!important
}

.bloc-diagnostic-basement-left-side .block-form--group .parsley-error label:before {
    border-color: #dc3545!important
}

.bloc-diagnostic-basement-left-side .block-form--group label {
    color: #191e33;
    margin-bottom: 7px
}

.bloc-diagnostic-basement-left-side .block-form--group input[type=email],
.bloc-diagnostic-basement-left-side .block-form--group input[type=text] {
    background-color: transparent;
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    letter-spacing: .6px;
    line-height: 20px
}

@media(min-width: 768px) {
    .bloc-diagnostic-basement-left-side .block-form--group input[type=email],
    .bloc-diagnostic-basement-left-side .block-form--group input[type=text] {
        min-width: 265px
    }
}

.bloc-diagnostic-basement-left-side .block-form--group input[type=email]:focus,
.bloc-diagnostic-basement-left-side .block-form--group input[type=text]:focus {
    border-color: #353535
}

.bloc-diagnostic-basement-left-side .block-form--group input[type=email].parsley-error,
.bloc-diagnostic-basement-left-side .block-form--group input[type=text].parsley-error {
    border-color: #dc3545
}

.bloc-diagnostic-basement-left-side .block-form--group .invalid-feedback {
    color: #dc3545;
    display: block;
    font-size: 10px;
    margin-top: 10px
}

.bloc-diagnostic-basement-left-side .block-form--group .parsley-errors-list {
    margin-top: 10px;
    padding-left: 0
}

.bloc-diagnostic-basement-left-side .block-form--group .parsley-errors-list li {
    color: #dc3545
}

.bloc-diagnostic-basement-left-side .block-form--group input[type=checkbox]+label {
    color: #191e33;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.08px;
    line-height: 16px;
    opacity: 1;
    padding-left: 28px
}

.bloc-diagnostic-basement-left-side .block-form--group input[type=checkbox]+label:after {
    left: 1px;
    margin-top: 0;
    top: 3px
}

.bloc-diagnostic-basement-left-side .block-form--group input[type=checkbox]+label:before {
    margin-top: 0;
    top: 2px
}

.bloc-diagnostic-basement-left-side-text * {
    color: #5b6770;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.bloc-diagnostic-basement-left-side-text * a {
    color: #191e33;
    display: inline-block;
    text-decoration: underline
}

.bloc-diagnostic-basement-right-side {
    background-color: #fafafa;
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 768px) {
    .bloc-diagnostic-basement-right-side-image {
        padding-left: 28px
    }
}

.bloc-diagnostic-basement-right-side-image picture {
    margin-bottom: 0
}

@media(min-width: 768px) {
    .diagnostic-result-products {
        margin-top: -124px
    }
}

.diagnostic-result-products.w-buy-zone .slick-slide {
    position: relative
}

.diagnostic-result-products.w-buy-zone .slick-slide .product-card-content {
    padding-bottom: 44px
}

.diagnostic-result-products.w-buy-zone .slick-slide .buy-zone {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.diagnostic-result-products .slick-slide {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(30, 17%, 98%, 0) 50%, #faf9f8 0, #f4f3f1);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#f4f3f1", GradientType=0);
    height: inherit!important
}

.diagnostic-result-products .slick-track {
    display: flex!important
}

.diagnostic-result-products .slick-arrow {
    background: #98cb75;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 52px;
    padding-top: 18px;
    position: absolute;
    text-align: center;
    top: 47.3%;
    width: 52px
}

.diagnostic-result-products .slick-arrow.slick-arrow-next {
    right: 7.5%
}

@media screen and (max-width: 420px) {
    .diagnostic-result-products .slick-arrow.slick-arrow-next {
        right: 0
    }
}

.diagnostic-result-products .slick-arrow.slick-arrow-prev {
    left: 0;
    z-index: 1
}

@media screen and (max-width: 420px) {
    .diagnostic-result-products .slick-arrow.slick-arrow-prev {
        left: -24px
    }
}

.diagnostic-result-products .slick-arrow.slick-disabled {
    display: none!important
}

.diagnostic-result-products .product-card {
    margin: 0
}

.diagnostic-result-products .product-card-step {
    margin-bottom: -30px;
    position: relative;
    text-align: center;
    z-index: 1
}

.diagnostic-result-products .product-card-step-text {
    color: #00381d;
    display: block;
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
    margin-bottom: 30px
}

.diagnostic-result-products .product-card-step-nb {
    color: #98cb75;
    display: block;
    font-family: var(--pf-secondary-font);
    font-size: 62px;
    font-weight: 900;
    line-height: 60px;
    text-align: center
}

@media(min-width: 768px) {
    .diagnostic-result-products .product-card-content:after {
        background-color: #191e33;
        bottom: -80px;
        content: "";
        opacity: .3;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        z-index: 9
    }
}

.diagnostic-result-products .product-card-content .card-title {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 10px;
    text-align: center
}

.diagnostic-result-products .product-card-content .rating-stars .reviews-aside-note-rate span {
    color: #191e33;
    font-size: 9px;
    margin-right: 2px
}

.diagnostic-result-products .product-card__image {
    margin-top: 52px
}

.diagnostic-result-products .product-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 28px 20px
}

.bloc-contenu {
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    justify-content: flex-start
}

.bloc-contenu>* {
    flex: 0 0 100%
}

@media(max-width: 992px) {
    .bloc-contenu>* {
        max-width: 100%
    }
}

.bloc-contenu .lhVOAK {
    align-items: stretch;
    flex-direction: column;
    flex-flow: row nowrap;
    justify-content: flex-start
}

.bloc-contenu #cc-storelocator-root a {
    display: flex
}

.bloc-contenu #cc-storelocator-root a:before {
    display: none
}

.bloc-contenu #cc-storelocator-root .ixeQik svg {
    flex: 0 0 20px
}

.bloc-contenu.w-80 {
    width: 80%
}

.bloc-contenu.w-95 {
    width: 95%
}

.bloc-contenu .style-1,
.bloc-contenu .titre-1,
.bloc-contenu h1 {
    color: #2e3438;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 44px;
    margin-bottom: 20px
}

.bloc-contenu .style-2,
.bloc-contenu .titre-2,
.bloc-contenu h2 {
    color: #2e3438;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: left
}

.bloc-contenu .style-2.text-left,
.bloc-contenu .titre-2.text-left,
.bloc-contenu h2.text-left,
.text-left .bloc-contenu .style-2,
.text-left .bloc-contenu .titre-2,
.text-left .bloc-contenu h2 {
    text-align: left
}

.bloc-contenu .style-2.text-right,
.bloc-contenu .titre-2.text-right,
.bloc-contenu h2.text-right,
.text-right .bloc-contenu .style-2,
.text-right .bloc-contenu .titre-2,
.text-right .bloc-contenu h2 {
    text-align: right
}

.bloc-contenu .style-2.text-center,
.bloc-contenu .titre-2.text-center,
.bloc-contenu h2.text-center,
.text-center .bloc-contenu .style-2,
.text-center .bloc-contenu .titre-2,
.text-center .bloc-contenu h2 {
    text-align: center
}

.bloc-contenu .style-3,
.bloc-contenu .titre-3,
.bloc-contenu h3 {
    color: #2e3438;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 20px
}

.bloc-contenu .style-4,
.bloc-contenu .titre-4,
.bloc-contenu h4 {
    color: #98cb75;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 20px
}

.bloc-contenu .style-5,
.bloc-contenu .titre-5,
.bloc-contenu h5 {
    color: #191e33;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.4px;
    line-height: 32px;
    margin-bottom: 20px
}

.bloc-contenu a {
    color: #191e33;
    cursor: pointer;
    display: inline;
    flex: none;
    position: relative;
    text-decoration: underline;
    -webkit-text-decoration-color: #98cb75;
    text-decoration-color: #98cb75;
    text-underline-position: under
}

.bloc-contenu a:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.bloc-contenu a:hover {
    color: #98cb75;
    text-decoration: underline
}

.bloc-contenu a:hover:before {
    left: 0;
    width: 100%
}

.bloc-contenu span.btn {
    display: inline-block;
    min-width: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bloc-contenu span.btn a {
    color: #191e33;
    text-decoration: none
}

.bloc-contenu span.btn.btn-primary a,
.bloc-contenu span.btn:hover a {
    color: #fff
}

.bloc-contenu span.btn.btn-primary a:before {
    display: none
}

.bloc-contenu span.btn .ic-btn {
    margin-left: 10px;
    vertical-align: text-bottom
}

.bloc-contenu em *,
.bloc-contenu em strong {
    font-style: italic!important
}

.bloc-contenu .description-contenu-editorial {
    color: #191e33!important;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 20px
}

.bloc-contenu p {
    color: #5b6770;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 27px;
    margin-bottom: 23px
}

.bloc-contenu p:last-child {
    margin-bottom: 0
}

.bloc-contenu>b,
.bloc-contenu>strong {
    color: #191e33;
    display: inline-block;
    font-size: 24px;
    letter-spacing: -.4px;
    line-height: 32px
}

.bloc-contenu ol,
.bloc-contenu ul {
    padding: 0
}

.bloc-contenu ol li,
.bloc-contenu ul li {
    color: #5b6770;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 29px;
    margin-bottom: 24px;
    padding-left: 15px;
    position: relative
}

.bloc-contenu ul li:before {
    color: #98cb75;
    content: ".";
    font-size: 30px;
    left: 0;
    position: absolute;
    top: -9px
}

.bloc-contenu ol {
    counter-reset: item
}

.bloc-contenu ol li {
    padding-left: 0
}

.bloc-contenu ol li:before {
    color: #98cb75;
    content: counter(item) ". ";
    counter-increment: item;
    font-size: 14px
}

.bloc-contenu .bloc-video {
    margin-bottom: 84px;
    margin-top: 56px
}

.bloc-contenu .bloc-video:first-child {
    margin-top: 0
}

.bloc-contenu .richtext-text-calligraphy {
    color: #98cb75;
    font-size: 70px;
    font-weight: 500;
    letter-spacing: 6.428571px;
    line-height: 74px;
    margin-bottom: 43px
}

.bloc-contenu img {
    max-width: 100%
}

.bloc-contenu .align-left {
    text-align: left
}

.bloc-contenu .align-right {
    text-align: right
}

.bloc-contenu .align-center {
    text-align: center
}

.bloc-contenu .ez-embed-type-image {
    margin: 20px 0
}

.bloc-contenu .read_less,
.bloc-contenu .read_more {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.bloc-contenu .read_less:before,
.bloc-contenu .read_more:before {
    bottom: -1px
}

.bloc-contenu .read_less:hover,
.bloc-contenu .read_more:hover {
    border-bottom: 0
}

.bloc-contenu .download_button a:before {
    display: none
}

.bloc-contenu .separator-richtext {
    background: #191e33;
    height: 1px;
    margin-bottom: 32px;
    width: 100%
}

.bloc-contenu .block-form .options li {
    margin-bottom: 0
}

.bloc-contenu .block-form .options li:before {
    display: none
}

.bloc-contenu .picto-check {
    color: #0c6b0f;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.bloc-contenu .picto-check:after {
    color: #0c6b0f;
    content: "✓";
    display: inline-block;
    font-size: 22px;
    margin-left: 15px
}

.bloc-contenu .custom-image-with-text {
    color: #676767;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden
}

.bloc-contenu .custom-image-with-text p {
    overflow: hidden
}

.bloc-contenu .custom-image-with-text p a {
    color: #676767;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.bloc-contenu .custom-image-with-text p a:before {
    bottom: 0
}

.bloc-contenu .custom-image-with-text p:first-child {
    float: left;
    margin-right: 8px;
    width: 160px
}

.bloc-contenu .custom-image-with-text p:first-child img {
    width: 100%
}

.bloc-contenu .custom-image-with-text p:nth-child(2) {
    margin-bottom: 0;
    margin-top: 40px
}

.bloc-contenu .bloc-image img {
    max-height: none
}

.bloc-contenu .custom-col-left,
.bloc-contenu .custom-col-right {
    display: inline-block;
    flex: 0 0 47%;
    margin-bottom: 23px;
    max-width: 47%;
    vertical-align: top;
    width: calc(50% - 24px)
}

@media(max-width: 992px) {
    .bloc-contenu .custom-col-left,
    .bloc-contenu .custom-col-right {
        display: block;
        padding: 0;
        width: 100%
    }
}

.bloc-contenu .custom-col-left {
    margin-right: 22px
}

.bloc-contenu .custom-col-right {
    margin-left: 22px
}

.bloc-edito .bloc-image img {
    max-height: 675px;
    -o-object-fit: cover;
    object-fit: cover
}

.bloc-edito-full .bloc-image img {
    max-height: none
}

.col-lg-6.full .bloc-contenu {
    margin: auto;
    width: 70%
}

.richtext-colored-text {
    color: var(--Strong-Color)
}

.bloc-media.sticky-media {
    position: -webkit-sticky;
    position: sticky;
    top: 100px
}

.bloc-medias {
    position: relative
}

.bloc-medias .image {
    display: block!important
}

.bloc-medias .image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.bloc-medias .image a {
    background-color: #98cb75;
    color: #fff;
    display: flex;
    font-size: 15px;
    height: 41px;
    justify-content: center;
    padding-top: 12px;
    position: absolute;
    right: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45px
}

.bloc-medias .image em,
.bloc-medias .image figcaption {
    color: #5b6770;
    font-size: 12px;
    line-height: 16px;
    margin: 12px 0 6px
}

.bloc-medias .slick-arrow {
    background: #98cb75;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 41px;
    padding-left: 3px;
    padding-top: 12px;
    position: absolute;
    text-align: center;
    top: 46.3%;
    width: 45px
}

.bloc-medias .slick-arrow.slick-arrow-next {
    right: -25px
}

.bloc-medias .slick-arrow.slick-arrow-prev {
    left: -20px;
    z-index: 1
}

@media screen and (max-width: 420px) {
    .bloc-medias .slick-arrow.slick-arrow-prev {
        left: -24px
    }
}

.bloc-medias .slick-arrow.slick-disabled {
    display: none!important
}

.bloc-medias .slick-dots {
    bottom: 31px;
    display: block!important;
    left: 0;
    margin: 10px 0 23px;
    padding: 0;
    right: 0;
    text-align: center
}

.bloc-medias .slick-dots li {
    display: inline-block
}

.bloc-medias .slick-dots li button {
    background: #e1e4e6;
    border: 0;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 4px;
    margin: 0 8px;
    padding: 0;
    width: 4px
}

.bloc-medias .slick-dots li.slick-active button {
    background: #191e33;
    box-shadow: none;
    outline: 0
}

.bloc-medias .slick-slide {
    margin: 0 2px
}

.bloc-medias .slick-list {
    margin: 0 -2px
}

.full .bloc-medias .image figcaption {
    padding-left: 10px
}

.full .bloc-medias .slick-arrow.slick-arrow-next {
    right: 0
}

.full .bloc-medias .slick-arrow.slick-arrow-prev {
    left: 0
}

@media screen and (max-width: 420px) {
    .full .bloc-medias .slick-arrow.slick-arrow-prev {
        left: 0
    }
}

.portrait .bloc-medias .image img {
    max-height: 590px;
    width: 82%
}

.portrait .bloc-medias .image figcaption {
    max-width: 82%
}

@media screen and (max-width: 959px) {
    .portrait .bloc-medias .image figcaption {
        max-width: 100%
    }
}

.portrait .bloc-medias .slick-arrow.slick-arrow-next {
    left: 78.5%
}

.portrait .bloc-medias .slick-dots {
    width: 80%
}

.expandable-fragment {
    background-color: var(--Secondary-light-2-Color);
    padding: 60px 0 40px
}

@media(max-width: 575px) {
    .expandable-fragment {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 22px;
        padding-right: 22px
    }
}

.expandable-fragment.v-image {
    padding: 70px 40px;
    position: relative
}

@media(max-width: 575px) {
    .expandable-fragment.v-image {
        margin-left: -24px;
        margin-right: -24px
    }
}

.expandable-fragment.v-image .expandable-fragment-bg picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.expandable-fragment.v-image .expandable-fragment-bg picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    width: 100%
}

.expandable-fragment.v-image .expandable-fragment-body {
    background-color: var(--Secondary-light-2-Color);
    padding: 64px 30px 60px;
    position: relative
}

.expandable-fragment.v-image.v-50 {
    align-items: flex-end;
    display: flex;
    min-height: 640px;
    padding: 0
}

.expandable-fragment.v-image.v-50 .expandable-fragment-body {
    margin: 25px auto;
    padding: 35px 40px;
    position: relative;
    width: calc(100% - 50px)
}

.expandable-fragment.v-image.v-50 .expandable-fragment-category * {
    font-size: 14px;
    letter-spacing: 4px;
    line-height: 16px
}

.expandable-fragment.v-image.v-50 .expandable-fragment-title {
    margin-bottom: 35px
}

.expandable-fragment.v-image.v-50 .expandable-fragment-title * {
    font-size: 32px;
    line-height: 40px
}

.expandable-fragment.v-image.v-50 .expandable-fragment-content .bloc-contenu li,
.expandable-fragment.v-image.v-50 .expandable-fragment-content .bloc-contenu p {
    font-size: 18px;
    line-height: 28px
}

.expandable-fragment.v-image.v-50 .expandable-fragment-content .bloc-contenu .custom-col-left,
.expandable-fragment.v-image.v-50 .expandable-fragment-content .bloc-contenu .custom-col-right {
    flex: 0 0 100%;
    margin: 0;
    max-width: 100%;
    width: 100%
}

.expandable-fragment.v-image.v-50 .expandable-fragment-controls * {
    font-size: 17px
}

.expandable-fragment svg {
    display: none
}

.expandable-fragment-header {
    text-align: center
}

.expandable-fragment-image {
    display: none
}

.expandable-fragment-category {
    margin-bottom: 16px
}

.expandable-fragment-category * {
    color: var(--Strong-Color);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 20px;
    text-transform: uppercase
}

.expandable-fragment-title {
    margin: 0 auto 40px;
    width: 530px
}

@media(max-width: 992px) {
    .expandable-fragment-title {
        margin-bottom: 20px;
        width: 100%
    }
}

.expandable-fragment-title * {
    color: #191e33;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

@media(max-width: 992px) {
    .expandable-fragment-title * {
        font-size: 22px
    }
}

.expandable-fragment-meta {
    margin-bottom: 40px
}

.expandable-fragment-meta * {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    text-transform: uppercase
}

.expandable-fragment-author {
    margin-right: 5px
}

.expandable-fragment-cta {
    text-align: center
}

.expandable-fragment-content {
    display: none;
    margin: auto;
    width: 992px
}

@media(max-width: 1199px) {
    .expandable-fragment-content {
        width: 100%
    }
}

.expandable-fragment-content .bloc-contenu {
    display: inline-block;
    margin-bottom: 40px;
    padding: 0;
    width: 100%
}

@media(max-width: 992px) {
    .expandable-fragment-content .bloc-contenu {
        width: 100%!important
    }
}

.expandable-fragment-content .bloc-contenu .titre-3,
.expandable-fragment-content .bloc-contenu h3 {
    color: var(--Strong-Color);
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 20px
}

@media(max-width: 992px) {
    .expandable-fragment-content .bloc-contenu .titre-3,
    .expandable-fragment-content .bloc-contenu h3 {
        margin-bottom: 15px
    }
}

.expandable-fragment-content .bloc-contenu p {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px;
    padding-left: 0
}

@media(max-width: 992px) {
    .expandable-fragment-content .bloc-contenu p {
        text-align: inherit!important
    }
}

.expandable-fragment-content .bloc-contenu .custom-col-left,
.expandable-fragment-content .bloc-contenu .custom-col-right {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: calc(50% - 24px)
}

@media(max-width: 992px) {
    .expandable-fragment-content .bloc-contenu .custom-col-left,
    .expandable-fragment-content .bloc-contenu .custom-col-right {
        display: block;
        flex: 0 0 100%;
        margin: 0;
        max-width: 100%;
        padding: 0;
        width: 100%
    }
    .expandable-fragment-content .bloc-contenu .custom-col-left.w-50,
    .expandable-fragment-content .bloc-contenu .custom-col-right.w-50 {
        width: 100%!important
    }
}

@media(min-width: 993px) {
    .expandable-fragment-content .bloc-contenu .custom-col-left {
        margin-right: 22px
    }
    .expandable-fragment-content .bloc-contenu .custom-col-right {
        margin-left: 22px
    }
}

.expandable-fragment-more {
    margin-bottom: 40px;
    text-align: center
}

.expandable-fragment-more.text-left {
    text-align: left
}

.expandable-fragment-more.text-center {
    text-align: center
}

.expandable-fragment-more.text-right {
    text-align: right
}

.expandable-fragment-more * {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    position: relative
}

.expandable-fragment-more :before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.expandable-fragment-more :hover {
    border-bottom: 0 solid #98cb75;
    color: #98cb75;
    text-decoration: none
}

.expandable-fragment-more :hover:before {
    left: 0;
    width: 100%
}

.expandable-fragment-more .read-less,
.expandable-fragment-more :hover:after {
    display: none
}

.expandable-fragment-controls {
    text-align: center
}

.expandable-fragment-controls * {
    color: var(--Strong-Color);
    display: inline-block;
    font-size: 40px
}

.expandable-fragment-controls :hover {
    color: var(--Strong-Color)
}

.expandable-fragment-controls .show-less {
    display: none
}

.expandable-fragment.v-50 .bloc-contenu {
    margin-bottom: 40px;
    width: 100%!important
}

.expandable-fragment.v-50 .custom-col {
    display: block;
    padding: 0;
    width: 100%
}

.expandable-fragment.v-50 .expandable-fragment-content,
.expandable-fragment.v-50 .expandable-fragment-title {
    max-width: 464px;
    width: unset
}

@media(max-width: 992px) {
    .expandable-fragment.v-50 .expandable-fragment-content,
    .expandable-fragment.v-50 .expandable-fragment-title {
        max-width: 100%;
        width: unset
    }
}

.col-lg-6.full .expandable-fragment.v-50 {
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.faq {
    background: var(--Light-2-Color);
    padding: 80px 0
}

.faq .ic-title {
    display: none
}

.faq__title {
    margin-bottom: 18px
}

.faq__title * {
    -webkit-animation-delay: 1s;
    color: #191e33;
    display: block;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 3.7px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

.faq__bg {
    display: none
}

.faq__sub-title {
    -webkit-animation-delay: 1.5s;
    margin: 0 auto;
    width: 38%
}

.faq__sub-title * {
    color: var(--Strong-Color);
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center
}

.faq__desc {
    -webkit-animation-delay: 2s;
    margin: auto;
    width: 65%
}

.faq__desc p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 25px
}

.faq__content {
    margin: 60px auto 0;
    width: 82.5%
}

.accordion-faq__item {
    border-bottom: 1.28px solid rgba(25, 30, 51, .2)
}

.accordion-faq__item:first-child {
    border-top: 1.28px solid rgba(25, 30, 51, .2)
}

.accordion-faq__item:last-child {
    border-bottom: none
}

.accordion-faq__item a.collapsed.accordion-faq__btn_open {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    visibility: visible
}

.accordion-faq__item a.collapsed.accordion-faq__btn_close {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.accordion-faq__item a.accordion-faq__btn_open,
.accordion-faq__item a.collapsed.accordion-faq__btn_close {
    opacity: 0;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    visibility: hidden
}

.accordion-faq__item a.accordion-faq__btn_open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-faq__item a.accordion-faq__btn_close {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    visibility: visible
}

.accordion-faq .collapsing {
    transition: height .3s ease-in-out
}

.accordion-faq__header {
    padding: 27px 60px 27px 32px;
    position: relative
}

.accordion-faq__header h2 {
    margin: 0;
    padding: 0
}

.accordion-faq__body {
    padding: 0 32px
}

.accordion-faq__body p {
    color: #191e33;
    font-size: 1.4rem;
    line-height: 23px;
    margin-bottom: 22px
}

.accordion-faq__body p:last-child {
    margin-bottom: 22px
}

.accordion-faq__btn {
    background: none;
    border: none;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    padding: 0;
    text-align: left;
    width: 100%
}

.accordion-faq__btn:focus,
.accordion-faq__btn:hover {
    background: none;
    border: none;
    outline: none
}

.accordion-faq__btn a {
    cursor: pointer
}

.accordion-faq__btn a.accordion-faq__btn_close,
.accordion-faq__btn a.accordion-faq__btn_open,
.accordion-faq__btn a.tg_frequentlyAskedQuestions_questions_arrow {
    margin-top: -16px;
    position: absolute;
    right: 10px;
    top: 50%
}

.accordion-faq__btn a.accordion-faq__btn_close i,
.accordion-faq__btn a.accordion-faq__btn_open i,
.accordion-faq__btn a.tg_frequentlyAskedQuestions_questions_arrow i {
    color: #191e33;
    cursor: pointer;
    font-family: initial;
    font-size: 1.6rem;
    line-height: 1
}

.main-content {
    padding: 80px 0;
    width: 67.4%
}

.aside-content {
    width: 32.6%
}

@media(min-width: 768px) {
    .aside-content {
        padding-top: 48px
    }
}

.items-faq {
    margin-bottom: 30px;
    padding-left: 27px
}

.items-faq:last-of-type {
    margin-bottom: 0
}

.items-faq:first-child .items-faq__title {
    padding-top: 0
}

.items-faq__title {
    margin-bottom: 38px;
    padding-top: 40px
}

.items-faq__title .ic-title {
    display: none
}

.items-faq__title>h2 {
    font-size: 24px;
    letter-spacing: 4px;
    line-height: 32px;
    margin-bottom: 14px;
    text-align: left
}

.items-faq__stitle,
.items-faq__title>h2 {
    font-weight: 500;
    text-transform: uppercase
}

.items-faq__stitle {
    color: #191e33;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 16px;
    margin-bottom: 24px;
    padding-left: 32px
}

.items-faq__sub-title {
    color: #98cb75;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 32px;
    max-width: 85%
}

.footer-newsletter {
    font-family: var(--pf-primary-font), sans-serif;
    font-weight: 400;
    text-align: center
}

.footer-newsletter--picto {
    margin-bottom: 25px
}

.footer-newsletter--title {
    color: #191e33;
    font-size: 20px;
    letter-spacing: 4px;
    line-height: 24px;
    margin-bottom: 20px
}

.footer-newsletter--subtitle {
    color: #98cb75;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    margin-bottom: 26px;
    text-align: center
}

.footer-newsletter--btn {
    display: flex;
    justify-content: center;
    width: 100%
}

.footer-newsletter--btn a {
    align-items: center;
    border: 1px solid #191e33;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 19px 11px 19px 19px;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    width: 365px
}

@media(min-width: 993px) {
    .footer-newsletter--btn a {
        font-size: 10px
    }
}

@media(min-width: 1200px) {
    .footer-newsletter--btn a {
        font-size: 14px
    }
}

.footer-newsletter--btn a:after {
    color: #98cb75;
    content: "";
    font-family: icomoon, sans-serif;
    font-size: 14px;
    margin-left: 5px;
    position: relative
}

.footer-newsletter--btn a:hover {
    background: #191e33;
    color: #fff
}

.block-golden-question {
    background-color: #f5f7fa;
    margin-top: 60px;
    padding: 0 59px
}

@media(max-width: 992px) {
    .block-golden-question {
        margin-left: -24px;
        margin-right: -24px;
        padding: 0
    }
}

.block-golden-question-accordion .card {
    background-color: #f5f7fa;
    border: 0;
    border-radius: 0;
    padding: 0;
    position: relative
}

.block-golden-question-accordion .card>h2 {
    text-align: left
}

.block-golden-question-accordion .card>h2 a {
    align-items: center;
    color: #191e33;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 37px 0;
    position: relative
}

@media(max-width: 992px) {
    .block-golden-question-accordion .card>h2 a {
        font-size: 16px;
        letter-spacing: .6px;
        line-height: 20px;
        padding: 30px 23px
    }
}

.block-golden-question-accordion .card>h2 a[aria-expanded=false]:after,
.block-golden-question-accordion .card>h2 a[aria-expanded=true]:after {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: background 0s ease-in-out .1s;
    width: 100%
}

.block-golden-question-accordion .card>h2 a[aria-expanded=false]:after {
    background: transparent
}

.block-golden-question-accordion .card>h2 a[aria-expanded=true]:after {
    background: #191e33
}

.block-golden-question-accordion .card>h2 a .ic-info {
    border: 1px solid rgba(0, 56, 29, .2);
    border-radius: 50%;
    color: #191e33;
    font-family: Rakkas;
    font-size: 12px;
    font-weight: 900;
    height: 24px;
    line-height: 20px;
    margin-right: 20px;
    margin-top: 4px;
    text-align: center;
    width: 24px
}

@media(max-width: 992px) {
    .block-golden-question-accordion .card>h2 a .ic-info {
        margin-right: 17px
    }
}

.block-golden-question-accordion .card>h2 a .more-less-toggle {
    color: #98cb75;
    font-size: 21px
}

.block-golden-question-accordion .card>h2 a .q-title {
    color: #191e33;
    flex: 1;
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px
}

@media(max-width: 992px) {
    .block-golden-question-accordion .card>h2 a .q-title {
        font-size: 16px;
        letter-spacing: .6px;
        line-height: 20px
    }
}

.block-golden-question-accordion .card>h2 .ingredient .ingredient-widget .ingredient-small-header a .ingredient-btn.minus,
.block-golden-question-accordion .card>h2 .ingredient .ingredient-widget .ingredient-small-header a .ingredient-btn.plus,
.block-golden-question-accordion .card>h2 a .icon-minus,
.block-golden-question-accordion .card>h2 a .icon-plus,
.block-golden-question-accordion .card>h2 a .nav-sites__title,
.ingredient .ingredient-widget .ingredient-small-header .block-golden-question-accordion .card>h2 a .ingredient-btn.minus,
.ingredient .ingredient-widget .ingredient-small-header .block-golden-question-accordion .card>h2 a .ingredient-btn.plus {
    display: block
}

.block-golden-question-accordion .card>h2 a.golden-question-plus {
    display: flex
}

.block-golden-question-accordion .card>h2 a.golden-question-minus,
.block-golden-question-accordion .card>h2 a:not(.collapsed).golden-question-plus {
    display: none
}

.block-golden-question-accordion .card>h2 a:not(.collapsed).golden-question-minus {
    display: flex
}

.block-golden-question-accordion .card-body {
    background-color: #f5f7fa;
    font-size: 16px;
    line-height: 24px;
    padding: 24px 0
}

@media(max-width: 992px) {
    .block-golden-question-accordion .card-body {
        padding: 34px 0 64px
    }
    .block-golden-question .bloc-contenu {
        padding: 0 24px
    }
}

.block-golden-question .bloc-contenu .separator-richtext {
    position: relative
}

@media(max-width: 992px) {
    .block-golden-question .bloc-contenu .separator-richtext:after,
    .block-golden-question .bloc-contenu .separator-richtext:before {
        background: #191e33;
        content: "";
        height: 1px;
        position: absolute;
        top: 0;
        width: 24px
    }
    .block-golden-question .bloc-contenu .separator-richtext:before {
        left: -24px
    }
    .block-golden-question .bloc-contenu .separator-richtext:after {
        right: -24px
    }
}

.haut-page-builder {
    background-color: var(--Secondary-light-2-Color);
    min-height: 332px;
    padding: 100px 0;
    position: relative;
    text-align: center
}

@media(max-width: 992px) {
    .haut-page-builder {
        min-height: 256px;
        padding: 80px 0
    }
}

.haut-page-builder--img {
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.haut-page-builder.parallax .haut-page-builder--img img {
    height: 200%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100vw
}

.haut-page-builder .hp-heading {
    position: relative
}

.haut-page-builder .hp-heading-img {
    display: none
}

.haut-page-builder .hp-heading-title h1 {
    color: #191e33;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 44px;
    margin: auto;
    text-align: center;
    width: 784px
}

@media(max-width: 992px) {
    .haut-page-builder .hp-heading-title h1 {
        font-size: 23px;
        letter-spacing: 0;
        line-height: 32px;
        width: 100%
    }
}

.haut-page-builder .hp-heading-title h1 sup {
    font-family: sans-serif;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-left: 2px;
    top: -.7em
}

@media(max-width: 992px) {
    .haut-page-builder .hp-heading-title h1 sup {
        font-family: sans-serif;
        font-size: 14px;
        letter-spacing: 2px;
        margin-left: 1px;
        top: -.5em
    }
}

.haut-page-builder .hp-heading-title-parent {
    color: var(--Strong-Color);
    display: block;
    font-size: 18px;
    letter-spacing: 4px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .haut-page-builder .hp-heading-title-parent {
        font-size: 16px;
        letter-spacing: 3.2px;
        margin-bottom: 12px
    }
}

.haut-page-builder .hp-heading-description {
    margin: 27px auto auto;
    width: 576px
}

@media(max-width: 992px) {
    .haut-page-builder .hp-heading-description {
        margin-top: 30px;
        max-width: 316px;
        width: 100%
    }
}

.haut-page-builder .hp-heading-description p {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

@media(max-width: 992px) {
    .haut-page-builder .hp-heading-description p {
        font-size: 16px;
        letter-spacing: .6px;
        line-height: 20px
    }
}

.haut-page-builder.has-background {
    align-items: center;
    background-position: 0 0;
    background-size: cover;
    display: flex
}

@media(max-width: 1199px) {
    .haut-page-builder.has-background {
        background-position: 50%;
        min-height: 259px
    }
}

.haut-page-builder.has-background .hp-heading {
    position: static
}

.haut-page-builder.has-background .hp-heading:before {
    background: rgba(0, 0, 0, .09);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.haut-page-builder.has-background .hp-heading-img {
    display: none
}

.haut-page-builder.has-background h1,
.haut-page-builder.has-background h1 span,
.haut-page-builder.has-background p,
.haut-page-builder.has-background span {
    color: #fff;
    position: relative
}

.haut-page-diagnostic {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 500px;
    padding: 40px 0;
    position: relative
}

.haut-page-diagnostic-bg {
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.haut-page-diagnostic-bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.haut-page-diagnostic-content {
    margin: 0 auto;
    position: relative
}

.haut-page-diagnostic-content-title {
    margin-bottom: 14px
}

.haut-page-diagnostic-content-title * {
    color: #fff;
    font-size: 52px;
    font-weight: 500;
    letter-spacing: 1.3px;
    line-height: 54px;
    text-align: center
}

.haut-page-diagnostic-content-meta {
    margin-bottom: 16px;
    text-align: center
}

.haut-page-diagnostic-content-meta * {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding-left: 35px;
    position: relative
}

.haut-page-diagnostic-content-meta :before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='%23fff'%3E%3Cpath d='M188.4 2.5c-5.4 2.7-9.1 7.4-10.5 13.2-1.5 6.6-1.1 43.3.5 48.8C181.6 75 189.3 79 206.6 79h10.1l.6 3.6c.8 4.6 4 9.4 8.5 12.5 3.5 2.4 3.7 2.4 30.2 2.4s26.7 0 30.2-2.4c4.5-3.1 7.7-7.9 8.5-12.5l.6-3.6h10.1c17.3 0 25-4 28.2-14.5 1.6-5.5 2-42.2.5-48.8-1.4-5.8-5.1-10.5-10.5-13.2l-5-2.5H193.4l-5 2.5zM390.7 112.8 376 127.5l24 24 24 24 15-15 15-15-23.7-23.7C417.2 108.7 406.3 98 406 98c-.3 0-7.2 6.6-15.3 14.8zM232 123.6c-43.6 5.9-82.5 25.1-112.7 55.6-28.9 29.2-46.9 64.4-54 106.1-2.5 14.2-2.4 45.2 0 59.7 7 41.6 25.3 77.4 54.3 106.4C188 519.8 295.3 527 373 468.5c39-29.4 65.2-73.3 73.7-123.5 2.4-14.5 2.5-45.5 0-59.7-6-35.3-20.3-66.9-42-93.3-11.3-13.7-31.9-31.7-47-40.9C319.8 128 274.1 118 232 123.6zm46 45.8c32.3 5.3 59.3 19.1 81.9 41.7 22.9 22.9 37.2 51.2 42 83.6 1.5 10 1.3 33.1-.3 43.4-10.4 63-59.7 112.3-122.6 122.5-18.6 3-44.7 1.5-62.3-3.5-28-8.1-53.1-23.9-71.4-45.1-24.1-27.9-36.2-60.2-36.3-96.8 0-25.4 4.9-45.8 16.5-68 7.3-14 15.2-24.7 26.6-36.1 22.3-22.3 49.3-36.2 80.9-41.6 10.3-1.7 34.6-1.8 45-.1z'/%3E%3Cpath d='M253.7 192.1c-1.6.4-3.5 1.3-4.3 2-3.9 3.2-4.2 6.1-6.4 47.5-1.7 34.5-2.3 41.1-3.6 41.9-15 9.6-21.5 24.7-17.5 41.1 2.5 10.3 13.6 21.6 24 24.5 2.4.7 6.9 1.2 10.1 1.2 7.8 0 13.5-1.7 19.9-6.2 13.4-9.1 18.8-26.2 13.1-41.3-2.9-7.8-7.9-13.7-16.3-19.3-1.2-.8-1.8-7.9-3.2-41.5-1.7-41.1-2.2-44.9-6-48-2.2-1.8-6.8-2.7-9.8-1.9z'/%3E%3C/g%3E%3C/svg%3E");
    content: "";
    height: 27px;
    left: 0;
    position: absolute;
    top: -4px;
    width: 27px
}

.haut-page-diagnostic-content-excerpt {
    margin: 0 auto 37px;
    max-width: 576px
}

.haut-page-diagnostic-content-excerpt * {
    color: #fff;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    text-align: center
}

.haut-page-diagnostic-content-cta {
    text-align: center
}

.haut-page-diagnostic-content-cta * {
    background-color: #00381d;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 16px;
    min-width: 316px;
    padding: 18px 25px;
    text-align: center;
    transition: all .2s ease
}

.haut-page-diagnostic-content-cta :hover {
    background-color: #fff;
    color: #353535;
    transition: all .2s ease
}

.haut-page-diagnostic.v-light .haut-page-diagnostic-content :not(.haut-page-diagnostic-content-cta) * {
    color: #fff
}

.haut-page-diagnostic.v-light .haut-page-diagnostic-content .haut-page-diagnostic-content-cta * {
    background-color: #98cb75;
    color: #fff
}

@media(min-width: 768px) {
    .haut-page-diagnostic.v-light .haut-page-diagnostic-content .haut-page-diagnostic-content-cta * {
        margin-left: 9px;
        margin-right: 7px
    }
}

.haut-page-diagnostic.v-light .haut-page-diagnostic-content .haut-page-diagnostic-content-cta :hover {
    background-color: #191e33;
    color: #fff
}

.haut-page-diagnostic.v-dark .haut-page-diagnostic-content .haut-page-diagnostic-content-meta :before {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.haut-page-diagnostic.v-dark .haut-page-diagnostic-content :not(.haut-page-diagnostic-content-cta) * {
    color: #000
}

.haut-page-diagnostic.diag-result {
    min-height: 500px
}

@media(min-width: 768px) {
    .haut-page-diagnostic.diag-result {
        padding-bottom: 135px;
        padding-top: 160px
    }
}

.haut-page-diagnostic.diag-result .haut-page-diagnostic-content-title * {
    color: #fff
}

@media(min-width: 768px) {
    .haut-page-diagnostic.diag-result .haut-page-diagnostic-content-link {
        margin-bottom: 20px;
        text-align: center
    }
}

.haut-page-diagnostic.diag-result .haut-page-diagnostic-content-link * {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    padding-bottom: 5px
}

@media(min-width: 768px) {
    .haut-page-diagnostic.diag-result .haut-page-diagnostic-content-link * {
        font-size: 16px;
        letter-spacing: .6px;
        line-height: 20px
    }
}

.haut-page-diagnostic.diag-result .haut-page-diagnostic-content-excerpt {
    margin-bottom: 0
}

.haut-page-diagnostic.diag-result .haut-page-diagnostic-content-excerpt * {
    color: #fff;
    font-size: 24px;
    line-height: 32px
}

.haut-page-dossier-expert {
    background-color: var(--Secondary-Color);
    background-position: 0 0;
    background-size: cover;
    margin: auto;
    max-width: 1440px;
    position: relative
}

@media(max-width: 1199px) {
    .haut-page-dossier-expert {
        background-position: 50%
    }
}

.haut-page-dossier-expert.v-dark * {
    color: #212529
}

.haut-page-dossier-expert-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 460px;
    padding: 30px 0;
    position: relative
}

.haut-page-dossier-expert-inner .summary--btn {
    align-items: center;
    background: var(--Light-2-Color);
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    margin-bottom: 17px;
    margin-top: 26px;
    padding: 7px 13px
}

.haut-page-dossier-expert-inner .summary--btn span {
    color: var(--Secondary-Color);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase
}

.haut-page-dossier-expert-inner .summary--btn i {
    color: var(--Secondary-Color);
    font-size: 15px;
    margin-left: 10px
}

.haut-page-dossier-expert-inner p {
    color: var(--Light-3-Color);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 20px
}

.haut-page-dossier-expert-inner p a {
    color: var(--Light-3-Color);
    display: inline-block;
    text-decoration: underline
}

.haut-page-dossier-expert--img {
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.haut-page-dossier-expert.parallax .haut-page-dossier-expert--img img {
    height: 200%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100vw
}

.haut-page-dossier-expert--title {
    margin-bottom: 21px
}

.haut-page-dossier-expert--title * {
    color: var(--Light-3-Color);
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 44px
}

.haut-page-dossier-expert--title.v-dark * {
    color: #212529
}

.haut-page-dossier-expert--title.v-light * {
    color: #fff
}

.haut-page-dossier-expert--link {
    text-transform: none!important
}

.haut-page-dossier-expert--link,
.haut-page-dossier-expert--link * {
    color: var(--Light-3-Color);
    font-size: 14px!important;
    line-height: 18px!important
}

.haut-page-dossier-expert--link a {
    color: var(--Light-3-Color);
    display: inline-block;
    text-decoration: underline
}

.haut-page-dossier-expert.large .haut-page-dossier-expert-inner {
    min-height: 460px
}

.haut-page-dossier-expert.large .haut-page-dossier-expert-inner .summary--btn {
    margin: -10px auto 28px
}

.haut-page-dossier-expert.v-overlay:after {
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.haut-page-dossier-expert.v-overlay .haut-page-dossier-expert-inner {
    z-index: 2
}

.mt-44 {
    margin-top: 0
}

@media(max-width: 992px) {
    .mt-44 {
        margin-top: -22px
    }
}

.haut-page-facette {
    margin: auto;
    max-width: 1440px;
    position: relative
}

.haut-page-facette.bg-graylight {
    background-color: #f4f5f6
}

.haut-page-facette.parallax .haut-page-facette--wrapper-parallax {
    height: 269px;
    position: relative
}

@media(min-width: 993px) {
    .haut-page-facette.parallax .haut-page-facette--wrapper-parallax {
        height: 350px
    }
}

.haut-page-facette.parallax .haut-page-facette--img {
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.haut-page-facette.parallax .haut-page-facette--img img {
    height: 200%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100vw
}

.haut-page-facette .haut-page-facette--wrapper-parallax .haut-page-facette---wrapper-inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 350px;
    padding: 30px 80px;
    position: relative
}

@media(max-width: 992px) {
    .haut-page-facette .haut-page-facette--wrapper-parallax .haut-page-facette---wrapper-inner {
        min-height: 269px;
        padding: 30px 40px
    }
}

.haut-page-facette .haut-page-facette--wrapper-parallax .haut-page-facette--wrapper-title * {
    color: #fff;
    font-size: 48px;
    font-weight: 500;
    line-height: 58px;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .haut-page-facette .haut-page-facette--wrapper-parallax .haut-page-facette--wrapper-title * {
        font-size: 24px;
        line-height: 32px
    }
}

.haut-page-facette.v-dark .haut-page-facette--wrapper-title * {
    color: #000
}

.haut-page-facette--wrapper {
    min-height: 368px;
    padding-bottom: 59px;
    padding-top: 30px;
    position: relative;
    z-index: 1
}

@media(min-width: 993px) {
    .haut-page-facette--wrapper {
        min-height: 304px
    }
}

.haut-page-facette .mt-25 {
    margin-top: -25px
}

@media(min-width: 993px) {
    .haut-page-facette .mt-25 {
        margin-top: 0
    }
}

.haut-page-facette .pl-14 {
    padding-left: 14px
}

.haut-page-facette .title {
    color: #191e33;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 33px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .haut-page-facette .title {
        font-size: 20px;
        letter-spacing: 4px;
        line-height: 28px
    }
}

.haut-page-facette .title .ic-title,
.haut-page-facette .title>img {
    display: none
}

.haut-page-facette .title span {
    display: block;
    font-weight: 500;
    margin-top: 27px
}

@media(max-width: 992px) {
    .haut-page-facette .title span {
        margin-top: 28px;
        padding-left: 11px
    }
}

.haut-page-facette .sub-title {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin: 12px auto 25px;
    max-width: 65%;
    opacity: .5;
    padding-left: 7px;
    text-align: center
}

@media(max-width: 992px) {
    .haut-page-facette .sub-title {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 18px;
        margin-top: 16px;
        max-width: 100%;
        text-align: center
    }
}

.haut-page-facette .sub-title i {
    display: none
}

@media(max-width: 992px) {
    .haut-page-facette .sub-title i {
        display: block;
        font-size: 8px;
        margin: 11px 0 0 -2px
    }
}

.haut-page-facette-cta {
    margin: 0;
    padding: 0;
    text-align: center
}

@media(max-width: 992px) {
    .haut-page-facette-cta {
        margin: -5px -5px -8px
    }
}

.haut-page-facette-cta li {
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 8px
}

.haut-page-facette-cta li:last-child {
    margin-right: 0
}

.haut-page-facette-cta li a,
.haut-page-facette-cta li span {
    border: 1px solid rgba(25, 30, 51, .2);
    border-radius: 20px;
    color: #191e33;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 15px;
    margin-left: 6px;
    margin-top: 5px;
    padding: 8px 13px 8px 8px
}

@media(max-width: 992px) {
    .haut-page-facette-cta li a,
    .haut-page-facette-cta li span {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 16px;
        margin-left: 9px
    }
}

.haut-page-facette-cta li a i,
.haut-page-facette-cta li span i {
    margin: 0 8px 0 0
}

.haut-page-facette-cta li a div,
.haut-page-facette-cta li span div {
    display: inline-block;
    font-size: 8px;
    left: -4px;
    position: relative;
    top: 2px;
    -webkit-transform: rotate(90deg)!important;
    transform: rotate(90deg)!important
}

.haut-page-facette-cta li.active a,
.haut-page-facette-cta li.active span {
    background-color: #98cb75
}

.haut-page-famille {
    padding-bottom: 37px
}

@media(max-width: 992px) {
    .haut-page-famille {
        padding-bottom: 25px
    }
}

.haut-page-famille__path {
    padding-left: 0;
    padding-top: 8px
}

@media(max-width: 992px) {
    .haut-page-famille__path {
        display: none
    }
}

.haut-page-famille__path li {
    display: inline-block
}

.haut-page-famille__path li a,
.haut-page-famille__path li span {
    display: inline-block;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px;
    margin-right: 7px;
    text-transform: uppercase
}

.haut-page-famille__path .oval {
    color: #98cb75;
    font-size: 26px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.haut-page-famille__header {
    padding-bottom: 61px
}

@media(max-width: 992px) {
    .haut-page-famille__header {
        padding-bottom: 47px
    }
}

.haut-page-famille__header__title {
    margin-bottom: 9px;
    margin-right: 2px;
    margin-top: 22px
}

@media(max-width: 992px) {
    .haut-page-famille__header__title {
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        padding-top: 75px
    }
}

.haut-page-famille__header__title h1 {
    color: #191e33;
    font-size: 24px;
    letter-spacing: 3.6px;
    line-height: 20px
}

.haut-page-famille__header__title h1 img {
    margin-left: 107px
}

@media(max-width: 992px) {
    .haut-page-famille__header__title h1 {
        font-size: 20px
    }
    .haut-page-famille__header__title h1 img {
        margin-bottom: 29px;
        margin-left: 90px
    }
}

.haut-page-famille__header__title h2 {
    color: #191e33;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    opacity: .5;
    width: 784px
}

@media(max-width: 992px) {
    .haut-page-famille__header__title h2 {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 13px;
        width: 316px
    }
    .haut-page-famille__header__title h2:not(.fullDisplay) {
        max-height: 36px;
        overflow: hidden;
        position: relative
    }
}

.haut-page-famille__header__list-famille {
    margin-left: 7px;
    padding: 0;
    text-align: center
}

@media(max-width: 992px) {
    .haut-page-famille__header__list-famille {
        margin-left: 0
    }
}

.haut-page-famille__header__list-famille__item {
    background-color: #191e33;
    border-radius: 22px;
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 7px
}

@media(max-width: 992px) {
    .haut-page-famille__header__list-famille__item {
        margin-bottom: 8px;
        margin-right: 8px
    }
}

.haut-page-famille__header__list-famille__item a {
    border: 1px solid rgba(25, 30, 51, .2);
    color: #191e33;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    padding: 5px 13px 9px 16px
}

.haut-page-famille__header__list-famille__item:last-child {
    margin-right: 0
}

.haut-page-famille__header__list-famille__item:hover {
    background-color: #98cb75;
    cursor: pointer
}

.haut-page-famille__header__list-famille__item.famillyToCollapse {
    display: none
}

.haut-page-famille__header .descriptionCollapseControls {
    justify-content: center;
    margin-bottom: 18px;
    margin-left: 16px;
    margin-right: 21px;
    padding-left: 0
}

@media screen and (min-width: 767px) {
    .haut-page-famille__header .descriptionCollapseControls {
        display: none!important
    }
}

.haut-page-famille__header .descriptionCollapseControls a {
    font-size: 8px
}

.haut-page-famille__btn-filter {
    border: 1px solid rgba(25, 30, 51, .2);
    display: block!important;
    height: 51px;
    margin-right: 0;
    margin-top: 19px;
    padding: 17px 19px
}

.haut-page-famille__btn-filter span {
    color: #212345;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center!important
}

@media(min-width: 993px) {
    .haut-page-famille__btn-filter {
        margin-bottom: 11px
    }
}

.haut-page-famille .background-header {
    background-color: #f4f5f6;
    margin: 0;
    padding: 0
}

@media(max-width: 992px) {
    .haut-page-famille .inline-filter {
        display: none!important
    }
}

.haut-page-famille .mobile-filter {
    padding-left: 22px;
    padding-right: 22px
}

@media(max-width: 992px) {
    .haut-page-famille .mobile-filter {
        margin-bottom: 15px
    }
}

.haut-page-famille .sidenav-filter {
    background-color: #fff2f1;
    height: auto;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: .5s;
    width: 0;
    z-index: 3
}

.haut-page-famille .sidenav-filter__header {
    display: flex;
    justify-content: space-between;
    padding: 24px 19px
}

.haut-page-famille .sidenav-filter__header a,
.haut-page-famille .sidenav-filter__header span {
    color: #191e33;
    display: inline;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
    vertical-align: bottom
}

.haut-page-famille .sidenav-filter__header a i,
.haut-page-famille .sidenav-filter__header span i {
    font-size: 40px;
    margin-left: -22px;
    margin-top: -18px;
    opacity: .43;
    position: absolute
}

.haut-page-famille .sidenav-filter__body {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 56px);
    justify-content: space-between;
    padding: 20px
}

@media(max-width: 992px) {
    .haut-page-filtre {
        display: flex
    }
}

.haut-page-filtre__container__list {
    margin-top: 20px
}

@media(max-width: 992px) {
    .haut-page-filtre__container__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-top: 0
    }
}

.haut-page-filtre__container__list__item {
    background-color: #fff2f1;
    border-radius: 3px;
    display: inline-block;
    margin-right: 20px;
    padding: 6px 7px 6px 13px
}

@media(max-width: 992px) {
    .haut-page-filtre__container__list__item {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 10px;
        margin-right: 8px;
        padding: 5px 6px 6px 13px
    }
}

.haut-page-filtre__container__list__item span {
    color: #191e33;
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    text-transform: uppercase
}

.haut-page-filtre__container__list__item a {
    display: inline-block;
    height: 19px;
    vertical-align: bottom
}

.haut-page-filtre__container__list__item a i {
    color: #98cb75;
    font-size: 25px;
    height: 14px;
    line-height: 16px;
    margin-left: 10px
}

.haut-page-filtre__container__list__item a header .menu-mobile .menu-mobile-toggle i.navbar-toggler-icon.close-icon,
.haut-page-filtre__container__list__item a i.icon-close,
header .menu-mobile .menu-mobile-toggle .haut-page-filtre__container__list__item a i.navbar-toggler-icon.close-icon {
    font-size: 11px
}

.haut-page-filtre__container__list__item:last-child {
    margin-right: 0
}

.sidenav-filter .haut-page-filtre {
    display: block;
    padding: 0
}

@media(max-width: 992px) {
    .sidenav-filter .haut-page-filtre__container__list {
        display: block;
        margin-right: 40px;
        margin-top: 0
    }
    .sidenav-filter .haut-page-filtre__container__list__item {
        margin-right: 0
    }
}

#desktop-filter .haut-page-filtre {
    display: block
}

#desktop-filter .haut-page-filtre [type=checkbox]:not(:checked)+label {
    opacity: 1
}

.haut-page-sous-famille {
    margin: auto;
    max-width: 1440px
}

.haut-page-sous-famille.parallax .haut-page-sous-famille--wrapper-parallax {
    height: 269px;
    position: relative
}

@media(min-width: 993px) {
    .haut-page-sous-famille.parallax .haut-page-sous-famille--wrapper-parallax {
        height: 350px
    }
}

.haut-page-sous-famille.parallax .haut-page-sous-famille--img {
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.haut-page-sous-famille.parallax .haut-page-sous-famille--img img {
    height: 200%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100vw
}

.haut-page-sous-famille .haut-page-sous-famille--wrapper-parallax .haut-page-sous-famille---wrapper-inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 350px;
    padding: 30px 80px;
    position: relative
}

@media(max-width: 992px) {
    .haut-page-sous-famille .haut-page-sous-famille--wrapper-parallax .haut-page-sous-famille---wrapper-inner {
        min-height: 269px;
        padding: 30px 40px
    }
}

.haut-page-sous-famille .haut-page-sous-famille--wrapper-parallax .haut-page-sous-famille--wrapper-title * {
    color: #fff;
    font-size: 48px;
    font-weight: 500;
    line-height: 58px;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .haut-page-sous-famille .haut-page-sous-famille--wrapper-parallax .haut-page-sous-famille--wrapper-title * {
        font-size: 24px;
        line-height: 32px
    }
}

.haut-page-sous-famille.v-dark .haut-page-sous-famille--wrapper-title * {
    color: #000
}

.haut-page-sous-famille__path {
    padding-left: 0;
    padding-top: 8px
}

@media(max-width: 992px) {
    .haut-page-sous-famille__path {
        display: none
    }
}

.haut-page-sous-famille__path li {
    display: inline-block
}

.haut-page-sous-famille__path li a,
.haut-page-sous-famille__path li span {
    display: inline-block;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px;
    margin-right: 7px;
    text-transform: uppercase
}

.haut-page-sous-famille__path .oval {
    color: #98cb75;
    font-size: 26px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.haut-page-sous-famille__header {
    padding-bottom: 56px;
    position: relative
}

@media(max-width: 992px) {
    .haut-page-sous-famille__header {
        padding-bottom: 49px
    }
}

.haut-page-sous-famille__header__title {
    margin-bottom: 40px;
    margin-right: 2px;
    padding-top: 80px
}

@media(max-width: 992px) {
    .haut-page-sous-famille__header__title {
        margin-bottom: 0;
        margin-right: 0;
        padding-top: 100px
    }
}

.haut-page-sous-famille__header__title * {
    color: #191e33;
    font-size: 24px;
    letter-spacing: 3.6px;
    line-height: 20px;
    margin-bottom: 0
}

@media(max-width: 992px) {
    .haut-page-sous-famille__header__title * {
        font-size: 20px
    }
}

.haut-page-sous-famille__header__title .block-heading-title {
    margin-bottom: 20px
}

.haut-page-sous-famille__header__title .block-heading-description {
    margin: 0 auto;
    width: 784px
}

@media screen and (max-width: 1024px) {
    .haut-page-sous-famille__header__title .block-heading-description {
        width: 545px
    }
}

.haut-page-sous-famille__header__title .block-heading-description * {
    color: #191e33;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    opacity: .5;
    width: unset
}

@media screen and (max-width: 1024px) {
    .haut-page-sous-famille__header__title .block-heading-description * {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 22px;
        max-height: 36px;
        overflow: hidden;
        position: relative
    }
    .haut-page-sous-famille__header__title .block-heading-description .expanded {
        max-height: 100%
    }
}

.haut-page-sous-famille__header__list-famille {
    margin-left: 7px;
    padding: 0;
    text-align: center
}

@media(max-width: 992px) {
    .haut-page-sous-famille__header__list-famille {
        margin-left: 0
    }
    .block-heading .haut-page-sous-famille__header__title+.haut-page-sous-famille__header__list-famille {
        margin-top: 15px
    }
}

.haut-page-sous-famille__header__list-famille__item {
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 7px
}

@media(max-width: 992px) {
    .haut-page-sous-famille__header__list-famille__item {
        margin-bottom: 8px;
        margin-right: 8px
    }
}

.haut-page-sous-famille__header__list-famille__item a {
    border: 1px solid rgba(25, 30, 51, .2);
    border-radius: 22px;
    color: #191e33;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    padding: 7px 14.5px;
    transition: all .5s ease-in-out
}

.haut-page-sous-famille__header__list-famille__item a:hover {
    background-color: #98cb75;
    border: 1px solid #98cb75;
    color: #fff;
    cursor: pointer
}

.haut-page-sous-famille__header__list-famille__item:last-child {
    margin-right: 0
}

.haut-page-sous-famille__header__list-famille__item.famillyToCollapse {
    display: none
}

.haut-page-sous-famille__header .descriptionCollapseControls {
    justify-content: center;
    margin-bottom: 18px;
    margin-left: 16px;
    margin-right: 21px;
    padding-left: 0
}

@media screen and (min-width: 1025px) {
    .haut-page-sous-famille__header .descriptionCollapseControls {
        display: none
    }
}

.haut-page-sous-famille__header .descriptionCollapseControls a {
    font-size: 8px
}

.haut-page-sous-famille__btn-filter {
    border: 1px solid rgba(25, 30, 51, .2);
    display: block!important;
    height: 51px;
    margin-right: 0;
    margin-top: 19px;
    padding: 17px 19px
}

.haut-page-sous-famille__btn-filter span {
    color: #212345;
    letter-spacing: 2px;
    text-align: center!important
}

.haut-page-sous-famille .background-header {
    background-color: #f4f5f6;
    margin: 0;
    padding: 0;
    position: relative
}

.haut-page-sous-famille #desktop-filter {
    display: none
}

@media(min-width: 993px) {
    .haut-page-sous-famille #desktop-filter {
        display: block
    }
}

.haut-page-sous-famille #mobile-filter {
    display: block
}

@media(min-width: 993px) {
    .haut-page-sous-famille #mobile-filter {
        display: none
    }
}

@media(max-width: 992px) {
    .haut-page-sous-famille .inline-filter {
        display: none!important
    }
    .haut-page-sous-famille .mobile-filter {
        margin-bottom: 12px
    }
    .haut-page-sous-famille .mobile-filter.fixed {
        left: 0;
        padding: 0;
        position: fixed;
        top: 45px;
        width: 100%;
        z-index: 999
    }
    .haut-page-sous-famille .mobile-filter.fixed .haut-page-famille__btn-filter {
        background: #fff;
        border-color: transparent;
        box-shadow: -1px 4px 11px 1px rgba(0, 0, 0, .2);
        margin: 19px 24px 0
    }
}

.haut-page-sous-famille .sidenav-filter {
    background-color: #fff2f1;
    height: auto;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: .5s;
    width: 0;
    z-index: 999
}

@media(min-width: 993px) {
    .haut-page-sous-famille .sidenav-filter {
        display: none!important
    }
}

.haut-page-sous-famille .sidenav-filter__header {
    display: flex;
    justify-content: space-between;
    padding: 24px 19px 0
}

.haut-page-sous-famille .sidenav-filter__header a,
.haut-page-sous-famille .sidenav-filter__header span {
    color: #191e33;
    display: inline;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
    vertical-align: bottom
}

.haut-page-sous-famille .sidenav-filter__header a i,
.haut-page-sous-famille .sidenav-filter__header span i {
    font-size: 16px;
    margin-left: -19px;
    margin-top: -3px;
    opacity: .43;
    position: absolute
}

.haut-page-sous-famille .sidenav-filter__body {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 56px);
    justify-content: space-between;
    padding: 20px
}

.flex {
    display: flex!important
}

.p-info {
    margin-top: 18px
}

@media screen and (max-width: 496px) {
    .p-info {
        margin-top: 35px
    }
}

.p-info__title {
    font-size: 3.6rem;
    font-weight: 500;
    margin-bottom: 24px
}

@media screen and (max-width: 496px) {
    .p-info__title {
        display: none
    }
}

.p-info__gamme {
    display: block;
    margin-bottom: 25px
}

.p-info__es,
.p-info__gamme {
    font-size: 1.2rem;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase
}

.p-info__es {
    margin-bottom: 6px
}

@media screen and (max-width: 496px) {
    .p-info__es {
        display: none!important
    }
}

.p-info__ap {
    color: #98cb75;
    font-size: 1.6rem;
    line-height: 28px;
    margin-bottom: 16px
}

@media screen and (max-width: 496px) {
    .p-info__ap {
        display: none
    }
}

.p-info__rating {
    margin-bottom: 25px
}

@media screen and (max-width: 496px) {
    .p-info__rating {
        display: none!important
    }
}

.p-info__description {
    font-family: var(--pf-primary-font);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 23px
}

@media screen and (max-width: 496px) {
    .p-info__description {
        font-size: 2rem;
        line-height: 28px;
        margin-bottom: 30px
    }
}

.p-info__option {
    margin-bottom: 15px
}

@media screen and (max-width: 496px) {
    .p-info__option {
        margin-bottom: 22px
    }
}

.p-info__variantes {
    margin-bottom: 26px
}

@media screen and (max-width: 496px) {
    .p-info__variantes {
        margin-bottom: 13px
    }
}

.p-info__variantes span {
    display: inline-flex;
    font-family: var(--pf-primary-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-right: 10px
}

.p-info__variantes .form-check {
    margin-right: 16px
}

.p-info__variantes .form-check label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.p-info__variantes .form-check [type=radio]:checked+label {
    font-family: var(--pf-primary-font);
    font-weight: 900!important
}

.p-info__variantes .form-check [type=radio]:not(:checked)+label {
    opacity: 1
}

.p-info__variantes .form-check [type=radio]:not(:checked)+label.c-out {
    opacity: .3
}

.p-info__pzn {
    color: #212529;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 26px;
    margin-top: -10px;
    opacity: .4
}

.p-info__actions .colored-btn {
    background-color: var(--Strong-Color)!important;
    border-color: var(--Strong-Color)!important;
    color: #fff!important
}

.p-info__actions .btn {
    margin-bottom: 16px;
    margin-right: 11px;
    min-width: 220px
}

@media screen and (max-width: 496px) {
    .p-info__actions .btn {
        width: 100%
    }
}

.p-info__actions .btn:last-child {
    margin-right: 0
}

.p-info__actions .btn i {
    pointer-events: none
}

.p-info__actions .btn:not(.btn-primary):active,
.p-info__actions .btn:not(.btn-primary):focus {
    background-color: #fff;
    color: #191e33
}

.p-info__actions .btn:not(.btn-primary):hover {
    background-color: #191e33;
    color: #fff
}

.p-info__actions .btn:not(.btn-primary) .ic-btn {
    color: #98cb75
}

.p-info__actions .btn.btn-primary:active,
.p-info__actions .btn.btn-primary:focus {
    background-color: var(--Strong-Color)!important;
    border-color: var(--Strong-Color)!important
}

.p-info .list-option {
    padding: 0
}

.p-info .list-option__item {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 47px;
    text-align: center;
    vertical-align: text-top;
    width: 80px
}

@media screen and (max-width: 496px) {
    .p-info .list-option__item {
        margin-bottom: 20px;
        margin-right: 9px;
        width: 45%
    }
}

.p-info .list-option__item:last-child {
    margin-right: 0
}

.p-info .list-option__icon {
    color: #98cb75;
    font-size: 40px
}

.p-info .list-option__icon,
.p-info .list-option__img {
    display: inline-block;
    height: 40px;
    margin-bottom: 7px;
    width: auto
}

.p-info .list-option__label {
    color: #98cb75;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px
}

.p-info .rating-nb a {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 16px;
    margin-left: 0;
    padding-bottom: 5px;
    position: relative
}

.p-info .rating-nb a:before {
    background: #98cb75 repeat scroll 0 0;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.p-info .rating-nb a:hover {
    border-bottom: 0 solid #98cb75;
    color: #98cb75;
    text-decoration: none
}

.p-info .rating-nb a:hover:before {
    left: 0;
    width: 100%
}

.p-info .rating-nb a:hover:after {
    color: #98cb75
}

.block-product-carousel {
    align-items: center;
    display: flex
}

@media screen and (max-width: 496px) {
    .block-product-carousel {
        margin-left: -24px;
        margin-right: -24px
    }
}

.block-product-carousel-thumb {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    width: 12.6275%
}

@media screen and (max-width: 496px) {
    .block-product-carousel-thumb {
        display: none
    }
}

.block-product-carousel-thumb .item {
    border: 0;
    border-right: 2px solid transparent;
    cursor: pointer;
    height: 84px;
    margin-bottom: 9px;
    margin-top: 9px;
    width: 84px!important
}

.block-product-carousel-thumb .item.video-item {
    position: relative
}

.block-product-carousel-thumb .item.video-item:before {
    background-color: #f78674;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMS40OCAxLjQ2MiA1LjA3OCAzLjQ4N0wxLjQ4IDguNDM2VjEuNDYyWiIgc3Ryb2tlPSIjZmZmIi8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    height: 26px;
    left: 27px;
    position: absolute;
    top: 28px;
    width: 26px;
    z-index: 99999999
}

.block-product-carousel-thumb .item img {
    height: inherit;
    margin: 0 auto;
    max-width: 100%;
    width: auto
}

.block-product-carousel-thumb .item.slick-current .item {
    border-right: 2px solid #98cb75
}

.block-product-carousel-thumb .slick-arrow-next {
    bottom: -25px
}

.block-product-carousel-thumb .slick-arrow-next,
.block-product-carousel-thumb .slick-arrow-prev {
    color: #5b6770;
    cursor: pointer;
    font-size: 21px;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 1px;
    text-align: center
}

.block-product-carousel-thumb .slick-arrow-prev {
    top: -25px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.block-product-carousel-image {
    background-color: #f4f5f6;
    display: inline-block;
    position: relative;
    width: 83.712%
}

@media screen and (max-width: 496px) {
    .block-product-carousel-image {
        width: 100%
    }
}

.block-product-carousel-image .slider-for:not(.slick-initialized) .item:not(:first-of-type),
.block-product-carousel-image .slider-for:not(.slick-initialized)+.dots-arrow {
    display: none
}

.block-product-carousel-image .item figure {
    text-align: center
}

.block-product-carousel-image .item figure.containerZoom {
    cursor: pointer!important
}

.block-product-carousel-image .item figure.containerZoom:not(.active) {
    background-color: #f4f5f6;
    background-image: none!important
}

@media screen and (max-width: 496px) {
    .block-product-carousel-image .item figure {
        max-height: 370px
    }
}

.block-product-carousel-image .item figure.active img {
    opacity: 0!important;
    visibility: hidden
}

@media screen and (max-width: 496px) {
    .block-product-carousel-image .item {
        background-color: #f4f5f6;
        height: 370px
    }
}

.block-product-carousel-image .item img {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    margin: 0 auto;
    max-height: inherit;
    max-width: 100%;
    width: auto
}

@media screen and (max-width: 496px) {
    .block-product-carousel-image .item iframe {
        height: 370px!important
    }
}

.block-product-carousel-image .slick-arrow {
    background: #f4f3f1;
    color: #98cb75;
    cursor: pointer;
    font-size: 17px;
    height: 39px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: 49%;
    width: 39px
}

.block-product-carousel-image .slick-arrow:hover {
    background: #98cb75;
    color: #f4f3f1
}

@media screen and (max-width: 496px) {
    .block-product-carousel-image .slick-arrow {
        display: none!important
    }
}

.block-product-carousel-image .slick-arrow-next {
    position: absolute;
    right: 0
}

.block-product-carousel-image .slick-arrow-prev {
    left: 0;
    position: absolute;
    z-index: 1
}

.block-product-carousel-image .slick-dots {
    bottom: 31px;
    display: none!important;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center
}

@media screen and (max-width: 496px) {
    .block-product-carousel-image .slick-dots {
        display: block!important
    }
}

.block-product-carousel-image .slick-dots li {
    display: inline-block
}

.block-product-carousel-image .slick-dots li button {
    background: #d8d8d8;
    border: 0;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 5px;
    margin: 0 3px;
    padding: 0;
    width: 5px
}

.block-product-carousel-image .slick-dots li.slick-active button {
    background: #191e33;
    box-shadow: none;
    outline: 0
}

.block-product-carousel .haut-carousel {
    margin: 0 24px
}

@media screen and (max-width: 496px) {
    .block-product-carousel-tag {
        display: flex;
        justify-content: center
    }
}

.block-product-carousel-tag span {
    background: #fff;
    color: #98cb75;
    font-family: var(--pf-primary-font);
    font-size: 10px;
    font-weight: 500;
    height: 20px;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 0 4px 0 7px;
    position: absolute;
    right: 13px;
    text-align: center;
    text-transform: uppercase;
    top: 13px;
    z-index: 1
}

@media screen and (max-width: 496px) {
    .block-product-carousel-tag span {
        margin-bottom: 26px;
        position: relative;
        right: unset
    }
}

.block-product-carousel-title {
    text-align: center
}

.block-product-carousel-title .p-info__title {
    display: none;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 8px;
    text-align: center
}

@media screen and (max-width: 496px) {
    .block-product-carousel-title .p-info__title {
        display: block
    }
}

.block-product-carousel-title .p-info__ap {
    display: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0
}

@media screen and (max-width: 496px) {
    .block-product-carousel-title .p-info__ap {
        display: block;
        margin-bottom: 0
    }
}

.block-product-carousel-certifications {
    bottom: 30px;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    position: absolute;
    right: 30px;
    width: 50px;
    z-index: 1
}

.block-product-carousel-certifications img {
    margin-bottom: 10px
}

.block-product-carousel-certifications img:first-child {
    margin-bottom: 0
}

@media screen and (max-width: 496px) {
    .block-product-carousel-certifications img {
        height: 41px;
        width: 41px
    }
    .block-product-carousel-certifications {
        bottom: 23px;
        right: 23px;
        width: 41px
    }
}

.block-product-carousel .tryit-btn {
    align-items: center;
    bottom: 30px;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 496px) {
    .block-product-carousel .tryit-btn {
        bottom: 100px;
        left: 14px;
        right: auto
    }
}

.block-product-carousel .tryit-btn a,
.block-product-carousel .tryit-btn span {
    background-color: var(--Strong-Color);
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 4px 10px;
    text-align: center;
    text-transform: uppercase
}

.block-product-carousel .p-info__rating {
    display: none!important
}

@media screen and (max-width: 496px) {
    .block-product-carousel .p-info__rating {
        bottom: 70px;
        display: block!important;
        left: 20px;
        margin-bottom: 0;
        position: absolute;
        z-index: 9
    }
    .block-product-carousel .p-info__rating .rating-nb a {
        max-width: 53%
    }
}

.block-product-carousel .p-info__rating .rating {
    margin-bottom: 10px
}

.block-product-carousel .p-info__rating .rating .start {
    font-size: 12px;
    margin-right: 0;
    width: 12px
}

.block-product-carousel .p-info__rating .rating-nb {
    display: block
}

.block-product-carousel .p-info__rating .rating-nb a {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    display: inline-block;
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 16px;
    padding-bottom: 5px
}

.block-product-carousel .plyr__video-embed {
    height: 700px
}

@media screen and (max-width: 496px) {
    .block-product-carousel .plyr__video-embed {
        height: 370px
    }
}

.block-product-carousel .plyr__video-embed .plyr__poster {
    background-image: none!important
}

.block-product-carousel .video-embed {
    min-height: 700px;
    position: relative
}

@media(max-width: 992px) {
    .block-product-carousel .video-embed {
        min-height: 700px
    }
}

@media(max-width: 575px) {
    .block-product-carousel .video-embed {
        min-height: 370px
    }
}

.block-product-carousel .video-embed .plyr__control {
    display: block
}

.slick-disabled {
    opacity: .3
}

:root {
    --plyr-color-main: #98cb75
}

.carousel-link {
    padding: 40px 0
}

.carousel-link .slick-list {
    margin: 0 -10px
}

.carousel-link .slick-slide {
    margin: 0 10px
}

@media(min-width: 768px) {
    .carousel-link--items:not(.slick-initialized) {
        display: flex
    }
}

.carousel-link--items:not(.slick-initialized) .carousel-link--item {
    margin: 0 10px
}

@media(min-width: 768px) {
    .carousel-link--items:not(.slick-initialized) .carousel-link--item:not(:nth-child(-n+5)) {
        display: none
    }
}

.carousel-link--item {
    position: relative
}

.carousel-link a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.carousel-link--img {
    position: relative
}

.carousel-link--img:after {
    background: linear-gradient(0deg, rgba(53, 53, 53, .4) 0, rgba(53, 53, 53, 0) 40%);
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.carousel-link--img img {
    height: auto;
    max-width: 100%;
    width: 100%
}

.carousel-link--text p {
    -webkit-animation-delay: .5s;
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px
}

@media(min-width: 993px) {
    .carousel-link--text p {
        font-size: 16px;
        letter-spacing: .4px;
        line-height: 20px
    }
}

.carousel-link .slick-arrow {
    background: #98cb75;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 52px;
    padding-top: 18px;
    position: absolute;
    text-align: center;
    top: 35px;
    width: 52px;
    z-index: 1
}

@media(min-width: 993px) {
    .carousel-link .slick-arrow {
        top: 45px
    }
}

@media(min-width: 1200px) {
    .carousel-link .slick-arrow {
        top: 35px
    }
}

@media(max-width: 992px) {
    .carousel-link .slick-arrow {
        display: none!important
    }
}

.carousel-link .slick-arrow.slick-arrow-next {
    right: -24px
}

.carousel-link .slick-arrow.slick-arrow-prev {
    left: -23px
}

.carousel-link .slick-arrow.slick-disabled {
    display: none!important;
    height: 0
}

.carousel-link .slick-dots {
    bottom: 31px;
    display: block!important;
    left: 0;
    margin: 23px 0 0;
    padding: 0;
    right: 0;
    text-align: center
}

.carousel-link .slick-dots li {
    display: inline-block
}

.carousel-link .slick-dots li button {
    background: #e1e4e6;
    border: 0;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 4px;
    margin: 0 8px;
    padding: 0;
    width: 4px
}

.carousel-link .slick-dots li.slick-active button {
    background: #191e33;
    box-shadow: none;
    outline: 0
}

.image-large-text-composition {
    background-color: var(--Light-3-Color);
    padding: 80px 0 0
}

@media(max-width: 992px) {
    .image-large-text-composition {
        padding: 60px 22px 0
    }
}

.image-large-text-composition .block-heading {
    margin: 0 auto;
    position: relative;
    z-index: 7
}

.image-large-text-composition .block-heading-title {
    margin-bottom: 20px
}

.image-large-text-composition .block-heading-title img {
    display: block;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto
}

.image-large-text-composition .block-heading-title * {
    color: var(--Secondary-Color);
    display: block;
    font-size: 20px;
    letter-spacing: 4.2px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .image-large-text-composition .block-heading-title * {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 20px;
        text-align: center
    }
}

.image-large-text-composition .block-heading-title * span {
    color: var(--Strong-Color)
}

.image-large-text-composition .block-heading-description {
    margin-bottom: 42px;
    width: unset
}

.image-large-text-composition .block-heading-description * {
    color: var(--Secondary-Color);
    display: block;
    font-family: var(--pf-primary-font);
    font-size: 72px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 72px;
    margin: 0 auto;
    text-align: center;
    width: 984px
}

.image-large-text-composition .block-heading-description * span {
    color: var(--Strong-Color);
    display: initial
}

@media(max-width: 992px) {
    .image-large-text-composition .block-heading-description * {
        font-size: 36px;
        line-height: 40px;
        width: 100%
    }
}

.image-large-text-composition .mediaFirst .card:last-of-type {
    margin-top: 170px
}

@media(max-width: 992px) {
    .image-large-text-composition .mediaFirst .card:last-of-type {
        margin-top: 0
    }
}

.image-large-text-composition .card-article {
    margin: 0 auto;
    width: 992px
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article {
        width: 100%
    }
}

.image-large-text-composition .card-article .card {
    background-color: transparent;
    border: 0;
    margin-bottom: 60px;
    width: 41.9355%
}

.image-large-text-composition .card-article .card:last-of-type,
.image-large-text-composition .card-article .card:last-of-type .card-text:last-of-type {
    margin-bottom: 0
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card {
        width: 81.9355%
    }
}

.image-large-text-composition .card-article .card:nth-child(2) {
    margin-top: 170px
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card:nth-child(2) {
        margin-top: 0
    }
}

.image-large-text-composition .card-article .card.full-card {
    width: 100%;
    z-index: 1
}

@media(min-width: 993px) {
    .image-large-text-composition .card-article .card.full-card {
        margin-bottom: 0
    }
}

.image-large-text-composition .card-article .card.full-card .text-only {
    -webkit-animation-delay: .4s;
    color: var(--Secondary-Color);
    display: block;
    font-family: var(--pf-primary-font);
    font-size: 72px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 72px;
    margin: 0 auto;
    text-align: center;
    width: 984px
}

.image-large-text-composition .card-article .card.full-card .text-only span {
    color: var(--Strong-Color);
    display: initial
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card.full-card .text-only {
        font-size: 36px;
        letter-spacing: 1px;
        line-height: 40px;
        width: 100%
    }
}

.image-large-text-composition .card-article .card.full-card .text-only * {
    color: var(--Secondary-Color);
    display: block;
    font-family: var(--pf-primary-font);
    font-size: 72px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 72px;
    margin: 0 auto;
    text-align: center;
    width: 984px
}

.image-large-text-composition .card-article .card.full-card .text-only * span {
    color: var(--Strong-Color);
    display: initial
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card.full-card .text-only * {
        font-size: 36px;
        line-height: 40px;
        width: 100%
    }
}

.image-large-text-composition .card-article .card:nth-child(2n) {
    width: 47.582%
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card:nth-child(2n) {
        left: unset!important;
        right: 0;
        width: 81.9355%
    }
}

.image-large-text-composition .card-article .card .card-img {
    margin-bottom: 20px
}

.image-large-text-composition .card-article .card .card-body {
    padding: 0
}

.image-large-text-composition .card-article .card .card-body .card-title {
    margin-bottom: 13px
}

.image-large-text-composition .card-article .card .card-body .card-title.bold * {
    color: #1a1a1a;
    font-family: Rakkas;
    font-size: 28px;
    line-height: 30px
}

.image-large-text-composition .card-article .card .card-body .card-title * {
    color: #6b6b6b;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-align: left
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card .card-body .card-title * {
        font-size: 22px
    }
}

.image-large-text-composition .card-article .card .card-body .card-text {
    -webkit-animation-delay: .4s;
    color: #6b6b6b;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px;
    margin-bottom: 15px
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card .card-body .card-text {
        font-size: 14px;
        line-height: 18px;
        padding-right: 18px
    }
}

.image-large-text-composition .card-article .card .card-body .card-text * {
    color: #6b6b6b;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card .card-body .card-text * {
        font-size: 14px;
        line-height: 18px
    }
}

.image-large-text-composition .card-article .card .card-body .card-link {
    border-bottom: 1px solid #d8cdc5;
    color: #353535;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px;
    padding-bottom: 3px
}

@media(max-width: 992px) {
    .image-large-text-composition .card-article .card .card-body .card-link {
        font-size: 14px;
        letter-spacing: .8px;
        line-height: 16px
    }
}

.mag .image-large-text-composition {
    background: var(--Light-2-Color);
    position: relative
}

.mag .image-large-text-composition--bg-img {
    left: 30px;
    position: absolute;
    top: 50%
}

@media(max-width: 992px) {
    .mag .image-large-text-composition--bg-img {
        left: unset;
        right: 5px
    }
}

.mag .image-large-text-composition .block-heading-title * {
    color: #333;
    font-family: Rakkas;
    font-size: 28px;
    line-height: 40px
}

@media(max-width: 992px) {
    .mag .image-large-text-composition .block-heading-title * {
        font-size: 14px;
        line-height: 24px
    }
}

.mag .image-large-text-composition .block-heading-description * {
    font-family: Windsor D;
    font-size: 96px;
    line-height: 86px
}

@media(max-width: 992px) {
    .mag .image-large-text-composition .block-heading-description * {
        font-size: 46px;
        line-height: 40px
    }
}

.mag .image-large-text-composition .card-article .card .card-body .card-title {
    margin-bottom: 15px
}

.mag .image-large-text-composition .card-article .card .card-body .card-title * {
    color: #6b6b6b;
    font-family: Rakkas;
    font-size: 28px;
    line-height: 28px
}

@media(max-width: 992px) {
    .mag .image-large-text-composition .card-article .card .card-body .card-title * {
        font-size: 20px;
        line-height: 22px
    }
}

.mag .image-large-text-composition .card-article .card .card-body .card-text {
    color: #6b6b6b;
    font-family: SangBleu Sans;
    font-size: 16px;
    line-height: 24px
}

@media(max-width: 992px) {
    .mag .image-large-text-composition .card-article .card .card-body .card-text {
        font-size: 12px;
        line-height: 16px
    }
}

.mag .image-large-text-composition .card-article .card .card-body .card-link {
    font-family: Windsor D;
    line-height: 18px;
    margin-bottom: 15px;
    padding-bottom: 3px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width: 992px) {
    .mag .image-large-text-composition .card-article .card .card-body .card-link {
        font-size: 12px;
        line-height: 18px
    }
}

.image-slider {
    background: #fff;
    font-family: var(--pf-primary-font), sans-serif;
    font-weight: 500;
    overflow-x: hidden;
    padding: 60px 0
}

@media(min-width: 993px) {
    .image-slider {
        padding: 80px 0
    }
}

.image-slider--deco {
    display: none;
    margin-bottom: 30px
}

.image-slider--subtitle,
.image-slider--title {
    padding: 0 24px
}

@media(min-width: 993px) {
    .image-slider--subtitle,
    .image-slider--title {
        margin: 0 auto;
        max-width: 784px
    }
}

@media(min-width: 1200px) {
    .image-slider--subtitle,
    .image-slider--title {
        padding: 0
    }
}

.image-slider--title {
    -webkit-animation-delay: 1s
}

.image-slider--title * {
    color: #98cb75;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 993px) {
    .image-slider--title * {
        font-size: 18px;
        line-height: 20px
    }
}

.image-slider--subtitle {
    -webkit-animation-delay: 1.5s;
    margin-top: 20px
}

@media(min-width: 993px) {
    .image-slider--subtitle {
        margin-top: 17px
    }
}

.image-slider--subtitle * {
    color: #191e33;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 0 24px;
    text-align: center
}

@media(min-width: 993px) {
    .image-slider--subtitle * {
        font-size: 32px;
        line-height: 40px;
        margin-top: 17px
    }
}

.image-slider--items {
    margin-top: 40px
}

@media(min-width: 993px) {
    .image-slider--items {
        margin-top: 60px
    }
}

.image-slider--img {
    margin: 0;
    position: relative
}

.image-slider--img.w-alcove img {
    border-radius: 50% 50% 0 0
}

.image-slider--img img {
    -webkit-animation-delay: 1.8s;
    height: auto;
    max-width: 260px;
    width: 100%
}

@media(min-width: 993px) {
    .image-slider--img img {
        max-width: 264px;
        width: 100%
    }
}

.image-slider--img img:after {
    background: linear-gradient(0deg, rgba(53, 53, 53, .4) 0, rgba(53, 53, 53, 0) 40%);
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.image-slider--content {
    margin: 24px 0 0
}

@media(min-width: 993px) {
    .image-slider--content {
        margin: 18px 0 0;
        padding-bottom: 0
    }
    .slick-slide:last-of-type .image-slider--content {
        padding-right: 10px
    }
}

.image-slider--retitle {
    -webkit-animation-delay: 1s;
    margin-bottom: 4px
}

.image-slider--retitle * {
    color: #98cb75;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    text-transform: uppercase
}

.image-slider--description p {
    -webkit-animation-delay: 1.5s;
    color: #5b6770;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px
}

.image-slider .slick-slide {
    margin: 0 8px
}

@media(min-width: 993px) {
    .image-slider .slick-slide {
        margin: 0 24px
    }
}

.image-slider .slick-list {
    margin: 0 -8px
}

@media(min-width: 993px) {
    .image-slider .slick-list {
        margin: 0 -24px
    }
}

.image-slider .slick-arrow {
    background: #98cb75;
    color: #fff;
    cursor: pointer;
    display: block!important;
    font-size: 17px;
    height: 52px;
    margin-top: -19px;
    padding-top: 18px;
    position: absolute;
    text-align: center;
    top: 29%;
    width: 52px;
    z-index: 1
}

@media(min-width: 993px) {
    .image-slider .slick-arrow {
        display: block!important;
        top: 21%
    }
}

@media(min-width: 1200px) {
    .image-slider .slick-arrow {
        top: 26%
    }
}

@media(min-width: 1440px) {
    .image-slider .slick-arrow {
        top: 29%
    }
}

.image-slider .slick-arrow.slick-arrow-next {
    right: 7.2%
}

.image-slider .slick-arrow.slick-arrow-prev {
    left: -23px
}

.image-slider .slick-arrow.slick-disabled {
    display: none!important;
    height: 0
}

.image-slider .slick-dots {
    display: inline-flex!important;
    margin-top: 40px;
    padding: 0;
    width: 90%
}

@media(min-width: 993px) {
    .image-slider .slick-dots {
        justify-content: center;
        margin-top: 48px;
        width: 100%
    }
}

.image-slider .slick-dots li {
    display: inline-flex;
    flex: 1;
    max-width: 64px
}

.image-slider .slick-dots li button {
    background: #e1e4e6;
    border: 0;
    display: block;
    font-size: 0;
    height: 2px;
    padding: 0;
    width: 100%
}

.image-slider .slick-dots li.slick-active button {
    background: #191e33;
    box-shadow: none;
    outline: 0
}

.block-information-detaillees {
    padding: 57px 0 80px
}

.block-information-detaillees .informations-cles {
    padding-right: 57px
}

.block-information-detaillees .informations-cles h3 {
    border-top: 1px solid rgba(25, 30, 51, .2);
    font-weight: 500;
    padding: 21px 0 17px
}

.block-information-detaillees .informations-cles h3 span {
    margin-top: 8px
}

.block-information-detaillees .information-detaillees {
    margin-top: 2px
}

.block-information-detaillees .information-detaillees .block-content {
    padding-bottom: 10px
}

.block-information-detaillees .information-detaillees .block-content-heading *,
.block-information-detaillees .information-detaillees .block-content.has-heading .block-content-heading * {
    color: #98cb75;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 6px!important;
    text-align: left
}

.block-information-detaillees .information-detaillees .block-content.has-heading p {
    margin-bottom: 40px
}

.block-information-detaillees .information-detaillees .block-content p {
    margin-bottom: 23px
}

.block-information-detaillees .egal-notes {
    margin-top: 30px
}

.block-information-detaillees .egal-notes * {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 10px
}

#collapse-more-text {
    margin-bottom: 7px;
    position: relative
}

#collapse-more-text.collapse:not(.show) {
    display: block;
    height: 225px;
    overflow: hidden
}

#collapse-more-text.collapse.show:before {
    visibility: hidden
}

#collapse-more-text.collapsing {
    height: 225px
}

#collapse-more-text:before {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    content: "";
    height: 112px;
    position: absolute;
    width: 100%
}

.product_cta_description {
    color: #191e33;
    display: inline-block;
    font-family: var(--pf-primary-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    padding-bottom: 3px;
    position: relative
}

.product_cta_description:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.product_cta_description:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.product_cta_description:hover {
    color: #98cb75;
    text-decoration: none
}

.product_cta_description:hover:before {
    left: 0;
    width: 100%
}

.product_cta_description:hover:after,
.tg_product_cta_description_see_less {
    display: none
}

.ingredient-cover__head {
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0
}

@media(max-width: 992px) {
    .ingredient-cover__head {
        padding: 123px 22px 88px
    }
}

.ingredient-cover__surtitle {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    color: var(--Light-3-Color);
    font-family: var(--pf-primary-font);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 20px;
    margin: 0 auto 19px;
    max-width: 784px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .ingredient-cover__surtitle {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .4px;
        line-height: 16px;
        margin-bottom: 8px
    }
}

.ingredient-cover__title {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    color: var(--Light-3-Color);
    font-family: var(--pf-primary-font);
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 44px;
    margin: 0 auto 29px;
    max-width: 784px;
    text-align: center
}

@media(max-width: 992px) {
    .ingredient-cover__title {
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 32px;
        margin-bottom: 20px
    }
}

.ingredient-cover__subtitle {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    color: var(--Light-3-Color);
    font-family: var(--pf-primary-font);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 auto;
    max-width: 576px;
    text-align: center
}

@media(max-width: 992px) {
    .ingredient-cover__subtitle {
        font-size: 16px;
        letter-spacing: .6px;
        line-height: 20px;
        max-width: 100%
    }
}

.ingredient-cover__body {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    max-width: 1150px;
    padding: 80px 0 40px
}

@media(max-width: 992px) {
    .ingredient-cover__body {
        flex-direction: column;
        margin-top: 0;
        max-width: 100%;
        padding: 40px 22px 20px
    }
}

.ingredient-cover__text-wrapper {
    flex: 0 0 58.33333%;
    max-width: 58.3333%
}

@media(max-width: 992px) {
    .ingredient-cover__text-wrapper {
        flex: 0 0 100%;
        margin-bottom: 80px;
        max-width: 100%
    }
}

.ingredient-cover__text-large {
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 20px
}

@media(max-width: 992px) {
    .ingredient-cover__text-large {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 16px
    }
}

.ingredient-cover__text-regular {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    color: #5b6770;
    font-family: var(--pf-primary-font);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.ingredient-cover__table-wrapper {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

@media(max-width: 992px) {
    .ingredient-cover__table-wrapper {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.ingredient-cover__table {
    margin: 0 auto;
    max-width: 286px
}

@media(max-width: 992px) {
    .ingredient-cover__table {
        margin: 0;
        max-width: 100%
    }
}

.ingredient-cover__table-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px
}

.ingredient-cover__table-row:last-child {
    margin-bottom: 0
}

.ingredient-cover__table-title {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    color: var(--Strong-Color);
    font-family: var(--pf-primary-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px;
    width: 102px
}

.ingredient-cover__table-details {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s;
    display: flex;
    flex-direction: column
}

.ingredient-cover__table-text {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px
}

@media(max-width: 992px) {
    .ingredient-cover__table-text {
        letter-spacing: .6px
    }
}

.ingredient-cover__table-img {
    height: auto;
    margin-top: 5px;
    max-height: 42px;
    max-width: 42px;
    width: 100%
}

@media(max-width: 992px) {
    .ingredient-cover__table-img {
        margin-top: 7px
    }
}

.ingredient-cover.v-dark .ingredient-cover__subtitle,
.ingredient-cover.v-dark .ingredient-cover__surtitle,
.ingredient-cover.v-dark .ingredient-cover__title {
    color: #000
}

.ingredient {
    background-color: var(--Light-2-Color);
    padding: 80px 0
}

.ingredient .ingredient-widget .ingredient-small-header a {
    border-top: 1px solid #ddd;
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    padding: 16px 0;
    position: relative
}

.ingredient .ingredient-widget .ingredient-small-header a .ingredient-btn {
    font-style: inherit;
    font-weight: 500;
    position: absolute;
    right: 1px;
    top: 17px
}

.ingredient .ingredient-widget .ingredient-small-header a .ingredient-btn:before {
    color: #98cb75;
    font-family: icomoon;
    font-size: 17px
}

.ingredient .ingredient-widget .ingredient-small-header a.ing-collapsed--plus {
    display: block
}

.ingredient .ingredient-widget .ingredient-small-header a.ing-collapsed--minus,
.ingredient .ingredient-widget .ingredient-small-header a:not(.collapsed) .ingredient-btn.plus {
    display: none
}

.ingredient .ingredient-widget .ingredient-small-header a:not(.collapsed) .ingredient-btn.minus {
    display: block
}

.ingredient .ingredient-widget .composition-content {
    margin-bottom: 25px
}

.ingredient .ingredient-widget .composition-content p {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    width: 96%
}

.ingredient .ingredient-widget .composition-naturalite-content {
    margin-bottom: 39px
}

.ingredient .ingredient-widget .composition-naturalite-content p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.ingredient .ingredient-widget .legal-note {
    margin-bottom: 50px
}

.ingredient .ingredient-widget .legal-note p {
    color: #5b6770;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px
}

.ingredient .ingredient-widget.composition {
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px
}

.ingredient .ingredient-widget.analyse .naturalite-nb {
    margin-bottom: 67px
}

.ingredient .ingredient-widget.analyse .naturalite-nb p {
    color: #5b6770;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px
}

.ingredient .ingredient-widget .table tr td,
.ingredient .ingredient-widget .table tr th {
    height: 60px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    vertical-align: middle
}

.ingredient .ingredient-widget .table tr td:last-child,
.ingredient .ingredient-widget .table tr th:last-child {
    text-align: right
}

.ingredient .ingredient-widget .table tr td:first-child,
.ingredient .ingredient-widget .table tr th:first-child {
    text-align: left;
    width: 62%
}

.ingredient .ingredient-widget .table thead tr th {
    border: 0;
    color: #98cb75;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px
}

.ingredient .ingredient-widget .table tbody tr td,
.ingredient .ingredient-widget .table tbody tr th {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.ingredient .product-ingredient-title {
    margin-bottom: 17px
}

.ingredient .product-ingredient-title * {
    color: #191e33;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.ingredient .product-ingredient-thumb {
    margin-bottom: 20px
}

.ingredient .product-ingredient-thumb img {
    width: 100%
}

.ingredient .product-ingredient-description {
    margin-bottom: 10px
}

.ingredient .product-ingredient-description p {
    color: rgba(25, 30, 51, .8);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.ingredient .product-ingredient-link a {
    color: #191e33;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    padding-bottom: 6px;
    position: relative
}

.ingredient .product-ingredient-link a:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.ingredient .product-ingredient-link a:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.ingredient .product-ingredient-link a:hover {
    color: #98cb75;
    text-decoration: none
}

.ingredient .product-ingredient-link a:hover:before {
    left: 0;
    width: 100%
}

.ingredient .product-ingredient-link a:hover:after {
    display: none
}

.ingredient .block-heading {
    margin-bottom: 60px
}

.ingredient .block-heading .block-heading-description {
    margin-bottom: 0
}

.ingredient-col-item {
    max-width: 25%
}

.key-figures {
    padding: 80px 0
}

@media(max-width: 992px) {
    .key-figures {
        padding: 60px 0
    }
}

.block-routine-soins.full-items .key-figures:not(.v-50) .container-full,
.key-figures:not(.v-50) .block-routine-soins.full-items .container-full,
.key-figures:not(.v-50) .container {
    padding-left: 0;
    padding-right: 0
}

.key-figures .block-heading {
    margin: 0 auto 40px;
    max-width: 672px
}

@media(min-width: 993px) {
    .key-figures .block-heading {
        margin-bottom: 60px
    }
    .key-figures .block-heading-title {
        font-size: 20px;
        line-height: 24px
    }
}

.key-figures .block-heading-title * {
    color: var(--Strong-Color);
    font-size: 20px;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center
}

@media(min-width: 993px) {
    .key-figures .block-heading-title * {
        font-size: 20px;
        line-height: 24px
    }
}

@media(max-width: 992px) {
    .key-figures .block-heading-title * {
        margin-bottom: 12px
    }
}

.key-figures .block-heading-description {
    margin-bottom: 0;
    width: 100%
}

.key-figures .block-heading-description * {
    color: var(--Secondary-Color);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 24px;
    text-align: center;
    width: 100%
}

@media(min-width: 993px) {
    .key-figures .block-heading-description * {
        font-size: 32px;
        letter-spacing: normal;
        line-height: 40px
    }
}

.key-figures__wrap {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 993px) {
    .key-figures:not(.v-50) .key-figures__wrap {
        justify-content: center
    }
}

.key-figures__item {
    align-items: center;
    background: var(--Light-2-Color);
    display: flex;
    flex-direction: column;
    margin-bottom: 28px;
    margin-right: 16px;
    min-height: 174px;
    padding: 29px 15px 18px;
    width: calc(50% - 8px)
}

.key-figures__item:nth-of-type(2n) {
    margin-right: 0
}

@media(min-width: 993px) {
    .key-figures__item {
        margin-bottom: 0;
        margin-right: 24px;
        min-height: 363px;
        padding: 94px 30px 30px;
        width: calc(25% - 18px)
    }
    .key-figures__item:nth-of-type(2n) {
        margin-right: 24px
    }
}

@media(min-width: 1200px) {
    .key-figures__item {
        margin-right: 48px;
        width: calc(25% - 36px)
    }
    .key-figures__item:nth-of-type(2n) {
        margin-right: 48px
    }
}

.key-figures__item.active-item {
    background: var(--Strong-Color)
}

.key-figures__item:last-of-type {
    margin-right: 0!important
}

.key-figures__item.item-image .img-wrapper {
    align-items: center;
    display: flex;
    height: 82px;
    width: 82px
}

@media(min-width: 993px) {
    .key-figures__item.item-image .img-wrapper {
        height: 146px;
        width: 146px
    }
}

.key-figures__item.item-image .img-wrapper.anm {
    -webkit-animation-delay: 1s
}

.key-figures__item.item-image img {
    border-radius: 500px;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.key-figures__item .img-wrapper,
.key-figures__item .progress-circle {
    margin-bottom: 8px
}

@media(min-width: 993px) {
    .key-figures__item .img-wrapper,
    .key-figures__item .progress-circle {
        margin-bottom: 15px
    }
}

.key-figures__desc.anm {
    -webkit-animation-delay: 1.5s
}

.key-figures__desc * {
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: center
}

@media(min-width: 993px) {
    .key-figures__desc * {
        font-size: 20px;
        letter-spacing: 1.11px;
        line-height: 20px
    }
}

.key-figures__desc sup {
    font-size: 12px;
    line-height: 12px;
    padding: 2px
}

.key-figures__sub-title {
    align-items: center;
    color: var(--Strong-Color);
    display: inline-flex;
    margin-bottom: 10px;
    min-height: 82px
}

@media(min-width: 993px) {
    .key-figures__sub-title {
        margin-bottom: 12px;
        min-height: 146px
    }
}

.key-figures__sub-title.anm {
    -webkit-animation-delay: 1s
}

.key-figures .progress-circle {
    height: 82px;
    position: relative;
    width: 82px
}

@media(min-width: 993px) {
    .key-figures .progress-circle {
        height: 146px;
        width: 146px
    }
}

.key-figures .progress-circle.anm {
    -webkit-animation-delay: 1s
}

.key-figures .progress-circle svg {
    display: none!important;
    position: relative
}

.key-figures .progress-circle svg path:first-child {
    stroke: #ebe6e1
}

.key-figures .progress-circle svg path:last-child {
    stroke: var(--Strong-Color)
}

.key-figures .progress-circle .progressbar-text {
    color: var(--Strong-Color);
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.key-figures__item.active-item svg path:last-child {
    stroke: #fff
}

.key-figures__item.active-item .key-figures__desc *,
.key-figures__item.active-item .key-figures__sub-title,
.key-figures__item.active-item .progressbar-text {
    color: #fff
}

.key-figures .progressbar-text,
.key-figures__sub-title {
    font-family: var(--pf-secondary-font);
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 45px;
    text-align: center
}

@media(min-width: 1200px) {
    .key-figures .progressbar-text,
    .key-figures__sub-title {
        font-size: 52px;
        letter-spacing: 1.3px;
        line-height: 60px
    }
}

.key-figures__expandable {
    display: flex;
    flex-direction: column
}

@media(min-width: 993px) {
    .key-figures:not(.v-50) .key-figures__expandable {
        margin-top: 36px
    }
}

@media(max-width: 992px) {
    .key-figures__expandable {
        margin-top: -8px
    }
}

.key-figures__expandable .bloc-key-figures__text {
    display: none;
    margin-bottom: 32px
}

@media(min-width: 993px) {
    .key-figures__expandable .bloc-key-figures__text {
        margin-bottom: 20px
    }
}

.key-figures__expandable .bloc-key-figures__text .bloc-contenu {
    padding: 0
}

.key-figures__expandable .bloc-key-figures__text p {
    color: #6b6b6b!important;
    font-family: SangBleu Sans;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.key-figures__expandable .bloc-key-figures__links {
    display: inline-flex;
    justify-content: flex-start
}

.key-figures.lessItems .key-figures__expandable .bloc-key-figures__links {
    justify-content: center
}

.key-figures__expandable .bloc-key-figures__links a {
    color: #353535;
    display: inline-flex;
    font-family: SangBleu Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    position: relative
}

.key-figures__expandable .bloc-key-figures__links a:after {
    background-color: #d8cdc5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.key-figures__expandable .bloc-key-figures__links a:before {
    background: none repeat scroll 0 0 transparent;
    background: #d8cdc5;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.key-figures__expandable .bloc-key-figures__links a:hover {
    color: #d8cdc5;
    text-decoration: none
}

.key-figures__expandable .bloc-key-figures__links a:hover:before {
    left: 0;
    width: 100%
}

.key-figures__expandable .bloc-key-figures__links a.show-less,
.key-figures__expandable .bloc-key-figures__links a:hover:after {
    display: none
}

@media(min-width: 1200px) {
    .block-routine-soins.full-items .key-figures.v-50 .container-full,
    .key-figures.v-50 .block-routine-soins.full-items .container-full,
    .key-figures.v-50 .container {
        padding-left: 72px;
        padding-right: 72px
    }
    .key-figures.v-50.lessItems .key-figures__item:nth-of-type(3) {
        width: 100%
    }
}

.key-figures.v-50 .block-heading {
    max-width: 520px
}

@media(min-width: 993px) {
    .key-figures.v-50 .block-heading {
        margin: 0 0 60px
    }
}

.key-figures.v-50 .block-heading-description *,
.key-figures.v-50 .block-heading-title * {
    text-align: left
}

@media(min-width: 993px) {
    .key-figures.v-50 .block-heading-description *,
    .key-figures.v-50 .block-heading-title * {
        font-size: 24px;
        line-height: 32px
    }
}

.key-figures.v-50 .key-figures__item:only-of-type {
    width: 100%
}

@media(min-width: 993px) {
    .key-figures.v-50 .key-figures__item {
        margin-bottom: 30px;
        margin-right: 24px;
        width: calc(50% - 12px)
    }
    .key-figures.v-50 .key-figures__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media(min-width: 1200px) {
    .key-figures.v-50 .key-figures__item {
        margin-bottom: 40px;
        margin-right: 49px;
        width: calc(50% - 25px)
    }
    .key-figures.v-50 .key-figures__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media(min-width: 993px) {
    .key-figures.v-50 .key-figures__item.item-image .img-wrapper,
    .key-figures.v-50 .progress-circle {
        height: 126px;
        width: 126px
    }
    .lame-cta.reversed .bloc-diagnostic-basement-wrapper,
    .lame-cta.reversed .row {
        flex-direction: row-reverse
    }
    .lame-cta.reversed .bloc-diagnostic-basement-wrapper .lame-cta__contenu,
    .lame-cta.reversed .row .lame-cta__contenu {
        margin-left: 0;
        margin-right: -24px
    }
    .lame-cta.reversed .bloc-diagnostic-basement-wrapper .bloc-diagnostic-basement-left-side,
    .lame-cta.reversed .bloc-diagnostic-basement-wrapper .col-lg-7,
    .lame-cta.reversed .row .bloc-diagnostic-basement-left-side,
    .lame-cta.reversed .row .col-lg-7 {
        margin-left: unset
    }
}

@media(max-width: 992px) {
    .lame-cta.reversed--m .bloc-diagnostic-basement-wrapper,
    .lame-cta.reversed--m .row {
        flex-direction: column-reverse
    }
}

.lame-cta__medias .image {
    height: 100%
}

.lame-cta__medias img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

@media(max-width: 991px) {
    .lame-cta__medias {
        padding: 0
    }
}

.lame-cta__contenu {
    background-color: var(--Light-1-Color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -24px
}

@media(max-width: 991px) {
    .lame-cta__contenu {
        margin-left: 0;
        padding-bottom: 37px;
        padding-top: 50px
    }
}

.lame-cta__wrap {
    margin: 30px auto 30px 19%;
    width: 53%
}

@media(max-width: 991px) {
    .lame-cta__wrap {
        margin: 0;
        width: auto
    }
}

.lame-cta__titre {
    margin-bottom: 18px
}

@media(max-width: 991px) {
    .lame-cta__titre {
        margin-bottom: 19px
    }
}

.lame-cta__titre * {
    color: #191e33;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    text-align: left
}

@media(max-width: 991px) {
    .lame-cta__titre * {
        font-size: 24px;
        letter-spacing: -.3px;
        line-height: 32px;
        text-align: center
    }
}

.lame-cta__desc.bloc-contenu {
    display: block;
    height: auto;
    margin-bottom: 18px;
    padding: 0
}

.lame-cta__desc p {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    padding-left: 0
}

@media(max-width: 991px) {
    .lame-cta__desc p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 37px;
        text-align: center
    }
}

.lame-cta__desc p a {
    display: inline;
    line-height: 20px;
    text-decoration: underline;
    -webkit-text-decoration-color: #98cb75;
    text-decoration-color: #98cb75;
    text-underline-position: under
}

.lame-cta__btn {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    min-width: auto;
    padding: 18px 16px 16px 17px;
    text-align: center
}

.lame-cta__btn:focus {
    box-shadow: none!important
}

@media(max-width: 991px) {
    .lame-cta__btn {
        padding: 24px 16px 19px;
        width: 100%
    }
}

.lame-cta__link {
    background: none;
    border-color: transparent;
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    min-width: auto;
    padding: 18px 0 5px;
    text-align: center
}

.lame-cta__link:active,
.lame-cta__link:focus,
.lame-cta__link:hover {
    background: none!important;
    border-color: transparent!important;
    border-bottom: 1px solid #98cb75!important;
    color: #191e33!important
}

@media(max-width: 991px) {
    .lame-cta__link {
        padding: 24px 16px 19px;
        width: 100%
    }
}

.lame-cta__simple-btn {
    color: #191e33;
    display: inline;
    font-size: 15px;
    line-height: 22px;
    position: relative
}

.lame-cta__simple-btn:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.lame-cta__simple-btn:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.lame-cta__simple-btn:hover {
    color: #98cb75;
    text-decoration: none
}

.lame-cta__simple-btn:hover:before {
    left: 0;
    width: 100%
}

.lame-cta__simple-btn:hover:after {
    display: none
}

.lame-cta__simple-btn span {
    display: initial
}

.large-feature-article {
    background-color: var(--Light-2-Color);
    padding: 80px 0 0
}

@media(max-width: 992px) {
    .large-feature-article {
        padding: 60px 22px 0
    }
}

.large-feature-article .block-heading {
    position: relative;
    z-index: 7
}

.large-feature-article .block-heading-title * {
    color: var(--Secondary-Color);
    font-size: 20px;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .large-feature-article .block-heading-title * {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 20px;
        text-align: center
    }
}

.large-feature-article .block-heading-title span {
    margin-bottom: 20px
}

.large-feature-article .block-heading-description * {
    color: var(--Strong-Color);
    font-size: 72px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 75px;
    text-align: center;
    width: 982px
}

@media(max-width: 992px) {
    .large-feature-article .block-heading-description * {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 32px;
        width: 100%
    }
}

.large-feature-article .card-article {
    margin: 0 auto;
    width: 992px
}

@media(max-width: 992px) {
    .large-feature-article .card-article {
        width: 100%
    }
}

.large-feature-article .card-article .card {
    background-color: transparent;
    border: 0;
    margin-bottom: 60px;
    width: 41.9355%
}

.large-feature-article .card-article .card:last-of-type {
    margin-bottom: 0
}

@media(max-width: 992px) {
    .large-feature-article .card-article .card {
        width: 81.9355%
    }
}

.large-feature-article .card-article .card-link-full {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.large-feature-article .card-article .card:nth-child(2) {
    margin-top: 170px
}

@media(max-width: 992px) {
    .large-feature-article .card-article .card:nth-child(2) {
        margin-top: 0
    }
}

.large-feature-article .card-article .card:nth-child(2n) {
    width: 47.582%
}

@media(max-width: 992px) {
    .large-feature-article .card-article .card:nth-child(2n) {
        left: unset!important;
        right: 0;
        width: 81.9355%
    }
}

.large-feature-article .card-article .card .card-img {
    margin-bottom: 20px
}

.large-feature-article .card-article .card .card-body {
    padding: 0
}

.large-feature-article .card-article .card .card-body .card-title {
    margin-bottom: 15px
}

.large-feature-article .card-article .card .card-body .card-title * {
    color: #191e33;
    font-size: 24px;
    line-height: 32px;
    text-align: left
}

@media(max-width: 992px) {
    .large-feature-article .card-article .card .card-body .card-title * {
        font-size: 22px
    }
}

.large-feature-article .card-article .card .card-body .card-text {
    -webkit-animation-delay: .4s;
    color: #5b6770;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 992px) {
    .large-feature-article .card-article .card .card-body .card-text {
        font-size: 14px;
        line-height: 18px;
        padding-right: 18px
    }
}

.large-feature-article .card-article .card .card-body .card-text * {
    color: #5b6770;
    font-size: 16px;
    line-height: 28px
}

@media(max-width: 992px) {
    .large-feature-article .card-article .card .card-body .card-text * {
        font-size: 14px;
        line-height: 18px
    }
}

.large-feature-article .card-article .card .card-body .card-text ol,
.large-feature-article .card-article .card .card-body .card-text ul {
    padding: 0
}

.large-feature-article .card-article .card .card-body .card-text ol li,
.large-feature-article .card-article .card .card-body .card-text ul li {
    padding-left: 15px;
    position: relative
}

.large-feature-article .card-article .card .card-body .card-text ul li:before {
    color: #98cb75;
    content: ".";
    font-size: 30px;
    left: 0;
    position: absolute;
    top: -9px
}

.large-feature-article .card-article .card .card-body .card-link {
    color: #191e33;
    display: inline-block;
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 20px;
    margin-top: 15px;
    padding-bottom: 3px;
    position: relative
}

.large-feature-article .card-article .card .card-body .card-link:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.large-feature-article .card-article .card .card-body .card-link:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.large-feature-article .card-article .card .card-body .card-link:hover {
    color: #98cb75;
    text-decoration: none
}

.large-feature-article .card-article .card .card-body .card-link:hover:before {
    left: 0;
    width: 100%
}

.large-feature-article .card-article .card .card-body .card-link:hover:after {
    display: none
}

@media(max-width: 992px) {
    .large-feature-article .card-article .card .card-body .card-link {
        font-size: 14px;
        letter-spacing: .8px;
        line-height: 16px
    }
}

.liste-trois-images {
    padding: 55px 0 50px
}

@media(max-width: 575px) {
    .liste-trois-images {
        margin: 0 0 32px
    }
}

.liste-trois-images_header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px auto 37px;
    max-width: 765px;
    width: 50%
}

@media(max-width: 575px) {
    .liste-trois-images_header {
        width: 80%
    }
}

.liste-trois-images_header .block-heading-title {
    position: relative;
    width: 100%
}

.liste-trois-images_header .block-heading-title img {
    display: none
}

.liste-trois-images_header .block-heading-title * {
    font-size: 19px;
    letter-spacing: 3px;
    margin-bottom: 30px
}

@media(max-width: 575px) {
    .liste-trois-images_header .block-heading-title * {
        font-size: 10px;
        margin-bottom: 13px
    }
}

.liste-trois-images_header .block-heading-description {
    width: 100%
}

@media(max-width: 575px) {
    .liste-trois-images_header .block-heading-description {
        padding: 0
    }
}

.liste-trois-images_header .block-heading-description * {
    font-family: var(--pf-primary-font), sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    width: 100%
}

@media(max-width: 575px) {
    .liste-trois-images_header .block-heading-description * {
        line-height: 32px
    }
}

.liste-trois-images__list {
    padding: 0 0 30px
}

@media(max-width: 575px) {
    .liste-trois-images__list {
        margin-left: -30px;
        padding: 0
    }
}

.liste-trois-images__list img {
    height: auto;
    margin: 0 auto;
    max-width: 100%
}

.liste-trois-images__bloc-description {
    display: flex;
    margin-top: 20px
}

@media(max-width: 575px) {
    .liste-trois-images__bloc-description {
        margin-top: 12px
    }
}

.liste-trois-images__bloc-description_text {
    color: #6b6b6b;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px
}

.liste-trois-images a {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    cursor: pointer;
    display: inline-block;
    transition: all .3s ease-in-out
}

.liste-trois-images a:hover {
    color: #98cb75
}

.liste-trois-images .slick-arrow {
    background: #98cb75;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 45px;
    padding-top: 3.2%;
    position: absolute;
    text-align: center;
    top: 42.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45px;
    z-index: 1
}

.liste-trois-images .slick-arrow:focus {
    outline: none
}

.liste-trois-images .slick-arrow.slick-arrow-next {
    right: 0
}

.liste-trois-images .slick-arrow.slick-arrow-prev {
    left: 15px
}

.liste-trois-images .slick-arrow.slick-disabled {
    display: none!important
}

.liste-trois-images .slick-dots {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 20px 0;
    padding: 0
}

@media(max-width: 575px) {
    .liste-trois-images .slick-dots {
        margin: 12px 0 0 30px
    }
}

.liste-trois-images .slick-dots li {
    margin: 0 10px;
    outline: none
}

@media(max-width: 575px) {
    .liste-trois-images .slick-dots li:first-child {
        margin-left: 0
    }
    .liste-trois-images .slick-dots li:last-child {
        margin-right: 0
    }
}

.liste-trois-images .slick-dots button {
    background-color: #000;
    border: none;
    border-radius: 100%;
    display: block;
    height: 6px;
    opacity: .4;
    outline: none;
    padding: 0;
    text-indent: -9999px;
    width: 6px
}

.liste-trois-images .slick-dots li.slick-active button {
    opacity: 1
}

.liste-trois-images .slick-slide {
    margin: 0 25px
}

.liste-trois-images .slick-list {
    margin: 0 -25px
}

@media(max-width: 575px) {
    .liste-trois-images .slick-slide {
        margin: 0 5px
    }
    .liste-trois-images .slick-list {
        margin: 0 -5px
    }
}

.long-desc {
    border-top: 1px solid rgba(25, 30, 51, .3);
    display: flex;
    flex-wrap: wrap;
    padding: 30px 15px
}

.long-desc h2,
.long-desc__title {
    color: #353535;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.6px;
    line-height: 28px;
    margin-bottom: 20px;
    text-align: left
}

.long-desc .bloc-contenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0
}

.long-desc p,
.long-desc__desc {
    color: #353535;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.4px;
    line-height: 28px;
    margin-bottom: 24px;
    width: 91%
}

.long-desc p:last-child,
.long-desc__desc:last-child {
    margin-bottom: 0
}

.long-desc p a,
.long-desc__desc a {
    border-bottom: 1px solid #98cb75;
    display: inline-block;
    text-decoration: none
}

.long-desc p a:hover,
.long-desc__desc a:hover {
    color: inherit
}

.long-desc_video {
    position: relative;
    width: 100%
}

h2+.long-desc_video,
p+.long-desc_video {
    margin-top: 45px
}

.long-desc.video p:last-child,
.long-desc.video__desc:last-child {
    margin-bottom: 24px
}

.grid-item .long-desc {
    align-items: center;
    height: 100%;
    padding: 0
}

.grid-item .long-desc__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 270px
}

@media screen and (max-width: 1025px) {
    .grid-item .long-desc__text {
        margin: 0 0 27px;
        min-height: 0
    }
}

.grid-item .long-desc h2,
.grid-item .long-desc__title {
    margin-bottom: 20px
}

@media screen and (max-width: 1025px) {
    .grid-item .long-desc h2,
    .grid-item .long-desc__title {
        margin-top: 6px
    }
}

.grid-item .long-desc p a {
    border-color: rgba(25, 30, 51, .3)
}

.grid-item .long-desc_video {
    height: 395px
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .grid-item .long-desc_video {
        height: 395px
    }
}

.grid-item .long-desc_video .bloc-video {
    height: 100%
}

.grid-item .long-desc_video .bloc-video .video-embed {
    height: 100%;
    min-height: 100%
}

.grid-item .long-desc.video {
    align-items: flex-end
}

.grid-item .long-desc.video p:last-child,
.grid-item .long-desc.video__desc:last-child {
    margin-bottom: 0
}

.mixed-promoted-content-list {
    background-color: var(--Light-3-Color);
    padding: 80px 0;
    text-align: center
}

.mixed-promoted-content-list--heading {
    margin-left: -8px
}

.mixed-promoted-content-list--heading img {
    display: none
}

.mixed-promoted-content-list--heading .title {
    margin-left: 9px
}

.mixed-promoted-content-list--heading .title * {
    color: var(--Strong-Color);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

.mixed-promoted-content-list--subtitle {
    margin: 17px auto 68px;
    max-width: 55%;
    padding-left: 38px;
    word-spacing: 4px
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    .mixed-promoted-content-list--subtitle {
        max-width: 90%;
        padding-left: 0
    }
}

.mixed-promoted-content-list--subtitle * {
    color: var(--Secondary-Color);
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center;
    word-spacing: 4px
}

.mixed-promoted-content-list--slider {
    margin-top: 24px
}

.mixed-promoted-content-list--article .article-group {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 294px;
    max-width: 100%;
    position: relative
}

.mixed-promoted-content-list--article .article-group:hover {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: example;
    animation-name: example;
    background-size: 110%
}

@-webkit-keyframes example {
    0% {
        background-size: 100%
    }
    to {
        background-size: 110%
    }
}

@keyframes example {
    0% {
        background-size: 100%
    }
    to {
        background-size: 110%
    }
}

@media(min-width: 1200px) {
    .mixed-promoted-content-list--article .article-group {
        max-width: 370px;
        min-height: 370px
    }
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .mixed-promoted-content-list--article .article-group {
        min-height: 213px
    }
}

.mixed-promoted-content-list.v-50 .mixed-promoted-content-list--article .article-group {
    max-width: 100%;
    min-height: 213px
}

@media(min-width: 993px) {
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--article .article-group {
        height: 213px;
        width: 100%
    }
}

.mixed-promoted-content-list--article .group {
    bottom: 55px;
    display: flex;
    flex-direction: column;
    left: 4px;
    min-height: 78px;
    position: absolute
}

.mixed-promoted-content-list--article .group .article-type {
    color: #fff;
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 20px;
    margin-bottom: 6px;
    padding-left: 31px;
    padding-right: 4px;
    text-align: right;
    text-transform: uppercase;
    width: -webkit-max-content;
    width: max-content
}

.mixed-promoted-content-list--article .group .article-type span {
    background-color: #fff;
    color: var(--Strong-Color);
    font-size: 12px;
    height: 20px;
    line-height: 16px;
    padding: 3px 4px
}

.mixed-promoted-content-list.v-50 .mixed-promoted-content-list--article .group .article-type span {
    font-size: 8px
}

.mixed-promoted-content-list--article .group .article-titre {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: 29px;
    max-width: 80%;
    text-align: left;
    width: 271px
}

.mixed-promoted-content-list .slick-slide {
    margin: 0 5px
}

@media(min-width: 768px) {
    .mixed-promoted-content-list .slick-slide {
        margin: 0 24px
    }
}

.mixed-promoted-content-list .slick-list {
    margin: 0 -5px
}

@media(min-width: 768px) {
    .mixed-promoted-content-list .slick-list {
        margin: 0 -24px
    }
}

@media(min-width: 993px) {
    .mixed-promoted-content-list .slick-list {
        margin: 0 -24px
    }
}

.mixed-promoted-content-list .slick-arrow {
    background: var(--Strong-Color);
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 48px;
    padding-top: 14px;
    position: absolute;
    text-align: center;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 48px;
    z-index: 1
}

@media(max-width: 1199px) {
    .mixed-promoted-content-list .slick-arrow {
        top: 42%
    }
}

.mixed-promoted-content-list .slick-arrow:focus {
    outline: none
}

.mixed-promoted-content-list .slick-arrow.slick-arrow-next {
    right: 6.1%
}

@media(max-width: 1199px) {
    .mixed-promoted-content-list .slick-arrow.slick-arrow-next {
        right: 44px
    }
}

.mixed-promoted-content-list .slick-arrow.slick-arrow-prev {
    left: 1px
}

.mixed-promoted-content-list .slick-arrow.slick-disabled {
    display: none!important
}

.mixed-promoted-content-list .slick-dots {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 48px 0 0 -40px;
    padding: 0
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    .mixed-promoted-content-list .slick-dots {
        margin: 40px 0 0 -40px
    }
}

.mixed-promoted-content-list .slick-dots li {
    margin: 0 12px;
    outline: none
}

@media(max-width: 575px) {
    .mixed-promoted-content-list .slick-dots li:first-child {
        margin-left: 0
    }
    .mixed-promoted-content-list .slick-dots li:last-child {
        margin-right: 0
    }
}

.mixed-promoted-content-list .slick-dots button {
    background-color: #191e33;
    border: none;
    border-radius: 100%;
    display: block;
    height: 6px;
    opacity: .4;
    outline: none;
    padding: 0;
    text-indent: -9999px;
    width: 6px
}

.mixed-promoted-content-list .slick-dots li.slick-active button {
    opacity: 1
}

@media(min-width: 768px) {
    .mixed-promoted-content-list.v-50 {
        padding: 0 0 0 30px
    }
}

@media(min-width: 993px) {
    .mixed-promoted-content-list.v-50 {
        padding: 80px 72px
    }
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--slider {
        margin: 24px 0 0
    }
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--heading {
        margin-right: 17px
    }
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--article .group .article-type {
        margin-bottom: 4px
    }
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--article .group .article-titre {
        font-size: 12px;
        line-height: 16px;
        max-width: 55%
    }
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--article {
        height: 213px;
        max-width: 100%;
        min-width: 0
    }
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--article .group {
        bottom: 29px
    }
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--subtitle {
        font-size: 30px;
        line-height: 40px;
        margin: 0 auto 80px;
        max-width: 576px;
        padding-left: 0
    }
    .mixed-promoted-content-list.v-50 .slick-list {
        overflow: hidden
    }
    .mixed-promoted-content-list.v-50 .slick-dots button {
        height: 6px;
        width: 6px
    }
    .mixed-promoted-content-list.v-50 .slick-arrow {
        top: 40.5%
    }
    .mixed-promoted-content-list.v-50 .slick-arrow.slick-arrow-next {
        right: 0
    }
    .mixed-promoted-content-list.v-50 .slick-dots {
        margin-top: 34px
    }
}

.mixed-promoted-content-list.v-50 .article-titre {
    width: 100%
}

@media screen and (min-width: 1439px) {
    .mixed-promoted-content-list.v-50 .mixed-promoted-content-list--article .group .article-titre {
        max-width: 80%
    }
}

.newsletter-crm {
    padding: 50px 0 56px
}

@media(min-width: 993px) {
    .newsletter-crm {
        margin: auto;
        width: 65%
    }
}

.newsletter-crm .bloc-diagnostic-basement-notification.success {
    padding: 0;
    position: relative;
    text-align: center
}

.newsletter-crm .modal-dialog {
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important
}

.newsletter-crm .modal-dialog .modal-content {
    padding: 34px;
    position: relative
}

.newsletter-crm .modal-dialog .modal-content .icon-close,
.newsletter-crm .modal-dialog .modal-content header .menu-mobile .menu-mobile-toggle .navbar-toggler-icon.close-icon,
header .menu-mobile .menu-mobile-toggle .newsletter-crm .modal-dialog .modal-content .navbar-toggler-icon.close-icon {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 14px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 46px;
    text-decoration: none;
    top: 32px;
    z-index: 1
}

.newsletter-crm .modal-dialog .modal-content .newsletter-crm-modal-body-results {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 35px
}

.newsletter-crm .modal-dialog .modal-content .newsletter-crm-modal-body-results-loader {
    margin-bottom: 24px
}

.newsletter-crm .modal-dialog .modal-content .newsletter-crm-modal-body-results-loader .loader {
    height: 62px;
    left: unset;
    position: relative;
    right: unset;
    width: 62px
}

.newsletter-crm__desc {
    margin-bottom: 20px
}

.newsletter-crm__desc * {
    color: #5b6770;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px
}

.newsletter-crm__desc span {
    margin-top: 8px
}

.newsletter-crm__form--group .parsley-errors-list {
    margin: 4px 0;
    padding: 0
}

.newsletter-crm__form--group .parsley-errors-list li {
    color: red
}

.newsletter-crm__form--group.confirm {
    margin-bottom: 20px;
    margin-top: 4px
}

.newsletter-crm__form--group.confirm span {
    color: #191e33
}

.newsletter-crm__form--group.confirm>div {
    align-items: flex-start;
    display: flex
}

.newsletter-crm__form--group.confirm label {
    margin-bottom: 12px
}

.newsletter-crm__form--group.confirm .parsley-error label:before {
    border-color: red!important;
    opacity: 1!important
}

.newsletter-crm__form--group span {
    color: #5b6770;
    display: block;
    font-size: 12px;
    margin-top: 12px
}

.newsletter-crm__form--group.suggest {
    margin: 16px 0
}

.newsletter-crm__form--group.suggest label:not(.btn) {
    display: block;
    margin-bottom: 12px
}

.newsletter-crm__form--group.suggest label.parsley-error,
.newsletter-crm__form--group.suggest label.parsley-error~label {
    border-color: red!important
}

.newsletter-crm__form--group.suggest ul {
    margin: 16px!important;
    order: 1
}

.newsletter-crm__form--group.suggest .btn-group .btn {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 0;
    min-width: 59px;
    padding: 15px 10px
}

.newsletter-crm__form--group.suggest .btn-group .btn.active {
    background-color: #98cb75;
    border-color: #98cb75;
    color: #fff
}

.newsletter-crm__form--group.suggest .btn-group>.btn-group:not(:last-child)>.btn,
.newsletter-crm__form--group.suggest .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.newsletter-crm__form--group.suggest .btn-group-toggle .btn-default:hover {
    background-color: #98cb75;
    border-color: #98cb75;
    color: #fff
}

.newsletter-crm__form--group.suggest .btn-group>.btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.newsletter-crm__form label {
    color: #191e33;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 7px
}

.newsletter-crm__form .wrap--select,
.newsletter-crm__form [type=date],
.newsletter-crm__form [type=email],
.newsletter-crm__form [type=text],
.newsletter-crm__form textarea {
    max-width: 328px;
    width: 100%
}

@media(min-width: 993px) {
    .newsletter-crm__form .wrap--select,
    .newsletter-crm__form [type=date],
    .newsletter-crm__form [type=email],
    .newsletter-crm__form [type=text],
    .newsletter-crm__form textarea {
        max-width: 368px;
        width: 100%
    }
}

.newsletter-crm__form .wrap--select:focus,
.newsletter-crm__form [type=date]:focus,
.newsletter-crm__form [type=email]:focus,
.newsletter-crm__form [type=text]:focus,
.newsletter-crm__form textarea:focus {
    border-color: #98cb75
}

.newsletter-crm__form .wrap--select {
    margin-bottom: 16px
}

.newsletter-crm__form .select-wrapper {
    max-width: 368px;
    position: relative;
    width: 100%
}

@media(max-width: 992px) {
    .newsletter-crm__form .select-wrapper {
        max-width: 328px
    }
}

.newsletter-crm__form .select-wrapper:before {
    font-size: 7px;
    position: absolute;
    right: 23px;
    top: calc(50% - 3px);
    z-index: 1
}

.newsletter-crm__form .select-wrapper.multiple:before {
    display: none
}

.newsletter-crm__form .select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #babbc2;
    border-radius: .25rem;
    box-shadow: none;
    box-sizing: border-box;
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    letter-spacing: .6px;
    line-height: 20px;
    outline: 0;
    padding: 12px;
    position: relative;
    width: 100%
}

.newsletter-crm__form .select-wrapper select[multiple=multiple] {
    min-height: 80px
}

.newsletter-crm__form [type=date],
.newsletter-crm__form [type=email],
.newsletter-crm__form [type=number],
.newsletter-crm__form [type=text] {
    -webkit-appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #babbc2;
    border-radius: .25rem;
    box-shadow: none;
    color: #191e33;
    font-size: 16px;
    height: 46px;
    letter-spacing: .6px;
    line-height: 20px;
    outline: 0;
    padding: 12px
}

.newsletter-crm__form textarea {
    border: 1px solid #babbc2;
    box-shadow: none;
    color: #191e33;
    display: block;
    font-size: 16px;
    height: 96px;
    letter-spacing: .6px;
    line-height: 20px;
    outline: 0;
    width: 100%
}

.newsletter-crm__form [type=checkbox]:checked,
.newsletter-crm__form [type=checkbox]:not(:checked) {
    display: none
}

.newsletter-crm__form [type=checkbox]:checked+label,
.newsletter-crm__form [type=checkbox]:not(:checked)+label {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 14px;
    padding-left: 36px;
    padding-right: 30px;
    position: relative;
    width: 90%
}

.newsletter-crm__form [type=checkbox]:checked+label:only-of-type,
.newsletter-crm__form [type=checkbox]:not(:checked)+label:only-of-type {
    margin-right: 0
}

.newsletter-crm__form [type=checkbox]:checked+label pre,
.newsletter-crm__form [type=checkbox]:not(:checked)+label pre {
    color: #212529;
    font-size: 10px;
    left: 0;
    letter-spacing: 0;
    margin: 0;
    position: absolute;
    top: -3px
}

.newsletter-crm__form [type=checkbox]:checked+label:before,
.newsletter-crm__form [type=checkbox]:not(:checked)+label:before {
    background: transparent;
    border: 1px solid #191e33;
    border-radius: 4px;
    box-sizing: border-box;
    content: "";
    height: 16px;
    left: 10px;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 16px
}

.newsletter-crm__form [type=checkbox]:not(:checked)+label {
    opacity: 1
}

.newsletter-crm__form [type=checkbox]:checked+label:after {
    color: #98cb75;
    content: "✓";
    font-size: 19px;
    left: 13px;
    margin-top: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease
}

.newsletter-crm__form [type=checkbox]:not(:checked)+label:after {
    background: #fff;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .2s ease;
    width: 12px
}

.newsletter-crm__form [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.newsletter-crm__form .btn {
    margin-bottom: 20px;
    min-width: 210px;
    padding: 17px 20px
}

@media(max-width: 992px) {
    .newsletter-crm__form .btn {
        width: 100%
    }
}

.newsletter-crm__info * {
    color: #5b6770;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 68%
}

@media(max-width: 992px) {
    .newsletter-crm__info * {
        max-width: inherit;
        width: 100%
    }
}

.newsletter-crm__info a {
    color: #191e33;
    display: inline;
    text-decoration: underline
}

.newsletter-crm .error-reCaptcha {
    color: red;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: 20px;
    vertical-align: super
}

.newsletter-immersive {
    background-color: #f4f5f6;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(min-width: 993px) {
    .newsletter-immersive {
        flex-direction: row
    }
}

.newsletter-immersive--content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 36px 18px 40px;
    text-align: center
}

@media(min-width: 993px) {
    .newsletter-immersive--content {
        align-items: center;
        padding: 54px 18px 39px
    }
}

.newsletter-immersive--text {
    flex: 1;
    text-align: center
}

@media(min-width: 993px) {
    .newsletter-immersive--text {
        text-align: left
    }
}

.newsletter-immersive--title {
    display: none;
    margin-bottom: 10px
}

@media(min-width: 993px) {
    .newsletter-immersive--title {
        margin-bottom: 20px
    }
}

.newsletter-immersive--title * {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 20px;
    text-align: left
}

.newsletter-immersive--subtitle {
    margin-bottom: 0
}

@media(max-width: 992px) {
    .newsletter-immersive--subtitle {
        padding: 0 36px
    }
}

.newsletter-immersive--subtitle * {
    color: #98cb75;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center
}

.newsletter-immersive--description {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .67px;
    line-height: 18px;
    margin-top: 11px;
    padding: 0 3px;
    text-align: center
}

@media(max-width: 992px) {
    .newsletter-immersive--description {
        margin-top: 13px;
        padding: 0 4px
    }
}

.newsletter-immersive--cta {
    align-items: center;
    border: 1px solid #191e33;
    display: inline-flex;
    font-family: var(--pf-primary-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    margin-top: 18px;
    padding: 17px 18px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    width: 100%
}

@media(max-width: 992px) {
    .newsletter-immersive--cta {
        padding-right: 30px
    }
}

@media(min-width: 993px) {
    .newsletter-immersive--cta {
        margin-top: 20px
    }
}

.newsletter-immersive--cta:hover {
    background: #191e33;
    color: #fff
}

.newsletter-immersive--cta:after {
    color: #98cb75;
    content: "";
    font-family: icomoon;
    font-size: 14px;
    margin-left: 9px;
    position: relative;
    position: absolute;
    right: 12px
}

@media(min-width: 993px) {
    .newsletter-immersive--cta:after {
        margin-left: 0
    }
}

.newsletter-immersive--modal {
    padding-left: 0!important;
    z-index: 1039
}

.newsletter-immersive--modal.pointer-none {
    pointer-events: none
}

.newsletter-immersive--modal .modal-dialog {
    margin: 0 auto;
    max-width: 316px
}

@media(min-width: 768px) {
    .newsletter-immersive--modal .modal-dialog {
        max-width: 316px
    }
}

@media(min-width: 993px) {
    .newsletter-immersive--modal .modal-dialog {
        align-items: flex-end;
        margin-right: 30px;
        max-width: 316px
    }
}

@media(max-width: 992px) {
    .newsletter-immersive--modal .modal-dialog.modal-dialog-centered {
        align-items: flex-end;
        padding-bottom: 35px
    }
}

.newsletter-immersive--modal .modal-content {
    border-radius: 5px
}

@media(min-width: 993px) {
    .newsletter-immersive--modal .modal-content {
        flex-direction: row;
        margin-bottom: 94px
    }
}

.newsletter-immersive--modal .close-modal {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 17px;
    outline: 0;
    position: absolute;
    right: 5px;
    top: 8px;
    z-index: 1
}

@media(min-width: 993px) {
    .newsletter-immersive--modal .close-modal {
        right: 6px;
        top: 6px
    }
}

.newsletter-immersive--modal .close-modal:before {
    color: #98cb75;
    font-size: 13px
}

.newsletter-immersive--modal .modal--img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80px;
    width: 100%
}

@media(min-width: 993px) {
    .newsletter-immersive--modal .modal--img {
        height: 86vh;
        max-height: 690px;
        width: 360px
    }
}

.newsletter-immersive--modal .modal--text {
    flex: 1;
    padding: 30px 20px 0
}

@media(min-width: 993px) {
    .newsletter-immersive--modal .modal--text {
        padding: 80px 3% 0
    }
}

.newsletter-immersive--modal .modal--text iframe {
    border: none;
    height: 100%;
    width: 100%
}

.newsletter-immersive--modal2 {
    padding-left: 0!important
}

.newsletter-immersive--modal2 .modal-dialog {
    margin: 0 auto;
    max-width: 316px
}

@media(min-width: 768px) {
    .newsletter-immersive--modal2 .modal-dialog {
        max-width: 316px
    }
}

@media(min-width: 993px) {
    .newsletter-immersive--modal2 .modal-dialog {
        align-items: flex-end;
        margin-right: 30px;
        max-width: 316px;
        padding-bottom: 94px
    }
}

.newsletter-immersive--modal2 .modal-content {
    height: 90vh
}

@media(min-width: 993px) {
    .newsletter-immersive--modal2 .modal-content {
        flex-direction: row;
        height: 70vh
    }
}

.newsletter-immersive--modal2 .close-modal {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 17px;
    outline: 0;
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 1
}

@media(min-width: 993px) {
    .newsletter-immersive--modal2 .close-modal {
        right: 10px;
        top: 12px
    }
}

.newsletter-immersive--modal2 .close-modal:before {
    color: #98cb75;
    font-size: 13px
}

.newsletter-immersive--modal2 .modal--img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80px;
    width: 100%
}

@media(min-width: 993px) {
    .newsletter-immersive--modal2 .modal--img {
        height: 86vh;
        max-height: 690px;
        width: 360px
    }
}

.newsletter-immersive--modal2 .modal--text {
    flex: 1;
    padding: 30px 20px 0
}

@media(min-width: 993px) {
    .newsletter-immersive--modal2 .modal--text {
        padding: 80px 3% 0
    }
}

.newsletter-immersive--modal2 .modal--text iframe {
    border: none;
    height: 100%;
    width: 100%
}

.modal-backdrop.opacity-0 {
    opacity: 0
}

.modal-backdrop.pointer-none {
    pointer-events: none
}

.modal-open.scroll-y {
    overflow-y: scroll
}

.newsletter {
    background-color: #fff2f1;
    display: flex;
    flex-direction: column;
    font-family: var(--pf-primary-font), sans-serif
}

@media(min-width: 993px) {
    .newsletter {
        flex-direction: row
    }
}

.newsletter--content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 32px 18px 20px;
    text-align: center
}

@media(min-width: 993px) {
    .newsletter--content {
        align-items: flex-start;
        padding: 51px 61px
    }
}

.newsletter--text {
    flex: 1;
    text-align: center
}

@media(min-width: 993px) {
    .newsletter--text {
        text-align: left
    }
}

.newsletter--title {
    margin-bottom: 12px
}

@media(min-width: 993px) {
    .newsletter--title {
        margin-bottom: 20px
    }
}

.newsletter--title * {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3.2px;
    line-height: 20px;
    text-align: left
}

.newsletter--subtitle {
    margin-bottom: 20px
}

@media(max-width: 992px) {
    .newsletter--subtitle {
        margin-bottom: 12px
    }
}

.newsletter--subtitle * {
    color: #98cb75;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    text-align: left
}

@media(min-width: 993px) {
    .newsletter--subtitle * {
        font-size: 40px;
        letter-spacing: 1px;
        line-height: 44px
    }
}

.newsletter--img {
    margin: 0
}

.newsletter--img img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media(min-width: 993px) {
    .newsletter--img img {
        max-width: 473px
    }
}

.newsletter--description {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px
}

@media(max-width: 992px) {
    .newsletter--description {
        margin-bottom: 21px
    }
}

.newsletter--cta {
    align-items: center;
    border: 1px solid #191e33;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 17px 10px 17px 14px;
    text-transform: uppercase;
    transition: all .5s ease-in-out
}

@media(min-width: 993px) {
    .newsletter--cta {
        margin-top: 40px
    }
}

.newsletter--cta:after {
    color: #98cb75;
    content: "";
    font-family: icomoon, sans-serif;
    font-size: 14px;
    margin-left: 9px;
    position: relative
}

@media(min-width: 993px) {
    .newsletter--cta:after {
        margin-left: 36px
    }
}

.newsletter--cta:hover {
    background: #191e33;
    color: #fff
}

.newsletter--modal {
    padding-left: 0!important
}

.newsletter--modal .modal-dialog {
    margin: 0 auto;
    max-width: 316px
}

@media(min-width: 768px) {
    .newsletter--modal .modal-dialog {
        max-width: 500px
    }
}

@media(min-width: 993px) {
    .newsletter--modal .modal-dialog {
        max-width: 880px
    }
}

@media(max-width: 992px) {
    .newsletter--modal .modal-content {
        height: 90vh
    }
}

@media(min-width: 993px) {
    .newsletter--modal .modal-content {
        flex-direction: row
    }
}

.newsletter--modal .close-modal {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 17px;
    outline: 0;
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 1
}

@media(min-width: 993px) {
    .newsletter--modal .close-modal {
        right: 10px;
        top: 12px
    }
}

.newsletter--modal .close-modal:before {
    color: #fff;
    font-size: 13px
}

@media(min-width: 993px) {
    .newsletter--modal .close-modal:before {
        color: #191e33
    }
}

.newsletter--modal .modal--img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80px;
    width: 100%
}

@media(min-width: 993px) {
    .newsletter--modal .modal--img {
        height: 86vh;
        max-height: 690px;
        width: 360px
    }
}

.newsletter--modal .modal--text {
    flex: 1;
    padding: 30px 20px 0
}

@media(min-width: 993px) {
    .newsletter--modal .modal--text {
        padding: 80px 3% 0
    }
}

.newsletter--modal .modal--text iframe {
    border: none;
    height: 100%;
    width: 100%
}

.pop-in {
    background-color: #fff
}

.pop-in .close-span {
    color: gray!important
}

.pop-in .modal-content,
.pop-in .modal-content .modalheader {
    width: 576px
}

.pop-in .modal-content .links button {
    position: relative;
    right: 17px;
    top: 12px
}

.pop-in .modal-content .links button span {
    font-size: 30px
}

.pop-in .modal-content .links button i:before {
    content: "×";
    font-size: 31px;
    font-weight: inherit;
    left: -18px;
    position: absolute;
    top: -3px
}

.pop-in .modal-content .links .sub-title {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-left: 105px;
    margin-right: 105px;
    margin-top: 68px;
    text-align: center
}

.pop-in .modal-content ul {
    margin-bottom: 38px;
    margin-top: 26px;
    text-align: center
}

.pop-in .modal-content ul li {
    margin-left: auto;
    margin-right: auto
}

.pop-in .modal-content ul li:first-of-type {
    border-radius: 1px;
    margin-bottom: 23px;
    margin-right: 38px;
    text-align: center
}

.pop-in .modal-content ul li:first-of-type a {
    background-color: #98cb75;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: auto;
    letter-spacing: 1px;
    line-height: 16px;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 16px 18px 18px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    width: auto
}

.pop-in .modal-content ul li:nth-of-type(2) a,
.pop-in .modal-content ul li:nth-of-type(3) a {
    color: #191e33;
    display: inline;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-decoration: underline;
    text-underline-offset: 2px
}

.pop-in .modal-content ul li:nth-of-type(2) {
    height: auto;
    margin-bottom: 10px;
    margin-left: -44px;
    text-align: center
}

.pop-in .modal-content ul li:nth-of-type(2) a {
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 20px;
    -webkit-text-decoration-color: #98cb75;
    text-decoration-color: #98cb75
}

.pop-in .modal-content ul li:nth-of-type(3) {
    height: 23px;
    margin-left: -40px;
    text-align: center
}

.pop-in .modal-content ul li:nth-of-type(3) a {
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 16px;
    -webkit-text-decoration-color: #191e33;
    text-decoration-color: #191e33
}

.product-promo {
    background: transparent;
    display: flex;
    justify-content: space-between;
    min-height: 485px;
    width: 100%
}

@media screen and (max-width: 959px) {
    .product-promo {
        flex-wrap: wrap
    }
}

.product-promo--heading {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 8%
}

@media screen and (max-width: 959px) {
    .product-promo--heading {
        min-height: 360px;
        order: -1;
        width: 16%
    }
}

.product-promo--heading-title {
    position: relative;
    right: 33%;
    text-align: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: tb;
    writing-mode: tb;
    z-index: 1
}

@media screen and (max-width: 959px) {
    .product-promo--heading-title {
        position: absolute;
        right: 50%;
        top: 23px;
        -webkit-transform: rotate(180deg) translateX(-50%);
        transform: rotate(180deg) translateX(-50%)
    }
}

.product-promo--heading-title * {
    color: #191e33;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    text-align: left;
    text-transform: uppercase
}

@media screen and (max-width: 959px) {
    .product-promo--heading-title * {
        font-size: 9px
    }
}

.product-promo--heading img {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.product-promo--text {
    background: var(--Light-2-Color);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    justify-content: center;
    min-height: 260px;
    padding: 91px 105px;
    width: 56%
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    .product-promo--text {
        padding: 60px 24px
    }
}

@media screen and (max-width: 959px) {
    .product-promo--text {
        min-height: 0;
        order: 1;
        padding: 60px 24px;
        width: 100%
    }
}

.product-promo--text-subtitle {
    margin-bottom: 16px;
    padding-right: 60px
}

@media screen and (max-width: 959px) {
    .product-promo--text-subtitle {
        line-height: 30px;
        padding-right: 0
    }
}

.product-promo--text-subtitle * {
    color: #191e33;
    font-size: 32px;
    font-weight: 500;
    text-align: left
}

@media screen and (max-width: 959px) {
    .product-promo--text-subtitle * {
        font-size: 20px
    }
}

.product-promo--text-title {
    margin-bottom: 20px
}

.product-promo--text-title * {
    color: #191e33;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    text-align: left;
    text-transform: uppercase
}

.product-promo--text>a,
.product-promo--text>span {
    color: #191e33;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    margin-top: 18px;
    padding-bottom: 3px;
    position: relative;
    text-decoration: underline;
    -webkit-text-decoration-color: #98cb75;
    text-decoration-color: #98cb75;
    text-underline-position: under;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.product-promo--text>a:before,
.product-promo--text>span:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 2px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.product-promo--text>a:hover,
.product-promo--text>span:hover {
    color: #98cb75;
    text-decoration: none
}

.product-promo--text>a:hover:before,
.product-promo--text>span:hover:before {
    left: 0;
    width: 100%
}

.product-promo--text>a i,
.product-promo--text>a:hover:after,
.product-promo--text>span i,
.product-promo--text>span:hover:after {
    display: none
}

.product-promo--text>a.btn,
.product-promo--text>span.btn {
    background: #599fc4;
    border: none;
    border-radius: 1px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 18px 16px 16px 17px;
    text-align: center;
    text-transform: uppercase
}

.product-promo--text>a.btn i,
.product-promo--text>span.btn i {
    color: #fff;
    display: inline-block
}

@media screen and (max-width: 959px) {
    .product-promo--text>a.btn,
    .product-promo--text>span.btn {
        width: 100%!important
    }
}

.product-promo--text>a.btn:after,
.product-promo--text>span.btn:after {
    content: "";
    font-family: icomoon;
    font-size: 18px;
    margin-left: 30px
}

.product-promo--text .bloc-contenu {
    height: auto;
    padding: 0
}

.product-promo--text .bloc-contenu ul li {
    color: #000;
    font-size: 18px;
    margin-bottom: 11px
}

.product-promo--text .bloc-contenu p {
    color: #5b6770;
    font-size: 16px;
    margin-bottom: 4px;
    padding-top: 5px;
    width: 75%
}

@media screen and (max-width: 959px) {
    .product-promo--text .bloc-contenu p {
        font-size: 16px;
        margin-bottom: 0;
        width: 100%
    }
}

.product-promo--text .bloc-contenu p strong {
    color: #000;
    font-size: 18px;
    font-weight: 500
}

@media screen and (max-width: 959px) {
    .product-promo--text .bloc-contenu p strong {
        font-size: 14px
    }
}

.product-promo--link {
    display: flex;
    flex-direction: column
}

.product-promo--img {
    background: #f2f9f9;
    min-width: 520px;
    overflow: hidden;
    width: 36%
}

.product-promo--img:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s
}

@media screen and (max-width: 959px) {
    .product-promo--img {
        min-width: 0;
        order: 0;
        width: 84%
    }
}

.product-promo--img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.product-promo.inverted .product-promo--heading {
    order: -1
}

.product-promo.inverted .product-promo--img {
    order: 0
}

@media screen and (max-width: 959px) {
    .product-promo.inverted .product-promo--img {
        order: 1;
        width: 100%
    }
}

.product-promo.inverted .product-promo--text {
    order: 1
}

@media screen and (max-width: 959px) {
    .product-promo.inverted .product-promo--text {
        order: 0;
        width: 84%
    }
}

.product-promo.inverted .product-promo--white-space,
.product-promo.right .product-promo--heading {
    order: 2
}

@media screen and (max-width: 959px) {
    .product-promo.right .product-promo--heading {
        order: 1
    }
}

.block-product-list {
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

.block-product-list-result * {
    color: #191e33;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 58px;
    text-align: left
}

.block-product-list .grid {
    margin: 0 auto
}

@media(max-width: 992px) {
    .block-product-list .grid {
        width: 100%
    }
}

@media(min-width: 576px) {
    .block-product-list .grid {
        overflow: hidden
    }
}

.block-product-list .grid:after {
    clear: both;
    content: "";
    display: block
}

.block-product-list .grid-item,
.block-product-list .grid-sizer {
    width: 22%
}

@media(max-width: 992px) {
    .block-product-list .grid-item,
    .block-product-list .grid-sizer {
        width: 47%
    }
}

@media screen and (min-width: 1023px)and (max-width:1439px) {
    .block-product-list .grid-item,
    .block-product-list .grid-sizer {
        width: 22%
    }
}

.block-product-list .gutter-sizer {
    width: 4%
}

@media(max-width: 992px) {
    .block-product-list .gutter-sizer {
        width: 6%
    }
}

.block-product-list .grid-item {
    float: left;
    height: auto;
    margin-bottom: 4%
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .block-product-list .grid-item {
        margin-bottom: 4%
    }
}

.block-product-list .grid-item--width2 {
    width: 48%
}

@media(max-width: 992px) {
    .block-product-list .grid-item--width2 {
        width: 100%
    }
}

.block-product-list .grid-item--width3 {
    width: 100%
}

@media(max-width: 992px) {
    .block-product-list .grid-item--width3 {
        width: 100%
    }
    .block-product-list .full-width-mobile-img {
        min-height: 360px;
        width: 100%
    }
}

.block-product-list .full-width-mobile-img .product-card__image {
    height: 100%
}

.block-product-list .product-card-content {
    height: 441px
}

@media(max-width: 992px) {
    .block-product-list .product-card-content {
        height: 315px
    }
}

.block-product-list.w-buy-button .push-media {
    height: 486px
}

@media(max-width: 992px) {
    .block-product-list.w-buy-button .push-media {
        height: 360px
    }
}

.block-product-list .push-media {
    height: 441px
}

@media(max-width: 992px) {
    .block-product-list .push-media {
        height: 315px
    }
}

.block-product-list .bloc-contenu-editorial,
.block-product-list .bloc-focus,
.block-product-list .bloc-image img,
.block-product-list .bloc-mot-expert,
.block-product-list .bloc-push-cta,
.block-product-list .promoted-content,
.block-product-list .push-edito {
    height: 486px
}

@media(max-width: 992px) {
    .block-product-list .bloc-contenu-editorial,
    .block-product-list .bloc-focus,
    .block-product-list .bloc-image img,
    .block-product-list .bloc-mot-expert,
    .block-product-list .bloc-push-cta,
    .block-product-list .promoted-content,
    .block-product-list .push-edito {
        height: 360px
    }
}

.block-product-list .promoted-content.redirection {
    align-items: flex-end
}

.block-product-list .promoted-content.redirection .promoted-content--wrapper {
    justify-content: center;
    margin: 28px auto;
    padding: 32px 33px
}

.block-product-list .best-seller-product .product-card-content,
.block-product-list .bloc-redirection {
    height: 968px
}

@media(max-width: 992px) {
    .block-product-list .best-seller-product .product-card-content,
    .block-product-list .bloc-redirection {
        height: 630px
    }
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .block-product-list .best-seller-product .product-card-content,
    .block-product-list .bloc-redirection {
        width: 100%
    }
}

@media(max-width: 992px) {
    .block-product-list .bloc-mot-expert .bloc-mot-expert__title {
        margin-bottom: 16px
    }
    .block-product-list .bloc-mot-expert .expert__author {
        margin-top: 16px
    }
}

.block-product-list .stamp {
    left: 0;
    position: absolute;
    top: 0;
    width: calc(50% - 26px)
}

@media(max-width: 992px) {
    .block-product-list .stamp {
        width: 100%
    }
}

@media screen and (min-width: 1023px)and (max-width:1439px) {
    .block-product-list .stamp {
        width: calc(50% - 24px)
    }
}

.block-product-list .stamp2 {
    display: flex;
    width: 100%
}

@media(max-width: 992px) {
    .block-product-list .stamp2 {
        flex-direction: column;
        width: 100%
    }
}

.block-product-list .stamp2 .long-desc_video {
    margin-left: 4%
}

@media(max-width: 992px) {
    .block-product-list .stamp2 .long-desc_video {
        margin-left: 0
    }
}

.block-product-list .stamp-desc {
    width: 100%
}

.block-product-list .stamp-desc .long-desc,
.block-product-list .stamp-desc .long-desc__text {
    min-height: auto
}

.block-product-list .stamp-video {
    width: 100%
}

.block-product-list .stamp-video .long-desc_video {
    width: 48%
}

@media(max-width: 992px) {
    .block-product-list .stamp-video .long-desc_video {
        width: 100%
    }
}

.block-product-list .card-img {
    height: 100%
}

.block-product-list .card-img.card-img-1,
.block-product-list .card-img.card-img-2 {
    max-height: 395px
}

.block-product-list .card-img.card-img-4 {
    max-height: 838px
}

.block-product-list .card-body .tryit-btn {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    padding-left: 14px;
    position: absolute;
    right: auto;
    top: 14px;
    z-index: 1
}

@media(max-width: 992px) {
    .block-product-list .card-body .tryit-btn {
        padding: 8px 0;
        right: 0;
        top: 8px
    }
}

.block-product-list .card-body .tryit-btn a,
.block-product-list .card-body .tryit-btn span {
    background-color: var(--Strong-Color);
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 14px;
    padding: 4px 10px;
    text-align: center;
    text-transform: uppercase
}

.promo-testimonial {
    display: flex
}

.promo-testimonial--img {
    margin-bottom: 0;
    width: 50%
}

.promo-testimonial--img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.promo-testimonial--text {
    align-items: center;
    background: var(--Secondary-light-2-Color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

.promo-testimonial--text img {
    margin-bottom: 39px;
    margin-top: 20px
}

.promo-testimonial--text p,
.promo-testimonial--text q {
    color: #191e33;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    max-width: 62%;
    text-align: center
}

.promo-testimonial--text p.anm,
.promo-testimonial--text q.anm {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.promo-testimonial--text p:before,
.promo-testimonial--text q:before {
    content: "«"
}

.promo-testimonial--text p:after,
.promo-testimonial--text q:after {
    content: "»"
}

.promo-testimonial--text a {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    margin: 20px 0;
    padding-bottom: 3px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.promo-testimonial--text a:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.promo-testimonial--text a:hover {
    border-bottom: 0;
    color: #98cb75;
    text-decoration: none
}

.promo-testimonial--text a:hover:before {
    left: 0;
    width: 100%
}

.promo-testimonial--text__author {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    width: 100%
}

.promo-testimonial--text__author p {
    color: #191e33;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 2.5px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.promo-testimonial--text__author span {
    font-size: 14px
}

.promo-testimonial--title {
    margin-bottom: 21px
}

.promo-testimonial--title * {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

.promo-testimonial--icon {
    color: var(--Strong-Color);
    font-size: 30px;
    margin-bottom: 39px
}

.promo-testimonial.inverted .promo-testimonial--img {
    order: 1
}

.promoted-content-composition {
    background-color: #fff2f1;
    display: flex;
    padding: 80px 0;
    position: relative
}

.promoted-content-composition--img {
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.promoted-content-composition--header {
    align-items: center;
    background: transparent;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 100%;
    position: relative
}

@media(max-width: 992px) {
    .promoted-content-composition--header {
        margin-bottom: 60px
    }
}

@media(min-width: 768px) {
    .promoted-content-composition--header {
        margin-bottom: 50px;
        max-width: 54%
    }
}

.promoted-content-composition--title {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    margin-bottom: 8px
}

.promoted-content-composition--title * {
    color: var(--Strong-Color);
    font-family: var(--pf-primary-font);
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 993px) {
    .promoted-content-composition--title * {
        font-size: 18px;
        letter-spacing: 3.5px;
        padding-left: 25px
    }
}

.promoted-content-composition--title img {
    display: block;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 993px) {
    .promoted-content-composition--title img {
        padding-left: 18px
    }
}

.promoted-content-composition--description {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    margin-bottom: 0;
    width: 100%
}

.promoted-content-composition--description a,
.promoted-content-composition--description p {
    color: var(--Secondary-Color);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: .7px;
    line-height: 23px;
    text-align: center
}

@media(min-width: 768px) {
    .promoted-content-composition--description a,
    .promoted-content-composition--description p {
        font-size: 31px;
        line-height: 40px
    }
}

.promoted-content-composition--cta {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    color: #191e33;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 21px;
    margin-top: 40px;
    position: relative;
    text-decoration: none
}

@media(min-width: 993px) {
    .promoted-content-composition--cta {
        margin-left: 14px
    }
}

.promoted-content-composition--cta:after {
    background-color: #777580;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.promoted-content-composition--cta:before {
    background: none repeat scroll 0 0 transparent;
    background: #777580;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.promoted-content-composition--cta:hover {
    color: #777580;
    text-decoration: none
}

.promoted-content-composition--cta:hover:before {
    left: 0;
    width: 100%
}

.promoted-content-composition--cta:hover:after {
    display: none
}

.promoted-content-composition--content {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 0 105px
}

@media(max-width: 992px) {
    .promoted-content-composition--content {
        flex-direction: column;
        padding: 0
    }
}

@media(min-width: 768px) {
    .promoted-content-composition--content {
        font-size: 32px;
        line-height: 40px
    }
}

.promoted-content-composition--content .first-side {
    flex: 0 0 47.5%;
    max-width: 47.5%;
    text-align: left
}

@media(max-width: 992px) {
    .promoted-content-composition--content .first-side {
        flex: 0 0 74%;
        margin-left: -16px;
        margin-right: auto;
        max-width: 74%
    }
}

.promoted-content-composition--content .first-side img {
    max-width: 100%
}

.promoted-content-composition--content .second-side {
    flex: 0 0 41.8%;
    margin-top: 68px;
    max-width: 41.8%;
    padding-right: 56px;
    text-align: left
}

@media(max-width: 992px) {
    .promoted-content-composition--content .second-side {
        flex: 0 0 64%;
        margin-left: auto;
        margin-right: 0;
        margin-top: 30px;
        max-width: 64%;
        padding-right: 0
    }
}

.promoted-content-composition--content .second-side img {
    max-width: 100%
}

.promoted-content {
    display: flex;
    position: relative
}

.promoted-content.focus {
    background: #f4f3f1;
    padding: 311px 0 28px
}

@media(min-width: 993px) {
    .promoted-content.focus {
        padding: 90px 0 80px
    }
}

.promoted-content--img {
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.promoted-content.parallax .promoted-content--img img {
    height: 150vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100vw
}

@media(orientation: landscape) {
    .promoted-content.parallax .promoted-content--img img {
        height: 200vh
    }
}

.promoted-content.redirection .promoted-content--img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.promoted-content--wrapper {
    align-items: center;
    background: var(--Light-2-Color);
    display: flex;
    flex-direction: column;
    margin: 311px auto 28px;
    max-width: 396px;
    padding: 44px 30px 45px;
    position: relative
}

@media(min-width: 768px) {
    .promoted-content--wrapper {
        margin: 90px auto 80px
    }
    .promoted-content.promoted-50 .promoted-content--wrapper {
        margin: 205px auto
    }
    .promoted-content--wrapper {
        padding: 64px 33px 63px
    }
}

.promoted-content--wrapper>img {
    display: none
}

.promoted-content--title {
    margin-bottom: 10px
}

@media(min-width: 768px) {
    .promoted-content--title {
        font-size: 14px;
        letter-spacing: 4px;
        line-height: 16px;
        margin-bottom: 20px
    }
}

.promoted-content--title:last-child {
    margin-bottom: 0
}

.promoted-content--title * {
    color: var(--Strong-Color);
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .promoted-content--title * {
        font-size: 14px;
        letter-spacing: 4px;
        line-height: 16px
    }
}

.promoted-content--description {
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .promoted-content--description {
        margin-bottom: 42px
    }
}

.promoted-content--description * {
    color: #191e33;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    text-align: center
}

@media(min-width: 768px) {
    .promoted-content--description * {
        font-size: 32px;
        letter-spacing: 1px;
        line-height: 40px
    }
}

.promoted-content--description * a {
    color: #fff;
    display: inline-block;
    text-decoration: underline;
    text-underline-position: under
}

.promoted-content--description :last-child {
    margin-bottom: 0
}

.promoted-content--descriptionLong {
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .promoted-content--descriptionLong {
        margin-bottom: 40px
    }
}

.promoted-content--descriptionLong * {
    color: #191e33;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    text-align: center
}

@media(min-width: 768px) {
    .promoted-content--descriptionLong * {
        font-size: 32px;
        letter-spacing: 1px;
        line-height: 40px
    }
}

.promoted-content--descriptionLong * a {
    color: #fff;
    display: inline-block;
    text-decoration: underline;
    text-underline-position: under
}

.promoted-content--descriptionLong :last-child {
    margin-bottom: 0
}

.promoted-content--cta {
    color: #191e33;
    display: inline-block;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    position: relative
}

.promoted-content--cta:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.promoted-content--cta:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.promoted-content--cta:hover {
    color: #98cb75;
    text-decoration: none
}

.promoted-content--cta:hover:before {
    left: 0;
    width: 100%
}

.promoted-content--cta:hover:after {
    display: none
}

.col-12.col-lg-6:not(.full) .promoted-50 {
    margin-left: -24px;
    margin-right: -24px
}

.block-product-list .promoted-content--background {
    background-size: cover
}

.header-block {
    display: flex
}

@media(max-width: 992px) {
    .header-block {
        flex-direction: column
    }
}

.header-block__img {
    overflow: hidden;
    position: relative;
    width: 49%
}

@media(max-width: 992px) {
    .header-block__img {
        max-height: 350px;
        width: 100%
    }
}

@media(max-width: 575px) {
    .header-block__img {
        max-height: 200px
    }
}

.header-block__img img {
    width: 100%
}

@media(min-width: 993px) {
    .header-block__img img {
        height: 100%;
        left: 50%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%
    }
}

.header-block__content {
    background: var(--Secondary-light-2-Color);
    padding: 41px 47px 56px 50px;
    width: 52%
}

@media(max-width: 992px) {
    .header-block__content {
        padding: 30px 47px 45px 20px;
        width: 100%
    }
}

.header-block__subtitle {
    display: none
}

.header-block__title {
    font-size: 52px;
    letter-spacing: 1.3px;
    line-height: 54px
}

.header-block__desc,
.header-block__title {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-weight: 500;
    margin-bottom: 30px
}

.header-block__desc {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px
}

@media(max-width: 1199px) {
    .header-block__desc {
        font-size: 18px;
        line-height: 24px
    }
}

.header-block__desc p {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px
}

@media(max-width: 1199px) {
    .header-block__desc p {
        font-size: 18px;
        line-height: 24px
    }
}

.header-block__cta {
    margin-bottom: 22px
}

.header-block__cta .btn {
    background: none;
    border: none;
    border-bottom: 1px solid #98cb75;
    border-radius: 0;
    color: #383d56;
    display: inline;
    font-family: var(--pf-primary-font);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    padding: 0 0 3px;
    text-align: center;
    text-transform: none;
    width: auto
}

.header-block__cta .btn:active,
.header-block__cta .btn:focus,
.header-block__cta .btn:hover,
.header-block__cta .btn:not(:disabled):not(.disabled):active {
    background: none;
    border-color: #98cb75;
    border-width: 0 0 1px;
    box-shadow: none;
    color: #383d56
}

.header-block__ssdesc {
    display: none
}

@media(min-width: 993px) {
    .header-block.inverted .header-block__img {
        order: 2
    }
    .header-block.inverted .header-block__content {
        order: 1
    }
}

.header-block.bg-green .header-block__content {
    background: #abc530
}

.header-block.bg-green .header-block__content .header-block__subtitle {
    color: #464545
}

.header-block.bg-green .header-block__content .header-block__title {
    color: #fff
}

.header-block.bg-green .header-block__content .header-block__desc {
    color: #464545
}

.header-block.bg-green .header-block__content .header-block__cta .btn {
    background: #fff;
    border-color: #fff;
    color: #214009
}

.header-block.bg-green .header-block__content .header-block__ssdesc {
    color: #676767
}

.header-block.bg-white .header-block__content {
    background: #fff
}

.header-block.bg-white .header-block__content .header-block__desc,
.header-block.bg-white .header-block__content .header-block__subtitle,
.header-block.bg-white .header-block__content .header-block__title {
    color: #464545
}

.header-block.bg-white .header-block__content .header-block__ssdesc {
    color: #676767
}

@media(min-width: 1200px) {
    .full .header-block__content {
        padding: 55px 73px 57px 53px
    }
}

@media(min-width: 1440px) {
    .full .header-block__content {
        padding: 136px 110px 107px 120px
    }
}

.promoted-full-primary {
    position: relative
}

.promoted-full-primary--bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.promoted-full-primary--bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.promoted-full-primary--wrapper {
    display: flex
}

.promoted-full-primary--wrapper.reverse {
    justify-content: flex-end
}

.promoted-full-primary--content {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    min-height: 400px;
    padding: 240px 0 60px;
    position: relative;
    z-index: 1
}

@media(min-width: 768px) {
    .promoted-full-primary--content {
        max-width: 473px;
        min-height: 500px;
        padding: 90px 0
    }
}

.promoted-full-primary--cat {
    margin-bottom: 10px
}

@media(min-width: 993px) {
    .promoted-full-primary--cat {
        margin-bottom: 8px
    }
}

.promoted-full-primary--cat * {
    color: var(--Light-3-Color);
    font-size: 10px;
    letter-spacing: 2.5px;
    line-height: 16px;
    text-transform: uppercase
}

.promoted-full-primary--title {
    margin-bottom: 12px
}

.promoted-full-primary--title * {
    color: black;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    text-align: left
}

@media(min-width: 768px) {
    .promoted-full-primary--title * {
        font-size: 52px;
        letter-spacing: 1.69px;
        line-height: 54px
    }
}

.promoted-full-primary--description {
    color: black;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 32px
}

@media(min-width: 768px) {
    .promoted-full-primary--description {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 28px
    }
}

.promoted-full-primary--bullet {
    margin-bottom: 15px;
    padding-left: 15px
}

@media(min-width: 993px) {
    .promoted-full-primary--bullet {
        margin-bottom: 12px
    }
}

.promoted-full-primary--bullet li {
    color: var(--Light-3-Color);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
    position: relative
}

@media(min-width: 993px) {
    .promoted-full-primary--bullet li {
        margin-bottom: 12px
    }
}

.promoted-full-primary--bullet li:last-of-type {
    margin-bottom: 0
}

.promoted-full-primary--bullet li:after {
    background: var(--Light-3-Color);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: -15px;
    position: absolute;
    top: 12px;
    width: 4px
}

.promoted-full-primary--link {
    background: var(--Strong-Color);
    color: var(--Light-3-Color);
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 17px 25px;
    text-align: center;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    width: 100%
}

@media(min-width: 768px) {
    .promoted-full-primary--link {
        display: inline-flex;
        width: auto
    }
}

.promoted-full-primary--link:hover {
    background: #191e33;
    color: var(--Light-3-Color)
}

.promoted-full-primary--link.soft {
    background: transparent;
    color: var(--Light-3-Color);
    display: inline-block;
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 20px;
    padding: 0;
    position: relative;
    text-decoration: underline;
    text-transform: none;
    text-underline-position: under;
    width: auto
}

@media(min-width: 993px) {
    .promoted-full-primary--link.soft {
        font-size: 18px;
        letter-spacing: normal;
        line-height: 24px
    }
}

.promoted-full-primary--link.soft:before {
    background: var(--Light-3-Color);
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.promoted-full-primary--link.soft:hover {
    border: 0;
    color: var(--Light-3-Color);
    text-decoration: none
}

.promoted-full-primary--link.soft:hover:before {
    left: 0;
    width: 100%
}

.push-edito {
    align-items: center;
    background: var(--Champagne-light);
    background: #fdf2f1;
    height: 100%;
    justify-content: center;
    position: relative;
    text-align: center
}

.push-edito,
.push-edito--wrapper {
    display: flex;
    flex-direction: column
}

.push-edito--wrapper {
    padding: 50px 70px
}

.push-edito--content>img {
    display: none
}

.push-edito--title {
    letter-spacing: 4px;
    text-transform: uppercase
}

.push-edito--title span {
    font-size: 12px
}

@media(max-width: 992px) {
    .push-edito--title span {
        letter-spacing: 3.2px
    }
}

.push-edito--text span {
    color: #f18374;
    font-size: 35px;
    font-weight: 500;
    line-height: 39px;
    margin-bottom: 25px;
    margin-top: 23px;
    padding: 0 58px
}

@media(max-width: 992px) {
    .push-edito--text span {
        font-size: 23px;
        line-height: 34px;
        margin-top: 12px;
        padding: 0 33px
    }
}

.push-edito--cta {
    display: flex;
    justify-content: center
}

.push-edito--cta a {
    border-bottom: 1px solid #f18374;
    font-size: 14px
}

@media(max-width: 992px) {
    .push-edito--cta a {
        font-size: 12px
    }
}

.grid-item .push-edito--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.grid-item .push-edito--title {
    margin-bottom: 20px
}

.grid-item .push-edito--text span {
    padding: 0 30px
}

.push-media {
    min-height: 396px;
    position: relative
}

@media(max-width: 575px) {
    .push-media {
        min-height: 198px
    }
}

.push-media.type-image {
    overflow: hidden
}

.push-media.type-image a {
    height: 100%
}

.push-media.type-image picture img:hover {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s
}

.push-media.type-video picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.push-media picture img,
.push-media.type-video picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.push-media-play {
    background: transparent;
    border: 0;
    border-radius: 100%;
    height: 100px;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px
}

.push-media-play-text {
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 #000;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    height: 100px;
    letter-spacing: .6px;
    line-height: 96px;
    text-shadow: 0 0 5px #000;
    width: 100px
}

.push-media-play-icon {
    display: none
}

.push-media-video .modal-content button.close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9
}

.push-media-video .modal-body {
    padding: 0
}

.push-media-video .modal-body .bloc-video .video-embed {
    min-height: 450px
}

.question-answer {
    position: relative
}

.question-answer__wrapper {
    margin: 0 auto;
    max-width: 784px;
    padding: 24px 0 38px
}

@media(max-width: 992px) {
    .question-answer__wrapper {
        max-width: 100%;
        padding: 28px 0 24px
    }
}

.question-answer__title {
    margin-bottom: 28px
}

@media(max-width: 992px) {
    .question-answer__title {
        margin-bottom: 20px
    }
}

.question-answer__title h3 {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

@media(max-width: 992px) {
    .question-answer__title h3 {
        font-size: 22px;
        line-height: 32px
    }
}

.question-answer .question-answer__text,
.question-answer .question-answer__text p,
.question-answer__text .question-answer p {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px
}

.question-answer__text {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    border-left: 1px solid #191e33;
    padding-left: 23px
}

.question-answer__text.bloc-contenu {
    padding-bottom: 0;
    padding-top: 0
}

.question-answer__text p {
    margin-bottom: 28px
}

.question-answer__text p:last-of-type {
    margin-bottom: 0
}

.quick-access {
    align-items: center;
    background-color: var(--Light-3-Color);
    min-height: 290px;
    padding: 88px 24px 102px
}

.quick-access,
.quick-access--body {
    display: flex;
    justify-content: center
}

.quick-access--body {
    flex-wrap: wrap;
    text-align: center
}

.quick-access--desc {
    width: 100%
}

.quick-access img {
    display: none;
    margin-bottom: 30px
}

.quick-access--filter {
    margin: 12px 0 3px
}

.quick-access--title {
    padding: 0 60px;
    width: 100%
}

@media(min-width: 993px) {
    .quick-access--title {
        padding: 0
    }
}

.quick-access--title * {
    color: #191e33;
    font-size: 23px;
    font-weight: 500;
    line-height: 30px
}

@media(min-width: 993px) {
    .quick-access--title * {
        line-height: normal
    }
}

.quick-access a {
    display: inline-flex;
    justify-content: space-between;
    margin: 32px auto 0
}

.quick-access a.btn {
    background: #191e33;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 17px 17px 19px 19px;
    text-transform: uppercase
}

.quick-access a.btn span {
    margin-right: 36px
}

.quick-access a.btn i {
    color: #5b6770;
    font-size: 15px;
    font-weight: 500
}

.quick-access .s-hidden {
    display: none
}

.quick-access .wrap--select {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    max-width: 100%;
    min-height: 43px;
    position: relative;
    width: 100%
}

@media(min-width: 993px) {
    .quick-access .wrap--select {
        min-width: 369px;
        width: auto
    }
}

.quick-access .styledSelect {
    align-items: center;
    background-color: transparent;
    color: var(--Strong-Color);
    display: inline-flex;
    font-size: 24px;
    font-weight: 500;
    justify-content: center;
    line-height: 32px;
    padding: 0 30px 0 0;
    position: relative
}

.quick-access .styledSelect:before {
    background: #191e33;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.quick-access .styledSelect:after {
    color: #5b6770;
    content: "";
    font-family: icomoon, sans-serif;
    font-size: 7px;
    position: absolute;
    right: 10px;
    top: 2px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.quick-access .styledSelect.active:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.quick-access .options {
    background: #fafafa;
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0 0 28px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 999
}

.quick-access .options li {
    font-size: 24px;
    line-height: 30px;
    padding: 10px 50px
}

.quick-access .options li:hover {
    background: hsla(0, 0%, 80%, .7)
}

.range-page-cover__wrap {
    display: flex;
    flex-wrap: wrap
}

.range-page-cover__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    order: 0;
    padding: 40px 0
}

@media(max-width: 992px) {
    .range-page-cover__content {
        padding: 60px 0
    }
}

.range-page-cover__content-wrap {
    margin-left: 7.5%
}

@media(max-width: 992px) {
    .range-page-cover__content-wrap {
        margin-left: 0;
        text-align: center
    }
}

.range-page-cover__media {
    order: 1;
    padding-right: 0
}

.range-page-cover__media img {
    max-width: 100%;
    width: 100%
}

@media(max-width: 992px) {
    .range-page-cover__media {
        padding-left: 0
    }
}

.range-page-cover__media+div {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

@media(max-width: 992px) {
    .range-page-cover__media+div {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.range-page-cover__icon,
.range-page-cover__surtitle {
    display: none
}

.range-page-cover__title {
    -webkit-animation-delay: 1s;
    margin-bottom: 12px
}

.range-page-cover__title * {
    color: var(--Strong-Color);
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 44px;
    text-align: left
}

@media(max-width: 992px) {
    .range-page-cover__title * {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        text-align: center
    }
}

.range-page-cover__sub-desc {
    -webkit-animation-delay: 1.5s;
    margin-bottom: 40px;
    width: 97%
}

@media(max-width: 992px) {
    .range-page-cover__sub-desc {
        margin: 0 auto 40px;
        width: 98%
    }
}

.range-page-cover__sub-desc * {
    color: #191e33;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
    width: 97%
}

@media(max-width: 992px) {
    .range-page-cover__sub-desc * {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        text-align: center
    }
}

.range-page-cover__desc {
    -webkit-animation-delay: 2s;
    color: #5b6770;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    max-width: 360px
}

@media(max-width: 992px) {
    .range-page-cover__desc {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        text-align: left;
        width: 100%
    }
}

.range-page-cover__btn {
    text-align: left
}

.range-page-cover__btn a {
    -webkit-animation-delay: 2.5s;
    margin-top: 40px
}

@media(max-width: 992px) {
    .range-page-cover__btn a {
        display: block
    }
}

.reviews {
    background-color: var(--Light-2-Color);
    padding: 80px 0
}

.reviews-aside {
    margin-bottom: 25px;
    padding-right: 56px
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .reviews-aside {
        padding-right: 0
    }
}

.reviews-aside-note {
    background-color: var(--Strong-Color);
    display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: flex-end;
    margin-right: 18px;
    width: 100%
}

.reviews-aside-note-wrapper {
    margin: 0 18px 34px
}

.reviews-aside-note-point {
    margin-bottom: 11px
}

.reviews-aside-note-point span {
    color: #fff;
    font-family: var(--pf-secondary-font), sans-serif;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 45px
}

@media(min-width: 993px) {
    .reviews-aside-note-point span {
        font-size: 52px;
        letter-spacing: 1.3px;
        line-height: 60px
    }
}

.reviews-aside-note-rate {
    display: flex
}

.reviews-aside-note-rate span {
    color: #fff;
    font-size: 22px;
    margin-right: 2px
}

.reviews-aside-per {
    background-color: var(--Light-3-Color);
    display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: flex-end;
    width: 100%
}

.reviews-aside-per-wrapper {
    margin: 0 18px 30px
}

.reviews-aside-per-point {
    margin-bottom: 3px
}

.reviews-aside-per-point span {
    color: var(--Strong-Color);
    font-family: var(--pf-secondary-font), sans-serif;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 45px
}

@media(min-width: 993px) {
    .reviews-aside-per-point span {
        font-size: 52px;
        letter-spacing: 1.3px;
        line-height: 60px
    }
}

.reviews-aside-per-description p {
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px
}

.reviews-add {
    padding-right: 56px
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .reviews-add {
        padding-right: 0
    }
}

.reviews-add a {
    border: 1px solid #191e33;
    color: #191e33;
    font-size: 14px;
    height: 60px;
    letter-spacing: 1px;
    line-height: 58px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    width: 100%
}

@media screen and (min-width: 768px)and (max-width:959px) {
    .reviews-add a {
        margin-bottom: 40px
    }
}

.reviews-add a:before {
    color: #98cb75;
    font-family: icomoon!important;
    font-size: 18px;
    position: absolute;
    right: 17px;
    top: 0
}

.reviews-add a:hover {
    background: #191e33;
    color: #fff
}

.reviews-body {
    margin-top: 12px
}

.reviews-body-heading {
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    margin-bottom: 43px;
    padding-bottom: 22px;
    padding-left: 25px
}

.reviews-body-heading-nb span {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px
}

.reviews-body-heading-filter {
    position: relative
}

.reviews-body-heading-filter label {
    color: #98cb75;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 15px
}

.reviews-body-heading-filter select {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    outline: 0;
    padding-right: 28px;
    position: relative;
    z-index: 2
}

.reviews-body-heading-filter select::-ms-expand {
    display: none
}

.reviews-body-heading-filter:before {
    color: #98cb75;
    font-family: icomoon!important;
    font-size: 7px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1
}

.reviews-body-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    padding-left: 25px
}

.reviews-body-item:not(:first-of-type) {
    margin-top: 15px
}

.reviews-body-item-heading-title {
    display: flex
}

.reviews-body-item-heading-title span {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-right: 17px
}

.reviews-body-item-heading-title-rate {
    align-items: center;
    display: flex
}

.reviews-body-item-heading-title-rate span {
    color: #98cb75;
    font-size: 13px;
    margin-right: 2px
}

.reviews-body-item-content-age p {
    color: #5b6770;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.reviews-body-item-content-age span {
    color: #191e33;
    display: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    opacity: .5;
    text-align: right
}

.reviews-body-item-content-comment {
    margin-top: 5px
}

.reviews-body-item-content-comment p {
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 20px;
    width: 86%;
    word-break: break-word
}

.reviews-body-item-content-repley span {
    color: #98cb75;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    margin-bottom: 12px
}

.reviews-body-item-content-repley p {
    border-left: 1px solid #98cb75;
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 20px;
    padding-left: 15px;
    width: 93%
}

.reviews-body-item-content .tg_reviews_readMore_cta {
    color: #191e33;
    display: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 25px;
    padding-bottom: 5px;
    position: relative
}

.reviews-body-item-content .tg_reviews_readMore_cta:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.reviews-body-item-content .tg_reviews_readMore_cta:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.reviews-body-item-content .tg_reviews_readMore_cta:hover {
    color: #98cb75;
    text-decoration: none
}

.reviews-body-item-content .tg_reviews_readMore_cta:hover:before {
    left: 0;
    width: 100%
}

.reviews-body-item-content .tg_reviews_readMore_cta:hover:after {
    display: none
}

.reviews-body-item-footer {
    display: flex;
    justify-content: space-between
}

.reviews-body-item-footer-suggest span {
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px
}

.reviews-body-item-footer-suggest span:before {
    color: #98cb75;
    font-family: icomoon!important;
    margin-right: 5px
}

.reviews-body-item-footer-date span {
    color: #5b6770;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    text-align: right
}

.reviews-body-item-all {
    margin-top: 20px;
    text-align: right
}

.reviews-body-item-all a {
    color: #191e33;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 5px;
    position: relative
}

.reviews-body-item-all a:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.reviews-body-item-all a:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.reviews-body-item-all a:hover {
    color: #98cb75;
    text-decoration: none
}

.reviews-body-item-all a:hover:before {
    left: 0;
    width: 100%
}

.reviews .more-content,
.reviews-body-item-all a:hover:after {
    display: none
}

.reviews .eclipse-text {
    display: inline;
    margin-left: 5px
}

.reviews .block-heading {
    margin-bottom: 40px
}

.reviews .block-heading-title * {
    color: var(--Secondary-Color);
    letter-spacing: 4px;
    line-height: 30px
}

.reviews .block-heading-description * {
    color: var(--Strong-Color)
}

.resultats {
    background-color: var(--Secondary-light-2-Color);
    padding: 80px 0
}

.resultats__content {
    overflow: hidden
}

.resultats .ic-title {
    display: none
}

.resultats__title {
    margin-bottom: 20px
}

.resultats__title * {
    display: block;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase
}

.resultats__title span {
    color: var(--Secondary-Color)
}

.resultats__bg {
    display: none
}

.resultats__sub-title {
    margin: 0 auto 60px;
    width: 52%
}

.resultats__sub-title * {
    color: var(--Strong-Color);
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center
}

.resultats__desc {
    margin: auto;
    width: 65%
}

.resultats__desc p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 25px
}

.resultats__cliniques {
    margin-right: 8.333%
}

.resultats__cliniques p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px
}

.resultats__source {
    margin-top: 20px
}

.resultats__source p {
    line-height: 18px
}

.resultats__source p,
.resultats__source-link {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0
}

.resultats__source-link {
    border-bottom: 0;
    color: #191e33;
    display: inline-block;
    line-height: 16px;
    margin-top: 20px;
    padding-bottom: 4px;
    position: relative;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(25, 30, 51, .3);
    text-decoration-color: rgba(25, 30, 51, .3);
    text-underline-offset: 6px;
    transition: all .5s
}

.resultats__source-link:before {
    background: rgba(25, 30, 51, .3);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.resultats__source-link:focus,
.resultats__source-link:hover {
    color: #191e33
}

.resultats__source-link:hover {
    color: rgba(25, 30, 51, .3);
    text-decoration: none
}

.resultats__source-link:hover:before {
    left: 0;
    width: 100%
}

.resultats__visuel.img-before-after {
    display: flex;
    position: relative
}

.resultats__visuel.img-before-after>div>span {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 16px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 12px
}

.resultats__visuel.img-before-after>div.img-before.anm {
    -webkit-animation-delay: .5s
}

.resultats__visuel.img-before-after>div.img-before>span {
    background: #fff;
    color: #98cb75;
    left: 12px;
    padding: 2px 3px 2px 8px
}

.resultats__visuel.img-before-after>div.img-after.anm {
    -webkit-animation-delay: 1s
}

.resultats__visuel.img-before-after>div.img-after>span {
    background: #98cb75;
    color: #fff;
    padding: 3px 4px 0 5px;
    right: 12px
}

.app-step {
    margin-top: 16px
}

.app-step__item {
    -webkit-animation-delay: 2s;
    border-bottom: 1px solid rgba(25, 30, 51, .2);
    margin-bottom: 22px;
    margin-right: 56px;
    padding-bottom: 21px;
    padding-right: 40px
}

.app-step__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    margin-right: 0
}

.app-step__title {
    margin-bottom: 8px
}

.app-step__title h3 {
    color: #98cb75;
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 20px
}

.app-step__description p {
    color: #191e33;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px
}

.bloc-info__item1 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    margin-bottom: 23px;
    text-transform: uppercase
}

.bloc-info__item1,
.bloc-info__item2 {
    padding: 0 27px;
    text-align: center;
    width: 100%
}

.bloc-info__item2 {
    font-family: var(--pf-secondary-font), sans-serif;
    font-size: 52px;
    font-weight: 900;
    letter-spacing: 1.3px;
    line-height: 40px;
    margin-bottom: 21px
}

.bloc-info__item2 span {
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .8px;
    line-height: 16px;
    text-align: center
}

.bloc-info__item3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .bloc-info__item3 {
        letter-spacing: 1.11px;
        padding: 0 27px
    }
}

.container-bloc-info {
    display: flex;
    margin: 0;
    padding: 0
}

.container-bloc-info .bloc-info-resultat {
    padding: 0 24px;
    width: 50%
}

@media(max-width: 992px) {
    .container-bloc-info .bloc-info-resultat {
        padding: 0 10px
    }
}

.resultats__col-left {
    flex: 0 0 100%;
    max-width: 100%
}

.resultats__col-left .resultats__cliniques {
    margin: 0 auto;
    width: 64%
}

.bloc-info-resultat .bloc-info-resultat__wrap {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center
}

.bloc-info-resultat.first {
    flex: 0 0 33.33333%;
    height: 363px;
    max-width: 33.33333%
}

@media(max-width: 992px) {
    .bloc-info-resultat.first {
        padding: 0 10px
    }
}

.bloc-info-resultat.first .bloc-info-resultat__wrap {
    background-color: var(--Strong-Color)
}

.bloc-info-resultat.first .bloc-info__item1 {
    color: #fff;
    font-size: 1.4rem;
    text-align: center
}

.bloc-info-resultat.first .bloc-info__item2 {
    color: #fff;
    font-family: var(--pf-secondary-font), sans-serif;
    font-size: 52px;
    font-weight: 900;
    letter-spacing: 1.3px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center
}

.bloc-info-resultat.first .bloc-info__item3 {
    color: #fff;
    font-size: 20px;
    letter-spacing: 1.11px;
    line-height: 20px;
    text-align: center;
    width: 64%
}

.bloc-info-resultat.second .bloc-info__item2 {
    color: var(--Strong-Color)
}

.resultats__col-right+.resultats__col-left {
    flex: 0 0 50%;
    max-width: 50%
}

.resultats__col-right+.resultats__col-left .resultats__cliniques {
    width: 100%
}

.resultats__col-right+.resultats__col-left .container-bloc-info {
    display: block
}

.resultats__col-right+.resultats__col-left .bloc-info-resultat.first {
    flex: 0 0 54.1%;
    max-width: 100%
}

.resultats__col-right+.resultats__col-left .bloc-info-resultat.first .bloc-info-resultat__wrap {
    margin: 0 -24px 0 0
}

.resultats__col-right+.resultats__col-left .bloc-info-resultat.second {
    height: 50%;
    width: 100%
}

.resultats__col-right+.resultats__col-left .bloc-info-resultat.second:first-child {
    border-bottom: 1px solid rgba(25, 30, 51, .2)
}

.resultats__col-right+.resultats__col-left .bloc-info-resultat.second .bloc-info-resultat__wrap {
    margin: 0 -24px
}

.resultats__col-right+.resultats__col-left .bloc-info-resultat.second .bloc-info__item1 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    text-align: left
}

.resultats__col-right+.resultats__col-left .bloc-info-resultat.second .bloc-info__item2 {
    margin-bottom: 20px;
    text-align: left
}

.resultats__col-right+.resultats__col-left .bloc-info-resultat.second .bloc-info__item3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-align: left
}

body {
    counter-reset: step-counter
}

.block-routine-soins {
    padding: 80px 0
}

@media screen and (max-width: 420px) {
    .block-routine-soins .container-full {
        margin: 0!important;
        padding: 0 24px
    }
}

.block-routine-soins.full-items .container-full {
    margin: 0 auto!important
}

.block-routine-soins-slider .slick-slide:last-child .block-routine-soins-slider-item {
    border-right: 0
}

.block-routine-soins-slider .slick-list {
    padding-top: 50px
}

.block-routine-soins-slider .slick-list:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 77%, #fff 82%);
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 50px;
    width: 82px;
    z-index: 0
}

.block-routine-soins-slider .slick-arrow {
    background: var(--Strong-Color);
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 52px;
    padding-top: 18px;
    position: absolute;
    text-align: center;
    top: 47.3%;
    width: 52px
}

.block-routine-soins-slider .slick-arrow.slick-arrow-next {
    right: 5%
}

@media screen and (max-width: 420px) {
    .block-routine-soins-slider .slick-arrow.slick-arrow-next {
        right: -24px
    }
}

.block-routine-soins-slider .slick-arrow.slick-arrow-prev {
    left: 0;
    z-index: 1
}

@media screen and (max-width: 420px) {
    .block-routine-soins-slider .slick-arrow.slick-arrow-prev {
        left: -24px
    }
}

.block-routine-soins-slider .slick-arrow.slick-disabled {
    display: none!important
}

.block-routine-soins-slider-item {
    align-items: center;
    background-color: #f4f5f6;
    border-right: 1px solid rgba(25, 30, 51, .3);
    display: flex;
    flex-direction: column;
    height: 441px;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-align: center
}

.block-routine-soins-slider-item-step {
    left: 0;
    position: absolute;
    right: 0;
    top: -43px;
    z-index: 999
}

.block-routine-soins-slider-item-step .step-number {
    color: var(--Strong-Color);
    font-family: var(--pf-secondary-font), sans-serif;
    font-size: 62px;
    font-weight: 900;
    letter-spacing: 1.55px;
    line-height: 60px;
    margin-bottom: 13px;
    text-align: center
}

.block-routine-soins-slider-item-step .step-number:after {
    content: counter(step-counter);
    counter-increment: step-counter
}

.block-routine-soins-slider-item-step .step-name {
    color: #191e33;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2.33333px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.block-routine-soins-slider-item-thumb {
    align-items: flex-end;
    display: flex;
    height: 204px;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 25px;
    width: 100%
}

.block-routine-soins-slider-item-thumb img {
    max-height: 100%;
    max-width: 100%
}

.block-routine-soins-slider-item-tag {
    margin-bottom: 10px
}

.block-routine-soins-slider-item-tag span {
    background-color: #fff;
    color: #98cb75;
    font-size: 10px;
    font-weight: 500;
    height: 20px;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 1px 5.21px;
    text-align: center;
    text-transform: uppercase
}

.block-routine-soins-slider-item-title {
    box-sizing: content-box;
    height: 48px;
    padding-top: 30px
}

.block-routine-soins-slider-item-title * {
    color: #191e33;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 77%
}

.block-routine-soins-slider-item-tag+.block-routine-soins-slider-item-title {
    padding-top: 0
}

.block-routine-soins .block-routine-soins-navigation {
    display: none
}

@media screen and (max-width: 420px) {
    .block-routine-soins .block-routine-soins-navigation {
        display: block
    }
}

.block-routine-soins .block-routine-soins-navigation ul {
    border-bottom: 1px solid #ddd;
    display: flex!important;
    margin-bottom: 10px;
    margin-left: 24px;
    overflow: hidden;
    overflow-x: scroll;
    overflow: -moz-scrollbars-none;
    padding: 0
}

.block-routine-soins .block-routine-soins-navigation ul::-webkit-scrollbar {
    height: 0!important;
    width: 0!important
}

.block-routine-soins .block-routine-soins-navigation ul li.slick-active button {
    border-bottom: 1px solid #98cb75;
    color: #98cb75
}

.block-routine-soins .block-routine-soins-navigation ul li button {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #191e33;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 16px;
    margin-right: 27px;
    outline: 0;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase
}

.block-routine-soins .block-heading {
    margin-bottom: 60px
}

.block-routine-soins .block-heading-title * {
    color: var(--Secondary-Color)
}

.block-routine-soins .block-heading-description {
    margin-bottom: 0
}

.block-routine-soins .block-heading-description * {
    color: var(--Strong-Color)
}

.search-result {
    background-color: #fff;
    padding: 60px 0
}

.search-result-heading {
    margin-bottom: 50px
}

.search-result-heading * {
    color: #191e33;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 44px
}

.search-result-heading * span {
    color: #98cb75
}

.search-result-tabs .nav-tabs {
    border-color: #d1d2d6;
    margin-bottom: 40px
}

.search-result-tabs .nav-tabs .nav-link {
    border: 0;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 32px;
    padding: 12px 0;
    text-transform: uppercase
}

.search-result-tabs .nav-tabs .nav-link:last-of-type {
    padding-left: 11px
}

@media(min-width: 768px) {
    .search-result-tabs .nav-tabs .nav-link:not(:last-of-type) {
        margin-right: 52px
    }
}

.search-result-tabs .nav-tabs .nav-link.active {
    background-color: transparent;
    border-bottom: 2px solid #98cb75;
    color: #98cb75
}

.search-result-tabs #nav-articles .bloc-diagnostic-basement-wrapper,
.search-result-tabs #nav-articles .row {
    flex-direction: column
}

.search-result-tabs #nav-articles .bloc-diagnostic-basement-wrapper .col-6,
.search-result-tabs #nav-articles .row .col-6 {
    max-width: 100%
}

.search-result-tabs .col-6 {
    margin-bottom: 48px
}

.search-result-tabs .col-6 .product-card-content {
    height: 441px
}

.search-result-tabs .pagination {
    height: unset;
    padding-bottom: unset
}

.search-result-tabs .pagination .page-item .page-link {
    align-items: flex-start;
    height: unset
}

.search-result-404 p:first-of-type {
    color: #191e33;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 68px;
    text-align: center
}

.search-result-404 p+p {
    color: #98cb75;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    margin-bottom: 12px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .search-result-404 p+p {
        text-align: center
    }
    .search-result-404 .nav {
        justify-content: center
    }
}

.search-result-404 .nav .nav-link {
    border-bottom: 1px solid #98cb75;
    color: #191e33;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 16px;
    padding: 0 0 6px
}

@media(min-width: 768px) {
    .search-result-404 .nav .nav-link {
        margin: 0 9.5px 15px
    }
}

.section-heading {
    font-family: var(--pf-primary-font), sans-serif;
    margin: 0 auto;
    max-width: 784px;
    padding: 80px 0 20px;
    position: relative
}

@media(max-width: 992px) {
    .section-heading {
        max-width: 100%;
        padding: 60px 0 20px
    }
}

.section-heading__logo {
    display: none
}

.section-heading__title {
    margin-bottom: 14px;
    text-align: center
}

@media(max-width: 992px) {
    .section-heading__title {
        margin-bottom: 20px
    }
}

.section-heading__title * {
    color: #191e33;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    text-transform: uppercase
}

.section-heading__subtitle {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    margin-top: 22px;
    text-align: center
}

.section-heading__subtitle * {
    color: var(--Strong-Color);
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center
}

@media(max-width: 992px) {
    .section-heading__subtitle * {
        font-size: 22px;
        line-height: 32px
    }
}

@media(min-width: 993px) {
    .section-heading__subtitle * {
        font-family: var(--pf-primary-font);
        font-weight: 500
    }
}

.section-heading--left,
.section-heading--left .section-heading__logo,
.section-heading--left .section-heading__title * {
    text-align: left
}

.section-heading--left .section-heading__subtitle {
    margin-left: inherit;
    margin-right: inherit
}

.section-heading--left .section-heading__subtitle * {
    text-align: left
}

.v-50 .section-heading__subtitle {
    padding: 0
}

.site-map {
    padding: 20px 0 50px
}

.site-map--title {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.site-map--title img {
    margin-bottom: 34px
}

.site-map--title>:not(.icon) {
    color: var(--Strong-Color);
    font-family: var(--pf-primary-font);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    margin-bottom: 60px;
    text-align: center;
    text-transform: uppercase
}

.site-map--subtitle {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.site-map--subtitle :not(a) {
    font-size: 32px;
    line-height: 40px
}

.site-map--subtitle :not(a),
.site-map--subtitle a {
    color: var(--Secondary-Color);
    font-family: var(--pf-primary-font);
    font-weight: 500;
    margin-bottom: 16px;
    text-align: left
}

.site-map--subtitle a {
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 20px;
    padding-bottom: 6px;
    position: relative;
    text-decoration: none!important
}

.site-map--subtitle a:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.site-map--content {
    border-bottom: 1px solid #e1e4e6;
    margin-top: 47px
}

.site-map--content:last-of-type {
    padding-bottom: 7px
}

.site-map--content+.site-map--subtitle {
    margin-top: 64px
}

.site-map--content--item {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 48px;
    width: 33%
}

@media screen and (max-width: 959px) {
    .site-map--content--item {
        display: block;
        margin-bottom: 40px;
        width: 100%
    }
}

.site-map--content--item>:not(a) {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 22px
}

.site-map--content--item a,
.site-map--content--item>:not(a) {
    color: var(--Secondary-Color);
    font-family: var(--pf-primary-font);
    font-weight: 500;
    text-align: left
}

.site-map--content--item a {
    font-size: 16px;
    letter-spacing: .6px;
    line-height: 20px;
    padding-bottom: 4px;
    position: relative;
    text-decoration: none!important
}

.site-map--content--item a:not(:last-of-type) {
    margin-bottom: 14px
}

.site-map--content--item a:after {
    background-color: #e1e4e6;
    bottom: 0;
    content: "";
    height: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    width: 100%
}

.slider-featured-posts {
    background-color: var(--Light-3-Color);
    font-family: var(--pf-primary-font), sans-serif;
    font-weight: 500;
    overflow-x: hidden;
    padding: 60px 0
}

@media(min-width: 993px) {
    .slider-featured-posts {
        padding: 80px 0
    }
}

.slider-featured-posts--deco {
    display: none
}

.slider-featured-posts--item {
    position: relative
}

.slider-featured-posts--subtitle,
.slider-featured-posts--title {
    padding: 0 24px
}

@media(min-width: 993px) {
    .slider-featured-posts--subtitle,
    .slider-featured-posts--title {
        margin: 0 auto;
        max-width: 784px;
        padding: 0
    }
}

.slider-featured-posts--title {
    margin-bottom: 20px
}

.slider-featured-posts--title * {
    color: var(--Strong-Color);
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 993px) {
    .slider-featured-posts--subtitle {
        padding: 0
    }
}

.slider-featured-posts--subtitle * {
    color: var(--Secondary-Color);
    display: block;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 24px;
    text-align: center
}

@media(min-width: 993px) {
    .slider-featured-posts--subtitle * {
        font-size: 32px;
        line-height: 40px
    }
}

.slider-featured-posts--deco+.slider-featured-posts--items,
.slider-featured-posts--subtitle+.slider-featured-posts--items,
.slider-featured-posts--title+.slider-featured-posts--items {
    margin-top: 40px
}

@media(min-width: 993px) {
    .slider-featured-posts--deco+.slider-featured-posts--items,
    .slider-featured-posts--subtitle+.slider-featured-posts--items,
    .slider-featured-posts--title+.slider-featured-posts--items {
        margin-top: 60px
    }
}

.slider-featured-posts--img {
    margin: 0;
    overflow: hidden;
    position: relative
}

.slider-featured-posts--img img {
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s
}

@media(max-width: 1441px) {
    .slider-featured-posts--img:hover img {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.slider-featured-posts--img.w-alcove img {
    border-radius: 50% 50% 0 0
}

.slider-featured-posts--img img {
    height: auto;
    max-width: 260px;
    width: 100%
}

@media(min-width: 993px) {
    .slider-featured-posts--img img {
        max-width: 264px;
        width: 100%
    }
}

.slider-featured-posts--img img:after {
    background: linear-gradient(0deg, rgba(53, 53, 53, .4) 0, rgba(53, 53, 53, 0) 40%);
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.slider-featured-posts--content {
    margin: 35px 0 85px;
    max-width: 260px
}

@media(min-width: 993px) {
    .slider-featured-posts--content {
        margin: 13px 0 77px;
        max-width: 264px
    }
    .slick-slide:last-of-type .slider-featured-posts--content {
        padding-right: 10px
    }
}

.slider-featured-posts--cat {
    color: #98cb75;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    margin-bottom: 8px
}

@media(min-width: 993px) {
    .slider-featured-posts--cat {
        margin-bottom: 5px
    }
}

.slider-featured-posts--retitle {
    margin-bottom: 12px
}

.slider-featured-posts--retitle * {
    color: var(--Strong-Color);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left
}

.slider-featured-posts--description p {
    color: #5b6770;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 20px
}

.slider-featured-posts--link {
    color: #5b6770;
    display: inline;
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 26px;
    margin-bottom: 20px;
    position: relative;
    text-decoration: underline;
    -webkit-text-decoration-color: #98cb75;
    text-decoration-color: #98cb75;
    text-underline-position: under
}

.slider-featured-posts--link:before {
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.slider-featured-posts--link:hover {
    color: #98cb75;
    text-decoration: none
}

.slider-featured-posts--link:hover:before {
    left: 0;
    width: 100%
}

.slider-featured-posts--link:hover:after {
    display: none
}

.slider-featured-posts .slick-slide {
    margin: 0 8px
}

@media(min-width: 993px) {
    .slider-featured-posts .slick-slide {
        margin: 0 24px
    }
}

.slider-featured-posts .slick-slide .slider-featured-posts--item {
    position: relative
}

.slider-featured-posts .slick-slide .slider-featured-posts--item-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.slider-featured-posts .slick-list {
    margin: 0 -8px
}

@media(min-width: 993px) {
    .slider-featured-posts .slick-list {
        margin: 0 -24px
    }
}

.slider-featured-posts .slick-arrow {
    background: var(--Strong-Color);
    color: #fff;
    cursor: pointer;
    display: block!important;
    font-size: 17px;
    height: 52px;
    margin-top: -19px;
    padding-top: 18px;
    position: absolute;
    text-align: center;
    top: 21%;
    width: 52px;
    z-index: 1
}

@media(min-width: 993px) {
    .slider-featured-posts .slick-arrow {
        display: block!important;
        top: 19%
    }
}

@media(min-width: 1200px) {
    .slider-featured-posts .slick-arrow {
        top: 24.2%
    }
}

@media(min-width: 1440px) {
    .slider-featured-posts .slick-arrow {
        top: 26.3%
    }
}

.slider-featured-posts .slick-arrow.slick-arrow-next {
    right: 7.2%
}

.slider-featured-posts .slick-arrow.slick-arrow-prev {
    left: -23px
}

.slider-featured-posts .slick-arrow.slick-disabled {
    display: none!important;
    height: 0
}

.slider-featured-posts .slick-dots {
    bottom: 0;
    display: block!important;
    left: 50%;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(min-width: 993px) {
    .slider-featured-posts .slick-dots {
        left: -7.6%;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slider-featured-posts .slick-dots li {
    display: inline-block
}

.slider-featured-posts .slick-dots li button {
    background: #e1e4e6;
    border: 0;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 4px;
    margin: 0 8px;
    padding: 0;
    width: 4px
}

.slider-featured-posts .slick-dots li.slick-active button {
    background: #191e33;
    box-shadow: none;
    outline: 0
}

@media(min-width: 576px) {
    .slider-featured-posts.bloc-50 .slider-featured-posts--img img {
        max-width: 100%
    }
}

@media(min-width: 1200px) {
    .slider-featured-posts.bloc-50 .slider-featured-posts--img img {
        max-width: 264px
    }
}

@media(min-width: 993px) {
    .slider-featured-posts.bloc-50 {
        padding: 80px 72px 115px
    }
    .slider-featured-posts.bloc-50 .slider-featured-posts--items {
        margin-left: 0!important
    }
    .slider-featured-posts.bloc-50 .slider-featured-posts--subtitle,
    .slider-featured-posts.bloc-50 .slider-featured-posts--title {
        max-width: none;
        padding: 0;
        text-align: left
    }
    .slider-featured-posts.bloc-50 .slider-featured-posts--title {
        font-size: 28px;
        letter-spacing: .7px;
        line-height: 30px;
        margin-bottom: 16px
    }
    .slider-featured-posts.bloc-50 .slider-featured-posts--subtitle {
        margin-bottom: 68px
    }
}

@media(min-width: 993px)and (min-width:993px) {
    .slider-featured-posts.bloc-50 .slick-arrow {
        top: 90px
    }
}

@media(min-width: 993px)and (min-width:1200px) {
    .slider-featured-posts.bloc-50 .slick-arrow {
        top: 123px
    }
}

@media(min-width: 993px)and (min-width:1440px) {
    .slider-featured-posts.bloc-50 .slick-arrow {
        top: 160px
    }
}

@media(min-width: 993px) {
    .slider-featured-posts.bloc-50 .slick-arrow-next {
        right: 0
    }
    .slider-featured-posts.bloc-50 .slick-arrow-prev {
        left: 0
    }
}

.slider-ingredient-list {
    background-color: #fff;
    overflow-x: hidden;
    padding: 80px 0
}

@media(max-width: 992px) {
    .slider-ingredient-list {
        padding: 60px 0
    }
}

.slider-ingredient-list--deco {
    display: none
}

.slider-ingredient-list--item {
    position: relative
}

.slider-ingredient-list--subtitle,
.slider-ingredient-list--title {
    padding: 0 24px
}

@media(min-width: 993px) {
    .slider-ingredient-list--subtitle,
    .slider-ingredient-list--title {
        margin: 0 auto;
        max-width: 698px;
        padding: 0
    }
}

.slider-ingredient-list--title {
    margin-bottom: 16px
}

.slider-ingredient-list--title * {
    color: var(--Strong-Color);
    font-family: var(--pf-primary-font);
    font-size: 20px;
    font-weight: 500;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 993px) {
    .slider-ingredient-list--title * {
        color: var(--Secondary-Color)
    }
}

.slider-ingredient-list--subtitle * {
    color: var(--Secondary-Color);
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: center
}

@media(min-width: 993px) {
    .slider-ingredient-list--subtitle * {
        color: var(--Strong-Color);
        font-size: 24px;
        line-height: 36px
    }
}

.slider-ingredient-list--deco+.slider-ingredient-list--items,
.slider-ingredient-list--subtitle+.slider-ingredient-list--items,
.slider-ingredient-list--title+.slider-ingredient-list--items {
    margin-top: 60px
}

.slider-ingredient-list--img {
    margin: 0;
    position: relative
}

.slider-ingredient-list--img.w-alcove img {
    border-radius: 50% 50% 0 0
}

.slider-ingredient-list--img img {
    height: auto;
    max-width: 260px;
    width: 100%
}

@media(min-width: 993px) {
    .slider-ingredient-list--img img {
        max-width: 264px;
        width: 100%
    }
}

.slider-ingredient-list--img img:after {
    background: linear-gradient(0deg, rgba(53, 53, 53, .4) 0, rgba(53, 53, 53, 0) 40%);
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.slider-ingredient-list--content {
    margin: 35px 0 0;
    max-width: 260px
}

@media(min-width: 993px) {
    .slider-ingredient-list--content {
        margin: 23px 0 0;
        max-width: 264px
    }
    .slick-slide:last-of-type .slider-ingredient-list--content {
        padding-right: 10px
    }
}

.slider-ingredient-list--cat {
    color: var(--Secondary-Color);
    font-family: var(--pf-primary-font);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 18px
}

@media(min-width: 993px) {
    .slider-ingredient-list--cat {
        margin-bottom: 8px
    }
}

.slider-ingredient-list--retitle {
    margin-bottom: 12px
}

.slider-ingredient-list--retitle * {
    color: var(--Strong-Color);
    font-family: var(--pf-primary-font);
    font-size: 18px;
    font-weight: 500;
    font-weight: 400;
    line-height: 28px;
    text-align: left
}

.slider-ingredient-list--description {
    margin-bottom: 7px
}

.slider-ingredient-list--description p {
    color: #5b6770;
    font-family: var(--pf-primary-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 27px
}

.slider-ingredient-list--link {
    color: #5b6770;
    display: inline;
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 26px;
    padding-bottom: 4px;
    position: relative;
    text-decoration: none
}

.slider-ingredient-list--link:after {
    background-color: #98cb75;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.slider-ingredient-list--link:before {
    background: none repeat scroll 0 0 transparent;
    background: #98cb75;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .5s ease 0s, left .5s ease 0s;
    width: 0
}

.slider-ingredient-list--link:hover {
    color: #98cb75;
    text-decoration: none
}

.slider-ingredient-list--link:hover:before {
    left: 0;
    width: 100%
}

.slider-ingredient-list--link:hover:after {
    display: none
}

.slider-ingredient-list--cta {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 55px;
    padding: 0 28px
}

@media(min-width: 993px) {
    .slider-ingredient-list--cta {
        margin-top: 75px;
        padding: 0
    }
}

.slider-ingredient-list--cta * {
    background: var(--Strong-Color);
    color: var(--Light-3-Color)!important;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 18px 16px;
    text-align: center;
    text-decoration: none!important;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 993px) {
    .slider-ingredient-list--cta * {
        display: inline-flex;
        width: auto
    }
}

.slider-ingredient-list .slick-slide {
    margin: 0 8px
}

@media(min-width: 993px) {
    .slider-ingredient-list .slick-slide {
        margin: 0 24px
    }
}

.slider-ingredient-list .slick-list {
    margin: 0 -8px
}

@media(min-width: 993px) {
    .slider-ingredient-list .slick-list {
        margin: 0 -24px
    }
}

.slider-ingredient-list .slick-arrow {
    background: var(--Strong-Color);
    color: #fff;
    cursor: pointer;
    display: block!important;
    font-size: 17px;
    height: 52px;
    padding-top: 18px;
    position: absolute;
    text-align: center;
    top: 21%;
    width: 52px;
    z-index: 1
}

@media(min-width: 993px) {
    .slider-ingredient-list .slick-arrow {
        display: block!important;
        top: 115px
    }
}

@media(min-width: 1200px) {
    .slider-ingredient-list .slick-arrow {
        top: 135px
    }
}

@media(min-width: 1440px) {
    .slider-ingredient-list .slick-arrow {
        top: 145px
    }
}

.slider-ingredient-list .slick-arrow.slick-arrow-next {
    right: 7.2%
}

.slider-ingredient-list .slick-arrow.slick-arrow-prev {
    left: -23px
}

.slider-ingredient-list .slick-arrow.slick-disabled {
    display: none!important;
    height: 0
}

.slider-ingredient-list .slick-dots {
    display: block!important;
    margin-top: 40px;
    padding: 0;
    text-align: center
}

.slider-ingredient-list .slick-dots li {
    display: inline-block
}

.slider-ingredient-list .slick-dots li button {
    background: #e1e4e6;
    border: 0;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 4px;
    margin: 0 8px;
    padding: 0;
    width: 4px
}

.slider-ingredient-list .slick-dots li.slick-active button {
    background: #191e33;
    box-shadow: none;
    outline: 0
}

@media(max-width: 992px) {
    .slider-ingredient-list.bloc-50 {
        margin-left: -24px;
        margin-right: -24px
    }
}

@media(min-width: 576px) {
    .slider-ingredient-list.bloc-50 .slider-ingredient-list--img img {
        max-width: 100%
    }
}

@media(min-width: 1200px) {
    .slider-ingredient-list.bloc-50 .slider-ingredient-list--img img {
        max-width: 264px
    }
}

@media(min-width: 993px) {
    .slider-ingredient-list.bloc-50 {
        padding: 80px 4px
    }
    .slider-ingredient-list.bloc-50 .slider-ingredient-list--items {
        margin-bottom: 27px;
        margin-left: 0!important
    }
    .slider-ingredient-list.bloc-50 .slider-ingredient-list--subtitle,
    .slider-ingredient-list.bloc-50 .slider-ingredient-list--title {
        max-width: none;
        padding: 0
    }
    .slider-ingredient-list.bloc-50 .slider-ingredient-list--title {
        margin-bottom: 16px
    }
    .slider-ingredient-list.bloc-50 .slider-ingredient-list--subtitle {
        margin-bottom: 50px
    }
}

@media(min-width: 993px)and (min-width:993px) {
    .slider-ingredient-list.bloc-50 .slick-arrow {
        top: 110px
    }
}

@media(min-width: 993px)and (min-width:1200px) {
    .slider-ingredient-list.bloc-50 .slick-arrow {
        top: 140px
    }
}

@media(min-width: 993px)and (min-width:1440px) {
    .slider-ingredient-list.bloc-50 .slick-arrow {
        top: 140px
    }
}

@media(min-width: 993px) {
    .slider-ingredient-list.bloc-50 .slick-dots {
        bottom: 5px
    }
    .slider-ingredient-list.bloc-50 .slick-dots li button {
        height: 6px;
        width: 6px
    }
    .slider-ingredient-list.bloc-50 .slick-arrow-next {
        right: 0
    }
    .slider-ingredient-list.bloc-50 .slick-arrow-prev {
        left: 0
    }
}

@media(max-width: 992px) {
    .slider-ingredient-list sup {
        top: -.3em
    }
}

.social-accounts__media {
    flex: 0 0 39.8%
}

@media(max-width: 992px) {
    .social-accounts__media {
        flex: 0 0 100%
    }
}

.social-accounts__img img {
    width: 100%
}

.social-accounts__logo-insta {
    background: #98cb75;
    color: #fff;
    height: 49px;
    left: 0;
    line-height: 47px;
    position: absolute;
    text-align: center;
    width: 49px
}

.social-accounts__logo-insta img {
    width: 22px
}

.social-accounts__logo-insta i {
    font-size: 22px
}

.social-accounts__txt-insta {
    background: #fff;
    bottom: 10px;
    color: #98cb75;
    font-size: 10px;
    font-weight: 500;
    left: 10px;
    letter-spacing: 2px;
    line-height: 16px;
    padding: 2px 6px;
    position: absolute;
    text-align: center;
    text-transform: uppercase
}

.social-accounts__title {
    margin-bottom: 21px
}

@media(max-width: 992px) {
    .social-accounts__title {
        margin-bottom: 16px
    }
}

.social-accounts__title * {
    color: #98cb75;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: .6875px;
    line-height: 24px;
    text-align: center
}

.social-accounts__items {
    margin: 0;
    padding: 0;
    text-align: center
}

.social-accounts__item {
    display: inline-block;
    margin: 0 17px
}

@media(max-width: 992px) {
    .social-accounts__item {
        margin: 0 13px
    }
}

.social-accounts__item i {
    color: #191e33;
    display: block;
    font-size: 26px;
    margin-bottom: 12px
}

@media(max-width: 992px) {
    .social-accounts__item i {
        font-size: 27px;
        margin-bottom: 9px
    }
}

.social-accounts__item img {
    margin-bottom: 12px;
    width: 28px
}

@media(max-width: 992px) {
    .social-accounts__item img {
        margin-bottom: 9px
    }
}

.social-accounts__item span {
    color: #191e33;
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.social-accounts__content {
    align-items: center;
    background: #fff2f1;
    display: flex;
    justify-content: center
}

.social-accounts__wrapper {
    padding: 40px
}

@media(max-width: 992px) {
    .social-accounts__wrapper {
        padding: 20px 15px
    }
}

.bloc-diagnostic-basement-right-side .social-accounts__txt-insta,
.col-lg-5 .social-accounts__txt-insta,
.col-lg-6 .social-accounts__txt-insta {
    padding: 2px 6px
}

@media(min-width: 993px) {
    .bloc-diagnostic-basement-right-side .social-accounts__wrapper,
    .col-lg-5 .social-accounts__wrapper,
    .col-lg-6 .social-accounts__wrapper {
        padding-top: 116px
    }
}

.bloc-diagnostic-basement-right-side .social-accounts__media,
.col-lg-5 .social-accounts__media,
.col-lg-6 .social-accounts__media {
    flex: 0 0 88%;
    z-index: 2
}

.bloc-diagnostic-basement-right-side .social-accounts__media .social-accounts__logo-insta,
.col-lg-5 .social-accounts__media .social-accounts__logo-insta,
.col-lg-6 .social-accounts__media .social-accounts__logo-insta {
    height: 50px;
    line-height: 46px;
    width: 50px
}

.bloc-diagnostic-basement-right-side .social-accounts__media .social-accounts__logo-insta img,
.col-lg-5 .social-accounts__media .social-accounts__logo-insta img,
.col-lg-6 .social-accounts__media .social-accounts__logo-insta img {
    width: 30px
}

@media(max-width: 992px) {
    .bloc-diagnostic-basement-right-side .social-accounts__media,
    .col-lg-5 .social-accounts__media,
    .col-lg-6 .social-accounts__media {
        flex: 0 0 100%
    }
}

.bloc-diagnostic-basement-right-side .social-accounts__content,
.col-lg-5 .social-accounts__content,
.col-lg-6 .social-accounts__content {
    flex: 0 0 100%;
    margin-top: -76px
}

@media(max-width: 992px) {
    .bloc-diagnostic-basement-right-side .social-accounts__content,
    .col-lg-5 .social-accounts__content,
    .col-lg-6 .social-accounts__content {
        margin-top: 0;
        padding-top: 0
    }
}

.bloc-diagnostic-basement-right-side .social-accounts__content .social-accounts__title,
.col-lg-5 .social-accounts__content .social-accounts__title,
.col-lg-6 .social-accounts__content .social-accounts__title {
    font-size: 22px;
    line-height: 24px;
    margin-left: 10px
}

@media(min-width: 993px) {
    .bloc-diagnostic-basement-right-side .social-accounts__content .social-accounts__title,
    .col-lg-5 .social-accounts__content .social-accounts__title,
    .col-lg-6 .social-accounts__content .social-accounts__title {
        margin-bottom: 20px
    }
}

.bloc-diagnostic-basement-right-side .social-accounts__content .social-accounts__items,
.col-lg-5 .social-accounts__content .social-accounts__items,
.col-lg-6 .social-accounts__content .social-accounts__items {
    margin-left: 10px
}

.bloc-diagnostic-basement-right-side .social-accounts__content .social-accounts__item,
.col-lg-5 .social-accounts__content .social-accounts__item,
.col-lg-6 .social-accounts__content .social-accounts__item {
    margin: 0 15px
}

@media(max-width: 992px) {
    .bloc-diagnostic-basement-right-side .social-accounts__content .social-accounts__item,
    .col-lg-5 .social-accounts__content .social-accounts__item,
    .col-lg-6 .social-accounts__content .social-accounts__item {
        margin: 0 11px
    }
}

.bloc-diagnostic-basement-right-side .social-accounts__content .social-accounts__item img,
.col-lg-5 .social-accounts__content .social-accounts__item img,
.col-lg-6 .social-accounts__content .social-accounts__item img {
    width: 26px
}

.mag .social-accounts__title {
    color: #00381d
}

.sticky-anchor {
    background: #fff;
    margin-bottom: 20px;
    max-width: 100%;
    position: relative;
    z-index: 8
}

.sticky-anchor-items__current {
    display: none
}

@media(max-width: 1199px) {
    .sticky-anchor.v-dropdown {
        margin: 0;
        padding-left: 0
    }
    .sticky-anchor.v-dropdown.fixed {
        box-shadow: 0 2px 5px 1px rgba(91, 103, 112, .1)
    }
    .sticky-anchor.v-dropdown .container-fluid,
    .sticky-anchor.v-dropdown .container-lg,
    .sticky-anchor.v-dropdown .container-md,
    .sticky-anchor.v-dropdown .container-sm,
    .sticky-anchor.v-dropdown .container-xl {
        padding: 0
    }
    .sticky-anchor.v-dropdown .sticky-anchor-items {
        margin-left: 0;
        width: 100%
    }
}

.sticky-anchor.v-dropdown .sticky-anchor-items__current {
    align-items: center;
    display: flex
}

@media(max-width: 1199px) {
    .sticky-anchor.v-dropdown .sticky-anchor-items__wrapper {
        background: #fff;
        box-shadow: 0 4px 5px 0 #dadada;
        display: none;
        height: unset;
        max-height: calc(100vh - 116px);
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 13px 22px 0;
        position: absolute;
        text-align: center;
        white-space: unset;
        z-index: 9999
    }
    .sticky-anchor.v-dropdown .sticky-anchor-items__wrapper a {
        color: #191e33;
        display: block;
        font-family: var(--pf-primary-font), sans-serif;
        font-size: 18px;
        font-weight: 500;
        height: unset;
        letter-spacing: 0;
        line-height: 24px;
        margin-right: 0;
        padding: 6px 0;
        text-transform: unset;
        white-space: normal
    }
    .sticky-anchor.v-dropdown .sticky-anchor-items__wrapper a:after {
        display: none
    }
}

.block-form .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .styledSelect,
.footer-lower .list-contry .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.btn:before,
.footer-lower .list-contry .show .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .btn,
.footer-lower .list-lang .dropdown-menu .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .btn-up,
.footer-lower .list-lang .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.btn:before,
.footer-lower .list-lang .show .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .btn,
.haut-page-sous-famille__header .openDescription .footer-lower .list-contry .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-lang .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.btn:before,
.haut-page-sous-famille__header .openDescription .newsletter-crm__form .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.select-wrapper:before,
.haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .icon-chevron-down.up:before,
.haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.ancr-nav-mob-select:before,
.haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.reviews-body-heading-filter:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.nav-link:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open a.up.dropdown-toggle:before,
.newsletter-crm__form .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.select-wrapper:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .block-form .styledSelect,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .footer-lower .list-contry .haut-page-sous-famille__header .openDescription .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .footer-lower .list-contry .show .btn,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .footer-lower .list-lang .dropdown-menu .btn-up,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .footer-lower .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .footer-lower .list-lang .show .btn,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription .footer-lower .list-contry .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription .footer-lower .list-lang .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription .icon-chevron-down.up:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription .newsletter-crm__form .up.select-wrapper:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription .up.ancr-nav-mob-select:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription .up.reviews-body-heading-filter:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .up.nav-link:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown a.up.dropdown-toggle:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .icon-chevron-up,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .newsletter-crm__form .haut-page-sous-famille__header .openDescription .up.select-wrapper:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .up.nav-link:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .nav-item .list-lang .show .btn,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription a.up.dropdown-toggle:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .nav-item.store-locator-dropdown.show a.dropdown-toggle:before,
header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.nav-link:before,
header .collapse-mobile .nav-item .list-lang .dropdown-menu .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .btn-up,
header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .up.btn:before,
header .collapse-mobile .nav-item .list-lang .show .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .btn,
header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open a.up.dropdown-toggle:before,
header .collapse-mobile .nav-item.store-locator-dropdown.show .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open a.dropdown-toggle:before {
    display: block
}

.footer-lower .list-contry .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .btn,
.footer-lower .list-lang .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .btn,
.newsletter-crm__form .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .select-wrapper:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .ancr-nav-mob-select:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .footer-lower .list-contry .btn,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .footer-lower .list-lang .btn,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .icon-chevron-down,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .newsletter-crm__form .select-wrapper:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .reviews-body-heading-filter:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .main-menu .nav-item .nav-link:before,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .nav-item .list-lang .btn,
.sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open header .collapse-mobile .nav-item.store-locator-dropdown a.dropdown-toggle:before,
header .collapse-mobile .main-menu .nav-item .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .nav-link:before,
header .collapse-mobile .nav-item .list-lang .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open .btn,
header .collapse-mobile .nav-item.store-locator-dropdown .sticky-anchor.v-dropdown .sticky-anchor-items.ancr-menu-open a.dropdown-toggle:before {
    display: none
}

.sticky-anchor.v-dropdown .sticky-anchor-actions {
    position: absolute;
    right: 28px
}

.sticky-anchor.v-dropdown .sticky-anchor-mob-select {
    align-items: center;
    display: flex;
    min-height: 52px;
    padding-left: 30px;
    width: calc(100% - 52px)
}

@media(min-width: 1200px) {
    .sticky-anchor.v-dropdown .sticky-anchor-mob-select {
        display: none
    }
}

.sticky-anchor.v-dropdown .sticky-anchor-mob-select a {
    color: #191e33;
    font-family: var(--pf-primary-font);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

@media(min-width: 1200px) {
    .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle {
        display: none!important
    }
}

.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle i {
    color: #353535;
    font-size: 10px
}

.block-form .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .styledSelect,
.footer-lower .list-contry .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.btn:before,
.footer-lower .list-contry .show .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .btn,
.footer-lower .list-lang .dropdown-menu .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .btn-up,
.footer-lower .list-lang .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.btn:before,
.footer-lower .list-lang .show .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .btn,
.haut-page-sous-famille__header .openDescription .footer-lower .list-contry .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.btn:before,
.haut-page-sous-famille__header .openDescription .footer-lower .list-lang .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.btn:before,
.haut-page-sous-famille__header .openDescription .newsletter-crm__form .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.select-wrapper:before,
.haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .icon-chevron-down.up:before,
.haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.ancr-nav-mob-select:before,
.haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.reviews-body-heading-filter:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.nav-link:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.btn:before,
.haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle a.up.dropdown-toggle:before,
.newsletter-crm__form .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.select-wrapper:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .block-form .styledSelect,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .footer-lower .list-contry .haut-page-sous-famille__header .openDescription .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .footer-lower .list-contry .show .btn,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .footer-lower .list-lang .dropdown-menu .btn-up,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .footer-lower .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .footer-lower .list-lang .show .btn,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription .footer-lower .list-contry .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription .footer-lower .list-lang .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription .icon-chevron-down.up:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription .newsletter-crm__form .up.select-wrapper:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription .up.ancr-nav-mob-select:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription .up.reviews-body-heading-filter:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription header .collapse-mobile .main-menu .nav-item .up.nav-link:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item .list-lang .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .haut-page-sous-famille__header .openDescription header .collapse-mobile .nav-item.store-locator-dropdown a.up.dropdown-toggle:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .icon-chevron-up,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .newsletter-crm__form .haut-page-sous-famille__header .openDescription .up.select-wrapper:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .up.nav-link:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle header .collapse-mobile .nav-item .list-lang .dropdown-menu .btn-up,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .up.btn:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle header .collapse-mobile .nav-item .list-lang .show .btn,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription a.up.dropdown-toggle:before,
.sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle header .collapse-mobile .nav-item.store-locator-dropdown.show a.dropdown-toggle:before,
header .collapse-mobile .main-menu .nav-item .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.nav-link:before,
header .collapse-mobile .nav-item .list-lang .dropdown-menu .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .btn-up,
header .collapse-mobile .nav-item .list-lang .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .up.btn:before,
header .collapse-mobile .nav-item .list-lang .show .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle .btn,
header .collapse-mobile .nav-item.store-locator-dropdown .haut-page-sous-famille__header .openDescription .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle a.up.dropdown-toggle:before,
header .collapse-mobile .nav-item.store-locator-dropdown.show .sticky-anchor.v-dropdown .sticky-anchor-mob-select-toggle a.dropdown-toggle:before {
    display: none
}

.sticky-anchor:after {
    background: #dbdad9;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 11
}

.sticky-anchor.fixed {
    left: 0;
    margin-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
    position: fixed;
    right: 0;
    top: 0
}

@media(max-width: 992px) {
    .sticky-anchor.fixed {
        padding-left: 0;
        padding-right: 0
    }
}

.sticky-anchor-items {
    position: relative;
    width: 97%
}

@media(max-width: 1441px) {
    .sticky-anchor-items {
        margin-left: 35px;
        width: 86%
    }
}

@media(max-width: 992px) {
    .sticky-anchor-items {
        margin-left: 0;
        width: 100%
    }
}

@media(min-width: 993px) {
    .sticky-anchor-items:after {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .5) 50%, #fff);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 70px;
        z-index: 9
    }
}

.sticky-anchor-items__wrapper {
    -ms-overflow-style: none;
    align-items: center;
    display: inline-flex;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%;
    z-index: 9
}

.sticky-anchor-items__wrapper::-webkit-scrollbar {
    display: none
}

.sticky-anchor-item {
    align-items: center;
    color: #191e33;
    display: inline-flex;
    font-size: 14px;
    height: 53px;
    letter-spacing: 2.33px;
    line-height: 16px;
    margin-right: 25px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

.sticky-anchor-item.active,
.sticky-anchor-item.js-scrolled {
    color: var(--Strong-Color)
}

.sticky-anchor-item.active:after,
.sticky-anchor-item.js-scrolled:after {
    background: var(--Strong-Color);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width: 993px) {
    .sticky-anchor-item {
        margin-right: 125px
    }
}

.sticky-anchor__left,
.sticky-anchor__right {
    font-size: 18px;
    position: absolute;
    text-decoration: none;
    top: 30%;
    z-index: 999
}

.sticky-anchor__left.hidden,
.sticky-anchor__right.hidden {
    display: none
}

.sticky-anchor__left:hover,
.sticky-anchor__right:hover {
    text-decoration: none
}

@media(max-width: 992px) {
    .sticky-anchor__left,
    .sticky-anchor__right {
        display: none
    }
}

.sticky-anchor__right {
    right: -35px
}

.sticky-anchor__left {
    left: -35px
}

.summary {
    overflow: hidden;
    position: relative;
    z-index: 1001
}

.summary:after {
    background: rgba(25, 30, 51, .5);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.summary.open:after {
    opacity: 1;
    transition: all .2s ease;
    visibility: visible
}

.block-routine-soins.full-items .summary .container-full,
.summary .block-routine-soins.full-items .container-full,
.summary .container {
    position: relative
}

.summary--breadcrumbs {
    display: flex;
    margin-bottom: 21px;
    padding: 0
}

@media(min-width: 993px) {
    .summary--breadcrumbs {
        margin-bottom: 30px
    }
}

.summary--breadcrumbs li a,
.summary--breadcrumbs li span {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    letter-spacing: .2px
}

@media(min-width: 993px) {
    .summary--breadcrumbs li a,
    .summary--breadcrumbs li span {
        font-size: 14px;
        letter-spacing: .3px
    }
}

.summary--breadcrumbs li:not(:last-of-type) {
    margin-right: 9px
}

@media(min-width: 993px) {
    .summary--breadcrumbs li:not(:last-of-type) {
        margin-right: 13px
    }
}

.summary--breadcrumbs li:not(:last-of-type) a:after,
.summary--breadcrumbs li:not(:last-of-type) span:after {
    background: #98cb75;
    content: "";
    height: 1px;
    margin-left: 7px;
    position: relative;
    top: -1px;
    width: 10px
}

@media(min-width: 993px) {
    .summary--breadcrumbs li:not(:last-of-type) a:after,
    .summary--breadcrumbs li:not(:last-of-type) span:after {
        margin-left: 12px;
        top: 0
    }
}

.summary--close {
    cursor: pointer;
    display: none;
    height: 30px;
    position: fixed;
    right: 20px;
    top: 19px;
    width: 30px
}

@media(min-width: 993px) {
    .summary--close {
        height: 30px;
        right: 23px;
        top: 32px;
        width: 30px
    }
}

.summary.open .summary--close {
    display: block
}

.summary--close:after,
.summary--close:before {
    background: #191e33;
    content: "";
    display: flex;
    height: 2px;
    position: absolute;
    right: 0;
    width: 24px
}

@media(min-width: 993px) {
    .summary--close:after,
    .summary--close:before {
        width: 30px
    }
}

.summary--close:before {
    top: 13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.summary--close:after {
    bottom: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.summary--content {
    position: absolute;
    right: -10000px;
    transition: all .5s ease-in-out
}

.summary.open .summary--content {
    background: #fff2f1;
    max-height: calc(100vh - 50px);
    min-height: 100vh;
    min-width: 324px;
    overflow-y: auto;
    padding: 24px 20px;
    position: fixed;
    right: 0;
    top: 0;
    width: 51%;
    z-index: 4
}

@media(min-width: 993px) {
    .summary.open .summary--content {
        max-width: 681px;
        padding: 60px 42px 60px 104px
    }
}

@media(min-width: 1200px) {
    .summary.open .summary--content {
        width: auto
    }
}

.summary--title {
    margin-bottom: 30px
}

@media(min-width: 993px) {
    .summary--title {
        margin-bottom: 50px
    }
}

.summary--title p {
    font-size: 19px;
    letter-spacing: .2px;
    line-height: 32px
}

@media(min-width: 993px) {
    .summary--title p {
        font-size: 31px;
        letter-spacing: .4px;
        line-height: 40px
    }
}

.summary--tabs {
    border-top: 1px solid #dbdad9;
    padding-left: 19px;
    position: relative
}

@media(min-width: 993px) {
    .summary--tabs {
        padding-left: 0
    }
}

.summary--tabs:last-of-type {
    border-bottom: 1px solid #dbdad9
}

.summary--tabs-title {
    align-items: center;
    color: #98cb75;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    letter-spacing: 1.9px;
    padding: 19px 30px 19px 0
}

@media(min-width: 993px) {
    .summary--tabs-title {
        font-size: 18px;
        letter-spacing: 4px;
        max-width: 97%;
        padding: 30px 0
    }
}

.summary--tabs-title:hover {
    color: #98cb75
}

.summary--tabs.subMenu .summary--tabs-title:after,
.summary--tabs.subMenu .summary--tabs-title:before {
    background: #98cb75;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 27px;
    width: 17px
}

@media(min-width: 993px) {
    .summary--tabs.subMenu .summary--tabs-title:after,
    .summary--tabs.subMenu .summary--tabs-title:before {
        top: 42px
    }
}

.summary--tabs.subMenu .summary--tabs-title:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.summary--tabs.subMenu .summary--tabs-title.active:after {
    background: transparent;
    width: 0
}

.summary--tabs-content {
    left: -3000px;
    margin-bottom: 22px;
    padding: 0;
    position: absolute;
    top: -2px;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 0;
    z-index: -1
}

@media(min-width: 993px) {
    .summary--tabs-content {
        margin-bottom: 42px;
        top: -12px
    }
}

.summary--tabs-content.open {
    left: inherit;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    width: auto;
    z-index: auto
}

.summary--tabs-content li:not(:last-of-type) {
    margin-bottom: 20px
}

.summary--tabs-content li a,
.summary--tabs-content li span {
    font-size: 14px;
    line-height: 18px
}

@media(min-width: 993px) {
    .summary--tabs-content li a,
    .summary--tabs-content li span {
        font-size: 16px;
        line-height: 28px
    }
    .filter__list {
        border-bottom: 1px solid rgba(25, 30, 51, .1);
        text-align: center
    }
}

@media(max-width: 992px) {
    .filter__list form {
        border-bottom: none;
        display: flex;
        flex-direction: column;
        margin-top: 13px;
        text-align: start
    }
}

.filter__list__item {
    display: inline-block;
    margin-right: 44px;
    max-width: 100%;
    padding-bottom: 20px;
    padding-right: 18px;
    padding-top: 23px
}

@media(max-width: 992px) {
    .filter__list__item {
        border-bottom: 1px solid rgba(25, 30, 51, .1);
        margin-bottom: 22px;
        margin-right: 0;
        padding-bottom: 17px;
        padding-right: 0;
        padding-top: 0
    }
}

@media(min-width: 993px) {
    .filter__list__item.active {
        background-color: #fafafa;
        box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .2);
        padding-bottom: 20px;
        padding-top: 23px;
        position: relative;
        top: -1px;
        z-index: 1
    }
    .filter__list__item .collapsing {
        position: fixed;
        transition: none
    }
}

.filter__list__item__btn {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: 18px
}

@media(max-width: 992px) {
    .filter__list__item__btn {
        align-items: start!important;
        margin-left: 19px
    }
}

.filter__list__item__btn a {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 16px;
    text-transform: uppercase
}

@media(max-width: 992px) {
    .filter__list__item__btn a {
        font-size: 16px;
        letter-spacing: .8px
    }
}

.filter__list__item__btn i {
    font-size: 8px;
    margin-left: 14px;
    opacity: .4
}

@media(max-width: 992px) {
    .filter__list__item__btn i {
        position: relative;
        top: -3px
    }
}

.filter__list__item__btn_open {
    display: inline
}

.filter__list__item__btn_close,
.filter__list__item__btn_open:not(.collapsed) {
    display: none
}

.filter__list__item__btn_close:not(.collapsed) {
    display: inline
}

.filter__list__item__btn.checkedFilter:before {
    border: 1px solid #98cb75;
    border-radius: 7.5px;
    content: "";
    display: flex;
    height: 8px;
    margin-bottom: 2px;
    margin-left: -14px;
    position: absolute;
    width: 8px
}

@media(max-width: 992px) {
    .filter__list__item__btn.checkedFilter:before {
        background-color: #98cb75;
        margin-left: -18px
    }
}

.filter__list__item__btn.checkedFilter:not(.checkedFilter) {
    display: none
}

.filter__list__item:last-child {
    margin-right: 0
}

.filter__list__item__content {
    background-color: #fafafa;
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .2);
    margin-top: 20px;
    padding: 25px 55px 27px 18px;
    position: absolute;
    text-align: start;
    z-index: 1000
}

@media(max-width: 992px) {
    .filter__list__item__content {
        background-color: inherit;
        box-shadow: none;
        margin-top: 0;
        padding-right: 1px;
        padding-top: 26px;
        position: relative;
        z-index: 0
    }
}

@media(min-width: 993px) {
    .filter__list__item__content_choices-list {
        width: -webkit-max-content;
        width: max-content
    }
}

.filter__list__item__content_choice {
    margin-bottom: 16px
}

@media(max-width: 992px) {
    .filter__list__item__content_choice {
        display: block;
        margin-bottom: 20px
    }
}

.filter__list__item__content_choice [type=checkbox]:not(:checked)+label,
.filter__list__item__content_choice [type=radio]:not(:checked)+label {
    opacity: 1
}

.filter__list__item__content_choice label {
    color: #191e33;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .6px!important;
    line-height: 18.2px!important;
    opacity: 1;
    padding-left: 26px!important
}

@media(max-width: 992px) {
    .filter__list__item__content_choice label {
        font-size: 13px!important;
        letter-spacing: .5px!important;
        padding-left: 0!important;
        text-transform: uppercase
    }
}

.filter__list__item__content_choice label:hover {
    opacity: 1
}

@media(max-width: 992px) {
    .filter__list__item__content_choice input[type=checkbox]+label {
        display: flex
    }
    .filter__list__item__content_choice input[type=checkbox]+label:before {
        left: auto;
        right: 0
    }
    .filter__list__item__content_choice input[type=checkbox]+label:after {
        left: auto;
        right: -3px
    }
}

.filter__list__item__content_choice input[type=checkbox]:checked+label {
    opacity: 1
}

.filter__list__item__content_choice input[type=checkbox]:checked+label:after {
    color: #191e33
}

.filter__list__item__content_choice input[type=checkbox]:checked+label:before {
    border: 1px solid #98cb75
}

@media(max-width: 992px) {
    .filter__list__item__content_choice input[type=radio]+label {
        display: flex
    }
}

.filter__list__item__content_choice input[type=radio]+label:before {
    height: 16px;
    width: 16px
}

@media(max-width: 992px) {
    .filter__list__item__content_choice input[type=radio]+label:before {
        left: auto;
        right: 0
    }
}

.filter__list__item__content_choice input[type=radio]+label:after {
    background: #98cb75;
    border: 1px solid #98cb75;
    height: 16px;
    left: 0;
    margin-top: -10px;
    width: 16px
}

@media(max-width: 992px) {
    .filter__list__item__content_choice input[type=radio]+label:after {
        left: auto;
        right: 0
    }
}

.filter__list__item__content_choice input[type=radio]:checked+label {
    opacity: 1
}

.filter__list__item__content_choice:last-child {
    margin-bottom: 0
}

@media(max-width: 992px) {
    .filter__list__item__content_choice:last-child {
        margin-bottom: 0
    }
}

.filter__list__item__content_choice.filterCollapsed {
    display: none
}

.filter__list__item__content_more-choices a {
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 16px;
    text-decoration: underline
}

@media(max-width: 992px) {
    .filter__list__item__content_more-choices a {
        margin-top: 19px
    }
}

.filter__list__item__content_delete-all {
    margin-bottom: 0;
    margin-left: 2px;
    margin-top: 28px
}

@media(max-width: 992px) {
    .filter__list__item__content_delete-all {
        display: none!important
    }
}

.filter__list__item__content_delete-all a {
    color: #191e33;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
    vertical-align: bottom
}

.filter__list__item__content_delete-all a i {
    font-size: 25px;
    margin-left: 3px;
    margin-top: -7px;
    opacity: .43;
    position: absolute
}

.filter__list__item__content_delete-all a.disabled {
    color: gray;
    pointer-events: none
}

.footer_delete-all {
    text-align: center
}

@media(min-width: 993px) {
    .footer_delete-all {
        display: none!important
    }
}

.footer_delete-all a {
    color: #191e33;
    font-family: var(--pf-primary-font), sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
    vertical-align: bottom
}

.footer_delete-all a i {
    font-size: 25px;
    margin-left: 3px;
    margin-top: -8px;
    opacity: .43;
    position: absolute
}

body {
    font-family: var(--pf-primary-font);
    font-weight: 500
}

b,
strong {
    font-family: var(--pf-primary-font), sans-serif
}

div[data-ccid=search-filter-list-item] [type=checkbox] {
    opacity: 1
}

div[data-ccid=search-filter-list-item] label {
    color: #191e33;
    font-size: 16px;
    line-height: 1
}

.lazyJs {
    background-color: #ccc;
    background-image: none!important
}