/* Copyright FUZE Framework - Ebbers Media BV | Fuze - CSS */
html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
* { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section, main {
    display:block;
}

button { -webkit-appearance:none;}

/* Line-height should always be unitless! */
body {
  line-height: 130%; /*1.5*/
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}
input, button,select { border:none;border-radius:0px;}
textarea { resize:vertical;}
/* DELETE Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
img { display:block;}
/* Remember to define your own focus styles! */
:focus { outline: 0; }

@media handheld, screen and (max-width: 768px) {
	input[type=text],
	input[type=tel],
	input[type=number],
	input[type=password],
	input[type=email],
	textarea { font-size:16px !important;}
}/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-wrap *,
#fancybox-wrap { box-sizing:content-box;-moz-box-sizing:content-box;}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('app/Styles/images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('app/Styles/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('app/Styles/images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('app/Styles/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('app/Styles/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('app/Styles/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

div#fancy_inner {border-color:#000;}
div#fancy_close {right:-15px;left:-12px}
div#fancy_bg {background-color: #000; border:1px solid #000;}/* Send to friend popup */
body.fuze-ajax-render_form{background:#fff;}

/* Loading */
#wpdc-loading { position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 9999;display: none;}
	#wpdc-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url(_core/css/images/loading.png);}

/* Error handling */
.footer_errors{background: transparent!important;}
.error_message{border:1px solid #e9bdbd;background: #fcd9d9;color: #ff0000;text-align:center;padding:5px 20px;}
.error_message p{margin-bottom:0px;}
.success_message{border:1px solid #c4e9bd;background: #dffcd9;color: #429b57;text-align:center;padding:5px 20px;}

/* Fuze Debug screen */
#fuze-debug{text-align:left;padding:20px;background:#333;}
#fuze-debug,
	#fuze-debug h1,
	#fuze-debug h2,
	#fuze-debug h3,
	#fuze-debug h4,
	#fuze-debug h5,
	#fuze-debug h6,
	#fuze-debug p{font-family:Arial;}

	#fuze-debug h3, 
		#fuze-debug-page h3{padding:10px;display:block;color:#fff;background:#b90000;margin-bottom:10px;}
	
	#fuze-debug-page{background:#fff;margin-right:340px;height:100%;padding:10px;height:400px;overflow-y:scroll;}
		#fuze-debug-page h3{background:#b1b1b1;}
		#fuze-debug-page-details > div.fl{margin-right:10px;padding:10px;border:1px solid #000;}
			#fuze-debug-page-details th{font-size:16px;margin-bottom:10px;display:block;}

	#fuze-errors{color:#000;width:300px;padding:10px;background:#fff;height:400px;overflow-y:scroll;}
		#fuze-errors li{padding:5px 0;border-bottom:1px solid #ddd;}
		#fuze-errors li.priority-high{background: #ffeded;color: #ff0000;border-color:#e9bdbd;}
	#fuze-errors-label{background:#fff url(_core/css/images/fuze-errors-label.png) no-repeat 10px 8px;border:1px solid #e9bdbd;border-top:0; color:#000;display:block;padding:5px 10px 5px 35px;}

/* Overlay */
._overlay{ background: #000; position:fixed;height:100%;width: 100%; cursor:pointer;z-index:990;}

/* Google maps fix */
.googlemap_wrapper img{ background-color: transparent !important;}/*
Theme Name: Fuze framework
Version: 2.0.1
Description: Designed by <a href="http://www.ebbersmedia.nl">ebbers media</a>.
Author: ebbersmedia.nl
Author URI: http://www.ebbersmedia.nl

	� FUZE Framework - Ebbers Media BV

*/
@font-face {
	font-family: "FontAwesome";
	src: url("styles/fontawesome/fonts/fontawesome-webfont.eot?v=4.3.0");
	src: url("styles/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("styles/fontawesome/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("styles/fontawesome/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("styles/fontawesome/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("styles/fontawesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@import url("./fonts/stylesheet.css");

/* Html en Body
----------------------------------------------------------*/
html {
}
body {
	font-family: "Arial Nova", Arial, Helvetica, Sans-serif;
	min-height: 100%;
	line-height: 24px;
	font-size: 14px;
	background: #F8F4F0;
	color: #000000;
  	overscroll-behavior-y: none;
}

.colfull {
	width: 1380px;
	position: relative;
}
.auto {
	margin: auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clr {
	clear: both;
}
em {
	font-style: italic;
}

a {
	color: #AB9D7A;
}
a:hover {
	text-decoration: none;
}

.table {
	display: table;
}
.row {
	display: table-row;
}
.cell {
	display: table-cell;
}

#container {
	overflow: hidden;
}
#wrapper {
	position: relative;
	transition: left 0.1s ease-in;
	left: 0px;
	width: 100%;
}
#wrapper.open {
	left: -325px;
}

.divideHalf {
	width: 50%;
	float: left;
}
.divideQuarter {
	width: 25%;
}
.divideThreequarter {
	width: 75%;
}
.divideThird {
	width: 33.33%;
}
.divideTwoThird {
	width: 66.67%;
}
.fuze-content-column-2 {
	padding-left: 5%;
}
.divideThird.first {
	padding-right: 20px;
}
.divideThird.second {
	padding: 0 20px;
}
.divideThird.third {
	padding-left: 20px;
}

/* Tekst standaarden
----------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Arial Nova", Arial, Helvetica, Sans-serif;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}

ul,
ol {
	list-style-position: inside;
}

/* Formulieren
----------------------------------------------------------*/
.button {
	display: inline-block;
	padding: 15px 20px;
	text-align: center;
	transition: all 0.1s ease;
	background: black;
	color: white;
}
.button:hover {
	text-decoration: none;
	cursor: pointer;
	color: black;
	background: #ffffff;
}
input[type="submit"],
.button-primary,
#pagination a {
	text-decoration: none;
	display: inline-block;
	font-family: "Arial Nova", Arial, Helvetica, Sans-serif;
	font-size: 16px;
	cursor: pointer;
	background: #ef2d9d;
	color: #ffffff;
	padding: 10px 20px;
	transition: all 0.2s ease;
	text-align: right;
}
.button-primary-left {
	padding-left: 30px;
}
input[type="submit"]:hover,
.button-primary:hover,
#pagination a:hover {
	padding-left: 30px;
	background: #000;
}
.button-primary-left:hover {
	padding-left: 20px;
	background: #000;
}
.fuze-form-error {
	color: #ff0000;
}

#contactform {
	margin-top: 20px;
}
#contactform label {
	display: none;
	font-size: 12px;
	margin-bottom: 10px;
	font-style: italic;
}
#contactform .divideHalf {
	width: 50%;
}
#contactform .divideHalf.left {
	padding-right: 20px;
}
#contactform .form-field {
	margin-bottom: 20px;
}
#contactform .form-field.checkbox {
	margin-bottom: 0px !important;
}
#contactform .fuze-form-error {
	display: block;
}
#contactform input[type="text"],
#contactform input[type="email"],
#contactform textarea {
	background: #f4f4f5;
	width: 100%;
}
#contactform textarea {
	border: 1px solid #AB9D7A;
	height: 185px;
}
#contactform textarea:focus {
	border: 1px solid #000;
}
#setting-error-settings_updated {
	margin-bottom: 25px;
	background: #AB9D7A;
	color: #fff;
	font-size: 16px;
	padding: 15px 20px;
	text-align: center;
}
#setting-error-settings_updated p {
	margin-bottom: 0 !important;
}

