/* ---- button-group ---- */

		
		.filters-nav-mobile {
				 display: none;
				 background-color: rgba(240,240,240, 1.0);
				 position: fixed;
				 top: 90px;
				 z-index: 77;
				 height: 86vh;
				 width: 94%;
				 margin-left: 3%;
				 padding-top: 0px;
				 
				border: 1px solid rgba(34,34,34, 1.0);
				box-shadow: 2px 4px 5px rgba(34,34,34, 0.3);
				border-radius: 10px;

				overflow: auto;
								}
		.navmobopen {
				 display: block;
				  -webkit-animation-name: fadeInUp;
				   animation-name: fadeInUp;
				   -webkit-animation-duration: 0.7s;
				   animation-duration: 0.7s;
				   -webkit-animation-delay: 0.0s;
				   animation-delay: 0.0s; 
				   -webkit-animation-fill-mode: both;
				   animation-fill-mode: both;
				}

				.filters-mob {
								height: auto;
								overflow: scroll;
								}
				.filters-head {
								height: 60px;
								text-align:center;
								background-image: url('/wp-content/themes/dutch-theme/assets/svg/close-cross-black.svg');
								background-repeat: no-repeat;
								background-position: left top;
								background-size: 30px;
								}
				.filters-head h2{
								font-size: 38px;
								}	
		
.filters-nav {
			position: relative;
			z-index: 700;
			width: 100%;

		}
.filters-fixed {
			position: fixed;
			background-color: rgba(240, 240, 240, 1.0);
			top: 80px;
			z-index: 700;
			width: 100%;
	
			    box-shadow: 0px 0px 12px rgba(1, 0, 0, 0.6);
			
					 -webkit-animation-name: fadeIn;
					 animation-name: fadeIn;
					 -webkit-animation-duration: 0.9s;
					 animation-duration: 0.9s;
					 -webkit-animation-delay: 0.2s;
					 animation-delay: 0.2s; 
					 -webkit-animation-fill-mode: both;
					 animation-fill-mode: both;

		}

.grid-extra-padd  {
			padding-top: 240px;
			
					 -webkit-animation-name: fadeIn;
					 animation-name: fadeIn;
					 -webkit-animation-duration: 0.9s;
					 animation-duration: 0.9s;
					 -webkit-animation-delay: 0.8s;
					 animation-delay: 0.8s; 
					 -webkit-animation-fill-mode: both;
					 animation-fill-mode: both;

		}
		
.filters-base {
		position: relative;
    	float: left;
    	padding-bottom: 7px;
		min-width: 30%;
		}
		.filters-allone {
			width: 100% !important;
		}


.filters-td {
		position: relative;
    	float: left;
    	min-width: 5%;
		}
		.filter-td-2 {
			padding: 0 20px 0 0px;
		}
		.filter-td-label {
			padding: 0 10px 0px 0px;
			
			}
			.filter-td-label h4 {
				font-family: 'Circular Std Book', arial, sans-serif;
    			font-size: 15px;
    			line-height:  27px;
    			letter-spacing: 0.02em;
				}

		
.form-control {
    position: relative;
    float: left;
  font-size: 16px;
  gap: 0.5em;
  min-width: 60px;
  padding: 5px 20px 0px 25px;
  text-transform: lowercase;
}

.filter-bars form-control + .form-control {
  margin-top: 1em;
}

.filter-bars form-control--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

.filter-bars input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
  
  position: absolute;
  
  margin-left: -25px;
  margin-top: 2px;
  
}

.filter-bars input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

.filter-bars input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.filter-bars input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

.filter-bars input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}



.filter-bars select {

		min-width: 100px;
		max-width: 90px;
		
  		background-color: rgba(255, 255, 255, 1.0);
  		
		position: relative;
		float: left;
		font-family: 'Circular Std Book', arial, sans-serif;
		font-size: 15px;
		line-height: 0px;
		letter-spacing: -0.02em;
			height: 26px;
		text-align: center;
		color: rgba(34,34,34, 1.0);
		border-radius: 5px;
	
		margin-right: 10px;
		margin-bottom: 8px;
		border: 1px solid rgba(34,34,34, 1.0);
		padding: 0px 10px 0px 10px;

}

.filter-bars select:hover {

		background-color: rgba(34,34,34, 1.0);
		color: rgba(255,255,255, 1.0);
    	border: 1px solid rgba(34,34,34, 1.0);
}

