/* =================================
		Fonts
=================================== */

/*
font-family: "marydale",sans-serif;
font-style: normal;
font-weight: 400;

font-family: "ff-dax-compact-web-pro",sans-serif;
font-style: normal;
font-weight: 400;

font-family: "ff-dax-web-pro",sans-serif;
font-style: normal;
font-weight: 400;
*/

/* =================================
		Einde fonts
=================================== */


/* =================================	
	Algemene css 	
=================================== */

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table { 
	border-collapse:collapse; border-spacing:0; 
}

html {
	font-size: 100%;
	height: 100%;
	width: 100%;
}

body {
	color: #000000;
	font-family: "ff-dax-compact-web-pro",sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	height: 100%;
	width: 100%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	transition: all 150ms linear 0s;
}

a, a:active, a:focus, a:hover {
	outline: medium none;
}

p {
	font-size: 1em;
	line-height: 32px;
	margin: 0 0 1em 0;
}

h1 {
	color: #000000;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: 50px;
	margin-bottom: 28px;
}

h2 {
	color: #0093d7;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 50px;
	margin-bottom: 28px;
}

h3 {
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
}

h4 {
}

h5 {
}

h6 {
}

.content ul li {
	line-height: 32px;
	list-style: outside disc;
	margin-bottom: 1em;
	margin-left: 16px;
}

.col-tight {
	padding: 0px;
}

.btn-gray {
	background-color: #dfdfdf;
	color: #302e34;
	margin-left: 0;
	padding: 10px 13px 6px;
}

.btn-gray img {
	margin-top: 2px;
}

.btn-gray:focus,
.btn-gray:hover {
	background-color: #0093d7;
	color: #ffffff;
}

.btn.focus, .btn:focus, .btn:hover {
}

.btn.focus, .btn:focus, .btn:hover {
}

.btn.active.focus, .btn.active:focus,
.btn.focus, .btn.focus:active,
.btn:active:focus, .btn:focus {
	outline: none;
}

.btn.active, .btn:active {
}

.wrapper {
	overflow-x: hidden;
}

.clipboard-container {
	float: right;
	position: absolute;
	right: -100px;
	-ms-transform: rotate(-7deg); /* IE 9 */
	-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
	transform: rotate(-7deg);
	top: 10px;
}

	.clipboard-bg {
		background-color: #E5A64E;
		border-radius: 10px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		height: 215px;
		position: relative;
		width: 192px;
	}

	.clipper {
		left: -50px;
		position: absolute;
		top: 140px;
		width: 72px;
	}

	.potlood {
		left: 90px;
		position: absolute;
		top: 50px;
		-ms-transform: rotate(7deg); /* IE 9 */
		-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
		transform: rotate(7deg);
		width: 27px;
		z-index: 9;
	}

	.persoon {
		border: 5px solid #ffffff;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		left: -15px;
		position: absolute;
		top: 10px;
		width: 130px;
	}

#expertise.clipboard-container {
	float: right;
	position: absolute;
	right: 50px;
	-ms-transform: rotate(-7deg); /* IE 9 */
	-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
	transform: rotate(-7deg);
	top: 150px;
}

	#expertise .clipboard-bg {
		background-color: transparent;
		border-radius: 10px;
		box-shadow: none;
		height: 210px;
		position: relative;
		width: 192px;
	}

	#expertise .clipper {
		left: -47px;
		position: absolute;
		top: 140px;
		width: 72px;
	}

	#expertise .potlood {
		left: 140px;
		position: absolute;
		top: 90px;
		-ms-transform: rotate(7deg); /* IE 9 */
		-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
		transform: rotate(7deg);
		width: 27px;
		z-index: 9;
	}

	#expertise .persoon {
		border: 5px solid #ffffff;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		left: 25px;
		position: absolute;
		top: 50px;
		width: 130px;
	}


#expertise.clipboard-container-special {
	float: right;
	position: absolute;
	right: 50px;
	-ms-transform: rotate(-7deg); /* IE 9 */
	-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
	transform: rotate(-7deg);
	top: 150px;
	z-index: -1;
}

	#expertise .clipboard-bg-special {
		background-color: #E5A64E;
		border-radius: 10px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		height: 210px;
		position: relative;
		width: 192px;
	}

#projecten.clipboard-container {
	float: right;
	position: absolute;
	right: 0px;
	-ms-transform: rotate(2deg); /* IE 9 */
	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
	transform: rotate(2deg);
	top: 0px;
}

	#projecten .clipboard-bg {
		background-color: #E5A64E;
		border-radius: 10px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		height: 215px;
		position: relative;
		width: 192px;
	}

	#projecten .clipper {
		left: -110px;
		position: absolute;
		top: 140px;
		-ms-transform: rotate(-6deg); /* IE 9 */
		-webkit-transform: rotate(-6deg); /* Chrome, Safari, Opera */
		transform: rotate(-6deg);
	}

	#projecten .potlood {
		display: none;
	}

	#projecten .persoon {
		border: 8px solid #ffffff;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
		left: -55px;
		position: absolute;
		top: -44px;
		-ms-transform: rotate(-5deg); /* IE 9 */
		-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
		transform: rotate(-5deg);
		width: 218px;
	}

/* =================================	
		Einde algemene css 	
=================================== */

/* =================================	
	Header classes
=================================== */
header {
	background-color: #009ddf;
	min-height: 50px;
	position: fixed;
	width: 100%;
	z-index: 999;
}

.hb-menu-border-right {
	border-right: 2px solid #ffffff;
	float: left;
	height: 50px;
	margin-right: 21px;
	position: relative;
	z-index: 999;
}

#hb-menu {
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	height: 50px;
	margin: 0 auto;
	position: relative;
	transform: rotate(0deg);
	transition: all 0.5s ease-in-out 0s;
	width: 54px;
}

#hb-menu span {
	background: #fff none repeat scroll 0 0;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-bottomright: 0;
	border-radius: 5px;
	border-bottom-right-radius: 0;
	display: block;
	height: 4px;
	left: 16px;
	margin-top: 15px;
	opacity: 1;
	position: absolute;
	transform: rotate(0deg);
	transition: all 0.25s ease-in-out 0s;
	width: 24px;
}