#contactform input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}
#contactform .checkbox label {
	display: inline-block;
}

input[type="text"],
input[type="email"],
textarea {
	margin: 0px;
	padding: 15px 20px;
	font-family: "Arial Nova", Arial, Helvetica, Sans-serif;
	font-size: 14px;
	border: 1px solid #AB9D7A;
}
#contactform input[type="text"].focus,
#contactform input[type="email"].focus,
#contactform textarea.focus {
	border: 1px solid #000000;
}
#contactform input[type="text"].error,
#contactform input[type="email"].error,
#contactform textarea.error {
	border: 1px solid #ff0000;
}

/* Loader
----------------------------------------------------------*/
#squared-loader {
	height: 11px;
	width: 43px;
	margin: 10px auto;
	background-image: url(app/Styles/images/squares-loader.gif);
}

.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
	height: 100%;
}
/* Header
----------------------------------------------------------*/
#header {
	position: fixed;
	top: 0px;
	left: 0px;
	background: #000000;
	z-index: 999;
	text-align: center;
	width: 100%;
	transition: all 0.1s ease;
	height: 160px;
}
/*#wrapper.open #header { left:-325px;}*/
#logo {
	height: 120px;
	width: 120px;
	margin-right: 16px;
}

#logo a {
	display: block;
	width: 122px;
	height: 122px;
	/* background-image: url('./images/beyouskincare_light.svg'); */
	background-size: contain;
}

#logo a span {
	display: none;
	visibility: hidden;
}

#topNav {
	display: inline-block;
	padding-left: 36px;
}
#topNav ul > li {
	float: left;
	list-style: none;
	position: relative;
}
#topNav > ul > li {
	margin: 0 42px 0 0;
}
#topNav > ul > li > a {
	text-decoration: none;
	display: inline-block;
	color: #DBCEAC;
	padding: 0;
	font-size: 18px;
	padding: 8px 0;
	/* font-weight: bold; */
	transition: all 0.2s ease;
	border-bottom: 1px solid transparent;
}
#topNav ul > li:hover > a,
#topNav ul > li.current_page_ancestor > a,
#topNav ul > li.current_page_item > a {
	text-decoration: none;
	border-color: #AB9D7A;
}
#topNav ul > li.haschildren > a {
}
#topNav ul > li:hover > .children {
	display: block;
	padding-top: 30px;
	border-bottom: 1px solid #bec0c2;
}
#header.sticky #topNav ul > li:hover > .children {
	padding-top: 10px;
}
#topNav .children {
	background: #F8F4F0;
	min-width: 300px;
}
#topNav .children li {
	float: none;
	text-align: left;
}
#topNav .children li a {
	padding: 3px 25px;
	font-size: 14px;
	border-right: 1px solid #bec0c2 !important;
	border-left: 1px solid #bec0c2;
}
#topNav .arrow {
	position: relative;
	right: 60px;
	z-index: 2;
	color: #fa3b0a;
	font-size: 18px;
}

#topNav a.no-click {
	cursor: default !important;
}

.dropdown {
	display: none;
	position: fixed;
	width: 100%;
	top: 90px;
	left: 50%;
	width: 1240px;
	margin-left: -620px;
}
.dropdown.children {
	position: absolute;
	width: auto;
	top: 100%;
	left: 0;
	margin-left: 0;
}
.ddContainer {
	width: 1240px;
	display: inline-block;
	background: #F8F4F0;
	text-align: center;
	border-top: 1px solid #f2f2f2;
}
.dropdown .divideRight {
	width: 25%;
}
.dropdown .divideRight {
	width: 20%;
	height: 259px;
}
.dropdown .divideQuarter {
	padding: 0px 0px 20px 0px;
	border-right: 1px solid #eaeaea;
}
.dropdown .rightside .button {
	margin-top: 35px;
	padding: 15px 40px;
}

.dropdown a {
	font-size: 16px;
	color: #969696;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s ease;
	display: block;
}
.dropdown a:hover {
	background: #f4f4f5;
}
.dropdown .icon {
	width: 100%;
	background-position: 50% -250px;
	height: 155px;
}
.dropdown .subtitle {
	color: #a2a7ab;
	font-size: 16px;
	font-weight: normal;
}

