

body {	
	width: 100%;
	font: 13px 'proxima-nova', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
}

body, select, input, textarea {color: #333;}

h1 {
	font-family: 'proxima-nova', Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
}

/* Typekit helper */
.wf-loading body, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading p, .wf-loading a {
	visibility: hidden;
}

h2 {
	font-family: 'proxima-nova', Arial, sans-serif;
	font-style: normal;
	font-weight: 900;
	color: #29758b;
	font-size: 35px;
	line-height: 40.57px;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	position: relative;	
	margin-bottom: 30px;
}

a {
	color: #222221; 
	text-decoration: none;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #968e7b; color: #fff; text-shadow: none;}
::selection {background: #968e7b; color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #968e7b;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


.wrapper {
	width: 1024px;
	margin: 0 auto;
	padding: 32px 42px;
	box-sizing: border-box;
}

a.btn {
	width: 259px;
	display: inline-block;
	background: #de8f12;
	font-size: 20px;
	color: #fff;
	font-weight: 200;
	text-align: center;
	padding: 13px 0;
	border-radius: 3.5px;	
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
a.btn:hover:before, a.btn:focus:before, a.btn:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	border-radius: 3.5px;
}
a.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #133741;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
a.btn:hover, a.btn:focus, .a.btn:active {
	color: white;
} 

header.ef2-header {
	width: 100%;
	height: 540px;
	margin: 0 auto;
	background:url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/header_bg.jpg) no-repeat center center;
	background-size: cover;
	position:relative;
}
header.ef2-header .wrapper {
	padding: 0;
}


header.ef2-header nav {
	width: 100%;
	float: left;
	position: fixed;
	z-index: 100;
	background: rgba(150,142,123, 0.6);
	transition: all 0.3s;
}
header.ef2-header nav.opacity {
	background: rgba(150,142,123, 0.6);
}
header.ef2-header nav.fill {
	background: rgba(150,142,123, 0.9);
}
header.ef2-header nav figure {
	position: absolute;
}
header.ef2-header nav figure a.logo {
	width: 172px;
	height: 128px;
	padding: 0px;
	position: relative;
}
header.ef2-header nav figure .logo .a {
	width: 103px;
	height: auto;
	margin-bottom: 13px;
	position: absolute;
	left: 32px;
}
header.ef2-header nav figure .logo .b {
	position: absolute;
	top: 99px;
	left: 32px;
	display: block;
	width: 172px;
}
header.ef2-header nav ul {
	width: 846px;
	float: right;
	margin-left: 121px;
	position: relative;
}
header.ef2-header nav ul li {
	position: relative;
	float: left;
}
header.ef2-header nav a {
	float: left;
	padding: 15px 13.5px;
	color: #fff;
	font-weight: bold;
}
header.ef2-header nav a:hover,
header.ef2-header nav a:focus {
	color: #4E4E4E;
}
header.ef2-header nav a.blue {
	float: right;
	width: 53px;
	height: 45px;
	background: rgba(39,168,211, 0.6) url("/site/AEADBC73AE2FC850C1257EEC0035861F/$File/header_menu_img.png") no-repeat center center;
	background-size: 33px;
	display: block;
}
header.ef2-header nav ul.menu li ul.submenu {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 200ms ease;
	-moz-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;
	margin-left: 0 !important;
	top: 45px;
	width: auto;
	background: rgba(150,142,123, 0.6);
}
header.ef2-header nav.fill ul li ul.submenu {
	background: rgba(150,142,123, 0.9);
}
header.ef2-header nav ul.menu li:hover ul.submenu,
header.ef2-header nav ul.menu li.active ul.submenu {
	z-index: 500;
	opacity: 1;
	visibility: visible;
}
header.ef2-header nav ul.menu li.extra {
	position: absolute;
	right: 0;
}
header.ef2-header nav ul.menu li.extra ul.submenu {
	right: 0;
	width: 227px;
	background: none;
}
header.ef2-header nav ul.menu li.extra ul.submenu li {
	width: 100%;
	color: #fff;
	font-size: 16px;
	margin-top: 1px;
	background: url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/menu_arrow.png) no-repeat;
	background-color: #27a8d3;
	background-position: center right 21px;
	background-size: 9px;
	transition: all 0.2s;
}
header.ef2-header nav ul.menu li.extra ul.submenu li:hover {
	background-color: #1275ab;
	background-position: center right 15px;
}
header.ef2-header nav ul.menu li.extra ul.submenu li a {
	width: 100%;
	display: block;
	font-weight: normal;
	text-transform: inherit;
}
header.ef2-header nav ul.menu li.extra ul.submenu li:hover a {
	color: #fff;
}


header.ef2-header article {
	width: 940px;
	height: 233px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	text-align: center;
}
header.ef2-header article h1 {
	font-size: 42px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0px 2px 11px rgba(50, 50, 50, 1);
}
header.ef2-header article h1:after {
	content: '';
	width: 719px;
	height: 1px;
	margin: 0 auto;
	background-color: #fff;
	display: block;
}
header.ef2-header article a.cta {
	color: #968e7b;
	font-size: 23px;
	display: inline-block;
	background: url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/header_brush.png) no-repeat;
	background-size: 93%;
	padding: 54px 127px 20px;
	background-position: -8px -40px;
}

