.header .calque,
.instagram-feed .calque{
    background: rgba(0, 0, 0, 0.6);
}

.headeradress > p{
    margin-bottom: 0;
    text-align: center;
}

.headeradress > p > a{
    color: white;
}

.header .img-background,
.instagram-feed .img-background{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
}

.header .logo, .choice-site .logo{
    /* max-width: 340px; */
    width: 35%;
    margin: auto;
}

.header .description,
.instagram-feed .description{
    justify-self: center;
}



.header .bg {
    height: 60vh;
}

@media (max-width: 576px) { 
    .headeradress {
        flex-wrap: wrap; 
    }
}

@media (max-width: 768px) { 
    h1 {
        font-size: 34px !important;
    }
}

@media (min-width: 620px) { 
    .header .bg {
        height: 70vh;
    }
}



@media (min-width: 1200px) { 
    .header .bg {
        height: 100vh;
    }
    .header .description{
        justify-self: center;
    }

}

.links-nav a {
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: white;
    opacity: 0.7;
    transition: color 0.3s ease-in-out;
}

.links-nav a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: white;
    transition: width 0.3s ease-out;
    z-index: 0;
}

.links-nav a:hover::after {
    width: 100%;
    opacity: 1;
}

.links-nav a:hover {
    color: white;
    opacity: 1;
}

.header .subtitle {
    font-size: 24px !important;
    color: white !important;
}
.description-restaurant .context, .description-restaurant .description {
    padding: 7%;
    /* height: max-content; */
}

.description-restaurant {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    justify-self: center;
}

.description-restaurant .logo > img{
    width: 75%;
}

.description-restaurant {
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 50px 0px;
    padding-top: 2.5rem;
    
}



.description-restaurant titredescription {
    color: var(--color-primary);
    font-size: 28px;
    font-family: var(--font-secondary);
    font-weight: 700;
}

.description-restaurant dore {
    color: var(--color-gold-dark) !important;
    font-size: 20px !important;
    font-family: var(-font-secondary) !important;
}

.description-restaurant.superpose, .zenchef.superpose {
    position: relative;
    margin-top: -17% !important;
    z-index: 5;
}
@media (min-width: 768px) {
    .description-restaurant.superpose-bas, .zenchef.superpose-bas{
        position: relative;
        margin-bottom: -5% !important;
        z-index: 5;
    }
}

.description > p{
    color: var(--color-gray-shade);
}

@media (max-width: 800px) {
    .description-restaurant {
        flex-direction: column;
    }
    .description-restaurant .img {
        height: 300px;
    }
}


@media (min-width: 800px) {
    .description-restaurant.superpose, .zenchef.superpose {
        position: relative;
        margin-top: -5% !important;
        z-index: 5;
    }
}

.description-restaurant .context a {
    color: white !important;
    font-weight: bold !important;
}

.zenchef .pastille{
    width: 160px;
    top: -5%;
    left: -5%;
    position: absolute;
}

.zenchef .description{
    padding: 7%;
}

.zenchef {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 50px 0px;
}

.zenchef .btn-zenchef{
    padding: 8px 18px 8px 18px;
    border-radius: 2px;
    outline: none;
}

.zenchef iframe {
    height: 630px;
}

.zenchef .details > p{
    margin: 0;
    color: var(--color-gray-shade);
    font-family: var(--font-primary);
}

@media (max-width: 992px) {
    .zenchef .details > p{
        text-align: center;
    }

    .zenchef {
        flex-direction: column;
    }
    .zenchef .img {
        height: 300px;
    }

    .zenchef .img > img {
        transform: translateY(0%) !important;
    }
}
.component #map {
    background-image: url('https://i.pinimg.com/736x/e3/61/ae/e361ae2b73ba638691f81e7e0e0c62ae.jpg');
    background-size: cover;
}

#map {
    height: 600px;
}

.stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded{
    background: var(--color-gold) !important;
}
.leaflet-tile-container{
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);    
}
.animated-icon{
    overflow: visible;
    background-color: transparent;
    border: none;    
}
.animated-dot {
    width: 20px;
    height: 20px;
    left: -9px;
    top: -5px;
    position: relative;
}
.middle-dot{
    background-color: var(--color-gold)!important;
    width: 16px;
    height: 16px;
    border-radius: 30px;
    position: absolute;
    left: 2px;
    top: 2px;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
.animated-dot .signal {
    background-color: var(--color-gold)!important;
    width: 180px;
    pointer-events: none;
    height: 180px;
    border-radius: 200px;
    position: absolute;
    left: -80px;
    top: -80px;
    opacity: 0;
    -webkit-animation: animationSignal cubic-bezier(0,.55,.55,1) 2s;
    animation: animationSignal cubic-bezier(0,.55,.55,1) 2s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-delay: 0.78s;
    animation-iteration-count: infinite;
}
.animated-dot .signal2 {
    background-color: var(--color-gold)!important;
    width: 180px;
    height: 180px;
    pointer-events: none;
    border-radius: 200px;
    position: absolute;
    left: -80px;
    top: -80px;
    opacity: 0;
    -webkit-animation: animationSignal cubic-bezier(0,.55,.55,1) 2s;
    animation: animationSignal cubic-bezier(0,.55,.55,1) 2s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes animationSignal{
0%{
    opacity:0;
    transform: scale(0.00)
    }
    1%{
    opacity:0.25
    }
    20%{
    opacity:0.25
    }
    60%{
    transform: scale(1);
    opacity:0
    }
}

@-webkit-keyframes animationSignal2{
0%{
    opacity:0
    }
    1%{
    opacity:0.2
    }
    20%{
    opacity:0.17
    }
    60%{
    opacity:0
    }
}
@keyframes animationSignal{
0%{
    opacity:0;
    transform: scale(0.00)
    }
    1%{
    opacity:0.25
    }
    20%{
    opacity:0.25
    }
    60%{
    transform: scale(1);
    opacity:0
    }
}
@keyframes animationSignal2{
    0%{
    opacity:0
    }
    1%{
    opacity:0.2
    }
    20%{
    opacity:0.17
    }
    60%{
    opacity:0
    }
}


.masonry-grid {
    margin: 0 auto;
    position: relative;
}

.grid-item {
    width: calc(20% - 20px);
    margin-bottom: 20px;
    overflow: hidden;
}

.grid-item img {
    width: 100%;
    display: block;
    height: auto;
    transition: transform 0.25s ease-in-out;
}

.grid-item:hover img {
    transform: scale(1.05) !important;
}


@media (max-width: 800px) {
    #lightgallery {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 10px;
        height: auto !important;
    }

    #lightgallery .grid-item {
        position: relative !important; 
        left: auto !important;
        top: auto !important;
        flex: 0 0 auto !important;
        width: 300px;
        height: 200px;
    }

    #lightgallery .grid-item img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

/**
*
* CSS for preview in backend
*
*/
.component .masonry-grid {
    display: flex !important;
    flex-direction: row;
    overflow: hidden;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.component .masonry-grid > .grid-item {
    max-height: 200px;
    width: 300px;
    display: block;
    flex: auto 0 0;
    margin: 0;
}

.component .masonry-grid > .grid-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.bg-hero.instagram-feed {
    position: relative;
    min-height: 110vh; 
    overflow: hidden;
}


.instagram-feed .img-background {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.instagram-feed .img-background img.bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.instagram-feed .calque {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6); 
    z-index: 1;
}

.instagram-feed .description {
    position: relative;
    z-index: 2;
}

.instagram-feed .title > p {
    font-family: var(--font-primary);
    margin: 0 !important;
    font-size: 33px;
    color: white;
}



@media (max-width: 768px) { 
    .instagram-feed{
        padding-bottom: 10.5rem;
        padding-top: 10.5rem;
    }
}

.instagram-feed button,
.instagram-feed a.btn-zenchef {
    border-radius: 2px;
}

.bg-hero.instagram-feed {
    position: relative;
    min-height: 110vh;
    overflow: hidden;

    display: flex;
    align-items: center;       
    justify-content: center;   
}

/*****



*****/

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:var(--white-color);background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:var(--white-color);background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid var(--white-color);background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:var(--white-color);background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:var(--white-color);color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em var(--white-color)}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:var(--white-color)}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:var(--white-color);background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:var(--white-color);background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em var(--white-color);box-shadow:0 0 1em var(--white-color)}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3.5em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:var(--white-color)}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control .vjs-icon-placeholder{cursor:pointer;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:var(--white-color)}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:var(--white-color);content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:0s linear .3s forwards vjs-spinner-show;animation:0s linear .3s forwards vjs-spinner-show}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:var(--white-color)}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:var(--white-color)}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:var(--white-color);-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:var(--white-color)}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:var(--white-color)}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f11d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{flex:auto;display:block}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:var(--white-color);height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.vjs-text-track-settings .vjs-track-settings-colors{display:block;grid-column:1;grid-row:1}.vjs-text-track-settings .vjs-track-settings-font{grid-column:2;grid-row:1}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:2;grid-row:2}}.vjs-track-setting>select{margin-right:5px}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings legend{color:var(--white-color);margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,var(--white-color) 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:var(--white-color);background-image:linear-gradient(-180deg,var(--white-color) 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0}.vjs-hidden{display:none!important;} 
.media.video-js {
    margin: 0 0px 5px;
}
.insta-feed{
    text-align: center;
}
.insta__carousel{
    padding-top: calc(100% / 2 + 6px);
}
.insta-feed > .insta-images-wrapper {
    /*margin: 2px;*/
    overflow: hidden;
    float: left;
    width: calc((100% / 3)) !important;
    aspect-ratio: 3/4 !important;
}
.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid var(--white-color);
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    transition: all .4s;
    transform: translate(-50%,-50%);
}
.insta-feed .insta-images{
    position:relative;
    width: 100%;
    height: 100%;
}
.insta-feed .insta-images > a{
    width:100%;
    display: block;
    position:relative;
    height: 100%;
    background-size:cover;background-position:center;
}
.insta-feed .insta-images > a{
    color:var(--white-color);text-shadow:0 0 20px #000000;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
.insta-feed .insta-images:hover > a{
    opacity: 0.5;
}
.insta-feed .insta-images > .fa{
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    color: var(--white-color);
    font-size: 24px;
    text-shadow: 0 0 20px #000000;
}
.insta-pop{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display:none;
}
.bg-layer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}
.insta-pop-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: var(--white-color);

}

.insta-pop .insta-pop-content > img{
    float:left;
}
.insta-pop-content-description{
    padding:1rem 2rem;
    float: left;
    text-align: left;
    width: 300px;
}
.insta-pop-content-description a{
    text-decoration: none;
}
.insta-pop-content-description a > img{
    border-radius: 50%;
    width: 32px; 
    margin-right: 1rem;
}

.insta-pop-content > .media.video-js{
    float: left;
    margin: 0;
}
.insta-post-desc{
    margin:1rem;
}
.insta-carousel {
    width: 53vh;
    float: left;
    position: relative;
    overflow: hidden;
}
.insta-carousel  img, .insta-carousel  video {
    float: left;
    width: 53vh;
}
.insta-pop-close{
    color: #777;
    cursor:pointer;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    font-size: 2rem;
    font-weight: lighter;
}
.insta-carousel > i.fa-chevron-left {
    left: 1rem;
}
.insta-carousel > i.fa-chevron-right {
    right: 1rem;
}
.insta-carousel > i {
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    font-size: 3rem;
    color: var(--white-color);
    cursor:pointer;
    text-shadow: 0 0 20px #000;
}
.insta-carousel > i:hover{
    opacity:0.6;
}

