.icon-scroll, .icon-scroll::before, #fp-nav {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

.contact-form-container {
  background-image: url("https://webmin.digiteam.nl/sites/108/media/images/globaldesign/Icons_square_light1.png");
  padding-top:90px;
}

.contact-form-container #contactformulier input:not(#cfverzenden),
.contact-form-container #contactformulier textarea {
  background-color: #000;
}

.contact-form-section .contact-form-container h2 {
  text-align: center;
}

#contactformulier {
  margin-top: -45px;
  padding-top: 45px;
  background-repeat: no-repeat;
  background-size: contain;
}

#contactformulier .col-md-6 {
  float: none;
  width: 100%;
}

#contactformulier label {
  display: none;
}

#contactformulier input:not(#cfverzenden), #contactformulier textarea {
  border: solid 1px #afafaf;
  background: transparent;
  border-radius: 0;
}

#contactformulier #cfverzenden {
  display: block;
  margin: 20px auto 0;
}

.contact-form-appointment-container {
  display: flex;
  align-items: center;
  background-image: url("https://webmin.digiteam.nl/sites/108/media/images/globaldesign/Icons_square_dark.png");
}

/* Override for white style. */
.contact-form-section-white .contact-form-appointment-container {
  background-image: url("https://webmin.digiteam.nl/sites/108/media/images/globaldesign/Icons_square_light_bridebroom.png");
}

.contact-form-appointment-container {
    min-height: 400px;
}

.contact-form-section {
    margin-top: 70px;
}

.contact-form-wrapper {
    width: 100vw;
    padding-left:35px;
    padding-right:35px;
    /*max-width: 840px;*/
    max-width: 640px;
    margin: 0 auto;
    margin-top: 80px;
        margin-top: 0px;
    margin-bottom: 50px;
    background-color: rgba(255, 255, 255, 0.4);
    display: table;
    padding-bottom: 30px;
    padding-top: 15px;
    border: 1px solid rgb(68, 68, 68);
}

/* Override for white style. */
.contact-form-section-white .contact-form-wrapper {
    background-image: url("https://webmin.digiteam.nl/sites/108/media/images/globaldesign/ProHair_logolichtgrijs_rotated_left.png");
}

.contact-form-section > div:nth-child(2) .contact-form-wrapper {
    background-image: url(https://webmin.digiteam.nl/sites/108/media/images/globaldesign/ProHair_logodnkrgrijs_rotated.png);
    background-position: 94% 0;
}

/* Override for white style. */
.contact-form-section-white .contact-form-section > div:nth-child(2) .contact-form-wrapper {
    background-image: url("https://webmin.digiteam.nl/sites/108/media/images/globaldesign/ProHair_logolichtgrijs_rotated.png");
}


@media only screen and (max-width: 355px) {
  .contact-form-section .contact-form-container h2 {
    margin-top: 0;
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
    
  .contact-form-appointment-container {
    min-height: 300px;
  }

  .contact-form-section .contact-form-container h2 {
    margin-top: 0;
  }

  .cfverplicht {
    font-size: 14px;
    line-height: 18px;
  }
  
}

@media screen and (max-width: 480px) and (orientation: portrait) {
    
    .contact-form-container {
        padding-top: 50px;
    }

    .contact-form-wrapper {
        width: 85vw;
        margin-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 30px;
        margin-bottom:0px;
    }
    
    #logos-footer-container {
        padding-right: 10px;
    }

}

@media screen and (min-width: 480px) and (max-width: 799px) and (orientation: landscape) {
    
    .contact-form-container {
        padding-top: 70px;
    }
    
    .contact-form-wrapper {
        width: 90vw;
        margin-bottom:-40px;
    }
    
    #logos-footer-container {
        padding-bottom: 20px;
    }
    
}

@media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    
    .contact-form-container {
        padding-top: 72px;
    }
    
    .contact-form-wrapper {
        width: 90vw;
        margin-right: 35px;
        margin-bottom:20px;
    }
    
    #logos-footer-container {
        padding-right: 5px;
    }
    
}

