.btn-colored {
  color: #FFFFFF;
  background-color: #71BF44;
  border-color: #44851F;
}
.btn-colored:hover,
.btn-colored:focus,
.btn-colored:active,
.btn-colored.active,
.open .dropdown-toggle.btn-colored {
  color: #FFFFFF;
  background-color: #60A439;
  border-color: #44851F;
}
.btn-colored:active,
.btn-colored.active,
.open .dropdown-toggle.btn-colored {
  background-image: none;
}
.btn-colored.disabled,
.btn-colored[disabled],
fieldset[disabled] .btn-colored,
.btn-colored.disabled:hover,
.btn-colored[disabled]:hover,
fieldset[disabled] .btn-colored:hover,
.btn-colored.disabled:focus,
.btn-colored[disabled]:focus,
fieldset[disabled] .btn-colored:focus,
.btn-colored.disabled:active,
.btn-colored[disabled]:active,
fieldset[disabled] .btn-colored:active,
.btn-colored.disabled.active,
.btn-colored[disabled].active,
fieldset[disabled] .btn-colored.active {
  background-color: #71BF44;
  border-color: #44851F;
}
.btn-colored .badge {
  color: #71BF44;
  background-color: #FFFFFF;
}
.btn {
  border-radius: 0;
}
.btn-flat {
  display: inline-block;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.btn-flat i {
  display: inline-block;
  margin-right: 10px;
}
.btn-green {
  background-color: #71BF44;
  color: white;
  border: 1px solid #71BF44;
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus {
  background-color: #5a9b35;
  color: white;
  text-decoration: none;
  border: 1px solid #5a9b35;
}
.btn-white {
  background-color: white;
  color: #333;
  border: 1px solid white;
}
.btn-white:hover,
.btn-white:active,
.btn-white:focus {
  background-color: #e6e6e6;
  color: #333;
  text-decoration: none;
  border: 1px solid #e6e6e6;
}
.btn-transp-white {
  border: 1px solid white;
  background-color: transparent;
  color: white;
}
.btn-transp-white:hover,
.btn-transp-white:active,
.btn-transp-white:focus {
  background-color: white;
  color: #71bf44;
  text-decoration: none;
  border: 1px solid white;
}
html {
  position: relative;
  overflow-x: hidden;
}
.container-fluid {
  padding: 0 0 0 0;
}
*:hover,
*:active,
*:focus {
  outline: none;
}
h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size: 48px;
}
h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 35px;
}
h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
}
h5 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
}
p,
ul,
li,
a {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
}
.alert li {
  float: none;
}
.error {
  color: red;
}
a,
a:visited,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none !important;
}
h1.page-title,
h1.block-title,
h2.page-title,
h2.block-title {
  padding-top: 67px;
  font-size: 250%;
}
@media (max-width: 992px) {
  h1.page-title,
  h1.block-title,
  h2.page-title,
  h2.block-title {
    padding-top: 30px;
    font-size: 250%;
  }
}
.centered {
  text-align: center;
}
.marked {
  color: #71bf44;
}
.clr {
  clear: both;
  font-size: 0;
}
/*footer */
footer {
  display: inline-block;
  width: 100%;
  margin-top: -10px;
  background-color: #464646;
}
@media (min-width: 768px) {
  footer {
    text-align: center;
  }
}
.footer-contact {
  background-color: #464646;
  color: white;
  text-align: center;
  line-height: 150px;
  height: 150px;
  display: inline-block;
}
@media (max-width: 767px) {
  .footer-contact {
    line-height: 150%;
    height: auto;
    padding: 20px 0px;
  }
}
.footer-contact a {
  color: white;
}
@media (max-width: 767px) {
  .footer-contact a {
    margin-bottom: 10px;
    display: inline-block;
  }
}
.footer-contact .icoontjes {
  display: inline-block;
  margin: 0px 45px;
}
@media (max-width: 767px) {
  .footer-contact .icoontjes {
    width: 100%;
    margin: 0px;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
  }
}
.footer-contact .icoontjes a {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
  margin: 0px 5px;
}
.footer-contact .icoontjes a i {
  color: #464646;
  line-height: 20px;
  font-size: 12px;
  display: inline-block;
}
.copyrights {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: black;
  color: white;
  text-align: center;
  padding: 20px 90px;
  margin-bottom: -5px;
}
@media (max-width: 767px) {
  .copyrights {
    padding: 20px 20px;
    display: inline-block;
    text-align: center;
  }
}
.copyrights p {
  display: inline-block;
  margin-bottom: 0;
  color: white;
}
.copyrights a {
  color: white;
}
.copyrights .copyright-left span {
  display: inline-block;
  margin: 0 5px;
}
.copyrights .copyright-right {
  text-align: right;
}
@media (max-width: 767px) {
  .copyrights .copyright-right {
    text-align: center;
  }
}
.upperleft-block {
  background: #60a439;
}
.upperright-block,
.lowerleft-block {
  background: #71bf44;
}
.lowerright-block {
  background: #7cd24b;
}
.upper {
  text-transform: uppercase;
}
.breadcrumbs {
  margin-top: 15px;
}
.fa.fa-as-text {
  font-family: FontAwesome, serif;
}
.colored {
  color: #71bf44;
}
.breadcrumbs {
  display: inline-block;
  width: 100%;
  padding: 10px 90px 40px 90px;
}
@media (max-width: 767px) {
  .breadcrumbs {
    padding: 10px 20px 20px 20px;
  }
}
.breadcrumbs a {
  color: #969696;
  display: inline-block;
}
.breadcrumbs a:after {
  display: inline-block;
  content: '>';
  margin: 0px 5px;
}
.breadcrumbs p {
  color: #71bf44;
  display: inline-block;
}
.img-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.img-contain {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.storing-melden {
  display: inline-block;
  width: 200px;
  height: 200px;
  margin-top: 10px;
}
header {
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 1000;
}
.taskbar {
  background-color: #71bf44;
  color: white;
  padding: 8px 90px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .taskbar .fa {
    margin-right: 10px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .taskbar {
    padding: 8px 35px;
  }
}
@media (max-width: 767px) {
  .taskbar {
    padding: 8px 10px;
    text-align: right;
  }
}
.taskbar a {
  display: inline-block;
  margin-right: 10px;
  color: white;
  text-decoration: none;
  font-size: 13px;
}
.taskbar a:last-of-type {
  margin-right: 0;
}
label.error {
  display: block;
  text-align: left;
}
/** col5 **/
.col5-xs-1 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col5-sm-1 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col5-md-1 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col5-lg-1 {
    width: 20%;
    float: left;
  }
}
.col5-xs-2 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col5-sm-2 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col5-md-2 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col5-lg-2 {
    width: 20%;
    float: left;
  }
}
.col5-xs-3 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col5-sm-3 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col5-md-3 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col5-lg-3 {
    width: 20%;
    float: left;
  }
}
.col5-xs-4 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col5-sm-4 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col5-md-4 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col5-lg-4 {
    width: 20%;
    float: left;
  }
}
.col5-xs-5 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col5-sm-5 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col5-md-5 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col5-lg-5 {
    width: 20%;
    float: left;
  }
}
.col5-1,
.col5-2,
.col5-3,
.col5-4,
.col5-5 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-default {
  background-color: white !important;
  border: none;
  padding: 0px 90px;
  margin: 0px;
  position: fixed;
  width: 100%;
  z-index: 1000;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .navbar-default {
    padding: 0px 0px;
    height: 80px;
    margin: 0px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .navbar-default {
    padding: 0px 25px;
  }
}
.navbar-default .navbar-header {
  float: left;
}
@media (max-width: 767px) {
  .navbar-default .navbar-header {
    display: inline-block;
    width: 100%;
    float: none;
    height: 80px;
    padding: 0px 20px;
  }
}
.navbar-default .navbar-header .navbar-brand {
  padding: 0px;
  height: 60px;
  width: 100px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .navbar-default .navbar-header .navbar-brand {
    float: left;
  }
}
.navbar-default .navbar-header button {
  float: right;
  margin: 0px;
  padding: 0px;
  border-radius: 0px;
  border: none;
  height: 80px;
}
.navbar-default .navbar-header button:hover,
.navbar-default .navbar-header button:active,
.navbar-default .navbar-header button:focus {
  background-color: transparent !important;
}
.navbar-default .navbar-header button span {
  background-color: #71bf44 !important;
}
.navbar-default .navbar-collapse {
  float: right;
  padding: 0px;
  margin: 0px;
}
@media (max-width: 767px) {
  .navbar-default .navbar-collapse {
    margin: -5px 0px 0px 0px;
  }
}
@media (max-width: 767px) {
  .navbar-default .navbar-collapse ul {
    margin: 0px;
  }
}
@media (max-width: 767px) {
  .navbar-default .navbar-collapse ul li {
    display: inline-block;
    width: 100%;
    background-color: white;
    border-bottom: 1px solid #f1f1f1;
  }
}
.navbar-default .navbar-collapse ul li a {
  line-height: 80px;
  padding: 0px 15px;
  vertical-align: middle;
  color: black;
  text-transform: uppercase;
}
.navbar-default .navbar-collapse ul li a.active {
  color: #71bf44;
}
@media (max-width: 767px) {
  .navbar-default .navbar-collapse ul li a {
    padding: 20px 20px;
    width: 100%;
    line-height: 100%;
  }
  .navbar-default .navbar-collapse ul li a:hover,
  .navbar-default .navbar-collapse ul li a:active,
  .navbar-default .navbar-collapse ul li a:focus {
    background-color: #71bf44;
    color: white;
  }
  .navbar-default .navbar-collapse ul li a.active {
    background-color: #71bf44 !important;
    color: white !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .navbar-default .navbar-collapse ul li a {
    padding: 0px 4px;
  }
}
@media (min-width: 993px) and (max-width: 1110px) {
  .navbar-default .navbar-collapse ul li a {
    padding: 0px 8px;
  }
}
.navbar-default .navbar-collapse ul li a.btn-flat {
  line-height: 100%;
  padding: 10px 20px;
  margin-top: 22px;
  margin-left: 20px;
  color: white;
}
@media (max-width: 767px) {
  .navbar-default .navbar-collapse ul li a.btn-flat {
    margin: 0px;
    padding: 20px 20px;
    background-color: transparent;
    color: black;
    border: none;
    text-transform: none;
    letter-spacing: 0px;
  }
  .navbar-default .navbar-collapse ul li a.btn-flat:hover,
  .navbar-default .navbar-collapse ul li a.btn-flat:active,
  .navbar-default .navbar-collapse ul li a.btn-flat:focus {
    background-color: #71bf44 !important;
    color: white;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .navbar-default .navbar-collapse ul li a.btn-flat {
    padding: 10px 6px;
    margin-left: 3px;
  }
}
@media (min-width: 993px) and (max-width: 1110px) {
  .navbar-default .navbar-collapse ul li a.btn-flat {
    padding: 10px 10px;
    margin-left: 10px;
  }
}
.navbar-default .navbar-collapse ul li a.btn-flat:hover,
.navbar-default .navbar-collapse ul li a.btn-flat:active,
.navbar-default .navbar-collapse ul li a.btn-flat:focus {
  background-color: #5a9b35;
  color: white;
}
.navbar-default .navbar-collapse ul li.open a {
  background-color: transparent !important;
  color: black !important;
}
.navbar-default .navbar-collapse ul li.open .dropdown-menu {
  padding: 0px;
}
.navbar-default .navbar-collapse ul li.open .dropdown-menu a {
  line-height: 100%;
  padding: 15px 20px;
}
.navbar-default .navbar-collapse ul li.open .dropdown-menu a:hover,
.navbar-default .navbar-collapse ul li.open .dropdown-menu a:active,
.navbar-default .navbar-collapse ul li.open .dropdown-menu a:focus {
  background-color: #71bf44 !important;
  color: white !important;
}
.navbar-default .navbar-collapse ul li.open .dropdown-menu a.active {
  background-color: #71bf44 !important;
  color: white !important;
}
.navbar-default .navbar-collapse ul li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
.navbar-default .navbar-collapse ul li .navbar-default .navbar-collapse ul li .dropdown-menu {
  padding: 0px;
}
.navbar-default .navbar-collapse ul li .dropdown-menu a {
  line-height: 100%;
  padding: 15px 20px;
}
.navbar-default .navbar-collapse ul li .dropdown-menu a:hover,
.navbar-default .navbar-collapse ul li .dropdown-menu a:active,
.navbar-default .navbar-collapse ul li .dropdown-menu a:focus {
  background-color: #71bf44 !important;
  color: white !important;
}
.navbar-default .navbar-collapse ul li .dropdown-menu a:hover {
  display: block;
}
.navbar-default .navbar-collapse ul li .dropdown-menu a.active {
  background-color: #71bf44 !important;
  color: white !important;
}
.quote-form {
  margin-top: 30px;
}
.img-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.home {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
}
.home .call-to-action {
  display: table;
  width: 100%;
  height: 500px;
}
.home .call-to-action .content {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
@media (max-width: 767px) {
  .home .call-to-action .content {
    padding: 0px 20px;
  }
}
.home .call-to-action .content .titel {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 30px 0px;
}
.home .call-to-action .content .titel h2 {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 0px 0px;
  color: white;
  text-transform: uppercase;
}
.home .call-to-action .content .titel h3 {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 0px 0px;
  color: #71bf44;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home .call-to-action .content .titel h3 {
    font-size: 24px;
  }
}
.home .call-to-action .content .tekst {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 40px 0px;
}
@media (max-width: 767px) {
  .home .call-to-action .content .tekst {
    margin-bottom: 20px;
  }
}
.home .call-to-action .content .tekst h5 {
  color: white;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home .call-to-action .content .tekst h5 {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 10px;
    text-transform: none;
  }
}
.home .call-to-action .content .knoppen a {
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .home .call-to-action .content .knoppen a {
    margin-bottom: 10px;
    margin-right: 0px;
  }
}
.home .call-to-action .content .knoppen a:last-of-type {
  margin-right: 0px;
}
.home .technics {
  display: inline-block;
  width: 100%;
  padding: 50px 90px;
}
@media (max-width: 767px) {
  .home .technics {
    padding: 50px 20px;
  }
}
.home .technics .foto-diensten {
  display: inline-block;
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
.home .technics .technics-line-text {
  text-transform: uppercase;
  font-weight: 800;
  color: black;
  font-size: 115%;
}
.home .technics .technics-line-text p {
  display: inline-block;
  width: 100%;
  color: #71bf44;
  text-transform: none;
  font-weight: 700;
  margin: 0px 0px 15px 0px;
  font-size: 16px;
}
.home .technics .technics-text {
  color: black;
  font-size: 109%;
}
.home .technics .technics-text ul {
  list-style-position: outside;
  margin: 0px 0px 0px 21px;
  padding: 0px;
  list-style-image: url('../img/check.png');
}
.home .technics .technics-text ul li {
  padding: 0px 0px 0px 10px;
}
.home .wat-we-doen {
  display: inline-block;
  position: relative;
  width: 100%;
}
.home .wat-we-doen .content {
  display: inline-block;
  width: 100%;
  padding: 90px 90px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  position: relative;
}
@media (max-width: 767px) {
  .home .wat-we-doen .content {
    padding: 50px 20px;
  }
}
.home .wat-we-doen .content h4 {
  color: white;
  display: inline-block;
  width: 100%;
  margin: 0px 0px 25px 0px;
}
.home .wat-we-doen .content h4 span {
  color: #71bf44;
}
.home .wat-we-doen .content p {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 15px 0px;
  color: white;
}
.home .wat-we-doen .content p:last-of-type {
  margin-bottom: 0px;
}
.home .wat-we-doen .home-video {
  display: inline-block;
}
@media (max-width: 767px) {
  .home .wat-we-doen .home-video {
    width: 350px;
    height: 240px;
    margin-top: 20px;
  }
}
.home .wat-we-doen .achtergrond {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
}
.home .referenties {
  display: inline-block;
  width: 100%;
  padding: 90px 90px 90px 90px;
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .home .referenties {
    padding: 50px 20px;
  }
}
.home .referenties .titel {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 20px 0px;
  text-align: center;
}
.home .referenties .titel h4 {
  color: #212121;
}
.home .referenties .titel h4 span {
  color: #71bf44;
}
.home .referenties .items {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 0px 0px;
}
.home .referenties .items .item {
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  .home .referenties .items .item {
    margin-bottom: 20px;
  }
}
.home .referenties .items .item.even .tekst {
  display: inline-block;
  width: 100%;
  padding: 30px 20px;
  background-color: #71bf44;
}
.home .referenties .items .item.even .tekst h5 {
  color: white;
  min-height: 35px;
}
.home .referenties .items .item.even .tekst p {
  color: white;
  min-height: 65px;
}
.home .referenties .items .item .afbeelding {
  display: inline-block;
  width: 100%;
  height: 200px;
  margin-bottom: -5px;
}
.home .referenties .items .item .tekst {
  display: inline-block;
  width: 100%;
  padding: 30px 20px;
  background-color: white;
}
.home .referenties .items .item .tekst h5 {
  color: #464646;
  min-height: 35px;
}
.home .referenties .items .item .tekst p {
  color: #464646;
  min-height: 65px;
}
.home .referenties .knop {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
#contact,
#offerte {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
}
#contact .padding-contact,
#offerte .padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #contact .padding-contact,
  #offerte .padding-contact {
    padding: 0px 20px 50px 20px;
  }
}
#contact .padding-contact .intro,
#offerte .padding-contact .intro {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 50px 0px;
}
@media (max-width: 767px) {
  #contact .padding-contact .intro,
  #offerte .padding-contact .intro {
    margin-bottom: 20px;
  }
}
#contact .padding-contact .intro h4,
#offerte .padding-contact .intro h4 {
  color: #71bf44;
}
#contact .padding-contact .contactgegevens .titel,
#offerte .padding-contact .contactgegevens .titel {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 30px;
}
#contact .padding-contact .contactgegevens .titel:first-of-type,
#offerte .padding-contact .contactgegevens .titel:first-of-type {
  margin-top: 0px;
}
#contact .padding-contact .contactgegevens .titel p,
#offerte .padding-contact .contactgegevens .titel p {
  font-weight: 600;
  color: #71bf44;
}
#contact .padding-contact .contactgegevens p,
#offerte .padding-contact .contactgegevens p,
#contact .padding-contact .contactgegevens a,
#offerte .padding-contact .contactgegevens a {
  display: inline-block;
  width: 100%;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  color: #212121;
}
#contact .padding-contact .formulieren,
#offerte .padding-contact .formulieren {
  margin-top: 60px;
}
#contact .padding-contact .formulieren h4,
#offerte .padding-contact .formulieren h4 {
  color: #71bf44;
  margin-bottom: 30px;
}
#contact .padding-contact .formulieren .button-wrapper,
#offerte .padding-contact .formulieren .button-wrapper {
  display: block;
  margin-bottom: 20px;
}
#contact .padding-contact .formulieren .button-wrapper:last-of-type,
#offerte .padding-contact .formulieren .button-wrapper:last-of-type {
  margin-bottom: 0px;
}
#contact .padding-contact .contactformulier,
#offerte .padding-contact .contactformulier {
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  #contact .padding-contact .contactformulier,
  #offerte .padding-contact .contactformulier {
    margin-top: 30px;
  }
}
#contact .padding-contact .contactformulier .btn-flat,
#offerte .padding-contact .contactformulier .btn-flat {
  margin-top: 10px;
}
#contact .padding-contact .contactformulier form .form-control,
#offerte .padding-contact .contactformulier form .form-control {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  background-color: #f5f5f5;
  resize: none;
  border: none;
  box-shadow: none;
  color: #464646;
  margin-bottom: 0px;
}
#contact .padding-contact .contactformulier form .radio,
#offerte .padding-contact .contactformulier form .radio {
  margin-bottom: 10px;
}
#contact .padding-contact .contactformulier form .radio + *:not(.radio),
#offerte .padding-contact .contactformulier form .radio + *:not(.radio) {
  margin-bottom: 15px;
}
#contact .padding-contact .contactformulier form p.title,
#offerte .padding-contact .contactformulier form p.title {
  font-weight: 700;
  margin-bottom: 10px;
}
#contact .padding-contact .contactformulier form .checkbox label,
#offerte .padding-contact .contactformulier form .checkbox label,
#contact .padding-contact .contactformulier form .form-group label,
#offerte .padding-contact .contactformulier form .form-group label {
  font-weight: 400;
}
#contact .padding-contact .contactformulier form .checkbox-gdpr,
#offerte .padding-contact .contactformulier form .checkbox-gdpr {
  margin-top: 20px;
}
#contact .padding-contact .contactformulier form select,
#offerte .padding-contact .contactformulier form select {
  margin-bottom: 0px;
}
#contact .service-formulier h5,
#offerte .service-formulier h5 {
  color: #7cd24b;
  margin-bottom: 30px;
}
#contact .service-formulier form .form-control,
#offerte .service-formulier form .form-control {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  background-color: #f5f5f5;
  resize: none;
  border: none;
  box-shadow: none;
  color: #464646;
  margin-bottom: 0px;
}
#contact .service-formulier form .radio,
#offerte .service-formulier form .radio {
  margin-bottom: 10px;
}
#contact .service-formulier form .radio + *:not(.radio),
#offerte .service-formulier form .radio + *:not(.radio) {
  margin-bottom: 15px;
}
#contact .service-formulier form p.title,
#offerte .service-formulier form p.title {
  font-weight: 700;
  margin-bottom: 10px;
}
#contact .service-formulier form a,
#offerte .service-formulier form a {
  color: #71bf44;
  text-decoration: underline;
}
#contact .service-formulier form .checkbox label,
#offerte .service-formulier form .checkbox label,
#contact .service-formulier form .form-group label,
#offerte .service-formulier form .form-group label {
  font-weight: 400;
}
#contact .service-formulier form .checkbox-gdpr,
#offerte .service-formulier form .checkbox-gdpr {
  margin-top: 20px;
}
#contact #map,
#offerte #map {
  display: inline-block;
  width: 100%;
  height: 350px;
}
#offerte {
  display: inline-block;
  width: 100%;
}
#offerte .padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 50px 90px;
}
@media (max-width: 767px) {
  #offerte .padding-contact {
    padding: 50px 20px;
  }
}
#offerte .padding-contact .intro {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 50px 0px;
}
@media (max-width: 767px) {
  #offerte .padding-contact .intro {
    margin-bottom: 20px;
  }
}
#offerte .padding-contact .intro h4 {
  color: #71bf44;
}
#offerte .padding-contact .contactgegevens .titel {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 30px;
}
#offerte .padding-contact .contactgegevens .titel:first-of-type {
  margin-top: 0px;
}
#offerte .padding-contact .contactgegevens .titel p {
  font-weight: 600;
  color: #71bf44;
}
#offerte .padding-contact .contactgegevens p,
#offerte .padding-contact .contactgegevens a {
  display: inline-block;
  width: 100%;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  color: #212121;
}
#offerte .padding-contact .contactformulier {
  display: inline-block;
  width: 100%;
}
#offerte .padding-contact .contactformulier .btn-flat {
  margin-top: 10px;
}
#offerte .diensten {
  display: inline-block;
  width: 100%;
  padding: 50px 90px 50px 90px;
  background-color: #f5f5f5;
  text-align: center;
}
#offerte .diensten h4 {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
}
#offerte .diensten h4 span {
  color: #71bf44;
}
#offerte .diensten .vierkant {
  display: inline-block;
  width: 100%;
}
label {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 5px 0px;
  color: #464646;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
}
input:not([type="checkbox"],[type="radio"]),
textarea {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  background-color: #f5f5f5;
  resize: none;
  border: none;
  box-shadow: none;
  color: #464646;
  margin-bottom: 20px;
}
input:not([type="checkbox"],[type="radio"]) ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
}
input:not([type="checkbox"],[type="radio"]) ::-moz-placeholder,
textarea ::-moz-placeholder {
  /* Firefox 19+ */
  color: #464646;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
}
input:not([type="checkbox"],[type="radio"]) :-ms-input-placeholder,
textarea :-ms-input-placeholder {
  /* IE 10+ */
  color: #464646;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
}
input:not([type="checkbox"],[type="radio"]) :-moz-placeholder,
textarea :-moz-placeholder {
  /* Firefox 18- */
  color: #464646;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
}
input[type="checkbox"] {
  background-color: transparent;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
  border: none;
  padding: 8px 10px;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  color: #a0a0a0;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  background-image: url('/assets/img/select.png');
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}
select:active,
select:hover,
select:focus {
  border: none;
  outline: none;
}
option {
  color: #696969;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0px;
  margin: 0px;
}
#realisaties {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
}
#realisaties .padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #realisaties .padding-contact {
    padding: 0px 20px 70px 20px;
  }
}
#realisaties .padding-contact .intro {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
#realisaties .padding-contact .intro h4 {
  color: #71bf44;
}
#realisaties .padding-contact .afbeeldingen {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
}
#realisaties .padding-contact .afbeeldingen .vierkant {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
#realisaties .padding-contact .afbeeldingen .vierkant .content {
  display: none;
}
#realisaties .padding-contact .afbeeldingen .vierkant:hover .content {
  display: table;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#realisaties .padding-contact .afbeeldingen .vierkant:hover .content .titel {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: rgba(113, 191, 68, 0.8);
}
#realisaties .padding-contact .afbeeldingen .vierkant:hover .content .titel p {
  color: white;
}
#realisaties .padding-contact .specifications {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
#realisaties .padding-contact .specifications i {
  color: #71bf44;
}
#realisaties .padding-contact .specifications p {
  margin-bottom: 0px;
}
#realisaties .padding-contact .data {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
#realisaties .padding-contact .categories-used {
  display: inline-block;
  width: 100%;
}
#realisaties .padding-contact .categories-used .afbeelding {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-color: #71bf44;
  margin-right: -3px;
}
#realisaties .padding-contact .categories-used .afbeelding:nth-child(2) {
  background-color: #6ab63e;
}
#realisaties .padding-contact .categories-used .afbeelding:nth-child(3) {
  background-color: #63aa3a;
}
#realisaties .padding-contact .categories-used .afbeelding:nth-child(4) {
  background-color: #5d9f36;
}
@media (max-width: 767px) {
  #realisaties .padding-contact #slider {
    margin-top: 20px;
  }
}
#realisaties .padding-contact #slider .realisation-image {
  height: 300px;
}
.images {
  padding: 20px 0;
}
.images .image {
  width: 45%;
  position: relative;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 30px;
}
@media (max-width: 992px) {
  .images .image:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .images .image {
    width: 250px;
    height: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .images .image:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .images .image:nth-child(4n+4) {
    margin-right: 0;
  }
}
.images .image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.images .image .image-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.images .image .image-content .image-item {
  position: relative;
  width: 100%;
  height: 100%;
}
.images .image .image-content .image-item img {
  width: 100%;
  vertical-align: top;
}
.images .image .image-content .image-item:after,
.images .image .image-content .image-item:before {
  position: absolute;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.images .image .image-content .image-item:after {
  content: '\A';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.images .image .image-content .image-item:before {
  content: attr(data-content);
  width: 100%;
  color: white;
  z-index: 1;
  top: 50%;
  padding: 4px 10px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.images .image .image-content .image-item:hover:after,
.images .image .image-content .image-item:hover:before {
  opacity: 1;
}
.realisation-categories .realisation-category {
  text-transform: uppercase;
  margin-right: 15px;
  margin-top: 15px;
}
.realisation-categories .realisation-category a {
  border-radius: 0;
  color: #71bf44;
  border: 1px solid #71bf44;
}
.realisation-categories .realisation-category a:hover {
  background-color: #FBFBFB;
}
.realisation-categories .realisation-category.active a {
  background-color: #71bf44;
}
.realisation-categories .realisation-category.active a:hover {
  background-color: #60a439;
}
.realisations .breadcrumbs * {
  color: gray;
}
.realisations .realisation {
  position: relative;
  margin-bottom: 50px;
}
.realisations .realisation .realisation-image {
  width: 100%;
  padding-top: 105px;
  padding-bottom: 30px;
}
@media (max-width: 992px) {
  .realisations .realisation .realisation-image {
    padding-bottom: 130px;
  }
}
.realisations .realisation .specifications {
  color: #71bf44;
  font-size: 125%;
  padding-bottom: 30px;
}
.realisations .realisation .specifications i {
  color: black;
}
.realisations .realisation .data .line {
  padding-top: 10px;
  width: 100%;
  border-bottom: 4px solid #71bf44;
}
.realisations .realisation .data .line-text {
  text-transform: uppercase;
  font-weight: 800;
  color: black;
  font-size: 115%;
}
.realisations .realisation .data .text {
  color: black;
  font-size: 109%;
  letter-spacing: 1px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .realisations .realisation .data .text {
    padding-bottom: 120px;
  }
}
.realisations .realisation .categories-used {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  height: 100px;
  text-align: center;
}
.realisations .realisation .categories-used div {
  width: 100px;
  height: 100px;
  float: left;
  font-size: 500%;
  color: rgba(250, 250, 250, 0.5);
}
.realisations .realisation .categories-used div img {
  width: 80px;
  padding: 5px;
}
.realisations .realisation .categories-used .water-in-huis {
  background-color: #71bf44;
}
.realisations .realisation .categories-used .licht-in-huis {
  background-color: #60a439;
}
.realisations .realisation .categories-used .lucht-in-huis {
  background-color: #71bf44;
}
.realisations .realisation .categories-used .warmte-in-huis {
  background-color: #7cd24b;
}
.references {
  background-color: #eeeeee;
}
.references .reference-item {
  float: left;
  display: inline-block;
  padding: 0;
  background-color: white;
  width: 23%;
  margin: 5%;
}
@media (max-width: 992px) {
  .references .reference-item {
    width: 100%;
    margin: 5% 0;
  }
}
.references .reference-item .reference-picture {
  width: auto;
  position: relative;
  height: 180px;
  overflow: hidden;
}
.references .reference-item .reference-picture img {
  position: absolute;
  left: 0;
  top: -50%;
  width: 100%;
  height: auto;
}
.references .reference-item:nth-child(2n+1) {
  background-color: #71bf44;
}
.references .reference-item:nth-child(2n+1) .reference-picture {
  height: 250px;
}
.references .reference-item:nth-child(2n+1) .reference-picture img {
  top: -25px;
}
.references .reference-item:nth-child(2n+1) .reference-data {
  color: white;
}
.references .reference-item:nth-child(2n+1) .reference-data .read-more-line {
  border-bottom: 2px solid white;
}
.references .reference-item:nth-child(2n+1) .reference-data .read-more-text {
  color: white;
}
.references .reference-item .reference-data {
  padding: 15px;
  color: black;
}
.references .reference-item .reference-data .reference-title {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 125%;
  padding-bottom: 20px;
}
.references .reference-item .reference-data .reference-intro {
  font-weight: 600;
  padding-bottom: 20px;
}
.references .reference-item .reference-data .read-more-line {
  padding-top: 8px;
  width: 100%;
  border-bottom: 2px solid #71bf44;
}
.references .reference-item .reference-data .read-more-text {
  text-transform: uppercase;
  font-weight: 800;
  color: #71bf44;
}
.services {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
}
.services .service {
  display: inline-block;
  width: 100%;
}
.services .service .intro {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 50px 90px;
}
@media (max-width: 767px) {
  .services .service .intro {
    padding: 0px 20px 50px 20px;
  }
}
.services .service .intro .hoogte-blok {
  display: inline-block;
  width: 100%;
}
.services .service .intro .service-info {
  display: inline-block;
  margin-top: 20px;
}
.services .service .intro .service-info .btn-flat {
  margin-top: 20px;
}
.services .diensten,
#offerte .diensten {
  display: inline-block;
  width: 100%;
  padding: 50px 90px 50px 90px;
  background-color: #f5f5f5;
  text-align: center;
}
.services .diensten h4,
#offerte .diensten h4 {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
}
.services .diensten h4 span,
#offerte .diensten h4 span {
  color: #71bf44;
}
.services .diensten .vierkant,
#offerte .diensten .vierkant {
  display: inline-block;
  width: 100%;
  padding: 0 0 100% 0;
}
.services-detail {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
}
.services-detail .service {
  display: inline-block;
  width: 100%;
}
.services-detail .service .symbool {
  display: inline-block;
  width: 90%;
}
@media (max-width: 767px) {
  .services-detail .service .symbool {
    height: 300px;
    margin-bottom: 20px;
  }
}
.services-detail .service .intro {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 50px 90px;
}
@media (max-width: 767px) {
  .services-detail .service .intro {
    padding: 0px 20px 50px 20px;
  }
}
.services-detail .service .intro h4 {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
.services-detail .service .intro p {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.services-detail .service .intro .hoogte-blok {
  display: inline-block;
  width: 100%;
}
.services-detail .service .intro .service-info {
  display: inline-block;
  margin-top: 10px;
}
.services-detail .service .diensten-onderdelen {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 90px 90px;
}
@media (max-width: 767px) {
  .services-detail .service .diensten-onderdelen {
    padding: 0px 20px 50px 20px;
  }
}
.services-detail .service .diensten-onderdelen .products .product-item {
  width: 100%;
}
.services-detail .service .diensten-onderdelen .products .product-item .product-type {
  padding: 30px;
  margin: 15px 0px 15px 0px;
  position: relative;
}
.services-detail .service .diensten-onderdelen .products .product-item .product-type h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 3px;
}
.services-detail .service .diensten-onderdelen .products .product-item .product-type.black-border {
  border: 2px solid #383232;
}
.services-detail .service .diensten-onderdelen .products .product-item .product-type.fill-green {
  background-color: #71bf44;
  color: white;
}
.services-detail .service .diensten-onderdelen .products .product-item .product-type.green-border {
  border: 2px solid #71bf44;
}
.services-detail .service .diensten-onderdelen .products .product-item .product-type.gray-border {
  border: 2px solid #71bf44;
}
.services-detail .service .referenties {
  display: inline-block;
  width: 100%;
  padding: 90px 90px 90px 90px;
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .services-detail .service .referenties {
    padding: 50px 20px 50px 20px;
  }
}
.services-detail .service .referenties .titel {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 20px 0px;
  text-align: center;
}
.services-detail .service .referenties .titel h4 {
  color: #212121;
}
.services-detail .service .referenties .titel h4 span {
  color: #71bf44;
}
.services-detail .service .referenties .items {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 0px 0px;
}
.services-detail .service .referenties .items .item {
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  .services-detail .service .referenties .items .item {
    margin-bottom: 20px;
  }
}
.services-detail .service .referenties .items .item.even .tekst {
  display: inline-block;
  width: 100%;
  padding: 30px 20px;
  background-color: #71bf44;
}
.services-detail .service .referenties .items .item.even .tekst h5 {
  color: white;
  min-height: 35px;
}
.services-detail .service .referenties .items .item.even .tekst p {
  color: white;
  min-height: 65px;
}
.services-detail .service .referenties .items .item .afbeelding {
  display: inline-block;
  width: 100%;
  height: 200px;
  margin-bottom: -5px;
}
.services-detail .service .referenties .items .item .tekst {
  display: inline-block;
  width: 100%;
  padding: 30px 20px;
  background-color: white;
}
.services-detail .service .referenties .items .item .tekst h5 {
  color: #464646;
  min-height: 35px;
}
.services-detail .service .referenties .items .item .tekst p {
  color: #464646;
  min-height: 65px;
}
.services-detail .service .referenties .knop {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.home-img {
  padding-top: 67px;
}
@media (max-width: 992px) {
  .home-img {
    padding-top: 20px !important;
  }
  .margin-top {
    margin-top: 20px;
  }
  .hidden-small {
    display: none;
  }
  .line-wrapper {
    margin-bottom: 15px;
  }
}
.service img {
  width: 100%;
}
#downloads {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
  position: relative;
}
#downloads .pop-up {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 100;
}
#downloads .pop-up .table {
  position: absolute;
  top: 0px;
  left: 0px;
  display: table;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #downloads .pop-up .table {
    padding: 0px 20px;
    width: 100vw;
    height: 100vh;
    position: fixed;
  }
}
#downloads .pop-up .table .table-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#downloads .pop-up .table .table-cell .content {
  display: inline-block;
  padding: 70px 90px;
  background-color: #464646;
  text-align: center;
  position: relative;
  width: auto;
}
@media (max-width: 767px) {
  #downloads .pop-up .table .table-cell .content {
    padding: 70px 20px;
  }
}
#downloads .pop-up .table .table-cell .content .sluiten {
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
}
#downloads .pop-up .table .table-cell .content .sluiten:hover {
  cursor: pointer;
}
#downloads .pop-up .table .table-cell .content .sluiten i {
  color: white;
  font-size: 24px;
}
#downloads .pop-up .table .table-cell .content h4 {
  color: white;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
