/*
Theme Name: Lieftink
Description: Template die speciaal en op maat gemaakt is voor Lieftink. 
Author: Lost Sheeps
Author URI: https://www.lostsheeps.nl
Version: 1.2.21
Tags: HTML5, CSS3, jQuery, custom, responsive
*/

/* Browser reset; Lost Sheeps custom browser reset
-------------------------------------------------------------- */

@font-face {
	font-family: 'TenSheep100';
	src: url('fonts/tensheep-100.eot');
	src: url('fonts/tensheep-100.eot?#iefix') format('embedded-opentype'),
		url('fonts/tensheep-100.woff') format('woff'),
		url('fonts/tensheep-100.ttf') format('truetype'),
		url('fonts/tensheep-100.svg#TenSheep100') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TenSheep500';
	src: url('fonts/tensheep-500.eot');
	src: url('fonts/tensheep-500.eot?#iefix') format('embedded-opentype'),
		url('fonts/tensheep-500.woff') format('woff'),
		url('fonts/tensheep-500.ttf') format('truetype'),
		url('fonts/tensheep-500.svg#TenSheep500') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TenSheep700';
	src: url('fonts/tensheep-700.eot');
	src: url('fonts/tensheep-700.eot?#iefix') format('embedded-opentype'),
		url('fonts/tensheep-700.woff') format('woff'),
		url('fonts/tensheep-700.ttf') format('truetype'),
		url('fonts/tensheep-700.svg#TenSheep700') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'verb_regularregular';
	src: url('fonts/VerbRegular-webfont.eot');
	src: url('fonts/VerbRegular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/VerbRegular-webfont.woff') format('woff'),
		url('fonts/VerbRegular-webfont.ttf') format('truetype'),
		url('fonts/VerbRegular-webfont.svg#verb_regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'verb_lightregular';
	src: url('fonts/VerbLight-webfont.eot');
	src: url('fonts/VerbLight-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/VerbLight-webfont.woff') format('woff'),
		url('fonts/VerbLight-webfont.ttf') format('truetype'),
		url('fonts/VerbLight-webfont.svg#verb_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'larabiefont_rgregular';
	src: url('fonts/larabiefont_rg-webfont.eot');
	src: url('fonts/larabiefont_rg-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/larabiefont_rg-webfont.woff') format('woff'),
		url('fonts/larabiefont_rg-webfont.ttf') format('truetype'),
		url('fonts/larabiefont_rg-webfont.svg#larabiefont_rgregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


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,
font,
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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	/* remember to define focus styles! */
	outline: 0;
}

html,
body {
	height: 100%
}

html {
	font-size: 100%;
}

body {
	font-family: 'verb_regularregular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: rgb(12, 12, 12);
	line-height: 1.5;
	background-color: rgb(255, 255, 255);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'verb_lightregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	clear: both;
}

h1 {
	font-size: 48px;
	color: rgb(15, 60, 100);
	line-height: 48px;
	text-transform: uppercase;
	margin: 50px 0;
}

h1.small {
	font-size: 30px;
	line-height: 1;
	text-transform: none;
	margin: 23px 0 0 0;
}

h2 {
	font-size: 30px;
	color: rgb(15, 60, 100);
	line-height: 1;
	margin-bottom: 20px;
}

h2.h1 {
	font-size: 48px;
	color: rgb(15, 60, 100);
	line-height: 48px;
	text-transform: uppercase;
	margin: 50px 0;
}

h3 {
	font-size: 15px;
	color: rgb(255, 255, 255);
	line-height: 18px;
	margin: 0;
}

h4 {
	font-size: 15px;
	font-family: 'verb_regularregular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #f0ab00;
}

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

	h1,
	h2.h1 {
		font-size: 30px;
		margin: 5% 0;
	}

	h2,
	h1.small {
		font-size: 24px;
		line-height: 1;
	}
}

p {
	margin: 0 0 15px 0;
}

ol,
ul {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

a {
	color: rgb(118, 137, 152);
	text-decoration: none;
}

a:active,
a:hover {
	color: rgb(118, 137, 152);
}

h2 a {
	color: rgb(15, 60, 100) !important;
}

h2 a:hover {
	color: rgb(118, 137, 152);
}

img {
	max-width: 100%;
	width: auto;
	border: none;
}

img.alignright {
	float: right;
	margin: 0 0 0.9375em 0.9375em;
}

img.alignleft {
	float: left;
	margin: 0 0.9375em 0.9375em 0;
}

img.aligncenter {
	display: block;
	margin: 0 auto 0.9375em auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

input[type="text"],
input[type="email"],
input,
.input,
textarea {
	width: 100%;
	font-family: 'verb_regularregular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-indent: 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: rgb(255, 255, 255);
	box-sizing: border-box;
}

input[type="text"],
input[type="email"],
input,
.input {
	height: 36px;
	font-size: 15px;
	padding: 0;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
.input:hover,
.input:focus,
textarea:hover,
textarea:focus {
	border-color: #0f3c64
}

input[type="submit"] {
	position: relative;
	z-index: 1;
	display: block;
	float: right;
	min-width: 200px;
	width: auto;
	height: 40px;
	font-family: 'verb_lightregular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: white;
	line-height: 36px;
	background-color: #0f3c64;
	border: 2px solid #0f3c64;
	text-indent: 0;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	cursor: pointer;
}

textarea {
	padding-top: 10px;
}

input.input-50 {
	float: left;
	width: calc((100% - 15px) / 2);
	margin-right: 15px;
	margin-bottom: 15px;
}

input.input-last {
	margin-right: 0
}

@media only screen and (max-width:1024px) and (orientation:portrait) {

	input[type="text"],
	input[type="email"],
	input,
	.input,
	textarea {
		width: 100%;
		height: 40px;
		font-size: 15px;
		color: #0f3c64;
		border-radius: 0;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	textarea {
		height: 160px;
		line-height: 1.4;
	}

	input[type="text"]:focus,
	input[type="email"]:focus {
		border-color: #0f3c64;
	}

	input[type="submit"] {
		float: none;
		padding: 0;
		font-size: 15px;
	}

	select[name="your-subject"] {
		height: 40px !important;
		width: 100px !important;
		border: 0 !important;
	}
}

input.input-50 {
	float: left;
	width: calc((100% - 15px) / 2);
	margin-right: 15px;
	margin-bottom: 15px;
}

input.input-last {
	margin-right: 0
}

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

	input[type="text"],
	input[type="email"],
	textarea {
		width: 100%;
		height: 46px;
		font-size: 15px;
		line-height: 46px;
		color: #0f3c64;
		border-radius: 0;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	input.input-50 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	textarea {
		height: 160px;
		line-height: 1.4;
	}

	input[type="text"]:focus,
	input[type="email"]:focus {
		border-color: #0f3c64;
	}

	input[type="submit"] {
		width: 100%;
		height: 46px;
		padding: 0;
		font-size: 15px;
		line-height: 46px;
		color: white;
		text-align: center;
		text-indent: 0;
		border: 2px solid #0f3c64;
		background: #0f3c64;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	input[type="submit"]:hover {
		border-color: #0f3c64;
		background: white;
	}
}

select[name="your-subject"] {
	height: 50px !important;
	width: 100px !important;
	border: 0 !important;
}

.btn {
	position: relative;
	z-index: 1;
	display: block;
	float: left;
	min-width: 230px;
	width: auto;
	padding: 0;
	background-color: white;
	border: 1px solid #0f3c64;
	font-family: 'verb_lightregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0f3c64;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
	vertical-align: middle;
}

.btn:before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: .75em 1em;
	vertical-align: middle;
	background-color: #0f3c64;
	color: white;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btn:hover:before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.btn>span {
	display: block;
	padding: .75em 1em;
	color: #0f3c64;
	vertical-align: middle;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btn:hover>span {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.btn.all-downs {
	min-width: auto;
}

.btn.right {
	float: right;
}

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

	.btn,
	.btn>span {
		width: 100%;
	}

	/*
	.btn {
    width: 100%;
    height: 50px;
    font-family: 'verb_lightregular', Arial, Helvetica, sans-serif;
    color: white !important;
    line-height: 46px;
    border: 2px solid #0f3c64;
    background: #0f3c64;
    text-indent: 0;
    text-align: center;
    box-sizing: border-box;
  }
    .btn:hover {
      width: 100%;
      height: 50px;
      border-color: #0f3c64;
      background: #0f3c64;
    }
    .btn a { color: white; }
      .btn a:hover { color: #0f3c64; }
*/
	.btn-afspraak a {
		display: inline-block;
		float: none !important;
		background: none;
	}
}

.hide-it {
	display: none !important;
}

.show-it {
	display: block !important;
}

.wp-notice {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-left-width: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
	padding: 12px;
	clear: both;
}

.wp-notice-success {
	border-left-color: #46b450
}

.wp-notice-success.notice-alt {
	background-color: #ecf7ed
}

.wp-notice-warning {
	border-left-color: #ffb900
}

.wp-notice-warning.notice-alt {
	background-color: #fff8e5
}

.wp-notice-error {
	border-left-color: #dc3232
}

.wp-notice-error.notice-alt {
	background-color: #fbeaea
}

.wp-notice-info {
	border-left-color: #00a0d2
}

.wp-notice-info.notice-alt {
	background-color: #e5f5fa
}

.wp-notice p:last-child {
	margin-bottom: 0
}

.ma-0 {
	margin: 0;
}

.ma-1 {
	margin: 15px;
}

.ma-2 {
	margin: 30px;
}

.ma-3 {
	margin: 45px;
}

.ma-4 {
	margin: 60px;
}

.mx-0 {
	margin-right: 0;
	margin-left: 0;
}

.mx-1 {
	margin-right: 15px;
	margin-left: 15px;
}

.mx-2 {
	margin-right: 30px;
	margin-left: 30px;
}

.mx-3 {
	margin-right: 45px;
	margin-left: 45px;
}

.mx-4 {
	margin-right: 60px;
	margin-left: 60px;
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.my-1 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.my-2 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.my-3 {
	margin-top: 45px;
	margin-bottom: 45px;
}

.my-4 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.mt-0 {
	margin-top: 0;
}

.mt-1 {
	margin-top: 15px;
}

.mt-2 {
	margin-top: 30px;
}

.mt-3 {
	margin-top: 45px;
}

.mt-4 {
	margin-top: 60px;
}

.mr-0 {
	margin-right: 0;
}

.mr-1 {
	margin-right: 15px;
}

.mr-2 {
	margin-right: 30px;
}

.mr-3 {
	margin-right: 45px;
}

.mr-4 {
	margin-right: 60px;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-1 {
	margin-bottom: 15px;
}

.mb-2 {
	margin-bottom: 30px;
}

.mb-3 {
	margin-bottom: 45px;
}

.mb-4 {
	margin-bottom: 60px;
}

.ml-0 {
	margin-left: 0;
}

.ml-1 {
	margin-left: 15px;
}

.ml-2 {
	margin-left: 30px;
}

.ml-3 {
	margin-left: 45px;
}

.ml-4 {
	margin-left: 60px;
}

#header-404 {
	display: block;
	width: 100%;
	height: 70vh;
	padding-top: 150px;
	background: url(images/404-header.jpg) center top;
}

#post-404 {
	display: block;
	padding: 20px;
	background: rgba(255, 255, 255, .8);
	-webkit-box-shadow: 0 0 5px 1px rgb(216, 216, 216);
	-moz-box-shadow: 0 0 5px 1px #d8d8d8;
	box-shadow: 0 0 5px 1px rgb(238, 238, 238);
	border-radius: 2px;
}

#post-404 h1 {
	margin-top: 0;
}


/* LAY OUT
-------------------------------------------------------------- */

#wrapper {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.center {
	position: relative;
	width: 1024px;
	height: auto;
	margin: 0 auto;
}

@media only screen and (max-width:767px) {
	.center {
		width: 100%;
		padding: 0 5%;
		box-sizing: border-box;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	.center {
		width: 100%;
		padding: 0 2.5%;
		box-sizing: border-box;
	}
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	.center {
		padding: 0 2.5%;
		box-sizing: border-box;
	}
}

#header,
#header-home {
	display: block;
	width: 100%;
	min-height: 575px;
	height: 70vh;
	background-image: url('images/bigimg/2016/home_Vivaldi.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

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

	#header,
	#header-home {
		max-height: inherit;
		height: 65vh;
		background-attachment: inherit;
		background-position: 0px 0px !important;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {

	#header,
	#header-home {
		min-height: inherit;
		height: 65vh;
		background-size: cover;
		background-attachment: inherit;
		background-position: 0px 0px !important;
		/*     overflow: visible; */
	}
}

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

	#header,
	#header-home {
		min-height: inherit;
		height: 65vh;
		background-size: cover;
		background-attachment: inherit;
		background-position: 0px 0px !important;
		overflow: visible;
	}
}

#header-product,
#header-workspace {
	display: block;
	width: 100%;
	z-index: 10;
	clear: both;
}

#main {
	display: block;
	width: 100%;
	height: auto;
	background: rgb(255, 255, 255);
}

.page-template-default #main {
	margin-bottom: 35px;
}

@media only screen and (max-width:767px) {
	.page-template-default #main {
		margin-bottom: 5%;
	}
}

#content {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

#footer {
	display: block;
	width: 100%;
	height: auto;
	background-color: rgb(255, 255, 255);
	color: rgb(118, 137, 152);
	margin: 0 auto;
	overflow: hidden;
	/*
	position: absolute;
	z-index: 45;
*/
	-webkit-box-shadow: 0px 0px 10px rgba(118, 118, 118, 0.2);
	-moz-box-shadow: 0px 0px 10px rgba(118, 118, 118, 0.2);
	box-shadow: 0px 0px 10px rgba(118, 118, 118, 0.2);
}

@media only screen and (max-width:767px) {
	#footer {
		z-index: 0;
	}
}

.column.c3 {
	float: left;
	width: 300px;
	margin: 0 30px 30px 0;
}


/* HEADER
-------------------------------------------------------------- */
#overlay {
	position: absolute;
	width: 100%;
	height: 225px;
	z-index: 0;
}

#fixed {
	display: block;
	width: 100%;
	height: 54px;
	background: transparent;
	padding: 10px 0;
	/* 	box-shadow: 0px 1px 3px rgb(157, 159, 160); */
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	position: fixed;
	top: 0;
	z-index: 201;
	transition: background-color .2s ease;
}

