/* Copyright FUZE Framework - Ebbers Media BV | Fuze - CSS */
/* --------------------------------------------------------------

   reset.css
   * Resets default browser 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 {
    display:block;
}

/* 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; }/*
 * 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-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;}/* WORDPRESS FRONT END */
.wpmlcal {}
.wpmlcal td {
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}

/* WORDPRESS ADMIN BEG */
ul#wpmlsubmenu li {
	display: inline;
	line-height: 200%;
	list-style: none;
	text-align: center;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

ul#wpmlsubmenu li {
	padding: 0 0 8px 17px;
}

ul#wpmlsubmenu {
	margin: 0;
	list-style: none;
	padding: 6px 0 3px 0;
	border-top: 1px #cccccc solid;
}

ul#wpmlsubmenu li {
	font-size: 14px;
}

ul#wpmlsubmenu a {
	text-decoration: none;
}

ul#wpmlsubmenu a.current {
	color: rgb(213, 78, 33);
}

.wpmllineitem {
	list-style: none;
	margin: 3px 0px !important;
	padding: 2px 5px 2px 5px;
	background-color: #F1F1F1 !important;
	border:1px solid #B2B2B2;
	cursor: move;
	vertical-align: middle !important;
	display: block;
}

.alignright, .wpmlalignright {
	text-align: right !important;
}

#wpmlemail-preview{
	border:1px solid #ddd;
	background: #fff;
	overflow-x:hidden;
	height:500px;
	padding:10px;
}

/* Editor */
#wpmleditor{
	background:#f2f2f2;
	padding:10px;
	border:1px solid #ddd;
	position:relative;
}
	#wpmleditor-mce{display:none;}
		#wpmleditor-mce #wp-content-editor-container{background:#fff;}
		#wpmleditor-mce #content_ifr{min-height:500px;}
	
	#wpmloptions-bar{position:absolute;z-index:11;}
		#wpmloptions-bar a{background:url(../images/wpmleditor-icons.png) no-repeat;height:30px;width:30px;display:inline-block;margin-right:5px;}
			a#wpmloption-delete{background-position: 0 0;}
			a#wpmloption-copy{background-position: -30px 0;}
			a#wpmloption-css{background-position: -60px 0;}
			a#wpmloption-image{background-position: -90px 0;}
	#wpmleditor ul, #wpmleditor li{list-style-type:none}
	#wpmleditor-tabsholder{clear:both;width:100%;display:none;}
		#wpmleditor-panes{padding:20px 10px;}
			#wpmleditor-panes input[type="text"], #wpmleditor-panes select{padding:5px 10px;width:260px;margin-bottom:5px;margin-left:10px;}
			#wpmleditor-panes select{height:30px;}
			/*#wpmleditor-panes div{border:1px solid #ddd;padding:10px;background: #fff;}*/
		#wpmleditor-tabs li{float:left;}
		#wpmleditor-tabs a{display:inline-block;border:1px solid #ddd;background:#fff;border-radius:5px;margin-right:5px;padding:10px 15px;}
			#wpmleditor-tabs .current a{border-color:#000;color: #000;}

		.wpmleditor-section{border:1px solid #ddd;border-radius:5px;margin-right:5px;padding:10px 15px;background:url(../images/has_children.png) right 15px #fff no-repeat;}
			.wpmleditor-section-column{border:1px solid #ddd;margin-top:20px;padding:5px 0px;margin-right:5px;text-indent:10px;display:inline-block;float:left;background:#f2f2f2}

	#wpmlpremades-editor-content{overflow-x:hidden;padding:10px;height:500px;border:2px solid #ddd;background: #fff;}
	#wpmleditor-content{
		border:2px solid #ddd;
		background: #fff;
		overflow-x:hidden;
		height:700px;
	}
		#wpmleditor-overlay{
			background: #000;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:15;
			display:none;
		}
	#wpml-csser{
		position:absolute;
		padding:10px;
		background:#f2f2f2;
		border:1px solid #ddd;
		z-index:20;
	}
		#wpml-csser span{min-width:60px; display:inline-block;}
	#wpmleditor-content h1, 
		#wpmleditor-content h2, 
		#wpmleditor-content h3, 
		#wpmleditor-content h4, 
		#wpmleditor-content h5, 
		#wpmleditor-content h6,
		#wpmleditor-content span,
		#wpmleditor-content a,
		#wpmleditor-content p/*,
		#wpmleditor-content div,
		#wpmleditor-content tr,
		#wpmleditor-content td,
		#wpmleditor-content table*/{
			margin:0;
			padding:0;
		}
	#wpmleditor-content p{margin-bottom:10px;}
/* WORDPRESS ADMIN END *//* 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.5
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

*/