/* Responsive Menu
----------------------------------------------------------*/
#wrapper.open #resMenu {
	right: 0px;
}
#resMenu {
	position: fixed;
	z-index: 9999;
	overflow: hidden;
	top: 0px;
	right: -325px;
	width: 325px;
	height: 100%;
	background: #AB9D7A;
	transition: all 0.1s ease-in;
}
#resNav {
	padding: 95px 30px 40px 30px;
	height: 100%;
	overflow-y: scroll;
	width: 105%;
	position: relative;
}
#resNav li {
	list-style: none;
}
#resNav > ul > li {
	margin-bottom: 15px;
}
#resNav li li {
	padding-left: 35px;
}
#resNav li li a {
}
#resNav a {
	color: #ffffff;
	display: block;
	padding: 5px 0px;
	font-size: 16px;
	font-family: "Arial Nova", Arial, Helvetica, Sans-serif;
	text-decoration: none;
}
#resNav .logo {
	position: absolute;
	top: 35px;
	left: 30px;
}
#resNavCloser {
	height: 28px;
	width: 28px;
	color: #fff;
	position: fixed;
	top: 25px;
	right: -305px;
	transition: all 0.1s ease-in;
	font-size: 30px;
}
#resNavCloser:hover {
	color: #ffffff;
	cursor: pointer;
}
#wrapper.open #resNavCloser {
	right: 20px;
}
#wrapper.open #resMenu {
	right: 0px;
}

.navIndicator {
	width: 0px;
	height: 2px;
	background: #000000;
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	bottom: 40px;
	opacity: 0;
	transition: 0.2s ease;
}
.sticky .navIndicator {
	bottom: 10px;
}

#hamburger i {
	padding: 0 0 0 15px;
	color: #AB9D7A;
	font-size: 40px;
	transition: all 0.1s ease;
}
#hamburger span {
	position: relative;
	font-size: 18px;
	color: #C5B794;
}
#hamburger:hover i {
	color: #C5B794;
	cursor: pointer;
}

#resNavOpener {
	display: none;
}
.menuIcon {
	width: 27px;
	transition: all 0.1s ease-in;
	cursor: pointer;
}
.miniBar {
	background: black;
	height: 4px;
	width: 100%;
	transition: all 0.1s ease;
}
.miniBar.middle {
	margin: 4px 0px;
}
.menuIcon:hover .miniBar {
	background: grey;
}

/* Content
----------------------------------------------------------*/
#headerPage {
	z-index: 1;
	background: #F8F4F0 50% 0px no-repeat;
	background-size: cover;
	margin-top: 128px;
	width: 100%;
	position: relative;
	height: 500px;
}

#headerPage > img {

    object-fit: cover;
    height: 100%;
    width: 100%;
}
.page-id-4 #headerPage {
	top: 0;
}
.home #headerPage {
	background-image: none;
	background-size: auto;
	padding: 140px 0 75px;
	height: auto;
	min-height: 500px;

}
/*#headerPage.page-layout{background: #fff url(images/page-header.jpg) 50% 90px no-repeat;height:265px;}*/
#headerPage .header-button {
	margin-top: 40px;
}

#headerPage.page-layout img,
.gray-block img {
	max-width: 100%;
}

#headerPage .content {
	width: 1000px;
	max-width: calc(100% - 40px);
	margin-bottom: 60px;
}


#headerPage .content p {
	width: 624px;
	max-width: calc(100% - 40px);
	margin-bottom: 60px;
}

#headerPage .content h1 + p {
	margin-top: 40px;
}

#headerPage .content  p {
	font-size: 18px;
	line-height: 42px;
}

#headerPage h1 {
	color: #000000;
	/* text-transform: uppercase; */
	font-size: 56px;
	line-height: 86px;
	letter-spacing: -1px;
	font-weight: 300;
}
#headerPage h2 {
	color: #000000;
	font-size: 36px;
	line-height: 46px;
	font-weight: bold;
}

#headerPage h2 {
	font-size: 20px;
	font-weight: bold;
	margin-left: 6px;
}

#headerPage hr,
.home-blocks hr,
#contentPage .page-content hr {
	display: block;
	border: 0;
	border-bottom: 1px solid #AB9D7A;
	width: 145px;
	max-width: 100%;
	margin: 35px 0;
	margin-right: auto;
}

#headerPage .content img.fr {
	margin-top: 25px;
	margin-right: 40px;
}

#headerPage .behandelingen {
	margin-bottom: 60px;
}

#headerPage .behandelingen-wrapper .behandeling {
	margin-bottom: 22px;
}

#headerPage .fb,
#contentPage.news .fb {
	font-size: 20px;
	color: #AB9D7A;
	text-align: center;
	font-family: "Shadows Into Light Two", cursive;
	font-style: italic;
}

#headerPage .fb a,
#contentPage.news .fb a {
	margin-right: 15px;
}

#headerPage .fb i,
#contentPage.news .fb i {
	font-size: 40px;
	color: #AB9D7A;
	position: relative;
	top: 5px;
	transition: all 0.1s ease;
}

#headerPage .fb a:hover i,
#contentPage.news .fb a:hover i {
	color: #C5B794;
}

#headerPage .colfull.wide {
	/* width: 1282px; */
	position: static;
}

#headerPage .bg {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	z-index: -1;
}

#headerPage .bg.mobile {
	display: none;
}

.behandelingen-wrapper {
	width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
	margin-top: 16px;
}

.behandeling {
	display: block;
	flex: 0 1 auto;
	width: calc(100% / 3 - 17px);
}

.behandeling a {
	position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
	background-color: #AB9D7A;
	min-height: 150px;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	transition: all 300ms;
}
.behandeling a:hover {
	background-color: #C5B794;
}
.behandeling a:hover .behandeling-content:after {
	animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-14px);
  }
  60% {
    transform: translateX(-7px);
  }
}

.behandeling h3 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	transition: all 0.1s ease;
    flex: 1 1 auto;
    align-self: auto;
	text-align: left;
}

.behandeling-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
	width: calc(100% - 62px);
	margin-left: 40px;
	margin-right: 22px;
	position: relative;
}

