/* CSS Document */

#sliderwrapper {
overflow: hidden;
}

#sliderwrapper .mx_buttons{
position: absolute;
top: 130px;
left: 10px;
z-index: 99;
}

.bjqs-description h2 {
font-size: 46px;
line-height:50px;
font-weight:400;
background: #BF9A9D;
opacity: 80%;
padding: 15px;
border-radius: 5px;
max-width:960px;
display: inline-block;
color: #FFFFFF;
margin-bottom: 75px;
}

#blockswrapper {
width:100%;
height:auto;
}

#blocks {
width:100%;
max-width:1190px;
margin:auto;
padding:10px 15px 20px 15px;
}


.block-home {
float:left;
width:33.3%;
padding:40px;
text-align:center;
}

.button {
	background: #46727D;
	color: #ffffff;
	border: #46727D;
}

.button a {
	color: #ffffff;
	
}

.block-home i {
width: 95px;
height: 95px;
line-height: 95px;

font-size: 30px;
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #46727D;
color: #BF9A9D;
text-align: center;
margin-bottom: 5px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

/*kleuren van iconen vervangen. Bovenste voor en onderste regel na mouse-over target bepaal je via deze site Target hier opvragen https://codepen.io/sosuke/pen/Pjoqqp */
.block-home a i img {
filter: invert(100%) sepia(0%) saturate(4683%) hue-rotate(214deg) brightness(106%) contrast(96%);
}
 
.block-home a:hover i img {
filter: invert(100%) sepia(0%) saturate(4683%) hue-rotate(214deg) brightness(106%) contrast(96%);
}

.block-home img {
	position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);

}



.block-home a:hover i {
background-color: #BF9A9D;
color: #FFFFFF;

 -webkit-transform: rotate(360deg);
          transform: rotate(360deg);

}

.block-home h2 {
text-transform:uppercase;
}

.block-home p {
text-align:center;

}


#references {
background-image:url(../images/slider-bg.jpg);
background-attachment:fixed;
background-size: cover;
color:#FFFFFF;
padding:150px 0;
}



@media screen and (max-width: 1024px) {
    #references {
        background-attachment:scroll !important;
		background-position: center center;
    }
} /* end mediaquery */

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

.bjqs-description h2 {
font-size: 36px;
line-height:40px;
opacity: 100%;	
}

} /* end mediaquery */

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

.block-home {
width:100%;
}

#slider {
margin-bottom: 56px;
}

.bjqs-description h2 {
font-size: 24px;
line-height:26px;
display: block;
width: 100%;
border-radius: 0;
opacity: 100%;	
}

} /* end mediaquery */