.g-recaptcha{margin-top:-100px}


.stylebutton { font-size:25px;color:#fff;text-transform: uppercase;display: inline-block;background-color: #898F70;border:0px solid #fff;padding:8px 12px;outline:0}
.stylebutton:hover{font-size:25px;background-color:#555;color:#fff;cursor: pointer;;padding:8px 12px;transition: 0.4s;	}
.stylebutton:link{font-size:25px;color:#fff;text-transform: uppercase;display: inline-block;background-color: #898F70;border:0px solid #fff;padding:8px 12px;outline:0}  
.stylebutton:active{font-size:25px;color:#fff;text-transform: uppercase;display: inline-block;background-color: #898F70;border:0px solid #fff;padding:8px 12px;outline:0}  


.interieurstijl-image{width:100%}



 iframe {
    width: 100%;
    height:calc(100% - 100px);  
     overflow: hidden;
    margin-top: 100px;
    border:0px solid white;
}​


.stijlbg{background-image: url('/algemeen/HI_beeldmerk.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 150px ; border:0px solid #fff;color:#fff}

.textstijl{margin-top:0px;margin-left:0px;padding-left:16px;padding-right: 16px}
.textstijl p{margin-bottom: 30px}

 * {
  box-sizing: border-box;
}


/* Center website */


.HI-spacingportfolio{margin-top:80px;margin-bottom:0px;margin-left:0px;margin-right:0px}

/* Add padding BETWEEN each column (if you want) */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width:33.33%;;
  display: none; /* Hide columns by default */
}


@media (max-width:992px){.column {
  
  width: 100%;
  
}}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}
.contentportfolio{padding: 16px;}

.contentportfolio h4{font-size: 25px}
/* Content */
.content {
  background-color:#555;
  padding: 0px;
  color:#fff;
  background-image: url('/algemeen/HI_beeldmerk.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 60px ;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.botn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

/* Add a grey background color on mouse-over */
.botn:hover {
  background-color: #ddd;
}

/* Add a dark background color to the active button */
.botn.active {
  background-color: #ddd;
   color: white;
}
 
 
 
 
 
 
 
 
 .HI-button-form2 { font-size:17px;color:#fff;display: inline-block;background-color:#898F70;border:1px solid #898F70;padding:12px 25px;margin-top:10px;outline:0;border-radius: 4px}
.HI-button-form2:hover{font-size:17px;background-color:#555;border:1px solid #555;color:#fff;cursor: pointer;	transition: 0.4s; } 
 
 
 
 
  .diensten-achtergrond1{ margin:16px;background-color:#a5ae84;text-align:left;padding:32px;color:#fff;min-height: 330px;background-image: url('/algemeen/HI_beeldmerkgroen.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 1100px }
    .diensten-achtergrond2{  margin:16px;background-color:#a5ae84;text-align:left;padding:32px;color:#fff;;min-height: 330px;background-image: url('/algemeen/HI_beeldmerkgroen.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 240px ;}
      .diensten-achtergrond3{  margin:16px;background-color:#a5ae84;text-align:left;padding:32px;color:#fff;;min-height: 330px;background-image: url('/algemeen/HI_beeldmerkgroen.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 700px ;}
  .diensten-rand{padding:0px}

 
 .offerteaanvraag h2{font-size:35px;color:#fff}
    /* OFFERTE */  
   .HI-buttonofferte { margin-top:0px;font-size:14px;color:#fff;text-transform: uppercase;display: inline-block;background-color:#898F70;border:1px solid #898F70;padding:12px 25px;outline:0;}
.HI-buttonofferte:hover{font-size:14px;background-color:#555;color:#fff;border:1px solid #555;  transition: 0.4s;	 } 


.referenties-projecten-img{width: 100%}


.HI-bannerleeg{ ;color:#fff; background-image: url('/algemeen/HI_beeldmerk.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 110px ;    background-color: #555; margin-top:110px;}

.HI-banneronderkant { ;color:#fff; background-image: url('/algemeen/HI_beeldmerk.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 110px ;    background-color: #555; padding-top: 10px;padding-bottom: 10px}



.HI-bannercontent {color:#fff;  background-color: #898F70; padding-top:40px;padding-bottom:40px}

.HI-bannercontent2 { ;color:#fff;    background-color: #898F70; padding-top:60px;padding-bottom:60px}
@media (min-width:1201px) {.HI-banneronderkant{position: absolute;width:100%;    bottom: 0;}}


.triangle{max-width:110px;}
.triangle {
  position: absolute;
  bottom: 0px;
  right: 0px;

}
.triangle2{max-width:110px;}

.triangle3{max-width:110px;}
.triangle3 {
  position: absolute;
  bottom: 90px;
  left: -8px;

}
@media (max-width:1200px) {.triangle3 {max-width:70px;bottom: 0px;left: 0px;} .triangle {max-width:70px}.triangle2 {max-width:70px}.HI-banneronderkant{background-size: 70px }.HI-bannerleeg{background-size: 70px ;}}


.triangleposition{text-align: right}

.HI-form-backgroundV100 { color:#fff; background-image: url('/algemeen/HI_beeldmerk.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 300px ;    background-color: #555;background: }
.HI-form-backgroundV300 { color:#fff; background-image: url('/algemeen/HI_beeldmerk.svg');background-repeat: no-repeat;   background-position: bottom right; background-size: 160px ;    background-color: #555; margin-top:100px}

.innerbannerleeg{height: auto;padding-top:10px;padding-bottom:10px;padding-left:16px;padding-right:16px;color:#fff}left}
.innerbannercontent{height: auto;padding-top:60px;padding-bottom:60px;color:#fff}
.innerbanner h1{font-size:35px;color:#fff;text-align: center}


.innerbannercontent h2{font-size:35px;color:#fff}


@media (max-width:992px) {.innerbannerleeg h1{font-size:30px}.innerbanner h1{font-size:30px}.stijlbg { background-size: 90px ;}.interieurstijlbanner{height: auto;padding-top:20px;padding-bottom:40px;padding-left:16px;padding-right:16px;color:#fff}}


.parallax {height:calc(65%);z-index: -3;}
@media only screen and (max-device-width: 1000px) {.parallax {background-attachment: scroll; height: 45%;}}

.HI-spacingXLarge{margin-top:240px}
.HI-spacingLarge{margin-top:140px}
.HI-spacingMedium{margin-top:50px}
@media screen and (max-width: 1200px) {.HI-spacingLarge{margin-top:100px}}



.button-position{text-align: center;margin-top: 20px}

.HI-button-meerinfo { font-size:17px;color:#fff;display: inline-block;background-color: transparent;border:1px solid #fff;padding:10px 20px;outline:0;border-radius: 4px}
.HI-button-meerinfo:hover{font-size:17px;background-color:#555;color:#fff;cursor: pointer;border:1px solid #fff;transition: 0.4s;} 

.columnpadding{padding:16px}


.active, .accordiongroen:hover {
  background-color: transparent;
  
}

.accordiongroen:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
 
}


.accordiongroen {
  background-color: transparent;
  color: #fff;
  
  cursor: pointer;
  padding: 14px;
  width: 100%;

  border-top: 1px solid #bbb;
    border-left: 1px solid transparent;
      border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  text-align: left;
  outline: none;
 
  transition: 0.4s;
  border-radius: 0px;
 margin-bottom:5px;
 margin-top:5px;
 font-size:22px;
}

.panelgroen {

padding-left:16px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.active, .accordionreferentie:hover {
  background-color: transparent;
  
}

.accordionreferentie:after {
  content: '\002B';
  color: #555;
  font-weight: bold;
  float: right;
 
}


.accordionreferentie {
  background-color: transparent;
  color: #555;
  
  cursor: pointer;
  padding: 14px;
  width: 100%;

  border-top: 1px solid #bbb;
    border-left: 1px solid transparent;
      border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  text-align: left;
  outline: none;
 
  transition: 0.4s;
  border-radius: 0px;
 margin-bottom:5px;
 margin-top:5px;
 font-size:18px;
}

.panelreferentie {

padding-left:16px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}