/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/

.typo-script {
    font-family: "halaney", serif !important;
    font-weight: 400;
    font-style: normal;
}

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}


h1 {
    /* font-family: 'vicomay'; */
    /* font-family: "DM Serif Display", serif; */
    /* font-family: "Unna", serif; */
    /* font-family: "ivy_moderegular", serif; */
    /* font-family: "Work Sans", serif; */
    font-size: 47px;
    line-height: 47px;
    padding-bottom: 40px;
    letter-spacing: 4px;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    /* font-family: "Jost", sans-serif; */
}

strong {
    font-style: normal;
}

.test {
    letter-spacing: .15em;
}

.o-hidden{
    overflow: hidden;
}


/*--------------------------------------------------------------
# GENERAL
--------------------------------------------------------------*/
html {
    scroll-behavior: smooth;
}

body {
    font-weight: 300;
    background-color: #121212;
}

.lock {
    overflow-y: hidden;
}

/* .light-bg{
    background: #fff;
} */
.xdark-bg {
    background: #0f0f0f;
}

.scroll-container {
    position: relative;
    overflow: hidden;
}

.light-bg .color-text {
    color: #222;
}

.dark-bg .color-text {
    color: #fff;
}

.light-bg .color-title {
    color: #222;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.lazy {
    display: block;
    width: 100%;
    height: auto;
}

.h-80vh {
    height: 80vh;
    margin-top: 10vh;
    overflow: hidden;
}


/*--------------------------------------------------------------
# BUTTONS
--------------------------------------------------------------*/
.btn,
#booking .wpbc_wizard_step_button,
#booking .wpbc_button_light {
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.08em;
    cursor: pointer;
}

/* .btn::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    opacity: .5;
    background-repeat: no-repeat;
    background-size: calc(100% - 100%) 1px, 1px calc(100% - 100%);
    background-position: 0 0, 100% 100%, 100% 100%, 0 0;
    background-image: linear-gradient(0deg, #ffffff58, #ffffff58), linear-gradient(0deg, #ffffff58, #ffffff58), linear-gradient(0deg, #ffffff58, #ffffff58), linear-gradient(0deg, #ffffff58, #ffffff58);
    transition: opacity .2s ease-out, background-size .4s cubic-bezier(.645, .045, .355, 1);
    pointer-events: none;
}
.btn:hover::after {
    background-size: calc(100% - 0%) 1px, 1px calc(100% - 0%);
} */
.btn .container-span {
    display: block;
    overflow: hidden;
    position: relative;
}

.btn .container-span span {
    display: inline-block;
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}
@media (hover: hover) and (pointer: fine) {
.btn:hover .container-span span {
    transform: translateY(-105%) scale(.9);
}
}

.btn .container-span:after {
    content: attr(data-letter);
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(105%) scale(1.09);
    pointer-events: none;

    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}
@media (hover: hover) and (pointer: fine) {
.btn:hover .container-span:after {
    transform: translateY(-50%) scale(1);
}
}

.btn-link {
    text-transform: uppercase;
    font-size: 13px;
    padding: 0;
    padding-right: 25px;
    position: relative;
}

.btn-link::after {
    content: '';
    background-image: url(../img/svg/icon-arrow-1.svg);
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    filter: invert(1);
}

.light-bg .btn-link::after {
    /* filter: invert(0); */
}

/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/

.subtitle {
    font-weight: 400;
    position: relative;
    line-height: 1;
    font-family: "halaney", serif !important;
    font-size: 110px !important;
    letter-spacing: 0 ;
    text-transform: unset ;
    padding-bottom: 10px;
}

.subtitle .line {
    overflow: hidden;
    opacity: 0.6;
} 
::-webkit-details-marker, 
::marker{
    display: none;
    content: '';
}
.subtitle .line .inner-line {
    display: list-item;
    transform: translateX(-10px);
    transition: 0.2s cubic-bezier(.645, .045, .355, 1) 0s;
    opacity: 0;
    padding: 20px 0;
}

.text-right .subtitle .line .inner-line {
    transform: translateX(10px);
    
}

.subtitle.is-inview .line .inner-line {
    opacity: 1;
    transition-delay: 0.1s; 
    transition-duration: 0.6s;
    transform: translateX(0px);
}


.subtitle::before {
    content: '';
    position: absolute;
    top: 11px;
    right: 0;
    transform: translateX(120%) scaleX(0);
    transform-origin: left;
    display: block;
    height: 2px;
    width: 100px;
    /* filter: brightness(110%); */
}
.subtitle::before {
    content: '';
    position: absolute;
    transition: 0.2s cubic-bezier(.645, .045, .355, 1) 0s;
    bottom: 0 !important;
    top: auto !important;
    left: 0;
    transform: unset !important;
    height: 5px;
    opacity: 0;
    background-image: url(../img/svg/border.svg);
    background-repeat: no-repeat;
    background-color: unset !important;
} 

.wrap-bg-para .subtitle::before,
#carte .subtitle::before,
#contact .subtitle::before{
    background-image: url(../img/svg/border-yellow.svg);
    /* filter: brightness(0) saturate(100%); */
}

.text-right .subtitle::before {
    right: auto;
    left: 0;
    transform-origin: right;
    transform: translateX(-120%) scaleX(0);
}
.text-center .subtitle::before {
    right: auto;
    left: 50%;
    margin-left: -50px;
    transform-origin: left;
    transform: translateX(-120%) scaleX(0);
}

.subtitle.is-inview::before {
    transition-duration: 0.6s;
    transition-delay: 0.2s;
    /* transform: translateX(120%) scaleX(1); */
    opacity: 1;
}

.text-right .subtitle.is-inview::before {
    transform: translateX(-120%) scaleX(1);
}

.text-right .subtitle {
    margin-left: auto;
}
.text-center .subtitle {
    margin-left: auto;
    margin-right: auto;
}

.dark-bg .subtitle {
    color: #fff;
}

 

.subtitle .line {
    opacity: 1 !important;
}

.subtitle .line .inner-line {
    padding-right: 10px;
    padding-left: 10px;
}

.subtitle::before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
}

.subtitle.is-inview::before {
    transition-duration: 0.6s;
    transition-delay: 0.2s;
    transform: translateX(0%) scaleX(1);
}

.big-title {
    font-family: "Playfair Display", serif;
    text-transform: uppercase;
    line-height: 1;
}


.big-title.title-lines .line {
    display: block;
    overflow: hidden;
    /* padding:14px 0; */
}

.big-title.title-lines .line .inner-line {
    opacity: 0;
    display: block;
    transform: translateY(80%);
    filter: blur(4px);
    transition-duration: 0.2s;
    transition-property: cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s;
}

.big-title.title-lines.is-inview .line .inner-line {
    display: block;
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
    transition-duration: 1.2s;
    /* animation: translateUp 1.2s cubic-bezier(.645, .045, .355, 1) forwards; */
}

.big-title.title-lines.is-inview .line:nth-child(1) .inner-line {
    transition-delay: 0s;
}

.big-title.title-lines.is-inview .line:nth-child(2) .inner-line {
    transition-delay: 0.15s;
}

.big-title.title-lines.is-inview .line:nth-child(3) .inner-line {
    transition-delay: 0.3s;
}

.big-title.title-lines.is-inview .line:nth-child(4) .inner-line {
    transition-delay: 0.45s;
}

.big-title.title-lines.is-inview .line:nth-child(5) .inner-line {
    transition-delay: 0.6s;
}


.light-bg .subtitle {
    /* filter: brightness(110%); */
}


@keyframes translateUp {
    to {
        transform: translateY(0);
        opacity: 1;
        filter: blur(0);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@media (max-width: 1280px) {
    .subtitle {
        font-size: 100px !important;
    }
}
@media (max-width: 980px) {
    .subtitle {
        font-size: 90px !important;
    }
}
@media (max-width: 720px) {
    .subtitle {
        font-size: 80px!important;
    }
}
@media (max-width: 580px) {
    .subtitle {
        font-size: 70px!important;
    }
}
@media (max-width: 420px) {
    .subtitle {
        font-size: 60px!important;
    }
}



/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
#header {
    position: fixed; 
    z-index: 9999;
    width: 100%;
    padding: 23px 0;
    transition-duration: 0.9s
}
.home #header{
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.6s forwards 4s;
}

.page-scrolled #header {
    padding: 5px 0;
}

.btn-reservation,
#booking .wpbc_wizard_step_button,
#booking .wpbc_button_light {
    color: #fff;
    border: 2px solid #eee;
    transition-duration: 0.3s;
    display: block;
    line-height: 1;
    position: relative;
    border-radius: 0;
    z-index: 300;
    right: 0;
    width: max-content;
    transition: right 0.76s cubic-bezier(0.600, 0.000, 0.100, 1.000), transform 0.4s ease;
}