/* Html en Body
----------------------------------------------------------*/
html{}
body{font-family: 'Raleway',Arial,Helvetica,Sans-serif;font-weight:500; min-height:100%;line-height:20px;font-size:15px;background: #fff;}

.colfull{ width:1170px;position:relative;padding:0 30px;}
.auto { margin:auto;}
.fl { float:left;}
.fr { float:right;}
.clr { clear:both;}

.table { display:table;table-layout:fixed;}
.row { display:table-row;}
.cell { display:table-cell;vertical-align:middle;}

.half {width:50%;padding-left:20px;}
.half.left {padding-right:20px;padding-left:0;}

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

/* Tekst standaarden
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6  { font-family: 'Rajdhani','Raleway',Arial,Helvetica,Sans-serif;font-weight:700; }
h1{font-size:30px;} h2{font-size:24px;} h3{font-size:18px;}
h4{font-size:16px;} h5{font-size:14px;} h6{font-size:12px;}

/* 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:white;}
input[type=text], input[type=email], textarea { margin:0px;padding:15px 20px;}

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

/* Header
----------------------------------------------------------*/
header {
	padding-bottom:23px;
	border-bottom:4px solid #112c4b;
}

.header-mobile {
	display:none;
	background-color: #003761;
    border-top: 5px solid #112c4b;
    padding: 50px 0;
}

.header-mobile h2 {
	font-size: 30px;
	margin-bottom:0;
    text-transform: uppercase;
    color: #fff;
    line-height: 35px;
}

#topbar {
	display:block;
	background-color:#112c4b;
	margin-bottom:23px;
	color:#fff;
	font-size:12px;
}

#topbar a, footer .socials a {
	color:#fff;
	display:block;
	line-height:26px;
	padding:0 8px;
	text-decoration:none;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;
}

#topbar .fb a, #topbar .li a, footer .fb a, footer .li a {
	background-color:#003761;
}

#topbar .socials ul a:hover, footer .socials a:hover {
	background-color:#009fe3;
}

#topbar p {
	margin-right:255px;
	font-weight:400;
}

#topbar p a {
	display:inline;
	padding:0;
}

#topbar p a:hover {
	text-decoration:underline;
}

#topbar ul, #topbar p {
	display:inline-block;
}

#topbar p, #copy {
	font-size:13px !important;
}

#topbar .fa, #copy .fa {
	font-size:14px;
}

header ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

header ul li, footer .socials li {
	display:inline-block;
}

header .socials ul, footer .socials {
	font-size:0;
	line-height:1em;
}

header .socials ul li a, footer .socials li a {
	font-size:12px;
}

.page-header {
	display:block;
	width:100%;
	position:relative;
}

.page-header > img {
	position:absolute;
	top:0;
	right:0;
	width:1920px;
	height:261px;
	z-index:1;
}

.page-header .colfull {
	z-index:3;
	height:261px;
	line-height:261px;
}

.page-header h1 {
	display:inline-block;
	color:#fff;
	font-size:30px;
	line-height:35px;
	text-transform:uppercase;
	vertical-align:middle;
}

/* Dropdown menu met 3+ levels
----------------------------------------------------------*/
#topnav{}
#topnav ul{}
#topnav li{white-space:nowrap;position:relative;list-style:none;padding:24px 0;}

	/* First level
	----------------*/
	#topnav > ul > li { float:left;	}
	#topnav a { display:block;text-decoration:none;padding:15px 16px;color:#003761;font-size:18px;transition:all 0.1s ease;}
	#topnav .last-page a {padding-right:0;}
	#topnav ul li > a:hover {color:#e30613;}
		#topnav ul li.current_page_item > a,
				#topnav ul li.current_page_ancestor > a{ color:#009fe3;}
				#topnav ul li.current_page_item > a,
				#topnav ul li.current_page_ancestor > a {text-decoration:underline;}
				#topnav ul li:hover .dropdown{ display:block; }
				#topnav span.span_has_children{background: url(images/has-children.png) no-repeat 10px 1px;height:8px;width:8px;display:inline-block;padding-left:10px;}

		/* Second level
		----------------*/
		#topnav ul.dropdown{position:absolute;z-index:100;left:0px;top:100%;display:none;min-width:140px;}
			#topnav ul ul li{}
			#topnav ul ul a{text-decoration: underline;display:block;}
				#topnav ul ul li:hover{}
				#topnav ul ul li:hover > a{text-decoration:none;}

			/* Thirth level into infinity
			--------------------------------*/
			#topnav ul ul span.span_has_children{background-image:url(images/ul-has-children.png);}
			.dropdown ul {display:none;position:absolute;left:100%;top:0;}
			.dropdown li:hover > ul,
				.dropdown ul > li:hover > ul,
				.dropdown ul ul > li:hover > ul{display:block;}

/* Responsive Menu
----------------------------------------------------------*/
#resMenu { position: fixed;z-index: 9999;overflow: hidden;top: 0px;right: -325px;width: 325px;height: 100%;background:#fff;border-left:3px solid #f2f2f2;transition: all 0.1s ease; }
#wrapper.open #resMenu { right: 0px; }

