body{	
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:bold;
	width:100%;
	margin:0;
	padding:0;
	float:left;
}

#wrap {
	max-width:1160px;
	min-width:300px;
	padding: 0px 0px;
	margin:0px auto;
}

/*______________ HEADER _______________*/
#wrap_header {
	padding: 0px 1.7% 0% 1.3%;
	margin:0px auto;
}
#wrap.leather{margin-top:100px;}
#header{
	float:left;
	width:100%;
	min-width:300px;
	background-color:white;
	position:fixed;
	z-index:9999;
	margin-top:1%;
	}
#header.leather{
	background-color:white;
	margin-top:1%; margin-left:1%; margin-right:1%;width:98%;
}
#witstrook{background-color:white; width:100%;height:20px;position:fixed;float:left;z-index:9999;}
#logo {
	width:35px;
	float:left;
	height:35px;
	margin-top:20px;
	background-image: url(../img/vancroonenburg_logo.png);

	}
#logo_naam {
	width: 35%;
	float:left;
	height:30px;
	background-repeat:no-repeat;
	margin: 28px 0px 0px 10px;background-image: url(../img/vancroonenburg_logo_naam.png);
	cursor:pointer;
}
#logo_naam a {cursor:pointer;}
#logo_smartphone{display:none;}	
	
#menu_topright{
	float:right;
	width:200px;
	font-size:12px;
	margin-top:26px;
}	
#search{float:left; width:70%;display:none;}
#search input{
	width:100%;
	float:left;
	font-size:12px;
	text-transform:uppercase;
	padding-left:5px;
	border:1px solid #000;}
#language_nl{float:left; width:5%;margin-left:7%; padding-top:2px;display:none;}
#language_en{float:right;padding-top:2px;display:none;}
#language_nl:hover, #language_en:hover{text-decoration:underline;}
#language_en:active{text-decoration:underline;}

#navigation {float:right; width:100%; border-bottom:1px solid #000;margin-top:-42px;}
#navigation ul{
	float:right;
	margin-top:15px;}
#navigation ul li{ 
	float:left;
	display: block;
	list-style:none;
	margin-left:25px;
	margin-right:0px;
}
#navigation ul li a{
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	color:#000;
	text-transform:uppercase;
}
#navigation ul li a:hover{
	text-decoration: underline;
}
#navigation ul li.active{text-decoration:underline;}
#navigation.leather{border-bottom:none;}
#navigation.no-search{width:70%;float:left;margin-top:20px;}


/*______________ SLIDER _______________*/
#slider{width:97%; padding:100px 1.5% 20px 1.5%; float:left;background-color:white;}
.demo_wrapper {
	width: 50%;
	margin: 0 auto;
}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 80%;
  }  
}
.demo_block {
	width: 100%;
	background-color:white;
}
#slider h1{color:#000;margin-bottom:2.4%;}
#slider h2{color:#000; border-top:0px solid #000; padding-top:50px;}
#slider h3{width:15%; color:#000; border:1px solid #000; font-size:12px;margin:0.5% 42% 3% 42%;}
#slider h3 a{color:#000;}
#slider h3:hover{color:#FFF;}
#slider a:hover{color:#FFF;}

h1{	width:100%;
	float:left;	
	text-transform:uppercase;
	font-size:30px;
	color:#FFF;
	text-align:center;
	line-height:15px;
	z-index:9999;
}
h2{	width:100%; 
	float:left;
	font-family: 'Droid Serif', serif;
	color:#FFF;	
	text-align:center;
	font-size:25px;
	line-height:5px;
	z-index:9999;
}
h3{	width:auto;
	float:left;
	margin: 0px 45%;
	text-transform:uppercase;
	color:white;
	border:2px solid #FFF;
	padding:10px;
	font-size:16px;
	text-align:center;
}
h3 a {color:white;}
h3:hover{
	background-color:#000;
	cursor:pointer;
	color:white;
}

/*______________ CONTAINER_HOMEGPAGE _______________*/

.image-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
 }