.closegroup {

		padding: 30px 0px 140px 0px ;

	}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
	position: relative;
    float: left;
    font-family: 'Circular Std Book', arial, sans-serif;
    font-size: 15px;
    line-height: 0px;
    letter-spacing: -0.02em;
		
  		background-color: rgba(255, 255, 255, 1.0);
    
    height: 26px;
    text-align: center;
    color: rgba(34,34,34, 1.0);
    border-radius: 5px;
    
    margin-right: 10px;
    margin-bottom: 8px;
    border-top: 1px solid rgba(34,34,34, 1.0);
    border-right: 1px solid rgba(34,34,34, 1.0);
    border-bottom: 1px solid rgba(34,34,34, 1.0);
    border-left: 1px solid rgba(34,34,34, 1.0);
    padding: 0px 5px;
													
}

	 .button-mob {
		position: relative !important;
		float: left !important;	
		height: 40px !important;
		font-size: 25px !important;
    		margin-bottom: 20px !important;
    		padding-left: 16px !important;
    		padding-right: 16px !important;
		 											
	 			}
	 				.button-mob-sel	{
	 						color: rgba(34,34,34, 1.0) !important;
		 					border-top: 1px solid rgba(34,34,34, 1.0) !important;
    						border-radius: 18px 18px 0px 0px !important;
  							background: url('/wp-content/themes/dutch-theme/assets/svg/arrow-nav-black-pull.svg') !important;
								   	background-repeat: no-repeat !important;
								   	background-size: 33px !important;
								   	background-position: right center !important;
						}	
						.button-mob-close	{
	 								padding-top: 18px !important;
    								padding-right: 36px !important;
	 								background: url('/wp-content/themes/dutch-theme/assets/svg/arrow-nav-right-black.svg') !important;
								   	background-repeat: no-repeat !important;
								   	background-size: 22px !important;
								   	background-position: right center !important;
								   	background-color: rgba(255, 255, 255, 1.0) !important;
	 								
									}	
						.mob-back	{
	 								padding-left: 36px !important;
	 								background: url('/wp-content/themes/dutch-theme/assets/svg/arrow-nav-left-black.svg') !important;
								   	background-repeat: no-repeat !important;
								   	background-size: 22px !important;
								   	background-position: left center !important;
								   	background-color: rgba(255, 255, 255, 1.0) !important;
								   	
									}
										
									.mob-close-arch	{
	 									color: rgba(34,34,34, 1.0) !important;
	 						
	 										border-bottom: 0px solid rgba(34,34,34, 1.0) !important;
    										border-radius: 18px 18px 0px 0px !important;
									}
									.mob-close-arch2	{
	 									color: rgba(34,34,34, 1.0) !important;
	 						
	 										border-bottom: 0px solid rgba(34,34,34, 1.0) !important;
    										border-radius: 0px 0px 0px 0px !important;
									}	
									
				

.button-group .button:hover {
  		border: 1px solid rgba(1, 0, 0, 1.0);
  		background-color: rgba(1, 0, 0, 1.0);
		color: rgba(255,255,255, 1.0);
															-webkit-transition:all 0.7s ;
															-moz-transition:all 0.7s ;
															-ms-transition:all 0.7s ;
															-o-transition:all 0.7s ;
															transition:all 0.7s ;
  		
}

.button-group .button:first-child {  }
.button-group .button:last-child {  }

