/*
Theme Name: LMB Den Otter
Theme URI: /wp-content/themes/lmbdenotter/
Description: None
Version: 1.0
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700,500italic);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Oleo+Script:400,700);
@import url(https://fonts.googleapis.com/css?family=Passion+One);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,700);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url('https://fonts.googleapis.com/css2?family=Changa:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik');

@import url(navigatie.css);
@import url(tooltip.css);
@import url(carousel-homepage.css);
@import url(btns.css);
@import url(woocommerce.css);


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/




/* hofstede basic colours */

/*

Rood: #F10011
Black: #222222
Grey: #666666
Orange: #ff8e27

 */





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,.padding,.margin {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


.affix {
	top: 0;
	width: 100%;
	-webkit-box-shadow: 0px 6px 16px -5px rgba(0,0,0,0.8);

	-moz-box-shadow: 0px 6px 16px -5px rgba(0,0,0,0.8);

	box-shadow: 0px 6px 16px -5px rgba(0,0,0,0.8);
}

.affix + .container-fluid {
	padding-top: 70px;
	background-color:#fff326;
	-webkit-transform: translate3d(0,0,0);
}




.btn:focus{outline:none;}
a:focus {outline:none;}

a {
	color:#000;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}




a:hover, a:focus  {
	color:#EEE;
	text-decoration:none;
}
/* RESET BOOTSTRAP */

@media only screen and (max-width:600px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 !important;
	}
}

hr {
	width:100%;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin-bottom:40px;
	margin-top:40px;
}


ul.navigation {
	list-style-type: none;

}

.navigation_container {
	margin-bottom: 25px;
}

ul.navigation li {
	float: left;
	margin-right: 15px;
}



.img-center {margin:0 auto;}
.img-responsive {
	margin: 0 auto;
}

.searchformh1 { margin-top:25px; margin-bottom:20px;}

.searchformh1 .searchform .screen-reader-text {
	display:block;
	float:left;
	margin-right:10px;
	padding-top:5px;
}
.searchformh1 .searchform .searchfield {
	height:30px;
	max-width:160px;
	width:100%;
	margin-top:0px;
	display:block;
	float:left;
	margin-right:10px;
}

.searchformh1 .searchform .searchbutton {
	height:30px;
	display:block;
	float:left;
}


focus {
	noFocusLine: expression(this.onFocus=this.blur());
	outline:0;
}



/* ALGEMEEN */
body {
	font-family: 'Titillium Web', Arial;
	font-size: 14px;
	width: 100%;
	height: 100%;
	background-color:#FFF;
	margin:0px;
	padding:0px;
}

.container {

}






































/* HEADER */

.top_header_section {
	padding-bottom:10px;
	padding-top:10px;
	background: rgb(0,167,53);
	background: linear-gradient(66deg, rgba(0,167,53,1) 0%, rgba(0,130,41,1) 100%);


}

.top_header, .top_header a {
	font-family: "Titillium Web";
	color: #FFFFFF;
}

.top_header i {
	margin-right: 8px;
	color: #f1d80e;

}

span.top_header_phone, span.top_header_email, span.top_header_address, span.top_header_facebook, span.top_header_span {
	display: inline-block;
}

.top_header .seperator {
	margin: 0px 20px 0px 20px;
}
@media only screen and (min-width:1200px) {

	.background
	{
		position: absolute;
		width: 100%;
		height:100%;
		max-height:555px;
		top: 0;
		left: 0;
		z-index: -1;
	}

}

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

	.background
	{
		position: absolute;
		width: 100%;
		height:100%;
		max-height:260px;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.header {
		padding:0px;
		margin:0px;
		text-align:center!important;
	}

	.header img {
		width:100%;
		height:100%;
		max-width:268px;
		padding:0px;
		margin-top:0px;
	}

	.float-image-tekst {
		background-image: none!important;

	}

}




@media only screen and (min-width:992px) {

	.float-image-tekst {
		background-position: right;
		background-repeat: no-repeat;
		background-size: 35%;

	}

	.background
	{
		position: absolute;
		width: 100%;
		height:100%;
		max-height:200px;
		top: 0px;
		left: 0;
		z-index: -1;
	}


	.header_contact {
		text-align:right;
		color:#000;
		font-size:16px;
		margin-top:90px;
	}

	.header img.logo {



	}

	.header img {
		max-width:460px;
		width:100%;
		height:100%;
		margin-left:-10px;
		padding-bottom:10px;
	}
	.slogan {
		text-align:right;
		padding:0px;
		margin:0px;
	}
}



@media only screen and (min-width:320px) and (max-width:768px) {


	.header_section img.logo {
		padding-bottom: 30px;
		max-height: 135px;
	}

}


@media only screen and (min-width:768px) and (max-width:992px) {


	.header_section img.logo {
		padding-bottom: 20px;
	}

}

@media only screen and (min-width:992px) {


	.header_section img.logo {
		padding-bottom: 55px;
	}

}






.header_section {
	width:100%;
	margin:0px!important;
	padding:0px!important;
	background-image: url('images/header2.jpg');
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:auto;


}


@media only screen and (min-width: 320px) and (max-width: 992px) {

	.header_section {

	}
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {

	.header_section {
		background-position: 0px -45px;
	}
}

@media only screen and (min-width: 1280px) {

	.header_section {
		background-position: 0px -180px;
	}
}































/* MAIN CONTENT */

@media only screen and (min-width: 320px) and (max-width: 768px) {

	.content {
		margin-top: 35px;
		margin-bottom:35px;
		/*padding-left:0px;
		padding-right:0px!important;*/
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.content {
		margin-top: 35px;
		margin-bottom:35px;
		padding-left:0px;
		padding-right:0px!important;
	}

}

@media only screen and (min-width: 991px) {
	.content {
		padding-top: 40px;
		padding-bottom:40px;
		padding-left:5px;

	}

	.content-tekstpages {
		min-height:650px;
	}

	.content-tekstpages ul {
		margin-left: 10px;
	}


}

.homepage {
	margin: 60px 0px 60px 0px;
}

.homepage p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 20px;

}


.content a {
	color:#333;
}

.content a:hover {
	text-decoration:none;

}


/*.content img {	
	width:100%; 
	max-width: 265px;
	max-height:194px;
	float:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0px 8px 8px 0px;
	border: 2px #333 solid;
	display:inline-block;
}
*/

.content .img {
	width:100%;
	max-width: 400px;
	height:100%;
	max-height:600px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:10px 8px 8px 0px;
	border: 0px #161414 solid;
}

.content ul {
	padding-left:10px;
}
@media only screen and (max-width:992px) {
	.contactform {
		margin-top:40px;
	}
}



.berichtenpagina {

}

.berichtenpagina .bericht {
	margin-top: 35px;
	margin-bottom: 35px;
}

.berichtenpagina .bericht:first-child {
	margin-top:0px;
}

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

	.berichtenpagina .bericht .thumb {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 25px;
		max-height: 200px;
	}
}

@media screen and (min-width:576px) and (max-width:768px) {


	.berichtenpagina .bericht .thumb {
		text-align:right;
		padding-left:0px;
		padding-right:0px;
		max-height: 135px;
	}

	.berichtenpagina .bericht .thumb img {
		width:100%!important;
		max-width:100%!important;
	}

}



@media screen and (min-width:768px) and (max-width:992px) {


	.berichtenpagina .bericht .thumb {
		text-align:right;
		padding-left:0px;
		padding-right:0px;
		max-height: 275px;
	}

	.berichtenpagina .bericht .thumb img {
		width:100%!important;
		max-width:100%!important;
	}

}


@media screen and (min-width:992px) {


	.berichtenpagina .bericht .thumb {
		text-align:right;
		padding-left:0px;
		padding-right:0px;
		max-height: 275px;
	}

	.berichtenpagina .bericht .thumb img {
		width:100%!important;
		max-width:100%!important;
	}

}


.berichtenpagina .bericht .content {
	margin:0px;
	padding-bottom:0px;
	/*width:100% !important;
	max-width:650px !important;*/
}

.berichtenpagina .bericht .content h3 {
	margin-bottom:20px;
	font-size:20px;
	border:0px;
	color:#333;
	font-family: 'Titillium Web', Arial;
	font-weight:700;
	margin-top:0px;
	padding:0px;
	line-height:normal;
}

.berichtenpagina .bericht .content a {
	color:#333;
}

.berichtenpagina .bericht .content a:hover {
	text-decoration:none;
}


.berichtenpagina .bericht .thumb {
	text-align: right;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgb(0 0 0);
	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	box-shadow: 0px 16px 16px -11px rgb(0 0 0);
	border: 2px #333 solid;
	padding: 0;
}

.berichtenpagina .bericht .thumb img {
	width:100%;
	max-width:100%;

}

.berichtenpagina .bericht .thumb img:hover {
	animation: pulse;
	animation-duration: 0.8s;
}

.content-area {

	margin-bottom:40px;
	padding-left:20px;

}


.content-area .description {
	padding:0px 30px 0px 0px!important;
	margin:0px 0px 30px 0px!important;

}


.content-area .afbeelding {
	padding:0px 20px 0px 0px!important;
	margin:0px 0px 0px 0px!important;

}

.content-area .afbeelding img {
	margin:0px!important;

}


.content-area .thumbs {
	padding-left:0px;
	padding-right:0px;
}

.content-area .thumbs:nth-child(3) {
	text-align:left;
}
.content-area .thumbs:nth-child(4) {
	text-align:center;
}
.content-area .thumbs:nth-child(5) {
	text-align:right;
}


.content-area .thumbs img {
	max-width:95%;


}

.content-area .content-date {
	line-height:28px;
	display:block;
	float:right;
	-webkit-border-radius: 6px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topright: 0;
	border-radius: 6px;
	border-top-right-radius: 0;
	padding:3px 8px 3px 8px;
	background-color:#333;
	color:#CCC;
	font-weight: 200;
	font-family: 'Titillium Web', Arial;
}



.content-area img,.content img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	margin:0px;
	max-height: none;
	width:100%!important;
}



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

	.content-area .thumbs {
		padding-left:0px;
		padding-right:0px;
		margin-bottom:25px;
	}

	.content-area .thumbs img {
		max-width:100%!important;


	}

	.content-area img,.content img {
		max-height: none;
		width:100%!important;
		margin:0px 0px 25px 0px;
	}
}

