/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
a[href^=tel] {
   text-decoration:inherit !important;
   color: inherit !important;
}
ol,ul {
	list-style:none;
}

span.groen{color:#041a72 !important;}
.groen {color:#041a72 !important;}

caption,th {
	text-align:left;
}

@font-face {
font-family: 'Palmaton Regular';
font-style: normal;
font-weight: normal;
src: local('Palmaton Regular'), url("../fonts/Palmaton.woff")format('woff');
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:bold;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
}

.darklayer {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}


form.mx_newsletter .mx_newsletter_row {

	width: 100%;
	clear: both;
	margin-bottom: 3px;
}



.newsletter input {
    display: block;
    float: left;
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    outline: none;
    border-radius: 2px;
      width: 60%;
    height: 50px;
    background: url(../images/trans-white.png) repeat;
    text-indent: 30px;
    font-size: 20px;
    line-height: 50px;
    font-weight: 400;
    background-color: rgba(4, 26, 114, 0.8);
	color:#fff;
}

.newsletter ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.newsletter :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.newsletter ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}



.mx_captcha {
	width: 50px;
}
#mx_newsletter {color:#fff;}



/**************************************************************************************/
a{
	color:#000;
	text-decoration:none;
	outline:0 none;
}
a:hover{
	color:#000;
	text-decoration:none;
}
h1{
	font-size:24px;
	font-family: 'Montserrat', sans-serif;
	
}
h2{
	font-size:22px;
	font-family: 'Montserrat', sans-serif;
	
}
h3{
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	
}
h4{
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	
}
h5{
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	
}
h6{
	font-size:12px;
	font-family: 'Montserrat', sans-serif;
	
}
/*----------------------------------------------------------------------------------*/
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	display:block;
}
/* ----------------------- layout ----------*/
body {
	background:#fff;
	font-family: 'Montserrat', sans-serif;
}
#wrapper{
	margin:0 auto;
	width:100%;
	
}
header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:100;
}
.logo{
	width: 519px;
	padding: 0;
	margin-top: 12%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 101;
	opacity: 0.8;
}
.logo a{
	display:block;
}
.logo a img{
	display:block;
	width:100%;
	height:auto;
	 background-color: #fff;
    border-radius: 81px;
    padding: 5px;
}
/* logo-content */
.logo-content{
	width: 350px;
	padding: 0;
	margin-top: 6%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 87;
	    top: 18px;
}

.logo-content a{
	display:block;
}
.logo-content a img{
	display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 81px;
    padding: 5px;
	opacity: 0.9;
	    min-width: inherit;
}
.container-black {
	width:100%;
	background-color:#041a72;
	float:left;
	padding: 10px 0 0;
	position: fixed;
	box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.35);
	z-index: 102;
	    height: 64px;
}

