@import url('font.css');

html{
  scroll-behavior: smooth;
}

body, button, input, textarea{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
}
main{padding-top:100px;}
 
header{
	background:transparent;
	height:100px;
	margin:0;
	padding:0;
	position: fixed !important;
  z-index: 1;
  background-color: #fff;
  width: 100%;	
}

header.thiner{border-bottom: 1px solid #00000012;}
header .container-fluid {padding:0;}

header a.submenu:after {
	border: 2px solid black;
	border-width: 0 3px 3px 0;
	display: inline-block;
	content: "";
	padding: 4px;
	transform:rotate(-45deg);
	margin-left: 6px;
	position: relative;
}


header #MainMenu a.submenu:hover:after{
 transform:rotate(45deg);	
 transition:transform 0.3s;
 border: 2px solid #ff5200;
 border-width: 0 3px 3px 0;
	display: inline-block;
	content: "";
	padding: 4px;
	margin-left: 6px;
}

 header .logo img{height:100px;width:307px;}
.main-menu ul li a,
.main-menu ul li label {
	color: #000;
	margin-left: 20px;
	margin-right: 30px;
	font-family: "Cera Pro Bold",sans-serif;
	font-size: 18px;
	letter-spacing: 0.2rem;
	transition: all .3s;
	text-transform:uppercase;
}
header #MainMenu a:hover, header a.submenu:hover{color: #ff5200;}
header a.submenu:hover:after{	border-color:#ff5200;}


.block-language{position:relative;align-self: center;}

.block-language input{display:none;}
.block-language:hover  nav{
 	display: flex;
  position: absolute;
  top: 85px;
  left: 3px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  background-color: #fff;
  z-index: 1;
 }
 @media(max-width:991px){
 .block-language:hover nav {
 	top: unset;
  left: unset;
  box-shadow: unset;
  background-color: unset;
  z-index: unset;
 	}	
 }
.block-language nav{display:none;flex-direction:column;z-index:10;}
.block-language nav a{display:flex; align-items:center;color:#acacac;letter-spacing:1.5px;font-size:15px;margin: 9px;}
.block-language label{
  display: flex;
  align-items: center;
  color: #acacac;
  letter-spacing: 1.5px;
  font-size: 15px;
  line-height: 113px;
} 
@media(max-width:992px){
	.block-language{justify-content:center;align-items:center;}
	.block-language label{line-height:unset;margin-bottom:0px;}
}

.block-language label:hover,.block-language nav a:hover{color:#000;}
.block-language img{margin-right:8px;}
@media(max-width:992px){.block-language{display:none;}}
#MainMenu .block-language{margin-bottom:10px;}
#MainMenu .block-language nav{position:relative !important;display:flex;flex-direction:row;}
#MainMenu .block-language nav a:first-child{margin:0px 20px;}





#MainMenu ul.submenu{
	z-index:9;
	position:absolute;
	top:100px;
	left:0;
	right:0;
	background-color:#fff;
	color:#000;
	width:100%;
	transition: all .2s ease;
	height:auto;
	opacity:1;
}
#MainMenu ul.submenu li{list-style-type:none;justify-content: flex-start;flex-direction:column;align-items: center;text-align: center;}
 

#MainMenu ul.submenu {max-height:0px;overflow:hidden;}
#MainMenu label.submenu {position:relative !important;}

#MainMenu .menu.head>li{line-height:100px;margin:0;}
@media(max-width:992px){
	#MainMenu .menu.head>li{line-height:42px;}
}

#MainMenu .menu.head li.collection-menu:hover  ul.collectie_slider{max-height:500px;transform:scaleY(1);transition: all .5s ease;transform-origin:top;padding-bottom: 20px;padding-left: 3rem;
  padding-right: 3rem;
}
@media(max-width:992px){
	#MainMenu .menu.head li.collection-menu:hover  ul.collectie_slider{padding:0;}
}


#MainMenu .menu.head li.collection-menu  ul.collectie-arrows{display:none!important;}

#MainMenu .menu.head li.collection-menu:hover  ul.collectie-arrows{display:block !important;transition: all .5s ease;transform-origin:top;}
#MainMenu .menu.head li.collection-menu:hover  ul.collectie-arrows .arrowb{z-index:9;top: 232%;}
        @media(max-width:991px){#MainMenu .menu.head li.collection-menu:hover  ul.collectie-arrows .arrowb{top: 17%;}}

#MainMenu ul ul ul{padding-top:20px;padding-left: 0;}


#MainMenu ul ul ul li a{
	padding-top:8px;
	font-size: 21px;
	font-family: "Ubuntu-Light",sans-serif;
}

 footer {background-color:#000;color:#fff;padding-bottom: 20px;padding-top: 30px;padding-left: 50px;padding-right: 50px;min-height:315px;}
 #MainMenu label[for="MainMenu-status"]{display:none;}
 

@media (min-width:1200px) and (max-width: 1501px){
	.main-menu ul li a,
  .main-menu ul li label{
		font-size: 16px;
		letter-spacing: 0.200rem;
		margin-left: 11px;	
  }
}

@media (min-width: 743px) and (max-width: 1201px){
	.main-menu ul li a, .main-menu ul li label {
	  margin-left: 2px;
	}
}
 
@media(max-width:992px){
 header{height:50px;}	
 header .logo img{height:50px;width:unset;}
 
 	#MainMenu-hamburger{
		display:block;
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 60 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1.00)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 10h100M4 20h100M4 30h100'/%3E%3C/svg%3E");
	  width: 65px;
    height: 25px;
    background-size: contain;
    fill:#000;
    margin-top:12px;
	}
	#MainMenu label[for="MainMenu-status"]{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 28px;
		height:28px;
		font-size: 33px;
	}
	#MainMenu{
		position:absolute;
		top:50px;
		height:auto;
		background-color:#fff;
		width:100%;
		max-height:0px;
		overflow:hidden;
		left:-25px;
		opacity:0;
	}
		
	#MainMenu-status:checked ~ #MainMenu{
		opacity:1;
		max-height:100%;
		overflow:unset;
		left:0px;
		box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3);
		position: absolute;
    z-index: 3;
    transition: height 0.4s;
	}
	
	#MainMenu-status:checked + label[for="MainMenu-status"]{display:block;}
	
	#MainMenu>ul{
		display:block;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		background-color: #fff;
	}
	
	#MainMenu ul li{
		position: relative;
		padding-left: 20px;
		padding-top: 0;
		margin-bottom: 10px;
		display: inline-block;
		text-align: center;
		width: 100%;
		float: none;
		line-height: 20px;
  }
	
	#MainMenu ul li a,
	#MainMenu ul li a.submenu{
		font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
		line-height: 20px;
		font-family: "Cera Pro Bold",sans-serif;
		padding: 0;
	}
			
	#MainMenu .menu.head ul.submenu{
	  display:block;
	  flex-direction:column;
	  align-items:center;
	  padding-top: unset;
  }
  
	#MainMenu ul.submenu li{
	  list-style-type: none;
	  display:block !important;
  }
  
	#MainMenu ul.submenu a{
		font-size: 14px;
		line-height: 12px;
		text-transform:capitalize !important;
		color: #5d7975;
		text-align:left;
	}
	
	#MainMenu ul.submenu .img, 
	#MainMenu ul ul ul{display:none;}
	
	
	
	header #MainMenu .menu.head ul.submenu{position:unset;}
	#MainMenu ul.submenu a {color:unset;}
	
	
	.menu.head li:first-child{position:relative}
	.menu.head li .collectie-arrows{
		position:absolute;
		top:27%;
		width: 13%;
		
	}
	
	.menu.head li .collectie-arrows .control-next {left: 69vw;}
}

