@charset "UTF-8";
/* solve elements outside of body like sidenav */
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/*
temp hopelijk want trekt op niks
 */
.vermast-header-menu_main.red ul {
  background-color: rgba(197, 5, 59, 0.5);
  display: inline-block;
  float: right;
  padding: 4px;
}

.cursor,
.pointer {
  cursor: pointer;
}

body .wpcf7-mail-sent-ng {
  background: #fff2e2;
  border: 1px solid #ffbc8a;
  color: #e17731;
}

body .wpcf7-mail-sent-ok {
  background: #e8ffe2;
  border: 1px solid #6fdf51;
  color: #1ea524;
}

.wpcf7-response-output {
  color: #1ea524;
}

.headerSolidMenus {
  background-color: #c5053b;
  color: white;
  padding: 8px 0;
  position: relative;
}

.headerSolid-logo {
  display: inline-block;
  width: 280px;
  vertical-align: middle;
  padding-left: 10px;
}

.headerSolid-logoMob {
  display: inline-block;
  width: 220px;
  vertical-align: middle;
  padding-left: 10px;
}

.headerSolidMain__menu {
  display: inline-block;
  width: calc(100% - 290px);
  vertical-align: middle;
}

.headerSolidMain__menu ul,
.headerSolidMain__menu ul#menu-main {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.headerSolidMain__menu ul li,
.headerSolidMain__menu ul#menu-main li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.headerSolidMain__menu ul li a,
.headerSolidMain__menu ul#menu-main li a {
  padding: 4px 8px;
  color: white;
  text-transform: uppercase;
}

.topBarSolid {
  background-color: #f7f7f7;
  color: #505152;
  text-align: right;
  margin: 0;
}

.topBarSolid_mobile,
.topBarSolid_main {
  padding: 0;
}

.topBarSolid ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.topBarSolid ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.topBarSolid ul li a {
  padding: 2px 8px;
  color: #505152;
}

.topBarSolid_main {
  display: block;
}

.topBarSolid_mobile {
  display: none;
}

.headerSolidMain {
  display: block;
}

.headerSolidMobile {
  display: none;
}

@media only screen and (max-width: 1120px) {
  .topBarSolid_main {
    display: none;
  }

  .topBarSolid_mobile {
    display: block;
  }

  .headerSolidMain {
    display: none;
  }

  .headerSolidMobile {
    display: block;
  }
}
.headerSolidMobile__menu {
  display: none;
  min-height: 200vh;
  padding: 40px;
  background-color: white;
}

.headerSolidMobile__menu-close {
  display: none;
}

.headerSolidMobile__burger span.menuIcon {
  font-size: 40px;
}

.headerSolidMobile__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.headerSolidMobile__menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.headerSolidMobile__menu ul li a {
  color: white;
  margin-top: 30px;
  display: block;
  font-size: 20px;
  position: relative;
}

.headerSolidMobile__menu ul li a:after {
  color: white;
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #f7f7f7;
  left: 0;
  bottom: -10px;
}

.headerSolidMobile__menu ul li:hover a:after {
  width: 110px;
  height: 1px;
  background-color: #0F0E0E;
  left: 10px;
  bottom: -10px;
}

.headerSolidMobile__menu ul li:hover a {
  color: #0F0E0E;
}

div#headerSolidMobile__burger {
  position: absolute;
  right: 20px;
  top: 20Px;
}

.menu-mobile-fr-container,
.menu-mobile-eng-container,
.menu-mobile-container {
  background-color: #c5053b;
  padding: 20px;
  min-height: calc(100vh - 180px);
}

/* contact page
=============================== */
#contactPage {
  margin: 80px 0;
}

.contactBlockGrid {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  grid-gap: 0;
  grid-auto-rows: minmax(300px, auto);
  margin: 50px 0;
}

.contactBlock-Item1 {
  grid-column: 1;
  grid-row: 1;
  background: #c5053b;
  padding: 60px 20px;
}

.contactBackground {
  color: white;
}

.contactBackground div p,
.contactBackground div p span,
.contactBackground div span p,
.contactBackground p {
  color: white !important;
}

.contactBlock-Item2 {
  grid-column: 2/4;
  grid-row: 1;
  background-color: #f7f7f7;
  padding: 30px;
}

@media only screen and (max-width: 667px) {
  .contactBlockGrid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
    grid-auto-rows: minmax(300px, auto);
    margin-bottom: 50px;
  }

  .contactBlock-Item1 {
    grid-column: 1;
    grid-row: 1;
  }

  .contactBlock-Item2 {
    grid-column: 1;
    grid-row: 2;
    background-color: #f7f7f7;
    padding: 30px;
  }
}
.contactFormPage {
  width: 80%;
  display: block;
  margin: 20px auto;
}

span.material-icons.contactMail,
span.material-icons.contactPhone {
  color: white;
  cursor: pointer;
}

span.contactMailTxt,
span.contactPhoneTxt {
  color: white;
  margin-left: 10px;
  vertical-align: super;
  cursor: pointer;
}

.contactFormMailBlock.cursor:hover span.contactMailTxt,
.contactFormPhoneBlock.cursor:hover span.contactPhoneTxt,
.contactFormMailBlock.cursor:hover span.material-icons.contactMail,
.contactFormPhoneBlock.cursor:hover span.material-icons.contactPhone {
  color: #f7f7f7;
}

span.contactMailTxt:hover,
span.contactPhoneTxt:hover {
  color: #f7f7f7;
}

#contactPage label {
  font-size: 16px;
  color: #3C372D;
  margin-bottom: 50px;
  display: block;
}

#preSales input[type=text], input[type=email],
#preSales input[type=url], input[type=password],
#preSales input[type=search], input[type=number],
#preSales input[type=tel], input[type=range],
#preSales input[type=date], input[type=month],
#preSales input[type=week], input[type=time],
#preSales input[type=datetime],
#preSales input[type=datetime-local],
#preSales input[type=color],
#preSales textarea,
#contactPage input[type=text], input[type=email],
#contactPage input[type=url], input[type=password],
#contactPage input[type=search], input[type=number],
#contactPage input[type=tel], input[type=range],
#contactPage input[type=date], input[type=month],
#contactPage input[type=week], input[type=time],
#contactPage input[type=datetime],
#contactPage input[type=datetime-local],
#contactPage input[type=color],
#contactPage textarea {
  border: none;
  border-bottom: 1px solid #c5053b;
  background-color: #f7f7f7;
  width: 100%;
  border-radius: 0;
}

#contactPage textarea.wpcf7-form-control.wpcf7-textarea {
  height: 100px;
}

input.wpcf7-form-control.wpcf7-submit.contactBtn {
  color: white;
  background-color: #c5053b;
  padding: 12px 32px;
  border: none;
  border-radius: 0;
  float: right;
  cursor: pointer;
}

input.wpcf7-form-control.wpcf7-submit.contactBtn:hover {
  transform: scale(1.03);
  box-shadow: -1px 3px 13px 0px rgba(0, 0, 0, 0.45);
}

@media only screen and (max-width: 667px) {
  input.wpcf7-form-control.wpcf7-submit.contactBtn {
    float: none;
    display: block;
    width: 100%;
  }
}
/* footer
==========================*/
footer.solid-footer {
  background-color: white;
  padding: 70px 0 0;
}

img#navbar-logo-footer {
  width: 100%;
  height: auto;
  max-width: 160px;
  display: block;
}

.solid-footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  margin: 20px 0;
}

.solid-footer-grid {
  text-align: center;
}

.solid-footer-grid__item01 {
  grid-column: 1;
  grid-row: 1;
  padding: 0;
}

.solid-footer-grid__item02 {
  grid-column: 2;
  grid-row: 1;
  padding: 0 30px;
}

.solid-footer-grid__item03 {
  grid-column: 3;
  grid-row: 1;
  padding: 0 0 0 30px;
}

.solid-footer-grid__item04 {
  grid-column: 4;
  grid-row: 1;
  padding: 0 0 0 30px;
}

.solid-footer-grid__item05 {
  grid-column: 1/5;
  grid-row: 4;
  padding: 0;
}

.solid-footer-grid__item06 {
  grid-column: 1/5;
  grid-row: 2;
  color: #969696;
}

.solid-footer-grid__item07 {
  grid-column: 1/5;
  grid-row: 3;
  padding: 30px;
}

h3.headline.headline--small {
  font-size: 16px;
  position: relative;
  margin-bottom: 30Px;
}

h3.headline.headline--small:after {
  content: "";
  position: absolute;
  background-color: #c5053b;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  bottom: -15px;
  left: calc(50% - 5px);
}

.footer-social {
  margin: 10px auto;
  display: block;
  text-align: center;
}

span.material-icons.footerIcon {
  vertical-align: middle;
  padding-right: 8px;
}

.footerContact {
  margin-bottom: 20px;
}

footer.solid-footer ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

footer.solid-footer ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

div#footerCopyRight span,
div#footerCopyRight p,
div#footerCopyRight a {
  font-size: 13px;
}

img#navbar-icon-some {
  display: inline-block;
  width: 30px;
  margin: 10px;
}

.certificaat-txt {
  display: inline-block;
  width: 24%;
  vertical-align: middle;
}

.certificaat-images {
  display: inline-block;
  width: 80%;
  vertical-align: middle;
  margin: 30px auto;
}

.certificaat img {
  width: 80px;
  display: inline-block;
  height: auto;
  vertical-align: middle;
}