header.ef2-header article a.cta span {
	display: block;
	line-height: 27px;
}
header.ef2-header article a.cta span.first {
	font-weight: 800;
}
header.ef2-header article a.cta span.sec {
	font-size: 20px;
}
header.ef2-header article a.cta .arrow {
	width: 36px;
	height: auto;
	margin-top: 20px;
}
header.ef2-header article .contact {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(246,162,28, 0.8);
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: 297px;
	height: 45px;
	line-height: 45px;
	transition: all 0.3s;
	padding-right: 25px;
}
header.ef2-header article .contact:hover {
	background-color: rgba(246,162,28, 1);
}
header.ef2-header article .contact span a {
	position: relative;
	margin-left: -26px;
}
header.ef2-header article .contact a {
	color:#fff;
	text-decoration:none;
}
header.ef2-header article .contact:before {
	content: '';
	display: block;
	background: url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/header_speak.png) no-repeat center center;
	background-size: 18px;
	background-size: 18px;
	position: absolute;
	width: 18px;
	height: 14px;
	right: 39px;
	top: 13px;
	margin-top: 3px;
}
header.ef2-header article .contact:after {
	content: '';
	display: block;
	width: 218px;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-right: -50%;
	transform: translate( -50%);
	-webkit-transform: translate( -50%);
}

.toggle {display: none;}


.main {
	width: 1024px;
	position: relative;
	background-color:#fff;
	margin: 0 auto;
	display: table;
}

#diensten {
	width: 100%;
	height: 840px;
	margin: 0 auto;
	background: #eee9de url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/diensten_bg_grey.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	position:relative;
	margin-top: 20px;
	z-index: 0;
}
#diensten:before {
	content: '';
	width: 100%;
	height: 800px;
	display: block;
	position: absolute;
	background: rgba(238,233,222,1);
	background: -moz-linear-gradient(top, rgba(238,233,222,1) 0%, rgba(238,233,222,1) 49%, rgba(238,233,222,0) 59%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,233,222,1)), color-stop(49%, rgba(238,233,222,1)), color-stop(59%, rgba(238,233,222,0)));
	background: -webkit-linear-gradient(to bottom, rgba(238,233,222,1) 0%, rgba(238,233,222,1) 49%, rgba(238,233,222,0) 59%);
	background: -o-linear-gradient(to bottom, rgba(238,233,222,1) 0%, rgba(238,233,222,1) 49%, rgba(238,233,222,0) 59%);
	background: -ms-linear-gradient(to bottom, rgba(238,233,222,1) 0%, rgba(238,233,222,1) 49%, rgba(238,233,222,0) 59%);
	background: linear-gradient(to bottom, rgba(238,233,222,1) 0%, rgba(238,233,222,1) 49%, rgba(238,233,222,0) 59%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee9de', endColorstr='#eee9de', GradientType=0 );
	z-index: -1;
}
#diensten .wrapper {	
	padding: 52px 40px;
}
#diensten article {	
	width: 301px;
	height: 412px;
	float: left;
	background: #fff;
	border: 1px solid #dfdbd1;
	padding: 24px 10px 19px 19px;
	box-sizing: border-box;
	margin-right: 20px;
	position: relative;
}
#diensten article.last {
	margin: 0;
}
#diensten article .title {
	font-size: 23px;
	font-weight: bold;
	color: #133741;
	text-align: center;
	display: block;
}
#diensten article hr {
	width: 261px;
	border-top: 1px solid #eee9de;
	margin: 28px 0;
}
#diensten article ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 85px;
}
#diensten article ul li {
	background-image: url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/vink.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 0 .5em;
	padding-left: 1.3em;	
	color: #676561;
	font-size: 17px;
	font-weight: 200;
	line-height: 29px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#diensten article .btn {
	width: 261px;
	position: absolute;
    bottom: 19px;
}
#diensten .content {
	width: 730px;
	margin: 0 auto;
	margin-top: 75px;
	color: #fff;
	text-align: center;
}
#diensten .content .title {
	font-size: 35px;
	line-height: 35px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#diensten .content p {
	font-size: 17px;
	line-height: 29px;	
	text-shadow: 0px 2px 4px rgba(50, 50, 50, 1);
}