.insta-images .insta-count{
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--white-color);
    font-size: 2rem;
    text-shadow: 0 0 20px #000;
    transform: translate(-50%,-50%);
}

    
    /* Smartphones (landscape) ----------- */
    @media only screen and (min-width : 321px) {
        .insta-feed > .insta-images-wrapper {
            /*margin: 2px;*/
            overflow: hidden;
            float: left;
            width: calc((100% / 1)) !important;
            aspect-ratio: 3 / 4;
        }
        .insta__carousel{
            padding-top: calc(100% / 2 + 6px);
        }
        .insta-feed .insta-images > a{
            width: 100%;
            aspect-ratio: 1 / 1;
            height: 100%;
        }
        .insta-pop-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: var(--white-color);
            width: 90%;
        }
        .insta-pop-content > .media.video-js{
            width: 100%;
        }
        .insta-carousel {
            width: 100%;
            float: left;
            position: relative;
            overflow: hidden;
        }
        .insta-pop-close {
            color: var(--white-color);
            cursor: pointer;
            position: absolute;
            right: 0.5rem;
            top: 0.5rem;
            font-size: 2rem;
            font-weight: lighter;
            z-index: 1;
        }
    }
    
    /* Smartphones (portrait) ----------- */
    @media only screen and (max-width : 320px) {
        .insta-feed > .insta-images-wrapper {
            /*margin: 2px;*/
            overflow: hidden;
            float: left;
            width: calc((100% / 1)) !important;
            aspect-ratio: 3 / 4;
        }
        .insta-feed .insta-images > a{
            width: 100%;
            aspect-ratio: 1 / 1;
        }
        .insta-pop-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: var(--white-color);
            width: 90%;
        }
        .insta-pop-content > .media.video-js{
            width: 100%;
        }
        .insta-carousel {
            width: 100%;
            float: left;
            position: relative;
            overflow: hidden;
        }
        .insta-pop-close {
            color: var(--white-color);
            cursor: pointer;
            position: absolute;
            right: 0.5rem;
            top: 0.5rem;
            font-size: 2rem;
            font-weight: lighter;
            z-index: 1;
        }
    }

    /* Desktops and laptops ----------- */
    @media only screen  and (min-width : 1224px) {
        .media.video-js {
            margin: 0 0px 5px;
        }
        .insta-feed{
            text-align: center;
        }
        .insta-feed > .insta-images-wrapper {
            /*margin: 2px;*/
            overflow: hidden;
            float: left;
            width: calc((100% / 3)) !important;
            aspect-ratio: 3/4;
        }
        .insta__carousel{
            padding-top: calc(100% / 6 + 6px);
        }

        .video-js .vjs-big-play-button {
            font-size: 3em;
            line-height: 1.5em;
            height: 1.5em;
            width: 3em;
            position: absolute;
            top: 50%;
            left: 50%;
            padding: 0;
            cursor: pointer;
            opacity: 1;
            border: .06666em solid var(--white-color);
            background-color: #2b333f;
            background-color: rgba(43,51,63,.7);
            border-radius: .3em;
            transition: all .4s;
            transform: translate(-50%,-50%);
        }
        .insta-feed .insta-images{
            position:relative;
            width: 100%;
            height: 100%;
        }
        .insta-feed .insta-images > a{
            width:100%;
            display: block;
            position:relative;
            height: 100%;
            background-size: cover;
            background-position: center;
        }
        .insta-feed .insta-images > a{
            color:var(--white-color);text-shadow:0 0 20px #000000;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
        }
        .insta-feed .insta-images:hover > a{
            opacity: 0.5;
        }
        .insta-feed .insta-images > .fa{
            position: absolute;
            top: 1rem;
            right: 1rem;
            z-index: 1;
            color: var(--white-color);
            font-size: 24px;
            text-shadow: 0 0 20px #000000;
        }
        .insta-pop{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 9999;
            display:none;
        }
        .bg-layer{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
        }
        .insta-pop-content{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: var(--white-color);
        
        }
        
        .insta-pop .insta-pop-content > img{
            float:left;
            width: 53vh;
        }
        .insta-pop-content-description{
            padding:1rem 2rem;
            float: left;
            text-align: left;
            width: 300px;
        }
        .insta-pop-content-description > img{
            border-radius: 50%;
            width: 32px; 
        }
        
        .insta-pop-content > .media.video-js{
            float: left;
            margin: 0;
        }
        .insta-post-desc{
            margin:1rem;
        }
        .insta-carousel {
            width: 53vh;
            float: left;
            position: relative;
            overflow: hidden;
        }
        .insta-carousel  img, .insta-carousel  video {
            float: left;
            width: 53vh;
        }
        .insta-pop-close{
            color: #777;
            cursor:pointer;
            position: absolute;
            right: 0.5rem;
            top: 0.5rem;
            font-size: 2rem;
            font-weight: lighter;
        }
        .insta-carousel > i.fa-chevron-left {
            left: 1rem;
        }
        .insta-carousel > i.fa-chevron-right {
            right: 1rem;
        }
        .insta-carousel > i {
            position: absolute;
            top: 50%;
            transform: translate(0%,-50%);
            font-size: 3rem;
            color: var(--white-color);
            cursor:pointer;
            text-shadow: 0 0 20px #000;
        }
        .insta-carousel > i:hover{
            opacity:0.6;
        }
        
        .insta-images .insta-count{
            position: absolute;
            top: 50%;
            left: 50%;
            color: var(--white-color);
            font-size: 2rem;
            text-shadow: 0 0 20px #000;
            transform: translate(-50%,-50%);
        }
        
    }
    @media only screen  and (min-width : 768px) {
        .media.video-js {
            margin: 0 0px 5px;
        }
        .insta-feed{
            text-align: center;
        }
        .insta-feed > .insta-images-wrapper {
            /*margin: 2px;*/
            overflow: hidden;
            float: left;
            width: calc((100% / 3)) !important;
            aspect-ratio: 3 / 4;
        }
        .insta__carousel{
            padding-top: calc(100% / 6 + 6px);
        }
        .video-js .vjs-big-play-button {
            font-size: 3em;
            line-height: 1.5em;
            height: 1.5em;
            width: 3em;
            position: absolute;
            top: 50%;
            left: 50%;
            padding: 0;
            cursor: pointer;
            opacity: 1;
            border: .06666em solid var(--white-color);
            background-color: #2b333f;
            background-color: rgba(43,51,63,.7);
            border-radius: .3em;
            transition: all .4s;
            transform: translate(-50%,-50%);
        }
        .insta-feed .insta-images{
            position:relative;
                    width: 100%;
        height: 100%;
        }
        .insta-feed .insta-images > a{
            width:100%;
            display: block;
            position:relative;
            height: 100%;
            background-size:cover;background-position:center;
        }
        .insta-feed .insta-images > a{
            color:var(--white-color);text-shadow:0 0 20px #000000;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
        }
        .insta-feed .insta-images:hover > a{
            opacity: 0.5;
        }
        .insta-feed .insta-images > .fa{
            position: absolute;
            top: 1rem;
            right: 1rem;
            z-index: 1;
            color: var(--white-color);
            font-size: 24px;
            text-shadow: 0 0 20px #000000;
        }
        .insta-pop{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 9999;
            display:none;
        }
        .bg-layer{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
        }
        .insta-pop-content{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: var(--white-color);
            width:calc(53vh + 300px);
        }
        
        .insta-pop .insta-pop-content > img{
            float:left;
            width: 53vh;
        }
        .insta-pop-content-description{
            padding:1rem 2rem;
            float: left;
            text-align: left;
            width: 300px;
        }
        .insta-pop-content-description > img{
            border-radius: 50%;
            width: 32px; 
        }
        
        .insta-pop-content > .media.video-js{
            float: left;
            margin: 0;
        }
        .insta-post-desc{
            margin:1rem;
        }
        .insta-carousel {
            width: 53vh;
            float: left;
            position: relative;
            overflow: hidden;
        }
        .insta-carousel  img, .insta-carousel  video {
            float: left;
            width: 53vh;
        }
        .insta-pop-close{
            color: #777;
            cursor:pointer;
            position: absolute;
            right: 0.5rem;
            top: 0.5rem;
            font-size: 2rem;
            font-weight: lighter;
        }
        .insta-carousel > i.fa-chevron-left {
            left: 1rem;
        }
        .insta-carousel > i.fa-chevron-right {
            right: 1rem;
        }
        .insta-carousel > i {
            position: absolute;
            top: 50%;
            transform: translate(0%,-50%);
            font-size: 3rem;
            color: var(--white-color);
            cursor:pointer;
            text-shadow: 0 0 20px #000;
        }
        .insta-carousel > i:hover{
            opacity:0.6;
        }
        
        .insta-images .insta-count{
            position: absolute;
            top: 50%;
            left: 50%;
            color: var(--white-color);
            font-size: 2rem;
            text-shadow: 0 0 20px #000;
            transform: translate(-50%,-50%);
        }
        .insta-pop-content>.media.video-js {
            width: 53vh;
            height: 53vh;
        }
        
    }
    /* Large screens ----------- */
    @media only screen  and (min-width : 1824px) {
        .media.video-js {
            margin: 0 0px 5px;
        }
        .insta-feed{
            text-align: center;
        }
        .insta-feed > .insta-images-wrapper {
            /*margin: 2px;*/
            overflow: hidden;
            float: left;
            width: calc((100% / 3)) !important;
            aspect-ratio: 3 / 4;
        }
        .video-js .vjs-big-play-button {
            font-size: 3em;
            line-height: 1.5em;
            height: 1.5em;
            width: 3em;
            position: absolute;
            top: 50%;
            left: 50%;
            padding: 0;
            cursor: pointer;
            opacity: 1;
            border: .06666em solid var(--white-color);
            background-color: #2b333f;
            background-color: rgba(43,51,63,.7);
            border-radius: .3em;
            transition: all .4s;
            transform: translate(-50%,-50%);
        }
        .insta-feed .insta-images{
            position:relative;
                    width: 100%;
        height: 100%;
        }
        .insta-feed .insta-images > a{
            width:100%;
            display: block;
            position:relative;
            height: 100%;
            background-size:cover;background-position:center;
        }
        .insta-feed .insta-images > a{
            color:var(--white-color);text-shadow:0 0 20px #000000;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
        }
        .insta-feed .insta-images:hover > a{
            opacity: 0.5;
        }
        .insta-feed .insta-images > .fa{
            position: absolute;
            top: 1rem;
            right: 1rem;
            z-index: 1;
            color: var(--white-color);
            font-size: 24px;
            text-shadow: 0 0 20px #000000;
        }
        .insta-pop{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 9999;
            display:none;
        }
        .bg-layer{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
        }
        .insta-pop-content{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: var(--white-color);
            width:calc(53vh + 300px);
        
        }
        
        .insta-pop .insta-pop-content > img{
            float:left;
            width: 53vh;
        }
        .insta-pop-content-description{
            padding:1rem 2rem;
            float: left;
            text-align: left;
            width: 300px;
        }
        .insta-pop-content-description > img{
            border-radius: 50%;
            width: 32px; 
        }
        
        .insta-pop-content > .media.video-js{
            float: left;
            margin: 0;
        }
        .insta-post-desc{
            margin:1rem;
        }
        .insta-carousel {
            width: 53vh;
            float: left;
            position: relative;
            overflow: hidden;
        }
        .insta-carousel  img, .insta-carousel  video {
            float: left;
            width: 53vh;
        }
        .insta-pop-close{
            color: #777;
            cursor:pointer;
            position: absolute;
            right: 0.5rem;
            top: 0.5rem;
            font-size: 2rem;
            font-weight: lighter;
        }
        .insta-carousel > i.fa-chevron-left {
            left: 1rem;
        }
        .insta-carousel > i.fa-chevron-right {
            right: 1rem;
        }
        .insta-carousel > i {
            position: absolute;
            top: 50%;
            transform: translate(0%,-50%);
            font-size: 3rem;
            color: var(--white-color);
            cursor:pointer;
            text-shadow: 0 0 20px #000;
        }
        .insta-carousel > i:hover{
            opacity:0.6;
        }
        
        .insta-images .insta-count{
            position: absolute;
            top: 50%;
            left: 50%;
            color: var(--white-color);
            font-size: 2rem;
            text-shadow: 0 0 20px #000;
            transform: translate(-50%,-50%);
        }
        .insta-pop-content>.media.video-js {
            width: 53vh;
            height:53vh;
        }
        
    }
    .insta-pop-content .button{
        color:#f43156;
    }
    
    .insta-pop-link{
        position: absolute;
        bottom: 1rem;
        right: 1rem;
    }