@media only screen and (max-width: 975px) {
  .solid-footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
  }

  img#navbar-logo-footer {
    width: 100%;
    height: auto;
    max-width: 170px;
    margin: 0 auto;
  }

  .solid-footer-grid__item01 {
    grid-column: 1/4;
    grid-row: 1;
    padding: 20px;
  }

  .solid-footer-grid__item02 {
    grid-column: 1;
    grid-row: 2;
    padding: 20px;
  }

  .solid-footer-grid__item03 {
    grid-column: 2;
    grid-row: 2;
    padding: 20px;
  }

  .solid-footer-grid__item04 {
    grid-column: 3;
    grid-row: 2;
    padding: 20px;
  }

  .solid-footer-grid__item05 {
    grid-column: 1;
    grid-row: 3;
    padding: 0;
    display: flex;
    margin: 0 auto;
  }

  .solid-footer-grid__item06 {
    grid-column: 2/4;
    grid-row: 3;
    display: flex;
    margin: 0 auto;
  }

  .solid-footer-grid__item07 {
    grid-column: 1/4;
    grid-row: 4;
    padding: 30px 0;
  }

  .certificaat-txt {
    display: block;
    width: 100%;
    text-align: center;
  }

  .certificaat-images {
    width: 100%;
    justify-content: center;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 834px) {
  .solid-footer-grid {
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }

  .solid-footer-grid__item01 {
    grid-column: 1/3;
    grid-row: 1;
    padding: 20px 0;
  }

  .solid-footer-grid__item02 {
    grid-column: 1;
    grid-row: 2;
    padding: 20px;
    text-align: center;
  }

  .solid-footer-grid__item03 {
    grid-column: 2;
    grid-row: 2;
    padding: 20px;
    text-align: center;
  }

  .solid-footer-grid__item04 {
    grid-column: 1/3;
    grid-row: 3;
    padding: 20px;
    text-align: center;
  }

  .solid-footer-grid__item05 {
    grid-column: 1;
    grid-row: 4;
    padding: 0;
  }

  .solid-footer-grid__item06 {
    grid-column: 2;
    grid-row: 4;
  }

  .solid-footer-grid__item07 {
    padding: 30px 0;
    grid-column: 1/3;
    grid-row: 5;
  }

  .certificaat-txt {
    display: block;
    width: 100%;
    text-align: center;
  }

  .certificaat-images {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 414px) {
  .solid-footer-grid {
    display: grid;
    grid-template-columns: 100%;
  }

  .solid-footer-grid__item01 {
    grid-column: 1;
    grid-row: 1;
  }

  img#navbar-logo-footer {
    width: 100%;
    height: auto;
    max-width: 170px;
    margin: 0 auto;
  }

  .solid-footer-grid__item02 {
    grid-column: 1;
    grid-row: 2;
    text-align: center;
  }

  .solid-footer-grid__item03 {
    grid-column: 1;
    grid-row: 3;
    text-align: center;
  }

  .solid-footer-grid__item04 {
    grid-column: 1;
    grid-row: 4;
    text-align: center;
  }

  .solid-footer-grid__item05 {
    grid-column: 1;
    grid-row: 5;
    padding: 30px 0;
  }

  .solid-footer-grid__item06 {
    grid-column: 1;
    grid-row: 6;
  }

  .solid-footer-grid__item07 {
    padding: 30px 0;
    grid-column: 1;
    grid-row: 7;
  }
}
@media only screen and (max-width: 834px) {
  .certificaat img {
    width: 80px;
    display: inline-block;
    height: auto;
    vertical-align: middle;
  }

  .certificaat-txt {
    display: block;
    width: 100%;
    text-align: center;
  }

  .certificaat-images {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 20px 0;
  }
}
a.footer_cta_field .btn {
  font-size: 14px;
}

img#huisjeOne-footer {
  width: 180Px;
  display: block;
  height: auto;
}

div#footerCopyRight {
  min-height: 60px;
  background-color: #f7f7f7;
  padding: 26px 5px;
}

div#footerCopyRight p {
  margin: 0;
  line-height: 1;
}

div#footerHuisImmoVermast {
  position: absolute;
  right: 60px;
  bottom: 35Px;
}

@media only screen and (max-width: 834px) {
  div#footerHuisImmoVermast {
    position: static;
    right: unset;
    bottom: unset;
  }

  img#huisjeOne-footer {
    width: 180Px;
    display: block;
    height: auto;
    margin: 20px auto;
  }
}
div#pageContent {
  overflow-x: hidden;
}

/* header
==========================*/
header#vermastMenu {
  position: absolute;
  width: 100%;
  display: block;
  padding-top: 0;
  margin-top: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

header#vermastMenuWhite {
  position: relative;
  width: 100%;
  display: block;
  padding-top: 0;
  margin-top: 0;
  z-index: 99;
}

.redLine_top {
  width: 100%;
  height: 2px;
  background-color: #c5053b;
}

.vermast-header-logo {
  display: inline-block;
  width: 160px;
  position: relative;
  vertical-align: top;
}

img#navbar-logo {
  position: relative;
  z-index: 2;
  margin-top: 20px;
}

.vermast-header-menu_main {
  display: inline-block;
  width: calc(100% - 190px);
  vertical-align: top;
  padding-top: 20px;
  padding-right: 60px;
}

/* if bg is red */
.red .vermast-header-menu_main {
  padding-top: 45px;
  padding-right: 0;
}

header#vermastMenu ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-align: right;
}

header#vermastMenu ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
}

ul#menu-main li a {
  font-size: 16px;
}

header#vermastMenu ul li a {
  color: white;
  padding: 4px 8px;
  text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.8);
}

.ballMouse {
  width: 30px;
  height: 30px;
  position: fixed;
  top: 0;
  left: 0;
  border: 1px solid #c5053b;
  border-radius: 50%;
  z-index: 999;
  pointer-events: none;
  opacity: 0;
}

@media only screen and (max-width: 834px) {
  .ballMouse {
    display: none;
  }
}
/* header white */
header#vermastMenuWhite {
  position: relative;
  width: 100%;
  display: block;
  padding-top: 0;
  margin-top: 0;
  z-index: 99;
}

header#vermastMenuWhite .vermast-header-logo {
  display: inline-block;
  width: 120px;
  position: relative;
  vertical-align: top;
}

img#navbar-logo {
  position: relative;
  z-index: 2;
  margin-top: 20px;
}

@media only screen and (max-width: 667px) {
  .vermast-header-logo {
    display: inline-block;
    width: 120px;
    position: relative;
    vertical-align: top;
  }
}
.vermast-header-menu_main {
  display: inline-block;
  width: calc(100% - 190px);
  vertical-align: top;
  padding-top: 20px;
  padding-right: 60px;
}

header#vermastMenuWhite ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-align: right;
}

header#vermastMenuWhite ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
}

header#vermastMenuWhite ul#menu-main li a {
  font-size: 16px;
}

header#vermastMenuWhite ul li a {
  color: #0F0E0E;
  padding-left: 28px;
}

/* side */
.vermast-header-menu_sideBar {
  position: fixed;
  top: 0;
  right: 0;
  width: 60px;
  height: 100vh;
  background-color: #c5053b;
  z-index: 9;
}

.vermast-header-menu_side {
  display: none;
}

/* mobile menu */
.vermast-header-menu_mobile_main {
  display: none;
  background-color: white;
  position: absolute;
  width: 100%;
  top: 0;
  min-height: 100vh;
  padding-top: 140px;
}

header#vermastMenu .vermast-header-menu_mobile_main ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

header#vermastMenuWhite .vermast-header-menu_mobile_main ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

header#vermastMenuWhite .vermast-header-menu_mobile_main ul li a {
  color: #c5053b;
}

header#vermastMenu .vermast-header-menu_mobile_main ul li a {
  color: #c5053b;
}

.header-menu-close {
  display: none;
}

.header-menu-close span {
  color: #c5053b;
}

div#hamburgerMenu {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 30px;
  height: 30px;
  z-index: 99;
}

span.header-menu-open-line1 {
  height: 2px;
  width: 30px;
  margin-bottom: 9px;
  background-color: white;
  display: block;
}

span.header-menu-open-line2 {
  height: 2px;
  width: 26px;
  margin-bottom: 9px;
  background-color: white;
  display: block;
}

span.header-menu-open-line3 {
  height: 2px;
  width: 30px;
  margin-bottom: 9px;
  background-color: white;
  display: block;
}

span.header-menu-open-line1.red,
span.header-menu-open-line2.red,
span.header-menu-open-line3.red {
  background-color: #c5053b;
}

.vermast-header.main span.header-menu-open-line1,
.vermast-header.main span.header-menu-open-line2,
.vermast-header.main span.header-menu-open-line3 {
  background-color: white;
}

@media only screen and (max-width: 954px) {
  .vermast-header-menu_main {
    display: none;
  }
}
header#vermastMenuWhite span.header-menu-open-line1 {
  height: 2px;
  width: 30px;
  margin-bottom: 9px;
  background-color: #0F0E0E;
  display: block;
}

header#vermastMenuWhite span.header-menu-open-line2 {
  height: 2px;
  width: 26px;
  margin-bottom: 9px;
  background-color: #0F0E0E;
  display: block;
}

header#vermastMenuWhite span.header-menu-open-line3 {
  height: 2px;
  width: 30px;
  margin-bottom: 9px;
  background-color: #0F0E0E;
  display: block;
}

.headerMobile__burger,
.headerMainSide__burger {
  width: 40px;
  position: absolute;
  right: 7px;
  top: 20px;
}

.headerMobile__burger {
  display: none;
}

.headerMainSide__burger {
  display: block;
}

div#headerMobile__openMenuBtn span,
div#headerMainSide__openMenuBtn span {
  color: white;
  font-size: 40px;
}

div#headerMobile__closeMenuBtn,
div#headerMainSide__closeMenuBtn {
  display: none;
}

div#headerMobile__closeMenuBtn span,
div#headerMainSide__closeMenuBtn span {
  color: white;
  font-size: 40px;
}

#SideBarSolid {
  position: absolute;
  right: -600px;
  background-color: #9B3346;
  min-height: 100vh;
  width: 290px;
  top: 0;
  padding: 40px 25px;
}

@media only screen and (max-width: 954px) {
  #SideBarSolid {
    display: none;
  }

  .headerMobile__burger {
    display: block;
    z-index: 9;
  }

  .headerMainSide__burger {
    display: none;
  }
}
body {
  overflow-x: hidden;
}

#SideBarSolid ul#menu-sidemenu li {
  display: block;
  text-align: left;
  margin-top: 30px;
}

#SideBarSolid ul#menu-sidemenu li a {
  display: block;
  text-shadow: none;
  font-size: 16px;
}

div#headerMobile__menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #c5053b;
  z-index: 9;
  min-height: 100vh;
  padding-top: 20px;
  display: none;
  overflow-y: scroll;
}

.headerMobile__menu-holder.home {
  background-color: #FFF;
  padding: 30Px;
  min-height: 300vh;
}

div#headerMobile__menu ul #menu-mobile-eng,
div#headerMobile__menu ul #menu-mobile-fr,
div#headerMobile__menu ul #menu-mobile {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#headerMobile__menu ul#menu-mobile-eng li,
div#headerMobile__menu ul#menu-mobile-fr li,
div#headerMobile__menu ul#menu-mobile li {
  list-style: none;
  margin: 30px 0 0 0;
  padding: 0;
  display: block;
  text-align: left;
}

div#headerMobile__menu ul#menu-mobile-fr li a,
div#headerMobile__menu ul#menu-mobile-eng li a,
div#headerMobile__menu ul#menu-mobile li a {
  color: white;
  font-size: 22px;
  text-shadow: none;
  position: relative;
  padding: 0;
}

div#headerMobile__menu ul#menu-mobile-fr li a:after,
div#headerMobile__menu ul#menu-mobile-eng li a:after,
div#headerMobile__menu ul#menu-mobile li a:after {
  color: white;
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #f7f7f7;
  left: 0;
  bottom: -10px;
}