#fixed.white-bg {
	background-color: rgba(255, 255, 255, .9)
}

.logo {
	display: block;
	float: left;
	width: 168px;
	height: 51px;
}

.logo.hide {
	display: none;
	position: absolute;
}

.logo.scrolled,
#mainmenu.scrolled {
	opacity: 1;
}

.logo a {
	display: block;
}

.logo img {
	width: 100%;
}

@media only screen and (max-width:767px) {
	.logo {
		width: 130px;
		height: auto;
	}

	.logo.show.scrolled {
		display: block !important;
		opacity: 1 !important;
	}

	#fixed {
		height: 45px;
		padding-bottom: 5px;
	}

	#fixed.white-bg {
		background-color: rgba(255, 255, 255, .95);
	}
}

#fixed2 {
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	position: fixed;
	top: 74px;
	z-index: 51;
}

#fixed3 {
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	position: fixed;
	top: 74px;
	z-index: 51;
}

.verb {
	width: auto;
	height: auto;
	font-family: 'larabiefont_rgregular', Arial, Helvetica, sans-serif;
	position: absolute;
	right: 0px;
	z-index: 50;
}

.notice {
	right: inherit;
	left: 0px;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	.verb {
		right: 2.5%;
	}

	.notice {
		left: 2.5%
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	.verb {
		right: 2.5%;
	}

	.notice {
		left: 2.5%
	}
}

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

	#fixed2,
	#fixed3 {
		display: none;
	}

	.verb {
		top: 20vh !important;
		width: 85% !important;
		left: 0;
		margin: 0 auto;
	}

	.notice {
		top: 40vh;
	}
}

#bedrijf .verb {
	width: 634px;
	margin-top: 300px;
	left: 0;
}

.page-template-page-medewerkers #bedrijf .verb {
	width: 746px;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	#bedrijf .verb {
		right: 0;
		left: 2.5%;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#bedrijf .verb {
		left: 2.5%;
	}
}

@media only screen and (max-width:767px) {
	#bedrijf .verb {
		margin-top: 0;
	}
}

.verb-quote {
	width: 100%;
	float: left;
	font-size: 26px;
	line-height: 34px;
	color: rgb(15, 60, 100);
	text-transform: uppercase;
	background: rgba(255, 255, 255, .9);
	clear: both;
	box-sizing: border-box;
}

p.verb-quote,
p.verb-persoon {
	padding: 5px;
	margin: 0;
}

@media only screen and (max-width:767px) {
	.verb-quote {
		font-size: 22px;
		line-height: 1.3;
	}

	.verb-content {
		padding: 5px;
		background: rgba(255, 255, 255, .9);
		overflow: hidden;
	}

	p.verb-quote {
		padding: 0;
		background: none;
	}
}

.home .verb-quote {
	background: none !important;
	padding: 0;
}

.home .verb #verb-row1 {
	background: rgba(255, 255, 255, .7);
	padding: 5px;
	margin-right: 75px;
}

.home .verb #verb-row2 {
	background: rgba(255, 255, 255, .7);
	padding: 5px;
	margin: 0 0 0 45px;
}

.home a.notice #verb-row1,
.home a.notice #verb-row2 {
	background-color: #0f3c64;
	color: white;
}

.home a.notice:hover #verb-row1,
.home a.notice:hover #verb-row2 {
	background-color: white;
	color: #0f3c64;
}

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

	.home .verb #verb-row1,
	.home .verb #verb-row2 {
		margin: 0;
	}
}

.verb-persoon {
	float: right;
	width: auto;
	font-family: 'verb_lightregular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(15, 60, 100);
	background: rgba(255, 255, 255, .9);
	padding: 5px;
}

/* MENU
-------------------------------------------------------------- */
#mainmenu {
	display: block;
	float: right;
	height: auto;
	margin: 13px 0 0 0;
	overflow: hidden;
}

#mainmenu li {
	display: block;
	float: left;
	height: 25px;
	font-family: 'verb_lightregular';
	text-transform: uppercase;
	margin-right: 18px;
}

#mainmenu a {
	display: block;
	color: rgb(255, 255, 255);
	font-size: 16px;
	line-height: 1.125;
	padding: 5px;
}

#mainmenu a:hover,
#mainmenu .current-menu-item a {
	background: rgba(255, 255, 255, 0.7);
	color: rgb(118, 137, 152);
	padding: 5px;
	border-radius: 1px;
}

#mainmenu .menu-item-icon a {
	background-color: transparent;
}

#mainmenu .menu-item--dark a,
#mainmenu.scrolled .menu-item--dark a {
	background-color: #0f3c64;
	color: white;
}

#mainmenu.scrolled a {
	color: rgb(88, 103, 110);
	padding: 5px;
	border-radius: 1px;
}

#mainmenu.scrolled .current-menu-item a,
#mainmenu.scrolled a:hover {
	background: rgb(118, 137, 152);
	color: rgb(255, 255, 255);
	padding: 5px;
	border-radius: 1px;
}

@-moz-document url-prefix() {
	#menu-hoofdmenu li {
		line-height: 17px !important;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#m-menu {
		position: absolute;
		top: 10px;
		right: 0;
		display: block;
		float: left;
		width: 120px;
		font-size: 24px;
		font-family: 'verb_lightregular';
		color: white;
		text-align: right;
	}

	#m-menu.scrolled {
		color: #0f3c64;
	}

	#m-menu.scrolled #m-menu_button,
	#m-menu.scrolled #m-menu_button:before,
	#m-menu.scrolled #m-menu_button:after {
		background-color: #0f3c64;
	}

	#m-menu_text {
		display: block;
		float: right;
		width: auto;
	}

	#m-menu_button {
		display: block;
		float: right;
		width: 15px;
		height: 1px;
		margin-top: 16px;
		margin-right: 15px;
		margin-left: 10px;
		background-color: white;
	}

	#m-menu_button:before,
	#m-menu_button:after {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		transform-origin: left center;
	}

	#m-menu_button:before {
		position: absolute;
		top: 8px;
		content: "";
		display: block;
		width: 10px;
		height: 1px;
		background-color: white;
	}

	#m-menu_button:after {
		position: absolute;
		bottom: 10px;
		content: "";
		display: block;
		width: 20px;
		height: 1px;
		background-color: white;
	}

	#mainmenu {
		position: fixed;
		top: 60px;
		right: -100vw;
		width: 35vw;
		padding: 8px 0;
		margin-top: 0;
		background-color: #0f3c64;
		-moz-transition: right .4s ease-in-out;
		-webkit-transition: right .4s ease-in-out;
		transition: right .4s ease-in-out;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#mainmenu.scrolled a {
		color: white
	}

	#mainmenu.scrolled .current-menu-item a,
	#mainmenu.scrolled a:hover {
		color: rgb(88, 103, 110);
		background: none;
	}

	#mainmenu.show-menu {
		right: 0;
	}

	#mainmenu li {
		width: 100%;
		height: auto;
		padding: 8px 15px;
		margin-right: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#mainmenu a:hover,
	#mainmenu .current-menu-item a {
		background: none;
	}
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	#m-menu {
		display: none;
	}

	#mainmenu li:last-child {
		margin-right: 0;
	}
}

@media only screen and (max-width:767px) {
	#m-menu {
		position: absolute;
		top: 4px;
		right: 0;
		display: block;
		float: left;
		width: 120px;
		font-size: 24px;
		font-family: 'verb_lightregular';
		color: white;
		text-align: right;
	}

	#m-menu.scrolled {
		color: #0f3c64;
	}

	#m-menu.scrolled #m-menu_button,
	#m-menu.scrolled #m-menu_button:before,
	#m-menu.scrolled #m-menu_button:after {
		background-color: #0f3c64;
	}

	#m-menu_text {
		display: block;
		float: right;
		width: auto;
	}

	#m-menu_button {
		display: block;
		float: right;
		width: 15px;
		height: 1px;
		margin-top: 16px;
		margin-right: 15px;
		margin-left: 10px;
		background-color: white;
	}

	#m-menu_button:before,
	#m-menu_button:after {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		transform-origin: left center;
	}

	#m-menu_button:before {
		position: absolute;
		top: 8px;
		content: "";
		display: block;
		width: 10px;
		height: 1px;
		background-color: white;
	}

	#m-menu_button:after {
		position: absolute;
		bottom: 10px;
		content: "";
		display: block;
		width: 20px;
		height: 1px;
		background-color: white;
	}

	#mainmenu {
		position: fixed;
		top: 60px;
		right: -100vw;
		width: 55vw;
		padding: 8px 0;
		margin-top: 0;
		background-color: #0f3c64;
		-moz-transition: right .4s ease-in-out;
		-webkit-transition: right .4s ease-in-out;
		transition: right .4s ease-in-out;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#mainmenu.scrolled a {
		color: white
	}

	#mainmenu.scrolled .current-menu-item a,
	#mainmenu.scrolled a:hover {
		color: rgb(88, 103, 110);
		background: none;
	}

	#mainmenu.show-menu {
		right: 0;
	}

	#mainmenu li {
		width: 100%;
		height: auto;
		padding: 8px 15px;
		margin-right: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#mainmenu a:hover,
	#mainmenu .current-menu-item a {
		background: none;
	}
}

#submenu {
	display: none;
}

#submenu a {
	color: #fff;
}

#submenu a:hover {
	color: rgb(15, 60, 100);
}

#submenu.scrolled {
	display: block;
	height: 26px;
	margin: 10px 0;
}

#submenu.scrolled div {
	display: block;
	float: left;
	height: 16px;
	font-family: 'verb_lightregular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-align: center;
	text-transform: uppercase;
	line-height: 19px;
	padding: 5px;
	margin: 0 22px 0 0;
	border-radius: 1px;
	cursor: pointer;
}

#submenu.scrolled div:last-child {
	margin-right: 0;
}

#submenu.scrolled div:hover,
#submenu.scrolled .current {
	background: rgba(255, 255, 255, 0.6);
	color: rgb(15, 60, 100);
	padding: 5px;
	border-radius: 1px;
}

.sub-referenties.scrolled {
	margin-left: 530px !important;
}

.werkgeb-marg {
	margin-left: 217px !important;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	.sub-referenties.scrolled {
		margin-left: 0 !important;
	}
}

/* CONTENT
-------------------------------------------------------------- */
.entry-content ul {
	font-size: 0.875em;
	list-style: disc;
	padding: 0 0 0 1.25em;
	margin: 0 0 0.9375em 0;
}

a.read-more {
	/*robinsbutton
	display: block;
	width: 102px;
	height: 34px;
	background: url(images/sprite_buttons.png) no-repeat 2px -550px;
	text-indent: -9999px;
	margin: 15px 0 0 0;
	*/
	color: rgb(15, 60, 100);
	font-style: italic;
}

a.read-more:hover {
	/*
	background: url(images/sprite_buttons.png) no-repeat -175px -550px;*/
	color: rgba(0, 0, 0, 0.4);
}

#sm {
	display: block;
	width: 32px;
	height: 106px;
	position: absolute;
	top: 154px;
	right: 20px;
	z-index: 100;
}

@media only screen and (max-width:767px) {
	#sm {
		display: none;
	}
}

.sm-home {
	top: 154px !important;
}

.sm-referentie {
	top: 0 !important;
}

#sm #tw,
#sm #fb,
#sm #li {
	width: 32px;
	height: 32px;
	margin: 0 0 5px 0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

#sm #tw:hover,
#sm #fb:hover,
#sm #li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#sm #tw {
	background: url(images/sprite-sm.png) white no-repeat 0 0;
}

#sm #fb {
	background: url(images/sprite-sm.png) white no-repeat 0 -37px;
}

#sm #li {
	background: url(images/sprite-sm.png) white no-repeat 0 -74px;
	margin: 0;
}

#sm #tw a,
#sm #fb a,
#sm #li a {
	display: block;
	width: 32px;
	height: 32px;
}

.column.c3.last {
	margin: 0;
}


/* HOME
-------------------------------------------------------------- */

#btns-werkgebieden {
	display: block;
	width: auto;
	height: 120px;
	position: absolute;
	bottom: 0;
	right: 0;
}

@media only screen and (max-width:767px) {
	#btns-werkgebieden {
		left: 0;
		bottom: -120px;
		height: 120px;
		padding: 0;
		margin: 0 auto;
	}
}

#btn-nieuwbouw,
#btn-renovatie,
#btn-solar {
	display: block;
	width: 164px;
	height: 120px;
	font-family: 'verb_lightregular', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 10px;
	cursor: pointer;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	position: absolute;
	bottom: -120px;
	z-index: 45;
}

#btn-nieuwbouw a,
#btn-renovatie a,
#btn-solar a {
	display: block;
	width: 176px;
	height: 107px;
	color: rgb(255, 255, 255);
	padding: 8px 0 0 0;
}

#btn-nieuwbouw .head,
#btn-renovatie .head,
#btn-solar .head {
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

#btn-nieuwbouw .text,
#btn-renovatie .text,
#btn-solar .text {
	display: block;
	font-size: 12px;
}

#btn-nieuwbouw {
	right: 406px;
	/* 		background: #0f3c64 url(images/nieuwbouw.png) no-repeat 8px 0; */
	background: #0f3c64;
}

#btn-renovatie {
	right: 203px;
	/* 		background: #738796 url(images/renovatie.png) no-repeat 8px 0; */
	background: #738796;
}

#btn-solar {
	right: 0;
	/* 		background:#f0ab00 url(images/solar.png) no-repeat 8px 0; */
	background: #f0ab00;
}

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

	#btn-nieuwbouw,
	#btn-renovatie,
	#btn-solar {
		position: relative;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 60px;
		padding: 0 5%;
		line-height: 57px;
		overflow: hidden;
	}

	#btn-nieuwbouw a,
	#btn-renovatie a,
	#btn-solar a {
		width: 100%;
		height: 100%;
		padding-top: 3px;
	}
}

@media only screen and (max-width:767px) {
	.home #content {
		margin-top: 120px;
	}
}

#content1 {
	display: block;
	width: 100%;
	height: auto;
	margin: 50px 0;
	overflow: hidden;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#content1 {
		margin: 2.5% 0;
	}
}