.content-area p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom:20px;
}

.content p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom:20px;
}


.title_section {
	/*background: #232323;
	background: -moz-linear-gradient(left, #232323 0%, #444444 100%);
	background: -webkit-linear-gradient(left, #232323 0%,#444444 100%);
	background: linear-gradient(to right, #232323 0%,#444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#444444',GradientType=1 );*/
	/*background: rgb(17,17,17);
background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 52%, rgba(17,17,17,1) 100%);*/
	/*background: rgb(34,34,34);
	background: linear-gradient(36deg, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 53%, rgba(64,64,64,1) 100%);*/

	background-image: url('images/title_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.content .posts-items {
	padding:0px;
	margin:0px;
}


.content .posts-items .posts-items-container {
	padding:0px!important;

}

.content .posts-items .posts-items-container .posts-item i {
	margin-right:8px;
}


@media only screen and (max-width:768px) {
	.content .posts-item {
		margin:0px 10px 40px 0px;
	}
	.content .posts-items .posts-items-container {
		margin:20px 0px 0px 0px!important;
	}
}

@media only screen and (min-width:768px) {
	.content .posts-item {
		margin:0px 10px 0px 0px;
	}
	.content .posts-items .posts-items-container {
		margin:20px 0px 20px 0px!important;
	}

}

.container_last_posts .post-items {
	margin:0;
}

.content .posts-item {
	overflow:hidden;
	width:100%;
	height:auto;
	position: relative;
	margin-bottom: 25px;
	margin-top: 25px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	max-height: 190px;
	overflow: hidden;
	overflow-scrolling: none;
}

.content .posts-item .post-title {
	position: absolute;
	background: rgb(248,215,0);
	background: linear-gradient(66deg, rgba(248,215,0,1) 0%, rgba(255,188,0,1) 100%);
	color: #222222;
	bottom:-2px;
	left:-1px;
	right:-1px;
	width: 101%;
	padding: 6px 14px 8px 14px;
	z-index: 99999;
	text-shadow:none;
}

.content .posts-item .overlay {
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
	position: absolute;
	left:0;
	top:0;
	z-index: 999;
}



.content .posts-item .post-title:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f152";
	margin-right: 0.5rem;
	color: #222222;
}


.content .posts-item .post-title a, .content .posts-item .post-title i {
	color: #222222;
}

.content .posts-item .post-title a:hover {
	margin-left: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.videoGallery {
	margin-bottom:20px;
	margin-top:20px;
}


.content .posts-item img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin:0px 0px 0px 0px;
}

@media only screen and (max-width: 576px) {
	.content .posts-item img {
	}
	.content .posts-item {
		max-height: 385px;

	}

	.posts-items-container {

	}
}

@media only screen and (min-width: 576px) and (max-width:768px) {
	.content .posts-item img {
		height:135px!important;

	}
	.content .posts-item h3 {
		font-size:19px!important;
		text-align:center!important;
	}
}
@media only screen and (min-width: 576px) and (max-width:768px) {
	.content .posts-item img {
		height:195px!important;

	}
	.content .posts-item h3 {
		font-size:19px!important;
		text-align:center!important;
	}

	.content .posts-item {
		max-height: 190px;

	}
}

@media only screen and (min-width:768px) and (max-width:991px){
	.content .posts-item img {
		height:135px!important;
	}

	.content .posts-item h3 {
		font-size:13px!important;
	}

}


@media only screen and (min-width:992px) and (max-width:1200px){
	.content .posts-item img {
		155px!important
	}


	.content .posts-item {
		max-height: 160px;

	}

}

@media only screen and (min-width:1200px){
	.content .posts-item img {
		height:250px!important;
		object-fit: cover;

	}

}