.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }
.overlay-fade-in img {
  transition: all 0.2s linear; }
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in h2 {
  opacity: 0;
  transition: all 0.2s ease-in-out;}
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #FFF;
  color: #000;
  text-transform: uppercase;
  box-shadow: 0 0 0px #000;
  position: relative;
  border: 0px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out; 
  margin-top:10px;}
 .overlay-fade-in .button:hover {
    box-shadow: 0 0 0px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.05); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in h1, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover h1 {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }

  
#container_1{width:100%;float:left; margin:0px auto;}
#container_eenderde{width:31.3%;float:left; padding: 0.5% 0.5% 0% 1.3%;}
#giftcard{
	width:100%;
	float:left;
	}
#giftcard img{width:100%;}
#giftcard h1{margin-top:20%;}

#bowtie{
	width:100%;
	float:left;
	padding-bottom:2.5%;
}
#bowtie img{	width:100%;}
#bowtie h2{margin-top:20%;}

#array{
	width:64.6%;
	float:left;
	padding: 0.5% 1% 0% 0.5%;}
#array img{width:100%;}
#array h1{margin-top:25%;}

#duffel{
	width:64.6%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#duffel img{	width:100%;height:auto;}
#duffel h2{margin-top:25%;}

#scenes{
	width:31.3%;
	float:left;
	padding: 0.5% 1% 0% 0.5%;
}
#scenes img{	width:100%;}
#scenes h2{margin-top:50%;}

#upnot{
	width:31.3%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#upnot img{width:100%;}
#upnot h2{margin-top:50%;}

#meme{
	width:64.6%;
	float:left;
	padding: 0.5% 1% 0% 0.5%;
}
#meme img{width:100%;}
#meme h1{margin-top:25%;}

#fashion{
	width:31.3%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#fashion img{width:100%;}
#fashion h2{margin-top:50%;}

#groen{
	width:31.3%;
	float:left;
	padding: 0.5% 0.5% 0% 0.5%;
}
#groen img{width:100%;}
#groen h1{margin-top:50%;}

#container_eenderde_rechts{width:32.3%;float:left; padding: 0.5% 1% 0% 0.5%;}

#about{
	width:100%;
	float:left;
	padding-bottom:2%;
}
#about img{width:100%;}
#about h1{margin-top:20%;}

#chrisfran{
	width:100%;
	float:left;
}
#chrisfran img{	width:100%;}
#chrisfran h1{margin-top:20%;}



/*______________ FOOTER_HOMEPAGE _______________*/
#wrap_footer {
	max-width:1120px;
	margin:0px auto;
}

#footer{float:left; width:100%;
	background-color:white;margin:0 auto;
}

#footer_left{
	float:left;
	width:32%;
	padding: 0.5% 0.5% 0% 0%;}
#logo_footer {
	width:35px;
	float:left;
	background-image: url(../img/vancroonenburg_logo.png);
	height:35px;
	margin-top:20px;
	}
#title_contact{width:85%;float:left;}
#title_extra{width:85%; float:left;}

h5{	
	font-size:16px;
	text-transform:uppercase;
	margin-left:10px;
}
p{font-size:12px;text-transform:uppercase;font-weight:normal;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}

#footer_middle{
	float:left;
	width:32.3%;
	padding: 0.5% 0.5% 0% 0.5%;
}
#footer_right{
	width:33.3%;float:right; padding: 0.5% 0% 0% 0.5%;
	}
#footer input{
	width:99%;
	float:left;
	margin-bottom:10px;
	border:1px solid #000;
	line-height:24px;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:15px;
font-weight:normal;
	}
#footer textarea{
	width:99%;
	float:left;
	height:100px;
	border:1px solid #000;
	line-height:25px;
	font-size:12px;
	resize:none;
	text-transform:uppercase;
	font-family:Roboto, Arial;
	font-weight:normal;
}
#footer input.send{
	width:100%;
	background-color:lightgrey;
	text-align:center;
	border:1px solid #000;
	height:45px;
	font-size:12px;
	color:#000;
	cursor:pointer;
	margin-top:15px;
	font-weight:bold;
	}
#rights{width:100%;
	float:left; padding: 0.5% 1% 0% 0%;
	}