.behandeling-content:after {
   content: '';
    height: 14px;
    width: 20px;
    background-image: url('./images/arrow-right.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    position: absolute;
    right: 0;
}

.behandeling .thumb {
	width: 100%;
}

.behandeling .inner {
	height: 150px;
	vertical-align: middle;
}

.behandeling img {
    flex: 0 1 auto;
    align-self: auto;
	width: 60px;
	height: 60px;
	margin-right: 12px;
}

.behandeling a:hover h3 {
	/* color: #ffffff; */
}

#contentPage {
	z-index: 2;
	position: relative;
	transition: margin 0.5s 0.3s ease;
}
.content-bg {
	background: #F8F4F0;
}
#contentPage p {
	margin-bottom: 15px;
}
#contentPage ul {
	margin: 0 0 15px 0;
}
#contentPage .page-content h1,
#contentPage .page-loop > h2 {
	font-size: 36px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 32px;
}
#contentPage-bg {
	background: #F8F4F0;
	height: 152px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#contentPage .page-content {
	padding: 78px 0 65px;
}

#contentPage .page-content h2,
#contentPage .page-content h3,
#contentPage .page-content h4,
#contentPage .page-content h5 {
	text-transform: uppercase;
	font-weight: bold;
	color: #969696;
	margin-bottom: 15px;
}

.page-loop p + ul,
.page-loop p + ol {
	margin-top: -15px !important;
}

.second-content {
	padding: 90px 0;
}

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

.second-content p {
	margin-bottom: 60px !important;
}

.second-content.koppeling h2 {
	color: #969696;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.second-content.koppeling ul {
	margin: 0 !important;
}

.second-content.koppeling li {
	list-style-type: none;
	width: 50%;
}

.second-content.koppeling li a {
	font-size: 14px;
	color: #1e1e1e;
	text-decoration: none;
}

.second-content.koppeling li a i {
	margin-right: 40px;
	font-weight: bold;
	color: #AB9D7A;
	font-size: 26px;
	position: relative;
	top: 4px;
}

.second-content.koppeling li a:hover {
	text-decoration: underline;
}

.second-content .gallery {
	display: block;
	margin-top: 80px;
	text-align: center;
}

.single .second-content .gallery,
.single .second-content {
	margin-top: 0;
	padding-top: 0;
}

.second-content .colfull.wide {
	width: 1320px;
}

.second-content .gallery img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.second-content .gallery a {
	display: inline-block;
}

.gray-block {
	background-color: #efeff0;
}

.page-loop .alignleft {
	float: left;
}
.page-loop .alignright {
	float: right;
}

.page-loop iframe,
#posts-own-content iframe {
	max-width: 100%;
}

.contact-buttons {
	font-size: 20px;
	margin-top: 25px;
}
.contact-buttons .contact-button-email {
	margin-right: 10px;
	padding: 15px 20px;
	background: #ef2d9d;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease;
}
.contact-buttons .contact-button-email:hover {
	background: #000;
	color: #fff;
	padding-left: 40px;
}

#page-columns {
	border-top: 1px solid #f1f1f2;
	margin: 0px 0px 0px;
	border-bottom: 1px solid #f1f1f2;
	padding: 70px 0;
}
#page-columns .page-column {
	width: 33%;
	float: left;
}
#page-columns .page-column .icon {
	height: 130px;
	background: 50% 0 no-repeat;
}
#page-columns .page-column-1 {
	padding-right: 25px;
}
#page-columns .page-column-1 .icon {
	background-image: url(images/icon-taxatierapport.jpg);
}
#page-columns .page-column-2 {
	padding-right: 25px;
	padding-left: 25px;
}
#page-columns .page-column-2 .icon {
	background-image: url(images/icon-afschrijvingstabel.jpg);
}
#page-columns .page-column-3 {
	padding-left: 25px;
}
#page-columns .page-column-3 .icon {
	background-image: url(images/icon-koerslijst.jpg);
}
#page-columns .page-column h3 {
	text-align: center;
	font-size: 24px;
	margin: 20px 0;
}

#team {
	text-align: left;
}
.teamlid {
	margin-top: 25px;
	text-align: center;
	width: 200px;
	margin-right: 40px;
	display: inline-block;
}
.teamlid-foto {
	background: #ffff;
	border-radius: 200px;
	height: 200px;
	width: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}
.teamlid-foto img {
	margin: 10px 0 0 -70px;
}

#home-video {
	background: #f1f1f2;
}
.home-video-left {
	width: 25%;
	overflow: hidden;
}
.home-video-left img {
	width: 205%;
	margin-left: -81%;
	margin-top: 34px;
}
.home-video-right {
	width: 75%;
	margin-left: 25%;
	padding: 40px 40px 1px;
}
.home-video-right .button-primary.fr {
	margin-top: 30px;
}
.home-video-right h1 {
	margin-bottom: 20px;
	font-size: 24px;
}

.cta-bar {
	background: url(images/bandenmaat.jpg) center top;
	height: 190px;
	position: relative;
}
.home .cta-bar {
	background: transparent;
}
.cta-bar .colfull {
	height: 100%;
}
.cta-bar .cta-info {
	height: 92px;
	display: table;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: rgb(239, 45, 157);
	background: rgba(239, 45, 157, 0.8);
	padding: 25px 25px;
	font-size: 22px;
}
.cta-bar .cta-info-text {
	vertical-align: middle;
	display: table-cell;
}
.cta-bar .cta-info a {
	color: #fff;
	margin: 0;
	padding: 0;
}
.cta-bar .cta-info a.cta-info-email {
	display: inline-block;
	background: #fff;
	color: #1e2021;
	padding: 15px 30px 15px 20px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.cta-bar .cta-info a.cta-info-email:hover {
	background: #000;
	color: #fff;
	padding-right: 15px;
}

#home-news {
	padding: 70px 0 50px;
}
.page-layout #home-news {
	border-top: 1px solid #f1f1f2;
	margin-top: 0px;
	padding-top: 50px;
}
.page-layout #home-news h3 {
	font-size: 24px;
	margin-bottom: 25px;
}
.page-layout .weblog-back {
	margin-top: 0px;
}
.article {
	background: #fff;
	color: #1e2021;
	transition: all 0.2s ease;
	display: block;
	padding: 20px;
	color: #434343;
}
.article:hover {
	background-color: #efeff0;
}
a.article {
	text-decoration: none;
	font-size: 16px;
}
.article h2 {
	font-size: 16px;
	font-weight: bold;
	transition: all 0.2s ease;
}
.article h2 {
	width: 100%;
	font-size: 18px;
	font-weight: normal;
}
.article:hover h2 {
	color: #AB9D7A !important;
}