@media only screen and (max-width:767px) {
	#content1 {
		margin: 5% 0;
	}
}

#nieuwsbrief {
	position: relative;
	display: block;
	float: left;
	width: 308px;
	height: 87px;
	background: #768998;
	margin: 30px 60px 0 0;
	padding: 15px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

#nieuwsbrief:hover {
	color: #0f3c64;
}

#nieuwsbrief p {
	width: 130px;
	font-size: 19px;
	line-height: 30px;
}

#nieuwsbrief input,
#result-vak input {
	display: block;
	float: left;
	width: 205px;
	height: 30px;
	font-family: verb_regularregular, Arial, Helvetica, sans-serif;
	border: 1px solid rgb(213, 212, 212);
	background: rgb(255, 255, 255);
	margin-top: 24px;
	padding: 5px 0 5px 5px;
	-webkit-appearance: none;
}

#nieuwsbrief input {
	width: 195px !important;
	padding: 0 0 0 5px;
}

#nieuwsbrief input[type="submit"],
#result-vak input[type="submit"] {
	display: block;
	float: left;
	width: 92px;
	height: 32px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 10px 0;
	margin: 23px 0 0 10px;
	cursor: pointer;
	background: url(images/sprite_buttons.png) no-repeat 0 -670px !important;
}

#nieuwsbrief input[type="submit"] {
	width: 90px !important;
	float: right !important;
}

#nieuwsbrief input[type="submit"]:hover,
#result-vak input[type="submit"]:hover {
	background: url(images/sprite_buttons.png) no-repeat -175px -670px !important;
}

#nieuwsboek {
	position: absolute;
	top: -25px;
	right: -15px;
	width: 130px;
	height: 173px;
	background: url(images/nieuwsbrief.png) no-repeat;
	background-size: 100%;
}

.all-downs {
	position: absolute;
	top: 160px;
	left: 0;
	width: 200px;
	cursor: pointer;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#nieuwsbrief {
		margin-top: 0;
		margin-bottom: 5%;
	}

	.all-downs {
		position: relative;
		top: inherit;
		left: inherit;
		float: left;
	}
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	.all-downs {
		left: inherit;
	}
}

@media only screen and (max-width:767px) {
	#nieuwsbrief {
		width: 100%;
		height: 95px;
		padding: 5%;
		margin-top: 40px;
		margin-bottom: 40px;
		box-sizing: border-box;
	}

	#nieuwsbrief p {
		margin-bottom: 0;
		font-size: 16px;
		line-height: 1.4;
	}

	#nieuwsboek {
		top: -40px;
		right: 0;
	}

	.all-downs {
		margin-top: 5%;
	}
}

#intro {
	width: 100%;
	height: auto;
}

#intro .verb-persoon {
	display: block;
	/*
  		float: right;
  		width: 100%;
*/
	float: left;
	width: 50%;
	text-align: right;
	margin-bottom: 5px;
}

#intro .floatleft {
	display: block;
	float: left;
	width: calc(50% - 30px);
	height: auto;
}

#intro .marginright {
	margin-right: 30px;
}

#intro .magazine-columns .column {
	margin: 0;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#intro {
		width: 100%;
	}

	#intro .floatleft {
		width: 47.5%;
	}

	#intro .marginright {
		margin-right: 5%;
	}
}

@media only screen and (max-width:767px) {
	#intro {
		width: 100%;
		margin-top: 230px;
		float: none;
		overflow: hidden;
	}

	#intro .verb-persoon {
		margin-bottom: 5%;
	}

	#intro .floatleft {
		width: 100%;
	}

	#intro .marginright {
		margin-right: 0;
	}
}

#projects {
	display: block;
	width: 100%;
	height: 410px;
	background: rgb(243, 243, 243);
	padding: 60px 0 80px 0;
}

#projects h1 {
	margin-top: 0;
}

#projects h2 {
	margin: 0 0 60px 0;
}

#projects-1 {
	display: block;
	float: left;
	width: 370px;
	height: 310px;
	overflow: hidden;
}

#projects-2 {
	display: block;
	float: left;
	width: 130px;
	height: 310px;
	overflow: hidden;
}

#portrait1 {
	display: block;
	float: left;
	width: 205px;
	height: 310px;
	margin-right: 15px;
	overflow: hidden;
}

#portrait2 {
	display: block;
	float: left;
	width: 90px;
	height: 165px;
	margin: 0 15px 15px 0;
	overflow: hidden;
}

#portrait3 {
	display: block;
	float: left;
	width: 250px;
	height: 310px;
	margin-right: 15px;
	overflow: hidden;
}

#portrait4 {
	display: block;
	float: left;
	width: 130px;
	height: 165px;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#landscape1 {
	display: block;
	float: left;
	width: 250px;
	height: 165px;
	margin: 0 15px 15px 0;
	overflow: hidden;
}

#landscape2 {
	display: block;
	float: left;
	width: 190px;
	height: 130px;
	margin-right: 15px;
	overflow: hidden;
}

#square {
	display: block;
	float: left;
	width: 130px;
	height: 130px;
	overflow: hidden;
}

#more {
	display: block;
	float: left;
	width: 130px;
	height: 115px;
	font-size: 18px;
	line-height: 24px;
	color: rgb(255, 255, 255);
	background: rgb(250, 250, 250);
	padding: 10px;
	margin-right: 15px;
}

#more a {
	display: block;
	width: 130px;
	height: 115px;
	font-family: 'verb_lightregular' Arial, Helvetica, sans-serif;
}

#more a:hover {
	color: rgb(15, 60, 100);
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#projects {
		height: auto;
		padding: 2.5% 0;
		overflow: hidden;
	}

	#projects h2 {
		margin-bottom: 2.5%;
	}

	#portrait3 {
		display: none;
	}
}

@media only screen and (max-width:1024px) and (orientation:landscape) {

	#portrait1,
	#landscape2,
	#more,
	#portrait3 {
		margin-right: 10px;
	}

	#landscape1,
	#portrait2 {
		margin: 0 10px 10px 0;
	}

	#projects-1 {
		width: 360px;
	}
}

@media only screen and (max-width:767px) {
	#projects {
		height: auto;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#projects h2 {
		margin-bottom: 5%;
	}

	#projects .bjqs .bjqs-slide img {
		width: auto;
		max-width: 100%;
		height: auto;
	}

	#landscape1 {
		margin-right: 0;
		margin-bottom: 5%;
	}

	#portrait1 {
		margin-right: 5%;
	}

	#portrait2 {
		margin-right: 0;
		margin-bottom: 5%;
	}

	#more {
		width: 100%;
		height: 46px;
		padding: 0;
		margin-top: 5%;
		font-size: 15px;
		line-height: 46px;
		text-align: center;
		border: 2px solid #0f3c64;
		background: #0f3c64;
	}

	#more:hover {
		color: #0f3c64;
		border-color: white;
		background: white;
	}

	#more a {
		width: 100%;
		height: auto;
	}
}

#content3 {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 50px 0;
	z-index: 49;
}

#content3 .left,
#content3 .right {
	width: 480px
}

#content3 h2 {
	margin-bottom: 25px;
}

#content3 img {
	margin-bottom: 15px;
}

#news-home,
#producten-home {
	position: relative;
	max-height: 390px;
	padding-bottom: 44px;
}

#news-home_slider .news-slide {
	float: left;
	position: relative !important;
}

#news-home .news-date,
.newswrap .newsdate {
	display: block;
	width: auto;
	height: auto;
	font-family: 'larabiefont_rgregular', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 24px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	position: absolute;
	right: 10px;
	top: 10px;
	text-shadow: 0px 0px 4px rgb(12, 12, 12);
}

#news-home p.nieuws-head {
	text-transform: uppercase;
}

#news-home p.nieuws-head a {
	color: rgb(12, 12, 12);
}

#news-home p.nieuws-head a:hover {
	color: rgb(118, 137, 152);
}

#news-home .bjqs-markers {
	display: block;
	width: auto;
	position: absolute;
	top: 130px;
	left: 10px;
}

#producten-home .btn-all-products {
	position: absolute;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	#mvo-home {
		width: calc(100%/3);
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#content3 {
		padding: 2.5% 0;
	}

	#content3 .left,
	#content3 .right {
		width: 47.5%;
	}

	#content3 .left {
		margin-right: 5%;
		margin-bottom: 2.5%;
	}

	#news-home_slider {
		width: 100%;
	}
}

@media only screen and (max-width:767px) {
	#content3 {
		padding: 5% 0;
	}

	#content3 .left,
	#content3 .right {
		width: 100%;
	}

	#news-home,
	#producten-home {
		max-height: inherit;
		height: auto;
		padding-bottom: 50px;
	}

	#producten-home {
		margin-top: 5%;
	}
}

@media only screen and (max-width:414px) {
	#news-home .bjqs-markers {
		top: 80px;
		left: 0;
	}
}

@media only screen and (max-width:320px) {
	#news-home .bjqs-markers {
		top: 65px;
		left: 0;
	}
}

#mvo-home {
	display: block;
	float: left;
	width: 330px;
	height: auto;
}

#mvo-home .column.c3 {
	width: 100%;
	margin: 0;
}

#mvo-home img {
	margin-bottom: 15px;
}

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

	#mvo-home,
	.column.c3 {
		width: 100%;
	}

	#mvo-home img {
		display: block;
		margin-bottom: 0;
	}
}

/* WERKGEBIEDEN
-------------------------------------------------------------- */

#werkgebieden,
#nieuwbouw,
#renovatie,
#solar,
#onderhoud {
	width: 100%;
}

#werkgebieden {
	background: url(images/carre_2545a06.jpg) no-repeat;
}

.producten .magazine-columns {
	width: 660px;
}

.producten .column-btn {
	margin: 0 0 0 30px !important;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	.producten .magazine-columns {
		width: 630px;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	.producten .magazine-columns {
		width: 68.666%;
	}

	.producten .bjqs-caption .column.column-btn {
		float: right;
		width: 26.334%;
	}
}

@media only screen and (max-width:767px) {
	.producten .magazine-columns {
		width: 100%;
	}

	.producten .column-btn {
		margin: 0 !important;
	}
}

#nieuwbouw {
	position: relative;
	/*   background:url(images/bigimg/werkgebieden_nieuwbouw.jpg) no-repeat 50% 0 fixed; */
	background: url('images/bigimg/2016/werkgebieden_nieuwbouw_MLK.jpg') no-repeat 50% 0 fixed;
	background-size: cover;
}

#nieuwbouwtext {
	position: absolute;
	bottom: 0;
	width: 930px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.9);
}

#nieuwbouwtext,
#renovatietext,
#solartext,
#onderhoudtext {
	padding: 50px 0 35px 0;
}

#nieuwbouwtext h1 {
	color: rgb(15, 60, 100);
	margin: 0 0 15px 0 !important;
}

#nieuwbouw .magazine-columns .column.c3,
#renovatie .magazine-columns .column.c3,
#onderhoud .magazine-columns .column.c3,
#solar .magazine-columns .column.c3 {
	margin: 0 30px 0 0;
}

#onderhoud .column.c3 a.btn-onderhoud {
	display: block;
	height: 36px;
	width: 152px;
	/* 			background: url(images/sprite_buttons.png) no-repeat 2px -235px; */
	text-indent: -9999px;
	cursor: pointer;
}

/* 		#onderhoud .column.c3 a:hover { background: url(images/sprite_buttons.png) no-repeat -175px -235px; } */

#renovatie {
	position: relative;
	/* 	background:url(images/bigimg/werkgebieden_renovatie.jpg) no-repeat 50% 0 fixed; */
	background: url('images/bigimg/2016/werkgebieden_renovatie_VolksHOTEL.jpg') no-repeat fixed;
	background-position: 50% 0px !important;
	background-size: cover;
}

#renovatietext {
	position: absolute;
	bottom: 0;
	width: 930px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.9);
}

#renovatietext h1 {
	color: rgb(115, 135, 150);
	margin: 0 0 15px 0 !important;
}

#solar {
	position: relative;
	background: url(images/bigimg/werkgebieden_solar.jpg) no-repeat 50% 0 fixed;
	background-size: cover;
}

#solartext {
	position: absolute;
	bottom: 0;
	width: 930px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.9);
}

#solartext h1 {
	color: rgb(240, 171, 0);
	margin: 0 0 15px 0 !important;
}

#onderhoud {
	position: relative;
	background: url(images/bigimg/werkgebieden_onderhoud.jpg) no-repeat fixed;
	background-size: cover;
}

#onderhoudtext {
	position: absolute;
	bottom: 0;
	width: 930px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.9);
}

#onderhoudtext h1 {
	color: rgb(59, 63, 65);
	margin: 0 0 15px 0 !important;
}

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

	#nieuwbouw,
	#renovatie,
	#solar,
	#onderhoud {
		background-attachment: inherit;
	}
}

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

	#nieuwbouw,
	#renovatie,
	#solar,
	#onderhoud {
		height: 75vh;
		background-attachment: inherit;
	}

	#nieuwbouwtext,
	#renovatietext,
	#solartext,
	#onderhoudtext {
		position: relative;
		bottom: inherit;
		width: 100%;
		height: auto;
		padding: 5% 0;
		background: none;
		box-sizing: border-box;
	}

	#nieuwbouwtext .center,
	#renovatietext .center,
	#solartext .center,
	#onderhoudtext .center {
		overflow: hidden;
	}

	#nieuwbouwtext h1,
	#renovatietext h1,
	#solartext h1,
	#onderhoudtext h1 {
		margin: 0 !important;
		color: #0f3c64;
	}

	#nieuwbouwtext .column.c3:last-child p,
	#renovatietext .column.c3:last-child p,
	#solartext .column.c3:last-child p,
	#onderhoudtext .column.c3:last-child p {
		margin-bottom: 0;
	}
}


/* PRODUCTEN
-------------------------------------------------------------- */

#productheader {
	display: block;
	width: 100%;
	margin: 0 auto;
	/* 	background:url(images/bigimg/producten-2560x1920.jpg) no-repeat fixed; */
	/* 	background: url('http://lieftink.nl/wp-content/uploads/2013/01/producten_specials.jpg') no-repeat 50% 0 fixed; */
	background-image: url('images/bigimg/2016/specials.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*
	background-position-x: 50% !important;
	background-position-y: 0;
*/
	background-position: center center;
	background-size: cover;
}