#downloads .pop-up .table .table-cell .content p {
  display: inline-block;
  width: 100%;
  line-height: 150%;
  color: white;
  margin: 0px 0px 35px 0px;
}
#downloads .pop-up .table .table-cell .content form input {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #downloads .pop-up .table .table-cell .content form input {
    margin-bottom: 20px;
  }
}
#downloads .pop-up .table .table-cell .content form button {
  margin-top: 35px;
}
#downloads .padding-downloads {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #downloads .padding-downloads {
    padding: 0px 20px 50px 20px;
  }
}
#downloads .padding-downloads .intro {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 50px 0px;
}
@media (max-width: 767px) {
  #downloads .padding-downloads .intro {
    margin-bottom: 20px;
  }
}
#downloads .padding-downloads .intro h4 {
  color: #464646 !important;
}
#downloads .padding-downloads .intro h4 strong {
  color: #71bf44 !important;
}
#downloads .padding-downloads .download {
  display: inline-block;
  width: 100%;
}
#downloads .padding-downloads .download .download-item {
  display: table;
  width: 100%;
  height: 130px;
  margin-bottom: 30px;
}
#downloads .padding-downloads .download .download-item:hover {
  cursor: pointer;
}
#downloads .padding-downloads .download .download-item:hover .titel {
  background-color: rgba(113, 191, 68, 0.9);
}
#downloads .padding-downloads .download .download-item .titel {
  display: table-cell;
  background-color: rgba(113, 191, 68, 0.8);
  vertical-align: middle;
  text-align: center;
  color: white;
}
#downloads-formulier {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
  position: relative;
}
#downloads-formulier .padding-downloads {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #downloads-formulier .padding-downloads {
    padding: 0px 20px 50px 20px;
  }
}
#downloads-formulier .padding-downloads .intro {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 50px 0px;
}
@media (max-width: 767px) {
  #downloads-formulier .padding-downloads .intro {
    margin-bottom: 20px;
  }
}
#downloads-formulier .padding-downloads .intro h4 {
  color: #464646 !important;
}
#downloads-formulier .padding-downloads .intro h4 strong {
  color: #71bf44 !important;
}
#downloads-formulier .downloads-formulier {
  background-color: #464646;
  padding: 60px;
}
@media (max-width: 992px) {
  #downloads-formulier .downloads-formulier {
    padding: 30px;
  }
}
#downloads-formulier .downloads-formulier h4 {
  color: white;
}
#downloads-formulier .downloads-formulier p {
  color: white;
  font-size: 18px;
}
#downloads-formulier .downloads-formulier form {
  margin-top: 20px;
}
#downloads-formulier .downloads-formulier form input {
  padding: 15px 25px;
}
#downloads-formulier .downloads-formulier form .form-control {
  height: auto;
  border-radius: 0px;
}
#vacature {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
  background: #eeeeee;
}
#vacature .padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #vacature .padding-contact {
    padding: 0px 20px 50px 20px;
  }
}
#vacature .padding-contact .intro {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
@media (max-width: 767px) {
  #vacature .padding-contact .intro {
    margin-bottom: 20px;
  }
}
#vacature .padding-contact .intro h4 {
  color: #71bf44;
}
#vacature .padding-contact .intro h4 span {
  color: black;
}
#vacature .padding-contact .tekst h4 {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
#vacature .padding-contact .tekst ul {
  list-style-position: outside;
  margin: 0px 0px 0px 21px;
  padding: 0px;
  list-style-image: url('../img/check.png');
}
#vacature .padding-contact .tekst ul li {
  padding: 0px 0px 0px 10px;
}
#vacature .padding-contact .tekst a {
  color: #71bf44;
}
#vacature .padding-contact .tekst a:hover,
#vacature .padding-contact .tekst a:active,
#vacature .padding-contact .tekst a:focus {
  color: #71bf44;
}
#vacature .vacatures-overzicht h4 {
  margin-bottom: 40px;
}
#vacature .vacatures-overzicht .vacature-lijst {
  margin-bottom: -30px;
}
#vacature .vacatures-overzicht .vacature {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  color: black;
}
#vacature .vacatures-overzicht .vacature .vacature-image {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0 0 66.66666%;
}
#vacature .vacatures-overzicht .vacature .vacature-content {
  flex: 1 1 auto;
  padding: 2rem 3rem;
  display: flex;
  justify-content: space-between;
  background-color: white;
}
#vacature .vacatures-overzicht .vacature .vacature-content .vacature-content-left {
  width: calc(100% - 80px);
}
#vacature .vacatures-overzicht .vacature .vacature-content .vacature-content-left h5 {
  display: inline-block;
  margin: 0;
}
#vacature .vacatures-overzicht .vacature .vacature-content .vacature-content-right {
  width: 80px;
}
#vacature .vacatures-overzicht .vacature .vacature-content .vacature-content-right p.btn {
  display: inline-block;
  background-color: transparent;
  color: #71bf44;
  border: 1px solid #71bf44;
}
#vacature .vacatures-overzicht .vacature .vacature-content .vacature-content-right p.btn:hover,
#vacature .vacatures-overzicht .vacature .vacature-content .vacature-content-right p.btn:active,
#vacature .vacatures-overzicht .vacature .vacature-content .vacature-content-right p.btn:focus {
  background-color: #71bf44;
  color: white;
  border: 1px solid #71bf44;
}
#vacature .vacatures-overzicht .vacature .vacature-content.green {
  background-color: #71bf44;
}
#vacature .vacatures-overzicht .vacature .vacature-content.green h5 {
  color: white;
}
#vacature .vacatures-overzicht .vacature .vacature-content.green p.btn {
  background-color: transparent;
  color: white;
  border: 1px solid white;
}
#vacature .vacatures-overzicht .vacature .vacature-content.green p.btn:hover,
#vacature .vacatures-overzicht .vacature .vacature-content.green p.btn:active,
#vacature .vacatures-overzicht .vacature .vacature-content.green p.btn:focus {
  background-color: white;
  color: black;
  border: 1px solid white;
}
#vacature-detail {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
}
#vacature-detail .padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #vacature-detail .padding-contact {
    padding: 0px 20px 50px 20px;
  }
}
#vacature-detail .padding-contact h4 {
  color: #71bf44;
  margin-bottom: 60px;
}
#vacature-detail .padding-contact h4 span {
  color: black;
}
#vacature-detail .padding-contact .row.row-padding-large {
  margin-left: -30px;
  margin-right: -30px;
}
#vacature-detail .padding-contact .row.row-padding-large > .col,
#vacature-detail .padding-contact .row.row-padding-large > [class*="col-"] {
  padding-left: 30px;
  padding-right: 30px;
}
#vacature-detail .padding-contact .vacature-detail-content .image {
  height: 350px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #vacature-detail .padding-contact .vacature-detail-content .image {
    height: 300px;
  }
}
#vacature-detail .padding-contact .vacature-detail-content ul {
  list-style-position: outside;
  margin: 0px 0px 0px 21px;
  padding: 0px;
  list-style-image: url('../img/check.png');
}
#vacature-detail .padding-contact .vacature-detail-content ul li {
  padding: 0px 0px 0px 10px;
}
#vacature-detail .padding-contact .vacature-detail-content a {
  color: #71bf44;
}
#vacature-detail .padding-contact .vacature-detail-content a:hover,
#vacature-detail .padding-contact .vacature-detail-content a:active,
#vacature-detail .padding-contact .vacature-detail-content a:focus {
  color: #71bf44;
}
@media (max-width: 992px) {
  #vacature-detail .padding-contact .vacature-detail-side {
    margin-top: 40px;
  }
}
#vacature-detail .padding-contact .vacature-detail-side .formulier {
  background-color: #71bf44;
  padding: 45px;
}
@media (max-width: 767px) {
  #vacature-detail .padding-contact .vacature-detail-side .formulier {
    padding: 30px;
  }
}
#vacature-detail .padding-contact .vacature-detail-side .formulier h3 {
  color: white;
  margin-bottom: 30px;
  margin-top: 0px;
}
#vacature-detail .padding-contact .vacature-detail-side .formulier form .form-control {
  padding: 8px 10px;
  height: auto;
  border-radius: 0rem;
  border: none;
}
#vacature-detail .padding-contact .vacature-detail-side .formulier form input[type=file] {
  background-color: white;
}
#vacature-detail .padding-contact .vacature-detail-side .formulier form label {
  color: white;
  box-shadow: none;
}
#vacature-detail .padding-contact .vacature-detail-side .formulier form label.error {
  color: red;
}
#vacature-detail .padding-contact .vacature-detail-side .formulier form .checkbox-gdpr label {
  color: white;
}
#vacature-detail .padding-contact .vacature-detail-side .formulier form .checkbox-gdpr label a {
  color: white;
  text-decoration: underline;
}
#privacy {
  padding-top: 118px;
}
#privacy .gdpr-block {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 992px) {
  #privacy .gdpr-block .nav-tabs li {
    width: 100%;
    border: 1px solid #dddddd;
  }
  #privacy .gdpr-block .nav-tabs li a {
    border: none;
    margin-right: 0;
  }
  #privacy .gdpr-block .nav-tabs li.active a {
    background-color: #dfdfdf;
  }
}
#privacy .gdpr-block .nav-tabs li a {
  color: black;
}
#privacy .gdpr-block .tab-content .tab-pane {
  padding: 30px 0;
}
#privacy .gdpr-block .tab-content .tab-pane h4 {
  margin-bottom: 20px;
}
#privacy .gdpr-block .tab-content .tab-pane p {
  margin-bottom: 10px;
}
#privacy .gdpr-block .tab-content .tab-pane p:last-of-type {
  margin-bottom: 0;
}
.cc-message {
  font-family: 'Poppins', sans-serif;
}
.checkbox-gdpr {
  margin-bottom: 20px;
}
.checkbox-gdpr input {
  margin-left: 0px!important;
  margin-top: 5px;
  width: auto;
  display: inline-block;
}
.checkbox-gdpr label {
  padding-left: 25px!important;
}
.checkbox-gdpr label.error {
  display: block;
  color: red!important;
}
#downloads .pop-up .checkbox-gdpr label {
  color: white;
  text-align: left;
}
#downloads .pop-up .checkbox-gdpr label a {
  color: white;
  text-decoration: underline;
}
#downloads-formulier .checkbox-gdpr label {
  color: white;
  text-align: left;
}
#downloads-formulier .checkbox-gdpr label a {
  color: white;
  text-decoration: underline;
}
.partner-overzicht {
  margin-top: 50px;
}
.partner-overzicht .row {
  margin-left: -10px;
  margin-right: -10px;
}
.partner-overzicht .partner-categorie .partner-wrapper .partner-container {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}
.partner-overzicht .partner-categorie .partner-wrapper .partner-container .partner {
  height: 200px;
  border: 1px solid #cbcbcb;
}
.partner-overzicht .partner-categorie .partner-wrapper .partner-container .partner.categorie {
  height: 200px;
  border: none;
}
#onderhoud {
  padding-top: 116px;
}
#onderhoud .intro h3 {
  margin-bottom: 30px;
  color: #71bf44 !important;
}
@media (max-width: 767px) {
  #onderhoud .intro h3 {
    font-size: 24px;
  }
}
#onderhoud .padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #onderhoud .padding-contact {
    padding: 0px 30px 70px 30px;
  }
}
#onderhoud .onderhoud-overzicht {
  margin: 50px 0;
}
#onderhoud .onderhoud-overzicht table {
  width: 100% !important;
}
#onderhoud .onderhoud-overzicht p.opmerking {
  font-size: 12px;
  margin-top: 10px;
}
#onderhoud .onderhoud-overzicht table th,
#onderhoud .onderhoud-overzicht table td {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid white;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}
#onderhoud .onderhoud-overzicht table th p,
#onderhoud .onderhoud-overzicht table td p {
  margin: 0;
}
#onderhoud .onderhoud-overzicht table tr th:first-of-type,
#onderhoud .onderhoud-overzicht table tr td:first-of-type {
  background-color: #71bf44 !important;
  color: white !important;
}
#onderhoud .onderhoud-overzicht table tr th:nth-child(even),
#onderhoud .onderhoud-overzicht table tr td:nth-child(even) {
  background-color: #f5f5f5;
  color: black;
}
#onderhoud .onderhoud-overzicht table tr th:nth-child(odd),
#onderhoud .onderhoud-overzicht table tr td:nth-child(odd) {
  background-color: #ededed;
  color: black;
}
#onderhoud .onderhoud-overzicht table tr th {
  padding: 20px 20px 10px 20px;
}
#onderhoud .onderhoud-overzicht table tr th:first-of-type {
  /*padding: 30px 20px 20px 20px!important;*/
  font-size: 24px;
}
#onderhoud .inschrijven h4 {
  color: #71bf44;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #onderhoud .inschrijven h4 {
    font-size: 20px;
  }
}
#onderhoud .inschrijven form .contracts {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #onderhoud .inschrijven form .contracts .checkbox input {
    width: auto;
  }
}
#onderhoud .inschrijven form .form-control {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  background-color: #f5f5f5;
  resize: none;
  border: none;
  box-shadow: none;
  color: #464646;
}
#onderhoud .inschrijven form .form-group.checkbox {
  margin-top: 0px;
}
#page-bedankt {
  text-align: center;
  padding: 216px 0 100px 0;
}
#page-bedankt h2 {
  margin-bottom: 20px;
  color: #71bf44;
  font-weight: 700;
  font-size: 32px;
}
#page-bedankt p {
  font-size: 16px;
}
#page-bedankt a {
  margin-top: 20px;
}
#page-advies h2,
#page-advies h3 {
  font-size: 22px;
}
#page-advies section#banner {
  padding: 80px 0 300px 0;
  text-align: center;
}
#page-advies section#banner img {
  width: 250px;
}
#page-advies section#banner h1,
#page-advies section#banner h2,
#page-advies section#banner h3 {
  margin-top: 60px;
  color: white;
}
#page-advies section#formulier {
  background-color: #383838;
  padding: 20px;
  margin-top: -220px;
}
#page-advies section#formulier form {
  margin-top: 40px;
}
#page-advies section#formulier h1,
#page-advies section#formulier h2,
#page-advies section#formulier h3,
#page-advies section#formulier p,
#page-advies section#formulier a,
#page-advies section#formulier label {
  color: white;
}
#page-advies section#formulier label.error {
  color: red;
}
@media (min-width: 500px) {
  #page-advies section#formulier {
    padding: 50px;
  }
}
#page-advies section#info {
  margin-top: 40px;
}
#page-advies section#footer {
  height: 15px;
  background-color: #383838;
  margin-top: 60px;
}
#manuals {
  display: inline-block;
  width: 100%;
  padding-top: 116px;
}
#manuals .padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #manuals .padding-contact {
    padding: 0px 20px 70px 20px;
  }
}
#manuals .padding-contact .intro {
  display: inline-block;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
