/*
Theme Name: Lithium Marketing
Author: Lithium Marketing
Requires at least: 5.3
Tested up to: 6.2.2
Requires PHP: 7.0
Version: 2.0
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    position: relative;
    word-wrap: break-word;
}

/*************   banner v3    *********/
.lm_banner_2 {
    padding-top: 200px;
    padding-bottom: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}

.lm_banner_if {
    margin-top: -63px;
    z-index: -1;
}

.lm-banner h1 {
    font-size: 70px;
    font-weight: 500;
}

.lm-banner h6 {
    font-size: 42px;
    color: #fff;
    font-weight: lighter;
}

.lm-breadcrumbs-wraper {
    display: none;
}

.lm_banner_2  .icon_horaire img{max-width:180px;}

.thumb_planche{max-width:620px;margin-left:auto;margin-right:auto;}

/**********   header    ************/
body .bg-grey{
    background-color: #EDEDED;
    color: #797979;
}
header .social-header a:hover svg{
    height: 30px;
}
.lm-banner-wimage{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.hr_mes {
    margin-top: -67px;
    margin-bottom: -67px;
}

.top-menu .lm_lang_switcher a {
    color: var(--main-color);
    border: 1px solid #B49869;
    font-size: 14px;
    padding: 4px 3px 3px;
}

.top-menu .footer-phone {
    color: var(--main-color);
    font-size: 25px;
    font-weight: 300;
}

.lm_lang_switcher li {
    display: flex;
    align-items: center;
}

.header_booking {
    background-color: #797979;
    padding: 15px 18px;
    border: 3px solid #FFFFFF;
    position: relative;
    bottom: -35px;
}
.header_booking:hover{
    background-color: var(--header-social-color-svg-hover, #797979);
}
.header_booking .btn-link{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.social-header svg {
    fill: var(--header-social-color-svg);
    height: 30px;
}

.header_booking h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
    color: #fff;
}

.header_booking span {
    font-size: 10px;
    font-weight: 100;
    color: #ffffffb5;
}

.header_booking svg {
    fill: #fff;
    height: 40px;
}

#main-navbar a {
    font-size: 18px;
    text-transform: capitalize;
    color: #797979;
    font-weight: 300;
}
header #main-navbar > ul > li > a {
    margin-left: 1.5rem;
}
#main-navbar > ul > li:first-child > a{
    margin-left: 0;
}
.ze-logo {
    height: auto;
    display: block;
    transition: all 0.5s;
    max-width: 100%;
}


body.is-sticky-mode #header .box-logo img{
	height:auto!important;
}

/**********   Footer    ************/
.copyright span {
    color: #797979;
    font-size: 14px;
    font-weight: 500;
}
#footer .copyright-conception{
    display: none !important;
}
#footer .copyright a {
    font-weight: 400;
}
.footer-contact-us .footer-title,
.coordonnees .footer-title {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
}
#footer .logo_footer img{
    max-width: 150px;
}
#footer .copyright ul a{
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    text-decoration: underline;
}
#footer .copyright .lm-menu-separator{
    display: none;
}
#footer .copyright .container > div{
    padding-right: 15px;
}
.footer-contact {
    padding-top: 1.2rem;
}
#footer .copyright ul{
    margin: 0;
    gap: 30px;
}
#footer {
    background: url('images/bg-footer-min.png') no-repeat right center;
    background-color: var(--footer-bg-color);
}

.footer-6 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}

#footer ul a {
    color: #797979;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    padding: 15px 12px;
}

#footer .row-contact h6 {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

#footer .row-contact span,
.coordonnees p,
#footer p {
    font-size: 15px;
    font-weight: 100;
    line-height: 23px;
    color: #fff;
}

#footer hr {
    border: 1.5px solid #fff;
    opacity: 0.4;
    color: #fff
}

.menu-footer-1 ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 1rem 0;
    margin: 0;
}


/****************     banner   **********************/
.section_3_restaurant{
    padding-top: 300px;
    padding-bottom: 300px;
    background-repeat: no-repeat;
    background-size: cover;

}
.section_3_restaurant_espace{
    height: 300px;
    background-color: #EDEDED ;
}

.slideshow .slideItem .slideItem-content {
    color: #fff;
    padding-top: 350px;
    padding-bottom: 650px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}
.slideshow .bloc-social .container-md > div{
    margin-top: -141px;
    position: relative;
}
.slideshow .home_social_logo {
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 15px;
    font-size: 16px;
    
}
.slideshow .lm-slider .slick-dots-wraper {
    position: relative;
    z-index: 2;
}
.home_social_logo .social-header {
    list-style-type: none;
}

.home_social_logo .social-header svg,
.home_social_logo .social-header svg:hover {
    fill: #fff;
    height: 30px;
}

.home_social_logo .social-header span {
    font-size: 50px;
    font-weight: 100;
}




/*******************   partner    *******************/
.partner_content {
    background-color: var(--main-color);
}
.prefooter img{
    max-width: 200px;
    max-height: 150px;
}
body .text-white{
    color: #fff;
}
.partner_content div {
    gap: 20px;
}