.specs {
	margin-left:-15px;
}

.price {
	font-family: 'Titillium Web', Arial;
	font-size:36px;
	color:#666;
	text-align:right;
	font-weight:700;
}

.price a {
	color:#333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.price a:hover {
	color:#000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.photos {
	padding-top:40px;
	clear:both;
	text-align:center;
}

.photos img {
	width:100%;
	max-width:277px;
	height:auto;
}



@media only screen and (min-width:320px) and (max-width: 480px) {
	.title_section h1 {

	}

	.title_section {
		text-align: center;
	}


	h1 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size: 9vw;
		line-height: 14vw;
		text-transform:uppercase!important;
	}

	h2 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:3vw;
		line-height:5vw;
		text-transform:uppercase!important;
	}

	h3 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size: 5.8vw;
		line-height: 8vw;
		text-transform:uppercase!important;
	}

}

@media only screen and (min-width:480px) and (max-width: 576px) {
	.title_section h1 {

	}

	.title_section {
		text-align: center;
	}


	h1 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size: 7vw;
		line-height: 12vw;
		text-transform:uppercase!important;
	}

	h2 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:3vw;
		line-height:5vw;
		text-transform:uppercase!important;
	}

	h3 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size: 4.8vw;
		line-height: 7vw;
		text-transform:uppercase!important;
	}

}

@media only screen and (min-width:576px) and (max-width: 768px) {
	.title_section h1 {

	}

	.title_section {
		text-align: center;
	}


	h1 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size: 7vw;
		line-height: 10vw;
		text-transform:uppercase!important;
	}

	h2 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:3vw;
		line-height:5vw;
		text-transform:uppercase!important;
	}

	h3 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:2.8vw;
		line-height:4vw;
		text-transform:uppercase!important;
	}

}


@media only screen and (min-width:768px) and (max-width: 992px) {
	.title_section h1 {

	}


	h1 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size: 5vw;
		line-height: 7vw;
		text-transform:uppercase!important;
	}

	h2 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:3vw;
		line-height:5vw;
		text-transform:uppercase!important;
	}

	h3 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size: 2.5vw;
		line-height: 4vw;
		text-transform:uppercase!important;
	}

}

@media only screen and (min-width:992px) and (max-width: 1200px) {
	.title_section h1 {

	}

	h1 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:4vw;
		line-height:6vw;
		text-transform:uppercase!important;
	}

	h2 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:3vw;
		line-height:5vw;
		text-transform:uppercase!important;
	}

	h3 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:1.8vw;
		line-height:3vw;
		text-transform:uppercase!important;
	}

}

@media only screen and (min-width:1200px) {
	.title_section h1 {

	}

	h1 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:2vw;
		line-height:5vw;
		text-transform:uppercase!important;
	}

	h2 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:3vw;
		line-height:5vw;
		text-transform:uppercase!important;
	}

	h3 {
		font-family: 'Titillium Web', Arial;
		font-weight:700;
		font-size:1.4vw;
		line-height:3vw;
		text-transform:uppercase!important;
	}

}


.title_section h1 {
	padding-bottom:0px;
	color:#EEEEEE;
	font-family: 'Titillium Web', Arial;
}

.title_section h1:before {
	content: url('images/before_title.png');
	margin-right: 0.5rem;
	color: #222222;
}

.title_section i {
	font-size:18px;
}




.gg_title {

	display: block;

	margin: 0px 0 0px;

	text-align:center;

}






.service {
	margin-bottom: 0px;
	transition: all 0.4s ease 0s;
	border:#E8E8E8 0px solid;
	padding:10px;
}

.service_item {
	transition: all 0.4s ease 0s;
	border:0px;
	padding:10px;
}

.service_item img {
	border:0px;
	width:auto;
	max-height:200px;

	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;

}

.service_item img:hover {

	opacity: 0.8;

}


@media only screen and (max-width:992px) {
	.service_item {
		margin-bottom: 40px;
	}


}



@media only screen and (min-width:992px) {
	.service_item {
		margin-bottom: 0px;
	}
}


input[type="text"],input[type="password"],input[type="email"],textarea {
	max-width:350px;

}

input[type="text"],input[type="password"],input[type="email"],textarea,select {
	font-family: 'Titillium Web', Arial;
	font-size:14px;
	color:#333;
	width:100%;
	background-color:#EFEFEF;
	padding:5px;
	border:1px #333 solid;
	margin-top:5px;
}



input:focus, textarea:focus, .wpcf7 input:focus, textarea:focus {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.95);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.95);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.95);
}















/* FOOTER MEER INFO */