.scrollTop {
    background-color: var(--color-gold);
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 999;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0;
    transform: translateX(100px);
    pointer-events: none;
    transition: all 0.4s ease;
}

.scrollTop.show {
    opacity: 0.7;
    transform: translateX(0);
    pointer-events: auto;
}

.scrollTop.show:hover {
    opacity: 1;

}

.scrollTop i {
    font-size: 14px;
}


.box {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.boxRowMenu {
    align-items: baseline;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 25px;
    margin-left: 0px;
    min-height: auto !important;
}

.col.text-italic.menu-sub-content.mt-1 {
    flex-basis: 100%;
    font-size: 15px;
    color: rgb(153, 153, 153);
    text-align: justify;
}


.nav {
    top: 13%;
    right: 10rem;
    z-index: 10;
}

.nav .nav-restaurant{
    background-color: var(--color-gold);
    font-size: 11px;
    padding: 10px 20px 10px 20px;
    border-radius: 50px;
    gap: 50%;
    margin-right: 30px;
    z-index: 45;
}

.btn-burger i{
    font-size: 24px;
    transition: all 0.3s ease-in-out;
}

.btn-burger{
    display: block;
    top: 13%;
    left: 8%;
    z-index: 79;
}


.btn-mobile-resto{
    display: block;
    position: absolute;
    top: 13%;
    right: 8%;
    z-index: 80;
    /* width: 10% !important; */
    justify-content: center  !important;
}

.nav .nav-ordinary{
    display: none;
}

.dropdown-menu.show{
    transform: translate(-30px, -4px);
}

.nav .links-nav a {
    color: #ffffff;
}

.nav .links-nav:hover a{
    color:#f8f9fa;
}
.dropdown-toggle::after {
    display: none;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border-top: none;
    border-right: none;
    border-bottom: 0;
    border-left: none;
}

.dropdown-menu{
    opacity: 1;
    pointer-events: all;
}

.city{
    font-size: 12px;
    color: var(--color-gray);
}

.nav .nav-restaurant:hover{
    background-color: var(--color-gold-dark);
}

.nav a:hover{
    background-color: inherit;
    color: inherit;
}

.dropdown-menu {
    position: absolute;
    inset: 0px 11px auto auto !important;
    top: -1rem !important;
    transition: all 0.25s ease-in-out !important;
    transition-delay: 250ms !important;
    left: -1rem;
    z-index: 2;
    white-space: nowrap;
    float: left;
    min-width: 10rem;
    padding: 1.75rem 7rem 1.75rem 2rem;
    margin: 0.125rem 0 0;
    font-size: 0.95rem;
    line-height: 1;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 2px solid #f8f9fa;
    border-radius: 0.25rem;
}

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nav .dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}