.logged-in #main-contenu {
    min-height: 30vh;
}

.product_album {
    padding: 200px 0;
    background-color: #000;
}
.product_album::before,
.product_album::after{
    content: '';
    display: block;
    width: 100%;
    height: 170px;
    background: url('images/bloc-pattern-2.svg') no-repeat top center #000;
    background-size: cover;
    top: 0;
    left: 0;
    position: absolute;
}
.product_album::after{
    bottom: 0;
    top: auto;
}
.product_album h2 {
    color: #ffff;
    font-weight: 300;
    font-size: 47px;
}

.product_album .item-page .thumb,
.section .thumb {
    height: 450px;
}
.product_album .item-page .thumb img,
.section .thumb img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all .3s;
}
.product_album .item-page .thumb:hover img,
.section .thumb:hover img,
.section .quoi_faire_card:hover img,
.section .quoi_faire_card2:hover img{
    transform: scale(1.05);
}
.product_album .card-body {
    padding: 30px 0;
}

.product_album .item-page h3,
.lm-post .section .title{
    font-size: 35px;
    font-weight: 500;
    line-height: 45px;
}

.product_album .item-page h3 span,
.section .listing-bedrooms h3 span,
.lm-post .section .title span,
.section .listing-pricing h3 span{
    font-weight: 300;
    display: block;
}

.product_album .item-page .text{
    font-size: 16px;
    color: #fff;
    line-height: 23px;
    max-width: 385px;
}

.product_album .item-page .button-i,
.section .link-btn{
    border: 1px solid var(--main-color-opacity);
    padding: 12px 25px;
    font-size: 15px;
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
}

.product_album .item-page .button-i:hover,
.section .link-btn:hover{
    border: 1px solid #fff;
    background-color: #ffff;
}

.product_album .item-page .button-a {
    background-color: var(--main-color);
    padding: 12px;
    font-size: 15px;
    color: #000000;
    text-transform: uppercase; 
    text-decoration: none;
}

.product_album .header .button-a:hover {

    background-color: #ffff;
}

.section2_page{
    padding: 50px 15px 230px;
    background-color: #EDEDED; 
    background-repeat: no-repeat;
    background-size: auto;
}
.section2_home,
.lm-post .content-single{
    background: url(images/bg-content.png) no-repeat left bottom #EDEDED;
    padding: 50px 15px 40px;
    background-repeat: no-repeat;
    background-size: auto;
}
.section2_content {
    text-align: center;
}
.section2_home h4, .section2_page h4,
.section .content .has-medium-font-size,
.section .content  h4 {
    color: #797979cf;
    font-size: 30px;
}

.section2_home h2, .section2_page h2,
.section .content h2,
.section-restau .content h2{
    color: #797979;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 1px;
    padding-bottom: 0;
    line-height: 60px;
}
 .section2_page .h1 {
    color: #000000;
    font-size: 70px;
    font-weight: 700;
    letter-spacing: 1px
}

.section2_home hr, 
.section2_page hr,
.section hr{
    width: 100px;
    border: 2.5px solid var(--main-color);
    opacity: 1;
    margin: 30px 0;
}

.section2_home div .bub,
.section2_page div .bub,
.section-restau .content p{
    color: #797979;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
}

.section2_home div .sub,
.section2_page div .sub
    {
    color: #797979cf;
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 20px;
    line-height: 27px;
}

.section3_note {
    background-color: #EAEAEA;
    color: #000000;
    text-align: center;
}
.section3_note div {
    font-size: 32px;
}
.section3_note strong,
.section3_note span{
    font-weight: 700;
    color: #000000;
    display: inline-block;
    padding: 0 5px;
}

.quoi_faire_box .quoi_faire_box_col {

    padding-right: 0;
}
.quoi_faire_box_content{
    gap:25px;
}
.section4_quoi_faire h2 {
    color: #797979;
    font-weight: 400;
    font-size: 50px;
}

.quoi_faire_card {
    height: 372px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.section .quoi_faire_card a,
.section .quoi_faire_card2 a,
.section .quoi_faire_card img,
.section .quoi_faire_card2 img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all .3s;
}
.section .quoi_faire_card a,
.section .quoi_faire_card2 a{
    z-index: 1;
    display: block;
}
.quoi_faire_title {
    background-color: rgba(0,0,0,0.71);
    height: 122px;
    width: 100%;
    padding: 15px 20px;
    position: relative;
}

.quoi_faire_title h5 {
    color: #fff;
    font-size: 30px; 
}
.quoi_faire_card3 h4 {
    color: #797979;
    font-weight: 300;
    font-size: 36px
}