@media (min-width:743px) and (max-width: 1199px){
	footer h4{ font-size: 18px;  padding-top: 0px;  margin-bottom: 0px;}
	footer a{ font-size:17px;}
}

@media (max-width:742px){
	footer {min-height:150px;}
	footer h4{ font-size: 15px;  padding-top: 0px;  margin-bottom: 0px;max-height:60px;}
	footer h4 p{font-size:16px;}
	footer a{ font-size:14px;}
	
	.c_bekijk .block-title{
    padding-top: none;
  }
}

/***********MAIN**********/

 #chairs_slides {
 	display:block;
 	background-image:url('/images/header-bg.jpg');
 	background-position:center bottom;
 	background-size:cover;
 	background-repeat:no-repeat;
 	height:auto;
 }
 #chairs_slides .block-wrapper {padding-left: 17vh;}
 
#chairs_slides .block-wrapper .block-content {
  height: 50px;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 12px;
  letter-spacing: 0.200rem;
  position: relative;
}
#chairs_slides .block-wrapper .block-content.white-bg {
  height: 30px;
  background: #fff;
  color: #000;
  font-size: 18px;
  padding-right: 5px;
  font-family: "Cera Pro Bold",sans-serif;
  line-height: 29px;
}
#chairs_slides .block-wrapper .block-content::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30.5px 0 0 15px;
  position: absolute;
  right: -15px;
  top: 0px;
  border-color: transparent transparent transparent #fff;
}
#chairs_slides .block-content.black-bg {
  background: #000;
  color: #fff;
  font-family: "Cera Pro Bold",sans-serif;
  font-size: 25px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 12px;
  letter-spacing: 0.250rem;
}
#chairs_slides .block-wrapper .block-content.black-bg::after {
  border-width: 50px 0 0 30px;
  position: absolute;
  right: -30px;
  border-color: transparent transparent transparent #000;
}
@media (min-width:768px) and (max-width:1100px){
	#chairs_slides .block-wrapper {
    padding-left: 8vh;
  }
}
@media (min-width:992px) {
	.img-chair-main {padding-top:50px;padding-bottom:50px;padding-left:60px;}
	#chairs_slides .img-chair-main img{
		  max-width:800px;
		  margin-top:85px;
	}
}
@media (max-width:991px){
	   #chairs_slides .img-chair-main img{
		  max-width:auto;	
		 }
}

