/*!
Theme Name: Huispresentatie
Theme URI: https://huispresentatie.nl
Author: Huispresentatie.nl
Author URI: https://huispresentatie.nl/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: huispresentatie
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: .9rem;
    color: #4f5762;
    font-weight: 400;
    overflow-x: hidden;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6  {
    font-family: 'Lora', serif;
    color: #4f5762;
    font-weight: 400;
}

h2.object-detail-title-sub.show:after,
h3.object-detail-title-sub.show:after,
h4.object-detail-title-sub.show:after {
    opacity: 0 !important;
}

@media (min-width: 1200px) {
    h1.object-detail-title-sub,
    .h1, h1 {
        font-size: 2rem;
    }
    .h2, h2 {
        font-size: 1.9rem;
    }
    h2.object-detail-title-sub,
    h3.object-detail-title-sub,
    h4.object-detail-title-sub,
    .h3, h3 {
        font-size: 1.7rem!important;
    }	
}

a {
    color: #4f5762;
    text-decoration: none;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

a:hover,
a:focus {
    color: #8f8f8f;
}

a#goBack {
    cursor: pointer;
}

::-moz-selection {
    background: #8f8f8f;
    color: #fff;
}

::selection {
    background: #8f8f8f;
    color: #fff;
}

p,
li {
    line-height: 1.8;
}

img.img-cover {
    object-fit: cover;
}

/* Kleuren 1 */
.color-1 {
    color: #ffffff;
}
.stroke-1 {
    stroke: #ffffff;
}
.fill-1 {
    fill: #ffffff;
}
.background-color-1 {
    background-color: #cccccc;
}

/* Kleuren 2 */
.color-2 {
    color: #ffffff;
}
.stroke-2 {
    stroke: #ffffff;
}
.fill-2 {
    fill: #ffffff;
}
.background-color-2 {
    background-color: #464646;
}

/* Kleuren 3 */
.color-3 {
    color: #ffffff;
}
.stroke-3 {
    stroke: #ffffff;
}
.fill-3 {
    fill: #ffffff;
}
.background-color-3 {
    background-color: #00b116;
}

/* Kleuren 4 */
.color-4 {
    color: #464646;
}

.svg-nvm-1 {
    fill: #005ad2
}
.svg-mva-1 {
	fill: #df0030;
}

/* Forms */
div.wpforms-container-full .wpforms-form input[type="date"],
div.wpforms-container-full .wpforms-form input[type="datetime"],
div.wpforms-container-full .wpforms-form input[type="datetime-local"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type="month"],
div.wpforms-container-full .wpforms-form input[type="number"],
div.wpforms-container-full .wpforms-form input[type="password"],
div.wpforms-container-full .wpforms-form input[type="range"],
div.wpforms-container-full .wpforms-form input[type="search"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="time"],
div.wpforms-container-full .wpforms-form input[type="url"],
div.wpforms-container-full .wpforms-form input[type="week"],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    height: 46px!important;
    border-radius: .75rem!important;
    font-size: .9rem!important;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: 220px!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description,
div.wpforms-container-full .wpforms-form .wpforms-field-limit-text {
    display: none!important;
}

div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
    background-color: #4f5762!important;
    border-radius: 50px!important;
    border: 0!important;
    color: #fff!important;
}

.footer .object-button, 
.object-button {
    color: #fff;
    padding: .5rem 2rem !important;
    border: 0;
    border-radius: .25rem;
}

@media (max-width: 767.98px) {
    .footer .object-button, 
    .object-button {
        padding: .5rem 1rem !important;
    }
}

.object-button:hover,
.object-button:focus,
.footer .object-button:hover,
.footer .object-button:focus {
    color: #fff;
    background-color: #666;
}

.footer .object-button {
    line-height: 1.4;
    font-size: 0.8rem;
    font-weight: 700;
}

.forms-extra .wpforms-confirmation-container-full {
    background-color: #cccccc;
    border-color: #cccccc;
    border-radius: .75rem!important;
    font-size: .9rem!important;
}

/* Navigation */
.navbar {
    top: 0;
    left: 0;
    background-color: #fff;
    border-bottom: 1px dashed #ddd;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.navbar.open {
    background-color: transparent;
    border: 0;
}

.home .navbar {
    top: -100px;
}

.navbar .navbar-logo {
    top: 5px;
    left: 140px;
}

.navbar .navbar-logo img {
    max-height: 50px;
}

.navbar .navbar-logo-mob {
    top: 5px;
    right: 20px;
}

.navbar .navbar-logo-mob img {
    max-height: 50px;
}

.navbar-toggler {
    width: 55px;
    height: 50px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 1000;
}

.navbar .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler .navbar-toggler-line {
    width: 34px;
    height: 1px;
    background-color: #4f5762;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.navbar-toggler .navbar-toggler-line:nth-of-type(1) {
    width: 23px;
    -webkit-transform: rotate(-45deg) translate(0px, 9px);
    -ms-transform: rotate(-45deg) translate(0px, 9px);
    transform: rotate(-45deg) translate(0px, 9px);
}

.navbar-toggler .navbar-toggler-line:nth-of-type(2) {
    opacity: 0;
}

.navbar-toggler .navbar-toggler-line:nth-of-type(3) {
    width: 23px;
    margin-bottom: 0;
    -webkit-transform: rotate(45deg) translate(-3px, -13px);
    -ms-transform: rotate(45deg) translate(-3px, -13px);
    transform: rotate(45deg) translate(-3px, -13px);
}

.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(1),
.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(3) {
    width: 34px;
    -webkit-transform: rotate(0) translate(0);
    -ms-transform: rotate(0) translate(0);
    transform: rotate(0) translate(0);
}

.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(2) {
    width: 24px;
    margin-left: 0!important;
    opacity: 1;
}

.navbar-toggler.collapsed .navbar-toggler-line:nth-of-type(3) {
    width: 14px;
}

.navbar-toggler .navbar-toggler-name {
    top: 16px;
    right: -40px;
    font-size: .9rem;
    font-weight: 500;
}

.navbar-toggler.collapsed:hover .navbar-toggler-line:nth-of-type(1) {
    width: 14px;
}

.navbar-toggler.collapsed:hover .navbar-toggler-line:nth-of-type(2) {
    width: 20px;
}

.navbar-toggler.collapsed:hover .navbar-toggler-line:nth-of-type(3) {
    width: 34px;
}

.navbar p {
    padding-top: 10px;
    font-size: .9rem;
    font-weight: 500;
}

.navbar .navbar-collapse.show {
    height: 94vh;
    overflow-x: hidden;
    overflow-Y: auto;
}

.navbar .navbar-collapse.show:after {
    width: 500px;
    height: 120%;
    position: absolute;
    top: -10px;
    left: -40px;
    transform: skew(6deg, 1deg);
    background-color: #f7f7f7;
    box-shadow: 1px 1px 0 0 #e3e3e3;
    content: '';
    z-index: -1;
}

.navbar .navbar-nav {
    padding-top: 2rem;
    padding-left: 2rem;
}

.navbar .navbar-nav .nav-link {
    padding-top: 0;
    padding-bottom: 0;
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    color: #4f5762;
}

.navbar.navbar-scroll {
    top: 0;
}

.navbar .dropdown-menu {
    background-color: transparent;
    border: 0;  
}

.navbar .dropdown-item {
    font-family: 'Playfair Display', serif;
    font-size: 1.2rem;
    text-transform: capitalize;
    color: #4f5762;
    padding: .1rem 1rem;
}

.navbar .dropdown-item:active,
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    background-color: transparent;
}

.dropdown-toggle::after {
    font-size: 1.1rem;
}

.list-group-flush .list-group-item {
    background-color : #f7f7f7;
    border-radius: 0.25rem;
}

@media (max-width: 767.98px) {
    .navbar .navbar-nav {
        padding-top: 0;
    }
    .navbar.open {
        background-color: #f7f7f7;
        border: 0;
    }

    .navbar.open .col-4 {
        width: 100%;
    }

    .navbar .navbar-collapse.show:after {
        display: none;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 1.2rem;
    }

    .navbar .dropdown-menu {
        padding: .25rem 0;
    }

    .navbar .dropdown-menu li {
        line-height: 1.4;
    }

    .navbar .dropdown-item {
        font-size: 1rem;
    }

    .dropdown-toggle::after {
        font-size: 0.9rem;
    }

    .navbar .dropdown-menu {
        display: block !important;
        position: static !important;
        transform: none !important;
      }
}

/* Landscape tablets met touch (coarse pointer) */
@media (min-width: 1200px) and (pointer: coarse) {
    .navbar-nav > li > a {
        padding: 1rem;
    }
}

/* Object slider */
.object-slider {
    width: 100%;
    height: 107vh;
}

.object-slider .object-slider-images {
    width: 100%;
    height: 100vh;
    position: relative;
}

.object-slider .object-slider-images:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(24deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    outline: 1px solid #fff;
    outline-offset: -15px;
    content: '';
    z-index: 2;
}

.object-slider .object-slider-video video {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

.object-slider .object-slider-images .carousel .carousel-item:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    content: '';
    display: none;
}

@supports (-webkit-touch-callout: none) {
    .object-slider .object-slider-images .carousel .carousel-item {
        position: absolute!important;
    }
}

.object-slider .object-slider-images .carousel .carousel-item:nth-child(1) img,
.object-slider .object-slider-images .carousel .carousel-item:nth-child(5) img {
    animation: zoomin 5s forwards;
}

.object-slider .object-slider-images .carousel .carousel-item:nth-child(2) img,
.object-slider .object-slider-images .carousel .carousel-item:nth-child(6) img {
    animation: zoomout 5s forwards;
}

.object-slider .object-slider-images .carousel .carousel-item:nth-child(3) img {
    width: 120%!important;
    animation: slideleft 5s forwards;
}

.object-slider .object-slider-images .carousel .carousel-item:nth-child(4) img {
    width: 120%!important;
    animation: slideright 5s forwards;
}