.quoi_faire_card2 {
    height: 80%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.quoi_faire_card3 .button-quoi-faire {
    background-color: var(--main-color);
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    text-decoration: none;
}

.quoi_faire_card3 .button-quoi-faire:hover {
    color: #ffffff;
    background-color: #000000;
}


/**** carrousel ******/
.slit_carrousel{
    position: relative;
}
.slider_home .image_slide {
    background-color: #000000;
    display: flex;
    align-items: center;
    padding: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.slider_home  div.slick-active .image_slide {
    -webkit-animation: myMove 8s 1 ease-in-out;
    -moz-animation: myMove 8s 1 ease-in-out;
    -o-animation: myMove 8s 1 ease-in-out;
    -ms-animation: myMove 8s 1 ease-in-out;
    animation: myMove 8s 1 ease-in-out;
  }
@keyframes myMove {
    from { transform: scale(1.0,1.0); transform-origin: 50% 50%; }
    to { transform: scale(1.1,1.1); transform-origin: 50% 0%; }
}
@-webkit-keyframes myMove {
    from { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 50% 50%; }
    to { -webkit-transform: scale(1.1,1.1); -webkit-transform-origin: 50% 0%;  }
}
@-o-keyframes myMove {
    from { -o-transform: scale(1.0,1.0); -o-transform-origin: 50% 50%; }
    to { -o-transform: scale(1.1,1.1); -o-transform-origin: 50% 0%;  }
}
@-moz-keyframes myMove {
    from { -moz-transform: scale(1.0,1.0); -moz-transform-origin: 50% 50%; }
    to { -moz-transform: scale(1.1,1.1); -moz-transform-origin: 50% 0%; }
}
@-ms-keyframes myMove {
    from { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 50% 50%; }
    to { -ms-transform: scale(1.1,1.1); -ms-transform-origin: 50% 0%; }
}
.slideshow .slideItem {
    flex: 0 0 100%;
}
.slider_home{
   
    padding-top: 60px;
}

.slider_home .image_slide::before {
    content: "";
    background: var(--overlay-noir-50, rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /* z-index: 5; */
}

.slider_home h1,
.slider_home h2{
    color: #ffff;
    font-size: 115px;
    font-weight: 300;
    position: relative;
    line-height: 115px;
    font-style: italic;
}
.slider_home .slogan{
    max-width: 700px;
}
.slider_home .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
}

.slider_home .slick-dots li {
    margin: 0 0.25rem;
}

.slider_home .slick-dots button {
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #797979;

    text-indent: -9999px;
}

.slider_home .slick-dots li.slick-active button {
    background-color: #a8a8a8;
    
border: 2px solid #000;
}


/*****    pricing  *******/
.pricing-container{ 
    max-width: 90%;
   }
.pricing_plan {
    background-color: #EAEAEA;
    min-height: 500px;
}

.pricing_plan .resume {
    color: #797979;
    font-weight: 500;
}

.pricing_plan .resume ul li {
    font-size: 20px;
    padding: 8px 20px;
    text-align: start!important;
    line-height: 23px;
}
.pricing_plan .resume ul li span {
    font-weight: 300;
    font-style: italic;
}
 

.pricing_plan .resume .forfait {
    font-size: 20px;
    line-height: 45px;
}

.pricing_plan .resume p {
    font-size: 16px; 
}

.pricing_plan .resume h3 {
    color: #797979;
    font-weight: 600;
    font-size: 48px;
    line-height: 53px;
    text-transform: capitalize;
}

.pricing_plan .resume h3 span{
    font-weight: 300;  
}

.pricing_plan .resume .valid {
    display: flex;

}

.pricing_price {
    background-color: #D5D5D5;
    padding: 30px;
    font-size: 30px;
    color: #fff;
    font-weight: lighter;
    position: absolute;
    top: 0;
    right: 0;
}

.pricing_plan .resume .valid a {
    background-color: var(--main-color);
    padding: 20px 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    text-transform: capitalize;
}

.pricing_plan .resume .valid a:hover {
    border: 1px solid #000000;
    background-color: #000000;
}

.pricing_plan .resume .valid span {
    padding: 15px 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;

}
/******************** Gallery box ***************/
 
.gallery_box
{
    position: relative;
    top: -200px;
}

.gallery_box .card img {
    height: 350px;
}


/******************** divers ***************/
.divers_box {
 margin-top: -100px;
}

.divers_box .title {
   padding: 0 30px 50px 20px;
   /* max-width: 1000px; */
}
.divers_box h4 {
    font-size: 36px;
    color: #797979;
    font-weight: 300;
}

.divers_box_content{
    width: 100%;
}

.divers_box_content .divers_1 li{
   font-size: 16px;
   padding: 5px 20px;
}
.divers_box_content .divers_2 div{
    padding-top: 120px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
    background-size: cover;
}
.divers_box_content .divers_1{
    background-color: #000;
    color: #ffff;
    padding: 20px;
    width: 30%;
}
.divers_box_content .divers_2{

    width: 20%; 
    padding: 0 2px ;
}
.divers_box_content .divers_3{

    padding-top: 20px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30%;
}
/****** Hebergement *******/
.section .features .icon-feature{
    width: 100px;
    height: 100px;
    background-color: #B49869;
    border-radius: 50%;
}
.section .list-features{
    list-style-type: none;
    margin: 0;
    padding: 0 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.section .list-features li,
.section .listing-pricing .pricing_plan  li,
.section-description-forfaits .description-forfaits ul li{
    display: block;
    flex: 0 0 33.33%;
    margin-bottom: 20px;
    position: relative;
    padding: 0 15px 0 30px;
    font-size: 22px;
}
.section .list-features li::before,
.section .listing-pricing .pricing_plan  li::before,
.lmc-jobs .lm-tabs-content ul li::before,
.section-description-forfaits .description-forfaits ul li::before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #B49869;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 5px;
}
.section .listing-bedrooms h3,
.section .listing-pricing h3{
    font-size: 48px;
    line-height: 54px;
    color: #6F6F6F;
}
@media(min-width: 768px){
    .section .listing-bedrooms h3,
    .section .listing-pricing h3{
        margin-top:60px;
    }
}
.section .listing-bedrooms .text{
    font-size: 26px;
    color: #6F6F6F;
}
#main-contenu .section .listing-bedrooms .text {
    min-height: 60px;
}
.section .link-btn{
    color: #4C585C;
    border-color: #4C585C;
}
.section .link-btn:hover{
    color: var(--main-color);
    border-color: var(--main-color);;
}
.section .listing-bedrooms{
    margin-top: -15rem;
}
.section .title-serv{
    display: block;
    font-size: 36px;
    line-height: 55px;
    color: #797979;
    font-weight: 300;
}
.section .title-serv em{
    font-weight: 500;
}
.section-servgal .list-features,
.section .listing-pricing .pricing_plan ul,
.section-description-forfaits .description-forfaits ul{
    padding: 0;
}
.section-servgal .list-features,
.section-servgal .list-features li,
.section .listing-pricing .pricing_plan li,
.section .listing-pricing .pricing_plan  ul,
.section-description-forfaits .description-forfaits ul,
.section-description-forfaits .description-forfaits ul li{
    display: block;
    width: 100%;
    flex: 0 0 100%;
    font-weight: 400;
    font-size: 22px;
    color: #797979;
}
.section .galery_thumbs{
    flex-wrap: wrap;
    gap: 5px;
}
.section .galery_thumbs div:first-child{
    flex: 0 0 33%;
}
.section .galery_thumbs div:nth-child(2){
    flex: 0 0 66%;
}
.section .galery_thumbs div:nth-child(3){
    flex: 0 0 49%;
}
.section .galery_thumbs div:nth-child(4){
    flex: 0 0 15%;
}
.section .galery_thumbs div:nth-child(5){
    flex: 0 0 34.5%;
}
.section .galery_thumbs div:nth-child(3),
.section .galery_thumbs div:nth-child(4),
.section .galery_thumbs div:nth-child(5){
    height: 345px;
}
.section .galery_thumbs div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section .div_title {
    justify-content: space-between;
    align-items: center;
}
.section .div_title a{
    background-color: #B49869;
    color: #000;
    display: inline-block;
    padding: 12px 20px;
    text-decoration: none;
}
.section .div_title a:hover{
    background-color: #fff;
    text-transform: none;
}
/****** Chambre *******/
body.scroll-down #header, 
body.scroll-up #header {
    background-color: #fff;
}
.lm-post .single-features{
    margin-top: -7rem;
}
div.lm_banner_if {
    margin-top: -10px;
    z-index: -1;
}
div.lm-banner-v1{
    max-height: 320px;
}
.single-chambre .lm-banner-v1{
    align-items: flex-start;
}
.lm-post  .single-features span{
    display: block;
    font-size: 22px;
    line-height: 32px;
    color: #797979;
    font-weight: 400;
}
.lm-post  .single-features span.value{
    font-weight: 500;
}
.lm-post .single-gallery,
.single-gallery{
    margin-top: -10rem;
}
.lm-post .pictures-bedroom{
    padding: 0 15px;
}