div#headerMobile__menu ul#menu-mobile-fr li:hover a:after,
div#headerMobile__menu ul#menu-mobile-fr li:focus a:after,
div#headerMobile__menu ul#menu-mobile-fr li:active a:after,
div#headerMobile__menu ul#menu-mobile-eng li:hover a:after,
div#headerMobile__menu ul#menu-mobile-eng li:focus a:after,
div#headerMobile__menu ul#menu-mobile-eng li:active a:after,
div#headerMobile__menu ul#menu-mobile li:hover a:after,
div#headerMobile__menu ul#menu-mobile li:focus a:after,
div#headerMobile__menu ul#menu-mobile li:active a:after {
  color: #0F0E0E;
  background-color: #0F0E0E;
  left: 30px;
}

div#headerMobile__menu ul#menu-mobile-fr li:hover a,
div#headerMobile__menu ul#menu-mobile-fr li:focus a,
div#headerMobile__menu ul#menu-mobile-fr li:active a,
div#headerMobile__menu ul#menu-mobile-eng li:hover a,
div#headerMobile__menu ul#menu-mobile-eng li:focus a,
div#headerMobile__menu ul#menu-mobile-eng li:active a,
div#headerMobile__menu ul#menu-mobile li:hover a,
div#headerMobile__menu ul#menu-mobile li:focus a,
div#headerMobile__menu ul#menu-mobile li:active a {
  color: #0F0E0E;
}

.headerMobile__menu-holder.home .menu-mobile-fr-container,
.headerMobile__menu-holder.home .menu-mobile-eng-container,
.headerMobile__menu-holder.home .menu-mobile-container {
  position: fixed;
  /* width: calc(100% - 60px); */
  overflow-y: scroll;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  border: 9px solid white;
}

/* in de kijker */
.vermast-header-menu_sideBar_inKijker {
  position: absolute;
  right: 60px;
  /*width: calc(100vw - 60px);*/
  width: 0;
  background-color: white;
  height: 100vh;
  top: 0;
  padding: 50px 30px;
}

div#inKijker {
  padding: 140px 20px 60px;
  transition: all 0.5s ease-in-out;
  width: 0;
  opacity: 0;
  min-height: 100vh;
  display: none;
  position: fixed;
  z-index: 8;
  background-color: white;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

@media only screen and (max-width: 667px) {
  div#inKijker {
    padding: 90px 0 60px;
  }
}
div#redSideBar {
  position: absolute;
  height: 80vh;
  top: 70px;
  width: 60px;
  left: 0;
}

h2.inkijkerTitle {
  text-align: center;
}

a.inDeKijkerItem img {
  display: block;
  margin: 10px auto;
}

.indekijkerGrid {
  display: grid;
  grid-template-columns: 100%;
  width: 80%;
  margin: 0 10%;
}

.indekijkerGrid-item01 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 500px;
}

@media only screen and (max-width: 667px) {
  .indekijkerGrid-item01 {
    min-height: 300px;
  }
}
.indekijkerGrid-item02 {
  background-color: white;
}

.vastgoedInKijkerDetailsHolder {
  padding: 10px 20px;
}

.vastgoedInKijkerDetails {
  display: flex;
}

#openCloseSide {
  position: absolute;
  right: 15px;
  top: 46%;
}

span.material-icons.openSide {
  color: white;
  font-size: 30px;
  display: block;
}

span.material-icons.closeSide {
  color: white;
  font-size: 30px;
  transform: rotate(180deg);
  display: none;
}

h2.inThePictureTitle {
  text-align: center;
}

.vermast-header-logo.red {
  width: 120px;
}

.redHeader {
  background-color: #c5053b;
  height: 130px;
}

/* sidebar */
.availableHouses {
  position: absolute;
  bottom: 30px;
  right: 10px;
}

span.villaHomeIcon {
  color: white;
  font-size: 45px;
}

div#numberOfVastgoed {
  position: absolute;
  right: -5px;
  bottom: 36px;
  color: white;
  background-color: #E49E38;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 16px;
  padding-top: 3px;
}

.knipperHome {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  color: #292828;
  -webkit-animation: 0.8s infinite beatHeart;
          animation: 0.8s infinite beatHeart;
  background-color: #8BC34A;
  position: absolute;
  right: 25px;
  top: 200px;
}

@-webkit-keyframes beatHeart {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes beatHeart {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* home */
div#home {
  position: relative;
}

.homeBannerImg {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.bannerImgOverlay {
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.vermast-bannerHome {
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  position: relative;
  overflow: hidden;
}

.vermast-banner-txt {
  padding-top: 35vh;
  text-shadow: 1px 1px 4px rgba(51, 51, 51, 0.5);
  z-index: 2;
  position: relative;
}

h1.bannerHomeTitle {
  font-size: 45px;
  color: white;
}

p.bannerHomeSubTitle {
  font-size: 20px;
  color: white;
}

@media only screen and (max-width: 834px) {
  h1.bannerHomeTitle {
    font-size: 30px;
    color: white;
    width: calc(100vw - 65px);
  }

  p.bannerHomeSubTitle {
    font-size: 16px;
    color: white;
  }
}
@media only screen and (max-width: 414px) {
  h1.bannerHomeTitle {
    font-size: 27px;
    color: white;
    width: 100%;
    text-align: center;
  }

  p.bannerHomeSubTitle {
    font-size: 16px;
    color: white;
    text-align: center;
  }
}
a.vermast-banner-home-cta_left {
  padding-right: 30px;
}

.vermast-banner-home-bottom {
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

@media only screen and (max-width: 667px) {
  .vermast-banner-home-bottom {
    display: none;
  }

  .vermast-banner-txt {
    padding-top: 29vh;
  }
}
.vermast-banner-home-whiteLine {
  width: 100%;
  background-color: white;
  height: 1px;
}

.vermast-banner-home-bottom_txt {
  margin-top: 15px;
}

span.vermast-banner-home-bottom_txtField {
  font-size: 18px;
  color: white;
  text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
}

span.bannerBottomIcon {
  color: white;
  vertical-align: middle;
  text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
  -webkit-animation: moveUpDown 3s ease-in-out infinite;
          animation: moveUpDown 3s ease-in-out infinite;
}

@-webkit-keyframes moveUpDown {
  0% {
    margin-top: -10px;
  }
  50% {
    margin-top: 10px;
  }
  100% {
    margin-top: -10px;
  }
}

@keyframes moveUpDown {
  0% {
    margin-top: -10px;
  }
  50% {
    margin-top: 10px;
  }
  100% {
    margin-top: -10px;
  }
}
/* intro home */
.homeIntro {
  margin: 70px 0;
}

h2.homeIntroTitle {
  color: #c5053b;
}

div#homeIntroTekst {
  width: 90%;
}

div#homeIntroTekst p {
  font-size: 20px;
}

.homeMainVastgoed_holder {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  width: calc(100% - 60px);
}

.homeMainVastgoed_item {
  flex-basis: calc(33.33% - 15px);
  padding: 5px;
  position: relative;
  display: flex;
}

@media only screen and (max-width: 1025px) {
  .homeMainVastgoed_holder {
    width: calc(100% - 60px);
    justify-content: center;
  }

  div#homeIntroTekst {
    width: calc(100% - 60px);
  }

  .homeMainVastgoed_item {
    flex-basis: calc(50% - 15px);
    padding: 5px;
    position: relative;
    display: flex;
  }
}
@media only screen and (max-width: 667px) {
  .homeMainVastgoed_item {
    flex-basis: 100%;
    padding: 5px;
    position: relative;
    display: flex;
    margin-bottom: 30px;
  }

  .homeMainVastgoed_item a.vastgoedArchive-item {
    overflow: unset;
  }
}
@media only screen and (max-width: 414px) {
  .homeMainVastgoed_holder {
    width: 100%;
  }

  div#homeIntroTekst {
    width: 100%;
  }
}
a.vastgoedArchive-item {
  /*max-height: 300px;*/
}

/* home Testimonials  */
.homeTestimonials {
  margin: 80Px 0;
  border-top: 1px solid #0F0E0E;
  padding: 60px 0;
}

.testimonial {
  height: 300px;
}

.homeTestimonialGrid {
  display: grid;
  grid-template-columns: calc(34% - 30px) 66%;
  grid-gap: 30px;
  width: calc(100% - 60px);
}