#scrollup{
    background: url('../img/backtotop.png') no-repeat;
    width:40px;
    height:40px;
    position:fixed;
    bottom:40px;
    right:40px;
    display:none;
    text-indent:-9999px;
	opacity:0.5;
	cursor:pointer;
}
#scrollup:hover{opacity:1;}

.slicknav_menu {
	display:none;
}

/* ==========================================================================
WAYPOINTS
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden!important; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible!important; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }



/*______________ GALLERY TEASER_______________*/
#teaser{
	background-color:white;
	margin-top:0%; margin-left:1%; margin-right:1%;width:98%;
display:none;}


#collection_detail{
	width:100%;
	float:left;
	margin-top:2.6%;
	margin-bottom:2.6%}
.collection_titel_groot{margin-top:70%;cursor:pointer;}	
.collection_titel_groot h1, .collection_titel_groot h2{color:white;}

.collection_groot{
	width:46%;
	margin-left:1.3%;
	height:501px;
	float:left;
	border:2px solid #FFF;
	background-image:url(../img/collection_01.jpg);
	background-size:100%;
	}
.collection_titel{margin-top:35%;display:block;}	
.collection_titel h1{color:white;opacity:1;font-size:150%;} 
.collection_titel h2{color:white;opacity:1;font-size:150%;}
.collection_titel:hover{opacity:1;}

.collection_klein{
	width:25%;
	float:left;
	height:250px;
	background-color:#EFEFEF;
	}
.linksboven,.rechtsboven{
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
		}
.rechtsboven{
	background-image:url(../img/collection_02_rechtsboven.jpg);
	background-size:100%;
	background-position:center;

}
.linksboven{
	background-image:url(../img/collection_02_linksboven.jpg);
	background-size:100%;
	background-position:center;
}
.linksonder{
	background-image:url(../img/collection_02_linksonder.jpg);
	background-size:100%;
	background-position:center;
}
.rechtsonder{
	background-image:url(../img/collection_02_rechtsonder.jpg);
	background-size:100%;
	background-position:center;
}
.linksonder, .rechtsonder{
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
}
.collection_groot:hover{
 cursor:pointer;}
.collection_klein :hover{
 cursor:pointer;}

 #link{position:relative;top:-150px;}
 #link_detail{position:relative; top:-150px; height:100%;}
 