.nav .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    animation: fadeDown 0.4s ease forwards;
}

.dropdown-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    animation: fadeDown 0.4s ease forwards;
}


@media (min-width: 768px) {
    .nav {
        top: 13%;
        right: 6rem;
    }
    .btn-burger{
        display: none;
    }
    .nav .nav-ordinary{
        display: flex;
    }
    .btn-mobile-resto{
        display: none;
    }
    
}

@media (min-width: 576px){
    .menu-nav ul{
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .menu-nav {
        padding-top: 5.5rem !important;
    }
}

@media (min-width: 992px) {
    .nav {
        top: 13%;
        right: 8rem;
    }
}

@media (min-width: 1200px) {
    .nav {
        top: 13%;
        right:10rem;
    }
}

@media (max-width: 576px) {
    #restaurants .dropdown-item {
        font-size: 95%;
    }
    #restaurants{
        right: 8%;
        top: 0% !important;
        z-index: 79;
        width: 84%;
    }
}

.nav .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.nav .dropdown .dropdown-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.nav .dropdown:hover .dropdown-menu:hover {
    display: block;
    opacity: 1;
    visibility: visible;
}

#burgerMenu{
    z-index: 50;
    width: 100%;
}

.menu-nav {
    background-color: rgb(0, 0, 0, 0.7);
    padding-top: 5.5rem;
    height: auto;
    transition: all 0.25s ease-in-out !important;
}

.btn-resto {
    border-radius: 20px;
    padding: 5px 10px 5px 10px !important;

}

.list {
    border-radius: 0.25rem;
    padding-right: 1.5rem;
}

#restaurants{
    transform: translateY(3px);
}

.description-restaurant .context {
    position: relative;
}

.context-bg-image {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    object-fit: cover;
    object-position: top left;
}


.description-restaurant .context > h2,
.description-restaurant .context > .font-open {
    position: relative; 
    z-index: 2;
}

@media (max-width: 400px) {
    .mobile{
        right: 8%;
        top: 3% !important;
        gap: 1rem;
    }

    .btn-burger{
        display: block;
        top: 3%;
        left: 8%;
        z-index: 79;
    }
}



@media (max-width: 768px) {
    .mobile{
        right: 8%;
        top: 3%;
        gap: 1rem;
    }

    .nav-locale {
        z-index: 78;
    }

    .navbar-toggler{
        z-index: 80;
    }

    #restaurants{
        right: 8%;
        top: 0% !important;
        z-index: 79;
        width: 84%;
    }


}

.menu-nav li a {
    color: #ffffff !important;
}

.menu-nav li {
    padding-bottom: 1rem;
}