@media only screen and (max-width:1024px) {
	#productheader {
		height: 100vh;
		background-attachment: inherit;
		background-position-y: 0 !important;
	}
}

@media only screen and (max-width:767px) {
	#productheader {
		display: none;
	}
}

#product-nav_hoofd {
	display: block;
	width: 800px;
	height: 50px;
	margin: 0 auto 60px auto;
	text-align: center;
}

#product-arrow {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background-image: url('images/svg/arrow-down_white.svg');
	background-position: center center;
	background-repeat: no-repeat;
	/*background-color: rgba(255,255,255,.6); */
	margin: 0 auto;
	-webkit-transition: background-position .45s ease;
	transition: background-position .45s ease;
}

#product-arrow:hover {
	background-position: center bottom;
}

#product-nav_hoofd .hoofd {
	/*		display: block;
		float: left;*/
	display: inline-block;
	width: auto;
	height: 30px;
	font-family: 'verb_regularregular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: rgb(15, 60, 100);
	text-transform: uppercase;
	line-height: 30px;
	background: rgb(243, 243, 243);
	padding: 10px;
	border-radius: 1px;
	-webkit-box-shadow: 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	-webkit-transition: all .45s ease;
	transition: all .45s ease;
}

#product-nav_hoofd .hoofd:hover {
	color: rgb(243, 243, 243);
	background: rgb(88, 103, 110);
}

#product-nav_hoofd #nav-alu {
	margin-right: 150px;
}

/*	#product-nav_hoofd #nav-staal { float: right; }*/

.alu-content h1 {
	margin: 0 0 30px 0 !important;
}

#product-nav_sub {
	display: block;
	width: 800px;
	height: 40px;
	margin: 0 auto;
}

#product-nav_sub .sub {
	display: block;
	float: left;
	width: auto;
	height: 20px;
	font-family: 'verb_regularregular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: rgb(243, 243, 243);
	line-height: 20px;
	text-transform: uppercase;
	background: rgb(88, 103, 110);
	padding: 10px;
	border-radius: 1px;
	-webkit-box-shadow: 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	-webkit-transition: all .45s ease;
	transition: all .45s ease;
}

#product-nav_sub .sub:hover {
	color: rgb(15, 60, 100);
	background: rgb(243, 243, 243);
}

#product-nav_sub #nav-gevel,
#product-nav_sub #nav-raam,
#product-nav_sub #nav-deur {
	margin-right: 132px;
}

#product-nav_sub #nav-special {
	float: right;
}

#alu,
#kunst,
#staal,
#gevel,
#solar2,
#raam,
#deur,
#special {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	position: relative;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {

	#product-nav_hoofd,
	#product-nav_sub {
		width: 100%;
	}

	#product-nav_hoofd #nav-alu {
		margin-right: 120px;
	}

	#product-nav_sub #nav-gevel,
	#product-nav_sub #nav-raam,
	#product-nav_sub #nav-deur {
		margin-right: 110px;
	}
}

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

	#alu,
	#kunst,
	#staal,
	#gevel,
	#solar2,
	#raam,
	#deur,
	#special {
		float: none;
	}

	/*
  #alu .verb { top: 15vh !important; }
  #kunst .verb, 
  #staal .verb, 
  #gevel .verb, 
  #solar2 .verb,
  #raam .verb,
  #deur .verb,
  #special .verb { top: 5vh !important; }
*/
}


.kunst-content h1,
.staal-content h1,
.gevel-content h1,
.solar-content h1,
.raam-content h1,
.deur-content h1,
.special-content h1 {
	margin: 0 0 15px 0 !important;
}

.slider {
	display: block;
	overflow: hidden;
}

ul.bjqs {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

li.bjqs-slide {
	display: block;
	position: absolute;
}

.bjqs-caption {
	display: block;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	padding: 50px 0;
	margin: 0;
	position: absolute;
	bottom: 0;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	.bjqs-caption {
		padding: 2.5% 0;
	}
}

@media only screen and (max-width:767px) {
	.bjqs-caption {
		position: relative;
		bottom: inherit;
		background: none;
	}
}

ul.bjqs-controls {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 40;
}

.bjqs-controls .bjqs-prev,
#single-content .bjqs-prev,
#single-news-content .bjqs-prev,
#result-vak .bjqs-prev {
	float: left;
	position: absolute;
	left: 30px;
}

.bjqs-controls .bjqs-prev a,
#single-content .bjqs-prev a,
#single-news-content .bjqs-prev a,
#result-vak .bjqs-prev a {
	display: block;
	width: 31px;
	height: 60px;
	background: url(images/svg/arrow-left.svg) no-repeat center center;
	text-indent: -9999px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.bjqs-controls .bjqs-prev a:hover,
#single-content .bjqs-prev a:hover,
#single-news-content .bjqs-prev a:hover,
#result-vak .bjqs-prev a:hover {
	background: url(images/svg/arrow-left_white.svg) no-repeat center center;
}

.bjqs-controls .bjqs-next,
#single-content .bjqs-next,
#single-news-content .bjqs-next,
#result-vak .bjqs-next {
	float: right;
	position: absolute;
	right: 30px;
}

.bjqs-controls .bjqs-next a,
#single-content .bjqs-next a,
#single-news-content .bjqs-next a,
#result-vak .bjqs-next a {
	display: block;
	width: 31px;
	height: 60px;
	background: url(images/svg/arrow-right.svg) no-repeat center center;
	text-indent: -9999px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.bjqs-controls .bjqs-next a:hover,
#single-content .bjqs-next a:hover,
#single-news-content .bjqs-next a:hover,
#result-vak .bjqs-next a:hover {
	background: url(images/svg/arrow-right_white.svg) no-repeat center center;
}

@media only screen and (max-width:767px) {
	ul.bjqs-controls {
		display: none;
	}

	.bjqs-caption h1 {
		margin: 0 !important;
	}

	.bjqs-controls .bjqs-next a,
	#single-content .bjqs-next a,
	#single-news-content .bjqs-next a,
	#result-vak .bjqs-next a,
	.bjqs-controls .bjqs-prev a,
	#single-content .bjqs-prev a,
	#single-news-content .bjqs-prev a,
	#result-vak .bjqs-prev a {
		width: 50px;
		height: 50px;
		background-color: #738796;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 30%;
		opacity: 1;
	}

	.bjqs-controls .bjqs-next a,
	#single-content .bjqs-next a,
	#single-news-content .bjqs-next a,
	#result-vak .bjqs-next a {
		background-image: url(images/svg/arrow-right.svg);
	}

	.bjqs-controls .bjqs-prev a,
	#single-content .bjqs-prev a,
	#single-news-content .bjqs-prev a,
	#result-vak .bjqs-prev a {
		background-image: url(images/svg/arrow-left.svg);
	}
}

ol.bjqs-markers {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

ol.bjqs-markers.h-centered {
	text-align: center;
	position: absolute;
	bottom: 350px;
}

@media only screen and (max-width:767px) {
	ol.bjqs-markers.h-centered {
		bottom: 3vh;
	}
}

ol.bjqs-markers li {
	display: inline;
	margin-right: 5px;
}

ol.bjqs-markers li a {
	display: inline-block;
	width: 22px;
	height: 22px;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/slider/icon-nav.png) no-repeat center center;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover {
	background: url(images/slider/icon-nav_active.png) no-repeat center center;
}

@media only screen and (max-width:767px) {
	ol.bjqs-markers li {
		margin-right: 0;
	}

	ol.bjqs-markers li a {
		width: 34px;
		height: 34px;
	}
}

.magazine-columns {
	display: block;
	float: left;
	width: 960px;
	height: auto;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	.magazine-columns {
		width: 100%;
	}

	.magazine-columns .column.c3 {
		width: 30%;
		margin-right: 5% !important;
	}

	.magazine-columns .column.c3:last-child {
		margin-right: 0 !important;
	}
}

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

	.magazine-columns,
	.magazine-columns .column.c3,
	.bjqs-caption .column.c2,
	.mvo-column {
		float: none;
		width: 100% !important;
	}
}

.bjqs-caption .column {
	float: left;
	width: 300px;
	height: auto;
	margin: 0 30px 0 0;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	.bjqs-caption .column {
		width: 47.5%;
		margin-right: 5%;
	}

	.bjqs-caption .column:last-child {
		margin-right: 0;
	}
}

@media only screen and (max-width:767px) {
	.bjqs-caption {
		padding: 5% 0;
	}

	.bjqs-caption .column {
		float: none;
		width: 100%;
		margin-top: 5% !important;
		overflow: hidden;
	}

	.bjqs-caption h2 {
		margin-bottom: 0;
	}
}

.fact-box {
	display: block;
	float: left;
	width: 270px;
	height: auto;
	background: rgb(255, 255, 255);
	padding: 15px;
	margin: -15px 0 0 0;
}

/* REFERENTIES
-------------------------------------------------------------- */

#referenties,
#ref-content,
#cats {
	display: block;
	width: 100%;
	margin: 0 auto;
}

#referenties {
	height: 100vh;
	background-image: url(images/bigimg/referenties-2560x1800.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: 99;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	#referenties {
		background-attachment: inherit;
		background-position: top center;
		background-size: 175%;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#referenties {
		background-attachment: inherit;
	}

	#referenties .verb {
		width: 95%;
		left: 2.5%;
	}
}

@media only screen and (max-width:767px) {
	#referenties {
		height: 75vh;
		background-attachment: inherit;
		background-position: center center;
		background-size: cover;
	}

	#referenties .verb {
		top: 20vh !important;
	}
}

#cats-spacer,
#certificering-spacer {
	display: block;
	height: 120px;
	background: transparent;
	margin: -120px 0 0 0;
}

#cats {
	height: auto;
	background: rgb(250, 250, 250);
	padding: 30px 0 20px 0;
	overflow: hidden;
	position: relative;
}

#cats .center {
	overflow: hidden;
}

#cats h1 {
	margin: 15px 0 30px 0;
}

#cats #row-main {
	display: block;
	float: left;
	width: 990px;
	height: 32px;
	margin: 0 0 10px 0;
}

#cats #row-sub {
	display: block;
	float: left;
	width: 1020px;
	margin: 0;
}

#cats .menu-item,
#cats .smenu-item {
	display: block;
	float: left;
	width: auto;
	height: auto;
	color: rgb(12, 12, 12);
	background: #f1f0f0;
	border: solid 1px #e3e2e2;
	border-radius: 1px;
	padding: 7px 10px 5px 10px;
	margin: 0 10px 0 0;
	cursor: pointer;
}

#cats .smenu-item {
	margin: 0 10px 10px 0;
}

#cats .menu-item:hover,
#cats .smenu-item:hover,
#cats .show-projects {
	background: rgb(15, 60, 100);
	color: rgb(255, 255, 255);
}

#cats .all,
#cats .all:hover {
	background: none;
	border: none;
	margin: 0;
	color: rgb(12, 12, 12);
}

#cats .all:hover {
	color: rgb(118, 137, 152);
}

@media only screen and (max-width:1024px) and (orientation:portrait) {

	#cats #row-main,
	#cats #row-sub {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width:767px) {
	#cats {
		padding: 5% 0
	}

	#cats h1 {
		margin: 0;
		line-height: 1.2;
	}

	.select {
		display: block;
		width: 100%;
		height: 50px;
		padding-left: 15px;
		font-size: 16px;
		color: #0f3c64;
		border: 2px solid #0f3c64;
		background-color: white;
		background-image: url('images/svg/arrow-down.svg');
		background-position: 95% center;
		background-repeat: no-repeat;
		box-sizing: border-box;
		border-radius: 0;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

	#cats-filter-block {
		width: 100%;
		height: 88px;
		box-sizing: border-box;
	}

	#cats-filter-wrap {
		width: 100%;
		height: auto;
		padding: 5%;
		background-color: rgba(255, 255, 255, .95);
		box-sizing: border-box;
		transition: opacity .2s ease-in-out;
	}

	#cats-filter-wrap.fixed {
		position: fixed;
		top: 60px;
		z-index: 100;
	}

	#cats-filter-wrap.temp-hide {
		opacity: 0;
	}
}

#ref-content {
	position: relative;
}

#ref-content .center {
	overflow: hidden
}

#projecten {
	display: block;
	width: 100%;
	height: auto;
	background: rgb(250, 250, 250);
}

#projecten .center {
	width: 1020px;
	overflow: hidden;
}

.project {
	position: relative;
	display: block;
	float: left;
	width: 310px;
	height: 200px;
	margin: 0 30px 30px 0;
}

.project h3 {
	position: absolute;
	bottom: 7px;
	z-index: 20;
	margin-left: 10px;
}

.project h3 a {
	color: rgb(255, 255, 255);
}

.project h3 a:hover {
	opacity: 0.8;
}


.project .showrooms h3 a {
	color: red;
}

.ref-arrow {
	display: none;
	width: 22px;
	height: 15px;
	background: url(images/sprite_buttons.png) -175px -26px;
	z-index: 20;
	position: absolute;
	bottom: 10px;
	right: 0px;
}

.thumbnail-image {
	width: 310px;
	height: 200px;
	overflow: hidden;
}

.thumb-overlay {
	display: none;
	float: left;
	width: 310px;
	height: 200px;
	background: rgb(15, 60, 100);
	background: rgba(15, 60, 100, 0.8);
	margin-top: -200px;
	position: absolute;
	z-index: 2;
}

.project:hover .thumb-overlay,
.project:hover .ref-arrow {
	display: block;
	cursor: pointer;
}

.bekijk-proj {
	display: block;
	float: left;
	width: 80px;
	height: auto;
	background: rgb(243, 243, 243);
	color: rgb(15, 60, 100);
	text-align: center;
	border: 1px solid #9faebb;
	padding: 7px 7px 5px 7px;
	border-radius: 1px;
	top: 80px;
	left: 25%;
	right: 25%;
	position: absolute;
}

