@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Bold.woff2') format('woff2'),
    url('../fonts/Oswald-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Regular.woff2') format('woff2'),
    url('../fonts/Oswald-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Bold.woff2') format('woff2'),
    url('../fonts/Manrope-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.woff2') format('woff2'),
    url('../fonts/Manrope-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@keyframes Up {
  0% {
    transform: translateY(55%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes Down {
  0% {
    transform: translateY(-55%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes Left {
  0% {
    transform: translateX(55%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes Right {
  0% {
    transform: translateX(-55%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

:root{
  --bs-body-color:#403a3a;
  --bs-body-bg:#fff;
  --bs-primary-color:#639d10;
  --bs-secondary-bg:#e9b535;
  --bs-tertiary-color:#639d10;
  --tertiary-color:#121212;
  --bs-tertiary-bg:#000000;
  --dark-color:#000;
  --light-color:#002c72;
  --bs-btn-padding-x:12px;
  --bs-btn-padding-y:7px;
  --border-color:#dedede;
  --bs-nav-link-color:#000000;
  --bs-nav-link-color-second:#000000;
  --bs-body-font-family:'Manrope';
  --bs-titles-font-family:'Oswald';
  --bs-body-font-weight:400;
  --bs-body-line-height:1.6em;
  --bs-body-font-size:16px;
  --bs-nav-link-font-size:1em;
  --bs-nav-link-font-weight:700;
  --bs-nav-link-padding-y:10px;
  --bs-nav-link-padding-x:5px;
  --bs-navbar-nav-link-padding-x:5px;
  --bs-dropdown-zindex:99;
  --bs-dropdown-min-width:200px;
  --bs-dropdown-padding-x:20px;
  --bs-dropdown-padding-y:15px;
  --bs-dropdown-font-size:1em;
  --bs-dropdown-padding-y:5px;
  --bs-dropdown-font-size:1em
}

@keyframes Up {
  0% {
    transform: translateY(55%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes Down {
  0% {
    transform: translateY(-55%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes Left {
  0% {
    transform: translateX(55%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes Right {
  0% {
    transform: translateX(-55%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

hr {
  border-color: #000000 !important;
}

a {
  color: var(--bs-primary-color);
  transition: all .4s;
  outline: none;
}

a:active,a:hover,a:focus{color:black;text-decoration:none}
hr{border-color:var(--bs-gray-400)}
.image-left{margin:0 35px 30px 0!important;float:left!important; border-radius: 15px;}
.image-right {
  margin: 0 0 30px 35px !important;
  float: right !important;
  border-radius: 15px;
}
.btn-primary{background:var(--bs-primary-color);border-color:var(--bs-primary-color)}
.btn-primary:hover {
  background: black;
  border-color: var(--bs-primary-color);
}
span.phone-responsive{display:none}
span.phone {
  white-space: nowrap;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: var(--bs-titles-font-family);
  font-weight: 400;
  text-transform: uppercase;
  animation: 2.5s Up;
}
h2, h4, h6 {
  color: black;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 22px;
}
h6 {
  font-size: 20px;
}
.box-light {
  padding: 15px 15px 5px;
  background: #3887ca33;
  margin-bottom: 15px;
  display: table;
  font-size: 21px;
  line-height: 27px;
}
section.banner {
  padding:  0;
  min-height: 650px;
  background: var(--dark-color);
}
.box-first {
  padding: 40px; /* standaard, bv. voor mobiel */
  margin: 0 0 20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  animation: 2.5s Up;
  border-radius: 10px;
}

.btn-cookies-pos {
  font-size: 18px;
  line-height: 26px;
}


.image-right, .image-left {
  /* padding: 5px; */
  /* border: 1px solid #000; */
}
.modal-dialog-scrollable .modal-body {

  text-align: left;
}
.homepage section.banner {
  height: 750px;
}

section.banner #myVideo {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.slide{position:absolute;left:0;top:0;bottom:0;right:0;opacity:1;transition:filter .4s}
section.banner .carousel-inner .carousel-caption {
  display: none !important;
}
.carousel img{height:100%;object-fit:cover}
.slide-box-message {
  color: var(--bs-body-bg);
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  width: 100%;
  /* background: #00000059;*/
  padding: 25px 0 50px;

}
.slide-box-message h2 {
  font-size: 55px;
  text-transform: uppercase;
  margin: 0 0 30px;
  color: white;
  font-weight: 400;
  text-shadow: 0 0 5px rgba(0,0,0,0.6), 0 0 5px rgba(0,0,0,0.6), 0 0 5px rgba(0,0,0,0.6);
}
.slide-box-message h2 span {
  font-size: 25px;
  text-transform: initial;
  font-family: var(--bs-body-font-family);
}

header.sticky-top.sticky.sticky-appear .navbar-brand {
  /* display: none;*/
  max-width: 112px;
}
header.sticky-top.sticky.sticky-appear {
  height: auto;
  box-shadow: 0 0 10px black;
  position: fixed;
}header.sticky-top.sticky.sticky-appear div#navbarNav {
  margin: 1px 0 3px;
}header.sticky-top.sticky .sticky-appear div#navbarNav {
  margin: 0 auto;
}
.homepage .wrapper {
  text-align: left;
  padding: 73px 0 75px;
}
.slide-box-message .slogan{letter-spacing:.05em;font-size:1.7em}
.slide-box-message .name{
  font-size:4.4em;
  font-weight:300;
  font-family:var(--bs-titles-font-family)
}
.slide-box-message .name a{
  font-family:var(--bs-titles-font-family);
  color:var(--bs-body-bg);
  text-decoration:none
}
.slide-box-message .name a strong{
  font-weight:600;
  color:var(--bs-primary-color)
}
section.banner.contact .slide-box-message p a{
  display:none
}
.slide-box-message p a {
  position: relative;
  font-size: 18px;
  line-height: 1.1em;
  letter-spacing: 0;
  padding: 12px 15px;
  font-weight: 400;
  display: inline-block;
  border-radius: 5px;
  margin: 0 10px;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  background: linear-gradient(to top, var(--bs-body-bg) 0%, var(--bs-body-bg) 50%, white 50%, white 100%);
  background-size: 100% 201%;
  background-position: 0 100%;
  transition: background 400ms ease-in-out;
  background: var(--bs-primary-color);
  border:2px solid white;
}
.slide-box-message p a:hover {
  background-position: 0 0;
  /* color: var(--bs-primary-color); */
  transition: 0.3s all;
  transform: scale(0.9);
}
.box-first .contactForm h3.contact-field{
  display:none}

.box-first .contactForm .contact-field-item{
  margin:0 0 20px;
  position:relative;
  display:block;
  padding:0;
  margin-bottom:20px;
  width:50%;
  float:left;
  clear:none}

.box-first .contactForm .contact-field-item:nth-child(even){
  padding-right:10px}

.box-first .contactForm .contact-field-item:nth-child(odd){
  padding-left:10px}

.box-first .form-control{
  font-weight: 400;
  line-height: 2em;
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  border: 1px solid rgb(0 0 0 / 40%);
  padding: 5px 11px;
  transition: border-color .4s, color .4s;
  border-radius: 0;
}
.box-first .overviewStepConfirm .form-check {
  margin: 10px 0 0;
}
.box-first .contactForm .contact-field-item.fullwidth{
  width:100%;
  padding:0;
  float:none;
  clear:both}

.box-first .form-control::placeholder{
  color:var(--bs-body-color)!important}
section.boxes.box03.box-form {
  padding: 0 0 80px;
}
.box-first .form-control {
  font-weight: 400;
  line-height: 2em;
  color: var(--dark-color);
  background: white;
  border: 1px solid rgb(0 0 0 / 40%);
  padding: 5px 11px;
  transition: border-color .4s, color .4s;
  border-radius: 0;
}

.box-first .contact-col .containerOpening .openingDay::after{
  content:': '}

.box-first .gdpr.form-check{
  text-align:left;
  margin:0 0 10px}

.box-first .contactForm .contact-field-item textarea {
  height: 267px;
}
.box-first .contactForm .contact-submit {
  float: right;
}
.box-first .guestbook-form  .contactForm .contact-submit .btn-primary{
}
.box-first .contactForm .contact-submit .btn-primary {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color:white;
  text-transform: uppercase;
  padding: 10px 30px;
  background: none;
  background: var(--bs-primary-color);
  box-shadow: none;
  transition: background .4s, box-shadow .4s;
  margin: 0;
  border-radius: 10px;
  letter-spacing: .1em;
  position: relative;
  bottom: 51px;
}
section.boxes.box03.box-form .photo-box:before {
  width: 130px;
  height: 330px;
  background-size: contain;
  left: -90px;
}
.box-first .contactForm .contact-submit .btn-primary:hover{
  background:white;
  color:var(--dark-color)
}
.social-box a {
  font-size: 22px;
  margin-right: 4px;
}
.social-box a.WhatsApp-contact {
  margin-left: 10px;
}
.social-box a:hover {
  color: white;
}
.social-box a.WhatsApp-contact:before {
  content: "\f232";
  font-family: 'Font Awesome 6 Brands';
}
.box-first .contactForm .gdpr_policy label{
  font-weight:400}
.scrolldown {
  left: 50%;
  bottom: 241px;
  transform: translateX(-50%);
  color: white;
  text-decoration: none;
  transition: color .4s;
  z-index: 1;
}
section.banner .scrolldown:hover{color:var(--bs-primary-color)}
.carousel-inner,.carousel-item{height:100%}
header.sticky-top {
  padding: 10px 0;
  background: var(--tertiary-color);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.sticky-top .navbar-brand{font-size:2.2em;font-family:var(--bs-titles-font-family);max-width: 200px;}
.sticky-top .navbar-brand strong{font-weight:600;color:var(--bs-primary-color)}
.navbar-nav{margin-right:0!important;margin-left:auto}
.boxes div[class*="box"] .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
.boxes div[class*="box"] .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}
a.nav-link {
  text-transform: none;
  line-height: 2em;
  font-weight: 700;
  border-radius: 5px;
  transition: background .4s,color .4s;
  color: white;
  padding: 6px 20px !important;
  font-size: 17px;
  text-transform: uppercase;
}
li.nav-item {    padding: 0 3px;}
/*.sticky-top .navbar-brand {    margin: -13px 0 0;}*/
header.sticky-top {
  height: 160px;
  animation: 1.5s Down;
}
/*div#navbarNav {    margin: 0px 106px 0px;}*/
.navbar-nav > li > .nav-link:hover, .navbar-nav > .selected > .nav-link {
  background: var(--bs-primary-color);
  color: white;
}
.dropdown-toggle::after{content:'\f078';font-family:"Font Awesome 6 Pro";border-top:0 solid;font-size:10px;padding:2px 0 0 7px;font-weight:900;-webkit-text-stroke:1px var(--bs-nav-link-color)}
li.nav-item:hover .dropdown-toggle::after,.selected .dropdown-toggle::after{color:var(--bs-body-bg);-webkit-text-stroke:1px #000}
.dropdown-item{position:absolute;right:0;top:10px;z-index:999;cursor:pointer}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:100%;left:50%;transform:translateX(-50%);z-index:99;min-width:200px;background:var(--border-color);text-align:center;margin-top:0;padding:2px}
li.nav-item.dropdown > a{padding-right:20px!important}
.dropdown-menu li.nav-item{padding:0}
.dropdown-toggle {
  position: absolute;
  right: 50%;
  top: 24px;
  z-index: 999;
  cursor: pointer;
}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}
.dropdown-menu li.nav-item .dropdown-toggle{right:9px;left:auto;top:8px}
ul.dropdown-menu{border:0;border-radius:0}
.dropdown-toggle.child::after{content:'\f054';font-family:"Font Awesome 6 Pro";border-top:0 solid}
.dropdown-menu li{position:relative}
.nav-item .submenu-left{right:100%;left:auto}
.dropdown-menu > li:hover > .submenu{display:block}
.dropdown-menu .nav-link{padding:5px 10px;transition:all .4s;border-radius:0;font-size:14px}
.dropdown-menu .nav-link:hover, .dropdown-menu .selected > .nav-link {
  background: var(--bs-primary-color);
  color: var(--bs-primary-color);
}


.dropdown-menu .nav-link:before{display:none}
.dropdown-menu .nav-link:hover, .dropdown-menu .selected .nav-link {
  color: white!important;
  border-bottom-color: var(--bs-primary-color);
}
.navbar-expand-lg .navbar-nav .dropdown-menu .level-2{position:absolute;padding:0;left:100%;top:0;transform:translateX(0%)}
.navbar .cta-phone{position:absolute;top:0;left:12px;background:var(--bs-body-bg);color:var(--bs-tertiary-color);padding-right:10px;border:2px solid var(--border-color);border-radius:5px;font-size:1.5em;overflow:hidden;opacity:0;pointer-events:none;z-index:-1;transition:top .4s,opacity .4s}
.navbar .cta-phone i{background:var(--bs-primary-color);color:var(--bs-body-bg);display:inline-block;width:2em;line-height:2em;text-align:center}
.navbar .cta-phone span{display:inline-block;padding:0 10px}
.navbar .cta-phone a{text-decoration:none}
.navbar .cta-phone .number-responsive{display:none}
.navbar .cta-phone.sticky.sticky-appear{top:92px;opacity:1;pointer-events:all}
section.news-block{position:relative;margin-top:30px;border:5px solid var(--bs-primary-color);border-radius:5px;overflow:hidden}
.content h1 {
  position: relative;
  font-size: 35px;
  line-height: 1em;
  text-transform: uppercase;
  color: var(--bs-secondary-bg);
  letter-spacing: 0;
}
.content-parte {
  width: 53.88%;
  padding-top: 20px;
  animation: 3.5s Up;
  position: relative;
}
.photo-home {
  position: relative;
  width: 38.5%;
  z-index: 1;
}
.photo-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: initial !important;
  animation: 2.5s Right;
  border-radius: 12px;
}
.homepage .content h1{text-align:center}
.content header.page-title h1 {
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
  text-align: left;
  font-weight: 400 !important;
  letter-spacing: 8px;
}
.content header.page-title h1 {
  position: relative;
  margin: 0;
  font-size: 30px;
  line-height: 1em;
  text-transform: uppercase;
  text-align: center;
}
.content header.page-title h1 {
  position: relative;
  margin: 0;
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
  text-align: left;
  font-weight: 200!important;
  animation: 2.5s Up;
  letter-spacing: 11px;
}
a.moreless-button:hover {
  transition: 0.3s all;
  transform: scale(0.9);
}
td {
  padding: 10px 35px;
}
.menu-section {
  margin-bottom: 3rem;
}
.table td:last-child {
  text-align: right;
}
table.table.table-bordered.tb2.table td:last-child {
  text-align: left!important;
}
.menu-title {
  background-color: #343a40;
  color: white;
  padding: 0.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
table {
  background-color: white;
}
a.moreless-button {
  font-size: 15px;
  text-transform: uppercase;
  background: var(--bs-primary-color);
  position: relative;
  margin: 20px 0 0;
  transition: all .6s;
  display: table;
  padding: 12px 37px 12px 37px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  letter-spacing: .15em;
  font-weight: 400;
  /* letter-spacing: .1em; */
  border-radius: 0;
  border: 1px solid var(--bs-primary-color);
}
span.sub-title {
  font-size: 25px;
  color: var(--bs-secondary-bg);
  line-height: 1.2em;
  /* font-family: var(--bs-titles-font-family); */
  font-weight: 300;
  text-transform: uppercase;
  padding-left: 0!important;
  text-align: left;
  margin: auto;
  display: block;
  position: relative;
  padding-bottom: 13px;
}
header.page-title h1 .subtitle {
  font-size: 45px;
  color: black;
  line-height: 1.2em;
  /* font-family: var(--bs-titles-font-family); */
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 0!important;
  text-align: left;
  margin: auto;
  display: block;
  position: relative;
  padding-bottom: 13px;
  letter-spacing:0px;
}
.boxes div[class*="box"] .icon {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  transition: all 0.4s;
}.boxes div[class*="box"]:hover .icon {
  transform: scale(1.2);
}.photo-bottom.photo-bottom-home .boxes div[class*="box"] {
  padding: 0 29px;
  line-height: 25px;
}
.boxes [class*="box"] .icon::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:block;border-radius:50%;background:url(../images/box-overlay.webp) no-repeat center;opacity:1;transition:opacity .4s}
.boxes div[class*="box"] h4 {
  text-transform: uppercase;
  color: var(--bs-tertiary-color);
  margin: 23px 0 19px;
  font-size: 28px;
}
.menu-title small {
  display: block;
  font-size: 15px;
}
section.boxes .box a {
  position: absolute!important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 0!important;
  outline: none!important;
  z-index: 2;
  text-decoration: none;
  color: var(--bs-body-bg)!important;
}
.boxes div[class*="box"] a{position:absolute;left:0;top:0;bottom:-31px;right:0;font-size:0}
.boxes .box em {
  position: absolute;
  /* left: 50%; */
  transform: translateX(-50%);
  background: var(--bs-primary-color);
  color: var(--bs-body-bg);
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 1em;
  text-transform: uppercase;
  font-style: normal;
  padding: 15px 23px;
  display: inline-block;
  border: 1px solid var(--bs-primary-color);
  border-radius: 5px;
  transition: background .4s,color .4s,border-color .4s;
  bottom: -90px;
  width: 152px;
}.boxes .box:hover img {
  transform: scale(1.1);
}.boxes div[class*="box"] .img-box {

  overflow: hidden;
}.photo-bottom:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,0.2);
  z-index: -1;
}.photo-bottom {
  height: auto;
  padding: 80px 0;
  overflow: hidden;
}
.photo-bottom.photo-bottom-home * {
  position: relative;
  z-index: 2;
  color: black;
  font-size: 15px;
}
.photo-bottom.photo-bottom-home h3 {
  font-size: 22px;
  text-align: center;
  margin: 0 0 12px;
}
.boxes.pictos div[class*="box"] h4 {
  color: white;
}
.boxes [class*="box"]:hover em{
  background:var(--bs-body-bg);
  color:var(--bs-tertiary-color);
  border-color:var(--bs-tertiary-color)
}
.photo-bottom {
  height: auto;
  min-width: 300px;
  background: url(../images/photo-bottom.webp) center  no-repeat;
  background-size: cover;
  z-index: 1;min-height: 350px;
}
.photo-bottom::before{
  /* content:'';
  font-size:16px;
  width:2em;
  height:2em;
  display:block;
  border-radius:5px;
  position:absolute;
  left:50%;
  top:-22px;
  transform:rotate(45deg);
  transform-origin:left top;
  background:var(--bs-primary-color)*/
}
.news-article-body a.WhatsApp-contact-news, .news-item-text  a.WhatsApp-contact-news {
  font-size: 0;
  background: url(../images/whats.webp) no-repeat !important;
  width: 20px;
  height: 20px;
  background-size: contain !important;
  display: inline-block;
  margin: 0 0 0 10px;
}
section.address {
  padding: 30px 0;
  text-align: center;
  background: var(--bs-body-bg);
  color: black;
}
.openinghours {
  padding: 30px 0;
  background: white;
}
.openinghours h3 {
  font-weight: 600;
  font-size: 28px;
  color: var(--tertiary-color);
}.contactForm .contact-field-item .contact-field-element .form-field {
  display: block !important;
  width: 100% !important;
  margin: 0;
  padding: 13px 10px !important;
  border: 1px solid #3c313136 !important;
  background-color: #fff;
  transition: border-color .4s,box-shadow .4s;
  line-height: initial;
  color: black !important;
}.contactForm .form-submit-button {
  background: #152941 !important;
  padding: 14px 10px !important;
  border: none;
  margin: 0 auto;
  font-weight: 700;
  cursor: pointer;
  transition: background .4s, color .4s;
  display: table;
  border-radius: 5px;
  color: white;
  width: 100%;
  text-transform: uppercase;
}.contactForm .form-submit-button:hover {
  background: #0091bd !important;
}
.openinghours .containerOpening{position:relative;display:block;width:300px;margin:0 auto}
.openinghours .containerOpening .openingLine{position:relative;text-align-last:justify;margin-top:5px}
.openinghours .containerOpening .openingLine::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:50%;height:4px;border:1px solid rgba(0,0,0,.15)}
.openinghours .containerOpening .openingLine .openingDay,.openinghours .containerOpening .openingLine .openingTime{position:relative;display:inline-block;}
.openinghours .containerOpening .openingLine .openingDay{padding-right:10px;margin-right:50px;font-weight:700;text-transform:uppercase}
.openinghours .containerOpening .openingLine .openingTime{padding-left:10px}

article.content p{margin:0 0 20px;text-align: justify;}
/*article.content ul{list-style:none;margin-left:0;padding:0}*/
article.content ul li{position:relative;left:0;margin-left:5px;padding-right:5px}
article.content ul ul{list-style-type:circle}
article.content .table-style{position:relative}
article.content .table-style th{background:var(--bs-gray-200)}
article.content .table-style th,article.content .table-style td{border:1px solid var(--bs-gray-400);padding:2px 5px}
.content .menu-list,.content .menu-list li{position:relative;list-style:none;margin:0;padding:0}
.content .menu-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.content .menu-list li::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:50%;height:5px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.content .menu-list li em{font-style:normal;background:var(--bs-body-bg);display:inline-block;padding-right:10px}
.content .menu-list li strong{background:var(--bs-body-bg);display:inline-block;padding-left:10px}
article.content1 .grid-gallery {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}
article.content1 .link-picture{position:relative;background-size:cover;background-position:center;height:300px;cursor:zoom-in}
article.content .link-subgallery{position:relative;background-size:cover;background-position:center;height:350px;text-decoration:auto;cursor:pointer}
article.content span.title-subgallery{background-color:var(--bs-primary-color);display:flex;color:#fff;padding:5px;text-transform:capitalize}
.page-link{color:var(--bs-primary-color);text-decoration:none}
.active>.page-link,.page-link.active,.page-link:hover{color:var(--bs-body-bg);background-color:var(--bs-primary-color);border-color:var(--bs-primary-color)}
.disabled>.page-link, .page-link.disabled {
  color: #ffffff !important;
}
article.content .pagination{margin-top:10px;justify-content:center;flex-wrap: wrap;}
article.content .pagination li {margin: 0;padding: 0;}
article.content .link-subgallery:before,article.content .link-picture:before{content:'';position:absolute;z-index:1;left:0;top:0;bottom:0;width:0;transition:width .6s;transition-delay:0;background-color:rgba(34,34,34,.85)}
article.content .link-subgallery:hover:before,article.content .link-picture:hover::before{width:100%;transition-delay:.4s}
article.content .link-subgallery::after,article.content .link-picture::after{content:'';z-index:3;position:absolute;left:10px;right:10px;top:10px;bottom:10px;background-size:0;background-repeat:no-repeat;background-image:linear-gradient(to right,#fff 100%,#fff 100%),linear-gradient(to bottom,#fff 100%,#fff 100%),linear-gradient(to right,#fff 100%,#fff 100%),linear-gradient(to bottom,#fff 100%,#fff 100%);background-position:0 0,100% 0,100% 100%,0 100%}
article.content .link-subgallery:hover::after,article.content .link-picture:hover::after{animation:bg 1.25s;animation-fill-mode:forwards}
article.content span.title-subgallery{position:absolute;display:block;left:5px;right:5px;top:50%;bottom:auto;transform:translateY(-50%);background:rgba(0,0,0,.9);text-align:center;text-transform:uppercase;font-weight:700;line-height:2.5em;color:#fff;padding:5px;z-index:3}
article.content .link-picture span.title-picture,article.content .link-picture span.text-picture{position:absolute;z-index:10;left:20px;right:20px;bottom:0;text-align:center;color:#999;display:block!important;opacity:0;transition:bottom .6s,opacity .6s;transition-delay:0}
article.content .link-picture span.title-picture{color:var(--bs-body-bg);text-transform:uppercase}
article.content .link-picture:hover span.text-picture,article.content .link-picture:hover span.title-picture{bottom:50px;opacity:1;transition-delay:.4s}
article.content .link-picture:hover span.title-picture{bottom:70px}
@keyframes bg {
  0%{background-size:0 2px,2px 0,0 2px,2px 0}
  25%{background-size:100% 2px,2px 0,0 2px,2px 0}
  50%{background-size:100% 2px,2px 100%,0 2px,2px 0}
  75%{background-size:100% 2px,2px 100%,100% 2px,2px 0}
  100%{background-size:100% 2px,2px 100%,100% 2px,2px 100%}
}
article.content .grid-gallery:after{content:'';display:block;clear:both}
article.content .grid-sizer,.grid-item{width:33%}
.grid-item{margin-bottom:2px}
article.content .grid-item{float:left}
article.content .grid-item img{display:block;width:100%;max-width:100%}
footer.bottom {
  padding: 40px 0;
}
footer.bottom .contact-form {
  background: white;
  width: 45%;
  margin-left: auto;
  border-radius: 12px;
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
footer.bottom .contact-form h4 {
  margin: 0 0 12px;
  font-size: 22px;
}
footer.bottom .box-maps{position:absolute;left:0;right:0;top:0;bottom:0;}
.photo-bottom .contact-form {
  width: 40%;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 5px;
  margin-left: auto;
}
footer.bottom .contact-form h3.contact-field{display:none}
.contact-form .form-control {
  color: black;
  background: #fff;
  border: 1px solid var(--border-color);
  padding: 5px 15px;
  line-height: 2em;
  border-radius: 4px;
  transition: color .4s,border-color .4s;
  margin-bottom: 10px;
  font-size: 1em;
}
.contact-form textarea.form-control{height:100px;resize:vertical}
.contact-form .gdpr.form-check{text-align:center;font-size:12px;display:table;margin:0 auto 10px;line-height: 19px;}
.contact-form .g-recaptcha{display:table;margin:0 auto 10px}
.contact-form .contact-submit .btn-primary {
  text-transform: uppercase;
  font-family: var(--bs-titles-font-family);
  line-height: 1em;
  border: none;
  font-weight: 700;
  color: white;
  padding: 10px 20px;
  display: block;
  width: 100%;
  border-radius: 4px;
}
.contact-form .contact-submit .btn-primary:hover {
  color: white;
  background: black !important;
}
section.social{background:black;padding:30px 0}
.networks_linking {
  display: flex;
  justify-content: center;
  gap: 5px;
}
.boxes-slider.swiper-container.position-relative.overflow-hidden.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  padding-bottom: 50px;
}
section.social .networks_linking a, .phone-link {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 36px;
  color: white;
  background: none;
  border: 1px solid white;
  border-radius: 5px;
  font-size: 1.25em;
  margin-left: 0;
  transition: color .4s,background .4s,border-color .4s;
}
i.fa-brands.fa-google:before {
  font-weight: 700;
  content: "\f0ac"!important;
  font-family: 'Font Awesome 6 Pro';
  font-size: 22px;

}
section.social .phone-link a {
  color: white!important;
    display: inherit;
    height: 100%;
}
section.social a:hover, .phone-link:hover {
  color: var(--bs-body-bg);
  background: var(--bs-primary-color)!important;
  border-color: var(--bs-primary-color);
}
i.fa-brands.fa-tripadvisor:before{content:"\f262"}
.fa-twitter:before{content:"\e61b"!important}
.fa-facebook:before{content:"\f39e"!important}
.footer-nav ul{flex-direction:row}
.footer-nav ul li{margin:0 10px 0 0;padding:0;display:inline-block}

.footer-nav a {
  color: black;
  padding: 0;
  line-height: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px dotted black;
  transition: border-color .4s,color .4s;

  font-size: 1em;
  border-radius: 0;
}

.footer-nav .navbar-nav{margin:0!important}


.footer-nav .nav-link:hover, .footer-nav .selected .nav-link, .footer-nav .language a:hover, .footer-nav .language a.selected {
  background: transparent!important;
  color: var(--bs-primary-color) !important;
  border-color: var(--bs-primary-color);
}
footer.bottom .hours .openingDay{text-transform:uppercase;display:inline-block;width:125px}
a.btn-cookies-link{background-color:var(--dark-color)!important;color:var(--bs-body-bg)!important}
a.btn-cookies-link:hover{background-color:var(--bs-body-color)!important}
.footer-b{position:fixed;right:12px;bottom:5px;color:#6e6e6e}
#scrollTopBtn{position:fixed;bottom:32px;right:21px;color:var(--bs-body-bg);border-radius:4px;opacity:0;background-color:#000;padding:6px 12px;box-shadow: 0 0 5px rgba(255,255,255,0.5);}
#scrollTopBtn.Active{opacity:1}
.btn-cookies-pos,.footer-b,#scrollTopBtn{z-index:1020}
.resto-reservation{background:var(--light-color)!important;padding: 20px}
.resto-reservation .resto-reservation-steps .resto-reservation-step > .resto-reservation-dot,.resto-reservation .resto-reservation-steps .resto-reservation-step > .step-progress > .step-bar{background:var(--bs-primary-color)!important}
.resto-field-label{color: var(--bs-body-bg);border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);border-bottom-right-radius: 0px;border-top-right-radius: 0px;margin-right: -1px;}
.column-big input {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.column-big select {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.resto-reservation .resto-reservation-content .resto-field-label .fa.fa-clock-o::before{content:"\f017"}
.resto-reservation .resto-reservation-content .resto-btn{background:var(--bs-primary-color)!important;}
.resto-reservation .resto-reservation-content .resto-btn:hover{background:var(--bs-tertiary-bg)!important}
.carousel-control-next,.carousel-control-prev{width:30px}
.toast-news{width:800px;background:rgba(0,0,0,.85)!important;color:var(--bs-body-bg)!important}
.news-popup-image{flex:0 0 auto;width:33.24476f24476f33%}
.toast-news a{
  color:pink
}
.news-popup-text {
  flex: 0 0 auto;
  /* width: 66.66666667%; */
  color: white;
  font-size: 1.15em;
  line-height: 1.3em;
  letter-spacing: .1em;
  text-align: left;
}
.toast-header{position:relative;z-index:1;font-size:1.5rem;background:var(--dark-color)!important;color:var(--bs-body-bg)!important}
.toast-header::before{position:absolute;content:'';z-index:-1;right:7px;top:calc(50% - 17px);bottom:auto;width:33px;background:var(--bs-body-bg);border-radius:50%;height:33px}
.me-auto{font-weight:300!important}
.toast-header .btn-close{background-size:40%}
.news-popup-text small.news-date-popup{color:var(--bs-body-bg);font-weight:700}

.bg-success {
  background: white !important;
  border-color: black !important;
  color: black !important;
}

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

  .swiper-pagination.box-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -3px;
  }
  .boxes div[class*="box"] h4 {

    font-size: 23px;
  }footer.bottom .contact-form {
    width: 42%;

  }
}

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

  section.news div#AllNews .Item h3 {

    text-align: center;
  }
  section.news #AllNews .Item .news-desc {

    text-align: center;
  }
  .boxes-slider.swiper-container.position-relative.overflow-hidden.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    padding-bottom: 72px;
  }
  .photo-bottom .contact-form {
    width: 46.8%;

  }

  a.moreless-button {

    margin: 20px auto 0;

  }

  .content-parte {
    width: 100%;
    padding-top: 0;
  }
  .photo-home {

    display:none
  }
  section.boxes {
    padding: 45px 0 0px;

  }
  section.mobile-links {
    display: none!important;
  }
  .sticky-top .navbar-brand {
    margin: 0;
  }div#navbarNav {
    margin: 0;
  }.content h1 {

    font-size: 38px;

  }
  section.boxes .box h2 {
    font-size: 20px !important;
  }
  .box-first {
    padding: 20px;
  }
  section.mobile-links a {
    color: white!important;
  }
  .boxes div[class*="box"] h4 {

    font-size: 21px;
  }.photo-bottom.photo-bottom-home .boxes div[class*="box"] {
    padding: 0 6px;

  }.footer-nav .navbar-nav {
    display: table;
    margin: 0 auto;
    text-align: center;
  }.inner-wrapper.d-flex.justify-content-between.align-items-center {
    display: table !important;
    margin: 0 auto;
    text-align: center;
  }.footer-nav ul li {
    margin: 0 auto;
    padding: 0;
    display: table;
  }
  .container{max-width:100%}


  footer.bottom .contact-form{width:50%}
  article.content .grid-gallery{grid-column-gap:10px;grid-row-gap:10px;padding:0 15px}
  header.page-title h1 .subtitle {
    font-size: 38px;}
}
@media only screen and (max-width : 991.98px) {
  .slide-box-message h2 span {
    font-size: 18px;
  }
  footer.bottom .contact-form {
    width: 58%;
  }
  .dropdown-menu .nav-link:hover, .dropdown-menu .selected .nav-link {
    color:  var(--bs-primary-color)!important;
    border-bottom-color: var(--bs-primary-color);
  }
  section.mobile-links {
    display: flex!important;
  }
  .photo-bottom .contact-form {

    margin: auto;
  }
  .photo-bottom {
    /* height: 166vh!important; */
  }
  section.news {
    padding: 55px 0 128px;
    /* background: var(--light-color); */
  }
  section.news h2 {
    font-size: 35px;

    margin: 0 auto 41px;

  }
  section.boxes {
    padding: 45px 0 40px!important;
  }
  .homepage section.banner {
    height: 600px;
  }.homepage .wrapper {

    padding: 32px 0 14px;
  }.footer-nav a {
    color: black !important;

  }

  a.nav-link {
    color: white;
    padding: 2px 11px !important;
    font-size: 17px;
  }
  .toast-container{left:5%;width:90%!important}
  .image-left,.image-right{margin:0 auto 30px!important;float:none!important;display:table!important;max-width:100%!important}
  article.content1 .grid-gallery {
    grid-template-columns: repeat(4,1fr);
  }
  .nav1{display:none!important}
  .navbar-collapse{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100vw;background:var(--bs-black);padding:10px 0;text-align:left}
  .nav-item .submenu{padding:10px;width:100%;background:var(--bs-body-bg);border-radius:5px}
  .dropdown-menu li.nav-item{padding:0}
  .dropdown-menu .nav-link {
    font-size: 17px;
    border-bottom: none!important;
    color: white;
    padding: 5px;
  }
  .dropdown-menu .nav-link:hover{background:var(--border-color)}
  .nav-item .level-2{background:var(--tertiary-color);left:0;position:relative}
  li.nav-item{padding:1px 10px}.slide-box-message h2 {
    font-size: 31px;

    margin: 0 0 16px;
  }
  .nav-link{color:var(--bs-body-bg)}
  .dropdown-toggle::after{-webkit-text-stroke:1px var(--bs-body-bg);color:#fff}
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    transform: translateX(0%);
    display: table;
    margin-left: 24px;
    background: none;
  }
  .dropdown-menu .nav-link{text-align:left}
  .content h1 span.sub-title {

    margin-top: 19px;
    font-size: 21px;

  }
  .content h1 {
    font-size: 29px;
  }
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 27px;
  }
  h3 {
    font-size: 25px;
  }
  h4 {
    font-size: 23px;
  }
  h5 {
    font-size: 21px;
  }
  h6{
    font-size: 19px;
  }.col-12.col-md-6.col-lg-4 {
    width: 100%;
  }.boxes div[class*="box"] .img-box {
    overflow: hidden;
    height: 400px;
  }.boxes div[class*="box"] {
    /* margin: 0 0 20px; */
  }.boxes div[class*="box"] h4 {

    margin: -21px 0 19px;
    font-size: 25px;
  }.boxes.pictos div[class*="box"] h4 {

    margin: 20px auto;
  }.boxes.pictos div[class*="box"] {
    margin: 0;
  }.photo-bottom {
    /* background: url(../images/photo-bottom.webp) center  no-repeat; */
  }.photo-bottom.photo-bottom-home {
    /* padding: 91px 0 0px; */
  }header.sticky-top.sticky.sticky-appear button.navbar-toggler {
    /*  margin: 0 auto;
    text-align: center;*/
  }
  header.sticky-top.sticky.sticky-appear {
    padding: 2px 0;
  }
  .navbar .cta-phone.sticky.sticky-appear {
    top: 65px;left: 10px;

  }
  header.sticky-top.sticky.sticky-appear .navbar-brand {
    max-width: 87px;
  }
  .photo-bottom .contact-form {
    width: 52.8%;
    /* margin-top: -69px; */
  }
  section.news {
    padding: 58px 0 68px!important;
    /* background: var(--light-color); */
  }
}
@media only screen and (max-width : 767px) {
  .boxes div[class*="box"] .img-box {
    overflow: hidden;
    height: 300px;
    margin: 0px 0 50px;
  }.content h1 span.sub-title {
    margin-top: 17px;
    font-size: 19px;
    text-align:center;
  }
  .box-first .contactForm .contact-submit {
    float: left;
  }
  section.boxes .box .btn-box {

    top: -4px;

  }

  .box-first .contactForm .contact-submit .btn-primary {

    bottom: 9px;
  }
  .box-first .contact-form .g-recaptcha{
    transform:scale(.8);
    width:250px;
    transform-origin:left}

  .box-first .g-recaptcha{
    width:280px;
    transform:scale(.9);
    transform-origin:left
  }
  section.news div#AllNews .Item .button {

    bottom: 50px;

  }
  .photo-bottom .contact-form {
    width: 77.8%;
  }
  header.page-title h1 .subtitle {
    font-size: 26px;
    text-align: center;
  }
  .box-first {
    padding: 20px;
    text-align: center;
  }
  .slide-box-message h2 {
    font-size: 22px;
  }
  .homepage .wrapper {
    text-align: center;
  }
  section.news #AllNews .Item .news-desc {

    text-align: center;
  }
  section.news div#AllNews .Item h3 {

    text-align: center;
  }
  section.news .swiper-horizontal>.swiper-pagination-bullets, section.news .swiper-pagination-bullets.swiper-pagination-horizontal, section.news .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: -58px;

  }
  .slide-box-message{text-align:center;text-align-last:center}
  .slide-box-message .slogan{letter-spacing:0;font-size:1.5em;margin:0 auto;display:table!important}
  .slide-box-message .name{font-size:3.3em}
  .slide-box-message p a {
    font-size: 16px;
  }
  .boxes div[class*="box"] {

    width: 100%;
  }
  footer.bottom{padding:80px 0!important}
  footer.bottom .contact-form{width:100%}
  .inner-wrapper{display:block!important}
  .language{margin:20px 0 0}
  .footer-nav ul{display:block!important}
  .content header.page-title h1 {
    font-size: 16px;
    text-align: center;
    letter-spacing: 6px;
  }
  section.banner {
    min-height: 614px;
  }
  article.content1 .grid-gallery{grid-template-columns:repeat(2,1fr)}
  .news-popup-text{width:100%}

  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 21px;
  }
  h3 {
    font-size: 19px;
  }
  h4 {
    font-size: 17px;
  }
  h5 {
    font-size: 16px;
  }
  h6{
    font-size: 14px;
  }.openinghours h3 {

    font-size: 23px;

  }footer.bottom {

    overflow: hidden;
  }.openinghours {

    overflow: hidden;
  }.openinghours .containerOpening {

    width: 240px;

  }.image-left, .image-right {

    object-fit: cover;
  }.boxes.pictos .box02 {
    margin: 0px 0 !important;
  }
  .gdetail-contactbanner {
    padding: 20px 10px !important;
  }
  .gdetail-contactbanner span[style*="margin-bottom: 24px"] {
    font-size: 25px !important;
  }
}
@media only screen and (max-width : 480px) {
  .navbar .cta-phone {
    font-size: 1em;
  }
  section.address {
    font-size: 14px;
  }
  .slide-box-message h2 {
    font-size: 18px;
  }.homepage section.banner {
    height: 600px;
  }
  section.news h2 {
    font-size: 30px;

  }
  .slide-box-message p a {
    font-size: 13px;
    padding: 10px 5px;
    margin: 0 5px;
  }
  .slide-box-message h2 span {
    font-size: 14px;
  }
  .slide-box-message h2 {
    font-size: 24px;
  }
  .g-recaptcha{
    width:280px;
    transform:scale(.9);
    transform-origin:left
  }
  section.news .swiper-horizontal>.swiper-pagination-bullets, section.news .swiper-pagination-bullets.swiper-pagination-horizontal, section.news .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: -55px;

  }
  .boxes-slider.swiper-container.position-relative.overflow-hidden.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    padding-bottom: 67px;
  }


  .photo-bottom {
    /* height: 83vh!important; */
  }
  .photo-bottom .contact-form {
    width: 100%;

    margin: auto;
  }
  section.boxes {
    padding: 45px 0 25px!important;
  }
  .content header.page-title h1 {
    text-align:center;
  }
  header.page-title h1 .subtitle {
    font-size: 32px;
    text-align: center !important;
  }
  .navbar .cta-phone.sticky.sticky-appear {
    top: 63px;
    opacity: 1;
    pointer-events: all;
    right: 0;
    margin: auto;
    text-align: center;
    display: table;
  }.content h1 span.sub-title {

    margin-top: 18px;
    font-size: 16px;
    text-align:center;

    padding: 0;

  }
  .photo-bottom.photo-bottom-home h3 {
    font-size: 16px;
  }
  h1 {
    font-size: 27px;
  }

  h2 {
    font-size: 19px;
  }
  h3 {
    font-size: 17px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 14px;
  }
  h6{
    font-size: 12px;
  }.boxes div[class*="box"] h4 {

    font-size: 20px;
  }
  .sticky-top .navbar-brand strong{display:block;line-height:1.3em}
  .content h1 {
    font-size: 25px;
  }

  article.content1 .grid-gallery{grid-template-columns:repeat(1,1fr)}
}
button.navbar-toggler::after, button.navbar-toggler::before {
  content: '';
  width: 1.5em;
  background: white;
  position: absolute;
  left: 0;
  height: 1.5px;
  transition: .3s;
}
button.navbar-toggler::before{top:0;transform:rotate(-32deg);transform-origin:right}
button.navbar-toggler::after{bottom:0;transform:rotate(32deg);transform-origin:right}
button.navbar-toggler .navbar-toggler-icon {
  display: block;
  height: 1.5px;
  background-image: none;
  background-color: white;
  transition: .1s;
  opacity: 1;
  margin: 8px 0;
}
button.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{opacity:0}
button.navbar-toggler[aria-expanded=false]::after,button.navbar-toggler[aria-expanded=false]::before{transform:none}


/************boxes******************/
section.boxes h2 {
  text-align: center;
  margin: 0px 0 35px;
  font-size: 45px;
  letter-spacing: 0;
  text-transform: uppercase!important;
  color: var(--bs-secondary-bg);
  font-family: var(--bs-titles-font-family);
  font-weight: 900;
}
section.boxes {
  padding: 45px 0 27px;
  background: white;
}
section.boxes .max-container {
  overflow: hidden;
  max-width: 1344px;
}


section.boxes h2 strong {
  font-size: 60px;
  letter-spacing: 0;
  color: var(--bs-tertiary-color);
  font-weight: 600;
  text-transform: none;
}
section.boxes h3 {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: .3em;
  color: var(--bs-body-bg)!important;
  font-family: var(--bs-body-font-family);
  font-weight: 400;
  text-transform: uppercase;
}
.box .equal {
  min-height:120px !important;}

section.boxes .box:hover {
  /* background: var(--bs-body-bg); */
}
section.boxes .box:hover h2 {
  /* color: white; */
}
section.boxes .box .btn-box {
  position: relative;
  font-size: 15px;
  text-decoration: none;
  transition: all .6s;
  cursor: pointer;
  text-transform: none;
  font-weight: 700;
  background: black;
  text-align: center;
  width: 130px;
  color: white;
  padding: 10px 10px;
  margin: 0px auto 0px !important;
  top: 20px;
  border: 0;
  border-radius: 10px;
}
section.boxes .box h2 {
  color: var(--bs-secondary-bg);
  letter-spacing: 0;
  text-align: center;
  font-size: 25px;
  margin: 10px 0 15px;
  transition: all .4s;
  font-family: var(--bs-titles-font-family);
  text-transform: uppercase!important;
  font-weight: 200;
}
section.boxes .swiper-pagination > span.swiper-pagination-bullet-active {
  background: var(--bs-primary-color)!important;
}
.swiper-pagination > span.swiper-pagination-bullet-active{
  background: pink !important;
}
section.boxes .swiper-pagination-bullet, section.news .swiper-pagination-bullet{
  background: transparent;
  width:13px;
  height:13px;
  bottom: -33px!important;
  opacity: 1;
  border:1px solid
}


section.boxes .box p {
  margin: 0;
  color: var(--bs-body-color);
}
.boxes-flex {
  display: flex!important;
  flex-wrap: wrap!important;
  gap: 20px!important; /* espace entre les boîtes */
  justify-content: center; /* centrer les boîtes */
}

section.boxes .box:hover p {
  color: black;
}

section.boxes .box:hover h2 {
  color: var(--bs-primary-color);
}

section.boxes .box:hover .btn-box {
  /* letter-spacing: 0.1em; */
  background: var(--bs-primary-color);
  border: 0;
  color: white;
}

section.boxes h3:before {
  position: absolute;
  content: "";
  right: 0;
  left: -43px;
  top: 6px;
  background: var(--bs-primary-color);
  width: 10px;
  height: 10px;
  /* z-index: -1; */
  margin: 0 auto;
  display: table;
}

section.boxes .box .img-bx {
  height: 237px;
  position: relative;
  overflow: hidden;
  /* margin: 0 -33px; */
  border-radius: 10px;
}
section.boxes .box .img-bx img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all .8s;
  margin: 0 !important;
  max-width: 100%;
}
section.boxes .box {
  transition: all .4s;
  /* width: 20%; */
  /* margin-left: 0px; */
  position: relative;
  text-align: center;
}


/************section-news******************/
section.news {
  padding: 118px 0 128px;
  /* background: var(--light-color); */
}

:root {
  --swiper-theme-color: var(--bs-tertiary-bg) !important;
}

span.swiper-pagination-bullet{
  width:13px;
  height:13px;
}
.swiper-pagination-bullet-active {
  background: var(--bs-body-bg) !important;

}

section.news h4 {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-family: var(--bs-body-font-family);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--bs-primary-color);
  letter-spacing: .3em;
  padding-left: 0;
}

section.news h2 {
  font-size: 45px;
  letter-spacing: 0;
  color: var(--bs-secondary-bg);
  font-family: var(--bs-titles-font-family);
  margin: 0 auto 65px;
  display: table;
  text-transform: uppercase;
  font-weight: 900;
}

section.news div#AllNews .Item h3 {
  margin: 0px 0 19px;
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 700;
  font-family: var(--bs-titles-font-family);
  text-transform: none;
  color: var(--dark-color)!important;
  margin-top: 11px;
  /* text-align: center; */
}
section.news div#AllNews .Item {
  position: relative;
  display: block;
  margin: 0;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  background-size: cover !important;

  padding: 0px;
  border-radius: 0;

}
section.news div#AllNews .Item:hover {

}

section.news div#AllNews .Item .nophoto, section.news div#AllNews .Item .photo {
  grid-column: auto;
  grid-row: auto;
  position: relative;
  box-shadow: 0 0 0 rgba(255,255,255,.05);
  transition: box-shadow .4s;
}div#AllNews .Item .number {
  display: none;
}
.content-page-newsletter{
  background: #0000000d;
}
.content-page-newsletter a{
  color:black!important
}
section.news #AllNews {
  margin: 0px;
  position: relative;
}
section.news #AllNews .Item .news-desc p {
  display: none;
}
section.news #AllNews .Item .news-desc {
  position: relative;
  background: no-repeat;
  grid-column: auto;
  grid-row: auto;
  order: 1;
  padding: 22px 35px 114px;
  border-top: 0;
  /* border: 1px solid #6c757d3b; */
  /* border-radius: 20px; */
  background-color: white;
  border-radius: 0;
  color: var(--bs-tertiary-bg);
}