.object-slider .object-slider-images .object-slider-images-cut {
    width: 100%;
    position: absolute;
    left: -10%;
    bottom: -220px;
    z-index: 4;
}

.object-slider .object-slider-images .object-slider-images-cut .cut {
    width: 200%;
    height: 250px;
    background-color: #fff;
    outline: 1px solid #fff;
    outline-offset: 12px;
    transform: skew(1deg,4deg);
}

.object-slider .object-slider-features {
    bottom: 5rem;
    right: 2.5rem;
    padding: 1.875rem 1.25rem;
    box-shadow: -4px 6px 20px #0000001a;
    transition: bottom 0.85s ease-in-out;
    z-index: 14;
}

.object-slider .object-slider-features .col-6 {
	padding: 1.5rem 1rem!important;
}

.object-slider .object-slider-features .col-6:not(:first-of-type) {
    border-left: 1px solid rgba(0,0,0,0.3);
}

.object-slider .object-slider-features .col-6:not(:last-of-type) {
    border-right: 1px solid rgba(255,255,255,0.3);
}

.object-slider .object-slider-features.object-slider-features-scroll {
    bottom: 2rem;
}

.object-slider .object-slider-features .object-feature {
    min-width: 180px;
}

.object-slider .object-slider-features .object-feature.object-feature-bouwjaar {
    border-right: 0;
}

.object-slider .object-slider-features .object-feature > .row {
    --bs-gutter-y: 0;
    --bs-gutter-x: 0;
}

.object-slider .object-slider-features .object-feature > .row > .col-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: .5rem;
    order: 2;
    text-align: center;
    display: inline-block;
}

.object-slider .object-slider-features .object-feature.object-feature-aantal-kamers > .row > .col-5 {
    display: none;
}

.object-slider .object-slider-features .object-feature > .row > .col-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
}

.object-slider .object-slider-features .object-feature .object-feature-info {
    font-family: 'Playfair Display', serif;
    font-size: 1.375rem;
    text-align: center;
    font-weight: 500;
}

.object-slider .object-slider-features .object-feature .object-feature-title {
    font-size: 0.875rem;
    font-weight: 400!important;
    opacity: 0.7;
}

.object-slider .object-slider-features .object-feature .object-feature-info span {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    display: inline-block;
    opacity: 0.7;
}

.object-slider .object-slider-features .object-feature-perceel .object-feature-info:before,
.object-slider .object-slider-features .object-feature-wonen .object-feature-info:before,
.object-slider .object-slider-features .object-feature-aantal-kamers .object-feature-info:before,
.object-slider .object-slider-features .object-feature-bouwjaar .object-feature-info:before {
    width: 40px;
    height: 40px;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: auto 38px;
    display: table;
    content: '';
}

.object-slider .object-slider-features .object-feature-perceel .object-feature-info:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><defs><style>.a,.b,.d{fill:none;}.a,.b{stroke:%23ffffff;}.b{stroke-linecap:round;}.c{stroke:none;}</style></defs><g transform="translate(-1286 -469)"><g class="a" transform="translate(1286 469)"><rect class="c" width="28" height="28"/><rect class="d" x="0.5" y="0.5" width="27" height="27"/></g><g transform="translate(1.184 1.184)"><g class="a" transform="translate(1290.816 473.816)"><rect class="c" width="16" height="16"/><rect class="d" x="0.5" y="0.5" width="15" height="15"/></g><g transform="translate(1291.434 474.434)"><line class="b" x1="2.605" y2="2.605"/><line class="b" x1="7.816" y2="7.816"/><line class="b" x1="13.027" y2="13.027"/><line class="b" x1="11.29" y2="11.29" transform="translate(3.474 3.474)"/><line class="b" x1="6.079" y2="6.079" transform="translate(8.685 8.685)"/><line class="b" x1="0.868" y2="0.868" transform="translate(13.896 13.896)"/></g></g></g></svg>');
}

.object-slider .object-slider-features .object-feature-wonen .object-feature-info:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><defs><style>.a{fill:%23ffffff;}</style></defs><g transform="translate(-0.001)"><path class="a" d="M90.581,103.3a.48.48,0,0,0-.48.48v7.284a.48.48,0,0,0,.48.48h14.567a.48.48,0,0,0,.48-.48v-7.284a.48.48,0,1,0-.96,0v6.8h-3.9v-6.8a.48.48,0,0,0-.48-.48H95.437a.48.48,0,0,0-.48.48v6.8h-3.9v-6.8A.48.48,0,0,0,90.581,103.3Zm5.336.96h3.9v6.324h-3.9Z" transform="translate(-80.644 -92.458)"/><path class="a" d="M62.172,16.274l9.961-9.961,9.962,9.961a.48.48,0,0,0,.679-.679l-5.01-5.009V5.634a.48.48,0,1,0-.96,0V9.626L72.472,5.295a.48.48,0,0,0-.679,0l-10.3,10.3a.48.48,0,0,0,.679.679Z" transform="translate(-54.913 -4.613)"/><path class="a" d="M82.433,210.458a.48.48,0,0,0-.48.48v2H62.312v-2a.48.48,0,0,0-.96,0v4.953a.48.48,0,0,0,.96,0v-2H81.953v2a.48.48,0,1,0,.96,0v-4.953A.48.48,0,0,0,82.433,210.458Z" transform="translate(-54.912 -188.37)"/><path class="a" d="M5.434.96a.48.48,0,1,0,0-.96H.481a.48.48,0,0,0,0,.96h2V20.6h-2a.48.48,0,1,0,0,.96H5.434a.48.48,0,1,0,0-.96h-2V.96Z"/></g></svg>');
}

.object-slider .object-slider-features .object-feature-aantal-kamers .object-feature-info:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28.001" viewBox="0 0 28 28.001"><defs><style>.a{fill:%23ffffff;}</style></defs><path class="a" d="M27.439,0H.564A.563.563,0,0,0,0,.563V27.438A.563.563,0,0,0,.564,28H16.955a.563.563,0,0,0,0-1.125H1.126V13.762H8.974v5.394a.563.563,0,0,0,1.125,0V7.375a.563.563,0,0,0-1.125,0v5.261H1.126V1.125H16.392V8.17a.563.563,0,0,0,.563.563H22.9a.563.563,0,0,0,0-1.125H17.517V1.125h9.359V18.593H16.955a.563.563,0,0,0,0,1.125h9.921v7.157H22.9A.563.563,0,0,0,22.9,28h4.534A.563.563,0,0,0,28,27.438V.563A.562.562,0,0,0,27.439,0Z" transform="translate(-0.001)"/></svg>');
}

.object-slider .object-slider-features .object-feature-bouwjaar .object-feature-info:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="117px" height="117px"><path fill-rule="evenodd" fill="%23ffffff" d="M114.630,116.992 L70.844,116.992 L55.681,116.992 L2.358,116.992 C1.59,116.992 0.4,115.940 0.2,114.642 L0.2,12.356 C0.2,12.354 0.2,12.352 0.2,12.352 C0.4,11.53 1.59,10.2 2.358,10.4 L25.304,10.4 L25.304,2.921 C25.361,1.623 26.454,0.615 27.756,0.672 C28.976,0.721 29.955,1.701 30.4,2.921 L30.4,10.4 L87.304,10.4 L87.304,2.921 C87.361,1.623 88.454,0.615 89.756,0.672 C90.976,0.721 91.955,1.701 92.4,2.921 L92.4,10.4 L114.646,10.4 C115.943,10.6 116.996,11.59 116.992,12.356 L116.992,114.642 L116.992,114.650 C116.984,115.948 115.927,116.996 114.630,116.992 ZM55.681,112.292 L70.844,112.292 L112.296,112.292 L112.296,45.477 L4.706,45.477 L4.706,112.292 L55.681,112.292 ZM92.4,14.704 L92.4,27.328 C91.955,28.548 90.976,29.528 89.756,29.577 C88.454,29.634 87.361,28.626 87.304,27.328 L87.304,14.704 L30.4,14.704 L30.4,27.328 C29.955,28.548 28.976,29.528 27.756,29.577 C26.454,29.634 25.361,28.626 25.304,27.328 L25.304,14.704 L4.706,14.704 L4.706,40.776 L112.296,40.776 L112.296,14.704 L92.4,14.704 ZM27.756,63.672 C28.976,63.721 29.955,64.701 30.4,65.921 L30.4,67.328 C29.955,68.548 28.976,69.528 27.756,69.577 C26.454,69.634 25.361,68.626 25.304,67.328 L25.304,65.921 C25.361,64.623 26.454,63.615 27.756,63.672 ZM27.756,83.672 C28.976,83.721 29.955,84.701 30.4,85.921 L30.4,87.328 C29.955,88.548 28.976,89.528 27.756,89.577 C26.454,89.634 25.361,88.626 25.304,87.328 L25.304,85.921 C25.361,84.623 26.454,83.615 27.756,83.672 ZM60.756,63.672 C61.976,63.721 62.955,64.701 63.4,65.921 L63.4,67.328 C62.955,68.548 61.976,69.528 60.756,69.577 C59.454,69.634 58.361,68.626 58.304,67.328 L58.304,65.921 C58.361,64.623 59.454,63.615 60.756,63.672 ZM60.756,83.672 C61.976,83.721 62.955,84.701 63.4,85.921 L63.4,87.328 C62.955,88.548 61.976,89.528 60.756,89.577 C59.454,89.634 58.361,88.626 58.304,87.328 L58.304,85.921 C58.361,84.623 59.454,83.615 60.756,83.672 ZM89.756,63.672 C90.976,63.721 91.955,64.701 92.4,65.921 L92.4,67.328 C91.955,68.548 90.976,69.528 89.756,69.577 C88.454,69.634 87.361,68.626 87.304,67.328 L87.304,65.921 C87.361,64.623 88.454,63.615 89.756,63.672 ZM89.756,83.672 C90.976,83.721 91.955,84.701 92.4,85.921 L92.4,87.328 C91.955,88.548 90.976,89.528 89.756,89.577 C88.454,89.634 87.361,88.626 87.304,87.328 L87.304,85.921 C87.361,84.623 88.454,83.615 89.756,83.672 Z"/></svg>');
}

