/* 
Wireframe: Webshop 03
Version: 2.0
Update: 2021.02.28
*/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# General
# Navigation
## Superfish
## Mobile navigation
--------------------------------------------------*/

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/*--------------------------------------------------
# General
--------------------------------------------------*/

body {
  background: rgba(241, 225, 190, 0.50);
  color: rgba(22, 22, 22, 0.70);
  font-size: 15px;
  line-height: 24px;
  font-family: "Manrope", sans-serif;
}

a {
  color: #AF7F2B;
  text-decoration: underline;
  text-shadow: none;
  transition: all 0.4s;
  outline: none !important;
}

a:hover {
  color: #AF7F2B;
  text-decoration: none;
}

.image-right {
  float: right;
  margin: 0 0 10px 15px;
}

.image-left {
  float: left;
  margin: 0 15px 10px 0;
}
.image-right, .image-left {
  border-radius: 0;
  padding: 5px;
  border: 1px solid #B28337;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.2em;
  font-weight: 400;
  text-transform: none;
  font-family: "Playfair Display", sans-serif;
  color: #111111;
}

h1, .h1 {
  position: relative;
  font-size: 55px;
}
h2, .h2 {
    margin: 15px 0 12px;
    color: #AF7F2B;
    font-size: 28px;
}
h3,
.h3 {
  font-size: 25px;
}

h4,
.h4 {
  font-size: 23px;
  color: #AF7F2B;
}

h5,
.h5 {
  font-size: 21px;
  
}

h6,
.h6 {
  font-size: 20px; color: #AF7F2B;
}

hr {
  border-color: #e5e5e5;
}
table.table-style.table-page.table-prices tr td:last-child {
  width: 25%;
}
input,
button {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.btn-gdpr {
  background: #AF7F2B;
  color: white !important;
}.btn-gdpr:hover {
  background: #EDC362 ;
}#sdgdpr_modal_body a {
  text-decoration: underline;
  color: #B28337;
}.webshop-content h1 {
  margin: 0 0  47px;
  display: block;
  text-align: center;
  border-bottom: 1px solid #1113;
  padding: 0 0 35px;
}
button {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #222222;
  padding: 5px 10px;
}
.cta-fixed.sticky-appear .flex-fix {
  display: none;
}
button:hover {
  background: #B28337;
  border: 1px solid rgba(0, 0, 0, 0);
  color: #ffffff;
}
.fa-whatsapp:before {
  content: "\f232";
  font-family: 'FontAwesome';
  font-style: normal;
}.fa-phone:before {
  content: "\f095";
  font-family: 'FontAwesome';
}
.modal-dialog {
  top: 50%;
  transform: translateY(-50%);
}

nav.language.dropdown-menu {
  background: rgba(255, 255, 255, 0.8);
}

nav.topnav {
  position: relative;
}

nav.topnav ul,
nav.topnav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
i.fa-regular.fa-envelope {
  font-family: 'FontAwesome';
  font-style: normal;
}
nav.topnav ul li {
  position: relative;
  padding-left: 1px;
  float: left;
}

div.diy-slideshow {
  position: absolute;
  width: 100%;
  height: 100%;
}

nav.topnav ul li:first-child::before {
  content: none;
}

nav.topnav ul li::before {
  content: "";
  display: block;
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 7px;
  bottom: 7px;
}

div#ContainerBlockSocial p {
  display: none;
}

nav.topnav ul li a {
  text-transform: uppercase;
  display: block;
  padding: 0;
  margin: 0px;
  font-size: 0;
  line-height: 15px;
  color: #ffffff;
}

nav.topnav ul li:last-child a {}

nav.topnav ul li a#newsletter::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  margin-right: 5px;
}

nav.topnav ul li a#account::before {
  content: '\f007';
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  font-size: 15px;
}

nav.topnav ul li a:hover {
  color: #B28337;
}

.toplogin {
  z-index: 110;
  position: absolute;
  right: -54px;
  top: 100%;
  margin-top: 0px;
  width: 250px;
  border: 2px solid #e5e5e5;
  background: rgba(255, 255, 255, 0.95);
  padding: 15px 20px 20px;
  color: #ccc4b9;
  text-align: center;
  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-out 1s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
}
.moretext {
  overflow: hidden;
  height: 0;
  opacity: 0;
   transition: height 0.3s ease, opacity 0.3s ease;
}
.toplogin.active {
  transition: all 0.4s;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}


div#contactv2-confirm-1 {
  background: #B283374f !important;
  padding: 20px;
}span.fr-emoticon.fr-deletable.fr-emoticon-img {
  width: 23px;
  height: 27px;
  display: inline-flex;
  background-repeat: no-repeat !important;
}div#NewsItem a.highslide img {
  height: 270px;
  width: 270px;
  object-fit: cover;
}

body.hidden-scroll {
  overflow: auto !important;
  padding: 0 !important;
}

.toplogin::after {
  content: "";
  position: absolute;
  right: 53px;
  top: -7px;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom-color: #e5e5e5;
}

.toplogin a {
  color: #bbb;
  text-decoration: none;
}
.webshopHomeTemplate .webshop-content section.part-prod div#Products div#pagesHolder {
  display: block !important;
}.webshopHomeTemplate #Shop div#ShopContent #article-content .homeShopContent div#pagesHolder {
  display: none;
}
.toplogin a.registrate,
.toplogin a.forgot {
  display: inline-block;
  padding: 0;
  margin: 0 5px;
  text-decoration: none;
}
.toplogin h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-align: left;
  color: #4a4a4a;
}

.toplogin #user-login input.field {
  display: block;
  width: 100%;
  margin: 5px 0;
  border: 1px solid #ccc4b9;
  background: transparent;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 30px;
  height: auto;
  color: #4a4a4a;
  transition: border-color 0.4s;
}

.toplogin #user-login input.field:focus {
  border-color: #4a4a4a;
}

.toplogin #user-login a.Send {
  display: block;
  width: 100%;
  border: none;
  background: #bbb;
  color: #ffffff;
  font-size: 18px;
  line-height: 36px;
  text-transform: capitalize;
  text-align: center;
  border-radius: 4px;
  margin-top: 5px;
  transition: background 0.4s;
}
div#kidWorkshops figcaption a.button, div#teenWorkshops figcaption a.button, div#adultWorkshops figcaption a.button, div#vanelekeFeest figcaption a.button, div#denHoutFeest figcaption a.button {
  position: absolute;
  bottom: 0px;
}

.toplogin #user-login a.Send span {
  display: none;
}

.toplogin #user-login a.Send:hover {
  background: #4a4a4a;
}

.toplogin #user-login .LoggedIn {
  text-align: right;
}



.toplogin #user-login .LoggedIn small {
  font-size: 12px;
}

.toplogin .user-wishlist {
  display: inline-block;
  margin-top: 10px;
}

section.banner.big {
  position: relative;
  height: 880px;
}.video-home {
  position: relative;
  height: 900px;
}
.marketing-video {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
}
p span.fr-video video.fr-draggable{float:right;}
.video-home:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* background: linear-gradient(to bottom,
  rgba(0, 0, 0, 0.95) 0%,   
  rgba(0, 0, 0, 0.3) 40%,   
  rgba(0, 0, 0, 0.3) 60%,   
  rgba(0, 0, 0, 0.7) 100%   
  ); */
  /* width: 100%; */
  /* height: 100%; */
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 41.78%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}video {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}

header.top.sticky-appear .topinfo {
  padding: 0;

}header.top.sticky-appear .header-nav {
  padding: 0;
}

header.top .fluid_container,
header.top .fluid_container .diy-slideshow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
  width: auto;
}

header.top .fluid_container .diy-slideshow {
  margin-bottom: 0 !important;
}



header.top.sticky-appear .logo {
  display: none;
}

.logo {
  animation: myLogo 1s ease 0s 1 normal forwards;
}
.infos-top {
  position: fixed;
  top: 46%;
  right: 0;
  z-index: 10;
  animation: float 15s ease-in-out infinite;
}.infos-top .networks_linking {
  display: grid;
  gap: 0px;
}.infos-top .social {
  text-align: center;
  display: table;
  margin: 0 auto;
}
.infos-top a, .infos-top .networks_linking a {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: white;
    transition: all .4s;
    font-size: 20px;
    margin: 10px 0 0;
    background: #AF7F2B;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    background: var(--Linear, linear-gradient(180deg, #EDC362 0%, #B28337 100%));
    backdrop-filter: blur(12.5px);
}
.infos-top .networks_linking a.networks_instagram {
    font-size: 25px;
}
.infos-top a:hover {
    color: #B28337  !important;
    background: #fff !important;
}
.infos-top .whatsappfix a:before {
  font-family: 'FontAwesome';
  font-weight: 400;
  content: "\f232";
  font-size: 25px;
}
.infos-top a:hover i {
    background: var(--Linear, linear-gradient(180deg, #EDC362 0%, #B28337 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
ul.puce, ul.usp {
  padding: 0;
  margin: 0  0 20px !important;
}
div#news-popup ul.puce li:before {
    position: absolute;
    content: "";
    background: url(../images/list-icon.png) no-repeat;
    width: 13px;
    height: 12px;
    left: 0;
    top: 8px;
    /* filter: invert(1); */
}
div#news-popup ul.puce li, ul.usp li {
  position: relative;
  padding-left: 22px;
  list-style: none !important;
  line-height: 29px !important;
  margin: 0 !important;background: none;
}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;
}a.WhatsApp-contact-news:hover {
  transform: scale(1.1);
}#navigation .sf-menu>li>ul> li a:before {
  display:none;
}
header.top.sticky-appear {
  position: fixed !important;
  animation: sticky-nav 0.5s forwards;
  z-index: 20;
  left: 0;
  right: 0;
  padding: 0 !important;
  top: 0;
  box-shadow: 0 0 11px #B28337;
  background: black !important;
  height: auto !important;
  border: none;
}
header.top.sticky-appear .topic-bar {
  display: none;
}
.slogan .container {
    position: relative;
    height: 100%;
    z-index: 8;
    top: 358px;
}
nav.mobile-nav a:hover i.fas.fa-bars {
  transform: scale(0.9);
}

.right-top a.account-button:hover {
}



.account-active header.top.sticky-appear {
  bottom: 0;
}

@keyframes sticky-nav {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

header.top .header-wrapper {
  position: relative;
  z-index: 1;
}.flex-fix {
  display: flex;
  gap: 5px;
}
/*****hamburger*********/
.hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 45px;
  height: 36px;
  cursor: pointer;
}
.hamburger div {
    height: 5px;
    background: #af7f2b;
    width: 100%;
    transition: all 400ms ease-in-out;
    border-radius: 50px;
}
.hamburger .meat {
  width: 75%;
  transition: all 200ms ease-in-out;
}
.hamburger .bottom-bun {
  width: 50%;
}
.hamburger:hover div {
  width: 100%;
}
.hamburger:hover .top-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate;
  animation: burger-hover 1s infinite ease-in-out alternate;

}
.hamburger:hover .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
  animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.hamburger:hover .bottom-bun {

  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
  animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;		
}
div#nav-mobile {
  background: #2b2c2f;
  padding: 17px 20px;
  border-radius: 5px;
}
div#nav-mobile a {
  display: block !important;
  color: transparent;
}

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}


@keyframes myLogo {
  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  } }