.fslightboxci h2 {
  font-size: 16px !important;
  color: white;
}
#AllNews {
  display: flex;
  overflow: hidden;
  scroll-behavior: smooth;
}

span.duration-service,
small.service-duration {
  display: none;
}
.provider-overview-step-col {
  width: 100% !important;
  text-align: center;
}
.provider-to-step1 {
  margin-bottom: 20px;
}
section.news .news-col {
  /* width: calc(33.33% - 23px) !important; */
}
@media (min-width: 700px) {
  section.news .news-col {
    width:33.33%; /* Pour deux articles par page sur grands écrans */
  }
}
.slider-controls {
  text-align: center;
  margin-top: 10px;
}
section.news div#AllNews .Item .button {
  position: absolute;
  font-size: 16px;
  line-height: 1;
  text-shadow: none;
  padding: 26px 26px 22px 26px;
  display: block;
  text-decoration: none;
  color: var(--bs-secondary-bg)!important;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: none;
  font-family: var(
    --bs-body-font-family);
  text-align: center;
  letter-spacing: 0;
  pointer-events: all;
  z-index: 1;
  cursor: pointer;
  bottom: 27px;
  left: 24px;
  right: 0;
  background: var(--bs-primary-color);
  background-size: 100% 200%;
  background-position: 0 100%;
  transition: background 400ms ease-in-out;
  border-radius: 0;
  text-transform: none;
  margin-top: 40px!important;
  max-width: 208px;
  letter-spacing: .1em;
  left: 0;
  /* bottom: 0; */
  top: inherit;
}