.btn-reservation #calendar {
    display: none;
}

.btn-reservation #calendar path {
    transition-duration: 0.3s;
}

.hover-dark-bg .btn-reservation {
    color: #222;
    background: #fff;
    border: 2px solid #fff;
}

.hover-dark-bg .btn-reservation path {
    fill: #333 !important
}

.hover-light-bg .btn-reservation,
#booking .wpbc_wizard_step_button,
#booking .wpbc_button_light {
    border-color: #333 !important;
    color: #222;
    background: #fff;
}

.menu-is-open .btn-reservation {
    right: calc(40% + 52px);
    transition-delay: 0.2s;
}

.modal-chef-is-open .btn-reservation,
.modal-booking-is-open .btn-reservation {
    transform: translateX(150%);
    transition-delay: 0s;
}

@media (max-width: 992px) {
    .btn-reservation {
        padding: 15px;
    }
}

.block-reservation {
	display: none;
}

@media (max-width: 782px) {
    #header {
        padding: 13px 0;
    }

    .page-scrolled #header {
        padding: 0;
    }

    #header .btn-reservation .container-span {
        display: none;
    }

    #header .btn-reservation {
        border-radius: 50%;
        height: 55px;
        width: 55px;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 15px 16px;
	display: none;
    }

    .block-reservation {
    position: fixed;
    border: 3px solid #d2a726;
    bottom: 0;
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #fff;
    background: #ebbc2e;
    font-weight: 600;
display: block;
    }

    #header .btn-reservation #calendar {
        display: block;
        width: 50px;
        height: 50px;
    }
    /* .hover-dark-bg .btn-reservation {
        color: #222;
        background: #f9f9f9;
        border: 2px solid #f9f9f9;
    }
     */
        
}

/* HAMBURGER */
.menu-toggle {
    z-index: 300;
    transition-duration: 0.3s;
}

.button-magnetic {
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    border: 2px solid #fff;
    background: transparent;
}


/* .menu-is-open .menu-toggle .button-magnetic,
.modal-chef-is-open .menu-toggle .button-magnetic,
.modal-booking-is-open .menu-toggle .button-magnetic,
.hover-dark-bg .menu-toggle .button-magnetic {
    filter: brightness(120%);
} */

.menu-toggle span.hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 20px;
    height: 20px;
}

.menu-toggle span.hamburger::after,
.menu-toggle span.hamburger::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    transition: all 0.41s cubic-bezier(0.600, 0.000, 0.100, 1.000), background 0.3s ease, margin 0.3s ease;
}

.menu-toggle span.hamburger::before {
    margin-top: -5px;
}

.menu-toggle span.hamburger::after {
    margin-top: 5px;
}

body.menu-is-open .menu-toggle span:before,
body.menu-is-open .menu-toggle span:after,
body.modal-chef-is-open .menu-toggle span:before,
body.modal-chef-is-open .menu-toggle span:after,
body.modal-booking-is-open .menu-toggle span:before,
body.modal-booking-is-open .menu-toggle span:after {
    margin: 0;
    transform: rotate(135deg);
}

body.menu-is-open .menu-toggle span:after,
body.modal-chef-is-open .menu-toggle span:after,
body.modal-booking-is-open .menu-toggle span:after {
    transform: rotate(-135deg);
}


@media (max-width: 782px) {
    .button-magnetic {
        width: 55px;
        height: 55px;
    }
}

/*--------------------------------------------------------------
# PAGE
--------------------------------------------------------------*/
#content {
    overflow: hidden;
}

.container {
    padding-left: 50px;
    padding-right: 50px;
}

.wrapp-text {
    position: relative;

}

.wrapp-text .text {
    position: relative;
    z-index: 2;
}

.bg-appear {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: inset(100% 0px 0px 0px);
    background: #181818;
}

.visuel {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.visuel.ratio-3-2>*,
.visuel.ratio-3-2 .para,
.visuel.ratio-3-2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 99% !important;
    max-width: 100% !important;
    object-fit: cover;
    object-position: center center;
}

.visuel.ratio-3-2::before {
    padding-top: calc((2.2 / 2) * 100%);
    display: block;
    position: relative;
    content: "";
    width: 100%;
}

.visuel.ratio-3-2 .para {
    transform: scale(1.3);
    transform-origin: top;
}

.visuel img {
    clip-path: inset(0 100% 0 0px);
    transform: scale(1.18);
    transform-origin: center top;
    will-change: transform, clip-path;
    transition: clip-path 0.6s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.4s ease 0s;
}

.visuel.is-inview img {
    clip-path: inset(0px 0% 0px 0px);
    transform: scale(1);
    transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.6s ease 0.58s;
}

.fade-up {
    opacity: 0;
    transform: translateY(35px);
    transition: 0.2s ease 0s;
}

.fade-up.is-inview {
    transition: 0.8s ease 0s;
    opacity: 1;
    transform: translateY(0px)
}
@media only screen and (max-width: 840px) and (min-width: 782px) {
    .visuel.ratio-3-2::before {
        padding-top: calc((2.8 / 2) * 100%);
    }
}
@media (max-width: 782px) {
    .visuel.is-inview img {
        clip-path: inset(0px 0% 0px 0px);
        transform: scale(1);
        transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.6s ease 0;
    }
}

/* .wrap-bg-para .bg-para::before{
    content:'';
    position:absolute;
    left: 0;9
    transform: translateX(-100%);
    width: 100px;
    height: 100%;
    background: #eeeeee;
} */

.wrap-gallery {}

.wrap-gallery .item {
    /* background:red;; */
    overflow: hidden;
}

.wrap-gallery .item .para {
    transform: scale(1.1);
    will-change: transform;
    height: 100%;
    width: 100%;
    max-height: 80vh;
}

.wrap-gallery .item img {
    height: 100%;
    max-height: 575px;
    width: 100%;
    object-fit: cover;
    clip-path: inset(0 100% 0 0px);
    transform: scale(1.18);
    transform-origin: center top;
    will-change: transform, clip-path;
    transition: clip-path 0.4s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.2s ease 0s
}
.is-mobile .wrap-gallery .item img {
    margin-top:0
}

.wrap-gallery .item.is-inview:nth-child(1) img {
    transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.6s ease 0.58s
}

.wrap-gallery .item.is-inview:nth-child(2) img {
    transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0.2s, transform 0.6s ease 0.78s
}

.wrap-gallery .item.is-inview:nth-child(3) img {
    transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0.4s, transform 0.6s ease 0.98s
}

.wrap-gallery .item.is-inview img {
    clip-path: inset(0px 0% 0px 0px);
    transform: scale(1.1);
}
@media (max-width: 782px) {
    .wrap-gallery .item.is-inview:nth-child(1) img.wrap-gallery .item.is-inview:nth-child(3) img {
        transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.6s ease 0.5s
    }
    .wrap-gallery .item.is-inview:nth-child(2) img {
        transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.6s ease 0.5s
    }
    .wrap-gallery .item.is-inview:nth-child(3) img {
        transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0.2s, transform 0.6s ease 0.78s
    }
}


.interior-page .site-main {
    padding-bottom: 40px;
    background-color: #181818;
}

.wrap-banner {
    overflow: hidden;
    position: relative;
}

.banner {
    position: relative;
    display: flex;
    align-items: center;
    padding: 130px 50px 0px 50px;
    overflow: hidden;
    min-height: 560px;
}

.banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}


.banner .title {
    font-weight: 300 !important;
}

.banner .bg-img {
    background: #222;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    background-size: cover;
}

.banner .wrap {
    position: relative;
    z-index: 2;
    max-width: 70%;
    margin: 0 auto;
    text-align: center;
}

.banner .wrap .entry-title {
    margin-bottom: 0;
    font-weight: 500;
}

.banner .attachment-banniere {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 1280px) {

    .banner,
    .single.single-product .banner {
        min-height: 420px;
    }
}

@media screen and (max-width: 980px) {

    .banner,
    .single.single-product .banner {
        min-height: 400px;
        padding: 130px 25px 0px 25px;
    }
}

@media screen and (max-width: 680px) {

    .banner,
    .single.single-product .banner {
        min-height: 390px;
        padding: 110px 25px 0px 25px;
    }

    .banner .wrap {
        max-width: 100%;
    }

    .banner .container {
        padding: 0 !important
    }
}

@media screen and (max-width: 600px) {

    .banner {
        padding: 100px 25px 0px 25px;
    }
}

@media screen and (max-width: 520px) {

    .banner {
        min-height: 390px;
    }
}