.bekijk-proj:hover {
	background: rgb(118, 137, 152);
	color: rgb(255, 255, 255);
	cursor: pointer;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	#projecten .center {
		width: 100%;
	}

	.project {
		width: 300px;
	}

	.project:nth-child(3n+3) {
		margin-right: 0;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#projecten .center {
		width: 100%;
	}

	.project {
		width: 47.5%;
		height: auto;
		margin-right: 5%;
		margin-bottom: 5%;
	}

	.project:nth-child(2n+2) {
		margin-right: 0;
	}

	.thumbnail-image,
	.thumb-overlay {
		width: 100%;
		height: 200px;
	}

	.thumbnail-image img {
		display: block;
		margin: 0 auto;
	}

	.project h3 {
		margin-left: 7.5%;
	}
}

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

	#projecten .center,
	.project,
	.thumbnail-image {
		width: 100%;
		height: auto;
	}

	.project {
		margin-bottom: 5%;
	}

	.project h3 {
		margin-top: -30px;
		font-size: 13px;
	}

	.thumb-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin-top: 0;
	}

	.ref-arrow {
		top: 5%;
		right: 3.5%;
		bottom: inherit;
	}
}

#certificaten {
	display: block;
	width: 100%;
	height: auto;
	padding: 0 0 25px 0;
	overflow: hidden;
}

.certificaat,
.testimonial {
	position: relative;
	display: block;
	float: left;
	width: 310px;
	height: auto;
	margin: 0 30px 30px 0;
}

.certificaat {
	min-height: 220px;
}

#certificaten .certificaat:nth-of-type(3n+3) {
	margin-right: 0;
}

.certificaat h2 a:hover {
	color: rgb(118, 137, 152) !important;
}

.certificaat a.read-more,
#result-vak .read-more {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100px;
	height: 34px;
	background: url(images/sprite_buttons.png) no-repeat 0 -550px;
	text-indent: -9999px;
}

#result-vak .read-more {
	left: 0 !important;
}

.certificaat a.read-more:hover,
#result-vak .read-more:hover {
	background: url(images/sprite_buttons.png) no-repeat -175px -550px;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {

	.certificaat,
	.testimonial {
		width: 300px;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#certificaten .certificaat {
		width: 47.5%;
		margin-right: 5%;
	}

	#certificaten .certificaat:nth-child(3n+3) {
		margin-right: 5%;
	}

	#certificaten .certificaat:nth-of-type(2n+2) {
		margin-right: 0;
	}
}

@media only screen and (max-width:767px) {
	#certificaten {
		padding-bottom: 0;
	}

	#certificaten h1 {
		margin: 5% 0;
	}

	.certificaat {
		width: 100%;
		height: auto !important;
		margin: 0 0 5% 0;
	}

	.cert-content p:last-child {
		margin-bottom: 0;
	}
}

#aanpak {
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
	background: rgb(243, 243, 243);
}

#aanpak .verb {
	height: auto;
	overflow: hidden;
	position: relative;
	top: -50px !important;
}

#aanpak .verb .verb-content {
	float: right;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#aanpak .column.c3 {
		width: 100%;
	}

	#aanpak .verb {
		left: 2.5%;
		width: 95%;
	}
}

@media only screen and (max-width:767px) {
	#aanpak h1 {
		margin: 5% 0;
	}

	#aanpak .verb {
		top: 0 !important;
		width: 100%;
		margin-bottom: 5%;
	}
}

/* SINGLE-PROJECT
_______________________________________________________________*/

#arrow {
	display: block;
	width: 100%;
	height: 60px;
	position: absolute;
	z-index: 15;
}

@media only screen and (max-width:767px) {
	#arrow {
		display: none;
	}
}

#single-project,
#single-content {
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
}

#single-project {
	background: url(images/bigimg/referenties_single2.jpg) no-repeat top;
	z-index: 99;
	height: 300px;
}

#single-content {
	height: auto;
	margin: 50px 0 50px 0;
}

@media only screen and (max-width:767px) {
	#single-content {
		margin-top: 60px;
	}
}

.image-big {
	display: block;
	float: left;
	width: 675px;
	height: 400px;
	margin: 0 30px 30px 0;
	overflow: hidden;
}

.content-text {
	display: block;
	float: left;
	width: 285px;
	height: 545px;
	margin-bottom: 30px;
}

.content-text .project {
	height: 545px !important;
}

.facts {
	display: block;
	float: left;
	width: 310px;
	height: auto;
	background: #fafafa;
	color: rgb(15, 60, 100);
	margin: 15px 0 0 0;
	padding: 15px;
}

.facts h2 {
	margin: 0px 0 10px 0 !important;
	color: rgb(15, 60, 100);
	font-size: 20px;
}

.facts ul {
	display: block !important;
	float: left !important;
	color: rgb(15, 60, 100);
	margin: 0 0 10px 0 !important;
}

.facts #facts-info {
	display: block;
	float: left;
	width: 300px;
	height: auto;
}

#facts-info .fact-title {
	color: #768998;
}

#facts-info .fact {
	margin-bottom: 15px;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	.single-project .scrollgallery {
		margin: 0 auto !important;
	}

	.single-project .content-text,
	.single-project .content-text .project {
		width: 100%;
		height: auto !important;
	}

	.single-project .content-text {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.single-project .facts,
	.single-project #facts-info {
		width: 100%;
	}

	.single-project #sm-single {
		float: right !important;
	}
}

@media only screen and (max-width:767px) {
	#single-content .center {
		padding: 0;
	}

	.single-project .content-text {
		width: 100vw;
	}

	.single-project .entry-title,
	.single-project .entry-content {
		width: 100vw;
		padding: 0 5%;
		box-sizing: border-box;
	}

	.facts {
		width: 100vw;
		padding: 5%;
	}

	.content-text,
	.content-text .project {
		float: none;
		height: auto !important;
		overflow: hidden;
	}
}

.scrollgallery {
	display: block;
	float: left;
	width: 660px;
	height: auto;
	padding: 0 !important;
	margin: 0 !important;
}

.scrollgallery .scrollGalleryHead,
.scrollgallery .imageareaContent {
	display: block;
	float: left;
	width: 660px;
	height: 440px;
	padding: 0 !important;
	margin: 0 !important;
}

.scrollgallery .imagearea {
	width: 660px;
	height: 440px;
}

.scrollgallery .imageareaContent .caption_container {
	display: inline-block !important;
	margin: 0 !important;
	max-width: 660px !important;
	width: 100% !important;
	text-align: center !important;
}

.scrollgallery .imageareaContent img {
	width: auto !important;
	height: auto;
	max-height: 440px;
	padding: 0 !important;
}

.scrollgallery .scrollGalleryFoot {
	display: block;
	float: left;
	width: 660px;
	height: auto;
	padding: 0 !important;
	margin: 15px 0 0 0 !important;
}

.scrollgallery .thumbarea,
.scrollgallery .thumbareaContent {
	width: 660px;
	height: auto;
}

.scrollgallery .thumbareaContent img {
	float: left;
	width: 153px;
	height: 115px;
	margin: 0 15px 15px 0;
}

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

	.scrollgallery,
	.scrollgallery .scrollGalleryHead,
	.scrollgallery .imagearea {
		width: 100vw !important;
		height: auto;
	}

	.scrollgallery .imageareaContent {
		width: auto;
		max-height: 250px;
		height: auto;
		overflow: hidden;
	}

	.scrollgallery .imageareaContent .caption_container {
		display: block !important;
		float: left;
		width: 100vw !important;
	}

	.scrollgallery .imageareaContent img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.scrollgallery .scrollGalleryFoot {
		width: 100vw;
		margin-top: 5px !important;
	}

	.scrollgallery .thumbareaContent {
		width: 100vw;
		padding: 0 5px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.scrollgallery .thumbareaContent img {
		width: calc((100% - 10px) / 3);
		margin-right: 5px !important;
		margin-bottom: 5px !important;
	}

	.scrollgallery .thumbareaContent img:nth-child(3n+3) {
		margin-right: 0 !important;
	}
}

/*
	.afbeelding img{
		width:675px;
		height:400px;
	}
*/

.project-thumbs {
	display: block;
	float: left;
	width: 145px;
	height: 115px;
	background: #fafafa;
}

.project-thumbs a {
	cursor: pointer;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.project-thumbs a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.margin-right {
	margin-right: 31px;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

	#single-content #nav-below .bjqs-prev,
	#single-content #nav-below .bjqs-next {
		left: inherit;
	}
}

@media only screen and (max-width:767px) {
	#nav-below {
		position: relative;
		width: 100vw;
		height: 50px;
		line-height: 50px;
		box-sizing: border-box;
	}

	#single-content #nav-below .bjqs-prev,
	#single-content #nav-below .bjqs-next {
		position: relative;
		z-index: 2;
		top: inherit;
		left: inherit;
		right: inherit;
		width: 50px;
		height: 50px;
	}

	#single-content #nav-below #nav-overview {
		position: absolute;
		z-index: 0;
		float: right;
		width: 100vw;
		height: 50px;
		text-align: center;
		background-color: #0f3c64;
	}

	#single-content #nav-below #nav-overview a {
		color: white;
	}

	#single-content #nav-below .bjqs-next {
		float: right;
	}
}

#single-content .bjqs-prev,
#single-news-content .bjqs-prev {
	float: left;
	position: absolute;
	top: 250px;
	left: -80px;
}

#single-content .bjqs-next,
#single-news-content .bjqs-next {
	float: left;
	position: absolute;
	top: 250px;
	left: 1070px;
}

#single-news-content .bjqs-next {
	left: 1018px !important;
}

/* BEDRIJF
-------------------------------------------------------------- */

.sub-bedrijf {
	float: right;
}

#bedrijf,
#hetbedrijf,
#mvo,
#certificeringen,
#organogram,
#eigenfabriek,
#geschiedenis,
#vacatures {
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
}

#bedrijf {
	height: 100vh;
}

#bedrijf-spacer {
	display: block;
	float: left;
	width: 100%;
	height: 100px;
	background: transparent;
	margin: -100px 0 0 0;
}

#bedrijf {
	background: url(images/bigimg/Showroom-bedrijf.jpg) no-repeat;
	background-size: cover;
	z-index: 99;
}

#hetbedrijf {
	padding: 0 0 50px 0;
	position: relative;
}

#hetbedrijf .center {
	overflow: hidden;
}

#hetbedrijf #content-bedrijf {
	display: block;
	float: left;
	width: 660px;
	height: auto;
	margin: 0 50px 0 0;
}

.video-container {
	position: relative;
	padding-bottom: 51%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#hetbedrijf #bedrijf-btns {
	display: block;
	float: left;
	width: 290px;
	height: auto;
	color: rgb(18, 60, 100);
	background: rgba(18, 60, 100, 0.15);
	padding: 15px;
	box-sizing: border-box;
}

#bedrijf-btns a.read-more {
	display: none;
}

#bedrijf-btns .btn {
	margin-bottom: 25px;
}

#bedrijf-btns .text {
	display: block;
	float: left;
	width: auto;
	height: auto;
	font-size: 14px;
	margin: 10px 15px 0 0;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	#hetbedrijf #content-bedrijf {
		margin-right: 30px;
	}

	#hetbedrijf #bedrijf-btns {
		float: right;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#hetbedrijf #content-bedrijf {
		width: 100%;
		margin-right: 0;
	}

	#hetbedrijf #bedrijf-btns {
		width: 100%;
	}
}

@media only screen and (max-width:767px) {
	#bedrijf {
		height: 75vh;
	}

	#hetbedrijf {
		padding-bottom: 0;
	}

	#hetbedrijf h1 {
		margin: 5% 0;
	}

	#hetbedrijf #content-bedrijf {
		width: 100%;
	}

	.video-container {
		padding-bottom: 45%;
	}

	#hetbedrijf #bedrijf-btns {
		width: 100%;
		padding: 5%;
		margin-top: 5%;
		box-sizing: border-box;
	}

	#bedrijf-btns .btn {
		width: 100%;
		height: 46px;
	}
}

#mvo {
	display: block;
	color: rgb(59, 63, 65);
	background: url(images/bigimg/bedrijf_mvo.jpg) no-repeat center;
}

#mvo h1 {
	margin: 0 0 30px 0;
	color: rgb(185, 215, 129);
}

#mvo-slider {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#mvo-slider .center {
	overflow: hidden
}

.mvo-column,
#mvo-slider .bjqs-caption .column.c2 {
	display: block;
	float: left;
	width: 455px;
	height: auto;
	margin: 0 50px 0 0;
}

.mvo-column.last,
#mvo-slider .bjqs-caption .column.c2.last {
	margin: 0;
}

#mvo-quote {
	display: block;
	width: 100%;
	height: 150px;
	position: absolute;
	z-index: 45;
}

#mvo-quote .verb {
	display: block;
	float: left;
	width: 698px;
	margin-top: 200px;
	left: 0;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	#mvo-quote .verb {
		left: 2.5%;
		margin-top: 0;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#mvo-quote .verb {
		left: 2.5%;
		margin-top: 0;
	}

	.mvo-column,
	#mvo-slider .bjqs-caption .column.c2 {
		width: 47.5%;
		margin-right: 5%;
	}
}

@media only screen and (max-width:767px) {
	#mvo-quote {
		height: auto;
	}

	#mvo-quote .verb {
		top: 5vh !important;
		margin-top: 0;
	}

	#mvo ol.bjqs-markers.h-centered {
		bottom: 15px;
	}

	#mvo-slider .bjqs-caption {
		position: absolute;
		bottom: 60px;
		background-color: rgba(255, 255, 255, .9);
		overflow: hidden;
	}
}

#certificeringen {
	padding: 0 0 50px 0;
}

#organogram {
	padding: 0 0 50px 0;
}

.members-row {
	width: 100%;
	overflow: hidden;
}

.director {
	position: relative;
}

.director img {
	width: 200px;
}

.director .person {
	position: relative;
	width: 200px;
	height: 200px;
	margin-bottom: 30px;
}

.director .person .organogram-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #123d63;
	opacity: .75;
}

.director .person .organogram-overlay .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 132px;
	height: auto;
	margin-top: -64px;
	margin-left: -64px;
	opacity: 1;
}

.director h2 {
	margin-bottom: 5px;
}

.director .functie {
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
	color: rgb(118, 137, 152);
}

.director .descr {
	display: block;
	float: left;
	width: 275px;
	height: auto;
}

.director .social-btn {
	display: block;
	width: auto;
	height: auto;
	margin: 7px 0 0 0;
	position: absolute;
	top: 227px;
	right: 0px;
}