#banner {
	width: 100%;
	background: #29758b url("/site/AEADBC73AE2FC850C1257EEC0035861F/$File/banner_bg.png") center center;
	background-size: cover;
	position: relative;
	-moz-box-shadow:    inset  0  16px 22px -22px #000, 
	inset  0 -16px 20px -18px #000;
	-webkit-box-shadow: inset  0  16px 22px -22px #000, 
	inset  0 -16px 20px -18px #000;
	box-shadow:        inset  0  16px 22px -22px #000, 
	inset  0 -14px 35px -18px #000;
}
#banner .wrapper {
	padding: 50px 0 60px 0;
}
#banner h2{
	color: #fff;
	text-align: center; 
}
#banner p {
	width: 736px;
	margin: 0 auto;
	color: #fff;
	font-size: 17px;
	line-height: 29px;
	text-align: center;
}


#news .wrapper {
	position: relative;
	margin-top: 30px;
}
#news article.title {
	width: 424px;
	height: 700px;
	margin: 0 auto;
	border: 1px solid #dfdbd1;
	padding-top: 55px;
}
#news article.title:after {
	content: '';
	width: 141px;
	height: 1px;
	margin: 0 auto;
	background-color: #29758b;
	display: block;
}
#news .title h2 {
	margin: 0;
}
#news article.item {
	width: 620px;
	padding: 19px;
	box-sizing: border-box;
	border: 1px solid #dfdbd1;
	position: absolute;
	top: 190px;
	background: #fff;
	overflow: hidden;
	max-height: 141px;

	font-size: 17px;
	line-height: 29px;	
}
#news article.item h3 {
	font-weight: bold;
	font-size: 17px;
}
#news article.item a {
	color: #676561;
}
#news article.item img {
	float: left;
	padding-right: 30px;
}
#news article.item h3 {
	margin-top: 5px;
}
#news article.item.sec {
	top: 350px;
	right: 43px;
}
#news article.item.sec img {
	float: right;
	padding: 0 0 0 30px;
}
#news article.item.third {
	top: 510px;
}
#news .btn {
	width: auto;
	padding: 13px 36px;
	position: relative;
	bottom: 26px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
}