/**********/
.cta-fixed {
  display: none;
}
.cta-fixed.sticky-appear p a {
  color: #fff;
  text-decoration: none;
}
.cta-fixed.sticky-appear p {
  margin: 0;
}
.cta-fixed .fa-facebook-f:before, .cta-fixed .fa-facebook:before {
  content: "\f39e" !important;
}
.cta-fixed.sticky-appear {
  display: flex;
  position: relative;
  z-index: 101;
}
.cta-fixed.sticky-appear {
    display: flex;
    position: fixed;
    justify-content: center;
    right: 0;
    top: 62px;
    background: #AF7F2B;
    color: #fff;
    text-decoration: none;
    padding: 10px 18px 13px;
    font-weight: 500;
    transition: all .4s;
    font-size: 16px;
    line-height: 1.2em;
    align-items: center;
    grid-gap: 7px;
    text-transform: uppercase;
}
nav#navigation {
  position: relative;
}header.top.sticky-appear nav.main-nav {
  height: auto;
}.cta-fixed.sticky-appear .phone-link {
  position: relative;
  left: -6px;
}
.cta-fixed.sticky-appear a:hover {
  color: #fff;
}section.banner {
  position: relative;

}section.banner.small {
    height: 650px;
    font-size: 100%;
}div.diy-slideshow {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}div.diy-slideshow:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgb(0 0 0 / 6%) 29.56%), linear-gradient(0deg, rgb(0 0 0 / 23%) 0%, rgba(0, 0, 0, 0.20) 100%);
}section.banner i.fa-regular.fa-envelope::before {
  font-family: 'FontAwesome';
  font-style: normal;
}section.banner.small .slogan .container {
    top: 301px;
}
section.banner.shop {
  height: 0;
}
header.top.shop {
    position: relative;
    background: black url(../images/slide.jpg) no-repeat center;
    background-size: cover;
    padding: 0 0 46px;
}
header.top.shop:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgb(0 0 0 / 19%) 29.56%), linear-gradient(0deg, rgb(0 0 0 / 24%) 0%, rgba(0, 0, 0, 0.20) 100%);
}.fa-tiktok:before {
  content: "\e07b";
  font-family: 'Font Awesome 5 Brands';
}
header.top.shop.sticky-appear {
  padding: 21px 0;
}
section.banner.small .slogan .max-container {
  top: 332px;
}header.top.pages .header-grid {
  padding: 0 0 11px;
}section.banner.small .infos-top {
  top: 30%;
}.cta-fixed.sticky-appear:hover {
    background: linear-gradient(180deg, #EDC362 0%, #B28337 100%);
}
i.fa-solid.fa-phone-flip:before {
  content: "\f879";
}
.cta-fixed .networks_linking a, .cta-fixed .phone-link a {
  width: 26px !important;
  height: 26px !important;
  display: inline-block;
  background: #fff !important;
  border-radius: 50% !important;
  color: #121515;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
  text-align: center;
  transition: all .4s;
  margin: 0 4px;
}
.cta-fixed i.fab.fa.fa-facebook {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400;
  display: inline-block;
}
.cta-fixed .networks_linking a:hover, .cta-fixed .phone-link a:hover {
  background: #eefcef !important;
  color: #000000 !important;
}
.cta-fixed .networks_linking {
  margin: 0 !important;
}
a.moreless-button {
    position: relative;
    margin: 24px auto 0;
    text-decoration: none;
    pointer-events: all;
    cursor: pointer;
    transition: all .6s;
    color: white;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    border-radius: 100px 100px 0 100px;
    background: linear-gradient(90deg, #EDC362 0%, #B28337 100%);
    padding: 16px 35px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

a.moreless-button:after {
    position: relative;
    content: "";
    width: 7px;
    height: 12px;
    background: url(../images/btn.png) no-repeat;
    order: -1;
}
a.moreless-button:hover {
    color: #ffffff;
    transform: translateY(-3px);
}
a.popup:hover .image-home:after {
  transform: scale(1.1);
}a.popup {
  transition: all 0.4s;
  /* overflow: hidden; */
}.image-home:after {

  transition: all 0.4s;
}
/***************************************************************************************/
section.news {
    padding: 131px 0 130px;
    position: relative;
    background: url(/media/images/new-images3/bg-news.jpg) no-repeat fixed center;
    background-size: cover;
}
section.news:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0D100D;
    opacity: 0.3;
}
section.news .slick-dots {
  bottom: -78px;

}section.news .slick-dots li button:before {
  font-family: 'slick';
  font-size: 47px;
  line-height: 13px;
  position: absolute;
  top: 0;
  left: -1px;
  /* opacity: 1 !important; */
  color: #ffffff;
  /* -webkit-font-smoothing: antialiased; */
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  width: 14px;
  height: 14px;
}
section.news  .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  outline: none;
  background: transparent;
  border: 2px solid #ffffff;
}

section.news .news-title {
  position: relative;
  margin: 0 auto;
  padding: 0px 0 0;
  display: table;
  text-align: center;
  z-index: 2;
} 
section.news h3 {
    margin: 0 auto;
    position: relative;
    display: table;
    color: var(--light-color, #FFF);
    text-align: center;
    font-family: "Manrope";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}section.news h2 {
    position: relative;
    margin: 6px auto 0;
    letter-spacing: 0;
    color: var(--light-color, #FFF);
    text-align: center;
    font-family: "Manrope";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    background: url(/media/images/new-images3/h2.png) no-repeat bottom center;
    padding: 0 0 50px;
}
section.news #AllNews figure.Item figcaption {
    transition: all .6s;
    text-align: center;
    padding: 0 0;
    max-width: 80%;
    margin: 0 auto;
}section.news #AllNews figure.Item:hover:after {
  display: none;
}
section.news #AllNews figure.Item figcaption .button {


}section.news #AllNews figure.Item .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

#AllNews .slick-slide > div {
  margin: 0 8px;
  padding: 48px 0 0;
}
section.news #AllNews figure.Item {
  position: relative;
  transition: all .6s;
  grid-gap: 0;
  align-items: baseline;
  text-align: center;
  margin: 0 auto;
  color: white;
}
section.news #AllNews figure.Item .photo {

  display: none;
}

/********* News ***************/
section.page-news {
  padding: 60px 0 0;
}
section.page-news #AllNews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
section.page-news #AllNews figure.Item {
  position: relative;
  display: block;
  grid-template-rows: 228px 1fr;
  overflow: hidden;

}

section.page-news #AllNews figure.Item .photo {
  position: relative;
  background: #000;
}
/*section.page-news #AllNews figure.Item .photo::after {
content: '';
z-index: 3;
position: absolute;
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;

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%;
/*
background-size:    100% 3px,
3px 100%,
100% 3px,
3px 100%;

}
section.page-news #AllNews figure.Item:hover .photo::after {
animation: bg 1.25s;
animation-fill-mode: forwards;
}*/
@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%;
  }
}
section.page-news #AllNews figure.Item .photo.nophoto {
}
section.page-news #AllNews figure.Item:hover .photo.nophoto {
}

.pageTemplate #AllNews .number {
  display: none;
}

#AllNews figure.Item .date {

  display: none;
}


section.page-news #AllNews figure.Item .photo {

  display: none;

}

#AllNews figure.Item .number {
  position: relative;
  right: 0;
  top: 0;
  font-size: 40px;
  color: #282828;
  font-weight: 400;
  text-align: center;
  transition: all 0.4s;

  display: none;
}#AllNews figure.Item:hover .number {
  color: #fff;
}
section.page-news #AllNews figure.Item figcaption {
  padding: 58px 40px 83px;
  position: relative;
  transition: all .4s;
  text-align: center;
  background: white;
  color: #282828;
  border-radius: 36px;
  letter-spacing: 0;
  border: 2px solid #2828282e;
  height: 346px;
}section.page-news #AllNews figure.Item:hover figcaption {
  border-color: #282828;
}
section.page-news  #AllNews figure.Item figcaption .button {
  position: absolute;
  text-decoration: none;
  font-size: 16px;
  display: table;
  transition: all .6s;
  cursor: pointer;
  text-transform: uppercase;
  bottom: 68px;
  color: #282828;
  background: url(../images/arrow.png) no-repeat  right;
  left: 0;
  right: 0;
  margin: auto;
  letter-spacing: 0.2em;
  font-weight: 700;
  padding: 0 33px 0 0;
}section.page-news #AllNews figure.Item:hover figcaption .button {
  transform: scale(1.1);
}



section.page-news #AllNews figure.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;
  transition: opacity 1.25s;
}
#AllNews figure.Item .date {
  width: 63px;
  height: 66px;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  bottom: -33px;
  right: 24px;
  z-index: 1;
  box-shadow: 0 0 7px rgb(0 0 0 / 14%);
  font-size: 16px;
  color: #282828;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 9px;
  transition: all .4s;
}
#AllNews figure.Item:hover .date {
  background: #282828;
}
section.page-news.News-home {
  padding: 97px 0 79px;
  background: #fff;
  position: relative;
  background-size: cover;
}

section.page-news.News-home h3 {

  position: relative;
  display: table;
  margin: 0 auto 0;
  text-align: center;
  color: #282828;
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 0;

  font-weight: 700;
  line-height: 42px;
}
section.page-news.News-home h2 {
  text-align: center;
  margin: -19px 0 65px;
  font-weight: 400;

  font-size: 65px;
  text-transform: capitalize;
  color: #282828;
  position: relative;
}
section.page-news #AllNews figure.Item:hover .photo i {
  opacity: 1;
}
#AllNews figure.Item figcaption {
  z-index: 10;
  padding: 40px 35px 0;
  text-align: left;
}
.header-wrapper.sticky-appear #navigation .sf-menu {
  margin: 0;
}

#AllNews figure.Item figcaption h3 {
    margin: 0 auto 30px;
    text-transform: none;
    display: table;
    letter-spacing: 0;
    color: var(--light-color, #FFF);
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}
section.page-news #AllNews figure.Item:hover figcaption h3 {
  border-color: #000;
}
img.img-responsive.img-news {
  max-width: 300px;
  max-height: 200px;
  float: right;
  margin: 0 0 20px 30px;
}
section.page-news #AllNews figure.Item figcaption p {
  margin: 0;
}
#AllNews figure.Item a.btn-news {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0;
  outline: none;
  z-index: 2;
}
#AllNews figure.Item figcaption .button {
    position: relative;
    text-decoration: none;
    pointer-events: all;
    z-index: 1;
    display: inline-flex;
    margin: 20px auto 0;
    color: white;
    text-align: center;
    font-family: "Manrope";
    border-radius:100px 100px 0 100px;
    background: linear-gradient(90deg, #EDC362 0%, #B28337 100%);
    padding: 16px 35px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
#AllNews figure.Item:hover figcaption .button {
  color: #fff;
}
#AllNews figure.Item figcaption .button::after {
    content: "";
    position: relative;
    width: 7px;
    height: 12px;
    display: inline-block;
    background: url(../images/btn.png)no-repeat;
    transition: all 0.4s;
    order: -1;
}
#AllNews figure.Item figcaption .button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    display: inline-block;
    z-index: -1;
    background: #0B0B0A;
    transition: width 0.4s;
    border-radius: 100px 100px 0 100px;
}
#AllNews figure.Item:hover figcaption .button::before {
  width: 100%;
}
section.news .slick-dots li.slick-active button:before {
  opacity: 1 !important;
  color: #ffffff;
}section.news .slick-dots li {

  margin: 0 9px;

}
/********************/
.pageTemplate #AllNews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 18px;
}
.pageTemplate #AllNews figure.Item {
  position: relative;
  display: block;
}
.pageTemplate #AllNews figure.Item .photo {
  position: relative;
  z-index: 2;
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  overflow: hidden;
  height: 250PX;
  position: relative;
}
.pageTemplate #AllNews figure.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;
  transition: all 0.4s;
}
.pageTemplate #AllNews figure.Item:hover .photo img {
  transform: scale(1.1);
}
.pageTemplate #AllNews figure.Item .photo i {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1em;
  margin-top: -50px;
  opacity: 0;
  transition: margin-top .6s, opacity .6s;
  transition-delay: 0s;
}
.pageTemplate #AllNews figure.Item:hover .photo i {
  margin-top: 0px;
  opacity: 1;
  transition-delay: .4s;
}
.pageTemplate #AllNews figure.Item figcaption {
  grid-column: 2 / 4;
  grid-row: 2 / 4;
  z-index: 1;
  padding: 28px 20px 43px;
  background: none;
  border: 1px solid #2524231f;
  border-top: none;
  height: auto;
  text-align: center;
}
.news-footer .backbtn {
  z-index: 2;
  float: right;
  position: relative;
  color: #fff !important;
  background: #B28337 !important;
  line-height: 30px !important;
  display: inline-block;
  min-width: 30px !important;
  text-align: center;
}.news-footer .backbtn:hover {
  background: #282725 !important;
}.news-footer div#ContainerBlockSocial {
  margin: 0;
  padding-top: 0;
}.banner.small.contact  .container-fluid {
  top: 60%;
}.news-footer .news-back a i.fa.fa-level-up {
  position: relative;
  left: -6px;
  top: 1px;
}.fa-level-up:before {
  content: "\f104" !important;
}
.news-footer {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #000;
  background: none;
  padding: 13px 10px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  clear: both;
  top: 0;
  border: 1px solid #111;
}.news-footer .news-back a {
  background: #ec0404;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  padding: 5px 17px;
  text-align: center;
  display: block;
}
.pageTemplate #AllNews figure.Item figcaption h3 {
  margin: 0 0 24px;
  font-size: 24px;
  color: black;
  text-align: center;
}.pageTemplate #AllNews figure.Item figcaption .button {
 
  margin: 0 auto 0;
}
.pageTemplate #AllNews figure.Item figcaption p {
  margin-bottom: 20px;
}
/************/
.page-content {
  padding: 50px 0;
}.page-content article.content {
 background: #fff;
  padding: 20px;
}
.mobile-nav {
  display: none;
}
.box-shop {
    background: #F0F5EF;
    padding: 20px;
    margin: 0 0 20px;
}
.cta .dropdown {
  margin-left: 40px;
}