@media (max-width:758px) {
	
 #chairs_slides .block-wrapper .block-content.white-bg {
	 font-size: 10px;
	 height: 30px;
	 padding-top: 6px;
 }
 #chairs_slides .block-content.black-bg{
  font-size: 13px;
  line-height: normal;
  height: 32px;
 }
 #chairs_slides .block-wrapper .block-content.black-bg::after {
  border-width: 32px 0 0 17px;
  right: -16px;
 }
 
 #chairs_slides .block-wrapper {
  padding-left: 7vh;
  padding-top: 50vh;
 }
 	
}
  
  
.releazz {padding-top:55px;} 
.releazz p{text-align:center !important;line-height: 35px; padding:6px 0;}

 .down_arrows{cursor:pointer;}
 .down_arrows:before,
 .down_arrows:after{
	content: "";
	display: block;
	border-left: 14px solid #000;
	border-bottom: 9px solid #000;
	width: 55px;
	height: 32px;
	transform: skew(59deg) rotateX(60deg) rotateY(-18deg);
	margin-bottom: -28px;
	margin-left:auto;
	margin-right:auto;
}

@media(max-width:1200px){
	 .down_arrows::before, .down_arrows::after {
	  content: "";
	  display: block;
	  border-left: 13px solid #000;
	  border-bottom: 13px solid #000;
	  width: 28px;
	  height: 26px;
	  transform: skew(59deg) rotateX(72deg) rotateY(-18deg);
	  margin-bottom: -28px;
	  margin-left: auto;
	  margin-right: auto;
  }
}


	.energy {
		display:block;
	 	background-image:url('/images/tdhn-bg.png');
	 	background-position:center bottom;
	 	background-size:cover;
	 	background-repeat:no-repeat;
	 	height:747px;
	}
	 .button.middle{position:relative;background-color:transparent;color:#fff;text-decoration:none;border:0px;}	
	 .button.middle:before{
		transition:transform 0.4s;
		content:'';
		position:absolute;
		left:0px;right:0px;
		top:0px;bottom:0px;
		background-color:#000;
		transform: skewX(-22deg);
		z-index:1;
	}
	.button.middle:hover:before{
		transition:transform 0.4s;
		transform: skewX(22deg);
		background-color:#ff5200;
	}
	
	
	 .button.middle span{font-weight:bold;display:block;margin-left:auto;margin-right:auto;position:relative;z-index:2;}
	 .button.middle.arrow span:after{
		content: '';
		display: inline-block;
		border-left: 11px solid #fff;
		border-right: 0px solid transparent;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		width: 0px;
		height: 0px;
		margin-left: 10px;
		transform: unset;
	}
	.button.middle.orange:before{
		background-color:#ff5200;
	}
	
	  /*#contactmet span:after, #ons span:after{content:unset;}
  #contactmet:before{}
  #ons:hover:before{background-color:#000;}
	*/
	.energy .bg-modelCV{
		position: relative;
		background-image:url('/images/modelCV110.png');
	 	background-position:center center;
	 	background-size:cover;
	 	background-repeat:no-repeat;
	 	height:431px;
	 	max-width:783px;
	 	width: 100%;
		box-shadow: -2px 30px 29px rgba(0,0,0,0.25);
	}
	
  .energy .bg-modelCV a{
		position: absolute;
		background-color: #000;
		width: 56px;
		height: 45px;
		top: 40%;
		left: 45%;
		transform: skew(-22deg);
	}
 
  .energy .bg-modelCV a span{position:relative;display:block;width:100%;height:100%;z-index:3;transform: skew(22deg);}
	.energy .bg-modelCV a span img{
			position: absolute;
			z-index: 4;
			display: block;
			width: 62%;
			height: 42%;
			filter: invert(100%);
			transform: translate(-50%);
			top: 30%;
			left: 54%;
	}
	
	.energy h2, .releazz h2{text-align:unset;}
	
	@media (max-width:992px){
		  .energy .bg-modelCV{height:24rem;}
		  .energy h2 .releazz h2{font-size:2.3rem;}
		  .energy p{font-size: 14px;line-height: 24px;}
	}
	@media(max-width:786px){
		.energy a.button.middle{
			font-size: 10px;
			padding: 10px 13px;
	  }	
	}
	@media (min-width:722px) and (max-width:992px){ .energy{min-height:805px;} }
	@media (min-width:600px) and (max-width:721px){ .energy{min-height:830px;} }
	@media (min-width:581px) and (max-width:600px){ .energy{min-height:746px;} }
	@media (min-width:326px) and (max-width:580px){ .energy{min-height:778px !important;} }
	
	@media (max-width:580px){
	  	.energy h2, .releazz h2{font-size:1.8rem; line-height:1;margin-bottom: -13px;}
	  	.energy .bg-modelCV{max-height:20rem}
	  		.energy a.button.middle {
				  line-height: 42px;
				  margin-top: 14px !important;
	    }
	    .releazz p{font-size: 14px;line-height: 24px;}
	
 	
  }


.c_bekijk h3 a{
	margin: 0;
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #000;
	font-family: "Cera Pro Light",sans-serif;
	position: absolute;
	right: 80px;
	top: 50%;
}
.c_bekijk h3 a:hover{color:#ff5200;}

/*********c_bekijk_slider trebuie conectat cu JS *****/
/*********chairs_slides trebuie conectat cu JS *****/


.c_bekijk .c_bekijk_slider{position:relative;}

@media (min-width:767px) and (max-width:1200px){
	
	.c_bekijk h3{
		margin-top: 30px;
    margin-bottom: 40px;
    font-size: 35px;
	}
}
 @media (max-width:767px){
 	.c_bekijk h3{
		margin: 15px 0 0 0;
		padding: 15px;
		font-size: 20px;
  }
  .c_bekijk h3 a {
	  padding: 10px;
	  font-size: 13px;
	  position: relative;
	  right: auto;
	  top: auto;
	  display: block;
  }
  
    .c_bekijk_slider img {height: 230px;}
 }
 
 .control-prev, .control-next{
 	display: block;
  height: 400px;
 }

.arrowb{
	margin:0px auto;
	width:50px;
	height:80px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	display:inline-block;
	
}
 .product_overview .arrowb{
  margin: 0px;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  z-index: 0;
 }
 
.arrowb span{
	display:block;
	position:absolute;
	top:4px;
	bottom:0px;
	left:0px;
	right:0px;
	transition:left 0.4s;
}
.arrowb span:nth-child(2){
	z-index:1;
}
.arrowb span:nth-child(1){
	z-index:2;
}

.arrowb span:before,.arrowb span:after{
	position:absolute;
	display:block;
	content:'';
	width:14px;
	background-color:#000000;
	height:54px;
	left:13px;
}
.arrowb span:before{
	transform:rotate(30deg);
	top:-10px;
}
.arrowb span:after{
	transform:rotate(-30deg);
	bottom:-7px;
}

.arrowb span:nth-child(2):before,.arrowb span:nth-child(2):after{
	background-color:#FF5200;
}

.arrowb:hover span:nth-child(2){
	left:10px;
}
.arrowb.right{
	transform: scaleX(-1);
}

@media(max-width:1131px){
	
 .arrowb.left{
 	 transform: scale(0.5);
 	 
  }
 
 .arrowb.right{
 	transform: scale(-0.5) !important
 	
 };
 
 
}

.teaser-block{
 height:auto;
 background-image:url('/templates/default/images/teaser-block.png');
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;	
 padding: 110px 0;
}

.teaser-block .button.middle span:after{display:none;}


@media (min-width:992px) and (max-width:1200px){
	.teaser-block{background-image:none;padding: 25px 0 0 0;}
	.teaser-block .block-title{
		 padding-top: 0px;
		 margin-bottom: 25px;
		 font-size: 35px;
		 line-height: 36px;
  }
  .teaser-block p{
	  text-align: justify;
	  margin-bottom: 25px;
	  font-family: "Cera Pro Light",sans-serif;
	  font-size: 14px;
	  line-height: 24px;
  }
	
}


@media (max-width:991px){

 .teaser-block{
 	 background-image:none !important;
 	 padding:unset;
  }
 .teaser-block .block-title {
	  text-align: center;
	  font-size: 20px;
	  line-height: 22px;
	  padding-top: 20px;
	  max-width: 240px;
	  margin: 0 auto;
	  margin-bottom: 20px;
  }
   .teaser-block p {
		  line-height: 24px;
		  text-align: center;
		  max-width: none;
		  font-size: 12px;
		  margin-bottom: 10px;
   }
   .teaser-block a.button.middle {
			font-size: 10px;
			padding: 10px 13px;
			left: 50%;
			transform: translateX(-50%);
			margin-top: 0;
   } 	
}

/****BREADCRUMBS*****/

ul.breadcrumbs {
	display:flex;
	 flex-direction:row;
	 justify-content:flex-start;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 background-color: #fff;
   padding: 30px 15px 25px 0px;
	 }
ul.breadcrumbs li{
	  margin: 0 3px;
    font-size: 14px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-family: "Cera Pro Light",sans-serif;
}
ul.breadcrumbs li:not(:last-child)::after {
    display: inline-block;
    margin: 0 .25rem;
    content: "/";
}
ul.breadcrumbs li a {color: #000;transition: all .3s;text-decoration: none;}
ul.breadcrumbs li a:hover {color: #000;}
.breadcrumb_block{display:block;}
@media(max-width:767px){
	.breadcrumb_block{display:none;}
	
}



input.larger {
  width: 18px;
  height: 18px;
  display: none;
}

.section [type="checkbox"]:not(:checked) + label, .section [type="checkbox"]:checked + label {
  font-size: 21px;
  font-family: "Ubuntu-Light",sans-serif;
  padding-left: 17px;
  font-weight: 400;
  cursor: pointer;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 700;
}


.category-filter-title{
	color:#000 !important;
	margin-top: 30px;
	font-family: "Cera Pro Bold",sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 0.200rem;
	padding: 0;
} 

.filter-type{display:flex;flex-direction:column;}
.filter-type > div {display:inline-flex;}
.filter-type .filter-item-color{
 width:18px;
 height:18px;
 border-radius:50%;
 margin-right:10px;
 border:0.1px solid #797979;
 margin-top: 5px;
}

.filter-type .filter-title-color{
	font-size: 21px;
	font-family: "Ubuntu-Light",sans-serif;
	padding-left: 17px;
	font-weight: 400;
	cursor: pointer;
}

.filter-type div span{
 font-size:19px;
 cursor:pointer;	
}



.category_all_items {list-style-type:none;}
.category_all_items li p.product-title a{text-transform:uppercase;color: #000;font-size: 20px;font-family: "Cera Pro Light",sans-serif;margin-bottom: 0;}
.category_all_items li p.product-subtitle{margin: 0 0 10px;}
.category_all_items li p.product-subtitle a{color:unset !important;text-transform:uppercase;font-weight:bold;margin-top: -35px;}
.category_all_items li>*{display:flex;justify-content:center;align-items:center;}
.category_all_items li span{background:url('/templates/default/images/bg-chair.png') center center no-repeat;}
.category_all_items li span img {/*max-width:232px;*/max-height:280px;}


.gemaakt{
	background-color:#f1f0f0;
	padding-bottom: 10px;
  min-height: 125px;
 }
.gemaakt .block-title {
  font-size: 24px;
  font-family: "Cera Pro Bold",sans-serif;
  text-transform: uppercase;
  display: block;
  margin: 0;
  padding: 0;
  padding-top: 35px;
  text-align: left;
  letter-spacing: 1px;
  max-width:unset;
}

.gemaakt .block-subtitle{
	font-size: 18px;
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	color: #000;
}
.gemaakt .block-image.left { width: 70px; }
.gemaakt .block-image.right { width: 40px; }

@media (min-width:998px) and (max-width:1200px){
	
 .gemaakt .block-title {font-size: 18px; padding-top: 25px;}
 .gemaakt .block-subtitle {padding-bottom: 15px;}
 .gemaakt .block-image.left, 
 .gemaakt .block-image.right {width: 37px;}
 
}

@media (min-width:762px) and (max-width:997px){
 .gemaakt .block-image.left, 
 .gemaakt .block-image.right {width: 25px;}	
 .gemaakt .block-title {font-size: 20px;padding-top: 20px;}
 .gemaakt .block-subtitle {padding-bottom: 12px;}
 
}
@media (max-width:761px){
 .gemaakt .block-image.left, 
 .gemaakt .block-image.right {width: 25px;}	
 .gemaakt .block-title {font-size: 16px;padding-top: 10px;}
 .gemaakt .block-subtitle {padding-bottom: 10px;font-size: smaller;}
	
}

section .one_prod>div{margin-bottom:3em;}
@media (max-width:992px){
	section .one_prod>div{margin-top:3em;}
}

section>div>aside { display:none; }
	@media (min-width:768px){
		section>div>aside{display:block;}
		
	}
	
	
	@media(max-width:767px){
   section .one_prod>div>h6 { font-size: 18px; }
   section .one_prod>div>h1 { text-indent: -2px;line-height: 40px;font-size: 40px;}
   
   section label.filter_button.button.middle span::after { content: unset;}
   section label.filter_button.button.middle span{font-size:10px;}
   section label.filter_button.button.middle{margin-top:unset;padding: 11px 20px;}
           
   section .one_prod > div {margin-bottom: 1em;margin-top:1em;}
   
	 #filter_button_open:checked ~ div aside{
		  display:flex;
			flex-direction:column;
			position:fixed;
			min-height: 100%;
			height: 100vh;
			width:20rem;
			background: #fff;
			top: 0;
			left:0;
			z-index: 49;
			padding: 40px 130px 80px 60px;
			overflow: auto;
			box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
	 }
	 #filter_button_open:not(checked) ~ div aside {
	 	display:none;
	  }
   
  }
  
  
 .relaxfauteuils p{
 	color: #000;
  font-size: 18px;
  line-height: 35px;
  text-align: left;
  font-family: "Ubuntu-Light",sans-serif;
  margin: 0 0 1.5em;
}

	@media (max-width:767px){
		.relaxfauteuils h2{font-size:1.6em; line-height:1;}
	 	.relaxfauteuils p{font-size: 13px;line-height: 25px;}
	}
	
	
	
	
 .contacts_main h2{text-align:left;padding-top: 30px;}
  @media (min-width: 768px) and (max-width:1200px){
   	.contacts_main h2{
			font-size: 36px;
			letter-spacing: 5px;
			padding-top: 0;
			margin-top: 20px;
		}
	}
 
 
   @media (max-width: 767px){
			.contacts_main h2{
			  font-size: 30px;
			  text-align: center;
			  padding: 0 20px;
			  margin-top: 35px;
			  margin-bottom: 20px;
			}
			
			    
      
	 }
	
 .contacts_main h6{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: rgb(51, 51, 51);
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 10px;
 }
 @media(max-width:767px){
	 .contacts_main h6{
	  	font-size: 21px;
	  	display: inline-block;
	  	margin-top: 5px;
	  	letter-spacing: 0px;
	  	text-transform:capitalize;
	 }
  }
  	
  .contacts_main span{
  	display:block;
		letter-spacing: 0.150rem;
		font-size: 18px;
		line-height: 35px;
		text-align: left;
		font-family: "Ubuntu-Light",sans-serif;
		margin: 0 0 10px;
  }
  
  .contacts_main h5{font-size:19px;display: inline;margin:3px 0;}
   @media (max-width:767px){
	  .contacts_main h5 {
	        font-size: 16px !important;
	        line-height:1;
	  }
	 }
  
  .contacts_main a.klanten{background-color:#eaeaea;padding: 13px 30px;}
	  @media (max-width:767px){
		  .contacts_main a.klanten {
		    padding: 8px 17px;	
		  }
	  }
	  
  .contacts_main a.klanten h6{text-transform:capitalize;line-height:15px;font-weight:lighter;font-size: 18px;}
   @media (max-width:767px){
      .contacts_main a.klanten h6 {
		    line-height: 14px;
		    font-size: 14px;
		  }
   }
  
  
  .contact_form h5{font-size: 24px;float: left;letter-spacing: 1px;margin-bottom: 0px;}
	  @media (max-width:1200px){
	  	.contact_form h5{
				font-size: 20px;
				letter-spacing: 1.5px;
				padding-top: 0px;	
		  }
	  }
  
  
  #form_contact input, 
  #form_contact select, 
  {
	  height: 47px;
	  background: none;
	  box-shadow: none;
	  margin-bottom: 45px;
	  outline: none;
	  padding-left: 30px;
	  font-size: 18px;
	  color: #000;
  }
  
  #form_contact input::placeholder{
   color:#000;	/****Nu lucreaza****/
  }

  #form_contact textarea{
  	background: none;
	  box-shadow: none;
	  outline: none;
	  font-size: 16px;
	  color: #000;
	 }
	  
	
	#submitBtn{margin-top:unset;}
	@media(max-width:767px) {
		#submitBtn{padding: 11px 14px;}
		#submitBtn span{font-size:9px;}
	}
	
	.image_pic{
		background:url('/images/edcbig.png') center top no-repeat;
		height:875px;
	}
	@media(min-width:1200px) and (max-width:1400px){
		/*.text_descr{margin-top:-130px;}*/
		
	}
	@media(max-width:1199px){
		.image_pic, .text_descr{height:auto;}
	}
	.image_pic img{/*max-width:486px*/;height:665px;}
	
	  @media (min-width:768px) and (max-width: 1399px){
		   .image_pic img,
		   .text_descr {
				 max-width: 600px;
				 height:auto;
			 }
    }
    
     @media (max-width: 767px){
		   .image_pic img {
				 max-width: 310px;
				 height:auto;
			 }
    }
	
	.titlemain{
		text-transform: uppercase;
	  font-family: "Cera Pro Light",sans-serif;
	  font-size: 36px;
	  text-align: left;
	  margin-bottom: 8px;
	  letter-spacing: 4px;
	  /*margin-top: 100px;*/
	  margin-top: 0px;
	  margin-left:100px;
	  
	}
	
	
	@media (min-width:1200px) and (max-width:1400px){
		.titlemain{
	   font-size: 24px;
	  }	
	}
	
	@media(min-width:998px) and (max-width:1200px){margin-top: 100px;}
	
	@media(min-width:768px) and (max-width:997px){margin-top: 50px;}
	
	@media (min-width:768px) and (max-width:1199px){
		.titlemain{
	   font-size: 20px;
	  
     margin-left: 50px;
	  }	
	}
	
	@media (max-width:767px){
		.titlemain{
			text-align: left;
			font-size: 13px;
			letter-spacing: 2px;
			margin-top: 8px;
			padding-left: 15px;
			margin-left: unset;
		}
	}
	
	.brandmain{
		font-family: "Cera Pro Bold",sans-serif;
		text-transform: uppercase;
		font-size: 90px;
		line-height: 1;
		line-height: 65px;
		letter-spacing: 8px;
		text-align: left;
		padding-bottom: 55px;
		margin-left:100px;
		
	}
	@media (min-width:1200px) and (max-width:1400px){
		.brandmain{
			font-size: 60px;
			margin-top: 0;
			margin-bottom: 0;
			letter-spacing: 6px;
			padding-bottom: 25px;
	  }	
	}
	
	@media (min-width:768px) and (max-width:1199px){
		.brandmain{
	   font-size: 45px;
	   margin-left: 50px;
     padding-bottom: 22px;
	  }	
	}
	@media (max-width:767px){
		.brandmain{
			font-size: 30px;
			text-align: left;
			margin-top: 0px;
			line-height: 30px;
			letter-spacing: 3px;
			padding-bottom: 10px;
			padding-left: 15px;
			margin-left:unset;
		}
	}
	
	.product_overview p{
	  font-size: 24px;
	  font-family: "Cera Pro Light",sans-serif;
	  line-height: 52px;
  }
  
  @media (min-width:767px) and (max-width:1200px){
		.product_overview p {
			font-size: 16px;
			line-height: 35px;
		}
 }
  @media (max-width:767px){
		.product_overview p{
		  font-size: 14px;
		  line-height: 22px;
    }
  }
  

  
  @media (max-width:767px){
  	#contactmet,#ons {padding:8px 11px;margin-top: 11px;} 
  	#contactmet span,#ons span{font-size:11px;}
  }
  
  .section-link-back {
  	margin-top: 10px;
	  margin-left: 10px;
	  width: 50px;
	  height: 50px;
	  border: 2px solid #000;
	  padding-left: 0;
	  padding-right: 0;
  }
  
.arrowb.link-back span::before {
  transform: rotate(35deg);
  top: 10px;
}
.arrowb.link-back span::before, .arrowb.link-back span::after {
	position: absolute;
  display: block;
  content: '';
  width: 14px;
  background-color: #000000;
  height: 49px;
  left: 16px;

}

.arrowb.link-back span::after {
 transform: rotate(-35deg);
  bottom: 16px;
}
.arrowb.link-back span:nth-child(1) {
  z-index: 2;
}


.grand_pos{
	font-size: 36px;
	font-family: "Cera Pro Light",sans-serif;
	letter-spacing: 0.400rem;
	padding-bottom: 18px;	
}

@media (min-width: 768px) and (max-width:1200px){
	.grand_pos{
		font-size: 26px;
		letter-spacing: 0.200rem;
		padding-bottom: 0px;	
	}
}

@media (max-width: 767px){
.grand_pos{
		font-size: 13px;
	}
}


.posibilities .grand_pos + p{
	font-size: 24px;
	font-family: "Cera Pro Light",sans-serif;
	line-height: 52px;	
	margin: 0 0 10px;
	color:#000;
}

#product-info .text p,
#product-info .text ul
{
	margin: 0 0 10px;
  font-size: 24px;
  font-family: "Cera Pro Light",sans-serif;
  line-height: 52px;
}

	@media(max-width:1199px){
	  #product-info .text p,
	  #product-info .text ul
	  {font-size: 16px;line-height:22px;}
	  
	}

@media (max-width: 1199px){
	.posibilities .grand_pos + p{
	  font-size: 16px;
	  line-height:22px;
	}
}

.accu{	line-height: 30px;	color: #000;	font-family: "Ubuntu-Light",sans-serif;}
.accu ul{list-style:none;margin-left: 12vw;}
	@media (min-width:1016px) and (max-width:1362px){
		.accu ul{	  margin-left: 15vw;	}
	}
	@media (min-width:858px) and (max-width:1015px){
		.accu ul{	  margin-left: 18vw;	}
	}
	@media (max-width:857px){
		.accu ul{	  margin-left: unset;margin-top: 0;color: #333; }
	}

.accu ul li{  line-height: 38px;  font-size: 25px;}
  @media (min-width:858px) and (max-width:1200px){
  	.accu ul li{font-size:18px;line-height:30px;}
  }
	@media (max-width:857px){
		.accu ul li {font-size: 14px;line-height: 22px;	}
	}
	
.slider-box{position:relative;}
.slider-box .slider-control li{
	position:absolute;
	top:50%;
	margin-top:-40px;
}
.slider-box .slider-control li:nth-child(1){
	left:10px;
}
.slider-box .slider-control li:nth-child(2){
	right:10px;
}

.slider-collections .slider-item{
	text-align:center;
}

.slider-collections .slider-item .image{background:url('/templates/default/images/bg-chair.png') center center no-repeat;}


.slider-collections .block-title{
	margin: 40px 0 130px 0;
	padding: 30px 0;
	font-size: 30px;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "Cera Pro Bold",sans-serif;
	position: relative;
	text-transform: uppercase;
	color:#333;
}

li.slick-slide span{display:block!important;}

@media(max-width:992px){
	#submenu-menu:checked ~ nav ul.submenu {
	  padding-bottom: unset;
	  padding-left: unset;
	  padding-right: unset;
	}

 #MainMenu ul.submenu li {
 	display:inline-block !important;
 }
  
}

.video_model{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:#00000088;
	z-index:99999;
}

.video_model > div{
  position:fixed;
  top:20%;
  left:50%;
  transform:translateX(-50%);	
  width: 780px;
  max-width:100%;
  height: auto;
 
}
.video_model > div > div{
	width:100%;
	height:0px;
	padding-bottom:56%;
	position:relative;
	
}
.video_model > div > div > div{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin-right:10px;
	margin-left:10px;
	background-color:#FFFFFF;
	background-image:url('../images/spinner.svg');
	background-position:center center;
	background-repeat:no-repeat;
	
}


.videoModelClose {
  position: absolute;
  right: 17px;
  top: -39px;
  width: 24px;
  height: 24px;
}

.videoModelClose:before, .videoModelClose:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #fff;
}
.videoModelClose:before {
  transform: rotate(45deg);
}
.videoModelClose:after {
  transform: rotate(-45deg);
}

.scrollUpPage {
  position: fixed;
  bottom: 30px;
  right: 60px;
  width: 80px;
  height: 30px;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  z-index: 15;
}
@media(max-width:566px){
 	.scrollUpPage{
 		scale:0.9;
 	  left: 45%;
 	}
}



.item-slider-box img{max-width:478px;}
.item-slider-box .control-prev{	height:unset;}
.item-slider-box .control-prev a,
.item-slider-box .control-next a{position:absolute;z-index:0;top:25%;}
  .item-slider-box .control-prev a{right:54%;}
  .item-slider-box .control-next a{left:2%;}
  @media(max-width:767px){
  	 .item-slider-box .control-prev a{right:2%;}
  }
  
 .item-slider-box .arrowb span {
 	 display: block;
   position: absolute;
   top: 25px;
   left: -5px;
   right: 6px;
   transition: left 0.4s;
 }
.item-slider-box .arrowb span::before { top: -5px;}
.item-slider-box .arrowb span::after {  bottom: 18px;}

.item-slider-box .arrowb {  width: 52px;  height: 52px;}


.item-slider-box{position:relative;}
.item-slider-box .slider-control .control{
	position:absolute;
	top:50%;
	transform:translate(0%, -50%);
}
.item-slider-box .slider-control .control.next{left:3%;}
.item-slider-box .slider-control .control.prev{right:3%;}

#product_overview{
	max-width:478px;
	position:relative;
	margin:0px auto;
}

.grid-container-collections{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;	
  padding-bottom:30px;
}
@media(max-width:991px){
	.grid-container-collections{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:767px){
	.grid-container-collections{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:576px){
	.grid-container-collections{grid-template-columns:repeat(1,1fr);}
}

.grid-container-collections h6{text-align:center;}
.grid-container-collections h6>a{
  color: #000;
  margin-left: 20px;
  margin-right: 30px;
  font-family: "Cera Pro Bold",sans-serif;
  font-size: 18px;
  letter-spacing: 0.2rem;
  transition: all .3s;
  text-transform: uppercase;
}

.grid-container-collections .cardd-header a>img{
  margin: 0 auto;
  display: block;
}