#block-views-contact-opnemen-block {
	width: 100%;
	height: 240px;
	background: url("/site/AEADBC73AE2FC850C1257EEC0035861F/$File/contact_bg.jpg") no-repeat;
	background-position: center 340px;
	background-size: cover;
	background-attachment: fixed;
}
#block-views-contact-opnemen-block .view-content {
	width: 960px;
	margin: 0 auto;
}
#block-views-contact-opnemen-block .views-field-title {
	width: 960px;
	height: 48px;
}
#block-views-contact-opnemen-block .views-field-title .field-content {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #2B7389;
	float: left;
	font-size: 25px;
	font-weight: normal;
	padding: 5px 15px;
}
#block-views-contact-opnemen-block .views-field-body {
	color: #FFFFFF;
	margin-top: 15px;
	width: 490px;
	float: left;
	clear: both;
}
#block-views-contact-opnemen-block .views-field-body p {
	font-size: 12px;
	line-height: 20px;
}
#block-views-contact-opnemen-block .views-field-body a {
	color: #fff;
}
#block-views-contact-opnemen-block .views-field-field-list-items {
	float: right;
	margin-top: 42px;
	width: 250px;
}
#block-views-contact-opnemen-block .views-field-field-list-items ul {
	padding-left: 35px;
	margin: 0;
	height: 92px;
	background: url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/telefoon.png) no-repeat 6px top,url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/email.png) no-repeat left bottom 7px transparent;
}
#block-views-contact-opnemen-block .views-field-field-list-items ul li {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	list-style: none outside none;
	padding: 10px 0;
	margin-bottom: 12px;
}
.item-list ul li {
	margin: 0 0 0.25em 1.5em;
	padding: 0;
}
#block-views-contact-opnemen-block .views-field-field-list-items ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#columns {
	margin-top: 30px;
}
footer {
	width: 100%;
	margin: 24px 0 40px;
}
.region-footer .region-inner {
	width: 960px;
	margin: 0 auto;
	margin-top: 10px;
}

#block-views-footer-block .block-inner {
	margin: 0;
}
#block-views-footer-block h2.block-title {
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 20px;
	width: 460px;
	font-family: 'Open Sans',sans-serif;
	color: #978f7c;
	transform: inherit;
	left: 0;
	text-align: left;
	text-transform: inherit;
	line-height: inherit;
}
#block-views-footer-block .view-footer > .view-header {
	border-right: 1px solid #D3D3D3;
	float: left;
	width: 460px;
}
#block-views-footer-block .view-footer > .view-header .footer-logo {
	float: left;
	margin-right: 80px;
}
#block-views-footer-block .view-footer > .view-header .tekst-bij-logo {
	color: #978F7C;
	font-size: 12px;
	line-height: 18px;
	padding-right: 20px;
}
#block-views-footer-block .view-footer > .view-header .tekst-bij-logo b a {
	color: #978F7C;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
#block-views-footer-block .view-footer > .view-content {
	width: 460px;
	float: right;
}
#block-views-footer-block .view-footer > .view-content .views-row {
	float: left;
	margin-right: 23px;
}
#block-views-footer-block .view-footer > .view-content .views-row-1 .views-field-field-afbeelding-zwart-wit {
	margin-top: -53px;
} 
#block-views-footer-block .view-footer > .view-content .views-row:hover .views-field-field-afbeelding-zwart-wit {
	display: none;
}
#block-views-footer-block .view-footer > .view-content .views-row-2 .views-field-field-afbeelding-kleur {
	margin-top: 8px;
}
#block-views-footer-block .view-footer > .view-content .views-row-2 .views-field-field-afbeelding-zwart-wit {
	margin-top: -34px;
}
#block-views-footer-block .view-footer > .view-content .views-row-3 .views-field-field-afbeelding-zwart-wit {
	margin-top: -47px;
}
#block-views-footer-block .view-footer > .view-content .views-row-4 .views-field-field-afbeelding-zwart-wit {
	margin-top: -56px;
}
#block-views-footer-block .view-footer > .view-content .views-row-5 .views-field-field-afbeelding-zwart-wit {
	margin-top: -56px;
}
#block-views-footer-block .view-footer > .view-content .views-row-last {
	margin-right: 0px;
}
#block-views-footer-block .view-footer > .view-content .views-row-6 .views-field-field-afbeelding-zwart-wit {
	margin-top: -56px;
}