.footer_meerinfo {
	color: #FFF!important;
	background-image: url(images/footer_meerinfo.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;

}

.footer_facebook, .footer_nieuwsbrief {
	color: #FFF!important;
	background-image: url(images/facebook.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	position: relative;
	min-height: 85px;
}

.footer_facebook_shadow {
	background: url(images/slider-shadow.png) no-repeat top center;
	position: relative;
	left: 0;
	right: 0;
	height: 80px;
	width: 100%;
	background-size: 100% 100%;
	/* height: 116px; */
	top: -92px;
	z-index: 888;
}

.footer_nieuwsbrief_slogan {
	padding: 26px;
	/* float: left; */
	font-size: 22px;
	font-style: italic;
}

.footer_nieuwsbrief .inputCol {
	padding: 22px;
}

.footer_nieuwsbrief .submitCol {
	padding: 26px;
}

.footer_nieuwsbrief .inputCol input {
	background-color: #343434;
	border: 1px solid #222222;
	padding: 8px 10px;
	border-radius: 3px;
	color: #FFFFFF;
}

.footer_nieuwsbrief_thanks {
	padding: 33px;
}

.footer_nieuwsbrief .submitCol input {
	background-color: #f9d200;
	border: 1px solid #222222;
	padding: 8px 10px;
	border-radius: 3px;
	color: #222222;
}


.footer_facebook .footer_facebook_button {
	position: absolute;
	right: 25px;
	padding: 30px;
	float: left;
}

.footer_facebook .footer_facebook_slogan {
	position: absolute;
	right: 260px;
	padding: 26px;
	/* float: left; */
	font-size: 22px;
	font-style: italic;
}

.footer_facebook .footer_facebook_button a {
	background-color: #FFFFFF;
	padding: 8px 15px 8px 15px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	box-shadow: 0px 12px 8px -11px rgb(0 0 0);
}

.footer_facebook .footer_facebook_button a i {
	margin-left: 15px;
}


.footer_meerinfo p, .footer_facebook p {
	font-family: 'Titillium Web', Arial;
	padding: 10px;
	color:#0090c9;
	text-shadow: 1px 1px 1px #000000;
}


@media only screen and (min-width:320px) and (max-width:480px) {

	.footer_meerinfo {
		min-height: 380px;
		padding-top: 5px;
	}

	.footer_meerinfo p {
		font-size: 4vw;
	}

}


@media only screen and (max-width:576px) {
	.footer_facebook_slogan { display: none; }
	.h3_header { width: 80%!important;}
	.hide-on-mobile {display: none!important;}

}



@media only screen and (min-width:480px) and (max-width:768px) {

	.footer_meerinfo{
		min-height: 380px;
		padding-top: 5px;
	}

	.footer_meerinfo p {
		font-size: 2vw;
	}

}


@media only screen and (min-width:768px) and (max-width:1200px) {

	.footer_meerinfo {
		min-height: 380px;
		padding-top: 15px;
	}

	.footer_meerinfo p {
		font-size: 1.5vw;
	}
}

@media only screen and (min-width:1200px) {


	.footer_meerinfo {
		min-height: 380px;
		padding-top: 25px;
	}

	.footer_meerinfo p {
		font-size: 1.5vw;
	}

}














/* FOOTER */
.footer_section {
	margin:0px; !important;
	padding:50px 0px 50px 0px; !important;
	width: 100%;
	-webkit-box-shadow: 0px 3px 9px -1px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 3px 9px -1px rgba(0, 0, 0, 1);
	box-shadow:         0px 3px 9px -1px rgba(0, 0, 0, 1);
	z-index:9999999;
	background-image: url('images/footer_bg.jpg');


}

.footer_bg {
	margin-top: -80px;
}




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

	.footer_section {
		background-position: left;
		background-repeat: no-repeat;
		background-size: cover;
	}


}

@media screen and (min-width:992px) and (max-width:1300px) {

	.footer_section {
		background-position: left 0px;
		background-repeat: no-repeat;
		background-size: cover;
	}

}


@media screen and (min-width:1300px) {

	.footer_section {
		background-position: left -150px;
		background-repeat: no-repeat;
		background-size: cover;
	}

}




.footer {
	min-height:200px;
	color:#CCC;
	padding-bottom:10px;
}

.footer h3 {
	/*font-size: 25px;*/
	/*line-height: 30px;*/
	color: #222222;
	/* font-weight: 700; */
	/* font-family: 'Titillium Web', Arial; */
	text-decoration: none;
	/* text-transform: uppercase; */
	border: 0px;
	padding-bottom: 00px;
	/*text-shadow: 1px 1px 1px rgb(0 0 0);*/
}

.footer > .row,
.footer > .footer {
	padding-left:0px!important;
	margin-left:0px!important;
}

.footer > .footer > .menu {
	margin-top:10px;
	padding:0px;
}

.footer > .footer > .menu p {
	margin-bottom:15px;
	color: #222222;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 5px 5px 0px;
	/*text-shadow: 1px 1px 1px #000;*/
	font-family: 'Titillium Web', Arial;

}

.footer > .footer > .menu p i {
	width:20px;
}

@media only screen and (max-width: 768px) {
	.footer > .footer > .menu {
		margin-bottom: 25px;
	}
}



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

	.footer {
		padding-left:30px;
	}

	.footer > .footer > .menu {
		border-right:0px;
	}
	.footer h3:nth-child(1) {
		margin-top:0px;
	}

}


.footer > .footer > .menu ul {
	padding-left:0px;
	margin-left:0px;
	list-style: none;
}
.footer > .footer > .menu li { color:#00a735; }


/* facebook knop menu */


.footer > .footer > .menu > a.btn-facebook {
	background-color:#3b5998;
	padding:5px 8px 5px 8px;
	display:inline-block;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	margin-top:15px;
}

.footer > .footer > .menu li a {
	color:#222222;
	line-height:20px;
	text-decoration:none;
	font-weight:normal;
	padding: 5px 5px 5px 0px;
	/*text-shadow: 1px 1px 1px #000;*/
	font-family: 'Titillium Web', Arial;


}


.footer > .footer > .menu li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f152";
	margin-right: 0.5rem;
}




.footer > .footer > .menu li a:hover { color:#000000; text-decoration:underline;}
.footer > .footer > .menu li:last-child > a { } /* remove pipe from last item */

.footer > .footer > .menu > ul.aangesloten,
.footer > .footer > .menu > ul.aangesloten li{
	text-align:right;
	list-style-type: none!important;
}

.footer > .footer > .menu > ul.aangesloten > li.logo {
	padding:0px 0px 20px 0px;
	text-align:right;
}

.footer > .footer > .menu > ul.aangesloten > li.metaalunie img {
	max-height:50px;
}

.footer > .footer > .menu > ul.aangesloten > li.leerbedrijf img {
	max-height:60px;
}

.footer > .footer > .menu > ul.aangesloten > li.vakeur img {
	max-height:60px;
}

.footer > .footer > .menu > ul.aangesloten > li.skl img {
	max-height:40px;
}



.footer > .footerr {
	margin:70px 0px 0px 0px;
	float:right;
}

.footer > .footerr > .keurmerken {
	padding:0px;
	float:right;
	margin:0px;
}

.footer > .footerr > .keurmerken > a > img {
	max-height:60px!important;
	height:auto!important;
	width:auto!important;
	float:right;
	margin:0px 20px 0px 0px;
}


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


.footer > .footer > .brands {
	margin-top:20px;
}

.footer > .footer > .kramp {
	margin-top:20px;
}

.footer > .footer > .brands > .brand { display:block; margin: 20px 0px 0px 0px; min-height:100px; padding:0px; float:left;}


@media only screen and (min-width : 992px) {
	.footer > .footer > .brands > .brand > .logo {
		max-width:460px;
		width:100%;
	}

	.footer > .footer > .brands > .brand:nth-child(2) {
		margin-right:20px;
		margin-top:20px;

	}

	.footer > .footer > .brands > .brand:nth-child(3) {
		margin-right:0px;
		margin-top:0px;

	}


	.footer > .footer > .brands > .brand > .logo img {
		max-width:460px;
		width:100%;
	}



	.footer > .footer > .brands {
		min-width:250px;
	}


	.footer > .footer > .kramp {
		min-width:250px;
		float:right;
	}

}

@media only screen and (max-width:992px) {
	.footer > .footer > .brands {
		padding-left:0px;
	}

	.footer > .footer > .kramp {
		padding-left:0px;
	}

	.footer > .footer > .brands > .brand {
		max-width:200px;

	}
	.footer > .footer > .brands > .brand:nth-child(2) {
		margin-top:20px;
		max-width:150px;
		margin-right:20px;
	}
	.footer > .footer > .brands > .brand:nth-child(3) {
		margin-top:0px;
		max-width:150px;
		margin-right:20px;

	}
	.footer > .footer > .brands > .brand:nth-child(4) {
		margin-top:35px;
		max-width:150px;

	}


}

.footer > .footer > .brands > .brand > .logo {
	display:block;
	width:100%;
}


.footer > .footer > .brands .brand .logo img:hover {
	opacity: 0.8;
}
































/* COPYRIGHT */


#copyright_section {

	background: #222222; /* Old browsers */
	color:#FFF;
	z-index:-999999;
	font-family:'Titillium Web';
	font-size:16px;
	padding-bottom:6px;
	text-shadow:1px 1px 1px #000;
	border-top:1px #CCC dashed;


}