.object-slider .object-slider-dotts {
    width: 170px;
    height: 260px;
    bottom: 4rem;
    right: 55%;
    background-image: radial-gradient(currentColor 1px,rgba(0,0,0,0) 1px);
    background-size: 10px 10px;
    filter: opacity(50%);
    z-index: 8;
}

.object-slider .object-slider-scroll {
    bottom: 16rem;
    left: 1.5rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    writing-mode: vertical-lr;
    cursor: pointer;
    z-index: 8;    
}

.object-slider .object-slider-info {
    top: 13rem;
    left: 0;
    padding-left: 19rem;
    z-index: 4;
}

.object-slider .object-slider-info:before {
    width: 17rem;
    height: 1px;
    position: absolute;
    top: 115px;
    left: 0;
    background-color: #fff;
    content: '';
}

.object-slider .object-slider-info .object-slider-info-status {
    font-size: .9rem;
    color: #fff;
}

.object-slider .object-slider-info .object-slider-info-address {
    line-height: 1;
    font-family: 'Playfair Display', serif;
    font-size: 5rem;
    font-weight: 400;
    color: #fff;
}

.object-slider .object-slider-info .object-slider-info-address h1 {
    line-height: 1.2;
    font-family: 'Playfair Display', serif;
    font-size: 5rem;
    font-weight: 400;
    color: #fff;
}

.object-slider .object-slider-info .object-slider-info-address h1 span {
    font-size: 1.5rem;
    display: block;
}

.object-slider .object-slider-info .object-slider-info-address .object-slider-info-address-line-2 {
    font-size: 1.5rem;
}

.object-slider .object-slider-info .object-slider-info-price {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 500;
}

.object-slider .object-slider-info .object-slider-info-open-house {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700;
}

.object-slider .object-slider-logo {
    top: 15px;
    left: 15px;
    background-color: #fff;
    z-index: 3;
}

.object-slider .object-slider-logo img {
    max-width: 200px;
    max-height: 100px;
}