#hb-menu span:nth-child(1) {
	top: 0px;
}

#hb-menu span:nth-child(2), #hb-menu span:nth-child(3) {
	top: 8px;
}

#hb-menu span:nth-child(4) {
	top: 16px;
}

#hb-menu.open span:nth-child(1) {
	left: 50%;
	top: 18px;
	width: 0%;
}

#hb-menu.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#hb-menu.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#hb-menu.open span:nth-child(4) {
	left: 50%;
	top: 18px;
	width: 0%;
}

#logo {
	float: left;
	height: 50px;
}

#logo img {
	margin-top: 12px;
}

.pay-off {
	color: #ffffff;
	float: left;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	margin-left: 15px;
	margin-top: 13px;
	text-transform: lowercase;
}

.social-media {
	float: right;
	margin-right: 25px;
	margin-top: 12px;
}

.social-icon {
	border-radius: 100%;
	display: inline-block;
	height: 25px;
	margin-left: 5px;
	text-align: center;
	width: 25px;
}

.social-icon.facebook {
	background-color: #285493;
}

.social-icon.facebook > img {
	position: relative;
	top: 5px;
}

.social-icon.twitter {
	background-color: #0fb1ea;
}

.social-icon.pinterest {
	background-color: #CA2027;
}

.social-icon.youtube {
	background-color: #ED3437;
}

.social-icon.twitter > img {
	position: relative;
	top: 6px;
}

.social-icon.pinterest > img {
	position: relative;
	top: 6px;
}

.social-icon.youtube > img {
	position: relative;
	top: 4px;
}

.social-icon.linkedin {
	background-color: #3777b7;
}

.social-icon:focus,
.social-icon:hover {
	background-color: #646464;
}

.social-icon.linkedin > img {
	position: relative;
	top: 5px;
}

.social-icon.mail {
	background-color: #dfdfdf;
}

.social-icon.mail > img {
	position: relative;
	left: 1px;
	top: 7px;
}

.next-prev-menu-container {
	background-color: rgba(0, 0, 0, 0.1);
	margin-right: 10px;
	margin-top: 11px;
	width: 98px;
}

.next-prev-menu-container .prev-menu,
.next-prev-menu-container .next-menu {
	display: inline-block;
	float: left;
	height: 39px;
	width: 48px;
}

.next-prev-menu-container .prev-menu span,
.next-prev-menu-container .next-menu span {
	border-radius: 100px;
	display: block;
	height: 20px;
	margin-left: 15px;
	margin-top: 10px;
	text-align: center;
	width: 20px;
}

.next-prev-menu-container .prev-menu span img,
.next-prev-menu-container .next-menu span img {
	margin-left: 1px;
	margin-top: 3px;
}

.next-prev-menu-container .prev-menu:focus, .next-prev-menu-container .prev-menu:hover,
.next-prev-menu-container .next-menu:focus, .next-prev-menu-container .next-menu:hover {
	background-color: #ffffff;
}

.next-prev-menu-container .next-prev-menu-border {
	background-color: #ffffff;
	float: left;
	height: 39px;
	width: 2px;
}

/* =================================
	side-menu classes
=================================== */
#side-menu {
	background-color: #ffffff;
	font-family: "ff-dax-web-pro",sans-serif;
	height: 100%;
	left: -260px;
	overflow: hidden;
	overflow-y: hidden;
	position: fixed;
	top: 50px;
	transition: all 150ms linear 0s;
	width: 160px;
	z-index: 9999;
}

#side-menu.active {
	left: 0px;
}

#side-menu ul {
	padding: 0px;
}

#side-menu li a {
	box-sizing: border-box;
	color: #000000;
	display: inline-block;
	font-size: 17px;
	font-weight: 500;
	height: 45px;
	line-height: 45px;
	opacity: 0;
	text-decoration: none;
	transition: all 200ms linear 50ms;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	width: 100%;
}

#side-menu li.active a {
	font-weight: 500;
}

#side-menu.active li a {
	opacity: 1;
	padding-left: 13px;
}

#side-menu li a:focus,
#side-menu li a:hover {
	padding-left: 18px;
}

#side-menu .main-menu li a {
	border-bottom: 1px solid rgba(223, 223, 223, 1);
}

#side-menu .main-menu li:first-child  a{
	border-top: 1px solid rgba(223, 223, 223, 1);
}

.side-menu-top-container {
	margin: 13px;
}

.side-menu-logo {
	margin-bottom: 0px;
	margin-top: 20px;
}

.side-menu-social-media {
	float: left;
	margin-top: 15px;
	padding-bottom: 13px;
	position: relative;
	width: 100%;
	z-index: 99999;
}

#side-menu .social-media-text {
	color: #646464;
	display: block;
	font-family: "ff-dax-compact-web-pro",sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: 38px;
	width: 100%;
}

#side-menu .extra-opties {
	height: 60px;
	padding: 15px 0 15px 13px;
}

.extra-optie-item {
	background-color: #dfdfdf;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 4px;
	display: block;
	float: left;
	height: 34px;
	margin-right: 8px;
	width: 36px;
}

.extra-optie-item:focus,
.extra-optie-item:hover {
	background-color: #0093d7;
}

.extra-optie-item.support-btn {
	background-image: url("../images/ico-support.png");
}

.extra-optie-item:focus.extra-optie-item.support-btn,
.extra-optie-item:hover.extra-optie-item.support-btn {
	background-image: url("../images/ico-support-hover.png");
}

.extra-optie-item.webshop-btn {
	background-image: url("../images/ico-webshop.png");
}

.extra-optie-item:focus.extra-optie-item.webshop-btn,
.extra-optie-item:hover.extra-optie-item.webshop-btn {
	background-image: url("../images/ico-webshop-hover.png");
}

.extra-optie-item.search-btn {
	background-image: url("../images/ico-search.png");
}