.button-group .button.is-checked {
  		border: 1px solid rgba(1, 0, 0, 1.0);
		color: rgba(255,255,255, 1.0);
		
		background: url('/wp-content/themes/dutch-theme/assets/svg/close-cross-witsss.svg');
								   	background-repeat: no-repeat;
								   	background-size: 12px;
								   	background-position: 8px center;
  									background-color: rgba(1, 0, 0, 1.0);
  		
									}

					   .but-future {
					   
							   border-top: 1px solid rgba(7,103,218, 1.0) !important;
							   border-right: 1px solid rgba(7,103,218, 1.0) !important;
							   border-bottom: 1px solid rgba(7,103,218, 1.0) !important;
							   border-left: 1px solid rgba(7,103,218, 1.0) !important;
							   color: rgba(7,103,218, 1.0) !important;
							   background-color: rgba(255, 255, 255, 1.0) !important;
							   
							   
		
									}
						
						.but-future:hover {
								color: rgba(255, 255, 255, 1.0) !important;
  								background-color: rgba(7,103,218, 1.0) !important;
		
									}
									
						.but-future.is-checked {
  									color: rgba(255, 255, 255, 1.0) !important;
  									background-color: rgba(7,103,218, 1.0) !important;
		
  		
									}



			
			.btn-selectclose {
						border-radius: 5px 0px 0px 5px !important;
						margin-right: 0px !important;
						width: 27px;
						
					border-top: 1px solid rgba(34,34,34, 1.0) !important;
					border-right: 0px solid rgba(34,34,34, 1.0) !important;
					border-bottom: 1px solid rgba(34,34,34, 1.0) !important;
					border-left: 1px solid rgba(34,34,34, 1.0) !important;
					
									background: url('/wp-content/themes/dutch-theme/assets/svg/close-cross-black.svg');
								   	background-repeat: no-repeat;
								   	background-size: 10px;
								   	background-position: 8px center;
  									background-color: rgba(255, 255, 255, 1.0) !important;
					}

			.btn-select {
			
					position: relative;
					float: left;
					font-family: 'Circular Std Book', arial, sans-serif;
					font-size: 15px;
					line-height: 20px;
					letter-spacing: -0.02em;
		
					width: 60px;
					height: 26px;
					text-align: left;
					color: rgba(34,34,34, 1.0);
					border-radius: 0px 5px 5px 0px;
	
					margin-right: 10px;
					margin-bottom: 8px;
					border-top: 1px solid rgba(34,34,34, 1.0);
					border-right: 1px solid rgba(34,34,34, 1.0);
					border-bottom: 1px solid rgba(34,34,34, 1.0);
					border-left: 0px solid rgba(34,34,34, 1.0);
					padding: 2px 5px 0px 0px;
    							
    							background-image: url('/wp-content/themes/dutch-theme/assets/svg/arrow-select-black.svg');
								background-repeat: no-repeat;
								background-position: right center;
								background-size: 12px;
								
								background-color: rgba(255, 255, 255, 1.0);
							}
							
							.btn-select-ext {
			
										width: 85px;
									
										}
							
							.btn-options {
									width: 60px;
									height: 33px !important; 
									border-radius: 0px 0px 0px 0px !important;
									padding: 0px 5px !important; 
									border: 0px solid rgba(34,34,34, 1.0) !important; 
									margin-right: 0px !important;
									margin-left: 0px !important;
									margin-bottom: 0px !important;
								}
								.option01 {
									border-radius: 5px 0px 0px 5px !important;
									border-right: 1px solid rgba(34,34,34, 1.0) !important;
									}
								.option02 {
									border-radius: 0px 0px 0px 0px !important;
									border-right: 1px solid rgba(34,34,34, 1.0) !important;
									}
								.option03 {
									border-radius: 0px 0px 0px 0px !important;
									border-right: 1px solid rgba(34,34,34, 1.0) !important;
									}
								.option04 {
									border-radius: 0px 5px 5px 0px !important;
									border-right: 0px solid rgba(34,34,34, 1.0) !important;
									}
								
								
								
								.option01m {
									border-radius: 5px 0px 0px 5px !important;
									border-right: 1px solid rgba(34,34,34, 1.0) !important;
									}
								.option02m {
									border-radius: 0px 0px 0px 0px !important;
									border-right: 1px solid rgba(34,34,34, 1.0) !important;
									}
								.option04m {
									border-radius: 0px 5px 5px 0px !important;
									border-right: 0px solid rgba(34,34,34, 1.0) !important;
									}
									
									
							.buttons-year {
								position: absolute;
								background-color: rgba(255,255,255, 1.0);
								border: 1px solid rgba(34,34,34, 1.0);
								box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); 
								
								min-width:242px;
								min-height: 35px;
								
								z-index: 999;

								border-radius: 5px; 
								margin-top: 35px; 
								margin-left: -97px;
								padding: 0px 0px;
								}
								
								
								.yearnone {
									display: none;
					
									}
									
								.yearshow {
									display: inline-block;
					
									}
							
							
							.buttons-month {
								position: absolute;
								background-color: rgba(255,255,255, 1.0);
								border: 1px solid rgba(34,34,34, 1.0);
								box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); 
								
								min-width:722px;
								min-height: 35px;
								
								z-index: 999;

								border-radius: 5px; 
								margin-top: 35px; 
								margin-left: -219px;
								padding: 0px 0px;
								}
								
								
								.monthnone {
									display: none;
					
									}
									
								.monthshow {
									display: inline-block;
					
									}