.cta .dropdown a#dropdownMenuLink {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0;
  letter-spacing: 0.1em;
  font-size: 12px;
}.webshop-content h1:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -11px;
    width: 120px;
    height: 25px;
    background: url(/media/images/new-images3/h1.png) no-repeat;
    right: 0;
    margin: auto;
    z-index: 3;
}
.cta .dropdown a#dropdownMenuLink:hover {
  color: #B28337;
}
.slogan {
    position: relative;
    left: 0px;
    color: white;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    animation: slideLeft 2s 
    ease 0s 1 normal forwards;
    z-index: 5;
    font-size: 54px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.1em;

    font-family: "Playfair Display";
}
span.color {
    background:linear-gradient(180deg, #EDC362 0%, #B28337 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.slogan h5 {
    color: white;
    font-family: "Playfair Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px;
    margin: 9px 0;
}
.slogan strong {
  letter-spacing: 0;
  text-transform: none;
  color: var(--light-color, #FFF);
 font-family: "Manrope", sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 500;
  line-height: 65px;
  text-shadow: 0 0 5px #00000066;
}
.slogan p {
  margin: 0;
}
.slogan p a {
    position: relative;
    text-decoration: none;
    pointer-events: all;
    z-index: 1;
    display: inline-flex;
    margin: 0;
    color: white;
    text-align: center;
    font-family: "Manrope";
    border-radius: 100px 100px 0 100px;
    background: var(--Linear, linear-gradient(180deg, #EDC362 0%, #B28337 100%));
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 16px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.slogan p a::after {
    content: "";
    position: relative;
    width: 7px;
    height: 12px;
    display: inline-block;
    background: url(/media/images/new-images3/btn.png)no-repeat;
    transition: all 0.4s;
    order: -1;
}
.slogan .container > p:first-child {
    margin: 0 auto;
    max-width: 600px;
}
.slogan p a:hover::before {
  width: 100%;
}.slogan p a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    display: inline-block;
    z-index: -1;
    background: white;
    transition: width 0.4s;
    border-radius: 100px 100px 0 100px;
}
.slogan p a:hover {
    color: #B28337;
}
.slogan .btn-cta a {
  position: relative;
  line-height: 30px;
  text-decoration: none;
  color: #fff;
  pointer-events: all;
  padding: 14px  33px;
  font-size: 20px;
  z-index: 1;
    font-family: "Manrope", sans-serif;
  text-transform: none;
  text-align: center;
  letter-spacing: 0;
  display: inline-block;
  background: #B28337;
  border-radius: 50px;
  font-weight: 600;
  margin: 0;
}

.btn-cta {
  position: relative;
  display: inline-flex;
  gap: 10px;
  margin: 20px 0 0;
}.social .networks_linking a {
  display: inline-block;
  font-size: 26px;
  height: 59px;
  width: 59px;
  border-radius: 50%;
  background: transparent;
  color: #B28337;
  text-align: center;
  text-decoration: none;
  border: 1px solid #B28337;
  transition: all 0.4s;
  line-height: 58px;
}.social .networks_linking a:hover {
  background: #82a18f !important;
  color: #fff !important;
  border-color: #82a18f;
}.social {
  position: relative;
  padding: 38px 0 0 0;
}.slogan .btn-cta .tel-top span.phone-responsive {
  display: inline-block;
}
/*******************/
section.banner:before {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 76.59%);
    inset: 0;
    z-index: 1;
    position: absolute;
    pointer-events: none;
}
header.top .logo {
    position: relative;
    z-index: 1;
    padding: 0 0 0;
 
}

header.top nav.main-nav #nav-group #navigation {
  position: relative;
}

header.top a.mobile-nav {

  display: none;

}


header.top.sticky-appear .nav-shop {
  margin: 24px 0 0;
}



.webshopHomeTemplate .webshop-content .container {
  position: relative;
}

.webshop-content.products-home #Shop div#ShopContent #article-content {
  padding: 0;
  margin: 0;
}

header.top {
    position: absolute;
    width: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.20);
}
marker {
    font-size: 0;
}.news-item-text ul li {
    background: url(/media/images/new-images3/list-icon02.png) no-repeat 0px 6px;
    padding: 0 0 0 21px;
}.news-item-text ul {
    padding: 0 0 0 3px;
}

/********************/
#news-popup .popup-wrapper .popup-content .news-item-title {
  margin-top: 0;
  padding-top: 0;
  border-bottom: 1px solid #ccc4b9;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-weight: 700;
  font-size: 2em;
  line-height: 1.2em;
  color: #B28337;

}






.slick-slide>div {
  margin: 0 11px;
}

/********************/

.mini-wishlist-total .mini-wishlist-total-qty span#catalog_wishlist_mini-nbr-items {
  right: 2px;
  top: -43px;
  background: #3e4245;
  width: 22px;
  line-height: 22px;
  display: none;
}
.nav-shop {
  justify-self: end;
  display: flex;
  column-gap: 13px;
}.nav-shop .wishlist-button:hover i.fas, .nav-shop .caddy-button:hover i.fas, .nav-shop .account-button:hover i.fas, .nav-shop .search-popup-close:hover i.fas {
    -webkit-text-stroke: 1px #AF7F2B;
}
.topinfo {
  position: relative;

}.tel-top span.number-responsive {
  display: inline-block;
}
.tel-top {
    color: #AF7F2B;
    font-family: "Manrope";
    position: relative;
    text-shadow: none;
    height: 51px;
    animation: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border-radius: 100px 100px 0 100px;
    background: white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 16px 30px;
    gap: 8px;
}
.tel-top:before {
    height: 16px;
    content: "";
    background: url(../images/tel-top.png) no-repeat;
    width: 16px;
    position: relative;
}
.tel-top a:hover {
    text-decoration: underline;
}.tel-top a {

    text-decoration: none;
    font-weight: 400;
    color: var(--primary-color, #AF7F2B);
    text-align: center;
    font-family: "Manrope";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.75px;

}
.btn-slogan {
    display: flex;
    gap: 20px;
    margin: 0;
    align-items: self-end;
    justify-content: center;
}
.logo-pages {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}.logo-pages img {
    width: 100% !important;
    height: 200px;
    object-fit: scale-down;
    border: 1px solid #6cb75f;
    padding: 10px;
    transition: all 0.4s;
    background: white;
}
.search-button, .nav-shop .wishlist-button, .nav-shop .caddy-button {
  float: left;
  padding: 0px;
  position: relative;
  margin: 0 0 0;
}

#CaddyCount {
  position: absolute;
  right: -8px;
  font-size: 13px;
  line-height: 16px;
  width: 14px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  display: block;
  border-radius: 50%;
  top: -10px;
  background: #B28337;
}
.search-button i.fas, .nav-shop .wishlist-button i.fas, .nav-shop .caddy-button i.fas {
  color: #fff;
  font-size: 16px;
  transition: color 0.4s;
  font-family: 'Font Awesome 5 Free';
}
.nav-shop .caddy-button i.fas {
  font-weight: 900 !important;
  font-family: 'Font Awesome 5 Free';
}
.nav-shop .wishlist-button i.fas:hover, .nav-shop .caddy-button:hover i.fas {
    -webkit-text-stroke: 1px #AF7F2B;
}
.social-top .networks_linking a {
  background: #fff;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  color: #B28337;
  line-height: 31px;
  font-size: 21px;
}

.social-top .networks_linking a:hover {
  background: #B28337 !important;
}

.nav-shop .wishlist-button i.fas, .nav-shop .caddy-button i.fas, .nav-shop .account-button i.fas, .nav-shop .search-popup-close i.fas {
  color: white;
  font-size: 15px;
  /* font-family: 'FontAwesome'; */
  /* font-weight: 100; */
  -webkit-text-stroke: 1px #ffffff;
  -webkit-text-fill-color: transparent;
}
.search-button i.fas:hover,
.nav-shop .wishlist-button i.fas:hover,
.nav-shop .caddy-button:hover i.fas {
  color: #AF7F2B;
  cursor: pointer;
}

.nav-shop .wishlist-button i.fas:hover,
.nav-shop .caddy-button:hover i.fas {
  color: #AF7F2B;
}

.nav-shop .caddy-button:hover #CaddyCount, .wishlist-button:hover .mini-wishlist-total .mini-wishlist-total-qty span#catalog_wishlist_mini-nbr-items {
  background: #AF7F2B;
}
#mm-navigation .mm-panels>.mm-panel>.mm-listview {
  margin-top: 0;
  margin-bottom: 0;
}

#mm-navigation .mm-panels>.mm-panel>.mm-listview:first-child,
#mm-navigation .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
  margin-top: -20px;
}

#mm-navigation .mm-listview {
  display: block !important;
}

nav.main-nav .account-popup,
.nav-shop .search-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .85);
  opacity: 0;
  z-index: 100;
  transition: opacity .6s;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.account-active nav.main-nav .account-popup,
.search-active .nav-shop .search-popup {
  opacity: 1;
  pointer-events: all;
}

nav.main-nav .account-popup #user-login,
.nav-shop .search-popup .searchForm {
  transform: scale(.9);
  transition: transform .6s;
}

.account-active nav.main-nav .account-popup #user-login,
.search-active .nav-shop .search-popup .searchForm {
  transform: scale(1);
}

nav.main-nav .account-popup #user-login {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  min-width: 510px;
}

nav.main-nav .account-popup #user-login h2 {
  grid-column: 1 / -1;
  padding: 0;
  margin: 0 0 15px;
  color: #ffffff;
}

nav.main-nav .account-popup #user-login input.field {
  font-size: .9em;
  line-height: 1.35em;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 10px;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  color: #eee;
  text-align: center;
  transition: border-bottom-color .6s, color .6s;
  color: #fff;
}

nav.main-nav .account-popup #user-login input.field::placeholder {
  color: #fff;
}

nav.main-nav .account-popup #user-login input.field:focus {
  border-bottom-color: #fff;
  color: #fff;
}

nav.main-nav .account-popup #user-login .registrate,
nav.main-nav .account-popup #user-login .forgot {
  margin: 0;
  line-height: inherit;
}

nav.main-nav .account-popup #user-login .registrate {
  text-align: right;
}

nav.main-nav .account-popup #user-login .forgot {
  text-align: left;
}