#resNav { padding: 60px 30px;height: 100%;overflow-y: scroll;width: 105%;}
#resNav li { list-style:none;}
#resNav a { color:#003761;display:block;padding:10px 20px;text-decoration:none;font-size:20px;}
#resNav a:hover { background:white;color:#112c4b;}
#resNav .current_page_item > a,
#resNav .current_page_ancestor > a {
	text-decoration:underline;
	color:#009fe3;
}
#resNav .ul_li_ul { padding-left:20px;}

#resNav .fa-close {position:absolute;top:30px;right:30px;font-size:20px;color:#003761;cursor:pointer;}
#resNav .fa-close:hover {color:#112c4b;}

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

/* Content
----------------------------------------------------------*/
.btn, #pagination a {
	display:inline-block;
	background-color:#009fe3;
	color:#fff;
	text-decoration:none !important;
	font-size:20px;
	text-transform:uppercase;
	font-weight:700;
	font-family: 'Rajdhani','Raleway',Arial,Helvetica,Sans-serif;
	padding:15px 43px;
	border-radius:5px;
	box-shadow:0 2px 0 #112c4b;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;
}

.btn:hover, #pagination a:hover {
	background-color:#0092d1;
}

.btn.fl, #pagination a {
	margin-left:30px;
}

.btn.fl.first, #pagination a.next-posts {
	margin-left:0;
}

.white .btn, #pagination a {
	box-shadow:0 2px 0 #acb5c0;
	margin-top:38px;
}

section h3, section h2 {
	font-size:30px;
	margin-bottom:40px;
	text-transform:uppercase;
	color:#fff;
	line-height:35px;
}

section p {
	line-height:25px;
	color:#fff;
	margin-bottom:1em;
}

section ul {
	margin-bottom:1em;
	color: #003761;
}

.white {
	padding: 25px 0;
}

#content.white.page {
	padding:50px 0 0px;
}

.white h3, .sitemap a, #content p a {
	color:#003761;
}

.sitemap a:hover, #content p a:hover {
	text-decoration:none;
}

.white h2 {
	color:#112c4b;
}

.white p, .white small {
	color:#003761;
}

.pakketten h3, .pakketten .page-loop, .pakketten small {
	display:block;
	text-align:center;
}

.pakketten h3 {
	margin-bottom:10px;
}

#pakketten .pakket {
	padding:0 5px;
}

.pakketten #pakketten img {
	margin:0 auto;
	max-width:100%;
	height:auto;
}

#contact {
	padding:0;
}

#contact .colfull {
	display: flex;
	gap: 64px;
	padding-top:50px;
	padding-bottom:50px;
}

#contact .colfull .left {
	width: calc(40% - 32px);
}

#contact .colfull .right {
	width: calc(60% - 32px);
}

#contact .half + .half {
	padding-left:0;
}

#team {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
}

#team {
	max-width:70%;
	z-index:0;
}
#team img {
	max-width:100%;
	height:auto;
}

.swiper-container {
	display:block;
	width:100%;
	height:480px;
	position:relative;
	overflow:hidden;
}

.swiper-mobile-content {
	display:none;
	background-color:#003761;
	border-top:5px solid #112c4b;
	padding:50px 0;
}

.swiper-mobile-content h2 {
	font-size: 30px;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #fff;
    line-height: 35px;
}

.swiper-container .content {
	display:block;
	width:100%;
	height:480px;
	position:absolute;
	top:0;
	left:0;
	padding-top:115px;
	color:#fff;
	z-index:3;
	pointer-events:none;
}

.swiper-container h1 {
	font-size:30px;
	text-transform:uppercase;
	margin-bottom:46px;
}

.swiper-container p {
	line-height:25px;
	margin-bottom:42px;
	max-width:370px;
}

.swiper-container .content .colfull * {
	pointer-events:all;
}

.swiper-pagination {
    display: inline-block;
    z-index: 999;
    height: 12px;
    width: 100%;
	margin-top:50px;
}

.swiper-pagination .swiper-pagination-switch {
    height: 12px;
    width: 12px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #fff;
    transition: all 0.1s ease;
    margin: 0px 3px;
}

.swiper-pagination .swiper-pagination-switch:hover, .swiper-pagination .swiper-active-switch {
    background-color: #e30613;
    cursor: pointer;
}

.swiper-slide {
	position:relative;
	overflow:hidden;
}

.swiper-slide img {
    position: absolute;
    right:0;
}

.blue {
	display:block;
	background-color:#003761;
	border-top:5px solid #112c4b;
	padding:40px 0;
	position:relative;
}

.blue:before {
	content:"";
	display:block;
	width:28px;
	height:14px;
	background:url(images/arrow-top.png) no-repeat center center transparent;
	position:absolute;
	top:-5px;
	left:50%;
	margin-left:-14px;
}

#pakketten {
	text-align:center;
	padding:70px 0;
}

#pakketten h3 {
	margin:0;
	margin-right:40px;
	display:inline-block;
	line-height:50px;
}

#pakketten .btn {
	vertical-align:top;
}

#pakketten.even:before {
	background-image:url(images/arrow-top-gray.png);
}

#content .page-loop + #pakketten {
	padding:0;
	margin:15px auto 7px;
	max-width:762px;
}