.article-content {
	width: 52%;
	padding-right: 40px;
}
.article-thumb {
	width: 30%;
}
.article-thumb img {
	max-width: 100%;
	height: auto;
}
.article a {
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s ease;
}
.article a.mobile {
	display: none;
}
.article:hover a {
	visibility: visible;
	opacity: 1;
}

.brand {
	display: block;
	width: 20%;
	padding: 10px;
	height: 120px;
}
.brand:hover {
	background-color: #f1f1f2;
}
.brand .table {
	width: 100%;
	height: 100px;
}
.brand .cell {
	vertical-align: middle;
}
.brand img {
	margin: 0 auto;
	max-width: 100%;
}

.question-loop {
	background: #f1f1f2;
}
.question-loop h2 a {
	border-top: 1px solid #f1f1f2;
	background: #dfe0e2;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 25px;
	cursor: pointer;
	font-weight: normal;
	display: block;
}
.question-loop h2:hover,
.question-loop.active h2 a {
	background: #ef2d9d;
	color: #fff;
}
.question-loop h2 .question-click {
	background: url(images/icon-plus.png) no-repeat;
	height: 24px;
	width: 24px;
	float: right;
	margin-right: -10px;
}
.question-loop.active h2 .question-click {
	background: none;
}
.question-loop.active .question-click {
	background-position: 0 -24px;
}
.question-loop.active {
	background: #e5ccda;
}
.question-loop .question-content {
	height: 0;
	overflow: hidden;
	transition: all 0.2s ease;
}
.question-loop .question-content-inner {
	padding: 20px 25px 1px;
}

#pagination .next-posts {
	margin-right: 20px;
}

#contentPage.news .colfull.wide {
	width: 1310px;
}
#news-loop {
	margin-bottom: 65px;
}
#contentPage.news .fb {
	padding-left: 20px;
	margin-bottom: 20px;
}
#contentPage.news #pagination {
	padding-right: 20px;
}
#pagination .next-posts {
	white-space: nowrap;
}

.half table {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
}
.half table tr td {
	padding: 10px;
}
.half table tr:nth-child(odd) {
	background: #f1f1f2;
}
.afbeeldingen {
	float: left;
	padding-right: 40px;
	width: 50%;
}
.afbeeldingen a:first-child img {
	width: 100%;
	padding: 0px;
}
.afbeeldingen a img {
	float: left;
	padding: 2px 0px 2px 2px;
	width: 20%;
}

.afbeelding {
	float: left;
	padding: 2px 0px 2px 2px;
}
.afbeeldingen a img {
	padding: 0px;
	width: 100%;
	height: auto;
}

.fuze-body #posts-own-content {
	width: 50%;
	float: left;
}
.fuze-body #posts-own-content .divideHalf {
	width: 100%;
	float: left;
}

.fuze-body #posts-own-content,
.voertuigen-center #posts-own-content {
	width: 1240px;
	position: relative;
	margin: 0 auto;
}
.fuze-body .related,
.voertuigen-center .related {
	width: 1240px;
	position: relative;
	margin: 0 auto;
}
.fuze-body hr,
.voertuigen-center hr {
	margin: 60px 0px 70px;
	border-top: 0px solid #eee;
}

.half {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.voertuig-title-h2 {
	font-size: 30px;
	font-weight: lighter;
	margin-top: 40px;
	margin-bottom: 40px;
}
.voertuig-content .voertuig-image img {
	width: 350px;
	height: auto;
}
.foto-count {
	position: absolute;
	bottom: 90px;
	right: 40px;
	color: #fff;
	float: right;
}

.divideHalf.fl.left.fuze-content-column-1 p,
.divideHalf.fl.right.fuze-content-column-2 p {
	margin-bottom: 25px !important;
}

.home-content {
	padding: 70px 0 60px;
}

.purple-block .colfull.blockreverse {
	flex-direction: row-reverse;
}

.purple-block .colfull.blockreverse .inner {
	padding-left: 96px;
}

.home-content h3 {
	color: #969696;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}

.purple-block {
	background: #AB9D7A url('images/block-background.jpg');
	color: #000;
}

.purple-block .colfull {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.purple-block .colfull .inner {
	padding: 33px 0;
    flex: 1 1 50%;
    align-self: auto;
	color: #000000;
}

.purple-block .colfull .inner h2 {
	/* font-size: 28px; */
	
	/* font-family: "Arial Nova", Arial, Helvetica, Sans-serif; */
}

.purple-block img {
	/* position: absolute;
	top: 0;
	right: 0;
	z-index: 0; */
	max-width: 50%;
    flex: 1 1 50%;
    align-self: auto;
}

.purple-block img.mobile {
	display: none;
}

.purple-block .inner {
	position: relative;
	z-index: 2;
}

.purple-block h2 {
	font-family: "Arial Nova", Arial, Helvetica, Sans-serif;
	line-height: 1.4em;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 1em;
	/* text-transform: uppercase; */
}

.purple-block hr {
	display: block;
	border: 0;
	border-bottom: 1px solid #fff;
	width: 145px;
	max-width: 100%;
	margin: 30px 0;
	margin-right: auto;
}

.purple-block ul {
	margin: 0 !important;
}

.purple-block ul li {
	position: relative;
	list-style-type: none;
	padding-left: 44px;
	/* line-height: 28px; */
	font-size: 18px;
	font-weight: 100;
}

.purple-block ul li:not(:last-child) {
	margin-bottom: 22px;
}

.purple-block ul li:before {
	content: " ";
	/* font-family: "FontAwesome"; */
	display: block;
	width: 22px;
	height: 22px;
	background-image: url('./images/icon-checkmark.svg');
	background-size: contain;
	position: absolute;
	left: 0;
}

.purple-block .btn {
	margin-top: 31px;
}


.purple-block h2 + .btn {
	margin-top: 0px;
}

.footer-logo {
	display: block;
	position: absolute;
	top: 142px;
	right: 0;

}

.btn,
#pagination .next-posts,
#pagination .all-posts {
	display: inline-block;
	color: #000000;
	background-color: #AB9D7A;
	padding: 0 30px;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	border-radius: 30px;
	height: 60px;
	line-height: 60px;
	transition: all 300ms;
	cursor: pointer;
}

#pagination .next-posts,
#pagination .all-posts {
	font-size: 15px;
}

.btn i,
#pagination .next-posts i,
#pagination .all-posts i {
	margin-left: 20px;
}