nav.main-nav .account-popup #user-login .separator {
  display: none;
}

nav.main-nav .account-popup #user-login .catalog-login-divider {
  grid-column: 1 / -1;
}

nav.main-nav .account-popup #user-login .Send {
  grid-column: 1 / -1;
  background: transparent;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  text-align: center;
  font-size: 1em;
  border-radius: 4px;
  text-transform: uppercase;
  padding: 10px;
  transition: background .6s, color .6s;
}

nav.main-nav .account-popup #user-login .Send span {
  display: none;
}

.titel-home {
  position: absolute;
  left: 52%;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 58px;
  color: #ccc4b9;
  text-transform: none;

  bottom: 185px;
}

nav.main-nav .account-popup #user-login .Send:hover {
  background: #B28337;
}

nav.main-nav .account-popup .user-wishlist {
  display: none;
}

.nav-shop .search-popup .searchForm #searchcatalog {
  position: relative;
}
@keyframes slideLeft {
  0% {
    transform: translateX(100%); /* Commence hors écran à droite */
    opacity: 0;
  }
  100% {
    transform: translateX(0); /* Arrixve à sa position normale */
    opacity: 1;
  }
}


@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px); /* Monte légèrement */
  }
  100% {
    transform: translateY(0px); /* Redescend */
  }
}




@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.nav-shop .search-popup .searchForm #searchcatalog label {
  display: block;
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
}
.adr-top {
    background: url(../images/adr-top.png) no-repeat center left;
    padding: 0 0 0 18px;
}

.header-grid {
    position: relative;
    display: grid;
    grid-template-columns: 182px auto 117px;
    justify-content: space-between;
    margin: 20px 0 0;
    gap: 20px;
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   
    padding: 15px 50px;
    align-items: center;
}
.max-container {
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1625px;
}.header-nav {
    padding: 0;
    animation: slideLeft 2s ease 0s 1 normal forwards;
}
.nav-shop .search-popup .searchForm #searchcatalog input#tags {
  background: none;
  width: 450px;
  padding: 5px 40px 5px 5px;
  font-size: 1.4em;
  line-height: 40px;
  border: 0;
  display: block;
  border-radius: 0;
  border-bottom: 1px solid #999;
  transition: border-bottom-color .6s;
  color: #fff;
}

.nav-shop .search-popup .search-popup-close i {
  color: #fff !important;
}

.nav-shop .search-popup .searchForm #searchcatalog input#tags:focus {
  border-bottom-color: #fff;
}

.nav-shop .search-popup .searchForm #searchcatalog input#BtnSearch {
  background: none;
  border: 0;
  padding: 0;
  font-size: 0em;
  width: 36px;
  height: 50px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 2px;
  z-index: 1;
}

.nav-shop .search-popup .searchForm #searchcatalog .container-Search::after {
  content: '\f002';
  font-size: 24px;
  line-height: 50px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 36px;
  display: block;
  -webkit-text-stroke: 1px #ffffff;
  -webkit-text-fill-color: transparent;
  text-align: center;
  z-index: 2;
  pointer-events: none;
}

nav.main-nav .account-popup .search-popup-close,
.nav-shop .search-popup .search-popup-close {
  position: absolute;
  right: 50px;
  top: 50px;
  color: #fff;
  font-size: 2em;
  line-height: 1em;
  transition: color .6s, transform .6s;
  cursor: pointer;
}

nav.main-nav .account-popup .search-popup-close:hover,
.nav-shop .search-popup .search-popup-close:hover {
  color: #B28337;
  transform: rotate(90deg);
}

aside.cart-sidebar {
  position: fixed;
  right: -350px;
  top: 0;
  bottom: 0;
  overflow: auto;
  width: 300px;
  padding: 20px;
  background: #333;
  color: #ccc4b9;
  z-index: 120;
  transition: all 0.4s;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

aside.cart-sidebar.active {
  right: 0;
}

aside.cart-sidebar .caddy-close {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}

aside.cart-sidebar .caddy-close span {
    width: 30px;
    height: 30px;
    background: #EDC362 url(/media/images/new-images3/icon-close.png) center no-repeat;
    display: block;
    transition: background 0.4s;
}div#Breadcrumbs a {
    color: #1b333b;
}
aside.cart-sidebar .caddy-close:hover span {
  background-color: #B28337;
}

aside.cart-sidebar h3 {
  font-size: 26px;
  text-transform: none;
  color: #fff;
  margin: 0 0 20px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 5px;
}

aside.cart-sidebar a {
  color: #fff;
}

aside.cart-sidebar .caddy-total {
  font-size: 20px;
  padding: 5px 0 20px;
  color: #fff;
  text-align: center;
}

aside.cart-sidebar .caddy-total #catalog_cart_mini-price {
  /*display: none;*/
}

aside.cart-sidebar .box_cart {
  display: grid;
}

aside.cart-sidebar ul,
aside.cart-sidebar li {
  list-style: none;
  margin: 0;
  padding: 0;
}

aside.cart-sidebar ul.Cart li.row {
  position: relative;
  border-top: 1px solid #666;
  padding: 15px 0px 15px 30px;
  margin: 0;
  font-size: 16px;
}

aside.cart-sidebar ul.Cart li.row:first-child {
  border-top: 0;
}

aside.cart-sidebar ul.Cart li.row span.cartQty {
  display: inline-block;
  padding: 0 1px;
}

aside.cart-sidebar ul.Cart li.row span.cartQty+a {
  margin-left: 3px;
}

aside.cart-sidebar ul.Cart li.row a {
  font-weight: bold;
  font-size: 17px;
}

aside.cart-sidebar ul.Cart li.row strong.cartPrice {
  display: block;
  clear: both;
  text-align: right;
  font-size: 17px;
}

aside.cart-sidebar ul.Cart li.row a.Remove {
  position: absolute;
  left: 0;
  top: 16px;
  padding: 0;
  color: #fff;
  background: #6cb75f url(/media/images/new-images3/icon-close.png) no-repeat center;
  background-size: 36%;
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
}

aside.cart-sidebar ul.Cart li.row a.Remove:hover {
  background-color: #B28337;
}

aside.cart-sidebar .mini-cart-option {
  background: none;
  color: #fff;
  margin: 5px 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
  line-height: 25px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px;
  border-radius: 4px;
  display: block;
  text-align: center;
}

aside.cart-sidebar .mini-cart-option:hover {
  background: #B28337;
  color: white;
}
aside.cart-sidebar .mini-cart-option-cart {
  order: 2;
}

aside.cart-sidebar .mini-cart-option-order {
  order: 1;
}

/************ content *********************/
.webshopHomeTemplate header.page-title {
  position: relative;
  margin: 0 auto 35px;
  display: table;
  border-bottom: none;
  padding: 0;
  text-align: center;
}
.webshopHomeTemplate header.page-title h1 {
  position: relative;
  margin: 0;
  display: table;
  text-align: left;
}
.webshop-content.content-home>#Shop div#ShopContent #article-content .homeShopContent {
  display: none;
}

.webshopHomeTemplate section.part-prod #Shop div#ShopContent #article-content div#CatContent {
  display: none;
}

.webshopHomeTemplate header.page-title {
  position: relative;
}

.webshopHomeTemplate #Shop div#ShopContent #article-content div#CatContent {
  padding-bottom: 30px;
}
.webshop-content.products-home {
    padding: 120px 0;
    position: relative;
}
.webshop-content.products-home:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/after-produits.png) no-repeat center;
    height: 446px;
    width: 983px;
    transition: all 0.6s;
    background-size: contain;
    pointer-events: none;
    background-blend-mode: darken;
}
section.home-galerie .mcePxmGallery .highslide-gallery {
  position: relative;
  pointer-events: none;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-gap: 0px !important;
  min-height: auto !important;
}
.webshop-content.products-home div#Breadcrumbs {
    display: none;
}
section.home-galerie .mcePxmGallery .highslide-gallery .highslideContainer a.highslide {
  padding-bottom: 100%;
}

section.home-galerie {
  margin: 0 0 -10px;
  padding: 0;
}

.webshop-content #article-content a.button {
  display: inline-block;
  background: #bbb;
  color: #fff;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 45px;
  margin: 10px 0 0;
  text-transform: uppercase;
}

.webshop-content #article-content a.button:hover {
  background: #222222;
}

.webshopHomeTemplate .webshop-content.content-home {
    padding: 63px 0 120px;
    position: relative;
    background: var(--dark-color, #0B0B0A);
    text-align: center;
    color: white;
}
.webshopHomeTemplate .webshop-content .container {
    position: relative;
    padding: 0 100px;
}section.part-prod {
  animation: slide-in 1s;
  animation-fill-mode: forwards;
  animation-delay: .5s;
}
section.shop-boxes .wrapper-shop {
  display: flex;
  justify-content: space-between;
}

section.shop-boxes .wrapper-shop h2 {
  font-size: 14px;
  color: #7a7a7a;
  text-transform: uppercase;
  margin: 0 auto 6px;
  line-height: 14px;
}

.webshop-content {
  padding: 0px 0 20px;
  /* position: relative; */
}

h2.selection {
  text-align: center;
  padding-top: 70px;
  margin: 0 auto 20px;
  color: #484747;
  text-transform: uppercase;
  font-size: 26px;

  letter-spacing: 2.6px;
  text-shadow: 0 0 BLACK;
  line-height: 26px;
  background: url(../images/bg-h2.jpg) top center no-repeat;
}

section.newsletter.photo-spacer {
  min-height: 300px;
}
.photo-contact img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 6px;
  border: 1px solid #00000045;
}
header.page-title {
  padding: 0;
  margin: 0 0 15px;
  position: relative;
}
.pageTemplate #AllNews {
  margin: 0 0 26px;
}.pageTemplate #AllNews figure.Item figcaption p {
   /* height: 124px;*/
}
header.page-title h1 {
  position: relative;
  margin: 0;
  display: block;
  text-align: left;
}
.page-content header.page-title h1 {
    position: relative;
    margin: 0;
    display: block;
    text-align: center;
    border-bottom: 0;
    padding: 0;
    font-size: 43px;
}

.page-content header.page-title h1:after {
    position: relative;
    content: "";
    width: 143px;
    height: 9px;
    background: url(../images/icon-title.png) no-repeat bottom center;
    right: 0;
    margin: 14px auto 0;
    display: block;
}
/*******************************/
.photo-contact {
    height: 100%;
}