.content-page {
    background: #181818;
    position: relative;
    border-radius: 60px 60px 0 0;
    overflow: hidden;
    transform: translateY(-60px);
}


/*--------------------------------------------------------------
# TOP
--------------------------------------------------------------*/

/* Titre
--------------------------------------------- */
.top {
    height: calc(100vh + 550px);
    width: 100vw;
    display: flex;
    background: #000;
    /* align-items: center; */
    position: relative;
}

.top .para-title {
    margin: 0 auto;
}

.top .wrap-title {
    height: 100vh;
    display: flex;
    align-items: end;
}

.top h1 {
    position: relative;
    z-index: 10;
    line-height: 0.9;
    max-width: 1390px;
    padding-bottom: 0;
    transform: translateY(-17vh);
}

.top h1 .mobile {
    display: none;
}

.top .title-lines {
    /* opacity: 0; */
}

.top .title-lines .line {
    padding-bottom: 15px;
    display: inline-block;
    overflow: hidden;
    will-change: transform, opacity;
}

.top .title-lines .line .inner-line {
    opacity: 0;
    transform: translateY(80%);
    display: block;
    filter: blur(4px);
    /* animation: translateUp 1.4s cubic-bezier(0.34, 0.27, 0.39, 0.96) forwards; */
    animation: translateUp 1.2s cubic-bezier(.645, .045, .355, 1) forwards;
}

.top .title-lines .line:nth-child(1) .inner-line {
    animation-delay: 4.3s;
}

.top .title-lines .line:nth-child(2) .inner-line {
    animation-delay: 4.5s;
}

.top .title-lines .line:nth-child(3) .inner-line {
    animation-delay: 4.7s;
}

.top .title-lines .line:nth-child(4) .inner-line {
    animation-delay: 4.9s;
}

@media (max-width: 890px) {
    .top h1 {
        transform: translateY(-20vh);
    }
}
@media (max-width: 782px) {
    .top {
        height: calc(100vh + 500px);
    }

}

@media (max-width: 600px) {
    .top {
        height: calc(100vh + 450px);
    }

    .top h1 {
        transform: translateY(-20vh);
        line-height: 0.95;
    }

    .top .title-lines .line {
        display: block;
    }

    .top h1 .desktop {
        display: none;
    }

    .top h1 .mobile {
        display: block;
    }
}

@media (max-width: 480px) {
    .top h1 {
        max-width: calc(100vw - 40px);
    }
}


/* Video
--------------------------------------------- */
.media-container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100vw;
}

.media-container img {
    height: 100%;
    width: 100vw;
    object-fit: cover;
    object-position: center 80%;
    transform-origin: center bottom;
}

.media-container .para-media::after,
#presentation .wrap-galerie-presentation .df-sticky-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.media-container .para-media {
    position: relative;
    width: 100vw;
    height: 100%;
    transform: scale(1.3) translateY(100px);
    will-change: transform;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation: appearVideo 1.4s forwards 2.6s;
}

.media-container video {
    width: 100vw;
    height: 100%; 
    max-width: unset;
    object-fit: cover;
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    transform: scale(1.3) translateY(100px);
    animation: appearVideo 1.3s forwards 2.6s;
}

@keyframes appearVideo {
    0% {
        transform: scale(1.3) translateY(100px);
    }

    100% {
        transform: scale(1) translateY(0px);
    }
}

/* Slider top
--------------------------------------------- */
.slider-container {
    position: relative;
    overflow: hidden;
}

.slider-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.1);
    transition: transform 7s ease, opacity 1s ease;
}

.slider-container img.active {
    opacity: 1;
    transform: scale(1.23);
}


/* Scroll down
--------------------------------------------- */
.wrap-scroll-down {
    overflow: hidden;
    width: 22px;
    height: 50px;
    margin-left: -11px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: calc(100vh - 50px);
    left: 50%;
}

.scroll-down {
    animation: fadeInUp 1.2s forwards 6s;
    opacity: 0;
    visibility: 1;
    position: absolute;
    transform: translateY(50px);
    width: 2px;
    height: 50px;
    background: rgba(255, 255, 255, 0.4);
}

.scroll-down::before {
    content: "";
}

.scroll-down::after {
    content: "";
    width: 2px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0px;
    background: #fff;
    animation: scrolldown 2s cubic-bezier(0.600, 0.000, 0.100, 1.000) infinite;
    box-shadow: 0px 0px 6px 1px rgba(255, 255, 255, 0.6);
}

@media (min-width: 560px) {
    .is-mobile .scroll-down {
        height: 130px;
    }
    .is-mobile .wrap-scroll-down {
        height: 130px;
        top: calc(100vh - 130px);
    }
    .is-mobile .scroll-down::after {
        animation: scrolldownTablette 2s cubic-bezier(0.600, 0.000, 0.100, 1.000) infinite;
    }
}
@media (max-width: 560px) {
    .is-mobile .scroll-down {
        height: 100px;
    }
    .is-mobile .wrap-scroll-down {
        height: 100px;
        top: calc(100vh - 100px);
    }
    .is-mobile .scroll-down::after {
        animation: scrolldownTablette 2s cubic-bezier(0.600, 0.000, 0.100, 1.000) infinite;
    }
}
@keyframes scrolldown {
    0% {
        top: -15px;
    }

    80% {
        top: 50px;
    }

    100% {
        top: 50px;
    }
}

@keyframes scrolldownTablette {
    0% {
        top: -15px;
    }

    80% {
        top: 130px;
    }

    100% {
        top: 130px;
    }
}
@keyframes scrolldownMobile {
    0% {
        top: -15px;
    }

    80% {
        top: 100px;
    }

    100% {
        top: 100px;
    }
}


/* Presentation
--------------------------------------------- */
#presentation {
    background-color: #121212;
    position: relative;
    z-index: 20;
    min-height: 1400px;
    transform: scaleX(0.8);
    position: relative;
    margin-top: -360px;
    will-change: transform, border;
}

/* #presentation.dark-bg{
    border: 3px solid #262626;
} */


#presentation .wrap-title {
    max-width: 50%;
}

#presentation .cols {
    display: flex;

}

@media (min-width: 782px) {
    #presentation .cols .col.left {
        width: 48%;
    }

    #presentation .cols .col.right {
        width: 52%;
    }
}

@media (max-width: 782px) {
    #presentation .cols {
        display: block;
    }
    #presentation .cols .visuel{
        border-radius: 0 30px 0 0;
    }
    #presentation .wrap-bg-para.left .bg-para {
        border-radius: 0 0 30px 0 !important;
    }
}


#presentation .chef .wrap-word-anim {
    position: relative;
    line-height: 1.2;
}

#presentation .chef .wrap-word-anim .word:last-child:after,
#presentation .chef .wrap-word-anim .word:first-child:before {
    content: '';
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    filter: invert(1);
    background-size: contain;
    opacity: 0.1;
    top: -2px;
    transition: all 0.5s cubic-bezier(.645, .045, .355, 1) 0s
}

#presentation.light-bg .chef .wrap-word-anim .word:last-child:after,
#presentation.light-bg .chef .wrap-word-anim .word:first-child:before {
    filter: invert(0);
}

#presentation .chef .wrap-word-anim .word:first-child:before {
    left: -5px;
    background-image: url(../img/svg/icon-quote-2.svg);
}

#presentation .chef .wrap-word-anim .word:last-child:after {
    right: 16px;
    background-image: url(../img/svg/icon-quote-2.svg);
    transform: scaleX(-1);
}

#presentation .chef .wrap-word-anim .word.active:last-child:after,
#presentation .chef .wrap-word-anim .word.active:first-child:before {
    /* opacity: 0.3; */
}

#presentation .wrap-word-anim .word.active {
    filter: blur(0px);
}

#presentation.light-bg .wrap-word-anim .word.active {
    color: #222;
    opacity: 1;
}

#presentation.dark-bg .wrap-word-anim .word.active {
    opacity: 1;
}

#presentation.dark-bg .wrap-word-anim .word {
    color: #fff;
    opacity: 0.2;
}

#presentation.light-bg .wrap-word-anim .word {
    color: #222;
    opacity: 0.12;
}

#presentation .wrap-word-anim .word {
    line-height: 1.15;
    filter: blur(2px);
    transition: all 0.5s cubic-bezier(.645, .045, .355, 1) 0s
}

#presentation .name {
    position: relative;
}

#presentation.dark-bg .name {
    /* border-top: 2px solid #ffffff19; */
}

#presentation.light-bg .name {
    /* border-top: 2px solid #00000019; */
}

#privatisation .btn-link,