@media only screen and (max-width: 834px) {
  .homeTestimonialGrid {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 30px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 414px) {
  .homeTestimonialGrid {
    width: 100%;
  }

  .homeAboutGrid-item01 .btn {
    width: 280px;
    margin-top: 30px;
  }
}
.testimonials {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}

.testimonial {
  flex: 1;
  flex-basis: 50%;
  padding: 0 20px;
  border-left: 1px solid #0F0E0E;
  display: none;
}

@media only screen and (max-width: 667px) {
  .testimonial {
    padding: 40px 0;
    flex-basis: 100%;
    border-left: none;
    border-top: 1px solid #0F0E0E;
    display: none;
  }
}
.testimonial.active {
  display: block;
}

span.testimOwner {
  display: block;
  margin-top: 20Px;
  margin-bottom: 20px;
  font-weight: 600;
}

span.backTestimonialIcon,
span.nextTestimonialIcon {
  position: absolute;
  bottom: -40px;
  color: #c5053b;
}

span.material-icons.quoteIcon {
  color: #c5053b;
}

span.backTestimonialIcon {
  left: 0;
}

span.nextTestimonialIcon {
  right: 0;
}

/* about home */
.homeAbout {
  margin: 80px 0 0;
  background-color: #f7f7f7;
}

.homeAboutGrid {
  display: grid;
  grid-template-columns: 60% 40%;
}

.homeAboutGrid-item01 {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

.homeAboutGrid-item01 p {
  height: 70%;
  font-size: 20px;
  line-height: 2;
}

.homeAboutGrid-item02 {
  min-height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.homeAboutImg {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.solid-container-innerLeft60 {
  margin: 0 40px;
  max-width: 792px;
}

@media only screen and (min-width: 1680px) {
  .solid-container-innerLeft60 {
    margin: 0 40px 0 auto;
  }
}
@media only screen and (min-width: 1400px) {
  .solid-container-innerLeft60 {
    margin: 0 40px 0 auto;
  }
}
@media only screen and (max-width: 834px) {
  .solid-container-innerLeft60 {
    margin: 0 30px;
    width: 100%;
  }
}
.homeAboutGrid a.btn.btn-red span {
  color: white;
}

@media only screen and (max-width: 667px) {
  .solid-container-innerLeft60 {
    margin: 0 20px;
  }
}
@media only screen and (max-width: 414px) {
  .solid-container-innerLeft60 {
    margin: 0 10px;
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 834px) {
  .homeAboutGrid-item01 {
    margin-bottom: 40px;
  }

  .homeAboutGrid-item02 {
    min-height: 300px;
  }

  .homeAboutGrid {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 40px;
  }
}
p#inKijkerSideTxt {
  position: absolute;
  color: white;
  top: 100px;
  transform: rotate(90deg);
  display: block;
  width: 200px;
  right: -70px;
  z-index: 1;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
}

.vastgoedInKijkerDetails {
  display: flex;
  margin: 10px 0;
  display: flex;
  justify-content: center;
  z-index: 2;
  position: relative;
  flex-wrap: wrap;
}

.btn.btn-kijkerToDetails {
  position: absolute;
  top: 150px;
  right: 100px;
  color: #FFF;
  background-color: #c5053b;
  z-index: 120;
}

.btn.btn-kijkerToDetails:hover {
  transform: scale(1.02);
}

@media only screen and (max-width: 667px) {
  .btn.btn-kijkerToDetails {
    position: static;
    color: #FFF;
    background-color: #c5053b;
    width: 250px;
    margin: 10px auto 20px;
    display: block;
  }
}
#openCloseSideMobile {
  display: none;
}

@media only screen and (max-width: 667px) {
  .vermast-header-menu_sideBar {
    position: fixed;
    top: 0;
    right: 0;
    width: 60px;
    height: 70px;
    z-index: 9;
  }

  a.availableHouses {
    display: none;
  }

  .knipperHome {
    left: 28px;
    top: 18px;
  }

  div#redSideBar {
    position: absolute;
    height: 95px;
    top: 120px;
    width: 80px;
    right: 0;
    z-index: 99999;
    background-color: #c5053b;
    border-radius: 10px 0 0 10px;
  }

  #openCloseSide {
    display: none;
  }

  #openCloseSideMobile {
    display: block;
    position: absolute;
    top: 35px;
    right: 20px;
    left: 20px;
  }

  span#openSideMobile {
    color: white;
    display: block;
  }

  span#closeSideMobile {
    color: white;
    display: none;
  }

  p#inKijkerSideTxt {
    position: absolute;
    color: white;
    top: 50px;
    transform: rotate(0deg);
    display: block;
    width: 60px;
    right: 10px;
    z-index: 1;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    left: 0;
  }

  .headerMobile__burger {
    display: block;
    z-index: 9;
    position: fixed;
  }
}
/* ----------------------------------------------
start
---------------------------------------------- */
.c-red {
  color: #c5053b;
}

.red-bg {
  background-color: #c5053b;
}

.body {
  background-color: white;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}

.btn {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 18px;
  margin: 0;
  display: inline-block;
  cursor: pointer;
  position: relative;
  border: none;
  border-radius: 0;
  outline: none;
}

.btn span {
  display: inline-block;
  vertical-align: middle;
}

.btn-red,
.btn-primary {
  color: white;
  background-color: #c5053b;
  border: 1px solid #c5053b;
}

.btn-gray {
  color: #3C372D;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.btn-white {
  color: #c5053b;
  background-color: white;
  border: 1px solid white;
}

.btn:hover {
  transform: scale(1.03);
  border: none;
}

.btn-center {
  display: block;
  margin: 0 auto;
}

.btn-outline {
  color: #c5053b;
  background-color: transparent;
  border: 1px solid #c5053b;
  transition: 0.3s ease-in-out;
}

.btn-outline:hover {
  border: 1px solid #c5053b;
}

.btn-outline-black {
  color: #0F0E0E;
  background-color: transparent;
  border: 1px solid #0F0E0E;
  transition: 0.3s ease-in-out;
}

.btn-outline-black:hover {
  border: 1px solid #0F0E0E;
}

span.btn-play {
  vertical-align: middle;
}

span.btn-txt-left {
  margin-top: 4px;
  vertical-align: middle;
  padding-right: 8px;
}

.btn-banner {
  font-size: 20px;
  margin-top: 20px;
}

@media only screen and (max-width: 834px) {
  .btn-banner {
    font-size: 14px;
    margin-top: 20px;
    width: 250px;
  }
}
@media only screen and (max-width: 414px) {
  .btn-banner {
    font-size: 14px;
    margin-top: 20px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
html {
  margin: 0 !important;
  padding: 0 !important;
}

body {
  position: relative;
  background-color: white;
}

/* general
================================= */
.generalPage {
  margin: 80px 0;
}

.solidGeneralGrid {
  display: grid;
  grid-template-columns: 50% 50%;
}

.solidGeneralGrid-item03,
.solidGeneralGrid-item01 {
  align-self: center;
  padding: 30px 30px 30px 0;
}

.solidGeneralGrid-item04,
.solidGeneralGrid-item02 {
  align-self: center;
  padding: 30px 0 30px 30px;
}

img.imageGenLeft {
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

@media only screen and (max-width: 834px) {
  .solidGeneralGrid {
    display: grid;
    grid-template-columns: 100%;
  }

  .solidGeneralGrid-item01 {
    padding: 30px 0;
  }

  .solidGeneralGrid-item02 {
    padding: 30px 0;
  }

  .solidGeneralGrid-item03 {
    padding: 30px 0;
    grid-row: 2;
    grid-column: 1;
  }

  .solidGeneralGrid-item04 {
    padding: 30px 0;
    grid-row: 1;
    grid-column: 1;
  }
}
@media only screen and (max-width: 414px) {
  img.imageGenLeft {
    height: 250px;
    min-height: 250px;
  }
}
.solidCardContent {
  padding: 20px;
  background-color: #f7f7f7;
}

.solid3cards {
  margin: 60px 0;
}

.solidGrid3ColProject {
  display: grid;
  grid-template-columns: repeat(3, 33.333%);
}

.solid4cards {
  margin: 60px 0 30px;
}

.solidGrid4ColProject {
  display: grid;
  grid-template-columns: repeat(4, 25%);
}

.imageBlockTop {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
}

.solid-grid-3 {
  padding: 0 10Px;
}

.solid-grid-3.gridSolidFull33 {
  display: grid;
  background-color: #f7f7f7;
}

.solid-grid-3.gridSolidFull33 a {
  place-self: center;
}

.solid-grid-3.gridSolidFull33 .textBlockBottom.fullHeight {
  display: grid;
}

.solidCardContent.gridNoImg {
  place-self: center;
}

@media only screen and (max-width: 834px) {
  .solidGrid3ColProject {
    display: grid;
    grid-template-columns: 100%;
  }

  .solid-grid-3 {
    padding: 20px 0;
  }

  .solidGrid4ColProject {
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
}
@media only screen and (max-width: 414px) {
  .solidGrid4ColProject {
    display: grid;
    grid-template-columns: 100%;
  }
}
.btn-holder-right {
  text-align: right;
}

h2.cardTitle {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  color: #3C372D;
}

div#generalContactBlock {
  margin: 80px 0 0;
  background-color: #c5053b;
  padding: 70px 0;
}

a.btn.btn-bottom-cta.generalContactLink {
  background-color: #f7f7f7;
  text-align: center;
  margin: 50px auto 20px;
  display: block;
  width: 260px;
}

a.btn.btn-bottom-cta.generalContactLink span {
  color: #c5053b;
  vertical-align: middle;
  font-size: 16px;
}

a.btn.btn-bottom-cta.generalContactLink span.material-icons.ctaIcon {
  font-size: 28px;
}

.btn-holder-right {
  background-color: #c5053b;
  padding: 8px 24px;
  color: white;
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 20px;
  text-align: right;
}

a.moreInfo {
  background-color: #c5053b;
  padding: 8px 24px;
  color: white;
  margin: 25px 0;
  display: inline-block;
}

a.moreInfo:hover {
  box-shadow: -1px -2px 5px -2px rgba(0, 0, 0, 0.49);
}

.btn-holder-right span,
a.moreInfo span {
  display: inline-block;
  vertical-align: middle;
}

div#generalRelated {
  margin: 40px 0 20px;
  padding: 2px 0;
}

.solidCardGenThumb {
  height: 220px;
  overflow: hidden;
}

.solidCardGenThumb img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 220px;
  width: 100%;
}

@media only screen and (max-width: 834px) {
  .solidCardGenThumb,
.solidCardGenThumb img {
    height: 380px;
  }
}
@media only screen and (max-width: 634px) {
  .solidCardGenThumb,
.solidCardGenThumb img {
    height: 320px;
  }
}
@media only screen and (max-width: 414px) {
  .solidCardGenThumb,
.solidCardGenThumb img {
    height: 260px;
  }
}
.solidCardGenHolder {
  background-color: white;
}

.solidCardGenHolder:hover {
  box-shadow: -1px 3px 13px 0px rgba(0, 0, 0, 0.45);
}

.solidCardGenThumb {
  height: 220px;
}

.solidCardGenTitle {
  font-size: 18px;
  font-weight: 400;
  color: #c5053b;
  padding: 20px;
}

.solidCardGenBtn {
  padding: 20px;
}

a.bannerCta {
  text-align: center;
  display: block;
  margin: 30px 10px;
}

#generalBtn span {
  display: inline-block;
  vertical-align: middle;
}

.btn.btn-solidCardGen.btn-center {
  color: #c5053b;
  text-align: right;
  text-transform: uppercase;
}

.btn.btn-solidCardGen.btn-center span {
  color: white;
  vertical-align: middle;
}

h1.bannerGenTitle {
  text-align: center;
  color: white;
  text-shadow: 2px 1px 2px rgba(51, 51, 51, 0.34);
}

.bannerGenSubTitle {
  text-align: center;
  color: white;
  text-shadow: 2px 1px 2px rgba(51, 51, 51, 0.34);
}

.solidGrid3Cols {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  margin: 60px 0;
}

.solidGrid3Related {
  display: grid;
  grid-template-columns: repeat(3, calc(33.33% - 10px));
  grid-gap: 15px;
}

.solidGrid2Cols {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  margin: 60px 0;
}

@media only screen and (max-width: 834px) {
  .solidGrid3Related,
.solidGrid3Cols {
    display: grid;
    grid-template-columns: 100%;
  }

  .solidGrid3Related {
    grid-gap: 0;
  }

  .solidGrid2Cols {
    display: grid;
    grid-template-columns: 100%;
  }

  .solidGrid2Col-item,
.solidGrid3Col-item {
    margin-bottom: 30px;
  }
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.slick-dots li {
  margin: 0 0.25rem;
}
.slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background-color: #f7f7f7;
  text-indent: -9999px;
  box-shadow: 2px 2px 5px -1px #333;
}
.slick-dots li.slick-active button {
  background-color: #505152;
}

.bannerHeightReplace {
  background-color: #0F0E0E;
  height: 160px;
}