/*********************/
footer.bottom.small {
  /* border-top: 5px solid #B28337; */
  /* font-size: 100%; */
  margin: 302px 0 0 0;
}.box-first {
  margin: 0;
  background: #faf8e5;
  padding: 20px;
  border-radius: 10px;
}
header.page-title h1 .subtitle {
    display: block;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 6.3px;
    text-transform: uppercase;
    background: var(--Linear, linear-gradient(180deg, #EDC362 0%, #B28337 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.webshopHomeTemplate header.page-title h1>span:not(.subtitle) {
    text-transform: capitalize;
    display: inline;
    text-align: center;
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px;
    letter-spacing: 2.75px;
    color: white;
}
.webshopHomeTemplate header.page-title h1>span:last-child {
    background: var(--Linear, linear-gradient(180deg, #EDC362 0%, #B28337 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
}
.webshopHomeTemplate header.page-title h1 {
    border-bottom: none;
    padding: 0 0 23px;
    background: url(../images/icon-title.png) no-repeat bottom center;
    margin: 0;    text-align: center;
}
article.content {
  padding-bottom: 50px;
}

article.content ul {
  padding-left: 10px;
}

article.content ul li {
    list-style: none;
    background: url(/media/images/new-images3/list-icon.png) no-repeat 0 7px;
    padding-left: 20px;
}
.box-light {
  background: #f4f4f4;
  padding: 20px;
  border: 1px solid #ccc4b9;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  align-items: center;
  margin: 0 0 20px;
}

.box-light .img-bx img {
  height: 100%;
  max-width: 100%;
  max-height: 250px;
  object-fit: cover;
}

.box-light.box3 {
  display: block;
}

.box-light .img-bx {
  max-height: 250px;
}

.box-light>h2 {
  margin-top: 0;
}

article.content ul ul li {
  background-image: url(../images/list-icon.png);
}

article.content .table-style {
  position: relative;
}

article.content .table-style p {
  margin: 0;
}

article.content .table-style th, article.content .table-style td {
  border: 1px solid #B2833794;
  padding: 8px 10px;
}
article.content table.contact-table td {
  width: 33.3333%;
  text-align: center;
  vertical-align: top;
}article.content .table-style tr td:last-child {
  width: 8%;
  font-weight: 500;
}article.content .table-style tr:hover {
  background: #B2833733;
  /* color: #fff; */
}article.content .table-style {

  margin-bottom: 20px;
}

article.content table.contact-table td:first-child {
  text-align: left;
}

article.content table.contact-table td:last-child {
  text-align: right;
}

article.content table.contact-table td h3 {
  margin: 0 0 5px;
  padding: 0;
}
article.content .contact-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 20px;
  padding-top: 18px;
}

article.content .contact-grid .contact-info .phone-responsive {
  display: inline-block;
}
article.content .contact-grid .contact-info div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

article.content .contact-grid .contact-info div .box_googlemapsv2 {
  width: 100%;
  height: 229px;
  margin-top: 80px;
}

article.content .contact-grid .contact-info label.modal-label {
  color: #FE87AC;
}

article.content .contact-grid .contact-info .icon i {
  font-size: 1.5em;
  margin-right: 20px;
  -webkit-text-stroke: 1px #B28337;
  -webkit-text-fill-color: white;
}
/***************************/
section.parallax {
    position: relative;
    height: 594px;
    background: url(../images/parallax.jpg) no-repeat center fixed;
    background-size: cover;
}

/********* News ***************/

div#NewsItems .NewsItem.box {
  position: relative;
  width: 100%;
  padding: 15px;
  margin: 10px auto;
  background: #f4f4f4;
  color: #222;
}

div#NewsItems .NewsItem.box h5.news-title.box1 {
  font-size: 1.2em;
  margin: 0 0 10px;
}

div#NewsItems .photo-news {
  max-width: 150px !important;
  float: right;
  margin: 0 0px 15px 25px;
  height: 100%;
}

div#NewsItems .photo-news img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.NewsItem .date {
  font-size: 100%;
  font-weight: 700;
  color: #3e4245f3c;
}

div#NewsItems a.readmore {
  font-size: 19px;
  line-height: 1;
  text-shadow: none;
  padding: 13px 20px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-weight: 300;
  background: #B28337;
  text-transform: uppercase;
  box-shadow: none;
  transition: box-shadow .4s;
  margin: 0px 0 0;
  border-radius: 30px;
  background: linear-gradient(to top, #B28337 0%, #B28337 50%, #3e4245 50%, #3e4245 100%);
  background-size: 100% 200%;
  background-position: 0 100%;
  transition: background 400ms ease-in-out;
}

div#NewsItems a.readmore:hover {
  color: #fff;
  background-position: 0 0;
}

img.img-responsive.img-news {
  float: right;
  max-width: 250px;
  margin: 0 0 20px 30px;
}

.col-md-8.col-md-push-4 h3 {
  margin-top: 0;
}

.vCard .box-light h5 {
  margin: 0 0 3px;
}

.vCard .box-light {
  margin-top: 11px;
}
.webshop-content.products-home .container {
    padding: 0 15px;
}
/********/
h2.title-prod strong {
    text-transform: none;
    letter-spacing: 0;
    color: #0B0B0A;
    text-align: center;
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    margin-top: 2px;
    display: block;
}
h2.title-prod span {
    background: var(--Linear, linear-gradient(180deg, #EDC362 0%, #B28337 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 6.3px;
}
h2.title-prod {
    margin: 0 0 48px;
    position: relative;
    text-align: center;
    font-style: normal;
    background: url(../images/icon-title.png) no-repeat bottom center;
    padding: 0 0 29px;
    text-transform: uppercase;
}
section.part-prod div#ProdNav {
  display: none;
}



/****section.newsletter ******/
section.newsletter {
  padding: 0;
  text-align: left;
}

/********************boxes**********************/
section.boxes-wrapper {
    position: relative;
    padding: 0;
    z-index: 4;
    background: #0B0B0A;
}

section.boxes-wrapper h3 {
  font-size: 55px;
  color: #d8a353;
  margin: 0 0 53px;
  line-height: 1.2em;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  font-weight: 500;
  letter-spacing: .02em;
}

.boxes {
  position: relative;
}
.boxes .slick-slide > div {
  margin: 0 12px 10px;
}
/**
* ----------------------------------------
* animation rotate-vert-center
* ----------------------------------------
*/
@-webkit-keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}


.boxes div[class*="box"] h2 {
    position: relative;
    margin: 0 0 15px;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    color: #0B0B0A;transition: all .6s;
  text-transform:uppercase;
}
.boxes div[class*="box"]:hover h2 {
    color: white;
}
.boxes div[class*="box"] h2:after {
    content: "";
    position: relative;
    margin: 15px auto 0;
    background: url(../images/icon-title.png) no-repeat center;
    height: 9px;
    width: 143px;
    transition: all 0.6s;
    display: block;
}
.boxes div[class*="box"]:hover h2:after {
    display: none;
    
}
section.boxes-wrapper a {
  text-decoration: none;
  outline: none;
}
.boxes div[class*="box"] .photo {
    position: absolute;
    overflow: hidden;
    inset: 0;
    height: 100%;
    width: 100%;
}
section.boxes-wrapper .boxes {
    margin: 0;
    margin-top: -136px;
}

.fullsite {
    overflow: hidden;
}
.boxes div[class*="box"]:hover .text-block {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background: transparent;
    color: white;
}
.boxes div[class*="box"] .text-block {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 1;
    transition: all 0.4s;
    color: rgba(22, 22, 22, 0.70);
    text-align: center;
    font-family: "Manrope";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    background: #F8F0DF;
    padding: 30px 20px;
}
.boxes div[class*="box"] .text-block p {
    margin: 0;
}
.boxes div[class*="box"] .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;
    margin: 0 !important;
    max-width: 100% !important;
    object-position: center;
}
.boxes div[class*="box"]:hover .photo img {
  transform: scale(1.1);
}
.boxes div[class*="box"] {
    position: relative;
    color: #fff;
    height: 510px;
    transition: all 0.6s;
}

.boxes div[class*="box"] p a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .6s;
    font-size: 0;
    z-index: 6;
}


.boxes div[class*="box"] .btn-bx {
    position: relative;
    text-shadow: none;
    left: 0;
    border-bottom: none;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
    transition: all 0.4s;
    right: 0;
    margin: auto;
    color: #0B0B0A;
    text-align: center;
    font-family: "Manrope";
    display: inline-flex;
    border-radius: 100px 100px 0 100px;
    background: white;
    padding: 16px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-top: 15px;
}
.boxes div[class*="box"] .btn-bx:after {
    content: '';
    position: relative;
    width: 7px;
    height: 12px;
    background: url(/media/images/new-images3/btn.png) no-repeat;
    filter: invert(1);
    order: -1;
}
.boxes div[class*="box"]:hover .btn-bx:after {
    filter: invert(0);
  
}
.boxes div[class*="box"]:hover .btn-bx {
  color: white;
 background: linear-gradient(90deg, #EDC362 0%, #B28337 100%);
}
.boxes div[class*="box"]:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: all 0.6s;
}
.boxes div[class*="box"]:hover:before {
 
    opacity: 0.6;
}
/**************************/
section.boxes-wrapper ul.slick-dots {
    position: relative;
    margin: 22px auto 0;
    inset: 0;
}

section.boxes-wrapper ul.slick-dots li {
    background: linear-gradient(180deg, #EDC362 0%, #B28337 100%);
    border-radius: 50%;
    height: 12px;
    width: 12px;
    position: relative;
    margin: 0 12px;
    padding: 0;
}

section.boxes-wrapper ul.slick-dots li button {
    border: 2px solid #EDC362;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    top: -6px;
    left: -6px;
    height: 24px;
    width: 24px;
    transition: all .6s;
  opacity:0;
}
section.boxes-wrapper ul.slick-dots li.slick-active button , section.boxes-wrapper ul.slick-dots li:hover button {
 opacity:1;
}
section.boxes-wrapper ul.slick-dots li button:before {
    display: none;
}
/*****************/

section.news {

    z-index: 1;
}
/*-----------------realisations---------------*/
section.realisations {
    position: relative;
    padding: 100px 0;
    background: #fff;
}
section.realisations:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: url(../images/after-gal.png) no-repeat;
    width: 173px;
    height: 237px;
    z-index: -1;
    background-size: contain;
    transition: all .6s;
}
section.realisations .fa-facebook:before {
  content: "\f09a" !important;
  font-family: 'FontAwesome';
  text-align: center;
  margin: 0 auto;
}
section.realisations h3 {
    margin: 0 auto 15px;
    display: table;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    color: #0B0B0A;
}
section.realisations .networks_linking a i {
    background: linear-gradient(180deg, #EDC362 0%, #B28337 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.realisations .networks_linking a {
    background: none !important;
    font-size: 25px;
    line-height: 33px;
    width: auto;
    height: auto;
    text-align: center;
    margin: 0;
}
section.realisations .networks_linking a:hover {
  color: #B28337;
}
section.realisations .networks_linking a:hover i {
    background: #000;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.realisations .networks_linking {
    display: flex;
    justify-content: center;
    margin: 0px auto 48px;
    gap: 20px;
    text-align: center;
}

section.realisations  .slick-prev:before, section.realisations .slick-next:before {

  font-size: 0;

}
section.realisations  .slick-prev {
  left: -36px;
  background: url(/media/images/new-images3/prev.png) no-repeat !important;
  width: 23px;
  height: 20px;
  border-radius: 0;    border: 0 !important;
}
section.realisations .slick-next {
  right: -36px;
  background: url(/media/images/new-images3/next.png) no-repeat!important;
  width: 23px;
  height: 20px;
  border-radius: 0;    border: 0 !important;
}
section.realisations .slick-prev:hover, section.realisations .slick-next:hover {
    opacity: 0.7;
}
section.realisations #Gallery {
  position: relative;
  min-height: 0 !important;
  margin: 0 15px;
  z-index: 2;
}section.realisations .slick-slide>div {
  margin: 0 10px;
}
section.realisations #Gallery .highslideContainer {
  padding: 0px;
  opacity: 1 !important;
}
section.realisations #Gallery .highslideContainer .highslide::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    transition: .8s;
    z-index: 1;
    background: linear-gradient(0deg, rgba(175, 127, 43, 0.80) 0%, rgba(175, 127, 43, 0.80) 100%);
    transform: scale(0);
}
section.realisations #Gallery .highslideContainer .highslide {
  display: block;
  position: relative;
  border-bottom: none;
  overflow: hidden;
  outline: none !important;

}section.realisations .holder {
  margin: 0;
}

section.realisations #Gallery .highslideContainer .highslide:hover::before {
  transform: scale(1);
}section.realisations #Gallery .highslideContainer .highslide a.highslide:hover {
  transform: scale(1);
}
section.realisations .highslide-gallery .highslideContainer a.highslide:hover {
  transform: inherit;
}
section.realisations #Gallery .highslideContainer .highslide img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  object-position: center left;
  transition: all 0.4s;
  border: none;
  border-radius: 0px;
}
section.realisations #Gallery .highslideContainer .highslide:hover img {

}
section.realisations #Gallery .highslideContainer .highslide:hover::before {
  transform: scale(1);
}
section.realisations #Gallery .highslideContainer .highslide-caption {
  font-size: 1.1em;
}
section.realisations #Gallery .highslideContainer .highslide-caption strong {

  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
}