#presentation .name .btn-link,
#events .btn-link {
    padding: 23px 48px 23px 31px;
    cursor: pointer;
    color: #fff;
    width: max-content;
}
#primary .frm_button_submit,
#primary .rtb-form-submit button{
    padding: 23px 31px 23px 31px;
    cursor: pointer;
    color: #fff;
    border-radius: 50px;
    width: max-content;
    border: 2px solid rgb(210, 167, 38) !important;
    text-transform: uppercase;
    font-size: 13px;
    box-shadow: unset!important;
    font-weight: 600;
    letter-spacing: 0.08em;
    background-color: #ebbc2e;
}
#presentation .name .btn-link {
    top: 0;
    right: 0;
}

#presentation.dark-bg .name .btn-link,
#events .dark-bg .btn-link {
    border-top: 2px solid #ffffff19;
    border-left: 2px solid #ffffff19;
    border-bottom: 2px solid #ffffff19;
    border-right: 2px solid #ffffff19;
}
#presentation.light-bg .name .btn-link,
#events .light-bg .btn-link {
    border-top: 2px solid #00000019;
    border-left: 2px solid #00000019;
    border-bottom: 2px solid #00000019;
    border-right: 2px solid #00000019;
}
#presentation .name .btn-link::after,
#privatisation .btn-link::after,
#events .btn-link::after {
    right: 20px;
}
@media screen and (max-width: 1440px) {
    #presentation .chef .wrap-word-anim .word:last-child:after, #presentation .chef .wrap-word-anim .word:first-child:before {
        height: 48px;
        width: 48px;
    }
    #presentation .chef .wrap-word-anim .word:last-child::after {
        right: 13px;
    }
}
@media screen and (max-width: 980px) {
    #presentation .chef .wrap-word-anim .word:last-child:after, #presentation .chef .wrap-word-anim .word:first-child:before {
        height: 44px;
        width: 44px;
    }
}
@media screen and (max-width: 782px) {
    #presentation .chef .wrap-word-anim .word:last-child:after, #presentation .chef .wrap-word-anim .word:first-child:before {
        height: 38px;
        width: 38px;
    }
    #presentation .name .btn-link,
    #events .btn-link {
        padding: 21px 46px 20px 29px;
    }
}
@media screen and (max-width: 470px) {
    #presentation .chef .wrap-word-anim .word:last-child:after, #presentation .chef .wrap-word-anim .word:first-child:before {
        height: 35px;
        width: 35px;
    }
    #presentation .chef .wrap-word-anim .word:last-child::after {
        right: 14px;
    }
    
}
@media screen and (max-width: 400px) {
    #presentation .chef .wrap-word-anim .word:last-child:after, #presentation .chef .wrap-word-anim .word:first-child:before {
        height: 31px;
        width: 31px;
    }
    #presentation .chef .wrap-word-anim .word:last-child::after {
        right: 9px;
    }
}

#gallery {
    margin-top: -1px;
}
#gallery .box-image-fixed {
    position: relative;
    height: 100vh;
    width: 100vw;
    will-change: transform;
}

#gallery .box-image-fixed .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#gallery.dark-bg .box-image-fixed .bg {
    filter: brightness(89%);
}

#gallery.light-bg .box-image-fixed .bg {
    filter: brightness(93%);
}

#gallery .box-image-fixed .box-image {
    clip-path: inset(15% 38% 13%);
    will-change: clip-path;
    position: absolute !important;
    inset: 0px !important;
    width: 100% !important;
    height: 100vh !important;
    position: relative;
}

#gallery .box-image-fixed .box-image.bigger,
#gallery .box-image-fixed .box-image.bigger .df-sticky-card:last-child .image {
    height: calc(100vh + 400px) !important;
    margin-top: -1px;
}

#gallery .box-image-fixed .box-image .df-sticky-card:first-child .image {
    transform: translateY(-50%) translateX(-50%) scale(0.8);
    /* transform-origin: center top; */
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
}

#gallery .box-image-fixed .text-first .inner-line {
    filter: blur(5px);
}

#gallery .box-image-fixed .text-first,
#gallery .box-image-fixed .text-second {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    text-transform: uppercase;
}

#gallery .box-image-fixed .text-first {
    opacity: 0.1;
}

#gallery.light-bg .box-image-fixed .text-first .inner-line {
    filter: blur(0)
}

#gallery.light-bg .box-image-fixed .text-first {
    opacity: 0.05;
}

#gallery .box-image-fixed .text-second {
    color: #fff;
    z-index: 10;
}


#gallery .wrap-galerie-presentation {
    height: 100vh;
}

#gallery .wrap-galerie-presentation .df-sticky-container {}

#gallery .wrap-galerie-presentation-presentation {
    width: 100%;
    height: 100%;
    position: relative
}

#gallery .wrap-galerie-presentation .df-sticky-card {
    width: 100%;
    height: 100%;
    will-change: clip-path;
}

#gallery .wrap-galerie-presentation .df-sticky-card img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    filter: brightness(80%);
}

#gallery .wrapp-appear-img {
    height: 80vh;
    margin-top: 10vh;

}

#gallery .wrapp-appear-img img {
    object-fit: cover;
    width: 100%;
    object-position: top center;
}

#gallery .wrapp-appear-img .wrap-galerie-presentation {
    height: 100%;
}

#gallery .wrap-galerie-presentation .df-sticky-card {
    position: absolute
}

#gallery .wrap-galerie-presentation .df-sticky-card:nth-child(1) {
    z-index: 10;
}

#gallery .wrap-galerie-presentation .df-sticky-card:nth-child(2) {
    z-index: 9;
}

#gallery .wrap-galerie-presentation .df-sticky-card:nth-child(3) {
    z-index: 8;
}

#gallery .wrap-galerie-presentation .df-sticky-card:nth-child(4) {
    z-index: 7;
}

#gallery .wrap-galerie-presentation .df-sticky-card:nth-child(5) {
    z-index: 6;
}

#gallery .wrap-galerie-presentation .df-sticky-card:nth-child(6) {
    z-index: 5;
}


.wrap-word-anim .word {
    color: #4c4f4630;
}

.wrap-word-anim .word.active {
    color: #111;
}



.testo {
    height: 100vh;
    width: 100%;
}


@media screen and (min-width: 1280px) {
    #gallery .box-image-fixed .text-first,
    #gallery .box-image-fixed .text-second {
        font-size: 8.5rem;
    }
}
@media screen and (min-width: 1440px) {

    #gallery .box-image-fixed .text-first,
    #gallery .box-image-fixed .text-second {
        font-size: 160px;
    }
}
/* Section 2 - 3 */

#section-2 {
    transform: scaleX(0.8);
    position: relative;
    z-index: 20;
    will-change: transform;
}

#section-3 {
    margin-top: -2px;
}

.wrap-bg-para {
    position: relative;
    background: transparent;
}

.wrap-bg-para.left .bg-para {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% + 60px);
    margin-left: -60px;
}
.wrap-bg-para.left .bg-para[data-viewport] {
    transform: scaleX(0);
    will-change: transform;
    transform-origin: left center;
    transition: transform 0.4s cubic-bezier(.645, .045, .355, 1) 0s
}

#presentation .wrap-bg-para.left .bg-para {
    width: calc(100%);
    margin-left: 0px; 
    background-image: url(../img/brick.jpg);
    background-repeat: no-repeat;
}

.wrap-bg-para.right .bg-para {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% + 60px);
    margin-right: -60px;
}
.wrap-bg-para.right .bg-para[data-viewport] {
    transform: scaleX(0);
    margin-right: -60px;
    will-change: transform;
    transform-origin: right center;
    transition: transform 0.4s cubic-bezier(.645, .045, .355, 1) 0s
}

.wrap-bg-para .bg-para[data-viewport].is-inview {
    transition: transform 0.9s cubic-bezier(.645, .045, .355, 1) 0.2s;
    transform: scaleX(1);
}
.wrap-bg-para .bg-para[data-mobile="false"] {
    transform: scaleX(1);
}

@media screen and (max-width: 782px) {
    #presentation .wrap-bg-para.left .bg-para {
        width: calc(100% + 30px);
        margin-top: -1px;
        margin-left: -30px;
    }
    .wrap-bg-para .bg-para[data-viewport][data-mobile="false"] { 
        transform: scaleX(1)!important;
    }
}
@media screen and (max-width: 470px) {
    #presentation .wrap-bg-para.left .bg-para {
        width: calc(100% + 20px);
        margin-left: -20px;
    }
}
/* .light-bg .wrap-bg-para .bg-para{
    background: #eeeeee;
}
.dark-bg .wrap-bg-para .bg-para{
    background: #181818;
} */
#section-2 .wrapp-text {
    background-color: #c3ab84
}

#section-2 .wrap-title {
    max-width: 50%;
}


.wrap-booking .visuel {
    height: 100%;
    max-height: 600px;
}