#menuBurger.collapsing{
    transition: all 0.25s ease-in-out !important;
}


#button-burger .ph.ph-list:before {
    content: "\E4F6"; /* Icone croix (X) */
}


#button-burger.collapsed .ph.ph-list:before {
    content: "\E2F0"; /* Icone burger (list) */
}
.titre-special{
    width: 100%;
    padding-top: 15rem;
}

@media (max-width: 800px) {
    .titre-special{
        padding-top: 9rem;
    }
}

.animated-borders.aos-animate > div {
    height: 100%;
    width: 100%;
}

.animated-border-top {
    border-top: 2px solid;
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    width: 0;
    transition: all 0.25s ease-in-out;
}

.animated-border-top.animated-double:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 5px;
    width: calc(100% + 8px);
    /* width: 2px; */
    border-top: 2px solid;
    transform: translateX(-50%);
}

.animated-border-left {
    border-left: 2px solid;
    position: absolute;
    bottom: 0;
    left: 0;
    /* width: 100%; */
    height: 0;
    transition: all 0.25s ease-in-out;
}

.animated-border-left.animated-double:after {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    height: calc(100% - 13px);
    /* width: 2px; */
    border-left: 2px solid;
    transform: translateY(-50%);
}

.animated-border-right {
    border-right: 2px solid;
    position: absolute;
    top: 0;
    right: 0;
    /* width: 100%; */
    height: 0;
    transition: all 0.25s ease-in-out;
}

.animated-border-right.animated-double:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    height: calc(100% - 13px);
    /* width: 2px; */
    border-right: 2px solid;
    transform: translateY(-50%);
}

.animated-border-bottom {
    border-bottom: 2px solid;
    position: absolute;
    bottom: 0;
    right: 0;
    /* width: 100%; */
    width: 0;
    transition: all 0.25s ease-in-out;
}

.animated-border-bottom.animated-double:after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 4px;
    width: calc(100% + 8px);
    /* width: 2px; */
    border-bottom: 2px solid;
    transform: translateX(50%);
}



.titre-special h2{
    padding-left: 3rem;
    padding-right: 3rem;
}

@media (min-width: 768px){
    .titre-special h2{
        padding-left: 0;
        padding-right: 0;
    }
}
/* Ajout du calque par-dessus l'image */
.choice-site .img-background.calque::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    z-index: 1; 
}

.choice-site .img-background img {
    position: relative;
    z-index: 0; 
    height: 100dvh;
}

.choice-site .img-background{
    position: fixed;
    width: 100vw;
    top: 0;
    left: 0;
    height: 100dvh;
    z-index: attr(data-index number, 0);
    object-fit: cover;
    opacity:0;
    transition: all 0.5s ease;
}
.choice-site .img-background[data-index="-1"]{
    opacity:1;
}


.choice-site .logo{
    /* max-width: 340px; */
    width: 40%;
    margin: auto;
    min-width: 250px;
}

.choice-site .description{
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    justify-self: center;
}

.choice-site a {
    z-index: 9;
}



.choice-site a:hover + .img-background{
    z-index: 0;
    opacity:1;
}


.choice-site .animate-center::after{
    transform-origin: bottom center;
}


.choice-site .bg{
    height: 50vh;
}
.choice-site:has(.animate-center:hover)  .animate-center::after {
    transform: scaleX(0);
    transition: transform 0.25s ease-out;
}

.choice-site .animate-center[data-index="-1"]::after {
    transform: scaleX(1);
    transition: transform 0.25s ease-out;
}
.choice-site .animate-center:hover::after {
    transform: scaleX(1)!important;
    transition: transform 0.25s ease-out;
}

.choice-site .animate-center::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    transition: transform 0.25s ease-out;
}

.choice-site .animate-center {
    display: inline-block;
    position: relative;
    width: auto;
}

.choice-site a{
    font-size: 30px !important;
    width: fit-content !important;
    
}

@media (min-width: 1200px) { 
    .choice-site .bg{
        height: 100vh;
    }
    /* .choice-site .description{
        top: 15rem;
    } */

}

@media (max-width : 768px){
    /* .choice-site .description{
        margin-top: 68%;
    } */
}


@media (min-width : 768px) and (max-width : 1200px){
    /* .choice-site .description{
        margin-top: 48%;
    } */
}

@media (max-height: 768px){
    .choice-site .logo{
        max-width: 30%;
    }
}
/* .slider-container{
    touch-action: pan-y;
} */
.animated-border-top.animated-double + p{
    padding-left: 30px;
    padding-right: 30px;
    color: black;
    margin: 0;
}

.slider-container i[class*='ph-arrow']{
    color: var(--gu-primary-color);
    font-weight: bold;
}

/* SLIDER HORIZON */ 
.slider-container[data-mode="horizon"] a{
    color: var(--gu-white-color);
}

.slider-container[data-mode="horizon"] button{
    padding-left: 75rem ;
    padding-top: 3rem ;
}


.slider-container[data-mode="horizon"] .slider-wrapper{
    left: 0.75rem;
    position: relative;
    height: 100%;
}

.slider-container[data-mode="horizon"]{
    position: relative;
    padding-bottom: 6rem;
    height: 600px;
}

.slider-container[data-mode="horizon"] .slider-item.slider-item-clone{
    left: -40rem;
    position: absolute;
}

.slider-container[data-mode="horizon"] .slider-item.slider-active .calque:before{
    background: rgba(0, 0, 0, 0.28);
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 20px 0;
}

.slider-container[data-mode="horizon"] .item-title{
    font-size: var(--gu-titre-h4);
}

.slider-container[data-mode="horizon"] .br{
    padding-right: 16rem;
}

.slider-container[data-mode="horizon"] .slider-item {
    flex: 0 0 auto;
    width: calc(12 / 12 * 100%);
    position: relative;
    overflow: hidden;
    transition: all 0.50s cubic-bezier(0.49, 0.35, 0.51, 0.71) 0.20s;  
    transform-origin: top left;
    height: 520px;
}