#copyright_section .copyright {
	padding-left:0px;
	padding-top:10px;
}

.copyright_content a {
	text-decoration:underline;
	color:#FFF;

}

#copyright_section .copyright .copyright_content {
	text-align:left;
}

#copyright_section .copyright .copyright_content:nth-child(2) {
	text-align:right;
}


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

	#copyright_section .copyright { padding-bottom:10px; }

	#copyright_section .copyright .copyright_content {
		text-align:center;
	}
	#copyright_section .copyright .copyright_content:nth-child(2) {
		text-align:center;
	}


}

.copyright_content .textwidget {
	display: inline-block;
}

/* MERKEN */

#merken {
	margin-bottom:0px;
	margin-top:40px;
	margin-left:-30px;
}

#merken .merk {


	height:150px;
	display:block;
	margin:20px 0px 20px 0px;
	text-align:center;
}


#merken .merk img {
	width:auto;
	max-width:300px;
	max-height:150px;

	height:auto;

}

#merken .merk img:hover {
	transition: height .4s cubic-bezier(0, 1.8, 1, 1.8);
}



.occasionframe {
	border:0px;
	box-shadow:0px;
	width:100% !important;
	display:block;
	height:8000px!important;
	max-width:100%!important;

}

.contact-img img {
	max-width:500px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	border: 2px #333 solid;
}


.newsletter-img {
	text-align:center;
}

.newsletter-img img {
	max-width:480px;
	width:100%;

}















.mplogon {
	margin:0px 0px 20px 0px;
}


p.bxslider-controls {
	width:100%;
	text-align:center;
}

p.bxslider-controls i {
	font-size:36px;
	margin-bottom:20px;
}



a.meermerken {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007aaa+0,0185ba+100 */
	background: #007aaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #007aaa 0%, #0185ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007aaa 0%,#0185ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007aaa 0%,#0185ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aaa', endColorstr='#0185ba',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	font-family: 'Titillium Web', Arial;
	color: #ffffff;
	font-size: 16px;
	padding: 8px 12px 8px 12px;
	text-decoration: none;
}

a.meermerken:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007aaa+0,0185ba+100 */
	background: #007aaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #007aaa 0%, #0185ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007aaa 0%,#0185ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007aaa 0%,#0185ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aaa', endColorstr='#0185ba',GradientType=0 ); /* IE6-9 */

	text-decoration: none;
}



.facebook {

}


.hoofdgroep {
}

.hoofdgroep h3 {
	padding:0px 0px 10px 0px;
	font-family:'Titillium Web';
	font-size:18px;
	font-weight:600;
}

.hoofdgroep img:hover {
	margin-top:5px;
	border:#333 2px solid;

	-webkit-box-shadow: 0px 16px 16px -21px rgba(0,0,0,1);

	-moz-box-shadow: 0px 16px 16px -21px rgba(0,0,0,1);

	box-shadow: 0px 16px 16px -21px rgba(0,0,0,1);

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;


}


.hoofdgroep img {
	max-width:250px;
	width:100%;
	padding:0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	border: 2px #333 solid;
}


@media only screen and  (max-width: 768px) {
	.hoofdgroep img {
		margin-bottom:20px;
	}
}

.uitgelicht {

}

.uitgelicht img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	border: 2px #333 solid;
	width:100%;
}

.uitleg img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	border: 2px #333 solid;
	width:100%; max-width:173px; margin:0px 10px 20px 0px;
	float:left;
}






.uitleg a:nth-child(n+13) img.alignnone {
	display:none!important;


}
/*.mediagallery { padding:0px 0px 0px 0px!important; margin:-20px 0px 0px 0px!important; }
.mediagallery img {
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	
	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	
	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	border: 2px #333 solid;
	width:100%; max-width:173px; margin:0px 10px 20px 0px;
	float:left; 
}*/



.mediagallery {
	margin:0px 0px 30px 0px;
}

.mediagallery .afbeelding {
	padding:7px!important;
	min-height:130px!important;
}


.mediagallery img {
	min-height:130px!important;
	width:100%!important;
	max-width:100%!important;
}


.downloadgallery {
	margin:0px;
	padding:0px;
}

.downloadgallery > .downloaditem {
	margin:0px 0px 50px 0px!important;
	padding-left:0px;


}

.downloadgallery > .downloaditem img {
	padding:0px!important;
	margin:0px 0px 10px 0px!important;
}

/*a.btn-download {
	padding:8px 5px 8px 5px;
	display:block;
	margin:10px 0px;
	text-align:center;
	background-color:#c10b25;
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: 'Roboto';
  font-weight:600;
  color: #ffffff!important;
  text-shadow:1px 1px 1px #000;
  width:100%;

}

a.btn-download i {
	margin-right:5px;
}*/

.downloadgallery > .downloaditem h3 {
	font-size:16px;
	line-height:18px;
}



.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}

@media only screen and  (max-width: 768px) {
	.uitleg { }
}

@media only screen and  (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
	.uitleg {
		min-height:600px;
	}
}
@media only screen and  (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media only screen and  (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
	.uitleg a:nth-child(-n+4) img.alignnone {
		margin-top:20px;
	}
}


.media-image {
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}


.imgWrap {
	position: relative;
	height:175px;
}

.imgDescription {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	background: rgba(0, 0, 0, 0.72);
	color: #fff;
	text-align:center;
	font-family: 'Titillium Web', Arial;
	text-transform:uppercase;
	font-size:18px!important;
	font-weight:800;
	text-shadow: 1px 1px 1px #000000;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility opacity 1s;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.imgWrap:hover .imgDescription {
	visibility: visible;
	opacity: 1;
}


span.redirecttosite {
	padding-top:0px;
	margin-left:0px;
	display:none;
}

.btn-fb {
	width:370px;
	height:60px;
	left:50%;
	margin-left:-185px;
	position:relative;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
}


.btn-fbL {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b5998+0,294784+100 */
	background: #3b5998; /* Old browsers */
	background: -moz-linear-gradient(top, #3b5998 0%, #294784 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #3b5998 0%,#294784 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #3b5998 0%,#294784 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5998', endColorstr='#294784',GradientType=0 ); /* IE6-9 */
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border:#333 solid;
	border-width:1px 0px 1px 1px;
	font-family: 'Titillium Web', Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 15px 20px 15px 20px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
	float:left;
	display:block;
	height:60px;
	max-width:300px;
	width:100%;
}

.btn-fbL:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007aaa+0,0185ba+100 */
	background: #007aaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #007aaa 0%, #0185ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007aaa 0%,#0185ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007aaa 0%,#0185ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aaa', endColorstr='#0185ba',GradientType=0 ); /* IE6-9 */


	text-decoration: none;
}


.btn-fbR {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b5998+0,294784+100 */
	background: #BBB; /* Old browsers */
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	font-family: 'Titillium Web', Arial;
	color:#3b5998;
	font-size: 20px;
	padding: 15px 20px 15px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
	float: left;
	display:block;
	max-height:60px;
	border:#333 solid;
	border-width:1px 1px 1px 0px;
	max-width:70px;
	width:100%;
}

.btn-fbR:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007aaa+0,0185ba+100 */
	background: #007aaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #007aaa 0%, #0185ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007aaa 0%,#0185ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007aaa 0%,#0185ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aaa', endColorstr='#0185ba',GradientType=0 ); /* IE6-9 */

	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
}




