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

.button {
  	 padding: 4px 5px 5px 5px;
  	background: rgba(1,0,0, 0.0);
  	border-right: 2px solid rgba(1,0,0, 1.0);
  	border-top: 2px solid rgba(1,0,0, 1.0);
  	border-bottom: 2px solid rgba(1,0,0, 1.0);
  	color: rgba(1,0,0, 1.0);
   	font-family: "lmmono10-regular";
   	font-weight: normal;
    font-size: 18px;
  	cursor: pointer;
    text-transform: none;
															-webkit-transition:all 0.6s ;
															-moz-transition:all 0.6s ;
															-ms-transition:all 0.6s ;
															-o-transition:all 0.6s ;
															transition:all 0.6s ;
}

.button:hover {
  	background-color: rgba(1,0,0, 1.0);
  	border: 2px solid rgba(1,0,0, 1.0);
  	border-radius:0px;
  	color: #fff;
															-webkit-transition:all 0.6s ;
															-moz-transition:all 0.6s ;
															-ms-transition:all 0.6s ;
															-o-transition:all 0.6s ;
															transition:all 0.6s ;
}

.button:active,
.button.is-checked {
  background-color: rgba(1,0,0, 1.0);
  border: 2px solid rgba(1,0,0, 1.0);
  border-radius:0px;
  color: #fff;
  outline: none !important;
}

.button.is-checked {
  background-color: rgba(1,0,0, 1.0);
  border: 2px solid rgba(1,0,0, 1.0);
  border-radius:0px;
  color: #fff;
  outline: none !important;
}

.button:active {
  background-color: rgba(1,0,0, 1.0);
  border: 2px solid rgba(1,0,0, 1.0);
  border-radius:0px;
  color: #fff;
  outline: none !important;
}


.buttonholder {
			position:relative;
			float: left;
			width: 100%;

		}


		

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

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

.button-group .button {
  		float: left;
		height: 32px;
		border-radius: 26px;
		border: 1px solid rgba(1,0,0, 1.0);
		padding: 0px 12px 3px 12px;
		color: rgba(1,0,0, 1.0);
		margin-left: 0;
		margin-right: 8px;
		margin-bottom: 10px;
		text-transform: uppercase;
		background-color: rgba(255,255,255, 1.0);
}
.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);
  		
}
.button-group .button:first-child {  }
.button-group .button:last-child {  }

.button-group .button.is-checked {
  		border: 1px solid rgba(1,0,0, 1.0);
  		background-color: rgba(1,0,0, 1.0);
		color: rgba(255,255,255, 1.0);
  		
}


.button-group-2 .button {
  		float: left;
		height: 32px;
		border-radius: 26px;
		border: 1px solid rgba(1,0,0, 1.0);
		padding: 0px 12px 3px 12px;
		color: rgba(1,0,0, 1.0);
		margin-left: 0;
		margin-right: 8px;
		margin-bottom: 10px;
		text-transform: uppercase;
		background-color: rgba(255,255,255, 1.0);
}
.button-group-2 .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);
  		
}
.button-group-2 .button:first-child {  }
.button-group-2 .button:last-child {  }

.button-group-2 .button.is-checked {
  		border: 1px solid rgba(1,0,0, 1.0);
  		background-color: rgba(1,0,0, 1.0);
		color: rgba(255,255,255, 1.0);
  		
}



.hidden-search {
						position:relative;
						z-index: 5;
						font-size: 1px;
						color:#fff;
						width:100%;
						height:15px;
						border-top: 2px solid rgba(1,0,0, 1.0);
						background-color: #fff;


				}

.searchdiv {
						height: 50px;
    					padding: 0 30% 0 0;
				}
				
.quicksearch {
						    position: absolute;
    width: 60%;
    height: 32px;
						border-radius: 26px !important;
						border: 1px solid rgba(1,0,0, 1.0) !important;
						
				}
.searchicon {
						position: absolute;
						width:38px;
						height:38px;
						border: 1px solid rgba(255,255,255, 1.0) !important;
						border-radius: 0px !important;
						margin-left: 202px;
						margin-top: 7px;
						background-image: url('/wp-content/themes/birds-theme/assets/svg/zoeken-wit.svg');
												background-size:24px;
												background-repeat: no-repeat;
												background-position: center ;
												display:none;
				}
.searchicon2 {
						position: absolute;
						float:right;
						right: 142px;
						width:38px;
						height:38px;
						background-color: #fff;
						border: 2px solid rgba(1,0,0, 1.0) !important;
						border-radius: 0px !important;
						margin-top: 0px;
						z-index:999;
						background-image: url('/wp-content/themes/birds-theme/assets/svg/zoeken.svg');
												background-size:24px;
												background-repeat: no-repeat;
												background-position: center ;
				}

.arrowicon2 {
						position: absolute;
						float:right;
						right: 40%;
						width:60px;
						height:60px;
						background-color: #fff;
						margin-top: 15px;
						z-index:999;
						background-image: url('/wp-content/themes/birds-theme/assets/svg/arrow-down.svg');
												background-size:100%;
												background-repeat: no-repeat;
												background-position: center ;
				}

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;
}				
				
				
/* ---- 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%;
  text-align: center;
}

	.button-group2 {
  		margin: 0px !important;
		}
	.button-group3 {
  		margin: 0px 0px 40px 0px !important;
		}

/* color-shape */

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

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

		.shape-list {
  				width: 100%;
  				background-color: #ff0000;
		
		
			}



 /* ==================================================
			7. 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 (max-width: 992px){
		 
					
					.button-four {
							width:50%;
						}
						
						.fourextra {
							margin-top: 0px;
						}
						.button-arrowleft {
    							right: -40px;
    						}
    					.button-arrowright {
    							left: -40px;
    						}
							.button-arrowleft button {
								background-size: 70%;
						
							}
							.button-arrowright button {
								background-size: 70%;
						
							}
							.arrowicon2 {
								background-size: 80%;
    							right: 25%;
						
							}
							.searchicon2 {
										display:none;
									}
									
							.button-group3 {
    							margin: 0px 0px 20px 0px !important;
								}
		 }

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

							 
		 }


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

							.button-arrowleft button {
								background-size: 60%;
						
							}
							.button-arrowright button {
								background-size: 60%;
						
							}
							.arrowicon2 {
								margin-top: 10px;
								background-size: 70%;
    							right: 20%;
						
							}
							
						.button-third {
							width:50%;
							margin-right: 0px !important;
						}
						.fourextra {
							width: 100%;
							margin-top: -2px;
						}
						
							.button-half {
    							min-height: 66px;
    							padding-left: 33px;
    							padding-right: 33px;
    							margin-right: 0px !important;
							}
							
					 .color-shape {
					   width: 100%;
					   
					 }
 
					 .color-shape.full {
					 }

												  .button-fifth {
													  width: 33%;
												  }
												.quicksearch {
													width: 300px;
													margin-left: -150px;
												}
												.searchicon {
													margin-left: 102px;
												}
				
		 }
		 
		 @media only screen and (min-width: 320px) and (max-width: 480px) {



		 }