.container-inner {
	width:100%;
	max-width:1400px;
	margin:0 auto;
}
/* knoppen in tekst*/
.knop {
	float:left;
	margin: 0 10px 0 0;
}
.knop a:hover{
	display:inline-block;
	border:solid 1px #041a72;
	background-color:#ffffff;
	padding:10px;
	color:#041a72 !important;
	text-decoration:none;
}
.knop a{
	text-decoration: none !important;
	display:inline-block;
	border:solid 1px #041a72;
	background-color:#041a72;
	padding:10px;
	color:#ffffff !important;
	text-decoration:underline;
}
.knop3 {
	float:left;
	margin: 0 10px 23px 0;
	width: 100%;
}
.knop3 a:hover{
	display:inline-block;
	border:solid 1px #041a72;
	background-color:#ffffff;
	padding:10px;
	color:#041a72 !important;
	text-decoration:none;
}
.knop3 a{
	text-decoration: none !important;
	display:inline-block;
	border:solid 1px #041a72;
	background-color:#041a72;
	padding:10px;
	color:#ffffff !important;
	text-decoration:underline;
	width: 100%;
    text-align: center;
}
.knoppen {
	margin-top:5px;
}
.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
.search {
	float: right;
	margin-top: -3px;
	height:40px;
	margin-right: 2%;
	display:none;
	
}
.search input[type="text"] {
	padding: 0 12px;
	float: left;
	width: 141px;
	height: 31px;
	font-size: 16px;
	line-height: 31px;
	font-weight: normal;
	color: #fff;
	border: 0;
	background-color: #ccc;-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.search input[type="submit"] {
	float: left;
	width: 36px;
	height: 31px;
	cursor: pointer;
	border: 0;
	border-left: 2px solid #fff;
	background: #ccc url("../images/search_icon.png") center center no-repeat;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
}
.search input[type="submit"]:hover {
	opacity: 0.7;
}
header nav{
	    padding: 10px 0 0 10px;
    max-width: 1100px;
    width: 100%;
    float: none;
	    margin: 0 auto;
}
header nav ul li {
	float: left;
	    padding: 5px 10px 23px 10px;
	margin: 0 0 0px;
	position: relative;
}
header nav ul li a{
	font-size:15px;
	font-weight:lighter;
	text-transform: uppercase;
	line-height:20px;
	color:#fff;
	
}
header nav ul li:hover, header nav ul li.mx_current {
	background:no-repeat left center;
}
header nav > ul > li:hover > a, header nav > ul > li.mx_current > a{
	color:#c20f2f;font-weight: bold;

}
header nav ul li ul{
	position:absolute;
	background-color:rgba(255, 255, 255, 0.9);
	padding:5%;
	margin-top:24px !important;
	width:100px;
	display:none;
	height: auto !important;
	-webkit-border-bottom-right-radius: 10px;
}
header nav ul li ul{
	position:absolute;
	background-color:rgba(4, 26, 114, 0.9);
	padding:10px;
	margin-top:0;
	width:264px;
	display:none;
	height: auto !important;

}
header nav ul li ul li{
	padding: 10px 0 10px;
	width: 100%;
	float: left;
	border-bottom: dotted 1px #666;
}
header nav ul li ul li:last-child{
	border-bottom: dotted 0px #666;
}
header nav ul li ul li:hover{
	background:none;
}
header nav ul li ul li:hover a, header nav ul li ul li.mx_current a {
	color:#ccc;
}


.section2 .container {
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    min-width: 250px;
    background-color: #f2f2f2;
}
.menubutton{
	display:none;
}
/* flexslider */
.flexslider{
	position:relative;
	width:100%;
	margin:0 auto;
	z-index:99;
	padding:0px 0 0;
}
.flexslider > ul{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
}
.flexslider > ul > li{
	float:left;
	position:relative;
	line-height:0;
	width:100%;
}
.flexslider ul li > img{
	width:100%;
	display:block;
	margin:0 auto;
	height:auto;
	margin-top: -208px;
}
.flexslider ul li a > img{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	/*margin-top: -208px;
	*/
}
.flexslider .flex-direction-nav {
	position: absolute;
	top: auto;
	bottom:50%;
	width: 100%;
	left:0%;
	height:58px;
	z-index:999;
}
.flexslider .flex-direction-nav li {
	float:none;
}
.flexslider .flex-direction-nav a {
	display: block;
	text-indent: -9999px;
	width: 79px;
	height:58px;
	position: absolute;
	z-index:99;
	font-size:0;
	top:0px;
}
.flexslider .flex-direction-nav a.flex-prev {
	background: url(../images/left-nav.png) scroll no-repeat;
	left: 40px;
	font-size:0;

}
.flexslider .flex-direction-nav a.flex-next {
	background: url(../images/right-nav.png) scroll no-repeat;
	right: 40px;
	font-size:0;
	
}
.flexslider .flex-control-nav {
	text-align: center;
	margin:0;
	position:absolute;
	z-index:101;
	width:100%;
	height:16px;
	bottom:30px;
	right:0px;
	display:inline-block;
	line-height:16px;
}
.flexslider .flex-control-nav li {
	display: inline-block;
	list-style: none;
	margin: 0 10px 0 0px;
	text-align: center;
	line-height:16px;
}
.flexslider .flex-control-nav li:last-child{
	margin-right:0px;
}
.flexslider .flex-control-nav li a {
	width: 16px;
	height: 16px;
	display: block;
	z-index: 100000;
	text-indent:0px;
	background:url(../images/inactive-li.png) no-repeat center center;
	font-size:0;
}
a.flex-active{
	background:url(../images/active-li.png) no-repeat center center !important;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	position:relative;
	overflow:hidden;
	padding:0;
}
.flex-control-nav.flex-control-paging span{
	padding:8px 0 0;
	display:inline-block;
}
/* flexslider ends*/
/* statische banner */
.banner {
	max-width:100% ;
	height:auto;
}
.banner-inside {
	max-width:100%;
	height:auto;
	overflow: hidden;
	background-color: #000;
	    position: relative;
}
.banner-inside .mx_buttons {

    margin-top: 137px;
    z-index: 9999999999999999999999;

}
.banner img {
	max-width:100%;
	width:100%;
	height:auto;
	display: block;
	overflow: hidden;
	
}
/* content template */
.content{
	padding: 3% 3% 0
}
.cotent ul, ol, dl {
	padding: 0 15px;
	margin: 15px;
	list-style: disc;
}
.content-breed-koptekst {
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0 0 40px;
	display:block;
}
.content-breed-wrapper ol, .content-breed-wrapper ul {
	padding:15px;
	list-style:disc;
}
.content-left {
	float:left;
	width:70%;
	padding:5%;
	color:#373839;
}
.content-left img , .content-right img {
	width:100%; height:auto;
}