.btn.alt {
	color: #AB9D7A;
	background-color: #000000;
}

.btn:hover,
#pagination .next-posts:hover,
#pagination .all-posts:hover {
	background-color: #C5B794;
}

.btn.alt:hover {
	background-color: #F8F4F0;
}

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

#merkenslider.page {
	border-top: 1px solid #dedfe0;
}

#merkenslider .logo-container {
	padding: 150px 0;
	text-align: center;
}
#merkenslider .logo-container h2 {
	font-size: 36px;
	margin-bottom: 64px;
	font-weight: bold;
}
#merkenslider .logo-container .btn {
	background-color: transparent;
	border: 2px solid #AB9D7A;
}

#merkenslider .table {
	width: 100%;
}

#merkenslider .cell {
	vertical-align: middle;
	text-align: center;
	height: 140px;
}

#merkenslider .cell a {
	display: inline-block;
	max-height: 140px;
	max-width: 90%;
}

#merkenslider .cell img {
	display: inline;
	max-height: 120px;
	max-width: 100%;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#merkenslider .swiper-slide,
#merkenslider .swiper-wrapper {
	height: 140px !important;
}

.home-blocks {
	padding: 90px 0;
}

.home-blocks .divideHalf.left {
	position: relative;
	padding-right: 25px;
	z-index: 3;
}

.home-blocks .divideHalf.right {
	padding-left: 25px;
	text-align: right;
}

.home-blocks .block {
	display: block;
	background-color: #F8F4F0;
	padding: 25px 40px;
	color: #3c3c3c;
	position: relative;
}

.home-blocks h3 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #AB9D7A;
}

.home-blocks hr,
#contentPage .page-content hr {
	margin: 25px 0;
	margin-right: auto;
}

.home-blocks .right hr {
	margin-right: 0;
	text-align: right;
	margin-left: auto;
}

.home-blocks .review {
	display: block;
	margin-bottom: 25px;
	line-height: 18px;
	max-width: 400px;
	float: right;
}

.home-blocks .rating {
	display: inline;
}

.home-blocks .review p {
	margin-bottom: 0 !important;
}

.home-blocks .block > img {
	position: absolute;
	bottom: 0;
	left: 35px;
	max-width: 110%;
}

.home-blocks .inner {
	position: relative;
	z-index: 1;
}

.home-blocks .inner p {
	margin-bottom: 134px !important;
}

/* Footer
----------------------------------------------------------*/
#footer {
	position: relative;
	background: #F8F4F0;
	line-height: 32px;
	font-size: 18px;
	color: #000000;
}
#footer,
#footer a {
	color: #000000;
}

#footer a {
	font-weight: bold;
}

#footer .content {
	padding-top: 142px;
	padding-bottom: 96px;
}
#footer .social-icons {
	padding-top: 16px;
}
#footer .social-icons a:not(:last-child) {
	margin-right: 12px;
}
#footer .social-icons a i {
	font-size: 32px;
}
#copy {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	background-color: #000000;
}

#copy span { 
	display: block;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 300;
	width: 1380px;
	max-width: calc(100% - 40px);
	line-height: 78px;
}

#copy span a {
	color: #AB9D7A;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
}
#copy span a:hover {
	text-decoration: underline;
}

#footer table td:first-child {
	padding-right: 20px;
}
#footer table td:first-child + td {
	/* color: #AB9D7A; */
}
#footer strong {
	color: #AB9D7A;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

#footer .purple,
#footer .purple a {
	color: #AB9D7A;
}

#footer .social {
	text-align: center;
	width: 8%;
}

#footer .social li {
	margin-top: 25px;
}

#footer .social li:first-child {
	margin-top: 0;
}

#footer .social a {
	color: #AB9D7A;
	font-size: 50px;
}

#footer .last {
	text-align: right;
}

#footer ul {
	list-style-type: none;
	margin: 0;
}

#footer ul li {
	line-height: 32px;
}

#footer .first,
#footer .news {
	width: 33.33%;
}

#footer .news {
	padding-left: 20px;
}

#footer li a {
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}

/* Sitemap
-----------------------------------------------------------*/
.sitemap {
	margin-bottom: 25px;
	width: 200px;
}
.sitemap li,
.sitemap ul {
	list-style-type: none !important;
	padding-left: 0;
}
.sitemap ul li ul {
	border-left: 1px solid #dfdfdf;
	padding-left: 10px;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 10px;
	margin-left: 25px;
}
.sitemap ul li a {
	padding: 5px 0px;
	display: block;
}
.sitemap ul li ul li ul {
	margin-left: 50px;
}