.single-gallery .slick-arrow{
    top: 48%;
    position: absolute;
    left: -30px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    color: #B49869;
    text-align: center;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-gallery .slick-arrow:hover{
    background-color: #B49869;
    color: #fff;
}
.single-gallery .slick-arrow svg{
    fill: #B49869;
    width: 14px;
}
.single-gallery .slick-arrow:hover svg{
    fill: #fff;
}
.single-gallery .slick-next{
    right: -30px;
    left: auto;
}
.single-gallery  .item-picture div{
    height: 330px;
}
.single-gallery  .item-picture div img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.lm-post .section .list-features li{
    flex: 0 0 50%;
    
}
.lm-post .section-other-bedrooms  .item-bedroom h3,
.section .listing-pricing h3{
    font-weight: 300;
}
.lm-post .section-other-bedrooms  .item-bedroom h3 span,
.section .listing-pricing h3 span{
    font-weight: 500;
}
.lm-post .section .listing-pages .resume{
    color: #797979;
    font-size: 22px;
    line-height: 32px;
    max-width: 525px;
}
.section .listing-pricing .thumb {
    height: 100%;
    overflow: hidden;
}
.section .listing-pricing .pricing_plan,
.lmc-contenu{
    position: relative;
    color: #797979;
}
.section .listing-pricing .pricing_plan .pricing_price{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #D5D5D5;
    padding: 32px 40px;
    font-size: 40px;
    font-weight: 100;
    color: #fff;
    display: inline-block;
}
.section .listing-pricing .pricing_plan p{
    text-transform: uppercase;
}

.section .listing-pricing .pricing_plan a,
.section-restau .btn-group a,
.single-features-2 .btn-link,
.block-card-link .btn-link{
    background-color: #B49869;
    display: inline-block;
    padding: 17px 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    border: 1px solid transparent;
}
.section .listing-pricing{
    padding: 0 15px;
}
.section .listing-pricing .pricing_plan a:hover,
.section-restau .btn-group a:hover,
.single-features-2 .btn-link:hover,
.block-card-link .btn-link:hover{
    background-color: #fff;
    color: #B49869;
}
.single-features-2 .btn-link:hover{
    border: 1px solid #B49869;
}
.section .listing-pricing .short-text,
.section .listing-pricing  .period{
    font-size: 16px;
}
.section .container-small{
    max-width: 500px;
    margin: 0 auto;
}
.section-restau .period{
    display: block;
    border: 1px solid var(--main-color);
    color: #B49869;
    padding: 15px 25px;
}
.section-restau .btn-group a{
    text-align: center;
    min-width: 110px;
}
.section-restau .btn-group a:nth-child(2){
    min-width: 180px;
}
.section-restau .content h4{
    margin: 2rem 0 3rem;
}
.section-thumbs-f .thumbs-features {
    justify-content: space-between;
    position: relative;
}
.section-thumbs-f .thumbs-features::before {
    content: '';
    display: block;
    height: 100%;
    width: calc(30% - 0.5rem);
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 0;
}
.section-thumbs-f .thumbs-features ul li{
    color: #fff;
    padding-right: 0;
    font-weight: 400;
}
.section-thumbs-f .thumbs-features > div{
    width: 30%;
    height: 400px;
    position: relative;
}
.section-thumbs-f .thumbs-features > div:nth-child(2),
.section-thumbs-f .thumbs-features > div:nth-child(3){
    width: 20%;
}
.section-thumbs-f .thumbs-features > div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section .listing-pricing .pricing_plan a{
    flex: 0 0 210px;
    text-align: center;
}
/****** megamenu *******/
.submenu-rooms .listing-bedrooms .resume{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    background-color: rgba(26, 24, 24, 0.7);
    flex-direction: column;
    color: #fff;
    transition: all .3s ease-in-out;
}
.submenu-rooms .listing-bedrooms .resume img{
    max-width: 49px;
}
.submenu-rooms .listing-bedrooms .resume h3{
    font-weight: 300;
    font-size: 30px;
    line-height: 35px;
}
.submenu-rooms .listing-bedrooms .resume h3 span{
    display: block;
    font-weight: 500;
}
.submenu-rooms .listing-bedrooms  .submenu-link {
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.submenu-rooms .listing-bedrooms .item-bedroom .number-bed{
    display: none;
}
.submenu-rooms .listing-bedrooms .item-bedroom:hover .resume{
    height: auto;
}
.submenu-rooms .listing-bedrooms .item-bedroom:hover .number-bed{
    display: flex;
}

#submenu-rooms {
    display: none;
    position: absolute;
    left: 0;
    top: 174px;
    width: 100%;
    z-index: 15;
}
#submenu-rooms .listing-bedrooms{
    min-height: 300px;
}
.home #submenu-rooms .listing-bedrooms{
    height: 620px;
}
#submenu-rooms .listing-bedrooms img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobile .box-hamb-open{
    left: -1rem;
}
/****** Commandite *******/ 
.section .gform_heading .gform_required_legend{
    display: none;
}
.section .gfield--no-description,
.section  .gform_wrapper.gravity-theme .field_description_above {
    margin-bottom: 15px;
}
.section .gfield--no-description h2{
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 500;
}
.section .gform_wrapper.gravity-theme .field_sublabel_above .ginput_complex{
    width: 100%;
}
.section .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
    flex-basis: auto;
}
.section .gfield_checkbox .gchoice {
    margin-bottom: 15px;
}
.section .gform_wrapper.gravity-theme .ginput_container_address {
    margin-left: 0;
    margin-right: 0;
}
.gform_wrapper.gravity-theme .ginput_container_address span:first-child{
    padding: 0;
}
.gform_wrapper.gravity-theme .ginput_container_address span.address_zip {
    padding-right: 0;
}
.gform_wrapper.gravity-theme .ginput_container_address span:nth-child(2){
    padding-left: 0;
}
.section .gform_confirmation_message{
    text-align: center;
    font-weight: 500;
    font-size: 24px;
}
.section  .gform_wrapper.gravity-theme input, 
.section  .gform_wrapper.gravity-theme select, 
.section  .gform_wrapper.gravity-theme textarea {
    border-color: #EDEDED;
}
.section .gform_wrapper.gravity-theme .gform_footer button{
    max-width: 200px;
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: 20px;
}
.page-template-template-boutique .lm_banner_2{
	position: relative;
}
.lm_banner_2 .icon_horaire{
	position: absolute;
	width: 100%;
	bottom: 0;
}
.slides-shop .slide{
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
}
.slides-shop .slide:before{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(26, 24, 24, 0.49);
	top: 0;
	left: 0;
}
.slides-shop .slide .slide-text{
	font-weight: 300;
	font-size: 30px;
	line-height: 46px;
	color: #fff;
}
.slides-shop .slick-dots{
	list-style: none;
	position: absolute;
	left: 0;
	bottom: 50px;
	display: flex;
	justify-content: center;
	width: 100%;
	gap: 13px;
}
.slides-shop .slick-dots li button{
	margin: 0;
	background: none;
	font-size: 0;
	background-color: #fff;
	width: 26px;
	height: 26px;
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	border: none;
}
.slides-shop .slick-dots .slick-active button{
	background-color: #BA9761;
}
.section-slide-shop,
.section-products,
.section-description-forfaits,
.notre-mission,
.lmc-jobs{
	background-color: #EDEDED;
}
.section-products .product-item,
.section-description-forfaits .description-forfaits{
	background-color: #fff;
}
.section-products .product-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-products .product-item:nth-child(even) .row{
	flex-direction: row-reverse;
}
.section-products:after{
	position: absolute;
	content:'';
	display:block;
	background-color: #fff;
	height: 20rem;
	width: 100%;
	z-index: 1;
	bottom: 0;
	left: 0;
}
.section-products > div{
	z-index: 2;
}
.section-products .product-content,
.section-description-forfaits{
	color: #797979;
	font-weight: 300;
}
.section-products .product-content p strong,
.section-description-forfaits  strong{
	font-weight: 500;
}
.section-products .product-content h2,
.section-description-forfaits h2{
	font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 500;
}
.section .block-card-link a{
	text-decoration: none;
}
.section-forfaits-affaires .period{
	font-weight: 500;
	font-size: 16px;
}
.section-forfaits-affaires .listing-pricing h3{
	max-width: 500px;
	font-size: 45px;
    line-height: 54px;
    margin-top:60px;
}
.section .listing-pricing .pricing_plan li strong,
.section-forfaits-affaires .text-message p{
	font-weight: 500;
}
.section-forfaits-affaires img,
.description-forfaits img{
	width: 100%;
	object-fit: cover;
}
.lmc-section-title,
.lmc-section-user-title{
	color: #6F6F6F;
}
.lmc-benefice-content,
.jobs-content,
.grid-icones-texte .lmc-icon-text{
	color: #797979;
}
.les-benefices div.lmc-contenu {
    padding-left: 0;
}
.grid-icones-texte .lmc-icon-img-svg{
	background-color: rgb(180, 152, 105);
	max-width: 165px;
    width: 100%;
    margin-bottom: .7rem;
	width: 165px;
    height: 165px;
    color: #fff;
    font-size: 9rem;
    box-sizing: border-box;
    font-weight: 100;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}