/* compare images */
.compareContainerOuter {
  text-align: center;
  margin: 80px auto;
}

.img-comp-container {
  position: relative;
  height: 518px;
  display: inline-block;
  width: 777px;
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
}

.img-comp-img img {
  display: block;
  vertical-align: middle;
  max-width: unset;
}

img.solidCompImg {
  height: 518px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 834px) {
  .compareContainerOuter {
    text-align: center;
    margin: 80px auto;
  }

  .img-comp-container {
    position: relative;
    height: 400px;
    display: inline-block;
    width: 600px;
  }

  img.solidCompImg {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 667px) {
  .compareContainerOuter {
    text-align: center;
    margin: 50px auto;
  }

  .img-comp-container {
    position: relative;
    height: 276px;
    display: inline-block;
    width: 414px;
  }

  img.solidCompImg {
    height: 276px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 414px) {
  .compareContainerOuter {
    text-align: center;
    margin: 50px auto;
  }

  .img-comp-container {
    position: relative;
    height: 240px;
    display: inline-block;
    width: 360px;
  }

  img.solidCompImg {
    height: 240px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  width: 30px;
  height: 30px;
  background-color: #c5053b;
  opacity: 0.7;
  transform: rotate(45deg);
}

img#img404 {
  margin: 10px auto;
  height: 300px;
  width: 300px;
  display: block;
  border-radius: 260px;
}

span.material-icons.nextInspir.slick-arrow {
  font-size: 40px;
  color: #FFF;
  top: 40%;
  z-index: 9;
  position: absolute;
}

span.material-icons.backInspir.slick-arrow {
  font-size: 40px;
  color: #FFF;
  top: 40%;
  z-index: 9;
  right: 0;
  position: absolute;
}

.solidGeneralGridTitleMobile {
  display: none;
}

@media only screen and (max-width: 834px) {
  .solidGeneralGridTitleMobile {
    display: block;
  }

  .solidGeneralGridTitle {
    display: none;
  }
}
/* team archive */
.bannerGeneralBasic {
  padding-top: 250px;
  padding-bottom: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.bannerGeneralBasic.redTop {
  padding-top: 120px;
  padding-bottom: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.bannerTeamOverlay {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.bannerGeneralTxt_holder {
  position: relative;
  z-index: 4;
}

h1.bannerBlogTitle {
  color: white;
  font-size: 18px;
  text-shadow: 2px 1px 2px rgba(51, 51, 51, 0.5);
}

.bannerBlogSubTitle {
  color: white;
  font-size: 30px;
  text-shadow: 2px 1px 2px rgba(51, 51, 51, 0.5);
}

div#teamBlock {
  display: grid;
  grid-template-columns: calc(25% - 12px) calc(25% - 12px) calc(25% - 12px) calc(25% - 12px);
  grid-gap: 16px;
  margin: 80px 0;
}

@media only screen and (max-width: 834px) {
  div#teamBlock {
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-gap: 16px;
  }
}
@media only screen and (max-width: 414px) {
  div#teamBlock {
    grid-template-columns: 100%;
    grid-gap: 0;
  }
}
.teamMemberSmallGrid {
  border-radius: 3px;
  overflow: hidden;
  width: 200px;
  display: block;
  margin: 0 auto;
  /*
  -webkit-box-shadow: 1px 1px 9px -3px rgba(0,0,0,0.48);
  box-shadow: 1px 1px 9px -3px rgba(0,0,0,0.48);
   */
}

a.team-item {
  position: relative;
  min-height: 300px;
  display: block;
}

img.memberImage1,
img.memberImage2 {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

img.memberImage2 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.teamImage.position-relative {
  height: 200px;
  width: 200Px;
  margin: 10px auto;
  border-radius: 100px;
}

span.material-icons.linkIcon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #c5053b;
}

.teamImage.position-relative {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.teamImage:hover img.memberImage2 {
  opacity: 1;
}

.teamData {
  width: 100%;
  padding: 15px 3px;
  margin-top: -10px;
  position: relative;
  z-index: 9;
}

.teamData span {
  color: #c5053b;
  display: block;
  text-align: center;
}

.teamData span.functie {
  color: #a2a2a2;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 6px;
}

.teamData span.naam {
  font-size: 16px;
}

.teamIntro {
  margin: 80px 0;
}

.teamOutro {
  background-color: #f7f7f7;
  padding: 40px 30px;
}

/* single member */
#memberBlock {
  display: grid;
  grid-template-columns: 50% 50%;
}

.memberData {
  padding: 30px;
}

.memberRight {
  text-align: center;
  margin-top: 25px;
}

.memberLeft {
  position: relative;
}

.solid-member-container {
  max-width: 86%;
  margin: 20px 12%;
}

@media only screen and (max-width: 834px) {
  #memberBlock {
    display: grid;
    grid-template-columns: 100%;
  }

  .memberData {
    padding: 60px 20px;
  }

  .memberRight {
    grid-row: 1;
    place-self: center;
  }

  .memberLeft {
    grid-row: 2;
    position: relative;
  }
}
img.memberSingleImage2,
img.memberSingleImage1 {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  min-height: 100%;
}

img.memberSingleImage2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.memberLeft:hover img.memberSingleImage2 {
  opacity: 1;
}

.memberData span {
  display: block;
  vertical-align: middle;
}

.memberData span.naam,
.memberData span.tel,
.memberData span.mail,
.memberData span.functie {
  display: block;
  text-align: center;
  margin-top: 8px;
}

.redMemberBottom {
  background-color: #c5053b;
  height: 10px;
  width: 100%;
  margin-top: -10px;
  position: relative;
  z-index: 9;
}

div#memberBlock span.naam {
  font-size: 20px;
  font-weight: 600;
}

div#memberBlock span.functie {
  font-size: 14px;
  color: #a2a2a2;
  text-transform: uppercase;
  margin-bottom: 20px;
}

img#iconLinkedIn {
  width: 30px;
  display: block;
  margin: 10px auto;
}

div#memberBlock span.functie,
div#memberBlock span.tel,
div#memberBlock span.mail,
div#memberBlock span.naam {
  font-size: 20px;
}
div#memberBlock span.functie a,
div#memberBlock span.tel a,
div#memberBlock span.mail a,
div#memberBlock span.naam a {
  font-size: 20px;
}

/* vermasty vastgoed single */
.vermastImmoBanner {
  position: relative;
  z-index: 0;
  height: 800px;
}

.vermastBanner-container {
  max-width: 1600px;
  margin: 0 auto;
  grid-column: 1/3;
  grid-row: 1;
  position: relative;
  z-index: 2;
}

.vermastBanner-container:before {
  content: "";
  display: none;
  width: 0;
}

@media only screen and (min-width: 1600px) {
  .vermastBanner-container:before {
    display: block;
    content: "";
    height: 100%;
    width: 600px;
    background-color: #c5053b;
    position: absolute;
    left: -600px;
  }
}
.solid-carousel-holder {
  position: relative;
}

.solid-carousel-holder.lightbox {
  position: fixed !important;
  width: 100vw;
  min-height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(15, 14, 14, 0.95);
  padding: 50px 10%;
  z-index: 10;
}

.solid-carousel-holder.lightbox div#vermastCarousel {
  margin: 0 auto;
}

.solid-carousel-holder.lightbox .slickArrowBgTopBack.slick-arrow {
  top: 10px;
  right: calc(50% - 25px);
  background-color: white;
}

.solid-carousel-holder.lightbox .slickArrowBgTopNext.slick-arrow {
  top: 10px;
  left: calc(50% - 25px);
  background-color: white;
}

span.showLightbox {
  position: absolute;
  left: 20px;
  top: 20Px;
  color: #c5053b;
  z-index: 99;
  font-size: 35px;
  background-color: rgba(255, 255, 255, 0.5);
}

span.closeLightbox {
  position: absolute;
  right: 5%;
  top: 20Px;
  color: #c5053b;
  font-size: 35px;
  display: none;
  background-color: #FFF;
  z-index: 99999;
}

span.closeLightbox.active {
  display: block;
}

.singleVastgoedTags {
  text-align: center;
}

span.singleTag {
  padding-right: 8px;
}

.vermastBannerGrid {
  display: grid;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: 170px 510px 120px;
}

.vermastBannerGrid-itemLeft {
  grid-column: 1/6;
  grid-row: 1/4;
  background-color: #c5053b;
}

.vermastBannerGrid-itemTitle {
  grid-column: 1/4;
  grid-row: 2;
  padding: 0 40px;
  place-self: center;
  min-width: 90%;
}

.vermastBannerGrid-itemImages {
  grid-column: 5/11;
  grid-row: 2;
  z-index: 2;
  height: 510px;
  overflow: hidden;
}

.vermastBannerGrid-itemImages img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 510px;
  height: auto;
  width: 100%;
}

.vastgoedMainData {
  margin-bottom: 50px;
}

div.vastgoedTitle {
  background-color: #0F0E0E;
  padding: 6px 12px;
  color: white;
  text-align: center;
}

div.vastgoedTitle span {
  color: white;
  font-size: 20px;
}

div.vastgoedLocatie {
  background-color: #c5053b;
  padding: 18px 12px;
  color: white;
  text-align: center;
}

div.vastgoedLocatie span {
  color: white;
  font-size: 20px;
}

div.vastgoedVraagprijs {
  background-color: white;
  padding: 6px 12px;
  color: #0F0E0E;
  text-align: center;
}

div.vastgoedVraagprijs span {
  color: #0F0E0E;
  font-size: 20px;
}

.vermast-header-logo-immo {
  display: inline-block;
  width: 150px;
  position: relative;
  vertical-align: top;
}

.vermastSliderVertical {
  grid-column: 4;
  z-index: 4;
  grid-row: 2;
  height: 510px;
  overflow: hidden;
  display: block;
}

.slider-nav-vermast {
  margin-right: 5px;
}

.vastgoedResume {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 50px;
  top: 170px;
  height: 510px;
  background-color: white;
  z-index: 9;
  width: 100Px;
  padding: 12px 4px;
  box-shadow: 1px 1px 9px -3px rgba(0, 0, 0, 0.5);
}

.vastgoedResume span {
  display: block;
  text-align: center;
  margin-bottom: 6px;
}

span.data {
  margin-bottom: 12px;
  color: #c5053b;
}

.homepageBannerGrid-itemRight {
  grid-column: 6/11;
  grid-row: 1/4;
  background-color: white;
}

.slickArrowBgTopNext.slick-arrow {
  position: absolute;
  top: 240px;
  color: #c5053b;
  z-index: 3;
  padding-top: 4px;
}

.slickArrowBgTopBack.slick-arrow {
  position: absolute;
  top: 240px;
  color: #c5053b;
  right: 10Px;
  z-index: 3;
  padding-top: 4px;
}

