@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
:root {
    --primary: #BDAA7C;
    --secondary: #ffffff;
    --tertiary: #A8C553;
    --font1: "Inter", sans-serif;
    --font2: "Lora", system-ui;
}

body{color: black; line-height: 1.6; font-family: var(--font1); font-weight: 300;   }
.font1 {font-family: var(--font1) ;font-optical-sizing: auto;font-style: normal;}
.font2 {font-family: var(--font2); font-optical-sizing: auto; font-style: normal;}

.navbar-dark .navbar-nav .nav-link{color: white;}
.navbar-light .navbar-nav .nav-link{color: black;}

.btn-primary, .bg-primary{background-color: var(--primary) !important; border-color: var(--primary); text-align: center; color:white !important;}
.btn-primary:hover{color:var(--primary) !important;border-color: var(--primary); background-color: white !important; }
.btn-primary .nav-link {color:white !important;}
.btn-primary:hover .nav-link {color:var(--primary) !important;}

.btn-outline-primary {background-color: white !important; border: 1px solid var(--primary); text-align: center; color:var(--primary) !important;}
.btn-outline-primary:hover {background-color: var(--primary) !important; border: 1px solid var(--primary); text-align: center; color:white !important;}
.btn-outline-primary .nav-link {color:var(--primary) !important;}
.btn-outline-primary:hover .nav-link {color:white !important;}

#topheader2{top:0;z-index: 1020;position: fixed !important; }
/*.background-topheader2{background: linear-gradient(180deg, rgba(106,106,106,0.85) 0%, rgba(106,106,106,0) 100%); }*/
/*.background-pano{background: rgba(106,106,106,0.85) }*/

.text-primary {color: var(--primary) !important;}
.text-dark {color: black !important;}
.text-green {color:  var(--tiertiary) !important;}

.border-primary{border-color: var(--primary) !important;}
.border-left-nav{border-left: 1px solid var(--primary) !important;}

.picto-index{width:65px; z-index:10}

.bg-sand {background-color: #FBF8EA;} 
.bg-green {background-color: var(--tertiary) !important;}

.pWithoutMargin p {margin:0}
.glass-effect{background-color: #ffffff3d; border-radius: 15px; border: 1px solid #ffffff47;backdrop-filter: blur(var(--glass, 4px));}

a:hover{text-decoration: none;}


h1, h2, h3 {font-family: var(--font2); font-weight: bold}
.pb-6, .py-6 {padding-bottom: 4rem !important;}
.pb-7, .py-7 {padding-bottom: 5.5rem !important;}
.pb-8, .py-8 {padding-bottom: 7rem !important;}

.bg-light-grey{background-color: #585f69 !important;}

.border-green{border: 2px solid #72c02c; }
.border-about-us{border-right: 1px solid #72c02c}

.btn{padding: .375rem 3.2rem; font-weight:300; }
.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 .2rem rgba(189, 170, 124, 0.5);}
.height-0{height: unset !important;}

.carousel-label {position: absolute;z-index: 1050;color: white; bottom:0;text-align:left;width: 100%;padding: 15px;background-color: #000000c4;margin-bottom: 0;text-align:center;font-size:115%}
.cursor {cursor:pointer}

.dropdown-item.active, .dropdown-item:active { background-color: #72c02c;}
.dropdown-menu{padding:0}

.footer1, .footer1 h4{color: #dadada;background: #585f69;}
.footer2{font-size: 12px;background: #3e4753;border-top: solid 1px #777;}
#footerTab .nav-item .nav-link {width:100% !important; background: linear-gradient(180deg, rgba(106,106,106,1) 0%, rgba(106,106,106,0) 69%);; text-align: center; border:none; color:white !important;}

.form-control {height: calc(2.5em + .75rem + 2px);}
.form-control:focus {border-color: #ced4da;box-shadow: 0 0 0 .2rem rgb(233, 233, 234,0.5);}


.fs70{font-size:70%}
.fs80{font-size:80%}
.fs100{font-size:100%}
.fs120{font-size:120%}
.fs150{font-size:150%}
.fs180{font-size:180%}

/*.headline {display: block;margin: 10px 0 25px 0;border-bottom: 1px dotted #e4e9f0; }*/

/*.headline h1,.headline h2, .headline h3, .headline h4 {margin: 0 0 -2px 0;    padding: 5px 25px;    display: inline-block;    border-bottom: 2px solid #72c02c;}*/

.line-height-2{line-height: 2rem;} 

.page-link, .page-link:hover{color: #72c02c}
.page-item.active .page-link{background-color: #72c02c;border-color: #72c02c;}


.pictosocial{width:35px;}
.picto-service img{opacity: 0.8 !important; transition: opacity 1s;}
.picto-service{color:white !important; border: 1px solid transparent !important;}
/*.picto-service img:hover{opacity: 0.5 !important; transition: opacity 1s;} */

.navbar .has-megamenu{position:static!important;}
.navbar .megamenu{left:0; right:0; width:100%; padding:20px;background-color: #ffffffeb !important; border: none; border-radius: 0;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color:#72c02c;}


.ui-widget-header {border: 1px solid #dddddd;}

    
    
#scrolltop {position: fixed;bottom: 15px;right: 15px;z-index: 1030;}

#v-pills-tab{z-index:1000;}

input[type="radio"] {
    /* ...existing styles */
    display: grid;
    place-content: center;
}

input[type="radio"]::before {
    background-color: var(--primary);
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: scale(0);
    transition: 1ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    border: 1px solid #ced4da;
}

input[type="radio"]:checked::before {
    transform: scale(1);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(189, 170, 124,.5);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    border-color: var(--primary) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(189, 170, 124,.5);
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    border-color: var(--primary) !important;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.05;
    transition: .5s ease;
    background-color: #000000;
}

.overlay-serviceMenuVip {left: 0px;width: calc(100% - 0px);}
.overlay-service1 {left: 15px;width: calc(100% - 15px);}
.overlay-service2 {left: 15px;width: calc(100% - 30px);}
.overlay-service3 {right: 15px;width: calc(100% - 15px);}

.divOverlay:hover .overlay {
    opacity: 0.30;
}


@media screen and (max-width:768px){
    .dropdown-menu{border:0}
    .border-about-us{border-bottom: 1px solid #72c02c; border-right: none;}
    .border-left-nav{border-left: none !important;}
    .picto-index{display: none;}
    .detailimg{display: none;}

    .overlay {left: 15px !important;width: calc(100% - 30px) !important;}
   

    
}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: fixed;
        width: 100% !important;
        left: 0;
        top: 70px;
    }


}

@media (min-width: 1200px) {
    .container { max-width: 1300px;}
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-7px);
    }
}