.content-left h2, .content-right h2 {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    
    margin-bottom: 18px;
	color:#041a72;
	    font-weight: 100;
}

.content-left h1, .content-right h1{
	font-size:40px;
	line-height:normal;
	color:#041a72;
	font-weight:700;
	margin:0 0 15px;
}
.content-left h3, .content-right h3{
	font-size:20px;
	line-height:normal;
	color:#041a72;
	font-weight:400;
	margin:0 0 15px;
}.content-left h4 {
	    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
    color: #041a72;
}
.content-left p, .content-right p{
	font-size: 19px;
	line-height: 27px;
	color:#030304;
	font-weight:400;
	margin:0 0 18px;
}
.content-left a, .content-right a {
   /* display: inline-block;
    width: 287px;
    line-height: 45px;
    font-size: 21px;
    color: #041a72;
    font-weight: bold;
    border: solid 1px #041a72;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    background: url(../images/arrowkey.png) no-repeat 252px 16px;
    background-size: inherit;
    text-indent: -18px;*/
}



.content-breed {
	font-size: 19px;
	line-height: 30px;
	float:left;
	width:100%;
	padding:5%;
	color:#373839;
	-moz-column-count:2;
	-moz-column-rule:solid 0px #ccc;
	-moz-column-gap:25px;
	-webkit-column-count:2;
	-webkit-column-rule:solid 0px #ccc;
	-webkit-column-gap:25px;
	column-count:2;
	column-rule:solid 0px #ccc;
	column-gap:5%;
}
.content-breed ul, ol, dl {
	padding:0 15px;
	margin: 15px;
	list-style: disc;
}
.content-breed img {
	max-width:100% !important;
	height:auto !important;
	padding: 0 4% 0 0;
}
.content-breed-wrapper p, .content-breed p, .content-breed-zk p {
	font-size: 18px;
line-height: 32px;
	color:#030304;
	font-weight:400;
	margin:0 0 18px;

}
.content-breed h1, .content-breed-zk h1 {
	font-size:40px;
	line-height:normal;
	color:#041a72;
	font-weight:700;
	margin:0 0 15px;
	    column-span: all;
	

}
.content-breed h2{
	    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    
    margin-bottom: 18px;
	color:#041a72;
	    font-weight: 100;

}
.content-breed-zk td {vertical-align: top;
    text-align: left;}

.content-breed h3{
	font-size:20px;
	line-height:normal;
	color:#041a72;
	font-weight:400;
	margin:0 0 15px;
}

.content-breed a {
	color:#041a72;
	text-decoration:none;
}
.content-breed a:hover {
	color:#333;
}
.content-breed .mx_buttons {
	padding-bottom:40px;
}

#producttemplate {
	    padding: 5% 26% 5% 5%;
    
}

.content-breed-zk .mx_buttons {
	
}
.content-breed-zk img {
	max-width:100% !important;
	height:auto;
}
.content-breed-zk {
	font-size: 20px;
	line-height: 30px;
	float:left;
	width:100%;
	padding: 5% 45px 5% 30px;
	color:#373839;
}
.content-breed-zk ul, ol, dl {
	padding: 0 15px;
	margin: 15px;
	list-style: disc;
}
.content-breed-zk a {
	color:#041a72;
	text-decoration:none;
}
.content-breed-zk a:hover {
	color:#333;
}
.content-breed-zk h1 {
	font-size: 40px;
	line-height: 52px;
	color: #041a72;
	font-weight: 500;
	margin: 0 0 15px;
	column-span: all;
}
.content-breed-zk h2 {
	font-size: 22px;
	line-height: 32px;
	font-weight: 100;
	margin: 0 0 15px;
	column-span: all;
	
}
.content-right {
	float:left;
	width:30%;
	padding:5%;
	background-color:#f7f7f7;
}
.content-breed-koptekst {
	float:left;
	width:96%;
	display:block;
}
.content-breed-koptekst h1 {
	margin-top:20px;
	padding-left:2%;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}
