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

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

.button-group .button {
		height: 38px;
		border: 1px solid rgba(255,255,255, 1.0);
		
    font-size: 22px;
    line-height: 0;
    letter-spacing: 0.05em;
    text-transform: uppercase;

		padding: 8px 15px;
		color: rgba(1,0,0, 0.5);
  		background-color: rgba(204, 18, 36, 0.0);
		margin: 0px 2px 0px 2px;
		border-radius: 0px;
		cursor: pointer;
		color: rgba(1,0,0, 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:hover {
  		border: 1px solid rgba(204, 18, 36, 0.0);
  		background-color: rgba(204, 18, 36, 0.0);
		color: rgba(1,0,0, 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:after {
		  		
		  					content: '/';
							font-size: 26px;
							position: absolute;
							margin-top: 0px;
							margin-left: 15px;
		  		
		  				}
		  				.button-group .button:hover:after {
		  		
		  					content: '-';
		  		
		  				}

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


.button-group .button:last-child:after { 
								content: '';
						 }

.button-group .button.is-checked {

  		border: 1px solid rgba(1, 0, 0, 0.0);
  		background-color: rgba(1, 0, 0, 0.0);
		color: rgba(1,0,0, 0.3);
  		
}
				.button-group .button.is-checked:after {
		  		
		  					content: '-';
							font-size: 28px;
							position: absolute;
							margin-top: 0px;
							margin-left: 15px;
							margin-right: 15px;
		  		
		  				}





.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;
			}
												



.quicksearch {
				font-family: 'apercu-web', sans-serif;
				
				width: 100% !important;
				height: 40px !important;
				
				border: 1px solid rgba(1,0,0, 1.0) !important;
					font-size: 17px !important;
					line-height: 17px !important;
					
				padding: 9px 16px !important;
				color: rgba(1,0,0, 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%;
  text-align: center;
}

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

.ui-group .button-group {
  margin-bottom: 20px;
  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(208, 2, 27, 1.0) !important;
			 background-color: rgba(255, 255, 255, 0.0) !important;
			 border: 1px solid rgba(1,0,0, 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: 16px solid rgba(255,255,255, 0.0);
	   border-right: 16px solid rgba(255,255,255, 0.0);
	   margin: 0px 0px;
	   float: left;

}

.shape-event {
			width: 50%;
		}
.shape-event-small {
			width: 20%;
			border-left: 8px solid rgba(255,255,255, 0.0);
    		border-right: 8px solid rgba(255,255,255, 0.0);
		}
.shape-event-lineup {
			width: 33%;
			border-left: 8px solid rgba(255,255,255, 0.0);
    		border-right: 8px solid rgba(255,255,255, 0.0);
		}


.shape-quatre {
			width: 25%;
		}
		.shape-two {
			width: 50%;
		}
		.shape-full {
			width: 100%;
		}	

.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: 1580px){
															
		 		}
		 @media (max-width: 1480px){
															
		 		}
		 @media (max-width: 1280px){				
		 		}
		 		
		 @media (max-width: 1200px){
				
					
					
					.shape-event {
			width: 50%;
			min-height: 17vw;
		}
					.shape-full {
    					width: 100% !important;
						}

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

					.shape-2 {
							display:none;
					
						}
				}

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

					   }
					
		}
		
		@media only screen and (max-width: 767px) {
				
					
					.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-event {
			width: 100%;
			min-height: 17vw;
		}
		
						.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;
					
						}
						  
					.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) {



		 }