section.news div#AllNews .Item:hover .button {
  color: white !important;
  background: black;
  /* color: var(--bs-tertery-color)!important; */
}
section.news div#AllNews .Item:hover  {
  box-shadow: 0 0 36px 0 rgba(40, 40, 40, 0.1);

}
section.news #AllNews .Item:hover .news-desc {
  /* background: var(--bs-secondary-bg); */
  /* color: white; */
  background-size: cover;
  /* border-radius: 0 0 8px 8px; */
}
section.news div#AllNews .Item:hover h3 {
  /* color: var(--bs-primary-color) !important; */
}
section.news div#AllNews .Item:hover .button:before {
  background: var(--bs-primary-color) url(../images/aroww-h.webp) no-repeat right top;
}

section.news .swiper-horizontal>.swiper-pagination-bullets, section.news .swiper-pagination-bullets.swiper-pagination-horizontal, section.news .swiper-pagination-custom, .swiper-pagination-fraction {
  left: 0;
  width: auto;
  bottom: -71px;
  right: 0;
}
#news-popup-modal .modal__inner #news-popup .popup-wrapper .popup-content {
  color: black;
}
#news-popup .popup-wrapper .popup-photo {
  background-position: bottom left !important;
}
/***********/
#NewsItem img.img-responsive.image-right.img-news {
  float: right;
  width: 300px;
  height: 260px;
  object-fit: cover;
}
div#AllNews .Item .nophoto,div#AllNews .Item .photo{
  grid-column:1 / 3;
  grid-row:1 / 4;
  position:relative;
  box-shadow:0 0 0 rgba(255,255,255,.05);
  transition:box-shadow .4s
}
section.news div#AllNews .Item .photo img {
  position: relative;
  height: 256px;
  width: 100%;
  object-fit: cover;
  border-radius: 0;
}
section.news div#AllNews .Item .nophoto, section.news div#AllNews .Item .photo {
  display:none
}
div#AllNews .Item .date{
  display:none; 

}
div#AllNews .Item .photo img{
  object-fit:cover;
  transition:all .6s;
  height:100%;
  width:100%
}
div#AllNews .Item h3 {
  margin: 0 0 15px;
  font-size: 20px;

}
div#AllNews .Item i.fa-duotone.fa-image{
  display:none
}
div#AllNews .Item{
  position:relative;
  display:grid;
  grid-template-columns:.6fr 30px 1fr;
  grid-template-rows:50px 1fr 50px;
  /* margin-bottom:50px; */
}