#organogram-extra {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0 0;
}

#organogram-extra h3 {
	font-size: 22px;
	color: rgb(15, 60, 100);
	line-height: 22px;
	margin: 0 0 20px 0;
}

#organogram-extra .team a {
	display: block;
	position: relative;
}

#organogram-extra .team a:hover .organogram-overlay {
	opacity: .85;
}

#organogram-extra .team a:hover .organogram-overlay .icon {
	opacity: 1;
}

#organogram-extra .team .organogram-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #123d63;
	opacity: .15;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

#organogram-extra .team .organogram-overlay .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -32px;
	margin-left: -32px;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.organisatie-quote {
	display: block;
	width: 100%;
	height: 150px;
	margin: 30px 0 0 0;
}

.organisatie-verb,
.geschiedenis-verb {
	display: block;
	float: left;
	width: 698px;
	left: 0;
}

.organisatie-quote .verb-content {
	display: block;
	width: auto;
	height: auto;
	font-family: 'larabiefont_rgregular', Arial, Helvetica, sans-serif;
	right: 0px;
	z-index: 50;
}

.organisatie-quote .verb-quote {
	float: left;
	font-size: 26px;
	line-height: 34px;
	background: rgba(15, 60, 100, 0.7);
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	clear: both;
}

.organisatie-quote p.verb-quote,
p.verb-persoon {
	padding: 5px;
	margin: 0;
}

.organisatie-quote .verb-persoon {
	float: right;
	width: auto;
	font-family: 'verb_lightregular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: rgba(15, 60, 100, 0.7);
	color: rgb(255, 255, 255);
	padding: 5px;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

	#organogram .director,
	#organogram-extra .c3 {
		width: 30%;
		margin-right: 5%;
	}

	#organogram .director.last,
	#organogram-extra .c3.last {
		margin-right: 0;
	}

	#organogram-extra {
		margin-top: 0;
	}
}

@media only screen and (max-width:767px) {
	.director {
		overflow: hidden;
	}

	.director .social-btn .linkedin {
		width: 40px;
		height: 40px;
		background-image: url('images/svg/linkedin-blue.svg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.director .person {
		margin-right: auto;
		margin-left: auto;
	}

	#organogram {
		padding-bottom: 5%;
	}

	#organogram-extra {
		margin-top: 5%;
	}

	#organogram-extra .column {
		overflow: hidden;
		margin-bottom: 5%;
	}

	#organogram-extra .column.last {
		margin-bottom: 0;
	}

}

#eigenfabriek {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#eigenfabriek h1 {
	color: rgb(255, 255, 255);
	position: absolute;
	z-index: 10;
}

#eigenfabriek ol.bjqs-markers.h-centered {
	text-align: center;
	position: absolute;
	bottom: 210px;
}

.eigenfabriekfoot {
	position: absolute;
	bottom: 0;
	width: 100vw;
	height: auto;
	background: rgba(255, 255, 255, 0.9);
}

.eigenfabriekfoot .magazine-columns .column.c3 {
	margin: 0 !important;
	width: 33.33%;
}

.eigenfabriekpadd {
	padding: 30px 0 10px 0;
	overflow: hidden;
}

#eigenfabriek-quote {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 45;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	.eigenfabriekfoot {
		width: 100% !important;
	}

	.eigenfabriekpadd {
		padding: 20px 2.5%;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	.eigenfabriekfoot .center {
		padding: 2.5%;
	}

	.eigenfabriekfoot .magazine-columns .column.c3 {
		width: 30%;
		margin-right: 5% !important;
	}

	.eigenfabriekfoot .magazine-columns .column.c3:last-child {
		margin-right: 0 !important;
	}
}

@media only screen and (max-width:767px) {
	#eigenfabriek-quote .verb {
		top: 5vh !important;
	}

	.eigenfabriekfoot {
		bottom: 60px;
		width: 100%;
		padding: 5%;
		box-sizing: border-box;
	}

	.eigenfabriekpadd {
		padding: 0;
	}

	.eigenfabriekfoot .magazine-columns .column.c3 {
		width: 100%;
	}

	.eigenfabriekpadd .btn {
		margin-top: 5%;
	}

	#eigenfabriek ol.bjqs-markers.h-centered {
		bottom: 15px;
	}
}

#geschiedenis {
	background: rgb(243, 243, 243);
	padding: 0 0 50px 0;
}

#geschiedenis .verb {
	width: 990px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	top: 0 !important;
}

#geschiedenis .verb-content {
	float: right;
}

#geschiedenis .verb .verb-persoon {
	float: none;
	position: absolute;
	right: 0;
	top: 88px;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {

	#geschiedenis .verb,
	#geschiedenis .column.c3 {
		width: 100%;
	}
}

@media only screen and (max-width:767px) {
	#geschiedenis {
		padding: 0 0 5% 0;
	}

	#geschiedenis .verb {
		width: 100% !important;
		height: auto;
	}

	#geschiedenis .verb .verb-persoon {
		position: relative;
		top: inherit;
		width: 100% !important;
		float: right;
		margin-bottom: 5%;
		box-sizing: border-box;
	}
}

#timeline {
	width: 990px;
	height: auto;
	background: url(images/history/dot.png) left 98px repeat-x;
}

#timeline #dates li {
	height: 100px;
	padding-top: 8px;
}

#timeline #dates li a {
	display: block;
	width: 150px;
	height: 75px;
	background: url(images/history/streepje.png) center bottom no-repeat;
	padding-top: 25px;
}

#timeline #dates li a.selected {
	color: rgb(255, 255, 255);
	background: url(images/history/active2.png) center bottom no-repeat;
}

#timeline #issues {
	width: 990px;
	height: auto;
}

#timeline #issues li {
	width: 990px;
	height: auto;
}

#timeline #issues li h1 {
	font-size: 32px;
	color: rgb(15, 60, 100);
}

#timeline #issues li p {
	width: 790px;
	padding: 0;
	margin: 0 auto;
}

#timeline #prev {
	background: url(images/history/prev.png) no-repeat center center
}

#timeline #next {
	background: url(images/history/next.png) no-repeat center center;
}

.geschiedenis-btns {
	display: block;
	float: right;
	width: 250px;
}

.geschiedenis-btns p {
	float: left;
	width: auto;
	margin: 0 15px 0 0;
}

@media only screen and (max-width:1024px) and (orientation:portrait) {

	#timeline,
	#timeline #issues,
	#timeline #issues li,
	#timeline #issues li p {
		width: 95vw;
	}
}

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

	#timeline,
	#timeline #issues li,
	#timeline #issues li p {
		width: 90.1vw;
	}

	#timeline {
		margin: 5% 0;
	}

	#timeline #dates li a.selected {
		height: 40px;
		padding-top: 0;
		margin-top: 25px;
		background: rgb(15, 60, 100);
	}

	#issues li h1 {
		display: none;
	}
}

#vacatures {
	padding: 0 0 50px 0;
	background: url('images/bigimg/2016/vacatures.jpg') no-repeat 50% -125px;
	/* 	background: url('images/bigimg/2016/vacatures_rotated.jpg') no-repeat 50% 0; */
	background-size: cover;
	-webkit-box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, .5);
	-moz-box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, .5);
}

#vacatures h1,
#vacatures .c3 {
	color: white;
}

#vacatures a {
	color: white;
	font-style: italic;
}

#vacatures a:hover {
	color: rgb(118, 137, 152);
}

#vacatures .vacature-verb {
	display: block;
	float: left;
	width: 990px;
	position: relative;
}

.vacature-verb .verb-content {
	width: 990px;
	height: 88px;
	clear: both;
}

.vacature-verb .verb-quote,
.vacature-verb .verb-persoon {
	background: rgb(243, 243, 243);
	padding: 5px;
}

.vacature-verb .verb-quote {
	font-family: 'larabiefont_rgregular', Arial, Helvetica, sans-serif;
	font-size: 24px !important;
	float: right;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

	#vacatures .vacature-verb,
	.vacature-verb .verb-content {
		width: 972px;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	#vacatures .column.c3 {
		width: 47.5%;
		margin-right: 5%;
	}

	#vacatures .column:last-child {
		margin-right: 0;
	}

	#vacatures .vacature-verb,
	.vacature-verb .verb-content {
		width: 100%;
	}
}

@media only screen and (max-width:767px) {
	#vacatures {
		padding-bottom: 5%;
		background-position: center center;
	}

	#vacatures .vacature-verb,
	.vacature-verb .verb-content {
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}

	.vacature-verb .verb-quote {
		background: none;
		padding: 0px;
	}

	.vacature-verb .verb-persoon {
		background-color: rgba(255, 255, 255, .9);
		padding: 0 5px 5px;
	}
}

div.wpcf7-validation-errors {
	border: 0 !important;
	background: #f0ab00 !important;
	color: rgb(255, 255, 255) !important;
	border: 4px solid #f0ab00 !important;
	padding-top: 5px !important;
	width: 260px !important;
}

span.wpcf7-not-valid-tip {
	display: block;
	position: absolute;
	text-indent: -999999px !important;
	width: 22px !important;
	height: 22px !important;
	background: url(images/error-icon.png)no-repeat !important;
	border: 0 !important;
	float: right !important;
	top: 0 !important;
	bottom: 0 !important;
	padding-bottom: 5px !important;
	left: 89% !important;
	margin-top: -4px !important;
}

/* MEDEWERKERS */
#medewerkers-heading {
	height: 350px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-template-page-medewerkers #arrow {
	display: none;
}

.page-template-page-medewerkers #overview {
	margin-top: 50px;
}

.page-template-page-medewerkers #overview h1 {
	margin-top: 0;
}

.member-grid {
	width: 1020px;
	margin: 0 auto 50px;
}

.member-grid:after {
	content: '';
	display: block;
	clear: both;
}

.member-grid-item {
	position: relative;
	float: left;
	width: 155px;
	height: 155px;
	margin-bottom: 15px;
	overflow: hidden;
}

a.member-grid-item {
	cursor: pointer;
}

.member-grid-item:hover .member-grid-item-overlay {
	bottom: 0 !important;
}

.member-grid-item:hover .member-grid-item-name-preview {
	opacity: 0;
}

.member-grid-item-wrap {
	position: relative;
	height: 100%;
}

.member-grid-item img {
	display: block;
	width: 100%;
	height: auto;
}

.member-grid-item-name-preview {
	position: absolute;
	bottom: 8px;
	left: 8px;
	z-index: 1;
	font-size: 12px;
	color: white;
	text-shadow: 1px 1px 5px black;
	opacity: 1;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.member-grid-item-overlay {
	position: absolute;
	z-index: 10;
	bottom: -160px;
	width: 100%;
	padding: 10px;
	background-color: rgba(255, 255, 255, .85);
	font-size: 12px;
	color: #4B4D50;
	-webkit-transition: bottom .4s ease-in-out;
	transition: bottom .4s ease-in-out;
	box-sizing: border-box;
}

.member-grid-item-name {
	position: relative;
	padding-bottom: 5px;
	padding-right: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #0F3C64;
	font-size: 14px;
	color: #0F3C64;
}

.member-grid-item-name .linkedin {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	margin-right: 0;
	background: none;
}

.member-grid-item.is-vacancy {
	background-color: #0F3C64;
}

.member-grid-item.is-project .member-grid-item-overlay {
	height: 100%;
	background-color: rgba(15, 60, 100, .75);
}

.member-grid-item.is-project .member-grid-item-name {
	padding-right: 0;
	font-size: 14px;
	color: white;
	border-bottom: 0;
}

.member-grid-item-title {
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: calc(100% - 30px);
	font-size: 22px;
	color: white;
}

.member-grid-item-2 {
	width: 325px;
	height: 325px;
}

.member-grid-item-2 .member-grid-item-overlay {
	bottom: -320px;
}

.member-grid-item-2 .member-grid-item-name {
	font-size: 24px;
	padding-right: 40px;
}

.member-grid-item-2 .member-grid-item-name .linkedin {
	width: 30px;
	height: 30px;
}

@media only screen and (max-width:1024px) {
	.member-grid {
		width: 972px;
	}
}

@media only screen and (max-width:768px) {
	.member-grid {
		width: 100%;
	}
}

@media only screen and (max-width:425px) {
	.page-template-page-medewerkers #overview {
		margin-top: 15px;
	}

	#medewerkers-heading {
		height: 175px;
	}

	.member-grid {
		width: 335px;
	}

	.member-grid-item,
	.member-grid-item-2 {
		width: 160px;
		height: 160px;
	}

	.member-grid-item {
		margin-right: 15px;
	}

	.member-grid-item:nth-child(2n+2) {
		margin-right: 0;
	}

	.member-grid-item-2 .member-grid-item-overlay {
		bottom: -155px;
	}

	.member-grid-item-2 .member-grid-item-name {
		font-size: 14px;
		padding-right: 30px;
	}

	.member-grid-item-2 .member-grid-item-name .linkedin {
		width: 20px;
		height: 20px;
	}
}

@media only screen and (max-width:320px) {
	.member-grid {
		width: 300px;
	}

	.member-grid-item,
	.member-grid-item-2 {
		width: 140px;
		height: 140px;
	}
}

.single-member #medewerkers-heading {
	height: 230px;
}

.single-member .entry-content {
	float: left;
	width: 654px;
}

.single-member .entry-wrap {
	margin-bottom: 50px;
	overflow: hidden;
}

.single-member .entry-sidebar {
	float: right;
	width: 320px;
}

.single-member .entry-sidebar-info {
	width: 100%;
	padding: 15px;
	background-color: #F1F1F1;
	box-sizing: border-box;
}

.single-member .member-thumbnail {
	display: block;
	margin-bottom: 15px;
}

.single-member .entry-sidebar-title {
	position: relative;
	padding-bottom: 5px;
	padding-right: 30px;
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #0F3C64;
}

.single-member .entry-sidebar-title .linkedin {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background: none;
	margin-right: 0;
}

.single-member .entry-sidebar-info p:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width:1024px) {
	.single-member .entry-content {
		width: calc(100% - 350px);
	}
}

@media only screen and (max-width:425px) {
	.single-member #medewerkers-heading {
		height: 115px;
	}

	.single-member .entry-wrap {
		margin-bottom: 15px;
	}

	.single-member .entry-content,
	.single-member .entry-sidebar {
		width: 100%;
	}
}