@media (max-width: 767.98px) {
    body {
        font-size: 0.8rem;
    }

    .object-slider {
        height: 860px;
    }

    .object-slider .object-slider-images,
    .object-slider .object-slider-images .carousel,
    .object-slider .object-slider-images .carousel .carousel-item img {
        height: 500px!important;
    }

    .object-slider .object-slider-info {
        top: 10rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .object-slider .object-slider-info:before {
        display: none;
    }

    .object-slider .object-slider-info .object-slider-info-address {
        line-height: 1.3;
        font-size: 1.7rem;
    }

    .object-slider .object-slider-info .object-slider-info-address .object-slider-info-address-line-2 {
        font-size: 1.1rem;
    }

    .object-slider .object-slider-info .object-slider-info-price {
        font-size: 1.2rem;
    }

    .object-slider .object-slider-info .object-slider-info-open-house {
        font-size: 1rem;
    }

    .object-slider .object-slider-features {
        width: 100vw;
        bottom: 0;
        right: 0;
        box-shadow: none;
    }

    .object-slider .object-slider-features .object-feature {
        border-right: 0;
    }

    .object-slider .object-slider-features.object-slider-features-scroll {
        bottom: 0;
    }

    .object-slider .object-slider-features .col-6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .object-slider .object-slider-features .col-6:not(:first-of-type),
    .object-slider .object-slider-features .col-6:not(:last-of-type) {
        border: 0;
    }

    .object-slider .object-slider-info .object-slider-info-address h1 {
        font-size: 1.6rem;
    }

    .object-slider .object-slider-info .object-slider-info-address h1 span {
        font-size: 1.2rem;
    }

    .object-contact-info .makelaar-foto-main {
        height: 150px; 
    }
    .object-contact-info .makelaar-foto-container {
        width: 150px !important;
        height: 150px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .object-slider .object-slider-info {
        top: 10rem;
        padding-left: 5rem;
    }

    .object-slider .object-slider-info:before {
        width: 4rem;
        top: 52px;
    }

    .object-slider .object-slider-info .object-slider-info-address {
        font-size: 4rem;
    }

    .object-slider .object-slider-features {
        width: 80vw;
        display:none;
    }

    .object-media .container:before {
        background-image:none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .object-slider .object-slider-features {
        width: auto;
    }

    .object-slider .object-slider-features .object-feature .object-feature-info {
        font-size: 1rem;
    }

    .object-slider .object-slider-features .object-feature-aantal-kamers .object-feature-info {
        line-height: 1.7rem;
    }

    .object-slider .object-slider-info {
        padding-left: 8rem;
    }

    .object-slider .object-slider-info .object-slider-info-address {
        font-size: 4rem;
    }

    .object-slider .object-slider-dotts {
        right: 71%;
    }

    .object-media .container:before {
        background-image:none !important;
    }
}

@media (min-width: 1200px) and (max-height: 720px) {
    .object-slider .object-slider-features {
        padding: 0 !important;
        bottom: 2.5rem;  
        right: 1.5rem;              
    }
    .object-slider .object-slider-features .object-feature.p-2 {
        padding: 0 !important;
    }
    .object-slider .object-slider-features .col-6 {
        padding: 1rem 1rem !important;
    }
    .object-slider .object-slider-dotts {
        display: none !important;
    }
}
@media (min-width: 1200px) and (max-height: 600px) {
    .object-slider .object-slider-features {
        display: none !important;
    }
}

@keyframes zoomin {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.1);
    }
}

@keyframes zoomout {
    0%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}

@keyframes slideleft {
    0%{
        transform: scale(1.2) translateX(0);
    }
    100%{
        transform: scale(1.2) translateX(-100px);
    }
}

@keyframes slideright {
    0%{
        transform: scale(1.2) translateX(0);
    }
    100%{
        transform: scale(1.2) translateX(100px);
    }
}


/* Content */
.object-description,
.object-features,
.object-media,
.object-brochure,
.object-floorplan,
.object-contact,
.object-living-environment,
.object-neighborhood-stats,
.object-area-stats,
.object-location-position,
.object-sustainable,
.object-solar-panels,
.object-solar-position,
.object-contact-info,
.object-social,
.object-offer,
.object-appointment,
.object-sustainable-all,
.object-neighbourhood,
.object-mortgage,
.object-bestanden,
.object-neighborhood-info,
.object-personalmessage {
    /* background-color: #fff; */
    z-index: 5;
}

/* Begin: Heading / H2 naar H1 / Ticket: 340128 */

.page-template-verkoopvoorstel .heading,
.page-template-huispresentatie .heading {
    font-size: 3.5rem;
}
.page-template-verkoopvoorstel .heading:after,
.page-template-huispresentatie .heading:after {
    width: 99px;
    height: 23px;
    position: absolute;
    /* top: 31px; 
    top: 86px;*/
    top: 134px;
    right: 5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='99px' height='23px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M98.965,11.716 L88.358,22.323 L87.651,21.616 L97.767,11.499 L87.651,1.383 L88.358,0.676 L98.965,11.283 L98.748,11.499 L98.965,11.716 ZM97.0,12.0 L0.0,12.0 L0.0,10.999 L97.0,10.999 L97.0,12.0 Z'/%3E%3C/svg%3E");
    opacity: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    content: '';
}
.page-template-huispresentatie .object-features .heading:after {
    left: 5rem;
    right: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page-template-huispresentatie .object-description .heading.rotate:after {
    left: 5rem;
    right: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-template-huispresentatie .object-sustainable .heading:after {
    top: 94px;
}

.page-template-verkoopvoorstel .heading.show:after,
.page-template-huispresentatie .heading.show:after {
    right: 1rem;
    opacity: 1;
}

.page-template-huispresentatie .object-features .heading.show:after {
    left: 1rem;
}

.page-template-huispresentatie .object-appointment .heading.show:after {
    top: 111px;
}

@media (max-width: 767.98px) {
    .page-template-verkoopvoorstel .heading,
    .page-template-huispresentatie .heading {
        font-size: 2.5rem;
    }
    .page-template-verkoopvoorstel .heading:after,
    .page-template-huispresentatie .heading:after {
        display: none;
    }
    .page-template-verkoopvoorstel .heading br,
    .page-template-huispresentatie .heading br {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .page-template-verkoopvoorstel .heading:after,
    .page-template-huispresentatie .heading:after {
        display: none;
    }
    .page-template-verkoopvoorstel .heading br,
    .page-template-huispresentatie .heading br {
        display: none;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .page-template-verkoopvoorstel .heading,
    .page-template-huispresentatie .heading {
        font-size: 2.5rem;
    }
}

/* Einde: Heading / H2 naar H1 / Ticket: 340128 */


.object-description h2,
.object-features h2,
.object-media h2,
.object-brochure h2,
.object-floorplan h2,
.object-contact h2,
.object-living-environment h2,
.object-neighborhood-stats h2,
.object-area-stats h2,
.object-location-position h2,
.object-sustainable h2,
.object-solar-panels h2,
.object-solar-position h2,
.object-contact-info h2,
.object-social h2,
.object-offer h2,
.object-appointment h2,
.object-sustainable-all h2,
.object-neighbourhood h2,
.object-mortgage h2,
.object-bestanden h2,
.object-diensten h2,
.object-neighborhood-info h2,
.object-personalmessage h2 {
    font-size: 3.5rem;
}

.object-description h2:after,
.object-features h2:after,
.object-media h2:after,
/*.object-brochure h2:after,*/
.object-floorplan h2:after,
.object-living-environment h2:after,
.object-neighborhood-stats h2:after,
.object-area-stats h2:after,
.object-location-position h2:after,
.object-sustainable h2:after,
.object-solar-panels h2:after,
.object-solar-position h2:after,
.object-contact-info h2:after,
.object-social h2:after,
.object-offer h2:after,
.object-appointment h2:after,
.object-sustainable-all h2:after,
.object-neighbourhood h2:after,
.object-mortgage h2:after,
.object-bestanden h2:after,
.object-diensten h2:after,
.object-neighborhood-info h2:after,
.object-personalmessage h2:after {
    width: 99px;
    height: 23px;
    position: absolute;
    /* top: 31px; 
    top: 86px;*/
    top: 134px;
    right: 5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='99px' height='23px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M98.965,11.716 L88.358,22.323 L87.651,21.616 L97.767,11.499 L87.651,1.383 L88.358,0.676 L98.965,11.283 L98.748,11.499 L98.965,11.716 ZM97.0,12.0 L0.0,12.0 L0.0,10.999 L97.0,10.999 L97.0,12.0 Z'/%3E%3C/svg%3E");
    opacity: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    content: '';
}

.object-features h2:after {
    left: 5rem;
    right: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.object-description h2.rotate:after {
    left: 5rem;
    right: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.object-sustainable h2:after {
    top: 94px;
}

.object-description h2.show:after,
.object-features h2.show:after,
.object-media h2.show:after,
.object-brochure h2.show:after,
.object-floorplan h2.show:after,
.object-contact h2.show:after,
.object-living-environment h2.show:after,
.object-neighborhood-stats h2.show:after,
.object-area-stats h2.show:after,
.object-location-position h2.show:after,
.object-sustainable h2.show:after,
.object-solar-panels h2.show:after,
.object-solar-position h2.show:after,
.object-contact-info h2.show:after,
.object-social h2.show:after,
.object-offer h2.show:after,
.object-appointment h2.show:after,
.object-sustainable-all h2.show:after,
.object-neighbourhood h2.show:after,
.object-mortgage h2.show:after,
.object-bestanden h2.show:after,
.object-diensten h2.show:after,
.object-neighborhood-info h2.show:after,
.object-personalmessage h2.show:after {
    right: 1rem;
    opacity: 1;
}

.object-features h2.show:after {
    left: 1rem;
}

.object-appointment h2.show:after {
    top: 111px;
}

.object-description .object-description-content,
.object-features .object-features-content {
    line-height: 1.8;
}

.object-description .object-description-content-small,
.object-features .object-features-list-small {
    max-height: 335px;
    overflow: hidden;
}

.object-features .object-features-list-small {
    max-height: 325px;
}

.object-description .object-description-content-small:after,
.object-features .object-features-list-small:after {
    width: 100%;
    height: 75px;
    position: absolute;
    bottom: 0;
    left: 0;
    /* background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0); */
    content: "";
    display: block;
}

.object-description .object-description-content-small:after,
.object-features .object-features-list-small:after {
    background: none;
}

.object-description .object-description-content-more,
.object-features .object-features-list-more {
    margin-top: 2rem;
}

.object-description .object-description-content-more span,
.object-features .object-features-list-more span {
    padding: 1rem 2rem;
    border: 1px solid #222;
    border-radius: .25rem;
    color: #222;
    cursor: pointer;
    display: table;
}

.object-description .object-description-content-more:hover span,
.object-features .object-features-list-more:hover span {
    opacity: 0.7;
}

.object-description .object-description-content-more span:after,
.object-features .object-features-list-more span:after {
    width: 5px;
    height: 9px;
    margin-top: -2px;
    margin-left: .7rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='5px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M4.898,4.722 L1.362,8.257 L0.655,7.550 L3.706,4.500 L0.655,1.449 L1.362,0.742 L4.898,4.277 L4.675,4.500 L4.898,4.722 Z'/%3E%3C/svg%3E");
    content: '';
    display: inline-block;
}

.object-features.object-features-open .col-lg-7 {
    width: 100%;
}

.object-features.object-features-open .col-lg-5 {
    opacity: 0;
}

.object-features .object-feature:nth-child(odd) {
    background-color: #f3f3f3;
}

.object-features .object-features-list .object-feature .object-feature-title {
    opacity: .7;
}

.object-features .object-features-list .object-feature .object-feature-info {
    color: #222;
}

.object-media:before {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 190px;
    left: -10px;
    transform: skew(1deg,4deg);
    box-shadow: 0px 11px 13px #0000000f;
    content: '';
    z-index: -1;
}

.object-media .container:before {
    width: 170px;
    height: 260px;
    position: absolute;
    top: 550px;
    left: 31%;
    background-image: radial-gradient(currentColor 1px,rgba(0,0,0,0) 1px);
    background-size: 10px 10px;
    filter: opacity(50%);
    content: '';
    z-index: 8;
}

/*
.object-media .object-photo:after,
.object-floorplan .object-photo:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -7px;
    top: -7px;
    border: 1px solid #4f5762;
    content: '';
    z-index: -6;
}
*/

.object-media .object-photo img,
.object-floorplan .object-photo img {
    width: 100%;
    height: 280px;
    padding: 7px;
    border: 1px solid #4f5762;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
    object-fit: cover;
}

.object-media .object-photo .object-photo-more {
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    font-size: 2rem;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.object-media .object-photo .object-photo-more:hover,
.object-media .object-photo .object-photo-more:focus {
    background-color: rgba(0, 0, 0, .5);
}

.object-media .list-object-media-navigation a:hover svg path,
.object-media .list-object-media-navigation a:focus svg path {
    opacity: 0.7;
}

.object-media a.btn-more:hover svg path,
.object-description a.btn-more:hover svg path,
.object-media a.btn-more:focus svg path,
.object-description a.btn-more:focus svg path {
    opacity: 0.7;
}

.object-brochure ._df_book {
    background-color: transparent!important;
}

.object-brochure .img-pdf {
    max-width: 80px;
}

.object-bestanden #objectbestanden-iframe {
    width: 100%;
    height: 60vh;
    border: 0;
    background-color: transparent;
}

.object-contact-info h3 {
    font-size: 1.5rem;
}

.object-contact-info .makelaar-foto-main {
    height: 250px; 
}
.object-contact-info .makelaar-foto-container {
    position: absolute;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    filter: drop-shadow(5px 7px 8px #bebebe);
}
.object-contact-info .makelaar-foto-container .makelaar-foto {
    width: 100%;
	height: 100%;
    position: absolute;
	top: 0;    
    left: 0;
    margin: auto;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

.object-contact-info .team-foto {
    max-height: 400px;
}

.object-sustainable-all .object-sustainable-all-button a,
.object-neighbourhood .object-neighbourhood-button a {
    background-color: #e6e6e6;
    font-size: 1.2rem;
}

.object-brochure:before,
.object-solar-panels:before,
.object-solar-position:before,
.object-living-environment:before,
.object-location-position:before,
.object-social:before,
.object-contact-info:before,
.object-offer:before,
.object-appointment:before,
.object-mortgage:before,
.object-diensten:before {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 100px;
    left: -10px;
    transform: skew(1deg,4deg);
    box-shadow: 0px 11px 13px #0000000f;
    content: '';
    z-index: -1;
}

@media (max-width: 767.98px) {
    .object-description h2,
    .object-features h2,
    .object-media h2,
    .object-brochure h2,
    .object-floorplan h2,
    .object-contact h2,
    .object-living-environment h2,
    .object-neighborhood-stats h2,
    .object-area-stats h2,
    .object-location-position h2,
    .object-sustainable h2,
    .object-solar-panels h2,
    .object-solar-position h2,
    .object-contact-info h2,
    .object-social h2,
    .object-offer h2,
    .object-appointment h2,
    .object-sustainable-all h2,
    .object-neighbourhood h2,
    .object-mortgage h2,
    .object-bestanden h2,
    .object-diensten h2,
    .object-neighborhood-info h2,
    .object-personalmessage h2 {
        font-size: 2.5rem;
    }

    .object-description h2:after,
    .object-features h2:after,
    .object-media h2:after,
    .object-floorplan h2:after,
    .object-living-environment h2:after,
    .object-neighborhood-stats h2:after,
    .object-area-stats h2:after,
    .object-location-position h2:after,
    .object-solar-panels h2:after,
    .object-solar-position h2:after,
    .object-contact-info h2:after,
    .object-social h2:after,
    .object-offer h2:after,
    .object-appointment h2:after,
    .object-sustainable-all h2:after,
    .object-neighbourhood h2:after,
    .object-mortgage h2:after,
    .object-bestanden h2:after,
    .object-diensten h2:after,
    .object-neighborhood-info h2:after,
    .object-personalmessage h2:after {
        display: none;
    }

    .object-description h2 br,
    .object-features h2 br,
    .object-media h2 br,
    .object-floorplan h2 br,
    .object-contact h2 br,
    .object-living-environment h2 br,
    .object-neighborhood-stats h2 br,
    .object-area-stats h2 br,
    .object-location-position h2 br,
    .object-solar-panels h2 br,
    .object-solar-position h2 br,
    .object-contact-info h2 br,
    .object-social h2 br,
    .object-offer h2 br,
    .object-appointment h2 br,
    .object-sustainable-all h2 br,
    .object-neighbourhood h2 br,
    .object-mortgage h2 br,
    .object-bestanden h2 br,
    .object-diensten h2 br,
    .object-neighborhood-info h2 br,
    .object-personalmessage h2 br {
        display: none;
    }

    .object-media .container:before {
        display: none;
    }

    .object-offer-button a span.movenl-first {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .object-description h2:after,
    .object-features h2:after,
    .object-media h2:after,
    .object-floorplan h2:after,
    .object-living-environment h2:after,
    .object-neighborhood-stats h2:after,
    .object-area-stats h2:after,
    .object-location-position h2:after,
    .object-solar-panels h2:after,
    .object-solar-position h2:after,
    .object-contact-info h2:after,
    .object-social h2:after,
    .object-offer h2:after,
    .object-appointment h2:after,
    .object-sustainable-all h2:after,
    .object-neighbourhood h2:after,
    .object-mortgage h2:after,
    .object-bestanden h2:after,
    .object-diensten h2:after,
    .object-neighborhood-info h2:after,
    .object-personalmessage h2:after {
        display: none;
    }

    .object-description h2 br,
    .object-features h2 br,
    .object-media h2 br,
    .object-floorplan h2 br,
    .object-contact h2 br,
    .object-living-environment h2 br,
    .object-neighborhood-stats h2 br,
    .object-area-stats h2 br,
    .object-location-position h2 br,
    .object-solar-panels h2 br,
    .object-solar-position h2 br,
    .object-contact-info h2 br,
    .object-social h2 br,
    .object-offer h2 br,
    .object-appointment h2 br,
    .object-sustainable-all h2 br,
    .object-neighbourhood h2 br,
    .object-mortgage h2 br,
    .object-bestanden h2 br,
    .object-diensten h2 br,
    .object-neighborhood-info h2 br,
    .object-personalmessage h2 br {
        display: none;
    }

    .object-media .container:before {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .object-description h2,
    .object-features h2,
    .object-media h2,
    .object-floorplan h2,
    .object-contact h2,
    .object-living-environment h2,
    .object-neighborhood-stats h2,
    .object-area-stats h2,
    .object-location-position h2,
    .object-solar-panels h2,
    .object-solar-position h2,
    .object-contact-info h2,
    .object-social h2,
    .object-offer h2,
    .object-appointment h2,
    .object-mortgage h2,
    .object-bestanden h2,
    .object-diensten h2,
    .object-neighborhood-info h2,
    .object-personalmessage h2 {
        font-size: 2.5rem;
    }
}

/* Solar panels */
.object-solar-panels .object-solar-panels-radiation .ortho {
    min-height: 345px;
    position: relative;
    display: block;
    overflow: hidden;
}

.object-solar-panels .object-solar-panels-radiation .ortho .layer {
    width: auto;
    height: auto; 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#ModalPvMedia .ortho .layer-roof img,
.object-solar-panels .object-solar-panels-radiation .ortho .layer-roof img {
    filter: invert(43%) sepia(86%) saturate(813%) hue-rotate(156deg) brightness(96%) contrast(103%);
}

.object-solar-panels .object-solar-panels-radiation .ortho .layer-roof {
    z-index:3;
}

#ModalPvMedia .ortho .layer-irradiation img,
.object-solar-panels .object-solar-panels-radiation .ortho .layer-irradiation img {
    filter: invert(100%) sepia(0%) saturate(7412%) hue-rotate(194deg) brightness(85%) contrast(90%);
}

.object-solar-panels .object-solar-panels-radiation .ortho .layer img
{
    width: 100%;
    min-height: 345px;
    object-fit: contain;
}

.object-solar-panels .object-solar-panels-radiation .carousel-caption {
    z-index: 4;
    width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0.25rem 0;
    bottom: 26px;
}

.object-solar-panels .object-solar-panels-radiation .carousel-caption h5 {
    color: #fff;    
}

.object-solar-panels .object-solar-panels-radiation .carousel-indicators button {
    /* width: 10px;
    height: 10px;
    background-color: #000; 
    border-radius: 50%; */
    width: 50px;
    opacity: .7;
    height: 50px;
    border: 0;
    background-color: unset;
}

.object-solar-panels .object-solar-panels-radiation .carousel-indicators button.active {     
    opacity: 1;
}

.object-solar-panels .object-solar-panels-radiation button.carousel-control-prev,
.object-solar-panels .object-solar-panels-radiation button.carousel-control-next {
    z-index: 5;
}

.object-solar-panels .object-solar-panels-radiation .carousel-indicators {
    position: relative !important;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0;
    display: inline-block;
}

.object-solar-panels .object-solar-panels-radiation-legend {
    font-size: .8rem;
}

.object-solar-panels .object-solar-panels-feature-svg svg {
    height: 45px;
}

#ModalPvMedia .ortho {
    max-width: 100%;
    height: 100vh;
    position: relative;
    display: block;
    overflow: hidden;
}
#ModalPvMedia .ortho .layer {
    width: auto;
    height: auto; 
    position: absolute;
    top: 0;
    left: 20%;
    z-index: 1;
}
#ModalPvMedia .ortho .layer-roof {
    z-index:3;
}
#ModalPvMedia .ortho .layer img {
    max-width: 100%;
    height: 100vh;
    object-fit: contain;
}

@media (max-width: 768px) {  
    #ModalPvMedia .ortho {
        height: 40vh !important;
    }  
    #ModalPvMedia .ortho .layer {
        left: 0 !important;
    }
    #ModalPvMedia .ortho .layer img {
        height: auto !important;
    }
    #ModalPvMedia .ortho .layer-roof {
        z-index:3;
    }
}


/* Social */
.object-social div.social-video {
    position: relative;
}
.object-social div.social-video-overlay {
    position: absolute;
    top: 35%;
    left: 40%;
}

.object-social div.container-loader {
    position: relative;
    width: 100vw;
    height: 100vh;
}

.object-social div.loader {
    width: calc(100% + 40px);
    height: calc(100% + 80px);
    position: absolute;
    top: -20px;
    left: -20px;
    background-color: rgba(255, 255, 255);
    border-radius: 10px;
    z-index: 3;
}

.object-social div.loader .img, 
.object-social div.loader .img .img-inner {
    width: 100%;
    height: 100%;
}

.object-social div.loader img {
    width: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.object-social .object-social-item a span {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 700;
    text-align: center;
    opacity: 0;
}

.object-social .object-social-item div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.object-social .object-social-item a:hover:before,
.object-social .object-social-item a:focus:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4f5762;
    opacity: .5;
    content: '';
}

.object-social .object-social-item a:hover span,
.object-social .object-social-item a:focus span {
    opacity: 1;
}

.object-social .object-download-txt {
    font-size: 10pt;
}

/* Login */
.object-login .svg-brand-tophuis {
    height: 70px;
    position: absolute;
    bottom: 0;
    right: 0;
}


/* OpenStreetMap Zonnestand */
.object-solar-position-frame { 
    position: relative;
}

.object-detail-open-streetmaps #zonnestand-kompas {
    width: 90px;
    height: 90px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(images/kompas.png);
    z-index: 999;
    background-size: cover;
}

.object-detail-open-streetmaps #zonnestand {
    height: 550px;
}

.object-detail-open-streetmaps .leaflet-popup {
    bottom: 12px !important;
}

.object-detail-open-streetmaps .leaflet-popup-content-wrapper {
    padding: 0;
    border-radius: 0;
}

.object-detail-open-streetmaps .leaflet-popup-content {
    margin: 0;
}

.object-detail-open-streetmaps .leaflet-container .leaflet-control-scale-line {
    border: 1px solid #777 !important;
}

.object-detail-open-streetmaps .leaflet-container .leaflet-marker-pane img {
    margin-top: -30px !important;
}

.object-detail-open-streetmaps .leaflet-container a.leaflet-popup-close-button {
    width: 26px;
    height: 26px;
    line-height: 23px;
    padding: 0;
    top: -13px;
    right: -13px;
    background-color: #f6a000;
    border-radius: 50%;
    color: #fff;
    font-weight: 400;
}

.object-detail-open-streetmaps .leaflet-container a.leaflet-popup-close-button:hover,
.object-detail-open-streetmaps .leaflet-container a.leaflet-popup-close-button:focus {
    color: #fff;
}

.object-detail-open-streetmaps .maps-object-photo {
    width: 210px;
}

.object-detail-open-streetmaps .maps-object-price {
    top: .5rem;
    left: .5rem;
    background-color: #2e2e2e;
    font-size: .7rem;
}

.accordion-flush .accordion-item .accordion-button {
    font-family: 'Open Sans', sans-serif;
    font-size: .9rem;
}

.accordion-flush .accordion-item .accordion-button .badge {
    font-size: .9rem;
    font-weight: 400;
}

.accordion-flush .accordion-item .accordion-button:not(.collapsed),
.accordion-flush .accordion-item .accordion-button:focus {
    background-color: #e9e9e9;
    border-color: #222;
    color: #222;
    outline: 0;
    box-shadow: none;
}

/* Leaflet */
.leaflet-touch .leaflet-control-layers-toggle {
    width: 30px;
    height: 30px;
}
.leaflet-control-layers-toggle {
    background-size: 20px 20px;
}
.leaflet-control-layers-scrollbar {
    overflow: hidden !important;
    min-height: 60px !important;
}

#object-polygon {
    min-height: 230px
}
#buurt-polygon,
#wijk-polygon {
    min-height: 260px
}