.slickArrowBgBottomBack.slick-arrow {
  position: absolute;
  top: 10px;
  color: white;
  z-index: 3;
  right: calc(50% - 10px);
}

.slickArrowBgBottomNext.slick-arrow {
  position: absolute;
  bottom: 30px;
  color: white;
  z-index: 3;
  right: calc(50% - 10px);
}

a.scrollBelow {
  position: absolute;
  right: 10px;
  bottom: 30px;
}

a.scrollBelow span {
  display: inline-block;
  vertical-align: middle;
}

span.toDetails {
  padding-right: 8px;
}

@media only screen and (max-width: 1025px) {
  .vermastBanner-container {
    display: block;
    position: static;
  }

  .vermastBannerGrid {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 170px 510px 1fr;
  }

  .vermastBannerGrid-itemLeft {
    grid-column: 1;
    grid-row: 1/3;
    background-color: #c5053b;
  }

  .homepageBannerGrid-itemRight {
    display: none;
  }

  .vermastBannerGrid-itemTitle {
    grid-column: 1;
    grid-row: 3;
    padding: 10px;
    place-self: center;
    width: 100%;
    background-color: white;
  }

  .vermastBannerGrid-itemImages {
    grid-column: 1;
    grid-row: 2;
    z-index: 2;
    height: 510px;
    overflow: hidden;
    background-color: white;
  }

  .vermastBannerGrid-itemImages img {
    min-height: 400px;
    height: auto;
    width: 100%;
  }

  .vermastSliderVertical {
    display: none;
  }

  .vermastImmoBanner {
    position: relative;
    height: auto;
  }

  .vastgoedResume {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 170px;
    height: auto;
    z-index: 9;
    width: 100%;
    padding: 12px 5px;
  }

  .vastgoedResume span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 6px;
  }

  .vastgoedResume span.data {
    padding-right: 8px;
    font-size: 12px;
  }

  .vastgoedResume span.material-icons.featureIcon {
    font-size: 18px;
  }

  span.showLightbox {
    left: 5px;
    top: 60px;
  }

  .vastgoedMainData {
    margin-bottom: 0;
  }

  a.scrollBelow {
    right: 10px;
    top: 130px;
    bottom: auto;
  }

  div.vastgoedVraagprijs {
    background-color: #f7f7f7;
  }

  span.header-menu-open-line1.red,
span.header-menu-open-line2.red,
span.header-menu-open-line3.red {
    background-color: white;
  }
}
@media only screen and (max-width: 834px) {
  .vermastBannerGrid {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 170px 450px 1fr;
  }

  .vermastBannerGrid-itemImages {
    height: 450px;
  }

  .vermastGalleryImgBlock {
    padding-top: 50Px;
  }
}
/* archive vastgoed*/
.vastgoedArhiveHolder {
  display: grid;
  grid-template-columns: 25% 75%;
}

.showImmoFilter {
  display: none;
}

.vastgoedArhiveFilter {
  margin-right: 20px;
  background-color: #d3d3d3;
  padding: 60px 20px;
  position: relative;
}

.vastgoedArhivePanden {
  margin: 40px 0 0 0;
}

@media only screen and (max-width: 1025px) {
  .vastgoedArhiveHolder {
    display: grid;
    grid-template-columns: 100%;
  }

  .vastgoedArhiveFilterHolder {
    display: none;
  }

  .showImmoFilter {
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
  }

  .vastgoedArhiveFilter {
    margin-right: 0;
    padding: 40px 20px;
  }
}
div#vastgoedBlock {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 12px));
  grid-gap: 24px;
}

@media only screen and (max-width: 667px) {
  div#vastgoedBlock {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0;
  }

  a.vastgoedArchive-item {
    margin-bottom: 30px;
  }
}
a.vastgoedArchive-item {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
}

.noCursor {
  cursor: default !important;
}

span.vastgoedArchiveTitle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  padding: 8px 12px;
  text-align: center;
  background-color: #c5053b;
  color: white;
  z-index: 4;
}

/*
.salesStatusLabel {
    width: 200px;
    text-align: center;
    background-color: $orange;
    color: #FFF;
    padding: 5px 0;
    transform: rotate(-45deg);
    left: -60px;
    top: 60px;
    position: absolute;
    z-index: 3;
}
 */
.salesStatusLabel {
  width: auto;
  text-align: left;
  background-color: #E49E38;
  color: #FFF;
  padding: 5px;
  left: 0px;
  top: 50px;
  height: 40Px;
  position: absolute;
  z-index: 3;
  box-shadow: 1px 1px 9px -3px rgba(0, 0, 0, 0.5);
}

.salesStatusLabelTxt {
  position: relative;
  z-index: 5;
  margin-top: 3px;
}

.salesStatusLabel:after {
  content: "";
  background-color: #E49E38;
  top: 0;
  right: -20Px;
  position: absolute;
  z-index: 2;
  width: 40Px;
  height: 40Px;
  border-radius: 50px;
}

.vastgoedArchiveResume {
  width: 100%;
}

.vastgoedArchiveResumeBottom {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7;
  padding: 8px 2px;
  /*
  -webkit-box-shadow: 1px 1px 9px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 9px -3px rgba(0, 0, 0, 0.5);
   */
  z-index: 4;
  position: relative;
  width: 100%;
}

a.vastgoedArchive-item img {
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 350px;
  display: block;
}

span.material-icons.featureIconVG {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0;
  font-size: 20px;
}

span.dataVG {
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px;
  color: #392D2E;
  font-size: 13px;
}

/* vastgoed filter
==================== */
.vastgoedList h2.filterHead {
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 25px;
  position: relative;
}

span.material-icons.tooltipIcon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: rgba(15, 14, 14, 0.8);
  color: white;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 5;
  font-size: 13px;
  top: 12px;
  left: 0;
  right: 0;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

label.containerCheck {
  font-weight: 200;
  font-size: 14px;
  text-transform: lowercase;
}

/* Customize the label (the container) */
.containerCheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerCheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheck input:checked ~ .checkmark {
  background-color: #c5053b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerCheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerCheck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* range slider */
.slidecontainer {
  width: 100%;
  /* Width of the outside container */
}

/* The slider itself */
input.multirange.original {
  -webkit-appearance: none;
  /* Override default CSS styles */
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  /* Full-width */
  height: 25px;
  /* Specified height */
  background: #d3d3d3;
  /* Grey background */
  outline: none;
  /* Remove outline */
  opacity: 1;
  /* Set transparency (for mouse-over effects on hover) */
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
  position: relative;
}

input.multirange.ghost,
.slider {
  -webkit-appearance: none;
  /* Override default CSS styles */
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  /* Full-width */
  height: 25px;
  /* Specified height */
  background: #d3d3d3;
  /* Grey background */
  outline: none;
  /* Remove outline */
  opacity: 1;
  /* Set transparency (for mouse-over effects on hover) */
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
  position: relative;
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
input.multirange.original::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #E49E38;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  position: relative;
}

input.multirange.ghost::-webkit-slider-thumb,
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #c5053b;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  position: relative;
}

input.multirange.original::-moz-range-thumb {
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #E49E38;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  position: relative;
}

input.multirange.ghost::-moz-range-thumb,
.slider::-moz-range-thumb {
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #c5053b;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  position: relative;
}

span.priceFilterMaxHolder {
  float: right;
}

.statusFilterList {
  position: relative;
}

p.filterRemark {
  margin: 5px 0 15px;
  font-size: 12px;
}

#noVastgoedFound {
  text-align: center;
  margin: 50px 0;
  display: none;
}

.mailformPresale.popUp {
  display: none;
  position: absolute;
  z-index: 9;
  top: 0;
  width: 100%;
  background-color: #f7f7f7;
  height: 100%;
  overflow-x: scroll;
  left: 0;
  right: 0;
}
.mailformPresale.popUp .innerPopup p {
  margin: 5px 0;
  text-align: center;
  color: #c5053b;
  font-weight: bold;
}
.mailformPresale.popUp .innerPopup input[type=text],
.mailformPresale.popUp .innerPopup input[type=email],
.mailformPresale.popUp .innerPopup input[type=url],
.mailformPresale.popUp .innerPopup input[type=password],
.mailformPresale.popUp .innerPopup input[type=search],
.mailformPresale.popUp .innerPopup input[type=number],
.mailformPresale.popUp .innerPopup input[type=tel], .mailformPresale.popUp .innerPopup input[type=range], .mailformPresale.popUp .innerPopup input[type=date], .mailformPresale.popUp .innerPopup input[type=month], .mailformPresale.popUp .innerPopup input[type=week], .mailformPresale.popUp .innerPopup input[type=time], .mailformPresale.popUp .innerPopup input[type=datetime], .mailformPresale.popUp .innerPopup input[type=datetime-local], .mailformPresale.popUp .innerPopup input[type=color], .mailformPresale.popUp .innerPopup textarea {
  color: #667;
  border: 1px solid #c5053b;
  background-color: var(--white);
  border-radius: 3px;
  padding: 3px;
  cursor: pointer;
  width: 90%;
  margin: 3px 5%;
}
.mailformPresale.popUp .innerPopup input.btnPresales {
  background-color: #c5053b;
  border: none;
  color: white;
  border-radius: 0;
  text-align: center;
  width: 90%;
  margin: 5px 5%;
}
.mailformPresale.popUp .innerPopup textarea {
  width: 90%;
  margin: 0 5%;
  cursor: pointer;
  height: 80px;
}

a.vastgoedArchive-item:hover .mailformPresale.popUp {
  display: block;
}

div#calculatorIntro {
  margin: 80px 0 0;
}

select#staat-woning,
#waardeCalculatorPage input[type=text],
#waardeCalculatorPage input[type=email],
#waardeCalculatorPage input[type=url],
#waardeCalculatorPage input[type=password],
#waardeCalculatorPage input[type=search],
#waardeCalculatorPage input[type=number],
#waardeCalculatorPage input[type=tel],
#waardeCalculatorPage input[type=range],
#waardeCalculatorPage input[type=date],
#waardeCalculatorPage input[type=month],
#waardeCalculatorPage input[type=week],
#waardeCalculatorPage input[type=time],
#waardeCalculatorPage input[type=datetime],
#waardeCalculatorPage input[type=datetime-local],
#waardeCalculatorPage input[type=color],
#waardeCalculatorPage textarea {
  border: none;
  border-bottom: 1px solid #c5053b;
  background-color: #f7f7f7;
  padding: 8px 16px;
  width: 100%;
  border-radius: 0;
}

#waardeCalculatorPage .newsWysiwygBlock {
  margin: 30Px 0;
}

.calculatorForm {
  width: 600px;
  margin: 20px auto;
}

