/*Palette theory{*/
/*lin: #F8F5EF;*/
/*warm grey: #7C7879;*/
/*anthracite: #1D2antA35;*/
/*gold: #CBAE4F;*/
/*turquoise: #2BA196;*/
/*lavender saturated: #7062a4*/
/*lavender2: #767795*/
/*dark grey lavender2: #4b4b5c*/
/*pale gold: #E6D8AA*/
/*pale lavender:#AAB8E6*/

/*}*/

/*****************************************************  */
/* global */
/*****************************************************  */


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    font-family: 'EB Garamond', serif;
    font-family: 'Poppins', serif;
    font-family: 'Raleway', sans-serif;
    color: #1D2A35;
    overflow-x: hidden;
}

body.no-scrollable {
    overflow: hidden;
}

main {
    min-height: 100vh;
    position: relative;
}

.mainContainer {
    width: 100%;
    padding-right: 225px;
}

.container-fluid {
    width: 100%;
}

.container {
    width: min(1200px, calc(100vw - 225px));
    padding: 3%;
    margin: auto;
}

.d-none {
    display: none !important;
}

.button {
    padding: 17px 13px;
    height: 54px;
    left: 77px;
    top: 580px;
    display: inline-block;
    border-radius: 7px 0 0 0;
    width: max-content;
    margin: 10px;
    cursor: pointer;
    outline: none;
}

.page img {
    max-width: 100%;
    height: auto;
    max-height: min(500px, 100vh);
    margin: auto;
    padding: 15px 0;
    align-self: center;
    object-fit: contain;
}

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

.page a:hover {
    color: inherit;
    font-style: inherit;
    text-decoration: inherit;
}

.pageTitle {
    font-weight: 500;
    font-size: clamp(1rem, 9vw, 2rem);
    line-height: 46px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #1D2A35;
    max-width: min(700px, 100%);
    margin-top: clamp(1rem, 15vh, 4rem);
    padding: 30px 15px;
}

.btn {
    padding: 10px 15px;
    cursor: pointer;
    text-align: center;
    padding: 15px 30px;
    display: inline;
}

.btn.accent {
    background-color: #CBAE4F;
}

.btn.light {
    background-color: #ffffff;
    text-transform: none;
    font-size: 18px;
    line-height: 21px;
    color: #CBAE4F;
    min-width: 188px;
    min-height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 3px #00000014, -5px -5px 3px #8484840f;
}

.btn.framed {
    background-color: white;
    text-transform: uppercase;
    border: 2px solid #CBAE4F;
    font-size: 15px;
    font-weight: 400;
}

.btn.dark {
    background-color: #767795;
    text-transform: none;
    color: white;
    font-size: 18px;
    letter-spacing: 1px;
}
.btn.gold{
    background-color: #CBAE4F;
    text-transform: none;
    color: white;
    font-size: 18px;
    letter-spacing: 1px;
}
.canvasPage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.canvasPage .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 29px;
    text-align: justify;
    letter-spacing: 0.03em;
    color: rgba(29, 42, 53, 0.71);
    padding: 0 5%;
}

.canvasPage h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 41px;
    text-align: left;
    letter-spacing: 1px;
    color: #767795;
    padding: 10px 25px;
    margin-top: 30px;
    /*text-decoration: underline #767795 1px;*/
    text-align: center;
}
.canvasPage h3 {
    padding: 10px 25px;
    text-align: center;
    color: #CBAE4F;
    font-size: 15px;
}
.canvasPage img{
    max-width: 100%;
    max-height: 80vh;
    text-align: center;
}
.intro {
    max-width: 700px;
    margin-bottom: 50px;
    font-weight: 400;
    font-size: 19px;
    line-height: 27px;
    letter-spacing: 0.03em;
    color: #747474;
    text-align: justify;

}

/*****************************************************  */
/* header */
/*****************************************************  */
.navbar {
    position: fixed;
    padding-top: 40px;
    top: 0;
    right: 0;
    width: 225px;
    height: 100%;
    background-color: #FFFDF9;
    background-image: url("/storage/app/public/rosanais-acar-vieilles-pierres.png");
    background-position: bottom right;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 280px auto;
    z-index: 100;
    box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
}

.navbar .wrapper {
    display: flex;
    flex-direction: column;

    align-items: center;
    height: 100%;
    width: 100%;
}

.navbar .logo {
    flex: 1;
}

.navbar .menuWrapper {
    flex: 3;
    padding: 15px 0;
    width: 100%;
    text-align: right;
}

.navbar .logo img {
    max-height: 93px;
}

.navbar ul li, .smartMenu, footer ul li {
    list-style: none;
}

.navbar .menuWrapper li {
    padding: 10px 18px;
    margin-bottom: 30px;
    font-size: 17px;
}

.hamburger {
    width: 40px;
    height: 31px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    margin: auto 25px auto auto;
}

.hamburger span {
    width: 100%;
    height: 2px;
    background-color: #7C7879;
    transform-origin: left;
    transition: all 1s ease-in-out;
    display: block;
}

.navbar.active .hamburger span:first-child {
    transform: rotate(45deg);
}

.navbar.active .hamburger span:nth-child(2) {
    opacity: 0;
}

.navbar.active .hamburger span:last-child {
    transform: rotate(-45deg);
}

.navbar li {
    cursor: pointer;
    position: relative;
    width: 100%;
    text-transform: uppercase;
}

.navbar .submenuWrapper {
    position: absolute;
    right: 225px;
    opacity: 0;
    top: 5px;
    background-color: #F8F5EF;
    width: 220px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    height: 0;
    overflow: hidden;
}

.navbar li:hover > .submenuWrapper {
    height: auto;
    opacity: 1;
}

.navbar .menuItem .arrowMore {
    margin-left: 0;
    position: absolute;
    left: 12px;
    transition: all 0.5s ease-in-out;
}

.navbar .menuItem:hover > .arrowMore {
    transform: rotate(180deg);
    transform-origin: center;
}

.navbar .menuItem .arrowMore img {
    object-fit: contain;
    height: 13px;
    width: 13px;
}

.submenuList {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
}

.navbar .menuItem a {
    position: relative;
}

.navbar .submenuList::after {
    position: absolute;
    content: "";
    background-color: #767795;
    height: 100%;
    width: 7px;
    top: 0;
    right: 0;
}

.navbar .menuItem.active > a::after {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #CBAE4F;
}

.navbar .menuList > .menuItem.active > a.long::after {
    bottom: -27px;
}

.navbar .submenuList .menuItem.active a.long::after {
    bottom: -22px;
}

.navbar .menuItem a::before {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transition: transform 0.2s ease;
    background: #CBAE4F;
}

