/* ---------------------------- ----- ---------------------------- */
/* ---------------------------- ----- ---------------------------- */
/* ---------------------------- BASIC ---------------------------- */
/* ---------------------------- ----- ---------------------------- */
/* ---------------------------- ----- ---------------------------- */

body{
    height: var(--Home-Body-Height);
    background-color: var(--white);
}


.locked{
    overflow: hidden;
    position: fixed;
}


.Sticky-Container{
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100vw;
    /* height: var(--Sticky-Container-Height); */
    /* background-color: red; */
}

/* .Navigation-Principal-Container{
    opacity: 0.8;
}

.Ios-Navigation-Main-Container{
    opacity: 0.02;
} */

/* -------------------------- --------- -------------------------- */
/* -------------------------- --------- -------------------------- */
/* -------------------------- ANIMATION -------------------------- */
/* -------------------------- --------- -------------------------- */
/* -------------------------- --------- -------------------------- */

.Animation-Global-Container{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 1000000;
    background-color: var(--green);
    overflow: hidden;
    transition: height 0.9s ease-out;
}

.Logo-Main-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 300;
}

.Logo-Ios-Container{
    width: 280px;
    height: 280px;
}

.Logo-Desk-Container{
    width: 412px;
    height: 412px;
}

.Logo-Container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 300;
}

.Logo-Ios-Container{
    display: none;
}

.Muse-Logo-Anim{
    position: absolute;
    left: 0px;
    top: 200px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    transition: top 0.4s ease-out;
}



.Animation-Cache{
    position: absolute;
    left: 0px;
    width: 100vw;
    background-color: var(--green);
    top: calc(50vh + 100px);
    height: 300px;
    z-index: 2000000;
}



/* -------------------------- --------- -------------------------- */
/* -------------------------- --------- -------------------------- */
/* -------------------------- - COVER - -------------------------- */
/* -------------------------- --------- -------------------------- */
/* -------------------------- --------- -------------------------- */

.Cover-Global-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.Cover-Main-Container{
    position: absolute;
    left: 0px;
    top: var(--Cover-Container-Top);
    width: 836px;
    height: 836px;
    /* background-color: blue; */
    /* opacity: 0.3; */
}

.Cover-Cache-Main-Container{
    z-index: 3100;
    left: -850px;
    transition: var(--Transition);
}

.Cover-Bg-Main-Container{
    left: -850px;
    transition: var(--Transition);
}

/* -------------------------- -------- --------------------------- */
/* -------------------------- -------- --------------------------- */
/* -------------------------- HEADLINE --------------------------- */
/* -------------------------- -------- --------------------------- */
/* -------------------------- -------- --------------------------- */

.Headline-Section{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Headline-Section-Height);
    background-color: var(--white);
    z-index: 3000;
}

.Headline-Full-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Headline-Full-Container-Height);
    /* background-color: orange; */
}

.Headline-Full-Container-2{
    display: none;
    height: 2500px;
    /* opacity: 0.2; */
}

.Headline-Main-Container{
    height: var(--Headline-Main-Container-Height);
}

.Headline-Main-Container-2{
    height: 100vh;
}

.Headline-Container{
    position: absolute;
    top: var(--Headline-Container-Top);
    height: var(--Headline-Container-Height);
    left: 0px;
    /* background-color: aliceblue; */
}

.Headline-Container-1{
    top: var(--Headline-Container-Top);
    width: 100vw;
}

.Headline-Container-2{
    position: absolute;
    left: 0px;
    width: 100vw;
    height: var(--Headline-Container-Height);
    top: 50%;
    transform: translateY(-50%);
    /* top: var(--Headline-Container-Top); */
    /* background-color: pink; */
}


.Headline-2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    display: inline-block;
    white-space: nowrap;
    /* background-color: blue; */
}


.Headline-2 span{
    display: inline-block;
    width: 100%;
    text-align: justify;
    text-align-last: justify;
}


