/*

Theme Name: hannibal - Child Theme
Theme URI: http://www.x-plicit.be
Author: JB
Author URI: http://www.x-plicit.be
Description: All changes go here.
Version: 3.2.3
Template: hannibal

*/

@import url('../hannibal/framework/css/site/stacks/icon.css');

body {
	font-family: 'Ubuntu', sans-serif !important;
}

.x-btn {
	text-shadow: none !important;
}

#nl .en {
	display: none;
}
#en .nl {
	display: none;
}
.screen-reader-response,
span.wpcf7-not-valid-tip {
	display: none;
}

.lang-sel {
	float: right;
	padding: 20px 0 0;
}
.lang-sel ul {
	list-style: none;
	background-color: #3c3c3b;
	margin: 0px 5px 0px !important;
}
.lang-sel ul li {
	float: left;
	margin-right: 5px;
}
.totuwdienst .x-btn {
	background: none;
	border: 1px solid #e94e1b;
	color: #566471;
	padding: 5px 10px;
	text-decoration: none;
}

.totuwdienst .x-btn:hover {
	background: none;
	border: 1px solid #566471;
	color: #566471;
	text-decoration: none;
}

.page h2 {
	background: url('https://www.hannibaltransport.be/wp-content/uploads/2015/03/hr-orange.png')
		center bottom no-repeat;
	text-align: center;
	font-size: 28px;
	color: #3c3c3b;
	margin: 0 0 20px;
	padding: 0 0 15px;
	text-transform: uppercase;
	width: 100%;
}

.klantengetuigen h2 {
	margin: 0 0 50px;
}

.topimage h2 {
	font-size: 38px;
	color: #ffffff;
}
.topimage p {
	color: #ffffff !important;
	text-align: center;
	margin-top: -18px;
	margin-bottom: 20px !important;
}

h3 {
	font-size: 16px;
	font-weight: bold !important;
	margin-bottom: 20px;
	color: #3c3c3b;
}

.cases-content h3 {
	margin: 0 0 20px;
}

.totuwdienst h3,
.totuwdienst h3 a {
	color: #3c3c3b;
	text-align: center;
}

.x-content-band .x-content-band.vc {
	padding-top: 0 !important;
}

/* TOPNAV */
.topnav {
	float: right;
	padding: 20px 0 0;
}

.topnav a {
	float: left;
	margin-right: 10px;
	color: #566471;
	font-size: 13px;
}

.topnav a:hover {
	color: #272727;
}

.topnav a:last-child {
	color: #e94e1b;
	margin-right: 0px !important;
}

.topnav a:last-child:hover {
	color: #272727;
}

.x-topbar {
	border: medium none;
	background: none;
}
.x-navbar .x-brand {
	position: absolute;
	top: -13px;
}

.x-navbar .desktop .x-nav li > a > span::after {
	content: url('https://www.hannibaltransport.be/wp-content/uploads/2015/05/dropdown-arrow.png') !important;
}

.x-nav li#menu-item-141,
.x-nav li#menu-item-141 a,
.x-nav li#menu-item-141 a span {
	margin-right: 0px;
	padding-right: 0px;
}

.x-nav li#menu-item-451 span,
.x-nav li#menu-item-629 span {
	background: url('https://www.hannibaltransport.be/wp-content/uploads/2015/06/home.png')
		center center no-repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: 70% auto !important;
	text-indent: -9999px;
}

.x-nav li#menu-item-451 span:hover,
.x-nav li#menu-item-451.current-menu-item span,
.x-nav li#menu-item-629 span:hover,
.x-nav li#menu-item-629.current-menu-item span {
	background: url('https://www.hannibaltransport.be/wp-content/uploads/2015/06/home-hover.png')
		center center no-repeat;
	text-indent: -9999px;
}

.x-slider-container.above,
.x-slider-container.below {
	border-bottom: none !important;
}

#menu-nav span,
#menu-nav-en0 span {
	border: none !important;
}
#menu-nav a,
#menu-nav-en0 a {
	padding-top: 16px;
}

/* FOOTER */
.x-colophon.top {
	background: #313132;
	padding: 60px 0;
	color: #fff !important;
	border-top: none !important;
}
.x-colophon.top a,
.x-colophon.top h4 {
	color: #fff;
}

.x-colophon.top #text-4 {
	text-align: center;
}

.x-colophon.top #text-5 {
	text-align: right;
}
.x-colophon.top a:hover {
	color: #484848;
}
.x-colophon.bottom {
	border-top: none;
	background: #2b2b2c;
	padding: 0 !important;
	height: 40px;
	color: #fff;
}

.x-colophon.bottom a {
	color: #fff;
}

.x-colophon.bottom a:hover {
	color: #484848;
}

.x-colophon.bottom .x-colophon-content {
	margin: 0 !important;
	line-height: 40px !important;
}
.x-colophon.bottom p {
	margin: 0 !important;
}

/* CALL TO ACTION */

.vragendienstverlening .x-container {
	background: url('https://www.hannibaltransport.be/wp-content/uploads/2015/04/bergje.png')
		right bottom no-repeat;
	color: #ffffff;
	padding: 60px 0;
	text-align: center;
}