.button-fake .buttonx.is-checked {
    border: 1px solid rgba(204, 18, 36, 1.0);
    background-color: rgba(204, 18, 36, 1.0);
    color: rgba(255,255,255, 1.0);
}

.button-fake .buttonx {
    height: 38px;
    border: 1px solid rgba(34,34,34, 0.5);
    font-family: 'apercu-web', sans-serif;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.0em;
    padding: 10px 18px;
    color: rgba(34,34,34, 0.5);
    background-color: rgba(204, 18, 36, 0.0);
    margin: 15px 2px 5px 2px;
    border-radius: 19px;
    cursor: pointer;
    text-transform: lowercase;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}




.search-bar {
			width:100%;
			min-height:300px;
	}
	.searchbar-td {
			position:relative;
			float:left;
			display:block;
			width:33.3333%;
			}
			.bar-td-left {
				  padding-right: 20px;
			}
			.bar-td-center {
				  padding: 0px 10px;
			}
			.bar-td-right {
				  padding-left: 20px;
			}
												
.searchfake {
				width: 100%;
				height: 40px ;
				border: 1px solid rgba(34,34,34, 1.0) ;
					font-size: 17px ;
					line-height: 17px ;
					padding: 10px 16px ;
					
				color: rgba(34,34,34, 1.0) ;
				border-radius: 20px ;
				cursor: pointer ;
				
				background-image: url('/wp-content/themes/dutch-theme/assets/svg/custom/arrow-nav-black-pull.svg');
    
				background-repeat: no-repeat;
				background-size: 30px;
				background-position: right center;
				
				
			}
			.searchfake:hover {
				background-image: url('/wp-content/themes/dutch-theme/assets/svg/custom/arrow-nav-red-pull.svg');
			}


.quicksearch {
				font-family: 'apercu-web', sans-serif;
				
				width: 100% !important;
				height: 40px !important;
				
				border: 1px solid rgba(34,34,34, 1.0) !important;
					font-size: 17px !important;
					line-height: 17px !important;
					
				padding: 9px 16px !important;
				color: rgba(34,34,34, 1.0) !important;
				border-radius: 20px !important;
				cursor: pointer !important;
				}
				
				
input.quicksearch {
				font-size: 18px;
  				color: rgba(1, 0, 0, 1.0);
						
				}
input.quicksearch::-webkit-input-placeholder {
  				color: rgba(1, 0, 0, 0.5) !important;
  				font-size: 18px;
}
input.quicksearch::--moz-placeholder {
  				color: rgba(1, 0, 0, 0.5) !important;
  				font-size: 18px;
}
input.quicksearch::-ms-input-placeholder {
  				color: rgba(1, 0, 0, 0.5) !important;
  				font-size: 18px;
}
input.quicksearch::-moz-placeholder {
  				color: rgba(1, 0, 0, 0.5) !important;
  				font-size: 18px;
}				
				
				.group-domeinen {

					padding: 20px 15px 0px 15px;
				
				}
				.group-locaties {

					padding: 20px 15px 0px 15px;
				
				}
				
				.group-selected {

						padding: 5px 15px 5px 15px;
				
				}		
				.group-close {
				
					display:none !important;
				
				}	
				.button-close {
				
					display:none;
					}
					.button-open {
				
							display:block;
					}
	
				
/* ---- isotope ---- */

.grid {
  max-width: 100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
  width: 100%;
}

.ui-group h3 {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin-right: 0.2em;
  font-size: 16px;
}

.ui-group .button-group {
  margin: 0px;
  width: 100%;
}

.button-groupcenter {
  
  text-align: left !important;
}
	
	
	.button-group2 {
  		margin: 0px !important;
		}
	.button-group3 {
  		margin: 0px 0px 40px 0px !important;
		}

	.button-empty {
			 font-size: 22px !important;
			 line-height: 16px !important;
			 color: rgba(255,255,255, 1.0) !important;
			 background-color: rgba(255, 255, 255, 0.0) !important;
			 border: 1px solid rgba(34,34,34, 0.0) !important;
    			padding: 10px 10px 0px 0px !important;
    		border-radius: 0px !important;
    		text-transform: none !important;
			 margin-bottom: 45px !important;
			color: rgba(1, 0, 0, 1.0) !important;
		 }