div#AllNews .Item:hover .nophoto,div#AllNews .Item:hover .photo{

}
div#AllNews .Item .nophoto {
  background: var(--border-color)  url(../images/logo-De-ZorgCirkel-Verpleegteam.webp) no-repeat center;
}div#AllNews ol {
  margin: 0;
  padding: 0 0 0 24px;
}
.page-news div#AllNews .Item .news-desc a {
  margin: 30px 0 0;
}
.page-news div#AllNews .Item .news-desc {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
  z-index: 3;
  background: #000000;
  padding: 50px;
  color: var(--bs-body-color);
  border-radius: 5px;
  box-shadow: 0 0 15px #fff;
}
div#AllNews .Item .button {
  position: relative;
  font-size: 16px;
  line-height: 1;
  text-shadow: none;
  padding: 22px 30px;
  display: table;
  text-decoration: none;
  color: white !important;
  font-weight: 400;
  text-transform: uppercase;
  margin: 30px 0 0!important;
  box-shadow: none;
  font-family: var(--bs-body-font-family);
  text-align: center;
  background: linear-gradient(to top, var(--bs-primary-color) 0%, var(--bs-primary-color) 50%, white 50%, white 100%);
  background-size: 100% 200%;
  background-position: 0 100%;
  transition: background 400ms ease-in-out;
  letter-spacing: 0.2em;
  pointer-events: all;
  transition: all .6s;
  z-index: 1;
  cursor: pointer;
  border: none !important;
  /* float: left; */
  margin-top: 57px!important;
  left: 0;
  right: 0;
  margin: 0 auto!important;
  top: 24px;
}
div#AllNews .Item .button:hover {
  background-position: 0 0;
  color: black!important;
}
div#AllNews .Item .photo img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
}
.page-news .col-md-6 {
  width: 100%;
}
div#Guestbook .gb-entry {
  padding: 0 0 30px;
  margin: 20px 0 30px;
  border-bottom: 1px solid rgb(255 255 255 / 50%);
}
/****/
div#NewsItem .img-news {
  max-width: 300px;
  max-height: 250px;
  border-radius: 10px;
  object-fit: cover;
}
h1.news-article-title {
  margin: 0  0 30px;
}
.news-article-row {
  grid-gap: 30px 0;
}.news-article-row .col-md-3 {
  margin: 0;
  order: 2;
}.news-article-photo-col img {
  width: 350px;
  height: 260px;
  object-fit: cover;
}.news-article-share-col {
  order: 2;
  margin: 0;
  background: transparent;
  padding: 15px 15px 9px;
  border-radius: 5px;
  border: 1px solid var(--bs-primary-color);
}
a.btn.btn-primary.news-article-back-btn {
  order: 4!important;
  background: black;
  color: var(--bs-body-bg)!important;
  margin: 0 !important;
  padding: 14px 45px;
  display: block;
  border: none !important;
  float: none;
  position: relative;
  bottom: 0;
}
a.btn.btn-primary.news-article-back-btn:hover {
  color: black!important;
  background: pink;
}a.btn.btn-primary.news-article-back-btn:before {
  background: var(--bs-primary-color);
}a.btn.btn-primary.news-article-back-btn:hover:before {
  right: 0;
}
.a.btn.btn-primary.news-article-back-btn:before {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  background: var(--bs-primary-color);
  transition: all .4s;
  top: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 5px;
}
.home-news.page-news div#AllNews .Item .button:before {
  display: none;
}

i.fa.fa-circle.fa-stack-2x {
    display: none;
}
span.fa-stack.fa-lg.WhatsApp-contact-icon {
    width: 100%;
    height: 100%;
    line-height: 150%;
}
i.fa.fa-whatsapp.fa-brands.fa-stack-1x.fa-inverse {
    width: 100%;
    height: 100%;
    vertical-align: top;
}