.view-contact-opnemen .view-footer {
	width: 960px;
	float: left;
	margin-bottom: 30px;
}
.view-contact-opnemen .view-footer .footer-links,
.view-contact-opnemen .view-footer .footer-links p {
	width: 360px;
	float: left;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
.view-contact-opnemen .view-footer .footer-links a {
	font-size: 12px;
	color: #978f7c;
	text-decoration: none;
}
.view-contact-opnemen .view-footer .footer-rechts {
	width: 480px;
	float: right;
	text-decoration: none;
}
.view-contact-opnemen .view-footer .footer-rechts p {
	font-size: 12px;
	color: #978f7c;
}
.view-contact-opnemen .view-footer .footer-links h2, 
.view-contact-opnemen .view-footer .footer-rechts h2 {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	border: 0;
	padding: 0;
	float: left;
	margin: 0;
	left: 0;
	transform: inherit;
	text-align: left;
	text-transform: inherit;
}
.view-contact-opnemen .footer-links .block-1 {
	width: 190px;
	float: left;
	clear: both;
}
.view-contact-opnemen .footer-links .block-1 p {
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
}
.view-contact-opnemen .view-footer .footer-links .block-2 {
	width: 170px;
	float: left;
}
.view-contact-opnemen .view-footer .footer-links .block-2 p {
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
}
.view-contact-opnemen .view-footer .footer-rechts {
	width: 480px;
	float: left;
	text-decoration: none;
}
.view-contact-opnemen .view-footer .footer-rechts p {
	color: #fff;
	font-size: 12px;
}
.view-contact-opnemen .view-footer .footer-rechts .block-3 {
	width: 200px;
	float: left;
	clear: both;
}
.view-contact-opnemen .view-footer .footer-rechts .block-3 p {
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
}

/*#contact {
	width: 100%;
	height: 460px;
	margin: 0 auto;
	background: #eee9de url(/site/AEADBC73AE2FC850C1257EEC0035861F/$File/contact_bg.jpg) no-repeat center bottom;
	background-size: cover;
	position:relative;
	margin-top: 20px;
	z-index: 0;
}
#contact .wrapper {
	padding: 80px 175px 85px 175px; 
	position: relative;
}
#contact h2 {
	color: #fff;
	width: 520px;
}
#contact p {
	width: 680px;
	margin: 0 auto;
	color: #fff;
	font-size: 17px;
	line-height: 29px;
	text-align: center;
}
#contact .btn {
	padding: 13px 36px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
}

footer.ef2-footer p,
footer.ef2-footer a {
	font-size: 17px;
	color: #676561;
	line-height: 29px;
}
footer.ef2-footer .wrapper {
	position: relative;
	margin-top: 32px;
}
footer.ef2-footer article.title {
	width: 424px;
	height: 314px;
	margin: 0 auto;
	border: 1px solid #dfdbd1;
	padding-top: 50px;
}
footer.ef2-footer article.title:after {
	content: '';
	width: 165px;
	height: 1px;
	margin: 0 auto;
	background-color: #968e7b;
	display: block;
}
footer.ef2-footer h2 {
	color: #968e7b;
	font-size: 35px;
	font-weight: bold;
	line-height: 40.57px;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	position: relative;
}
footer.ef2-footer .adress {
	width: 917px;
	position: absolute;
	top: 172px;
	background: #fff;
	border: 1px solid #dfdbd1;
	padding: 26px 29px;
}
footer.ef2-footer .adress .first,
footer.ef2-footer .adress .sec,
footer.ef2-footer .adress .third {
	display: block;
	float: left;
}
footer.ef2-footer .adress .first {
	width: 27%;
	height: auto;
}
footer.ef2-footer .adress .sec {
	width: 30%;
}
footer.ef2-footer .adress .third p {
	margin-bottom: 10px;
}
footer.ef2-footer .adress .third img {
	margin-right: 24px;
}
footer.ef2-footer .adress .third img.last {
	margin: 0;
	}*/

	#copyright.ef2-copyright {
		width: 100%;
		color: #fff;
		font-size: 13px;
		background: #29758b;
		text-align: center;
		padding: 35px 0 45px;
	}
	#copyright.ef2-copyright .inner {
		width: 380px;
		margin: 0 auto;
		position: relative;
	}
	#copyright.ef2-copyright a {
		color: #fff;
	}
	#copyright.ef2-copyright p {
		float: left;
		margin: 0 auto;
	}
	#copyright.ef2-copyright .ef2 {	
		position: absolute;
		width: 30px;
		height: auto;
		display: block;
		right: 44px;
		top: -2px;
	}


