@charset "utf-8";

/* RESET
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* GENERAL
------------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {height: 100%;}
body {height: 100%; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight:300; }

.cf:before,
.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.clear {clear: both;}

/* WRAPPERS
------------------------------------------------------------------------------*/

.wrapper {width: 100%; max-width: 1200px; margin: auto;}
.wrapper.medium {max-width: 850px;}
.wrapper.small {max-width: 700px;}
.wrapper.cols {max-width: 1200px;}

.wrapper img {max-width: 100%; height: auto;}

/* FRAMEWORK
------------------------------------------------------------------------------*/

.full-width {width: 100%;}
.full-width.pad-top {padding-top: 90px;}

.full-width.pad-bottom {padding-bottom: 90px;}
.full-width.pad-full {padding: 66px 0;}
.full-width.pad-small {padding: 50px 0;}

.white {background: #fff;}
.grey {background: #F7F7F7;}
.lightgrey {background: #F4F4F4;}
.taupe {background: #e9e8e6;}

.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}

.float-left {float: left;}
.float-right {float: right;}

.marge-100 {margin-bottom: 100px;}

.marge-60 {margin-bottom: 60px;}

.marge-up-100 {margin-top: 100px;}
.marge-up-50 {margin-top: 50px;}
.marge-up-25 {margin-top: 25px;}

/* BLOCKS
------------------------------------------------------------------------------*/

.col-2 {float: left; width: 100%; max-width: 48.3606557%; margin: 0.8196721%;}
.col-3 {float: left; width: 100%; max-width: 31.6939%; margin: 0.8196721%;}
.col-4 {float: left; width: 22.5609%; margin: 1.2195%;}

.block-left {float: left; padding-right: 25px;}
.block-left.left-20 {width: 20%;}
.block-left.left-30 {width: 30%;}
.block-left.left-40 {width: 40%;}
.block-left.left-50 {width: 50%;}
.block-left.left-60 {width: 60%;}
.block-left.left-70 {width: 70%;}
.block-left.left-80 {width: 80%;}

.block-right {float: right; padding-left: 25px;}
.block-right.right-20 {width: 20%;}
.block-right.right-30 {width: 30%;}
.block-right.right-40 {width: 40%;}
.block-right.right-50 {width: 50%;}
.block-right.right-60 {width: 60%;}
.block-right.right-70 {width: 70%;}
.block-right.right-80 {width: 80%;}

.valign {display: table;}
.valign > div {position: relative; display: table-cell; vertical-align: middle; width: 50%;}
.valign .valign-left {padding-right: 25px;}
.valign .valign-right {padding-left: 25px;}

/* TYPOGRAPHY
------------------------------------------------------------------------------*/

p {font-size: 1.1em; color: #58595b; line-height: 2em; margin-bottom: 1.5em;}
p.highlight {font-size: 1.75em;}
span.small {font-size: 0.8em; color:#999; text-align:center;}
strong {font-weight: 700;}
em {font-style: italic;}
blockquote {}
hr {display: inline-block; width: 50px; height: 3px; background: #929497; border: 0; margin: 1em 0 2em;}

/* LINKS & BUTTONS
------------------------------------------------------------------------------*/

a {color: inherit; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none;}

a.button {position: relative; display: inline-block; margin: 0.6em auto 0em; padding:18px 30px; font-size: 0.8em; color: #fff; text-transform: uppercase; text-decoration: none;}

a.button.ghost-white {border: 1px solid #fff; color: #fff; margin-left: 20%; margin-right: 20%; top:280px; }
a.button.ghost-white:hover {background: #fff; color: #333;}


a,
a:visited, 
a:active
{
    text-decoration: none;
    border: none;
    outline: none;
}
a:hover 
{
    text-decoration: none;
    border: none;
    outline: none;
}





/* HEADINGS
------------------------------------------------------------------------------*/

h1 {font-family: 'Dosis', sans-serif; font-weight:400; font-size: 3.9em; color: #f25c44; line-height: 1.3em; letter-spacing: 0.1em; text-transform: none; margin-bottom: 0.8em; text-align:left; }
h1.grey {color: #CCC; line-height: 0.3em; letter-spacing: 0.1em; text-transform: none; margin-bottom: 0.3em; text-align:left; }
h2 {font-family: 'Dosis', sans-serif; font-size: 1.5em; color: #888; line-height: 1.2em; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; margin-bottom: 0.7em;}
h3 {font-family: 'Dosis', sans-serif; font-size: 1.8em; line-height: 1.2em; margin-bottom: 1em;}
h4 {font-size: 1.5em; line-height: 1.2em; margin-bottom: 1em;}
h5 {font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.5em; color:#999;}
h5 a {text-decoration:none; color:#333; }
h5 a:hover {text-decoration:underline; color:#E76150;}

h6 {font-size: 1em; line-height: 1.2em; margin-bottom: 1em;}

.letstalk {font-family: 'Dosis', sans-serif; font-size: 2.0em; margin-bottom: 1em; color:#EC4535;  border-bottom: 2px solid #888;
  display: inline-block;
  line-height: 1.11;
}

/* HEADER
------------------------------------------------------------------------------*/

header {position: fixed; left: 0; top: 0; width: 100%; background: #F7F7F7; padding: 15px 0; z-index: 9999;}
header .wrapper img {height: 50px; width: auto;}

.lang {float: right; margin: 8px 0 0 30px;}
.lang li {display: inline-block;}
.lang li a {display: inline-block; padding: 5px 3px 5px 5px; font-size: 0.8em; color: #929497;letter-spacing: 0.2em;  text-decoration: none; text-transform: uppercase;}
.lang li a:hover, .lang li.active a {background: #c1b49a; color: #fff;}

.main-nav {float: right; margin-top: 12px;}
.main-nav li {display: inline-block; margin-left: 25px;}
.main-nav li a {font-family: 'Dosis', sans-serif; display: inline-block; padding: 7px 0; font-size: 0.9em; color: #BFBFBF; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid transparent; font-weight:500;}
.main-nav li a:hover, .main-nav li a.active {border-bottom: 2px solid #f25c44;}

/* VISUAL
------------------------------------------------------------------------------*/

.visual {padding-top: 80px;}
.visual .wrapper {position: relative;}
.visual .caption {position: absolute; left: 0; bottom: 150px; width: 100%; text-align: center;}
.flexslider ul li {position: relative;}
.flex-caption {font-family: 'Dosis', sans-serif; position: absolute; left: 0; bottom: 35%; width: 100%; text-align: center; z-index: 9999; margin-bottom: 0; font-size: 2.7em; color: #fff; line-height: 1.5em; letter-spacing: 0.2em; text-transform: uppercase; text-shadow: 1px 1px 7px rgba(0, 0, 0,0); font-weight:700;}

/* INTRO
------------------------------------------------------------------------------*/

.voordelen {margin-top: 3em;}
.voordelen ul li {margin-bottom: 2em;}
.voordelen ul li img {position: relative; height: 35px; width: auto; margin-right: 15px; top: 10px;}

/* USP
------------------------------------------------------------------------------*/

.usp {background: url(../images/visual-usp.jpg) no-repeat center; background-size: cover;}
.usp {position: relative;}
.usp .caption {position: absolute; top: 0; height: 100%; width: 100%;}
.usp .wrapper {height: 100%;}
.usp .outer {display: table; height: 100%;}
.usp .inner {display: table-cell; vertical-align: middle;}
.usp h4 {font-size: 2em; color: #fff; line-height: 1.5em; letter-spacing: 0.2em; text-transform: uppercase;}

/* APPARTEMENTEN
------------------------------------------------------------------------------*/


.col {
	float: left;
	width: 100%;
	margin: 1.2195122%;
	position: relative;
	height: 450px;
	background-image: url(images/hj/hj-3.jpg);
}
.col.col-1-3 {max-width: 30.8943089%;}
.col.col-2-3 {max-width: 64.2276423%;}
.col.col-3-3 {max-width: 97.5609756%;}
.col img {max-width: 100%; height: auto;}

.col .overlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.0); padding: 50px; text-align: center; transition: all 0.25s ease-in-out;}
.col .overlay h3 {font-family: 'Dosis', sans-serif; font-size: 1.875em; font-weight: 700; color: #fff; text-transform: uppercase;}
.col .overlay .info {opacity: 0; transition: all 0.25s ease-in-out; padding-top:266px;}
.col .overlay .info ul li {font-family: 'Dosis', sans-serif; font-size: 1.5em; color: #fff; letter-spacing: 0.2em; line-height: 1.7em; }
.col .overlay span.label {font-family: 'Dosis', sans-serif; position: absolute; left: 50%; bottom: 110px; width: 200px; margin-left: -100px; background: #fff; padding: 15px 30px; font-size: 1em; font-weight: 700; color: #333; letter-spacing: 0.2em; text-transform: uppercase;}
.col .overlay a.button {position: absolute; left: 50%; bottom: 50px; width: 200px; margin-left: -100px;}

.col:hover .overlay {background: rgba(242, 92, 68, 0.7);}
.col:hover .overlay2 {background: rgba(0, 0, 68, 0.7);}
.col:hover .overlay .info {opacity: 1;}

/* OMGEVING
------------------------------------------------------------------------------*/

.etabs {max-width: 360px; text-align: left; margin: 0 auto 3em;}
.etabs li {font-size: 1.2em; color: #58595b; line-height: 2.5em;}
.etabs li img {height: 30px; width: auto; margin-right: 10px; position: relative; top: 5px;}
.etabs li a {text-decoration: none;}
.map {max-width: 100%; height: auto; margin-bottom: -3px;}
.tab {overflow: hidden; height: auto;}

/* GALERIJ
------------------------------------------------------------------------------*/

.galerij {margin-bottom: 4em;}
.galerij li {position: relative; display: block; float: left; width: 23.7804%; margin: 0.4065%;}
.galerij li img {max-width: 100%; height: auto;}
.galerij li .overlay {content: ""; position: absolute; top: 0; right: 0; bottom: 3px; left: 0; background: rgba(102, 102, 102, 0.7) url(../images/icon-magnifying-glass.png) no-repeat center; background-size: 40px; z-index: 999; opacity: 0; transition: all 0.2s ease-in-out;}
.galerij li:hover .overlay {opacity: 1;}

/* CONTACT
------------------------------------------------------------------------------*/

#contact img {display: block; margin: 0 auto 1.5em; width: auto;}
#contact img.icon {height: 70px;}
#contact img.logo {height: 50px;}
#contact p {font-size: 1.1em; color: #716558;}
#contact a {display: inline-block; font-size: 0.8em; color: #716558; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; margin-bottom: 3em;}

/* FOOTER
------------------------------------------------------------------------------*/

footer {padding: 70px 0; background: #F9F9F9; background-image:url(../images/footer.png); background-repeat: no-repeat; background-position: left bottom; }
footer .wrapper img {height: 120px; width: auto; display: block; margin: 0 auto 2em;}
footer a.mail {font-family: 'Dosis', sans-serif; display: inline-block; font-size: 1em; color: #FFF; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; margin-bottom: 3em; line-height:2em; font-weight:bolder;}
footer .mail {font-family: 'Dosis', sans-serif; display: inline-block; font-size: 0.8em; color: #777; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; margin-bottom: 1em; line-height:2em; font-weight:lighter;}
footer p {font-family: 'Dosis', sans-serif; font-size: 0.8em; color: #E8E8E8; margin-bottom: 0; text-decoration: none;}

/* SLICKNAV
------------------------------------------------------------------------------*/

.slicknav_menu {display: none; font-family: 'Dosis', sans-serif; font-size: 16px;}
.slicknav_menu:before, .slicknav_menu:after {content: " "; display: table;}
.slicknav_menu:after {clear: both;}
.slicknav_menu .slicknav_menutxt {display: none;}
.slicknav_menu .slicknav_icon-bar {background-color: #888; border-radius: 1px; display: block; height: 3px; width: 30px;}
.slicknav_menu .slicknav_icon {float: left;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 5px;}
.slicknav_btn {font-family: 'Dosis', sans-serif; cursor: pointer; display: block; float: right; line-height: 1.125em; padding: 15px 0 15px 0; position: relative; vertical-align: middle; background-color: none; border-radius: 4px; margin: 20px 130px 20px 0; text-decoration: none;}
.slicknav_nav {font-family: 'Dosis', sans-serif; clear: both; color: #333; font-size: 1.2em; margin: 0; padding: 0 0 20px 0; z-index: 999;}
.slicknav_nav ul, .slicknav_nav li {display: block;}
.slicknav_nav ul {margin: 0; padding: 0;}
.slicknav_nav li {font-family: 'Dosis', sans-serif; margin: 0; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 1em;}
.slicknav_nav li:first-of-type {border-top: 1px solid #e5e5e5;}
.slicknav_nav li:last-of-type {border-bottom: 0;}
.slicknav_nav li a {font-family: 'Dosis', sans-serif; padding: 10px 0; display: block; color: #CCC; text-decoration: none; transition: all 0.25s ease-in-out;}
.slicknav_nav li a:hover {color: #E76150;}
li.slicknav_parent > ul li a {padding-left: 10px; color: #666;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {display: inline;}
.slicknav_nav, .slicknav_nav ul {list-style: none outside none; overflow: hidden;}
.slicknav_menu .nav-logo {display: none;}
.slicknav_logo {display: none;}
.slicknav_arrow {font-family: 'FontAwesome'; margin-left: 5px;}





/* ®®®®®®
------------------------------------------------------------------------------*/


.work {padding-top: 40px;}



.doc-loader 
{
    
	/*opacity: 0;
	visibility:hidden;
	display:none;*/
	
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;	
}
.doc-loader td 
{   

/*opacity: 0;
	visibility:hidden;
	display:none;*/

    background-color: #000;
    text-align: center;
    vertical-align: middle;
}







.socio_contact 
{
	
	float: none;
	text-align:center;
}
.socio_contact ul 
{
	margin-top: 16px;
	width: 35px;
	line-height: normal;
	margin-left: auto;
	margin-right: auto; 
}
.socio_contact ul li 
{
	float: none;
	margin-right: 0px;
}
.socio_contact ul li a
{	
    display: block;
    height: 35px;
    width: 35px;
	
		-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	
}
.socio_contact ul li a:active
{
    background-position: center bottom;
}
.socio_contact ul li a:hover 
{
	 background-position: center bottom;
	 
	 	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
	 
} 

a.socio_contact_instagram {background: transparent url('../images/fb.png') no-repeat;}
a.socio_contact_facebook {background: transparent url('../images/fb.png') no-repeat;}





#prevslide, #nextslide{
	
	z-index:6;
	position:fixed;
	height:64px;
	width:84px;
	top:50%;
	margin-top:-21px;
	
	
}



#nextslide{
right:7px; 
background:url('../images/forward.svg');
opacity:1;
	 -webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}


		
#nextslide:hover{
	background:url('../images/forward2.svg');
	right:14px;
cursor:pointer; 
opacity:1;


	 -webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
							
}


#prevslide{ 
left:-7px; 
background:url('../images/back.svg');
opacity:1;

	 -webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}


				
#prevslide:hover{
	background:url('../images/back2.svg');
	left:0px;
cursor:pointer; 
opacity:1;

	 -webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
							
}









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

    .main-nav {display: none;}
    .slicknav_menu {display: block; width: 100%; padding: 0; z-index: 999;}
    header {height: auto; overflow: auto; padding: 0;}
    header .wrapper img {position: absolute; top: 23px;}
    header .lang {position: absolute; top: 25px; right: 20px;}

}

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

    header .wrapper img {height: 50px; top: 22px;}
    header .lang {position: absolute; top: 27px; right: 10px;}
    .lang li a {padding: 4px 2px 4px 4px; font-size: 0.7em;}
    .slicknav_btn {margin: 20px 95px 20px 0;}
    
}

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

    header .wrapper img {height: 20px; top: 54px;}
    header .lang {position: absolute; top: 0; left: 0; right: 0; width: 100%; text-align: center; margin: 0; background: #fff; padding: 5px 0;}
    .lang li a {padding: 4px 2px 4px 4px; font-size: 0.7em;}
    .slicknav_btn {margin: 40px 0 10px;}
    
}

/* RESPONSIVE
------------------------------------------------------------------------------*/

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

    .wrapper {max-width: 960px;}
    .wrapper.cols {max-width: 990px;}

    .col .overlay {padding: 30px;}
    .col .overlay .info ul li {font-size: 1.6em;}
    .col .overlay span.label {bottom: 90px;}
    .col .overlay a.button {bottom: 30px;}
		.col .overlay .info {padding-top:200px;}


}

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

    .wrapper {max-width: 750px;}
    .wrapper.cols {max-width: 750px;}

    .col {height: 375px;}
/*    .col.col-1-3, .col.col-2-3, .col.col-3-3 {max-width: 47.5609756%;}*/
	
	   .col.col-1-3, .col.col-2-3, .col.col-3-3 {max-width: 100%;}
	   	.col .overlay .info {padding-top:222px;}

		
		
/*		.col .overlay {background: rgba(242, 92, 68, 0.6);}
.col .overlay .info {opacity: 1;}*/
	
	
h1 {font-family: 'Dosis', sans-serif; font-weight:400; font-size: 3.2em; color: #f25c44; line-height: 1.1em; letter-spacing: 0.1em; text-transform: none; margin-bottom: 0.8em; text-align:left; }
h1.grey {color: #CCC; line-height: 0.5em; letter-spacing: 0.1em; text-transform: none; margin-bottom: 0.3em; text-align:left; }


a.button.ghost-white {border: 1px solid #fff; color: #fff; margin-left: 20%; margin-right: 20%; top:230px; }
.col .overlay .info ul li {font-size: 1.6em; color: #fff; letter-spacing: 0.2em; line-height: 1.1em;}

.flex-caption {font-family: 'Dosis', sans-serif; position: absolute; left: 0; bottom:30%; width: 100%; text-align: center; z-index: 9999; margin-bottom: 0; font-size: 2.5em; color: #FFF; line-height: 1.5em; letter-spacing: 0.2em; text-transform: uppercase; text-shadow: 1px 1px 7px rgba(0, 0, 0,0); font-weight:700;}



}

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

    .wrapper {padding: 0 20px;}
	


    p.highlight {font-size: 1.3em;}


h1.grey {color: #CCC; line-height: 0.8em; letter-spacing: 0.1em; text-transform: none; margin-bottom: 0.3em; text-align:left; }


    h1 {font-size: 3em; line-height: 1.1em; margin-bottom: 0.5em;}
  h2 {font-size: 2.1em; line-height: 1.0em; margin-top: 0.2em;}
    h3 {font-size: 1.1em; line-height: 1.0em; margin-bottom: 0em;}
    h4 {font-size: 1em;}
    h5 {font-size: 0.9em;}
    h6 {font-size: 0.8em;}

 /*   .col-2, .col-3, .col-4 {float: none; width: 100%; height: 100%; margin: 0 0 1em;}*/
	
	
	   .col.col-1-3, .col.col-2-3, .col.col-3-3 {max-width: 100%;}
	
	
    .block-left.left-20, .block-left.left-30, .block-left.left-40, .block-left.left-50, .block-left.left-60, .block-left.left-70, .block-left.left-80 {float: none; width: 100%; padding-right: 0; margin-bottom: 1em;}
    .block-right.right-20, .block-right.right-30, .block-right.right-40, .block-right.right-50, .block-right.right-60, .block-right.right-70, .block-right.right-80 {float: none; width: 100%; padding-left: 0;}

/*    .flexslider.home {display: none;}*/
    .visual h1 {position: relative; display: inline; z-index: 999;}
	.flex-caption {font-family: 'Dosis', sans-serif; position: absolute; left: 0; bottom:25%; width: 100%; text-align: center; z-index: 9999; margin-bottom: 0; font-size: 2.5em; color: #FFFF; line-height: 1.5em; letter-spacing: 0.2em; text-transform: uppercase; text-shadow: 1px 1px 7px rgba(0, 0, 0,0); font-weight:700;}

/*    .visual {position: relative; padding: 200px 0 120px; text-align: center; background: #999 url(../images/slider-1.jpg) no-repeat center; background-size: cover;}
*/    /*.visual:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}*/
  /*  .visual .caption { font-size:9px; position: relative; bottom: 0; z-index: 99;}*/

/*    .usp .flexslider {display: none;}
*/    /*.usp {position: relative; padding: 120px 0; background: #999 url(../images/visual-usp.jpg) no-repeat center; background-size: cover;}
*/   /* .usp:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
    .usp .caption {position: relative; z-index: 99;}
*/
    .wrapper.galerij {max-width: 660px;}
	
    .galerij {margin-bottom: 2em;}
    .galerij li {width: 47.5609756%; margin: 1.2195122%;}

    #contact a, footer a.mail {font-size: 0.75em; letter-spacing: 0em;}
	
	
    .col .overlay .info ul li {font-size: 1.6em;}
	
	.col .overlay .info {padding-top:222px;}

	
		

/*.col .overlay {background: rgba(242, 92, 68, 1);}
.col .overlay .info {opacity: 1;}*/
	

}

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

    p.highlight {font-size: 1.1em;}

    .voordelen ul li {font-size: 0.9em;}
	h1.grey {color: #CCC; line-height: 2em; letter-spacing: 0.1em; text-transform: none; margin-bottom: 0.3em; text-align:left; }


    h1 {font-size: 2em; line-height: 1.1em; margin-bottom: 0.5em;}

   .usp h4 {font-size: 1.6em; margin-bottom: 0;}

    .col.col-1-3, .col.col-2-3, .col.col-3-3 {max-width: 100%;}

    .etabs li {font-size: 0.9em; text-align: center;}
    .etabs li img {height: 25px;}

    .wrapper.galerij {max-width: 300px;}
    .galerij li {width: 100%; margin: 0 0 1em;}
    .galerij li .overlay {display: none;}
	
	.col .overlay .info ul li {font-size: 1.6em;}
	  h2 {font-size: 2.1em; line-height: 1.0em; margin-top: 0.2em;}
	  
	  .flex-caption {font-family: 'Dosis', sans-serif; position: absolute; left: 0; bottom:20%; width: 100%; text-align: center; z-index: 9999; margin-bottom: 0; font-size: 2.0em; color: #FFF; line-height: 1.5em; letter-spacing: 0.2em; text-transform: uppercase; text-shadow: 1px 1px 7px rgba(0, 0, 0,0); font-weight:700;}


    
}

@media screen and (max-width: 450px) {
	
header .wrapper img {height: 40px; margin-bottom:22px; }
	
	h1.grey {color: #CCC; line-height: 2em; letter-spacing: 0.1em; text-transform: none; margin-bottom: 0.3em; text-align:left; }


    h1 {font-size: 1.7em; line-height: 1.3em; margin-bottom: 0.5em;}


  .usp h4 {font-size: 1.2em; margin-bottom: 0;}

    .col .overlay span.label {position: absolute; left: 50%; bottom: 80px; width: 150px; margin-left: -75px; padding: 15px 5px;}
    .col .overlay a.button {position: absolute; left: 50%; width: 150px; margin-left: -75px; padding: 15px 5px;}
	
	
    
}