.opportunites-emplois h3{
	font-weight: 300;
}
.lmc-jobs .jobs-content {
    padding: 0 50px 50px 50px;
}
.lmc-jobs .candidature-spon button {
    width: 100%;
    background: none;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0px;
    line-height: 65px;
    position: relative;
    display: flex;
    text-transform: uppercase;
}
.candidature-spon button span {
    font-size: 0.9rem;
    color: #ffffff;
    background-color: rgb(180, 152, 105);
    letter-spacing: 2px;
    margin-right: 1px;
}
.lmc-jobs .jobs-list .lm-tabs .job-name, 
.lmc-jobs .lm-tabs-content h3, 
.jobs-content .desc-title {
    font-size: 1.2rem;
	color: rgb(180, 152, 105);
}
.lmc-jobs .jobs-list .lm-tabs {
    text-decoration: none;
}
.open-form-carriere span {
    flex: 1 1 65px;
}
.lmc-jobs .candidature-spon .spon-icon{
    background-color: rgb(180, 152, 105);
    width: 65px;
    height: 65px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    font-size: 1.5rem;
	max-width: 65px;
}
.lmc-jobs .candidature-spon .spon-icon svg{
	color: #ffffff;
	width: 20px;
	height: 20px;
	fill: #fff;
}
.lmc-jobs .jobs-content .jobName {
    font-size: 3rem;
    font-weight: 300;
    display: block;
}
.lmc-jobs .jobs-content .descEtShares {
    border: none;
}
.lmc-jobs .lm-tabs-content ul li{
	font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 0rem;
	position: relative;
    padding: 0 15px 0 30px;
	margin-bottom: 15px;
}
.lmc-jobs .lm-tabs-content ul li::marker {
	display: none;
	font-size: 0;
}
div.lmc-jobs {
    padding-left: 0;
    padding-right: 0;
}
.lmc-jobs .opportunites-emplois {
    padding: 0 1rem;
}
.page-template-lmc-template-1 #lmc-jobs{
	padding-bottom: 0;
}
/****** media Query *******/