/****************footer********/
footer.bottom {
    position: relative;
    padding: 102px 0;
    color: white;
    background: var(--dark-color, #0B0B0A);
}
.nav-footer ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}.nav-footer ul li {
  position: relative;
  padding: 0 0 0 22px;
}

.footer-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0;
    justify-content: space-between;
}
footer.bottom .footer-contact {
    display: flex;
    position: relative;
}
.footer-infos {
  position: relative;
  display: flex;
  justify-content: space-between;
}
footer.bottom .footer-center {
    margin: 0 auto;
}
footer.bottom .footer-right {
    margin-left: auto;
}
footer.bottom .footer-contact:before, footer.bottom .footer-contact:after {
    content: "";
    position: relative;
    top: 0;
    bottom: 0;
    width: 1px;
  
    background: linear-gradient(180deg, #EDC362 0%, #B28337 100%);
}
 footer.bottom .footer-contact:after {
    right: 0;
}
footer.bottom .footer-contact:before {
    left: 0;
}
.phone-responsive {
  display: none;
}
footer.bottom a.contact-btn {
    font-family: "Playfair Display";
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    position: absolute;
    right: 85px;
    top: 86px;
    writing-mode: sideways-lr;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
footer.bottom a.contact-btn:after {
    content: "";
    position: relative;
    width: 1px;
    height: 100px;
    background: var(--Linear, linear-gradient(180deg, #EDC362 0%, #B28337 100%));
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    order: -1;
}

body.pageTemplate.lang-nl.contact-page header.top.small .slogan a {
  display: none;
}
.googlemaps_v2 .modal__inner {
  width: 100% !important;
  height: 100% !important;
}

footer.bottom section.googlemaps{position:absolute;/* left:0; */right:0;top:0;bottom:0;overflow:hidden;width: 48%;}
footer.bottom section.googlemaps .box_googlemapsv2{    position: absolute;
  left: 0;
  top: 0;
  height: 100%!important;
  width: 100%!important;}
footer.bottom section.googlemaps .box_googlemapsv2 iframe {
  margin: 0!important;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
}
footer.bottom section.googlemaps .link .modal-label{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;font-size:0;}

.googlemaps_v2 .modal__inner {
  width: 100% !important;
  height: 100% !important;
}
footer.bottom h2 {
    position: relative;
    text-transform: none;
    text-align: left;
    color: white;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
}

footer.bottom h2:after {
    position: relative;
    content: "";
    margin: 25px 0 14px;
    height: 9px;
    width: 76px;
    background: url(../images/icon-title-foot.png) no-repeat;
    display: block;
}
.logo-footer {
  position: relative;

}
.footer-nav {
    background: #FFF;
    height: 50px;
    text-align: center;
}

.footer-nav p {
    margin: 0;
}
span.tel {
  display: inherit;
}
span.number-responsive {
  display: none;
}
footer.bottom a, footer.bottom label.modal-label {
    color: #AF7F2B;
    text-decoration: underline;
    transition: all .4s;
    background: var(--Linear, linear-gradient(180deg, #EDC362 0%, #B28337 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
footer.bottom label.modal-label:hover, footer.bottom a:hover {
  text-decoration:none !important;
  color: #AF7F2B;
}
footer.bottom section.address span.number-responsive {
  display: none;
}
span.phone-responsive {
  display: none;
}
.footer-nav a {
    color: #0B0B0A;
    padding: 15px 0;
    display: table;
    margin: 0 auto;
    text-decoration: none;
    font-weight: 500;
    font-size: 17px;
}body.pageTemplate.lang-nl.contact-page .btn-slogan p a {
    display: none;
}
.footer-nav a:hover {
    color: #AF7F2B;
}

.footer-left {
  position: relative;
}


span.openingDay {
    width: 45px;
    position: relative;
    display: inline-block;
    color: #AF7F2B;
    font-family: "Manrope";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}span.openingDay:after {
    content: ":";
    position: absolute;
    top: 0;
    height: 1px;
    /* width: 122px; */
    margin: auto;
    left: 33px;
    color: rgba(22, 22, 22, 0.70);
}div#openingTimesBlock {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px 21px;
}
.footer-right .opening {
  position: relative;
  padding-left: 0;
}
.link-shop-f p {
  margin: 0;
}footer.bottom .link-shop-f a {
  text-decoration: underline;
  position: relative;
  color: #777;
  line-height: 29px;
}footer.bottom .link-shop-f a:hover {
  color: #777;    text-decoration: none;
}

/*********************************************************************************/
/*--------------------------------------------------
# newsletter Home
--------------------------------------------------*/
section.newsletter.newsletter-home {
    margin-bottom: 60px;
}


section.newsletter.newsletter-home form#form-nl ol {
    gap: 18px 10px;
}
section.newsletter div#NewsletterForm .bloc-NewsletterForm {
    position: relative;
}
section.newsletter.newsletter-home  form#form-nl .txtbox-long {
    color: #595959;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    padding: 11px 22px;
    border-radius: 4px;
    border: 1px solid rgba(89, 89, 89, 0.10);
    background: #FFF;
}

section.newsletter.newsletter-home form#form-nl .gdpr_policy label a:hover {
    text-decoration: underline;
}
section.newsletter.newsletter-home form#form-nl #NewsletterSubmitHeader {
    position: absolute;
    display: table;
    top: 0;
    right: 0;
}


section.newsletter.newsletter-home form#form-nl #NewsletterSubmitHeader input#subscriber-submit {
    z-index: 2;
    position: relative;
    color: white;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    border-radius: 100px 100px 0 100px;
    background: linear-gradient(90deg, #EDC362 0%, #B28337 100%);
    padding: 16px 35px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    border: 0;
}
section.newsletter.newsletter-home form#form-nl .txtbox-long:focus {
    border-color: #e7bc5e;
}
section.newsletter.newsletter-home form#form-nl #NewsletterSubmitHeader:hover input#subscriber-submit {
       transform: scale(0.95);
}

section.newsletter.newsletter-home form#form-nl .gdpr_policy {
    color: white;
    margin: 20px auto 0;
}
section.newsletter.newsletter-home form#form-nl ol li#NewsletterEmailHeader {
 
    max-width: calc( 100% - 200px);
}
/******************/

#Shop div#ShopContent #Products #Items .ProdItem .articleStatusList .statusArticle.New {
  display: inline-block;
  margin: 0 !important;
  position: relative;
  width: 67px;
  height: 67px;
  background: none;
}

#Shop div#ShopContent #Products #Items .ProdItem .articleStatusList .New.statusArticle::before {
  content: '';
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 67px solid #222222;
  border-left: 67px solid transparent;
}

#Shop div#ShopContent #Products #Items .ProdItem .articleStatusList {
  text-align: right;
  top: 10px;
  right: 15px;
}

#Shop div#ShopContent #Products #Items .ProdItem .articleStatusList .statusArticle span {
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  width: auto;
  height: auto;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
  background: #B28337;
  transform: rotate(5deg);
  box-shadow: 0px 0px 5px  #777;
}

a#scrollTopBtn {
  right: 16px;
  background: rgb(108 103 104);
  width: 42px;
  line-height: 39px;
  border-radius: 0;
  text-align: center;
  color: #fff;
  font-size: 20px;
  padding: 0px 0px 0;
  z-index: 0;
}

a#scrollTopBtn:hover {
  background: rgb(0 0 0);
  box-shadow: 0 0 20px #fff;
}

#footerSlideButton {
  right: 10px !important;
}

/******************/
div#maps-modal-1 {
    overflow: hidden;
}
.modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-body {
    overflow-y: auto;
}
.googlemaps_v2 .modal__inner {
    height: calc(100% - 60px) !important;
    max-width: 1140px !important;
    width: calc(100% - 60px) !important;
}

/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/

/*** ESSENTIAL STYLES ***/

#navigation .sf-menu,
#navigation .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation .sf-menu::after {
  content: "";
  display: block;
  clear: both;
}

#navigation .sf-menu>li {
  float: left;
}


div#nav-group {
  position: relative;
  padding-top: 22px;
}

#navigation .sf-menu>li>ul {
  position: absolute;
  display: none;

  left: 0;
  right: 0;
  z-index: 99;
}header.top.sticky-appear .right-header, header.top.sticky-appear .adr-top {

  display: none;
}

#navigation .sf-menu li:hover>ul,
#navigation .sf-menu li.sfHover>ul {
  display: flex;
}

#navigation .sf-menu a {
  display: block;
  position: relative;
}
header.top.sticky-appear .header-grid .mail-top {
    display: none;
}
#navigation .sf-menu ul ul {
  top: 0;
  left: 0;
}header.top.sticky-appear .header-grid {
    grid-template-columns: 100%;
    padding: 0 0 0;
    border-bottom: none;
    height: auto;
    margin: 0;
    background: none;
    backdrop-filter: none;
    border-radius: 0;
}
#navigation .sf-menu>li>ul {
    background: #B28337;
    margin-top: 14px;
    padding: 6px;
}#navigation .sf-menu>li:last-child>a:after {
  display: none;
}header.top.sticky-appear .social, header.top.sticky-appear .tel-top {
  display: none;
}header.top.sticky-appear .header-grid {
  grid-template-columns: 100%;
  padding: 0 0 0;
  border-bottom: none;
  height: auto;
}header.top.sticky-appear .right-header {
  padding: 26px 0;
}
.right-header {
  padding: 0px 0 0 0;
}
#navigation .sf-menu>li>ul {
  opacity: 0;
  transition: opacity 0.4s;
}

#navigation .sf-menu>li:hover>ul,
#navigation .sf-menu>li.sfHover>ul {
  opacity: 1;
}

/*** DEMO SKIN ***/

#navigation .sf-menu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: max-content;
  /*column-gap: 35.5px;*/
  margin: 0 auto;
}

#navigation .sf-menu a {
  text-decoration: none;
}

#navigation .sf-menu li {
  -webkit-flex: 1 auto;
  flex: 1 auto;
}
#navigation .sf-menu>li>a {
    color: white;
    padding: 20px 20px;
    border-radius: 0;
    position: relative;
    text-align: center;
    font-family: "Manrope";
    text-transform: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#navigation .sf-menu>li>a:hover, #navigation .sf-menu>li.sfHover>a, #navigation .sf-menu>li.active>a, #navigation .sf-menu>li.selected>a {
    color: #fff;
}


#navigation  .sf-menu > li a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: auto;
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	width: 100%;
	height: 3px;
	background: linear-gradient(180deg, #EDC362 0%, #B28337 100%);
	background-size: 100% 100%;
	transition: transform 0.6s ease;
	opacity: 0;
}
#navigation  .sf-menu > li a:hover::before, 
#navigation  .sf-menu > li.sfHover a::before,
#navigation  .sf-menu > li.selected a::before,
#navigation  .sf-menu > li.active a::before {
	transform: translateX(-50%) scaleX(1);
	transition: all .4s;
	opacity: 1;
}

#navigation .sf-menu>li {
    padding: 0 21px;
}
#navigation .sf-menu>li>ul>li>a {
  padding: 7px 10px;
  margin-bottom: 0;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #000000;
}

#navigation .sf-menu>li>ul>li {
    width: auto;
    padding: 2px 5px;
    max-width: 33%;
    min-width: 33%;
    float: left;
}.search-popup-close i.fas.fa-times {
  font-family: 'FontAwesome';
  color: #fff;
}
#navigation .sf-menu>li>ul>li>a {
    padding: 10px 10px;
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
}
#navigation .sf-menu>li>ul>li>a:hover, #navigation .sf-menu>li>ul>li.sfHover>a {
  background: #ffffff;
  color: #000;
}
#navigation .sf-menu>li>ul>li>ul {
  position: relative;
  display: block !important;
  height: auto !important;
}

#navigation .sf-menu>li>ul>li>ul li {
  /*border-top: 1px solid rgba(74,74,74,.5);*/
}

#navigation .sf-menu>li>ul>li>ul li:first-child {
  border-top: 0;
}