#manuals .padding-contact .intro h4 {
  color: #71bf44;
}
#manuals .padding-contact .manual-links:not(:last-child) {
  margin-bottom: 25px;
}
#page-zonnepanelen {
  padding-top: 116px;
}
#page-zonnepanelen section.zonnepanelen-content.padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #page-zonnepanelen section.zonnepanelen-content.padding-contact {
    padding: 0px 20px 50px;
  }
}
#page-zonnepanelen section.zonnepanelen-content h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #7cd24b;
  margin-bottom: 30px;
}
#page-zonnepanelen section.zonnepanelen-content * + h3 {
  margin-top: 30px;
}
#page-zonnepanelen section.zonnepanelen-content h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #7cd24b;
}
#page-zonnepanelen section.zonnepanelen-content * + h4 {
  margin-top: 20px;
}
#page-zonnepanelen section.zonnepanelen-content h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
}
#page-zonnepanelen section.zonnepanelen-content ul {
  list-style-type: none;
  padding-left: 25px;
}
#page-zonnepanelen section.zonnepanelen-content ul li:before {
  content: '\f00c';
  font-family: FontAwesome;
  display: inline-block;
  color: #7cd24b;
  width: 25px;
  margin-left: -25px;
}
#page-zonnepanelen section.zonnepanelen-content .image {
  margin-bottom: 30px;
}
#page-zonnepanelen section.zonnepanelen-content .image.scale-3by2 {
  width: 100%;
  padding: 0 0 66.6666%;
}
#page-zonnepanelen section.zonnepanelen-content .zonnepanelen-cta {
  background-color: #7cd24b;
  padding: 45px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  #page-zonnepanelen section.zonnepanelen-content .zonnepanelen-cta {
    padding: 30px;
  }
}
#page-zonnepanelen section.zonnepanelen-content .zonnepanelen-cta h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: white;
  margin-bottom: 30px;
  margin-top: 0px;
}
#page-zonnepanelen section.zonnepanelen-content .zonnepanelen-cta p {
  color: white;
}
#page-zonnepanelen section.zonnepanelen-content .zonnepanelen-cta .btn-flat {
  margin-top: 20px;
}
#page-thuisbatterij {
  padding-top: 116px;
}
#page-thuisbatterij section.thuisbatterij-content.padding-contact {
  display: inline-block;
  width: 100%;
  padding: 0px 90px 70px 90px;
}
@media (max-width: 767px) {
  #page-thuisbatterij section.thuisbatterij-content.padding-contact {
    padding: 0px 20px 50px;
  }
}
#page-thuisbatterij section.thuisbatterij-content h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #7cd24b;
  margin-bottom: 30px;
}
#page-thuisbatterij section.thuisbatterij-content * + h3 {
  margin-top: 30px;
}
#page-thuisbatterij section.thuisbatterij-content h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #7cd24b;
}
#page-thuisbatterij section.thuisbatterij-content * + h4 {
  margin-top: 20px;
}
#page-thuisbatterij section.thuisbatterij-content h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
}
#page-thuisbatterij section.thuisbatterij-content ul {
  list-style-type: none;
  padding-left: 25px;
}
#page-thuisbatterij section.thuisbatterij-content ul li:before {
  content: '\f00c';
  font-family: FontAwesome;
  display: inline-block;
  color: #7cd24b;
  width: 25px;
  margin-left: -25px;
}
#page-thuisbatterij section.thuisbatterij-content .video {
  margin-top: 30px;
  margin-bottom: 30px;
}
#page-thuisbatterij section.thuisbatterij-types {
  background-color: #eeeeee;
}
#page-thuisbatterij section.thuisbatterij-types.padding-contact {
  display: inline-block;
  width: 100%;
  padding: 70px 0px 70px 0px;
}
@media (max-width: 767px) {
  #page-thuisbatterij section.thuisbatterij-types.padding-contact {
    padding: 50px 0;
  }
}
#page-thuisbatterij section.thuisbatterij-types h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #7cd24b;
  margin-bottom: 30px;
}
#page-thuisbatterij section.thuisbatterij-types .image {
  margin-top: 30px;
  margin-bottom: 30px;
  background-position: left top;
}
#page-thuisbatterij section.thuisbatterij-types .image.scale-3by2 {
  width: 100%;
  padding: 0 0 66.6666%;
}
#page-thuisbatterij section.thuisbatterij-types .row.row-padding-large {
  margin-left: -5rem;
  margin-right: -5rem;
}
#page-thuisbatterij section.thuisbatterij-types .row.row-padding-large > .col,
#page-thuisbatterij section.thuisbatterij-types .row.row-padding-large > [class*="col-"] {
  padding-right: 5rem;
  padding-left: 5rem;
}
@media (max-width: 992px) {
  #page-thuisbatterij section.thuisbatterij-types .type-right {
    margin-top: 40px;
  }
}