:root {
    --color-primary: var(--e-global-color-primary, #F9B233);
    --color-secondary: var(--e-global-color-secondary, #111111);
    --color-text: var(--e-global-color-text, #7A7A7A);
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a,
button {
    cursor: pointer
}

button {
    background-color: rgba(0, 0, 0, 0);
    color: inherit;
    border-width: 0;
    padding: 0
}

blockquote,
figure {
    margin: 0
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

dd,
dt,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

p {
    margin: 0
}

cite {
    font-style: normal
}

fieldset {
    border-width: 0;
    padding: 0;
    margin: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

.single-venum_wonen main {
    padding-top: 120px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    appearance: button;
    border: 0;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
button:hover {
    background-color: transparent;
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

* {
    text-rendering: optimizelegibility;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    background-color: #fff;
    color: #000;
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    overflow-y: scroll;
    min-height: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 62.5%;
    scroll-behavior: smooth
}

html.modal-open,
html.no-scroll {
    overflow: hidden
}

@media (max-width:767px) {
    body {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:768px) {
    body {
        font-size: 16px;
        line-height: 24px
    }
}

textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

img {
    vertical-align: top
}

input {
    font-size: inherit
}

input[type=email],
input[type=password],
input[type=submit],
input[type=text],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a {
    color: inherit;
    text-decoration: none
}

button {
    border-radius: 0
}

a *,
button * {
    pointer-events: none
}

.back-black {
    background-color: #000
}

.back-gray {
    background-color: #ccc
}

.back-gray2 {
    background-color: #e9e9e9
}

.back-gray3 {
    background-color: #e6e6e6
}

.back-gray4 {
    background-color: #f9f9f9
}

.back-gray5 {
    background-color: #F5F5F5
}

.back-white {
    background-color: #fff;
    color: #000
}

.back-blue1 {
    background-color: #1967c1
}

.back-blue2 {
    background-color: #538dd1
}

.back-blue3 {
    background-color: #8cb3e0
}

.back-blue4 {
    background-color: #c5d9ef
}

.back-blue5 {
    background-color: #e8eff8
}

.back-green1 {
    background-color: #2eac66
}

.back-green2 {
    background-color: #5bbb68
}

.back-green3 {
    background-color: #91d19a
}

.back-green4 {
    background-color: #c8e8cc
}

.back-green5 {
    background-color: #f5faf4
}

.back-yellow1 {
    background-color: #f7b112
}

.back-yellow2 {
    background-color: #f9c54e
}

.back-yellow3 {
    background-color: #fbd888
}

.back-yellow4 {
    background-color: #fdebc4
}

.back-yellow5 {
    background-color: #fef7e7
}

.back-red1 {
    background-color: #d30039
}

.back-red2 {
    background-color: #de406b
}

.back-red3 {
    background-color: #e97f9c
}

.back-red4 {
    background-color: #f4bfcd
}

.back-red5 {
    background-color: #fbf3f5
}

.fill-black {
    fill: #000
}

.fill-gray {
    fill: #ccc
}

.fill-white {
    fill: #fff
}

.fill-blue1 {
    fill: #1967c1
}

.fill-blue2 {
    fill: #538dd1
}

.fill-blue3 {
    fill: #8cb3e0
}

.fill-blue4 {
    fill: #c5d9ef
}

.fill-blue5 {
    fill: #e8eff8
}

.fill-green1 {
    fill: #2eac66
}

.fill-green2 {
    fill: #5bbb68
}

.fill-green3 {
    fill: #91d19a
}

.fill-green4 {
    fill: #c8e8cc
}

.fill-green5 {
    fill: #f5faf4
}

.fill-yellow1 {
    fill: #f7b112
}

.fill-yellow2 {
    fill: #f9c54e
}

.fill-yellow3 {
    fill: #fbd888
}

.fill-yellow4 {
    fill: #fdebc4
}

.fill-yellow5 {
    fill: #fef7e7
}

.fill-red1 {
    fill: #d30039
}

.fill-red2 {
    fill: #de406b
}

.fill-red3 {
    fill: #e97f9c
}

.fill-red4 {
    fill: #f4bfcd
}

.fill-red5 {
    fill: #fbf3f5
}

.color-black {
    color: #000
}

.color-gray {
    color: #ccc
}

.color-white {
    color: #fff
}

@media (min-width:768px) {
    .color-white-bd {
        color: #fff
    }
}

@media (max-width:767px) {
    .color-white-sd {
        color: #fff
    }
}

.color-blue1 {
    color: #1967c1
}

.color-blue2 {
    color: #538dd1
}

.color-blue3 {
    color: #8cb3e0
}

.color-blue4 {
    color: #c5d9ef
}

.color-blue5 {
    color: #e8eff8
}

.color-green1 {
    color: #2eac66
}

.color-green2 {
    color: #5bbb68
}

.color-green3 {
    color: #91d19a
}

.color-green4 {
    color: #c8e8cc
}

.color-green5 {
    color: #f5faf4
}

.color-yellow1 {
    color: #f7b112
}

.color-yellow2 {
    color: #f9c54e
}

.color-yellow3 {
    color: #fbd888
}

.color-yellow4 {
    color: #fdebc4
}

.color-yellow5 {
    color: #fef7e7
}

.color-red1 {
    color: #d30039
}

.color-red2 {
    color: #de406b
}

.color-red3 {
    color: #e97f9c
}

.color-red4 {
    color: #f4bfcd
}

.color-red5 {
    color: #fbf3f5
}

.line-black {
    border-color: #000
}

.line-gray {
    border-color: #ccc
}

.line-white {
    border-color: #fff
}

.full-row:after,
.group:after,
.grouped:after,
.row:after,
.tabs__nav:after,
.wide-row:after {
    content: "";
    display: table;
    clear: both
}

.full-row,
.row,
.wide-row {
    width: 100%
}

@media (min-width:768px) {
    .row--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.row,
.wide-row {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:400px) and (max-width:499px) {

    .row,
    .wide-row {
        max-width: 400px
    }
}

@media (min-width:500px) and (max-width:767px) {

    .row,
    .wide-row {
        max-width: 500px
    }
}

@media (max-width:767px) {
    .u-reset-sd {
        max-width: 100%
    }

    .u-reset-sd .columns {
        padding-left: 0;
        padding-right: 0
    }
}

.column,
.columns {
    float: left;
    width: 100%
}

@media (max-width:767px) {
    .columns {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .columns {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:1140px) {
    .columns {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:767px) {
    .sd-hidden {
        display: none !important
    }
}

@media (max-width:479px) {
    .mi-hidden {
        display: none !important
    }
}

@media (min-width:480px) and (max-width:767px) {
    .ti-hidden {
        display: none !important
    }
}

@media (min-width:768px) {
    .bd-hidden {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:959px) {
    .sm-hidden {
        display: none !important
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .md-hidden {
        display: none !important
    }
}

@media (min-width:1140px) and (max-width:1199px) {
    .lg-hidden {
        display: none !important
    }
}

@media (min-width:1140px) {
    .lg-hidden {
        display: none !important
    }
}

@media (min-width:768px) {
    .small1 {
        width: 8.33333%
    }

    .small2 {
        width: 16.66667%
    }

    .small3 {
        width: 25%
    }

    .small4 {
        width: 33.33333%
    }

    .small5 {
        width: 41.66667%
    }

    .small6 {
        width: 50%
    }

    .small7 {
        width: 58.33333%
    }

    .small8 {
        width: 66.66667%
    }

    .small9 {
        width: 75%
    }

    .small10 {
        width: 83.33333%
    }

    .small11 {
        width: 91.66667%
    }

    .small12 {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:959px) {
    .row {
        max-width: 768px
    }

    .sm-push1 {
        margin-left: 8.33333%
    }

    .sm-push2 {
        margin-left: 16.66667%
    }

    .sm-push3 {
        margin-left: 25%
    }

    .sm-pull1 {
        margin-right: 8.33333%
    }

    .sm-pull2 {
        margin-right: 16.66667%
    }

    .sm-pull3 {
        margin-right: 25%
    }
}

@media (min-width:768px) and (max-width:959px) {
    .sm-offset1.columns {
        padding-left: 8.33%;
        padding-right: 8.33%
    }

    .sm-offset1.column {
        padding-left: calc(8.33% - 20px);
        padding-right: calc(8.33% - 20px)
    }

    .sm-offset2.columns {
        padding-left: 16.66%;
        padding-right: 16.66%
    }

    .sm-offset2.column {
        padding-left: calc(16.66% - 20px);
        padding-right: calc(16.66% - 20px)
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .row {
        max-width: 960px
    }

    .medium1 {
        width: 8.33333%
    }

    .medium2 {
        width: 16.66667%
    }

    .medium3 {
        width: 25%
    }

    .medium4 {
        width: 33.33333%
    }

    .medium5 {
        width: 41.66667%
    }

    .medium6 {
        width: 50%
    }

    .medium7 {
        width: 58.33333%
    }

    .medium8 {
        width: 66.66667%
    }

    .medium9 {
        width: 75%
    }

    .medium10 {
        width: 83.33333%
    }

    .medium11 {
        width: 91.66667%
    }

    .medium12 {
        width: 100%
    }

    .md-offset1.columns {
        padding-left: 8.33%;
        padding-right: 8.33%
    }

    .md-offset1.column {
        padding-left: calc(8.33% - 20px);
        padding-right: calc(8.33% - 20px)
    }

    .md-offset2.columns {
        padding-left: 16.66%;
        padding-right: 16.66%
    }

    .md-offset2.column {
        padding-left: calc(16.66% - 20px);
        padding-right: calc(16.66% - 20px)
    }

    .md-offset3.columns {
        padding-left: 25%;
        padding-right: 25%
    }

    .md-offset3.column {
        padding-left: calc(25% - 20px);
        padding-right: calc(25% - 20px)
    }

    .md-push1 {
        margin-left: 8.33333%
    }

    .md-push2 {
        margin-left: 16.66667%
    }

    .md-push3 {
        margin-left: 25%
    }

    .md-pull1 {
        margin-right: 8.33333%
    }

    .md-pull2 {
        margin-right: 16.66667%
    }

    .md-pull3 {
        margin-right: 25%
    }
}

@media (min-width:1140px) {
    .row {
        max-width: 1140px
    }
}

@media (min-width:1140px) {
    .large1 {
        width: 8.33333%
    }

    .large2 {
        width: 16.66667%
    }

    .large3 {
        width: 25%
    }

    .large4 {
        width: 33.33333%
    }

    .large5 {
        width: 41.66667%
    }

    .large6 {
        width: 50%
    }

    .large7 {
        width: 58.33333%
    }

    .large8 {
        width: 66.66667%
    }

    .large9 {
        width: 75%
    }

    .large10 {
        width: 83.33333%
    }

    .large11 {
        width: 91.66667%
    }

    .large12 {
        width: 100%
    }

    .lg-offset1.columns {
        padding-left: 8.33%;
        padding-right: 8.33%
    }

    .lg-offset1.column {
        padding-left: calc(8.33% - 20px);
        padding-right: calc(8.33% - 20px)
    }

    .lg-offset2.columns {
        padding-left: 16.66%;
        padding-right: 16.66%
    }

    .lg-offset2.column {
        padding-left: calc(16.66% - 20px);
        padding-right: calc(16.66% - 20px)
    }

    .lg-offset3.columns {
        padding-left: 25%;
        padding-right: 25%
    }

    .lg-offset3.column {
        padding-left: calc(25% - 20px);
        padding-right: calc(25% - 20px)
    }

    .lg-push1 {
        margin-left: 8.33333%
    }

    .lg-push2 {
        margin-left: 16.66667%
    }

    .lg-push3 {
        margin-left: 25%
    }

    .lg-pull1 {
        margin-right: 8.33333%
    }

    .lg-pull2 {
        margin-right: 16.66667%
    }

    .lg-pull3 {
        margin-right: 25%
    }
}

.heading.giant {
    font-size: 34px;
    line-height: 34px
}

.heading.huge {
    font-size: 28px;
    line-height: 30px
}

.heading.large {
    font-size: 26px;
    line-height: 30px
}

.heading.medium {
    font-size: 24px;
    line-height: 28px
}

.heading.small {
    font-size: 22px;
    line-height: 24px
}

.heading.tiny {
    font-size: 20px;
    line-height: 20px
}

.heading.puny {
    font-size: 18px;
    line-height: 20px
}

.heading.mini {
    font-size: 16px;
    line-height: 20px
}

.heading.micro {
    font-size: 15px;
    line-height: 14px
}

.heading.lh1 {
    line-height: 1
}

.heading.lh24 {
    line-height: 24px
}

.heading.lh30 {
    line-height: 30px
}

.heading.lh34 {
    line-height: 34px
}

.heading.lh38 {
    line-height: 38px
}

.prose {
    word-wrap: break-word
}

.prose.giant {
    font-size: 22px;
    line-height: 26px
}

.prose.huge {
    font-size: 20px;
    line-height: 28px
}

.prose.large {
    font-size: 18px;
    line-height: 18px
}

.prose.medium {
    font-size: 15px;
    line-height: 25px
}

.prose.small {
    font-size: 14px;
    line-height: 22px
}

.prose.tiny {
    font-size: 12px;
    line-height: 16px
}

.prose.puny {
    font-size: 11px;
    line-height: 15px
}

.prose.lh1 {
    line-height: 1
}

.prose.lh18 {
    line-height: 18px
}

.prose:not(.editor) ol,
.prose:not(.editor) ul {
    list-style: none
}

.prose h2,
.prose h3 {
    font-size: 22px;
    line-height: 32px;
    font-family: "Montserrat", Sans-serif;
    margin-bottom: 10px
}

.prose h4,
.prose h5,
.prose h6 {
    font-size: 18px;
    line-height: 28px;
    font-family: "Montserrat", Sans-serif;
}

.prose:not(.compact)>:not(strong):not(h2):not(h3):not(h4):not(h5):not(h6):not(hr):not(.icon) {
    margin-bottom: 25px
}

i {
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit
}

.ls-neg {
    letter-spacing: -.5px
}

.ls1 {
    letter-spacing: 1px
}

.ls1-5 {
    letter-spacing: 1.5px
}

.ls2 {
    letter-spacing: 2px
}

.ls3 {
    letter-spacing: 3px
}

.ls4 {
    letter-spacing: 4px
}

.definition dt {
    float: left;
    width: 150px;
    font-family: "Montserrat", Sans-serif;
}

@media (min-width:768px) and (max-width:1140px) {
    .definition dt {
        width: 25%
    }
}

@media (min-width:1140px) {
    .definition dt {
        width: 50%
    }
}

.editor ul:not(.unordered-list):not(.ordered-list) {
    list-style-type: none;
    list-style-position: inside
}

.editor ul:not(.unordered-list):not(.ordered-list) li {
    padding-left: 18px;
    position: relative
}

.editor ul:not(.unordered-list):not(.ordered-list) li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #000
}

.editor ol:not(.unordered-list):not(.ordered-list) {
    list-style-type: numeric;
    list-style-position: inside
}

.editor a:not([class]) {
    text-decoration: underline
}

.unordered-list li {
    position: relative;
    padding-left: 50px
}

.unordered-list .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 21px;
    height: 31px
}

.thin {
    font-weight: 100
}

.slim {
    font-weight: 200
}

.lighter {
    font-weight: 300
}

.regular {
    font-family: "Montserrat", Sans-serif;
}

.median {
    font-weight: 500
}

.semi {
    font-family: "Montserrat", Sans-serif;
    font-weight: 600;
}

.bold {
    font-family: "Montserrat", Sans-serif;
    font-weight: 700;
}

.black,
.heavy {
    font-family: "Montserrat", Sans-serif;
    font-weight: 900;
}

.center {
    text-align: center
}

.justify {
    text-align: justify
}

.alignleft {
    text-align: left
}

.alignright {
    text-align: right
}

@media (max-width:767px) {
    .sd-center {
        text-align: center
    }

    .sd-justify {
        text-align: justify
    }

    .sd-alignleft {
        text-align: left
    }

    .sd-alignright {
        text-align: right
    }
}

@media (min-width:768px) {
    .bd-center {
        text-align: center
    }

    .bd-justify {
        text-align: justify
    }

    .bd-alignleft {
        text-align: left
    }

    .bd-alignright {
        text-align: right
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .md-center {
        text-align: center
    }
}

@media (min-width:1140px) {
    .lg-center {
        text-align: center
    }
}

.truncate,
.truncated>* {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.capitalize {
    text-transform: capitalize
}

.upper {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.underline,
.underlining a:not([class]):focus,
.underlining a:not([class]):hover {
    text-decoration: underline
}

.clean>:last-child,
.compact>* {
    margin-bottom: 0 !important
}

.lede>:first-child {
    font-size: 18px;
    line-height: 24px
}

.quiet>* {
    opacity: .5
}

.inlined>* {
    display: inline-block
}

.floated>* {
    float: left
}

.contained>* {
    position: relative
}

.italicized>* {
    @xtend .italic
}

.bolded span {
    font-family: "Montserrat", Sans-serif;
}

.semied span {
    font-family: "Montserrat", Sans-serif;
}

.colored a:not(.btn),
.colored a:not(.btn):focus,
.colored a:not(.btn):hover,
.coloring a:not([class]):focus,
.coloring a:not([class]):hover {
    color: #000
}

.underlined a:not([class]) {
    text-decoration: underline
}

.lined-inherit1>span {
    position: relative;
    display: inline-block
}

.lined-inherit1>span:after {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

#loginform {
    margin-bottom: 10px
}

#loginform p:not(:first-child) {
    margin-top: 17px
}

#loginform input[type=password],
#loginform input[type=text] {
    width: 100%;
    line-height: 22px;
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    font-weight: 500;
    text-indent: 12px;
    padding: 11px 0;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out
}

#loginform input[type=password]:focus,
#loginform input[type=text]:focus {
    border-color: #000
}

.login-password label,
.login-username label {
    margin-bottom: 7px;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    line-height: 1;
    display: block
}

.login-remember label {
    font-size: 15px;
    line-height: 1;
    display: block;
    padding-left: 22px;
    position: relative
}

.login-remember label:focus-within {
    font-family: "Montserrat", Sans-serif;
}

.login-remember label:hover span:before {
    border-color: #000
}

.login-remember input {
    position: absolute;
    top: auto;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    white-space: nowrap
}

.login-remember input:checked+span:before,
.login-remember input:focus+span:before {
    border-color: #000
}

.login-remember input:checked+span:after {
    content: ""
}

.login-remember span {
    position: absolute;
    top: 0;
    left: 0
}

.login-remember span:after,
.login-remember span:before {
    border-radius: 2px;
    position: absolute;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.login-remember span:before {
    width: 16px;
    height: 16px;
    content: "";
    left: 0;
    top: -1px;
    border: 2px solid #ccc
}

.login-remember span:after {
    background-color: #000;
    width: 8px;
    height: 8px;
    top: 3px;
    left: 4px
}

.login-submit .button {
    padding: 12px 15px;
    background-color: #000;
    color: #fff;
    fill: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid rgba(0, 0, 0, 0);
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-overflow: ellipsis;
    -webkit-transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, fill .3s ease-out;
    transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, fill .3s ease-out;
    line-height: 20px;
    font-weight: 900
}

.login-submit .button:focus,
.login-submit .button:hover {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #000;
    fill: #000
}

.form__fieldset {
    padding: 0
}

.form__input {
    font-size: 14px
}

.form__field:not(:last-child) {
    margin-bottom: 17px
}

.form__label {
    margin-bottom: 7px;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    line-height: 1;
    display: block
}

.form__input {
    width: 100%;
    line-height: 22px;
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    font-weight: 500;
    text-indent: 12px;
    padding: 11px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

.form__input:focus {
    -webkit-box-shadow: 0 0 0 3px #000;
    box-shadow: 0 0 0 3px #000
}

.form__icon--search {
    width: 20px;
    height: 20px
}

.table .row {
    margin: 0
}

@media (min-width:768px) {
    .tablebody dt {
        display: none
    }
}

.tablebody .row {
    border-bottom: 1px solid #ccc
}

.tablebody .row:first-child {
    border-top: 1px solid #ccc
}

.tablecontent {
    font-size: 15px;
    line-height: 22px
}

@media (max-width:768px) {
    .tablecontent>.row {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width:768px) {

    .tablecontent dd,
    .tablecontent dt,
    .tablecontent li {
        float: left;
        padding-bottom: 10px
    }

    .tablecontent dd,
    .tablecontent dt {
        padding-top: 10px
    }
}

@media (max-width:767px) {
    .tablecontent dt {
        float: left
    }

    .tablecontent dd {
        text-align: right
    }
}

.tablecontent dt,
.tablecontent li {
    font-family: "Montserrat", Sans-serif;
}

.table--align-last dd:last-child,
.table--align-last li:last-child {
    text-align: right
}

.screen-reader-text,
.u-vh {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: rect(0, 0, 0, 0);
    clip-path: rect(0, 0, 0, 0);
    border: 0
}

.u-overlay {
    position: absolute
}

.u-br-10 {
    border-radius: 10px
}

.u-br-8 {
    border-radius: 8px
}

.u-br-4 {
    border-radius: 4px
}

@media (min-width:768px) {
    .u-br-10-bd {
        border-radius: 10px
    }
}

.u-circle {
    border-radius: 50%
}

.u-hidden {
    display: none !important
}

.u-icon-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width:768px) {
    .u-equal-row-bd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .u-equal-row-bd .column,
    .u-equal-row-bd .columns {
        text-align: left
    }

    .u-equal-row-bd .column>div,
    .u-equal-row-bd .columns>div {
        height: 100%
    }

    .u-equal-element-bd>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .u-equal-element-bd .column>div,
    .u-equal-element-bd .columns>div {
        height: 100%
    }
}

.u-fr {
    float: right
}

.u-fl {
    float: left
}

@media (min-width:768px) {
    .u-fr-bd {
        float: right
    }

    .u-fl-bd {
        float: left
    }
}

.u-contain {
    position: relative
}

.line-bottom-solid {
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.u-pin {
    position: absolute !important
}

@media (min-width:768px) {
    .u-pin-bd {
        position: absolute !important
    }
}

.u-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fullwidth {
    width: 100vw
}

.u-flex-bro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .u-flex-bro-sd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:768px) {
    .u-flex-bro-bd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .u-flex-bro-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:1140px) {
    .u-flex-bro-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.u-flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) {
    .u-flex-reverse-bd {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.u-flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.u-flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:768px) {
    .flex {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -ms-flexbox
    }
}

.flex--centered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex__item:first-child {
    -webkit-box-ordinal-group: 2;
    order: 1;
    -ms-flex-order: 1
}

.flex__item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    order: 2;
    -ms-flex-order: 2
}

.outer {
    display: table;
    width: 100%;
    height: 100%
}

.inner {
    display: table-cell;
    vertical-align: middle
}

.vertical {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.horizontal {
    left: 0;
    right: 0
}

.align {
    margin-left: auto;
    margin-right: auto
}

.u-z1 {
    z-index: 1
}

.u-z2 {
    z-index: 2
}

.u-z3 {
    z-index: 3
}

.u-z4 {
    z-index: 4
}

.u-z5 {
    z-index: 5
}

.u-z6 {
    z-index: 6
}

.u-z7 {
    z-index: 7
}

.u-z8 {
    z-index: 8
}

.u-z15 {
    z-index: 15
}

.u-clip {
    overflow: hidden
}

.u-scroll {
    overflow: auto
}

@media (max-width:767px) {
    .u-clip-sd {
        overflow: hidden
    }
}

.clearfix {
    display: block
}

.inline {
    display: inline-block !important
}

.noevents {
    pointer-events: none
}

.back-center {
    background-position: 50%
}

.back-center-top {
    background-position: top
}

.back-center-bottom {
    background-position: bottom
}

.back-center-left {
    background-position: 0
}

.back-center-right {
    background-position: 100%
}

.back-image {
    background-position: 50%;
    background-size: cover
}

.back-image,
.no-repeat {
    background-repeat: no-repeat
}

.cover {
    background-size: cover
}

.centered {
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.dash {
    border-style: dashed
}

.line {
    border-style: solid
}

.dash-all,
.line-all {
    border-width: 1px
}

.dash-top,
.line-top {
    border-top-width: 1px
}

.dash-black,
.line-black {
    border-color: #000
}

.false {
    text-decoration: line-through;
    color: rgba(0, 0, 0, .3)
}

.line-thin {
    border-width: 1px
}

.p10 {
    padding: 10px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.p10t {
    padding-top: 10px
}

.p20t {
    padding-top: 20px
}

.p25t {
    padding-top: 25px
}

.p30t {
    padding-top: 30px
}

.p35t {
    padding-top: 35px
}

.p40t {
    padding-top: 40px
}

.p10r {
    padding-right: 10px
}

.p10b {
    padding-bottom: 10px
}

.p25b {
    padding-bottom: 25px
}

.p10l,
.p10x {
    padding-left: 10px
}

.p10x {
    padding-right: 10px
}

.p5y {
    padding-top: 5px;
    padding-bottom: 5px
}

.p10y {
    padding-top: 10px;
    padding-bottom: 10px
}

.p20y {
    padding-top: 20px;
    padding-bottom: 20px
}

.p30y {
    padding-top: 30px;
    padding-bottom: 30px
}

.p40y {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (max-width:767px) {
    .sd-p10 {
        padding: 10px
    }

    .sd-p10t {
        padding-top: 10px
    }

    .sd-p20t {
        padding-top: 20px
    }

    .sd-p10r {
        padding-right: 10px
    }

    .sd-p10b {
        padding-bottom: 10px
    }

    .sd-p10l {
        padding-left: 10px
    }

    .sd-p10y {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .sd-p25y {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .sd-p10x {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:768px) {
    .bd-p10 {
        padding: 10px
    }

    .bd-p10t {
        padding-top: 10px
    }

    .bd-p25t {
        padding-top: 25px
    }

    .bd-p10r {
        padding-right: 10px
    }

    .bd-p10b {
        padding-bottom: 10px
    }

    .bd-p10l {
        padding-left: 10px
    }

    .bd-p10y {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .bd-p10x {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .sm-p30 {
        padding: 30px
    }

    .sm-p30l,
    .sm-p30x {
        padding-left: 30px
    }

    .sm-p30x {
        padding-right: 30px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .md-p30 {
        padding: 30px
    }

    .md-p40 {
        padding: 40px
    }

    .md-p30l,
    .md-p30x {
        padding-left: 30px
    }

    .md-p30x {
        padding-right: 30px
    }

    .md-p40x {
        padding-left: 40px;
        padding-right: 40px
    }
}

.m10 {
    margin: 10px
}

.m5t {
    margin-top: 5px
}

.m10t {
    margin-top: 10px
}

.m15t {
    margin-top: 15px
}

.m20t {
    margin-top: 20px
}

.m25t {
    margin-top: 25px
}

.m30t {
    margin-top: 30px
}

.m10r {
    margin-right: 10px
}

.m25r {
    margin-right: 25px
}

.m5b {
    margin-bottom: 5px
}

.m10b {
    margin-bottom: 10px
}

.m15b {
    margin-bottom: 15px
}

.m20b {
    margin-bottom: 20px
}

.m25b {
    margin-bottom: 25px
}

.m30b {
    margin-bottom: 30px
}

.m35b {
    margin-bottom: 35px
}

.m40b {
    margin-bottom: 40px
}

.m10l,
.m10x {
    margin-left: 10px
}

.m10x {
    margin-right: 10px
}

.m15y {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .sd-m10 {
        margin: 10px
    }

    .sd-m10t {
        margin-top: 10px
    }

    .sd-m15t {
        margin-top: 15px
    }

    .sd-m20t {
        margin-top: 20px
    }

    .sd-m40t {
        margin-top: 40px
    }

    .sd-m10r {
        margin-right: 10px
    }

    .sd-m5b {
        margin-bottom: 5px
    }

    .sd-m10b {
        margin-bottom: 10px
    }

    .sd-m15b {
        margin-bottom: 15px
    }

    .sd-m20b {
        margin-bottom: 20px
    }

    .sd-m25b {
        margin-bottom: 25px
    }

    .sd-m30b {
        margin-bottom: 30px
    }

    .sd-m35b {
        margin-bottom: 35px
    }

    .sd-m40b {
        margin-bottom: 40px
    }

    .sd-m10l {
        margin-left: 10px
    }

    .sd-m10y {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .sd-m40y {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .sd-m10x {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width:768px) {
    .bd-m10 {
        margin: 10px
    }

    .bd-m10t {
        margin-top: 10px
    }

    .bd-m25t {
        margin-top: 25px
    }

    .bd-m50t {
        margin-top: 50px
    }

    .bd-m60t {
        margin-top: 60px
    }

    .bd-m10r {
        margin-right: 10px
    }

    .bd-m10b {
        margin-bottom: 10px
    }

    .bd-m25b {
        margin-bottom: 25px
    }

    .bd-m45b {
        margin-bottom: 45px
    }

    .bd-m50b {
        margin-bottom: 50px
    }

    .bd-m55b {
        margin-bottom: 55px
    }

    .bd-m60b {
        margin-bottom: 60px
    }

    .bd-m75b {
        margin-bottom: 75px
    }

    .bd-m80b {
        margin-bottom: 80px
    }

    .bd-m10l {
        margin-left: 10px
    }

    .bd-m10y {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .bd-m45y {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .bd-m10x {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .sm-m50t {
        margin-top: 50px
    }

    .sm-m10b {
        margin-bottom: 10px
    }

    .sm-m20b {
        margin-bottom: 20px
    }

    .sm-m15b {
        margin-bottom: 15px
    }

    .sm-m40b {
        margin-bottom: 40px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .md-m50t {
        margin-top: 50px
    }
}

#flying-focus {
    -webkit-box-shadow: 0 0 2px 3px #000, 0 0 2px #000 inset;
    box-shadow: 0 0 2px 3px #000, inset 0 0 2px #000;
    position: absolute;
    margin: 0;
    background: rgba(0, 0, 0, 0);
    -webkit-transition-property: left, top, width, height;
    transition-property: left, top, width, height;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1);
    transition-timing-function: cubic-bezier(0, 1, 0, 1);
    visibility: hidden;
    pointer-events: none;
    border-radius: 2px
}

#flying-focus.flying-focus_visible {
    visibility: visible;
    z-index: 9
}

.flying-focus_target {
    outline: none !important
}

.flying-focus_target::-moz-focus-inner {
    border: 0 !important
}

#flying-focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -3px
}

.skip-to-content {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0;
    border-bottom-right-radius: 8px;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 11
}

.skip-to-content:focus {
    position: absolute;
    top: 0;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear
}

.header {
    height: 50px;
    z-index: 15;
    position: relative
}

@media (min-width:960px) {
    .header {
        height: 84px
    }
}

.header__inner {
    height: inherit
}

@media (max-width:479px) {
    .header__inner .columns {
        padding-right: 0
    }
}

.fixed-nav .header__inner,
.sticky-nav .header__inner {
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    background-color: #fff
}

@media (max-width:767px) {

    .fixed-nav .header__inner,
    .sticky-nav .header__inner {
        top: 0
    }
}

@media (min-width:768px) {

    .fixed-nav .header__inner,
    .sticky-nav .header__inner {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        top: 0
    }
}

@media (min-width:960px) {
    .sticky-nav .header__inner {
        height: 58px
    }

    .sticky-nav .menu {
        margin-top: 4px;
        margin-bottom: 4px;
        height: 47px
    }

    .sticky-nav .menu__link--main {
        padding-bottom: 15px
    }

    .sticky-nav .branding--header .branding__icon-big {
        display: none
    }

    .sticky-nav .branding--header .branding__icon-small {
        display: block
    }
}

.sticky-nav .header__inner {
    position: fixed
}

@media (min-width:960px) {
    .admin-bar.sticky-nav .header__inner {
        top: 32px
    }
}

.fixed-nav .header__inner {
    position: absolute
}

.fixed-nav .newbar__inner,
.fixed-nav .old__bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.newbar,
.oldbar {
    height: 60px;
    position: relative
}

.newbar__inner,
.oldbar__inner {
    height: 60px;
    background-color: #000
}

.oldbar--red .oldbar__inner {
    background-color: red
}

.branding--header {
    float: left;
    position: relative
}

.branding--header .branding__link {
    display: block
}

.branding--footer .branding__icon {
    width: 124px;
    height: 91px
}

.branding--header .branding__icon {
    -webkit-transition: opacity .3 ease-in;
    transition: opacity .3 ease-in
}

.branding--header .branding__icon-big {
    width: 100px;
    height: 73px;
    margin-top: 6px;
    margin-bottom: 5px;
    display: none
}

@media (min-width:960px) {
    .branding--header .branding__icon-big {
        display: block
    }
}

.branding--header .branding__icon-small {
    width: 125px;
    height: 31px;
    margin-top: 8px;
    margin-bottom: 8px;
    display: block
}

@media (min-width:360px) and (max-width:459px) {
    .branding--header .branding__icon-small {
        width: 165px;
        height: 31px
    }
}

@media (min-width:460px) and (max-width:767px) {
    .branding--header .branding__icon-small {
        width: 175px;
        height: 31px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .branding--header .branding__icon-small {
        width: 185px;
        height: 33px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .branding--header .branding__icon-small {
        display: none;
        width: 150px;
        height: 33px;
        margin-top: 10px;
        margin-bottom: 15px
    }
}

@media (min-width:1140px) {
    .branding--header .branding__icon-small {
        display: none;
        width: 185px;
        height: 33px
    }
}

.menu__toggle {
    height: 50px;
    width: 40px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

@media (min-width:530px) and (max-width:767px) {
    .menu__toggle {
        width: 50px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .menu__toggle {
        width: 45px
    }
}

@media (min-width:960px) {
    .menu__toggle {
        width: 36px
    }
}

@media (min-width:960px) {
    .sticky-nav .menu__toggle .menu__text {
        bottom: 3px
    }
}

.menu__toggle .menu__text {
    font-family: "Montserrat", Sans-serif;
    font-size: 9px;
    line-height: 1;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    letter-spacing: -.5px;
    text-align: center
}

@media (min-width:960px) {
    .menu__toggle .menu__text {
        bottom: 0
    }
}

.menu__icon {
    width: 20px;
    height: 20px;
    display: inline-block
}

.menu__icon--center {
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:960px) {
    .menu__icon--center {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.menu__icon--cross {
    display: none
}

@media (max-width:959px) {

    .toggle-menu,
    .toggle-search {
        position: relative;
        z-index: 12
    }

    .close-menu {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1
    }

    .menu__controls {
        float: right
    }

    .menu.open:before {
        position: fixed;
        top: 50px;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        content: ""
    }

    .menu__toggle--menu.open .menu__icon--cross {
        display: block
    }

    .menu__toggle--menu.open .menu__icon--bars {
        display: none
    }

    .menu__nav {
        top: 50px;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        position: fixed;
        width: 100%;
        overflow: hidden
    }

    .menu__nav:not(.open-main) {
        display: none
    }

    .menu__nav.open-main .menu__list--main {
        left: 0
    }

    .menu__nav.open-zero .menu__list--main {
        left: -100%
    }

    .menu__nav.open-zero .menu__level--zero.open,
    .menu__nav.open-zero .menu__return {
        left: 0
    }

    .menu__nav.open-one .menu__level--zero.open {
        left: -100%
    }

    .menu__nav.open-one .menu__level--one.open {
        left: 0
    }

    .menu__level {
        width: 100%;
        left: 100%
    }

    .menu__list {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        overflow: auto
    }

    .menu__item {
        position: relative
    }

    .menu__link {
        color: #000;
        fill: #000;
        display: block;
        padding: 8px 20px 8px 10px;
        font-family: "Montserrat", Sans-serif;

        font-size: 15px
    }

    .menu__caret {
        position: relative;
        background-image: url(../images/icons/icon-arrow-right.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .menu__list--main {
        z-index: 1;
        overflow: hidden;
        background-color: #e9e9e9
    }

    .menu__item--main {
        margin-left: 25px;
        margin-right: 25px
    }

    .menu__item--main.alv .menu__level {
        background-color: #f5faf4
    }

    .menu__item--main.alv .menu__link--sub {
        color: #2eac66
    }

    .menu__item--main.bog .menu__level {
        background-color: #e8eff8
    }

    .menu__item--main.bog .menu__link--sub {
        color: #1967c1
    }

    .menu__item--main.hypotheek .menu__level {
        background-color: #fef7e7
    }

    .menu__item--main.hypotheek .menu__link--sub {
        color: #f7b112
    }

    .menu__item--main.wonen .menu__level {
        background-color: #fbf3f5
    }

    .menu__item--main.wonen .menu__link--sub {
        color: #d30039
    }

    .menu__return {
        position: fixed;
        top: 0;
        left: 100%;
        -webkit-transition: left .3s ease-out;
        transition: left .3s ease-out;
        font-family: "Montserrat", Sans-serif;

        font-size: 22px;
        line-height: 26px;
        padding: 26px 0 26px 30px;
        margin: 0 25px;
        text-align: left;
        z-index: 1;
        width: calc(100% - 50px);
        border-bottom: 2px solid #000
    }

    .menu__return__icon {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .menu__link--main {
        font-size: 22px;
        line-height: 26px;
        padding: 26px 0;
        border-bottom: 2px solid #000
    }

    .menu__list--sub {
        top: 80px;
        padding-top: 20px;
        padding-bottom: 10px
    }

    .menu__link--sub {
        padding: 15px;
        text-align: center;
        font-size: 16px;
        line-height: 20px
    }

    .menu__level--one,
    .menu__level--zero {
        position: fixed;
        top: 0;
        bottom: 0
    }

    .menu__level--one,
    .menu__level--zero,
    .menu__list--main {
        -webkit-transition: left .3s ease-out;
        transition: left .3s ease-out
    }
}

@media (min-width:960px) {

    .close__menu,
    .prev__menu,
    .toggle__menu,
    .toggle__search {
        display: none
    }

    .menu {
        text-align: center;
        float: right;
        height: 63px;
        margin-top: 18px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .menu {
        width: calc(100% - 150px)
    }
}

@media (min-width:960px) and (min-width:1140px) {
    .menu {
        width: calc(100% - 185px)
    }
}

@media (min-width:960px) {
    .menu__nav {
        min-width: 250px;
        position: relative;
        display: inline-block;
        text-align: left;
        width: calc(100% - 120px)
    }

    .menu__controls {
        float: right;
        text-align: left
    }

    .menu__link {
        display: block;
        white-space: nowrap;
        position: relative
    }

    .menu__list--main {
        float: right;
        color: #000
    }

    .menu__item--main {
        float: left;
        position: relative;
        margin-top: 13px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .menu__item--main {
        margin-right: 10px
    }
}

@media (min-width:960px) and (min-width:1140px) {
    .menu__item--main {
        margin-right: 18px
    }
}

@media (min-width:960px) {

    .menu__item--main:active .menu__link--main:before,
    .menu__item--main:focus .menu__link--main:before,
    .menu__item--main:hover .menu__link--main:before {
        width: 100%;
        height: 2px;
        content: "";
        position: absolute;
        top: 30px;
        left: 0;
        right: 0
    }

    .menu__item--main:active.wonen .menu__link--main:before,
    .menu__item--main:focus.wonen .menu__link--main:before,
    .menu__item--main:hover.wonen .menu__link--main:before {
        background-color: #d30039
    }

    .menu__item--main:active.bog .menu__link--main:before,
    .menu__item--main:focus.bog .menu__link--main:before,
    .menu__item--main:hover.bog .menu__link--main:before {
        background-color: #1967c1
    }

    .menu__item--main:active.alv .menu__link--main:before,
    .menu__item--main:focus.alv .menu__link--main:before,
    .menu__item--main:hover.alv .menu__link--main:before {
        background-color: #2eac66
    }

    .menu__item--main:active.hypotheek .menu__link--main:before,
    .menu__item--main:focus.hypotheek .menu__link--main:before,
    .menu__item--main:hover.hypotheek .menu__link--main:before {
        background-color: #f7b112
    }

    .menu__item--main:active .menu__level--zero,
    .menu__item--main:focus .menu__level--zero,
    .menu__item--main:hover .menu__level--zero {
        display: block
    }

    .menu__item--main.current-menu-ancestor,
    .menu__item--main.current-menu-item {
        color: #000
    }

    .menu__item--main.current-menu-ancestor .menu__link--main:before,
    .menu__item--main.current-menu-item .menu__link--main:before {
        width: 100%;
        height: 2px;
        content: "";
        position: absolute;
        top: 30px;
        left: 0;
        right: 0
    }

    .menu-item-has-children.menu__item:after,
    .menu-item-has-children.menu__item:before {
        cursor: pointer;
        position: absolute;
        background-color: rgba(0, 0, 0, 0)
    }

    .menu-item-has-children.menu__item:hover {
        z-index: 1
    }

    .menu-item-has-children.menu__item:hover:after,
    .menu-item-has-children.menu__item:hover:before {
        content: ""
    }

    .menu-item-has-children.menu__item--sub:before {
        top: 0;
        width: 120%;
        height: 50%;
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left
    }

    .menu-item-has-children.menu__item--sub:after {
        bottom: 0;
        width: 100%;
        height: 50%;
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left
    }

    .menu-item-has-children.menu__item--main:after,
    .menu-item-has-children.menu__item--main:before {
        top: 0;
        width: 90px
    }

    .menu-item-has-children.menu__item--main:before {
        -webkit-transform: rotate(40deg) scaleX(-1);
        -ms-transform: rotate(40deg) scaleX(-1);
        transform: rotate(40deg) scaleX(-1);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        left: calc(100% - 90px);
        height: 45px
    }

    .menu-item-has-children.menu__item--main:after {
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        right: 100%;
        height: 45px
    }

    .menu-item-has-children.menu__item--main:hover:after,
    .menu-item-has-children.menu__item--main:hover:before {
        content: ""
    }

    .menu__link--main {
        position: relative;
        display: block;
        font-family: "Montserrat", Sans-serif;

        padding-bottom: 27px
    }
}

@media (min-width:960px) and (min-width:768px) and (max-width:1139px) {
    .menu__link--main {
        font-size: 13px
    }
}

@media (min-width:960px) and (min-width:1140px) {
    .menu__link--main {
        font-size: 14px
    }
}

@media (min-width:960px) {

    .menu__link--main:active,
    .menu__link--main:focus,
    .menu__link--main:hover {
        color: #000
    }

    .menu__text {
        position: relative;
        z-index: 1
    }

    .menu__list--sub {
        margin-top: -10px
    }

    .menu__list {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto
    }

    .menu__level {
        background-color: #f6f6f6;
        display: none;
        position: fixed;
        z-index: 10;
        padding-top: 15px;
        padding-bottom: 17px;
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-bottom: 1px solid #e9e9e9;
        border-top: 1px solid #e9e9e9
    }

    .menu__item--main .menu__item--sub {
        border-color: #f4bfcd
    }

    .menu__item--main .menu__item--sub.current-menu-item,
    .menu__item--main .menu__item--sub:focus,
    .menu__item--main .menu__item--sub:hover {
        background-color: #d30039;
        border-color: #d30039;
        color: #fff
    }

    .menu__item--main.wonen .menu__level {
        background-color: #fbf3f5;
        border-bottom: 1px solid #f4bfcd;
        border-top: 1px solid #f4bfcd
    }

    .menu__item--main.wonen .menu__item--sub {
        border-color: #f4bfcd
    }

    .menu__item--main.wonen .menu__item--sub.current-menu-item,
    .menu__item--main.wonen .menu__item--sub:focus,
    .menu__item--main.wonen .menu__item--sub:hover {
        background-color: #d30039;
        border-color: #d30039;
        color: #fff
    }

    .menu__item--main.bog .menu__level {
        background-color: #e8eff8;
        border-bottom: 1px solid #c5d9ef;
        border-top: 1px solid #c5d9ef
    }

    .menu__item--main.bog .menu__item--sub {
        border-color: #c5d9ef
    }

    .menu__item--main.bog .menu__item--sub.current-menu-item,
    .menu__item--main.bog .menu__item--sub:focus,
    .menu__item--main.bog .menu__item--sub:hover {
        background-color: #1967c1;
        border-color: #1967c1;
        color: #fff
    }

    .menu__item--main.alv .menu__level {
        background-color: #f5faf4;
        border-bottom: 1px solid #c8e8cc;
        border-top: 1px solid #c8e8cc
    }

    .menu__item--main.alv .menu__item--sub {
        border-color: #c8e8cc
    }

    .menu__item--main.alv .menu__item--sub.current-menu-item,
    .menu__item--main.alv .menu__item--sub:focus,
    .menu__item--main.alv .menu__item--sub:hover {
        background-color: #2eac66;
        border-color: #2eac66;
        color: #fff
    }

    .menu__item--main.hypotheek .menu__level {
        background-color: #fef7e7;
        border-bottom: 1px solid #fdebc4;
        border-top: 1px solid #fdebc4
    }

    .menu__item--main.hypotheek .menu__item--sub {
        border-color: #fdebc4
    }

    .menu__item--main.hypotheek .menu__item--sub.current-menu-item,
    .menu__item--main.hypotheek .menu__item--sub:focus,
    .menu__item--main.hypotheek .menu__item--sub:hover {
        background-color: #f7b112;
        border-color: #f7b112;
        color: #000
    }

    .menu__item--sub {
        margin-top: 10px
    }

    .menu__level--zero .menu__caret {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 12px;
        right: 10px
    }

    .menu__caret {
        position: relative;
        background-image: url(../images/icons/icon-chevron-down.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        width: 6px;
        height: 6px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 6px
    }

    .menu__list {
        text-align: center
    }

    .menu__item--sub {
        display: inline-block;
        border-width: 1px;
        border-style: solid;
        border-radius: 4px;
        -webkit-transition: background .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;
        transition: background .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;
        margin-right: 7px;
        position: relative;
        text-transform: uppercase;
        font-size: 12px;
        font-family: "Montserrat", Sans-serif;
    }

    .menu__item--sub.current-menu-item {
        color: #fff
    }

    .menu__item--sub:active .menu__level--one,
    .menu__item--sub:focus .menu__level--one,
    .menu__item--sub:hover .menu__level--one {
        display: block
    }

    .menu__link--sub {
        padding: 4px 10px
    }
}

.bttns {
    margin-top: -15px
}

.bttns .btn {
    margin-top: 15px
}

.bttns .btn:not(:last-child) {
    margin-right: 11px
}

.bttns-grid {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px
}

@media (max-width:767px) {
    .bttns-grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:768px) and (max-width:959px) {
    .bttns-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .bttns-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1140px) {
    .bttns-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, fill .3s ease-out;
    transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, fill .3s ease-out;
    line-height: 20px;
    font-weight: 900
}

.btn--md {
    font-size: 14px
}

.btn--md.btn--solid,
.btn--md.btn--stroke {
    padding: 8px 10px
}

.btn--md.btn--solid .btn__holder,
.btn--md.btn--stroke .btn__holder {
    width: 32px;
    height: 36px
}

.btn--md.btn--link .btn__holder {
    width: 24px;
    height: 32px
}

.btn--lg {
    font-size: 16px
}

.btn--lg.btn--solid,
.btn--lg.btn--stroke {
    padding: 12px 15px
}

.btn--lg.btn--solid .btn__holder,
.btn--lg.btn--stroke .btn__holder {
    width: 48px;
    height: 46px
}

.btn--lg.btn--link .btn__holder {
    width: 24px;
    height: 20px
}

.btn--icon.btn--md .btn__holder {
    width: 26px;
    height: 26px;
    display: block
}

.btn--icon.btn--lg .btn__holder {
    width: 40px;
    height: 40px;
    display: block
}

.btn--icon.btn--is-white {
    fill: #000;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    background-color: #fff
}

.btn--icon.btn--is-white:focus,
.btn--icon.btn--is-white:hover {
    background-color: #bfbfbf;
    border-color: #bfbfbf
}

.btn--icon.btn--is-white:active {
    background-color: #fff;
    border-color: #000
}

.btn--icon.btn--white {
    fill: #000;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.btn--icon.btn--white:focus,
.btn--icon.btn--white:hover {
    background-color: #fff
}

.btn--icon .btn__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn--round {
    border-radius: 4px
}

.btn--round.btn--icon-right .btn__holder {
    border-radius: 0 4px 4px 0
}

.btn--round.btn--icon-left .btn__holder {
    border-radius: 4px 0 0 4px
}

.btn--dot {
    border-radius: 50%
}

.btn--center {
    text-align: center
}

.btn--upper {
    text-transform: uppercase
}

.btn--wide {
    width: 100%
}

.btn--underline {
    text-decoration: underline
}

.btn--regular {
    font-weight: 400
}

.btn--has-holder .btn__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn--has-icon .btn__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn--has-icon.btn--link:focus .btn__icon,
.btn--has-icon.btn--link:hover .btn__icon {
    -webkit-transform: scale(1.15) translateY(-50%);
    -ms-transform: scale(1.15) translateY(-50%);
    transform: scale(1.15) translateY(-50%)
}

.btn--has-icon.btn--lg .btn__icon,
.btn--has-icon.btn--md .btn__icon,
.btn--has-icon.btn--sm .btn__icon {
    width: 40px
}

.btn--icon-right.btn--solid.btn--md,
.btn--icon-right.btn--solid.btn--sm,
.btn--icon-right.btn--stroke.btn--md,
.btn--icon-right.btn--stroke.btn--sm {
    padding-right: 40px
}

.btn--icon-right.btn--solid.btn--lg,
.btn--icon-right.btn--stroke.btn--lg {
    padding-right: 50px
}

.btn--icon-right.btn--lg .btn__icon {
    height: 20px
}

.btn--icon-right .btn__icon {
    right: 0;
    height: 15px
}

.btn--icon-left.btn--md.btn--link,
.btn--icon-left.btn--md.btn--solid,
.btn--icon-left.btn--md.btn--stroke,
.btn--icon-left.btn--sm.btn--link,
.btn--icon-left.btn--sm.btn--solid,
.btn--icon-left.btn--sm.btn--stroke {
    padding-left: 40px
}

.btn--icon-left.btn--lg.btn--link,
.btn--icon-left.btn--lg.btn--solid,
.btn--icon-left.btn--lg.btn--stroke {
    padding-left: 50px
}

.btn--icon-left .btn__icon {
    left: 0;
    height: 15px
}

.btn--has-holder .btn__holder {
    position: absolute;
    top: 0
}

.btn--holder-right .btn__holder {
    right: 0
}

.btn--holder-right.btn--solid.btn--md,
.btn--holder-right.btn--stroke.btn--md {
    padding-right: 32px
}

.btn--holder-right.btn--solid.btn--lg,
.btn--holder-right.btn--stroke.btn--lg {
    padding-right: 48px
}

.btn--holder-right.btn--link.btn--lg,
.btn--holder-right.btn--link.btn--md {
    padding-right: 30px
}

.btn--holder-left .btn__holder {
    left: 0
}

.btn--holder-left.btn--solid.btn--md,
.btn--holder-left.btn--stroke.btn--md {
    padding-left: 32px
}

.btn--holder-left.btn--solid.btn--lg,
.btn--holder-left.btn--stroke.btn--lg {
    padding-left: 48px
}

.btn--holder-left.btn--link.btn--lg,
.btn--holder-left.btn--link.btn--md {
    padding-left: 30px
}

.btn--solid {
    background-color: rgba(0, 0, 0, 0);
    border-width: 2px;
    border-style: solid
}

.btn--solid.btn--white {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    fill: #000
}

.btn--solid.btn--white:focus,
.btn--solid.btn--white:hover {
    background-color: #bfbfbf;
    border-color: #bfbfbf
}

.btn--solid.btn--white:active {
    background-color: #fff;
    border-color: #000
}

.btn--solid.btn--gray {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
    color: #000;
    fill: #000
}

.btn--solid.btn--gray:focus,
.btn--solid.btn--gray:hover {
    background-color: #bfbfbf;
    border-color: #bfbfbf
}

.btn--solid.btn--gray:active {
    background-color: #bfbfbf;
    border-color: #000
}

.btn--solid.btn--black {
    background-color: #000;
    border-color: #000;
    color: #fff;
    fill: #fff
}

.btn--solid.btn--black:focus,
.btn--solid.btn--black:hover {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #000;
    fill: #000
}

.btn--solid.btn--black:active {
    border-color: #000
}

.btn--solid.btn--green {
    background-color: #2eac66;
    border-color: #2eac66;
    color: #fff;
    fill: #fff
}

.btn--solid.btn--green:focus,
.btn--solid.btn--green:hover {
    background-color: #91d19a;
    border-color: #2eac66
}

.btn--solid.btn--green:active {
    background-color: #2eac66;
    border-color: #000
}

.btn--solid.btn--red {
    background-color: #d30039;
    border-color: #d30039;
    color: #fff;
    fill: #fff
}

.btn--solid.btn--red:focus,
.btn--solid.btn--red:hover {
    background-color: #e97f9c;
    border-color: #d30039
}

.btn--solid.btn--red:active {
    background-color: #d30039;
    border-color: #000
}

.btn--solid.btn--blue {
    background-color: #1967c1;
    border-color: #1967c1;
    color: #fff;
    fill: #fff
}

.btn--solid.btn--blue:focus,
.btn--solid.btn--blue:hover {
    background-color: #8cb3e0;
    border-color: #1967c1
}

.btn--solid.btn--blue:active {
    background-color: #1967c1;
    border-color: #000
}

.btn--solid.btn--yellow {
    background-color: #f7b112;
    border-color: #f7b112;
    color: #fff;
    fill: #fff
}

.btn--solid.btn--yellow:focus,
.btn--solid.btn--yellow:hover {
    background-color: #fbd888;
    border-color: #f7b112
}

.btn--solid.btn--yellow:active {
    background-color: #f7b112;
    border-color: #000
}

.btn--stroke {
    background-color: rgba(0, 0, 0, 0);
    border-width: 2px;
    border-style: solid
}

.btn--stroke.btn--white {
    border-color: #fff;
    color: #fff;
    fill: #fff
}

.btn--stroke.btn--white:focus,
.btn--stroke.btn--white:hover {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #000;
    fill: #000
}

.btn--stroke.btn--white:active {
    border-color: #000
}

.btn--stroke.btn--gray {
    border-color: #e9e9e9;
    color: #e9e9e9;
    fill: #e9e9e9
}

.btn--stroke.btn--gray:focus,
.btn--stroke.btn--gray:hover {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #000;
    fill: #000
}

.btn--stroke.btn--gray:active {
    border-color: #000
}

.btn--stroke.btn--yellow {
    border-color: #f7b112;
    color: #f7b112;
    fill: #f7b112
}

.btn--stroke.btn--yellow:focus,
.btn--stroke.btn--yellow:hover {
    background-color: #f7b112;
    border-color: #f7b112;
    color: #fff;
    fill: #fff
}

.btn--stroke.btn--yellow:active {
    border-color: #000
}

.btn--stroke.btn--black {
    border-color: #000;
    color: #000;
    fill: #000
}

.btn--stroke.btn--black:focus,
.btn--stroke.btn--black:hover {
    background-color: #e9e9e9;
    border-color: #e9e9e9
}

.btn--stroke.btn--black:active {
    border-color: #000
}

.btn--link {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.btn--link:focus,
.btn--link:hover {
    text-decoration: underline;
    background-color: transparent;
}

.btn--link.btn--white {
    color: #fff;
    fill: #fff
}

.btn--link.btn--gray {
    color: #e9e9e9;
    fill: #e9e9e9
}

.btn--link.btn--black {
    color: #000;
    fill: #000
}

.btn--link.btn--yellow {
    color: #f7b112;
    fill: #f7b112
}

.btn--fill-black {
    fill: #000
}

.btn--favorite.selected .btn__svg--stroke,
.btn--favorite:not(.selected) .btn__svg--filled {
    display: none
}

.btn--md .btn__icon:not([class*=btn__icon--]) {
    width: 12px;
    height: 12px
}

.btn--lg.btn--link .btn__icon:not([class*=btn__icon--]) {
    width: 14px;
    height: 14px
}

.btn--lg .btn__icon:not([class*=btn__icon--]),
.btn__icon--search {
    width: 18px;
    height: 18px
}

.btn__icon--cross {
    width: 12px;
    height: 12px
}

.cards--three-max {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px
}

@media (min-width:1140px) {
    .cards--three-max {
        grid-gap: 30px
    }
}

@media (max-width:767px) {
    .cards--three-max {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:768px) and (max-width:959px) {
    .cards--three-max {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:960px) {
    .cards--three-max {
        grid-template-columns: repeat(3, 1fr)
    }
}

.cards--three-max.cards--delay .card:nth-child(n+4) {
    display: none
}

@media (min-width:768px) and (max-width:959px) {
    .cards--three-max.cards--delay .card:nth-child(n+3) {
        display: none
    }
}

@media (max-width:499px) {
    .cards--grid-two .card:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:500px) {
    .cards--grid-two {
        display: grid;
        grid-template-rows: auto;
        grid-gap: 15px
    }
}

@media (max-width:767px) {
    .cards--grid-two {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:768px) {
    .cards--grid-two {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1140px) {
    .cards--grid-two {
        grid-gap: 30px
    }
}

.cards--grid-two .card--banner {
    grid-column: span 2
}

.cards--grid-three {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px
}

@media (min-width:1140px) {
    .cards--grid-three {
        grid-gap: 30px
    }
}

@media (max-width:767px) {
    .cards--grid-three {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:768px) {
    .cards--grid-three {
        grid-template-columns: repeat(3, 1fr)
    }
}

.cards--grid-three .card--banner {
    grid-column: span 3
}

@media (max-width:767px) {
    .cards--nieuwbouw {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:768px) {
    .cards--nieuwbouw .card:first-child {
        grid-column: span 2
    }
}

.cards--alv {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px
}

@media (min-width:1140px) {
    .cards--alv {
        grid-gap: 30px
    }
}

@media (max-width:767px) {
    .cards--alv {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:768px) and (max-width:959px) {
    .cards--alv {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:960px) {
    .cards--alv {
        grid-template-columns: repeat(3, 1fr)
    }
}

.card--production .card__inner {
    padding: 22px
}

.card--production .card__figure {
    width: 110px;
    height: 110px;
    float: left
}

.card--production .card__content {
    width: calc(100% - 130px);
    float: left;
    margin-left: 20px
}

.card--production .card__title span {
    font-size: 18px;
    line-height: 1;
    display: block
}

.card--production.card--not-available {
    opacity: .65
}

.card--production.card--not-available .card__btn {
    cursor: default
}

.card--production.card--not-available .card__btn:active,
.card--production.card--not-available .card__btn:focus,
.card--production.card--not-available .card__btn:hover {
    background-color: #2eac66;
    color: #fff;
    fill: #fff
}

.card--demolition {
    padding: 26px 22px
}

.card--demolition .card__type {
    top: 0;
    right: 0;
    border-bottom: 2px solid #fff
}

.card--demolition.card--not-available {
    opacity: .65
}

.card--demolition.card--not-available .card__btn {
    cursor: default
}

.card--demolition.card--not-available .card__btn:active,
.card--demolition.card--not-available .card__btn:focus,
.card--demolition.card--not-available .card__btn:hover {
    background-color: #fff;
    color: #000;
    fill: #000
}

.card--banner {
    padding: 28px 20px 28px 156px
}

@media (min-width:768px) and (max-width:959px) {
    .card--banner {
        padding-right: 25px
    }
}

@media (min-width:960px) {
    .card--banner {
        padding-right: 40px
    }
}

.cards--branches,
.cards--services {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width:1140px) {
    .cards--branches {
        grid-gap: 30px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .cards--branches {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:960px) {
    .cards--branches {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:768px) {
    .cards--double {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px
    }
}

@media (max-width:959px) {
    .cards--featured-slider:after {
        content: "flickity";
        display: none
    }

    .cards--featured-slider .card {
        margin-right: 15px
    }
}

@media (max-width:399px) {
    .cards--featured-slider {
        width: calc(100vw - 15px)
    }

    .cards--featured-slider .card {
        width: 90%
    }
}

@media (min-width:400px) and (max-width:499px) {
    .cards--featured-slider {
        width: calc((100vw - 400px)/2 + 390px)
    }

    .cards--featured-slider .card {
        width: 85%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .cards--featured-slider {
        width: calc((100vw - 500px)/2 + 490px)
    }

    .cards--featured-slider .card {
        width: 75%
    }
}

@media (min-width:768px) and (max-width:959px) {
    .cards--featured-slider-three {
        width: calc((100vw - 768px)/2 + 758px)
    }

    .cards--featured-slider-three .card {
        width: calc(45% - 8px)
    }
}

@media (min-width:960px) {
    .cards--featured-slider-three {
        display: grid;
        grid-template-rows: auto;
        grid-gap: 15px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1140px) {
    .cards--featured-slider-three {
        grid-gap: 30px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .cards--featured-slider-two {
        width: calc((100vw - 768px)/2 + 758px)
    }

    .cards--featured-slider-two .card {
        width: calc(75% - 8px)
    }
}

@media (min-width:960px) {
    .cards--featured-slider-two {
        display: grid;
        grid-template-rows: auto;
        grid-gap: 15px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1140px) {
    .cards--featured-slider-two {
        grid-gap: 30px
    }
}

@media (min-width:768px) {
    .cards--featured {
        display: grid;
        grid-template-rows: auto;
        grid-gap: 15px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .cards--featured {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:960px) {
    .cards--featured {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1140px) {
    .cards--featured {
        grid-gap: 30px
    }
}

.card {
    position: relative
}

.card--experience .card__caption {
    bottom: 22px;
    left: 17px
}

.card--experience .card__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    min-height: 200px
}

.card--page-content .card__title {
    word-spacing: 100vw
}

.card--page-content .card__content {
    min-height: 170px;
    padding: 20px 25px 60px
}

.card--page-content .card__category {
    bottom: 25px;
    right: 25px;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff
}

.card--page-content .card__btn {
    bottom: 20px;
    left: 25px
}

.card--page-figure {
    border-radius: 10px 10px 4px 4px
}

.card--page-figure .card__icon {
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card--page-figure .card__content {
    padding: 17px 25px 19px
}

@media (min-width:960px) {
    .card--branch:nth-child(n+4) {
        padding-top: 45px
    }
}

@media (min-width:1140px) {
    .card--branch .card__btn {
        position: absolute;
        top: 0;
        right: 0
    }
}

.card--post {
    padding: 7px
}

.card--post:after {
    content: "";
    display: table;
    clear: both
}

.card--post .card__content {
    padding: 13px 13px 7px
}

@media (max-width:767px) {
    .card--post:not(:first-child) {
        margin-top: 15px
    }

    .card--post .card__figure {
        width: 84px;
        height: 84px;
        float: left
    }

    .card--post .card__image {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        height: 100% !important
    }

    .card--post .card__content {
        width: calc(100% - 84px);
        float: left
    }
}

.card--has-tags .card__tags {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    top: 15px;
    right: 15px
}

.card--employee .flickity-page-dots {
    bottom: -40px
}

.card--employee .flickity-page-dots .dot:before {
    background-color: #e9e9e9
}

@media (max-width:767px) {
    .card--employee:not(:first-child) {
        margin-top: 15px
    }
}

.card--employee .card__content {
    position: relative;
    padding: 40px 28px 23px;
    min-height: 206px
}

.card--employee .card__slide {
    width: 100%
}

@media (min-width:768px) and (max-width:959px) {
    .card--employee .card__slide {
        height: 280px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .card--employee .card__slide {
        height: 240px
    }
}

@media (min-width:1140px) {
    .card--employee .card__slide {
        height: 280px
    }
}

.card--employee .card__list-item:not(:first-child) {
    margin-top: 8px;
    font-size: 14px
}

.card--employee .card__link {
    position: relative;
    padding-left: 25px;
    display: inline-block
}

.card--employee .card__link:focus,
.card--employee .card__link:hover {
    text-decoration: underline
}

.card--employee .card__icon-contact {
    width: 14px;
    height: 14px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card--has-interests .card__contact,
.card--has-interests .card__description,
.card--has-interests .card__title {
    position: relative;
    z-index: 1
}

.card--has-interests .card__interests {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    color: #fff;
    padding: 40px 28px 23px;
    z-index: 0;
    font-weight: 600;
    font-size: 16px;
    top: 0
}

@media (min-width:768px) and (max-width:959px) {
    .card--has-interests .card__interests {
        top: 280px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .card--has-interests .card__interests {
        top: 240px
    }
}

@media (min-width:1140px) {
    .card--has-interests .card__interests {
        top: 280px
    }
}

@media (max-width:767px) {
    .card--has-interests .card__figure:hover+.card__help+.card__content {
        position: relative
    }

    .card--has-interests .card__figure:hover+.card__help+.card__content .card__contact,
    .card--has-interests .card__figure:hover+.card__help+.card__content .card__description,
    .card--has-interests .card__figure:hover+.card__help+.card__content .card__title {
        opacity: 0
    }

    .card--has-interests .card__figure:hover+.card__help+.card__content .card__interests {
        opacity: 1;
        z-index: 2
    }
}

@media (min-width:768px) {
    .card--has-interests .card__figure:hover+.card__help .card__interests {
        opacity: 1;
        z-index: 2
    }
}

.card--module .card__content {
    padding: 18px 14px
}

@media (min-width:768px) {
    .card--module .card__listings {
        float: left;
        max-width: 192px
    }
}

.card--module .card__favorite {
    top: 0;
    left: 0;
    -webkit-transition: background-color .3s ease-in-out, border-radius .3s ease-in-out;
    transition: background-color .3s ease-in-out, border-radius .3s ease-in-out;
    border-radius: 10px 0 10px 0
}

.card--module .card__favorite:focus,
.card--module .card__favorite:hover {
    background-color: #fff
}

.card--module .card__label {
    font-size: 14px;
    line-height: 16px;
    padding: 2px 0
}

.card--module .card__price {
    margin-top: 10px
}

@media (min-width:768px) {
    .card--module .card__price {
        margin-top: 0;
        float: right
    }
}

.card--house {
    background-color: #fff;
    border-radius: 10px
}

@media (min-width:768px) and (max-width:1139px) {
    .card--house .card__group {
        position: relative
    }

    .card--house .card__listings {
        max-width: unset;
        width: 100%;
        float: none;
        padding-bottom: 30px
    }

    .card--house .card__price {
        position: absolute;
        bottom: 20px;
        right: 20px;
        margin-top: 0;
        float: none
    }
}

.card--project-big .flickity-viewport:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .65)), color-stop(40%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0) 40%)
}

.card--project-big .flickity-page-dots {
    z-index: 2;
    text-align: left;
    left: 25px
}

.card--project-big .flickity-page-dots .dot:before {
    border-color: #fbf3f5;
    background-color: #fbf3f5
}

.card--project-big .card__heading {
    bottom: 38px;
    left: 33px
}

.card--project-big .card__slide {
    height: 395px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.card--project-big .card__tags {
    top: 25px;
    left: 20px;
    right: unset
}

@media (min-width:768px) {
    .card--project-big .card__tags {
        top: 28px;
        left: 32px
    }
}

.card--project-big .card__title span {
    background-color: #000;
    color: #fff;
    border-radius: 2px;
    line-height: 14px;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 7px;
    font-family: "Montserrat", Sans-serif;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-left: 4px
}

.card--project-big .card__title span:empty {
    display: none
}

.card--project-big .card__tag {
    padding: 7px 7px 6px
}

.card--project-big .card__label {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 0
}

.card--project-big .card__content {
    background-color: #f9f9f9;
    width: 100%;
    bottom: 40px;
    right: 40px;
    padding: 18px 14px
}

@media (min-width:768px) {
    .card--project-big .card__content {
        max-width: 330px;
        padding: 30px;
        position: absolute;
        background-color: #fff
    }
}

.card--project .card__outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.card--project .card__tags {
    top: 25px;
    left: 20px;
    right: unset
}

.card--project .card__tag {
    padding: 7px 7px 6px
}

.card--project .card__listings {
    width: auto
}

@media (min-width:768px) and (max-width:959px) {
    .card--project .card__listings {
        width: auto
    }
}

.card--project .card__content {
    padding: 18px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:768px) {
    .card--project .card__content {
        padding: 27px 30px 42px 24px
    }
}

.card--project .card__listings {
    float: none
}

.card--project .card__title span {
    background-color: #000;
    color: #fff;
    border-radius: 2px;
    line-height: 14px;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 7px;
    font-family: "Montserrat", Sans-serif;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-left: 4px
}

.card--project .card__title span:empty {
    display: none
}

@media (min-width:768px) {
    .card--project .card__price {
        position: absolute;
        bottom: 22px;
        right: 30px;
        left: 24px;
        clear: both;
        float: none
    }
}

@media (max-width:959px) {
    .card--project .card__action {
        display: none
    }
}

@media (min-width:960px) {
    .card--project .card__action {
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.card__image {
    width: 100%;
    max-width: none;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4/3;
}

.card__icon:not([class*=card__icon--]) {
    width: 20px;
    height: 20px
}

.card__icon--arrow-right {
    width: 16px;
    height: 16px
}

.card__listing {
    padding-left: 26px;
    position: relative;
    display: inline-block
}

.card__listing:not(:last-child) {
    margin-right: 10px
}

.card__listing .card__icon {
    position: absolute;
    top: 0;
    left: 0
}

.card--has-image:focus .card__image,
.card--has-image:hover .card__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.card--has-image .card__figure {
    overflow: hidden
}

.card--has-image .card__image {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.card--has-bg-hover [class*=back-] {
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.media__button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.media__button.u-loaded {
    display: none
}

.media__icon {
    width: 75px;
    height: 75px
}

@media (min-width:768px) {
    .media__icon {
        width: 100px;
        height: 100px
    }
}

.media__icon--play {
    fill: #fff
}

.media__caption {
    margin-top: 2px;
    padding: 5px 10px;
    color: #fff;
    background-color: #000;
    display: block
}

.media__wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.media__wrapper:not(.u-visible) {
    display: none
}

.media__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.icon--backdrop:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px
}

.icon--black {
    fill: #000
}

.icon--black:after {
    background-color: rgba(0, 0, 0, .3)
}

.svg {
    width: inherit;
    height: inherit;
    display: block
}

.icon--check-thin {
    width: 31px;
    height: 23px;
    display: inline-block
}

.search-bar,
.search-content {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.search-loading .search-bar,
.search-loading .search-content {
    opacity: .5
}

.search-control {
    display: none;
    padding: 23px 23px 26px
}

.search-control__btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 10px 0 4px;
    -webkit-transition: background .3s ease-in-out, fill .3s ease-in-out;
    transition: background .3s ease-in-out, fill .3s ease-in-out
}

.search-control__btn:focus,
.search-control__btn:hover {
    fill: #fff
}

.search-control__icon {
    width: 14px;
    height: 14px
}

@media (max-width:959px) {
    .display {
        float: left
    }
}

@media (min-width:960px) {
    .display {
        margin-left: auto;
        width: 170px;
        text-align: right;
        padding-top: 7px
    }
}

.display__button {
    padding-left: 26px;
    letter-spacing: .5px;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 6px
}

@media (min-width:960px) {
    .display__button:not(:first-child) {
        margin-left: 25px
    }
}

@media (max-width:1139px) {
    .display__button:not(:first-child) {
        margin-left: 15px
    }
}

.display__button.active {
    border-bottom-width: 2px;
    border-style: solid
}

.display__icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 3px;
    left: 3px
}

.search-fields {
    margin-top: -10px
}

@media (min-width:1140px) {
    .search-fields {
        margin-top: -14px
    }
}

.search-field__button {
    border-width: 1px;
    border-style: solid;
    margin-top: 10px;
    margin-right: 6px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

@media (min-width:1140px) {
    .search-field__button {
        margin-right: 9px;
        margin-top: 14px
    }
}

.search-field__text {
    display: block;
    padding: 7px 38px 7px 12px;
    font-size: 15px;
    line-height: 24px;
    font-family: "Montserrat", Sans-serif;
}

.search-field__holder {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0
}

.search-field__icon {
    width: 14px;
    height: 14px
}

.sort {
    margin-left: auto;
    float: right
}

@media (min-width:960px) {
    .sort {
        margin-top: 10px
    }
}

.sort__select {
    background-color: rgba(0, 0, 0, 0);
    font-family: "Montserrat", Sans-serif;
    padding-left: 26px;
    font-size: 15px;
    cursor: pointer;
    border: 2px solid #000;
    padding-right: 7px;
    border-radius: 10px;
    font-family: inherit
}

@media (max-width:479px) {
    .sort__select {
        max-width: 130px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block
    }
}

@media (max-width:959px) {
    .sort__select {
        height: 32px
    }
}

@media (min-width:960px) {
    .sort__select {
        height: 40px
    }
}

.sort__icon {
    position: absolute;
    left: 10px;
    width: 12px;
    height: 16px;
    pointer-events: none
}

@media (max-width:959px) {
    .sort__icon {
        top: 8px
    }
}

@media (min-width:960px) {
    .sort__icon {
        top: 12px
    }
}

.object-header__btn {
    bottom: 0;
    right: 0
}

.object-hero-bttns,
.object-slider-bttns {
    top: 3px;
    right: 5px
}

.object-slider .flickity-page-dots {
    display: none
}

.object-slider__figure {
    height: 419px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (max-width:479px) {
    .object-slider__figure {
        height: 250px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .object-slider__figure {
        height: 300px
    }
}

@media (max-width:767px) {
    .object-media {
        position: relative;
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width:479px) {
    .object-media__figure:not(.u-vh) {
        height: 228px
    }
}

@media (min-width:480px) and (max-width:649px) {
    .object-media__figure:not(.u-vh) {
        height: 300px
    }
}

@media (min-width:650px) and (max-width:767px) {
    .object-media__figure:not(.u-vh) {
        height: 393px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .object-media__figure:not(.u-vh) {
        height: 393px
    }
}

@media (max-width:959px) {
    .object-media__figure:not(.u-vh) {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }
}

@media (min-width:960px) {
    .object-media__figure:not(.u-vh) {
        position: relative;
        float: left
    }

    .object-media__figure:not(.u-vh):not(:first-child) {
        padding-left: 9px
    }

    .object-media__figure:not(.u-vh) img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .object-media__figure:not(.u-vh):nth-child(n+4) {
        display: none
    }

    .object-media__figure:not(.u-vh):nth-child(n+2) {
        padding-top: 9px
    }

    .object-media__figure:not(.u-vh):not(:first-child) {
        width: 22%
    }

    .object-media__figure:not(.u-vh):not(:first-child) img {
        height: 205px
    }

    .object-media__figure:not(.u-vh):first-child {
        width: 78%
    }

    .object-media__figure:not(.u-vh):first-child img {
        height: 419px
    }

    .object-media__figure:not(.u-vh):nth-child(2) {
        padding-top: 0
    }
}

@media (min-width:1140px) {
    .object-media__figure:not(.u-vh):nth-child(n+4) {
        padding-top: 9px
    }

    .object-media__figure:not(.u-vh):nth-child(n+6) {
        display: none
    }

    .object-media__figure:not(.u-vh):first-child {
        width: 64.3%
    }

    .object-media__figure:not(.u-vh):not(:first-child) {
        width: 17.85%
    }
}

.object-media__toggle {
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5)
}

@media (min-width:960px) and (max-width:1139px) {
    .object-media__toggle {
        width: calc(22% - 9px);
        height: 205px
    }
}

@media (min-width:1140px) {
    .object-media__toggle {
        width: calc(17.85% - 9px);
        height: 201px
    }
}

.object-media__count {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.object-media__link {
    display: block
}

@media (min-width:960px) {
    .object-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 58px
    }

    .admin-bar .object-sidebar {
        top: 150px
    }
}

.object-call-to-action {
    padding: 32px 21px 23px 27px
}

@media (max-width:959px) {
    .object-anchors {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:959px) {
    .object-anchor {
        background-color: #fff;
        padding: 12px;
        min-width: 68px;
        border-radius: 4px
    }
}

@media (min-width:960px) {
    .object-anchor {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.object-anchor__text {
    display: block;
    font-size: 14px;
    line-height: 1
}

.object-anchor__icon {
    width: 18px;
    height: 18px;
    display: inline-block
}

@media (max-width:767px) {
    .object-features-wrapper:before {
        content: "";
        background-color: #fff;
        width: 100vw;
        left: 50%;
        height: 100%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width:768px) {
    .object-features {
        padding: 22px 23px
    }
}

@media (max-width:399px) {
    .object-features {
        width: calc(100vw - 15px)
    }
}

@media (min-width:400px) and (max-width:499px) {
    .object-features {
        width: calc((100vw - 400px)/2 + 390px)
    }
}

@media (min-width:500px) and (max-width:767px) {
    .object-features {
        width: calc((100vw - 500px)/2 + 490px)
    }
}

@media (max-width:767px) {
    .object-features__list {
        padding: 23px 0;
        scrollbar-width: none;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 1
    }
}

.object-features__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

@media (max-width:767px) {
    .object-features__list-item {
        padding-right: 10px
    }

    .object-features__list-item:not(:first-child) {
        padding-left: 10px
    }
}

.object-features__icon {
    display: inline-block;
    vertical-align: middle
}

.object-features__text {
    line-height: 18px;
    font-family: "Montserrat", Sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

.object-description__content:not(.toggler) p:nth-child(n+3) {
    display: none
}

.object-description__btn:not(.toggler) svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:767px) {
    .object-download--banner .banner__content {
        padding: 10px 24px 15px
    }

    .object-download--banner .banner__action {
        padding: 0 24px 26px
    }

    .object-download--banner .banner__figure {
        margin: 10px
    }
}

@media (min-width:768px) {
    .object-download--banner {
        padding: 28px 36px 28px 176px
    }
}

@media (min-width:768px) {
    .object-download--banner .banner__figure {
        top: 4px;
        left: 4px;
        bottom: 4px;
        background-position: 50%
    }
}

.object-characteristics:not(.toggler) .object-characteristics__group:nth-child(n+3) {
    display: none
}

.object-characteristics__group:not(:first-child) {
    margin-top: 20px
}

.characteristics__list--nieuwbouw .object-characteristics__item span {
    width: 55%
}

.object-characteristics__item {
    padding-top: 8px;
    padding-bottom: 8px
}

@media (max-width:479px) {
    .object-characteristics__item span {
        display: block
    }
}

@media (min-width:480px) {
    .object-characteristics__item span {
        width: 210px;
        float: left
    }
}

.object-neighbourhood {
    padding: 25px
}

.object-neighbourhood__list-item {
    padding: 10px 42px
}

@media (min-width:768px) {
    .object-neighbourhood__list-item {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.object-neighbourhood__list-item:not(:first-child) {
    border-top: 1px solid #e9e9e9
}

.object-neighbourhood__category-icon {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px;
    height: 22px
}

.object-neighbourhood__term {
    font-size: 15px;
    line-height: 16px;
    font-family: "Montserrat", Sans-serif;
    display: inline-block;
    width: 100%
}

@media (min-width:768px) {
    .object-neighbourhood__term {
        width: 270px
    }
}

.object-neighbourhood__distance {
    font-size: 14px;
    line-height: 16px
}

.object-neighbourhood__holder {
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 64px
}

.object-neighbourhood__icon {
    width: 8px;
    height: 12px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.object-googlemap {
    width: 100%;
    height: 400px;
    background-color: #e9e9e9
}

.object__bttns .btn:not(:last-child) {
    margin-right: 45px
}

@media (max-width:767px) {
    .object__bttns:after {
        display: table;
        clear: both;
        content: ""
    }

    .object__bttns .btn {
        float: left;
        clear: left
    }
}

.interactive-map {
    height: 560px
}

.object-schedule--spacing .object-schedule__item:not(:first-child) {
    margin-top: 36px
}

.object-schedule--spacing .object-schedule__item:after {
    height: 12px;
    top: calc(100% + 12px)
}

.object-schedule__item {
    padding-left: 35px;
    position: relative;
    font-size: 14px;
    line-height: 18px
}

.object-schedule__item:not(:first-child) {
    margin-top: 16px
}

.object-schedule__item:not(:last-child):after {
    content: ""
}

.object-schedule__item:after {
    width: 2px;
    height: 8px;
    border-radius: 2px;
    position: absolute;
    top: calc(100% + 4px);
    left: 9px;
    background-color: #000
}

.object-schedule__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block
}

.object-schedule__item:not(.checked):before {
    background-image: url(../images/icons/icon-check-outline.svg)
}

.object-schedule__item.checked {
    font-family: "Montserrat", Sans-serif;
}

.object-schedule__item.checked:before {
    background-image: url(../images/icons/icon-check-solid.svg)
}

.object-main-subtitle span,
.object-main-title span {
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: "Montserrat", Sans-serif;
    vertical-align: middle;
    display: inline-block;
    margin-left: 4px
}

@media (min-width:768px) {

    .object-main-subtitle span,
    .object-main-title span {
        background-color: #000;
        color: #fff
    }
}

.object-main-title span {
    font-size: 14px;
    padding: 9px 14px
}

.object-main-subtitle span {
    font-size: 10px;
    padding: 3px 14px
}

@media (max-width:959px) {
    .object-back {
        position: relative;
        margin-top: -30px;
        padding-top: 30px;
        padding-bottom: 10px;
        margin-bottom: 15px
    }

    .object-back:after {
        content: "";
        background-color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .object-back>div {
        z-index: 1;
        position: relative
    }
}

.object-ctas {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd;
    padding: 3px 0;
    text-align: center;
    height: 48px
}

.object-cta {
    padding: 9px 13px;
    font-family: "Montserrat", Sans-serif;
}

.object-cta,
.object-cta-seperator {
    display: inline-block;
    vertical-align: middle
}

.object-cta-seperator {
    width: 1px;
    height: 30px;
    background-color: #bfbfbf
}

.object-ctas--double .object-cta:first-child {
    margin-right: 9px
}

.object-ctas--double .object-cta:last-child {
    margin-left: 9px
}

.social__link {
    display: inline-block;
    position: relative;
    border-radius: 4px
}

.social--footer {
    max-width: 200px
}

.social--footer:after {
    display: table;
    clear: both;
    content: ""
}

.social--footer .social__icon {
    width: 22px;
    height: 22px
}

.social--footer .social__holder {
    width: 22px;
    height: 22px;
    position: relative
}

.social--footer .social__link {
    float: left;
    border-radius: 4px;
    width: 25%;
    position: relative;
    fill: #000
}

.social--footer .social__link--facebook:focus,
.social--footer .social__link--facebook:hover {
    fill: #4267b2
}

.social--footer .social__link--linkedin:focus,
.social--footer .social__link--linkedin:hover {
    fill: #007cbc
}

.social--footer .social__link--twitter:focus,
.social--footer .social__link--twitter:hover {
    fill: #1da0f2
}

.social--footer .social__link--youtube:focus,
.social--footer .social__link--youtube:hover {
    fill: #ff1901
}

.social--backdrop .social__link--facebook {
    background-color: #4267b2;
    fill: #fff
}

.social--backdrop .social__link--facebook:focus,
.social--backdrop .social__link--facebook:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #4267b2;
    fill: #4267b2;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000
}

.social--backdrop .social__link--pinterest {
    background-color: #d73633;
    fill: #fff
}

.social--backdrop .social__link--pinterest:focus,
.social--backdrop .social__link--pinterest:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #d73633;
    fill: #d73633;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000
}

.social--backdrop .social__link--twitter {
    background-color: #1da0f2;
    fill: #fff
}

.social--backdrop .social__link--twitter:focus,
.social--backdrop .social__link--twitter:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #1da0f2;
    fill: #1da0f2;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000
}

.social--backdrop .social__link--envelope {
    background-color: #000;
    fill: #fff
}

.social--backdrop .social__link--envelope:focus,
.social--backdrop .social__link--envelope:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000;
    fill: #000;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000
}

.social--backdrop .social__link--whatsapp {
    background-color: #57b829;
    fill: #fff
}

.social--backdrop .social__link--whatsapp:focus,
.social--backdrop .social__link--whatsapp:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #57b829;
    fill: #57b829;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000
}

.social--modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.social--modal .social__holder {
    width: 50px;
    height: 50px
}

.social--modal .social__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px
}

.social__holder,
img {
    display: block
}

img {
    max-width: 100%;
    height: auto
}

img.alignright {
    float: right;
    margin: 5px 0 10px 10px
}

img.alignnone {
    float: none
}

img.alignleft,
img.alignnone {
    margin: 5px 10px 10px 0
}

img.aligncenter {
    display: block;
    margin: 0 auto
}

img.size-full {
    height: auto;
    margin-bottom: 10px
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pagination {
    margin-top: 20px;
    width: 100%;
    float: left
}

.pagination--block .pagination__current,
.pagination--block .pagination__link {
    border-style: solid;
    border-width: 2px
}

.pagination--block .pagination__link {
    background: #000;
    border-color: #000;
    color: #fff
}

.pagination--block .pagination__link:focus,
.pagination--block .pagination__link:hover {
    background: #000;
    border-color: #000
}

.pagination--block .pagination__link:active {
    background: #000;
    border-color: solid #000
}

.pagination--block .pagination__current,
.pagination--block .pagination__link {
    border-radius: 3px
}

.pagination--block .pagination__current {
    background: #000;
    border-color: #000;
    color: #fff
}

.pagination__link.icon:before {
    font-size: 1.1rem;
    line-height: 1.1rem
}

.pagination__numbers {
    text-align: center
}

.pagination__current,
.pagination__link {
    display: inline-block;
    padding: 8px 18px
}

.pagination__detailed-info {
    padding-top: 10px
}

.notice {
    display: none
}

.notice__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 14;
    padding: 9px 60px 7px 10px;
    min-height: 50px
}

@media (min-width:768px) {
    .notice__content {
        margin: 10px auto;
        padding: 10px 60px 13px;
        border-radius: 11px;
        left: 5px;
        right: 5px
    }
}

@media (min-width:768px) {
    .admin-bar .notice {
        top: 92px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .notice--grid .notice__content {
        max-width: 748px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .notice--grid .notice__content {
        max-width: 920px
    }
}

@media (min-width:1140px) {
    .notice--grid .notice__content {
        max-width: 1160px
    }
}

.notice__holder {
    width: 50px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%
}

.notice__icon {
    fill: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.notice__icon--alert {
    width: 24px;
    height: 24px
}

.notice__icon--close {
    width: 15px;
    height: 15px;
    top: 15px;
    right: 18px;
    left: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.notice__close {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.notice--alert .notice__content {
    background-color: #fff
}

.footer {
    border-top: 1px solid #e9e9e9
}

.footer-seperator {
    width: 100%;
    height: 1px;
    background-color: #bfbfbf
}

.footer__info:before {
    background-image: url(../images/newsletter.png);
    background-repeat: no-repeat;
    width: 377px;
    height: 170px;
    position: absolute;
    right: 0;
    content: "";
    bottom: 0
}

@media (min-width:768px) and (max-width:1139px) {
    .footer__info:before {
        bottom: -20px;
        right: 40px
    }
}

@media (min-width:1140px) {
    .footer__info:before {
        bottom: -30px
    }
}

@media (min-width:400px) and (max-width:767px) {
    .branding--footer {
        float: right
    }
}

@media (min-width:400px) and (max-width:767px) {
    .footer .tiny6 {
        margin-bottom: 30px;
        width: 50%;
        float: left
    }

    .footer .tiny6:nth-child(odd) {
        clear: both
    }

    .footer .footer__list--wide {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

.element {
    position: relative
}

.element:not(.pre-target) {
    z-index: 1
}

@media (max-width:767px) {
    .element:not([class*=back-]) {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .element:not([class*=back-]) {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media (min-width:960px) {
    .element:not([class*=back-]) {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.element:not(.element--hero):not([class*=back-]):first-child {
    margin-top: 15px
}

@media (min-width:768px) {
    .element:not(.element--hero):not([class*=back-]):first-child {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .element[class*=back-] {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:768px) {
    .element[class*=back-] {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.element[class*=back-]+[class*=back-] {
    padding-top: 0
}

.element.back-black {
    color: #fff;
    fill: #fff
}

@media (min-width:768px) {
    .element+.element--usp-fancy {
        margin-top: -20px
    }
}

.element--equal .element__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:960px) and (max-width:1139px) {
    .element--is-compact .element__column {
        padding-left: 8.33%;
        padding-right: 8.33%
    }
}

@media (min-width:1140px) {
    .element--is-compact .element__column {
        padding-left: 16.66%;
        padding-right: 16.66%
    }
}

.element--employee-tabs .element__btn.open {
    background-color: #d30039;
    color: #fff
}

.element--contact-buttons .element__status {
    padding-left: 28px
}

.element--contact-buttons .element__status:before {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

.element--contact-buttons span.element__btn {
    opacity: .53;
    cursor: not-allowed
}

.element--contact-buttons.element--is-open .element__status:before,
.element--contact-buttons:not(.element--is-open) .element__status:before {
    background-color: #7ed321
}

.element__hidden:not(.toggler),
.element__partial:not(.toggler) :not(:first-child) {
    display: none
}

.element__row:nth-child(odd) .element__graphic {
    -webkit-box-ordinal-group: 2;
    order: 1;
    -ms-flex-order: 1
}

.element__row:nth-child(2n) .element__graphic,
.element__row:nth-child(odd) .element__text {
    -webkit-box-ordinal-group: 3;
    order: 2;
    -ms-flex-order: 2
}

.element__row:nth-child(2n) .element__text {
    -webkit-box-ordinal-group: 2;
    order: 1;
    -ms-flex-order: 1
}

.crumbs {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width:768px) {
    .crumbs {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width:768px) {
    .crumbs--alt {
        background-color: #f9f9f9;
        padding: 7px 0;
        border-bottom: 1px solid #ccc
    }
}

.crumbs__prose>* {
    margin-right: 7px
}

.crumbs__prose a {
    font-family: "Montserrat", Sans-serif;
}

.crumbs__icon {
    width: 5px;
    height: 15px
}

@media (min-width:768px) {
    .element--form-content .element__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .element--form-content .element__column {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.element--content+.element--contact-buttons {
    margin-top: -20px
}

.element--column-content .element__content[class*=back-],
.element--content .element__content[class*=back-] {
    padding: 35px 30px 32px
}

@media (max-width:767px) {
    .element--column-content .element__content:not(:first-child) {
        margin-top: 25px
    }
}

@media (min-width:768px) {
    .element--column-content .element__container {
        display: grid;
        grid-template-rows: auto;
        grid-gap: 15px;
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width:1140px) {
    .element--column-content .element__container {
        grid-gap: 30px
    }
}

.element--column-content .element__container--50-50 .element__content:first-child,
.element--column-content .element__container--50-50 .element__content:last-child {
    grid-column: span 6
}

.element--column-content .element__container--75-25 .element__content:first-child {
    grid-column: span 9
}

.element--column-content .element__container--25-75 .element__content:first-child,
.element--column-content .element__container--75-25 .element__content:last-child {
    grid-column: span 3
}

.element--column-content .element__container--25-75 .element__content:last-child {
    grid-column: span 9
}

.element--column-content .element__container--33-66 .element__content:first-child {
    grid-column: span 4
}

.element--column-content .element__container--33-66 .element__content:last-child,
.element--column-content .element__container--66-33 .element__content:first-child {
    grid-column: span 8
}

.element--column-content .element__container--66-33 .element__content:last-child {
    grid-column: span 4
}

@media (min-width:768px) {
    grid-gap:30px
}

@media (min-width:768px) {
    .element__equal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .element__equal [class*=column]>div {
        height: 100%
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .element--cta-card.element--is-compact {
        padding-left: 16.66%;
        padding-right: 16.66%
    }
}

.element--cta-card .cta-card[class*=back-] {
    padding: 40px
}

.element--cta-card[class*=back-] {
    padding-top: 40px;
    padding-bottom: 40px
}

.cta--card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cta--card[class*=back-] .cta__content {
    padding-top: 39px;
    padding-bottom: 36px
}

@media (max-width:767px) {
    .cta--card[class*=back-] .cta__content {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .cta--card[class*=back-] .cta__content {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1140px) {
    .cta--card[class*=back-] .cta__content {
        padding-left: 70px;
        padding-right: 70px
    }
}

.cta--card .cta__label {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cta--card .cta__content {
    width: 100%
}

.cta--card .cta__figure {
    background-color: #ccc
}

.cta--card .cta__bttns {
    margin-top: 0
}

@media (min-width:768px) {
    .cta--card .cta__bttns {
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .cta--illustrations {
        padding-top: 50px;
        padding-bottom: 10px
    }

    .cta--illustrations .cta__content {
        padding-right: 60px
    }
}

@media (max-width:767px) {
    .cta--illustrations .cta__illustration {
        right: -60px
    }
}

.cta--illustrations .cta__illustration {
    position: absolute
}

.cta--illustrations .cta__illustration--left {
    height: 170px;
    width: auto
}

@media (max-width:767px) {
    .cta--illustrations .cta__illustration--left {
        top: 0
    }
}

.cta--illustrations .cta__illustration--right {
    height: 140px;
    width: auto
}

@media (max-width:767px) {
    .cta--illustrations .cta__illustration--right {
        bottom: -30px
    }
}

@media (min-width:768px) {
    .cta--illustrations .cta__illustration {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .cta--illustrations .cta__illustration--left {
        height: 170px;
        width: auto;
        left: 0
    }

    .cta--illustrations .cta__illustration--right {
        height: 140px;
        width: auto;
        right: 0
    }
}

.element--cta-subscribe:not(.element--is-compact) .cta--subscribe {
    padding: 45px 8.33%
}

.element--cta-subscribe .cta--subscribe {
    padding: 45px 37px
}

@media (min-width:768px) {
    .cta--subscribe {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.cta--subscribe .cta__highlight {
    min-width: 220px
}

.cta--subscribe .cta__count {
    font-size: 55px;
    line-height: 1;
    letter-spacing: -.5px
}

.cta--subscribe .cta__content {
    padding-right: 15px
}

.cta--notice {
    padding: 38px 30px;
    position: relative
}

@media (min-width:768px) {
    .cta--notice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cta--notice .cta__content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (max-width:767px) {
    .cta--notice:before {
        content: "";
        background-color: inherit;
        width: 100vw;
        display: block;
        position: absolute;
        height: 100%;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1
    }
}

@media (min-width:768px) {
    .cta--notice .cta__content {
        padding-right: 25px
    }
}

.cta--notice .cta__btn {
    white-space: nowrap
}

@media (min-width:768px) and (max-width:1139px) {
    .cta--notice {
        padding: 25px
    }
}

@media (min-width:1140px) {
    .cta--notice {
        padding: 37px 55px 37px 45px
    }
}

@media (min-width:1140px) {
    .element--cta-figure.element--is-compact .element__column {
        padding-left: 8.33%;
        padding-right: 8.33%
    }
}

@media (min-width:768px) {
    .cta--figure {
        display: grid;
        grid-template-rows: auto;
        grid-gap: 0;
        grid-template-columns: repeat(12, 1fr)
    }

    .cta--figure .cta__figure {
        grid-column: span 5
    }

    .cta--figure .cta__image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .cta--figure .cta__container {
        grid-column: span 7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:767px) {
    .cta--figure .cta__container {
        padding: 20px
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .cta--figure .cta__container {
        padding: 30px 70px 30px 60px
    }
}

@media (min-width:1140px) {
    .cta--figure .cta__container {
        padding: 40px 90px 40px 80px
    }
}

.element--featured-text:not(.element--is-compact) .element__column {
    padding-left: 8.33%;
    padding-right: 8.33%
}

.element--featured-text .element__content {
    padding: 25px 20px
}

@media (min-width:768px) {
    .element--featured-text .element__content {
        padding: 35px 30px 32px
    }
}

.element--featured-links .element__content {
    padding: 36px 26px 28px
}

.element--featured-links .element__bttns {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px
}

@media (min-width:1140px) {
    .element--featured-links .element__bttns {
        grid-gap: 30px
    }
}

@media (min-width:480px) {
    .element--featured-links.has-double .element__row {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        grid-template-rows: auto;
        grid-gap: 15px
    }
}

@media (min-width:1140px) {
    .element--featured-links.has-double .element__row {
        grid-gap: 30px
    }
}

@media (max-width:479px) {
    .element--featured-links.has-double .element__column:not(:first-child) {
        margin-top: 25px
    }
}

@media (min-width:960px) {
    .element--featured-links.has-double .element__bttns {
        grid-template-columns: repeat(2, 1fr)
    }
}

.element--featured-links:not(.has-double) .element__bttns {
    grid-template-columns: repeat(4, 1fr)
}

.element--featured-links .element__button {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    line-height: 20px;
    display: block
}

@media (max-width:959px) {
    .element--featured-links .element__button {
        padding: 15px
    }
}

@media (min-width:960px) {
    .element--featured-links .element__button {
        padding: 25px 23px
    }
}

.element--featured-links .element__holder {
    height: 100%;
    width: 44px;
    position: absolute;
    top: 0;
    right: 0
}

.element--featured-links .element__icon {
    width: 7px;
    height: 12px
}

.element--featured-links .element__button {
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.element--featured-links .element__button:focus,
.element--featured-links .element__button:hover {
    background-color: #000
}

@media (max-width:767px) {
    .element--form-has-bg.back-image {
        padding: 0
    }

    .element--form-has-bg.back-image:last-child {
        margin-bottom: 60px
    }
}

@media (min-width:768px) {
    .element--form-has-bg.back-image {
        padding-top: 100px;
        padding-bottom: 90px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .element--form-has-bg .element__column {
        padding-left: 8.33%;
        padding-right: 8.33%
    }
}

@media (max-width:767px) {
    .element--form-has-bg .element__container {
        padding: 40px 30px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .element--form-has-bg .element__container {
        padding: 60px 50px
    }
}

@media (min-width:960px) {
    .element--form-has-bg .element__container {
        padding: 80px 94px
    }
}

.element--form-has-bg .element__svg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 100%;
    opacity: .35
}

.element--gallery {
    z-index: 2;
    overflow: hidden
}

.element--gallery .element__container {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 10px;
    overflow: hidden;
    grid-template-columns: repeat(12, 1fr)
}

@media (max-width:767px) {
    .element--gallery .element__container {
        position: relative;
        width: 100vw;
        right: -50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 0 10px
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .element--gallery .element__container {
        grid-gap: 15px
    }
}

@media (min-width:1140px) {
    .element--gallery .element__container {
        grid-gap: 30px
    }
}

.element--gallery .element__container:hover .element__media {
    opacity: .8
}

.element--gallery .element__container .element__media:hover {
    opacity: 1
}

.element--gallery .element__media {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (max-width:767px) {
    .element__media {
        grid-column: span 3
    }

    .element__media:nth-child(-n+9) {
        grid-column: span 4
    }
}

@media (min-width:768px) {
    .gallery100 .element__media:nth-child(-n+3) {
        grid-column: span 4
    }

    .gallery100 .element__media:nth-child(n+4):nth-child(-n+7) {
        grid-column: span 3
    }

    .gallery100 .element__media:nth-child(n+8) {
        grid-column: span 2
    }

    .gallery66 .element__media:nth-child(-n+3) {
        grid-column: span 4
    }

    .gallery66 .element__media:nth-child(n+4) {
        grid-column: span 3
    }

    .gallery33 .element__media {
        grid-column: span 4
    }
}

.element--hero.element {
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width:767px) {
    .element--hero+.element--map {
        margin-top: 15px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .element--hero+.element--map {
        margin-top: -180px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .element--hero+.element--map {
        margin-top: -220px
    }
}

@media (min-width:1140px) {
    .element--hero+.element--map {
        margin-top: -287px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .hero.hero--object {
        height: 480px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .hero.hero--object {
        height: 520px
    }
}

@media (min-width:1140px) {
    .hero.hero--object {
        height: 580px
    }
}

@media (max-width:767px) {
    body:not(.admin-bar) .hero.hero--nieuwbouw {
        height: 260px
    }
}

@media (min-width:768px) {
    body:not(.admin-bar) .hero.hero--regular {
        height: 400px
    }
}

@media (max-width:767px) {
    .admin-bar .hero.hero--nieuwbouw {
        height: 260px
    }
}

@media (min-width:768px) {
    .admin-bar .hero.hero--tall {
        height: 548px
    }

    .admin-bar .hero.hero--regular {
        height: 368px
    }
}

.hero--align-top .hero__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width:768px) {
    .hero--align-center .hero__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.hero--align-bottom .hero__row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.hero--nieuwbouw .hero__row {
    pointer-events: none
}

.hero--nieuwbouw .btn,
.hero--nieuwbouw .hero__contintue,
.hero--nieuwbouw .hero__header h1,
.hero--nieuwbouw .hero__header p,
.hero--nieuwbouw .hero__return,
.hero--nieuwbouw .tag {
    pointer-events: all
}

.hero--nieuwbouw .flickity-prev-next-button.next {
    display: block;
    fill: #fff
}

.hero .hero__heading,
.hero .usp--list-small .usp__text {
    color: #fff
}

.hero .usp--list-small .usp__icon {
    fill: #fff
}

.hero .hero__btn {
    border-color: #fff;
    color: #fff;
    fill: #fff
}

.hero .hero__btn:focus,
.hero .hero__btn:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    fill: #000
}

.hero .hero__btn:active {
    border-color: #000
}

.hero .hero__content {
    border-radius: 10px
}

.hero .hero__content[class*=back-] {
    padding: 30px 18px
}

@media (min-width:768px) {
    .hero .hero__content[class*=back-] {
        padding: 32px 29px 36px 36px
    }
}

@media (max-width:767px) {
    .hero {
        background-image: none !important
    }

    .hero .hero__content {
        min-height: 264px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:768px) {
    .hero .hero__content {
        background-image: none !important
    }
}

.hero--object {
    min-height: auto
}

.hero--object .hero__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    right: 0;
    margin: 0 auto
}

.hero--object .flickity-button {
    z-index: 3;
    width: 50px;
    height: 50px
}

.hero--object .flickity-button:focus,
.hero--object .flickity-button:hover {
    background: #fff
}

@media (max-width:767px) {
    .hero--object .hero__content:before {
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        left: 15px;
        content: "";
        background: #000;
        z-index: 0;
        border-radius: 10px;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .75)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0))
    }
}

@media (min-width:768px) {
    .hero--object .hero__content {
        margin-top: 48px;
        display: inline-block
    }
}

.hero__slide,
.hero__slider {
    height: 260px
}

@media (min-width:768px) and (max-width:959px) {

    .hero__slide,
    .hero__slider {
        height: 480px
    }
}

@media (min-width:960px) and (max-width:1139px) {

    .hero__slide,
    .hero__slider {
        height: 520px
    }
}

@media (min-width:1140px) {

    .hero__slide,
    .hero__slider {
        height: 580px
    }
}

.hero__slider {
    width: 100%
}

.hero__slider .flickity-prev-next-button {
    display: none
}

.hero__slide {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    margin-right: 7px;
    position: relative
}

@media (min-width:768px) and (max-width:959px) {
    .hero__slide {
        width: calc((100vw - 768px)/2 + 746px)
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .hero__slide {
        width: calc((100vw - 960px)/2 + 938px)
    }
}

@media (min-width:1140px) {
    .hero__slide {
        width: calc((100vw - 1140px)/2 + 1118px)
    }
}

.hero__slide:after,
.hero__slide:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    content: ""
}

.hero__slide:before {
    background-color: rgba(0, 0, 0, 0)
}

.hero__slide:after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 40%)
}

.hero__slide:not(.is-selected):before {
    background-color: rgba(0, 0, 0, .25)
}

.hero__slide.is-selected:after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .65)), color-stop(40%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0) 40%)
}

.hero__return {
    left: 10px;
    top: 10px
}

@media (min-width:768px) {
    .hero__return {
        top: 25px
    }
}

@media (min-width:1140px) {
    .hero__return {
        left: 15px
    }
}

.hero__column {
    margin-bottom: 30px
}

.hero__contintue {
    bottom: 30px;
    right: 40px
}

@media (min-width:768px) {
    [class*=hero--gradient-]:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background: #000;
        z-index: 0
    }
}

@media (max-width:767px) {
    [class*=hero--gradient-] .hero__content:before {
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        left: 10px;
        content: "";
        background: #000;
        z-index: 0;
        border-radius: 10px
    }
}

.hero--gradient-from-top:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .41)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .41))
}

.hero--gradient-from-bottom .hero__content:before,
.hero--gradient-from-bottom:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0))
}

.hero--back {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.hero__row {
    height: 100%
}

.element--map.element {
    z-index: 2
}

@media (min-width:960px) {
    .element--map+.element--usp-fancy {
        margin-top: -43px
    }
}

.modal-open .header {
    z-index: 1
}

.element--media .element__btn {
    top: 0;
    right: 0;
    border-radius: 0 0 0 4px;
    height: 40px;
    padding-right: 40px
}

.element--media .element__btn .btn__holder {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    border-radius: 0 0 0 4px;
    z-index: 1
}

.element--media .element__btn .btn__text {
    position: relative;
    top: 0;
    right: -100%;
    background-color: #fff;
    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
    line-height: 40px;
    display: block;
    padding-left: 12px;
    border-radius: 0 0 0 4px
}

.element--media .element__btn:focus,
.element--media .element__btn:hover {
    border-radius: 0 4px;
    width: auto
}

.element--media .element__btn:focus .btn__holder,
.element--media .element__btn:hover .btn__holder {
    border-radius: 0
}

.element--media .element__btn:focus .btn__text,
.element--media .element__btn:hover .btn__text {
    right: 0
}

@media (max-width:1139px) {
    .element--image .element__title {
        margin-bottom: 20px
    }
}

@media (min-width:1140px) {
    .element--image .element__title {
        position: absolute;
        bottom: 0;
        left: -190px;
        width: 190px;
        text-align: right;
        padding-right: 30px
    }
}

.module-menu[class*=back-] {
    border-radius: 10px;
    padding-top: 31px;
    padding-bottom: 31px
}

@media (max-width:767px) {
    .module-menu[class*=back-]:before {
        content: "";
        background-color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width:768px) {
    .module-menu[class*=back-] {
        padding-left: 48px;
        padding-right: 31px
    }
}

.module-menu--horizontal .module-menu__container {
    padding-top: 15px
}

@media (max-width:767px) {
    .module-menu--horizontal .module-menu__container {
        overflow: auto;
        position: relative;
        left: 0;
        right: 0
    }
}

@media (min-width:400px) and (max-width:499px) {
    .module-menu--horizontal .module-menu__container {
        width: calc((100vw - 400px)/2 + 390px)
    }
}

@media (min-width:500px) and (max-width:767px) {
    .module-menu--horizontal .module-menu__container {
        width: calc((100vw - 500px)/2 + 490px)
    }
}

@media (max-width:767px) {
    .module-menu--horizontal .module-menu__list {
        scrollbar-width: none;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 5px
    }

    .module-menu--horizontal .module-menu__item {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 10px
    }

    .module-menu--horizontal .module-menu__item.current-menu-item {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:960px) {
    .module-menu--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:768px) {
    .module-menu__heading {
        white-space: nowrap;
        margin-right: 48px
    }
}

.module-menu__list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: -12px
}

.module-menu__item {
    margin-top: 12px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    -webkit-transition: background .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;
    margin-right: 7px;
    position: relative
}

.module-menu__item.current-menu-item .module-menu__link {
    padding-left: 33px
}

.module-menu__link {
    padding: 11px 11px 9px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    font-family: "Montserrat", Sans-serif;
    display: block
}

.module-menu__caret {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: inherit
}

.element--quote footer {
    margin-top: 20px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width:768px) and (max-width:1139px) {
    .element--quote .element__column {
        padding-left: 16.66%;
        padding-right: 16.66%
    }
}

.element--select .figure {
    height: 100%
}

@media (max-width:767px) {
    .element--select .figure {
        border-radius: 4px
    }
}

.element--select .image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width:768px) {
    .element--select .image {
        border-radius: 10px
    }
}

@media (min-width:960px) {
    .element--select .element__container {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 15px
    }
}

@media (min-width:1140px) {
    .element--select .element__container {
        grid-gap: 30px
    }
}

@media (max-width:959px) {
    .element--select .element__select:not(:first-child) {
        margin-top: 10px
    }
}

.element--select .element__select>div,
.element--select .element__select>video {
    height: 100%
}

@media (max-width:959px) {

    .element--select .element__60-40 .element__select:first-child,
    .element--select .element__60-40 .element__select:last-child {
        grid-column: span 12
    }
}

@media (min-width:960px) {
    .element--select .element__60-40 .element__select:first-child {
        grid-column: span 7
    }
}

@media (min-width:960px) {

    .element--select .element__40-60 .element__select:first-child,
    .element--select .element__60-40 .element__select:last-child {
        grid-column: span 5
    }

    .element--select .element__40-60 .element__select:last-child {
        grid-column: span 7
    }
}

@media (min-width:960px) {
    .element--select .element__66-33 .element__select:first-child {
        grid-column: span 8
    }
}

@media (min-width:960px) {

    .element--select .element__33-66 .element__select:first-child,
    .element--select .element__66-33 .element__select:last-child {
        grid-column: span 4
    }

    .element--select .element__33-66 .element__select:last-child {
        grid-column: span 8
    }

    .element--select .element__33-66 .cta--card:not([class*=back-]) .cta__content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .element--select .element__33-66 .cta__bttns {
        margin-bottom: 12px
    }
}

@media (min-width:960px) {

    .element--select .element__50-50 .element__select:first-child,
    .element--select .element__50-50 .element__select:last-child {
        grid-column: span 6
    }
}

.element--has-rows .element__row:not([class*=back-]):not(:first-child) {
    margin-top: 60px
}

.element--showcase .showcase__image {
    display: inline-block
}

@media (min-width:768px) {
    .element--showcase .showcase__image {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

@media (min-width:1140px) {
    .element--showcase.element--is-compact .element__column {
        padding-left: 8.33%;
        padding-right: 8.33%
    }
}

@media (min-width:768px) {
    .element--showcase .element__row:nth-child(2n) .showcase__figure {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .element--showcase .element__row:nth-child(2n) .showcase__content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:768px) {
    .element--showcase-fullwidth-50-50 .element__row:nth-child(odd) .showcase__figure {
        text-align: right
    }

    .element--showcase-fullwidth-50-50 .element__row:nth-child(2n) .showcase__content {
        justify-self: right
    }
}

@media (min-width:1140px) {
    .element--showcase-fullwidth-50-50 .element__row .showcase__content {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .element--showcase-fullwidth-50-50 .element__row:nth-child(odd) .showcase__content {
        padding-left: 142px
    }

    .element--showcase-fullwidth-50-50 .element__row:nth-child(2n) .showcase__content {
        padding-right: 142px
    }
}

@media (min-width:1140px) {
    .element--showcase-fullwidth-33-66 .element__row:nth-child(odd) .showcase__content {
        padding-left: 155px
    }

    .element--showcase-fullwidth-33-66 .element__row:nth-child(2n) .showcase__content {
        justify-self: right;
        padding-right: 155px
    }
}

@media (max-width:767px) {
    .showcase--fullwidth .showcase__content {
        padding: 50px 10px 56px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:400px) and (max-width:499px) {
    .showcase--fullwidth .showcase__content {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .showcase--fullwidth .showcase__content {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:400px) and (max-width:499px) {
    .showcase--fullwidth .showcase__content {
        max-width: 400px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .showcase--fullwidth .showcase__content {
        max-width: 500px
    }
}

@media (min-width:768px) {
    .showcase--fullwidth {
        grid-gap: 0
    }
}

@media (min-width:768px) and (max-width:959px) {
    .showcase--fullwidth-33-66 .showcase__figure {
        grid-column: span 5
    }
}

@media (min-width:960px) {
    .showcase--fullwidth-33-66 .showcase__figure {
        grid-column: span 4
    }
}

@media (min-width:768px) and (max-width:959px) {
    .showcase--fullwidth-33-66 .showcase__content {
        grid-column: span 7
    }
}

@media (min-width:960px) {
    .showcase--fullwidth-33-66 .showcase__content {
        grid-column: span 8
    }
}

@media (min-width:960px) {
    .showcase--fullwidth-33-66 .showcase__container {
        width: 635px
    }
}

@media (min-width:768px) {

    .showcase--fullwidth-50-50 .showcase__content,
    .showcase--fullwidth-50-50 .showcase__figure {
        grid-column: span 6
    }

    .showcase--fullwidth-50-50 .element__image {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

@media (min-width:1140px) {
    .showcase--fullwidth-50-50 .showcase__container {
        width: 400px
    }
}

@media (min-width:768px) {
    .showcase {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: repeat(12, 1fr)
    }
}

.showcase .showcase__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.showcase--boxed-50-50 {
    grid-gap: 15px
}

@media (min-width:1140px) {
    .showcase--boxed-50-50 {
        grid-gap: 30px
    }
}

.showcase--boxed-50-50 .showcase__content,
.showcase--boxed-50-50 .showcase__figure {
    grid-column: span 6
}

@media (min-width:768px) and (min-width:768px) and (max-width:1139px) {
    .element--showcase-50-41 .element__row:nth-child(odd) .showcase__content {
        grid-column: span 6
    }
}

@media (min-width:768px) and (min-width:1140px) {
    .element--showcase-50-41 .element__row:nth-child(odd) .showcase__content {
        grid-column: 8/span 5
    }
}

@media (min-width:768px) {
    .element--showcase-50-41 .element__row:nth-child(odd) .showcase__figure {
        grid-column: span 6
    }
}

@media (min-width:768px) and (min-width:768px) and (max-width:1139px) {
    .element--showcase-50-41 .element__row:nth-child(2n) .showcase__content {
        grid-column: span 6
    }
}

@media (min-width:768px) and (min-width:1140px) {
    .element--showcase-50-41 .element__row:nth-child(2n) .showcase__content {
        grid-column: span 5
    }
}

@media (min-width:768px) {
    .element--showcase-50-41 .element__row:nth-child(2n) .showcase__figure {
        grid-column: 7/span 6
    }
}

.showcase--boxed-50-41 {
    grid-gap: 15px
}

@media (min-width:1140px) {
    .showcase--boxed-50-41 {
        grid-gap: 30px
    }
}

.element--showcase-full .element__content,
.element--showcase-full .element__graphic {
    width: 50%
}

.element--showcase-alt {
    position: relative
}

.element--showcase-alt:after {
    position: absolute;
    top: -40px;
    right: 0;
    background-image: url(../images/illustration-combo.png);
    background-position: 100%;
    background-repeat: no-repeat;
    width: 355px;
    height: 266px
}

@media (max-width:767px) {
    .element--showcase-alt:after {
        content: ""
    }
}

.element--showcase-back:first-child {
    margin-top: 0 !important
}

.element--showcase-back .element__showcase {
    width: 100%
}

.element--showcase-back .element__graphic {
    position: relative
}

@media (max-width:767px) {
    .element--showcase-back .element__graphic {
        padding-top: 35px;
        padding-bottom: 25px
    }
}

@media (min-width:768px) {
    .element--showcase-back .element__graphic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 20px;
        min-height: 540px
    }
}

.element--showcase-back .element__graphic .element__heading {
    font-size: 26px;
    line-height: 30px
}

@media (min-width:768px) {
    .element--showcase-back .element__graphic .element__heading {
        font-size: 34px;
        line-height: 34px
    }
}

@media (max-width:767px) {
    .element--showcase-back .element__graphic .element__wrapper {
        background-color: rgba(0, 0, 0, 0);
        width: 80%
    }
}

@media (min-width:768px) {
    .element--showcase-back .element__graphic .element__wrapper {
        max-width: 340px;
        padding: 63px 68px 48px 51px
    }
}

.element--showcase-back .element__label {
    border-radius: 9px;
    display: inline-block;
    padding: 0 9px
}

@media (max-width:767px) {
    .element--showcase-back .element__content {
        padding-bottom: 3px
    }
}

@media (min-width:768px) {
    .element--showcase-back .element__content {
        padding-top: 60px;
        padding-bottom: 60px;
        min-height: 540px
    }
}

.element--showcase-back .element__figure {
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:767px) {
    .element--showcase-back .element__figure {
        background-image: none !important
    }
}

@media (min-width:768px) {
    .element--showcase-back .element__figure {
        width: calc((100vw - 1200px)/2 + 600px);
        left: unset;
        right: unset
    }
}

@media (max-width:767px) {
    .element__showcase[class*=back-] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .element__showcase:not([class*=back-]):not(:first-child) {
        margin-top: 40px
    }
}

@media (min-width:768px) {
    .element__showcase:nth-child(odd) .element__graphic {
        -webkit-box-ordinal-group: 2;
        order: 1;
        -ms-flex-order: 1
    }

    .element__showcase:nth-child(odd) .element__figure {
        right: 0
    }

    .element__showcase:nth-child(2n) .element__graphic,
    .element__showcase:nth-child(odd) .element__content {
        -webkit-box-ordinal-group: 3;
        order: 2;
        -ms-flex-order: 2
    }

    .element__showcase:nth-child(2n) .element__figure {
        left: 0
    }

    .element__showcase:nth-child(2n) .element__content {
        -webkit-box-ordinal-group: 2;
        order: 1;
        -ms-flex-order: 1
    }
}

.element--slider .element__slide {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (min-width:400px) and (max-width:499px) {
    .element--slider .element__slide {
        height: 225px
    }
}

@media (min-width:500px) and (max-width:599px) {
    .element--slider .element__slide {
        height: 281px
    }
}

@media (min-width:600px) and (max-width:767px) {
    .element--slider .element__slide {
        height: 337px
    }
}

@media (min-width:768px) {
    .element--slider .element__slide {
        height: 450px
    }
}

@media (max-width:767px) {
    .element--slider .element__pswp {
        position: relative;
        width: 100vw;
        right: -50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .element--slider .element__caption {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:400px) and (max-width:499px) {
    .element--slider .element__caption {
        max-width: 380px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .element--slider .element__caption {
        max-width: 480px
    }
}

@media (min-width:768px) {
    .steps {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 30px
    }
}

@media (max-width:767px) {
    .step__item:not(:first-child) {
        margin-top: 15px
    }
}

@media (min-width:768px) {
    .step__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: 0
    }
}

@media (max-width:499px) {

    .slider .flickity-viewport,
    .slider .slider__image,
    .slider .slider__item {
        height: 250px
    }
}

@media (min-width:500px) and (max-width:767px) {

    .slider .flickity-viewport,
    .slider .slider__image,
    .slider .slider__item {
        height: 281px
    }
}

@media (min-width:768px) and (max-width:959px) {

    .slider .flickity-viewport,
    .slider .slider__image,
    .slider .slider__item {
        height: 420px
    }
}

@media (min-width:960px) {

    .slider .flickity-viewport,
    .slider .slider__image,
    .slider .slider__item {
        height: 100% !important
    }
}

.slider__item {
    width: 100%;
    position: relative
}

.slider__item:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .65)), color-stop(40%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0) 40%)
}

.slider__item .slider__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.slider__item .slider__content {
    position: absolute;
    bottom: 12px;
    left: 15px
}

@media (min-width:768px) {
    .slider__item .slider__content {
        bottom: 24px;
        left: 30px
    }
}

.slider .slider__tags {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 13px
}

.slider .flickity-button:disabled {
    opacity: 0
}

.slider .flickity-page-dots {
    width: auto;
    left: unset;
    right: 10px;
    bottom: 0
}

.tabs__nav {
    position: relative
}

.tabs--map .tabs__btn {
    text-transform: uppercase
}

.tabs--map .tabs__btn.disabled {
    cursor: not-allowed;
    opacity: .3
}

.tabs--page {
    padding: 35px;
    border-radius: 10px
}

.tabs--page .tabs__nav {
    margin-bottom: 15px
}

.tabs--element {
    padding: 30px;
    border-radius: 10px
}

.tabs--element .tabs__nav {
    margin-bottom: 20px
}

.tabs--element .tabs__btn,
.tabs--map .tabs__btn {
    font-size: 14px;
    line-height: 22px;
    font-weight: 900;
    border-width: 2px;
    border-style: solid;
    padding: 6px 10px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: background .3s ease-out, border .3s ease-out;
    transition: background .3s ease-out, border .3s ease-out;
    margin-right: 12px
}

@media (max-width:399px) {

    .tabs--element .tabs__btn,
    .tabs--map .tabs__btn {
        font-size: 13px;
        padding: 6px;
        margin-right: 6px
    }
}

.tabs--element .tabs__btn.open,
.tabs--map .tabs__btn.open {
    background-color: rgba(0, 0, 0, 0)
}

@media (max-width:767px) {
    .tabs--employee .tabs__nav {
        display: none;
        padding: 11px;
        border: 2px solid #000;
        border-radius: 4px;
        margin-top: 5px
    }
}

@media (min-width:768px) {
    .tabs--employee .tabs__nav {
        margin-top: -15px
    }
}

.tabs--employee .tabs__toggle {
    border: 2px solid #000;
    border-radius: 4px;
    line-height: 20px;
    width: 100%;
    padding: 11px 40px 11px 11px;
    text-align: left;
    font-family: "Montserrat", Sans-serif;
}

.tabs--employee .tabs__toggle-holder {
    position: absolute;
    width: 38px;
    height: 38px;
    top: 2px;
    right: 2px
}

.tabs--employee .tabs__toggle-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px
}

@media (max-width:767px) {
    .tabs--employee .tabs__btn {
        display: block;
        padding: 5px;
        line-height: 22px;
        width: 100%;
        text-align: left
    }
}

@media (min-width:768px) {
    .tabs--employee .tabs__btn {
        padding: 12px 15px;
        margin-top: 15px;
        background-color: rgba(0, 0, 0, 0);
        border-width: 2px;
        border-style: solid;
        border-radius: 4px;
        font-size: 16px;
        display: inline-block;
        position: relative;
        cursor: pointer;
        -webkit-transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, fill .3s ease-out;
        transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, fill .3s ease-out;
        line-height: 20px;
        font-weight: 900
    }

    .tabs--employee .tabs__btn:not(:last-child) {
        margin-right: 11px
    }

    .tabs--employee .tabs__btn.open,
    .tabs--employee .tabs__btn:focus,
    .tabs--employee .tabs__btn:hover {
        color: #fff
    }
}

.tabs__panel[aria-hidden=true] {
    display: none
}

.element--title.element {
    margin-bottom: 0
}

.element--title+.element {
    margin-top: 0
}

@media (max-width:767px) {
    .element--usp:not(.element--is-compact) .usp--grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:768px) and (max-width:959px) {
    .element--usp:not(.element--is-compact) .usp--grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:960px) {
    .element--usp:not(.element--is-compact) .usp--grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:767px) {
    .element--is-compact .usp--grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (min-width:768px) {
    .element--is-compact .usp--grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.usp--single .usp__icon {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    fill: #7ac236
}

.usp--single .usp__item {
    padding-left: 30px
}

.usp--grid {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 8px
}

.usp--grid:not(.usp--fancy) {
    grid-gap: 20px
}

@media (min-width:768px) and (max-width:960px) {
    .usp--grid {
        grid-gap: 15px
    }
}

@media (min-width:1140px) {
    .usp--grid {
        grid-gap: 30px
    }
}

.usp--list {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px;
    grid-template-columns: 1fr
}

.usp--list .usp__icon {
    top: 7px;
    left: 0
}

.usp--list .usp__item {
    padding-left: 57px
}

.usp--list-small .usp__icon {
    width: 15px;
    height: 15px;
    top: 3px
}

.usp--list-small .usp__item {
    padding-left: 25px
}

.usp--fancy .usp__title {
    margin-bottom: 3px
}

.usp--fancy .usp__text {
    line-height: 17px
}

.usp--fancy .usp__icon {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.usp--fancy .usp__inner {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    width: 100%;
    padding-right: 70px
}

.usp--fancy .usp__icon {
    width: 22px;
    height: 22px
}

.usp--fancy .usp__item {
    border-width: 1px;
    border-style: solid;
    padding: 15px 18px 12px
}

.usp__item {
    position: relative
}

.usp__icon {
    width: 30px;
    height: 30px
}

.usp__value {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.usp--horizontal {
    margin-top: -15px
}

.usp--horizontal.usp--centered {
    text-align: center
}

.usp--horizontal .usp__item {
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block
}

.usp--centered .usp__item,
.usp--vertical.usp--centered .usp__item {
    text-align: center
}

.usp--vertical .usp__item:not(:first-child) {
    margin-top: 15px
}

.element__video {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.element__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.element__play.u-loaded,
.element__poster.u-loaded {
    display: none
}

.element__media {
    background-color: #ccc
}

@media (max-width:767px) {
    .element--video .element__container {
        position: relative;
        width: 100vw;
        right: -50%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.element--media .element__wrapper:not(.u-visible) {
    display: none
}

.element--media .element__wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.element--media .element__container.u-loaded .element__heading--inside {
    display: none
}

.element--media .element__container.u-loaded .element__btn--inside {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 12px
}

.element--media .element__heading--inside {
    z-index: 1;
    position: absolute;
    top: 15px;
    left: 10px;
    color: #fff
}

@media (min-width:768px) {
    .element--media .element__heading--inside {
        top: 45px;
        left: 65px
    }
}

.element--media .element__btn--inside {
    z-index: 1;
    position: absolute;
    bottom: 15px;
    left: 10px
}

@media (min-width:768px) {
    .element--media .element__btn--inside {
        bottom: 30px;
        left: 65px
    }
}

@media (min-width:768px) and (max-height:750px) {
    .element--media .element__poster .element__image {
        -o-object-fit: cover;
        object-fit: cover;
        height: 550px;
        width: 100%
    }

    .element--media .element__iframe {
        height: 550px;
        width: 100%
    }

    .element--media .element__wrapper {
        height: 550px;
        padding-bottom: 0
    }
}

@media (max-width:767px) {
    .element--media.element--image .element__figure {
        width: 100vw;
        right: -50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .element--media.element--image .element__image {
        border-radius: 0
    }

    .element--media.element--image .element__caption {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:400px) and (max-width:499px) {
    .element--media.element--image .element__caption {
        max-width: 400px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .element--media.element--image .element__caption {
        max-width: 500px
    }
}

.element--media .element__icon--play {
    width: 50px;
    height: 50px;
    fill: #fff
}

.element__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:768px) and (max-height:770px) {
    .element__iframe {
        max-height: 600px
    }
}

.video__frame {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:768px) {
    .video__frame {
        width: 100%;
        border-radius: 10px
    }
}

@media (max-width:767px) {

    .iframe__container,
    .video__frame {
        width: 100vw;
        right: -50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.iframe__container {
    overflow: hidden
}

.iframe__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.iframe__play.u-loaded {
    display: none
}

.iframe__icon {
    width: 50px;
    height: 50px;
    display: block;
    fill: #fff
}

.iframe__poster {
    height: 100%
}

.iframe__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.iframe__wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.iframe__wrapper:not(.u-visible) {
    display: none
}

.iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.accordion__item {
    position: relative
}

.accordion__item:first-child .accordion__toggle {
    margin-top: 0
}

.accordion__toggle {
    margin-top: 5px;
    display: block;
    width: 100%;
    min-height: 40px;
    text-align: left;
    padding: 10px 55px 10px 20px;
    position: relative;
    z-index: 1;
    border-radius: 10px
}

.accordion__toggle:not(.open) svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion__btn {
    bottom: 22px;
    right: 28px
}

.accordion__text {
    font-family: "Montserrat", Sans-serif;
}

.accordion__holder {
    width: 56px;
    position: absolute;
    top: 0;
    height: 100%;
    right: 0
}

.accordion__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 17px
}

.accordion__icon:not([class*=accordion__icon--]) {
    width: 15px;
    height: 15px
}

.accordion__inner {
    display: none;
    padding: 20px;
    margin-top: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #fff
}

.accordion__inner.open {
    display: block
}

.accordion--floorplan .accordion__inner {
    padding: 0
}

@media (max-width:767px) {
    .accordion--floorplan .accordion__inner {
        width: 100vw;
        right: -50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative
    }
}

.form--newsletter .gform_footer {
    position: absolute;
    bottom: 8px;
    right: 8px
}

.form--newsletter .gform_ajax_spinner {
    position: absolute;
    top: 50%;
    right: 100px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form--newsletter .gform_wrapper {
    position: relative
}

.form--newsletter .ginput_container_email input {
    padding-right: 120px;
    font-size: 14px
}

.form--newsletter .gform_submit_button {
    color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    padding: 6px 10px;
    line-height: 20px;
    border-radius: 4px;
    font-size: 14px;
    font-family: "Montserrat", Sans-serif;
}

.form--newsletter .gform_submit_button:focus,
.form--newsletter .gform_submit_button:hover {
    background-color: #000
}

.form--gravity select {
    padding: 11px 10px
}

.form--gravity input[type=email],
.form--gravity input[type=number],
.form--gravity input[type=password],
.form--gravity input[type=text] {
    text-indent: 12px;
    padding: 11px 0
}

.form--gravity textarea {
    padding: 10px 12px;
    height: 120px
}

.form--gravity input[type=email],
.form--gravity input[type=number],
.form--gravity input[type=password],
.form--gravity input[type=text],
.form--gravity select,
.form--gravity textarea {
    width: 100%;
    line-height: 22px;
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    font-weight: 500
}

.form--gravity input[type=email]:focus,
.form--gravity input[type=number]:focus,
.form--gravity input[type=password]:focus,
.form--gravity input[type=text]:focus,
.form--gravity select:focus,
.form--gravity textarea:focus {
    border-color: #000
}

.form--gravity input[type=checkbox],
.form--gravity input[type=radio] {
    position: absolute;
    top: auto;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    white-space: nowrap
}

.form--gravity input[type=checkbox]:checked+label:before,
.form--gravity input[type=radio]:checked+label:before {
    border-color: #000
}

.form--gravity input[type=checkbox]:checked+label:after,
.form--gravity input[type=radio]:checked+label:after {
    content: "";
    background-color: #000
}

.form--gravity input[type=checkbox]:focus+label,
.form--gravity input[type=radio]:focus+label {
    color: #000;
    font-family: "Montserrat", Sans-serif;
}

.form--gravity input[type=checkbox]:focus+label:before,
.form--gravity input[type=radio]:focus+label:before {
    border-color: #000
}

.form--gravity input[type=checkbox]:focus+label a,
.form--gravity input[type=radio]:focus+label a {
    text-decoration: underline
}

.form--gravity input[type=checkbox]+label:after,
.form--gravity input[type=checkbox]+label:before {
    border-radius: 2px
}

.form--gravity input[type=radio]+label:after,
.form--gravity input[type=radio]+label:before {
    border-radius: 50%
}

.btn__icon--spinner,
.form--loading .btn__icon--envelope {
    display: none
}

.form--loading .btn__icon--spinner {
    display: block;
    fill: #000;
    top: 8px !important;
    left: 9px !important
}

.form--loading .gform_submit_button {
    background-color: #000;
    border-color: #000;
    color: #000;
    fill: #000
}

.validation_error {
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    font-family: "Montserrat", Sans-serif;
}

.validation_error,
.validation_list {
    margin-bottom: 10px
}

.validation_list a {
    color: #000;
    line-height: 22px
}

.ginput_container_select {
    position: relative
}

.ginput_container_select:before {
    content: "";
    background-image: url(../images/icons/icon-chevron-down.svg)
}

.ginput_container_checkbox li,
.ginput_container_radio li {
    line-height: 16px
}

.ginput_container_checkbox li:not(:first-child),
.ginput_container_radio li:not(:first-child) {
    margin-top: 15px
}

.ginput_container_checkbox label,
.ginput_container_radio label {
    position: relative;
    padding-left: 22px;
    line-height: 16px;
    font-weight: 500;
    display: block
}

.ginput_container_checkbox label:before,
.ginput_container_radio label:before {
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    border: 2px solid #ccc;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.ginput_container_checkbox label:after,
.ginput_container_radio label:after {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 3px;
    left: 4px
}

.ginput_container_checkbox label:hover,
.ginput_container_radio label:hover {
    color: #000
}

.ginput_container_checkbox label:hover:before,
.ginput_container_radio label:hover:before {
    border-color: #000
}

.ginput_container_checkbox label button,
.ginput_container_radio label button {
    text-decoration: underline
}

.gfield_consent_label {
    position: relative;
    padding-left: 22px;
    font-weight: 500
}

.gfield_consent_label:before {
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    border: 2px solid #ccc;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.gfield_consent_label:after {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 3px;
    left: 4px
}

.gfield_consent_label:hover {
    color: #000
}

.gfield_consent_label:hover:before {
    border-color: #000
}

.gfield_consent_label button {
    text-decoration: underline
}

.ginput_container_consent:focus-within .gfield_consent_label {
    color: #000;
    font-family: "Montserrat", Sans-serif;
}

.ginput_container_consent:focus-within .gfield_consent_label:before {
    border-color: #000
}

.ginput_container_consent:focus-within .gfield_consent_label a {
    text-decoration: underline
}

.ginput_complex span,
.ginput_container {
    position: relative
}

.ginput_complex span:before,
.ginput_container:before {
    position: absolute;
    bottom: 13px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none
}

.gfield_contains_required:not(.gfield_error):focus-within .ginput_container:not(.ginput_complex):before {
    content: "";
    background-image: url(../images/icons/icon-required.svg);
    background-size: 10px
}

.gfield_contains_required:not(.gfield_error) .ginput_complex span {
    position: relative
}

.gfield_contains_required:not(.gfield_error) .ginput_complex span:before {
    position: absolute;
    bottom: 13px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
    background-image: url(../images/icons/icon-required.svg);
    background-size: 10px
}

.gfield_contains_required:not(.gfield_error) .ginput_complex span:focus-within:before {
    content: ""
}

.gfield_error .ginput_complex span:before,
.gfield_error .ginput_container_email:before,
.gfield_error .ginput_container_number:before,
.gfield_error .ginput_container_password:before,
.gfield_error .ginput_container_text:before {
    content: "";
    background-image: url(../images/icons/icon-exclamation.svg);
    background-size: 4px
}

.gfield_error .ginput_container_consent {
    padding: 5px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px
}

.gfield_error .validation_message {
    display: none
}

.gform_body {
    margin-bottom: 20px
}

.gfield:not(:first-child) {
    margin-top: 25px
}

.gfield_label {
    margin-bottom: 7px;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    line-height: 1;
    display: block
}

.ginput_container_consent {
    font-size: 13px
}

.gfield_consent_label {
    cursor: pointer
}

.gfield_consent_label a {
    color: #000
}

.gfield_consent_label a:focus,
.gfield_consent_label a:hover {
    text-decoration: underline
}

.gf_invisible,
.gfield_visibility_hidden {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    overflow: visible
}

.ginput_complex {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr)
}

.ginput_complex label {
    font-size: 80%;
    font-family: "Montserrat", Sans-serif;
}

.form--newsletter .gform_title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    font-family: "Montserrat", Sans-serif;
}

.form--newsletter .gform_description {
    display: block;
    margin-bottom: 30px;
    word-wrap: break-word
}

.form--element .gform_title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
    font-family: "Montserrat", Sans-serif;
}

.form--element .gform_description {
    margin-bottom: 20px;
    display: block
}

@media (max-width:767px) {

    .filter__column:not(.open) .filter__btn-closer,
    .filter__column:not(.open) label:nth-child(n+5) {
        display: none
    }

    .filter__column.open .limit-choices {
        height: 165px
    }

    .filter__column.open .filter__btn-opener {
        display: none
    }

    .filter__column.open .filter__text-close {
        display: block
    }

    .limit-choices {
        height: 132px;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

@media (min-width:768px) {

    .filter__column--alt:not(.open) .filter__btn-closer,
    .filter__column--alt:not(.open) label:nth-child(n+5),
    .filter__column.open .filter__btn-opener,
    .filter__column:not(.open) .filter__btn-closer,
    .filter__column:not(.open) label:nth-child(n+5) {
        display: none
    }

    .filter__column--alt.open .limit-choices--alt {
        height: 165px
    }

    .filter__column--alt.open .filter__btn-opener {
        display: none
    }

    .limit-choices--alt {
        height: 132px;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

@media (min-height:800px) and (min-width:768px) {
    .filter__btn-show {
        float: right
    }
}

.filter__btn-opener {
    margin-bottom: 10px
}

.filter__btn-closer {
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width:960px) {
    .filters--location {
        width: calc(100% - 170px)
    }
}

@media (max-width:959px) {
    .filters--location {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.filters--location .filter__item {
    background-color: #fff
}

.filters--location .filter__item--place {
    max-width: 290px
}

.filters--location .filter__item--radius {
    max-width: 150px
}

@media (max-width:959px) {
    .object-back--nieuwbouw .display {
        bottom: unset;
        top: calc(100% + 11px)
    }
}

.filter__items:after,
.filter__row:after {
    display: table;
    clear: both;
    content: ""
}

.filters--location .filter__item--place,
.filters--map .filter__item--place {
    width: calc(70% - 5px)
}

.filters--location .filter__item--radius,
.filters--map .filter__item--radius {
    width: calc(30% - 5px)
}

.filters--location .filter__item.filter__item--more,
.filters--map .filter__item.filter__item--more {
    width: auto
}

.filters--map .filter__items .filter__item {
    float: left
}

.filters--map .filter__items .filter__item:not(:first-child) {
    margin-left: 10px
}

.filters--location .filter__item {
    float: left
}

@media (min-width:768px) {
    .filters--location .filter__item {
        width: 100%
    }
}

.filters--location .filter__item:not(:first-child) {
    margin-left: 10px
}

@media (min-width:960px) {
    .filters--nieuwbouw .filter__column {
        float: left;
        width: calc(33.33% - 16px)
    }

    .filters--nieuwbouw .filter__column:not(:nth-child(3n+1)) {
        margin-left: 24px
    }

    .filters--nieuwbouw .filter__column:nth-child(3n+1) {
        clear: both
    }

    .filters--nieuwbouw .filter__column:nth-child(n+4) {
        margin-top: 35px
    }

    .filters--nieuwbouw .filter__item--price {
        width: calc(50% - 12px);
        float: left
    }

    .filters--nieuwbouw .filter__item--price:not(:first-child) {
        margin-left: 24px
    }
}

@media (min-width:480px) and (max-width:959px) {
    .filters--objects .filter__column {
        float: left
    }
}

@media (max-width:599px) {
    .filters--objects .filter__column {
        width: 100%
    }

    .filters--objects .filter__column:nth-child(n+2) {
        margin-top: 35px
    }
}

@media (min-width:600px) and (max-width:959px) {
    .filters--objects .filter__column {
        width: calc(50% - 12px)
    }

    .filters--objects .filter__column:not(:nth-child(odd)) {
        margin-left: 24px
    }

    .filters--objects .filter__column:nth-child(odd) {
        clear: both
    }

    .filters--objects .filter__column:nth-child(n+3) {
        margin-top: 35px
    }
}

@media (min-width:960px) {
    .filters--objects:not(.filters--nieuwbouw) .filter__column:not(:first-child) {
        margin-top: 25px
    }
}

@media (max-width:479px) {
    .filters--objects .filter__items .filter__item {
        width: 100%
    }

    .filters--objects .filter__items .filter__item:not(:first-child) {
        margin-top: 10px
    }
}

@media (min-width:480px) and (max-width:959px) {
    .filters--objects .filter__items .filter__item {
        width: calc(50% - 12px);
        float: left
    }

    .filters--objects .filter__items .filter__item:not(:first-child) {
        margin-left: 24px
    }
}

.filters--objects .filter__label {
    font-size: 18px;
    line-height: 26px
}

.filters--objects .filter__item--multiple label {
    cursor: pointer;
    margin-left: 0;
    margin-right: 12px
}

.filters--objects .filter__item--multiple span {
    right: 6px
}

.filters--objects .filter__item--multiple strong:before {
    left: 6px
}

.filters--popup .filter__heading {
    border-bottom: 1px solid #bfbfbf
}

.filters--popup .filter__label {
    font-size: 20px;
    line-height: 26px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px
}

.filters--popup .filter__item--multiple {
    margin-left: -6px
}

.filters--popup .filter__item--multiple label {
    margin-right: 4px
}

.filters--popup .filter__item--multiple span {
    right: 6px
}

.filters--popup .filter__item--multiple strong:before {
    left: 6px
}

.filters--archive {
    padding: 32px 20px 45px
}

@media (min-width:960px) {
    .filters--archive {
        padding-left: 30px;
        padding-right: 28px
    }
}

.filters--archive .filter__label {
    font-size: 15px;
    line-height: 1
}

.filters--archive .filter__item--multiple label {
    margin-left: -6px;
    margin-right: -6px
}

.filters--archive .filter__item--multiple span {
    right: 6px
}

.filters--archive .filter__item--multiple strong:before {
    left: 6px
}

.filters--other {
    width: 100%;
    max-width: 450px
}

.filters--other .filter__item {
    background-color: #fff
}

.filter__heading span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.filter__label {
    font-family: "Montserrat", Sans-serif;
    display: block
}

.filter__open {
    border-width: 1px;
    color: #000;
    fill: #000
}

.filter__open:focus,
.filter__open:hover {
    color: #fff;
    fill: #fff
}

.filter__open:active {
    border-color: #fff
}

.filter__open .btn__holder--right {
    left: unset;
    right: 0;
    fill: #fff
}

.filter__open .btn__holder--right .btn__icon {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.filter__open .btn__holder--right .svg {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.js .filter__submit-btn {
    display: none
}

.filter__item--select label {
    display: block
}

.filter__item--select select {
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #e6e6e6;
    height: 48px;
    padding-left: 8px;
    width: 100%;
    border-radius: 4px;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
    padding-right: 30px
}

@media (max-width:959px) {
    .filter__item--select select {
        font-size: 13px;
        padding-left: 7px;
        padding-right: 20px
    }
}

.filter__item--select select:focus {
    border-color: #000
}

.filter__item--select option[value=belegging] {
    display: none
}

.filter__icon {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:960px) {
    .filter__icon {
        right: 15px
    }
}

.filter__icon--caret-down {
    width: 9px;
    height: 7px;
    fill: #000;
    pointer-events: none
}

.filter__item--multiple input {
    position: absolute;
    top: auto;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    white-space: nowrap
}

.filter__item--multiple input:checked+strong {
    background-color: #e6e6e6;
    border-radius: 4px;
    font-family: "Montserrat", Sans-serif;
}

.filter__item--multiple input:checked+strong:before {
    background-image: url(../img/icons/icon-check.svg);
    background-size: 10px
}

.filter__item--multiple input:checked+strong:after {
    content: ""
}

.filter__item--multiple input:focus+strong:before {
    border-width: 2px
}

.filter__item--multiple label {
    position: relative;
    display: block
}

.filter__item--multiple:not(#prijs_type) label:not(:last-child) {
    margin-bottom: 7px
}

.filter__item--multiple span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 18px
}

.filter__item--multiple strong {
    position: relative;
    display: block;
    font-size: 14px;
    padding: 4px 30px;
    line-height: 18px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.filter__item--multiple strong:before {
    content: "";
    border: 2px solid #000;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 50%
}

.filter__item--checkbox strong:before {
    border-radius: 4px
}

.filter__item--choice label {
    margin-right: 10px;
    display: inline-block
}

.filter__item--choice strong {
    padding-right: 10px
}

.filter__item--radio strong:before {
    border-radius: 50%
}

dialog {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

dialog::-webkit-backdrop {
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none
}

dialog::backdrop {
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none
}

.dialog__container[open]+.dialog__overlay,
dialog[open] {
    display: block
}

.dialog[aria-hidden=true] {
    display: none
}

.dialog--slide-in-upwards .dialog__container {
    top: 125%;
    -webkit-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    -webkit-animation: .3s ease-in-out .15s 1 alternate forwards running;
    animation: .3s ease-in-out .15s 1 alternate forwards running;
    -webkit-animation-name: slide-in-upwards-to-center;
    animation-name: slide-in-upwards-to-center
}

.dialog--slide-in-right .dialog__container {
    right: -100%;
    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide-in-right;
    animation-name: slide-in-right
}

.dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dialog .dialog__container {
    width: 100%
}

@media (min-width:768px) {
    .dialog--sidebar .dialog__container {
        max-width: 500px
    }
}

@media (min-width:768px) {
    .dialog--page .dialog__container {
        max-width: 800px
    }
}

.dialog--filter {
    width: 100%
}

@media (min-width:960px) {
    .dialog--filter.visible {
        display: block !important;
        position: relative;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset
    }

    .dialog--filter.visible .dialog__content {
        padding: 32px 20px 45px
    }

    .dialog--filter.visible .filter__btn-show {
        display: none
    }

    .dialog--filter.visible .dialog__container {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .dialog--filter.visible .dialog__close,
    .dialog--filter.visible .dialog__overlay {
        display: none
    }

    .dialog--filter.visible .dialog__gotcha {
        z-index: 1
    }

    .dialog--filter.visible .filter__items .filter__item:not(:first-child) {
        margin-top: 10px
    }
}

@media (max-width:959px) {
    .dialog--filter.visible .dialog__content {
        padding: 30px 34px 40px
    }
}

.dialog--filter .dialog__gotcha {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    position: relative;
    z-index: 17;
    width: 100%;
    height: 100%
}

.dialog--filter .dialog__close {
    height: 24px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0 0 0 10px;
    padding-right: 20px
}

.dialog--filter .dialog__close:focus,
.dialog--filter .dialog__close:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    fill: #000
}

@media (max-width:767px) {
    .dialog--filter .dialog__close {
        top: 20px;
        right: 20px
    }
}

@media (min-width:768px) {
    .dialog--filter .dialog__close {
        top: 28px;
        right: 36px
    }
}

@media (min-width:960px) {
    .dialog--filter .dialog__close {
        border-radius: 0 10px 0 10px
    }
}

.dialog--filter .dialog__close .dialog__text {
    line-height: 24px
}

.dialog--filter .dialog__close .dialog__icon {
    left: unset;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dialog--filter .dialog__close .dialog__icon--cross {
    width: 14px;
    height: 14px
}

.dialog--filter .dialog__container {
    position: fixed;
    width: 100%;
    height: auto
}

@media (min-height:800px) and (min-width:768px) {
    .dialog--filter .dialog__container {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        right: auto
    }
}

@media (min-height:800px) and (min-width:768px) and (max-width:959px) {
    .dialog--filter .dialog__container {
        max-width: 768px
    }
}

@media (min-height:800px) and (min-width:960px) and (max-width:1139px) {
    .dialog--filter .dialog__container {
        max-width: 960px
    }
}

@media (min-height:800px) and (min-width:1140px) {
    .dialog--filter .dialog__container {
        max-width: 1110px
    }
}

@media (max-height:799px),
(max-width:767px) {
    .dialog--filter .dialog__gotcha {
        width: 100%;
        height: 100%
    }

    .dialog--filter .dialog__container {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        border-radius: 0;
        background-color: #fff
    }
}

@media (max-height:799px) and (min-width:960px),
(max-width:767px) and (min-width:960px) {
    .dialog--filter .filter__row--controls {
        margin-top: 20px
    }
}

@media (max-height:799px) and (max-width:959px),
(max-width:767px) and (max-width:959px) {
    .dialog--filter .filter__row--controls {
        background-color: #f6f6f6;
        border-top: 1px solid #e9e9e9;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        padding: 5px 0
    }

    .dialog--filter .filter__row--controls .btn {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .dialog--filter .dialog__content {
        padding: 30px 34px 40px
    }
}

@media (min-width:960px) {
    .dialog--filter .dialog__content {
        padding: 40px 44px
    }
}

.dialog--popup .dialog__title {
    padding: 20px 100px 10px 20px
}

.dialog--popup .dialog__container {
    max-width: 400px;
    max-height: 600px;
    height: auto;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dialog--favorite .dialog__icon--heart {
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% + 5px);
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dialog--favorite .dialog__title {
    padding: 20px 20px 10px 60px
}

@media (min-width:768px) and (min-height:601px) {
    .dialog--hypotheek .dialog__scrollable {
        max-height: 500px
    }
}

@media (min-width:768px) and (max-height:600px) {
    .dialog--hypotheek .dialog__container {
        height: 600px;
        -webkit-animation-name: slide-in-upwards-to-top;
        animation-name: slide-in-upwards-to-top
    }

    .dialog--hypotheek .dialog__scrollable {
        max-height: calc(100vh - 50px)
    }
}

@media (max-width:767px) {
    .dialog--hypotheek .dialog__container {
        max-width: unset;
        max-height: unset;
        height: 100vh;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .dialog--hypotheek .dialog__scrollable {
        max-height: calc(100vh - 50px)
    }
}

@media (min-width:960px) {
    .admin-bar .dialog--map:not(.visible) .dialog__container {
        top: 32px
    }
}

@media (min-width:768px) {
    .dialog--map:not(.visible) .googlemap-search {
        top: 88px
    }
}

.dialog--map.visible {
    display: block !important;
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset
}

.dialog--map.visible .map-placeholder {
    width: 100%;
    position: relative
}

@media (min-width:768px) {
    .dialog--map.visible .map-placeholder {
        height: 325px;
        width: 84%
    }
}

.dialog--map.visible .googlemap-search {
    width: 100%;
    height: 340px;
    position: relative
}

@media (min-width:768px) {
    .dialog--map.visible .googlemap-search {
        height: 487px;
        width: 84%
    }
}

.dialog--map.visible .filter {
    top: -48px;
    width: 100%;
    padding: 23px 23px 29px
}

@media (min-width:768px) {
    .dialog--map.visible .filter {
        width: 360px
    }
}

.dialog--map.visible .googlemap-search .map {
    height: 340px
}

@media (min-width:768px) {
    .dialog--map.visible .googlemap-search .map {
        height: 487px
    }
}

@media (max-width:767px) {
    .dialog--map.visible .googlemap {
        position: relative;
        width: 100vw;
        right: -50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 0
    }
}

.dialog--map.visible .filter__row:after {
    display: table;
    clear: both;
    content: ""
}

.dialog--map.visible .filter__row:not(:first-child) {
    margin-top: 14px
}

.dialog--map.visible .googlemap-close__btn {
    display: none
}

.dialog--map:not(.visible) .dialog__container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: auto
}

.dialog--map:not(.visible) .googlemap-open__btn {
    display: none
}

.dialog--map:not(.visible) .googlemap-search {
    width: 100%;
    height: 100%;
    top: 184px;
    position: absolute;
    border-radius: 0
}

.dialog--map:not(.visible) .googlemap-search .map {
    height: calc(100% - 184px)
}

@media (min-width:550px) and (max-width:767px) {
    .dialog--map:not(.visible) .googlemap-search .map {
        height: calc(100% - 126px)
    }
}

@media (min-width:768px) and (max-width:959px) {
    .dialog--map:not(.visible) .googlemap-search .map {
        height: calc(100% - 68px)
    }
}

@media (min-width:960px) {
    .dialog--map:not(.visible) .googlemap-search .map {
        height: calc(100% - 88px)
    }
}

@media (min-width:550px) and (max-width:767px) {
    .dialog--map:not(.visible) .googlemap-search {
        top: 126px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .dialog--map:not(.visible) .googlemap-search {
        top: 68px
    }
}

@media (min-width:960px) {
    .dialog--map:not(.visible) .googlemap-search {
        top: 88px
    }
}

.dialog--map:not(.visible) .filter {
    border-radius: 0;
    top: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center
}

@media (min-width:960px) {
    .dialog--map:not(.visible) .filter {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.dialog--map:not(.visible) .filter__title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: rect(0, 0, 0, 0);
    clip-path: rect(0, 0, 0, 0);
    border: 0
}

.dialog--map:not(.visible) .tabs__nav {
    margin-bottom: 0
}

@media (max-width:767px) {
    .dialog--map:not(.visible) .filter__row {
        margin-top: -10px
    }
}

@media (max-width:767px) {

    .dialog--map:not(.visible) .filter__item,
    .dialog--map:not(.visible) .tabs__content {
        margin-top: 10px
    }

    .dialog--map:not(.visible) .filter__row,
    .dialog--map:not(.visible) .tabs__content {
        display: inline-block;
        vertical-align: top
    }
}

@media (max-width:549px) {
    .dialog--map:not(.visible) .filter__items {
        margin-bottom: 10px;
        display: block
    }
}

@media (min-width:768px) {

    .dialog--map:not(.visible) .filter__row,
    .dialog--map:not(.visible) .tabs__content,
    .dialog--map:not(.visible) .tabs__nav {
        display: inline-block;
        vertical-align: top
    }
}

.dialog--map:not(.visible) .filter__row:not(.filter__row--end) {
    margin-right: 6px
}

.dialog--map:not(.visible) .filter__row--button {
    display: none
}

.dialog--map:not(.visible) .tabs__btn {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-right: 6px;
    font-size: 12px
}

@media (min-width:960px) {
    .dialog--map:not(.visible) .tabs__btn {
        font-size: 13px
    }
}

.dialog--map:not(.visible) .googlemap-close__btn {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.dialog--map .filter {
    right: 0
}

@media (min-width:768px) {
    .dialog--map .filter {
        position: absolute
    }
}

.dialog--map .googlemap-search {
    background-color: #e6e6e6
}

.dialog--map .googlemap-open__btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    z-index: 1
}

@media (min-width:768px) {
    .sticky-nav .dialog--top-right .dialog__wrapper {
        top: 58px
    }
}

.dialog--top-right .dialog__wrapper {
    z-index: 17;
    position: fixed;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none
}

@media (max-width:767px) {
    .dialog--top-right .dialog__wrapper {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width:768px) {
    .dialog--top-right .dialog__wrapper {
        top: 84px;
        margin: 0 auto
    }
}

@media (min-width:768px) and (max-width:959px) {
    .dialog--top-right .dialog__wrapper {
        max-width: 768px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .dialog--top-right .dialog__wrapper {
        max-width: 960px
    }
}

@media (min-width:1140px) {
    .dialog--top-right .dialog__wrapper {
        max-width: 1140px
    }
}

.dialog--top-right .dialog__container {
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: all;
    border-radius: 10px
}

@media (min-width:768px) {
    .dialog--top-right .dialog__container {
        float: right
    }
}

.dialog--contact .bttns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.dialog--contact .dialog__inner {
    padding-bottom: 40px
}

.dialog--contact .dialog__exit {
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 20px;
    font-weight: 900;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    z-index: 18;
    border-radius: 0 10px 0 4px;
    top: 0;
    right: 0;
    margin-top: 25px;
    float: right;
    color: #fff
}

.dialog--contact .dialog__exit:focus,
.dialog--contact .dialog__exit:hover {
    color: #000
}

.dialog--contact .dialog__container {
    padding: 27px 17px 24px;
    width: 275px
}

@media (min-width:768px) {
    .dialog--contact .dialog__container:before {
        position: absolute;
        top: -8px;
        right: 20px;
        content: "";
        width: 14px;
        height: 8px;
        border-style: solid;
        border-width: 0 7px 8px
    }
}

.dialog--login .dialog__container {
    position: relative;
    padding: 25px 20px;
    width: 100%;
    max-width: 350px
}

.dialog--has-header .dialog__header {
    padding: 15px 39px 15px 30px;
    border-bottom: 2px solid #e9e9e9
}

.dialog--has-header .dialog__content {
    padding: 20px 39px 90px 30px
}

.dialog--has-header .dialog__hide {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dialog--has-header .dialog__close {
    bottom: 2px
}

.dialog--fh .dialog__container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: auto
}

.dialog--fh .dialog__scrollable {
    max-height: calc(100% - 60px)
}

.dialog__header__inner {
    padding: 15px 20px;
    border-bottom: 2px solid #ccc
}

.dialog__close {
    z-index: 18;
    border-radius: 0 10px 0 4px;
    top: 0;
    right: 0
}

.dialog__overlay {
    background-color: rgba(0, 0, 0, .7);
    z-index: 16;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@media (max-width:767px) {
    .dialog__overlay {
        bottom: 0
    }
}

.dialog__container {
    padding: 0;
    border: 0;
    z-index: 17;
    margin: 0
}

.dialog__content {
    padding: 20px
}

.dialog__scrollable {
    max-height: calc(100% - 60px);
    height: 100%;
    overflow: auto
}

.dialog__icon {
    display: block
}

.dialog__icon--cross {
    width: 20px;
    height: 20px
}

.dialog__icon--center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes slide-in-right {
    0% {
        right: -100%
    }

    to {
        right: 0
    }
}

@keyframes slide-in-right {
    0% {
        right: -100%
    }

    to {
        right: 0
    }
}

@-webkit-keyframes slide-in-upwards-to-center {
    0% {
        top: 125%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    to {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes slide-in-upwards-to-center {
    0% {
        top: 125%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    to {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@-webkit-keyframes slide-in-upwards-to-top {
    0% {
        top: 125%
    }

    to {
        top: 0
    }
}

@keyframes slide-in-upwards-to-top {
    0% {
        top: 125%
    }

    to {
        top: 0
    }
}

@-webkit-keyframes slide-in-upwards-to-top-admin {
    0% {
        top: 125%
    }

    to {
        top: 32px
    }
}

@keyframes slide-in-upwards-to-top-admin {
    0% {
        top: 125%
    }

    to {
        top: 32px
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    0% {
        -webkit-opacity: 0
    }

    to {
        -webkit-opacity: 1
    }
}

@keyframes appear {
    0% {
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1
    }
}

@-webkit-keyframes appear {
    0% {
        -webkit-transform: translate(-50%, -40%);
        -webkit-opacity: 0
    }

    to {
        -webkit-transform: translate(-50%, -50%);
        -webkit-opacity: 1
    }
}

.dialog:not([aria-hidden=true])>.dialog__overlay {
    -webkit-animation: fade-in .2s 1 both;
    animation: fade-in .2s 1 both
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 21;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg,
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,
.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button ::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../img/photoswipe.svg);
}

.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
    background: none
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

@media (min-width:768px) {
    .admin-bar .pswp__top-bar {
        top: 32px
    }
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.pswp--is-open #wpadminbar {
    z-index: 1
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    border: none;
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-button:focus,
.flickity-button:hover {
    cursor: pointer;
    outline: none
}

.flickity-button:focus {
    -webkit-box-shadow: 0 0 0 3px #000;
    box-shadow: 0 0 0 3px #000
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.card--wonen:not(:hover) .flickity-button {
    opacity: 0
}

.card__slider .flickity-button {
    width: 25px;
    height: 25px
}

.card__slider .flickity-button,
.slider .flickity-button {
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.slider .flickity-button {
    width: 40px;
    height: 40px;
    right: 10px;
    border-radius: 50%
}

.slider .flickity-button.next {
    right: 10px
}

.slider .flickity-button.prev {
    left: 10px
}

.slider path,
.slider svg {
    fill: #fff
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-button-icon {
    fill: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 24px;
    height: 32px;
    cursor: pointer;
    position: relative
}

.flickity-page-dots .dot:before {
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute
}

.hide-dots .flickity-page-dots {
    display: none
}

.header__inner {
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff
}

@media (max-width:959px) {
    #wpadminbar {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:959px) {
    html .admin-bar {
        margin-top: -32px
    }
}

@media (max-width:767px) {
    html .admin-bar {
        margin-top: -48px
    }
}

.lined-blue1>:after {
    background-color: #1967c1
}

.lined-red1>:after {
    background-color: #d30039
}

.lined-green1>:after {
    background-color: #2eac66
}

.lined-yellow1>:after {
    background-color: #f7b112
}

.lined-base>span {
    position: relative;
    display: inline-block
}

.lined-base>span:after {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.gm-fullscreen-control {
    display: none !important
}

.pre-target:before {
    content: "";
    display: block;
    visibility: hidden;
    pointer-events: none;
    position: relative
}

@media (max-width:767px) {
    .pre-target:before {
        height: 50px;
        margin: -50px 0 0
    }
}

@media (min-width:768px) {
    .pre-target:before {
        height: 60px;
        margin: -60px 0 0
    }
}

@media (min-width:768px) {
    .admin-bar .pre-target:before {
        height: 92px;
        margin: -92px 0 0
    }
}

.contact__list-item {
    position: relative;
    padding-bottom: 7px
}

.contact__list-item:not(:first-child) {
    border-width: 1px 0 0;
    border-style: solid;
    padding-top: 7px
}

.contact__link {
    -webkit-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
    display: block;
    padding-right: 50px;
    font-size: 14px;
    line-height: 18px;
    color: #fff
}

.contact__link:focus,
.contact__link:hover {
    fill: #fff
}

.contact__title {
    display: block
}

.contact__holder {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 50px
}

.contact__icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tag {
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 10px;
    line-height: 15px;
    font-family: "Montserrat", Sans-serif;
    padding: 4px 7px 3px
}

.tags--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tags--vertical .tag:not(:first-child) {
    margin-top: 5px
}

.tags--vertical:empty {
    display: none
}

.tags--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tags--horizontal .tag:not(:first-child) {
    margin-left: 8px
}

.tag.in_aanmelding {
    background-color: #91d19a;
    color: #fff
}

.tag.beschikbaar {
    background-color: #2eac66;
    color: #fff
}

.tag.geveild,
.tag.verhuurd,
.tag.verkocht,
.tag.verkocht_bij_inschrijving {
    background-color: #d30039;
    color: #fff
}

.tag.verhuurd_o_v_,
.tag.verkocht_o_v_ {
    background-color: #f7b112;
    color: #000
}

.tag.onder_bod,
.tag.onder_optie {
    background-color: #e9e9e9
}

.tag.geannuleerd,
.tag.ingetrokken {
    background-color: #000;
    color: #fff
}

.banners .banner:not(:first-child) {
    margin-top: 20px
}

.banner__figure--cirle {
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    height: 100px
}

.banner__figure--illustration {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (min-width:768px) {
    .banner__figure--illustration {
        top: 0;
        bottom: 0;
        left: 0;
        width: 143px
    }
}

@media (max-width:767px) {
    .banner__figure--illustration {
        width: calc(100% - 20px);
        height: 150px
    }
}

.banner__content {
    padding-right: 25px
}

.banner__action,
.banner__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.banner__action {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 150px
}

.banner__btn {
    white-space: nowrap
}

.brands {
    padding-left: 15px;
    padding-right: 15px
}

.brands .flickity-button {
    width: 32px;
    height: 32px
}

.brands .flickity-button:focus,
.brands .flickity-button:hover {
    background-color: #f7b112
}

.brands .flickity-button.previous {
    left: 0
}

.brands .flickity-button.next {
    right: 0
}

.brands .flickity-page-dots {
    bottom: -20px
}

.brands .flickity-button-icon {
    width: 12px;
    height: 12px
}

.brand__item {
    text-align: center;
    width: 100%;
    padding: 0 10px;
    height: 100px
}

@media (min-width:480px) and (max-width:767px) {
    .brand__item {
        width: 50%
    }
}

@media (min-width:768px) and (max-width:959px) {
    .brand__item {
        width: 33.33%
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .brand__item {
        width: 25%
    }
}

@media (min-width:1140px) {
    .brand__item {
        width: 20%
    }
}

.brand__img,
.partner__img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:960px) {
    .partner__img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width:960px) {
    .partners {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:959px) {
    .partners:after {
        content: "flickity";
        display: none
    }

    .partners .partner__figure {
        text-align: center;
        height: 75px;
        padding: 0 10px
    }
}

@media (max-width:399px) {
    .partners {
        width: calc(100vw - 15px)
    }

    .partners .partner__figure {
        width: 40%
    }
}

@media (min-width:400px) and (max-width:499px) {
    .partners {
        width: calc((100vw - 400px)/2 + 390px)
    }

    .partners .partner__figure {
        width: 25%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .partners {
        width: calc((100vw - 500px)/2 + 490px)
    }

    .partners .partner__figure {
        width: 25%
    }
}

@media (min-width:768px) and (max-width:959px) {
    .partners {
        width: calc((100vw - 768px)/2 + 758px)
    }

    .partners .partner__figure {
        width: 20%
    }
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 70px
}

.block:not([class*=back-]):last-child {
    margin-bottom: 60px
}

.cta--no-results {
    padding: 55px 40px 40px
}

.floorplan__btn {
    bottom: 0;
    right: 0
}

.search-content.grid .hidden-grid,
.search-content.map .hidden-map,
.search-content .visible-grid,
.search-content .visible-map {
    display: none
}

.search-content.grid .visible-grid,
.search-content.map .visible-map {
    display: block
}

.search-content #google-map {
    background-color: #d3d3d3;
    border-radius: 10px;
    height: 400px
}

@media (max-width:479px) {
    .search-content #google-map {
        width: calc(100vw - 20px)
    }
}

@media (min-width:480px) and (max-width:767px) {
    .search-content #google-map {
        width: 480px
    }
}

@media (min-width:768px) {
    .search-content #google-map {
        height: 600px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .search-content #google-map {
        width: 748px
    }
}

@media (min-width:960px) and (max-width:1139px) {
    .search-content #google-map {
        width: 620px
    }
}

@media (min-width:1140px) {
    .search-content #google-map {
        width: 730px
    }
}

.search-content.map #google-map-nieuwbouw {
    background-color: #d3d3d3;
    border-radius: 10px;
    height: 400px;
    width: 100%
}

.iframe__image {
    width: 100%
}

.object-main-subtitle span:empty,
.object-main-title span:empty {
    display: none
}

.dialog--map.visible .googlemap-search {
    overflow: hidden
}

.googlemap-search .map {
    width: 100%;
    display: block !important
}

.googlemap-search #google-map-nieuwbouw.map.u-hidden,
.googlemap-search #google-map.map.u-hidden {
    display: none !important
}

#entity-search-bar {
    width: 100%
}

@media (min-width:960px) {
    .object-back .display {
        position: absolute;
        right: 0
    }
}

@media (max-width:959px) {
    .object-back .display {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .filters--location.search-bar .search-fields {
        margin-top: 14px
    }
}

.search-bar .search-fields {
    margin-top: 0
}

@media (max-width:767px) {
    .final-menu a {
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block
    }
}

@media (max-width:767px) {
    .infoBox {
        width: 230px !important
    }
}

@media (min-width:768px) {
    .infoBox {
        width: 300px !important
    }
}

.infoBox .card__figure {
    position: relative
}

.infoBox .card__tags {
    top: auto;
    bottom: 15px
}

.infoBox>img {
    width: 35px;
    height: 35px;
    position: absolute !important;
    top: 0;
    right: 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 0 10px;
    z-index: 4
}

.has-gradient:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gradient-from-bottom-red:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(211, 0, 57, .45)), color-stop(65%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(211, 0, 57, .45), rgba(0, 0, 0, 0) 65%)
}

.gradient-from-bottom-green:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 172, 102, .45)), color-stop(65%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(46, 172, 102, .45), rgba(0, 0, 0, 0) 65%)
}

.gradient-from-bottom-yellow:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(247, 177, 18, .45)), color-stop(65%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(247, 177, 18, .45), rgba(0, 0, 0, 0) 65%)
}

.gradient-from-bottom-blue:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 103, 193, .45)), color-stop(65%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(25, 103, 193, .45), rgba(0, 0, 0, 0) 65%)
}

.gradient-from-bottom-black:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .65)), color-stop(40%, rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0) 40%)
}

.panorama {
    width: 100% !important;
    height: 410px !important
}

.panorama__slide {
    width: 100%;
    height: 410px
}

.panorama__slider .flickity-button {
    width: 50px;
    height: 50px;
    background-color: #fff
}

.pnlm-container {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    cursor: default;
    width: 100%;
    height: 100%;
    font-family: Helvetica, Nimbus Sans L, Liberation Sans, Arial, sans-serif;
    background: #f4f4f4 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='67' height='100'%3E%3Cpath stroke='%23ccc' fill='none' d='M33.5 50L0 63l33.5 12L67 63 33.5 50M0 0l67 25m-.5 0v75M0 25L67 0M33.5 75v25m0-100v50'/%3E%3C/svg%3E") repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    line-height: 1.4;
    contain: content
}

.pnlm-container * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.pnlm-ui {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.pnlm-grab {
    cursor: -webkit-grab;
    cursor: grab;
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26' width='26'%3E%3Cpath stroke='%23000' fill='%23fff' d='M15.3 20.5s6.38-6.73 4.64-8.24-3.47 1.01-3.47 1.01 3.61-5.72 1.41-6.49c-2.2-.769-3.33 4.36-3.33 4.36s.873-5.76-1.06-5.76-1.58 5.39-1.58 5.39-.574-4.59-2.18-4.12c-1.61.468-.572 5.51-.572 5.51s-1.58-4.89-2.93-3.79c-1.35 1.11.258 5.25.572 6.62.836 2.43 2.03 2.94 2.17 5.55'/%3E%3C/svg%3E") 12 8, default
}

.pnlm-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26' width='26'%3E%3Cpath stroke='%23000' fill='%23fff' d='M15.3 20.5s5.07-5.29 3.77-6.74c-1.31-1.45-2.53.14-2.53.14s2.74-3.29.535-4.06c-2.2-.769-2.52 1.3-2.52 1.3s.81-2.13-1.12-2.13-1.52 1.77-1.52 1.77-.261-1.59-1.87-1.12c-1.61.468-.874 2.17-.874 2.17s-.651-1.55-2-.445c-1.35 1.11-.68 2.25-.365 3.62.836 2.43 2.03 2.94 2.17 5.55'/%3E%3C/svg%3E") 12 8, default
}

.pnlm-sprite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='208'%3E%3Ccircle fill-opacity='.78' cy='117' cx='13' r='11' fill='%23fff'/%3E%3Ccircle fill-opacity='.78' cy='143' cx='13' r='11' fill='%23fff'/%3E%3Ccircle cy='169' cx='13' r='7' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cy='195' cx='13' r='7' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='13' cy='195' r='2.5'/%3E%3Cpath d='M5 83v6h2v-4h4v-2zm10 0v2h4v4h2v-6zm-5 5v6h6v-6zm-5 5v6h6v-2H7v-4zm14 0v4h-4v2h6v-6zM13 110a7 7 0 00-7 7 7 7 0 007 7 7 7 0 007-7 7 7 0 00-7-7zm-1 3h2v2h-2zm0 3h2v5h-2zM5 57v6h2v-4h4v-2zm10 0v2h4v4h2v-6zM5 67v6h6v-2H7v-4zm14 0v4h-4v2h6v-6zM17 38v2H9v-2zM12 9v3H9v2h3v3h2v-3h3v-2h-3V9zM13 136l-6.125 6.125h4.375V150h3.5v-7.875h4.375zM10.428 173.33v-5.77l5-2.89v5.77zm1-1.73l3-1.73-3.001-1.74z'/%3E%3C/svg%3E")
}

.pnlm-container:-moz-full-screen {
    height: 100% !important;
    width: 100% !important;
    position: static !important
}

.pnlm-container:-webkit-full-screen {
    height: 100% !important;
    width: 100% !important;
    position: static !important
}

.pnlm-container:-ms-fullscreen {
    height: 100% !important;
    width: 100% !important;
    position: static !important
}

.pnlm-container:fullscreen {
    height: 100% !important;
    width: 100% !important;
    position: static !important
}

.pnlm-render-container {
    cursor: inherit;
    position: absolute;
    height: 100%;
    width: 100%
}

.pnlm-controls {
    margin-top: 4px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 3px;
    cursor: pointer;
    z-index: 2;
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px)
}

.pnlm-control:hover {
    background-color: #f8f8f8
}

.pnlm-controls-container {
    position: absolute;
    top: 0;
    left: 4px;
    z-index: 1
}

.pnlm-zoom-controls {
    width: 26px;
    height: 52px
}

.pnlm-zoom-in {
    top: 0;
    border-radius: 3px 3px 0 0
}

.pnlm-zoom-in,
.pnlm-zoom-out {
    width: 100%;
    height: 50%;
    position: absolute
}

.pnlm-zoom-out {
    bottom: 0;
    background-position: 0 -26px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px
}

.pnlm-fullscreen-toggle-button,
.pnlm-hot-spot-debug-indicator,
.pnlm-orientation-button {
    width: 26px;
    height: 26px
}

.pnlm-hot-spot-debug-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 13px;
    display: none
}

.pnlm-orientation-button-inactive {
    background-position: 0 -156px
}

.pnlm-orientation-button-active {
    background-position: 0 -182px
}

.pnlm-fullscreen-toggle-button-inactive {
    background-position: 0 -52px
}

.pnlm-fullscreen-toggle-button-active {
    background-position: 0 -78px
}

.pnlm-panorama-info {
    position: absolute;
    bottom: 4px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 0 3px 3px 0;
    padding-right: 10px;
    color: #fff;
    text-align: left;
    display: none;
    z-index: 2;
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px)
}

.pnlm-title-box {
    font-size: 20px;
    margin-bottom: 3px
}

.pnlm-author-box,
.pnlm-title-box {
    position: relative;
    display: table;
    padding-left: 5px
}

.pnlm-author-box {
    font-size: 12px
}

.pnlm-load-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    display: none;
    color: #fff
}

.pnlm-load-box p {
    margin: 20px 0
}

.pnlm-lbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    display: none
}

.pnlm-loading {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-name: pnlm-mv;
    -webkit-animation-name: pnlm-mv;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    height: 10px;
    width: 10px;
    background-color: #fff;
    position: relative
}

@keyframes pnlm-mv {
    0% {
        left: 0;
        top: 0
    }

    25% {
        left: 10px;
        top: 0
    }

    50% {
        left: 10px;
        top: 10px
    }

    75% {
        left: 0;
        top: 10px
    }

    to {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes pnlm-mv {
    0% {
        left: 0;
        top: 0
    }

    25% {
        left: 10px;
        top: 0
    }

    50% {
        left: 10px;
        top: 10px
    }

    75% {
        left: 0;
        top: 10px
    }

    to {
        left: 0;
        top: 0
    }
}

.pnlm-load-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 100px;
    margin: -50px 0 0 -100px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    display: table;
    color: #fff;
    cursor: pointer
}

.pnlm-load-button:hover {
    background-color: rgba(0, 0, 0, .8)
}

.pnlm-load-button p {
    display: table-cell;
    vertical-align: middle
}

.pnlm-info-box {
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 150px;
    margin: -75px 0 0 -100px;
    background-color: #000;
    border-radius: 3px;
    display: table;
    text-align: center;
    color: #fff;
    table-layout: fixed
}

.pnlm-author-box a,
.pnlm-info-box a {
    color: #fff;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.pnlm-info-box p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.pnlm-error-msg {
    display: none
}

.pnlm-about-msg {
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    padding: 5px 8px;
    background: rgba(0, 0, 0, .7);
    border-radius: 3px;
    position: absolute;
    top: 50px;
    left: 50px;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index: 1
}

.pnlm-about-msg a:link,
.pnlm-about-msg a:visited {
    color: #fff
}

.pnlm-about-msg a:active,
.pnlm-about-msg a:hover {
    color: #eee
}

.pnlm-hotspot-base {
    position: absolute;
    visibility: hidden;
    cursor: default;
    vertical-align: middle;
    top: 0;
    z-index: 1
}

.pnlm-hotspot {
    height: 26px;
    width: 26px;
    border-radius: 13px
}

.pnlm-hotspot:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.pnlm-hotspot.pnlm-info {
    background-position: 0 -104px
}

.pnlm-hotspot.pnlm-scene {
    background-position: 0 -130px
}

div.pnlm-tooltip span {
    visibility: hidden;
    position: absolute;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    max-width: 200px;
    padding: 5px 10px;
    margin-left: -220px;
    cursor: default
}

div.pnlm-tooltip:hover span {
    visibility: visible
}

div.pnlm-tooltip:hover span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, .7);
    bottom: -20px;
    left: -10px;
    margin: 0 50%
}

.pnlm-compass {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 4px;
    bottom: 4px;
    border-radius: 25px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='50' width='50'%3E%3Cpath d='M24.508 6L21.25 24h7.5L25.492 6h-.984zM21.25 26l3.258 18h.984l3.258-18h-7.5zm1.195.994h5.11L25 41.102l-2.555-14.108z'/%3E%3C/svg%3E");
    cursor: default;
    display: none
}

.pnlm-world {
    position: absolute;
    left: 50%;
    top: 50%
}

.pnlm-face {
    position: absolute;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.pnlm-dragfix,
.pnlm-preview-img {
    position: absolute;
    height: 100%;
    width: 100%
}

.pnlm-preview-img {
    background-size: cover;
    background-position: 50%
}

.pnlm-lbar {
    width: 150px;
    margin: 0 auto;
    border: 1px solid #fff;
    height: 6px
}

.pnlm-lbar-fill {
    background: #fff;
    height: 100%;
    width: 0
}

.pnlm-lmsg {
    font-size: 12px
}

.pnlm-fade-img {
    position: absolute;
    top: 0;
    left: 0
}

.pnlm-pointer {
    cursor: pointer
}