/* ----------------------- ------------- ------------------------- */
/* ----------------------- ------------- ------------------------- */
/* ----------------------- INTRO SECTION ------------------------- */
/* ----------------------- ------------- ------------------------- */
/* ----------------------- ------------- ------------------------- */

.Intro-Section{
    position: absolute;
    top: 0px;
    background-color: var(--white);
    left: 0px;
    width: 100vw;
}

.Intro-Section-1{
    top: 0px;
    height: var(--Intro-Section-1-Height);
    z-index: 2000;
}

.Intro-Section-2{
    display: none;
    top: var(--Intro-Section-2-Top);
    height: var(--Intro-Section-2-Height);
    z-index: 4000;
}



/* ----------------------- ------------- ------------------------- */
/* ----------------------- INTRO GENERAL ------------------------- */
/* ----------------------- ------------- ------------------------- */

.Intro-Full-Container{
    position: absolute;
    left: 0px;
    width: 100vw;
}

.Intro-Container{
    position: absolute;
    left: var(--Intro-Container-Left);
    width: var(--Intro-Container-Width);
}

.Intro{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
}

/* ----------------------- ------------- ------------------------- */
/* ----------------------- INTRO - TXT 1 ------------------------- */
/* ----------------------- ------------- ------------------------- */

.Intro-Full-Container-10{
    top: var(--Intro-Full-Container-10-Top);
    height: var(--Intro-Full-Container-10-Height);
}

.Intro-Main-Container-10{
    height: var(--Sticky-Height-Txt-1-B);
}

.Intro-Container-10{
    height: var(--Intro-Container-10-Height);
    top: var(--Intro-Container-10-Top);
}

.Intro-10{
    left: 0px;
    height: var(--Intro-Txt-1-Height);
}

.Intro-Txt-11{
    display: block;
}


/* ----------------------- ------------- ------------------------- */
/* ----------------------- INTRO - TXT 2 ------------------------- */
/* ----------------------- ------------- ------------------------- */

.Intro-Full-Container-20{
    top: var(--Intro-Full-Container-20-Top);
    height: var(--Intro-Full-Container-20-Height);
    /* opacity: 0.3; */
}

.Intro-Main-Container-20{
    height: var(--Sticky-Height-Txt-2-B);
}

.Intro-Container-20{
    height: var(--Intro-Container-20-Height);
    top: var(--Intro-Container-20-Top);
    /* background-color: aquamarine; */
    /* background-color: yellow; */
}

.Intro-20{
    left: 0px;
    height: var(--Intro-Txt-2-Height);
    /* background-color: aquamarine; */
    /* opacity: 0.9; */
}

.Intro-Txt-21{
    display: block;
}

/* ----------------------- ------------- ------------------------- */
/* ----------------------- INTRO - TXT 3 ------------------------- */
/* ----------------------- ------------- ------------------------- */

.Intro-Full-Container-30{
    top: var(--Intro-Full-Container-30-Top);
    height: var(--Intro-Full-Container-30-Height);
    /* opacity: 0.3; */
}

.Intro-Main-Container-30{
    height: var(--Sticky-Height-Txt-3-B);
}

.Intro-Container-30{
    height: var(--Intro-Container-30-Height);
    top: var(--Intro-Container-30-Top);
    /* background-color: chartreuse; */
}

.Intro-30{
    left: 0px;
    height: var(--Intro-Txt-3-Height);
    /* background-color: aquamarine; */
    /* opacity: 0.9; */
}

.Intro-Txt-31{
    display: block;
}


/* ----------------------- ------------- ------------------------- */
/* ----------------------- INTRO - TXT IOS ----------------------- */
/* ----------------------- ------------- ------------------------- */

.Intro-Full-Container-4{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: var(--Intro-Full-Container-4-Height);
    /* background-color: cornflowerblue; */
}

.Intro-Main-Container-4{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: var(--Intro-Main-Container-4-Top);
    left: 0px;
    width: 100vw;
    height: var(--Intro-Main-Container-4-Height);
    /* background-color: firebrick; */
    /* opacity: 0.3; */
}