@media screen and (min-width: 1900px) {
    .section .banner-thumb img{
        height: 800px;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}
@media screen and (min-width: 1024px) {
    body:not(.mobile) #main-navbar > ul .menu-item-has-children span,
    body:not(.mobile) #main-navbar > ul .menu-item-has-children ul,
    body:not(.mobile) #main-navbar ul li:hover > .sub-menu{
        display: none;
    }
    #footer .copyright .container > div{
        width: 33.33%;
    }
    .section2_content {
        max-width: 1150px;
    }
    .quoi_faire_box_col:last-child .quoi_faire_title{
        padding: 15px 30px;
    }
}

@media screen and (max-width: 991px) {
    .slider_home h1 {
        font-size: 80px;
        line-height: 80px;
    }
    /* .pricing-container{ 
        max-width: 80%;
       } */
    #footer ul a{
        padding: 8px;
    }
    .product_album {
        padding: 270px 0 250px;
    }
    #footer img{
        margin: 0 auto;
    }
    .footer-contact {
        padding-top: 0;
    }
    #footer .col-lg-1{
        display: none;
    }
    #footer .menu-footer-1{
        padding-bottom: 0;
    }
    #footer .coordonnees img{
        margin-bottom: 1.5rem;
    }
    .section-thumbs-f .thumbs-features {
        flex-wrap: wrap;
    }
    .section-thumbs-f .thumbs-features > div,
    .section-thumbs-f .thumbs-features::before,
    .section-thumbs-f .thumbs-features > div:nth-child(2), 
    .section-thumbs-f .thumbs-features > div:nth-child(3){
        width: calc(50% - 0.5rem);
    }
    body .container-md{
        max-width: 100%;
    }
    .top-menu .footer-phone{
        display: none;
    }
    #header{
        /*padding-right: 1rem;*/
    }
    div.lm-banner-v1{
        height: auto;
        max-height: auto;
    }
    div.lm-banner-v1 {
        height: 60vh;
        max-height: 400px;
    }
    .single-gallery{
        padding: 0 30px;
    }
    .single-gallery .slick-arrow {
        top: 29%;
    }
    .section-servgal .list-features, .section-servgal .list-features li, 
    .section .listing-pricing .pricing_plan li, .section .listing-pricing .pricing_plan ul{
        text-align: left;
        font-size: 18px;
    }
    .section .listing-pricing .pricing_plan li {
        padding-right: 0;
    }
    .lm_banner_2 {
        padding-top: 150px;
        padding-bottom: 150px;
        background-position: top center;
    }
    .slider_home h1, 
    .slider_home h2 {
        font-size: 65px;
        line-height: 65px;
    }
    .section .features .icons-features{
        flex-wrap: wrap;
    }
    .section .gform_wrapper.gravity-theme .gfield input, 
    .section .gform_wrapper.gravity-theme .gfield select,
    .section .gform_wrapper.gravity-theme .gfield textarea{
        text-align: left;
    }
    .section .listing-bedrooms .text {
        font-size: 24px;
    }
    .section .galery_thumbs {
        gap: 4px;
    }
	.section .listing-pricing .pricing_plan .pricing_price{
		padding: 25px 35px;
    	font-size: 35px;
	}
	.section-forfaits-affaires .listing-pricing h3{
		max-width: 100%;
		font-size: 40px;
		line-height: 50px;
		margin-top: 50px;
	}
	.all-jobs .jobs-content {
        display: none;
        margin-left: 0;
    }
	.all-jobs .jobs-list {
		width: 100%;
        flex-shrink: 0;
        height: auto;
        padding-bottom: 0;
    }
	.lmc-jobs .jobs-content {
        padding: 0 30px 30px;
    }
	.page-template-lmc-template-1 #main-contenu > * {
        flex: 0 0 100%;
    }
	#lmc-jobs .all-jobs.showJob div.jobs-content {
		display: block;
        padding: 0;
		transform: translateX(-100%);
    }
	#lmc-jobs .btn-postuler {
        width: auto; 
    }
	
}


