/* General */
.band { float: left; width: 100%;}
.row { float: left; width: 100%; margin-bottom: 20px; }
.remove-bottom { margin-bottom: 0px; }
.add-bottom { margin-bottom: 20px; }
.add-top { margin-bottom: 20px; }
img { max-width: 100%; height: auto; }
p { margin-top: 0px; }
hr {
  height: 1px;
  width: 100%;
  background: #f0f0f0;
  border: 0px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
}

.entry-content ul { float: left; width: 100%; margin-top: 0px; }

.entry-content .alignnone { margin: 5px 20px 20px 0; display: block; }
.entry-content .aligncenter, 
.entry-content div.aligncenter { display: block; margin: 5px auto 5px auto; }
.entry-content .alignright { float:right; margin: 5px 0 20px 20px; }
.entry-content .alignleft { float: left; margin: 5px 20px 20px 0; }
.entry-content a img.alignright { float: right; margin: 5px 0 20px 20px;}
.entry-content a img.alignnone { margin: 5px 20px 20px 0; }
.entry-content a img.alignleft { float: left; margin: 5px 20px 20px 0; }
.entry-content a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.entry-content .wp-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.entry-content .wp-caption.alignnone { margin: 5px 20px 20px 0; }
.entry-content .wp-caption.alignleft { margin: 5px 20px 20px 0; }
.entry-content .wp-caption.alignright { margin: 5px 0 20px 20px; }
.entry-content .wp-caption img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.entry-content .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.gallery { margin-top: 10px!important; float: left; width: 100%; }
.gallery .gallery-item { margin-top: 0px!important; margin-bottom: 10px!important; width: 32%!important; margin-right: 2%; }
.gallery .gallery-item.last { margin-right: 0px; }
.gallery .gallery-item a { }
.gallery .gallery-item img { border: 0px!important; float: left;  }

.breadcrumbs { font-size: 12px; float: left; width: 100%; margin-top: -10px;}	

a.btn-one:link,
a.btn-one:active,
a.btn-one:visited { padding: 10px 20px; color: black; border: 1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 20px; }
a.btn-one:hover { color: black; border: 1px solid black;}

h1,h2,h3,h4,h5,h6 { }
h1 { font-size: 35px; line-height: 35px; margin-bottom: 20px; }
h2 { font-size: 27px; line-height: 28px; margin-bottom: 10px; }
h3 { font-size: 24px; line-height: 26px; margin-bottom: 10px; }
h4 { font-size: 20px; line-height: 23px; margin-bottom: 10px; }
h5 { font-size: 17px; line-height: 23px; margin-bottom: 10px; }