#member-form {
	margin-bottom: 50px;
	overflow: hidden;
	box-sizing: border-box;
}

#member-form-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-top: 1px solid #0F3C64;
	border-bottom: 1px solid #0F3C64;
}

#member-form .input {
	margin-bottom: 15px;
}

#member-form .wpcf7-submit {
	display: block;
	float: left;
	width: 200px;
	height: 40px;
	line-height: 40px;
	background-color: white;
	border: 1px solid #0F3C64;
	color: #0F3C64;
	text-transform: uppercase;
	transition: all .3s ease;
}

#member-form .wpcf7-submit:hover {
	background-color: #0F3C64;
	color: white;
}

#member-form .btn-wrap.btn-center {
	text-align: center;
}

#member-form .btn-wrap.btn-center .wpcf7-submit {
	display: inline-block;
	float: none;
}

.form-columns {
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

.form-columns .column {
	float: left;
	box-sizing: border-box;
}

.form-columns .column:last-child {
	margin-right: 0;
}

.form-columns-2 .column {
	width: 47.5%;
	margin-right: 5%;
}

@media only screen and (max-width:425px) {
	.form-columns-2 .column {
		width: 100%;
		margin-right: 0;
	}
}

/* CONTACT
-------------------------------------------------------------- */
#contact-head,
#contact-content,
#locatie,
#downloads,
#nieuws {
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
}

#contact-head {
	height: 100vh;
	background: url(images/bigimg/Contact.jpg) no-repeat fixed;
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	#contact-head {
		background-attachment: inherit;
		background-size: cover;
	}
}

@media only screen and (max-width:1024px) and (orientation:portrait) {
	#contact-head {
		background-attachment: inherit;
		background-size: cover;
	}
}

@media only screen and (max-width:767px) {
	#contact-head {
		height: 75vh;
		background: url(images/bigimg/mobile/contact.jpg) no-repeat center top;
	}
}

.sub-contact {
	float: right;
}

#contact-content {
	position: relative;
}

#contact {
	display: block;
	width: 990px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

@media only screen and (max-width:767px) {
	#contact {
		width: 100%;
	}

	#contact-content input[type="submit"] {
		float: none;
	}
}

#contact h3,
#locatie h3 {
	color: rgb(15, 60, 100);
	font-size: 20px;
	margin: 0 0 20px 0;
}

.contact .column {
	float: left;
	margin: 0 30px 30px 0;
	position: relative;
}

.column.third {
	margin: 0;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	.column.c3 {
		width: calc((100% - 60px)/3);
		margin-right: 30px;
	}

	.column.c3:last-child {
		margin-right: 0;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	#contact {
		width: 100%;
	}

	#contact .column.c3 {
		width: 47.5%;
		margin-right: 5%;
	}

	#contact .column.c3:last-of-type {
		margin-right: 0;
	}

	#contact .column.c3:first-of-type {
		width: 100%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.column.c3 {
		width: 100%;
		float: none;
		margin: 0;
	}

	.column.c3:last-child {
		margin-top: 5% !important;
	}

	.contact .column {
		margin-right: 0;
		margin-bottom: 5%;
		overflow: hidden;
	}
}

/*
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  .column.c3 { 
    width: calc((100% - 60px)/3);
    margin-right: 30px;
  }
    .column.c3:last-child { margin-right: 0; }
}
*/
#locatie,
#nieuws {
	background: rgb(250, 250, 250);
	padding: 0 0 50px 0;
}

.column.canvas {
	width: 630px;
}

#map-canvas {
	display: block;
	width: 630px;
	height: 378px;
}

#locatie .third {
	padding: 15px;
	width: 300px;
	background: rgb(255, 255, 255);
}

#locatie #startingpoint {
	display: block;
	float: left;
	width: 300px;
	height: 100px;
	margin: 0 0 40px 0;
}

#locatie #startingpoint textarea {
	width: 288px;
	height: 88px;
	font-family: verb_regularregular, Arial, Helvetica, sans-serif;
	border: 1px solid rgb(213, 212, 212);
	background: rgb(250, 250, 250);
}

#finish {
	float: right;
	margin: 15px 0 0 0;
}

#finish input[type="submit"] {
	margin: 0;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	#locatie .third {
		float: right;
		width: 280px;
		margin-right: 0;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

	#locatie .column.canvas,
	#locatie .third {
		width: 100%;
		margin-right: 0;
		box-sizing: border-box;
	}

	#map-canvas {
		width: 100%;
	}

	#locatie #startingpoint textarea {
		width: 100%;
		box-shadow: none;
	}
}

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

	#locatie,
	#nieuws {
		padding-bottom: 5%;
	}

	#locatie .column.canvas {
		width: 100%;
	}

	#map-canvas {
		width: 100%;
		height: 300px;
	}

	#locatie .column.third,
	#locatie .route-info {
		display: none;
	}
}

.easy-select-box {
	position: relative;
	width: 260px;
	font-size: 11px;
	color: #0c2245;
	margin-left: 2px;

}

.easy-select-box .easy-select-box-disp,
.easy-select-box .easy-select-box-disp:visited {
	background: url(images/bg-select-1.png) no-repeat 0 0;
	display: block;
	color: #0c2245;
	padding: 7px 0 7px 8px;
	height: 22px;
	line-height: 18px;
	text-decoration: none;

}

.easy-select-box .easy-select-box-disp:hover {
	position: relative;
	background-position: 0 -36px;
	text-decoration: none;
}

.easy-select-box ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	z-index: 99;
	width: 300px;
	border: 1px solid #d2d2d3;
	background: rgb(255, 255, 255);
	max-height: 200px;
	overflow: auto;
	margin-left: 1px;
	color: white !important;
	height: 500px;
}

.easy-select-box ul li {
	padding-left: 1px;
}

.easy-select-box ul li a,
.easy-select-box ul li a:visited {
	padding: 3px;
	display: block;
	color: rgb(15, 60, 100);
	cursor: default;
}

.easy-select-box ul li a:hover {
	background: rgb(15, 60, 100);
	color: rgb(255, 255, 255);
	text-decoration: none;
}

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

	.easy-select-box,
	.easy-select-box ul {
		width: 100%;
	}

	.easy-select-box {
		font-size: inherit;
	}
}

#route-info {
	display: none;
	float: left;
	width: 990px;
	height: auto;
}

#route {
	display: block;
	float: left;
	width: 600px;
	height: auto;
	background: rgb(255, 255, 255);
	padding: 7px 15px 15px 15px;
	margin-right: 30px;
}

#ov {
	display: block;
	float: right;
	width: 300px;
	height: auto;
	background: rgb(255, 255, 255);
	padding: 15px;
}

#downloads {
	background: rgb(15, 60, 100);
	color: rgb(255, 255, 255);
}

#downloads h1 {
	color: rgb(255, 255, 255);
}

#downloads .column-download-list a:hover {
	color: white;
}

#downloads .second .column-download-list {
	padding-left: 40px;
}

#downloads .last .column-download-list .tech-video {
	display: block;
	float: left;
	height: 159px;
	width: 311px;
	background-image: url(images/clean-aralco-vid.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
}

#downloads .last .column-download-list .tech-video:hover {
	background-image: url(images/clean-aralco-vid-hov.jpg);
}

#downloads .last .column-download-list .column.border h2 {
	display: block;
	width: 311px;
	color: rgb(118, 137, 152) !important;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	background: rgb(255, 255, 255);
	padding: 5px 0;
	margin: 0;
	clear: none;
	position: absolute;
	z-index: 2;
}

#downloads-main {
	display: block;
	float: left;
	width: 990px;
	height: auto;
}

#downloads-main .column.border {
	display: block;
	width: 298px;
	height: 158px;
}

#downloads-main .column h2 {
	display: block;
	width: 298px;
	color: rgb(118, 137, 152);
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	background: rgb(255, 255, 255);
	padding: 5px 0;
	margin: 0;
	clear: none;
	position: absolute;
	z-index: 2;
}

#downloads-main .column img {
	display: block;
	position: absolute;
	z-index: 1;
}

#downloads-main .column .btn-download {
	position: absolute;
	z-index: 2;
	right: 15px;
	bottom: 15px;
}

#downloads-main .column .btn-download a {
	display: block;
	width: 110px;
	height: 34px;
}

#downloads-list {
	display: block;
	float: left;
	width: 990px;
	height: auto;
	margin: 30px 0 0 0;
}

.column-download {
	display: block;
	float: left;
	width: 298px;
	height: 158px;
	min-height: 126px;
	margin-right: 30px;
	margin-bottom: 50px;
}

.column-download h2 {
	width: 298px;
	color: rgba(255, 255, 255, 1) !important;
	font-size: 18px !important;
	text-transform: uppercase;
	padding: 5px 0 !important;
	margin: 0;
	clear: none;
	z-index: 2;
}

#downloads-main .column-download-list h2 {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	text-transform: none;
	padding: 5px 0 !important;
	margin: 0;
	clear: none;
	z-index: 2;
	background: none;
	text-align: left;
	position: relative;
}

#downloads-list .column-download p {
	margin: 0;
}

.column-download a {
	color: red !important;
	width: 300px;
	text-align: center;
}

.column-download-list a:hover {
	color: white;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	#downloads-main {
		width: 100%
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	#downloads-main {
		width: 100%
	}

	#downloads-main .c3 {
		width: 47.5%;
		margin-right: 5%;
	}

	#downloads-main .c3.second {
		margin-right: 0;
	}
}

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

	#downloads-main,
	#downloads-main .column.border,
	#downloads-main .column h2,
	#downloads .last .column-download-list .column.border h2 {
		width: 100%;
	}

	#downloads-main .column-download-list h2 {
		padding: 0 !important;
		margin-bottom: 5%;
	}

	#downloads .second .column-download-list {
		padding-left: 0;
		line-height: 32px;
	}

	#downloads .last .column-download-list .tech-video {
		width: 100%;
		height: 225px;
		background-image: url('images/clean-aralco-vid_425.jpg');
	}

	#downloads-main .column .btn-download {
		right: 0;
	}
}

#nieuws {
	position: relative;
}

#nieuws-slider .slide {
	display: block;
	float: left;
	width: 980px;
	padding: 5px;
	margin: -3px;
}

#nieuws-slider .news-slide {
	position: relative;
}

.news-slide .news-date {
	display: block;
	width: auto;
	height: auto;
	font-family: 'larabiefont_rgregular', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 24px;
	color: white;
	text-transform: uppercase;
	position: absolute;
	right: 10px;
	top: 10px;
	text-shadow: 0px 0px 4px rgb(12, 12, 12);
}

@media only screen and (max-width: 767px) {
	#nieuws-slider .slide {
		padding: 0;
		margin: 0;
	}
}

@media only screen and (max-width: 414px) {
	#nieuws-slider ol.bjqs-markers {
		position: absolute;
		top: 25vh;
	}
}

@media only screen and (max-width: 320px) {
	#nieuws-slider ol.bjqs-markers {
		position: absolute;
		top: 22.5vh;
	}
}

#nieuws h4 {
	color: rgb(15, 60, 100);
	font-size: 14px;
	margin: 10px 10px 10px 10px;
}

#nieuws h4 a {
	color: rgb(15, 60, 100);
}

#nieuws h4 a:hover {
	color: rgb(118, 137, 152);
}

#nieuws .column.c3 {
	width: 298px;
	height: 320px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px 1px #d8d8d8;
	-moz-box-shadow: 0 0 5px 1px #d8d8d8;
	box-shadow: 0 0 5px 1px #eee;
}

#nieuws .column.c3 p {
	margin: 0 10px 10px 10px;
}

#nieuws .column.c3 .image {
	width: 298px;
	height: 150px;
	overflow: hidden;
}

#nieuws .column .news-content-wrap {
	max-height: 130px;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	#nieuws .column.c3 .image {
		width: 100%;
		height: auto;
	}
}

#nieuws .bjqs-prev {
	position: absolute;
	top: -372px;
	left: -68px;
}

#nieuws .bjqs-next {
	position: absolute;
	top: -372px;
	right: -45px;
}

#nieuws .socialm {
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 16px;
	width: auto;
}

.socialm .tw,
.socialm .fb,
.socialm .li {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.socialm .tw:hover,
.socialm .fb:hover,
.socialm .li:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.socialm .tw {
	background: url(images/sprite-sm16px.png) no-repeat 0 0;
}

.socialm .fb {
	background: url(images/sprite-sm16px.png) no-repeat 0 -19px;
}

.socialm .li {
	background: url(images/sprite-sm16px.png) no-repeat 0 -37px;
	margin: 0;
}

.socialm .tw a,
.socialm .fb a,
.socialm .li a {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
}

@media only screen and (max-width: 767px) {
	#nieuws .column.c3 {
		width: 100%;
		height: auto;
	}

	#nieuws h4 {
		font-size: 15px;
		margin: 5%;
	}

	#nieuws .column .nieuws-content {
		height: auto;
		margin: 0 5% 20%;
	}

	#nieuws .socialm {
		bottom: 3.5%;
		left: 5%;
	}
}

#links {
	display: block;
	float: left;
	width: 330px;
	height: auto;
	padding: 0 0 50px 0;
}

#links h3 {
	color: rgb(15, 60, 100);
}

#links .column p {
	margin: 0;
}

#links .column {
	width: 290px;
	min-height: 126px;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	#links {
		width: calc(100% / 3);
	}
}

@media only screen and (max-width: 767px) {
	#links {
		width: 100%;
		padding-bottom: 5%;
	}

	#links h3 {
		margin-bottom: 5%;
	}
}


/* NIEUWS
____________________________________________________________________*/
.single-post .fixed-single .logo.hide {
	display: block !important;
}

.single-post .fixed-single .logo.show {
	display: none !important;
}

#single-news,
#single-news-content {
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
}

#single-news {
	background: url(images/bigimg/single2-2560x300.jpg) no-repeat top;
	z-index: 99;
	height: 300px;
}

#single-news-content {
	height: auto;
	padding: 150px 0 50px 0;
	background: #fafafa;
}