.wrap-booking .visuel picture,
.wrap-booking .visuel .para,
.wrap-booking .visuel img {
    height: 100%;
    display: block;
}

.wrap-booking .visuel .para {
    transform: scale(1.2);
}

.wrap-booking .visuel img {
    object-fit: cover;
    width: 100%;
}

.wrap-booking .content {
    position: relative;
}

.wrap-booking .content::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: 60px;
    height: 100%;
}

.wrap-booking .content .subtitle {
    margin-left: auto;
    margin-right: auto
}

.wrap-booking .content .subtitle::before {
    display: none;
}



.wrap-booking .content .btn-reservation {
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0;
    border:2px solid #d2a726 !important
}

.wrap-booking .content .btn-reservation .wrapper {
    padding: 20px 25px;
}

.wrap-booking .content .btn-reservation .icon {
    background: #ddb02866;
    padding: 20px;
}

.wrap-booking .content .btn-reservation .icon svg {
    width: 25px;
}

.wrap-booking .content .btn-reservation .icon svg path {
    fill: #fff !important
}

/*--------------------------------------------------------------
# CARTE
--------------------------------------------------------------*/
#carte {}

#carte .type-carte .item {
    border-top: 2px solid #cc951a;
    overflow: hidden;
    position:relative
}

#carte.light-bg .type-carte .item {
    border-top: 2px solid #00000015;
}

#carte .type-carte .item:first-child {
    border-top: 0;
}

#carte .type-carte .item::after {
content: "";
    background-image: url(../img/svg/chevron.svg);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 37px;
    background-position:
        right center;
    transition-duration: 0.5s;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    filter: brightness(80%);
}

#carte.light-bg .type-carte .item::after {
    filter: invert(0);
    opacity: 0.2;
}
@media (hover: hover) and (pointer: fine) {
#carte .type-carte .item:hover::after {
    opacity: 1;
    transform: translateX(-10px) translateY(-50%);
}
}

#carte .type-carte .item .line {
    transition-duration: 0.5s;
}
@media (hover: hover) and (pointer: fine) {
#carte .type-carte .item:hover .line {
    transform: translateX(30px);
}
}
@media screen and (max-width: 580px) {
    #carte .type-carte .item::after {
        height: 30px; 
    }
}

/* ================================= */
/* =========== RESERVATION ========== */
/* ================================= */
#primary .rtb-booking-form fieldset {
    align-items: center;
}

#primary .rtb-booking-form-form {
    display: grid;
    justify-content: center;
        grid-template-columns: repeat(2, minmax(0, 1fr));
}
#primary .rtb-booking-form fieldset legend{
    color: #fff;
    margin: 0 auto 10px auto;
}
#primary .rtb-booking-form .rtb-message{
    text-align: center;
    width: 100%;
    color: #fff;
    margin-top: 30px;
}

#primary .rtb-booking-form .rtb-form-footer{
    grid-column: span 2;
    margin-top: 0;
}

@media (max-width: 860px) {
    #primary .rtb-booking-form-form {
        display: block;
    }
}


/* ================================= */
/* =========== PRIVATISATION ========== */
/* ================================= */
#privatisation .wrapp-infos{
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}


.scroll-images {
    position: relative;
}

.scroll-images .wp-block-image {
    position: absolute;
}

.scroll-images .wp-block-image img {
    max-width: 30vw;
    min-height: 500px;
    object-fit: cover;
    border-radius: 30px;
    overflow: hidden;
}

.scroll-images {
    position: relative;
}

.scroll-images .wp-block-image {
    position: absolute;
    width: 30vw;
    max-width: 600px;
}
.scroll-images .wp-block-image .title-room {
    margin: 10px auto;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 28px;
    background: #141414;
        margin-top: 0;
        padding: 5px;
        border-radius: 0 0 30px 30px;
        transform: translateY(-30px);
}
.scroll-images .wp-block-image:nth-child(2) img,
.scroll-images .wp-block-image:nth-child(4) img,
.scroll-images .wp-block-image:nth-child(6) img,
.scroll-images .wp-block-image:nth-child(8) img{
    float: right;
}

/* Image 1 */
.scroll-images .wp-block-image:nth-child(1) {
    top: 0vh;
    left: 3%;
}

/* Image 2 */
.scroll-images .wp-block-image:nth-child(2) {
    top: 80vh;
    right: 3%;
}

/* Image 3 */
.scroll-images .wp-block-image:nth-child(3) {
    top: 160vh;
    left: 3%;
}

/* Image 4 */
.scroll-images .wp-block-image:nth-child(4) {
    top: 240vh;
    right: 3%;
}

/* Image 5 */
.scroll-images .wp-block-image:nth-child(5) {
    top: 320vh;
    left: 3%;
}

@media (max-width: 940px) {

    .scroll-images .wp-block-image:nth-child(1),
    .scroll-images .wp-block-image:nth-child(3) {
        left: -8%
    }

    .scroll-images .wp-block-image:nth-child(2) {
        right: -8%
    }

    .scroll-images .wp-block-image img {
        max-width: 40vw;
    }
}

@media (max-width: 640px) {

    .scroll-images .wp-block-image:nth-child(1),
    .scroll-images .wp-block-image:nth-child(3),
    .scroll-images .wp-block-image:nth-child(5),
     {
        left: -13%
    }

    .scroll-images .wp-block-image:nth-child(2),
    .scroll-images .wp-block-image:nth-child(4),
    .scroll-images .wp-block-image:nth-child(6)
     {
        right: -13%
    }

    .scroll-images .wp-block-image img {
        max-width: 52vw;
        min-height: 410px;
    }
    .scroll-images .wp-block-image {
        position: absolute;
        width: 52vw;
    }
    .scroll-images .wp-block-image .title-room {
        font-size: 25px;
        background: #141414;
        margin-top: 0;
        padding: 5px;
        border-radius: 0 0 30px 30px;
        transform: translateY(-30px);
    }
    #privatisation .explication{
        font-size: 15px;
    }
}




/* ================================= */
/* =========== EVENEMENTIEL ========== */
/* ================================= */
#events {
    position: relative;
    z-index: 100;
}

#events .overlay-bg {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 100%;
}
#wrapper-events-images {
    min-height: 100vh;
    position: relative;
}
#events .wrapper-col .col:nth-child(1) {
    grid-column: span 7;

}

#events .wrapper-col .col:nth-child(2) {
    grid-column: span 5;
}

#events .events {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
}

#events .wrap-events {
    /* opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.34, 0.27, 0.39, 0.96); */
}

#events .wrap-events.is-inview {
    opacity: 1 !important;
    transition: opacity 0.7s cubic-bezier(0.34, 0.27, 0.39, 0.96);
}

.event-card.card-1::before {
    content: '';
    position: absolute;
    top: -2px;
    height: 3px;
    width: 100%;
    display: block
}

.presta {
    position: relative;
}
#events .top-infos,
.event-card.card-1,
.event-card.card-1 .bg,
.event-card.card-1::before,
#events .top-infos,
.event-card.card-3,
.event-card.card-3::before,
#events .top-infos,
.event-card.card-3,
.event-card.card-5::before,
#events .top-infos,
.event-card.card-5,
.event-card.card-5::before {
    background: #181818;
}

.event-card.card-1 .bg,
.event-card.card-3 .bg,
.event-card.card-5 .bg {
    background: #ebbc2e;
}


#events .pin-spacer,
#events .event-card.card-2,
#events .pin-spacer,
#events .event-card.card-4,
#events .pin-spacer,
#events .event-card.card-6,
#events .pin-spacer,
#events .event-card.card-8 {
    background: #222;
}

.event-card.card-2 .bg,
.event-card.card-4 .bg,
.event-card.card-6 .bg {
    background: #181818;
}

.event-card .presta .bg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.presta .wrap {
    width: 400px;
}



.event-container {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#events .hide-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 13;
}

#events {
    overflow: hidden;
}

.left-side {
    height: auto;
}

.left-side,
.right-side {
    width: 100%;
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;

}

.event-card {
    width: 100%;
    height: 100vh;
    will-change: clip-path;
    display: grid;
    position: relative;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.event-card::after {
    /* content: ''; */

}

.event-card .col-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: black;
    height: 100vh;
}

.event-card img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1; 
    clip-path: inset(0 100% 0 0px);
        transform: scale(1.18);
        transform-origin: center top;
        will-change: clip-path;
        transition: clip-path 0.6s cubic-bezier(.645, .045, .355, 1) 0s 
}
.event-card .item.is-inview img {
    clip-path: inset(0px 0% 0px 0px);
    transform: scale(1);
    transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.6s ease 0.58s;
}
.event-card .para {
    height: 100%;
    overflow: hidden;
}

