/* 
Wireframe: 09
Version: 3.0
Update: 2019.09.04
*/

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

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
    font-family: 'Roboto Mono';
    src: url('https://www.medibeauty.be/media/fonts/RobotoMono-Bold.eot');
    src: url('https://www.medibeauty.be/media/fonts/RobotoMono-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Bold.woff2') format('woff2'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Bold.woff') format('woff'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Bold.ttf') format('truetype'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Bold.svg#RobotoMono-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Mono';
    src: url('https://www.medibeauty.be/media/fonts/RobotoMono-Light.eot');
    src: url('https://www.medibeauty.be/media/fonts/RobotoMono-Light.eot?#iefix') format('embedded-opentype'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Light.woff2') format('woff2'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Light.woff') format('woff'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Light.ttf') format('truetype'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Light.svg#RobotoMono-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Mono';
    src: url('https://www.medibeauty.be/media/fonts/RobotoMono-Regular.eot');
    src: url('https://www.medibeauty.be/media/fonts/RobotoMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Regular.woff2') format('woff2'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Regular.woff') format('woff'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Regular.ttf') format('truetype'),
        url('https://www.medibeauty.be/media/fonts/RobotoMono-Regular.svg#RobotoMono-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
    background:#fff;
    color: #666666;
    font-family: 'Roboto Mono';
    font-weight: 300;
    font-size: 14px;
    line-height:30px;
}
a {
    color: #b3954d;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #b3954d;
    text-decoration: none;
}
.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
 
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto Mono';
    font-weight: 700;
    line-height: 1em;
}
h1, .h1{
    font-size:58px;
    color: #1d1d1d;
}
h2, .h2{
    font-size:26px;
    color: #b3954d;
}
h3, .h3{
    font-size:22px;
    color: #1d1d1d;
}
h4, .h4{
    font-size:20px;
    color: #b3954d;
}
h5, .h5{
    font-size:19px;
    color: #1d1d1d;
}
h6, .h6{
    font-size:18px;
    color: #b3954d;
}
.fullsite {
    overflow-x: hidden;
    position: relative;
}
span.phone-responsive {
	display: none;
}
.container{width:1335px}
/********** navigation ********/
div#sticky-wrapper {
    height: auto !important;
}
nav.main-nav {
    position: relative;
    z-index: 20;
    padding: 32px 0 33px;
}
.is-sticky nav.main-nav {
    left: 0;
    right: 0;
    top: 0;
    background:#fff;
    box-shadow: 0 0 15px #000;
	padding:10px 0;
}
.webshopTemplate .is-sticky nav.main-nav {
    padding: 32px 0 10px;
}
nav.main-nav .logo {
    float: left;
    margin: 0 0 0 4px;
}
nav.main-nav div#Language {
    position: absolute;
    top: 0;
    right: calc(50% - 652px);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2px;
}
.is-sticky nav.main-nav div#Language {
    display: none;
}
nav.main-nav div#Language a {
    display: inline-block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #111;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
	transition:color .3s;
}
nav.main-nav div#Language a:hover,nav.main-nav div#Language a.selected,nav.main-nav div#Language a.active{background: #b3954d;}
nav.main-nav div#navigation {
  float: right;
  width: calc(100% - 404px);
}
nav.main-nav a.mobile-nav {
  font-size: 24px;
  text-align: center;
  line-height: 1.5;
  padding: 6px 14px;
  background: #222;
  color: #fff;
  display: none;
}
nav.main-nav a.mobile-nav:hover {
    background: #b3954d;
}
nav.main-nav .right-head {
    right: calc(50% - 500px);
    display: flex;
    grid-gap: 5px;
    position: absolute;
    top: 6px;
}
nav.main-nav .right-head .search-button, nav.main-nav .right-head .wishlist-button, nav.main-nav .right-head .caddy-button, nav.main-nav .right-head .account-button {
    float: left;
    margin: 7px 0 5px 2px;
    position: relative;
    height: 20px;
}
nav.main-nav .right-head .search-button i.fas, nav.main-nav .right-head .wishlist-button i.fas, nav.main-nav .right-head .caddy-button i.fas ,nav.main-nav .right-head .account-button i.fas{
    color: #212121;
    transition: color .4s;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
nav.main-nav .right-head .search-button i.fas:hover,nav.main-nav .right-head .wishlist-button i.fas:hover,nav.main-nav .right-head .caddy-button i.fas:hover,nav.main-nav .right-head .account-button i.fas:hover {
	color: #b3954d;
	cursor: pointer;
}
.mini-wishlist-total .mini-wishlist-total-qty span#catalog_wishlist_mini-nbr-items {
    position: relative;
    right: -9px;
    display: block;
    top: -42px;
    font-size: 12px;
    line-height: 12px;
    padding: 2px 0 0 1px;
    text-align: center;
    width: 14px;
    height: 15px;
    color: #fff;
    font-weight: 700;
    background: #b3954d;
    border-radius: 50%;
}
nav.main-nav .right-head .caddy-button i.fas {
    position: relative;
    z-index: 1;
}
nav.main-nav .right-head .caddy-button #CaddyCount {
    position: absolute;
    right: 0;
    top: -9px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    width: 14px;
    height: 15px;
    padding: 3px 0 0;
    font-weight: 700;
    color: #fff;
    background: #b3954d;
    border-radius: 50%;
    pointer-events: none;
}
#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;
}