.extra-optie-item:focus.extra-optie-item.search-btn,
.extra-optie-item:hover.extra-optie-item.search-btn {
	background-image: url("../images/ico-search-hover.png");
}

.extra-optie-item span {
	color: #646464;
	float: left;
	font-size: 9px;
	margin-top: 39px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

#side-menu .social-icon {
	margin-left: 0;
	margin-right: -2px;
}

#side-menu .ico {
	float: left;
	font-size: 24px;
	height: 28px;
	margin-right: 8px;
	margin-top: 4px;
	text-align: center;
	width: 28px;
}

#side-menu .social-icon.facebook {
	background-color: #dfdfdf;
}
#side-menu .social-icon.facebook:hover {
	background-color: #285493;
}
#side-menu .social-icon.twitter {
	background-color: #dfdfdf;
}
#side-menu .social-icon.twitter:hover {
	background-color: #0fb1ea;
}
#side-menu .social-icon.pinterest {
	background-color: #dfdfdf;
}
#side-menu .social-icon.pinterest:hover {
	background-color: #CA2027;
}
#side-menu .social-icon.linkedin {
	background-color: #dfdfdf;
}
#side-menu .social-icon.linkedin:hover {
	background-color: #3777b7;
}
#side-menu .social-icon.youtube {
	background-color: #dfdfdf;
}
#side-menu .social-icon.youtube:hover {
	background-color: #ED3437;
}
#side-menu .social-icon.mail {
	background-color: #dfdfdf;
}
#side-menu .social-icon.mail:hover {
	background-color: #e20079;
}

#side-menu .ico:hover {
	margin-top: 1px;
}

#side-menu .icon-container {
	float: left;
	padding-left: 13px;
	width: 100%;
}

#side-menu .social-media .ico i {
	line-height: 48px;
}

.close-icon {
	cursor: pointer;
	height: 40px;
	width: 40px;
}

/* =================================
	Full Screen Img classes
=================================== */
.full-screen-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 2px solid #ffffff;
	height: 100%;
	min-height: 720px;
	position: relative;
	width: 100%;
}

.blockquote {
	background-color: rgba(0, 0, 0, 0.4);
	min-height: 230px;
	padding-bottom: 20px;
	padding-top: 50px;
	width: 100%;
}

.intro-block {
	background-image: url(../images/bg-white.png), url(../images/block-intro.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0));
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: top left, bottom center;
	background-size: 384px 300px, 385px 378px;
	margin-top: 45px;
	padding: 50px 20px 26px 20px;
	position: absolute;
	width: 385px;
}