.navbar .menuItem:hover > a::before {
    transform: scaleX(1);
    transform-origin: center;
}

.menuItem.active > a::before {
    display: none;
}

.navbar .submenuList li {
    margin: 10px 0 10px 0;
    padding: 0;
    text-transform: capitalize;
}

.navbar .submenuList li a {
    /*display: block;*/
}

.navbar .menuList > .menuItem a.long::before {
    bottom: -27px;
}

.navbar .submenuList .menuItem a.long::before {
    bottom: -22px;
}

/*****************************************************  */
/* smartMenu */
/*****************************************************  */

.smartMenu {
    width: 100vw;
    height: calc(100vh - 66px);
    margin-top: 66px;
    background-color: #fffdf9;
    position: fixed;
    top: 0;
    right: -100vw;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 1s ease;
    box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: -7px 0px 5px 0px rgba(0, 0, 0, 0.05);
    background-color: #FFFDF9;
    background-image: url("/storage/app/public/rosanais-acar-vieilles-pierres.png");
    background-position: bottom right;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: min(100%, 250px) 80%;
}

.smartMenu.active {
    right: 0;
}

.smartMenuWrapper {
    width: 95%;
    padding: 0.7rem;;
}

.smartMenu .menuList {
    margin: auto;
    padding: 0;
    list-style: none;
    font-size: 16px;
    font-weight: 300;
    width: 60%;
}

.smartMenu .menuItem {
    margin-bottom: 35px;
    position: relative;
    text-transform: uppercase;
}

.smartMenu .submenuList .menuItem {
    margin: 10px 0 10px 20px;
    width: 100%;
}

.smartMenu .submenuList .menuItem:last-child {
    margin-bottom: 0;

}

.smartMenu .submenuList {
    padding: 10px 15px 0 15px;;
}

.smartMenu .menuItem a {
    position: relative;
}

.smartMenu .menuItem.active > a::after {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #CBAE4F;
}

.smartMenu .menuItem a::before {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    transition: transform 0.2s ease;
    background: #CBAE4F;
}

.smartMenu .menuItem.active  a.long::after, .smartMenu .menuItem a.long::before {
    bottom: -22px;
}

.smartMenu .submenuList > .menuItem a.long::before , .smartMenu .submenuList > .menuItem a.long::after{
    bottom: -5px;
}

.smartMenu .menuItem:hover > a::before {
    transform: scaleX(1);
    transform-origin: center;
}

.smartMenu.active > a::before {
    display: none;
}

.smartMenu .arrowMore {
    display: none;
}

.smartMenu .submenuList {
    box-shadow: none;
}

.smartMenu .submenuList .menuItem {
    list-style: none;
    text-transform: none;
    color: #7C7879;
}

/*.smartMenu .menuItem a {*/
/*    font-size: 1.2rem;*/
/*    color: white;*/
/*    text-decoration: none;*/
/*    position: relative;*/
/*}*/
/*.submenuList li a{*/
/*    display: inline-block;*/
/*}*/

/*****************************************************  */
/* Index */
/*****************************************************  */