/* color-shape */



.color-shape {
  width: 33.3333%;
  height: auto;
  border-left: 11px solid rgba(255,255,255, 0.0);
  border-right: 11px solid rgba(255,255,255, 0.0);
  margin: 0px 0px 22px 0px;
  float: left;

}
		

.shape-quatre {
			width: 25%;
		}
.shape-quatre-head {
			width: 25%;
  			height: 77vh;
			border-left: 0px solid rgba(255,255,255, 0.0);
  			border-right: 0px solid rgba(255,255,255, 0.0);
  			margin: 0px 0px 0px 0px;
  			float: left;
		}
		.shape-two {
			width: 50%;
		}
		.shape-full {
			width: 100%;
		}	

.extendcss {
			width: 50%;

			}
		.title-extendcss h3 {
				font-size: 42px;
    			line-height: 46px;
			}
			
.shape-caroussel {
			
  border-left: 10px solid rgba(255,255,255, 0.0);
  border-right: 10px solid rgba(255,255,255, 0.0);
		}


.shape-news {
			border-left: 15px solid rgba(255,255,255, 0.0);
  			border-right: 15px solid rgba(255,255,255, 0.0);
		}
	.shape-news2 {
			height: 34vw;
			overflow: hidden;
  			margin-bottom: 65px;
		}
	.shape-news3 {
			width: 33.3333%;
		}	


		
				

		
.color-shape.full {
  		width: 100%;
		}				




 	/* ==================================================
				Responsive Media Queries
	================================================== */
	
	
	
		 
		 @media (min-width: 1200px) {body.boxed .is-sticky .full-width-menu{width:1080px;}
		 											
		 		}
		 											
		 @media (min-width: 992px) and (max-width: 1199px) {
												
		 		}

		 @media only screen 
		 and (min-device-width : 768px) 
		 and (max-device-width : 1024px) 
		 and (orientation : landscape) { /* STYLES GO HERE */

				}

		 @media (max-width: 1680px){
															
		 		}
		 @media (max-width: 1520px){
		 
		 			.filters-base {
							 width: 100%;
							 }
					.filter-td-label {
							width: 8%;
							}
								 
															
		 		}
		 		
		 @media (max-width: 1480px){
															
		 		}
		 		
		 @media (max-width: 1200px){
		 			
		 			.color-shape {
						 width: 33.3333%;

					   }

					.extendcss {

							width: 66.6666%;

								}			
		 		}
		 		
		 @media (max-width: 1100px){
						
					
					.shape-full {
    					width: 100% !important;
						}

					   .shape-two {
						   width: 50% !important;
					   }

						.shape-2 {
							display:none;
					
						}
					
					
					.shape-quatre-head {
   						 width: 33.3333%;
    				}
						
						
						
				}

		 @media only screen and (max-width: 992px) {
				
				
				
					.shape-quatre-head {
   						 width: 50%;
    				}
					
					.color-shape {
						 width: 50%;
						 }
		 
		 

					.extendcss {

							width: 100%;

								}
		 
					.filter-td-label {
							width: 100%;
							}
					
		}
		
		@media only screen and (max-width: 767px) {
				
				
					
					.filters-td {
							padding: 0px 0px 5px 0px;
							}
		
					.shape-quatre-head {
   						 width: 100%;
    				}
					.color-shape {
						 width: 100%;
						border-left: 0px solid rgba(255,255,255, 0.0);
						border-right: 0px solid rgba(255,255,255, 0.0);
					   	}
					   		
						.shape-caroussel {
							 border-left: 10px solid rgba(255,255,255, 0.0);
							 border-right: 10px solid rgba(255,255,255, 0.0);
						 }	
						.shape-two {
   							width: 100% !important;
							}
							
					   .shape-3 {
							display:none;
					
						}
						.shape-4 {
							display:none;
					
						}
						
.grid-extra-padd {
    padding-top: 0px;
    }  
					.bar-td-left {
							width: 100%;
							padding: 0px 0px 10px 0px;
					
							}
							.bar-td-center {
									width: 100%;
									padding: 0px 0px 0px 0px;
					
							}
							.bar-td-right {
									width: 100%;
									padding: 10px 0px 0px 0px;
					
							}
									
					  
		 
		 }
		 
		 @media only screen and (min-width: 320px) and (max-width: 480px) {



		 }