.vragendienstverlening {
	padding: 0 !important;
}

.vragendienstverlening .x-container img.wp-image-42 {
	margin: 10px 0 0;
}

/* HOMEPAGE */
.homepage .totuwdiensthome,
.home .totuwdiensthome {
	background-image: url('https://www.hannibaltransport.be/wp-content/uploads/2015/03/bg-overons.png'),
		url('https://www.hannibaltransport.be/wp-content/uploads/2015/03/bg-overons.jpg');
	background-position: top center, 0 700px;
	background-repeat: no-repeat;
	margin: -135px 0 0 !important;
	padding: 200px 0 60px !important;
	position: relative;
	z-index: 9999999999999999 !important;
}

.werkwijze h2 {
	background: none;
	text-align: center;
	font-size: 28px;
	color: #ffffff;
	margin: 0 0 25px;
	padding: 0;
	text-transform: uppercase;
}

.werkwijze {
	color: #ffffff;
}

.werkwijze .werkwijze-nr {
	margin: 0 auto 25px;
	max-width: 730px !important;
	min-height: 65px;
	padding: 20px 0 0 65px;
}

.werkwijze #werkwijze-1 {
	background: url('https://www.hannibaltransport.be/wp-content/uploads/2015/04/werkwijze-1.png')
		left top no-repeat;
}

.werkwijze #werkwijze-2 {
	background: url('https://www.hannibaltransport.be/wp-content/uploads/2015/04/werkwijze-2.png')
		left top no-repeat;
}

.werkwijze #werkwijze-3 {
	background: url('https://www.hannibaltransport.be/wp-content/uploads/2015/04/werkwijze-3.png')
		left top no-repeat;
}

.werkwijze #werkwijze-4 {
	background: url('https://www.hannibaltransport.be/wp-content/uploads/2015/04/werkwijze-4.png')
		left top no-repeat;
	margin: 0 auto;
}

#x-content-band-1 h3.h3-luc {
	text-align: left;
}

h3.h3-luc {
	margin: 0 0 10px;
}

.font-orangebold {
	color: #e94e1b;
	font-weight: bold;
}

/* Dienstenpagina's */
.multimodaal-vervoer #x-content-band-1,
.warehousing #x-content-band-1,
.wegvervoer #x-content-band-1,
.zeevracht #x-content-band-1,
.homepage #x-content-band-1 {
	background-size: contain;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	min-height: 350px;
	text-align: center;
}

.multimodaal-vervoer #x-content-band-1 h2,
.warehousing #x-content-band-1 h2,
.wegvervoer #x-content-band-1 h2,
.zeevracht #x-content-band-1 h2 {
	font-size: 38px;
	color: #ffffff;
}

.warehousing #x-content-band-1 h2 {
	margin-top: 50px;
}

.wegvervoer #x-content-band-1 h2 {
	margin-top: 40px;
}

.multimodaal-vervoer #x-content-band-1 h2 {
	margin-top: 40px;
}

.zeevracht #x-content-band-1 h2 {
	margin-top: 40px;
}

@media (max-width: 1060px) {
	.warehousing #x-content-band-1 h2 {
		margin-top: 30px;
	}
}

@media (max-width: 850px) {
	.zeevracht #x-content-band-1 h2 {
		margin-top: 20px;
	}
}

@media (max-width: 900px) {
	.wegvervoer #x-content-band-1 h2 {
		margin-top: 20px;
	}
}

@media (max-width: 1020px) {
	.multimodaal-vervoer #x-content-band-1 h2 {
		margin-top: 20px;
	}
}

.zeevracht .transportverzekering {
	background: #e94e1b;
	color: #ffffff;
	margin: 25px 0 0;
	padding: 0 25px 25px;
}

.zeevracht .transportverzekering h3 {
	color: #ffffff;
}

/* Netwerk */
.netwerk #x-content-band-1,
.network #x-content-band-1 {
	background-size: contain;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	min-height: 350px;
	text-align: center;
}

.netwerk #x-content-band-1 h2 {
	font-size: 38px;
	color: #ffffff;
	margin-top: 60px;
}

@media (max-width: 780px) {
	.netwerk #x-content-band-1 h2 {
		margin-top: 40px;
	}
}

.netwerk .partners,
.netwerk .partners h2,
.netwerk .partners h3 {
	color: #ffffff;
}

/* Over ons */
.overons .infoblokken,
.overons .infoblokken h3 {
	color: #ffffff;
}

/* Audit */
.audit #x-content-band-1,
.page-id-608 #x-content-band-1 {
	background-size: contain;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	min-height: 350px;
	text-align: center;
}

.audit #x-content-band-1 h2,
.page-id-608 #x-content-band-1 h2 {
	font-size: 38px;
	color: #ffffff;
	margin-top: 25px;
}

/* Info */
.info #x-content-band-1 {
	background-size: contain;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	min-height: 350px;
	text-align: center;
}

.info #x-content-band-1 h2 {
	font-size: 38px;
	color: #ffffff;
	margin-top: 50px;
}

@media (max-width: 800px) {
	.info #x-content-band-1 h2 {
		margin-top: 35px;
	}
}