#crossmediaal p {
	margin-bottom:42px;
}

#crossmediaal img {
	margin:0 auto;
	max-width:100%;
	height:auto;
}

#werk .all {
	text-decoration:none;
	color:#003761;
	line-height:35px;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;
}

#werk .all span {
	margin-left:10px;
}

#werk .all:hover {
	color:#009fe3;
}

#buttons .cell {
	padding:0 28px;
	width:17.28%;
}

#buttons .cell.line {
	padding:0;
}

.button-shape {
    position:relative;
    height:109px;
    width:109px;
    background-color:#009fe3;
    border-radius:4px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
	box-shadow:2px 1px 1px rgba(0,0,0,0.35);
	cursor:pointer;
	margin:0 auto;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;
}

.button-shape:hover {
	background-color:#e30613;
}

.active .button-shape {
	background-color:#112c4b;
	cursor:auto;
}

.line-shape {
	position:relative;
	height:5px;
	width:65%;
	background-color:#e30613;
	margin:52px auto 0;
}

.button-shape:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
	background:url(images/inventarisatie-icon.png) no-repeat center center transparent;
	pointer-events:none;
}

.doelgroep .button-shape:before {
	background-image:url(images/doelgroep-icon.png);
}

.crossmedia .button-shape:before {
	background-image:url(images/crossmedia-icon.png);
}

.pakketten .button-shape:before {
	background-image:url(images/pakketten-icon.png);
}

#buttons .fl {
	position:relative;
	width: 14.28%;
	margin-top:24px;
}

#content.page #buttons .fl {
	width:20%;
}

#buttons .fl.video {
	margin-left: 10%;
}

#buttons h4 {
	text-align:center;
	width:100%;
	font-weight:500;
	font-size:15px;
	color:#003761;
	font-family: 'Raleway',Arial,Helvetica,Sans-serif;
	margin-top:68px;
}

#buttons .active h4 {
	font-weight:700;
}

#content.page .button-shape:before {
	display:none !important;
}

#content.page .button-shape {
	line-height:109px;
}

#content.page .button-shape h4 {
	display:inline-block;
	vertical-align:middle;
	margin:0 !important;
	color:#fff !important;
	line-height:17px;
	font-weight:700 !important;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#pages {
	display:block;
	margin-top:95px;
}

#pages .page {
	display:none;
	position:relative;
}

#pages .page.active {
	display:block;
}

#pages ul {
	line-height:25px;
	color:#003761;
	list-style-position:inside;
}

#terms {
	display:block;
	margin-top:25px;
}

#terms .term {
	display:block;
	color:#fff;
	background-color:#acb5c0;
	padding:20px;
	border-radius:4px;
	margin-right:20px;
	margin-top:20px;
}

.over-ons-image {
	max-width: 100% !important;
}

#werk .projects {
	padding:0 17px;
}

.project {
	display:block;
	width:25%;
}

.project a {
	display:block;
	width:90%;
	max-width:255px;
	margin:0 auto;
	overflow:hidden;
	border-radius:5px;
	position:relative;
	height: 200px;
}

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

.project .overlay {
	display:block;
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	background:url(images/project-hover.png) no-repeat center center transparent;
	width:100%;
	height:200px;
	line-height:200px;
	color:#fff;
	text-align:center;
	padding:0 5px;
	border-radius:5px;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;
}

.project a:hover .overlay, .project .overlay.no-thumb {
	visibility:visible;
	opacity:1;
}

.project .overlay strong {
	font-size:20px;
	font-family: 'Raleway',Arial,Helvetica,Sans-serif;
	font-weight:700;
	display:inline-block;
	line-height:24px;
	vertical-align:middle;
}

.project .overlay span {
	font-size:15px;
	font-weight:500;
	line-height:17px;
	display:block;
	padding-top:30px;
}

#content.white.page .project {
	margin-top:20px;
}

#pages.media {
	margin-top:40px;
	margin-bottom:-65px;
}

#pages.media .half.left {
	min-height:10px;
}

#pages .inner {
	display:block;
	max-width:565px;
	width:100%;
	padding:70px 0;
	padding-right:30px;
}

#pages .half.left .center {
	position: absolute;
    bottom: 0;
    width: 50%;
    height: 100%;
}

#pages .half.left img {
	max-width: 90%;
    max-height: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;/
}

#breadcrumbs {
	display:block;
	background-color:#f2f2f2;
	color:#009fe3;
	font-size:12px;
	line-height:26px;
}

#breadcrumbs a {
	color:#009fe3;
	text-decoration:none;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}

#breadcrumbs .breadcrumb-seperator {
	padding:0 5px;
}

#categories {
	display:block;
	width:100%;
	text-align:center;
	font-size:0;
	margin-bottom:30px;
}

#categories .category {
	display:inline-block;
}

#categories .category a {
	display:block;
	border:2px solid #003761;
	border-right:0;
	font-size:20px;
	color:#003761;
	font-weight:700;
	text-decoration:none;
	padding:17px 30px;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;
}

