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

.button {
  	 padding: 10px 5px;
  	background: rgba(1,0,0, 0.0);
  		border-top: 2px solid rgba(1,0,0, 1.0);
  		border-right: 2px solid rgba(1,0,0, 1.0);
  		border-bottom: 2px solid rgba(1,0,0, 1.0);
  		border-left: 2px solid rgba(1,0,0, 1.0);
  	color: rgba(1,0,0, 1.0);
   	font-family: 'Agipo 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;
}


.button-fifth {
		width:16.6666%;
		}
.button-half {
		width:50%;
		    margin-right: -2px !important;
		}
.button-four {
		width:25%;
		    margin-right: -2px !important;
		}
.button-third {
		width:33.3333%;
		    margin-right: -2px !important;
		}
		
.button-five {
		position:relative;
		    float: none !important;
		width:120px;
		display: inline-block;
		    margin-right: -7px !important;
		    margin-bottom: 7px;
		}
		
		.button-fivee {
			position:relative;
		    float: none !important;
			display: inline-block;
		    margin-right: -7px !important;
		    margin-bottom: 7px;
		    padding-left: 12px;
		    padding-right: 12px;
		}
		
		
		
		.buttonn114  {
				background-color:#00aeef;
			}
		.buttonn115  {
				background-color:#ec008c;
			}
		.buttonn116  {
				background-color:#fff200;
			}
		.buttonn117  {
				background-color:#a7a9ac;
			}
		.buttonn118  {
				background-color:#fff;
			}
		
		.buttonn99  {
				background-color:#00aeef;
			}
		.buttonn100  {
				background-color:#ec008c;
			}
		.buttonn101  {
				background-color:#fff200;
			}
		.buttonn102  {
				background-color:#a7a9ac;
			}
		.buttonn103  {
				background-color:#fff;
			}
		
		

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

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

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0px;
}

.button-group .button:first-child { border-left: 2px solid rgba(1,0,0, 1.0); }
.button-group .button:last-child { border-radius: 0em; }


.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:80px;
						width:100%;
						padding: 15px 0px 15px 50%;

				}
				
.quicksearch {
						position: absolute;
						width:500px;
						height:52px;
						border: 2px solid rgba(1,0,0, 1.0) !important;
						border-radius: 0px !important;
						margin-left: -250px;
				}
.searchicon {
						position: absolute;
						width:38px;
						height:38px;
						border: 2px solid rgba(1,0,0, 1.0) !important;
						border-radius: 0px !important;
						margin-left: 202px;
						margin-top: 7px;
						background-image: url('/wp-content/themes/sqba-theme/assets/svg/zoeken.svg');
												background-size:24px;
												background-repeat: no-repeat;
												background-position: center ;
				}
.searchicon2 {
						position: absolute;
						float:right;
						right: 142px;
						width:49px;
						height:45px;
						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/sqba-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: 0px;
						z-index:999;
						background-image: url('/wp-content/themes/sqba-theme/assets/svg/arrow-down.svg');
												background-size:100%;
												background-repeat: no-repeat;
												background-position: center ;
												margin-top: 12px;
				}

input.quicksearch {
						font-size: 20px;
						
				}
input.quicksearch::-webkit-input-placeholder {
  				color: rgba(153,139,149, 1.0);
  				font-size: 20px;
}
input.quicksearch::--moz-placeholder {
  				color: rgba(153,139,149, 1.0);
  				font-size: 20px;
}
input.quicksearch::-ms-input-placeholder {
  				color: rgba(153,139,149, 1.0);
  				font-size: 20px;
}
input.quicksearch::-moz-placeholder {
  				color: rgba(153,139,149, 1.0);
  				font-size: 20px;
}				
				
				
/* ---- 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: 33.3333%;
  height: auto;
  border-left: 10px solid rgba(255,255,255, 1.0);
  border-right: 10px solid rgba(255,255,255, 1.0);
  margin: 0px;
  float: left;
  overflow: hidden;
}
 
.color-shape.full {
  width: 100%;
}
.bgcolorfull {
			background-color: #fff;
		}
		.bgcolorfull h3 {
			    margin: 0px;
			    font-size: 30px;
    			line-height: 42px;
				}





 /* ==================================================
			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: 0px;
    						}
    					.button-arrowright {
    							left: 0px;
    						}
							.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;
								}
							
							.bgcolorfull h3 {
    							font-size: 26px;
    							}
		 }

		 @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) {
					
						.bgcolorfull h3 {
    							font-size: 22px;
    							line-height: 33px;
								}
								
							.button-arrowleft button {
								background-size: 60%;
						
							}
							.button-arrowright button {
								background-size: 60%;
						
							}
							.arrowicon2 {
								margin-top: 10px;
								background-size: 70%;
    							right: 20%;
						
							}
							.button-half {
								min-height: 78px;
								padding-left: 22px;
								padding-right: 22px;
							}
						.button-third {
							width:50%;
							margin-right: 0px !important;
						}
						.fourextra {
							width: 100%;
							margin-top: -2px;
						}
						
							.ui-group .button-group {
									margin-left: -1%;
								}

						.button-fivee {
							width: 33.3333%;
								}	
							
					 .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) {



		 }