.Intro-Container-4{
    position: relative;
    left: var(--Intro-Container-Left);
    width: var(--Intro-Container-Width);
    /* background-color: blue; */

}

.Intro-Container-410{
    height: var(--Intro-Container-10-Height);
    /* background-color: yellow; */
}

.Intro-Container-420{
    height: var(--Intro-Container-20-Height);
    /* background-color: yellow; */
}

.Intro-Container-430{
    height: var(--Intro-Container-30-Height);
    /* background-color: orange; */
}



/* ----------------------- -------------- ------------------------ */
/* ----------------------- IMAGES SECTION ------------------------ */
/* ----------------------- -------------- ------------------------ */

.Intro-Images-Full-Container{
    position: absolute;
    width: 100vw;
    left: 0px;
    height: var(--Intro-Images-Full-Container-Height);
}

.Intro-Images-Full-Container-1{
    top: var(--Intro-Images-Full-Container-Top);
}

.Intro-Images-Full-Container-2{
    top: var(--Intro-Images-Full-Container-2-Top);
}

.Intro-Images-Main-Container{
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 0px;
    left: var(--Intro-Images-Main-Container-Left);
    width: var(--Intro-Images-Main-Container-Width);
    height: var(--Intro-Images-Main-Container-Height);
}

.Intro-Images-Main-Container-1{
    flex-direction: row;
}

.Intro-Images-Main-Container-2{
    display: none;
    flex-direction: column;
}

.Intro-Images-Container{
    position: relative;
    width: var(--Intro-Images-Container-Width);
    height: var(--Intro-Images-Container-Height);
    background-color: var(--green);
    overflow: hidden;
}

.Intro-Images-Container-1{
    top: 0px;
}

.Intro-Images-Container-2{
    left: 0px;
}

.Intro-Images-Container-11{
    top: var(--Intro-Images-Container-11-Top);
}

.Intro-Images-Container-12{
    top: var(--Intro-Images-Container-12-Top);
}

.Intro-Images-Container-13{
    top: var(--Intro-Images-Container-13-Top);
}

.Intro-Image{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: auto;
}

.Intro-Image-11{
    top: var(--Intro-Image-11-Top);
}

.Intro-Image-12{
    top: var(--Intro-Image-12-Top);
}

.Intro-Image-13{
    top: var(--Intro-Image-13-Top);
}

.Intro-Image-2{
    top: 0px;
}





/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */
/* -------------------------- ACCROCHE SECTION ------------------------ */
/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */


.Home-Accroche-Section{
    position: absolute;
    top: 0px;
    top: var(--Home-Accroche-Section-Top);
    left: 0px;
    width: 100vw;
    height: 100vh;
    height: var(--Home-Accroche-Section-Height);
    z-index: 110;
    z-index: 500;
    isolation: isolate;
    background-color: var(--green);
}

.Home-Accroche-Full-Container{
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: brown;
    background-color: var(--green);
}

.Home-Accroche-Container{
    position: absolute;
    left: var(--Site-Margins);
    top: 50vh;
    transform: translateY(-50%);
    width: var(--Home-Accroche-Container-Width);
    height: var(--Home-Accroche-Container-Height);
}


.Home-Accroche{
    display: none;
}

.Home-Accroche-1{
    display: block;
}

/* .Home-Accroche-Background-Cache{ */
    /* position: absolute; */
    /* left: 0px; */
    /* top: var(--Home-Accroche-Background-Cache-Top); */
    /* height: 1800px; */
    /* width: 100vw; */
    /* background-color: red; */
    /* background-color: var(--green); */
    /* background-color: yellow; */
    /* opacity: 0.1; */
    /* z-index: 40; */
    /* display: none; */
/* } */