#navigation .sf-menu>li>ul>li>ul li a {
  font-weight: normal;
  font-size: 16px;
  padding: 2px 0;
  color: #4a4a4a;
}

#navigation .sf-menu>li>ul>li>ul li a:hover {
  color: #B28337;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 15px;
  vertical-align: bottom;
  position: absolute;
  right: 0;
  top: auto;
  left: 0;
  bottom: 1px;
  margin: auto;
}

/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/


.fullsite {
  overflow: hidden;
}



/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 66%);
  opacity: 0;
  transform: translate3d(100%,0,0);
  transition: opacity 0.4s, transform 0s 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 1em;
  font-size: 0.75em;
  border: none;
  background: transparent;
  color: transparent;
}
.close-button::before,
.close-button::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #ccc;
  transition: background .4s;
}
.close-button::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
  background: #fff;
}
/* Menu */
.menu-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 300px;
    height: 100%;
    background: #111;
    box-shadow: 0 0 20px #B28337;
    padding: 40px 20px 20px;
    transform: translateX(-100vw);
    transition: transform 0.4s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
  transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
  display: block;
  transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
  transition: transform 0s 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: .7em;
}
.mobile-menu ul ul {
  font-size: 1em;
  /* background: rgba(0,0,0,.15); */
  margin-top: 5px;
  margin-bottom: -5px;
  border-top: 1px solid rgba(0,0,0,.2);
}.mobile-menu ul ul {

    display: none;
}.mobile-menu ul li:hover  ul {
    display: block;
}
.mobile-menu li:first-child {
  border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
  border-top: 1px solid rgb(255 255 255 / 50%);
}
.mobile-menu li {
    padding: 5px 0;
    border-top: 1px solid rgb(255 255 255 / 34%);
}
.mobile-menu li li {
  position: relative;
    border-top: 1px solid rgb(255 255 255 / 34%);
}
.mobile-menu li li::before {
  content: '\f105';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  color: #c2c2c2;
  z-index: 5;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-menu a {
  font-size: 17px;
  text-transform: none;
  padding: 6px 10px;
  display: block;
  color: #fff;
  text-decoration: none;
  transition: background .4s, color .4s;
  border-bottom: 0;
  font-weight: 700;
}section.mobile-links a:hover {
  color: #B28337 !important;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
    color: #ffffff;
    background: #AF7F2B;
}
.mobile-menu li li a {
  padding-left: 25px;
  background: #0000000f;

}
/* Shown menu */
.show-menu .menu-wrap {
  transform: translate3d(0,0,0);
  transition: transform 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
  transform: translate3d(0,0,0);
  transition: transform 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
  transition-duration: 0.9s;
}
.show-menu .site-overlay {
  opacity: 1;
  transition: opacity 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transform: translate3d(0,0,0);
}
.col-top .googlemaps_v2 {
  display: inline-block;
}.news-item-text {
  color: #000 !important;
  font-weight: 500 !important;
}#news-popup .popup-wrapper .popup-content .news-item-title {
  font-size: 24px !important;
  font-weight: 500 !important;
}

table.tableCalendar {
  position: relative;
  display: block;
}
table.tableCalendar tbody,
table.tableCalendar tbody tr {
  position: relative;
  display: inline-block;
  width: 100%;
}
table.tableCalendar tbody tr td {
  position: relative;
  display: inline-block;
  width: 25%;
}
/********************************  responsive  **************************************************/
@media only screen and (max-width: 1600px) {
	.header-nav {

    animation: none;
}
.infos-top a, .infos-top .networks_linking a {
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 19px !important;
    margin: 7px 0 0;
}
  nav.main-nav {
    height: auto;
  }.infos-top {

    z-index: 6;
    animation: none;
  }[data-aos] {
    pointer-events: auto !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  } 
  .webshop-content.products-home {

    z-index: 1;
  }
footer.bottom a.contact-btn {
    right: 50px;
}
  
}
@media only screen and (max-width: 1400px) {
section.realisations  .slick-prev {
    left: -22px;

}section.realisations  .slick-next {
    right: -22px;

}
footer.bottom a.contact-btn {
    right: 20px;
}
  
}
@media only screen and (max-width: 1199px) {
  footer.bottom a.contact-btn {
    display: none;
}
.webshopHomeTemplate .webshop-content .container {
    position: relative;
    padding: 0 15px;
}
 header.top.sticky-appear {

    padding: 12px 0;

  }
  .slogan .container {
    top: 340px;
}
  .btn-slogan {

    justify-content: center;
}
  .webshopHomeTemplate .webshop-content.content-home:after, section.boxes-wrapper:after, .webshop-content.products-home:before, .webshop-content.products-home:after {

    display: none;
  }
  .mobile-nav {
    display: table;
    background: white;
    width: 74px;
    height: 72px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    padding: 18px 0 0 16px;
  }
  nav#navigation {
    display: none;
  }
  section.mobile-links {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}
  
  section.mobile-links a {
    background: none !important;
    color: white;
    width: auto;
    height: auto;
    font-size: 22px;
    margin: 0;
    padding: 0;
}
  
  section.mobile-links .networks_linking {
    margin: 0;
    display: flex;
    gap: 10px;
}
  section.mobile-links a:hover {
    color: #6cb75f;
}.topic-bar {

    display: block;

  }
  .header-nav {
    padding: 10px 0;
    animation: none;
    margin: 0 auto;
    display: table;
}
  header.top.sticky-appear .header-nav nav.mobile-nav {
    margin: 0 auto;
  }.infos-top {
    display: none;
  }section.banner.big {

    height: 800px;
  }
  .webshopHomeTemplate header.page-title {
    margin: 0 auto 30px;
  }.webshopHomeTemplate .webshop-content.content-home {
    padding: 60px 0;
}section.news #AllNews figure.Item figcaption {

    max-width: 100%;
}section.news #AllNews figure.Item .photo {

    width: 200px;
  }footer.bottom {
    padding: 40px 0 40px;
  } .pageTemplate #AllNews {
    margin: 0;
  }
  
  section.picto-home .grid-picto {

    gap: 0;

  }.video-home {

    height: 700px;
  }
  section.realisations:before, section.realisations:after, footer.bottom:after {
    display: none;
  }
 .footer-wrapper {
    display: table;
    margin: 0 auto;
    text-align: center;
}
  footer.bottom .footer-contact {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 15px;
    margin: 15px 0;
}
  .webshop-content.products-home {
    padding: 80px 0;
}
 footer.bottom h2:after {
    margin: 25px auto 14px;
}
  footer.bottom .link-shop-f a {
    text-align: center;
    display: table;
    margin: 0 auto;
  }.footer-open {
    margin: 0px 0;
  }.slogan .max-container {
    top: 363px;
  }.cta-fixed.sticky-appear {
    top: 92px;
  }footer.bottom h2 {
    text-align: center;
    display: block;
    margin: 0 auto;
  }.webshopHomeTemplate .webshop-content.content-home:after {

    left: 0;
    top: -40px;
    bottom: -27px;
    right: 0;

    z-index: -1;
  }
  .pageTemplate #AllNews figure.Item figcaption h3 {
    margin: 0 0 14px;
    font-size: 24px;
  }header.top.shop .logo img {
    width: 100%;
  }
  
  header.top.sticky-appear {

    padding: 10px 0 !important;
}.mobile-menu ul ul {
    display: block;
    background: #333;
}
  section.banner.small .slogan .container {
    top: 325px;
}
  footer.bottom .footer-center {
    margin: 20px auto;
}
  section.newsletter.newsletter-home {
    margin-bottom: 30px;
}
  
}
@media only screen and (max-width: 991px) {
.page-content header.page-title h1 {
    font-size: 27px;
}.slogan strong {

    font-size: 39px;

    line-height: 43px;

  }h2.title-prod strong {

    font-size: 37px;

  }.webshop-content.products-home {
    padding: 45px 0 64px;

  }#AllNews .slick-slide > div {
    margin: 0;
    padding: 8px 0 0;
  }section.news {
    padding: 76px 0 93px;

    background: url(/media/images/new-images3/bg-news.jpg) no-repeat  center;
    background-size: cover;
  }
.slogan p {
    margin: 0 auto;
    text-align: center;
  }
  article.content .contact-grid {

    grid-template-columns: 100% !important;

  }section.banner.big {
    height: 700px;
  }.video-home {

    height: 600px;
  }.slogan .container {
    left: 0;
    right: 0;
    top: 333px;
    text-align: center;
}.tel-top {
    display: none;
}.btn-slogan {
    display: table;
    gap: 20px;
    margin: 0 auto 0;
    align-items: self-end;
    justify-content: center;
}.webshopHomeTemplate header.page-title h1>span:not(.subtitle) {

    font-size: 41px;

    line-height: 37px;
  }
  .slogan {
    animation: none;
    font-size: 40px;
}
  
  .box_googlemapsv2 iframe {
    width: 100%;
    height: 300px;
  }
  section.boxes .slick-slide > div {
    padding: 50px 0 0;
  }
  section.boxes .container {
    width: auto;
  }
  section.banner.small {
    height: 523px;

  }.pageTemplate #AllNews {

    grid-template-columns: repeat(1, 1fr);

  }.pageTemplate #AllNews figure.Item figcaption p {

    height: auto;
  }
  section.boxes .slick-prev, section.boxes .slick-next {
    top: auto;
    bottom: -56px;
  }.webshop-content.products-home:before, .webshop-content.products-home:after, section.realisations:after,  footer.bottom:before {
    display: none;
  }
  section.news #AllNews figure.Item .photo {

    width: 300px;
  }section.news #AllNews figure.Item {

    grid-template-columns: 300px auto;
    grid-gap: 40px;

  }
  section.news h2 {
    font-size: 40px;

  }section.news .news-title {

    margin: 0 auto 15px;

  }section.realisations #Gallery {

    margin: 0 10px;

  }footer.bottom {

    padding: 119px 0 40px;

  }section.realisations {

    padding: 77px 0 132px;
  }section.realisations .slick-prev, section.realisations .slick-next {
    top: auto;
    bottom: -98px;
  }section.realisations  .slick-next {
    right: 15px;

  }section.boxes .slick-next {
    right: 12px;

  }section.boxes .slick-prev {
    left: 12px;

  }.image-right, .image-left {
    float: none;
    display: table;
    margin: 0 auto 30px;
  }img.img-responsive.img-news {
    float: none;

    display: table;
    margin: 0 auto 30px;
  }article.content .contact-grid {
    padding: 20px 0 50p
      grid-template-columns: 100%;

  }  section.news #AllNews figure.Item {

    max-width: 100%;
    text-align: center;
  }section.news::after {

    display: none;
  }section.news #AllNews figure.Item figcaption {
    padding: 20px;
    text-align: center;
  }
  #AllNews figure.Item figcaption h3 {
    margin: 0 auto 30px;

    text-align: center;

    display: table;

  }#AllNews figure.Item figcaption .button {
    margin: 50px auto 0;
  }footer.bottom {
    padding: 68px 0 40px;
  }
h1, .h1 {
    font-size: 32px;
}
  h2, .h2 {
    font-size: 25px;
    margin: 10px 0 8px;
  }
  h3, .h3 {
    font-size: 23px;

  }
  h4, .h4 {
    font-size: 21px;

  }  h5, .h5 {
    font-size: 20px;

  }  h6, .h6 {
    font-size: 19px;

  }.webshopHomeTemplate .webshop-content.content-home {
    padding: 41px 0 24px;
  }section.realisations  .slick-prev {
    left: 0;

  }section.banner.small .slogan .container {
    top: 306px;
}.logo-pages {

    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}
  
  .header-grid {
    padding: 15px 0;
}
  .slogan h5 {
    font-size: 26px;
    line-height: 1.2em;
}
  
  header.page-title h1 .subtitle {
    letter-spacing: 4px;
}
  section.parallax {
    height: 380px;
    background-attachment: inherit;
}
  section.realisations .networks_linking {
    
    margin: 0px auto 20px;
}
  h2.title-prod {
    margin: 0 0 20px;
}
  
}