@media only screen and (max-width: 1440px) {
  .contact-form-container {
    min-height: 600px;
    height: 100%;
    min-height: 100%;
  }
}

@media only screen and (min-width: 1439px) {
  .contact-form-appointment-container {
    min-height: initial;
  }

  .contact-form-section {
    flex-direction: row;
  }

}

@media only screen and (min-width: 1800px) {
    .contact-form-wrapper {
        max-width: 760px;
    }
}

#builder-form-submit-5 {
    margin-left: 0;
}


/* footer */


#menu_personeel_container {
    height: auto;
    background: rgba(6, 6, 6, 0.3);
    background-color: #111111;
    width: 100%;
    height: 50px;
}

@media screen and (max-width: 1331px) {
    
    #menu_personeel_container .col-md-3:first-child {
        width:0px;
        padding:0px;
    }
    
    #menu_personeel_container .col-md-6 {
        width:75%;
    }
    
}

#realisatie {
  font-family: 'Source Sans Pro';
  font-size: 14px;
  text-align: right;
  color:#FFFFFF;
}

#realisatie_inner {
  position: relative;
  white-space: nowrap;
  top:8px;
}

#realisatie_inner {
  opacity: 0.7;
}

#realisatie_inner img {
  display: inline-block;
  margin-left: 5px;
  width: 100px;
  opacity: 0.5;
}

#section_121 {
  background-size: 100% auto !important;
  background-position: center center;
  background-position-y: -15px !important;
}

#section_121 .section_inner {
  position: relative;
}

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

    #menu_personeel_container .col-md-3:last-child {
        width:35%;
    }
    
    #menu_personeel_container .col-md-6 {
        width:65%;
    }
    
    #menu_root_8 {
        font-size: 20px;
    }
    
    #menu_8 #menu_root_8 > li {
        width: 49%;
        text-align: center;
    }
    
    #menu_8 #menu_root_8 > li a {
        padding-top:20px;
        padding-left: 5px;
        padding-right: 5px;
        line-height: 5px;
    }
    
    #section_121 {
        background-position-y: 50px !important;
    }

}

@media screen and (max-width: 1023px) {
    
    #section_121 {
        background-position-y: 100px !important;
    }
  
    #menu_root_8 {
        height:60px;
    }
    
    #menu_root_8 > li {
        top: -8px;
        vertical-align: middle;
    }
  
    #menu_8 #menu_root_8 > li a {
        line-height: 20px;
    }
    
    #menu_personeel_container {
        height:70px;
    }
    
    #realisatie_inner {
        top: 16px;
    }
    
}

@media screen and (max-width: 850px) {
    
    #section_121 {
        background-position-y: 50% !important;
    }
    
    #menu_personeel_container {
        height: 130px;
    }
    
    #menu_personeel_container .col-md-3:last-child {
        width:100%;
    }
    
    #menu_personeel_container .col-md-6 {
        width:100%;
    }
    
    #menu_root_8 {
        padding-left:revert;
    }
    
    #menu_root_8 > li {
        top:0;
    }
    
    #realisatie {
        position: relative;
        text-align: center;
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
  
}

@media screen and (max-width: 767px) {
    
    #menu_personeel_container .col-md-3:first-child {
        width: 0px;
        padding: 0px;
        height: 0;
    }

    #menu_personeel {
        display:block !important;
    }
    
}

/* Overrides for small (height) screens. */
@media screen and (max-width: 330px) and (max-height: 768px) {
    
  #menu_8 #menu_root_8 > li a {
    padding: 0;
  }
  
}
 
@media screen and (min-width: 480px) and (max-width: 799px) and (orientation: landscape) {
    
    #logos-footer-container {
        margin-top:98px;
    }
    
    #section_121 table {
        height: 150px !important;
    }

}

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

    #logos-footer-container {
        margin-top:10px;
    }
    
    #section_121 table {
        height: 150px !important;
    }
    
    #menu_root_8 {
        font-size: 14px;
    }
    
}

#fp-nav {
    display:none !important;
}