#categories .category.last a {
	border-right:2px solid #003761;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

#categories .category.first a {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

#categories .category a:hover {
	color:#009fe3;
}

#categories .category.active a {
	color:#fff;
	background-color:#009fe3;
	border-color:#009fe3;
}

#categories .category.active + .category a {
	border-left-color:#009fe3;
}

#content.single .half.left img, #content.single .half.fr > img {
	max-width:100%;
	height:auto;
}

#content.single .half.left img:first-child {
	margin-bottom:40px;
}

#content.single p {
	padding-bottom:5px;
}

#content .socials a {
	float:left;
	display:block;
	font-family:helvetica;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	width:49.5%;
	border:1px solid #37589c;
	border-radius:3px;
	background: #4c69ba;
    background: -webkit-linear-gradient(#4c69ba, #3b55a0);
    background: linear-gradient(#4c69ba, #3b55a0);
	text-shadow: 0 -1px 0 #354c8c;
	color:#fff;
	line-height:30px;
	margin-right:1%;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;
}

#content .socials a span {
	font-size:15px;
	padding-right:5px;
}

#content .socials a:hover {
	background: #5979d2;
    background: -webkit-linear-gradient(#5979d2, #4d6ab9);
    background: linear-gradient(#5979d2, #4d6ab9);
}

#content .socials a + a {
	margin-right:0;
	background: #00c6fc;
	background: -webkit-linear-gradient(#00c6fc, #00a2d3);
    background: linear-gradient(#00c6fc, #00a2d3);
	border-color:#00a9d7;
	text-shadow: 0 -1px 0 #00a9d7;
}

#content .socials a + a:hover {
	background: #5CD6F7;
	background: -webkit-linear-gradient(#5CD6F7, #02B8EF);
    background: linear-gradient(#5CD6F7, #02B8EF);
}

#content.blog {
	padding:0 !important;
}

.post {
	display:block;
	padding:75px 0 65px;
}

.post.even {
	background-color:#f2f2f2;
}

.post h2 {
	margin-bottom:0;
}

.post span {
	display:block;
	font-size:12px;
	color:#009fe3;
	margin-top:-5px;
	margin-bottom:30px;
}

.post .half.thumb a {
	display:inline-block;
	max-width:100%;
}

.post .half.thumb.fr a {
	float:right;
	max-width:100%;
}

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

#pagination.even {
	background-color:#f2f2f2;
}

#pagination a {
	margin-top:75px;
	margin-bottom:65px;
}

#content.contact h2 {
	margin-bottom:30px;
}

#content.contact .info {
	display:block;
	width:25%;
	padding-right:10px;
	color:#003761;
}

#content.contact #posts {
	display:block;
	width:75%;
	padding-left:10px;
	color:#003761;
}

#content.contact .info ul {
	list-style-type:none;
}

#content.contact .info a {
	text-decoration:none;
	color:#003761;
}

#content.contact .info a:hover {
	text-decoration:underline;
}

#contactform .form-field > label {
	display:none;
}

#contactform .fl {
	width:33.33%;
}

#contactform .fr {
	width:66.67%;
	padding-left:30px;
}

#contactform .input, #contactform .textarea {
	display:block;
	width:100%;
	font-family: 'Raleway',Arial,Helvetica,Sans-serif;
	font-weight:500;
	font-size:15px;
	line-height:15px;
	color:#003761;
	background-color:#f2f2f2;
	padding:16px 25px;
	border-radius:3px;
	margin-bottom:10px;
	border:1px solid transparent !important;
	background-image:none !important;
	box-shadow:none !important;
}

#contactform .input.error, #contactform .textarea.error {
	border:1px solid red !important;
	color:red;
}

body.chrome #contactform .input.focus {
	line-height:18px;
}

#contactform .btn {
	cursor:pointer;
	margin-top:0;
	width:auto;
	padding-left:43px;
}

#contactform .input:-webkit-autofill, #contactform .textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset !important;
	background-color: #f2f2f2 !important;
    color: #003761 !important;
}

#contactform .updated.settings-error {
	display: block;
    background-color: #009FE3;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 3px;
	padding:16px 25px;
}

#contactform .updated.settings-error p {
	margin-bottom:0;
}

#contactform .updated.settings-error strong {
	font-weight:500;
	font-size:15px;
	line-height:15px;
	color: #fff;
}

#contact p {
	max-width:400px;
	position:relative;
	z-index:3;
}

/* Footer
----------------------------------------------------------*/
footer {
	display:block;
	position:relative;
	background-color:#003761;
	color:#fff;
	padding-top:50px;
}

footer a {
	color:#fff;
	text-decoration:none;
}

#copy {
	display:block;
	background-color:#112c4b;
	font-size:12px;
	line-height:25px;
	text-align:center;
}

.footercol {
	display:block;
	width:33.33%;
}

.footercol h4 {
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
	margin-bottom:54px;
}

.footercol ul {
	list-style-type:none;
	margin-bottom:46px;
}