/*______________ GALLERY KEUZEMENU _______________*/
/* ---- isotope ---- */
#gallery_isotope {
	background-color: white;
	width:98%;
	margin-left:1%;
}
.grid {
	max-width:1160px;
	min-width:300px;
	padding: 0px 0px;
	margin:0px auto;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ui group */
#keuzemenu{margin:0% 10% 2.6% 10%;}
.ui-group {
  display: inline-block;
  margin-right:40px;
}
.ui-group .button-group {
  display: inline-block;
}
/* ---- button ---- */
.button {
  display: inline-block;
  padding: 1.0em 1.0em;
  background-color: #EFEFEF;
  border:none;
  cursor: pointer;
  text-transform:uppercase;
  font-weight:bold;
  font-size:12px;
  font-family: 'Roboto', Arial, sans-serif;
  }
.button:hover {
  background-color: black;
  color: white;
}
.button:active,
.button.is-checked {
  background-color: black;
}
.button.is-checked {
  color: white;
  }
.button:active {
}
/* ---- button-group ---- */
.button-group:after {
  content: '';
  display: block;
  clear: both;
}
.button-group .button {
  float: left;
  margin-left: 0;
  margin-right: 1px;
}
.button-group .button:first-child {  }
.button-group .button:last-child {  }



/*______________ GALLERY  GRID_______________*/
	
.col_titel{
	width:100%;
	float:left;
	background-color:#EFEFEF;
	margin-top:120%;}
.col_titel h3{color:black; float:left; margin:0px 8px 0px 8px; border:0px; padding:0px; margin-top:10px;}
.col_titel h3:hover{background-color:white;cursor:pointer;}
.col_titel p{
	width:30%;
	float:right;
	margin-top:13px;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
	font-size:12px;}
 
/* color-shape */
.leather_item{	
	width:21.5%;
	float:left;
	background-size:100%;
	margin: 0% 1.3% 2.6% 1.3%;
	background-color:white;
	border:5px solid #EFEFEF;}
.leather_item:hover{cursor:pointer;}
	
#giftcard_leather{background-image: url(../img/leather_giftcard.jpg);}
#giftcard_leather a{margin-top:60%;}

#bowtie_leather{background-image: url(../img/leather_54_bowtie_staand.jpg);}
#bowtie_leather a{margin-top:60%;}

#shoes{background-image: url(../img/leather_57_star.jpg);}
#shoes a{margin-top:60%;}

#duffelbag{background-image: url(../img/leather_50_duffel.jpg);}
#duffelbag a{margin-top:60%;}

#sequir_leather{background-image: url(../img/leather_70_sequir.jpg);}
#sequir_leather a{margin-top:60%;}

#origami{background-image: url(../img/leather_48_origami.jpg);}
#origami a{margin-top:60%;}

#puzzle{background-image: url(../img/leather_40_puzzle.jpg);}
#puzzle a{margin-top:60%;}

#subtract{background-image: url(../img/leather_43_subtract.jpg);}
#subtract a{margin-top:60%;}

#arraybag{background-image: url(../img/leather_37_array_big.jpg);}
#arraybag a{margin-top:60%;}

#animal{background-image: url(../img/leather_73_animal.jpg);}
#animal a{margin-top:60%;}

#hatch{	background-image: url(../img/leather_29_hatch.jpg);}
#hatch a{margin-top:60%;}

#triangle{background-image: url(../img/leather_41_triangle.jpg);}
#triangle a{margin-top:60%;}

#rectangle{	background-image: url(../img/leather_36_tablet.jpg);}
#rectangle a{margin-top:60%;}

#toiletbox{	background-image: url(../img/leather_39_toiletbox.jpg);}
#toiletbox a{margin-top:60%;}

#keychain{background-image: url(../img/leather_69_keychain.jpg);}
#keychain a{margin-top:60%;}

#iphone{background-image: url(../img/leather_45_iphone.jpg);}
#iphone a{margin-top:60%;}

#example{background-image: url(../img/arch_upnot.jpg);display:none;}
#example a{margin-top:60%;}

.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease-in-out; }
    
/*______________ LEATHER DETAIL_______________*/

#wrap_detail {
	max-width:1160px;
	min-width:300px;
	padding: 0px 0px;
	margin:0px auto;
	}
#back{width:30%; float:left;margin-top:95px;}
#back h3{width:30%; color:black; border:1px solid #000; font-size:12px;margin:0.5% 0% 2.6% 4%;}
#back h3:hover{color:white; background-color:black;}

#next{width:30%; float:right; margin-top:95px;}
#next h3{width:30%; color:black; border:1px solid #000; font-size:12px;margin:0.5% 2.6% 2.6% 58%;}
#next h3:hover{color:white; background-color:black;}
 
#col_detail_2_van_3{width:64.6%; float:left; padding: 0% 1% 0% 1.3%;}
.leather_detail_landscape {width:100%;float:left;margin-bottom:1%;}
.leather_detail_landscape img{width:100%;}
.leather_detail_2col {width:49.3%; float:left;margin-bottom:0%;margin-right:1%;}
.leather_detail_2col img{width:100%; margin-bottom:2%;}
.right{float:right; margin-right:0%;}

#col_detail_1_van_3{width:29%;
	float:left;
	padding: 0% 1.3% 1% 1%;
	margin-right:1%;
	background-color:white;
	}
#col_detail_1_van_3 h1{color:black;text-align:left;padding:1.3% 1.3% 0% 1.3%; line-height:10px; width:100%;float:left;}
#price{width:100%;float:left;margin-top:-20px;}
#price h2{color:black;text-align:right; width:100%;float:left;}
h4{font-size:16px;padding-bottom:20px;text-align:right; font-family: 'Droid Serif', serif;line-height:10px;width:100%}