@media screen and (max-width: 768px) {
   
    .slider_home .image_slide {
        height: 300px;  
    }
    .pricing_plan .image{
        min-height: 300px;
    }
    .pricing-container{ 
        max-width: 80%;
    }

    .product_album .card-body .text {
        padding: 0;
    }

    .hr_mes {
        margin:  0 !important;
    }

    .divers_box_content .divers_1{
        width: 50%;
    }
    .divers_box_content .divers_2{ 
        width: 50%;  
    }
    .divers_box_content .divers_3{

        width: 50%;
    }
    header .header_booking {
        /*display: none !important;*/
    }
    header .col-menu {
        padding-right: 0 !important;
    }
    .lm-banner h1 {
        font-size: 50px;
        line-height: 55px;
    }
    .lm-banner h6 {
        font-size: 30px;
    }
    div.lm-banner-v1 {
        height: 40vh;
    }
    .section-restau .btn-group{
        flex-direction: column;
        gap: 15px;
    }
    .section2_home h2, .section2_page h2,
     .section .content h2, .section-restau .content h2 {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 40px;
    }
    .section-restau .content h4 {
        margin: 1rem 0 1rem;
    }
    .section2_home h4, .section2_page h4, 
    .section .content .has-medium-font-size, .section .content h4 {
        font-size: 25px;
    }
    .single-gallery .item-picture div {
        height: 250px;
    }
    .section .title-serv {
        font-size: 26px;
        line-height: 35px;
    }
    .thumbs-features::before, .section-thumbs-f .thumbs-features > div:nth-child(2), 
    .section-thumbs-f .thumbs-features > div, .section-thumbs-f .thumbs-features::before, 
    .section-thumbs-f .thumbs-features > div:nth-child(2), 
    .section-thumbs-f .thumbs-features > div, .section-thumbs-f .thumbs-features::before, 
    .section-thumbs-f .thumbs-features > div:nth-child(2), .section-thumbs-f .thumbs-features > div:nth-child(3){
        width: 100%;
    }
    .section-thumbs-f .thumbs-features::before {
        height: 35%;
    }
    .section .list-features li{
        text-align: left;
    }
    .section-thumbs-f .thumbs-features > div{
        height: auto;
    }
    .section-thumbs-f .thumbs-features > div.col-thumb{
        height: 250px;
    }
    .product_album::before, 
    .product_album::after{
        height: 90px;
    }
    .product_album {
        padding: 100px 0 100px;
    }
    .section .div_title {
        flex-direction: column;
        padding-bottom: 30px;
    }
    .product_album h2 {
        font-size: 35px;
    }
    .product_album .item-page .thumb, .section .thumb {
        height: auto;
    }
    .section-thumbs-f .list-features{
        padding: 15px;
    }
    .section .listing-bedrooms h3, 
    .section .listing-pricing h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .section .bloc-book{
        flex-direction: column;
    }
    .lm_banner_2 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .single .single-features .d-flex{
        flex-direction: column;
        gap: 10px;
    }
    .lm-post .single-features {
        margin-top: 0;
    }
    .single div.lm-banner-v1 {
        height: 30vh;
    }
    .section .list-features{
        padding-left: 0;
    }
    .lm-post .section .list-features li {
        flex: 0 0 100%;
    }
    .lm-post .single-gallery, .single-gallery {
        margin-top: -5rem;
        margin-bottom: 3rem;
    }
    .slider_home h1, 
    .slider_home h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .bloc-social{
        display: none;
    }
    .slider_home {
        padding-top: 10px;
    }
    .slider_home .slick-dots{
        width: 100%;
        left: 0;
        justify-content: center;
    }
    .section2_home, .lm-post .content-single{
        padding: 30px 0 20px;
    }
    .section4_quoi_faire h2 {
        font-size: 30px;
        padding-bottom: 30px;
    }
    .quoi_faire_card2 {
        height: 300px;
    }
    .section .list-features li{
        width: 100%;
        padding-right: 0;
        flex: 0 0 100%;
    }
    #main-contenu .section .listing-bedrooms {
        margin-top: -5rem;
    }
    .section .listing-bedrooms .col-12 {
        padding-bottom: 0;
    }
    .section .galery_thumbs div:first-child,
    .section .galery_thumbs div:nth-child(2){
        flex: 0 0 100%;
    }
    .section .galery_thumbs div:nth-child(3), .section .galery_thumbs div:nth-child(4), 
    .section .galery_thumbs div:nth-child(5) {
        height: 250px;
        flex: 0 0 100%;
    }
    .section .listing-pricing .pricing_plan a{
        flex: 0 0 100%;
    }
    #main-contenu .section .listing-bedrooms .text {
        min-height: 30px;
    }
    .section .galery_thumbs {
        gap: 10px;
    }
    .partner_content div {
        gap: 30px;
        flex-wrap: wrap;
    }
	.lm_banner_2  .icon_horaire img{
		max-width: 120px;
		margin: 0 auto;
	}
	.section-products .product-content h2, 
	.section-description-forfaits h2 {
    	font-size: 2rem;
		line-height: 3rem;
	}
	.section-description-forfaits .description-forfaits ul li{
		text-align: left;
		font-size: 1rem;
        line-height: 1.5rem
	}
}
@media screen and (max-width: 572px) {
    header .header_booking {
        width:100%;
        max-width:100%;
    }
}
@media screen and (max-width: 540px) {
    .divers_box_content .divers_1{
        width: 100%;
    }
    .divers_box_content .divers_2{ 
        width: 100%;  
    }
    .divers_box_content .divers_3{

        width: 100%;
    }
    .lm-banner h1 {
        font-size: 40px;
        line-height: 45px;
    }
}

.gform_wrapper.gravity-theme .ginput_container_date input{width:100%!important;}

.single-chambre .lm-post .single-features .item-feature{min-width:33.333%;}
.section .listing-pricing .pricing_plan a{flex:0 0 auto;}