@font-face {
    font-family: Futura LT;
    src: url(../css/FuturaLT-Book.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Futura Std;
    src: url(../css/FuturaStd-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Futura Std;
    src: url(../css/FuturaStd-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*,
:after,
:before {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
    font-family: Futura Std, sans-serif;
    font-weight: 300;
    font-size: 1.453vw;
    line-height: 1.41177;
    font-style: normal;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 0;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
strong {
    font-weight: 500;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    font-family: Futura Std;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
body {
    margin: 0;
    color: #000;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Futura Std, sans-serif;
    font-weight: 300;
    font-size: 1.453vw;
    line-height: 1.41177;
    user-select: none;
    position: relative;
    height: 100%;
    overscroll-behavior: none;
}
body,
main {
    overflow: hidden;
}
main {
    z-index: 997;
    opacity: 0;
    min-height: 100vh;
}
a {
    text-decoration: none;
    position: relative;
}
a,
a:hover {
    color: #000;
    outline: 0;
}
.uppercase {
    text-transform: uppercase;
}
.flex {
    display: flex;
    flex-flow: row wrap;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 11.197917vw;
    background: linear-gradient(180deg, #fff 50.48%, hsla(0, 0%, 100%, 0));
    z-index: 999;
    pointer-events: none;
}
.home-link {
    display: contents;
}
#header-logo {
    position: relative;
    padding-top: 2vw;
    width: 21.2743vw;
    display: block;
    margin-left: 27.5842014vw;
    margin-right: auto;
}
#header-logo,
.is-centered {
    transition: opacity 0.2s ease-in;
}
.is-centered {
    margin-left: auto !important;
    width: 16.5799vw !important;
}
.container {
    position: relative;
}
.close_btn,
.download_btn {
    position: fixed;
    bottom: 5.4286vh;
    left: calc(90.3903vw + 6px);
    width: 5.0347vw;
    height: 5.0347vw;
    transition: opacity 0.2s ease-in-out;
    filter: drop-shadow(0 0 0.59829vw rgba(0, 0, 0, 0.1));
}
.download_btn:hover {
    opacity: 0.4;
}
.close_btn img,
.download_btn img {
    width: 100%;
}
@media only screen and (min-width: 769px) {
    .mobile {
        display: none !important;
    }
}
@media only screen and (max-width: 768px) {
    body {
        overscroll-behavior: auto;
    }
    *,
    body {
        font-size: 15px;
        line-height: 1.5;
    }
    body,
    main {
        overflow-y: scroll;
    }
    header {
        height: 129px;
    }
    #header-logo {
        padding-top: 20px;
        margin-left: auto;
        width: 150px;
    }
    .mobile {
        display: block;
    }
    .desktop {
        display: none !important;
    }
}
#home {
    position: fixed;
    top: 4.6007vw;
    left: 0;
    height: calc(100vh - 4.6007vw);
    width: 100vw;
    overflow: hidden;
    display: flex;
    transition: opacity 0.2s ease-in;
    z-index: 996;
}
#home .home-left {
    position: relative;
    flex: 0 0 76.3%;
}
#home .home-right {
    position: relative;
    flex: 0 0 23.7%;
    display: flex;
    flex-direction: column;
}
#home .btns-container {
    position: absolute;
    top: 18.571429vh;
    left: 50%;
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
    transition: opacity 0.2s ease-in;
}
.background,
.backgrounds-home {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}
.backgrounds-home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.background {
    background-size: cover !important;
    background-position: 50% 50% !important;
}
.cat-btn {
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease-in;
}
.cat-btn img {
    width: 12.85714vh;
    height: 12.85714vh;
    filter: drop-shadow(0 0 0.59829vw rgba(0, 0, 0, 0.1));
    margin-bottom: 1.8572vh;
}
.cat-btn:hover {
    opacity: 0.4 !important;
    transition: opacity 0.25s ease-out;
}
.btn-name span {
    text-transform: uppercase;
    display: block;
    white-space: nowrap;
    color: #000;
    text-shadow: 0 0 2px hsla(0, 0%, 100%, 0.7);
}
.btn-name span,
.btn-name span br {
    font-size: 2vh;
    line-height: 1;
}
.cat1-button {
    top: 0;
}
.cat2-button,
.cat6-button {
    top: 11.571428vh;
}
.cat3-button,
.cat5-button {
    top: 33vh;
}
.cat4-button {
    top: 44.714286vh;
}
.cat1-button,
.cat4-button {
    left: 50%;
    transform: translateX(-50%);
}
.cat2-button,
.cat3-button {
    left: 50%;
    transform: translateX(calc(-50% + 11.4583vw));
}
.cat5-button,
.cat6-button {
    left: 50%;
    transform: translateX(calc(-50% - 11.4583vw));
}
figure {
    position: relative;
    flex: 0 0 33.33333%;
    height: 33.33333%;
    cursor: pointer;
}
figure:hover img {
    filter: brightness(0.72);
}
figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.3s ease-in-out;
}
figcaption {
    position: absolute;
    right: 1.7361vw;
    bottom: 1.7361vw;
    text-transform: uppercase;
    text-shadow: 0 0 0.5208vw rgba(0, 0, 0, 0.2);
    font-family: Futura LT;
    font-size: 1.7361vw;
    font-weight: 400;
    color: #fff;
}
@media only screen and (max-width: 768px) {
    #home {
        position: relative;
        top: 0;
        height: auto;
        flex-direction: column;
    }
    #home .home-left {
        flex: 0 0 86.3568vh;
    }
    #home .home-right {
        flex: 0 0 auto;
    }
    #home .btns-container {
        top: 24.138vh;
    }
    .cat-btn img {
        width: 9.895vh;
        height: 9.895vh;
        margin-bottom: 2.93vw;
    }
    .btn-name span,
    .btn-name span br {
        font-size: 3.73vw;
    }
    .cat2-button,
    .cat6-button {
        top: 9.4463vh;
    }
    .cat3-button,
    .cat5-button {
        top: 26.99vh;
    }
    .cat4-button {
        top: 37.03vh;
    }
    .cat5-button,
    .cat6-button {
        transform: translateX(calc(-50% - 28.8vw));
    }
    .cat2-button,
    .cat3-button {
        transform: translateX(calc(-50% + 28.8vw));
    }
    figure {
        flex: 0 0 35.0825vh;
        height: 35.0825vh;
    }
    figcaption {
        bottom: 22px;
        right: 28px;
        font-size: 3vh;
    }
    figure:hover img {
        filter: none;
    }
    .cat-btn:hover {
        opacity: 1 !important;
    }
}
#scroll_1 .scroll-footer {
    margin-top: 4.9479vw;
}
#scroll_2 .fifty-2:nth-child(2) .fifty-text {
    padding-bottom: 2.6042vw;
}
#scroll_2 .fifty-2:nth-child(2) {
    margin-bottom: 11.632vw;
}
#scroll_3 .fifty-2 .fifty-text {
    padding-top: 0;
    padding-bottom: 10.42vw;
}
#scroll_3 .scroll-content-2 {
    padding-top: 12.5vw;
}
#scroll_3 .scroll-content-2 .p-center {
    margin-bottom: 12.5vw;
}
#scroll_4 .fifty-2:first-child .fifty-text {
    padding-top: 17.8vw;
    padding-left: 8.6806vw;
    padding-right: 11.75vw;
}
#scroll_4 .fifty-2:first-child .fifty-text p {
    margin-bottom: 17.36vw;
}
#scroll_4 .fifty-2:nth-child(2) {
    margin-top: 17.36vw;
}
#scroll_4 .fifty-2:nth-child(2) .fifty-media-content-2,
#scroll_4 .fifty-2:nth-child(3) .fifty-media-content-2 {
    margin-left: 8.6806vw;
    width: 40.4514vw;
    height: 40.4514vw;
}
#scroll_4 .fifty-2:nth-child(2) .fifty-text {
    padding-right: 12vw;
}
#scroll_4 .fifty-2:nth-child(2) .fifty-text,
#scroll_4 .fifty-2:nth-child(3) .fifty-text {
    padding-top: 0;
    padding-bottom: 11.71875vw;
}
#scroll_4 .fifty-2:nth-child(3) .fifty-media-content-2 {
    margin-left: 0.868vw;
    margin-right: 8.6806vw;
}
#scroll_4 .fifty-2:nth-child(3) .fifty-text {
    padding-right: 9vw;
    padding-bottom: 8.6805vw;
}
#scroll_5 .fifties {
    margin-top: 37.5vw;
}
#scroll_5 .fifties .fifty-2:first-child .fifty-text:first-child {
    padding-top: 0;
    padding-left: 8.6806vw;
    padding-right: 11.75vw;
}
#scroll_5 .fifties .fifty-2:first-child .fifty-text:nth-child(2) {
    padding-left: 8.6806vw;
    padding-right: 11.7vw;
    padding-top: 1.31vw;
}
#scroll_5 .fifty-media,
#scroll_5 .fifty-text {
    flex: 0 0 auto;
}
#scroll_5 .fifty-left .fifty-media {
    position: relative;
    width: 100%;
    min-height: 55.6424vw;
}
#scroll_5 .fifty-right .fifty-text {
    padding-left: 11.371528vw;
    padding-right: 8.6806vw;
}
#scroll_5 .fifty-right .fifty-media {
    position: relative;
    width: 100%;
    min-height: 57.64vw;
}
#scroll_6 .scroll-content p {
    margin-bottom: 12.15vw;
}
#scroll_7 .fifties .fifty-2:first-child .fifty-text {
    padding-left: 8.6806vw;
    padding-right: 11.75vw;
}
#scroll_7 .scroll-content {
    width: 42vw;
}
#scroll_7 .fifty-2:first-child .fifty-text {
    padding-top: 6.94vw;
    padding-bottom: 6.8576vw;
    padding-right: 10vw;
}
#scroll_7 .fifty-2:nth-child(2) .fifty-text,
#scroll_7 .fifty-2:nth-child(4) .fifty-text,
#scroll_8 .fifty-2:nth-child(2) .fifty-text,
#scroll_8 .fifty-2:nth-child(4) .fifty-text,
#scroll_9 .fifty-2:nth-child(2) .fifty-text {
    padding-right: 9.5vw;
    padding-left: 11.2847vw;
}
#scroll_7 .fifty-2:nth-child(3) .fifty-text,
#scroll_8 .fifty-2:first-child .fifty-text,
#scroll_8 .fifty-2:nth-child(3) .fifty-text,
#scroll_9 .fifty-2:first-child .fifty-text,
#scroll_9 .fifty-2:nth-child(3) .fifty-text {
    padding-left: 8.6806vw;
    padding-right: 11.75vw;
}
#scroll_7 .fifty-2:nth-child(3) .fifty-text h2 {
    white-space: nowrap;
}
#scroll_8 .rituel-50:not(.rituel-img) {
    padding-right: 0;
}
#scroll_9 .fifty-2:nth-child(2) .fifty-text {
    padding-right: 9.25vw;
}
.youth .rituel-single:first-child .produit {
    height: 49.132vw;
    margin-top: 9.375vw;
}
.youth .rituel-single:first-child .flow {
    top: 3.73vw;
}
.youth .rituel-single:nth-child(2) .produit {
    height: 49.132vw;
    margin-top: 11.02vw;
}
.youth .rituel-single:nth-child(2) .flow {
    top: 6.25vw;
}
.youth .rituel-single:nth-child(3) .produit {
    margin-top: 18.58vw;
    height: 37.6736vw;
}
.youth .rituel-single:nth-child(3) .flow {
    top: 13.802vw;
}
.youth .rituel-single:nth-child(4) .produit {
    margin-top: 16.58vw;
    height: 49.132vw;
}
.youth .rituel-single:nth-child(4) .flow {
    top: 11.8vw;
}
.youth .rituel-single:nth-child(5) .produit {
    margin-top: 35.33vw;
    height: 23.61vw;
}
.youth .rituel-single:nth-child(5) .flow {
    top: 27.08vw;
}
#scroll_7 .mask-bg1 {
    width: 110.8507vw;
    height: 140.1vw;
    top: 50.7vw;
    left: 40.8vw;
}
#scroll_7 .mask-bg2 {
    width: 75.5208vw;
    height: 95.49vw;
    top: 220vw;
    left: -36.632vw;
}
#scroll_7 .mask-bg3 {
    width: 98.87vw;
    height: 125vw;
    top: 340vw;
    left: 50.87vw;
}
#scroll_7 .mask-backgrounds {
    background-color: rgba(252, 234, 241, 0.48);
}
#scroll_7 .scroll-footer {
    background: linear-gradient(180deg, rgba(252, 234, 241, 0.48), rgba(222, 156, 184, 0.6));
}
#scroll_8 .mask-backgrounds {
    background-color: rgba(111, 160, 192, 0.1);
}
#scroll_8 .scroll-footer {
    background: linear-gradient(180deg, rgba(111, 160, 192, 0.1), rgba(111, 160, 192, 0.5));
}
#scroll_9 .mask-backgrounds {
    background-color: rgba(245, 223, 212, 0.35);
}
#scroll_9 .scroll-footer {
    background: linear-gradient(180deg, rgba(245, 223, 212, 0.35), #f5dfd4);
}
#scroll_8 .fifty-2:first-child .fifty-text {
    padding-top: 0;
    padding-bottom: 8.6806vw;
    padding-right: 11.5vw;
}
#scroll_8 .fifty-2:nth-child(3) .fifty-text {
    padding-right: 11.5vw;
}
#scroll_8 .fifty-2:nth-child(3) .fifty-media .fifty-media-content {
    background-size: 225%;
    background-position: 40% 50%;
}
.hydration .rituel-single:first-child .produit {
    margin-top: 5.1215vw;
}
.hydration .rituel-single:first-child .flow {
    top: 0;
}
.hydration .rituel-single:nth-child(2) .produit {
    margin-top: 9.63vw;
}
.hydration .rituel-single:nth-child(2) .flow {
    top: 4.86vw;
}
.hydration .rituel-single:nth-child(3) .produit {
    margin-top: 11.2847vw;
}
.hydration .rituel-single:nth-child(3) .flow {
    top: 6.51vw;
}
.hydration .rituel-single:nth-child(4) .rituel-block:not(.rituel-hydratant-2) .produit {
    margin-top: 27.9514vw;
    width: 42.1875vw;
    height: 37.7604vw;
}
.hydration .rituel-single:nth-child(4) .rituel-block:not(.rituel-hydratant-2) .flow {
    top: 21.09375vw;
}
.rituel-hydratant-2 {
    margin-top: 8.6806vw;
}
.rituel-hydratant-2 .produit {
    margin-top: 13.4548vw;
    width: 42.1875vw;
    height: 37.7604vw;
}
.rituel-hydratant-2 .flow {
    top: 6.5104vw;
}
.rituel-50:not(.rituel-img) {
    padding-right: 1.5vw;
}
.hydration .rituel-single:last-child .produit {
    height: 23.61vw;
    margin-top: 29.6875vw;
}
.hydration .rituel-single:last-child .flow {
    top: 21.1806vw;
}
#scroll_8 .mask-bg1 {
    width: 126.48vw;
    height: 160vw;
    top: 49.306vw;
    left: -60vw;
}
#scroll_8 .mask-bg2 {
    width: 98.87vw;
    height: 125vw;
    top: 235.42vw;
    left: 50.87vw;
}
#scroll_8 .mask-bg3 {
    width: 117.1vw;
    height: 148vw;
    top: 420vw;
    left: -65.36vw;
}
#scroll_9 .scroll-content.small-block {
    width: 39.5vw;
}
#scroll_9 .fifty-2:first-child .fifty-text {
    padding-top: 3.6458vw;
    padding-bottom: 9.72vw;
    padding-right: 11.5vw;
}
#scroll_9 .fifty-2:nth-child(3) .fifty-text {
    padding-right: 10.2vw;
}
#scroll_9 .fifty-text h2 {
    white-space: nowrap;
}
.nourishing .rituel-single:first-child .produit {
    width: 39.41vw;
    height: 37.76vw;
    margin-top: 12.24vw;
}
.nourishing .rituel-single:first-child .flow {
    top: 7.46528vw;
}
.nourishing .rituel-block .rituel-50:nth-child(2) {
    padding-right: 1.5vw;
}
.nourishing .rituel-single:nth-child(2) .produit {
    height: 48.2639vw;
    margin-top: 11.2vw;
}
.nourishing .rituel-single:nth-child(2) .flow {
    top: 6.4236vw;
}
.nourishing .rituel-single:nth-child(3) .rituel-block:not(.rituel-nourishing-2) .produit {
    width: 17.96875vw;
    height: 43.84vw;
    margin-top: 17.96875vw;
    margin-left: 11.54vw;
}
.nourishing .rituel-single:nth-child(3) .rituel-block:not(.rituel-nourishing-2) .flow {
    top: 12.3264vw;
}
.rituel-nourishing-2 {
    margin-top: 8.6806vw;
}
.rituel-nourishing-2 .produit {
    width: 17.96875vw;
    height: 43.84vw;
    margin-top: 13.7153vw;
    margin-left: 11.54vw;
}
.rituel-nourishing-2 .flow {
    top: 7.3vw;
}
#scroll_9 .mask-bg1 {
    width: 93.75vw;
    height: 118.49vw;
    top: 27vw;
    left: 53.125vw;
}
#scroll_9 .mask-bg2 {
    width: 126.48vw;
    height: 160vw;
    top: 180vw;
    left: -59.98vw;
}