#order{width:100%; float:right;border-bottom:1px solid black;padding-bottom:20px; margin-bottom:20px;margin-top:-20px;}
#order h3{width:30%; color:black; border:1px solid #000; font-size:12px;margin:0 30%; }
#order h3:hover{color:white; background-color:black;}

#col_images_smartphone{display:none;}

#col_detail_titel{float:left;width:100%;}
#col_detail_titel h5{width:80%;float:left;margin-top:10px;margin-bottom:10px;}
#logo_leather_text_col {
	width:35px;
	float:left;
	background-image: url(../img/vancroonenburg_logo.png);
	height:35px;
	margin-left:1.3%;}
#col_detail_1_van_3 p{padding:0% 1.3%;float:left;width:96%;font-size:12px; text-transform:uppercase;margin-bottom:15px;}
#dimensions{width:20%;float:left;margin-left:1.3%;}
#dimensions p{line-height:0px;}
#measurements{width:75%;float:left;margin-left:1.3%;margin-bottom:15px;}
#measurements p{line-height:0px;}

#gallery_related {
	background-color: white;
	width:100%;
	margin-left:0%;
	float:left;
	margin-top:2%;
}
#related_products{float:left;background-color:#EFEFEF;margin: 0px auto; width:97%;margin-left:1.3%;}
#related_products h1{color:black;font-size:20px;float:left;text-align:left;margin-left:6.5%; margin-bottom:2.6%;}
#related_products h2{color:black;font-size:20px;float:left;text-align:left;margin-left:1.3%;margin-top:3.9%;}

/* UTILITIES */

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*______________ CONTACT ___________*/

#quote{width:97%; padding:50px 1.5% 20px 1.5%; float:left;}
#quote h2{color:#000; border-top:0px solid #000; padding-top:50px;line-height:30px;}
#quote h2.paragraph2{margin-top:-50px;}
#quote.no-search{padding-top:50px;}
#contact_moerbeke_groot{
	width:64.6%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#contact_moerbeke_groot img{	width:100%;height:auto;}

#vragen{
	width:31.3%;
	float:left;
	padding: 0% 1% 0% 0.5%;
	margin-bottom:8.7%;
}
#vragen h5{margin-left:0px;margin-top:5px;}
#vragen p{color:black;}

#contact_kroon{
	width:31.3%;
	float:left;
	padding: 0.5% 1% 0.3% 0.5%;
}
#contact_kroon img{width:100%;}
#witregel{width:100%;float:left;}

#contact_moerbeke_klein{
	width:100%;
	float:left;
	padding-bottom:2.5%;
}
#contact_moerbeke_klein img{	width:100%;}
#adres{width:100%;float:left;}
#adres h5{	
	margin-left:0px;margin-top:5px;}
#map{
	width:64.6%;
	float:left;
	height:100%;
	padding: 0.5% 1% 0% 0.5%;
	}

	
/*______________ NEWS BLOG ___________*/

/*.flex-container-masonry {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
  -webkit-justify-content: flex-start;
   justify-content: flex-start;
   -webkit-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-align-content: center;
   align-content: center;
  height: calc(100% - 50px);
}

.container {
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-width: 800px;
  height: calc(100% - 50px);
  font-size: 0;
}
.flexitem {
  width: 33.3%;
  margin: 5px;
  padding: 10px;
  background: #cc0000;
  color: black;
}
.container:hover div { opacity: 0.75; }
.container:hover div:hover { opacity: 1; }

@supports not (flex-wrap: wrap) {
  .container { display: block; }
  .container div {
    display: inline-block;
    vertical-align: top;
  }
}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-container-masonry {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
  -webkit-justify-content: flex-start;
   justify-content: flex-start;
   -webkit-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-align-content: center;
   align-content: center;
  height: calc(100% - 50px);
}

.flex-container-masonry-js {
}*/