.search-popup {
	position: fixed;
	left: 0;
	right: 0;
	top:-200%;
	height: 100%;
	max-height: 100vh;
	z-index: 999;
	background: rgba(0,0,0,.8);
	transition: top .6s;
}
.search-popup.active {
	top: 0;
	transition: top 1.0s;
}
.search-popup .search-popup-close {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	cursor: pointer;
}
.search-popup .search-popup-close span {
    width: 65px;
    height: 65px;
    background: url(../../images/new-images/icon-close.png) center no-repeat;
    display: block;
}
.search-popup .searchForm {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}
.search-popup .searchForm label {
	display: none;
}
.search-popup .searchForm .container-Search {
	border-bottom: 1px solid #ccc;
}
.search-popup .searchForm .container-Search::after {
	content: '';
	display: block;
	clear: both;
}
.search-popup .searchForm input#tags {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 50px;
	color: #fff;
    font-size: 20px;
    vertical-align: top;
    outline: none;
    float: left;
}
.search-popup .searchForm input#BtnSearch {
	font-size: 0;
	width: 50px;
	height: 50px;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.search-popup .searchForm::after {
	content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	pointer-events: none;
	color: #fff;
	transition: color .4s;
}

aside.cart-sidebar {
	position: fixed;
	right: -350px;
	top: 0;
	bottom: 0;
	overflow: auto;
	width: 300px;
	padding: 20px;
	background: #333;
	color: #ccc;
	z-index: 120;
	transition: all .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: #999 url(../images/icon-close.png) center no-repeat;
	display: block;
	transition: background .4s;
}
aside.cart-sidebar .caddy-close:hover span {
	background-color: #aaa;
}
aside.cart-sidebar h3 {
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 20px;
	border-bottom: 2px solid #999;
	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: #a3c320 url(../images/icon-close.png) no-repeat center;
    background-size: 30%;
    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: #999;
}
aside.cart-sidebar .mini-cart-option {
    background: #b3954d;
    color: #fff;
    margin: 5px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    text-decoration: none;
    padding: 5px;
    display: block;
    text-align: center;
}
aside.cart-sidebar .mini-cart-option:hover {
    color: #999;
}
aside.cart-sidebar .mini-cart-option-cart {
    order: 2;
}
aside.cart-sidebar .mini-cart-option-order {
    order: 1;
}
nav.main-nav .right-head .account-popup,
nav.main-nav .right-head .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 .right-head .account-popup,
.search-active nav.main-nav .right-head .search-popup {
    opacity: 1;
    pointer-events: all;
}
nav.main-nav .right-head .account-popup #user-login,
nav.main-nav .right-head .search-popup .searchForm {
    transform: scale(.9);
    transition: transform .6s;
}
.account-active nav.main-nav .right-head .account-popup #user-login,
.search-active nav.main-nav .right-head .search-popup .searchForm {
    transform: scale(1);
}
nav.main-nav .right-head .account-popup #user-login {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
nav.main-nav .right-head .account-popup #user-login h2 {
    grid-column: 1 / -1;
    padding: 0;
    margin: 0 0 15px;
    color :#ffffff;
}
nav.main-nav .right-head .account-popup #user-login input.field {
    font-size: 1em;
    line-height: 1.35em;
    background: none;
    border: 1px solid rgba(255,255,255,0.1);
    padding: 10px;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    color: #eee;
    text-align: center;
    transition: border-bottom-color .6s, color .6s;
}
nav.main-nav .right-head .account-popup #user-login input.field:focus {
    border-bottom-color: #fff;
    color: #fff;
}
nav.main-nav .right-head .account-popup #user-login .registrate,
nav.main-nav .right-head .account-popup #user-login .forgot {
    margin: 0;
    line-height: inherit;
}
nav.main-nav .right-head .account-popup #user-login .registrate {
    text-align: right;
}
nav.main-nav .right-head .account-popup #user-login .forgot {
    text-align: left;
}
nav.main-nav .right-head .account-popup #user-login .separator {
    display: none;
}
nav.main-nav .right-head .account-popup #user-login .catalog-login-divider {
    grid-column: 1 / -1;
}
nav.main-nav .right-head .account-popup #user-login .Send {
    grid-column: 1 / -1;
    display: block;
	background: #a3c320;
	color:#fff;
    text-align: center;
    font-size: 1em;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 10px;
    transition: background .6s, color .6s;
}
nav.main-nav .right-head .account-popup #user-login .Send span {
    display: none;
}
nav.main-nav .right-head .account-popup #user-login .Send:hover {
    background: #999;
}
/* ***************** */
.banner {
    position: relative;
    height: 752px;
}
.banner.small {
    height: 500px;
}
.banner .fluid_container {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 62px;
  right: 0;
  box-shadow: 0 10px 32px rgb(0 0 0 / 33%), 0 10px 32px rgb(0 0 0 / 33%);
}
.banner .fluid_container #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    width: auto;
    margin: 0 !important;
}
.banner::before {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: calc(50% + 271px);
    background: #b3954d;
    top: 50%;
}
.banner .left {
    position: absolute;
    left: calc(50% - 651px);
    top: 228px;
    z-index: 2;
}
.banner.small .left {
    top: 110px;
}
.banner .slogan {
    display: block;
    text-transform: uppercase;
    text-shadow: 0 0 15px #fff;
}
.banner .slogan h3 {
    font-size: 28px;
    color: #1d1d1d;
    margin: 0 0 0 2px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .15em;
}
.banner .slogan h2 {
    font-size: 36px;
    color: #1d1d1d;
    line-height: 27px;
    margin: 23px 0 0;
    letter-spacing: .01em;
}
.banner .slogan .slogan1 {
    transform: translateX(-100vw);
    animation: slide-in .5s forwards;
}
@keyframes slide-in {
    100% {
    	transform: translateX(0%); 
    	opacity: 1;
    }
}
@-webkit-keyframes slide-in {
    100% {
    	-webkit-transform: translateX(0%); 
    	opacity: 1;
    }
}
.banner .cta {
    margin: 117px 0 0 77px;
    display: table;
    font-size: 18px;
    line-height: 12px;
    font-weight: 400;
    color: #000000;
    transition: color .4s;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}