.slider-container[data-mode="horizon"] .slider-item.slider-active{
    flex: 0 0 auto;
    width: calc(12 / 12 * 100%);
    transition: all 0.50s cubic-bezier(0.49, 0.35, 0.51, 0.71) 0.35s;
    transform-origin: top right;
}

.slider-container[data-mode="horizon"] .item-div-img{
    border-top-left-radius: var(--gu-border-radius);
    border-bottom-right-radius: var(--gu-border-radius);
    overflow: hidden;
    height: 100%;


}

.slider-container[data-mode="horizon"] .slider-item.slider-active .item-div-img{
    position: relative;
    height: 100%;
    

}

.slider-container[data-mode="horizon"] .slider-item .item-img{
    border-top-left-radius: var(--gu-border-radius);
    border-bottom-right-radius: var(--gu-border-radius);
    object-fit: cover;
    width: 100%;
    height: 100%;
    /* transition: all 0.5s ease-in-out 0.5s; */
    object-position: center;
}

/* .slider-container[data-mode="horizon"] .slider-item.slider-active .item-img{
    width: 115%;
    height: 115%;
} */

.slider-container[data-mode="horizon"] .slider-item.slider-active .item-div-content{
    transition: all 0.5s ease-in-out 0.5s;
    opacity: 1;
    transform: translateY(0%);
    pointer-events: all;
}


.slider-container[data-mode="horizon"] .slider-item .item-div-content{
    opacity: 0;
    transform: translateY(20%);
    display: flex;
    border-top-left-radius: var(--gu-border-radius);
    border-bottom-right-radius: var(--gu-border-radius);
    flex-direction: column;
    align-items: start;
    padding-left: 3rem;
    position: absolute;
    top: 0;
    height: 100%;
    color: var(--gu-white-color);
    pointer-events: none;
    width: 75%;
    justify-content: end;
    padding-bottom: 3rem;
}


.slider-container[data-mode="horizon"] .slider-item .item-div-content{
    line-height: 1.85;
}



.slider-container[data-mode="horizon"] .item-link{
    text-align: center;
    border: 0.5px var(--gu-white-color) solid;
    border-top-left-radius: var(--gu-border-radius);
    border-bottom-right-radius: var(--gu-border-radius);
    font: var(--gu-heading-font);
    font-size: 24px;
    padding: 0.5rem 2rem 0.5rem  2rem;
    margin-top: 2rem;
}

.slider-container[data-mode="horizon"] .slider-controls{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 1rem;
    left: 60%;
    /* margin-left: calc(100% * 4/12); */
}



.slider-container[data-mode="horizon"] .btn-right,
.slider-container[data-mode="horizon"] .btn-left{
    background: transparent;
    border: 0.5px solid var(--gu-primary-color);
    padding: 1rem;
    border-top-left-radius: var(--gu-border-radius);
    border-bottom-right-radius: var(--gu-border-radius);
    
}

.slider-container[data-mode="horizon"] .btn-right{
    margin-left: 0.5rem;
}
/* SLIDER BAR */

.slider-container[data-mode="bar"] .scrollbar{
    height: 5px;
    width: 75rem;
    background-color: rgba(139,120,102, 0.3);
    position: relative;
    cursor:pointer;
}

.slider-container[data-mode="bar"] .btn-right,
.slider-container[data-mode="bar"] .btn-left{
    background-color: transparent;
}

.slider-container[data-mode="bar"] .progression{
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--gu-primary-color);
    transition: transform 0.4s ease-in-out;
}
.slider-container[data-mode="bar"] .slider-item{
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 0%;
    width: auto;
    height: 400px;
    max-width: 100vw;
}

.slider-container[data-mode="bar"] .slider-item .item-div-img{
    height: 100%;
    max-width: 100%;
}

.slider-container[data-mode="bar"] .scrollbar-content{
    position: absolute;
}

.slider-container[data-mode="bar"] i{
    display: flex;
    align-items: center;
    font-size: 24px;
}

.slider-container[data-mode="bar"] .slider-wrapper{
    transition: transform 0.4s ease-in-out;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    /* touch-action: pan-y; */
}

.slider-container[data-mode="bar"] .item-img{
    padding-right: 0.5rem;
        height:100%;
}