.event-card .title-room { 
    text-transform: uppercase;
}

.event-card .details {
    position: relative;
}

.event-card .details::before,
.event-card .details::after {
    content: '';
    height: 1px;
    width: 40px;
    position: absolute;
    background-color: #00000010;
}

.event-card .details::before {
    top: 0;
}

.event-card .details::after {
    bottom: 0;
}

.events-desc .presta:nth-child(1),
.event-card:nth-child(1) {
    z-index: 10;
}

.events-desc .presta:nth-child(2),
.event-card:nth-child(2) {
    z-index: 9;
}

.events-desc .presta:nth-child(3),
.event-card:nth-child(3) {
    z-index: 8;
}

.events-desc .presta:nth-child(4),
.event-card:nth-child(4) {
    z-index: 7;
}

.events-desc .presta:nth-child(5),
.event-card:nth-child(5) {
    z-index: 6;
}
/* .is-mobile .event-card.card-2 .visuel img {
    clip-path: unset;
    transform: scale(1);
} */


.is-mobile #wrapper-events-images,
.is-mobile .event-card, 
.is-mobile .event-card .presta, 
.is-mobile .event-container,
.is-mobile .event-container .left-side {
    height:auto!important;
}

.is-mobile #events .pin-spacer,
.is-mobile #events .event-card.card-2,
.is-mobile #events .pin-spacer,
.is-mobile #events .event-card.card-4,
.is-mobile #events .pin-spacer,
.is-mobile #events .event-card.card-6,
.is-mobile #events .pin-spacer,
.is-mobile #events .event-card.card-8 {
    background: unset;
}

.is-mobile .event-card.card-2 .bg,
.is-mobile .event-card.card-4 .bg,
.is-mobile .event-card.card-6 .bg {
    background: #222;
}

.is-mobile .event-card .presta {
    margin-bottom: 10px;
}

@media screen and (max-width: 710px) {
    #events .top-infos{ 
        padding-bottom: 30px;
    }
    .event-card {
        display: block;
    }
    .event-card img,
    .event-card .item-visuel,
    .event-card .item-visuel .para {
        border-radius: 30px 30px 0 0px!important;
    }
    .event-card .presta .bg {
        border-radius: 0 0px 30px 30px!important;
        overflow: hidden;
    }
    .event-card .item-visuel {
        height: 40vh;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 5vh;
    }

    .event-card .presta {
        height: 50vh;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0;
    }

    .event-card .presta .wrap {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .event-card .item-visuel {
        height: 30vh;
    }
    .event-card .presta {
        height: 60vh;
    }
}
@media screen and (max-width: 470px) {
    #events .top-infos {
        padding-bottom: 50px;
    }
    .event-card .item-visuel {
        margin-top: 20px;
        height: calc(30vh - 20px);
        padding-left: 20px;
        padding-right: 20px;
    }
    .event-card .presta {
        height: calc(70vh - 20px);
        padding-left: 20px;
        padding-right: 20px;
    }
   
}

/*--------------------------------------------------------------
# CONTACT
--------------------------------------------------------------*/
#contact .map img {
    min-height: 420px;
    object-fit: cover;
}

#contact .map .btn-reservation {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 15px;
    opacity: 0;
    transition: 0.3s ease 0s;
    transform: translateX(20px);
}

#contact .map .item.is-inview .btn-reservation {
    transition: 0.6s ease 0.8s;
    transform: translateX(0px);
    opacity: 1;
}
#contact .wrap-cont{
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
#contact .wrap-cont .wrap-tit{
    grid-column: span 5/span 5;
    padding-right: 50px;
}
#contact .wrap-cont .map{
    grid-column: span 7;
}

.shape img {
    width: 510px;
    position: absolute;
    left: -50px;
    top: 60px;
    opacity: 0.05;
    animation: rotation 50s linear infinite;
    /* Applique l'animation */
}
.shape-parfum img {
    width: 510px;
    position: absolute;
left: 30px;
    top: 50px;
    opacity: 0.05;
    /* Applique l'animation */
}

/* Animation */
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1140px) {
    #contact .wrap-cont {
        display: block;
    }
    #contact .wrap-cont .wrap-tit {
        margin-bottom: 50px;
    }
}

@media (max-width: 782px) {
    .shape img {
        width: 410px;
    }
}
@media (max-width: 480px) {
    .shape img {
        width: 290px;
    }
    #contact .map img {
        min-height: 290px;
    }
}