.formContainer {
  margin: 10px 0;
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 8px));
  grid-gap: 20px 10px;
}

.formContainerFull {
  grid-column: 1/5;
}

.formContainerHalf.left {
  grid-column: 1/3;
}

.formContainerHalf.right {
  grid-column: 3/5;
}

@media only screen and (max-width: 620px) {
  .calculatorForm {
    width: 100%;
    margin: 30px auto;
  }

  .formContainer {
    margin: 10px 0;
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }

  .formContainerFull {
    grid-column: 1/3;
  }

  .formContainerHalf.left {
    grid-column: 1;
  }

  .formContainerHalf.right {
    grid-column: 2;
  }
}
@media only screen and (max-width: 414px) {
  .formContainer {
    margin: 10px 0;
    display: grid;
    grid-template-columns: 100%;
  }

  .formContainerFull {
    grid-column: 1;
  }

  .formContainerHalf.left {
    grid-column: 1;
  }

  .formContainerHalf.right {
    grid-column: 1;
  }
}
input#qtyGarage,
input#qtyBadkamers,
input#qtySlaapkamers {
  width: 100px;
}

.formContainerFull.buttons {
  display: block;
}

.formContainerFull.buttons span {
  display: inline-block;
  vertical-align: middle;
}

span.labelRooms {
  width: 150Px;
  text-align: center;
}

#waardeCalculatorPage span.material-icons.iconPlus,
#waardeCalculatorPage span.material-icons.iconMin {
  color: #c5053b;
  cursor: pointer;
}

span#type-huis span.wpcf7-list-item {
  display: block;
}

div#calculatorStep2,
div#calculatorStep3,
div#calculatorStep4,
div#calculatorStep5 {
  display: none;
}

input#submitCalculator {
  background-color: #c5053b;
  color: white;
  padding: 8px 24px;
  text-align: center;
  border: none;
  border-radius: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
  position: relative;
  outline: none;
  display: none;
}

.ProgressBarCalculator {
  height: 15px;
  display: grid;
  grid-template-columns: repeat(5, calc(20% - 10px));
  grid-gap: 12px;
}

.step1,
.step2,
.step3,
.step4,
.step5,
.step6 {
  background-color: #f7f7f7;
}

.step1.active,
.step2.active,
.step3.active,
.step4.active,
.step5.active,
.step6.active {
  background-color: #c5053b;
}

.backFwdArrows {
  display: none;
  margin: 30px 0;
}

.backFwdArrows span {
  color: white;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

span#step1Ready span,
span#step2Ready span,
span#step3Ready span,
span#step4Ready span,
span#step5Ready span,
span#step6Ready span {
  display: inline-block;
  vertical-align: middle;
  color: white;
  background-color: #c5053b;
}

span#step1Ready,
span#step2Ready,
span#step3Ready,
span#step4Ready,
span#step5Ready,
span#step6Ready {
  padding: 4px 8px;
  background-color: #c5053b;
}

span#backToStepOne,
span#backToStepTwo,
span#backToStepThree,
span#backToStepFour {
  margin-right: 20px;
  background-color: #c5053b;
  padding: 4px 8px;
}

h2#step2Title,
h2#step3Title,
h2#step4Title,
h2#step5Title {
  display: none;
}

span.errorMsg {
  color: #c5053b;
  font-size: 13px;
  display: none;
}

/* */
/* custom checkbox styling for contact form 7 checkbox */
/* =================  */
/* ===== SWITCH ===== */
/* ================== */
.checkboxHolderMain {
  margin-right: 10px;
  /* text-align: center; */
}

/* toggle switch */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 31px;
  border: none;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
  border: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--light);
  transition: 0.4s;
  border: 1px solid var(--blue);
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: var(--red-light);
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--blue);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--blue);
}

input:checked + .slider:before {
  transform: translateX(18px);
  background-color: var(--white);
}

/* Rounded sliders */
.slider.round {
  border-radius: 31px;
}

.slider.round:before {
  border-radius: 50%;
}

span.activateLabel {
  font-size: 15px;
  margin-left: 10px;
  vertical-align: initial;
}

span.addressCheckLabel {
  margin-left: 35px;
  vertical-align: middle;
}

.checkboxContainer {
  margin-bottom: 30px;
}

/* */
span.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 10px;
}

.wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
}

.wpcf7-checkbox input[type=checkbox] {
  /*position: relative;*/
  position: absolute;
  visibility: hidden;
  width: 55px;
  height: 31px;
  top: 0;
  left: 0;
}

.wpcf7-checkbox input[type=checkbox] + span {
  /* border: 3px solid red; */
}

.wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: "";
  height: 31px;
  width: 55px;
  top: -3px;
  left: 0px;
  border: 1px solid #392D2E;
  background-color: #f7f7f7;
  border-radius: 16px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
}

input[type=checkbox]:before {
  content: "";
  position: absolute;
  visibility: visible;
  width: 26px;
  height: 26px;
  z-index: 4;
  left: 5px;
  background-color: #DA6877;
  top: 0px;
  border-radius: 13px;
}

.wpcf7-checkbox input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  visibility: hidden;
  width: 26px;
  height: 26px;
  z-index: 4;
  left: 5px;
  background-color: transparent;
  top: 0px;
  border-radius: 13px;
}

.wpcf7-checkbox input[type=checkbox] + span:after {
  display: block;
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  top: 0px;
  left: 24px;
  visibility: hidden;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  border-radius: 13px;
  background-color: #8BC34A;
}

.wpcf7-checkbox input[type=checkbox]:checked + span:before {
  background: #f7f7f7;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
}

.wpcf7-checkbox input[type=checkbox]:checked + span:after {
  visibility: visible;
}

.wpcf7-list-item-label {
  margin-left: 80px;
  display: inline-block;
}

select.wpcf7-form-control.wpcf7-select,
select#typewoning {
  width: 100%;
  padding: 8px;
  border: 1px solid #c5053b;
}

#waardeCalculatorPage input#qtyBadkamers,
#waardeCalculatorPage input#qtyGarage,
#waardeCalculatorPage input#qtySlaapkamers {
  width: 80px;
}

#waardeCalculatorPage span.labelRooms {
  width: 120px;
}

div#jsonImmo {
  display: none;
}

#renovatiejaarError,
#bouwjaarError,
#woonOppError,
#perceelOppError {
  color: #c5053b;
  display: none;
}

p#fullFormError {
  text-align: center;
  color: #c5053b;
  display: none;
}

#calculatorResult {
  display: none;
}

div#calculatorResult {
  width: 80vw;
  margin: 20px auto;
  background-color: white;
  padding: 30px 10px;
}

.resultBlock {
  background-color: #f7f7f7;
  padding: 30px;
}

.resultGrid {
  display: grid;
  grid-template-columns: repeat(5, calc(20% - 10px));
  grid-gap: 12px;
}

.resultGrid_itemMin {
  grid-row: 1;
  grid-column: 1;
}

.resultGrid_itemBetween {
  grid-row: 1;
  grid-column: 2/5;
}

.resultGrid_itemMax {
  grid-row: 1;
  grid-column: 5;
}

.resultGrid_itemGreen {
  grid-row: 2;
  grid-column: 1;
  background-color: #8BC34A;
}

.resultGrid_itemYellow {
  grid-row: 2;
  grid-column: 2;
  background-color: #DDC43D;
}

.resultGrid_itemOrange {
  grid-row: 2;
  grid-column: 3;
  background-color: #E49E38;
}

.resultGrid_itemDarkOrange {
  grid-row: 2;
  grid-column: 4;
  background-color: #D57235;
}

.resultGrid_itemRed {
  grid-row: 2;
  grid-column: 5;
  background-color: #c5053b;
}

.bollenBlock {
  margin: 60px 0;
  display: flex;
  justify-content: center;
  z-index: 2;
  position: relative;
  flex-wrap: wrap;
}

.bol-item {
  text-align: center;
  margin: 30px 0;
  padding: 0 20px;
  width: 25%;
}

img.bolImg {
  max-width: 150px;
  margin: 5px auto;
}

@media only screen and (max-width: 834px) {
  .bol-item {
    text-align: center;
    margin: 30px 0;
    padding: 0 20px;
    width: 50%;
  }
}
@media only screen and (max-width: 667px) {
  div#calculatorResult {
    width: 94vw;
    margin: 20px auto;
    padding: 30px 10px;
  }

  img.bolImg {
    max-width: 120px;
    margin: 5px auto;
  }

  .resultBlock {
    background-color: #f7f7f7;
    padding: 15px;
  }

  .resultGrid {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 10px));
    grid-gap: 15px;
  }

  .resultGrid_itemMin {
    grid-row: 1;
    grid-column: 1;
  }

  .resultGrid_itemBetween {
    grid-row: 1;
    grid-column: 2;
  }

  .resultGrid_itemMax {
    grid-row: 1;
    grid-column: 3;
  }

  .resultGrid_itemGreen {
    grid-row: 2;
    grid-column: 1;
    background-color: #8BC34A;
  }

  .resultGrid_itemYellow {
    display: none;
  }

  .resultGrid_itemOrange {
    grid-row: 2;
    grid-column: 2;
    background-color: #E49E38;
  }

  .resultGrid_itemDarkOrange {
    display: none;
  }

  .resultGrid_itemRed {
    grid-row: 2;
    grid-column: 3;
    background-color: #c5053b;
  }
}
span.minMax {
  display: block;
  color: #FFF;
  text-align: center;
}

.resultCtaKnop a {
  text-align: center;
  display: block;
}

a#ctaAfterCalculator {
  display: block;
  text-align: center;
}

span#calculatorResultValueMax {
  text-align: right;
  display: block;
}

.solidSingleVastgoed__title {
  position: relative;
  margin: 0;
  padding: 10px 0;
}

div#currentVisitors {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  background-color: rgba(15, 14, 14, 0.8);
  color: white;
  padding: 4px 36px 4px 16px;
  border-radius: 0 0 0 5px;
}

span.visTxt {
  display: inline-block;
  vertical-align: middle;
}

span.material-icons.currentVisIcon {
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
}

span.material-icons.closeVisIcon {
  display: inline-block;
  position: absolute;
  font-size: 20px;
  color: #a2a2a2;
  top: 5px;
  right: 5px;
  background-color: #fff;
  border-radius: 50px;
}

@media only screen and (max-width: 834px) {
  div#currentVisitors {
    position: relative;
    padding: 4px 36px 4px 16px;
    display: block;
    margin: 0 auto 20px;
    width: 350px;
  }
}
/* immo img slider */
.solidVastgoedSliderHolder {
  position: relative;
}

img.solidCarouselHeadImg {
  width: 60vw;
  height: 518px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}

.solidSlickBlock {
  width: 60vw;
  height: 518px;
  position: relative;
}