/* GoogleMaps locatie */
.object-detail-maps .object-detail-maps-frame {
    height: 500px;
    position: relative;
    display: flex;
}

.object-detail-maps-link .object-detail-maps-image {
    height: 400px;
}

.object-detail-maps-link .object-detail-maps-image span {
    bottom: 3rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid transparent;
}
.object-detail-maps .gm-style-iw-chr {
    position: absolute;
    top: 0px;
    height: 28px;
    display: block;
    width: 100%;
}
.object-detail-maps .gm-style-iw-chr button.gm-ui-hover-effect {
    background-color: #ffffff !important;
    position: absolute !important;
    width: 24px !important;
    height: 24px !important;
    z-index: 2;
}
.object-detail-maps .gm-style-iw-chr button.gm-ui-hover-effect span {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
}

.object-detail-maps .gm-style .gm-style-iw-t {
    bottom: 64px !important;
}

.object-detail-maps .gm-style .gm-style-iw-c {
    padding: 0;
    border-radius: 0;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
    padding-top: 0 !important;
}

.object-detail-maps .gm-style .gm-style-iw-t:after {
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.object-detail-maps .maps-object {
    width: 250px;
}

.object-detail-maps .maps-object-photo img {
    max-width: 100%;
}

.object-detail-maps .object-detail-maps-legend-distance span.object-detail-maps-legend-distance-walking:before,
.object-detail-maps .object-detail-maps-legend-distance span.object-detail-maps-legend-distance-bicycle:before {
    width: 20px;
    height: 20px;
    margin-right: .5rem;
    border: 1px solid;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    content: '';
}

.object-detail-maps .object-detail-maps-legend-distance span.object-detail-maps-legend-distance-walking:before {
    background-color: #bdd6f1;
    border-color: #6ab4ff;
}

.object-detail-maps .object-detail-maps-legend-distance span.object-detail-maps-legend-distance-bicycle:before {
    background-color: #d6e1ea;
    border-color: #6ab4ff;
}

.object-detail-maps .object-detail-maps-legend-options h4 {
    font-size: 1rem;
}

.object-detail-maps .object-detail-maps-distanceText {
    overflow-y: auto;
    height: 300px;
}

.object-detail-maps .object-detail-maps-distanceText .nearby-item {
    cursor: pointer;
}

.object-detail-maps .object-detail-maps-routeform .object-detail-maps-route-user {
    position: relative;
}

.object-detail-maps .object-detail-maps-routeform .userlocation {
    background-position: center center;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 10px;
    cursor: pointer !important;
}

.object-detail-maps .object-detail-maps-frame #googleMap {
    flex: auto;
}