/* -------------------------- ------------- --------------------------- */
/* 
.Home-Accroche-Section{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 500;
    background-color: var(--green);
}

.Home-Accroche-Container{
    position: absolute;
    left: var(--Site-Margins);
    top: 50vh;
    transform: translateY(-50%);
    width: var(--Home-Accroche-Container-Width);
    height: var(--Home-Accroche-Container-Height);
}


.Home-Accroche{
    display: none;
}

.Home-Accroche-1{
    display: block;
}

.Home-Accroche-Background-Cache{
    position: absolute;
    left: 0px;
    top: var(--Home-Accroche-Background-Cache-Top);
    height: 1800px;
    width: 100vw;
    background-color: red;
    background-color: var(--green);
    z-index: 400;
} */


/* ------------------------- --------------- -------------------------- */
/* ------------------------- --------------- -------------------------- */
/* ------------------------- LAST -- SECTION -------------------------- */
/* ------------------------- --------------- -------------------------- */
/* ------------------------- --------------- -------------------------- */

/* ------------------------- --------------- -------------------------- */
/* -------- - C O P Y R I G H T - 2 0 2 5 - O A S I S - L A B - ------- */
/* ------------------------- --------------- -------------------------- */

.Home-Last-Section{
    position: absolute;
    left: 0px;
    top: var(--Home-Last-Section-Top);
    width: 100vw;
    height: var(--Home-Last-Section-Height);
    transform: translateZ(0);
    z-index: 1000!important;
    background-color: var(--white);
}

.Home-Content-Section{
    position: absolute;
    left: 0px;
    top: var(--Home-Content-Section-Top);
    width: 100vw;
    height: var(--Home-Content-Section-Height);
}

.Home-Rdv-Section{
    position: absolute;
    left: 0px;
    top: var(--Home-Rdv-Section-Top);
    height: var(--Home-Rdv-Section-Height);
    width: 100vw;
}


/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */
/* -------------------------- CONTENT SECTION ------------------------- */
/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */


/* -------------------------- ------------- --------------------------- */

.Home-Content-Full-Container{
    position: absolute;
    width: var(--Home-Content-Full-Container-Width);
    height: var(--Home-Content-Full-Container-Height);
    top: 0px;
    left: var(--Site-Margins);
    background-color: var(--white);
}


.Home-Content-Full-Container-2{
    display: none;
}

.Home-Content-Main-Container{
    position: absolute;
    overflow: hidden;
    /* height: var(--Home-Content-Main-Container-Height); */
    /* width: var(--Home-Content-Main-Container-Width); */
}

/* -------------------------- ------------- --------------------------- */

.Home-Content-Main-Container-100{
    top: 0px;
    width: var(--Home-Content-Main-Container-100-Width);
    height: var(--Home-Content-Main-Container-100-Height);
}

.Home-Content-Main-Container-10{
    left: 0px;
}

.Home-Content-Main-Container-11{
    right: 0px;
}

.Home-Content-Main-Container-200{
    width: var(--Home-Content-Main-Container-200-Width);
    /* background-color: aqua; */
}

.Home-Content-Main-Container-20{
    left: 0px;
    height: var(--Home-Content-Main-Container-20-Height);
    top: 0px;
    /* background-color: lightseagreen; */
}

.Home-Content-Main-Container-21{
    right: 0px;
    height: var(--Home-Content-Main-Container-21-Height);
    bottom: 0px;
    /* background-color: lightcoral; */
}

/* -------------------------- ------------- --------------------------- */

.Home-Content-Container{
    position: absolute;
}

/* -------------------------- ------------- --------------------------- */

.Home-Content-Text-Container{
    width: var(--Home-Content-Text-Container-Width);
    height: var(--Home-Content-Text-Container-Height);
    /* background-color: yellow; */
    width: 102%;
}

.Home-Content-Text-Container-10{
    left: 0px;
    top: 0px;
    /* width: 102%; */
    /* height: var(--Home-Content-Text-Container-10-Height); */
    height: var(--Home-Content-Txt-Container-1-Height);
}

.Home-Content-Text-Container-11{
    right: 0px;
    bottom: 0px;
    width: 100%;
    /* height: var(--Home-Content-Text-Container-11-Height); */
    height: var(--Home-Content-Txt-Container-2-Height);
    /* background-color: blue; */
}