/* Google Maps
-----------------------------------------------------------*/
#gmaps {
	position: relative;
	height: 400px;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#gmaps-wrap {
	height: 400px;
	overflow: hidden;
	width: 100%;
}
#map-contacts {
	background: #fff;
	border-top: 5px solid #ef2d9d;
	padding: 30px;
	display: inline-block;
	position: absolute;
	top: 30px;
	z-index: 9;
}
#map-canvas {
	height: 110%;
}
#gm_directions {
	position: absolute;
	bottom: 10px;
	right: 20px;
	z-index: 5;
	width: 380px;
}
#gm_directions span.error {
	display: none !important;
}
#gm_directions .button,
#gm_directions input {
	display: block;
	float: left;
	border-right: 0px;
}
#gm_directions .button {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding: 13px 20px;
	font-size: 16px;
	width: 35%;
	text-align: center;
}
#gm_directions input {
	width: 65%;
	margin-right: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
#gm_directions .companyInfo {
	padding: 15px 20px;
	line-height: 1.5em;
	background: #ffffff;
	margin-bottom: 10px;
	width: 50%;
	float: right;
}
#gm_directions .companyInfo strong {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 20px;
}

body.archive.category {
	padding-top: 160px;
}

/* Responsive
-----------------------------------------------------------*/
@media handheld, screen and (max-width: 1270px) {
	#headerPage .colfull.wide {
		width: 100%;
	}
	#headerPage .bg {
		max-width: 100%;
	}
	
	.fuze-body #posts-own-content,
	.voertuigen-center #posts-own-content,
	.fuze-body .related,
	.voertuigen-center .related,
	.colfull,
	.purple-block .colfull,
	.second-content .colfull.wide,
	#contentPage.news .colfull.wide {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media handheld, screen and (min-width: 1240px) {
	.home-block {
		width: 20%;
	}
}

@media handheld, screen and (max-width: /*768px*/ 1100px) {
	#gm_directions .companyInfo {
		display: none;
	}
	#headerPage {
		height: 250px;
	}
	#topnav > ul {
		display: none;
	}
	#resNavOpener {
		display: block;
		margin-left: 10px;
	}

	#topNav {
		display: none;
	}
	.home #headerPage {
		padding-top: 30px;
	}
	#headerPage h1,
	#contentPage.page-layout .page-title h1,
	#contentPage.page-layout .page-title h2,
	#headerPage h2 {
		display: block;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 96px;
	}
	#contentPage {
		margin-top: 0;
	}

	.posts-own-content {
		width: 100%;
		float: left;
	}

	.cta-bar {
		height: 300px;
		text-align: center;
	}
	.cta-bar .cta-info-right.fr {
		float: none;
	}
	.cta-bar .cta-info a {
		margin-top: 25px;
	}

	#contactform .divideHalf.fr,
	#contactform .divideHalf.fl {
		float: none;
		padding: 0;
		width: 100%;
	}
	#contentPage.page-layout .page-title h1 {
		margin-top: -353px;
	}
	.behandeling h3 {
		font-size: 18px;
	}

	.article-content {
		width: 48%;
	}

	#contactform button.btn {
		float: left;
	}

	.g-recaptcha.fr {
		float: left;
	}
}

@media handheld, screen and (max-width: 960px) {
	span.contact-button-telephone {
		float: left;
		width: 100%;
		margin: 10px 0px;
	}

	.divideThird,
	.divideTwoThird {
		width: 50%;
	}
	.divideThird.third {
		float: none;
		padding-left: 0;
	}
	.divideQuarter {
		width: 33.33% !important;
		text-align: left !important;
	}
	.divideQuarter.last {
		clear: left;
		margin-top: 20px;
	}
	.home-blocks .block > img {
		display: none;
	}
	.divideTwoThird + .divideThird {
		float: left;
	}

	.article a {
		display: none;
		visibility: visible;
		opacity: 1;
	}
	.article a.mobile {
		display: inline-block;
		margin-top: 20px;
	}
	.article-content {
		width: 70%;
	}

	.brand {
		width: 25%;
	}

	.purple-block img {
		display: none;
		position: static;
		max-width: 100%;
		height: auto;
	}
	.purple-block img.mobile {
		display: block;
	}
}