.footercol ul li {
	margin-top:10px;
}

.footercol ul li:first-child {
	margin-top:0;
}

.footercol a {
	text-decoration:underline;
}

.footercol a.mailto {
	color:#009fe3;
}

.footercol a:hover {
	text-decoration:none;
}

#maps {
	display:inline-block;
	margin-bottom:48px;
}

#maps img {
	max-width:100%;
	height:auto;
}

.footercol .btn {
	margin-bottom:48px;
}

#copy ul {
	margin-bottom:0;
}

#copy ul li {
	margin:0;
}

#copy a:hover {
	text-decoration:underline;
}

.btn {
	display: block !important;
	width: fit-content !important;
}

.projecten-overzicht {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
}

.projecten-overzicht .project {
	width: calc(25% - (96px / 4)) !important;
}

.projecten-overzicht .project a {
	height: inherit !important;
	width: 100% !important;
	max-width: inherit !important;
	text-decoration: none !important;
}

.projecten-overzicht .project-title {
	color: #003761 !important;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Rajdhani','Raleway',Arial,Helvetica,Sans-serif;
	font-weight: 700;
}

.projecten-overzicht .project .project-categories {
	color: #009fe3 !important;
	font-size: 14px;
	padding-bottom: 4px;
}

.projecten-overzicht .project .project-info {
	padding-top: 16px !important;
}

.projecten-overzicht .project img {
	height: auto !important;
	width: 100%;
	object-fit: cover !important;
}

.projecten-overzicht .project .project-image  { 
	overflow: hidden;
	background: #f1f1f1;
}

.projecten-overzicht .project .project-image img {
transition: all 0.2s ease-in-out;
} 

.projecten-overzicht .project a:hover .project-image img {
	transform: scale(1.04); 
}

.home-video {
	height: 420px;
	width: 100%;
	object-fit: cover;
}

#intro-text .bottom-section {
	background: #003761;
}

#intro-text .bottom-section p {
	color: #ffffff !important;
}

#intro-text .bottom-section div.colfull{
	display: flex;
	justify-content: space-between;
	gap: 64px;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 50px;
	padding-top: 50px;
}

#intro-text .bottom-section div.colfull div {
	width: calc(50% - 32px);
}

#intro-text .bottom-section img {
	max-width: 100%;
	max-height: 300px;
	place-self: center;
}

.subpage-video {
	height: 340px;
	width: 100%;
	object-fit: cover;
}

#mijnmagazine {
	display: flex;
	flex-flow: column;
	gap: 100px;
}

#mijnmagazine .mijnmagazine-wrapper {
	display: flex;
	gap: 64px;
	flex-wrap: wrap;
}

#mijnmagazine .mijnmagazine-wrapper .mijnmagazine-left {
	width: calc(40% - 32px);
}

#mijnmagazine .mijnmagazine-wrapper .mijnmagazine-right {
	width: calc(60% - 32px);
}

#mijnmagazine .mijnmagazine-wrapper .mijnmagazine-left img {
	width: 100%;
}

.diensten-section .diensten-wrapper {
	display: flex;
	gap: 64px;
}

.diensten-section .diensten-wrapper .diensten-left {
	display: flex;
	flex-flow: column;
	gap: 10px;
	width: calc(35% - 32px);
}

.top-section h3 {
	margin-bottom: 25px !important;
}

.diensten-section .diensten-wrapper .diensten-left span {
	padding: 22px;
	border: solid 1px #DCDCDC;
	font-family: 'Rajdhani', 'Raleway', Arial, Helvetica, Sans-serif;
    font-weight: 700;
	text-transform: uppercase;
	color: #003761;
	font-size: 16px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	position: relative;
	background: #ffffff;
	white-space: nowrap;
}

.diensten-section .diensten-wrapper .diensten-left span:hover,
.diensten-section .diensten-wrapper .diensten-left span.active {
	background: #009FE3;
	color: #ffffff;
	border: solid 1px #009FE3;
}