.Home-Content-Text-Container-2{
    left: 0px;
    top: 0px;
}

.Home-Content-Text-Container-20{
    /* height: var(--Home-Content-Text-Container-20); */
    height: var(--Home-Content-Txt-Container-1-Height);
    /* background-color: red; */
}

.Home-Content-Text-Container-21{
    /* height: var(--Home-Content-Text-Container-21); */
    height: var(--Home-Content-Txt-Container-2-Height);
}

/* -------------------------- ------------- --------------------------- */

.Home-Content-Image-Container{
    background-color: var(--green);
    overflow: hidden;
}

.Home-Content-Image-Container-1{
    width: var(--Home-Content-Image-Container-1-Width);
    height: var(--Home-Content-Image-Container-1-Height);
}

.Home-Content-Image-Container-2{
    width: var(--Home-Content-Image-Container-2-Width);
    height: var(--Home-Content-Image-Container-2-Height);
    /* width: 100%; */
    /* display: none; */
    left: 0px;
    bottom: 0px;
}

.Home-Content-Image-Container-10{
    left: 0px;
    bottom: 0px;
}

.Home-Content-Image-Container-11{
    right: 0px;
    top: 0px;
}

/* -------------------------- ------------- --------------------------- */

.Home-Content-Image{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    height: 100%;
    width: auto;
}



/* -------------------------- ------------- --------------------------- */

.Home-Content{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Home-Content-101, .Home-Content-111{
    display: block;
}



/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */
/* -------------------------- RDV - SECTION --------------------------- */
/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */

.Home-Rdv-Full-Container{
    position: absolute;
    top: 0px;
    left: var(--Home-Rdv-Full-Container-Left);
    width: var(--Home-Rdv-Full-Container-Width);
    height: var(--Home-Rdv-Full-Container-Height);
    overflow: hidden;
}

.Home-Rdv-Main-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Home-Rdv-Main-Container-Height);
}

/* -------------------------- ------------- --------------------------- */

.Home-Rdv-Title-Container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Home-Rdv-Title-Container-Height);
}

.Home-Rdv-Title{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Home-Rdv-Title-Height);
}

.Home-Rdv-Title-1{
    display: block;
}

/* -------------------------- ------------- --------------------------- */

.Home-Rdv-Text-Container{
    position: absolute;
    top: var(--Home-Rdv-Text-Container-Top);
    left: 0px;
    width: 100%;
    height: var(--Home-Rdv-Text-Container-Height);
}

.Home-Rdv{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: var(--Home-Rdv-Text-Height);
}

.Home-Rdv-1{
    display: block;
}

/* -------------------------- ------------- --------------------------- */

.Home-Rdv-Btn-Container{
    position: absolute;
    top: var(--Home-Rdv-Btn-Container-Top);
    left: var(--Home-Rdv-Btn-Container-Left);
    width: var(--Home-Rdv-Btn-Container-Width);
    height: var(--Home-Rdv-Btn-Container-Height);
}


/* -------------------------- ------------- --------------------------- */



/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */


.Scroll-Down{
    position: fixed;
    bottom: 100px;
    left: 50vw;
    transform: translateX(-50%);
    width: 36px;
    height: auto;
    z-index: 4000;
}


/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */
/* -------------------------- HOME - FOOTER --------------------------- */
/* -------------------------- ------------- --------------------------- */
/* -------------------------- ------------- --------------------------- */

.Footer-Principal-Container-Large-Home{
    top: var(--Footer-Principal-Container-Large-Home-Top);
}

.Footer-Principal-Container-Small-Home{
    top: var(--Footer-Principal-Container-Small-Home-Top);
}

.Footer-Principal-Container-Large-Home, .Footer-Principal-Container-Small-Home{
    z-index: 1200;
}

.Home-Footer-Background-Cache{
    position: absolute;
    top: var(--Home-Footer-Background-Cache-Top);
    left: 0px;
    width: 100vw;
    height: var(--Home-Footer-Background-Cache-Height);
    z-index: 900;
    background-color: var(--white);
}