.m0 { margin: 0 !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.p0 { padding: 0 !important; }

.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }

.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }

.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }


.text-center {
    text-align: center;
    list-style-position:inside;
}

.containerBox {
    position: relative;
    display: inline-block;
    padding: 0;
}
.tmptxt img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.text-box {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 5px;
    bottom: 0;
    background: rgba(255, 255, 255, .5);
}
.text-box:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: bottom;
}
h4 {
   display: inline-block;
   font-size: 20px;
   color: #4e453a;
}
.containerBox img {
  display: block;
  width: 100%;
  height: auto;
}

#map_canvas {
    height: 400px;
}

.spuitkurk {
  padding-bottom: 0;
}

.spuitkurk .banner {
  margin-bottom: 0;
}

.spuitkurk .banner-content {
    width: 100%;
}



.flexbox {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.flexbox-home {
  display: flex;
  align-items: center;
  height: 100%;
}

.flexbox .flexitem {
  max-width: 50%;
}

.flexbox-home .flexitem {
  max-width: 100%;
}

.btn-negative {
  background: none !important;
  text-transform: none;
  border: solid 1px #fff;
}
.btn-negative:hover {
  color: #fff;
}

.nav button a {
  color: #86877f;
}

.offerte-btn:hover {
  color: #b9b2aa;
  border: solid 2px #b9b2aa;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #fff !important;
}

.orange-btn-home:hover {
  color: #bf9650 !important;
}
.green-btn-home:hover {
  color: #81a635 !important;
}
.blue-btn-home:hover {
  color: #4e7cbc !important;
}

.languages {
  margin-top: -3px;
}

.languages a {
  color: #b9b2aa !important;
}

.languages a.active {
  font-weight: bold;
  color: #4c2a1c !important;
}

.languages a.activeorange-theme {
  font-weight: bold;
  color: #bf9650 !important;
}

.languages a.activegreen-theme {
  font-weight: bold;
  color: #81a635 !important;
}

.languages a.activeblue-theme {
  font-weight: bold;
  color: #4e7cbc !important;
}

/* Realisaties */

.backgroundfiller {
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flextext {
  max-width: 50%;
  font-size: 24px;
}

.img-box-one img,
.img-box-two {
  height: 386px;
}

@media screen and (max-width: 767px) {
  .img-box-one img,
  .img-box-two {
      height: 100%;
  }
}

@media screen and (max-width: 991px) {
  .flextext {
    padding: 30px 0;
  }

  .top-box,
  .bottom-box {
    height: auto !important;
  }

  .img-box-one {
    padding-right: 15px !important;
  }
  .img-box-two {
    padding-left: 15px !important;
  }
}

.top-box,
.bottom-box {
  height: 50%;
  overflow: hidden;
}

.orange-theme .backgroundfiller {
  background-color: #bf9650;
}

.green-theme .backgroundfiller {
  background-color: #81a635;
}

.blue-theme .backgroundfiller {
  background-color: #4e7cbc;
}

.orange-theme a {
  color: #bf9650;
}

.green-theme a {
  color: #81a635;
}

.blue-theme a {
  color: #4e7cbc;
}

.banner-content a,
a.white {
  color: #fff;
}
a:hover, a:focus {
    color: #b9b2aa !important;
    text-decoration: none;
}

.art-btn a.white-btn:hover,
.reven-flrnews .white-btn:hover {
  border: 1px solid #b9b2aa !important;
}

.tmptxt img {
  margin-top: 30px;
}

.voordelen .left {
  padding-right: 30px;
}
.voordelen .right {
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .voordelen .left,
  .voordelen .right {
    padding: 0 40px !important;
  }
}

figure {
    overflow: hidden;
}

#realisatie img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#realisatie img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.uppercase {
  text-transform: uppercase;
}

.uppercase a {
  font-size: 24px;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
}

.headline {

}

.filter_container form{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    justify-content: space-between;
}

.filter_container form div{
    display: flex;
    flex-direction: column;
     width: calc(25% - 10px);
}

.filter_container form div select{
    -moz-appearance: none;
       -webkit-appearance: none;
       appearance: none;
       background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%20002%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    width: 100%;
 background-repeat: no-repeat;
 background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    padding: .6em 1.4em .5em .8em;
    height: 40px;
}
.filter_container form div input[type="submit"]{
padding: .6em 1.4em .5em .8em;
 width: 100%;
 height: 40px;
margin-top: auto;
border: none;
color: white;
transition: all .3s;
}

@media screen and (max-width: 991px) {
    .filter_container form{
padding: 10px;
    }
}

@media screen and (max-width: 800px) {
    .filter_container form div{

         width: calc(50% - 10px);
    }
}

@media screen and (max-width: 500px) {
    .filter_container form div{

         width: calc(100%);
    }
}


.green-theme .filter_container form div select{
color: #81a635;
}


.orange-theme .filter_container form div select{
  color: #bf9650;
}


.blue-theme .filter_container form div select{
  color: #4e7cbc;
}


.green-theme .filter_container form div input[type="submit"]{
background-color: #81a635
}

.green-theme .filter_container form div input[type="submit"]:hover{
background-color: white;
color: #81a635
}

.orange-theme .filter_container form div input[type="submit"]{
background-color: #bf9650
}

.orange-theme .filter_container form div input[type="submit"]:hover{
background-color: white;
color: #bf9650
}

.blue-theme .filter_container form div input[type="submit"]{
background-color: #4e7cbc
}

.blue-theme .filter_container form div input[type="submit"]:hover{
background-color: white;
color: #4e7cbc
}