.image-top {
	display: block;
	float: left;
	width: 990px;
	height: 400px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.newswrap {
	display: block;
	float: left;
	width: 990px;
	height: auto;
	background: #fff;
	-webkit-box-shadow: 0 0 5px 1px #d8d8d8;
	-moz-box-shadow: 0 0 5px 1px #d8d8d8;
	box-shadow: 0 0 5px 1px #eee;
	border-radius: 1px;
}

.newswrap img {
	width: 990px;
	height: auto;
}

.newswrap .news-date {
	display: block;
	width: auto;
	height: auto;
	font-family: 'larabiefont_rgregular', Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 24px;
	color: white;
	text-transform: uppercase;
	position: absolute;
	right: 10px;
	top: 10px;
	text-shadow: 0px 0px 4px rgb(12, 12, 12);
}

.newswrap .content-text {
	display: block;
	float: left;
	width: 930px;
	height: auto;
	padding: 0 30px 15px 30px;
	margin: 0 !important;
}

.newswrap .content-text .post {
	overflow: hidden;
}

.newswrap .content-text .entry-content {
	padding: 0 0 30px 0;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	#single-news.has-thumb {
		height: auto;
		background-image: none;
	}

	.newswrap,
	.newswrap img,
	.image-top,
	.newswrap .content-text {
		width: 100%;
	}

	.image-top {
		height: auto;
		margin-bottom: 0;
	}

	.image-top img {
		display: block;
	}

	.newswrap .content-text {
		padding: 5%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.newswrap .content-text .entry-content {
		padding-bottom: 0;
	}

	.newswrap .content-text #sm-single {
		padding: 0;
		margin-top: 0;
	}

	#single-news-content {
		padding: 5% 0;
	}

	#single-news-content #nav-below {
		width: 100%;
		margin: 5% 0 0;
		float: left;
	}

	#single-news-content #nav-overview {
		width: 100%;
		text-align: center;
		background-color: #0f3c64;
	}

	#single-news-content #nav-overview a {
		color: white;
	}

	#single-news-content .bjqs-next {
		top: 0;
		right: 0;
		left: inherit !important;
	}

	#single-news-content .bjqs-prev {
		top: 0;
		left: 0;
		z-index: 2;
	}
}

/*
		.newswrap .facts{
			display: block;
			float:left;
			width:255px;
			height:100%;
			padding:20px;
			margin-right:20px;
			margin-top:-30px;
		}
*/

#sm-single {
	float: left !important;
	width: 140px;
	position: relative !important;
	bottom: 15px !important;
	right: 0 !important;
}

#single-content #sm-single {
	margin: 35px 0 0 0;
}

#sm-single #tw-single,
#sm-single #fb-single,
#sm-single #li-single {
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 10px 0 0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

#sm-single #tw-single:hover,
#sm-single #fb-single:hover,
#sm-single #li-single:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#sm-single #tw-single {
	background: url(images/sprite-sm.png) no-repeat 0 0;
}

#sm-single #fb-single {
	background: url(images/sprite-sm.png) no-repeat 0 -37px;
}

#sm-single #li-single {
	background: url(images/sprite-sm.png) no-repeat 0 -74px;
	margin: 0;
}

#sm-single #tw-single a,
#sm-single #fb-single a,
#sm-single #li-single a {
	display: block;
	width: 32px;
	height: 32px;

}

@media only screen and (max-width: 767px) {
	#sm-single {
		bottom: inherit !important;
		right: inherit !important;
		width: 100%;
		padding: 0 5%;
		margin-top: 5%;
		box-sizing: border-box;
	}

	#sm-single #tw-single {
		width: 40px;
		height: 40px;
		margin-right: 10%;
		background: url(images/svg/twitter-blue.svg);
		background-size: 40px 40px;
	}

	#sm-single #fb-single {
		width: 40px;
		height: 40px;
		margin-right: 10%;
		background: url(images/svg/facebook-blue.svg);
		background-size: 40px 40px;
	}

	#sm-single #li-single {
		width: 40px;
		height: 40px;
		background: url(images/svg/linkedin-blue.svg);
		background-size: 40px 40px;
	}

	#sm-single #tw-single a,
	#sm-single #fb-single a,
	#sm-single #li-single a {
		width: 40px;
		height: 40px;
	}
}

/* SEARCH RESULTS
-------------------------------------------------------------- */

#search-header {
	display: block;
	float: left;
	width: 100%;
	height: 300px;
	background: url(images/bigimg/werkgebieden_nieuwbouw.jpg) no-repeat -175px -550px;
}

#result-content {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 50px 0;
	background: #fafafa;
}

#result-vak {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: auto !important;
	padding: 20px 20px 70px 20px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px 1px #d8d8d8;
	-moz-box-shadow: 0 0 5px 1px #d8d8d8;
	box-shadow: 0 0 5px 1px #eee;
	border-radius: 1px;
}

#result-vak h1 {
	margin: 10px 0 20px 0 !important;
}

#result-vak article {
	margin: 20px 0 0 0 !important;
}

#result-vak .entry-content {
	position: relative;
	height: auto;
	padding: 0 0 40px 0;
}

#result-vak .bjqs-next {
	right: 17px !important;
	bottom: 10px;
}

#result-vak .bjqs-prev {
	left: 17px !important;
	bottom: 10px;
}


/* COMMENTS
-------------------------------------------------------------- */

#comments {
	display: block;
	float: left;
	width: 100%;
	height: auto;
}

#comments .comment-awaiting-moderation {
	font-size: 0.75em;
	color: rgb(230, 111, 0);
}

#comments .comment-author {
	height: 2.5em;
	margin: 0 0 0.625em 0;
}

#comments .comment-author img.avatar {
	float: left;
	margin: 0 0.625em 0 0;
}

#comments .comment-author .says {
	float: left;
}

#comments .comment-author .commentmetadata {
	float: right;
	width: auto;
}


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

#news-letter {
	display: block;
	width: 100%;
	height: auto;
	background: rgb(243, 243, 243);
	padding: 50px 0;
	overflow: hidden;
}

#register-news {
	display: block;
	float: right;
	width: 660px;
	height: auto;
}

#register-news .c3 {
	float: left;
	padding: 0;
	margin: 0 60px 0 0;
}

#register-news .c3.last {
	margin: 0;
}

#register-news input[type="text"],
#register-news input[type="email"] {
	color: rgb(15, 60, 100);
	background: rgb(255, 255, 255);
}

#register-news input[type="submit"] {
	margin: 0;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	#register-news {
		width: calc((100% / 3)*2);
		padding-left: 5%;
		box-sizing: border-box;
	}

	#register-news .c3 {
		width: calc(95% - 290px);
		margin-right: 5%;
	}

	#register-news .c3.last {
		float: right;
		width: 286px;
	}

	#register-news input[type="text"],
	#register-news input[type="email"] {
		width: 100%;
		height: 40px;
		line-height: 40px;
		border: 1px solid rgb(15, 60, 100);
		border-radius: 0;
		box-sizing: border-box;
		-webkit-appearance: none;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	#news-letter {
		padding: 2.5% 0;
	}

	#mvo-home,
	#register-news {
		width: 47.5%;
	}

	#mvo-home {
		margin-right: 2.5%;
	}
}

@media only screen and (max-width:767px) {
	#news-letter {
		padding: 5% 0;
	}

	#mvo-home,
	#register-news {
		width: 100%;
	}

	#register-news {
		margin-top: 5%;
	}

	#register-news .c3.last {
		margin: 0 !important;
	}

	#register-news .wpcf7-form p:last-of-type {
		margin-bottom: 0;
		text-align: center;
	}

	#register-news input[type="text"],
	#register-news input[type="email"] {
		width: 100%;
		box-sizing: border-box;
	}
}

#footer .center {
	line-height: 1.8;
	padding: 30px 0 15px 0;
	overflow: hidden;
}

#footer .footermenu {
	display: block;
	float: left;
	width: auto;
	margin: 0 100px 0 0;
}

#footer .footermenu a {
	color: rgb(118, 137, 152);
}

#footer .footermenu a:hover {
	color: rgb(15, 60, 100);
}

#footer-sm {
	float: right;
	height: auto;
}

#footer #contactinfo {
	float: right;
	width: auto;
	margin-left: 10px;
}

#footer #contactinfo a {
	color: rgb(118, 137, 152);
}

#footer #contactinfo a:hover {
	color: rgb(15, 60, 100);
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	#footer .center {
		padding: 2.5%;
	}

	#footer .footermenu {
		width: 30%;
		margin-right: 5%;
	}

	#footer .footermenu:last-of-type {
		margin-right: 0;
	}

	#footer #contactinfo,
	#footer #footer-sm {
		float: left;
		margin-top: 2.5%;
		margin-right: 5%;
	}
}

@media only screen and (max-width:767px) {
	#footer .center {
		padding: 0 2.5%;
	}

	#footer .footermenu {
		width: 47.5%;
		margin-top: 5%;
		margin-right: 5%;
	}

	#footer .footermenu:nth-child(2n+2) {
		margin-right: 0;
	}

	#footer .footermenu a {
		line-height: 32px;
	}

	#footer #contactinfo {
		width: 100%;
		height: auto;
		padding: 5%;
		margin-top: 5%;
		margin-left: -5%;
		background-color: #738796;
		color: white;
		box-sizing: border-box;
	}

	#footer #contactinfo a {
		color: white;
	}

	#footer #contactinfo p {
		margin-bottom: 0;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	#footer .center {
		padding-right: 2.5%;
		padding-left: 2.5%;
	}
}

.left-sm {
	margin-right: 55px;
}

.left-bottom {
	width: 50%;
	height: 90px;
	float: left;
	margin-right: 45px;
}

.social-icon {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 10%;
	margin-bottom: 10%;
	text-indent: -9999px;
}

.social-icon a {
	display: block;
	width: 30px;
	height: 30px;
	background-color: #768998;
	border-radius: 5px;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.social-icon a:hover {
	background-color: #0f3c64;
}

#icon-fb,
#icon-li {
	margin-right: 0;
}

#icon-tw a {
	background-image: url(images/svg/twitter.svg);
	background-size: 30px 30px;
}

#icon-fb a {
	background-image: url(images/svg/facebook.svg);
	background-size: 30px 30px;
}

#icon-yt a {
	background-image: url(images/svg/youtube.svg);
	background-size: 30px 30px;
}

#icon-li a {
	background-image: url(images/svg/linkedin.svg);
	background-size: 30px 30px;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

	.left-sm,
	.left-bottom {
		margin-right: 0;
	}

	.left-bottom {
		width: 90px;
		height: 90px;
	}
}

@media only screen and (max-width:767px) {
	#footer-sm {
		float: left;
		width: 100%;
		padding: 5%;
		color: white;
		background-color: #0f3c64;
	}

	.left-bottom {
		width: 100%;
		height: auto;
		margin-top: 5%;
		margin-right: 0;
	}

	.social-icon {
		width: 40px;
		height: 40px;
		margin-right: 20px;
		margin-bottom: 0;
	}

	#icon-fb {
		margin-right: 20px;
	}

	#icon-tw a,
	#icon-fb a,
	#icon-yt a,
	#icon-li a {
		width: 40px;
		height: 40px;
	}

	#icon-li {
		margin-right: 0;
	}

	#icon-tw a {
		background: url(images/svg/twitter.svg);
		background-size: 40px 40px;
	}

	#icon-fb a {
		background: url(images/svg/facebook.svg);
		background-size: 40px 40px;
	}

	#icon-yt a {
		background: url(images/svg/youtube.svg);
		background-size: 40px 40px;
	}

	#icon-li a {
		background: url(images/svg/linkedin.svg);
		background-size: 40px 40px;
	}
}

/* Button overview
-------------------------------------------------------------- */
.btn-download.right {
	float: right;
}

.btn-download_spec {
	margin-top: 10px;
}

#alu .btn-download_spec {
	margin-top: 10px;
}

.certificaat a.btn-info {
	display: block;
	float: right;
}

.btn-afspraak a {
	display: block;
	float: right;
	margin-bottom: 10px;
}

#eigenfabriek .btn-afspraak a {
	float: left;
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
	.btn-afspraak a {
		width: auto;
		height: auto;
		padding: 15px;
		margin-bottom: 0;
		background: none;
		background-color: rgb(15, 60, 100);
		color: white;
		text-indent: inherit;
	}
}

.btn-onderhoud_plan,
.btn-download_broc,
.btn-terug,
.btn-download_large,
.btn-project_large {
	margin-top: 10px;
}

.btn-all {
	position: absolute;
	right: 0;
	bottom: 0;
}

.btn-all:before {
	-webkit-transform: translate3d(-101%, 0, 0);
	transform: translate3d(-101%, 0, 0);
}

.btn-all.left {
	float: left;
	position: relative;
	bottom: 15px;
}

.btn-all.right {
	float: right;
	position: relative;
	bottom: 15px;
}

.btn-all-products {
	right: 0;
	bottom: 0;
}

.mvo-more {
	display: block;
	float: right;
	margin-top: -4px;
}

.btn-certificaat {
	margin-bottom: 5px;
}

#btn-newsletter {
	margin-top: 15px;
}

.btn-download_broc,
.btn-terug,
.btn-download_large,
.btn-project_large {
	margin-top: 10px;
}

#single-news-content .btn-terug {
	margin-bottom: 20px;
}

.twitter {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/tw-icon.png);
}

.linkedin {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(images/li-icon.png);
	margin-right: 10px;
}

.twitter:hover,
.linkedin:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.overlay {
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 101;
	display: none;
	width: 100vw;
	height: 100%;
	background-color: rgba(15, 60, 100, .8);
	opacity: 0;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.overlay.is-active {
	display: block;
	opacity: 1;
}


/* Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}

code {
	-webkit-text-size-adjust: 160%;
}

#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}

#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}

	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}

	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}

	#colophon {
		border-top: 2pt solid #000;
	}

	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}

	#site-title {
		font-size: 13pt;
	}

	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}

	.entry-title {
		font-size: 21pt;
	}

	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}

	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}

	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}

	.wp-caption p {
		font-size: 11pt;
	}

	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}

	#colophon {
		width: auto;
	}

	img#wpstats {
		display: none;
	}

	#site-generator a {
		margin: 0;
		padding: 0;
	}

	#entry-author-info {
		border: 1px solid #e7e7e7;
	}

	#main {
		display: inline;
	}

	.home .sticky {
		border: none;
	}

}