/*--------------------------------------------------------------
# BELLEVILLE
--------------------------------------------------------------*/
        /*--------------------------------------------------------------
    # LOADER LOGO
    --------------------------------------------------------------*/
        @font-face {
            font-family: 'halaney';
            src: url('../fonts/HalaneyDemo-Regular.woff2') format('woff2'),
                url('../fonts/HalaneyDemo-Regular.woff') format('woff');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
    
        .loader-logo {
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            position: absolute;
            z-index: 11;
            animation: closeBackground 0s forwards 3.5s;
        }
        .logo-header {
            position: absolute;
            z-index: 999;
            width: 265px;
            left: 50%;
            top: 30px;
            transform: translateX(-50%);
        }
        .loader-logo .logo {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 520px;
            z-index: 11;
            transform: translateY(-50%) translateX(-50%) scale(0.7);
            animation: positionLogo 0.9s forwards 2.6s;
        }
    
    
        .loader-logo .part-1 {
            width: 53%;
            opacity: 0;
            margin: 0 auto 20px auto;
            transform: translateY(-20px);
            animation: translateLogoPart1 1s forwards 0.3s;
        }
    
        .loader-logo .part-2 {
            opacity: 0;
            width: 85%;
            margin: 0 auto 10px auto;
            transform: translateY(20px);
            animation: translateLogoPart2 1s forwards 0.6s;
        }
    
    
        .loader-logo .logo img {
            margin: 0 auto;
        }
    
        .loader-logo .background {
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 10;
            animation: closeBackground 1s forwards 2.6s;
            animation-timing-function: cubic-bezier(.645, .045, .355, 1);
        }
    
    
        .top .title-lines .line:nth-child(1) .inner-line {
            animation-delay: 3.3s !important;
        }
    
        .top .title-lines .line:nth-child(2) .inner-line {
            animation-delay: 3.5s !important;
        }
    
        .top .title-lines .line:nth-child(3) .inner-line {
            animation-delay: 3.7s !important;
        }
    
        .top .title-lines .line:nth-child(4) .inner-line {
            animation-delay: 3.9s !important;
        }
    
        @keyframes translateLogoPart1 {
            0% {
                transform: translateY(-20px);
                opacity: 0;
            }
    
            100% {
                opacity: 0.6;
                transform: translateY(0%);
            }
        }
    
        @keyframes translateLogoPart2 {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }
    
            100% {
                opacity: 1;
                transform: translateY(0%);
            }
        }
    
    
        @keyframes positionLogo {
            0% {
                top: 50%;
            }
    
            100% {
                transform: translateY(-50%) translateX(-50%) scale(0.6);
                top: 80px
            }
        }
    
        @keyframes closeBackground {
            0% {
                height: 100%;
            }
    
            100% {
                height: 0;
            }
        }
    
        @media (max-width: 960px) {
            .loader-logo .logo {
                transform: translateY(-50%) translateX(-50%) scale(0.6) !important;
            }
            .logo-header{
                
            }
        }
    
        @media (max-width: 782px) {
            @keyframes positionLogo {
                0% {
                    top: 50%;
                }
    
                100% {
                    top: 79px
                }
            }
        }
    
        @media (max-width: 480px) {
            .loader-logo .logo {
                transform: translateY(-50%) translateX(-50%) scale(0.5) !important;
            }
            .logo-header {
                width: 221px;
            }
            @keyframes positionLogo {
                0% {
                    top: 50%;
                }
    
                100% {
                    top: 68px;
                }
            }
        }
        @media (max-width: 420px) {
            .loader-logo .logo {
                transform: translateY(-50%) translateX(-50%) scale(0.45) !important;
            }

            .logo-header {
                width: 200px;
            }
        }
    
        .btn-reservation,
        #booking .wpbc_wizard_step_button,
        #booking .wpbc_button_light {
            border-radius: 60px;
            padding: 22px 25px;
            overflow: hidden;
        }
    
        #presentation,
        #section-2 {
            border-radius: 60px 60px 0 0;
        }
    
        #presentation .wrap-bg-para.left .bg-para {
            border-radius: 30px;
            overflow: hidden;
        }
    
        #presentation .wrap-bg-para.left .bg-para {
            border-radius: 30px;
            overflow: hidden;
        }
    
        .visuel {
            border-radius: 30px;
        }
    
        .visuel {
            clip-path: inset(0 0% 0 0);
            transform: scale(0.9) translateY(10%);
            opacity: 0;
            transition: clip-path 1.4s cubic-bezier(.645, .045, .355, 1) 0s, transform 0.6s ease 0s,
                opacity 0.6s ease 0s;
        }
    
        .visuel.is-inview {
            transform: scale(1) translateY(0%);
            opacity: 1;
        }
    
        .visuel img {
            clip-path: inset(0 0% 0 0);
            transform: scale(1);
        }
    
        .menu-left p {
            opacity: .7;
        }
    
        nav#main-nav ul>li span {
            font-weight: 500 !important;
        }
    
        #presentation .chef .wrap-word-anim .word:last-child::after,
        #presentation .chef .wrap-word-anim .word:first-child::before {
            opacity: .3;
        }
    
        #presentation.dark-bg .name .btn-link,
        #events .dark-bg .btn-link,
        #privatisation .btn-link, 
        #primary .frm_button_submit,
        .btn-link {
            border-radius: 60px;
            border: 0;
            border: 2px solid #d2a726 !important;
        }
    
        .big-title {
            text-transform: unset;
            line-height: 1.2!important;
        }
    
        #gallery .box-image-fixed .text-first .inner-line {
            filter: blur(0) !important;
        }
    
    
    
        /* #events::before,
    #presentation .col .wrapp-text .bg-para::before,
    #section-2 .wrap-bg-para .bg-para::before,
    #section-3 .wrap-bg-para .bg-para::before {
    	content: '';
    	height: 32px;
    	width: 100%;
    	position: absolute;
    	background-image: url(../img/svg/barriere.svg);
    	background-repeat: repeat;
    	background-size: cover;
    	bottom: 0;
    	left: 0;
    	display: block;
    	z-index: 22;
    	opacity: 0.2;
    	z-index: 0;
    } */
    
        #menu-background,
        #chef-background,
        #booking-background {
            border-radius: 30px 0 0 30px;
            overflow: hidden;
        }
    
        /* #presentation::after {
    	content: '';
    	height: 31px;
    	width: 100%;
    	position: absolute;
    	background-image: url(../img/svg/barriere.svg);
    	background-repeat: repeat;
    	background-size: contain;
    	bottom: 0;
    	left: 0;
    	display: block;
    	z-index: 1;
    	opacity: 0.4;
    } */
    
        #contact::after {
            /* content: ''; */
            /* height: 30vw;
            width: 30vw;
            position: absolute;
            background-image: url(../img/svg/drinks.svg);
            background-repeat: no-repeat;
            background-size: contain;
            top: 4vw;
            left: 4vw;
            display: block;
            z-index: 1;
            opacity: 0.3; */
        }
    
        .wrap-bg-para.left .bg-para {
            border-radius: 0 60px 60px 0;
            overflow: hidden;
        }
    
        .wrap-bg-para.right .bg-para {
            border-radius: 60px 0 0 60px;
            overflow: hidden;
        }
    
        .wrap-booking {
            background: linear-gradient(to bottom, #ebbc2e, #dda41c) !important; 
        }
    
        .wrap-booking .visuel {
            border-radius: 30px 0 0 30px;
        }
    
        .light-bg .subtitle::before {
            filter: invert(1);
        }
    
        .light-bg .dark-bg .subtitle::before {
            filter: invert(0);
        }
    
        .event-card.light-bg .presta .bg {
            background: #9db4a0;
        }
    
        .event-card.light-bg .color-text {
            color: #fff;
        }
    
    
        .event-card img,
        .event-card .item-visuel,
        .event-card .item-visuel .para {
            border-radius: 30px 0 0 30px;
            overflow: hidden;
        }
    
        .event-card .presta .bg {
            border-radius: 0 30px 30px 0;
            overflow: hidden;
        }
    
        .wrap-gallery .item img {
            clip-path: inset(0 0% 0 0) !important;
            transform: scale(1.18) translateY(0%) !important;
            opacity: 1 !important;
            transition: unset !important;
        }
    
        .wrap-gallery .item {
            clip-path: inset(0 0% 0 0) !important;
            transform: scale(0.9) translateY(10%) !important;
            opacity: 0 !important;
        }
    
        .wrap-gallery .item:nth-child(1) {
            transition: transform 0.6s ease 0s,
                opacity 0.6s ease 0s !important;
        }
    
        .wrap-gallery .item:nth-child(2) {
            transition: transform 0.6s ease 0s,
                opacity 0.6s ease 0.2s !important;
        }
    
        .wrap-gallery .item:nth-child(3) {
            transition: transform 0.6s ease 0s,
                opacity 0.6s ease 0.4s !important;
        }
    
        .wrap-gallery .item.is-inview {
            transform: scale(1) translateY(0%) !important;
            opacity: 1 !important;
        }
    
        .hover-dark-bg .menu-toggle .button-magnetic {
            border: 2px solid #96abba !important;
        }
    
        .hover-dark-bg .menu-toggle .button-magnetic {
            background-color: #fdfdcd !important;
        }
    
        #presentation .name .btn-link,
        #events .btn-link {
            cursor: pointer;
            color: #222;
        }
    
        .is-mobile .menu-toggle .button-magnetic,
        .menu-is-open .menu-toggle .button-magnetic,
        .modal-chef-is-open .menu-toggle .button-magnetic,
        .modal-booking-is-open .menu-toggle .button-magnetic,
        .hover-light-bg .menu-toggle .button-magnetic,
        .hover-dark-bg .menu-toggle .button-magnetic,
        .hover-dark-bg .btn-reservation,
                #primary .rtb-form-submit button,
        #presentation.light-bg .name .btn-link,
        #events .light-bg .btn-link {
            border: 2px solid #d2a726 !important;
        }
    
        .is-mobile .menu-toggle .button-magnetic,
        .menu-is-open .menu-toggle .button-magnetic,
        .modal-chef-is-open .menu-toggle .button-magnetic,
        .modal-booking-is-open .menu-toggle .button-magnetic,
        .hover-light-bg .menu-toggle .button-magnetic,
                    #primary .frm_button_submit,
        .hover-dark-bg .menu-toggle .button-magnetic,
        #privatisation .btn-link,
        #presentation .name .btn-link,
        #events .btn-link {
            background-color: #ebbc2e !important;
        }
    
        .hover-dark-bg .btn-reservation {
            color: #fff !important;
        }
    
        .menu-toggle span.hamburger::after,
        .menu-toggle span.hamburger::before {
            background: #fff;
            height: 2px;
        }
    
        .btn .container-span span {
            color: #fff !important;
        }
    
        #footer .infos-pratiques p::before {
            background-color: #36719b;
        }
    
        #footer .container {
            overflow: hidden;
            border-radius: 30px;
        }
    
        .separatorSvg {
            width: calc(360% + 1.3px);
            height: 130px;
            display: block;
            left: 50%;
            position: relative;
            transform: translateX(-50%);
        }
    
        .hover-light-bg .btn-reservation,
        #booking .wpbc_wizard_step_button,
        #booking .wpbc_button_light {
            color: #fff;
        }
    
        .wrap-separatorSvg {
            position: relative
        }
    
        .wrap-separatorSvg.separator-carte::before {
            content: '';
            height: 4px;
            width: 100%;
            position: absolute;
            top: -2px;
            z-index: 1;
        }
        .wrap-separatorSvg.separator-carte::after{
            content: '';
            height: 4px;
            width: 100%;
            position: absolute;
            top: auto;
            z-index: 1;
            bottom: 0;
            background-color: #ebbc2e!important;
        }
        .wrap-separatorSvg.separator-carte-bottom{
            margin-top: -50px;
            margin-bottom: -20px;
        }
        .wrap-separatorSvg.separator-carte-bottom rect {
            fill: #181818 !important;
        }
        .wrap-separatorSvg.separator-carte-bottom::before {
            content: '';
            height: 4px;
            width: 100%;
            position: absolute;
            top: -2px;
            z-index: 1;
            background-color: #dda41c!important;
        }
        .wrap-separatorSvg.separator-carte-bottom::after{
            content: '';
            height: 4px;
            width: 100%;
            position: absolute;
            top: auto;
            z-index: 1;
            bottom: 0;
            background-color: #181818!important;
        }
    
        .wrap-separatorSvg.separator-gallery::before {
            content: '';
            height: 4px;
            width: 100%;
            position: absolute;
            bottom: -2px;
            z-index: 1;
        }
    
        .separator-gallery {}
    
        #gallery.light-bg .box-image-fixed .bg {
            background: #326a92 !important;
            filter: unset !important
        }
    
     
    
        .text-right .subtitle::before {
            content: '';
            position: absolute;
            bottom: 0 !important;
            top: auto;
            left: 0;
            transform: unset !important;
            right: 0 !important;
            left: auto !important;
        }
    
        .text-center .subtitle::before {
            content: '';   
            position: absolute;
            bottom: 0 !important;
            top: auto;
            transform: unset !important; 
            right: 0 !important;
            left: 50% !important;
        } 
    
        .big-title.title-lines .line .inner-line {
            font-weight: 300;
        }
    
        .top .title-lines .line .inner-line {
            font-weight: 300;
        }
    
        .light-bg .color-title {
            color: #3f699d !important
        }
    
        .typo-script.color-title {
            color: #fff !important;
            opacity: 1;
            font-weight: 300 !important;
        }
    
        @media (min-width: 1680px) {
            .top h1 {
                font-size: 8rem !important
            }
        }
        @media (max-width: 600px) {
            .separatorSvg {
                width: 830%;
            }
        }

        #gallery .color-text {
            color: #fff !important;
        }
    
        .wrap-booking > .hidden {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .wrap-booking .visuel {
            max-height: 540px;
        }
    
        #carte .big-title {
            opacity: 0.7;
        }
    
        #header .btn-reservation {
            padding: 20px 15px !important;  
        }
    
        .wrap-booking .big-title {
            margin: -25px 0 -12px 0;
        }
    
        .btn .container-span {}
    
        #contact .shape {
            display: none;
        }
    
        .scroll-down {
            width: 4px;
            border-radius: 5px;
        }
    
        .scroll-down::after {
            width: 4px;
            border-radius: 6px;
            box-shadow: unset !important
        }
    
        #page #presentation .wrap-word-anim .word {
            font-weight: 300 !important;
        }
    
        .btn-reservation {
            border-radius: 50px !important;
        }
    
        .hover-dark-bg .btn-reservation,
        .hover-light-bg .btn-reservation {
            background: #ebbc2e !important;
            border: 2px solid #fdfdcd;
            font-family: "Inter Tight", serif !important;
        }
    
        .separatorSvg rect {
            fill: #ebbc2e !important;
        }
    
        #gallery.dark-bg .box-image-fixed .bg {
            filter: unset !important;
           background:linear-gradient(to bottom, #ebbc2e, #dda41c) !important
        }
    
        .wrap-separatorSvg.separator-gallery::before {
            background:#ebbc2e !important
        }
    
        #presentation .chef .wrap-word-anim .word:last-child::after,
        #presentation .chef .wrap-word-anim .word:first-child::before {
            opacity: 0.28 !important;
        }
    
    
        #presentation .wrap-word-anim .word,
        #gallery .box-image-fixed .text-first,
        #gallery .box-image-fixed .text-second,
        .event-card .title-room,
        h1,
        .top h1,
        nav#main-nav ul>li span,
        .big-title {
            /* font-family: 'Century Gothic', sans-serif !important; */
            font-weight: 300 !important;
            text-transform: unset !important;
        }
    
    
        nav#main-nav ul>li span {
            font-weight: 300 !important;
        }
    
        body p,
        .top h1,
        #presentation .wrap-word-anim .word,
        .big-title,
        body {
            font-family: "Inter Tight", serif !important;
        }
    
        body {
            font-size: 17px;
        }




