@font-face {
  font-family: "Lato-Normal";
  src: url("fonts/LatoNormal.woff2");
}
@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/LatoBold.woff2");
}
@font-face {
  font-family: "Lato-Heavy";
  src: url("fonts/LatoHeavy.woff2");
}

body {
  font-family: 'Lato-Normal','Sans-serif'!important;
  line-height: 28px!important;
  color: #001325!important;
  font-size:16px!important;
}

h1, h2, h3, h4, h5 {
  font-family: 'Lato-Normal','Sans-serif'!important;
}
a, #terugnaarselectielink, label:active, .fa-info-circle, .question {
  color:black!important;
}
b {
  font-size:20px!important;
  font-family: 'Lato-Bold','Sans-serif'!important;
}
.font-weight-light {
  font-weight: 400!important;
}
input {
  font-weight: 300!important
}
input:active, input:focus {
  box-shadow:none!important;
}

#installatieSoortenHeader {
  color:#001325!important;
  font-family: 'Lato-Bold','Sans-serif'!important;
  font-size:36px!important;
}

.customcolor_background {
  background-color:white!important;
}
.customcolor_p {
  color: #484848!important;
}
.customcolor_highlight {
  color: #005DB9!important;
  
}

.customfont_p {
  font-size:18px!important;
  line-height:24px!important;
  font-family: 'Lato-Normal','Sans-serif'!important;
}

.customfont_h {
  font-size:28px!important;
  text-transform:none!important;
}

.custom_knop {
  background-color: #005DB9!important;
  border-radius: 50px!important;
  font-size:12px!important;
  color:white;
  padding:0px 6px!important;
  transition: all .3s;
  text-transform: uppercase;
}
.custom_knop h5 {
  font-size:15px!important;
  padding-top:6px;
}
.custom_knop h5 em {
  font-size:15px!important;
}
.portfolio-item h5 em {
  padding-top:6px!important;
}

.custom_knop:hover {
  background-color:#00409F!important;
  opacity:1!important;
}

.custom_knop em {
  color:white!important;
  
  margin-bottom:3px;
}


.custom_knop h5 {
  padding:15px 5px 15px 5px!important;
}

.custom_knop3 {
  background-color:#005DB9!important;
  border-radius:0px!important;
  border:1px solid #005DB9!important;
  color:white!important;
  font-size:16px!important;
  min-width:100px;
  padding:9px 6px!important;
}
.custom_knop h5 {

}
.custom_knop2Groot {
  background-color:white!important;
  border-radius:0px!important;
  border:1px solid #005DB9!important;
  color:black!important;
  font-size:20px!important;
  min-width:100px;
  padding:14px 36px!important;
}

.form-control::-webkit-input-placeholder {
  color: var(--gray);

  opacity: 1;
}
.form-control::-moz-placeholder {
  color: var(--gray);
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: var(--gray);
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: var(--gray);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--gray);
  opacity: 1;
}


.customdisplay_none {
  display:none!important;
}
.customdisplay_block {
  display:block!important;
}

.custom_plusknop {
  width:35px!important;
  min-width:35px!important;
  padding:0px 27px 4px 9px;
  color:white!important;
  font-size:2rem!important;
  background-color:#005DB9!important;
  border-radius:50px!important;
  transition: all 0.3s;
}


.smallbutton_active {
  width:35px;
  padding:2px 10px 5px 8px;
  border-radius:50px!important;
  color:white!important;
  background-color: #005DB9!important;
  font-family:"Lato-Bold", "Sans-Serrif"!important;
}
.smallbutton_inactive {
  width:35px;
  padding:2px 10px 5px 8px;
  border-radius:50px!important;
  color:#005DB9!important;
  background-color:white!important;
  font-family:"Lato-Bold", "Sans-Serrif"!important;
}

.requirements-tooltip-switch {
  padding: 0px 12px!important;
}

.custom_borderradius {
  border-radius:0px!important;
}


.aanvraagprocesheader { 
  padding-top:60px!important; 
  padding-bottom:60px;
  background-color:#F7F7F7!important
}

.customcss_uploadinfo {
  background-color:#F7F7F7!important;
  border:1px solid gray!important;
}


.knopstreep:before {
    content: " ";
    position: absolute;
    width: 52px;
    height: 1px;
    background: #ececec;
    top:19px;
    left: -37px;
    
}


.btn, .btn-primary btnholder em {
  transition:all 0.3s!important;
}
.btn:active {
  box-shadow:all 0.3s!important;
}
.btn-primary, .btn-default, .btn-secondary, .custom_knop2, .custom_knopGroot {
  border-radius: 50px!important;
  padding:12px 24px!important;
  font-family: 'Lato-Normal','Sans-serif'!important;
  font-size:15px!important;
  background-color:#005DB9!important;
  color:white!important;
  text-transform: uppercase;
  border:none!important;
}
.btn-primary:hover, .btn-default:hover, .btn-secondary:hover, .btn-primary:hover btnholder em, .custom_knop2:hover, .custom_knopGroot:hover {
  background-color:#00409F!important;
}

 
 .installatietr:hover {
 	background-color: #F2F6F9!important;
 }

#generiekkiezer {
  background-color:#F6F6F6!important;
}

 .portfolio-modal .close {
 	color: #333333!important;
 }

span {
  color: #333333!important;
}


.customreview {
  font-size:14px!important;
}

.flex-column .masthead-subheading:nth-child(2) {
  color:#005DB9!important;
  font-size:40px!important;
  margin:10px 0px 30px;
  padding-bottom:33px;
}

.custom_isolatiefilterknop {
  background-color:#005DB9!important;
  border-radius:10px!important;
  transition: all 0.3s;
}
.custom_isolatiefilterknop div {
  font-family: 'Lato-Bold','Sans-serif'!important;
  font-size:20px!important;
  transition: all 0.3s;
}
.custom_isolatiefilterknop:hover {
  background-color:white!important;
}
.custom_isolatiefilterknop:hover div {
  color:#005DB9!important;
}


#laterverderdiv div .btn-secondary {
  padding:7px!important;
}

.portfolio-modal-title .mb-5 {
  color:black!important;
}

#verzendAdvies_inner h3 {
  color:black!important;
}