.slider-container[data-mode="bar"] .slider-controls{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* SLIDER DEFAULT */

.slider-container[data-mode="default"] .btn-right, 
.slider-container[data-mode="default"] .btn-left{
    border: 0.5px solid  var(--gu-primary-color);
    padding: 1rem;
    border-top-left-radius: var(--gu-border-radius);
    border-bottom-right-radius: var(--gu-border-radius);
    background: transparent;
    margin-left: 0.5rem;

}

.slider-container[data-mode="default"] {
    padding-left: 1rem;
    padding-right: 1rem;
    flex-wrap: wrap;
}

.slider-container[data-mode="default"] .item-link{
    padding-top: 1rem;
}

.slider-container[data-mode="default"] a{
    font: var(--gu-medium-font);
    text-decoration: underline;
}


.slider-container[data-mode="default"] .slider-item{
    flex: 0 0 auto;
    width: 100%;
}

.slider-container[data-mode="default"] .slider-controls{
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-top: 3rem;
    padding-bottom: 3rem; */
    /* width: 100%; */
}


.slider-container[data-mode="default"] .item-div-content{
    display: flex;
    flex-direction: column;
}

.slider-container[data-mode="default"] .item-img{
    border-top-left-radius: var(--gu-border-radius);
    border-bottom-right-radius: var(--gu-border-radius);
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
}

.slider-container[data-mode="default"] .item-recu{
    position: absolute;
    color: white;
    background-color: var(--color-gold);
    margin: 1rem;
    padding-inline: 0.5rem;
}
.slider-container[data-mode="default"] .item-recu > p {
    margin-bottom: 0;
}

.slider-container[data-mode="default"] .item-title{
    font: var(--gu-medium-font);
    font-size: 20px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    /* padding-bottom: 1rem;
    padding-top: 1rem; */
}

.slider-container[data-mode="default"][data-type="vertical"] .item-div-img{
    position: relative;
    height: 485px;
}

.slider-container[data-mode="default"][data-type="horizontal"] .item-div-img{
    position: relative;
    height: 250px;
}


.slider-container[data-mode="default"] .slider-wrapper{
    flex-wrap: wrap;
    /* touch-action: pan-y; */
}

.slider-container[data-mode="default"],
.slider-container[data-mode="horizon"] i{
    display: flex;
    align-items: center;
    font-size: var(--gu-sous-titre-h4);

}


.slider-container[data-mode="default"] .grabbing,
.slider-container[data-mode="horizon"] .grabbing,
.slider-container[data-mode="bar"] .grabbing{
    user-select: none;
    cursor: grabbing;
}

.slider-container[data-mode="default"]:not([data-navigation="false"]),
.slider-container[data-mode="horizon"]:not([data-navigation="false"]),
.slider-container[data-mode="bar"]:not([data-navigation="false"]){
    cursor: grab;
}


.slider-wrapper {
    /* transition: all 0.25s ease-in-out; */
    position: relative;
    /* touch-action: pan-y !important; */
}


@media (min-width:576px){

    .slider-container[data-mode="default"][data-type="vertical"] .item-div-img{
        position: relative;
        height: 485px;
    }

    .slider-container[data-mode="default"][data-type="horizontal"] .item-div-img{
        position: relative;
        height: 250px;
    }

    /* slider default */
    .slider-container[data-mode="default"] .slider-item{
        flex: 0 0 auto;
        width: 75%;
        /* touch-action: pan-y !important; */
    }

    .slider-container[data-mode="default"] {
        padding-left: 10%;
        padding-right: 10%;
        flex-wrap: wrap;
    }

    .slider-container[data-mode="horizon"] .slider-item {
        width: calc(10 / 12 * 100%);
        height: inherit;
    }
    
    .slider-container[data-mode="horizon"] .slider-item.slider-active{
        width: calc(10 / 12 * 100%);
    }

    .slider-container[data-mode="horizon"] .slider-item.slider-active .item-div-content{
        transform: translateY(0%) ;
    }

    .slider-container[data-mode="horizon"]{
        height: 550px;
    }

    .slider-container[data-mode="bar"] .slider-item{
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 0%;
    width: auto;
    height: 400px;
    }
}

@media (min-width: 768px){

     /* slider default */
    .slider-container[data-mode="default"] .slider-item{
        width: 50%;
    }

    .slider-container[data-mode="bar"] .item-img{
        height:100%;
    }


    .slider-container[data-mode="horizon"] .slider-item {
        width: calc(8 / 12 * 100%);
    }
    
    .slider-container[data-mode="horizon"] .slider-item.slider-active{
        width: calc(8 / 12 * 100%);
        height: 115%;

    }

    .slider-container[data-mode="horizon"] .slider-item.slider-active .item-div-content{
        transform: translateY(0%);
    }

    .slider-container[data-mode="horizon"] .slider-controls{
        left: 68%;
    }

}

@media (min-width: 992px){

     /* slider default */
    .slider-container[data-mode="default"] .slider-item{
        width: 42%;
    }
}

@media (min-width: 1200px){

     /* slider default */
    .slider-container[data-mode="default"] .slider-item{
        width: 35%;
    }

    .slider-container[data-mode="horizon"] .slider-item {
        width: calc(6 / 12 * 100%);
    }
    
    .slider-container[data-mode="horizon"] .slider-item.slider-active{
        width: calc(7 / 12 * 100%);
        height: 115%;

    }

    .slider-container[data-mode="horizon"] .slider-item.slider-active .item-div-content{
        transform: translateY(0%);
    }

    .slider-container[data-mode="horizon"] .slider-controls{
        left: calc(5 / 12 * 100% + 20rem);
    }
}

@media (min-width: 1400px){

     /* slider default */
    .slider-container[data-mode="default"] .slider-item{
        width: 33% !important;
    }

    .slider-container[data-mode="horizon"] .slider-wrapper{
        left: 20rem;
    }

    .slider-container[data-mode="horizon"] .slider-item {
        width: calc(4 / 12 * 100%);
    }
    
    .slider-container[data-mode="horizon"] .slider-item.slider-active{
        width: calc(5 / 12 * 100%);
        height: 115%;
    }

    .slider-container[data-mode="horizon"] .slider-item.slider-active .item-div-content{
        transform: translateY(0%) ;
    }
}

.slider-container[data-navigation="false"] .slider-controls {
    display: none !important; 
}
.slider-container[data-navigation="true"] .slider-controls {
    display: flex ; 
}

.slider-container[data-mode="default"] .item-date{
    margin: 0;
    font-size: 13px;
}

.recu-section-title {
    color: #666;
    font-size: 14px;
    letter-spacing: 1px;
}

.recu-event-item {
    background-color: #fafafa !important;
}

.recu-event-img-wrapper {
    width: 200px; 
    height: 200px; 
    overflow: hidden; 
    border: 1px solid #eee;
}

.recu-event-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.recu-event-icon-wrapper {
    width: 32px; 
    height: 32px; 
    color: #fff;
}

.recu-event-icon {
    font-size: 18px; 
    color: #555;
}

.recu-event-title {
    font-size: 20px; 
    font-weight: bold;
}

.recu-event-city {
    font-size: 14px;
}

.recu-event-freq {
    font-weight: bold; 
    font-size: 16px;
}

.recu-event-date {
    font-size: 16px;
}

.month-label {
    list-style: none;
    justify-content: start;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.month-item {
    border: 1px solid var(--color-gold);
    border-radius: 25px;
    padding: 0.5rem 1.5rem;
    cursor: pointer;
    background-color: transparent;
    color: var(--color-gold);
    transition: all 0.3s ease;
    font-weight: 500;
}

.month-item:hover,
.month-item.active {
    background-color: var(--color-gold);
    color: white;
}