.diensten-section .diensten-wrapper .diensten-left span::after {
	content: "";
	background: url(images/rectangle.svg);
	position: absolute;
    right: -13px;
    top: 50%;
    width: 13px;
    height: 29px;
    transform: translateY(-50%);
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.diensten-section .diensten-wrapper .diensten-left span:hover::after,
.diensten-section .diensten-wrapper .diensten-left span.active::after {
	opacity: 1;
}

.diensten-section .diensten-wrapper .diensten-right {
	width: calc(65% - 32px);
}

.diensten-section .diensten-wrapper .diensten-right h4 {
	font-family: 'Rajdhani', 'Raleway', Arial, Helvetica, Sans-serif;
    font-weight: 700;
	text-transform: uppercase;
	color: #003761;
	font-size: 22px;
	margin-bottom: 8px;
	line-height: 1em;
}

.diensten-section .diensten-wrapper .diensten-right .btn.ghost {
	margin-top: 0px !important;
	box-shadow: none !important;
	background-color: #ffffff !important;
	border: solid 1px #009fe3;
	color: #009fe3;
	transition: all 0.2s ease-in-out;
	margin-bottom: 48px;
}

.diensten-section .diensten-wrapper .diensten-right .btn.ghost:hover {
	background-color: #009fe3 !important;
	border: solid 1px #009fe3;
	color: #ffffff;
}

.diensten-section .diensten-wrapper .diensten-right p {
	margin-bottom: 1em !important;
}

.diensten-section .diensten-wrapper .diensten-right img {
	max-width: 100%;
	width: 100%;
	max-height: 360px;
	object-fit: cover;
}

.projecten-section {
	margin-top: 25px;
	display: flex;
	flex-flow: column;
	gap: 64px;
	background: #003761;
	padding-top: 64px;
	padding-bottom: 64px;
	overflow: hidden;
}

.projecten-section .colfull  {
	display: flex;
	gap: 64px;
}

.projecten-section .colfull h3 {
	margin-bottom: 16px !important;
}

.projecten-section .colfull > div {
	width: calc(50% - 32px);
}

.projecten-section .colfull > div:last-child {
	align-content: center;
}

.projecten-slider {
	width: 100% !important;
	padding-left: calc(((100% - 1170px) / 2) + 30px);
}

.projecten-slider swiper-container {
	margin-right: -200px;
}

.projecten-slider .project-image img {
	height: 100%;
	width: 100%;
	object-fit: cover !important;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
}

.projecten-slider .project-image {
	border-radius: 4px;
	margin-bottom: 16px;
}

.projecten-slider .project-cat {
	color: #009FE3;
	font-size: 14px;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 4px;
	display: inline-block;
}

.projecten-slider .project-title {
	font-family: 'Rajdhani', 'Raleway', Arial, Helvetica, Sans-serif;
    font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 0px;
	line-height: 1em;
}

.projecten-slider a {
	text-decoration: none !important;
}

.projecten-slider swiper-slide .project-image {
	overflow: hidden;
}

.projecten-slider swiper-slide:hover .project-image img {
	transform: scale(1.04);
}

.projecten-pagination {
	display: flex;
	margin-top: 50px;
	gap: 24px;
}

.projecten-pagination div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	border-radius: 1px;
	border: solid 1px #009fe3;
	transform: rotate(45deg);
	background: transparent;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.projecten-pagination div:hover {
	background: #009fe3;
}

.projecten-pagination svg {
	transform: rotate(-45deg);
}

/* 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:380px;width:100%;padding-bottom:0px;margin-bottom:0px;}
#gmaps-wrap { height:380px;overflow:hidden;width:100%; }
#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;}

/* Responsive
-----------------------------------------------------------*/
@media handheld, screen and (max-width: 1170px) {
	.projecten-slider {
		padding-left: 20px;
		padding-right: 20px;
	}
	.colfull { width:100%;padding-left:20px;padding-right:20px;}
	#topnav { float:right;}
	#topnav > ul { display:none;}
	#resNavOpener { display:block;}
	header .colfull {padding-left:0;}
	#copy .colfull, #topbar .colfull {padding-right:0;}
	#categories .category a {padding:17px 10px;font-size:18px;}
}
@media handheld, screen and (max-width: 980px){
	#buttons .doelgroep + .line {
		display:none;
	}
	#buttons .fl {
		width:33.33%;
	}
	#buttons .inventarisatie, #buttons .doelgroep {
		margin-bottom:20px;
	}
	#team {
		max-width:60%;
	}
	.project {margin-bottom:20px;width:33.33%;}
	#categories .category a {padding:17px 5px;font-size:18px;}
	#content.contact .info {width:35%;}
	#content.contact #posts {width:65%;}
	#team {max-width:100%;position:static;margin-top:-50px;}
	#contact p {max-width:none;}
	#contact .btn {position:relative;z-index:3;}
	#contact .colfull {padding-top:50px;}
	#team img {margin:0 auto;}

	#contact .half + .half {margin-bottom:20px;}
}
@media handheld, screen and (max-width: 850px) {
	#content.page #buttons .fl {width:25%;}
	#content.page #buttons .fl.video {margin-left:0;}
	#content.page #buttons .fl.social-media {margin-left:12.5%;}
	#content.page #buttons .fl.beurzen {margin-left:25%;}
}
@media handheld, screen and (max-width: 820px){
	.pakketten #pakketten .pakket {width:33.33%;}
}
@media handheld, screen and (max-width: 768px) {
	#contact .colfull {
		flex-flow: column;
		gap: 32px;
	}

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

	#mijnmagazine .mijnmagazine-wrapper {
		flex-flow: column-reverse;
	}
	#mijnmagazine .mijnmagazine-wrapper .mijnmagazine-left,
	#mijnmagazine .mijnmagazine-wrapper .mijnmagazine-right {
		width: 100%;
	}
	.projecten-section .colfull {
		flex-flow: column;
		gap: 38px;
	}

	.projecten-section .colfull > div {
		width: 100% !important;
	}

	.projecten-section .btn {
		float: left !important;
	}

	.projecten-slider swiper-container {
		margin-right: 0px;
	}
	.diensten-section .colfull {
		padding-right: 0px;
		padding-left: 0px;
	}
	.diensten-section .diensten-wrapper {
		flex-flow: column;
	}

	.diensten-section .diensten-wrapper .diensten-left,
	.diensten-section .diensten-wrapper .diensten-right {
		width: 100%;
	}

	.diensten-section .diensten-wrapper .diensten-right,
	.diensten-section h3 {
		padding-right: 20px;
		padding-left: 20px;
	}

	.diensten-section .diensten-wrapper .diensten-left {
		flex-flow: row;
		overflow: auto;
		margin-left: 20px;
	}

	.diensten-section .diensten-wrapper .diensten-left::after {
		content: "";
        background: url(images/arrow-right-blue.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        right: 20px;
        top: 140px;
        height: 16px;
        width: 16px;
		animation: scroll-indicator .6s infinite alternate;
    }

	@keyframes scroll-indicator {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(5px);
		}
	}

	.diensten-section .diensten-wrapper .diensten-left span {
		padding: 16px !important;
		font-size: 14px !important;
	}

	.diensten-section .diensten-wrapper .diensten-left span::after {
		display: none !important;
	}

	#intro-text .bottom-section div.colfull{
		flex-flow: column;
	}
	#intro-text .bottom-section div.colfull div {
		width: 100%;
	}
	.projecten-overzicht {
		gap: 16px !important;
	}
	.projecten-overzicht .project {
		width: calc(50% - 8px) !important;
	}
	#gm_directions .companyInfo { display:none;}
	.footercol {width:50%;}
	.half {width:100%;float:none;padding:0 !important;}
	.half.left {margin-bottom:20px;}
	#crossmediaal .table, #crossmediaal .cell {display:block;}
	.project {width:50%;}
	#pages .half.left img {position:static;max-width:100%;max-height:none;}
	#pages.media .half.left {margin-bottom:0;}
	#pages .half.left .center {position:static;margin:0 auto;}
	#pages .inner {padding:60px 20px;max-width:none;}
	#categories .category a {font-size:16px;}
	#content.contact .info, #content.contact #posts {padding:0;width:100%;float:none;}
	#content.contact .info {margin-bottom:20px;}
	.pakketten #pakketten .pakket {width:50%;}
	#team {margin-top:-20px;}
	.swiper-container .content {display:none;}
	.swiper-mobile-content {display:block;}
	.swiper-container .swiper-slide img {position:static;margin:0;margin-left:-100%;left:0;width:200%;height:auto;}
	.swiper-container, .swiper-wrapper, .swiper-slide {height:auto !important;}
	.page-header > .colfull {display:none;}
	.header-mobile {display:block;}
	.page-header > img {position:static;left:0;margin:0;margin-left:-100%;width:200%;height:auto;}
}
@media handheld, screen and (max-width: 700px){
	#content.page #buttons .fl {width:33.33%;margin-bottom:25px;}
	#content.page #buttons .fl.social-media, #content.page #buttons .fl.beurzen {margin-left:0;}
	#categories .category a {font-size:13px;}
	#pagination a.next-posts {margin-bottom:35px;margin-top:25px;}
	#pagination a.all-posts {margin-left:0;margin-top:0;}
}
@media handheld, screen and (max-width: 580px){
	.footercol {width:100%;float:none;text-align:center;}
	#topbar {display:none;}
	header {padding-top:23px;}
	#pakketten h3 {margin:0 0 20px;line-height:30px;}
	.project {width:100%;}
	#content.page #buttons .fl {width:50%;}
	#categories .category {width:100%;}
	#categories .category a {border-right: 2px solid #003761;border-top-width:0;border-radius:0 !important;font-size:20px;}
	#categories .category.first a {border-top-width:2px;}
	#contactform > .fl, #contactform > .fr {padding:0;width:100%;float:none;}
	#copy .colfull {padding-left:0;}
	.pakketten #pakketten .pakket {width:100%;float:none;}
	#team {margin-top:20px;}
	.page-header > img {width:300%;margin-left:-200%;}
}
@media handheld, screen and (max-width: 480px) {
	.diensten-section .diensten-wrapper .diensten-right img {
		max-height: inherit !important;
		object-fit: inherit !important;
	}
	#buttons .fl {width:100% !important;float:none;display:block !important;margin-bottom:40px;}
	#content.page #buttons .fl {margin:0 0 60px;}
	#content.page #buttons .fl.internet-marketing {margin-bottom:0;}
	#buttons .line {margin-top:0;display:none !important;}
	#buttons .line-shape {width:5px;height:100px;margin-top:0;margin-bottom:52px;}
	#pages {margin-top:55px;}
	#crossmediaal .btn {float:none;margin:0;margin-bottom:30px;}
	#logo img {width:200px;height:auto;}
	#resNavOpener {margin-top:19.5px;}
}
@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;}
	.projecten-overzicht .project {
		width: 100% !important;
	}
}