.slickArrowBgTopNext.slick-arrow {
  position: absolute;
  top: 236px;
  color: #fff;
  left: 21vw;
  z-index: 3;
}

.slickArrowBgTopBack.slick-arrow {
  position: absolute;
  top: 236px;
  color: #fff;
  right: 21vw;
  z-index: 3;
}

.slickArrowBgTopNext.slick-arrow span,
.slickArrowBgTopBack.slick-arrow span {
  font-size: 60px;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.47);
}

@media only screen and (max-width: 1024px) {
  img.solidCarouselHeadImg {
    width: 70vw;
    height: 375px;
  }

  .solidSlickBlock {
    width: 70vw;
    height: 375px;
  }

  .slickArrowBgTopNext.slick-arrow {
    top: 155px;
    left: 16vw;
  }

  .slickArrowBgTopBack.slick-arrow {
    top: 155px;
    right: 16vw;
  }
}
@media only screen and (max-width: 834px) {
  img.solidCarouselHeadImg {
    width: 70vw;
  }

  .solidSlickBlock {
    width: 70vw;
  }
}
@media only screen and (max-width: 667px) {
  img.solidCarouselHeadImg {
    width: 80vw;
    height: 330px;
  }

  .solidSlickBlock {
    width: 80vw;
    height: 330px;
  }

  .slickArrowBgTopNext.slick-arrow {
    top: 132px;
    left: 11vw;
  }

  .slickArrowBgTopBack.slick-arrow {
    top: 132px;
    right: 11vw;
  }
}
@media only screen and (max-width: 414px) {
  img.solidCarouselHeadImg {
    width: 90vw;
    height: 300px;
  }

  .solidSlickBlock {
    width: 90vw;
    height: 300px;
  }

  .slickArrowBgTopNext.slick-arrow {
    top: 118px;
    left: 6vw;
  }

  .slickArrowBgTopBack.slick-arrow {
    top: 118px;
    right: 6vw;
  }
}
.solidSliderMain .slick-slide.slick-active .solidSlickBlock:after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  transition: transform 0.4s;
}

/* current */
.solidSliderMain .slick-slide.slick-current.slick-active.slick-center .solidSlickBlock:after {
  opacity: 0;
  width: 0;
}

/* */
.solidSliderMain {
  position: relative;
}

div#immoPriceLocation {
  position: absolute;
  z-index: 9;
  bottom: 6px;
  background-color: rgba(15, 14, 14, 0.8);
  width: 250px;
  right: 20px;
  padding: 10px;
  text-align: center;
  border-radius: 10px 10px 0 0;
}

div#immoSingleCta {
  position: absolute;
  right: 20px;
  width: 250px;
  background-color: white;
  bottom: -60px;
  box-shadow: 1px 1px 3px rgba(17, 16, 14, 0.2);
  padding: 20px;
  border-radius: 0 0 10px 10px;
  z-index: 99;
}

a.singleMailTo {
  display: block;
}

span.chatTopTxt {
  font-weight: 400;
}

span.chatTopIcon {
  display: inline-block;
  vertical-align: middle;
}

div.toCta {
  display: block;
  text-align: center;
  color: white;
  text-align: center;
}

div#immoPriceLocationMobile {
  background-color: rgba(15, 14, 14, 0.8);
  width: 250px;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  display: none;
  margin: 20px auto;
}

@media only screen and (max-width: 834px) {
  div#immoSingleCta {
    display: none;
  }

  div#immoPriceLocation {
    display: none;
  }

  div#immoPriceLocationMobile {
    display: block;
  }
}
span.data {
  margin-bottom: 12px;
  color: white;
  font-size: 22px;
}

.solidResumeContentHolder {
  margin: 10px 0;
  display: flex;
  justify-content: center;
  z-index: 2;
  position: relative;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1125px) {
  .solidResumeContentHolder {
    padding-right: 275px;
  }
}
@media only screen and (max-width: 834px) {
  .solidResumeContentHolder {
    padding-right: 0;
  }
}
.solidResume_item {
  text-align: center;
  margin: 5px 0;
  padding: 0 8px;
}

.solidResume_item span {
  display: inline-block;
  vertical-align: middle;
}

.bottomBanner {
  padding: 10px 0;
}

/* single description block */
.descriptionBlock {
  margin: 30px 0;
}

.descriptionBlock-Grid {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  background-color: #0F0E0E;
  color: white;
}

@media only screen and (max-width: 1025px) {
  .descriptionBlock-Grid {
    display: grid;
    grid-template-columns: 100%;
  }
}
h2.descriptionBlockTitle {
  margin-top: 0;
  position: relative;
  margin-bottom: 30px;
}

h2.descriptionBlockTitle:after {
  content: "";
  position: absolute;
  background-color: #c5053b;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  bottom: -15px;
  left: 0;
}

.descriptionBlock-Grid-item01,
.descriptionBlock-Grid-item02,
.descriptionBlock-Grid-item03 {
  padding: 30Px;
}

.descriptionBlock-Grid-item01 p,
.descriptionBlock-Grid-item01 span,
.descriptionBlock-Grid-item01 ul li,
.descriptionBlock-Grid-item01 a,
.descriptionBlock-Grid-item02 p,
.descriptionBlock-Grid-item02 span,
.descriptionBlock-Grid-item02 ul li,
.descriptionBlock-Grid-item02 a {
  color: white;
}

.descriptionBlock-Grid-item03 {
  background-color: #f7f7f7;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.expertMakelaar .immoContactTitle {
  text-align: center;
  color: #0F0E0E;
  margin-bottom: 25px;
}

.expertMakelaar .imageImmoExpert {
  margin: 25px auto;
  width: 100Px;
  height: 100px;
  overflow: hidden;
}

span.expertNaam {
  text-align: center;
  color: #0F0E0E;
  margin-bottom: 10px;
  font-size: 20px;
  display: block;
}

img.expertImg {
  border-radius: 50px;
  border: 1px solid #c5053b;
}

section#mailform {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  right: 20px;
  bottom: 20px;
  background-color: #f7f7f7;
  padding: 20px;
  width: 250px;
  z-index: 999;
  display: none;
  box-shadow: -1px -2px 5px -2px rgba(0, 0, 0, 0.49);
}

section#mailform textarea.wpcf7-form-control.wpcf7-textarea {
  height: 100Px;
  color: #392D2E;
  padding: 4px 8px;
  border: 1px solid #c5053b;
  border-radius: 2px;
}

section#mailform span.closeContact {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #0F0E0E;
  cursor: pointer;
}

section#mailform h2 {
  color: #0F0E0E;
  font-size: 18px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 8px;
}

section#mailform input.wpcf7-form-control {
  width: 100%;
  color: #392D2E;
  padding: 4px 8px;
  border: 1px solid #c5053b;
  border-radius: 2px;
  margin-bottom: 5px;
}

section#mailform input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  background-color: #c5053b;
  color: white;
  text-align: center;
  padding: 4px 12px;
  border: none;
  cursor: pointer;
}

p.featureTitle {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
}

.featureContent a,
.featureContent span,
.featureContent ul li,
.featureContent p {
  color: white;
}

p.featureTitle {
  margin-bottom: 5px;
}

.featureContent ul {
  list-style-type: "- ";
}

/* */
.solidSliderMain.makeLightbox {
  display: block;
  position: fixed;
  z-index: 9;
  background-color: #000;
  height: 100vh;
  top: 0;
  padding-top: 200px;
}

button.slick-prev.slick-arrow {
  position: absolute;
  right: 20px;
  top: 45%;
}

button.slick-next.slick-arrow {
  position: absolute;
  right: 20px;
  top: 45%;
}

button.slick-prev,
button.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

button.slick-prev:before {
  content: "";
  color: white;
  font-family: "Material Icons";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button.slick-next:before {
  content: "";
  color: white;
  font-family: "Material Icons";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.immoGoBack {
  position: absolute;
  color: white;
  z-index: 2;
  left: 0;
  top: 20px;
  height: 40px;
  padding: 8px;
  background-color: rgba(15, 14, 14, 0.25);
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}

.immoGoBack span {
  display: inline-block;
  vertical-align: middle;
}

.preSalesFormHolder {
  width: 80%;
  margin: 50px auto;
}

@media only screen and (max-width: 834px) {
  .preSalesFormHolder {
    width: 90%;
    margin: 50px auto;
  }
}
@media only screen and (max-width: 414px) {
  .preSalesFormHolder {
    width: 94%;
    margin: 50px auto;
  }
}
/* test styles */
.solidResumeContentHolder-over {
  position: absolute;
  top: 0;
  height: 518px;
  width: 80px;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: calc(20vw - 80px);
}
.solidResumeContentHolder-over .solidResume_item span {
  display: block;
}

div#immoSingleCta {
  background-color: #c5053b;
  bottom: -58px;
  color: white;
}

.bottomBanner-2 {
  margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
  .solidResumeContentHolder-over {
    left: calc(15vw - 80px);
    height: 375px;
  }
}
@media only screen and (max-width: 924px) {
  .solidResumeContentHolder-over {
    position: static;
    flex-direction: row;
    width: 100%;
    height: 80px;
    background-color: white;
  }

  .bottomBanner-2 {
    margin-top: 50px;
  }

  div#immoPriceLocation {
    bottom: 86px;
  }

  div#immoSingleCta {
    bottom: 22px;
  }
}
.woningAddress p {
  font-size: 22px;
}

.vastgoedFavorite {
  width: 30px;
  position: absolute;
  top: 40px;
  right: 10px;
}

a.vastgoedArchive-item img.favoIcon {
  display: none;
}

footer.solid-footer ul li.favorietmenuitem,
.headerSolidMobile__menu ul#menu-mobile li.favorietmenuitem,
.headerSolidMain__menu ul#menu-main li.favorietmenuitem,
header ul#menu-mobile li.favorietmenuitem,
header#vermastMenu ul li.favorietmenuitem {
  display: none;
  position: relative;
}

span.favoCount {
  background-color: #E49E38;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  color: white;
  top: -8px;
  right: -5px;
  position: absolute;
  display: none;
  font-size: 12px;
  text-align: center;
  padding-top: 1px;
}

img.favoIcon {
  display: none;
}

.vastgoedFavoriteSingle {
  display: block;
  position: absolute;
  top: 140px;
  right: 10px;
  z-index: 2;
}

div#vastgoedBlockFavoriet {
  display: grid;
  grid-template-columns: repeat(3, calc(33.33% - 8px));
  grid-gap: 12px;
}

@media only screen and (max-width: 834px) {
  div#vastgoedBlockFavoriet {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 8px));
    grid-gap: 16px;
  }
}
@media only screen and (max-width: 414px) {
  div#vastgoedBlockFavoriet {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0;
  }
}