/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
	#diensten,
	#block-views-contact-opnemen-block {
		background-attachment: scroll;
		background-position: top center;
	}
	#diensten {		
		background-position: center 100px;
	}
}


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

	h2 {
		font-size: 29px;
		line-height: 29px;
	}

	a.btn {
		width: 100% !important;
	}

	.wrapper {
		width: 100%;
		padding: 30px;
	}

	header.ef2-header nav {
		float: left;
	}
	header.ef2-header nav.opacity {
		background: rgba(150,142,123, 0.3);
	}
	header.ef2-header figure {
		position: absolute;
		z-index: 500;
	}
	header.ef2-header nav a.blue {
		display: none;
	}
	header.ef2-header nav a.logo {
		padding-top: 0;
	}
	header.ef2-header nav {
		width: 100%;
		height: 50px;
		background: rgba(150,142,123, 0.3);
		z-index: 500;
	}
	header.ef2-header nav ul.menu {
		width: 100%;
		height: 50px;
		position: absolute;
		margin: 0;
		float: none;
		transition: all 0.3s ease-in-out 0s;
	}
	header.ef2-header nav ul.menu.active {
		width: 100%;
		height: auto;		
		background: rgba(150,142,123, 1);
		transform: scale(1);
		-webkit-transform: scale(1);
		z-index: 500;
		position: relative;
		overflow-y: scroll;
		-webkit-overflow-scrolling:touch; // mobile safari
		overflow-x: hidden;
		-ms-overflow-style: none;
	}
	header.ef2-header nav ul.menu li {
		width: 100%;
		display: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	header.ef2-header nav ul.menu.active li {
		border-bottom: 1px solid #AAA18E;
		display: block;
		float: left;
	}
	header.ef2-header nav ul.menu li.last {
		border: 0;
	}
	header.ef2-header nav ul.menu li a {
		width: 100%;
		display: block;
		font-size: 15px;
    	line-height: 42px;
		color: #fff;
		text-align: center;
		padding: 0;
	}
	header.ef2-header nav ul.menu li.expanded > a:after {
	    content: '';
	    width: 17px;
	    height: 10px;
	    position: absolute;
	    top: 17px;
	    right: 10px;
	    background: url('/site/AEADBC73AE2FC850C1257EEC0035861F/$File/menu_arrow_mobile.png') no-repeat center center;
	    background-size: 100%;
	}
	header.ef2-header nav ul.menu li.extra.expanded > a:after {
		top: 20px;
	}
	header.ef2-header nav ul.menu li.expanded ul.menu {
		visibility:visible;
		opacity:1;
		filter:alpha(opacity=1);
		-webkit-transition:200ms ease;
		-moz-transition:200ms ease;
		-o-transition:200ms ease;
		transition:200ms ease;
		display: block;
	}
	header.ef2-header nav ul li.last {
		height: auto;
		border: 0;
	}
	header.ef2-header nav ul.menu.active li.last {
		border: 0;
	}
	header.ef2-header nav ul li.last a {
		padding: 0;
		line-height:45px !important;
	}
	header.ef2-header nav ul li ul.menu {
		position: relative;
		background: none;
		margin: 0;
	}
	header.ef2-header nav ul li ul.menu li.first {
		padding-top: 0 !important;
	}
	header.ef2-header nav ul li ul.menu li a {
		margin: 0 30px;
		font-size: 15px;
	}
	header.ef2-header nav ul li ul.menu li.last {
		border: 0;
		height: auto;
		line-height: 25px;
	}
	header.ef2-header nav ul li ul.menu li.last a {
		padding: 0;
	}
	header.ef2-header nav ul.menu li.extra {
		position: relative;
	}


	header.ef2-header nav ul.menu li ul.submenu {
		width: 100%;
		top: -50px;		
		padding-bottom: 20px;
	}
	header.ef2-header nav ul.menu li:hover ul.submenu,
	header.ef2-header nav ul.menu li:focus ul.submenu {
		position: relative;
		z-index: 500;
		opacity: 1;
		visibility: visible;
		top: 0;
	}
	header.ef2-header nav ul.menu li.extra ul.submenu {
		width: 100%;
	}
	header.ef2-header nav ul.menu li ul.submenu li {
		border-bottom: 0;
	}
	header.ef2-header nav ul.menu li ul.submenu li a {
		font-size: 15px;
		line-height: 35px;
		font-weight: normal;
	}

	.toggle {
		display: block;
		position: relative;
		float: right;
		top: 1px;
		right: 5px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 52px;
		height: 49px;
		font-size: 0;
		text-indent: -9999px;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		transition: background 0.3s;
		background: none;
		z-index: 999;
	}
	.toggle span {
		display: block;
		position: absolute;
		top: 23px;
		left: 15px;
		right: 15px;
		height: 3px;
		background: #fff;
	}
	.toggle span::before,
	.toggle span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
		content: "";
	}
	.toggle span::before {
		top: -6px;
	}
	.toggle span::after {
		bottom: -6px;
	}
	.toggle:focus {
		outline: none;
	}
	/* active state, i.e. menu open */    
	nav.active .toggle {
		z-index: 600;
	}
	.toggle.is-active span {
		background: none;
	}
	.toggle.is-active span::before,
	.toggle.is-active span::after {
		background: #fff;
	}


	header.ef2-header {
		height: 480px;
	}
	header.ef2-header .wrapper {
		float: left;
		padding: 0px;
	}
	header.ef2-header .wrapper.active {
		background: rgba(150,142,123, 1);
	}
	header.ef2-header .wrapper.active figure {
		display: none;
	}
	header.ef2-header article {
		width: 100%;
		height: 308px;
	}
	header.ef2-header figure .logo {
		width: 121px;
		height: 144px;
		margin-left: 10px;
	}
	header.ef2-header nav.fill {
		background: rgba(150, 142, 123, 0.7) none repeat scroll 0% 0%;
	}
	header.ef2-header nav figure .logo .a {
		width: 103px;
		height: auto;
		left: 0;
	}
	header.ef2-header nav figure .logo .b {
		width: 150px;
		height: auto;
		left: 0;
	}
	header.ef2-header article h1 {
		font-size: 27px;
		line-height: 32px;
	}
	header.ef2-header article h1::after {
		width: 81%;
	}	
	header.ef2-header article a.contact span::before {
		right: -26px;
		top: -2px;
		margin-top: 3px;
	}
	header.ef2-header article .contact {
		width: 296px;
		right: 0;
	}

	header.ef2-header article a.cta {
		padding: 54px 88px 0 ;
		background-size: 100%;
		background-position: 1px -31px;
	}

	#diensten {
		height: auto;
		background-attachment: scroll;
	}
	#diensten .wrapper {
		padding: 50px 30px;
	}
	#diensten article {
		width: 100%;
		height: auto;
		float: left;
		padding: 24px 19px 19px;
		margin-bottom: 30px;
	}
	#diensten article ul {
		margin: 0 0 24px;
	}
	#diensten article hr {
		width: 100%;
	}
	#diensten article .btn {
		position: relative;
    	bottom: auto;
	}


	#banner .wrapper {
		padding: 50px 30px 50px 30px;
	}
	#banner h2 {		
		margin: 0 0 30px;
	}
	#banner p {
		width: 100%;
	}


	#news {
		padding: 0 20px;
	}
	#news .wrapper {
		padding: 30px 0 30px;
	}
	#news article.title {
		width: 90%;
		height: 1169px;
		padding-top: 45px;
	}
	#news article.title::after {
		width: 115px;
	}
	#news article.item {
		width: 100%;
		max-height: inherit;
		top: 151px;
		left: 0;
		right: 0;
	}
	#news article.item.sec {
		top: 472px;
	}
	#news article.item.third {
		top: 822px;
	}
	#news article.item img {
		float: none !important;
		padding: 0 !important;
	}


	#contact {
		height: auto;
		margin: 0;
		background-position: left bottom;
	}
	#contact h2 {
		width: 88%;
		font-size: 26px;
	}
	#contact .wrapper {
		padding: 30px;
	}
	#contact p {
		width: 100%;
		margin-bottom: 85px;
	}
	#contact .btn {
		width: 259px !important;
		bottom: 30px;
	}


	#block-views-contact-opnemen-block .views-field-title,
	#block-views-contact-opnemen-block .views-field-body,
	#block-views-contact-opnemen-block .view-content,
	#block-views-contact-opnemen-block .views-field-field-list-items,
	#block-views-footer-block h2.block-title,
	#block-views-footer-block .view-footer > .view-header,
	#block-views-footer-block .view-footer > .view-footer,
	#block-views-footer-block .view-footer > .view-footer .footer-links, 
	#block-views-footer-block .view-footer > .view-footer .footer-links p,
	.view-contact-opnemen .footer-links .block-1,
	.view-contact-opnemen .footer-links .block-2,
	#block-views-footer-block .view-footer > .view-footer .footer-rechts,
	#block-views-footer-block .view-footer > .view-footer .footer-rechts .block-3,
	.region-footer .region-inner,
	#block-views-footer-block .view-footer > .view-content,
	.view-contact-opnemen .view-footer,
	.view-contact-opnemen .view-footer .footer-links, .view-contact-opnemen .view-footer .footer-links p,
	.view-contact-opnemen .view-footer .footer-rechts  {
		width: 100%;
	}

	#block-views-contact-opnemen-block {
		margin-top: 20px;
	}

	#block-views-contact-opnemen-block .views-field-field-list-items {
		margin-top: 30px;
	}

	#block-views-contact-opnemen-block {
		min-height: 240px;
		height: auto;
		float: left;
		padding: 0 30px 50px;
		position: relative;
		background-position: left center;
		background-attachment: scroll;
	}

	#block-views-contact-opnemen-block .views-field-body {
		margin-top: 175px;
	}

	#block-views-contact-opnemen-block .views-field-body p,
	#block-views-contact-opnemen-block .views-field-body a,
	.view-contact-opnemen .views-field-body p,
	.view-contact-opnemen .views-field-body a {
		font-size: 13px;
		line-height: 20px;
	}

	.view-contact-opnemen .view-footer .footer-rechts {
		margin-top: 20px;
	}

	#block-views-contact-opnemen-block .views-field-field-list-items {
		position: absolute;
		top: 60px;
		left: 0;
		padding-left: 30px;
	}
	.view-contact-opnemen .view-footer {
		margin: 0;
	}

	footer {
		margin: 24px 0px 30px;
	}

	#block-views-footer-block h2.block-title {
		display: none;
	}
	#block-views-footer-block .view-footer > .view-header {
		border: 0;
	}
	#block-views-footer-block .view-footer > .view-header .footer-logo {
		float: none;
		margin-bottom: 20px;
		margin-right: 0;
	}
	#block-views-footer-block .view-footer > .view-content {
		margin-top: 20px;
	}
	#block-views-footer-block .view-footer > .view-content:before {
		content: 'Wij zijn o.a. aangesloten bij:';
		width: 100%;
		height: 20px;
		color: #978F7C;
		font-size: 12px;
		padding-right: 20px;
		float: left;
		margin-bottom: 30px;
	}
	#block-views-footer-block .view-footer > .view-footer {
		margin-top: 15px;
		margin-bottom: 0;
	}
	#block-views-footer-block .view-footer > .view-footer .footer-rechts {
		margin-top: 20px;
	}
	#block-views-footer-block .view-footer > .view-content .views-row {
		margin-bottom: 30px;
	}


	#block-views-footer-block .view-footer > .view-content .views-row-4 {
		clear: both;
	}

	.region-footer .region-inner {
		padding: 10px 20px 0;
	}


	#copyright.ef2-copyright {	
		float: left;	
		height: auto;
		line-height: 20px;
		padding: 25px 25px 25px;
	}
	#copyright.ef2-copyright .inner {
		width: 100%;
		padding: 0px 30px;
	}
	#copyright.ef2-copyright .inner .ef2-wrapper {
		position: relative;
	}
	#copyright.ef2-copyright .inner .ef2 {
		display: inline-block;
		right: -38px;
	}
}


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

	header.ef2-header nav ul.menu.active {
		height: auto;
	}

}