.object-detail-maps .object-detail-maps-frame #divNearbyDirectionpanel {
    padding: 0 1rem;
    max-width: 30rem;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    flex: 0 1 auto;
    border: 0;
    border-left: 1px solid #b8b8b8;
}

.object-detail-maps .object-detail-maps-frame #divNearbyDirectionpanel .adp-placemark td img.adp-marker2 {
    display: none;
}

.object-detail-maps .object-detail-maps-frame #divNearbyDirectionpanel .adp-placemark td.adp-text {
    font-weight: 700;
    line-height: 26px;
}

.object-detail-maps .object-detail-maps-frame #divNearbyRouteText button.hide {
    width: 80px;
    height: 26px;
    cursor: pointer;
    border: 0px;
    border-radius: 8px 8px 0px 0px;
    background: #b8b8b8;
    position: absolute;
    right: 452px;
    top: 201px;
    transform: rotate(-90deg);
}

.object-detail-maps .object-detail-maps-frame #divNearbyRouteText button.hide:after {
    content: 'sluiten';
}

.object-detail-maps .object-detail-maps-frame #divNearbyRouteText button.move-right {
    right: -27px;
}
.object-detail-maps .object-detail-maps-frame #divNearbyRouteText button.move-right:after {
    content: 'open';
}

.object-detail-maps .object-detail-maps-frame #divNearbyDirectionpanel > div {
    padding: 0.5rem;
  }

.object-detail-maps .object-detail-maps-streetview-frame {
    height: 300px;
}

.gm-style-iw-d .gm-iw {
    margin: 28px 10px 18px 10px;
}

.gm-style-iw-d {
    overflow: hidden !important;
}

.gm-ui-hover-effect {
    background: inherit !important;
    top: 0px !important;
    right: 0px !important;
    border: 1px solid;
}

div#marker-tooltip {
    width: auto;
    height: auto;
    padding: 0 10px;
    position: absolute;
    font-size: 13px;
    background: #fff;
    border: 1px solid #97abc1;
    border-radius: 2px;
    display: block;
    color: #333;
}

.object-detail-maps .maps-places-company {
    width: 90%;
}

.object-detail-maps .maps-object-price {
    top: .5rem;
    left: .5rem;
    background-color: #2e2e2e;
    font-size: .7rem;
}


/* Offer */
.object-offer-button {
    top: 40%;
    right: -60px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 30;
}
.object-offer-button-movenl {
    right: -100px;  
}
@supports(-moz-appearance:none) {
    .object-offer-button-movenl {
        right: -72px;  
    }
}

/* .modal-open .object-offer-button {
    right: -59px;
} */

.object-offer-button a {
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
    font-weight: 700;
}

.object-offer-button a svg {
    position: relative;
    top: -2px;
}

.object-offer-button a:hover {
    color: #ffffff;
    background-color: #666666;
}

.object-offer-button a:hover svg path {
    stroke: #ffffff;
}

.object-hypotheek-button {
    text-transform: uppercase;
    font-weight: 700;
    bottom: 11%;
    left: 1%;
    z-index: 30;    
}
.object-hypotheek-button-position {
    bottom: 19%;
}

.object-hypotheek-button a {
    border-radius: .50rem;
}

.object-hypotheek-button a:hover {
    color: #ffffff;
}

.object-social-button {
    text-transform: uppercase;
    font-weight: 700;
    bottom: 3%;
    left: 1%;
    z-index: 30;    
}

.object-social-button a {
    border-radius: .50rem;
}

.object-social-button a:hover {
    color: #ffffff;
}


/* Social layouts */
.social-share .social {
    margin-bottom: 2rem;
}

/* Layout 1 */
.social-share .social-1 {
    width: 1080px;
    height: 1080px;
    position: relative;
	background-color: #fff;
}