/* Cases */
.cases #x-content-band-1 {
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	min-height: 350px;
	text-align: center;
}

.cases #x-content-band-1 h2 {
	font-size: 38px;
	color: #ffffff;
	margin-top: 50px;
}

@media (max-width: 976px) {
	.cases #x-content-band-1 h2 {
		margin-top: 30px;
	}
}

/* responsive */
@media (max-width: 1500px) {
	.multimodaal-vervoer #x-content-band-1,
	.warehousing #x-content-band-1,
	.wegvervoer #x-content-band-1,
	.zeevracht #x-content-band-1,
	.homepage #x-content-band-1,
	.info #x-content-band-1,
	.cases #x-content-band-1,
	.audit #x-content-band-1,
	.netwerk #x-content-band-1 {
		background-size: auto;
	}
}

@media (max-width: 1025px) {
	.x-brand.img img {
		margin-top: 14px;
		max-width: 280px;
	}
	#menu-nav span {
		padding: 13px 8px !important;
	}
	.overview {
		right: 10px;
	}
}
@media (max-width: 770px) {
	.totuwdienst .x-column.x-sm.vc.x-1-3,
	.totuwdienst .x-column.x-sm.vc.x-1-4 {
		padding: 0 0 40px;
	}
	.totuwdienst .x-column.x-sm.vc.x-1-3:last-child,
	.totuwdienst .x-column.x-sm.vc.x-1-4:last-child {
		padding: 0;
	}
	.diensten .x-column.vc.x-1-3 {
		height: 660px !important;
	}
	.x-btn-navbar {
		margin-top: 25px !important;
	}
	.home .over .x-column.vc.x-1-3 {
		text-align: left !important;
		width: 100%;
		padding-left: 250px !important;
	}
	.home .over {
		background-position: left bottom;
	}
	.x-colophon.top .x-column .widget:first-child {
		margin-top: 0;
	}
	.x-colophon.top .x-column.x-md {
		float: left;
		margin-right: 0;
		width: 33%;
	}
	page-id-298 .x-column.x-3-4 {
		width: 100%;
	}
	page-id-298 .x-column.x-1-4 {
		width: 100%;
	}

	.overview {
		color: #eb6116;
		font-size: 16px;
		font-weight: bold;
		position: absolute;
		right: 0;
		top: -28px;
		width: 100%;
	}
	.single.x-post-meta-disabled .entry-content {
		width: 45% !important;
	}
	.single.x-post-meta-disabled .entry-featured {
		width: 45% !important;
	}

	.x-content-band.bg-image.parallax,
	.x-content-band.bg-pattern.parallax {
		background-size: auto !important;
		background-repeat: repeat-y;
	}
}

@media (max-width: 450px) {
	#post-2 #x-content-band-1 {
		background-image: url('https://www.hannibaltransport.be/wp-content/uploads/2015/03/bg-overons.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		margin: 0 !important;
		padding: 65px 0 60px !important;
	}
	footer .x-column.x-md.x-1-3 {
		padding: 0 0 40px;
	}
	footer .x-column.x-md.x-1-3.last {
		padding: 0;
	}

	.x-slider-container.below {
		display: none;
	}
	.single.x-post-meta-disabled .entry-featured {
		width: 100% !important;
	}
	.diensten {
		padding-top: 25px !important;
	}
	.x-column.x-sm {
		margin-top: 20px;
	}
	.x-column.x-sm:first-child {
		margin-top: 0px !important;
	}
	.x-colophon.top {
		padding: 70px 0 50px !important;
	}
	.x-colophon.top .x-column.x-md {
		float: none;
		margin-right: 0;
		width: 100%;
		text-align: center !important;
		font-size: 110% !important;
	}

	.x-colophon.top #text-5 {
		text-align: center;
	}

	.x-colophon.bottom p {
		margin: 0 !important;
		float: none !important;
		text-align: center;
	}
	.x-colophon.bottom {
		height: 82px;
	}
	.over .x-column.vc.x-1-3 {
		text-align: left !important;
	}
	page-id-298 .over {
		padding-bottom: 110px !important;
	}
	.stappen h5:after {
		background: none !important;
	}

	.single.x-post-meta-disabled .entry-content {
		width: 100% !important;
	}
	.single.x-post-meta-disabled .entry-featured {
		background-color: #fff;
		border: medium none;
		float: none;
		margin-right: 0;
		padding: 0;
	}

	.w3eden .col-md-12 {
		float: left !important;
		margin-bottom: 30px !important;
		width: 50% !important;
	}
	.single.x-post-meta-disabled .post .entry-featured {
		float: none;
		margin-top: 3%;
	}
}

@media (max-width: 360px) {
	.x-brand.img img {
		margin-top: 14px;
		max-width: 240px;
		margin-top: 23px;
	}
	fieldset {
		max-width: 100% !important;
		width: 100%;
	}
	form fieldset:last-child {
		width: 100% !important;
	}
	.x-subscribe-form input[type='submit'] {
		margin-bottom: 30px;
		margin-top: 0 !important;
		max-width: 100% !important;
		width: 100%;
	}
	.newsletter h2:before {
		position: absolute !important;
		top: -10px;
	}
	.newsletter h2 {
		margin-top: 100px !important;
	}
	.page h2 {
		font-size: 24px !important;
	}
	.w3eden .col-md-12 {
		float: left !important;
		margin-bottom: 30px !important;
		width: 100% !important;
	}
}
/*
Theme Name: expl-theme
Author: Expliciet
Author URI: http://www.expliciet.be
Version: 1
*/