.intro-block .btn-3e, .intro-block .btn-3:hover {
	background: #0093d7;
	color: #ffffff;
	float: left;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

.intro-block .btn-3e::after {
	background-color: rgba(29, 133, 188, 1);
	margin: -30px -20px 0 -40px;
	transform: rotate(20deg);
}

.intro-block .btn-3::before {
	color: transparent;
}

.intro-block .icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

.btn-3::before {
	font-size: 0;
}

.quote {
	color: #ffffff;
	float: right;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	margin-top: 35px;
}

.quote-info {
	position: relative;
	width: 100%;
}

.picture-numbers img {
	margin-right: 6px;
}

.picture-numbers {
	color: #ffffff;
	float: left;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 19px;
	margin-right: 25px;
	margin-top: 25px;
}

.btn {
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.quote-info .btn-3e, .quote-info .btn-3:hover {
	background: #ffffff;
	color: #e20079;
	float: left;
	height: 38px;
	line-height: 10px;
	/*margin-left: 15px;*/
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

.quote-info .btn-3e::after {
	background-color: rgba(226, 0, 121, 1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

.quote-info .btn-3::before {
	color: transparent;
}

.quote-info .icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

.btn-pink.btn-3e, .btn-pink.btn-3:hover {
	background: #ffffff;
	color: #e20079;
	float: right;
	height: 38px;
	line-height: 10px;
	padding: 15px 90px 15px 25px;
}

.btn-pink.btn-3e::after {
	background-color: rgba(226, 0, 121, 1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

.btn-pink.btn-3::before {
	color: transparent;
}

.btn-pink.icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

.diensten {
	margin-top: 60px;
	margin-bottom: 40px;
}

.diensten-block {
	border: 1px solid #ffffff;
	border-radius: 8px;
	bottom: 60px;
	color: #ffffff;
	display: block;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 17px;
	font-weight: 400;
	height: 38px;
	left: 50%;
	line-height: 38px;
	margin: 0 auto 0 -50px;
	position: absolute;
	text-align: center;
	width: 100px;
}

.diensten-block:focus,
.diensten-block:hover {
	background-color: #0093d7;
	color: #ffffff;
	text-decoration: none;
}

.diensten-block > img {
	left: -1px;
	position: relative;
	top: -2px;
}

/* =================================
	Diensten (Home) classes
=================================== */
.diensten-container-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 320px;
}

.diensten-container-title {
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 30px;
	padding: 40px;
	position: absolute;
	top: 115px;
}

.bg-green {
	background-color: rgba(121, 180, 29, 1);
}

.green {
	background-color: rgba(121, 180, 29, 0.8);
}

.bg-dark-blue {
	background-color: rgba(0, 55, 129, 1);
}

.dark-blue {
	background-color: rgba(0, 55, 129, 0.8);
}

.bg-pink {
	background-color: rgba(226, 0, 121, 1);
}

.pink {
	background-color: rgba(226, 0, 121, 0.8);
}

.bg-blue {
	background-color: rgba(0, 147, 215, 1);
}

.blue {
	background-color: rgba(0, 147, 215, 0.8);
}

.bg-orange {
	background-color: rgba(253, 129, 3, 1);
}

.orange {
	background-color: rgba(253, 129, 3, 0.8);
}

.bg-black {
	background-color: rgba(0, 0, 0, 1);
}

.black {
	background-color: rgba(0, 0, 0, 0.8);
}

.txt-green {
	color: #79B41D;
}

.txt-dark-blue {
	color: #003781;
}

.txt-pink {
	color: #E20079;
}

.txt-blue {
	color: #0093D7;
}

.txt-orange {
	color: #FD8103;
}

.txt-black {
	color: #000000;
}

figure.snip0020 {
	border-bottom: 2px solid #ffffff;
	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	max-height: 320px;
	width: 100%;
	background: #000000;
	text-align: center;
}

.border-right {
	border-right: 2px solid #ffffff;
}

figure.snip0020 .diensten-container-title {
	-webkit-transition: opacity 1.35s;
	transition: opacity 1.35s;
}

figure.snip0020:hover .diensten-container-title {
	opacity: 0;
	-webkit-transition: opacity 1.35s;
	transition: opacity 1.35s;
}
figure.snip0020 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
figure.snip0020 img {
	opacity: 1;
	width: 100%;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.snip0020 figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.snip0020 figcaption > div {
	height: 50%;
	overflow: hidden;
	width: 100%;
	position: relative;
}
figure.snip0020 figcaption::before {
	position: absolute;
	top: 50%;
	right: 50%;
	left: 50%;
	height: 2px;
	content: '';
	opacity: 0;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
figure.snip0020 h2,
figure.snip0020 p {
	margin: 0;
	padding: 30px 35px;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
figure.snip0020 h2 {
	color: #ffffff;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 30px;
	display: inline-block;
	word-spacing: -0.1em;
	font-weight: 300;
	text-transform: none;
	line-height: 100px;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(to bottom, rgba(0, 147, 215, 0.8) 0%, rgba(0, 147, 215, 0.8) 100%);
	-webkit-transform: translate3d(0%, 50%, 0);
	transform: translate3d(0%, 50%, 0);
}
figure.snip0020.bg-green h2 {
	background-image: linear-gradient(to bottom, rgba(121, 180, 29, 0.8) 0%, rgba(121, 180, 29, 0.8) 100%);
}
figure.snip0020.bg-dark-blue h2 {
	background-image: linear-gradient(to bottom, rgba(0, 55, 129, 0.8) 0%, rgba(0, 55, 129, 0.8) 100%);
}
figure.snip0020.bg-pink h2 {
	background-image: linear-gradient(to bottom, rgba(226, 0, 121, 0.8) 0%, rgba(226, 0, 121, 0.8) 100%);
}
figure.snip0020.bg-blue h2 {
	background-image: linear-gradient(to bottom, rgba(0, 147, 215, 0.8) 0%, rgba(0, 147, 215, 0.8) 100%);
}
figure.snip0020.bg-orange h2 {
	background-image: linear-gradient(to bottom, rgba(253, 129, 3, 0.8) 0%, rgba(253, 129, 3, 0.8) 100%);
}
figure.snip0020.bg-black h2 {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
}
figure.snip0020 h2 span {
	font-weight: 800;
}
figure.snip0020 p {
	font-family: "ff-dax-compact-web-pro",sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	text-align: left;
	top: 0%;
	color: #000;
	background: #fff;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 40%, rgba(0, 0, 0, 0.1) 100%);
	-webkit-transform: translate3d(0%, -50%, 0);
	transform: translate3d(0%, -50%, 0);
}
figure.snip0020 .curl {
	width: 0px;
	height: 0px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: linear-gradient(135deg, #ffffff, #f3f3f3 20%, #cccccc 38%, #bbbbbb 44%, #aaaaaa 50%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.4));
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition: all .3s ease;
}
figure.snip0020 .curl:before,
figure.snip0020 .curl:after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 12%;
	bottom: 6%;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
	transform: skew(-10deg) rotate(-6deg);
}
figure.snip0020 .curl:after {
	left: auto;
	right: 6%;
	bottom: auto;
	top: 14%;
	transform: skew(-15deg) rotate(-84deg);
}
figure.snip0020 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	color: #ffffff;
}
figure.snip0020:hover img,
figure.snip0020.hover img {
	opacity: 0.7;
}
figure.snip0020:hover figcaption h2,
figure.snip0020.hover figcaption h2,
figure.snip0020:hover figcaption p,
figure.snip0020.hover figcaption p {
	-webkit-transform: translate3d(0%, 0%, 0);
	transform: translate3d(0%, 0%, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
figure.snip0020:hover figcaption h2,
figure.snip0020.hover figcaption h2 {
	opacity: 1;
}
figure.snip0020:hover figcaption p,
figure.snip0020.hover figcaption p {
	opacity: 1;
}
figure.snip0020:hover figcaption::before,
figure.snip0020.hover figcaption::before {
	background: #ffffff;
	left: 0px;
	right: 0px;
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
figure.snip0020:hover figcaption .curl,
figure.snip0020.hover figcaption .curl {
	width: 40px;
	height: 40px;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

/* =================================
	Memo's classes
=================================== */
.memo-container {
	background-image: url("../images/bg-memos.png");
	background-repeat: repeat;
	min-height: 495px;
	padding: 42px 0;
}

.memo-container .icon-block {
	background-color: #0093d7;
	border-radius: 100px;
	float: left;
	height: 68px;
	margin-right: 20px;
	padding-right: 2px;
	padding-top: 18px;
	text-align: center;
	width: 68px;
}

.memo-container h2 {
	float: left;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
	margin-top: 20px;
}

.more-memos {
	background-color: rgba(255, 255, 255, 0.5);
	color: #0093d7;
	display: block;
	float: right;
	padding: 11px 15px;
}

.more-memos img {
	margin-left: 6px;
	margin-top: 6px;
}

.more-memos:focus,
.more-memos:hover {
	background-color: rgba(255, 255, 255, 1);
	color: #0093d7;
	text-decoration: none;
}

.memo-block-dark-blue {
	background-image: url(../images/bg-white.png), url(../images/bg-memo-dark-blue.png);
}

.memo-block-pink {
	background-image: url(../images/bg-white.png), url(../images/bg-memo-pink.png);
}

.memo-block-blue {
	background-image: url(../images/bg-white.png), url(../images/bg-memo-blue.png);
}

.memo-block-green {
	background-image: url(../images/bg-white.png), url(../images/bg-memo-green.png);
}

.memo-block-orange {
	background-image: url(../images/bg-white.png), url(../images/bg-memo-orange.png);
}

.memo-block-black {
	background-image: url(../images/bg-white.png), url(../images/bg-memo-blue.png);
}

.memo-block {
	background-repeat: repeat, no-repeat;
	background-position: top center, bottom center;
	background-size: 100% 0px, 100% 270px;
	color: #000000;
	display: block;
	height: 270px;
	margin-top: 60px;
	padding: 25px 28px 25px 28px;
	width: 100%;
	position: relative;
}

.memo-block:focus,
.memo-block:hover {
	text-decoration: none;
}

.memo-name,
.memo-functie {
	font-family: "ff-dax-web-pro",sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
}

.memo-photo {
	border: 5px solid #ffffff;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	right: 50px;
	top: -50px;
	-ms-transform: rotate(-7deg); /* IE 9 */
	-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
	transform: rotate(-7deg);
}

.memo-photo img {
	width: 130px;
}

.memo-content {
	font-family: "marydale",sans-serif;
	font-size: 24px;
	line-height: 32px;
	margin-top: 70px;
}

.memo-featured .memo-content {
	font-size: 30px;
	line-height: 41px;
	margin-bottom: 42px;
}

.memo-featured .memo-block {
	height: auto;
}

.memo-logo {
	margin-right: 30px;
}

.memo-contact {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	line-height: 24px;
	padding: 0px 28px 25px 28px;
}

.memo-bg-green-flap {
	background-image: url("../images/memo-bg-repeat-green.png");
}

.memo-bg-blue-flap {
	background-image: url("../images/memo-bg-repeat-blue.png");
}

.memo-bg-dark-blue-flap {
	background-image: url("../images/memo-bg-repeat-dark-blue.png");
}

.memo-bg-pink-flap {
	background-image: url("../images/memo-bg-repeat-pink.png");
}

.memo-bg-orange-flap {
	background-image: url("../images/memo-bg-repeat-orange.png");
}

.memo-bg-black-flap {
	height: 75px;
	background-image: url("../images/memo-bg-repeat-blue.png");
}

.memo-contact .name {
	font-weight: 600;
}

.memo-contact .link a {
	color: #000000;
}

.memo-contact .link a:focus,
.memo-contact .link a:hover {
	color: #888888;
	text-decoration: none;
}

.memo-contact .social-media {
	float: left;
}

.memo-contact .social-icon {
	margin-left: 0;
	margin-right: 5px;
}

.memo-featured .memo-block {
	padding: 0;
}

.memo-background {
	background-image: url("../images/memo-bg-repeat.png");
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: top left;
	padding: 25px 28px 25px 28px;
}

/* =================================
	Memo overzicht classes
=================================== */
.memo-overview-container {
	background-image: url("../images/bg-memos.png");
	background-repeat: repeat;
	min-height: 500px;
	padding-top: 100px;
}

.memo-overview-container .memo-block {
	margin-bottom: 35px;
}

.memo-overview-container .more-memos {
	background-color: transparent;
	border: 1px solid #0093d7;
	float: none;
	margin: 50px auto 0;
	text-align: center;
	width: 190px;
}

.memo-overview-container .more-memos:focus,
.memo-overview-container .more-memos:hover {
	background-color: #ffffff;
}

/* =================================
	Slider classes
=================================== */
.slider-background-container {
	background-image: url("../images/bg-memos.png");
	background-repeat: repeat;
	min-height: 500px;
	padding: 20px 0;
}

.slider-container {
	overflow-x: hidden;
	padding-bottom: 100px;
}

.slider-container .number-of-photos {
	margin-bottom: 20px;
}

.slick-slide {
	border: 5px solid #ffffff;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	margin-right: 12px;
}

.contact.slider-container {
	margin-top: 70px;
	padding-bottom: 0;
}

/* =================================
	Content classes
=================================== */
.content-heading {
	padding-top: 90px;
}

.content-heading a {
	color: #000000;
	text-decoration: none;
}

.content-heading .place-img img {
	border: 5px solid #ffffff;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.content-heading .btn {
	margin: 8px auto;
}

.content-heading .btn-3e, .content-heading .btn-3:hover {
	background: #0093d7;
	color: #ffffff;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

.content-heading .btn-3e::after {
	background-color: rgba(0, 0, 0, 0.1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

.content-heading .btn-3::before {
	color: transparent;
}

.content-heading .icon-arrow-right::before {
	background-image: url("../images/arrow-bottom-white.png");
	background-repeat: no-repeat;
	background-size: 12px 15px;
	background-position: 37px center;
}

.content-heading.content {
	margin-bottom: 60px;
}

.btn-3::before {
	font-size: 0;
}

.btn-3e, #pink.btn-3:hover {
	color: #ffffff;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

#pink.btn-3e, #pink.btn-3:hover {
	background: #e20079;
}

#orange.btn-3e, #orange.btn-3:hover {
	background: #FD8103;
}

#blue.btn-3e, #blue.btn-3:hover {
	background: #009DDF;
}

#dark-blue.btn-3e, #dark-blue.btn-3:hover {
	background: #003781;
}

#green.btn-3e, #green.btn-3:hover {
	background: #79B41D;
}

.btn-3e::after {
	background-color: rgba(0, 0, 0, 0.1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

.btn-3::before {
	color: transparent;
}

.icon-arrow-right::before {
	background-image: url("../images/arrow-bottom-white.png");
	background-repeat: no-repeat;
	background-size: 12px 15px;
	background-position: 37px center;
}

#white.btn-3e, #white.btn-3:hover {
	background: #ffffff;
	color: #e20079;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

#white.btn-3e::after {
	background-color: rgba(226, 0, 121, 1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

#white.btn-3::before {
	color: transparent;
}

#white.icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

#white-orange.btn-3e, #white-orange.btn-3:hover {
	background: #ffffff;
	color: #FD8103;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

#white-orange.btn-3e::after {
	background-color: rgba(253, 129, 3, 1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

#white-orange.btn-3::before {
	color: transparent;
}

#white-orange.icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

#white-green.btn-3e, #white-green.btn-3:hover {
	background: #ffffff;
	color: #79B41D;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

#white-green.btn-3e::after {
	background-color: rgba(121, 180, 29, 1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

#white-green.btn-3::before {
	color: transparent;
}

#white-green.icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

#white-dark-blue.btn-3e, #white-dark-blue.btn-3:hover {
	background: #ffffff;
	color: #003781;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

#white-dark-blue.btn-3e::after {
	background-color: rgba(0, 55, 129, 1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

#white-dark-blue.btn-3::before {
	color: transparent;
}

#white-dark-blue.icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

#white-blue.btn-3e, #white-blue.btn-3:hover {
	background: #ffffff;
	color: #009DDF;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

#white-blue.btn-3e::after {
	background-color: rgba(0, 157, 223, 1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

#white-blue.btn-3::before {
	color: transparent;
}

#white-blue.icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

#white-pink.btn-3e, #white-pink.btn-3:hover {
	background: #ffffff;
	color: #E20079;
	height: 38px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 30px;
	padding: 15px 90px 15px 25px;
}

#white-pink.btn-3e::after {
	background-color: rgba(226, 0, 121, 1);
	margin: -30px -30px 0 -40px;
	transform: rotate(20deg);
}

#white-pink.btn-3::before {
	color: transparent;
}

#white-pink.icon-arrow-right::before {
	background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 37px center;
}

.btn-3::before {
	font-size: 0;
}

/* =================================
	Vragen Personen classes
=================================== */
.vragen-personen-container {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(220,220,220,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(220,220,220,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(220,220,220,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(220,220,220,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(220,220,220,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 10%, rgba(220,220,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0 );
	min-height: 300px;
	padding: 65px 0;
}

.vragen-personen-bg {
	background-color: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	padding: 20px 42px 10px;
}

.vragen-personen-heading {
	margin-bottom: 45px;
}

.vragen-personen-container h1 {
	margin-bottom: 0;
	margin-top: 30px;
}

.vragen-personen-container h4 {
	font-size: 24px;
	line-height: 30px;
}

.blue-border-vertical {
	border-left: 4px solid #0093d7;
	float: left;
	height: 126px;
	margin-right: 76px;
}

.green-border-vertical {
	border-left: 4px solid #79B41D;
	float: left;
	height: 126px;
	margin-right: 76px;
}

.orange-border-vertical {
	border-left: 4px solid #FD8103;
	float: left;
	height: 126px;
	margin-right: 76px;
}

.dark-blue-border-vertical {
	border-left: 4px solid #003781;
	float: left;
	height: 126px;
	margin-right: 76px;
}

.pink-border-vertical {
	border-left: 4px solid #E20079;
	float: left;
	height: 126px;
	margin-right: 76px;
}

.persoon-info {
	margin-bottom: 55px;
	margin-top: 28px;
	padding: 0 15px;
}

.persoon-info h5 {
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 18px;
}

.persoon-info a {
	color: #000000;
	line-height: 24px;
	text-decoration: none;
}

.persoon-image-container{
	min-height: 268px;
}

/* =================================
	Expertise classes
=================================== */
.expertise-photo-start {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 5px solid #ffffff;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
	height: 322px;
	margin-bottom: 100px;
	position: relative;
}

.expertise-btn {
	bottom: 50px;
	margin-left: 23px;
	position: absolute;
}

.streamer {
	font-size: 24px;
	line-height: 34px;
	padding: 0 15px;
	text-align: center;
}

.streamer-klantnaam {
	color: #000000;
	font-size: 18px;
	margin-top: 15px;
	text-align: center;
}

.expertise-photo-start .number-of-photos {
	background-color: rgba(0, 0, 0, 0.4);
	bottom: 0;
	color: #ffffff;
	height: 46px;
	line-height: 46px;
	position: absolute;
	padding-left: 27px;
	width: 100%;
}

.expertise-photo-start .number-of-photos > img {
	margin-right: 8px;
	margin-top: 15px;
}

.icon-block-pink {
	background-color: #e20079;
	border-radius: 100px;
	float: left;
	height: 68px;
	margin-right: 20px;
	padding-right: 2px;
	padding-top: 18px;
	text-align: center;
	width: 68px;
}

.icon-block-green {
	background-color: #79B41D;
	border-radius: 100px;
	float: left;
	height: 68px;
	margin-right: 20px;
	padding-right: 2px;
	padding-top: 18px;
	text-align: center;
	width: 68px;
}

.icon-block-blue {
	background-color: #009DDF;
	border-radius: 100px;
	float: left;
	height: 68px;
	margin-right: 20px;
	padding-right: 2px;
	padding-top: 18px;
	text-align: center;
	width: 68px;
}

.icon-block-dark-blue {
	background-color: #003781;
	border-radius: 100px;
	float: left;
	height: 68px;
	margin-right: 20px;
	padding-right: 2px;
	padding-top: 18px;
	text-align: center;
	width: 68px;
}

.icon-block-orange {
	background-color: #FD8103;
	border-radius: 100px;
	float: left;
	height: 68px;
	margin-right: 20px;
	padding-right: 2px;
	padding-top: 18px;
	text-align: center;
	width: 68px;
}

.icon-block-black {
	background-color: #000000;
	border-radius: 100px;
	float: left;
	height: 68px;
	margin-right: 20px;
	padding-right: 2px;
	padding-top: 18px;
	text-align: center;
	width: 68px;
}

.more-memos {
	display: block;
	float: right;
	padding: 11px 15px;
}

.border-orange {
	border: 1px solid #FD8103;
	color: #FD8103;
}

.border-orange:focus,
.border-orange:hover {
	color: #FD8103;
}

.border-green {
	border: 1px solid #79B41D;
	color: #79B41D;
}

.border-green:focus,
.border-green:hover {
	color: #79B41D;
}

.border-pink {
	border: 1px solid #E20079;
	color: #E20079;
}

.border-pink:focus,
.border-pink:hover {
	color: #E20079;
}

.border-blue {
	border: 1px solid #009DDF;
	color: #009DDF;
}

.border-blue:focus,
.border-blue:hover {
	color: #009DDF;
}

.border-dark-blue {
	border: 1px solid #003781;
	color: #003781;
}

.border-dark-blue:focus,
.border-dark-blue:hover {
	color: #003781;
}

.expertise .blue-border-vertical {
	border-left: 4px solid #e20079;
	float: left;
	height: 126px;
	margin-right: 76px;
}

.expertise-project-diensten {
	margin: 60px 0 20px;
}

.expertise-project-dienst {
	margin-bottom: 40px;
}

.diensten-list{
	display: block;
	margin-bottom: 8px;
}

/* =================================
	Projecten classes
=================================== */
.project-header {
	min-height: 111px;
	padding-top: 90px;
}

.project-header .date {
	line-height: 46px;
	text-align: right;
}

.project-header-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 25px;
	min-height: 560px;
	position: relative;
}

.project-quote-bg {
	background: rgba(0, 0, 0, 0.4);
	bottom: 0;
	min-height: 166px;
	position: absolute;
	width: 100%;
}

.project-quote {
	color: #ffffff;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 38px;
	font-weight: 500;
	line-height: 58px;
	padding-top: 28px;
}

.naam-bedrijfsnaam {
	font-size: 18px;
	margin-bottom: 42px;
}

.diensten span {
	line-height: 32px;
}

p.intro,
div.intro p{
	font-size: 24px;
	line-height: 38px;
}

.project-img {
	margin-bottom: 40px;
}

.project-img img {
	border: 1px solid #E7E7E7;
	padding: 5px;
}

.project-item-slider.slider-container {
	padding-bottom: 45px;
	padding-top: 45px;
}

.project-clip {
	position: relative;
	top: -6px;
	left: 5px;
}

.project-uitgelicht-container {
	margin-top: 50px;
}

.project-uitgelicht {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 5px solid #ffffff;
	display: block;
	height: 270px;
	margin-bottom: 25px;
	position: relative;
	width: 100%;
	transition: all 150ms linear 0s;
}

.project-uitgelicht-title {
	position: absolute;
	bottom: 0;
	height: 98px;
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	padding: 35px 40px;
	color: #ffffff;
	font-size: 34px;
	transition: all 150ms linear 0s;
}

.project-uitgelicht:focus .project-uitgelicht-title,
.project-uitgelicht:hover .project-uitgelicht-title {
	background-color: rgba(0, 0, 0, 0.6);
	transition: all 150ms linear 0s;
}

/* =================================
	Sub-Footer classes
=================================== */
.sub-footer {
	background-color: #ffffff;
	/*min-height: 338px;*/
	padding: 64px 0;
}

.sub-footer h2 {
	margin-bottom: 10px;
}

.sub-footer p {
	margin-bottom: 25px;
}

.sub-footer .social-media {
	margin-top: 3px;
}

.sub-footer .social-icon {
	height: 44px;
	width: 44px;
}

.sub-footer .social-icon.facebook > img,
.sub-footer .social-icon.twitter > img,
.sub-footer .social-icon.youtube > img,
.sub-footer .social-icon.pinterest > img,
.sub-footer .social-icon.linkedin > img {
	top: 10px;
}

.sub-footer .input-group.add-on {
	position: relative;
	width: 100%;
}

.sub-footer .form-control {
	border: 2px solid #ebebeb;
	border-radius: 0;
	box-shadow: none;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 18px;
	font-weight: 400;
	height: 50px;
	width: 100%;
}

.sub-footer .form-control::-moz-placeholder {
	color: #e4e4e4;
}

.sub-footer .input-group .btn {
	display: block;
	height: 50px;
	margin: 0;
	padding: 0 15px 0 0;
	position: absolute;
	right: 6px;
	text-align: center;
	top: 0;
	width: 50px;
	z-index: 9;
}

/* =================================
	Footer classes
=================================== */
footer {
	background-color: #302e34;
	border-top: 5px solid #0093d7;
	color: #ffffff;
	font-family: "ff-dax-web-pro",sans-serif;
	font-size: 15px;
	line-height: 28px;
	min-height: 262px;
	position: relative;
}

footer h2 {
	color: #ffffff;
	font-size: 30px;
	line-height: 36px;
	margin: 37px 0 32px;
}

footer a {
	color: #ffffff;
}

footer a:focus,
footer a:hover {
	color: #009ddf;
	text-decoration: none;
}

footer .btn-gray {
	background-color: #dfdfdf;
	color: #302e34;
	margin-left: 0;
	padding: 10px 13px 6px;
}

footer .btn-gray img {
	margin-top: 2px;
}

footer .btn-gray:focus,
footer .btn-gray:hover {
	background-color: #0093d7;
	color: #ffffff;
}

footer .back-to-top {
	background-color: #0093d7;
	color: #ffffff;
	display: block;
	font-family: "ff-dax-compact-web-pro",sans-serif;
	font-size: 18px;
	font-weight: 300;
	height: 53px;
	padding: 12px 20px;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

footer .back-to-top:focus,
footer .back-to-top:hover {
	color: #ffffff;
}

footer .back-to-top img {
	margin-left: 18px;
	margin-top: 2px;
}

.remote-support-btn {
	border: 1px solid #dfdfdf;
	border-radius: 8px;
	color: #dfdfdf;
	float: left;
	line-height: 36px;
	margin-top: 30px;
	padding: 4px 10px 0;
	text-transform: uppercase;
}

.remote-support-btn:focus, .remote-support-btn:hover {
	background-color: #009ddf;
	color: #ffffff;
	text-decoration: none;
}

footer .credits {
	border-top: 1px solid #fff;
	margin-top: 18px;
	padding: 10px 0;
}
/* =================================
	Media Queries classes
=================================== */

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.picture-numbers,
	.quote-info .btn-3e {
		position: relative;
		left: 100px;
	}
}

/* Medium devices (desktops, 1199px and down) */
@media (max-width: 1199px) {

}

/* Small devices (tablets, 991px and down) */
@media (max-width: 991px) {
	h1 {
		font-size: 34px;
		line-height: 44px;
	}
	.intro-block {
		background-size: 384px 300px, 326px auto;
	}
	.picture-numbers {
		margin-left: 50px;
	}
	.quote-info .btn-3e, .quote-info .btn-3:hover {
		float: right;
		margin-right: 0;
	}
	.clipboard-container {
		right: -80px;
		top: 80px;
	}
	.intro-block {
		width: 325px;
	}
	.memo-content {
		margin-top: 40px;
	}
	.memo-photo {
		right: 30px;
	}
	.memo-photo img {
		width: 100px;
	}
	figure.snip0020 h2 {
		font-size: 26px;
		line-height: 130px;
	}
	figure.snip0020 h2, figure.snip0020 p {
		padding: 18px 20px;
	}
	.memo-content {
		font-size: 22px;
		line-height: 28px;
	}
	.memo-background {
		padding: 25px 28px 0;
	}
	.memo-contact {
		background-size: 100% 100%;
	}
	footer .credits .text-right {
		text-align: justify;
	}
}

/* Small devices (tablets, 768px and down) */
@media (max-width: 767px) {
	h1 {
		font-size: 30px;
		line-height: 36px;
	}
	p {
		font-size: 15px;
		line-height: 26px;
	}
	#side-menu {
		left: -100%;
		text-align: center;
		width: 100%;
	}
	#side-menu .extra-opties {
		margin: 0 auto;
		width: 145px;
	}
	.full-screen-img {
		margin-top: 340px;
		min-height: 300px;
	}
	.intro-block {
		background-size: 100% 200px, 100% 300px;
		margin-top: 0;
		width: 100%;
	}
	.blockquote {
		position: relative;
		top: -340px;
	}
	.mob-quote-container {
		line-height: 24px;
		padding: 26px 0 36px;
	}
	.mob-quote {
		color: #e20079;
		font-family: "ff-dax-compact-web-pro",sans-serif;
		font-size: 17px;
		font-weight: 600;
	}
	.mob-quote-name {
		font-size: 15px;
	}
	.memo-block-blue {
		margin-top: 20px;
	}
	.memo-block-pink {
		margin-top: 10px;
	}
	.mob-dienst {
		color: #ffffff;
		display: block;
		font-family: "ff-dax-web-pro",sans-serif;
		font-size: 30px;
		padding: 28px 0;
	}
	.mob-dienst:focus,
	.mob-dienst:hover {
		color: #ffffff;
		text-decoration: none;
	}
	.memo-container {
		padding: 0px 0px 20px 0px;
	}
	.memo-content {
		font-size: 20px;
		line-height: 26px;
		margin-top: 26px;
	}
	.memo-block {
		margin-bottom: 0 !important;
		margin-top: 10px;
	}
	.wrapper-dropdown-4 {
		width: 50px;
	}
	.wrapper-dropdown-4 .dropdown {
		left: -121px;
	}
	.wrapper-dropdown-4::after {
		background-image: url("../images/dropdown-blue-mobile.png")
	}
	.memo-overview-container {
		padding-top: 55px !important;
	}
	.slider-container {
		margin: 20px 0;
	}
	footer {
		font-size: 12px;
		line-height: 22px;
		padding-bottom: 40px;
	}
	footer .btn {
		margin-right: 0;
	}
	footer .back-to-top img {
		margin-left: 0;
	}
	.slider-background-container {
		min-height: 300px;
	}
	.slick-slide img {
		max-height: 300px;
	}
	.vragen-personen-container {
		padding: 15px 0;
	}
	.vragen-personen-container h1 {
		margin-bottom: 0;
		margin-top: 15px;
	}
	.content ul li {
		font-size: 15px;
		line-height: 26px;
	}
	.expertise-project-dienst img {
		margin-bottom: 15px;
	}
	.project-header .date {
		line-height: 20px;
		text-align: left;
	}
	.project-quote {
		font-size: 26px;
		line-height: 30px;
	}
	.diensten {
		margin-bottom: 25px;
	}
	.sub-footer-margin {
		margin-top: 25px;
	}
}

/* Extra Small devices (mobile, 480px and down) */
@media (max-width: 480px) {

}

.search-page .stylish-input-group .input-group-addon{
	background: white !important;
	border-radius: 0;
	height: 50px;
}
.search-page .stylish-input-group .form-control{
	border-radius: 0;
	border-right:0;
	box-shadow:0 0 0;
	border-color:#ccc;
	font-size: 18px;
	height: 50px;
}
.search-page .stylish-input-group button{
	border:0;
	border-radius: 0;
	background:transparent;
}
.search-page button {
	font-size: 24px;
}
.search-item h4 {
	font-weight: 400;
}
.search-page-results-text {
	line-height: 48px;
}
.search-container {
	margin-bottom: 50px;
}
.search-item {
	border-bottom: 1px solid #dfdfdf;
	display: block;
	padding: 28px;
}
.search-first-item {
	border-top: 1px solid #dfdfdf;
}
.search-item:focus,
.search-item:hover {
	background-color: #ebebeb;
}
.search-item p {
	margin-bottom: 0;
}

.search-show-more-btn {
	background-color: transparent;
	border: 1px solid #0093d7;
	color: #0093d7 !important;
	float: left;
	margin: 50px auto 25px;
	padding: 12px;
	text-align: center;
	width: 190px;
}

.search-show-more-btn:focus,
.search-show-more-btn:hover {
	background-color: #0093d7;
	color: #ffffff !important;
}

.filter-results h3 {
	margin-bottom: 8px;
}
.filter-results li {
	font-size: 18px;
	list-style: none !important;
	margin-left: 0 !important;
	margin-bottom: 10px !important;
}
.filter-results li a:focus,
.filter-results li a:hover {
	text-decoration: underline;
}