section.banner.shop {
  height: 0 !important;
}
@media only screen and (max-width: 767px) {
  
  
  section.newsletter.newsletter-home form#form-nl ol li#NewsletterEmailHeader {
    max-width: 100%;
}
  section.newsletter.newsletter-home form#form-nl #NewsletterSubmitHeader {
    position: relative;
    display: table;
    margin: 10px auto 0;
}
  .pageTemplate #AllNews figure.Item figcaption {
   
    padding: 20px 12px;
}
  
	.logo-pages {

    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}
	
	.mail-top {
    display: none;
}
  .desktopSlide {display: none;}
  .mobileSlide {display: block;}

.slogan {
    font-size: 35px;
}
  section.boxes-wrapper .boxes {
    margin: 0;
    margin-top: 0;
}
  section.boxes-wrapper {
    padding: 20px 0 0;
}
  section.banner.big, section.banner.small {
    height: 600px;
}
  .webshopHomeTemplate header.page-title h1>span:not(.subtitle) {
    font-size: 35px;
    line-height: 1.2em;
}
  
  .slogan .container, section.banner.small .slogan .container {
    left: 0;
    right: 0;
    top: 333px;
    text-align: center;
} 
  .nav-shop {
    column-gap: 8px;
}
  .contactForm .contact-submit {
    text-align: center !important;
    margin: 17px auto 0 !important;
    float: none !important;
    display: table;
  }.tel-top {
    display: none;
  }section.news {
    padding: 55px 0 49px;

  }section.news .slick-dots {
    bottom: -37px;
  }
  .pageTemplate #AllNews figure.Item figcaption {

    text-align: center;
  }
  .header-grid {
    gap: 0;
    grid-template-columns: auto auto;
    justify-content: space-between;
  }.slogan strong {
    font-size: 29px;
    line-height: 32px;
  }.picto.picto03 h2 {
    padding: 0;
  }section.picto-home .icon {

    margin: 20px auto -10px;
  }section.picto-home {
    padding: 44px 0;
  }footer.bottom {
    padding: 44px 0 40px;
  }
  section.news #AllNews figure.Item {
    grid-template-columns: 100%;
    grid-gap: 40px;
  }section.news #AllNews figure.Item .photo {
    width: 100%;
    height: 250px;
    border-radius: 10px;
  }section.news #AllNews figure.Item figcaption {
    padding: 20px 20px 40px;
    text-align: center;

  }.slogan p a::after {

    display: none;

  }
  .col-12.col-md-3.news-article-photo-col {
    order: 1;
  }
  .col-12.col-md-9.news-article-body-col {
    order: 2;
  }
  
  .slogan h5 {
    font-size: 22px;
}
  .slogan p a {

    padding: 15px 27px;

    letter-spacing: 0;

    margin: 13px auto 0;

  }	.cta-fixed.sticky-appear {
    left: 0;
  }.image-home:after {

    display: none;
  }

  .news-article-photo-col img {
    display: table;
    margin: 20px auto 0px;
  }h1.news-article-title {
    margin: 0  0 24px;
    text-align: center;
    font-size: 27px;
  }			
  .modal-dialog.modal-xl {
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
  }


  .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: rgb(233 184 64 / 91%);
    padding: 15px 15px 9px;
    border-radius: 5px;
  }

  #fancybox-content {
    width: 400px !important;
    height: 232px !important;
  }
  #fancybox-wrap {
    width: 420px !important;
    height: 242px !important;
  }

  .tel-top.home {
    display: none;
  }span.number {
    display: none;
  }span.number-responsive {
    display: inline-block;
  }

  h2, .h2 {
    font-size: 25px;

  }
  h3, .h3 {
    font-size: 19px;

  }
  h4, .h4 {
    font-size: 17px;

  }
  h5, .h5 {
    font-size: 16px;

  }h6, .h6 {
    font-size: 15px;

  }.contactForm .contact-submit {
    text-align: center;
    margin: 17px auto 0;
    float: none;
    display: table;
  }

  #fancybox-content {
    width: 400px !important;
    height: 232px !important;
  }
  #fancybox-wrap {
    width: 420px !important;
    height: 242px !important;
  } 
  section.realisations h3 {
 
    font-size: 26px;
    line-height: 1em;
}
  
  
  h2.title-prod strong {

    font-size: 37px;


  }h1, .h1 {
    font-size: 30px;
  }header.top.shop {

    padding: 0 0 52px;
  }header.top.shop:before {

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 41.78%), linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 0.20) 100%);
  }header.top.shop.sticky-appear {
    padding: 22px 0;
    background: #000000bd;
  }
  header.page-title h1 .subtitle {
    letter-spacing: 0;
    font-size: 16px;
}
  
  .adr-top {
    display: none;
}
  
  .webshopHomeTemplate header.page-title h1>span:not(.subtitle) {

    letter-spacing: 0;
}
.googlemaps_v2 .modal__inner {
    max-height: 340px !important;
}
}

header.top.shop:before {

  z-index: -1;
}

section.realisations .networks_linking a i {
  font-style: normal;
}
@media only screen and (max-width: 480px) {
  .page-content article.content {
   
    padding: 20px 15px;
}
  
  footer.bottom h2 {
 
    font-size: 24px;
    line-height: 1em;
    
    
}
  
  
  
  section.parallax {
    height: 280px;
}
  
  
  h2.title-prod span {
    
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0;
}
  
  h2.title-prod strong {
    font-size: 30px;
}
  
  .slogan h5 {
    font-size: 18px;
color: #461736;
}
  
	.header-grid {
    gap: 0;
    display: block;
    height: auto;
}
  header.top.shop {

    padding: 0 0 24px;
  }
  div#catalogDisplayOrder::before {
    display : none;}
  #Shop div#ShopContent #Products #Items .ProdItem{display:table!important;}
  
  .webshopHomeTemplate header.page-title h1>span:not(.subtitle) {
    font-size: 27px;
    letter-spacing: 0;
}
  .cta-fixed.sticky-appear {
    top: 80px;
  }
  .g-recaptcha {
    transform: scale(0.8) !important;
    transform-origin: left;
}
  
  #fancybox-content {
    width: 240px !important;
    height: 142px !important;
  }
  #fancybox-wrap {
    width: 260px !important;
    height: 162px !important;
  }

.pageTemplate #AllNews figure.Item figcaption h3 {
    margin: 0 0 14px;
    font-size: 18px;
  }div#NewsItem {

    padding: 0;
  }

 .page-content header.page-title h1 {
    font-size: 25px;
  }.flex-fix {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin: 9px auto 0;
  }.image-right, .image-left {
    float: none;
    display: table;
    margin: 0 auto 30px;
    width: 100%;
    object-fit: cover;
    height: auto;
  }
  #news-popup .popup-wrapper .popup-content .news-item-title {
    font-size: 19px !important;

  }div#news-popup ul.puce li, ul.usp li {

    padding-left: 24px;

    line-height: 24px !important;

  }header.top .logo {
    padding: 0;
    display: table;
    margin: 0 auto;
}.right-header {
    display: table;
    margin: 12px auto 0;
}.header-grid {

    margin: 0 auto;
}.slogan strong {
    font-size: 28px;
  }section.services .text.equal {
    margin: 5px;
    padding: 20px;
  }
  #fancybox-content {
    width: 240px !important;
    height: 142px !important;
  }
  #fancybox-wrap {
    width: 260px !important;
    height: 162px !important;
  }
  .header-grid {
    gap: 0;
  }.slogan p a::after {

    display: none;
  }.diy-slideshow .next, .diy-slideshow .prev {
    opacity: 0 !important;
  }.cta-fixed.sticky-appear {
    display: block;
    text-align: center;
  }
 .slogan {
    animation: none;
    font-size: 22px;
    line-height: 29px;

}.webshopHomeTemplate header.page-title h1 {
    text-align: center;
    padding: 0 0 48px;
    margin: 0 0 0;
}section.services .text.equal {

    margin: 5px;

    padding: 20px;

  }
  h1, .h1 {
    font-size: 25px;
}
 h2, .h2 {
    font-size: 20px;
}
h3, .h3 {
    font-size: 18px;
}
h4, .h4 {
    font-size: 17px;
}
h5, .h5 {
    font-size: 16px;
}h6, .h6 {
    font-size: 15px;
}

.logo-footer img {
    width: auto;
  }.hamburger {

    width: 34px;
    height: 24px;

  }#AllNews figure.Item figcaption h3 {
    height: auto;
    margin: 0 auto 16px;
    text-align: center;
    display: table;
    font-size: 22px;
    line-height: 25px;
  }.nav-shop .search-popup .searchForm #searchcatalog input#tags {

    width: 251px;

  }
  .boxes div[class*="box"] {

    height: 380px;
}
  .boxes div[class*="box"] h2 {
    
    font-size: 24px;
    line-height: 1em;
}
  .boxes div[class*="box"] .text-block {
    padding: 20px 12px;
}
  section.boxes-wrapper ul.slick-dots li {

    margin: 0 9px;
   
}
  
  
  .slogan {

    line-height: 25px;
  }.boxes div[class*="box"] h2 {


    letter-spacing: 0;

  }.boxes div[class*="box"] .text-block p {
    height: auto;
  }div#openingTimesBlock {

    display: table;

    margin: 0 auto;
    text-align: left;
  }.video-home, section.banner.big, section.banner.small {
    height: 530px;
  }.page-content {
    padding: 32px 0;
  }.mobile-nav {

    width: 60px;
    height: 60px;

    margin: 0 auto;
    padding: 18px 0 0 15px;
  } .slogan p a {
    padding: 11px 27px;
    letter-spacing: 0;
    margin: 0;
    font-size: 14px;
}.logo-pages {

    grid-template-columns: repeat(1, 1fr);

}
}

/***** ANIMATION *****************/
.slogan .container > p:first-child {
    margin: 0 auto;
    max-width: 600px;
    animation: verticaalDraaien 3s ease-in-out 1;
    transform-style: preserve-3d;
}

@keyframes verticaalDraaien {
    from {
        transform: rotateY(0deg);
    }

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

header.top {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;

    background: rgba(0, 0, 0, 1);

    animation: headerSlideDown 1.5s ease-out forwards;
}

@keyframes headerSlideDown {
    0% {
        transform: translateY(-100%);
        background: rgba(0, 0, 0, 1);
    }

    100% {
        transform: translateY(0);
        background: rgba(0, 0, 0, 0.20);
    }
}



section.boxes-wrapper {
    position: relative;
    padding: 0;
    z-index: 4;
    background: #0B0B0A;
    animation: boxesBackground 8s ease-in-out infinite;
}

@keyframes boxesBackground {
    0% {
        background: #0B0B0A;
    }

    50% {
        background: #4A1730;
    }

    100% {
        background: #0B0B0A;
    }
}


/****** afgeronde banners */

.boxes div[class*="box"] {
    border-radius: 20px;
    overflow: hidden;
}

.boxes div[class*="box"] p a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .6s;
    font-size: 0;
    z-index: 6;
    border-radius: 40px;
}





/* Eindejaarsactie Mimosa – layout only, typografie & kleuren via thema */

.mim-actie__blok {
  margin-top: 2.5rem;
}

.mim-actie__stappen {
  padding-left: 1.25rem;
  margin-bottom: 1rem;
}

.mim-actie__stappen li {
  margin-bottom: .5rem;
}

.mim-actie__prijzen {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-top: 1.25rem;
}

.mim-actie__prijs img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: .75rem;
}

.mim-actie__periode {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: .25rem;
}

.mim-actie__prijs h3 {
  margin-top: 0;
}

.mim-actie__slot {
  text-align: center;
}

@media (max-width: 991px) {
  .mim-actie__prijzen {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .mim-actie__prijzen {
    grid-template-columns: 1fr;
  }
}