.iframe {
	width:45%!important;
	padding:0px;
	margin-top:0px;
	margin-right:10px;
	margin-left:0px;
	margin-bottom:10px;
	display:inline-block;
	border: 2px #333 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


iframe {
	width:100%!important;
	max-width:100%!important;

	padding:0px;
	margin-top:0px;
	margin-bottom:-5px;
	display:inline-block;
	border: 2px #333 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
/*
iframe:nth-child(2) {
	margin-left:10px;

}*/

.contact { padding:0; margin:0; }


.contactBlocks {
	margin-top:0px;
}

.contactBlocks h1 {
	margin-bottom:20px;
}

.contactBlocks h3,
.contactBlock h3{

	font-size:25px;
	padding-bottom:0px;
	margin-bottom:0px;
	line-height:25px;

}

.contactBlock {
	padding-left:0px!important;
	margin-left:0px!important;
	margin-bottom:50px;
}

.contactBlock img {
	padding-left:0px!important;
	margin-left:0px!important;
}

.contactBlock ul {
	list-style-type:none;
}
@media only screen and (max-width:395px){
	.contactBlock ul.vertegenwoordigers span.naam span.melding-eigenaar {
		display: none;
	}
}
@media only screen and (min-width:360px) and (max-width: 768px) {
	.contactBlock img {
		margin-top:40px;
		max-width:90%!important;
	}

	.contactBlock h3 {
		margin-top:25px!important;
		display:block;
		margin-bottom:5px;
	}

	.contactBlock li {
		margin-bottom:5px!important;
	}

	.contactBlock ul {
		margin-left:5px!important;
	}

}

@media only screen and (min-width:768px) and (max-width: 992px) {
	.contactBlock img {
		margin-top:40px;
		max-width:90%!important;
	}

	.contactBlock h3 {
		margin-top:25px!important;
		display:block;
		margin-bottom:5px;
	}

	.contactBlock li {
		margin-bottom:5px!important;
	}

	.contactBlock ul {
		margin-left:65px!important;
	}

}

@media only screen and (max-width: 992px){
	.vertegenwoordigersBlock {
		margin-bottom: 25px;
	}
}

@media only screen and  (min-width: 992px) {
	.contactBlock img {
		margin-top:40px;
		max-width:90%!important;
	}

	.contactBlock h3 {
		margin-top:25px!important;
		display:block;
		margin-bottom:5px;
	}


	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007aaa+0,0185ba+100 */
	background: #007aaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #007aaa 0%, #0185ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007aaa 0%,#0185ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007aaa 0%,#0185ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007aaa', endColorstr='#0185ba',GradientType=0 ); /* IE6-9 */

}

.contactBlock h3 i {
	color:#0090c9;
	margin-left:5px;
	margin-right:15px;
	font-size:32px;
	width:30px!important;
}


.contactBlock .spacer {
	margin:35px 0px;
	clear:both!important;
}


.contactBlock ul.vertegenwoordigers span.naam,
.contactBlock ul.whatsapp span.naam,
.contactBlock ul.openingsuren span.dag {

}

.contactBlock ul.vertegenwoordigers,
.contactBlock ul.whatsapp,
.contactBlock ul.openingsuren
{
	margin-left:5px;
}

.contactBlock ul.vertegenwoordigers span.telefoon,
.contactBlock ul.whatsapp span.telefoon,
.contactBlock ul.openingsuren span.uren{
	font-weight:bold;
}


.contactBlock ul.vertegenwoordigers li span.email {
	margin-left:10px;
}

.contactBlock ul.vertegenwoordigers li span.email a {
	color:#0090c9;
}

.contactBlock ul.vertegenwoordigers li span.email a:hover {
	color:#222;
}

.contactBlock small {
	font-size:12px;
	font-style:italic;
	margin:20px 0px 10px 0px;
	display:inline-block;
	max-width:450px;

}


.uitleg a {
	color:#0090c9!important;
}

.fa-facebook {padding:4px 10px 3px 10px; display:inline-block; text-shadow:0px 0px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left:10px; font-size:24px;}

.socialsfb { margin-left:10px; display:inline-block; }
.socialsfb img { height:15px;}



.download a { color:#FFF!important; }

.download {
	text-align:right;
	margin-top:20px;
	width:100%;
	display:inline-block;
	margin-bottom:15px;
}

.img-responsive {
	max-width: 100%!important;
	height: auto;
	display:block!important;
}

/*
.product {
	text-align:center;
	margin:0px 0px 50px 0px!important;
	min-height:230px;
	padding-left:0px;
	padding-right:20px;
	
	
}*/
/*
@media only screen and (min-width:768px) { 

.product img {
	max-height:160px!important;
}

}

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

}
.product h3 {
	
	font-family:'Titillium Web';
	font-size:25px;
	font-weight:600;
	line-height:25px;
	margin:0px 0px 20px 0px!important;
	padding:10px;
	display:block;
	width:100%;
	background-color:#0090c9;
	
}

	
	
	*/




.media {
	padding-left:0px!important;
	margin-left:0px!important;
}


.slidesLarge {
	padding:0px 10px 0px 0px;
	margin:0px;
}

.slidesLarge .divimg {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	border: 2px #333 solid;
	max-height:135px;
	height:100%;
	max-width:200px;
	min-height:135px;
	width:100%;
	display:block;
}

.slidesLarge img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	border: 2px #333 solid;
	height: auto;
	width:100%;
}

.pagecontent,.pagebrands,.pageservice {
	padding:0px;
	margin:0px;
}

.pagecontent {
	padding:0px 40px 0px 0px!important;
}


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

	.pagebrands {
		margin:40px 0px 0px 0px;
		text-align:center!important;
	}


	.pagebrands img {
		max-width:350px!important;
		width:100%!important;
		margin-bottom:30px;
		border:0px!important;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}


	.pageservice {
		text-align:center;
		margin:40px 0px 0px 0px;
	}

	.pageservice img {
		max-width:350px!important;
		width:100%!important;
		margin-bottom:30px;

		-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

		-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

		box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	}
}

@media only screen and (min-width: 992px) {


	.pagebrands {
		text-align:right!important;
	}
	.pagebrands img {
		max-width:100%!important;
		height:auto;
		margin:0px 0px 40px 0px;
		float:right;
		border:0px!important;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;

	}


	.pageservice img {
		max-width:100%!important;
		height:auto;
		margin:0px 0px 20px 0px;
		float:right;
		-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

		-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

		box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);

	}
}


img.mentoorlogo {
	float:right;
	margin:0px 0px 25px 25px!important;
	margin:0px;
	width:250px!important;
}

.images,.images img {
	padding-left:0px;
	margin-left:0px;
}