.banner .cta p {
    margin: 0 0 16px;
    letter-spacing: .175em;
    text-shadow: 0 0 0 #000,0 0 15px #fff;
}
.banner .cta span.cta1 {
  position: relative;
  display: table;
  z-index: 1;
  margin: 0 auto;
  padding: 1px 14px 3px;
  font-size: 35px;
  line-height: 35px;
  font-weight: 700;
  color: #fff;
  background: #1d1d1d;
  letter-spacing: .01em;
}
.banner .cta span.cta1:before {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 0;
    width: 0;
    background: #b3954d;
    transition: width .3s;
}
.banner .cta span.cta1:hover:before{
	width:100%;
}
.banner .camera_prev, .banner .camera_next, .banner .camera_commands {
    height: 16px;
    margin-top: 0;
    top: auto;
    width: 17px;
    bottom: -40px;
}
.banner .camera_prev {
    left: calc(50% - 228px);
    background: url(../../images/new-images/fleche.png) no-repeat left center !important;
}
.banner .camera_next {
    right: calc(50% + 183px);
    background: url(../../images/new-images/fleche.png) no-repeat right center !important;
}
.banner .camera_next>span, .banner .camera_prev>span {
    display: none;
}
.banner .camera_prev:hover{
    background: url(../../images/new-images/fleche1.png) no-repeat left center !important;
}
.banner .camera_next:hover {
    background: url(../../images/new-images/fleche1.png) no-repeat right center !important;
}
.banner .networks_linking {
    position: absolute;
    bottom: 6px;
    left: calc(50% - 381px);
}
.banner .networks_linking a {
    font-size: 0;
    width: 41px;
    height: 41px;
    float: left;
    background: url(../../images/new-images/net1.png) no-repeat left top;
}
.banner .networks_linking a.networks_instagram {
    margin-left: 9px;
    background: url(../../images/new-images/net1.png) no-repeat right top;
}
.banner .networks_linking a:hover{
    background: url(../../images/new-images/net1.png) no-repeat left bottom !important;
}
.banner .networks_linking a.networks_instagram:hover{
    background: url(../../images/new-images/net1.png) no-repeat right bottom !important;
}
/* ************** */
.content-wrapper {
  padding: 108px 0 102px;
  position: relative;
}
.pageTemplate .content-wrapper {
    padding: 50px 0 30px;
}
.homeTemplate .content-wrapper::before {
    position: absolute;
    content: '';
    top: 305px;
    height: 480px;
    background: #1c1c1c;
    left: calc(50% + 20px);
    width: 60%;
    max-width: 887px;
}
.content-wrapper .photo-home {
    position: relative;
    float: right;
    margin: 80px 0 77px 126px;
    box-shadow: 0 10px 32px rgb(0 0 0 / 33%);
    z-index: 1;
    max-width: 570px;
}
.content-wrapper .photo-home img{max-width:100%}
header.page-title {
  position: relative;
  margin-bottom: 45px;
  text-align:center
}
header.page-title h1 {
	margin: 0;
}
header.page-title h1 span:first-child {
    display: inline-block;
    text-transform: uppercase;
}
.pageTemplate header.page-title h1 span:first-child {
    font-size: 33px;
    line-height: 33px;
}
header.page-title h1 span.subtitle {
    font-size: 19px /*35px*/;
    line-height: 21px;
    color: #b3954d;
    display: block;
    margin: 6px 0 0;
}
article.content {
	position: relative;
}
.homeTemplate article.content {
    position: relative;
    padding: 71px 198px 57px 45px;
    text-align: center;
    float: left;
    width: calc(100% - 500px);
    margin: 0 -219px 0 0;
    z-index: 2;
}
.homeTemplate article.content:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: -18px;
    border: 1px solid #b3954d;
	z-index:-1;
}
article.content p {
    margin-bottom: 15px;
    letter-spacing:.05em;
    text-shadow: 0 0 0 #666666;
}
article.content p a{
	text-shadow:0 0 0 #b3954d;
}
.homeTemplate article.content p {
    text-align-last: center;
}
article.content ul {
    padding-left: 10px;
    letter-spacing:.05em;
    text-shadow: 0 0 0 #666666;
}
article.content ul li {
    padding-left: 20px;
    list-style: none;
    background: url(../../images/new-images/icon-list01.png) no-repeat 0 7px;
}
article.content ul ul li {
    list-style-type: circle;
}
article.content .table-style {
	position: relative;
    letter-spacing:.05em;
    text-shadow: 0 0 0 #666666;
}
article.content .table-style th {
    background: #b3954d;
	color:#fff;
}
article.content .table-style th,
article.content .table-style td {
	border: 1px solid #ccc;
	padding: 10px;
}
.videos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}
.moretext {
    display: none;
}
a.moreless-button {
    position: relative;
    z-index: 1;
    display: table;
    padding: 6px 22px;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    background: #fff;
    color: #b3954d!important;
    /* letter-spacing: .1em; */
    font-weight: 700;
    cursor: pointer;
    margin: 0 auto;
    box-shadow: 0 10px 32px rgb(0 0 0 / 33%), 0 10px 32px rgb(0 0 0 / 33%);
    text-transform: uppercase;
    transition: color .3s;
}
a.moreless-button:hover{
    color: #fff !important;
}
a.moreless-button:before {
	position:absolute;
	z-index:-1;
	content:'';
	left:0;
	top:0;
	bottom:0;
	background:#b3954d;
	width:0;
	transition:width .3s;
}
a.moreless-button:hover:before {
	width:100%;
}
div#Nieuws {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-around;
}
div#Nieuws figure {
  margin: 0;
  padding: 15px;
  background: #f0f0f0;
  position: relative;
  display: block;
  width: 45%;
}
div#Nieuws figure .photo {
    background: center no-repeat;
    background-size: cover;
    min-height: 226px;
    /* max-height: 500px; */
    height: 100%;
}
div#Nieuws figure .photo img{
    width: 100%;
    height: auto;
}
div#Nieuws figure .photo.nophoto {
    background-color: #ffffff;
    background-image: url(../../images/new-images/MediBeauty.png);
    background-size: 80%;
}
div#Nieuws figure h3 {
    font-size: 20px;
}
div#Nieuws figure span.button {
  display: table;
  padding: 7px 20px;
  color: #fff;
  background: #b3954d;
  transition: background .3s;
  position: relative;
  z-index: 2;
}
div#Nieuws figure:hover span.button {
    background: #000;
}
div#Nieuws figure a.link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
/* ************* */
section.boxes {
    position: relative;
    background: #1d1d1d;
    box-shadow: 0 10px 32px rgb(0 0 0 / 33%), 0 10px 32px rgb(0 0 0 / 33%);
    overflow-x: hidden;
}
section.boxes .box1, section.boxes .box2 {
  position: relative;
  min-height: 540px;
}
section.boxes .photo {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
	z-index:1;
}
section.boxes .box2 .photo {
    left: 0;
}
section.boxes .box1 .photo {
    right: 0;
}
section.boxes .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.boxes a.box01 {
    position: relative;
    display: table;
    width: 50%;
    padding:130px 114px 130px 65px;
    text-decoration: none;
    line-height: 24px;
    color: #fff;
	transition:background .3s,box-shadow .3s;
	z-index:2;
	text-align:center;
	min-height: 540px;
}
section.boxes .box2 a.box01 {
    padding: 127px 0 130px 50px;
	float:right;
}
section.boxes a.box01::before {
  position: absolute;
  left: -633px;
  right: 0;
    top:0;
    bottom:0;
  content: '';
  z-index:-1;
}
section.boxes .box2 a.box01:before{
    left:0;
	right:-633px;
}
section.boxes a.box01:hover:before{
    box-shadow: 0 10px 32px rgb(0 0 0 / 33%), 0 10px 32px rgb(0 0 0 / 33%);
	background:#b3954d;
}
section.boxes a.box01 h2 {
    text-transform: uppercase;
    font-size: 58px;
    line-height: 40px;
    margin: 0;
    color: #fff;
}
section.boxes a.box01 h3 {
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    line-height: 20px;
    margin: 26px 0 40px;
}
section.boxes .box2 a.box01 h3 {
	letter-spacing: .05em;
}
section.boxes a.box01 p {
    margin: 0;
    letter-spacing: .1em;
}
section.boxes a.box01 .plus {
    position: relative;
    display: table;
    z-index: 1;
    margin: 47px auto 0;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #b3954d;
    padding: 2px 23px;
}
section.boxes a.box01:hover .plus{
    border: 1px solid #fff;
	color:#b3954d;
    box-shadow: 0 10px 32px rgb(0 0 0 / 33%), 0 10px 32px rgb(0 0 0 / 33%);
}
section.boxes a.box01 .plus:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #fff;
    transition: width .3s;
	z-index:-1;
}
section.boxes a.box01:hover .plus:before{
    width: 100%;
}
/* **************** */
section.realisations {
    padding: 111px 0 106px;
    text-align: center;
}
section.realisations h2 {
  font-size: 35px;
  font-weight: 300;
  line-height: 23px;
  margin: 0 0 74px;
  letter-spacing: .2em;
}
section.realisations h2 a {
    color: #b3954d;
    text-decoration: none;
    transition: color .3s;
}
section.realisations h2 a:hover {
    color: #1d1d1d;}
section.realisations h2 strong {
    display: block;
    text-transform: uppercase;
    font-size: 50px;
    color: #1d1d1d;
    line-height: 39px;
    margin: 24px 0 0;
    letter-spacing: 0;
}
section.realisations h2 a:hover strong {
    color: #b3954d;
}
section.realisations .highslide-gallery {
    padding: 0 0 84px;
}
section.realisations .highslide-gallery .highslideContainer {
    padding: 0 11px;
}
section.realisations .highslide-gallery .highslideContainer a.highslide {
    border: 1px solid rgba(29,29,29,.26);
}
section.realisations button {
    position: absolute;
    width: 17px;
    height: 16px;
    bottom: 0;
    font-size: 0;
    border: none;
}
section.realisations button.slick-prev {
    background: url(../../images/new-images/fleche1.png) no-repeat left center !important;
    left: calc(50% - 23px);
}
section.realisations button.slick-next {
    background: url(../../images/new-images/fleche1.png) no-repeat right center !important;
    right: calc(50% - 22px);
}
section.realisations button.slick-prev:hover,section.realisations button.slick-next:hover {
 opacity:.7;
}
/* **************** */
section.box-wrapper1 {
    position: relative;
    padding: 0 0 120px;
}
section.box-wrapper1::before {
    position: absolute;
    content: '';
    right: calc(50% + 36px);
    max-width: 886px;
    width: 100%;
    top: 198px;
    bottom: 120px;
    background: #1d1d1d;
}
section.box-wrapper1 a.box1 {
    position: relative;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    color: #1d1d1d;
    width: 100%;
    display: table;
}
section.box-wrapper1 a.box1 .photo {
    position: relative;
    z-index: 2;
    float: left;
    margin: 80px 118px 78px 0;
}
section.box-wrapper1 a.box1 .photo img {
  max-width: 100%;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.33), 0 10px 32px rgba(0, 0, 0, 0.33);
}
section.box-wrapper1 a.box1 .photo:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: rgba(179,149,77,.5);
    transition: width .3s;
}
section.box-wrapper1 a.box1:hover .photo:after {
    width:100%;
}
section.box-wrapper1 a.box1:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 47px;
    width: calc(62% - 2px);
    border: 1px solid #b3954d;
}
section.box-wrapper1 a.box1 .contenu {
    position: relative;
    float: right;
    padding: 153px 128px 50px 0;
    width: calc(100% - 687px);
}
section.box-wrapper1 a.box1 h2 {
    font-size: 58px;
    text-transform: uppercase;
    line-height: 39px;
    margin: 0;
    color: #1d1d1d;
}
section.box-wrapper1 a.box1 h3 {
  font-size: 25px;
  line-height: 23px;
  font-weight: 300;
  color: #1d1d1d;
  margin: 26px 0 51px;
}
section.box-wrapper1 a.box1 p {
    margin: 0;
    letter-spacing: .1em;
    text-shadow: 0 0 0 #1d1d1d;
}
section.box-wrapper1 a.box1 .plus {
  position: relative;
  z-index: 1;
  display: table;
  padding: 6px 22px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  background: #fff;
  color: #b3954d;
  font-weight: 700;
  cursor: pointer;
  margin: 79px auto 0;
  box-shadow: 0 10px 32px rgb(0 0 0 / 33%), 0 10px 32px rgb(0 0 0 / 33%);
  text-transform: uppercase;
  transition: color .3s;
}
section.box-wrapper1 a.box1:hover .plus {
    color: #fff;
}
section.box-wrapper1 a.box1 .plus:before {
    position: absolute;
    content: '';
	z-index:-1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background:#b3954d;
    transition: width .3s;
}
section.box-wrapper1 a.box1:hover .plus:before {
    width:100%;
}
/* **************** */
footer.bottom {
    position: relative;
    padding: 84px 0 77px;
    background: #1d1d1d;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 0 10px 32px rgb(0 0 0 / 33%), 0 10px 32px rgb(0 0 0 / 33%);
}
footer.bottom img.logo-footer {
    margin: 0 auto 40px;
}
footer.bottom .address {
    display: block;
}
footer.bottom .address .adr {
    display: inline-block;
    padding: 0 0 0 29px;
    background: url(../../images/new-images/icon-map.png) no-repeat left center;
}
footer.bottom .tel {
    display: inline-block;
    padding: 0 0 0 21px;
    background: url(../../images/new-images/icon-tel.png) no-repeat left center;
    font-size: 18px;
    color: #a68b49;
    margin: 0 11px 0 9px;
}
footer.bottom .info {
    display: inline-block;
    padding: 0 0 0 29px;
    background: url(../../images/new-images/icon-info.png) no-repeat left center;
}
footer.bottom span.tiret {
    margin: 0 -3px 0 -3px;
}
footer.bottom .address a, footer.bottom .address .googlemaps_v2 label.modal-label {
    color: #fff;
    text-decoration: none;
    font-weight: 300;
}
footer.bottom .address a:hover, footer.bottom .address .googlemaps_v2 label.modal-label:hover{
    text-decoration:underline;
}
footer.bottom .networks_linking {
    height: 42px;
    display: table;
    margin: 46px auto 0;
}
footer.bottom .networks_linking a {
    font-size: 0;
    height: 42px;
    width: 42px;
    float: left;
    background: url(../../images/new-images/net.png) no-repeat left top !important;
}
footer.bottom .networks_linking a.networks_instagram {
  margin-left: 8px;
  background: url(../../images/new-images/net.png) no-repeat right top !important;
}
footer.bottom .networks_linking a:hover {
    background: url(../../images/new-images/net.png) no-repeat left -41px !important;
}
footer.bottom .networks_linking a.networks_instagram:hover {
    background: url(../../images/new-images/net.png) no-repeat right -41px!important;
}
.listPDF li a {
    color: #b3954d !important;
}
/********************/
.mm-slideout{z-index:inherit!important}
#scrollTopBtn{bottom:43px!important;right:34px!important;z-index:100!important;background:#a68b49!important;box-shadow:0 0 3px rgba(255,255,255,.4)}
#scrollTopBtn:hover{background:#aaa!important}
#footerSlideContainer{z-index:100!important;right:24px!important;font-size:18px!important}
#footerSlideContainer a,#footerSlideContainer *{bottom:4px !important;z-index:100!important;color:#a68b49!important;font-size:18px!important;font-weight:700!important}
#footerSlideContainer a:hover{color:#aaa!important}
div.cc-cookies{width:100%;z-index:50!important}
.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{background:#482b3d!important;margin:0 10px;color:#fff !important;margin-right:140px;}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset{background:#000!important}
div.cc-cookies{background:#404040;width:100%}
.formError,.formError *,#fancybox-wrap,#fancybox-wrap *{box-sizing:content-box}
div#_atssh{bottom:0}
.cookieinfo {
    z-index:10 !important;
}
#footerSlideButton {
    bottom: 7px;
}
.img-box {
    width: 100%;
    height: 100%;
}
@media only screen and (max-width : 1335px) {
.container{width:100%}
.banner .left{left:15px;top:150px}
nav.main-nav div#Language{right:15px}
nav.main-nav div#navigation{float:right;width:calc(100% - 320px)}
.banner{height:600px}
.content-wrapper{padding:80px 0}
.homeTemplate article.content::before{left:0}
.homeTemplate article.content{padding:50px 115px 50px 25px}
header.page-title h1 span.subtitle{font-size:18px;line-height:19px}
.homeTemplate .content-wrapper::before{height:470px;left:calc(50% + 40px)}
section.boxes a.box01{padding:130px 114px 130px 0}
section.realisations{padding:80px 0}
section.box-wrapper1::before{right:auto;max-width:610px;left:0}
section.box-wrapper1 a.box1 .contenu{padding:150px 30px 50px 0;width:calc(100% - 635px)}
section.box-wrapper1 a.box1 .photo{margin:80px 65px 78px 0}
footer.bottom span.tiret{margin:0 -5px}
footer.bottom{font-size:14px}
section.boxes .box2 a.box01 h3{letter-spacing:0}
section.boxes a.box01 h3{font-size:23px}
nav.main-nav .right-head{right:160px}
}
@media only screen and (max-width : 1260px) {
.homeTemplate .content-wrapper::before{height:470px;left:calc(50% + 20px)}
}
@media only screen and (max-width : 1210px) {
.homeTemplate .content-wrapper::before{height:470px;left:50%}
}
@media only screen and (max-width : 1199px) {
.banner{height:500px}
.banner .cta{margin:80px 0 0 77px}
.homeTemplate .content-wrapper::before{height:470px;left:auto;width:510px;right:0}
.content-wrapper .photo-home{max-width:480px}
.homeTemplate article.content{width:calc(100% - 410px);margin:0 -230px 0 0}
section.boxes a.box01 h3{font-size:20px}
section.box-wrapper1 a.box1 .photo{max-width:480px}
section.box-wrapper1::before{max-width:510px}
section.box-wrapper1 a.box1 .contenu{width:calc(100% - 545px)}
section.box-wrapper1 a.box1 h2{font-size:48px}
section.box-wrapper1 a.box1 h3{font-size:23px}
footer.bottom .tel{display:inline-block;padding:0 0 0 21px;background:url(../../images/new-images/icon-tel.png) no-repeat left center;margin:0 0 0 9px}
}
@media only screen and (max-width : 1023px) {
nav.main-nav a.mobile-nav{display:table;float:right;margin:10px 0 0}
nav.main-nav div#navigation{display:none}
section.realisations .highslide-gallery{padding:0 0 55px}
section.box-wrapper1{padding:0 0 60px}
section.box-wrapper1::before{top:120px;bottom:60px}
section.box-wrapper1 a.box1 .photo{margin:50px 35px 50px 0}
section.box-wrapper1 a.box1 .contenu{width:calc(100% - 520px);padding:100px 60px 50px 0}
section.box-wrapper1 a.box1 h3{font-size:22px}
div#Nieuws{grid-template-columns:1fr}
nav.main-nav .right-head{right:0;position:relative;top:auto;float:right}
nav.main-nav .right-head .search-button,nav.main-nav .right-head .wishlist-button,nav.main-nav .right-head .caddy-button,nav.main-nav .right-head .account-button{margin:18px 0 0 2px}
.videos{grid-template-columns:1fr 1fr 1fr}
}
@media only screen and (max-width : 991px) {
.banner .networks_linking{left:calc(50% - 370px)}
.content-wrapper .photo-home{float:none;display:table;margin:0 auto 40px}
.homeTemplate .content-wrapper::before{height:430px;width: 50%;top:105px}
.homeTemplate article.content{width:100%;margin:0;padding:50px 15px}
section.boxes .photo{position:relative;width:100%;height:300px}
section.boxes a.box01{padding:60px 30px;width:100%;min-height:100px}
section.boxes a.box01::before{left:-15px!important;right:-15px!important}
section.boxes .box2 a.box01{padding:60px 30px}
section.box-wrapper1 a.box1 .photo{float:none;display:table;margin:0 auto 50px}
section.box-wrapper1::before{top:30px;bottom:auto;height:440px}
section.box-wrapper1 a.box1 .contenu{width:100%;padding:50px 30px;border:1px solid #b3954d}
section.box-wrapper1 a.box1::before{display:none}
h1,.h1{font-size:43px}
}
@media only screen and (max-width : 767px) {
span.phone{display:none}
span.phone-responsive{display:inline-block}
  .banner .cta span.cta1{      padding: 8px 14px;  font-size: 33px;}
.banner .left{right:15px;text-align:center}
.banner .cta{margin:60px auto 0}
.banner::before{width:50%}
.banner .camera_prev{left:calc(50% + 8px)}
.banner .camera_next{right:calc(50% - 46px)}
.banner .networks_linking{left:calc(50% - 100px)}
.homeTemplate .content-wrapper::before{height:400px}
h1,.h1{font-size:38px}
section.boxes .box2 a.box01{padding:60px 15px}
section.boxes a.box01 h2{font-size:50px}
section.boxes a.box01 h3{font-size:19px}
section.realisations h2{font-size:30px;margin:0 0 50px;letter-spacing:0}
section.realisations h2 strong{font-size:36px}
section.box-wrapper1::before{height:410px;max-width:400px}
section.box-wrapper1 a.box1 h2{font-size:40px}
section.box-wrapper1 a.box1 h3{font-size:20px;margin:10px 0 30px}
section.box-wrapper1 a.box1 .plus{margin:40px auto 0}
footer.bottom .address .adr{display:block;padding:29px 0 0;background-position:center top}
footer.bottom .tel{display:block;margin:10px 0;padding:29px 0 0;background-position:center top}
footer.bottom .info{display:block;padding:24px 0 0;background-position:center top}
footer.bottom span.tiret{display:block;height:0;color:transparent}
footer.bottom .tel a{color:#a68b49}
nav.main-nav .right-head{float:none;margin:0 auto;width:100px}
.videos{grid-template-columns:1fr 1fr}
  div#Nieuws figure{width:95%}
}
@media only screen and (max-width : 480px) {
nav.main-nav .logo{float:none;margin:10px auto;display:table}
nav.main-nav div#Language{right:calc(50% - 63px)}
nav.main-nav a.mobile-nav{float:none;margin:0 auto}
.banner .slogan h3{font-size:20px;letter-spacing:0;margin:0}
.banner .slogan h2{font-size:23px;line-height:19px;margin:10px 0 0;letter-spacing:0}
.content-wrapper .photo-home{max-width:290px}
.homeTemplate .content-wrapper::before{height:260px}
.homeTemplate article.content p{text-align-last:left}
.homeTemplate article.content{text-align:left}
section.boxes a.box01{padding:60px 15px}
section.boxes a.box01 h2{font-size:34px}
section.realisations h2 strong{font-size:26px;margin:0}
section.box-wrapper1 a.box1 .photo{max-width:290px}
section.box-wrapper1::before{height:255px;max-width:240px}
section.box-wrapper1 a.box1 .contenu{padding:50px 15px}
section.box-wrapper1 a.box1 h2{font-size:27px}
article.content p{text-align:left!important}
article.content img{max-width:100%;     height: auto !important;}
.videos{grid-template-columns:1fr}
}

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

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
#navigation .sf-menu, #navigation .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation .sf-menu {
    justify-content: space-between;
    display: flex;
}
#navigation .sf-menu li {
	position: relative;
}
#navigation .sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left:0;
	z-index: 99;
}
#navigation .sf-menu > li {
    display: inline-block;
}
#navigation .sf-menu li:hover > ul,
#navigation .sf-menu li.sfHover > ul {
	display: block;
}
#navigation .sf-menu a {
	display: block;
	position: relative;
}
#navigation .sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*** DEMO SKIN ***/
#navigation .sf-menu ul {
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
    min-width:100%;
    padding: 5px;
    text-align: center;
    background: #eee;
}
#navigation .sf-menu a {
  color: #2c2c2c;
  text-shadow: 0 0 0 #2c2c2c;
  text-decoration: none;
  letter-spacing: .05em;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 0 10px;
  text-transform: uppercase;
  font-weight: 400;
}
#navigation .sf-menu ul li {
	border-top: 1px solid #ccc;
}
#navigation .sf-menu ul li:first-child {
	border: none;
}
#navigation .sf-menu ul a {
    text-transform: none;
    color: #000 !important;
    padding: 5px;
    text-shadow:none !important;
}
#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: #b39251;
    text-shadow: 0 0 0 #b39251;
}
#navigation .sf-menu li ul li a:hover, #navigation .sf-menu li ul li.sfHover > a,#navigation .sf-menu li ul li.active > a, #navigation .sf-menu li ul li.selected > a {
	background:#b39251 !important;
    color: #fff !important;
}
/*** arrows (for all except IE7) **/
#navigation .sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
#navigation .sf-arrows .sf-with-ul::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom:-7px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #000;
    transition: border-color .4s;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #000;
}
@media only screen and (max-width : 1199px) {
#navigation .sf-menu a{letter-spacing:0;font-size:15px}
}

.gdpr_policy {line-height: 20px;margin: 10px 0;}
.contactForm .gdpr_policy label {
    width: 90%;
    margin: -5px 0 0 20px;
}
.contactForm input.form-upload {
    width: 100%;
}
.contactForm .gdpr_policy input[type=checkbox] {
    position: absolute;
    margin-top: 5px;
}
form.contactForm .g-recaptcha{
    float: none;
}
@media only screen and (max-width : 480px) {
    .contactForm .gdpr_policy input[type=checkbox] {
        margin-top: 0px;
    }
/*submit btn*/
    .contact-submit,
    .contactForm .form-submit-button{
        width:100%;
    }
}
/*recaptcha*/
.contactForm .g-recaptcha {
    margin-bottom: 20px;
}
@media only screen and (max-width: 420px){
	.contactForm .g-recaptcha {
	    float: none;
	    margin-left: 0px;
	}
	.g-recaptcha * {
	    width: 100% !important;
	}
}