.captionwrap{
	width:100%;
	left:0;
	top:0;
	position:absolute;
	height:100%;
	z-index: 9;
	/*background: rgb(54,54,54);
	background: linear-gradient(180deg, rgba(54,54,54,0.10407913165266103) 17%, rgba(54,54,54,0.4654236694677871) 87%);*/
}
.caption{
	width:700px;
	text-align:center;
	height:100%;
	margin:0 auto;
	position:relative;
}
.caption h2{
	font-size:40px;
	line-height:normal;
	color:#fff;
	font-weight:300;
	position:absolute;
	left:0;
	bottom:60px;
	width:100%;
}
* {
	box-sizing: border-box;
}

#whatsapp-groot {margin-top: -19px !important;}

#whatsapp-klein {}
/*.bgsection {
	position: absolute;
	bottom: 0;
	/* background: rgb(0, 0, 0);
	*/
	/* background: rgba(0, 0, 0, 0.5);
	
	color: #f1f1f1;
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
	background-image: url(../images/Teken_staand.png);
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.bgsection2 {
	position: absolute;
	top: 0;
	/* background: rgb(0, 0, 0);
	*/
	/* background: rgba(0, 0, 0, 0.5);
	
	color: #f1f1f1;
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
	background-image: url(../images/Teken_staand.png);
	height: 40%;
	background-repeat: no-repeat;
	background-position: center;
}*/
.section1 ul li:hover .bgsection {
	opacity: 1;
}
.whoweare .container ul li:hover .bgsection2 {
	opacity: 1;
}
.section1 .bgsection img {
	width: 100%;
	height: auto;
	max-width: 80px;
	margin: 0 auto;
}
.section1 ul li img:hover{
	opacity: 0.8;
	background-color:#000;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	background: url(../images/Teken_staand.png);
}
.image {
	display: block;
	width: 100%;
	height: auto;
}
.image2 {
	display: block;
	width: 100%;
	height: 168px;
}
.section1 ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	    border-top: solid 10px #fff;
}
.section1 ul li{
	float:left;
	position:relative;
	width:25%;
	line-height:0;
	border-top: solid 0px #fff;
    border-left: solid 15px #fff;
    border-bottom: solid 0px #fff;
}
.section1 ul li:first-child {
    border-left: solid 0px #fff;
}
.section1 ul li img {
	display:block;
	width:100%;
	height:auto;
}
.section ul li img:hover {
	opacity: 0.8;
	background-color: #d0b2be;
	background-image:url(../afbeeldingen/zoom.png);
	background-repeat:no-repeat;
	background-position:center center;
	content: " ";
	display: block;
	opacity: 0.8;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.section1 ul li h2{
	position:absolute;
	left:0;
	width:100%;
	bottom: 0px;
	text-align:center;
	font-weight:normal;
}
.section1 ul li h2 a.btn{
	display: block;
	line-height: 48px;
	font-size: 1em;
	color: #fff;
	background: #041a72;
	font-weight: 500;
	width: 100%;
	margin: 0 auto;
}
.section1 ul li h2 a.btn2{
	display: block;
	line-height: 48px;
	font-size: 1em;
	color: #fff;
	background-color: #041a72;
	font-weight: 500;
	width: 100%;
	margin: 0 auto;
}
.section1 ul li:first-child a{
	position:absolute;
	height:50%;
	width:100%;
	text-align:center;
	font-size:27px;
	font-weight:400;
	display:block;
}
a.knippen{
	background:#fff;
	color:#041a72;
	top:0;
	left:0;
	line-height:100%;
}
a.trimmen{
	background:#041a72;
	color:#fff;
	left:0;
	bottom:0;
	line-height:100%;
}
.section1 ul li:first-child a span{
	display:block;
	position:absolute;
	top:50%;
	margin:-15px 0 0 0;
	text-align:center;
	width:100%;
	font-family: 'Montserrat', sans-serif;
	font-size:28px;
	font-weight: bold;
	
}
.section2{
	    padding: 0 0 0;
}
.section2 .container{
	margin:0 auto;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	/*justify-content: space-around;
	*/
	min-width: 250px;
}
.afbeeldinghome {
	float:left;
	background-image: url(../images/het.jpg);
	background-size:cover;
	position: relative;
	width:30%;
	background-position: center center;
}
.section2 .afbeeldinghome img{
	display:block;
	float:left;
	width:100%;
	height:auto;
	object: cover;
}
.hetinfo{
	width: 60%;
	float: left;
	padding: 2% 5%;
	min-height: 300px;
}
.hetinfo h2 {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    
    margin-bottom: 18px;
	color:#041a72;
}

.hetinfo h1{
	font-size:40px;
	line-height:normal;
	color:#041a72;
	font-weight:700;
	margin:0 0 15px;
}
.hetinfo h3{
	font-size:20px;
	line-height:normal;
	color:#041a72;
	font-weight:400;
	margin:0 0 15px;
}
.hetinfo p{
	font-size: 19px;
	line-height: 27px;
	color:#030304;
	font-weight:400;
	margin:0 0 18px;
}
.hetinfo a {
    display: inline-block;
    width: 194px;
    line-height: 45px;
    font-size: 21px;
    color: #041a72;
    font-weight: bold;
    border: solid 1px #041a72;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    background: url(../images/arrowkey.png) no-repeat 157px 16px;
    background-size: inherit;
    text-indent: -18px;
}
.whoweare{
	background:#fff;
	padding:40px 0 40px;
}
.whoweare-foto{
	background:#000000;
	padding:40px 0 80px;
}
.whoweare .container{
	width:1400px;
	margin:0 auto;
	text-align:center;
	color: #fff;
}
.whoweare .container p {line-height:26px;}
.whoweare-foto .container{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.whoweare h2{
	    font-size: 36px;
    line-height: normal;
    color: #041a72;
    font-weight: 100;
    font-weight: normal;
    margin: 0 0 20px;
  
}
.whoweare h4{
	    font-size: 56px;
  font-family: 'Palmaton Regular';
font-style: normal;
font-weight: normal; 
	color:#041a72;
}
.whoweare ul{
	display:inline-block;
	width:auto;
	margin:0;
	padding:0;
	list-style:none;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-around;
}
.whoweare ul li{
	float:left;
	width:15%;
	text-align:center;
	margin:0 2% 0 0;
	position: relative;
	padding-bottom: 40px;
}
.whoweare ul li p a {
	display:block;
	border:solid 1px #fff;
	padding:5px;
	color:#041a72;
	text-align: center;
	position:absolute;
	bottom:0;
}
.whoweare ul li p a {
	display: block;
	border: solid 1px #fff;
	padding: 5px;
	color: #041a72;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.whoweare ul li:first-child{

}
.whoweare ul li:last-child{

}
.whoweare ul li a{
	display:block;
	margin:0 0 25px;
}
.whoweare ul li h3{
	font-size:17px;
	line-height:normal;
	color:#fff;
	font-weight:500;
	margin:0 0 15px;
	text-transform: uppercase;
}
.whoweare ul li p{
	font-size:14px;
	line-height:24px;
	color:#fff;
	font-weight:400;
	margin-bottom: 10px;
}
.whoweare ul li img {
	
}

.overons {width:40% !important;}


.newsletter{
	padding:40px 0 100px;
	    width: 89%;
    margin: 0 auto
	/*background: rgb(107,23,41);
	background: linear-gradient(180deg, rgba(107,23,41,0.48503151260504207) 0%, rgba(107,23,41,0.6250875350140056) 100%);*/
}
.newsletter-bg {
	background:url(../images/news-bg.jpg) no-repeat center top;
	background-size:cover;
	background-attachment: fixed;
}
.newsletter .container{
	width:702px;
	margin:0 auto;
}
.newsletter h1{
	text-align:center;
	font-size:40px;
	line-height:normal;
	color:#fff;
	font-weight:400;
	margin:0 0 55px;
}
.newsletter{ padding:145px 0 145px; background:url(../images/news-bg.jpg) no-repeat center top; background-size:cover;    background-attachment: fixed;  }
.newsletter .container{ width:665px; margin:0 auto;}
.newsletter h1{ text-align:center; font-size:40px; line-height:normal; color:#fff; font-weight:400; margin:0 0 55px;}
.newsletter input[type="email"]{ display:block; float:left; -webkit-appearance:none; padding:0; margin:0; box-shadow:none; border:none; outline:none; border-radius:2px; width:390px; height:50px; background:url(../images/trans-white.png) repeat; text-indent:30px; font-size:20px; line-height:50px; color:#fff; font-weight:400;}
.mx_newsletter_input input {
	display:block; float:left; -webkit-appearance:none; padding:0; margin:0; box-shadow:none; border:none; outline:none; border-radius:2px; width:390px; height:50px; background:url(../images/trans-white.png) repeat; text-indent:30px; font-size:20px; line-height:50px;  font-weight:400; background-color:rgba(138, 19, 84, 0.35);
}

.newsletter input[type="submit"]{ display:block; float:right; width:50%; max-width:240px; height:50px; background: url(../images/arrowkey.png) no-repeat 165px center #fff; -webkit-appearance:none; outline:none; border:none; padding:0; margin:0; border-radius:2px; font-size:20px; color:#041a72; font-weight:400; text-align:left; text-indent:45px; cursor:pointer;     margin-top: -19px; }
footer{
	background-color:#041a72;
	padding:20px 0 0;
	text-align:center;
	font-size:24px;
	    background-position: right;
}
.extrainfo-footer {width:100%; padding:60px 1%;}
.extrainfo-footer p {font-size:18px; color:#fff; margin-bottom:25px; }
.extrainfo-footer a {color:#fff}
.extrainfo-footer a:hover {text-decoration: underline;}
.extrainfo-footer h5 {font-size:12px; line-height:16px; color:#ccc; font-style: normal;     font-weight: 100; }


.extrainfo-footer-mob {width:100%; padding:60px 1%;}
.extrainfo-footer-mob p {font-size:18px; color:#fff; margin-bottom:25px; }
.extrainfo-footer-mob a {color:#fff}
.extrainfo-footer-mob a:hover {text-decoration: underline;}
.extrainfo-footer-mob h5 {font-size:12px; line-height:16px; color:#ccc; font-style: normal;     font-weight: 100; }

footer .container{
	max-width: 1200px;
	margin: 0 auto;
}
footer .logo2{
	display:inline-block;
	margin:0 0 15px;
}
footer .logo2 img {
	width:96%;
	padding:0 2%;
	height:auto;
}
footer h3{
	font-size:20px;
	line-height:28px;
	color:#fff;
	font-weight:400;
	margin:0 0 22px;
}
footer ul{
	display:inline-block;
	width:auto;
	margin:0;
	padding:0 0 40px;
	list-style:none;
}
footer ul li{
	float:left;
	margin:0 25px 0 0;
}
footer ul li:last-child{
	margin:0;
}
footer p{
	margin:0;
	font-size:24px;
	line-height:28px;
	color:#fff;
	font-weight:400;
	display:inline-block;
}
footer p a {
	color:#fff;
}
footer p a:hover {
	color:#fff;
}
.copyright {
	width:100%;
	color:#fff !important;
	padding:40px 0 ;
	background-color:#c20f2f;
}
.copyright p {color:#fff; font-size:18px;}
.copyright a {
	color:#fff;
}
.copyright a:hover {
	color:#fff;
}
.transbg {
	background:url(../images/wrap-bg.png) repeat;
	display: none;
	    height: 200vh;
	position: absolute;
	width: 100%;
	z-index: 9999;
}
.menulogo{
	background: #fff none repeat scroll 0 0;
	height: 95px;
	text-align: center;
}
.socialinks{
	background:#fff;
	text-align:center;
}
.socialinks ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	width:auto;
}
.socialinks ul li{
	float:left;
	border-bottom:none;
	padding:15px 0;
	margin:0 30px 0 0;
	line-height:0;
	
}

.socialinks ul li:last-child{
margin:0;
}
.socialinks ul li:hover{
	background:none;
}
.socialinks ul li a{
	display:block;
	border-bottom:none;
	line-height:0;
	
}
.socialinks ul li a:hover{
	background:none;
	
}
.socialinks-top{
	float:right;
	margin-right: 25px;
	    margin-top: -17px;
	
}
.socialinks-top img {
	
}
.socialinks-top ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	width:auto;
}
.socialinks-top ul li{
	float:left;
	border-bottom:none;
	padding:15px 0;
	margin:0 30px 0 0;
	line-height:0;
}
/*.socialinks-top ul li:first-child{
	margin-top:-19px !important;
}
.socialinks-top ul li:last-child{
	margin:0;
	    margin-top: -5px;


}
.socialinks-top ul li:last-child > a {
	     background-color: #041a72;
    border-radius: 5px;
    padding: 16px;
}

 
.socialinks-top ul li:last-child > a:hover {
	    background-color: #fff;
	color:#041a72;
}

.socialinks-top ul li:hover{
	background:none;
}*/
.socialinks-top ul li a{
	display:block;
	border-bottom:none;
	line-height:0;
		color:#fff;
}
.socialinks-top ul li a:hover{
	background:none;
	color:#ccc;
}
/*--------for iphone or mobile or ipad ---------*/
a[href^=tel] {
	color:#041a72;
	text-decoration:none;
}
body {
	
}
.mobutton{
	display:none;
}
::placeholder {
	color:#333;
}
.search input::placeholder {
	color:#fff;
}
.mx_logged_in body {
	padding-top:0px !important;
}
.mx_logged_in .container-black {
	margin-top: 40px !important;
}
::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #333;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #333;
}
:-ms-input-placeholder {
	/* IE 10+ */
	color: #333;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #333;
}
.footer-ovk {
	float: left;
	color: #333333;
	font-size: 10px;
	text-align: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-ovk a {
	color: #333333;
	text-decoration: none;
}
.footer-ovk a:hover {
	color: #333333;
	text-decoration: underline;
}
.whatsapp {
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 5px; }


/* blokken massage*/

.now-block {
    text-align: center; }
    .now-block .now img {
      max-width: 100%;
      height: auto; }
.now-block {
  padding: 60px 0;
  width: 100%;
  overflow: hidden;
  float: left;
  }
  .now-block .centering {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-around; }
  .now-block .now {
       width: 23%;
    margin: 0 1% 2%;
    padding-bottom: 65px;
    text-align: left;
    position: relative;
    float: left;
    background-color: #eee; }
    .now-block .now img {
      width: 100%;
      height: auto;
      margin-top: 64px;
      margin-bottom: 15px; }
    .now-block .now .tekstvak {
      background-color: #eee;
      width: 100%;
      padding: 0 15px 15px;
      position: relative; }
      .now-block .now .tekstvak ul {
        margin-bottom: 12px;
        width: 100%;
        list-style: none; }
        .now-block .now .tekstvak ul li {
          padding-left: 10px;
          width: 100%;
          font-size: 16px;
          line-height: 24px;
          font-weight: normal;
          color: #666;
          background: url("../images/list_icon.jpg") left center no-repeat; }
          .now-block .now .tekstvak ul li a {
            display: block;
            text-decoration: none;
            color: #041a72; }
      .now-block .now .tekstvak p {
        padding-bottom: 30px;
        font-weight: normal;
        color: #666; }
      .now-block .now .tekstvak a.more {
        padding: 10px;
        width: 140px;
        float: right;
        font-size: 12px;
        line-height: 24px;
        font-weight: normal;
        color: #fff;
        text-decoration: none;
        text-align: center;
        border-radius: 10px;
        background-color: #666; }
        .now-block .now .tekstvak a.more:hover {
          opacity: 0.8; }
    .now-block .now .mx_buttons .green {
      display: none; }
    .now-block .now a.green {
      display: block; }
      .now-block .now a.green:hover {
        opacity: 0.8; }
    .now-block .now a.pink {
      display: block; }
      .now-block .now a.pink:hover {
        opacity: 0.8; }
    .now-block .now a.blue {
      display: block; }
      .now-block .now a.blue:hover {
        opacity: 0.8; }
    .now-block .now h3 {
      padding: 15px 0 18px;
      font-size: 16px;
      line-height: 31px;
      font-weight: normal;
      display: block;
      color: #fff;
      background-color: #041a72;
      text-transform: uppercase;
      width: 100%;
      position: absolute;
      top: 0px;
      padding-left: 15px; }
    .now-block .now ul {
      margin-bottom: 12px;
      width: 100%;
      list-style: none;
      padding: 15px;
      margin-left: 30px; }
      .now-block .now ul li {
        padding-left: 3px;
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        color: #666;
        list-style: circle; }
        .now-block .now ul li a {
          display: block;
          text-decoration: none;
          color: #041a72; }
    .now-block .now p {
      padding: 15px 15px 15px 15px;
        font-weight: normal;
      color: #666; }
      .now-block .now p a.more {
        padding: 10px;
        width: 140px;
        float: right;
        font-size: 12px;
        line-height: 24px;
        font-weight: normal;
        color: #fff;
        text-decoration: none;
        text-align: center; }
        .now-block .now p a.more:hover {
          opacity: 0.8; }
    .now-block .now a.more {
      padding: 10px;
      width: 140px;
      float: right;
      font-size: 12px;
      line-height: 24px;
      font-weight: normal;

      color: #fff;
      text-decoration: none;
      text-align: center; }
      .now-block .now a.more:hover {
        opacity: 0.8; }
    .now-block .now a.more {
      padding: 5px 13px;
      font-size: 14px;
      font-weight: normal;
      color: #000 !important;
      text-transform: uppercase;
      text-decoration: none;
      display: block;
      margin: 15px;
      border: 2px solid #041a72 !important;
      text-align: center;
      vertical-align: middle;
      margin: 0 auto;
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 0;
      bottom: 10px;
      width: 80%; }
      .now-block .now a.more:hover {
        background-color: #041a72 !important;
        color: #fff !important; }
  .now-block .now.last {
    margin-right: 0; }



/* maatwerk */

#options {
padding-bottom:30px;
text-align:center;
}

#options button {
display:inline-block; 
	font-size:20px;
 border:none;
 color:#041a72;
border-bottom:solid 5px #c6c6c6 ;
margin: 0 11px 15px 11px;
 background-color:transparent;
 cursor:pointer;
 padding:0;
 -webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border-radius:0;
}

#options button:hover {
text-decoration:none;
border-bottom:solid 5px #041a72;
}


#options button.is-checked {
border-bottom:solid 5px #041a72;
}

.grid-sizer {
width:31.3%;
}

.gutter-sizer {
width:3%;
}

.list_category_item, .project {
position:relative;
	float:left;
	width:31.3%;
	margin-bottom: 30px;
}

.project {
width:100%;
border: solid 5px #EEEEEE;
margin-bottom:10px;
}

.project img {
width:100%;
height:auto;
display:block;
}

.list_category_item .label, .project .label {
position: absolute;
bottom:25px;
left:0;
line-height: 19px;
background-color: #041a72;
color:#FFFFFF;
padding:8px 15px;
-webkit-border-radius: 0px 7px 7px 0px;
-moz-border-radius: 0px 7px 7px 0px;
-khtml-border-radius: 0px 7px 7px 0px;
border-radius: 0px 7px 7px 0px;
}

.project .label {
left:-5px;
}

/*.list_category_item:nth-of-type(3n) {
	margin-right:0;
}*/

em {
font-style:italic !important;
}

#project-desc {
float:left;
width:30%;
padding-right:30px;
}

#project-desc #tags {
margin-bottom:20px;
}

#project-desc #tags span {
position:relative;
display:inline-block;
padding:8px 9px 7px 3px;
color:#FFFFFF;
background-color: #CCCCCC;
font-size:13px;
line-height:13px;
text-transform:uppercase;
-webkit-border-radius: 0 7px 7px 0;
-moz-border-radius:  0 7px 7px 0;
-khtml-border-radius:  0 7px 7px 0;
border-radius:  0 7px 7px 0;
margin-bottom:10px;
margin-left:14px;
margin-right:7px;
}

#project-desc #tags span:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(204, 204, 204, 0);
border-right-color: #CCCCCC;
border-width: 13px;
margin-top: -13px;
}

#project-desc #tags span::before {
content:"\2022";
border-right: solid 2px #FFFFFF;
padding-right: 8px;
margin-right: 8px;
font-weight:bold;
}

#project-images {
float:left;
width:70%;
margin-bottom:30px;
}

.blokken {width:100%;     display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;  }

.blokken .list_category_item {
position:relative;
	float:left;
	width:31.3%;
	margin:0 1% 30px;
}
.blokken .list_category_item .label, .project .label {
     font-size: 16px;
}


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

.list_category_item, .project, .grid-sizer {
	width:48.5%;
	margin-bottom:25px;
	}
.blokken .list_category_item {
	    width: 46.5% !important;
    margin-right: 2% !important;
    margin-bottom: 25px !important;
	}

} /* end mediaquery */
@media screen and (max-width: 600px) {
.list_category_item, .project, .grid-sizer {
    width: 100%;
    margin-bottom: 25px;
}
	
.blokken .list_category_item {
    width: 100% !important;
    margin-bottom: 25px !important;
}	
}