.merklogo {
	padding:0px 20px 20px 0px;
	min-height:155px;
	height:auto;
	text-align:center!important;
}

.merklogo img {
	padding:0px;
	margin:0px;
	border:0px!important;
	clear:both;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	max-width:300px!important;
	max-height:150px!important;
	width:100%!important;
}

.pagecontent a {
	color:#000;
	text-decoration:none;
}


@media only screen and (max-width:992px) {
	.headerXlImg { display:none; }
	.headerSmImg { display:none; }

}

@media only screen and (min-width:992px) and (max-width:1280px) {
	.headerXlImg { display:none; }
	.headerXsImg { display:none; }

}
@media only screen and (min-width:1281px) {
	.headerSmImg { display:none; }
	.headerXsImg { display:none; }
}

@media only screen and (max-width:768px) {
	.formrow,.formitem {
		margin-bottom:15px;
		padding-left:0px;
		padding-right:0px;
	}
}

@media only screen and (min-width:768px) {
	.formrow,.formitem {
		margin-bottom:15px;
		padding-left:0px;
		padding-right:20px;
	}
}


.formitem input[type="text"] {
	width:100%!important;
	max-width:100%!important;
}

.formitem textarea {
	height:110px;
	max-width:100%;
	width:100%;

}

.formitem input[type="submit"] { background: #be0d25; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); margin: 0px; padding: 5px; outline: 0px; border-radius: 2px; border-image: none; width: auto !important; text-align: center; color: #FFF; font-size: 12px; font-weight: bold; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); -webkit-border-radius: 2px;
}

.formitem span.error {
	color:#be0d25;
	padding-top:5px!important;
	display:inline-block;
}

.melding-verzonden {
	border:#00d12c 1px solid;
	background-color:#abffa7;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	margin-top:20px;
	margin-bottom:50px;
}

.melding-foutverzenden {
	border:#c50000 1px solid;
	background-color:#21a336;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	margin-top:20px;
	margin-bottom:50px;
}


.btn-dronedata-bottompage {
	position:fixed;
	right:30px;
	bottom:15px;
	width:150px;
	height:100px;
	text-align:right;
	z-index:99999;
}


.btn-dronedata {
	margin:-30px 0px -10px 0px;
	text-align:left;
	padding-left:0px!important;
}

@media only screen and (max-width:768px) {
	.btn-dronedata p {
		margin:20px 0px 30px 0px;
		font-style:italic;
		text-align:center;
	}
}

@media only screen and (min-width:768px) {
	.btn-dronedata p {
		margin:20px 0px 0px 0px;
		font-style:italic;
		text-align:left;
	}
}

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

	.drone-download {
		padding-left:0px!important;
	}
	.btn-dronedata-bottompage {
		display:none;
	}


}


@media only screen and (max-width:1285px) {
	.btn-dronedata-bottompage img {
		max-width:80px;
	}
}

@media only screen and (min-width:1285px) {
	.btn-dronedata-bottompage img {
		max-width:120px;
	}
}



.dronedata-form {
	margin-top:0px;
}

.custom-tooltip + .tooltip > .tooltip-inner {background-color: #be0d25; border:0px!important; font-size:16px; text-shadow:1px 1px 1px #000; font-family: 'Titillium Web', Arial;}
.custom-tooltip + .tooltip { border:0px!important; }



img.dronedata-clipart {
	max-width:800px!important;
	height:auto!important;
	width:100%!important;
	border:0px!important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	margin:0px 0px 0px 0px;
	display:inline-block;

}


.clear {
	clear:both;
}


img.full-range {
	border:0px!important;
	margin-top:50px;
	margin-bottom:-5px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}


.vestigingspacer {
	margin-top:-20px; }

.media-page,
.drone-page,
	/*.products-page {
         padding-left:0px!important;
    }*/


.video-homepage {
	max-width:600px!important;
	height:340px!important;
	width:100%!important;
}


.g-recaptcha,
.g-recaptcha iframe {
	border:0px!important;
	margin-top:2px;
	box-shadow: 0px 0px 0px!important;
}













.btn-download {
	display: inline-block;
	position: relative;
	padding: 10px 25px;

	background-color: #0090c9;
	color: #FFF!important;

	font-family: 'Titillium Web', Arial;
	font-size: 0.9em;
	text-align: center;
	text-indent: 15px;
	margin:0px 0px 25px 0px;
}

.btn-download:hover {
	background-color: #333;
	color: #FFF;
}

.btn-download:before, .btn-download:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 15px;
	top: 52%;
}

/* Download box shape  */
.btn-download:before {
	width: 15px;
	height: 4px;
	border-style: solid;
	border-width: 0 2px 2px;
}

/* Download arrow shape */
.btn-download:after {
	width: 0;
	height: 0;
	margin-left: 3px;
	margin-top: -7px;

	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: transparent;
	border-top-color: inherit;

	animation: downloadArrow 2s linear infinite;
	animation-play-state: paused;
}

.btn-download:hover:before {
	border-color: #FFF;
}

.btn-download:hover:after {
	border-top-color: #FFF;
	animation-play-state: running;
}

/* keyframes for the download icon anim */
@keyframes downloadArrow {
	/* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
	0% {
		margin-top: -7px;
		opacity: 1;
	}

	0.001% {
		margin-top: -15px;
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		margin-top: 0;
		opacity: 0;
	}
}


h4 {
	margin-bottom:4px;
	font-size:16px;
	border:0px;
	color:#333;
	font-family: 'Titillium Web', Arial;
	font-weight:700;
	margin-top:0px;
	padding:0px;
	line-height:normal;
}

.fedecom img {
	max-width:280px!important;
	border:0px!important;
	box-shadow:0px 0px 0px 0px !important;
	padding:0px!important;
	margin:0px 0px 25px 0px;
}


.padding-0 {
	padding:0px!important;
}

.kramptotal {
	margin:0px 0px -20px 0px;
	text-align:center!important;
}

.kramptotal img,
.kramptotal img a {
	max-width:350px!important;
	border:0px;
	box-shadow:none!important;
}

.content .mainbrand {
	margin-bottom:35px;
}

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


}


@media only screen and (min-width:768px) and (max-width:992px) {
	.content .mainbrand img {
		margin-left:-30px!important;
		padding-left:0px!important;
	}

}


@media only screen and (min-width:992px) and (max-width:1200px) {
	.content .mainbrand img {
		margin-left:-40px!important;
		padding-left:0px!important;
	}

}

@media only screen and (min-width:1200px) {
	.content .mainbrand img {
		margin-left:-80px!important;
		padding-left:0px!important;
	}

}

.verhuur-groepen h3 {
	margin-top: 25px;
}

.homepage img {
	width:auto!important;
	max-width:auto!important;
	min-width:auto!important;
	height:auto!important;
	border:0px!important;
	box-shadow:0px 0px 0px !important;
}


.contactBlockHome {
	font-size:16px;
	font-weight:bold;
}

.contactBlockHome i {
	color:#0090c9;
}

.contactBlockHome span.tel  {
	padding-top:8px;
	display:block;
}






























.wp-block-file {
	margin-bottom: 0!important;
}



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

	.homepage_flags img {
		max-width:30px;
		height:auto!important;
		margin-bottom: 25px;
	}

}



@media only screen and (min-width:601px) {

	.homepage_flags img {
		width:100%!important;
		height:auto!important;

	}

}



.container_last_posts {
	background-image: url('images/last_posts_bg2.jpg');
	background-position: 0px 90px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;

}


.container_last_posts .h3_header {
	padding: 20px 10px;
	position: relative;
	text-align: center;
	width: 60%;
	margin: auto;
	top: -40px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	-moz-box-shadow: 0px 16px 16px -11px rgba(0,0,0,1);
	box-shadow: 0px 17px 25px -16px rgba(0,0,0,1);
}


.container_last_posts .content {
	margin-bottom:0px!important;
	margin-top:0px!important;
}


.wp-block-gallery {
	/*background: rgb(17,17,17)!important;
	background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 52%, rgba(17,17,17,1) 100%)!important;;*/
	padding:50px!important;
	display: none;
}