#container{width:97.4%;float:left;margin: 0 1.3% 0 1.3%;}
.flex-item {
  background: #EFEFEF;
  border-radius: 0px;
  cursor: pointer;
  float:left;margin:0.5% 0.5%;
}
.flex-sizer, .flex-item{width:32.3%;}
.flex-item img{width:100%;}
.tekst_blog{background-color:#EFEFEF;margin-top:-5%; padding-bottom:5%;float:left;}
.tekst_blog h1{color:#000;font-size:20px;margin-top:0px;float:left;line-height:30px;margin-bottom:0px;}
.tekst_blog h2{color:#000;font-size:17px;margin-bottom:5%;float:left;line-height:17px;margin-bottom:0px;}
.tekst_blog p{text-align:center;margin:5% 5% 5% 5%;float:left;}
.tekst_blog h3{color:black;border:1px solid black;width:40%;margin:0 30%;float:left; font-size:12px; padding:5px;}
.tekst_blog h3:hover{color:#FFF;border:1px solid black;float:left;}
.tekst_blog h4{color:darkgrey;font-size:14px;float:left; margin-top:35px;margin-bottom:0px;width:90%;padding:0% 5% 5% 5%;}

/*______________ CONTAINER_GRAPHICS _______________*/

#graphics_108_meme{
	width:64.6%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#graphics_108_meme img{	width:100%;height:auto;}
#graphics_108_meme h3{margin:30% 40% 0% 40%;}

#graphics_108_meme_smartphone{display:none;}

#graphics_eenderde_rechts{
	width:31.3%;
	float:left;
	padding: 0.5% 1% 0% 0.5%;
}
#container_eenderde{width:31.3%;float:left; padding: 0.5% 0.5% 0% 1.3%;}

#leila{
	width:100%;
	float:left;padding-bottom:2.5%;
	}
#leila img{width:100%;}
#leila h3{margin:30% 0% 0% 35%;}
#joostgabi{
	width:100%;
	float:left;padding-bottom:0.5%;
}
#joostgabi img{	width:100%;}
#joostgabi h3{margin:30% 0% 0% 30%;}

#veltion{
	width:31.3%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#veltion img{width:100%;}
#veltion h3{margin:60% 0% 0% 35%;}
#veltion_smartphone{display:none;}

#marktrock{
	width:64.6%;
	float:left;
	padding: 0.5% 1% 0.1% 0.5%;
}
#marktrock img{width:100%;}
#marktrock h3{margin:30% 40% 0% 40%;}

#ebec{
	width:31.3%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#ebec img{width:100%;}
#ebec h3{margin:60% 40% 0% 40%;}

#container_eenderde_midden{width:32.3%;float:left; padding: 0.5% 0.5% 0% 0.5%;}
#mantama{
	width:100%;
	float:left;padding-bottom:2.5%;
	}
#mantama img{width:100%;}
#mantama h3{margin:30% 0% 0% 35%;}

#bala{
	width:100%;
	float:left;padding-bottom:0.5%;
}
#bala img{width:100%;}
#bala h3{margin:30% 0% 0% 30%;width:40%}

#pers{
	width:31.3%;
	float:left;
	padding: 0.5% 1% 0% 0.5%;
}
#pers img{width:100%;}
#pers h3{margin:60% 32% 0% 32%; width:35%;}

/*______________ DESIGN _______________*/
 #titel_design {width:100%;color:black;}
 #titel_design h3{color:black;width:95%;margin-left:1.3%;margin-top:5%;}
 #titel_design h3:hover{color:white;}
 
 
#vragen.design{width:16%;
	text-align:left;}


#maquette{
	width:80%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#maquette img{width:100%;height:auto;}

#bimet{
	width:80%;
	float:left;
	padding: 0.5% 1% 0.1% 0.5%;
}
#bimet img{width:100%;}
 
#luna01{
	width:64.6%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#luna01 img{	width:100%;height:auto;}
#luna01 h3{margin:30% 40% 0% 40%;}

#luna02{
	width:31.3%;
	float:left;
	padding: 0.5% 1% 0% 0.5%;
}
#luna02 img{width:100%;}
#luna02 h3{margin:30% 50% 0% 40%;}

#bloem01{
	width:80%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#bloem01 img{width:100%;height:auto;}
#bloem01 h3{margin:30% 40% 0% 40%;}

#tafel{
	width:80%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#tafel img{width:100%;height:auto;}