/*******************  hero  ******************/
.welcome .carousel {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.welcome .owl-item{
    max-width: 100vw;
    max-height: 100vh;
}
.welcome .owl-dots {
    margin-top: -88px;
    position: inherit;
    padding: 20px;
    z-index: 100;
}
.welcome .owl-stage-outer{
    max-height: 100%;
}
.welcome .owl-nav{
    padding: 0 5vw;
}
.welcome .carousel .heroText {
    position: absolute;
    margin: auto;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    z-index: 11;
    overflow: hidden;
}

.welcome .heroText .wrapper {
    height: max-content;
    width: max-content;
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.welcome .carousel .textContainer  .imageWrapper{
    margin: 20px;
    border-radius: 50%;
    height: 400px;
    width: 400px;
    position: relative;
    z-index: 10;
    background-color: #CBAE4F;
    transform: translate( -4%,-10%);
}
/*.welcome .carousel .textContainer .imageWrapper img{*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    object-fit: cover;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*}*/
.welcome .carousel .textContainer .imageWrapper .floating{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate( 7%,6%);

}

.welcome .layoutShape {
    position: absolute;
    height: 523px;
    width: 523px;
    max-width: 72vh;
    max-height: 72vh;
    top: -10px;
    /*background-color: #767795;*/
    background-color: #CBAE4F;
    opacity: 0.4;
    transform: rotate(45deg);
    transform-origin: center;
    z-index: 5;

}

.welcome .carousel img:first-child {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 9;
    /*filter: saturate(1.3) brightness(0.9);*/
}

.welcome .carousel::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url('/storage/app/public/rosanais-acar-logo-blanc.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    max-height: 7vw;
    z-index: 10;
    margin: 18px 34px;
}
.welcome .carousel .textContainer{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 100px;
}
.welcome .carousel .textContainer::after{
    position: absolute;
    content: "";
    background-image: url("/storage/app/public/rosanais-acar-lavande-fine-couleur.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 50%;
    bottom: -8%;
    left: 2%;
    width: 25%;
    z-index: 0;
    opacity: 0.5;
}
.welcome .carousel .textContainer::before{
    position: absolute;
    content: "";
    background-image: url("/storage/app/public/rosanais-acar-roses-tremieres-blanches.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: min(500px, 100vw);
    bottom: -99px;
    right: 104px;
    width: 25%;
    z-index: 0;
    opacity: 1;
}
.welcome .carousel .textContainer.no-flower::before,.welcome .carousel .textContainer.no-flower::after{
    display: none;
}
.welcome .carousel .textContainer .title{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 2vh;
    color: rgba(118, 119, 149, 0.85);
    padding: 30px;
    text-align: center;
    word-spacing: 10px;
    max-width: min(600px, 100%);
    line-height: 45px;

}

.welcome .carousel .textContainer img{
    object-fit: contain;
    height: 70%;
}
.welcome .carousel .textContainer .date{

    color: #1D2A35;
    font-size: 20px;
    font-weight: 300;
    min-width: 280px;
    margin: 0 auto 25px;
    text-align: center;
}
.welcome .carousel .textContainer .seeMore{
    margin-top: 5vh;
display: flex;flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.welcome .carousel .heroText img {
    width: min(90%, 500px);
    margin-bottom: 50px;
    object-fit: contain;
    height: auto;
    z-index: 12;
}

.welcome .carousel .btn {
    z-index: 12;
    margin: 0 25px;
}

.welcome .carousel .foster {
    margin: 10px 0 30px 0;
    text-align: center;
    padding: 0 15px;
    z-index: 12;
    max-width: 500px;
}

.welcome .carousel::before {
    position: absolute;
    content: "";
    z-index: 14;
    width: 101%;
    min-height: 90px;
    bottom: -36px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/storage/app/public/rosanais-acar-arrow-left-transition.png");
}

/*******************  map  ******************/

.welcome .map {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.welcome .map h2 {
    font-weight: 400;
    color: #CBAE4F;
    font-size: 35px;
    line-height: 46px;
    text-align: center;
}

.welcome .mapWrapper {
    position: relative;
    margin: 50px 0;
    height: min(80vh, 800px);
    width: 100%;
    z-index: 0;
}

.welcome .mapWrapper .mapBg {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: grayscale(43%)
}

.welcome .btn.framed {
    font-size: 19px;
}

.welcome .structuresWrapper {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.welcome .mapWrapper .structuresWrapper .structure {
    position: absolute;
    content: "";

}

.welcome .mapWrapper .structuresWrapper .structure:nth-child(1) {
    top: 28%;
    left: 53%;
}

.welcome .mapWrapper .structuresWrapper .structure:nth-child(2) {
    top: 74%;
    left: 65%;
}

.welcome .mapWrapper .structuresWrapper .structure:nth-child(1) .left img {
    object-position: 13px 0;
}

.welcome .mapWrapper .structuresWrapper .structure:nth-child(3) {
    top: 40%;
    left: 25%;
}

.welcome .mapWrapper .structuresWrapper .structure:nth-child(4) {
    top: 60%;
    left: 35%;
}

.welcome .mapWrapper .structuresWrapper .structure:nth-child(4) .left img {
    object-position: 18px 22px;
}

.welcome .mapWrapper .wrapper {
    position: relative;
}

.welcome .mapWrapper .point {
    width: 20px;
    height: 20px;
    background: #4b4b5c;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
}

.welcome .mapWrapper .structure:hover .point {
    cursor: pointer;
}

.welcome .mapWrapper .nom {
    font-size: 13px;
    text-align: center;
    max-width: 100px;
    margin-bottom: 7px;
    font-weight: bold;
    color: #4b4b5c;
}

.welcome .mapWrapper .wrapper {

}

.welcome .mapWrapper .pointWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.welcome .mapWrapper .card {
    position: absolute;
    content: "";
    top: -175px;
    /*background: #767795;*/
    right: calc(50% - 134px);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 262px;
    cursor: pointer;
    display: flex;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    height: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(140deg, rgba(255, 255, 255, 1) 0%, rgba(75, 75, 92, 0.8197479675463936) 22%, rgba(75, 75, 92, 1) 100%);
    z-index: 10;
}

.welcome .structure.active .card {
    height: 168px;
}

.welcome .structure.active .point {
    background-color: #CBAE4F;
}

.mapWrapper .card .left {
    flex: 2;
    position: relative;
}

.mapWrapper .card .left .imgWrapper {
    height: 125px;
    width: 125px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #cbae4f;
    overflow: hidden;
    top: -24px;
    right: -15px;
}

.mapWrapper .card .left img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

.mapWrapper .card .right {
    flex: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 20px 20px 15px;
    letter-spacing: 1px;
}

.mapWrapper .card .right h3 {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    text-transform: uppercase;
    color: white;
}

.mapWrapper .card .right h3 span {
    text-transform: none;
}

.mapWrapper .card .right .btn {
    height: 32px;
    width: 113px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: unset;
    min-height: unset;
    font-size: 14px;
    color: white;
    background-color: #CBAE4F;
}

.mapWrapper .card .right .btn a {
    text-align: center;
}

/*******************  structures  ******************/
.welcome .acarStructures {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    position: relative;
}

.welcome .acarStructures .card {
    overflow: hidden;
    position: relative;
    width: 33.3%;
    height: min(100vh, 472px);

}

.welcome .acarStructures .card:hover img {
    transform: scale(1.05);
}

.welcome .acarStructures .seeMoreStructures {
    width: 66.6%;
}

.welcome .acarStructures .card img {
    position: relative;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    filter: saturate(146%);;
    transition: 0.2s linear;
    opacity: 0.8;
}

.welcome .acarStructures .card .contentWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    cursor: pointer;
}

.welcome .acarStructures .card .contentWrapper .btn {

    z-index: 11;
    max-width: 230px;
    margin: 0 10px 70px;
}

.seeMoreStructures .wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
    padding: 70px;
    overflow: hidden;
}

.seeMoreStructures .wrapper::after {
    position: absolute;
    content: "";
    bottom: -106px;
    left: 7%;
    height: 100%;
    min-width: 200px;
    background-image: url("/storage/app/public/rosanais-acar-roses-tremieres-rose.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.6;
}

.seeMoreStructures .wrapper h2 {
    text-align: right;
    max-width: 550px;
    font-weight: 400;
    font-style: italic;
    color: #747474;
    line-height: 35px;
    font-size: 24px;
    z-index: 15;
}

.seeMoreStructures .wrapper .btn {
    background-color: transparent;
    font-size: 18px;
    text-align: center;
    text-transform: none;
    color: #CBAE4F;
    letter-spacing: 2px;
    border-width: 3px;
}

.welcome .acarStructures::before {
    position: absolute;
    content: "";
    z-index: 11;
    width: 101%;
    min-height: 90px;
    top: -36px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/storage/app/public/rosanais-acar-arrow-left-transition.png");
    transform: rotate(180deg);
}

/*******************  agenda  ******************/

.welcome .agenda {
    display: flex;
    flex-wrap: wrap;
    margin-top: 90px;
    position: relative;
    padding-right: 0;
    padding-left: 0;
}

.welcome .agenda::before {
    position: absolute;
    content: "";
    bottom: -48px;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url("/storage/app/public/rosanais-acar-gold-transition-2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
}


/*******************  partners  ******************/
.welcome .partners {
    margin-top: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url("/storage/app/public/rosanais-acar-bandeau-partenaires.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 570px;
}

.welcome .partners .wrapper {
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5172269591430323) 0%, rgba(255, 255, 255, 1) 73%);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 570px;
}

.welcome .partners h2 {
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    letter-spacing: 0.03em;
    color: #1D2A35;
    margin-bottom: 140px;
    margin-top: 50px;
}

.welcome .partnerList {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    max-width: 100%;
}

.welcome .partner {
    width: 200px;
    opacity: 0.9;
    margin: 0 20px 50px 20px;
}

.welcome .partners .partner img {
    object-fit: contain;
    width: 100%;
    filter: grayscale(0.5);
    height: 100%;
}

/*****************************************************  */
/* find Us  */
/*****************************************************  */
.findUs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.findUs .mapContainer {
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 20px;
    z-index: 0;
}

.findUs .tabBar {
    position: relative;
    width: 100%;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    opacity: 1;
    animation: fadesIn 1s ease-in-out;
}

@keyframes fadesIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.findUs .tabItem:first-child {
    margin-right: 40px;
}

.findUs .tabMap {
    display: flex;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
}

.findUs .tabItem {
    height: 70px;
    width: 70px;
    background: #FFFDF9;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    color: #1D2A35;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    padding: 10px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.findUs .tabCategories {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;

}

.findUs .categoryItem {
    padding: 20px 30px;
    border: 2px solid #CBAE4F;
    font-weight: 600;
    color: #747474;
    margin: 20px 10px 10px 10px;
    cursor: pointer;
}

.findUs .categoryItem.active {
    background-color: #CBAE4F;
    color: white;
}

.findUs .tabItem:hover {
    transform: scale(1.1);
}

.findUs .tabItem .text {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;

}

.findUs .tabItem svg {
    fill: #1D2A35;
    stroke-width: 0;
}

.findUs .tabItem.active {
    background: #CBAE4F;
    color: #FFFDF9;
}

.findUs .tabItem.active svg {
    fill: #FFFDF9;
}

.findUs .listWrapper {
    flex: 1;
    padding: 0 10px 10px 10px;
    height: 100%;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.findUs .mapWrapper {
    flex: 3;
}

.findUs .card {

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 340px;
    cursor: pointer;
    display: flex;
    overflow: hidden;
    /*border: 2px solid #CBAE4F;*/
    margin: 0 auto 10px auto;
    height: 190px;
    transition: all 0.3s ease-in-out;
    background: linear-gradient(140deg, rgba(255, 255, 255, 0.1) 0%, rgba(75, 75, 92, 0.8197479675463936) 22%, rgba(75, 75, 92, 1) 100%);
}


.findUs .card .left {
    flex: 2;
    position: relative;
}

.findUs .card .left .imgWrapper {
    height: 125px;
    width: 125px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #CBAE4F;
    overflow: hidden;
    top: -24px;
    right: 13px;
    transition: all 0.3s ease-in-out;
}

.findUs .card .left img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
    filter: saturate(125%);
}

.findUs .card .right {
    flex: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 20px 20px 15px;
    transition: all 0.3s ease-in-out;
}

.findUs .card .right h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    /*word-break: break-word;*/
    transition: all 0.3s ease-in-out;
    max-height: 103px;
    overflow: hidden;
}


.findUs .card .right .prestation {
    font-size: 13px;
}
.findUs .cardList {
    margin: auto;
}

.findUs .card .right h3 .prestation {
    text-transform: none;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    max-height: 60px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.findUs .card .right .btn {
    height: 32px;
    width: 113px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    background-color: #CBAE4F;
    color: white;
}

.findUs .card .right .btn a {
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.findUs .tabList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.findUs .tabList .card .right {
    justify-content: space-around;
}

.findUs .tabList .card {
    cursor: default;
    width: 30%;
    max-width: 385px;
    height: 280px;
    margin: 22px;
}

.findUs .tabList .card .left .imgWrapper {
    width: 165px;
    height: 165px;
}

.findUs .tabList .card .nom {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
}

.findUs .tabList .card .prestation {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: right;
    color: #FFFFFF;
    max-height: 66px;
    overflow: hidden
}

.findUs .card .bottom {
    position: relative;
}

.findUs .card .btn.light {
    font-size: 14px;
    min-height: unset;
    min-width: unset;
}

.findUs .card .iconMap {
    position: absolute;
    height: 60px;
    width: 60px;
    top: -21px;
    left: -110%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #CBAE4F;
    fill: #CBAE4F;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.findUs .card .iconMap .text {
    margin-bottom: 5px;
}

.findUs .card.alignment {
    border: none;
    height: 0;
    min-height: 0;
    margin-top: 0;
}

.findUs .arrowContainer {
    display: none;
}

.findUs .slideWrapper.active .card, .findUs .card.active {
    background: white;
    border-color: #9c9ca72e;
}

.findUs .slideWrapper.active .card .btn.light, .findUs .card.active .btn.light {
    color: white;
    background-color: #cbae4f;
}

.findUs .mapWrapper {
    /*background-image: url("/storage/app/public/rosanais-acar-old-map-warm.jpg");;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*filter: grayscale(50%);*/
    /*opacity: 1;*/
}

.findUs .slideWrapper.active .card .right h3, .findUs .card.active .right h3 {
    color: #767795;
}

.categoriesBar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/*****************************************************  */
/* sliders */
/*****************************************************  */


.arrowContainer {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    bottom: calc(46% - 66px);
    margin: auto 20px;
    cursor: pointer;
    z-index: 50;
    padding: 20px;
    background-color: #CBAE4F;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.arrowContainer:nth-child(1) img {
    transform: rotate(180deg);
    transform-origin: center;
}

.sliderContainer {
    position: relative;
    z-index: 1;
}

.sliderWrapper {
    transition: transform 0.3s ease-in-out;
}

.alignmentSlide {
    height: 0;
    opacity: 0;
    display: none;
}


/*****************************************************  */
/* structurePage *
/*****************************************************  */
.structurePage .presentation {
    display: flex;
}

.backToList {
    margin: 20px 0;
    display: flex;
    justify-content: flex-start !important;
    align-items: center !important;

}

.backToList a::after {
    position: absolute;
    content: "";
    height: 95px;
    width: 95px;
    top: 0;
    right: 0;
    background-color: #CBAE4F;
    z-index: 0;
    transform: rotate(45deg) translate(-18px, 0px);
    transform-origin: center;
}

.backToList a {
    width: max-content;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

}

.backToList a img {
    object-fit: contain;
    margin-right: 4px;
    width: 30px;
    height: 30px;
    object-position: center;
    z-index: 10;
}

.backToList a span {
    max-width: 60px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
    z-index: 10;

}

.structurePage .presentation .left {
    flex: 1;
    overflow: hidden;
}

.structurePage .presentation .right {
    flex: 1;
}

.structurePage .carouselImg {
    max-height: min(500px, 80vh);
    object-fit: contain;
}

.owl-nav {
    width: 100%;
    position: absolute;
    top: calc(50% - 15px);
    display: flex;
    justify-content: space-between;
}

.owl-prev, .owl-next {
    height: 30px !important;
    width: 30px !important;
    background-color: #CBAE4F !important;
    color: white !important;
    border-radius: 50%;
    font-size: 25px !important;
    margin: 10px;
}

.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.owl-dot {
    height: 10px;
    width: 10px;
    background-color: #767795 !important;
    border-radius: 50%;
    margin-right: 10px;
}

.owl-dot.active {
    background-color: #CBAE4F !important;
}

.structurePage .noTablet {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.structurePage .noTablet .left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-right: 4vw;
    overflow: hidden;
}

.structurePage .noTablet .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /*max-width: 50%;*/
}

.structurePage .socials {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 80px;
    margin-bottom: 20px;
    width: 100%;
}

.structurePage .socials .item img, .eventPage .socials img {
    object-fit: contain;
    object-position: center;
    height: 50px;
    width: 50px;
}

.structurePage .contactPoint {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.structurePage .contactList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 50px;
}

.structurePage .contactList .item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 15px;
}

.structurePage .contactList .item img {
    object-fit: contain;
    height: 50px;
    width: 50px;
    object-position: center;
}

.structurePage .contactList .content {
    font-size: 15px;
    text-align: left;
    line-height: 21px;
    color: #767795;
    margin-left: 7px;
}

.structurePage .map, .eventPage .map {
    width: 100%;
    height: 350px;
    background-image: url("/storage/app/public/rosanais-acar-pioneer-map.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.structurePage .titleCard {
    background-color: #767795;
    padding: 80px 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}

.structurePage .titleCard::after {
    position: absolute;
    content: "";
    bottom: -106px;
    right: 5%;
    height: 384px;
    min-width: 137px;
    background-image: url("/storage/app/public/rosanais-acar-roses-tremieres-blanches.png");
    background-position: 0 38px;
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 90%;
    opacity: 65%;
}

.structurePage .name {
    font-weight: 500;
    font-size: 35px;
    line-height: 41px;
    text-align: left;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 41px;
}

.structurePage .services {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-weight: 500;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 0.1em;
    color: #FFDB67;
    z-index: 10;
    background-color: #767795b8;
    padding-right: 20px;
}

.structurePage .schedules {
    margin: 15px auto;
    padding: 30px;
    border: 2px solid #CBAE4F;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #767795;
}

.structurePage .tablet.container {
    display: flex;
    flex-direction: column;
}

.structurePage .description, .eventPage .description {
    margin: 15px auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 29px;
    text-align: justify;
    letter-spacing: 0.03em;
    color: rgba(29, 42, 53, 0.71);
}

.structurePage .payMode, .eventPage .payMode {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    font-size: 13px;
    flex-wrap: wrap;
}

.structurePage .payMode .label, .eventPage .payMode .label {
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #767795;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    max-width: 104px;
    text-align: center;
}

.structurePage .payMode img, .eventPage .payMode img {
    object-position: center;
    object-fit: contain;
    height: 30px;
    width: 30px;
    margin-bottom: 10px;
}

.structurePage .payMode .item, .eventPage .payMode .item {
    font-weight: 700;
    letter-spacing: 0.03em;
    color: rgba(0, 0, 0, 0.71);
    padding: 0 5px;
    margin: 2px;
    border: 1px solid rgba(203, 174, 79, 0.65);
    border-radius: 2px;
}

.structurePage .payMode, .eventPage .middle .payMode, .eventPage .payMode {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

}

.structurePage .payMode .left, .eventPage .middle .payMode .left, .eventPage .payMode .left {
    flex: content;
    max-width: max-content;
    margin-right: 10px;
    padding-right: 0;
}

.structurePage .payMode .right, .eventPage .middle .payMode .right, .eventPage .payMode .right {
    flex: content !important;
    line-height: 30px;
    max-width: min(55vw, 300px);
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row !important;
    justify-content: flex-start !important;
}

/*****************************************************  */
/* agenda */
/*****************************************************  */
.agendaPage > .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.agendaPage .pageTitle {
    margin-bottom: 50px;
    text-align: left;
}

.agendaPage .eventCategory {
    color: #767795;
    text-align: left;
    font-size: 25px;
    margin: 20px 0 50px;
    align-self: flex-start;
    font-weight: 500;
    word-spacing: 2px;
    opacity: 0.9;
}

.agendaPage .eventsList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.agendaPage .eventsList::before {
    position: absolute;
    content: "";
    z-index: 11;
    width: 101%;
    min-height: 90px;
    top: -36px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/storage/app/public/rosanais-acar-arrow-left-transition.png");
    transform: rotate(180deg);
}

.welcome .agenda .card, .agendaPage .card {
    overflow: hidden;
    position: relative;
    width: 50%;
    height: min(100vh, 520px);
    z-index: 0;

}

.welcome .agenda .card.seeMore, .agendaPage .card.seeMore {
    display: flex;
    flex-direction: column;
    padding: 40px;
    justify-content: space-around;
    align-items: flex-start;
    background-color: #767795;

}

.welcome .agenda .titre1, .agendaPage .titre1 {
    text-align: left;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 35px;
    color: white;
    line-height: 46px;
}

.welcome .agenda .btn.framed, .agendaPage .btn.framed {
    font-size: 14px;
    padding: 10px 30px;
    color: #CBAE4F;
    letter-spacing: 1px;
    height: 50px;
    width: 196px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: white;
    /*background-color: transparent;*/
    background-color: white;
    font-weight: 700;
}

.welcome .agenda .card img, .agendaPage .card img {
    position: relative;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    transition: 0.2s linear;
    filter: sepia(0.3) brightness(104%);
    opacity: 0.9;
}

.agendaPage .card {
    margin: 10px;
    width: calc(50% - 20px);
    cursor: pointer;
}

.welcome .agenda .card .pastille, .agendaPage .card .pastille, .eventPage .pastille {
    position: absolute;
    content: "";
    top: -25px;
    right: -17px;
    height: 135px;
    width: 135px;
    background-color: white;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #CBAE4F;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.welcome .agenda .card .pastille img, .agendaPage .card .pastille img, .eventPage .pastille .logo {
    object-fit: contain !important;
    width: 80% !important;
    object-position: center !important;
}

.welcome .agenda .cardContent, .agendaPage .cardContent {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.welcome .agenda .cardContent .wrapper, .agendaPage .cardContent .wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 73%;
    background-image: url("/storage/app/public/rosanais-acar-gold-transition.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px 73px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: white;
    align-items: flex-start;
    padding: 40px;
}

.welcome .agenda .titre2, .agendaPage .titre2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #F8F5EF;
    margin-bottom: 30px;
    max-width: min(300px, 100%);
}

.welcome .agenda .date, .agendaPage .date {
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.03em;
    color: #1a2530;
    max-width: 160px;
}

.welcome .agenda .cardContent .seeMore, .agendaPage .cardContent .seeMore {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    padding: 0 40px 40px 0;
    display: flex;
    width: max-content;
    color: #4b4b5c;
    font-size: 18px;
    letter-spacing: 1px;
}

.welcome .agenda .cardContent .seeMore img, .agendaPage .cardContent .seeMore img {
    height: 16px;
    width: 16px;
    object-fit: contain;
    margin-left: 20px;
}

.agendaPage .card img {
    filter: none
}

/*****************************************************  */
/* event */
/*****************************************************  */
.eventPage h1 {
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #767795;
    padding: 0 20px;
}

.eventPage .middle .middle {
    position: relative;

}

.eventPage .middle .middle::before, .eventPage .tablet .mainImage::before, .eventPage .mobile .mainImage::before {
    position: absolute;
    content: "";
    z-index: 11;
    width: 101%;
    min-height: 90px;
    top: -36px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/storage/app/public/rosanais-acar-arrow-left-transition.png");
    transform: rotate(180deg);
}

.eventPage .top .middle .name {
    margin-left: 20px;
}

.eventPage .top {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.eventPage .top .left {
    flex: 1;
}

.eventPage .top .middle {
    flex: 4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eventPage .top .right {
    flex: 1.7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eventPage .top .lavandeDeco {
    transform: translateY(10px);
    max-width: 100%;
}

.eventPage .lavandeDeco {
    object-fit: contain;
    object-position: center;
    width: 225px;
    transform: rotate(21deg);
}

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

.eventPage .middle .left {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding-right: 30px;
    margin: auto;
}

.eventPage .middle .middle {
    flex: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.eventPage .middle .middle img {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 450px;
    filter: sepia(0.3) brightness(104%);
}

.eventPage .pastille {
    bottom: -12px;
    top: unset;
    right: -33px;
}

.eventPage .socials img {
    margin: 10px 0;
}

.eventPage .contactList {
    margin: 15px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.eventPage .contactList .item {
    color: #767795;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 5px;

}

.eventPage .contactList .item.phone, .eventPage .contactList .item.address {
    margin-bottom: 15px;
}

.eventPage .contactList .payMode .item {
    margin-left: 5px;
}

.eventPage .payMode .label {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.eventPage .contactList .item img {
    margin-right: 10px;
}

.eventPage .schedules {
    min-width: 200px;
    max-width: 198px;
    padding: 30px;
    background: #767795;
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    margin: 15px 0;
}

.eventPage .middle .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.eventPage .backToList {
    flex: 1;
}

.eventPage .tablet .mainImage, .eventPage .mobile .mainImage {
    height: 100%;
    width: 100%;
}

.eventPage .tablet .middle .left {
    flex: 3;
    padding: 20px;
}

.eventPage .imageContainer {
    position: relative;
    overflow: hidden;
    width: max-content;
    margin: 20px auto;
    max-width: 100%;
}

.eventPage .item.address .place {
    font-weight: 600;
}

.eventPage .item.address .content {
    color: #767795;
}

.eventPage .item.address img {
    margin-right: 20px;
}

.eventPage .item.address {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
}

.eventPage .tablet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: center;
}

.eventPage .tablet .top, .eventPage .mobile .top {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: center;
}

.eventPage .tablet .schedules {
    margin-top: 50px;
}

.eventPage .tablet .socials, .eventPage .mobile .socials {
    display: flex;
    flex-direction: row;
}

.eventPage .tablet .socials .item, .eventPage .mobile .socials .item {
    margin: 10px 20px 10px 0;
}

.eventPage .tablet .middle, .eventPage .mobile .middle {
    display: flex;
    align-items: flex-start;
    margin: 20px 3%;
    width: 100%;
}

.eventPage .tablet .bottom, .eventPage .mobile .bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.eventPage .tablet .bottom .left, .eventPage .mobile .bottom .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.eventPage .tablet .bottom .right, .eventPage .mobile .bottom .right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-width: min(420px, 100%);
}

.eventPage .tablet .backToList, .eventPage .mobile .backToList {
    margin-top: 70px;
}

.eventPage .description {
    margin-bottom: 50px;
    width: min(100vw, 100%);
    max-width: max-content;
    padding: 0 5%;
}

.eventPage .tablet .bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.eventPage .tablet .bottom .addressAndMap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.eventPage .tablet .contactList .item {
    justify-content: center;
}

.eventPage .tablet .bottom .payMode .right {
    min-width: unset;
    flex: none !important;
}

/*****************************************************  */
/* contact */
/*****************************************************  */
.contactPage {
    position: relative;
}

.contactPage .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 200px;
}

.contactPage .wrapper::after {
    position: absolute;
    content: "";
    background-image: url("/storage/app/public/rosanais-acar-roses-tremieres-rose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: min(871px, 100vw);
    bottom: -249px;
    right: 0;
    width: 257px;
    z-index: 0;
    opacity: 0.4;
}

.contactPage::after {
    position: absolute;
    content: "";
    background-image: url("/storage/app/public/rosanais-acar-lavande-fine-couleur.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 500px;
    top: 41%;
    left: -72px;
    width: 260px;
    z-index: 0;
}

.contactPage .formContainer {
    width: min(100%, 650px);
    max-width: 700px;
    background: rgba(118, 119, 149, 0.3);
    padding: 100px clamp(10px, 2vw, 30px) 3vw;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.contactPage .formLine input, .contactPage .formLine textarea {
    font-size: 13px;
    box-shadow: none;
    border: 1px solid white;
    min-height: 43px;
    padding: 10px;
    width: min(100%, 460px);
}

.contactPage .formLine {
    display: flex;
    margin-bottom: 50px;
    width: 100%;
    max-width: 100%;
}

.contactPage label {
    margin-right: 20px;
    margin-bottom: 15px;
    width: 90px;
    text-align: right;
    padding-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: capitalize;

}

.contactPage .btn {
    height: 60px;
    width: 140px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    background-color: #CBAE4F;
    color: white;
    border: none;
    margin: auto;
    min-width: unset;
    min-height: unset;
}

.contactPage form {
    width: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    max-width: 100%;
    min-width: 90%;
}
.contactPage .formLine textarea{
    font-family: 'Raleway';
}
.contactPage .formLine input::placeholder, .contactPage .formLine textarea::placeholder {
    font-size: 14px;
    padding: 10px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #767795;
    font-family: 'Raleway', sans-serif;
}

.contactPage .formContainer::before {
    position: absolute;
    content: "";
    z-index: 11;
    width: 101%;
    min-height: 90px;
    top: -36px;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/storage/app/public/rosanais-acar-white-transition-small.png");
}

/*****************************************************  */
/* pagination */
/*****************************************************  */
.paginationContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.paginationContainer nav {
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
}

.paginationContainer .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.paginationContainer li a {
    text-decoration: none;
    color: inherit;
    width: 30px;
    display: inline-block;
}

.paginationContainer li {
    color: #1a2530;
    list-style: none;
}

.paginationContainer li.disabled {
    display: none;
}

.paginationContainer li.active {
    color: #CBAE4F;
}

/*****************************************************  */
/* footer */
/*****************************************************  */
footer {
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    padding-right: 225px;
    position: relative;
    overflow: hidden;
}

footer a {
    cursor: pointer;
}

footer .top {
    display: flex;
    flex-wrap: wrap;
}

footer .bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    color: #747474;
}

footer .bottom .credits {
    text-align: center;
}

footer .column {
    flex: 1;
    width: 33.3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    z-index: 10;
}

footer .logo img {
    object-fit: contain;
    width: 100%;
    max-width: 300px;
    opacity: 0.6;
}

.mobile {
    display: none !important;
}

footer .column.mobile.logo {
    margin: 0;
    padding: 0;
    z-index: 0;
}

.tablet {
    display: none !important;
}

footer h3 {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 19px;
    line-height: 25px;
    letter-spacing: 0.03em;
    color: #CBAE4F;
}

footer .column .wrapper {
    width: max-content;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

footer .column:nth-child(1) h3 {
    text-align: left;
}

footer .btn.framed {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.12em;
    color: #747474;
    height: 50px;
    width: 180px;
}

footer .menuItem {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    letter-spacing: 0.03em;
    color: #747474;
}

footer .menuItem a {
    padding: 10px 0;
}

footer::after {
    position: absolute;
    content: "";
    bottom: -106px;
    left: 19%;
    height: 384px;
    min-width: 137px;
    background-image: url("/storage/app/public/rosanais-acar-roses-tremieres.png");
    background-position: 0 38px;
    background-repeat: no-repeat;
    background-size: contain
}

footer::before {
    position: absolute;
    content: "";
    bottom: -42px;
    right: 6%;
    height: 400px;
    min-width: 200px;
    background-image: url("/storage/app/public/rosanais-acar-lavande-fine.png");
    background-position: 0 -4px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.4;
    transform: rotate(-7deg);
}

/*****************************************************  */
/* leaflet maps */
/*****************************************************  */

#mapEventDesktop, #mapEventTablet, #mapStructureDesktop1, #mapStructureDesktop2, #mapStructureTablet {
    width: 100%;
    height: 350px;
}

#mapFindus {
    width: 100%;
    height: 100%;
    z-index: 0;
}

.leaflet-popup-content-wrapper {
    background-color: #CBAE4F !important;
    border-radius: 0 !important;
    margin-bottom: 5px;
}

.leaflet-container a.leaflet-popup-close-button {
    color: white !important;
}

.leaflet-popup-content-wrapper .title {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: white;
}

.leaflet-popup-tip-container {
    display: none;
}

.titleMarker {
    background-color: #CBAE4F !important;
    border-radius: 0 !important;
    margin-bottom: 5px;
    width: max-content;
    padding: 10px;
    color: white;
    font-family: 'Raleway';
    font-weight: 600;
    box-shadow: 5px 5px 5px #80808057, -5px -5px 5px #80808057;
}

.leaflet-container .titleMarker a {
    color: white;
    text-decoration: none;
}

/*****************************************************  */
/* loader*/
/*****************************************************  */
#lastEventTrigger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 50px;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #CBAE4F;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*****************************************************  */
/* media queries */
/*****************************************************  */

@media screen and (max-width: 1600px) {
    .findUs .tabList .card {
        width: max(45%, 280px);

        margin: 15px;
    }
}

@media screen and (max-width: 1600px) {
    .agendaPage .date {
        font-size: 15px;
    }

    .agendaPage .cardContent .seeMore img {
        margin-left: 15px;
    }

    .agendaPage .cardContent .seeMore {
        padding-right: 22px;
        font-size: 15px;
    }

}
@media screen and (max-width: 1200px) {
    .welcome .carousel{
        /*height: 90vh;*/
    }
    .welcome .carousel .textContainer{
        padding-bottom: 65px;
    }
    .welcome .carousel .textContainer .title{
        font-size: 30px;
        padding-bottom: 10px;
    }
    .welcome .carousel .textContainer .seeMore{
        margin-top: 15px;
    }
    .welcome .carousel .textContainer .imageWrapper {
        height: min(300px,78vw);
        width: min(300px,78vw);
    }
}
@media screen and (min-width: 992px) {
    .smartMenu {
        display: none;
    }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .findUs .listWrapper .card {
        flex-direction: column;
        height: 250px;
        padding-top: 10px;
    }

    .findUs .listWrapper .card .right {
        padding-top: 7px;
        padding-bottom: 10px;
        align-items: center;
        justify-content: center;
    }

    .findUs .listWrapper .card .right h3 {
        text-align: center;
        padding-bottom: 10px;
    }

    .findUs .listWrapper .card .left .imgWrapper {
        position: relative;
        top: unset;
        right: unset;
        margin: auto;
        height: 85px;
        width: 85px;
    }
}

@media screen and (max-width: 992px) {
    .tablet {
        display: flex !important;

    }

    .noTablet {
        display: none !important;
    }
    .welcome .carousel::after {
display: none;
    }
    .welcome .carousel {
        /*height: max-content;*/
    }
    .welcome .owl-dots{
        /*margin-top: -240px;*/
        z-index: 100;
    }
    .welcome .owl-item img{
        min-height: 85vh;
    }
    .mainContainer, footer {
        padding-right: 0;
        padding-top: 66px;
    }

    .container {
        width: 100%;
    }

    .navbar {
        height: 66px;
        width: 100%;
        padding-top: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        background-image: none;
    }

    .navbar .wrapper {
        display: flex;
        flex-direction: row;
        padding: 7px;
    }

    .navbar .menuWrapper {
        display: none;
    }

    .navbar .logo {
        position: relative;
        height: 100%;
        padding-left: 30px;
    }

    .navbar .logo img {
        max-height: 50px;
        object-fit: contain;
    }

    .hamburger {
        display: flex;
    }

    .welcome .acarStructures .card {
        width: 50%;
    }

    .welcome .acarStructures .card::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 7px;
        background-color: #CBAE4F;
        bottom: 0;
        left: 0;
    }

    .welcome .acarStructures .seeMoreStructures {
        width: 100%;
        height: min(500px, calc(100vh - 66px));
    }

    .welcome .agenda .cardContent .wrapper, .agendaPage .cardContent .wrapper {
        background-position-y: 27px;
        background-position-x: -98px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .welcome .agenda .titre2, .agendaPage .titre2 {
        font-size: 17px;
    }

    .welcome .agenda .date {
        /*padding-bottom: 35px;*/
    }
    .agendaPage .date {
        padding-bottom: 35px;
    }

    .welcome .agenda .cardContent .seeMore, .agendaPage .cardContent .seeMore {
        padding-right: 25px;
    }

    .welcome .agenda .mobile {
        z-index: 11;
        padding: 50px 0;
        background-color: #CBAE4F;
        width: 100%;
        margin: auto;
        width: min(100%, 500px);
    }

    .welcome .agenda .mobile .btn.framed {
        margin: 10px auto;
        background-color: white;
    }

    footer::before {
        position: absolute;
        content: "";
        top: 30%;
        right: -70px;
        height: 400px;
        min-width: 200px;
        background-image: url("/storage/app/public/rosanais-acar-lavande-fine.png");
        background-position: 0 -4px;
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 0.4;
        transform: rotate(-7deg);
    }

    footer::after {
        position: absolute;
        content: "";
        bottom: -106px;
        left: 0%;
        height: 384px;
        min-width: 137px;
        background-image: url("/storage/app/public/rosanais-acar-roses-tremieres.png");
        background-position: 0 38px;
        background-repeat: no-repeat;
        background-size: contain;

    }

    .findUs .tabMap {
        height: calc(100vh - 66px);
    }

    .structurePage .description {
        padding: 0 13px;
    }

    .structurePage .schedules {
        margin-top: 25px;
    }

    .intro {
        font-size: 18px;
        padding: 0 20px;
    }

    .agendaPage .cardContent .wrapper {
        height: 64%;
        padding-bottom: 10px;
    }

    .findUs .tabList {
        padding-top: 65px;
    }
}

@media screen and (max-width: 767px) {
    .findUs .listWrapper {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        /*width: 100%;*/
        padding: 0;
        overflow: hidden;
        height: max-content;
        width: 100vw;
        /*cursor: grab;*/
        /*width: max-content*/
        margin-bottom: 15px;
    }

    .findUs .sliderWrapper {
        overflow-x: scroll;
    }
    .findUs .tabMap .card .left{
        display: none;
    }
    .findUs .tabMap .card .right ,.findUs .tabMap .card .right .prestation,.findUs .tabMap .card .right .nom-prestation{
        align-items: center;
        text-align: center;
    }
    .findUs .card .right .nom-prestation{
        max-height: 90px;
        overflow: hidden;
    }
    .findUs .arrowContainer {
        display: flex;
    }

    .findUs .cardList {
        display: flex;
        width: max-content;
    }

    .findUs .tabMap .card {
        /*padding-top: 10px;*/
        width: calc((100vw - 60px) / 3);
        margin-left: 10px;
        margin-right: 10px;
    }

    .alignmentSlide {
        display: block;
    }

    .eventPage .middle .right {
        display: none;
    }

    .contactPage::after, .contactPage::before {
        opacity: 0.5;
    }
}

@media screen and (max-width: 700px) {
    footer .top {
        flex-direction: column;
    }

    footer .column {
        width: 100%;
        margin-bottom: 50px;
    }

    .mobile {
        display: flex !important;

    }

    .noMobile {
        display: none !important;
    }

    footer .column .wrapper {
        width: min(100vw, 230px);
        text-align: left;
    }
    footer .column.mobile.logo{
        margin-bottom: 30px;
    }
    .findUs .tabList .card {
        width: 100%;
        margin: 15px;
    }

    .findUs .tabMap .card {
        width: calc((100vw - 40px) / 2);
    }

    .welcome .agenda .card {
        margin: auto;
    }

    .welcome .agenda .card, .agendaPage .card {
        width: min(100%, 500px);

    }

    .welcome .layoutShape {
        display: none;
    }

    .findUs .categoryItem {
        margin: 6px;
        padding: 12px 20px;
        cursor: pointer;
    }

    .findUs .card .right h3 .prestation {
        font-size: 13px;
    }
}

@media screen and (min-width: 551px) and (max-width: 700px) {
    .findUs .card .left .imgWrapper {
        height: 115px;
        width: 115px;
        top: 18px;
        right: -16px;
    }

    .slideWrapper {
        transform: translateX(-50%)
    }

}

@media screen and (min-width: 500px) and (max-width: 700px) {
    .welcome .agenda::before {
        display: none;
    }

    .welcome .agenda .mobile {
        background-color: transparent;
    }

    .welcome .agenda .mobile .btn {
        background-color: #CBAE4F !important;
        color: white !important;
    }
}

@media screen and (max-width: 550px) {
    .smartMenu .submenuList li a {
        display: block;
    }

    .welcome .acarStructures .card {
        width: 100%;
    }

    .welcome .agenda .card:nth-child(1) {
        height: max-content;
        background-color: white;
    }

    .welcome .agenda .titre1, .agendaPage .titre1 {
        text-align: center;
        color: #1D2A35;
    }

    .welcome .agenda .card .cardContent .wrapper, .agendaPage .card .cardContent .wrapper {
        background-position-y: 0;
        background-position-x: 0;
        /*max-height: 290px;*/
    }

    footer .bottom .credits {
        font-size: 14px;
    }

    .welcome .partnerList {
        flex-direction: column;
    }

    .welcome .partner {
        max-height: 160px;
    }

    .welcome .partners h2 {
        margin-bottom: 50px;
    }

    .welcome .partner {
        margin-bottom: 30px;
    }

    .findUs .tabMap .card {
        width: 340px;
        max-width: unset;
        margin-right: calc((100vw - 340px) / 2);
        margin-left: calc((100vw - 340px) / 2);
    }

    .findUs .alignmentSlide:nth-child(1) {
        display: none;
    }

    .findUs .card .left .imgWrapper {
        top: -5px;
        right: -23px;
        height: 155px;
        width: 155px;
    }

    .contactPage .formLine {
        flex-wrap: wrap;
    }

    .contactPage label {
        text-align: left;
    }

    .contactPage .formLine input, .contactPage .formLine textarea {
        width: 100%;
    }

    .contactPage .wrapper::after {
        bottom: -118px;
        right: -43px;
        height: 550px;
    }

    .contactPage .formContainer {
        margin-top: -14px;
    }
    .welcome .carousel .textContainer::before{
        display: none;
    }     .welcome .carousel .textContainer::after {
        height: 95%;
        bottom: -17%;
        left: 2%;
        width: 145%;
    }
    .welcome .carousel .textContainer .date{
        font-size: 18px;
    }
    .welcome .carousel .textContainer .imageWrapper{
        max-width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .findUs .tabMap .card {
        width: calc(100vw - 20px);
        margin: 10px;
    }

    .findUs .alignmentSlide {
        display: none;
    }

    .arrowContainer {
        margin: auto 5px;
        padding: 15px;
    }

    .findUs .card .right {
        padding-right: 28px;
    }

    .eventPage .description {
        padding: 0;
    }
}