.wpcf7 input[type=submit] { float: right; }
.wpcf7 textarea { height: auto;}
.wpcf7 .wpcf7-not-valid-tip { display: none; }
.wpcf7-validation-errors { margin: 0px!important; padding: 0px!important; border: 0px!important; border: 1px solid red; }
input.wpcf7-not-valid,
textarea.wpcf7-not-valid { border: 1px solid red!important; }
.wpcf7 label { text-align: right; width: 100%; float: left; margin-top: 6px;}
.wpcf7 input[type=checkbox] { float: left; width: auto; margin-top: 14px; }
.wpcf7-list-item { width: 100%; float: left; }
.wpcf7-list-item-label { float: left;   margin-left: 5px;  margin-top: 7px;}
.wpcf7 .yes { display: none; }
div.wpcf7-response-output,
div.wpcf7-mail-sent-ok{ margin: 0px!important; padding: 0px!important; border: 0px!important; }

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #e6e6e6; vertical-align: top; margin-bottom: 20px; }
table caption { color: #000; font: italic 85%/1 arial, sans-serif; padding: 1em 0; text-align: center}
table td,
table th { border-left: 1px solid #e6e6e6; border-width: 0 0 0 1px; font-size: inherit; margin:0; overflow: visible; padding: 0.5em 1em; vertical-align: top}
table td:first-child,
table th:first-child { border-left-width: 0; } 
table
thead { background: #e0e0e0; color: #000; text-align:left; vertical-align: bottom ;}  
table td { background-color: transparent; }

input,
select,
textarea { width: 100%; padding: 10px 10px; border: 1px solid #e9e9e9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-sizing: border-box; margin-bottom: 15px; }
select { padding-bottom: 9px; padding-top: 9px; }
input[type=submit] { float: right; width: auto; background: #517887; color: white; border: 0px; }
input[type=submit]:hover { background: #1B2B34; }

#introduction { padding-top: 90px; padding-bottom: 90px; }
#introduction p { margin-top: 30px; }

#quote { margin-top: 30px; margin-bottom: 100px; text-align: center; color: white; font-family: "PT Serif"; font-style: italic; font-size: 30px; line-height: 35px; background: #cb4800 url(../images/pattern.png); padding-top: 60px; padding-bottom: 60px; }
#quote span { font-size: 22px; color: #db7f4d; padding-bottom: 20px;}
#quote span.titel { font-size: 17px; font-family: "montserrat"; font-style: normal; padding-top: 10px; }

#greep { text-align: center; margin-bottom: 60px; }
#greep .stroke { margin: 0 auto; margin-bottom: 40px; }
#greep a.cta { margin-top: 30px; }

#greepdiensten .rij .image{
			filter: grayscale(0.75);
	-webkit-filter: grayscale(0.75);
	   -moz-filter: grayscale(0.75);
	     -o-filter: grayscale(0.75);
	    -ms-filter: grayscale(0.75);
		
		-webkit-transition: all 500ms; 
		   -moz-transition: all 500ms;
		    -ms-transition: all 500ms;
			 -o-transition: all 500ms;
				transition: all 500ms;
}
		
#greepdiensten .rij .image:hover
{
			filter: grayscale(0);
	-webkit-filter: grayscale(0);
	   -moz-filter: grayscale(0);
		 -o-filter: grayscale(0);
		-ms-filter: grayscale(0);
}

.rij { float: left; width: 100%; margin-bottom: 2px; }
.rij .box { width: 25%; float: left; background: #887063; border-right: 2px solid white; height: 250px; color: white; 
	   	-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		   		box-sizing: border-box;
				
		-webkit-transition: all 500ms; 
		   -moz-transition: all 500ms;
		    -ms-transition: all 500ms;
			 -o-transition: all 500ms;
				transition: all 500ms;
}
.rij .box h4 { color: white; }
.rij .box a:link,
.rij .box a:active,
.rij .box a:visited { color: white; }
.rij .box.four { border-right: 0px; }
.rij .box.image { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.rij .box.text { padding: 30px 20px; font-size: 15px; line-height: 22px; }

.rij.een .box {  }

.rij .product:hover .box.text { background: #674e41; }

#testimonials { margin-bottom: 60px; margin-top: 40px; }
#testimonials .one_half { margin-bottom: 30px; }
#testimonials span { font-size: 13px; }
#testimonials span.title { color: #cb4800; }

#offerte { margin-top: 60px; margin-bottom: 60px;}
#offerte form { margin-top: 40px; }
#offerte form textarea { height: 144px; }

#fullgalerij { width: 100%; float: left; margin-top: 20px; margin-bottom: 40px; }
#fullgalerij .image { width: 25%; float: left; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 300px; 
filter: grayscale(0.5);
	-webkit-filter: grayscale(0.5);
	   -moz-filter: grayscale(0.5);
	     -o-filter: grayscale(0.5);
	    -ms-filter: grayscale(0.5);
		
		-webkit-transition: all 500ms; 
		   -moz-transition: all 500ms;
		    -ms-transition: all 500ms;
			 -o-transition: all 500ms;
				transition: all 500ms;
}

.sidebar { margin-top: -10px; float: left; width: 100%; font-size: 90%;}
.sidebar .widget { border: 1px solid #e9e9e9; float: left; width: 100%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sidebar .widget .fa {   width: 20px; }

.news .three img { margin-bottom: 20px; float: left; }
.news .date { font-size: 12px; width: 100%; float: left; }

.product.one_fourth { overflow: hidden; text-align: center; font-size: 15px; line-height: 23px; margin-bottom: 40px; }
.product.one_fourth .imagewrap { overflow: hidden; width: 100%; height: 150px; }
.product.one_fourth .image { overflow: hidden; width: 100%; height: 150px; background-position: center center; background-repeat: no-repeat; -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);}

.product.one_fourth:hover .image {
	-moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2); 
}
	
.product.one_fourth h4 { float: left; width: 100%; margin-top: 10px; text-align: center; }
.product.one_fourth .cta { font-size: 15px; padding: 5px 10px;}

#footer { width: 100%; float: left; margin-bottom: 0px; background: #5b808e; color: white; padding-top: 60px; padding-bottom: 60px; margin-top: 40px;}
#footer a:link,
#footer a:active,
#footer a:visited { color: white; }
#footer a:hover { color: #c6e3ee; }
#footer ul { float: right; margin-top: 0px; }
#footer ul li { float: left; margin-left: 15px; list-style-type: none; }
#footer ul li ul { display: none; }

#bottom { width: 100%; float: left; background: #466d7c; text-align: center; color: white; font-size: 12px;}
#bottom a:link,
#bottom a:active,
#bottom a:visited { color: white; }
#bottom a:hover { color: #c6e3ee; }

.mobile { display: none; }

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

}

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

@media screen and (min-width: 960px) and (max-width: 1200px){
	
}

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

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

}

@media screen and (max-width: 768px) {
	.desktop { display: none; }
	.mobile { display: block; }
	.page-excerpt.alt { background: #cb4800; color: white; padding-top: 20px; padding-bottom: 20px; }
	.page-excerpt.alt h1 { color: white; }
	#greepdienstenmob .product { width: 46%; float: left; margin-right: 2%; text-align: center; margin-bottom: 20px;  }
	#greepdienstenmob .product h4 { font-size: 15px; }
	#greepdienstenmob .product .image { width: 100%; height: 170px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 10px; }
	#footer ul { float: left; margin: 0px; padding: 0px; margin-top: 30px;}
	#footer ul li { margin: 0px; padding: 0px; float: left; width: 100%; }
	.ezcol { width: 100%!important; }
	#fullgalerij .image { height: 130px; }
}