.social-share .social-1 .social-image {
    height: calc(100% - 254px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.social-share .social-1 .social-image .social-image-overlay {
    width: 100%;
    bottom: -140px;
    left: 0;
}

.social-share .social-1 .social-image .social-image-overlay svg {
    fill: #fff;
}

.social-share .social-1 .social-makelaar {
    width: 245px;
    height: 245px;
    top: calc(50% + 127px);
    right: 335px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 1.2rem;
}

.social-share .social-1 .social-makelaar .makelaar-foto-container {
    position: absolute;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;    
    border-radius: 50%;
    top: 14%;
    right: 28%;
    width: 45%;
    height: 45%;
}
.social-share .social-1 .social-makelaar .makelaar-foto-container .makelaar-foto {
    width: 100%;
	height: 100%;
    position: absolute;
	top: 0;    
    left: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;    
}
.social-share .social-1 .social-makelaar .makelaar-informatie {
    margin-top: 50%;    
}

.social-share .social-1 .social-price {
    width: 315px;
    height: 315px;
    top: calc(50% + 50px);
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 2rem;
}

.social-share .social-1 .social-price span:nth-child(1) {
    display: block;
}

.social-share .social-1 .social-status {
    width: 400px;
    position: absolute;
    top: -45px;
    left: -50px;
    transform: translate(-110px) rotate(-45deg);
    transform-origin: 100% 0%;
    padding: 6px;
    font-size: 2rem;
}

.social-share .social-1 .social-domain {
    top: 1rem;
    right: 1rem;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    white-space: nowrap;
}

.social-share .social-1 .social-address {
    font-size: 1.7rem;
    z-index: 3;
}

.social-share .social-1 .social-address span:nth-child(1) {
    font-weight: 700;
}

.social-share .social-1 .social-logo {
    z-index: 3;
}

.social-share .social-1 .social-logo img {
    max-height: 90px;
}

.social-share .social-1 .social-logo-th svg {
    height: 80px;
}


/* Layout 2 */
.social-share .social-2 {
    width: 1080px;
    height: 1080px;
    position: relative;
	background-color: #fff;
}

.social-share .social-2 .social-info {
    width: 50%;
    height: calc(100% - 160px);
    top: 0;
    right: 0;
}

.social-share .social-2 .social-features {
    width: 50%;
    bottom: 15%;
    left: 40px;
    font-size: 15pt;
}

.social-share .social-2 .social-address {
    font-size: 1.7rem;
}

.social-share .social-2 .social-address span:nth-child(1) {
    font-weight: 700;
}

.social-share .social-2 .social-price {
    font-weight: 700;
}

.social-share .social-2 .social-image {
    width: calc(100% - 120px);
    height: calc(100% - 390px);
    top: 20px;
    left: 100px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.social-share .social-2 .social-status {
    width: 400px;
    position: absolute;
    top: -45px;
    left: -50px;
    transform: translate(-110px) rotate(-45deg);
    transform-origin: 100% 0%;
    padding: 6px;
    font-size: 2rem;
}

.social-share .social-2 .social-domain {
    transform-origin: top left;
    left: 27px;
    top: calc(50% + 100px);
    transform: rotate(-90deg) translateX(-50%);
    font-size: 1.2rem;
    color: #222;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    white-space: nowrap;
}

.social-share .social-2 .social-footer {
    width: calc(100% - 2rem);
    bottom: 20px;
    left: 0;
    padding-left: 2rem;
    padding-right: 2rem;
}

.social-share .social-2 .social-footer .social-logo img {
    max-height: 90px;
}

.social-share .social-2 .social-footer .social-makelaar {
    position: absolute;
    bottom: 0;
}
.social-share .social-2 .social-footer .social-makelaar .makelaar-foto-container {
    display: inline-block;
}

.social-share .social-2 .social-footer .social-makelaar .makelaar-foto-container .makelaar-foto {
    width: 90px;
    height: 90px;
    background-size: 90px 90px;    
}

.social-share .social-2 .social-footer .social-makelaar .makelaar-informatie {
    display: inline-block;
    font-size: 1.1rem;
}

.social-share .social-2 .social-footer .social-logo-th svg {
    height: 80px;
}

/* Layout 3 */
.social-share .social-3 {
    width: 1080px;
    height: 1080px;
    position: relative;
	background-color: #fff;
}

.social-share .social-3 .social-info {
    width: calc(100% - 100px);
    height: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.social-share .social-3 .social-address {
    font-size: 1.3rem;
    color: #222;
}

.social-share .social-3 .social-address span:nth-child(1) {
    font-weight: 700;
}

.social-share .social-3 .social-price {
    color: #222;
    font-weight: 700;
}

.social-share .social-3 .social-features {
    font-size: 11pt;
    color: #222;
}

.social-share .social-3 .social-logo img {
    max-height: 90px;
}

.social-share .social-3 .social-status {
    width: 400px;
    position: absolute;
    top: -45px;
    left: -50px;
    transform: translate(-110px) rotate(-45deg);
    transform-origin: 100% 0%;
    padding: 6px;
    font-size: 2rem;
}

.social-share .social-3 .social-domain {
    bottom: 230px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    white-space: nowrap;
}

.social-share .social-3 .social-logo-th {
    bottom: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.social-share .social-3 .social-logo-th svg {
    height: 80px;
}

.social-share .social-3 .social-makelaar {
    bottom: 50px;
    left: 9%;
    font-size: 0.9rem;
}
.social-share .social-3 .social-makelaar .makelaar-foto-container .makelaar-foto {
    width: 90px;
    height: 90px;
    background-size: 90px 90px;    
}
.social-share .social-3 .social-logo-th-makelaar {
    left: unset;
    right: 0;
}

.social-share .social-3 .social-photo {
    width: 100%;
    height: calc(50% - 10px);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.social-share .social-3 .social-photo.social-photo-1 {
    margin-bottom: 20px;
    overflow: hidden;
}

/* Layout 4 */
.social-share .social-4 {
    width: 1080px;
    height: 1080px;
    position: relative;
	background-color: #fff;
}

.social-share .social-4 .row-header {
    background-position: -100% -100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.social-share .social-4 .social-logo {
    height: 156px;
    background-color: #fff;
    top: 56px;
    display: flex;
    justify-content: center;
}

.social-share .social-4 .social-logo img.logo {
    max-width: 80%;
    max-height: 80%;
    margin: auto;
    display: block;
}

.social-share .social-4 .social-logo-th {
    width: 98px;
    right: 20px;
    top: 66px;
}

.social-share .social-4 .social-status {
    top: 30%;
    left: 30%;
    transform: translate(-110px) rotate(-30deg);
    transform-origin: 100% 0%;
    font-size: 80pt;    
    font-weight: bold;  
}

.social-share .social-4 .social-status .status {
    text-transform: uppercase;
}

.social-share .social-4 .social-status-voorbehoud {
    top: 15%;
    left: 20%; 
    font-size: 50pt;     
}

.social-share .social-4 .social-photo-1 {
    width: 100%;
    height: 100%;
    /* height: calc(100% - 10px); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.social-share .social-4 .social-domain {
    top: 20px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
}

.social-share .social-4 .social-makelaar {
    bottom: -7px;
    left: 20px;
}
.social-share .social-4 .social-makelaar .makelaar-foto-container {
    display: inline-block;
}

.social-share .social-4 .social-makelaar .makelaar-foto-container .makelaar-foto {
    width: 90px;
    height: 90px;
    background-size: 90px 90px;    
}

.social-share .social-4 .social-makelaar .makelaar-informatie {
    display: inline-block;
    font-size: 0.9rem;
}

.social-share .social-4 .social-qrcode {
    margin-top: 20px;
    height: 120px;
}
.social-share .social-4 .social-qrcode .qr {
    max-width: 100%;
    max-height: 100%;
}

.social-share .social-4 .social-makelaar-adres {
    bottom: 20px;
    font-size: 1rem;
}

/* END */

.object-share .list-unstyled {
    margin-top:0;
    padding-left: 0;
    list-style: none;
    box-sizing: border-box;
}

.object-share li a {
    width: 33px;
    height: 33px;
    background-color: #f0f0f0;
}

.object-share li a svg {
    max-width: 14px;
    max-height: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #000;
}

/* Diensten */
.object-diensten .object-detail-title-diensten {
    text-transform: capitalize;
}

/* Modal */
.modal .modal-close {
    width: 40px;
    height: 40px;
    top: -20px;
    right: -20px;
    background-color: #dfdfdf;
    cursor: pointer;
    z-index: 2;
}

.modal .modal-close:hover,
.modal .modal-close:focus {
    background-color: #780807;
}

.modal .modal-close:before,
.modal .modal-close:after {
    width: 15px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #780807;
    content: "";
}

.modal .modal-close:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.modal .modal-close:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.modal .modal-close:hover:before,
.modal .modal-close:focus:before,
.modal .modal-close:hover:after,
.modal .modal-close:focus:after {
    background-color: #000;
}

.modal-full-screen .modal-close {
    top: 7px;
    right: 20px;
    background-color: transparent;
}

.modal-full-screen .modal-close:before,
.modal-full-screen .modal-close:after {
    background-color: #333;
}

.modal-full-screen .modal-close:hover,
.modal-full-screen .modal-close:focus {
    background-color: transparent;
    color: #000;
}

.modal-full-screen .carousel-control-prev:before,
.modal-full-screen .carousel-control-prev:after,
.modal-full-screen .carousel-control-next:before,
.modal-full-screen .carousel-control-next:after {
    width: 30px;
    height: 2px;
    position: absolute;
    left: 50%;
    background-color: #333;
    content: ""
}

/*
.modal-full-screen:not(#Modal360) .modal-content {
    height: auto!important;
}
*/

.modal-full-screen .carousel-item img {
	/*height: auto!important;*/
	object-fit: cover;
}


.modal-full-screen .carousel-control-prev:before {
    top: calc(50% - 10px);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.modal-full-screen .carousel-control-prev:after {
    top: calc(50% + 10px);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.modal-full-screen .carousel-control-next:before {
    top: calc(50% - 10px);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.modal-full-screen .carousel-control-next:after {
    top: calc(50% + 10px);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.modal-full-screen .carousel-control-prev span,
.modal-full-screen .carousel-control-next span {
    display: none
}

.modal-full-screen .carousel-inner {
    height: 100%;
}

.modal-full-screen .carousel-inner-thumbs {
    width: 100%;
    position: absolute;
    height: 20%;
    top: 0;
    left: 0;
    bottom: 0;  /*stretch from top to bottom w.r.t .main section*/
    overflow-x: scroll;
    z-index: 3;
}

.modal-brochure .modal-body a {
    color: #000;
}

.modal-brochure .modal-body a svg,
.modal-url .modal-body a svg {
    max-width: 34px;
    fill: #9b9b9b;
}

.modal-social .modal-body-social canvas,
.modal-social .modal-body-social img {
    width: 100%!important;
    height: auto!important;
}

.modal-social .modal-body-share li a {
    width: 33px;
    height: 33px;
    background-color: #f0f0f0;
}

.modal-social .modal-body-share li a svg {
    max-width: 14px;
    max-height: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #000;
}

.modal-video .modal-body {
    overflow: hidden;
}
.modal-video iframe,
.modal-video video {
    height: calc(100% - 59px) !important;
}

@media (max-width: 767.98px) {
    .modal .modal-dialog,
    .modal .modal-content,
    .modal .carousel-item,
    .modal-full-screen .carousel-item img {
        height: auto!important;
    }

    .modal-full-screen .carousel-control-prev,
    .modal-full-screen .carousel-control-next {
        opacity: 1;
    }

    .modal-full-screen .carousel-control-prev:before,
    .modal-full-screen .carousel-control-prev:after,
    .modal-full-screen .carousel-control-next:before,
    .modal-full-screen .carousel-control-next:after,
    .modal-full-screen .modal-close:before,
    .modal-full-screen .modal-close:after {
        background-color: #fff;
    }
}


/* Banner */
.banner {
    background-color: #fff;
    z-index: 5;
}

.banner .banner-image {
    top: 0;
    left: 0;
}

.banner .banner-image:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    content: '';
}

.banner a {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.banner a h3,
.banner a h4 {
    color: #fff;
    font-size: 1.5rem;
}

.banner a h3:before,
.banner a h4:before {
    width: 16px;
    height: 12px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.931,6.260 C14.936,6.265 14.943,6.266 14.948,6.271 C15.222,6.545 15.222,6.990 14.948,7.264 L10.835,11.377 C10.561,11.651 10.116,11.651 9.842,11.377 C9.568,11.102 9.568,10.658 9.842,10.383 L13.263,6.963 L0.0,6.963 L0.0,5.558 L13.263,5.558 L9.842,2.137 C9.568,1.863 9.568,1.418 9.842,1.144 C10.116,0.870 10.561,0.870 10.835,1.144 L14.948,5.256 C15.222,5.531 15.222,5.975 14.948,6.249 C14.943,6.254 14.936,6.256 14.931,6.260 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    content: '';
    display: inline-block;    
}



/* Footer */
.footer {
    background-color: #efefef;
    border-top: 1px solid #eaeaea;
    z-index: 5;
}

.footer a {
    color: inherit;
}

.footer a:hover,
.footer a:focus {
    color: inherit;
    opacity: 0.6;
}

.footer h4,
.footer h5 {
    font-size: 1rem;
    font-weight: 600;
}

.footer li.domeinnaam {
    line-height: 3;
}

.footer li .nav-item-diensten {
    display: none;
}

.footer ul.list-navigation {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer ul.list-navigation li.menu-item-extra-info a.nav-item-extra-info {
    display: none;    
}

.footer ul.list-navigation li.menu-item-extra-info ul.dropdown-menu {
    position: unset;
    display: block;
    min-width: unset;
    padding: 0;
    margin: 0;
    font-size: unset;
    color: unset;
    text-align: left;
    list-style: none;
    background-color: unset;
    background-clip: unset;
    border: unset;
    border-radius: unset;
}

.footer ul.list-navigation li a {
    padding: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    font-size: 0.8rem;
}

.footer ul.list-navigation li a:hover,
.footer ul.list-navigation li a:focus {
    margin-left: 0.6rem;
    color: #4f5762;
} 

.footer ul.list-navigation li a:before {
    width: 16px;
    height: 12px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(34, 34, 34)' d='M14.931,6.260 C14.936,6.265 14.943,6.266 14.948,6.271 C15.222,6.545 15.222,6.990 14.948,7.264 L10.835,11.377 C10.561,11.651 10.116,11.651 9.842,11.377 C9.568,11.102 9.568,10.658 9.842,10.383 L13.263,6.963 L0.0,6.963 L0.0,5.558 L13.263,5.558 L9.842,2.137 C9.568,1.863 9.568,1.418 9.842,1.144 C10.116,0.870 10.561,0.870 10.835,1.144 L14.948,5.256 C15.222,5.531 15.222,5.975 14.948,6.249 C14.943,6.254 14.936,6.256 14.931,6.260 Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    content: '';
    display: inline-block;
}

.footer ul#menu-menu-2 li a {
    text-transform: capitalize;
}
.footer img.qr {
    max-height: 160px;
}

@media (max-width: 991.98px) {
    .footer .container .row .border-end {
        border: 0 !important;
    }
}

.footer-brands {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    z-index: 5;
}

.footer-brands img {
    max-width: 200px;
    max-height: 100px;
}

.footer-brands svg {
    height: 100px;
}
.footer-brands .svg-brand {
    height: 50px;
    margin-right: 10px;
    vertical-align: bottom;
}
.footer-brands .svg-brand-tophuis {
    height: 100px;
}
.footer-brands .href-brand-nvm,
.footer-brands .href-brand-mva {
    display:none;
}

.footer-copyright {
    font-size: 0.7rem;
}

/* Table fix */
@media (max-width: 767.98px) {
    .table > :not(caption) > * > * {
        font-size: .8rem;
    }

    .footer-brands .svg-brand-tophuis {
        height: 75px;
    }
}

/* Layout fix */
.object-background-image {
    background-color: #fff;
    opacity: .1;
    z-index: -1;
    top:0;
}

.object-slider {
    z-index: 5;
}

.object-slider .object-slider-images .object-slider-images-cut {
    bottom: -270px;
}

.object-slider .object-slider-images .object-slider-images-cut .cut {
    width: 200%;
    height: 300px;
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    outline: 0;
    outline-offset: 0;
}

.object-slider .object-slider-images .object-slider-images-cut .cut:after {
    width: 100%;
    height: 1px;
    position: absolute;
    top: -12px;
    left: 0;
    background-color: #fff;
    content: '';
}

.object-features .object-feature:nth-child(2n+1),
.object-sustainable-all .object-sustainable-all-button a,
.object-neighbourhood .object-neighbourhood-button a {
    background-color: rgba(255,255,255,.4);
}

.object-media:before,
.object-brochure:before,
.object-solar-panels:before,
.object-solar-position:before,
.object-living-environment:before,
.object-location-position:before,
.object-social:before,
.object-contact-info:before,
.object-offer:before,
.object-appointment:before,
.object-diensten:before {
    display: none;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.object-notavailable .poweredby {
    max-height: 120px;  
}

span.notranslate {
    display: inline-block;
}

.object-social .object-social-item img.object-social-image {
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}

@media (max-width: 991.98px) {
    .object-notavailable .container .row .a-klant-logo img {
        max-width: 70%;
    }
    .object-notavailable .poweredby {
        max-height: 80px;
    }
    span.notranslate {
        display: inline;
    }
    .object-notavailable h3 {
        text-align: center;
        font-weight: 700;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .object-features .object-features-list-small {
        font-size: 0.7rem;
    }
    .object-features .object-features-list-small .object-detail-title-sub {
        font-size: 1.1rem;
    }
}



/* Verkoopvoorstel */
.page-template-verkoopvoorstel .object-background-image {
    z-index: 0;
}

.page-template-verkoopvoorstel .object-slider .object-slider-features {
    max-width: 980px;
    box-shadow: 0 0 0 10px #efefef;
    border-radius: 10px;
    overflow: hidden;
}

.page-template-verkoopvoorstel .object-slider .object-slider-features:after {
    width: 110%;
    height: 100%;
    position: absolute;
    top: 100px;
    left: -5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1195 197'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M2.000,106.1000 C2.000,106.1000 310.592,-83.555 701.000,49.000 C1091.408,181.555 1157.592,73.445 1192.000,37.000 '/%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M2.000,122.1000 C2.000,122.1000 310.592,-67.555 701.000,65.000 C1091.408,197.555 1157.592,89.445 1192.000,53.000 '/%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M2.000,138.1000 C2.000,138.1000 310.592,-51.555 701.000,81.000 C1091.408,213.555 1157.592,105.445 1192.000,69.000 '/%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M2.000,154.1000 C2.000,154.1000 310.592,-35.555 701.000,97.000 C1091.408,229.555 1157.592,121.445 1192.000,85.000 '/%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M2.000,170.1000 C2.000,170.1000 310.592,-19.555 701.000,113.000 C1091.408,245.555 1157.592,137.445 1192.000,101.000 '/%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M2.000,186.1000 C2.000,186.1000 310.592,-3.555 701.000,129.000 C1091.408,261.555 1157.592,153.445 1192.000,117.000 '/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-repeat: 110% auto;
    opacity: .1;
    content: '';
}

.page-template-verkoopvoorstel .object-slider .object-slider-features .row {
    position: relative;
    z-index: 2;
}

.page-template-verkoopvoorstel .object-slider .object-slider-images .carousel .carousel-item:nth-child(1) img,
.page-template-verkoopvoorstel .object-slider .object-slider-images .carousel .carousel-item:nth-child(5) img {
    animation: none;
}

.page-template-verkoopvoorstel .object-slider-features .list-unstyled li {
    line-height: unset;
    margin-bottom: .3em
}
.page-template-verkoopvoorstel .object-slider-features .list-unstyled li,
.page-template-verkoopvoorstel .object-slider-features .list-unstyled li h5,
.page-template-verkoopvoorstel .object-slider-features .list-unstyled li a {
    color: unset;
}
/*
.page-template-verkoopvoorstel .vv_accordion .accordion-inner {
    color: initial;
}
*/

.page-template-verkoopvoorstel .vv_accordion .accordion-title.active {
    border-color: #7a7a7a!important;
    color: #7a7a7a!important;
}

.page-template-verkoopvoorstel .banner {
    min-height: 19rem;
}

.page-template-verkoopvoorstel .object-contact-info .makelaar-foto-container {
    width: 200px;
    height: 200px;
}

.page-template-verkoopvoorstel .banner-position {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.page-template-verkoopvoorstel .banner .banner-position .object-button {
    min-width: 200px;
    text-align: center;
}
.page-template-verkoopvoorstel .object-verkoopvoorstel-button {
    text-transform: uppercase;
    font-weight: 700;
    bottom: 3%;
    left: 1%;
    z-index: 30;    
}

.page-template-verkoopvoorstel .object-verkoopvoorstel-button a {
    border-radius: .50rem;
}

.page-template-verkoopvoorstel .object-verkoopvoorstel-button a:hover,
.page-template-verkoopvoorstel .object-verkoopvoorstel-button a:focus {
    color: #ffffff;
}

@media (max-width: 767.98px) {
    .page-template-verkoopvoorstel .banner .banner-position .object-button {
        min-width: 175px;
    }
}

/* Raamcomputer */

.page-template-raamcomputer {
    margin: 0; 
    padding: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.page-template-raamcomputer .loader-bar {
    position: fixed; bottom: 0; left: 0; z-index: 9999; 
    height: 8px; background-color: red; 
    animation: fillBar 28s linear forwards;
}

@keyframes fillBar {
    from { width: 0%; }
    to { width: 100%; }
}

.page-template-raamcomputer .object-slider {
    display: flex;
    flex-grow: 1;
}

.page-template-raamcomputer .object-slider .object-slider-logo {
    display: none;
}

.page-template-raamcomputer .object-slider .object-slider-qr-code {
    top: 15px;
    left: 15px;
    background-color: #fff;
    z-index: 3;
    width: 11rem;
}

.page-template-raamcomputer .object-slider .object-slider-info {
   width: 96rem; 
}

/* .page-template-raamcomputer .object-slider .object-slider-info .object-slider-info-status {
    font-size: 1rem;
    font-weight: 800;
} */

.page-template-raamcomputer .object-slider .object-slider-info .object-slider-info-address h1 {
    font-size: 6rem;
}

.page-template-raamcomputer .object-slider .object-slider-info .object-slider-info-price {
    font-size: 2.5rem;
}

.page-template-raamcomputer .object-slider .object-slider-info .object-slider-info-price:first-letter {
    text-transform: uppercase;
}    

.page-template-raamcomputer .object-slider .object-slider-features {
    padding: 0;
}

.page-template-raamcomputer .object-slider .object-slider-features .col-6 {
    padding: 0.25rem 1rem !important;
}

.page-template-raamcomputer .object-slider .object-slider-drop-in-images {
    top: 2rem;
    right: 2rem;
    z-index: 4;
    display: flex;
    flex-direction: column; 
    align-items: flex-end;
}

.page-template-raamcomputer .object-slider .object-slider-features.drop-in,
.page-template-raamcomputer .object-slider .object-slider-features .object-feature .drop-in,
.page-template-raamcomputer .object-slider .object-slider-drop-in-images .drop-in {
    opacity: 0; 
    animation-name: dropIn;
    animation-duration: 1s; 
    animation-fill-mode: forwards;
}

.page-template-raamcomputer .object-slider .object-slider-drop-in-images img {            
    height: 25vh; 
    object-fit: cover;
    margin-bottom: 5vh;
    border: 0.5rem solid #ffffff;
    /* filter: drop-shadow(0 0 0.75rem crimson); */
}

.page-template-raamcomputer .object-slider .object-slider-drop-in-images img:nth-child(1) { animation-delay: 0.75s; }
.page-template-raamcomputer .object-slider .object-slider-drop-in-images img:nth-child(2) { animation-delay: 1s; }
.page-template-raamcomputer .object-slider .object-slider-drop-in-images img:nth-child(3) { animation-delay: 1.25s; }

.page-template-raamcomputer .object-slider .object-slider-features.drop-in { animation-delay: 1s; }
.page-template-raamcomputer .object-slider .object-slider-features .object-feature .drop-in:nth-child(1) { animation-delay: 1s; }
.page-template-raamcomputer .object-slider .object-slider-features .object-feature .drop-in:nth-child(2) { animation-delay: 1s; }
.page-template-raamcomputer .object-slider .object-slider-features .object-feature .drop-in:nth-child(3) { animation-delay: 1s; }
.page-template-raamcomputer .object-slider .object-slider-features .object-feature .drop-in:nth-child(4) { animation-delay: 1s; }

@keyframes dropIn {
    from {
        opacity: 0;
        transform: translateY(-5vh); 
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-template-raamcomputer .object-slider-dotts {
    display: none !important;
}

.page-template-raamcomputer .object-slider .object-slider-features {
    bottom: 1.2rem !important;
    left: 2rem !important;
    right: unset !important;
}