.wp-block-gallery img {
	border: 1px #333 solid;
}

.dealerschap_logo_container, .div_logo_container {
	position: relative;
	margin-bottom: 25px;
}

.dealerschap_logo_container img, .div_logo_container img {
	margin-bottom: 35px;
	box-shadow: none!important;
}

.dealerschap_logo_container .text_btn_container, .div_logo_container .text_btn_container {
	position: absolute;
	bottom: -10px;
	/* top: 10px; */
	left: 15px;
	background: #232323;
	background: -moz-linear-gradient(left, #232323 0%, #444444 100%);
	background: -webkit-linear-gradient(left, #232323 0%,#444444 100%);
	background: linear-gradient(to right, #737373 0%,#444444 100%);
	border: 1px solid #5b5a5a;
	display: inline-block;
	color: #FFFFFF;
	padding: 8px;
	text-align: center;
	right: 15px;
	-webkit-box-shadow: 0px 9px 11px -7px rgb(0 0 0);
	-moz-box-shadow: 0px 9px 11px -7px rgba(0,0,0,1);
	box-shadow: 0px 9px 11px -7px rgb(0 0 0);
}


.div_logo_container img {
	max-height: 250px;
	object-fit: cover;
}

.locaties {
	margin: 0px!important;
	background-image: url('images/contact_bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 50px 0px 50px 0px;
}


.contact_locatie .textwidget {
	margin-top:0px;
}

.locaties .contact_both {
	position: absolute;
	margin-left: -40%;
	margin-top: 170px;
	width: 60%;
	left: 50%;
	min-height: 400px;
	background-color: #333333;
	padding: 25px;
	color: #FFFFFF;

}

.locaties .textwidget p {
	margin-bottom: 8px;

}


.telefoonnummers {
	padding-bottom: 25px;
	padding-top: 25px;
	background-color: #333333;
	color: #FFFFFF;
}

@media screen and (max-width: 578px) {
	.telefoonnummers .telefoonnummer {
		margin-bottom: 25px;
	}

}


.telefoonnummers .telefoonnummer {
	padding-left: 30px;
}

.locaties .textwidget a {
	color: #000000;

}

.contact_locatie_assen {
	background: rgb(0,122,65);
	background: linear-gradient(
			130deg
			, rgba(0,122,65,1) 0%, rgba(0,75,40,1) 100%);
}

.contact_locatie_pesse {

	background: rgb(51,51,51);
	background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(17,17,17,1) 100%);
}

.contact_locatie {
	color: #222222;
	padding: 25px;
}

.contact_locatie iframe {
	margin-top: 20px;
}


p.price small {
	color: red;
	font-weight: bold;
}
.wsppc-terms-list {
	margin: 2rem 1rem;
	color: black;
	font-size: 1.25rem;
}
section.offers {
	margin-top: -2rem;
}
section.offers p {
	text-align: center;
	font-size: 2rem;
	color: black;
	background: yellow;
	padding: 1rem 0;
}
.woocommerce-breadcrumb {
	font-size: 1.5rem;
}
div.storefront-breadcrumb .woocommerce-breadcrumb a {
	text-decoration: none;
	color: black;
}
.single-product div.product .woocommerce-product-gallery {
	width: auto;
	margin-right: 0;
}
div.woocommerce-product-gallery figure {
	box-shadow: 0 0 10px #888;
	margin: 1rem;
}
.single-product div.product p.price {
	margin-top: -1rem;
}
div.woocommerce-product-details__short-description {
	font-size: 1.4rem;
	color: black;
}

figure.wp-block-image {
	display: none;
}












@media only screen and (min-width: 1920px) {

	.image_gallery .gallery_item img {
		max-height:380px;
		object-fit: cover;

	}
}


@media only screen and (min-width: 1200px) and (max-width: 1920px) {

	.image_gallery .gallery_item img {
		max-height:225px;
		object-fit: cover;

	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.image_gallery .gallery_item img {
		max-height:245px;
		object-fit: cover;

	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	.image_gallery .gallery_item img {
		max-height:190px;
		object-fit: cover;

	}
}



@media only screen and (min-width: 567px) and (max-width: 768px) {
	.image_gallery .gallery_item img {
		max-height:400px;
		object-fit: cover;

	}
}


@media only screen and (min-width: 320px) and (max-width: 567px) {
	.image_gallery .gallery_item img {
		max-height:245px;
		object-fit: cover;

	}
}













.image_gallery .owl-prev {
	position: absolute;
	top: 45%;
	left: 25px;
	display: block !important;
	border:0px solid black;
}

.image_gallery .owl-next {
	position: absolute;
	top: 45%;
	right: 35px;
	display: block !important;
	border:0px solid black;
}


.image_gallery  .owl-prev i, .image_gallery  .owl-next i {
	color: #172d78; font-size: 50px;
	display: none;
}





.image_gallery .gallery_item {
}

.image_gallery .owl-dots {
	display: none;
}

.wp-block-separator.is-style-dots:before {
	content: "■■■"!important;
	font-size: 1em!important;
	letter-spacing: 1.5em!important;
}

.vacature-alert a {
	background-color: #e5d8b2;
}



.vacature_form_container {
	background-image: url(images/title_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px 0px 25px 0px;
	color: #FFFFFF;
}


.vacature_form_container > .form_container > .row > div > form {
	margin-top: 15px;
}
.vacature_form_container > .form_container > .row > div > h3 {


	font-size: 2em !important;
	line-height: unset !important;
}



.vacature_form_container > .form_container > .row > div > form > .vacature_inputCol {
	color:#FFFFFF;
	font-weight: bold;
	padding: 7px 0px 7px 0px;
}

.vacature_form_container > .form_container > .row > div.image {
	background-image: url(https://2023.lmbdenotter.nl/wp-content/uploads/2023/06/IMG_9291.jpg);
	background-position: center;
	background-size: cover;
}

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

	.vacature_form_container > .form_container > .row > div.image {
		display: none!important;
	}

}