/*--------------------------------------------------------------
# FORMULAIRE
--------------------------------------------------------------*/
#primary form {
    max-width: 910px;
    margin: 0 auto;
}
#primary form label,
#primary form .frm_primary_label{
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.2px;
    font-size: 16px;
}
#primary form textarea,
 #primary form input:not(.frm_date),
#primary form select{
    padding: 20px 15px;
    min-height: 62px;
    border: 0;
    background-color: #ffffff0d;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
} 
.rtb-booking-form input[type="text"],
.rtb-booking-form input[type="tel"],
.rtb-booking-form input[type="email"],
.rtb-booking-form textarea,
.rtb-booking-form select{
    min-width: 370px!important;
}
#primary form select option{
    color: #222;
    font-size: 17px;
}
#primary select::placeholder,
#primary select option.frm-select-placeholder::placeholder,
#primary input::placeholder,
#primary textarea::placeholder {
    font-size: 16px;
    color: rgb(102, 112, 133)!important;
    opacity: 0.3;
}

#primary form .form-field .frm_time_wrap span{
    display: flex;
    grid-gap: 0 1%;
}
#primary form .form-field .frm_time_wrap select{
    width: 50%;
}
#primary form input.frm_date{
    background-color: #ffffff0d;
    color: #fff;
    border: 0;
    /* padding: 20px 15px;
    /* padding: 20px 15px;
    border-radius: 10px;
    font-size: 16px; */
}

@media (max-width: 420px) {

    .rtb-booking-form input[type="text"],
    .rtb-booking-form input[type="tel"],
    .rtb-booking-form input[type="email"],
    .rtb-booking-form textarea,
    .rtb-booking-form select {
        min-width: 340px !important;
    }
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
#footer {
    position: relative;
}

#footer .container {
    overflow: hidden;
}

#footer .logo {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#footer>*,
#footer p {
    font-style: normal;
}

#footer .container .horaire .item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff47;

    padding: 6px 0;
}

#footer .container .menu-left p {
    opacity: 0.6;
}

#footer .container .horaire .item:last-child {
    border-bottom: 0;
}

#footer .socialmedia a {
    border-radius: 50%;
    height: 45px;
    width: 45px;
    background-color: #ebbc2e;
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
    #footer .socialmedia a:hover {
        background-color: #ffffff22;
    }
}

#footer .socialmedia img {
    width: 23px;
}

#footer .infos-pratiques p {
    padding-left: 20px;
    position: relative;
    margin-bottom: 8px;
}

#footer .infos-pratiques p::before {
    content: '';
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #ffffff4d;
    position: absolute;
    left: 0;
    top: 8px;
}

#footer .container .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-top: 1px solid #ffffff14; 
    */
    background: #00000029;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

#footer .container .copyright::after {
    left: auto;
    right: 0;
    transform: translateX(100%);
}

#footer .partenariat {
    background: #d89f18
}

#footer .partenariat .photo img {
    object-fit: cover;
    width: 100%;
}

#footer .partenariat .btn-reservation {
    color: #fff;
background:
        #e7b02c !important;
    border-color:
        #d19915 !important;
}
#footer .items-bottom-footer {
    display: flex;
        justify-content: space-between;
}
#footer .items-bottom-footer .left{
    display: flex;
    gap: 20px;
    /* grid-template-columns: repeat(5, minmax(0, 1fr)); */
}
#footer .items-bottom-footer .right{
    
}

@media (max-width: 1080px) {
    #footer .items-bottom-footer {
        font-size: 15px;
    }
}
@media (max-width: 920px) {
    #footer .items-bottom-footer .left {
        justify-content: center;
        margin-bottom: 10px;
    }
    #footer .items-bottom-footer {
        display: block;
    }
}

@media (max-width: 700px) {
    #footer .items-bottom-footer .left {
        display: block;
    }
    #footer .items-bottom-footer .left .color-text{
        margin: 3px 0;
    }
   
}














 




#moove_gdpr_cookie_info_bar * {
    font-family: "Inter Tight" !important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2{
    color: #eee!important;
 }
.moove-gdpr-cookie-notice h2 {
    font-weight: 600;
}

#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-infobar-close-btn {
    top: -1px !important;
    right: -1px !important;
}

#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container {
    padding: 20px 25px !important;
}

.moove-gdpr-cookie-notice p {
    color: #666 !important;
}

#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme,
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme,
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme,
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme {
    border: 0!important;
}

#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar),
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) {
    width: 600px !important;
    max-width: calc(100% - 30px) !important;
    bottom: 15px !important;
    border-radius: 20px !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
    background:
        #111111d8 !important ;
    backdrop-filter: blur(12px);
    border:0!important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-align-center,
#moove_gdpr_cookie_info_bar.moove-gdpr-align-right {
    text-align: center !important;
}

#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right {
    right: 15px !important;
    left: auto !important;
}

#moove_gdpr_cookie_modal, 
#moove_gdpr_cookie_info_bar,
.gdpr_cookie_settings_shortcode_content {
    font-family: inherit !important;
}

#moove_gdpr_cookie_info_bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    min-height: 60px !important;
    max-height: 400px !important;
    color: #fff !important;
    z-index: 9900 !important;
    background-color: #202020 !important;
    border-top: 1px solid #fff !important;
    font-family: Nunito, sans-serif !important;
    transition: bottom .3s cubic-bezier(.17, .04, .03, .94) !important;
}

#moove_gdpr_cookie_info_bar {
    content-visibility: auto;
}

.moove-gdpr-infobar-close-btn {
    display: none !important;
}