.mobile-only {
    display: none;
}
@media only screen and (min-width: 768px) {
    .EN #scroll_2 .fifties .fifty-2:first-child .fifty-text {
        padding-right: 6vw;
    }
    .EN #scroll_3 .scroll-content.small-block {
        width: 40.55vw;
    }

    .EN #scroll_3 .fifties .fifty-2:first-child .fifty-text {
        padding-right: 9vw;
    }
    .EN #scroll_3 .scroll-content-2.small-block {
        width: 39vw;
    }
    .EN #scroll_3 .block-col .single-block-col:first-child .single-block-text {
        flex: 0 0 28vw;
    }
    .EN #scroll_3 .block-col .single-block-col:nth-child(2) .single-block-text {
        flex: 0 0 27vw;
    }
    .EN #scroll_3 .block-col .single-block-col:nth-child(3) .single-block-text {
        flex: 0 0 27.25vw;
    }
    .EN #scroll_3 .block-col .single-block-text:last-child {
        flex: 0 0 28.5vw;
    }
    .EN #scroll_4 .scroll-content {
        width: 40vw;
    }
    .IT .rituel-cta {
        width: 41vw;
    }
}
@media only screen and (max-width: 768px) {
    .scroll-footer {
        display: none !important;
    }

    .mobile-only {
        display: block;
    }

    header {
        pointer-events: auto;
    }

    .EN #scroll_1 .scroll-content, .EN #scroll_2 .scroll-content {
        margin-top: 10.67vw;
    }

    .SP #scroll_3 .scroll-content, .SP #scroll_4 .scroll-content, .SP #scroll_6 .scroll-content, .SP #scroll_7 .scroll-content, .SP #scroll_8 .scroll-content  {
        margin-top: 10.67vw;
    }

    .IT #scroll_6 .scroll-content {
        margin-top: 10.67vw;
    }

    .DE #scroll_1 .scroll-content, .DE #scroll_2 .scroll-content.small-block {
        margin-top: 10.67vw;
    }

    .menu-burger {
        position: absolute;
        top: 5.33vw;
        left: 5.33vw;
        width: 40px;
        height: 40px;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .menu-burger span {
        height: 1.5px;
        width: 17px;
        background-color: #000;
        transition: all 150ms ease-in;
    }

    .menu-burger.menu-open span:first-child {
        transform: rotate(45deg);
        margin-bottom: 0;
    }

    .menu-burger.menu-open span:last-child {
        transform: rotate(-45deg);
        margin-top: -1.5px;
    }

    .menu-burger span:first-child {
        margin-bottom: 8px;
    }

    .dl-btn {
        position: absolute;
        top: 5.33vw;
        right: 5.33vw;
    }

    .dl-btn img {
        width: 40px;
        height: 40px;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
        border-radius: 50%;
    }

    .menu {
        display: flex;
        flex-direction: column;
        pointer-events: none;
        opacity: 0;
        position: absolute;
        top: 0;
        padding-top: 33vw;
        padding-bottom: 17vw;
        padding-left: 5.33vw;
        padding-right: 5.33vw;
        left: 0;
        right: 0;
        overflow-y: scroll;
        background-color: #fff;
        transition: all 200ms ease-in-out;
    }

    .menu-bg {
        position: fixed;
        inset: 0;
        top: 0;
        left: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        background: linear-gradient(180deg, rgba(245, 223, 212, 0) 0%, rgba(222, 156, 184, 0.48) 100%);
        z-index: 1;
    }

    .menu.is-open {
        pointer-events: auto;
        flex-direction: column;
        opacity: 1;
        z-index: 998;
    }

    .menu-el {
        display: inline-flex;
        align-items: center;
        margin: 2.66vw 0;
        z-index: 2;
    }

    .menu-el img {
        width: 15.46vw;
        height: 15.46vw;
        margin-right: 5.33vw;
        filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.1));
    }

    .menu-el-txt {
        width: 100%;
    }

    .menu-el-txt span {
        font-size: 4.53vw;
        line-height: 1.1;
        text-transform: uppercase;
    }

    #scroll_1,
    #scroll_2,
    #scroll_3,
    #scroll_4,
    #scroll_5,
    #scroll_6 {
        padding-bottom: 23vw;
    }

    #scroll_2 .fifties .fifty-2:first-child .fifty-media,
    #scroll_2 .fifties .fifty-2:first-child .fifty-media-content,
    #scroll_3 .fifties .fifty-2:first-child .fifty-media,
    #scroll_3 .fifties .fifty-2:first-child .fifty-media-content {
        height: 85.457vh;
    }
    #scroll_2 .fifty-2:nth-child(2) .fifty-text,
    #scroll_3 .fifty-2 .fifty-text,
    #scroll_3 .scroll-content-2,
    #scroll_4 .fifty-2:first-child .fifty-text,
    #scroll_5 .fifty-right,
    #scroll_5 .fifty-right .fifty-text,
    #scroll_7 .fifty-2:nth-child(2) .fifty-text,
    #scroll_8 .fifties .fifty-2:nth-child(2) .fifty-text,
    .single-block-col {
        padding-top: 13.3vw;
    }
    #scroll_2 .fifty-2:nth-child(2) {
        margin-bottom: 1.33vw;
    }
    #scroll_2 .fifty-2:nth-child(2) .fifty-text,
    #scroll_4 .fifties .fifty-2:first-child .fifty-text,
    #scroll_4 .fifties .fifty-2:nth-child(3) .fifty-text,
    #scroll_5 .fifty-left .fifty-text:nth-child(2),
    #scroll_8 .fifties .fifty-2:first-child .fifty-text,
    #scroll_8 .fifty-2:nth-child(3) .fifty-text,
    #scroll_9 .fifty-2:first-child .fifty-text,
    #scroll_9 .fifty-2:nth-child(3) .fifty-text {
        order: 2;
    }

    #scroll_8 .rituels,
    #scroll_9 .rituel-nourishing-2 {
        padding-bottom: 23vw;
    }
    #scroll_3 .scroll-content-2 .p-center,
    #scroll_8 .fifties .fifty-2:first-child .fifty-media {
        margin-bottom: 13.3vw;
    }
    #scroll_4 .fifty-2:first-child .fifty-text,
    #scroll_8 .fifties .fifty-2:nth-child(2) .fifty-text {
        padding-bottom: 13.3vw;
    }
    #scroll_4 .fifty-2:first-child .fifty-text p {
        margin-bottom: 0;
    }
    #scroll_4 .fifty-2:nth-child(2) {
        margin-top: 0;
    }
    #scroll_4 .fifty-2:nth-child(2) .fifty-media,
    #scroll_4 .fifty-2:nth-child(3) .fifty-media {
        height: 100vw;
        margin-bottom: 13.3vw;
    }
    #scroll_4 .fifty-2:nth-child(2) .fifty-media-content-2,
    #scroll_4 .fifty-2:nth-child(3) .fifty-media-content-2 {
        margin-left: 0;
        width: 100vw;
        height: 100vw;
    }
    #scroll_4 .fifty-2:nth-child(3) .fifty-text {
        padding-bottom: 0 !important;
    }
    #scroll_5 .fifties {
        margin-top: 65.33vw;
        flex-direction: column;
    }
    #scroll_5 .fifty-left .fifty-text {
        padding-bottom: 0;
    }
    #scroll_5 .fifty-left .fifty-text:nth-child(2) {
        padding-top: 0;
    }
    #scroll_5 .fifty-left .fifty-media {
        margin-top: 13.3vw;
        margin-bottom: 13.3vw;
    }
    #scroll_5 .fifty-left .fifty-text:nth-child(2) h2 {
        width: 80%;
    }
    #scroll_5 .fifties .fifty-2:first-child .fifty-text:nth-child(2) {
        padding-right: 11vw !important;
    }
    #scroll_4 .fifties .fifty-2:first-child .fifty-media,
    #scroll_4 .fifties .fifty-2:first-child .fifty-media-content,
    #scroll_5 .fifty-left .fifty-media,
    #scroll_5 .fifty-left .fifty-media-content,
    #scroll_8 .fifties .fifty-2:first-child .fifty-media,
    #scroll_8 .fifties .fifty-2:first-child .fifty-media-content,
    #scroll_9 .fifty-2:first-child .fifty-media,
    #scroll_9 .fifty-2:first-child .fifty-media-content {
        height: 59.97vh;
        min-height: 59.97vh;
    }
    #scroll_6 .scroll-content {
        width: calc(100% - 21.34vw);
    }
    #scroll_6 .scroll-content p {
        margin-bottom: 0;
    }
    #scroll_7 .fifties .fifty-2:first-child .fifty-text,
    #scroll_7 .fifties .fifty-2:last-child .fifty-text,
    #scroll_7 .fifties .fifty-2:nth-child(3) .fifty-text {
        order: 2;
        padding-top: 13.3vw;
        padding-bottom: 13.3vw;
    }
    #scroll_8 .fifties .fifty-2:nth-child(3) .fifty-text,
    #scroll_8 .fifties .fifty-2:nth-child(4) .fifty-text,
    #scroll_9 .fifties .fifty-2:first-child .fifty-text,
    #scroll_9 .fifties .fifty-2:nth-child(2) .fifty-text,
    #scroll_9 .fifty-2:nth-child(3) .fifty-text {
        padding-top: 13.3vw;
        padding-bottom: 13.3vw;
    }
    #scroll_7 .fifties .fifty-2:first-child .fifty-media,
    #scroll_7 .fifties .fifty-2:first-child .fifty-media .fifty-media-content {
        height: 55.47vh;
    }
    #scroll_7 .fifties .fifty-2:nth-child(2) .fifty-media,
    #scroll_7 .fifties .fifty-2:nth-child(2) .fifty-media .fifty-media-content,
    #scroll_9 .fifties .fifty-2:nth-child(2) .fifty-media,
    #scroll_9 .fifties .fifty-2:nth-child(2) .fifty-media .fifty-media-content {
        height: 85.46vh;
    }
    #scroll_7 .fifty-2:nth-child(2) .fifty-text {
        padding-bottom: 13.3vw;
    }
    #scroll_7 .fifties .fifty-2:nth-child(3) .fifty-media,
    #scroll_7 .fifties .fifty-2:nth-child(3) .fifty-media .fifty-media-content {
        height: 60vh;
    }
    #scroll_7 .fifties .fifty-2:nth-child(4) .fifty-media,
    #scroll_7 .fifties .fifty-2:nth-child(4) .fifty-media .fifty-media-content {
        height: 62.68vh;
    }
    #scroll_8 .fifties .fifty-2:nth-child(2) .fifty-media,
    #scroll_8 .fifties .fifty-2:nth-child(2) .fifty-media .fifty-media-content {
        height: 95.65vh;
    }
    #scroll_8 .fifty-2:nth-child(4) .fifty-media,
    #scroll_8 .fifty-2:nth-child(4) .fifty-media-content {
        height: 67.47vh;
    }
    #scroll_9 .scroll-content.small-block {
        width: calc(100% - 21.34vw);
    }
    #scroll_9 strong .notes {
        white-space: nowrap;
    }
    .hydration .rituel-single:nth-child(4) .rituel-block:not(.rituel-hydratant-2) .produit,
    .nourishing .rituel-single:first-child .produit,
    .rituel-hydratant-2 .produit {
        width: 130%;
        left: -15%;
        object-fit: contain;
    }
    .hydration .rituel-single:first-child .produit,
    .youth .rituel-single:first-child .produit {
        height: 106.67vw;
        margin-top: 3.73vw;
    }
    .hydration .rituel-single:first-child .flow,
    .youth .rituel-single:first-child .flow {
        top: 0;
    }
    .hydration .rituel-single:nth-child(2) .produit,
    .hydration .rituel-single:nth-child(3) .produit,
    .youth .rituel-single:nth-child(2) .produit {
        height: 108.8vw;
        margin-top: 6.4vw;
    }
    .hydration .rituel-single:nth-child(2) .flow,
    .hydration .rituel-single:nth-child(3) .flow,
    .youth .rituel-single:nth-child(2) .flow {
        top: 0;
    }
    .hydration .rituel-hydratant-2 .produit,
    .hydration .rituel-single:nth-child(4) .rituel-block:not(.rituel-hydratant-2) .produit,
    .nourishing .rituel-single:first-child .produit,
    .youth .rituel-single:nth-child(3) .produit {
        height: 79.67vw;
        margin-top: 0;
    }
    .hydration .rituel-hydratant-2 .flow,
    .hydration .rituel-single:nth-child(4) .rituel-block:not(.rituel-hydratant-2) .flow,
    .nourishing .rituel-single:first-child .flow,
    .youth .rituel-single:nth-child(3) .flow,
    .youth .rituel-single:nth-child(4) .flow {
        top: -5vw;
    }
    .nourishing .rituel-nourishing-2 .produit,
    .nourishing .rituel-single:nth-child(3) .rituel-block:not(.rituel-nourishing-2) .produit {
        margin-left: auto;
        margin-right: auto;
        object-fit: contain;
        width: 40vw;
        height: 97.33vw;
        margin-top: 15vw;
    }
    .nourishing .rituel-nourishing-2 .flow,
    .nourishing .rituel-single:nth-child(3) .rituel-block:not(.rituel-nourishing-2) .flow {
        top: 0;
    }
    .youth .rituel-single:nth-child(4) .produit {
        margin-top: 0;
        height: 108.53vw;
    }
    .hydration .rituel-single:last-child .produit,
    .youth .rituel-single:nth-child(5) .produit {
        height: 51.47vw;
        margin-top: 20vw;
    }
    .hydration .rituel-single:last-child .flow,
    .youth .rituel-single:nth-child(5) .flow {
        top: 0;
    }
    .nourishing .rituel-single:nth-child(2) .produit {
        height: 104.8vw;
        margin-top: 15vw;
    }
    .nourishing .rituel-single:nth-child(2) .flow {
        top: 0;
    }
    #scroll_7 .mask-bg1 {
        width: 158.13vw;
        height: 200vw;
        top: 198.67vw;
        left: 12.27vw;
    }
    #scroll_7 .mask-bg2 {
        width: 158.13vw;
        height: 200vw;
        top: 625.6vw;
        left: -73.07vw;
    }
    #scroll_7 .mask-bg3 {
        top: 1197vw;
    }
    #scroll_7 .mask-bg3,
    #scroll_8 .mask-bg1 {
        width: 158.13vw;
        height: 200vw;
        left: 12.27vw;
    }
    #scroll_8 .mask-bg1 {
        top: 196.8vw;
    }
    #scroll_8 .mask-bg2 {
        width: 158.13vw;
        height: 200vw;
        top: 811.46vw;
        left: -73.07vw;
    }
    #scroll_8 .mask-bg3 {
        width: 158.13vw;
        height: 200vw;
        top: 1526vw;
        left: 12.27vw;
    }
}
.sections-container {
    width: 100vw;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 0;
    left: 0;
    transition: opacity 0.15s ease-in;
    background-color: #fff;
    position: absolute !important;
}
.scroll-section,
.sections-container {
    display: none;
    opacity: 0;
    position: relative;
    z-index: 997;
    background-color: #fff;
}
.scroll-section {
    flex-flow: column nowrap;
}
.close-btn,
.scroll-section {
    transition: opacity 0.25s ease-in;
}
.close-btn {
    position: absolute;
    top: 3.125vw;
    right: 3.645833vw;
    width: 5.0347vw;
    height: 5.0347vw;
    filter: drop-shadow(0 0 0.59829vw rgba(0, 0, 0, 0.1));
    opacity: 0;
    pointer-events: none;
}
.close-btn img {
    width: 100%;
    height: 100%;
}
.scroll-top {
    position: relative;
    display: block;
    padding-top: 3.125vw;
    height: 84.28567vh;
}
.scroll-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
}
.scroll-title {
    position: absolute;
    top: 60.571429vh;
    left: 8.6806vw;
    display: block;
    width: 73vw;
    font-size: 8.6806vw;
    line-height: 1.07;
    text-transform: uppercase;
    text-shadow: 0 0 0.45vw hsla(0, 0%, 100%, 0.7);
    white-space: nowrap;
}
.scroll-content {
    position: relative;
    padding-top: 13.19vw;
    margin-left: auto;
    margin-right: auto;
    width: 40.98vw;
}
.scroll-content.small-block {
    width: 40.5vw;
}
.scroll-content p {
    font-size: 1.475694vw;
    line-height: 1.5;
}
.p-center {
    text-align: center;
    margin-bottom: 13.4549vw;
}
.scroll-footer {
    position: relative;
    display: block;
    width: 100vw;
    background: linear-gradient(180deg, rgba(245, 223, 212, 0), rgba(222, 156, 184, 0.48));
    padding-bottom: 0.65vw;
    z-index: 10;
}
.footer-btns-container {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 8.420139vw;
    margin-top: auto;
}
.footer-btn {
    display: flex;
    position: relative;
    flex-flow: column nowrap;
    margin-right: 1.39vw;
    cursor: pointer;
    text-align: center;
    align-items: center;
    max-width: 5.0347vw;
}
.footer-btn img {
    position: relative;
    display: block;
    width: 5.0347vw;
    height: 5.0347vw;
    border-radius: 2.51735vw;
    filter: drop-shadow(0 0 0.59829vw rgba(0, 0, 0, 0.1));
}
.footer-btn-txt {
    position: relative;
    padding-top: 1.128vw;
    opacity: 0;
    transition: opacity 0.2s ease-in;
}
.footer-btn-txt span {
    font-size: 0.9548vw;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 0 2px hsla(0, 0%, 100%, 0.7);
}
.scroll-wrapper br {
    line-height: 1.5;
}
.notes br {
    line-height: 1;
}
.footer-btn-txt span br {
    font-size: 0.9548vw;
    line-height: 1;
}
.footer-download-btn img {
    width: 100%;
    height: 100%;
}
.inactive {
    pointer-events: none;
}
.inactive img {
    opacity: 0.4;
}
.footer-separation {
    position: relative;
    display: inline-flex;
    top: 0.4774vw;
    margin-right: 1.39vw;
    height: 4.0799vw;
}
.footer-download-btn {
    position: absolute;
    right: 3.645833vw;
    top: 8.420139vw;
    display: inline-block;
    width: 5.0347vw;
    height: 5.0347vw;
    filter: drop-shadow(0 0 0.59829vw rgba(0, 0, 0, 0.1));
    cursor: pointer;
}
.fifty-2 {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
}
.col {
    flex-flow: column wrap;
    flex: 0 0 50%;
}
.cut {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.cut,
.fifty-2 > * {
    position: relative;
}
.fifty-2 > * {
    flex: 0 0 50%;
    overflow: hidden;
}
.fifty-media-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: 50% 50%;
}
.fifty-2:first-child .fifty-text {
    padding-top: 5.0347vw;
}
.fifty-text {
    padding-top: 8.6806vw;
    padding-bottom: 7.3785vw;
    box-sizing: border-box;
}
.fifty-text p {
    line-height: 1.5;
}
.fifty-2:nth-child(odd) .fifty-text {
    padding-left: 11.632vw;
    padding-right: 9.6vw;
}
.fifty-2:nth-child(2n) .fifty-text {
    padding-left: 8.6806vw;
    padding-right: 11.75vw;
}
.fifty-text h2 {
    font-size: 3.0382vw;
    font-weight: 300;
    line-height: 1.3714;
    text-transform: uppercase;
    margin-bottom: 3.82vw;
    white-space: nowrap;
}
.notes {
    font-size: 0.9548vw !important;
    line-height: 1.5 !important;
}
span.notes {
    display: inline-block;
}
.single-block-col {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 7.4653vw;
}
.single-block-img {
    flex: 0 0 21.3542vw;
    width: 21.3542vw;
    height: 28.125vw;
    object-fit: cover;
    object-position: 50%;
    margin-right: 2.7vw;
}
.single-block-text {
    flex: 0 0 27.1vw;
}
.single-block-text > * {
    font-size: 1.475694vw;
    line-height: 1.5;
}
.single-block-text h3 {
    text-transform: uppercase;
    font-weight: 500;
}
.single-block-col:first-child,
.single-block-col:nth-child(3) {
    margin-left: 16.493vw;
}
.single-block-col:nth-child(2) {
    margin-left: 38.9757vw;
}
.single-block-col:last-child {
    margin-left: 56.94vw;
    margin-bottom: 0;
}
.single-block-col:last-child .single-block-text {
    flex: 0 0 28.82vw;
}
.fifties {
    position: relative;
}
.fifty-text h3 {
    font-weight: 300;
}
.colored-backgrounds,
.mask-backgrounds {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.rituels {
    position: relative;
    z-index: 2;
    padding-top: 1.475694vw;
}
.rituel-single {
    margin-top: 7.5521vw;
}
.rituel-titre {
    position: relative;
    padding-left: 8.6806vw;
    margin-bottom: 8.6806vw;
}
.rituel-etape {
    position: relative;
    height: 6.684vw;
    border-radius: 50%;
    border: 1px solid #000;
    width: 6.684vw;
    margin-right: 2.34275vw;
}
.rituel-etape span {
    position: absolute;
    top: calc(50% + 0.15vw);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.0382vw;
    line-height: 1;
}
.rituel-titre-sub h3 {
    text-transform: uppercase;
    font-size: 1.475694vw;
}
.rituel-50 h2,
.rituel-titre-sub h2 {
    text-transform: uppercase;
    font-size: 3.0382vw;
    line-height: 1.26;
}
.rituel-block .rituel-50:nth-child(2) {
    padding-left: 1.0417vw;
    max-width: 40vw;
    box-sizing: border-box;
}
.rituel-50 h2 {
    font-weight: 500;
    margin-bottom: 4.3403vw;
}
.rituel-block > * {
    flex: 0 0 50%;
}
.rituel-img {
    position: relative;
    padding-left: 8.6806vw;
}
.produit {
    position: relative;
    display: block;
    z-index: 11;
    margin-left: 0;
    object-fit: cover;
    width: 35.07vw;
    height: 49.1319vw;
}
.stat {
    width: 19.6441vw;
    object-fit: fill;
}
.flow,
.stat {
    position: absolute;
    right: 4.17vw;
    height: 15.86vw;
    z-index: 12;
}
.flow {
    width: 15.86vw;
}
.flow-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
}
.flow-txt {
    position: absolute;
    top: calc(50% + 3.0382vw);
    left: 5.2083vw;
    transform: translateY(-50%);
}
.flow-number {
    font-size: 3.0382vw;
}
.flow .notes,
.flow-number {
    font-weight: 500;
}
.flow-lang {
    position: relative;
    margin-top: 1.128vw;
    font-size: 1.4757vw;
    text-transform: uppercase;
    width: 15.86vw;
}
.rituel-cta-block {
    padding-top: 8.6806vw;
    padding-bottom: 1.0417vw;
}
.rituel-cta {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    z-index: 20;
    border-radius: 7.38vw;
    background-color: #fff;
    width: 40vw;
    padding: 2.8645vw 6.68vw;
    box-shadow: 0 0 0.61vw rgba(0, 0, 0, 0.16);
    font-weight: 500;
}
.mask-bg {
    position: absolute;
    background-size: cover;
    background-position: 50%;
}
.rituel-titre-sub p {
    line-height: 1.5;
    margin-top: 4.340278vw;
    width: 29.77vw;
}
#v1408245_container,
#v1408249_container,
#v1408253_container,
#v1408257_container,
#video1408241_wrapper {
    height: 100% !important;
}
@media only screen and (max-width: 768px) {
    .is-centered {
        width: 150px !important;
    }
    #header-logo {
        opacity: 1 !important;
    }
    .close-btn {
        top: 20px;
        right: 26px;
        width: 27px;
        height: 27px;
    }
    .scroll-top {
        padding-top: 0;
        height: 46.48vh;
    }
    .scroll-title {
        top: 43.63vh;
        font-size: 10.67vw;
        left: 10.67vw;
        width: calc(100% - 20.01vw);
        white-space: normal;
    }
    #scroll_7 .scroll-content,
    .scroll-content,
    .scroll-content.small-block {
        padding-top: 29.07vw;
        width: calc(100% - 21.34vw);
    }
    .fifty-text p,
    .scroll-content p {
        font-size: 4vw;
    }
    .cut {
        width: 100%;
    }
    .footer-btns-container {
        padding-top: 16vw;
        padding-bottom: 4vw;
        width: calc(100% - 29.07vw);
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-btn {
        margin-bottom: 1.3vw;
        max-width: unset;
    }
    .footer-btn img {
        width: 8.85vw;
        height: 8.85vw;
    }
    .footer-btn:not(:first-child) {
        margin-left: 1.29vw;
    }
    .footer-btn:not(:last-child) {
        margin-right: 1.29vw;
    }
    .footer-btn:first-child {
        margin-left: unset;
    }
    .footer-btn:last-child {
        margin-right: unset;
    }
    .footer-download-btn {
        top: unset;
        bottom: 5.3vw;
        right: 26px;
        width: 8.85vw;
        height: 8.85vw;
    }
    .fifty-2 > * {
        flex: 0 0 100%;
    }
    #1408241_container,
    #v1388818_container,
    #v1388826_container,
    #v1388830_container {
        height: 85.457vh !important;
    }
    .fifty-2:first-child .fifty-text {
        padding-top: 13.3vw;
    }
    .fifty-2 .fifty-text {
        padding-left: 10.67vw !important;
        padding-right: 10.67vw !important;
    }
    .fifty-text h2 {
        font-size: 6.67vw;
    }
    .fifty-text h2,
    .p-center {
        margin-bottom: 13.3vw;
    }
    .notes {
        font-size: 2.93vw !important;
    }
    .fifty-media,
    .fifty-media-content {
        height: 74.96vh;
    }
    .single-block-col {
        width: calc(100% - 21.34vw);
        margin-left: 10.67vw !important;
        justify-content: space-between;
        margin-bottom: 0;
    }
    .single-block-img {
        flex: 0 0 36.8vw;
        width: 36.8vw;
        height: 48.53vw;
    }
    .single-block-text {
        flex: 0 0 36.4vw;
    }
    .single-block-text > * {
        font-size: 4vw;
    }
    .single-block-col:last-child .single-block-text {
        flex: 0 0 100%;
    }
    .single-block-col:last-child .single-block-text p.notes {
        margin-top: 8vw;
    }
    .single-block-col:last-child {
        margin-bottom: 2.93vw;
    }
    #scroll_7 .scroll-content {
        padding-top: 17.6vw;
    }
    .rituel-etape {
        width: 12.8vw;
        height: 12.8vw;
        margin-right: 5.86vw;
    }
    .rituel-etape span {
        top: calc(50% + 0.3335vw);
        font-size: 6.67vw;
    }
    .rituel-titre-sub h3 {
        font-size: 4vw;
        margin-bottom: 2.67vw;
    }
    .rituel-titre-sub h2 {
        font-size: 6.67vw;
        width: 70%;
    }
    .rituel-titre {
        margin-bottom: 8vw;
    }
    .rituel-block > * {
        flex: 0 0 100%;
    }
    .rituel-img {
        padding-left: unset;
    }
    .rituel-50 {
        padding-left: 10.67vw !important;
        padding-right: 10.67vw !important;
        max-width: unset !important;
        width: calc(100% - 21.34vw);
    }
    strong {
        white-space: normal !important;
    }
    .rituel-single {
        margin-top: 13.3vw;
    }
    .produit {
        width: 100%;
    }
    .stat {
        width: 57.07vw;
        height: 39.73vw;
        right: unset;
        left: 45vw;
        top: 0;
    }
    .rituel-50 h2 {
        font-size: 6.67vw;
        padding-top: 13.3vw;
        margin-bottom: 13.3vw;
    }
    .rituel-50 p {
        font-size: 4vw;
    }
    .rituel-cta-block {
        display: none;
    }
    .col {
        flex: 0 0 calc(100% - 29.33vw);
    }
    .rituel-titre-sub p {
        width: 90%;
    }
    .footer-separation {
        display: none;
    }
    .flow-number {
        font-weight: 500;
        font-size: 6.67vw;
    }
    .flow-lang {
        margin-top: 2.67vw;
        font-size: 4vw;
        width: auto;
    }
    .flow-txt {
        top: 66.6%;
        left: 66.6%;
        transform: translate(-50%, -50%);
    }
    .flow {
        width: 39.75vw;
        height: 39.75vw;
    }
    .footer-btn-txt {
        display: none;
    }
}
#lang-selection {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100vh;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-image: url(../img/lang.jpg);
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 9999;
    transition: opacity 0.3s ease-out;
}
.lang-container {
    position: relative;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-out;
}
.logo-section {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.78vw;
}
.logo-section img {
    height: 88.5757142857vh;
}
.lang-select {
    position: absolute;
    bottom: 5.71vh;
    left: 50%;
    transform: translateX(-50%);
}
.lang-select p {
    font-family: Futura Std;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 0.35vw rgba(0, 0, 0, 0.3);
}
.lang-btns {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.564vw;
    display: block;
    text-align: center;
}
.lang-btn {
    position: relative;
    width: 5.3846vw;
    height: 5.3846vw;
    border: 1px solid #fff;
    border-radius: 2.6923vw;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
    filter: drop-shadow(0 0 0.35vw rgba(0, 0, 0, 0.15));
}
.lang-btn:hover {
    background-color: #fff;
}
.lang-btn:hover span {
    color: #bf7c7c;
}
.lang-btn:not(:last-child) {
    margin-right: 1.3vw;
}
.lang-btn span {
    display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: Futura Std;
    font-weight: 500;
}
@media only screen and (max-width: 768px) {
    .logo-section {
        position: absolute;
        top: 40px;
        transform-origin: center;
        transform: translateX(-50%) translateY(-44.665vw) rotate(90deg);
        left: 50%;
    }
    .logo-section img {
        height: 89.33vw;
    }
    .lang-select {
        width: 100%;
        bottom: 104px;
    }
    .lang-select p {
        font-size: 17px;
    }
    .lang-btns {
        display: flex;
        justify-content: center;
        width: 297px;
        flex-wrap: wrap;
    }
    .lang-btn {
        width: 63px;
        flex: 0 0 63px;
        display: inline-flex;
        height: 63px;
        border-radius: 32px;
        font-size: 17px;
    }
    .lang-btn:not(:last-child) {
        margin-right: 15px;
    }
    .DE #scroll_2 .scroll-content,
    .DE #scroll_4 .scroll-content,
    .DE #scroll_5 .scroll-content {
        padding-top: 39.07vw;
    }
}