@media handheld, screen and (max-width: 768px) {
	.fuze-body .afbeeldingen {
		width: 100%;
		margin-bottom: 40px;
		padding-right: 0px;
	}

	.behandelingen-wrapper {
		flex-direction: column;
	}
	
	.afbeeldingen a img {
		height: auto;
	}
	.fuze-body .afbeeldingen .afbeelding {
		display: none;
	}
	.fuze-body #posts-own-content {
		width: 100%;
	}
	#posts-own-content .divideHalf.fl.left.fuze-content-column-1 {
		width: 100%;
	}
	#posts-own-content .divideHalf.fl.right.fuze-content-column-2 {
		width: 100%;
		padding: 0px;
	}
	.voertuig-content .voertuig-image img {
		width: 100%;
	}
	.half {
		width: 100%;
	}

	.tax-choices {
		margin-top: 30px;
	}
	#laten-taxeren .divideHalf {
		width: 100%;
		padding-left: 0px !important;
	}

	#headerPage .content {
		width: 100%;
	}
	.behandeling {
		width: 100%;
	}

	#headerPage .bg {
		display: none;
		position: static;
	}
	#headerPage .bg.mobile {
		display: block;
	}
	.home #headerPage {
		padding-top: 0;
	}
	#headerPage h2 {
		line-height: 28px;
	}

	.divideQuarter {
		width: 50% !important;
	}
	.divideQuarter.first + .divideQuarter + .divideQuarter {
		clear: left;
		margin-top: 20px;
	}
	.divideQuarter.last {
		clear: none;
	}

	.home-blocks .block:first-child {
		margin-bottom: 20px;
	}
	.home-blocks .inner p {
		margin-bottom: 15px !important;
	}
	.home-blocks .divideHalf.right {
		text-align: left;
	}
	.home-blocks .right hr {
		text-align: left;
		margin-left: 0;
		margin-right: auto;
	}
	.home-blocks .divideHalf {
		width: 100%;
		padding: 0 !important;
	}

	.divideTwoThird,
	.divideTwoThird + .divideThird {
		width: 100%;
		float: none;
	}
	.second-content .btn {
		float: none;
		margin-top: 20px;
	}

	.brand {
		width: 33.33%;
	}

	.home-blocks .review {
		float: none;
	}

	#pagination .next-posts,
	#pagination .all-posts {
		float: none;
		margin: 0;
	}
	#pagination .all-posts {
		margin-top: 20px;
	}
	#contentPage.news #pagination {
		padding: 0;
	}
	#pagination .next-posts {
		white-space: normal;
	}
}
@media handheld, screen and (max-width: 660px) {
	.home-block {
		width: 50% !important;
	}
	.home-block:nth-child(5) {
		width: 100% !important;
	}

	#footer .divideHalf {
		width: 100%;
		float: left;
		text-align: center;
		margin-bottom: 40px;
	}
	#footer .divideHalf .divideHalf1,
	#footer .divideHalf .divideHalf2,
	#footer .divideHalf .divideHalf {
		width: 100%;
		float: left;
		text-align: center;
		margin-bottom: 40px;
	}
	.certificates {
		text-align: center;
		margin: 0 auto;
	}
	.certificates img {
		height: auto;
		float: left;
		margin-right: 20px;
		width: 20%;
	}
	#copy {
		text-align: center;
	}
	.divideThird {
		width: 100%;
		padding: 0 !important;
	}
	.divideQuarter {
		width: 100% !important;
		padding: 0 !important;
		text-align: center !important;
		margin-bottom: 20px;
		margin-top: 0 !important;
	}
	footer table {
		margin: 0 auto;
	}
	.divideHalf {
		width: 100%;
		padding: 0 !important;
	}
	.purple-block img {
		display: none;
	}

	.article-thumb,
	.article-content {
		width: 100%;
		float: none;
	}
	.article-thumb {
		margin-bottom: 20px;
	}

	#pagination .next-posts,
	#pagination .all-posts {
		width: 100%;
		text-align: center;
	}
}
@media handheld, screen and (max-width: 600px) {
	#contentPage.page-layout .page-title h1 {
		margin-top: -449px;
	}
}
@media handheld, screen and (max-width: 580px) {
	.brand {
		width: 50%;
	}
	#contentPage .page-content,
	.second-content {
		padding: 30px 0;
	}
	.purple-block img.mobile {
		display: none;
	}
}
@media handheld, screen and (max-width: 480px) {
	.second-content.koppeling li {
		width: 100%;
		float: none;
	}
}
@media handheld, screen and (max-width: 420px) {
	#gm_directions {
		width: 100%;
		padding: 0px 10px;
		right: 0px;
	}
	#gm_directions input,
	#gm_directions .button {
		font-size: 13px;
		padding: 11px 10px;
		line-height: 13px;
	}

	#logo {
		margin-right: 0;
		width: 170px;
		margin-top: 15px;
	}
	#logo img {
		width: 100%;
	}
	#header {
		padding-bottom: 0 !important;
	}

	.contact-buttons {
		text-align: center;
	}
	.contact-buttons .contact-button-email {
		margin-bottom: 20px;
	}

	#headerPage {
		margin-top: 89px;
	}
	#headerPage h1 {
		font-size: 24px;
		line-height: 34px;
	}

	#page-columns .page-column {
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}
	#page-columns .page-column-1,
	#page-columns .page-column-2 {
		margin-bottom: 25px;
	}

	.cta-bar {
		height: 400px;
	}
	.cta-bar .colfull {
		padding: 0;
	}
	.cta-bar .cta-info-text {
		display: block;
		margin-bottom: 25px;
	}
	.cta-bar .cta-info a {
		padding-right: 15px;
		margin-left: 0;
		width: 100%;
	}

	.article {
		width: 100%;
	}
	.article h2 {
		width: 100%;
	}
	.foto-count {
		top: 140px;
	}
	.voertuig-content .voertuig-image {
		width: 100%;
	}
	.voertuig-content .voertuig-image img {
		width: 100%;
	}

	#resMenu {
		width: 100%;
		right: -100%;
	}

	#headerPage .fb a,
	#contentPage.news .fb a {
		margin: 0 0 10px;
		display: block;
	}

	.brand {
		width: 100%;
	}
}
@media handheld, screen and (max-width: 320px) {
	#logo {
		width: 150px;
		padding-right: 20px;
	}
	#hamburger span {
		display: none;
	}
	.btn,
	#pagination .next-posts,
	#pagination .all-posts {
		font-size: 14px;
	}
}

.checkbox label {
	display: block;
}

.checkbox label p {
	margin-top: -23px;
	margin-left: 23px;
}

#fuze-notice {
	display: none;
}



 
.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards__item a {
	width: 100%;
}

.cards__item {
  display: flex;
  padding: 1rem;
  width: 25%;
  height: 303px;
  margin-bottom: 68px;
}
@media handheld, screen and (max-width: 1240px) {
	.cards__item {
		width: 33.33%
	}
}
@media handheld, screen and (max-width: 960px) {
	.cards__item {
		width: 50%
	}
}
@media handheld, screen and (max-width: 660px) {
	.cards__item {
		width: 100%
	}
}
.card {
  background-color: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: relative;
}

.card:hover .card__image img {
	filter: contrast(100%);
}

.card__content {
	position: absolute;
	display: inline-block;
	bottom: 0px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 34px;
  color: #000;
  font-size: 18px;
  font-weight: bold;

}

.card__title:after {
   content: '';
    height: 14px;
    width: 20px;
    background-image: url('./images/arrow-right.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    position: absolute;
    right: -22px;
	margin-top: 4px;
}

.card__image {
	display: block;
	width: 100%;
  height: 303px;
  overflow: hidden;
  position: relative;
}

.card__image:after {
	position: absolute;
	bottom: 0;
	content: ' ';
	display: block;
	height: 150px;
	width: 100%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(248,244,240,0.92) 100%);
}
.card__image img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: contrast(70%);
  transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);
  min-height: 100%;
  min-width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  height: 100%;
  object-fit: cover;
}

.g-recaptcha.fr {
	padding-bottom: 30px;
}