/* Aanpassingen navigatie
===============================================*/

header {
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 30;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header.masthead.masthead-inline {
	display: block;
	position: relative;
	background-color: #ffffff;
}

@media (max-width: 1020px) {
	header {
		position: relative;
		left: auto;
		top: auto;
	}
}

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

.navigatie-normaal .x-container {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header.actief .navigatie-normaal .x-container {
	height: 84px;
}

header.actief .hoofd-nav {
	top: 0px;
}

header.actief .hoofd-nav > div > ul > li.menu-item-has-children .sub-menu {
	margin-top: -4px;
}

.hoofd-nav div.menu-hoofdmenu-container > ul > li > a {
	font-family: Montserrat;
	margin: 0 20px;
	display: block;
	position: relative;
}

.hoofd-nav div.menu-hoofdmenu-container > ul > li:last-of-type > a {
	margin-right: 0;
}

.hoofd-nav div.menu-hoofdmenu-container > ul > li.current-menu-item > a:before,
.hoofd-nav div.menu-hoofdmenu-container > ul > li:hover > a:before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 20px;
	display: block;
	background: #fff;
}

header .navigatie-mobiel .navigatie ul li a {
	font-family: Montserrat;
	font-size: 16px;
}

/* ==========================================================================
   Custom elementen
============================================================================= */

.lijn-onder:after {
	content: '';
	width: 44px;
	height: 1px;
	position: relative;
	display: block;
	margin: 30px auto 0;
	background: #fff;
}

.lijn-onder.gr:after {
	background: #8cca61;
}

.lijn-links:after {
	content: '';
	width: 32px;
	height: 1px;
	position: relative;
	display: block;
	margin: 15px 0 15px;
	background: #fff;
}

.lijn-links.gr:after {
	background: #8cca61;
}

.sub {
	font-size: 18px;
	color: #fff;
}

.x-btn {
	font-family: Montserrat;
}

.x-btn i:before {
	color: #8cca61;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.x-btn:hover i:before {
	color: #fff;
}

.quote {
	font-size: 16px;
}

.quote.groot {
	font-size: 26px;
}

/* ==========================================================================
   home intro
============================================================================= */

.home-intro {
	height: 630px;
}

@media (max-width: 1020px) {
	.home-intro {
		height: 330px;
	}
}

@media (max-width: 560px) {
	.home-intro {
		height: 250px;
	}
}

/* Diensten
===============================================*/

.diensten .x-container:first-of-type {
	margin-top: -160px !important;
	padding: 40px 30px 0 !important;
}

.diensten .x-1-5 {
	width: 30% !important;
	cursor: pointer;
	margin-right: 5% !important;
	float: left !important;
	border: 1px solid #d2d2d2;
	padding: 30px 40px 30px 60px !important;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.diensten .x-1-5:hover {
	border-color: #8cca61 !important;
}

.diensten .x-1-5:nth-of-type(3),
.diensten .x-1-5:nth-of-type(5) {
	margin-right: 0 !important;
}

.diensten .x-1-5:nth-of-type(4),
.diensten .x-1-5:nth-of-type(5) {
	margin-top: 30px !important;
}

.diensten .x-1-5:nth-of-type(4) {
	margin-left: 17.5% !important;
}

/* opmaak */

.diensten .x-1-5 .x-text:first-of-type {
	margin-bottom: 10px;
}

.diensten .x-1-5 h2 {
	font-size: 14px !important;
}

.diensten .x-1-5 a {
	color: #3c3c3b;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.diensten .x-1-5:hover a {
	color: #8cca61;
}

/* iconen */

.diensten .x-1-5:before {
	content: '';
	width: 74px;
	height: 80px;
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -40px;
	left: -36px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.diensten .x-1-5.ontwerpen:before {
	background-image: url(images/bomen.png);
}
.diensten .x-1-5.aanleggen:before {
	background-image: url(images/handje.png);
}
.diensten .x-1-5.verharding:before {
	background-image: url(images/verharding.png);
}
.diensten .x-1-5.onderhoud:before {
	background-image: url(images/snoeischaar.png);
}
.diensten .x-1-5.afsluiting:before {
	background-image: url(images/hekje.png);
}

.diensten .x-1-5:hover:before {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@media (max-width: 1120px) and (min-width: 1000px) {
	.diensten .x-1-5 {
		height: 284px;
	}
}

@media (max-width: 1000px) {
	.diensten .x-1-5 {
		width: 47% !important;
		margin-right: 6% !important;
	}

	.diensten .x-1-5:nth-of-type(3) {
		margin-right: 6% !important;
	}

	.diensten .x-1-5:nth-of-type(2),
	.diensten .x-1-5:nth-of-type(4) {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.diensten .x-1-5:nth-of-type(3),
	.diensten .x-1-5:nth-of-type(4),
	.diensten .x-1-5:nth-of-type(5) {
		margin-top: 30px !important;
	}

	.diensten .x-1-5:nth-of-type(5) {
		margin-left: 25% !important;
	}
}

@media (max-width: 1000px) and (min-width: 768px) {
	.diensten .x-1-5 {
		height: 230px;
	}
}

@media (max-width: 767px) {
	.diensten .x-1-5 {
		width: 92% !important;
		margin-right: 0% !important;
		margin-left: 4% !important;
		padding: 60px 30px 30px 30px !important;
		text-align: center !important;
	}

	.diensten .x-1-5:nth-of-type(3) {
		margin-right: 0% !important;
	}

	.diensten .x-1-5:nth-of-type(2),
	.diensten .x-1-5:nth-of-type(4) {
		margin-right: 0 !important;
		margin-left: 4% !important;
	}

	.diensten .x-1-5:nth-of-type(2),
	.diensten .x-1-5:nth-of-type(3),
	.diensten .x-1-5:nth-of-type(4),
	.diensten .x-1-5:nth-of-type(5) {
		margin-top: 40px !important;
	}

	.diensten .x-1-5:nth-of-type(5) {
		margin-left: 4% !important;
	}

	.diensten .x-1-5:before {
		content: '';
		width: 74px;
		height: 80px;
		position: absolute;
		display: block;
		top: -30px;
		margin-top: 0;
		left: 50%;
		margin-left: -36px;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #fff;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
}

@media (max-width: 500px) {
	.diensten h1 {
		font-size: 34px;
	}
}

/* ==========================================================================
   cta
============================================================================= */

.cta .x-column:nth-of-type(1) {
	width: 50% !important;
	margin-right: 0 !important;
	float: left !important;
}

.cta .x-column:nth-of-type(2) {
	width: 50% !important;
	float: left !important;
}

.cta .x-column img {
	float: left !important;
}

.cta .x-column .gegevens {
	float: left;
	margin-left: 60px;
	padding-top: 60px;
}

.cta .x-column .gegevens h3 {
	font-size: 18px;
}

.cta .x-column .gegevens a {
	color: #fff;
	font-size: 14px;
	padding-left: 36px;
}

.cta .x-column .gegevens a:first-of-type {
	margin-bottom: 5px;
}

.cta .x-column .gegevens a.c-tel:before {
	content: '';
	width: 18px;
	height: 19px;
	background: url(images/tel.png) no-repeat;
}

.cta .x-column .gegevens a.c-mail:before {
	content: '';
	width: 22px;
	height: 16px;
	background: url(images/mail.png) no-repeat;
}

@media (max-width: 960px) {
	.cta {
		background: #8cca61 !important;
		padding-bottom: 50px !important;
	}

	.cta .x-column:nth-of-type(1) {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 40px !important;
		text-align: center !important;
	}

	.cta .x-column:nth-of-type(2) {
		width: 75% !important;
		margin-left: 25% !important;
	}

	.cta h2:after {
		margin: 30px auto;
	}
}

@media (max-width: 850px) {
	.cta .x-column:nth-of-type(2) {
		width: 83% !important;
		margin-left: 17% !important;
	}
}

@media (max-width: 700px) {
	.cta .x-column:nth-of-type(2) {
		margin-left: 10% !important;
		width: 90% !important;
	}
}

@media (max-width: 560px) {
	.cta .x-column:nth-of-type(2) {
		margin-left: 0 !important;
		width: 100% !important;
		text-align: center !important;
	}

	.cta .gegevens {
		display: block;
		width: 100%;
		padding: 0 !important;
		margin-left: 0 !important;
	}

	.cta .x-column img {
		float: none !important;
	}

	.cta h3:after {
		margin: 15px auto;
	}
}

/* ==========================================================================
   home over
============================================================================= */

.home-over .lijn-links:after {
	margin: 25px 0 25px;
}

.home-over h3 {
	margin-top: 68px;
	margin-bottom: 60px;
}

.home-over .x-column:nth-of-type(1) {
	width: 44% !important;
	margin-right: 12% !important;
	float: left !important;
}

.home-over .x-column:nth-of-type(2) {
	width: 44% !important;
	margin-right: 0% !important;
	float: left !important;
}

@media (max-width: 920px) {
	.home-over .x-column:nth-of-type(1) {
		width: 100% !important;
		margin-right: 0 !important;
		text-align: center !important;
	}

	.home-over .x-column:nth-of-type(2) {
		width: 100% !important;
		margin-right: 0% !important;
		text-align: center !important;
	}

	.home-over h2:after {
		margin: 15px auto !important;
	}

	.home-over h3 {
		margin-bottom: 30px;
	}
}

/* Accordion
===============================================*/

.x-accordion {
	margin-bottom: 0 !important;
}

.x-accordion-group {
	margin: 0 0 11px !important;
	border: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

.x-accordion-group .x-accordion-toggle,
.x-accordion-group .x-accordion-toggle.collapsed:hover {
	border: 1px solid #8cca61 !important;
	background: #8cca61 !important;
	color: #fff !important;
	font-size: 14px !important;
	text-transform: uppercase;
	font-family: Montserrat;
	padding: 12px 20px !important;
	padding-right: 54px !important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.x-accordion-group .x-accordion-toggle {
	position: relative !important;
}

.x-accordion-heading .x-accordion-toggle:before {
	content: '' !important;
	top: 20px !important;
	right: 16px !important;
	position: absolute !important;
	width: 10px !important;
	height: 10px !important;
	background: url(images/pijl-accordion-actief.png) center no-repeat !important;
	background-repeat: no-repeat !important;
	-webkit-transform: rotate(0deg) !important;
	-ms-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
}

.x-accordion-group .x-accordion-toggle.collapsed:before {
	background: url(images/pijl-accordion.png) center no-repeat !important;
	color: transparent !important;
}

.x-accordion-group .x-accordion-toggle.collapsed:hover:before {
	background: url(images/pijl-accordion-wit.png) center no-repeat !important;
}

.x-accordion-group .x-accordion-toggle.collapsed {
	border: 1px solid #d2d2d2 !important;
	background: transparent !important;
	color: #9d9d9c !important;
}

.x-accordion-group .x-accordion-toggle.collapsed span {
	color: #8cca61 !important;
}

.x-accordion-group .x-accordion-inner {
	color: #3c3c3b !important;
	padding: 20px 0 20px 35px !important;
	border-top: none !important;
	position: relative;
}

.x-accordion-group .x-accordion-inner:before {
	content: '';
	width: 1px;
	height: 74%;
	position: absolute;
	display: block;
	left: 15px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: #8cca61;
}

.x-accordion-inner ul {
	margin: 10px 0 !important;
}

.x-accordion-inner ul li {
	padding-left: 13px !important;
	background: url(images/opsomming.png) no-repeat left 10px !important;
}

/* ==========================================================================
   Realisaties
============================================================================= */

.realisaties .esg-entry-cover {
	border: 15px solid transparent !important;
}

.realisaties .esg-cc .esg-center a {
	pointer-events: none;
}

@media (max-width: 1000px) {
	.realisaties-klein .esg-cc .esg-center:first-of-type a {
		font-size: 16px !important;
	}

	.realisaties-klein .esg-cc .esg-center:last-of-type a {
		font-size: 13px !important;
	}
}

@media (max-width: 767px) {
	.realisaties-klein .esg-cc .esg-center:first-of-type {
		margin-top: -20px !important;
	}

	.realisaties-klein .esg-cc .esg-center:first-of-type a {
		font-size: 14px !important;
	}

	.realisaties-klein .esg-cc .esg-center:last-of-type a {
		font-size: 11px !important;
	}
}

/* ==========================================================================
   over
============================================================================= */

.links .x-column:nth-of-type(1) {
	width: 25% !important;
	margin-right: 10% !important;
	float: left !important;
}

.links .x-column:nth-of-type(2) {
	width: 65% !important;
	float: left !important;
}

.rechts .x-column:nth-of-type(1) {
	width: 65% !important;
	margin-right: 10% !important;
	float: left !important;
}

.rechts .x-column:nth-of-type(2) {
	width: 25% !important;
	float: left !important;
}

.nummer {
	position: relative;
}

.nummer .titel p {
	font-size: 24px;
	line-height: 110%;
}

.nummer:before {
	width: 40px;
	height: 70px;
	position: absolute;
	display: block;
	top: 50%;
	color: #8cca61;
	font-size: 50px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: bold;
	line-height: 70px;
	margin-top: -35px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.links .nummer:before {
	right: -20px;
}

.rechts .nummer:before {
	left: -20px;
}

.een.nummer:before {
	content: '1';
}

.twee.nummer:before {
	content: '2';
}

.drie.nummer:before {
	content: '3';
}

@media (min-width: 1021px) {
	.mob {
		display: none;
	}
}

@media (max-width: 1020px) {
	.mob-hide {
		display: none;
	}

	.links .x-column:nth-of-type(1) {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 20px !important;
		text-align: center !important;
	}

	.links .x-column:nth-of-type(2) {
		width: 100% !important;
		text-align: center !important;
	}

	.rechts .x-column:nth-of-type(1) {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 20px !important;
		text-align: center !important;
	}

	.rechts .x-column:nth-of-type(2) {
		width: 100% !important;
		text-align: center !important;
	}

	.links .x-column .x-text,
	.rechts .x-column .x-text {
		text-align: center !important;
	}

	.nummer:before {
		top: -35px;
		margin-top: 0;
		left: 50% !important;
		right: auto !important;
		margin-left: -20px;
	}
}

/* ==========================================================================
   Dienst
============================================================================= */

.klein-intro {
	height: 260px;
}

.dienst-inhoud .x-column:nth-of-type(1) {
	width: 44% !important;
	margin-right: 12% !important;
	float: left !important;
}

.dienst-inhoud .x-column:nth-of-type(2) {
	width: 44% !important;
	margin-right: 0% !important;
	float: left !important;
}

@media (max-width: 1020px) {
	.klein-intro {
		height: 140px;
		padding-top: 40px !important;
	}
}

@media (max-width: 800px) {
	.dienst-inhoud {
		padding-top: 30px !important;
		padding-bottom: 50px !important;
	}

	.dienst-inhoud .x-column:nth-of-type(1) {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 40px !important;
		text-align: center !important;
	}

	.dienst-inhoud .x-column:nth-of-type(2) {
		width: 100% !important;
		margin-right: 0% !important;
		text-align: center !important;
	}
}

@media (max-width: 600px) {
	.klein-intro {
		height: 120px;
	}

	.klein-intro h1 {
		font-size: 30px;
	}
}

@media (max-width: 400px) {
	.klein-intro {
		height: 100px;
	}

	.klein-intro h1 {
		font-size: 20px;
	}
}

/* ==========================================================================
   Contact
============================================================================= */

.contact .x-column:nth-of-type(1) {
	width: 54% !important;
	margin-right: 12% !important;
	float: left !important;
}

.contact .x-column:nth-of-type(2) {
	width: 34% !important;
	margin-right: 0% !important;
	float: left !important;
}

@media (max-width: 768px) {
	.contact .x-column:nth-of-type(1) {
		width: 100% !important;
		margin-right: 0% !important;
		margin-bottom: 30px !important;
	}

	.contact .x-column:nth-of-type(2) {
		width: 100% !important;
	}
}

.contactgeg {
	position: relative;
	margin-top: 50px !important;
}

.contactgeg:before {
	content: '';
	width: 74px;
	height: 90px;
	position: absolute;
	display: block;
	top: -60px;
	left: 50%;
	margin-left: -36px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.contactgeg:before {
	background-image: url(images/contact.png);
}

.contactgeg h4 {
	font-size: 18px;
	margin-bottom: 20px;
}

.contactgeg h4:after {
	background-color: #8cca61;
	margin: 10px auto 10px;
}

.contactgeg a {
	color: #3c3c3b;
	padding: 0;
	padding-right: 4px;
	font-size: 14px;
}

.contactgeg p {
	font-size: 14px;
}

.contactgeg a:before {
	display: none;
}

.contactgeg a:hover {
	color: #8cca61;
}

/* ==========================================================================
   Footer
============================================================================= */

footer {
	padding: 50px 0;
}



footer .kol:nth-of-type(1) {
	width: 32% !important;
	margin-right: 0 !important;
}

footer .kol:nth-of-type(2) {
	width: 68% !important;
	margin-right: 0 !important;
	padding-top: 30px;
}

footer .kol:nth-of-type(2) .wrap {
	float: right;
}

footer .item {
	display: inline-block;
	padding-right: 25px;
	margin-left: 25px;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 12px;
	padding-left: 28px !important;
}

footer .kol a,
footer .kol span {
	font-size: 14px;
}

footer a.item:last-of-type {
	padding-right: 0;
	border-right: 0;
}

footer .c-loc:before {
	content: '';
	width: 18px;
	height: 24px;
	top: 40%;
	background: url(images/loc-gr.png) no-repeat;
}

footer .c-tel:before {
	content: '';
	width: 18px;
	height: 19px;
	background: url(images/tel-gr.png) no-repeat;
}

footer .c-mail:before {
	content: '';
	width: 22px;
	height: 16px;
	background: url(images/mail-gr.png) no-repeat;
}

.copyrights * {
	font-family: 'Montserrat';
	text-transform: uppercase;
}

@media (max-width: 1000px) {
	footer .kol:nth-of-type(1) {
		text-align: center !important;
		width: 100% !important;
		margin-bottom: 10px !important;
		margin-right: 0 !important;
	}

	footer .kol:nth-of-type(2) {
		text-align: center !important;
		width: 100% !important;
		margin-right: 0 !important;
		padding-top: 30px;
	}

	footer .kol:nth-of-type(2) .wrap {
		float: none;
	}

	footer a.item:last-of-type {
		padding-right: 35px;
	}
}

@media (max-width: 767px) {
	footer .kol:nth-of-type(1) img {
		max-width: 284px;
		width: 100%;
		height: auto;
	}

	footer .kol:nth-of-type(2) .wrap {
		width: 240px;
		margin: 0 auto;
	}

	footer .item {
		padding-right: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		border-right: 0 !important;
		clear: both;
		border-bottom: 1px solid #444;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	footer a.item:last-of-type {
		border-bottom: none;
	}
}

/*----------------------------*/
/* GRAFITY FORMS QUICK DEFAULT STYLING FROM EXPL-THEME */
/*----------------------------*/
input[type='text'],
input[type='email'],
input[type='url'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='submit'],
textarea {
	outline: none;
	-webkit-appearance: none;
}
input[type='text'],
input[type='email'],
input[type='url'],
input[type='tel'],
input[type='number'],
input[type='date'],
select,
textarea {
	width: 100%;
	display: block;
	padding: 8px 8px;
	font-size: 14px;
	height: 46px;
	border-style: solid;
	border-width: 0px;
	border-radius: 0px;
	outline: none;
	color: #000;
	background-color: #ededed;
	border-color: #000;
}
textarea {
	width: 100% !important;
	height: 180px;
	min-height: 100px;
}
/* button / submit ---------------------------------------*/
input.button {
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
	text-transform: none;
	font-size: 14px;
	padding: 8px 30px;
	border-radius: 0px;
}
/* Placeholders ---------------------------------------*/
::-webkit-input-placeholder {
	color: #bababa;
}
:-ms-input-placeholder {
	color: #bababa;
}
input:hover::-webkit-input-placeholder,
textarea:hover::-webkit-input-placeholder {
	opacity: 0.4;
}
input:hover:-ms-input-placeholder,
textarea:hover:-ms-input-placeholder {
	opacity: 0.4;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: transparent;
}
/* ========================================================================== Gravity forms ============================================================================= */
.gform_wrapper form {
	position: relative;
	max-width: 100%;
	/* error ---------------------------------------*/
	/* footer en spinner ---------------------------------------*/
	/* Checkboxes & Radios ---------------------------------------*/
	/* radio */
	/* Kleiner label */
	/* Formulier template ===============================================*/
}
.gform_wrapper form.clean .gfield_label,
.gform_wrapper form.clean .validation_message,
.gform_wrapper form .gfield.gform_validation_container,
.gform_wrapper form .gform_wrapper .hidden_label > label {
	display: none;
}
.gform_wrapper form .gfield_label {
	display: block;
	margin-bottom: 5px;
}
.gform_wrapper form .hidden_label .gfield_label {
	display: none;
}
.gform_wrapper form .validation_error {
	font-size: 14px;
	padding: 14px 20px;
	margin-bottom: 15px;
	color: #fff;
	background-color: #f13542;
}
.gform_wrapper form .gfield_error input,
.gform_wrapper form .gfield_error select,
.gform_wrapper form .gfield_error textarea {
	border-bottom: 2px solid #f13542;
}
.gform_wrapper form .gfield_description.validation_message {
	font-size: 12px;
	margin-top: 5px;
	color: #f13542;
}
.gform_wrapper form .gform_footer {
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.gform_wrapper form .gform_ajax_spinner {
	margin-left: 8px;
}
.gform_wrapper form .gfield_radio li:not(:last-of-type),
.gform_wrapper form .gfield_checkbox li:not(:last-of-type) {
	margin-bottom: 5px;
}
.gform_wrapper form .gfield_radio li label,
.gform_wrapper form .gfield_checkbox li label {
	position: relative;
	padding: 0 0 0 20px;
	cursor: pointer;
	display: inline-block;
	/* binnenste */
	/* buitenste */
}
.gform_wrapper form .gfield_radio li label:before,
.gform_wrapper form .gfield_checkbox li label:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0px;
	z-index: 9;
	opacity: 0;
	background-color: #bababa;
	width: 13px;
	height: 13px;
	transform: scale(0.4);
}
.gform_wrapper form .gfield_radio li label:after,
.gform_wrapper form .gfield_checkbox li label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	background-color: #fff;
	border: solid 2px #bababa;
	height: 13px;
	width: 13px;
}
.gform_wrapper form .gfield_radio li input,
.gform_wrapper form .gfield_checkbox li input {
	display: none;
}
.gform_wrapper form .gfield_radio li input:checked + label:before,
.gform_wrapper form .gfield_checkbox li input:checked + label:before {
	opacity: 1;
}
.gform_wrapper form .gfield_radio li label:after,
.gform_wrapper
	form
	.gfield_radio
	li
	input[type='radio']:checked
	+ label:before {
	border-radius: 50%;
}
.gform_wrapper form .gfield.kleinlabel li label {
	font-size: 12px;
}
.gform_wrapper form .gfield.kleinlabel li label:after {
	top: 2px;
}
.gform_wrapper form .gfield.kleinlabel li label:before {
	top: 2px;
}
.gform_wrapper form .gfield.kleinlabel li label a {
	color: #000;
	border-bottom: 1px solid;
}
.gform_wrapper form .gfield.kleinlabel li label a:hover {
	text-decoration: none;
	color: #000;
}
.gform_wrapper form ul.gform_fields {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: -8px;
	list-style-type: none;
}
.gform_wrapper form ul.gform_fields > li {
	width: 100%;
	padding: 8px;
	margin-bottom: 0 !important;
}
.gform_wrapper form ul.gform_fields > li.kwart {
	width: 25%;
}
.gform_wrapper form ul.gform_fields > li.half {
	width: 50%;
}
.gform_wrapper form ul.gform_fields > li.eenderde {
	width: 33.333%;
}
.gform_wrapper form ul.gform_fields > li.tweederde {
	width: 66.666%;
}
.gform_wrapper form .long-select ul.gfield_radio {
	max-height: 200px;
	overflow: scroll;
}
.gform_wrapper form ul.gfield_checkbox,
.gform_wrapper form ul.gfield_radio {
	list-style-type: none;
	margin-left: 0;
}
.gform_wrapper form .gform_page_footer {
	padding-top: 30px;
}
@media (max-width: 767px) {
	.gform_wrapper form ul.gform_fields li.gfield {
		width: 100% !important;
	}
}
/* succes ---------------------------------------*/
.gform_confirmation_message {
	font-size: 14px;
	padding: 14px 20px;
	color: #fff;
	background-color: #8ac759;
}