#ballerina03{
	width:80%;
	float:left;
	padding: 0.5% 1% 0% 0.5%;}
#ballerina03 img{width:100%;} 
 
#maquette01{
	width:64.6%;
	float:left;
	padding: 0.5% 0.5% 0% 1.3%;
}
#maquette01 img{	width:100%;height:auto;}
#maquette01 h3{margin:30% 40% 0% 40%;}

#maquette02{
	width:100%;
	float:left;padding-bottom:2.5%;
	}
#maquette02 img{width:100%;}
#maquette02 h3{margin:30% 0% 0% 35%;}

#maquette03{
	width:100%;
	float:left;padding-bottom:0.5%;
}
#maquette03 img{	width:100%;}
#maquette03 h3{margin:30% 0% 0% 30%;}

 
 /*______________ ARCHITECTURE _______________*/
 .architecture_item{	
	width:24%;
	float:left;
	background-size:100%;
	margin: 0.5% 0.5%;
	background-color:white;}
.architecture_item:hover{cursor:pointer;}
.tekst_architecture{background-color:#EFEFEF;margin-top:-5%; padding-bottom:5%;float:left;}
.tekst_architecture h1{color:#000;font-size:20px;margin-top:30px;float:left;line-height:30px; }
.tekst_architecture p{text-align:center;margin:0% 5% 5% 5%;float:left; width:90%;}
.tekst_architecture h3{color:black;border:1px solid black;width:40%;margin:0 30%;float:left; font-size:12px; padding:5px;}
.tekst_architecture h3:hover{color:#FFF;background-color:#000;border:1px solid black;float:left;}
.image-wrapper img{width:100%;}
#keuzemenu_architectuur{margin:0% 10% 2.6% 20%;float:left;}
.ui-group-architecture {
  display: inline-block;
  margin-right:40px;}
 #zevergem_ipad{display:none;}
 #terrive_ipad{display:none;}

/*______________ ABOUT _______________*/
#quote.about{padding-bottom:0px;}

.about_item{	
	width:32%;
	float:left;
	background-size:100%;
	margin: 0% 0.5% 1% 0.5%;
	background-color:white;}
.tekst_about{background-color:#EFEFEF;margin-top:-5%; padding-bottom:0%;float:left;}
.tekst_about h1{color:#000;font-size:20px;margin-top:30px;float:left;line-height:30px; }
.tekst_about p{text-align:left;margin:0% 5% 5% 5%;float:left; width:90%;}
.tekst_about h3{color:black;border:1px solid black;width:40%;margin:0 30%;float:left; font-size:12px; padding:5px;}
.tekst_about h3:hover{color:#FFF;background-color:#000;border:1px solid black;float:left;}
.about_item_2{width:64%;float:left;background-size:100%;margin:0% 0.5% 1% 0.5%;}
.tekst_about_kader h1{color:#000;font-size:30px;margin-top:40px;float:left;}
.tekst_about_kader h2{color:#000;font-size:23px;float:left;margin-top:0px;margin-bottom:35px;}
 
 #col_detail_1_van_3.about{width:29%;
	float:left;
	padding: 0% 1.3% 1% 1.3%;
	margin-right:0%;
	background-color:white;
	}
#col_detail_2_van_3.about{width:64.6%; float:left; padding: 0% 1% 0% 2%;}
#col_detail_titel{float:left;width:100%;}
#col_detail_titel h5.about{width:100%;float:left;text-align:right;margin-top:10px;margin-bottom:10px;}

#order.about{border-bottom:none;margin-bottom:0px;margin-top:-30px;}
#order h3.about{width:10%; margin:5% 0% 0% 0%; }
	
/*______________ GIFTCARD _______________*/
.giftcard_item{	
	width:32%;
	float:left;
	background-size:100%;
	margin: 0% 0.5% 1% 1.3%;
	background-color:white;}
.giftcard_item_2{width:64%;float:left;background-size:100%;margin:0% 0.5% 1% 0.5%;}
#order.giftcard{border-bottom:none;margin-bottom:-30px;margin-top:0px;}
#order h3.giftcard{width:50%; margin:5% 0% 0% 0%; }