:root {
    --color-primary: #b0d148;
    --color-primary-hover: #a7c446;
    --color-secondary: #32c1de;
    --color-secondary-hover: #2cadc7;
    --color-tertiary: #ed9b02;
    --color-bg: #f2f2f2;
    --heading-font-family: "Avenir Next W02", sans-serif;
    --heading-font-style: normal;
    --heading-text-transform: none;
    --heading-font-weight: $font-weight-semi-bold;
    --heading-color-large: var(--color-primary);
    --heading-color-small: var(--color-secondary);
    --intro-font-family: "Avenir Next W02";
    --intro-font-weight: $font-weight-medium;
    --intro-color: var(--color-grey-50);
    --intro-align: center
}

.t-theme-sustainable {
    --color-primary: #2db5ab;
    --color-primary-hover: #28a39a;
    --color-secondary: #f3b615;
    --color-secondary-hover: #dba413;
    --color-tertiary: #4d4d4d;
    --color-bg: #e2e6ef;
    --heading-font-family: "Lato W01", sans-serif;
    --heading-font-style: italic;
    --heading-text-transform: none;
    --heading-font-weight: $font-weight-light;
    --heading-color-large: var(--color-black);
    --heading-color-small: var(--color-black);
    --intro-font-family: "Lato W01";
    --intro-font-weight: $font-weight-regular;
    --intro-color: var(--color-grey-50);
    --intro-align: center
}

.t-theme-classic {
    --color-primary: #c69667;
    --color-primary-hover: #b2875d;
    --color-secondary: #4d4d4d;
    --color-secondary-hover: #000;
    --color-tertiary: #4d4d4d;
    --color-bg: #f0ebe8;
    --heading-font-family: "Aleo W01", sans-serif;
    --heading-font-style: normal;
    --heading-text-transform: none;
    --heading-font-weight: $font-weight-light;
    --heading-color-large: var(--color-black);
    --heading-color-small: var(--color-black);
    --intro-font-family: "Aleo W01";
    --intro-font-weight: $font-weight-regular;
    --intro-color: var(--color-grey-50);
    --intro-align: center
}

.t-theme-modern {
    --color-primary: #f12e38;
    --color-primary-hover: #d92932;
    --color-secondary: #1e1e1e;
    --color-secondary-hover: #000;
    --color-tertiary: #1e1e1e;
    --color-bg: #e2e6ef;
    --heading-font-family: "Futura LT W01", sans-serif;
    --heading-font-style: normal;
    --heading-text-transform: uppercase;
    --heading-font-weight: $font-weight-medium;
    --heading-color-large: var(--color-secondary);
    --heading-color-small: var(--color-black);
    --intro-font-family: "Futura LT W01", sans-serif;
    --intro-font-weight: $font-weight-medium;
    --intro-color: var(--color-grey-50);
    --intro-align: left
}

.t-theme-raw {
    --color-primary: #2db5ab;
    --color-primary-hover: #28a39a;
    --color-secondary: #1e1e1e;
    --color-secondary-hover: #000;
    --color-tertiary: #1e1e1e;
    --color-bg: #e2e6ef;
    --heading-font-family: "Futura LT W01", sans-serif;
    --heading-font-style: normal;
    --heading-text-transform: uppercase;
    --heading-font-weight: $font-weight-medium;
    --heading-color-large: var(--color-secondary);
    --heading-color-small: var(--color-black);
    --intro-font-family: "Futura LT W01", sans-serif;
    --intro-font-weight: $font-weight-medium;
    --intro-color: var(--color-grey-50);
    --intro-align: center
}

.t-theme-urban {
    --color-primary: #d93f73;
    --color-primary-hover: #c33967;
    --color-secondary: #1e1e1e;
    --color-secondary-hover: #000;
    --color-tertiary: #1e1e1e;
    --color-bg: #e2e6ef;
    --heading-font-family: "Futura LT W01", sans-serif;
    --heading-font-style: normal;
    --heading-text-transform: uppercase;
    --heading-font-weight: $font-weight-medium;
    --heading-color-large: var(--color-secondary);
    --heading-color-small: var(--color-black);
    --intro-font-family: "Futura LT W01", sans-serif;
    --intro-font-weight: $font-weight-medium;
    --intro-color: var(--color-grey-50);
    --intro-align: left
}

.t-theme-sustainable .u-h1,
.t-theme-sustainable .u-h2,
.t-theme-sustainable h1,
.t-theme-sustainable h2 {
    display: inline-block;
    padding-bottom: 1.6rem;
    position: relative
}

.t-theme-sustainable .u-h1:after,
.t-theme-sustainable .u-h1:before,
.t-theme-sustainable .u-h2:after,
.t-theme-sustainable .u-h2:before,
.t-theme-sustainable h1:after,
.t-theme-sustainable h1:before,
.t-theme-sustainable h2:after,
.t-theme-sustainable h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%
}

.t-theme-sustainable .u-h1:before,
.t-theme-sustainable .u-h2:before,
.t-theme-sustainable h1:before,
.t-theme-sustainable h2:before {
    border-bottom: .1rem solid var(--color-secondary);
    bottom: 1rem
}

.t-theme-sustainable .u-h1:after,
.t-theme-sustainable .u-h2:after,
.t-theme-sustainable h1:after,
.t-theme-sustainable h2:after {
    background-repeat: repeat-x;
    background-size: .6rem .2rem;
    bottom: .2rem;
    height: .2rem
}

.t-theme-raw .u-h1,
.t-theme-raw .u-h2,
.t-theme-raw h1,
.t-theme-raw h2 {
    border-bottom: .6rem solid var(--color-secondary);
    display: inline-block;
    text-transform: uppercase
}

:root {
    --color-alert: #ed3f3b;
    --color-progression: #d93f73;
    --color-attention: #ed9b02;
    --color-positive: #badb4f;
    --color-positive-light: #f5f8e2;
    --color-selected: #32bedc;
    --color-tile-selected: #ebf9fc;
    --color-black: #000;
    --color-grey-90: #1e1e1e;
    --color-grey-50: #4d4d4d;
    --color-grey-30: #9b9b9b;
    --color-grey-20: #d8d8d8;
    --color-grey-10: #e6e6e6;
    --color-grey-5: #f5f5f5;
    --color-white: #fff;
    --color-pinterest: #e60023;
    --color-email: #b23121;
    --color-facebook: #3b5998;
    --color-whatsapp: #25d360;
    --color-energy-a: #13852d;
    --color-energy-a-plus: #13852d;
    --color-energy-a-plus-plus: #13852d;
    --color-energy-b: #4aa847;
    --color-energy-c: #9dba3a;
    --color-energy-d: #ecd71c;
    --color-energy-e: #eb9d21;
    --color-energy-f: #ed6527;
    --color-energy-g: #db372d;
    --color-black-shadow: rgba(0, 0, 0, .17)
}

@font-face {
    font-display: fallback;
    font-family: Avenir Next W02;
    font-style: normal;
    font-weight: 200;
    src: url(/frontend/hestia/assets/fonts/AvenirNextW02-Thin.woff2) format("woff2"), url(/frontend/hestia/assets/fonts/AvenirNextW02-Thin.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Avenir Next W02;
    font-style: normal;
    font-weight: 400;
    src: url(/frontend/hestia/assets/fonts/AvenirNextW02-Regular.woff) format("woff2"), url(/frontend/hestia/assets/fonts/AvenirNextW02-Regular.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Avenir Next W02;
    font-style: italic;
    font-weight: 400;
    src: url(/frontend/hestia/assets/fonts/AvenirNextW02-RegularItalic.woff2) format("woff2"), url(/frontend/hestia/assets/fonts/AvenirNextW02-RegularItalic.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Avenir Next W02;
    font-style: normal;
    font-weight: 500;
    src: url(/frontend/hestia/assets/fonts/AvenirNextW01-Medium.woff) format("woff2"), url(/frontend/hestia/assets/fonts/AvenirNextW01-Medium.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Avenir Next W02;
    font-style: normal;
    font-weight: 600;
    src: url(/frontend/hestia/assets/fonts/AvenirNextW02-Demi.woff) format("woff2"), url(/frontend/hestia/assets/fonts/AvenirNextW02-Demi.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Avenir Next W02;
    font-style: italic;
    font-weight: 600;
    src: url(/frontend/hestia/assets/fonts/AvenirNextW02-DemiItalic.woff2) format("woff2"), url(/frontend/hestia/assets/fonts/AvenirNextW02-DemiItalic.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Avenir Next W02;
    font-style: normal;
    font-weight: 700;
    src: url(/frontend/hestia/assets/fonts/AvenirNextW02-Bold.woff) format("woff2"), url(/frontend/hestia/assets/fonts/AvenirNextW02-Bold.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Lato W01;
    font-style: italic;
    font-weight: 200;
    src: url(/frontend/hestia/assets/fonts/Lato-LightItalic.woff2) format("woff2"), url(/frontend/hestia/assets/fonts/Lato-LightItalic.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Lato W01;
    font-style: normal;
    font-weight: 400;
    src: url(/frontend/hestia/assets/fonts/Lato-Regular.woff2) format("woff2"), url(/frontend/hestia/assets/fonts/Lato-Regular.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Lato W01;
    font-style: normal;
    font-weight: 700;
    src: url(/frontend/hestia/assets/fonts/Lato-Bold.woff2) format("woff2"), url(/frontend/hestia/assets/fonts/Lato-Bold.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Aleo W01;
    font-style: normal;
    font-weight: 200;
    src: url(/frontend/hestia/assets/fonts/Aleo-Light-webfont.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Aleo W01;
    font-style: normal;
    font-weight: 400;
    src: url(/frontend/hestia/assets/fonts/Aleo-Regular-webfont.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Aleo W01;
    font-style: normal;
    font-weight: 700;
    src: url(/frontend/hestia/assets/fonts/Aleo-Bold-webfont.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Futura LT W01;
    font-style: normal;
    font-weight: 350;
    src: url(/frontend/hestia/assets/fonts/FuturaLTW01-Light.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Futura LT W01;
    font-style: normal;
    font-weight: 400;
    src: url(/frontend/hestia/assets/fonts/FuturaLTW01-Regular.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Futura LT W01;
    font-style: normal;
    font-weight: 700;
    src: url(/frontend/hestia/assets/fonts/FuturaLTW01-Bold.woff) format("woff")
}

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

:focus {
    outline: none
}

a,
body,
button,
html,
input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    min-height: 100%;
    overflow-y: scroll
}

table {
    width: 100%
}

td,
th {
    vertical-align: top
}

iframe {
    border: 0;
    display: block
}

img,
svg {
    vertical-align: middle
}

svg {
    display: inline-block
}

select {
    max-width: 100%
}

body,
html {
    width: 100%
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 500
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    margin: 0;
    outline: none;
    padding: 0
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 320px
}

body,
html {
    min-height: 100%
}

html {
    background-color: var(--color-white);
    color: var(--color-black);
    font-family: Avenir Next W02, sans-serif;
    font-size: 10px;
    scroll-behavior: smooth
}

html.no--scroll {
    overflow-y: hidden !important
}

.o-body,
body {
    font-size: 1.4rem;
    font-weight: 400;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    letter-spacing: .25px;
    line-height: 1.71;
    min-height: 100vh;
    word-break: normal
}

.no--scroll .o-body,
.no--scroll body {
    overflow-y: hidden !important
}

.modal--is-open .o-body,
.modal--is-open body {
    height: 100%;
    overflow: hidden
}

.o-body:not(.has--transparent-header),
body:not(.has--transparent-header) {
    padding-top: 6.5rem
}

bpd-content-collapse,
bpd-modal {
    display: none
}

bpd-content-collapse[initialized],
bpd-modal[initialized] {
    display: block
}

button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top
}

button.is-loading {
    pointer-events: none
}

fieldset {
    border: 0
}

h1 {
    font-size: 5.6rem;
    line-height: 1.14
}

h1,
h2 {
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-weight: var(--heading-font-weight);
    letter-spacing: .25px;
    text-transform: var(--heading-text-transform)
}

h2 {
    font-size: 4rem;
    line-height: 1.2
}

h3 {
    font-size: 3.2rem;
    letter-spacing: .25px;
    line-height: 1.25
}

h3,
h4 {
    font-weight: 500
}

h4 {
    font-size: 2.6rem;
    letter-spacing: .5px;
    line-height: 1.31
}

h5,
h6 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.78
}

textarea {
    resize: none
}

a {
    color: currentColor;
    cursor: pointer;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: border, color, background-color;
    transition-property: border, color, background-color
}

.has--keyboard-focus a:focus {
    position: relative
}

.has--keyboard-focus a:focus:before {
    -webkit-animation: focus-pulse 1.5s cubic-bezier(.785, .135, .15, .86) infinite;
    animation: focus-pulse 1.5s cubic-bezier(.785, .135, .15, .86) infinite;
    background-color: var(--color-primary);
    content: "";
    display: block;
    height: calc(100% + 15px);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: calc(100% + 15px);
    z-index: -1
}

@-webkit-keyframes focus-pulse {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(.85);
        transform: translate3d(-50%, -50%, 0) scale(.85)
    }

    50% {
        opacity: .15;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(.85);
        transform: translate3d(-50%, -50%, 0) scale(.85)
    }
}

@keyframes focus-pulse {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(.85);
        transform: translate3d(-50%, -50%, 0) scale(.85)
    }

    50% {
        opacity: .15;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(.85);
        transform: translate3d(-50%, -50%, 0) scale(.85)
    }
}

ol {
    padding-left: 8px
}

p+p:last-child {
    margin-top: 1em
}

.o-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

.o-grid {
    -webkit-box-flex: 0;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px)
}

.o-grid,
.o-grid.reverse {
    -webkit-box-orient: horizontal
}

.o-grid.reverse {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.o-col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.o-col {
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.o-col,
.o-col-0 {
    -webkit-box-flex: 0;
    padding-left: 8px;
    padding-right: 8px
}

.o-col-0 {
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 0%;
    -webkit-flex-basis: 0%;
    flex-basis: 0%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 0
}

.u-push-0 {
    position: relative;
    right: 0
}

.u-pull-0 {
    left: 0;
    position: relative
}

.u-pre-0 {
    margin-left: 0;
    position: relative
}

.u-post-0 {
    margin-right: 0;
    position: relative
}

.o-col-1 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 8.3333333333%;
    -webkit-flex-basis: 8.3333333333%;
    flex-basis: 8.3333333333%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 8.3333333333%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-1 {
    position: relative;
    right: -8.3333333333%
}

.u-pull-1 {
    left: -8.3333333333%;
    position: relative
}

.u-pre-1 {
    margin-left: 8.3333333333%;
    position: relative
}

.u-post-1 {
    margin-right: 8.3333333333%;
    position: relative
}

.o-col-2 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 16.6666666667%;
    -webkit-flex-basis: 16.6666666667%;
    flex-basis: 16.6666666667%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 16.6666666667%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-2 {
    position: relative;
    right: -16.6666666667%
}

.u-pull-2 {
    left: -16.6666666667%;
    position: relative
}

.u-pre-2 {
    margin-left: 16.6666666667%;
    position: relative
}

.u-post-2 {
    margin-right: 16.6666666667%;
    position: relative
}

.o-col-3 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 25%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-3 {
    position: relative;
    right: -25%
}

.u-pull-3 {
    left: -25%;
    position: relative
}

.u-pre-3 {
    margin-left: 25%;
    position: relative
}

.u-post-3 {
    margin-right: 25%;
    position: relative
}

.o-col-4 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 33.3333333333%;
    -webkit-flex-basis: 33.3333333333%;
    flex-basis: 33.3333333333%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 33.3333333333%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-4 {
    position: relative;
    right: -33.3333333333%
}

.u-pull-4 {
    left: -33.3333333333%;
    position: relative
}

.u-pre-4 {
    margin-left: 33.3333333333%;
    position: relative
}

.u-post-4 {
    margin-right: 33.3333333333%;
    position: relative
}

.o-col-5 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 41.6666666667%;
    -webkit-flex-basis: 41.6666666667%;
    flex-basis: 41.6666666667%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 41.6666666667%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-5 {
    position: relative;
    right: -41.6666666667%
}

.u-pull-5 {
    left: -41.6666666667%;
    position: relative
}

.u-pre-5 {
    margin-left: 41.6666666667%;
    position: relative
}

.u-post-5 {
    margin-right: 41.6666666667%;
    position: relative
}

.o-col-6 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 50%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-6 {
    position: relative;
    right: -50%
}

.u-pull-6 {
    left: -50%;
    position: relative
}

.u-pre-6 {
    margin-left: 50%;
    position: relative
}

.u-post-6 {
    margin-right: 50%;
    position: relative
}

.o-col-7 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 58.3333333333%;
    -webkit-flex-basis: 58.3333333333%;
    flex-basis: 58.3333333333%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 58.3333333333%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-7 {
    position: relative;
    right: -58.3333333333%
}

.u-pull-7 {
    left: -58.3333333333%;
    position: relative
}

.u-pre-7 {
    margin-left: 58.3333333333%;
    position: relative
}

.u-post-7 {
    margin-right: 58.3333333333%;
    position: relative
}

.o-col-8 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 66.6666666667%;
    -webkit-flex-basis: 66.6666666667%;
    flex-basis: 66.6666666667%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 66.6666666667%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-8 {
    position: relative;
    right: -66.6666666667%
}

.u-pull-8 {
    left: -66.6666666667%;
    position: relative
}

.u-pre-8 {
    margin-left: 66.6666666667%;
    position: relative
}

.u-post-8 {
    margin-right: 66.6666666667%;
    position: relative
}

.o-col-9 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 75%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-9 {
    position: relative;
    right: -75%
}

.u-pull-9 {
    left: -75%;
    position: relative
}

.u-pre-9 {
    margin-left: 75%;
    position: relative
}

.u-post-9 {
    margin-right: 75%;
    position: relative
}

.o-col-10 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 83.3333333333%;
    -webkit-flex-basis: 83.3333333333%;
    flex-basis: 83.3333333333%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 83.3333333333%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-10 {
    position: relative;
    right: -83.3333333333%
}

.u-pull-10 {
    left: -83.3333333333%;
    position: relative
}

.u-pre-10 {
    margin-left: 83.3333333333%;
    position: relative
}

.u-post-10 {
    margin-right: 83.3333333333%;
    position: relative
}

.o-col-11 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 91.6666666667%;
    -webkit-flex-basis: 91.6666666667%;
    flex-basis: 91.6666666667%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 91.6666666667%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-11 {
    position: relative;
    right: -91.6666666667%
}

.u-pull-11 {
    left: -91.6666666667%;
    position: relative
}

.u-pre-11 {
    margin-left: 91.6666666667%;
    position: relative
}

.u-post-11 {
    margin-right: 91.6666666667%;
    position: relative
}

.o-col-12 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px
}

.u-push-12 {
    position: relative;
    right: -100%
}

.u-pull-12 {
    left: -100%;
    position: relative
}

.u-pre-12 {
    margin-left: 100%;
    position: relative
}

.u-post-12 {
    margin-right: 100%;
    position: relative
}

.o-col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.o-background-image,
.o-background-image--top {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-background-image--top {
    background-position: top
}

.o-background-image--bottom {
    background-position: 50%;
    background-position: bottom
}

.o-background-image--bottom,
.o-background-image--left {
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-background-image--left {
    background-position: 50%;
    background-position: 0
}

.o-background-image--right {
    background-position: 50%;
    background-position: 100%
}

.o-background-image--overlay,
.o-background-image--right {
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-background-image--overlay {
    background-position: 50%
}

.o-background-image--overlay:after {
    background-color: var(--color-black);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 0
}

.o-background-image--gradient {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-background-image--gradient:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .5)), color-stop(50%, rgba(0, 0, 0, .15)), color-stop(65%, rgba(0, 0, 0, .075)), color-stop(75.5%, rgba(0, 0, 0, .038)), color-stop(82.85%, rgba(0, 0, 0, .019)), color-stop(88%, rgba(0, 0, 0, .01)), to(transparent));
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .075) 65%, rgba(0, 0, 0, .038) 75.5%, rgba(0, 0, 0, .019) 82.85%, rgba(0, 0, 0, .01) 88%, transparent);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.o-scrollable-container {
    height: inherit
}

.o-scrollable-container+inview-indicator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1rem
}

.c-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-width: 5.6rem;
    overflow: hidden;
    padding: 0 1.6rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 0
}

.c-button .button__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-button .button__icon,
.c-button .button__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button .button__icon+.button__label {
    margin-left: 2rem
}

.c-button:has(.c-button-loader).is-loading .button__icon,
.c-button:has(.c-button-loader).is-loading .button__label {
    opacity: 0
}

.c-button:after,
.c-button:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-button:before {
    background-color: var(--color-primary);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    z-index: -1
}

.c-button:after {
    background-color: var(--color-primary-hover);
    z-index: -2
}

.has--keyboard-focus .c-button:focus:not([disabled]):before,
html.is-touch--with-mouse .c-button:hover:not([disabled]):before,
html:not(.is-touch) .c-button:hover:not([disabled]):before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-button[disabled] {
    color: var(--color-grey-30);
    cursor: auto;
    pointer-events: none
}

.c-button[disabled]:before {
    background-color: var(--color-grey-10)
}

.c-button--primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-width: 5.6rem;
    overflow: hidden;
    padding: 0 1.6rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 0
}

.c-button--primary .button__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-button--primary .button__icon,
.c-button--primary .button__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button--primary .button__icon+.button__label {
    margin-left: 2rem
}

.c-button--primary:has(.c-button-loader).is-loading .button__icon,
.c-button--primary:has(.c-button-loader).is-loading .button__label {
    opacity: 0
}

.c-button--primary:after,
.c-button--primary:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-button--primary:before {
    background-color: var(--color-primary);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    z-index: -1
}

.c-button--primary:after {
    background-color: var(--color-primary-hover);
    z-index: -2
}

.has--keyboard-focus .c-button--primary:focus:not([disabled]):before,
html.is-touch--with-mouse .c-button--primary:hover:not([disabled]):before,
html:not(.is-touch) .c-button--primary:hover:not([disabled]):before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-button--primary[disabled] {
    color: var(--color-grey-30);
    cursor: auto;
    pointer-events: none
}

.c-button--primary[disabled]:before {
    background-color: var(--color-grey-10)
}

.c-button--secondary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-width: 5.6rem;
    overflow: hidden;
    padding: 0 1.6rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 0
}

.c-button--secondary .button__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-button--secondary .button__icon,
.c-button--secondary .button__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button--secondary .button__icon+.button__label {
    margin-left: 2rem
}

.c-button--secondary:has(.c-button-loader).is-loading .button__icon,
.c-button--secondary:has(.c-button-loader).is-loading .button__label {
    opacity: 0
}

.c-button--secondary:after,
.c-button--secondary:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-button--secondary:before {
    background-color: var(--color-secondary);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    z-index: -1
}

.c-button--secondary:after {
    background-color: var(--color-secondary-hover);
    z-index: -2
}

.has--keyboard-focus .c-button--secondary:focus:not([disabled]):before,
html.is-touch--with-mouse .c-button--secondary:hover:not([disabled]):before,
html:not(.is-touch) .c-button--secondary:hover:not([disabled]):before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-button--secondary[disabled] {
    color: var(--color-grey-30);
    cursor: auto;
    pointer-events: none
}

.c-button--secondary[disabled]:before {
    background-color: var(--color-grey-10)
}

.t-theme-classic .c-button--secondary,
.t-theme-modern .c-button--secondary,
.t-theme-raw .c-button--secondary,
.t-theme-urban .c-button--secondary {
    color: var(--color-white)
}

.c-button--tertiary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: .1rem solid var(--color-grey-20);
    color: var(--color-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-width: 5.6rem;
    overflow: hidden;
    padding: 0 1.5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition: border-color .2s cubic-bezier(.455, .03, .515, .955);
    transition: border-color .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 0
}

.c-button--tertiary .button__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-button--tertiary .button__icon,
.c-button--tertiary .button__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button--tertiary .button__icon+.button__label {
    margin-left: 2rem
}

.c-button--tertiary:has(.c-button-loader).is-loading .button__icon,
.c-button--tertiary:has(.c-button-loader).is-loading .button__label {
    opacity: 0
}

.c-button--tertiary:after,
.c-button--tertiary:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-button--tertiary:before {
    background-color: var(--color-white);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    z-index: -1
}

.c-button--tertiary[disabled] {
    color: var(--color-grey-30);
    cursor: auto;
    pointer-events: none
}

.c-button--tertiary[disabled]:before {
    background-color: var(--color-grey-10)
}

html.is-touch--with-mouse .c-button--tertiary:hover,
html:not(.is-touch) .c-button--tertiary:hover {
    border-color: var(--color-grey-30)
}

.has--keyboard-focus .c-button--tertiary:focus {
    border-color: var(--color-black)
}

.c-button--grey-90 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-white);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-width: 5.6rem;
    overflow: hidden;
    padding: 0 1.6rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 0
}

.c-button--grey-90 .button__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-button--grey-90 .button__icon,
.c-button--grey-90 .button__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button--grey-90 .button__icon+.button__label {
    margin-left: 2rem
}

.c-button--grey-90:has(.c-button-loader).is-loading .button__icon,
.c-button--grey-90:has(.c-button-loader).is-loading .button__label {
    opacity: 0
}

.c-button--grey-90:after,
.c-button--grey-90:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-button--grey-90:before {
    background-color: var(--color-grey-90);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    z-index: -1
}

.c-button--grey-90:after {
    background-color: var(--color-grey-50);
    z-index: -2
}

html.is-touch--with-mouse .c-button--grey-90:hover:not([disabled]),
html:not(.is-touch) .c-button--grey-90:hover:not([disabled]) {
    color: var(--color-white)
}

html.is-touch--with-mouse .c-button--grey-90:hover:not([disabled]):before,
html:not(.is-touch) .c-button--grey-90:hover:not([disabled]):before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.has--keyboard-focus .c-button--grey-90:focus:not([disabled]) {
    color: var(--color-white)
}

.has--keyboard-focus .c-button--grey-90:focus:not([disabled]):before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-button--grey-90[disabled] {
    color: var(--color-grey-30);
    cursor: auto;
    pointer-events: none
}

.c-button--grey-90[disabled]:before {
    background-color: var(--color-grey-10)
}

.c-button--grey-10 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-width: 5.6rem;
    overflow: hidden;
    padding: 0 1.6rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 0
}

.c-button--grey-10 .button__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-button--grey-10 .button__icon,
.c-button--grey-10 .button__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button--grey-10 .button__icon+.button__label {
    margin-left: 2rem
}

.c-button--grey-10:has(.c-button-loader).is-loading .button__icon,
.c-button--grey-10:has(.c-button-loader).is-loading .button__label {
    opacity: 0
}

.c-button--grey-10:after,
.c-button--grey-10:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-button--grey-10:before {
    background-color: var(--color-grey-10);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    z-index: -1
}

.c-button--grey-10:after {
    background-color: var(--color-white);
    z-index: -2
}

.has--keyboard-focus .c-button--grey-10:focus:not([disabled]):before,
html.is-touch--with-mouse .c-button--grey-10:hover:not([disabled]):before,
html:not(.is-touch) .c-button--grey-10:hover:not([disabled]):before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-button--grey-10[disabled] {
    color: var(--color-grey-30);
    cursor: auto;
    pointer-events: none
}

.c-button--grey-10[disabled]:before {
    background-color: var(--color-grey-10)
}

.c-button--grey-5 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-width: 5.6rem;
    overflow: hidden;
    padding: 0 1.6rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 0
}

.c-button--grey-5 .button__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-button--grey-5 .button__icon,
.c-button--grey-5 .button__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button--grey-5 .button__icon+.button__label {
    margin-left: 2rem
}

.c-button--grey-5:has(.c-button-loader).is-loading .button__icon,
.c-button--grey-5:has(.c-button-loader).is-loading .button__label {
    opacity: 0
}

.c-button--grey-5:after,
.c-button--grey-5:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-button--grey-5:before {
    background-color: var(--color-grey-5);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    z-index: -1
}

.c-button--grey-5:after {
    background-color: var(--color-grey-10);
    z-index: -2
}

.has--keyboard-focus .c-button--grey-5:focus:not([disabled]):before,
html.is-touch--with-mouse .c-button--grey-5:hover:not([disabled]):before,
html:not(.is-touch) .c-button--grey-5:hover:not([disabled]):before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-button--grey-5[disabled] {
    color: var(--color-grey-30);
    cursor: auto;
    pointer-events: none
}

.c-button--grey-5[disabled]:before {
    background-color: var(--color-grey-10)
}

.c-button--white {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-black);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    min-width: 5.6rem;
    overflow: hidden;
    padding: 0 1.6rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    z-index: 0
}

.c-button--white .button__label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-button--white .button__icon,
.c-button--white .button__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button--white .button__icon+.button__label {
    margin-left: 2rem
}

.c-button--white:has(.c-button-loader).is-loading .button__icon,
.c-button--white:has(.c-button-loader).is-loading .button__label {
    opacity: 0
}

.c-button--white:after,
.c-button--white:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-button--white:before {
    background-color: var(--color-white);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    z-index: -1
}

.c-button--white:after {
    background-color: var(--color-grey-5);
    z-index: -2
}

.has--keyboard-focus .c-button--white:focus:not([disabled]):before,
html.is-touch--with-mouse .c-button--white:hover:not([disabled]):before,
html:not(.is-touch) .c-button--white:hover:not([disabled]):before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.c-button--white[disabled] {
    color: var(--color-grey-30);
    cursor: auto;
    pointer-events: none
}

.c-button--white[disabled]:before {
    background-color: var(--color-grey-10)
}

.c-button--grey-10 .button__label,
.c-button--grey-5 .button__label,
.c-button--grey-90 .button__label,
.c-button--white .button__label {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.button--icon .button__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.button--icon .button__icon,
.button--square {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.button--square:not(:has(.button__label)) {
    width: 5.6rem
}

.button--square.button--large {
    width: 8.8rem
}

.button--square.button--large:has(.button__label) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0
}

.button--square.button--large .button__icon+.button__label {
    margin-left: 0;
    margin-top: .8rem
}

.button--square.button--small:not(:has(.button__label)) {
    width: 4rem
}

.button--full-width {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.button--regular {
    height: 5.6rem;
    min-width: 5.6rem
}

.button--small {
    height: 4rem;
    min-width: 4rem;
    padding: 0
}

.button--large {
    height: 8.8rem;
    min-width: 8.8rem
}

.button--smooth-32 {
    border-radius: 1.8rem
}

.button--smooth-32.button--large {
    border-radius: 2.6rem
}

.button--smooth-32.button--small {
    border-radius: 1.2rem
}

.button--smooth-25 {
    border-radius: 1.4rem
}

.button--smooth-25.button--large {
    border-radius: 2rem
}

.button--smooth-25.button--small {
    border-radius: 1rem
}

.button--smooth-15 {
    border-radius: .8rem
}

.button--smooth-15.button--large {
    border-radius: 1.2rem
}

.button--smooth-10,
.button--smooth-15.button--small {
    border-radius: .6rem
}

.button--smooth-10.button--large {
    border-radius: .8rem
}

.button--smooth-10.button--small {
    border-radius: .4rem
}

.button--smooth-5 {
    border-radius: .3rem
}

.button--smooth-5.button--large {
    border-radius: .4rem
}

.button--smooth-5.button--small {
    border-radius: .2rem
}

.button--round {
    border-radius: 5.6rem
}

.button--round.button--large {
    border-radius: 8rem
}

.button--round.button--small {
    border-radius: 4rem
}

.c-button-loader {
    background-color: transparent;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    width: 100%
}

.is-loading .c-button-loader {
    opacity: 1
}

.c-button-loader:after,
.c-button-loader:before {
    background-color: var(--color-black);
    border-radius: 50%;
    content: "";
    height: .8rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .8rem
}

.c-button-loader:before {
    -webkit-animation: dot-left-up 1s ease-in-out infinite alternate;
    animation: dot-left-up 1s ease-in-out infinite alternate
}

.c-button-loader:after {
    -webkit-animation: dot-right-down 1s ease-in-out infinite alternate;
    animation: dot-right-down 1s ease-in-out infinite alternate
}

.button-round--dark .c-button-loader:after,
.button-round--dark .c-button-loader:before,
.button-square--dark .c-button-loader:after,
.button-square--dark .c-button-loader:before,
.c-button--grey-90 .c-button-loader:after,
.c-button--grey-90 .c-button-loader:before,
.t-theme-classic .c-button--secondary .c-button-loader:after,
.t-theme-classic .c-button--secondary .c-button-loader:before,
.t-theme-modern .c-button--secondary .c-button-loader:after,
.t-theme-modern .c-button--secondary .c-button-loader:before,
.t-theme-raw .c-button--secondary .c-button-loader:after,
.t-theme-raw .c-button--secondary .c-button-loader:before,
.t-theme-urban .c-button--secondary .c-button-loader:after,
.t-theme-urban .c-button--secondary .c-button-loader:before {
    background-color: var(--color-white)
}

@-webkit-keyframes dot-left-up {
    0% {
        left: calc(50% - 1rem);
        top: 50%
    }

    50% {
        left: 50%;
        top: 50%
    }

    to {
        left: 50%;
        top: calc(50% - 1rem)
    }
}

@keyframes dot-left-up {
    0% {
        left: calc(50% - 1rem);
        top: 50%
    }

    50% {
        left: 50%;
        top: 50%
    }

    to {
        left: 50%;
        top: calc(50% - 1rem)
    }
}

@-webkit-keyframes dot-right-down {
    0% {
        left: calc(50% + 1rem);
        top: 50%
    }

    50% {
        left: 50%;
        top: 50%
    }

    to {
        left: 50%;
        top: calc(50% + 1rem)
    }
}

@keyframes dot-right-down {
    0% {
        left: calc(50% + 1rem);
        top: 50%
    }

    50% {
        left: 50%;
        top: 50%
    }

    to {
        left: 50%;
        top: calc(50% + 1rem)
    }
}

.c-image {
    display: block;
    overflow: hidden;
    position: relative
}

.c-image img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.c-image [js-hook-objectfit-img] {
    height: 100%;
    max-height: none;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.has--object-fit-polyfill .c-image [js-hook-objectfit-img] :not(.image--is-loaded) {
    opacity: 0
}

.c-image [js-hook-objectfit-img^=contain] {
    -o-object-fit: contain;
    object-fit: contain
}

[js-hook-objectfit-container] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

[js-hook-objectfit-container^=contain] {
    background-size: contain
}

.image__default {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .5s cubic-bezier(.645, .045, .355, 1)
}

.image--is-loaded .image__default {
    opacity: 1
}

.has--object-fit-polyfill .image__default {
    display: none
}

.image__ghost {
    -webkit-filter: blur(1.5rem);
    filter: blur(1.5rem);
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: opacity .5s cubic-bezier(.645, .045, .355, 1) 50ms;
    transition: opacity .5s cubic-bezier(.645, .045, .355, 1) 50ms
}

.image--is-loaded .image__ghost {
    opacity: 0
}

[class*=svg-arrow-] {
    height: 2rem;
    width: 2rem
}

.svg-arrow-chevron-right {
    height: 1.2rem;
    width: .8rem
}

.svg-arrow-sun-direction {
    height: 2.5rem;
    width: 2.1rem
}

.svg-icons-file-jpg,
.svg-icons-file-pdf,
.svg-icons-file-zip {
    height: 4.6rem;
    width: 4.6rem
}

.svg-icons-arrow-areas {
    height: 2.4rem;
    width: 1.4rem
}

.svg-icons-favorite {
    height: 3.4rem;
    width: 3.4rem
}

.svg-icons-favorite-selected {
    height: 3rem;
    width: 3rem
}

.svg-icons-pin {
    height: 1.9rem;
    width: 1.5rem
}

.svg-icons-user {
    height: 1.8rem;
    width: 1.8rem
}

.svg-icons-search {
    height: 1.9rem;
    width: 2rem
}

.svg-icons-checkmark {
    height: 1.7rem;
    width: 2.1rem
}

.svg-icons-hamburger {
    height: 1.6rem;
    width: 2rem
}

.svg-icons-close {
    height: 1.6rem;
    width: 1.6rem
}

.svg-icons-logo {
    height: 4.5rem;
    width: 4.1rem
}

.svg-icons-clock {
    height: 1.4rem;
    width: 1.4rem
}

.svg-icons-download {
    height: 1.9rem;
    width: 1.8rem
}

.svg-icons-enlarge {
    height: 1.7rem;
    width: 1.7rem
}

.svg-icons-advertising,
.svg-icons-essential,
.svg-icons-statistics {
    height: 10rem;
    width: 8.9rem
}

.svg-icons-filter {
    height: 1.2rem;
    width: 1.6rem
}

.svg-icons-plus {
    height: 1.4rem;
    width: 1.4rem
}

.svg-icons-minus {
    height: .2rem;
    width: 1.4rem
}

.svg-icons-heart {
    height: 1.7rem;
    width: 2rem
}

.svg-icons-heart-plus {
    height: 2.4rem;
    width: 2.5rem
}

.svg-icons-minimize {
    height: 1.6rem;
    width: 1.6rem
}

.svg-icons-spec-house {
    height: 1.8rem;
    width: 1.8rem
}

.svg-icons-listview {
    height: 1.7rem;
    width: 1.7rem
}

.svg-icons-back {
    height: 1.8rem;
    width: 2.4rem
}

.svg-icons-pin-outline {
    height: 1.6rem;
    width: 1.3rem
}

.svg-icons-spinner {
    display: block;
    height: 2.1rem;
    width: 2.1rem
}

.svg-icons-sunrise {
    height: 1.1rem;
    width: 1.6rem
}

.svg-icons-arrow-right {
    height: .6rem;
    width: 1.2rem
}

.svg-icons-calendar {
    height: 2rem;
    width: 2rem
}

.svg-icons-eye-marker {
    height: 1.1rem;
    width: 1.6rem
}

.svg-icons-enter,
.svg-icons-exit {
    height: 1.4rem;
    width: 1.4rem
}

.svg-icons-stair {
    height: 1.2rem;
    width: 1.6rem
}

.svg-icons-pointer-pin {
    height: 5rem;
    width: 4.2rem
}

.svg-icons-gallery-grid {
    height: 1.6rem;
    width: 1.6rem
}

.svg-icons-360 {
    height: 1.5rem;
    width: 1.5rem
}

.svg-icons-video {
    height: 1.5rem;
    width: 1.2rem
}

.svg-icons-map-compass {
    height: 5.6rem;
    width: 5.6rem
}

.svg-social-pinterest,
.svg-social-whatsapp {
    height: 2rem;
    width: 2rem
}

.svg-social-twitter {
    height: 2rem;
    width: 1.9rem
}

.svg-social-facebook {
    height: 2rem;
    width: 1rem
}

.svg-social-mail {
    height: 1.5rem;
    width: 2rem
}

[class*=svg-specs-] {
    height: 2rem;
    width: 2rem
}

.svg-specs-care-house {
    height: 1.9rem;
    width: 2rem
}

.svg-specs-city-life {
    height: 1.9rem;
    width: 2.2rem
}

.svg-specs-deluxe {
    height: 1.9rem;
    width: 2.5rem
}

.svg-specs-family-house {
    height: 1.9rem;
    width: 2rem
}

.svg-specs-village-house {
    height: 1.9rem;
    width: 2.7rem
}

[class*=svg-contact-] {
    height: 5.4rem;
    width: 5.4rem
}

[class*=svg-map-] {
    height: 2rem;
    width: 2rem
}

.c-label {
    background-color: var(--color-white);
    border-left: 2px solid var(--color-black);
    color: var(--color-black);
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.33;
    padding: .4rem .8rem .4rem .6rem
}

.c-label.is-highlighted,
.is-highlighted .c-label {
    background-color: var(--color-selected);
    border-color: var(--color-selected);
    color: var(--color-white)
}

.label--urgent {
    border-color: var(--color-urgent)
}

.label--attention {
    border-color: var(--color-attention)
}

.label--positive {
    border-color: var(--color-positive)
}

.label--progression {
    border-color: var(--color-progression)
}

.label--selected {
    border-color: var(--color-selected)
}

.c-document {
    border-top: 1px solid var(--color-grey-10);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.4rem 2rem 2.4rem 0;
    position: relative
}

html.is-touch--with-mouse .c-document:focus .document__arrow,
html.is-touch--with-mouse .c-document:hover .document__arrow,
html:not(.is-touch) .c-document:focus .document__arrow,
html:not(.is-touch) .c-document:hover .document__arrow {
    -webkit-transform: translateX(.8rem);
    transform: translateX(.8rem)
}

.c-document:first-child {
    border: 0
}

.document__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.document__icon .svg {
    height: 2.3rem
}

.document__info {
    padding-left: 2.4rem
}

.document__name {
    font-size: 1.4rem;
    font-weight: 400;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1.71;
    margin: .4rem 0
}

.document__datetime,
.document__version {
    color: var(--color-grey-30);
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.33
}

.document__arrow {
    display: none
}

.c-section-block {
    margin-top: 4.8rem;
    position: relative
}

.c-section-block:last-of-type:not(.section-block--full-width-bg) {
    margin-bottom: 4.8rem
}

.section-block--full-width-bg+.section-block--full-width-bg,
.section-block--full-width-bg:first-child {
    margin-top: 0
}

.section-block__title-container {
    margin-bottom: 2.4rem;
    text-align: center
}

.c-areas-card {
    display: inline-block;
    max-width: 28.8rem;
    width: 100%
}

html.is-touch--with-mouse .c-areas-card:hover .areas-card__cta,
html.is-touch--with-mouse .c-areas-card:hover .areas-card__name,
html.is-touch--with-mouse .c-areas-card:hover .areas-card__overlay,
html:not(.is-touch) .c-areas-card:hover .areas-card__cta,
html:not(.is-touch) .c-areas-card:hover .areas-card__name,
html:not(.is-touch) .c-areas-card:hover .areas-card__overlay {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.areas-card__wrapper {
    overflow: hidden;
    padding-bottom: 5.4rem;
    position: relative
}

.areas-card__image {
    height: 14rem;
    width: 100%
}

.areas-card__image bpd-image {
    height: 100%;
    width: 100%
}

.areas-card__cta {
    background-color: var(--color-white);
    bottom: 0;
    left: 0;
    padding: 1.6rem;
    position: absolute;
    -webkit-transform: translateY(7.2rem);
    transform: translateY(7.2rem);
    -webkit-transition: -webkit-transform 395ms cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform 395ms cubic-bezier(.215, .61, .355, 1);
    transition: transform 395ms cubic-bezier(.215, .61, .355, 1);
    transition: transform 395ms cubic-bezier(.215, .61, .355, 1), -webkit-transform 395ms cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

.areas-card--is-active .areas-card__cta {
    background-color: var(--color-secondary);
    color: var(--color-black)
}

.areas-card__name {
    margin-bottom: 1.6rem;
    text-align: center
}

.areas-card__label {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.c-areas-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-black);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%
}

.areas-button__label {
    display: block
}

.areas-button__icon {
    display: block;
    margin-right: .8rem
}

.areas-button__icon .svg-icons-pin {
    height: 1.6rem
}

.areas-button__active-icon {
    display: none
}

.areas-button__active-icon .svg-icons-close {
    width: 1.6rem
}

.c-button-square {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-grey-90);
    color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    font-weight: 400;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: .25px;
    line-height: 1.71;
    overflow: hidden;
    position: relative;
    width: 5.6rem
}

.c-button-square:after {
    background-color: var(--color-grey-50);
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    z-index: 0
}

.c-button-square[disabled] {
    background-color: var(--color-grey-10);
    color: var(--color-grey-30)
}

.c-button-square .button-square__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button-square.is-loading .button-square__label {
    opacity: 0
}

.c-button-square svg {
    height: 1.6rem;
    position: relative;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity;
    width: 1.6rem;
    z-index: 1
}

.c-button-square.is-loading svg {
    opacity: 0
}

.c-button-square[selected]:not([disabled]):after,
.has--keyboard-focus .c-button-square:focus:not([disabled]):after,
html.is-touch--with-mouse .c-button-square:hover:not([disabled]):after,
html:not(.is-touch) .c-button-square:hover:not([disabled]):after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.button-square__label {
    position: relative;
    z-index: 1
}

.button-square--primary {
    background-color: var(--color-primary);
    color: var(--color-black)
}

.button-square--primary:after {
    background-color: var(--color-primary-hover)
}

.button-square--grey-5 {
    background-color: var(--color-grey-5);
    color: var(--color-black)
}

.button-square--grey-5:after {
    background-color: var(--color-grey-10)
}

.button-square--dark {
    background-color: var(--color-grey-90);
    color: var(--color-white)
}

.button-square--dark:after {
    background-color: var(--color-grey-50)
}

.button-square--light {
    background-color: var(--color-white);
    color: var(--color-black)
}

.button-square--light:after {
    background-color: var(--color-grey-10)
}

.c-house-characteristic {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-house-characteristic:not(:last-child) {
    margin-bottom: 3.3rem
}

.house-characteristic__title {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: .7px;
    margin-bottom: 1.7rem;
    width: 100%
}

.house-characteristic__item-status {
    display: block;
    font-size: 1.4rem;
    letter-spacing: .3px;
    line-height: 1.9
}

.house-characteristic__item-title {
    color: var(--color-black);
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .6px
}

.house-characteristic__item {
    width: 100%
}

.house-characteristic__item:not(:last-child) {
    margin-bottom: 1.8rem
}

.house-characteristic__button {
    margin-top: 1rem;
    width: 100%
}

.c-modal-wrapper {
    background-color: var(--color-white);
    -webkit-box-shadow: 0 .2rem 6rem 0 rgba(0, 0, 0, .07);
    box-shadow: 0 .2rem 6rem 0 rgba(0, 0, 0, .07);
    color: var(--color-black);
    max-width: 104rem;
    position: relative;
    width: calc(100vw - 1rem)
}

.modal-wrapper__content {
    padding: 4.8rem 1.6rem
}

.modal-wrapper__content.no--padding {
    padding: 0
}

.c-button-round.modal-wrapper__button {
    height: 4rem;
    position: absolute;
    right: .8rem;
    top: .8rem;
    width: 4rem
}

.modal-wrapper__title {
    border-bottom: .2rem solid var(--color-bg);
    font-size: 25px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    width: 100%
}

.form__item {
    margin-bottom: 24px
}

.form__item .input__label,
.form__item .select__label,
.form__item .textarea__label {
    max-width: calc(100% - 4rem);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-transform: translate3d(2rem, 1.5rem, 0);
    transform: translate3d(2rem, 1.5rem, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-property: color, max-width, -webkit-transform;
    transition-property: color, max-width, -webkit-transform;
    transition-property: transform, color, max-width;
    transition-property: transform, color, max-width, -webkit-transform;
    white-space: nowrap
}

.form__item.input--file .input__label {
    left: 20px;
    max-width: calc(100% - 4rem - 20px)
}

.form__item--disabled {
    pointer-events: none
}

.form__item--disabled input+label {
    opacity: .5
}

.floating-label-active .input__label,
.floating-label-active .select__label,
.floating-label-active .textarea__label {
    color: var(--color-selected);
    max-width: 120%;
    -webkit-transform: translate3d(2rem, .8rem, 0) scale(.7);
    transform: translate3d(2rem, .8rem, 0) scale(.7)
}

.floating-label-active[invalid] .input__label,
.floating-label-active[invalid] .select__label,
.floating-label-active[invalid] .textarea__label,
.floating-label-active[invalid].input--file .input__label,
.form__item-error {
    color: var(--color-alert)
}

.form__item-error {
    display: block;
    font-size: 1.2rem;
    left: 0;
    margin-top: .5rem;
    pointer-events: none;
    position: absolute;
    text-align: right;
    width: 100%
}

.form__item-error:empty {
    display: none;
    visibility: hidden
}

.c-input {
    position: relative
}

.input__label {
    cursor: pointer
}

.input__input,
.input__label {
    display: block;
    font-size: 1.4rem
}

.input__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--color-white);
    border: .1rem solid var(--color-grey-20);
    color: var(--color-black);
    font-weight: 600;
    line-height: 1.65;
    padding: 2.2rem 2rem .9rem;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 100%
}

.input__input[disabled] {
    cursor: default;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input__input[readonly] {
    opacity: .5;
    pointer-events: none
}

.input__input::-ms-expand {
    display: none
}

.input__input:hover {
    border: 1px solid var(--color-grey-30)
}

.input__input:-moz-read-only {
    pointer-events: none
}

.input__input:read-only {
    pointer-events: none
}

.input__wrapper {
    position: relative
}

.checkbox__input {
    border: 0;
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.checkbox__input:checked+label:before {
    -webkit-transform: translateY(-50%) scale(.6);
    transform: translateY(-50%) scale(.6)
}

.checkbox__input:checked+label:after {
    -webkit-box-shadow: 0 0 0 .2rem var(--color-positive) inset;
    box-shadow: 0 0 0 .2rem var(--color-positive) inset
}

.checkbox__input:checked+label .checkbox__hover-helper:before {
    background-color: var(--color-positive)
}

.checkbox__input[disabled]+label {
    cursor: default
}

.checkbox__input[disabled]+label:after,
.checkbox__input[disabled]+label:before {
    opacity: .5
}

.checkbox__input:hover+label .checkbox__hover-helper:before {
    opacity: .15;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.checkbox__input:focus+label .checkbox__hover-helper:before {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
    opacity: .15;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.checkbox__input--force-hover+label .checkbox__hover-helper:before {
    opacity: .15;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.checkbox__label {
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    padding-left: 4rem;
    position: relative
}

.checkbox__label:after,
.checkbox__label:before {
    border-radius: .3rem;
    content: "";
    cursor: pointer;
    height: 2.4rem;
    left: 0;
    position: absolute;
    top: 50%;
    width: 2.4rem
}

.checkbox__label:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE4LjQ5Mi44MyAyLjI4MiAyLjI4Mi0xMS4wOTEgMTEuMDkuMDIzLjAyMy0yLjI4MSAyLjI4MUwwIDkuMDgxIDIuMjgxIDYuOGw1LjEyMSA1LjEyTDE4LjQ5Mi44M1oiIGZpbGw9IiNCMEQxNDgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 2.4rem;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955), .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955), .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: -webkit-transform, -webkit-box-shadow;
    transition-property: -webkit-transform, -webkit-box-shadow;
    transition-property: transform, box-shadow;
    transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow;
    width: 2.4rem;
    z-index: 1
}

.checkbox__label:after {
    -webkit-box-shadow: 0 0 0 .2rem var(--color-grey-20) inset;
    box-shadow: 0 0 0 .2rem var(--color-grey-20) inset;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    z-index: 0
}

.checkbox__hover-helper {
    height: 2.4rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.4rem
}

.checkbox__hover-helper:before {
    background-color: var(--color-grey-20);
    border-radius: 50%;
    content: "";
    height: 5.6rem;
    left: -1.6rem;
    opacity: 0;
    position: absolute;
    top: -1.6rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    width: 5.6rem
}

.checkbox--horizontal .checkbox__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.checkbox--horizontal .checkbox__label {
    margin-right: 24px
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    to {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
}

.c-radio {
    position: relative
}

.radio__input {
    border: 0;
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.radio__input:checked+label:before {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.radio__input:checked+label:after {
    border: .2rem solid var(--color-positive)
}

.radio__input:checked+label .radio__hover-helper:before {
    background-color: var(--color-positive)
}

.radio__input:disabled:checked+label:before {
    background-color: var(--color-grey-20)
}

.radio__input:disabled:checked+label:after {
    border: .2rem solid var(--color-grey-20)
}

.radio__input:focus+label .radio__hover-helper:before,
.radio__input:hover+label .radio__hover-helper:before {
    opacity: .15;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.radio__input:focus+label .radio__hover-helper:before {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite
}

.radio__label {
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    padding-left: 4rem;
    position: relative
}

.radio__label:after,
.radio__label:before {
    border-radius: 2.4rem;
    content: "";
    cursor: pointer;
    height: 2.4rem;
    left: 0;
    position: absolute;
    top: 50%;
    width: 2.4rem
}

.radio__label:before {
    background-color: var(--color-positive);
    height: 1.2rem;
    left: .6rem;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 1.2rem
}

.radio__label:after {
    border: .2rem solid var(--color-grey-20);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow
}

[invalid] .radio__label:after {
    border-color: var(--color-alert)
}

.radio--horizontal .radio__label {
    margin-bottom: 0
}

.radio__hover-helper {
    height: 2.4rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.4rem
}

.radio__hover-helper:before {
    background-color: var(--color-grey-20);
    border-radius: 50%;
    content: "";
    height: 5.6rem;
    left: -1.6rem;
    opacity: 0;
    position: absolute;
    top: -1.6rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    width: 5.6rem
}

.radio--horizontal .form__item-error {
    text-align: left
}

.radio--horizontal .radio__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.radio--horizontal .radio__label {
    margin-right: 16px
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    to {
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
}

.c-select {
    display: block;
    position: relative
}

.select__label {
    cursor: pointer
}

.select__input,
.select__label {
    display: block;
    font-size: 1.4rem
}

.select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--color-white);
    border: .1rem solid var(--color-grey-20);
    color: var(--color-black);
    font-weight: 600;
    line-height: 1.65;
    padding: 2.2rem 2rem .9rem;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 100%
}

.select__input[disabled] {
    cursor: default;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select__input[readonly] {
    opacity: .5;
    pointer-events: none
}

.select__input::-ms-expand {
    display: none
}

.select__input:hover {
    border: 1px solid var(--color-grey-30)
}

.floating-label-active .select__input {
    border: .15rem solid var(--color-selected)
}

.select__input[invalid] {
    border: .15rem solid rgba(237, 31, 47, .15);
    color: var(--color-red-brand)
}

.select__wrapper {
    position: relative
}

.select__wrapper:after {
    bottom: 0;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuOTc1IDYgMTAgMS4xNzYgOC43NzYgMGwtMy44IDMuNjQ5TDEuMjIzLjA0OCAwIDEuMjIzeiIvPjwvc3ZnPg==);
    padding-bottom: 1.8rem;
    padding-top: 1.6rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    width: 40px
}

.select__dropdown {
    background-color: var(--color-white);
    -webkit-box-shadow: 0 .2rem 1rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 .2rem 1rem 0 rgba(0, 0, 0, .1);
    display: none;
    list-style: none;
    opacity: 0;
    padding: 2rem;
    position: absolute;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.select__dropdown--is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.select__dropdown-item:not(:last-child) {
    margin-bottom: 2rem
}

.select__dropdown-button {
    color: var(--color-body-black);
    display: block;
    font-weight: 500;
    text-align: left;
    -webkit-transition: color .25s;
    transition: color .25s;
    width: 100%
}

.select__dropdown-button--selected,
html.is-touch--with-mouse .select__dropdown-button:hover,
html:not(.is-touch) .select__dropdown-button:hover {
    color: var(--color-black)
}

.c-textarea {
    position: relative
}

.textarea__label {
    cursor: pointer;
    display: block;
    font-size: 1.4rem
}

.textarea__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--color-white);
    border: .1rem solid var(--color-grey-20);
    color: var(--color-black);
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.65;
    min-height: 15rem;
    padding: 2.2rem 2rem .9rem;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    width: 100%
}

.textarea__input[disabled] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.textarea__input[readonly] {
    opacity: .5;
    pointer-events: none
}

.textarea__input:hover {
    border: 1px solid var(--color-grey-30)
}

.textarea__input[disabled] {
    cursor: default;
    opacity: .5
}

.textarea__input::-ms-expand {
    display: none
}

.textarea__wrapper {
    position: relative
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-style: flat;
    transform-style: flat;
    will-change: transform;
    z-index: 1
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    height: 28px;
    right: -17px;
    top: -6px;
    width: 34px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    height: 34px;
    right: -6px;
    top: -17px;
    width: 28px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    cursor: default
}

.noUi-active {
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    background: #e8e7e6;
    content: "";
    display: block;
    height: 14px;
    left: 14px;
    position: absolute;
    top: 6px;
    width: 1px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    height: 1px;
    left: 6px;
    top: 14px;
    width: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    color: #999;
    position: absolute
}

.noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #ccc;
    position: absolute
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
}

.noUi-value-vertical {
    padding-left: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.noUi-vertical .noUi-tooltip {
    right: 120%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    bottom: 10px;
    left: auto;
    -webkit-transform: translate(50%);
    transform: translate(50%)
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    right: 28px;
    top: auto;
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px)
}

bpd-range-slider {
    display: inline-block;
    max-width: 28rem;
    padding: 0 1rem;
    width: 100%
}

.range-slider__container .noUi-connect {
    background: var(--color-primary)
}

.range-slider__container .noUi-target {
    background-color: var(--color-grey-10);
    border: 0;
    border-radius: 1rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.range-slider__container .noUi-horizontal {
    height: .3rem
}

.range-slider__container .noUi-horizontal .noUi-handle {
    background-color: var(--color-white);
    border: .3rem solid var(--color-primary);
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: col-resize;
    height: 1.5rem;
    right: -.6rem;
    top: -.6rem;
    width: 1.5rem
}

.range-slider__container .noUi-horizontal .noUi-handle:after,
.range-slider__container .noUi-horizontal .noUi-handle:before {
    display: none
}

.range-slider__container .range-slider__values {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 1.5rem;
    position: relative;
    width: 100%
}

.range-slider__container input {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    width: 0
}

.c-checkbox-list {
    display: block
}

.c-checkbox-list[invalid] .checkbox__input+label:after,
.c-checkbox-list[invalid] .tag__label {
    border-color: var(--color-red-brand)
}

.checkbox-list__wrapper .form__item {
    margin-bottom: 1rem
}

.checkbox-list__wrapper bpd-input:last-child .form__item {
    margin-bottom: 0
}

.c-chip {
    display: inline-block
}

.chip__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.chip--collapsed .chip__wrapper {
    position: relative
}

.chip__radio-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.chip__radio+.chip__radio {
    margin-left: .8rem
}

.chip__input {
    border: 0;
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.chip__input:checked+label .chip__button {
    background-color: var(--color-secondary)
}

.t-theme-classic .chip__input:checked+label .chip__button,
.t-theme-classic .chip__input:checked+label .chip__icon,
.t-theme-modern .chip__input:checked+label .chip__button,
.t-theme-modern .chip__input:checked+label .chip__icon,
.t-theme-raw .chip__input:checked+label .chip__button,
.t-theme-raw .chip__input:checked+label .chip__icon,
.t-theme-urban .chip__input:checked+label .chip__button,
.t-theme-urban .chip__input:checked+label .chip__icon {
    color: var(--color-white)
}

.chip__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: background-color .25s cubic-bezier(.215, .61, .355, 1);
    transition: background-color .25s cubic-bezier(.215, .61, .355, 1);
    width: 5.6rem
}

.chip__label:focus .chip__button,
.chip__label:hover .chip__button {
    background-color: var(--color-secondary-hover)
}

.chip--small .chip__button {
    height: 4rem;
    width: 4rem
}

.chip--text-only .chip__button {
    border-radius: 1.6rem;
    height: 3.2rem;
    width: auto
}

.chip__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: color .25s cubic-bezier(.215, .61, .355, 1);
    transition: color .25s cubic-bezier(.215, .61, .355, 1)
}

.chip__icon svg {
    height: 1.6rem;
    width: 1.6rem
}

.t-theme-classic .chip__label:focus .chip__icon,
.t-theme-classic .chip__label:hover .chip__icon,
.t-theme-modern .chip__label:focus .chip__icon,
.t-theme-modern .chip__label:hover .chip__icon,
.t-theme-raw .chip__label:focus .chip__icon,
.t-theme-raw .chip__label:hover .chip__icon,
.t-theme-urban .chip__label:focus .chip__icon,
.t-theme-urban .chip__label:hover .chip__icon {
    color: var(--color-white)
}

.chip__title {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.33
}

.chip--icon .chip__title {
    margin-top: .8rem
}

.chip--text-only .chip__title {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.71;
    padding: 0 1.6rem
}

.chip--collapsed .chip__title {
    bottom: -2.4rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.t-theme-classic .chip__label:focus .chip__title,
.t-theme-classic .chip__label:hover .chip__title,
.t-theme-modern .chip__label:focus .chip__title,
.t-theme-modern .chip__label:hover .chip__title,
.t-theme-raw .chip__label:focus .chip__title,
.t-theme-raw .chip__label:hover .chip__title,
.t-theme-urban .chip__label:focus .chip__title,
.t-theme-urban .chip__label:hover .chip__title {
    color: var(--color-white)
}

bpd-input[valid] .input__input,
bpd-input[valid] .select__input,
bpd-input[valid] .textarea__input {
    border: 1px solid var(--color-selected)
}

bpd-input[valid] .input__input[readonly],
bpd-input[valid] .select__input[readonly],
bpd-input[valid] .textarea__input[readonly] {
    border: 1px solid var(--color-grey-20)
}

bpd-input[invalid] .input__input,
bpd-input[invalid] .select__input,
bpd-input[invalid] .textarea__input {
    border: 1px solid var(--color-alert)
}

.c-button-round {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-grey-90);
    border-radius: 50%;
    color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 5.6rem
}

.c-button-round:after {
    background-color: var(--color-grey-50);
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    z-index: 0
}

.c-button-round[disabled] {
    background-color: var(--color-grey-10);
    color: var(--color-grey-30)
}

.c-button-round .button-round__label {
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity
}

.c-button-round.is-loading .button-round__label {
    opacity: 0
}

.c-button-round svg {
    height: 1.6rem;
    position: relative;
    -webkit-transition: .2s cubic-bezier(.455, .03, .515, .955);
    transition: .2s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-property: color opacity;
    transition-property: color opacity;
    width: 1.6rem;
    z-index: 1
}

.c-button-round.is-loading svg {
    opacity: 0
}

.has--keyboard-focus .c-button-round:focus:not([disabled]):after,
html.is-touch--with-mouse .c-button-round:hover:not([disabled]):after,
html:not(.is-touch) .c-button-round:hover:not([disabled]):after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.button-round--dark {
    background-color: var(--color-grey-90);
    color: var(--color-white)
}

.button-round--dark:after {
    background-color: var(--color-grey-50)
}

.button-round--light {
    background-color: var(--color-white);
    color: var(--color-black)
}

.button-round--light:after {
    background-color: var(--color-grey-10)
}

.button-round--grey-5 {
    background-color: var(--color-grey-5);
    color: var(--color-black)
}

.button-round--grey-5:after {
    background-color: var(--color-grey-10)
}

.button-round--small {
    height: 4rem;
    width: 4rem
}

.button-round__label {
    position: relative;
    z-index: 1
}

.c-energy-label {
    position: relative
}

.c-energy-label:before {
    color: var(--color-white);
    content: "";
    left: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.energy-label--a {
    color: var(--color-energy-a)
}

.energy-label--a:before {
    content: "A"
}

.energy-label--a-plus {
    color: var(--color-energy-a-plus)
}

.energy-label--a-plus:before {
    content: "A+"
}

.energy-label--a-plus-plus {
    color: var(--color-energy-a-plus-plus)
}

.energy-label--a-plus-plus:before {
    content: "A++"
}

.energy-label--a-plus-plus-plus {
    color: var(--color-energy-a-plus-plus)
}

.energy-label--a-plus-plus-plus:before {
    content: "A+++"
}

.energy-label--a-plus-plus-plus-plus {
    color: var(--color-energy-a-plus-plus)
}

.energy-label--a-plus-plus-plus-plus:before {
    content: "A++++"
}

.energy-label--b {
    color: var(--color-energy-b)
}

.energy-label--b:before {
    content: "B"
}

.energy-label--c {
    color: var(--color-energy-c)
}

.energy-label--c:before {
    content: "C"
}

.energy-label--d {
    color: var(--color-energy-d)
}

.energy-label--d:before {
    content: "D"
}

.energy-label--e {
    color: var(--color-energy-e)
}

.energy-label--e:before {
    content: "E"
}

.energy-label--f {
    color: var(--color-energy-f)
}

.energy-label--f:before {
    content: "F"
}

.energy-label--g {
    color: var(--color-energy-g)
}

.energy-label--g:before {
    content: "G"
}

.energy-label__icon {
    height: 3rem;
    width: 8.2rem
}

.c-tooltip {
    color: var(--color-grey-50);
    display: inline-block;
    margin-left: .5rem;
    position: relative
}

.tooltip__icon {
    cursor: pointer;
    z-index: 5
}

.tooltip__icon>svg {
    height: 2rem;
    width: 2rem
}

.tooltip--small .tooltip__icon>svg {
    height: 1.6rem;
    width: 1.6rem
}

.tooltip__item {
    border-radius: .3rem;
    padding: 0;
    text-align: center;
    visibility: hidden;
    width: 27rem;
    z-index: 1
}

.tooltip__item,
.tooltip__item:before {
    background-color: var(--color-white);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    position: absolute
}

.tooltip__item:before {
    content: "";
    height: 2rem;
    margin-left: -1rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 2rem
}

.tooltip__item.tooltip__item--left {
    right: 4rem;
    top: -6.5rem
}

.tooltip__item.tooltip__item--left:before {
    bottom: 45%;
    right: -1rem
}

.tooltip__item.tooltip__item--right {
    left: calc(100% + 2rem);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip__item.tooltip__item--right:before {
    left: 0;
    margin-top: -1rem;
    top: 50%
}

.tooltip__item.tooltip__item--top {
    bottom: calc(100% + 2rem);
    left: -12.5rem
}

.tooltip__item.tooltip__item--top:before {
    bottom: -1rem;
    left: 13.5rem
}

.tooltip__item.tooltip__item--top-start {
    bottom: calc(100% + 2rem);
    left: -2.5rem
}

.tooltip__item.tooltip__item--top-start:before {
    bottom: -1rem;
    left: 3.5rem
}

.tooltip__content {
    background-color: var(--color-white);
    padding: 2rem;
    position: relative
}

.tooltip__icon:hover .tooltip__item {
    visibility: visible
}

.c-chat-bubble {
    display: none;
    opacity: 0
}

.chat-bubble__icon,
.chat-bubble__status {
    color: var(--color-white)
}

.chat-bubble__status {
    border: .2rem solid var(--color-white);
    border-radius: 1.2rem;
    height: 2.4rem;
    left: 4.5rem;
    line-height: 2.1rem;
    margin: 0;
    min-width: 2.4rem;
    padding: 0 .5rem;
    position: absolute;
    text-align: center;
    top: -.5rem;
    -webkit-transition: color .1s ease-in;
    transition: color .1s ease-in
}

.chat--status-offline .chat-bubble__status,
.chat-bubble__status {
    background-color: var(--color-alert)
}

.chat--status-online .chat-bubble__status {
    background-color: var(--color-positive)
}

.chat--status-away .chat-bubble__status {
    background-color: var(--color-attention)
}

.chat--status-unread .chat-bubble__status {
    background-color: var(--color-positive)
}

bpd-back-link {
    color: var(--color-black);
    display: block;
    position: relative;
    width: 100%
}

bpd-back-link:not(.back-link--floating) {
    min-height: 2.4rem
}

bpd-back-link.back-link--floating {
    height: 0;
    z-index: 99
}

.back-link--floating .c-back-link {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

html.is-touch--with-mouse :not(.back-link--floating) .back-link__button:focus .back-link__icon,
html.is-touch--with-mouse :not(.back-link--floating) .back-link__button:hover .back-link__icon,
html:not(.is-touch) :not(.back-link--floating) .back-link__button:focus .back-link__icon,
html:not(.is-touch) :not(.back-link--floating) .back-link__button:hover .back-link__icon {
    background-color: var(--color-black);
    color: var(--color-white)
}

.back-link--floating .back-link__button {
    padding-bottom: 1.6rem;
    padding-right: 3.2rem;
    padding-top: 2.4rem;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.back-link--floating .back-link__button:before {
    background-color: var(--color-white);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 0
}

.back-link__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 2.4rem;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: color, background-color .2s cubic-bezier(.215, .61, .355, 1);
    transition: color, background-color .2s cubic-bezier(.215, .61, .355, 1);
    width: 2.4rem
}

.back-link--floating .back-link__icon {
    background-color: var(--color-grey-5);
    z-index: 1
}

.back-link__icon .svg-arrow-chevron-right {
    height: 1rem;
    -webkit-transform: rotate(180deg) translateX(15%);
    transform: rotate(180deg) translateX(15%);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .1s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s cubic-bezier(.215, .61, .355, 1)
}

.back-link__label {
    margin-left: 1.6rem
}

.back-link--floating .back-link__label {
    z-index: 1
}

.c-map-label {
    background-color: rgba(77, 77, 77, .5);
    text-align: center
}

.map-label__title {
    color: var(--color-white);
    font-size: 1.2rem;
    font-weight: 600;
    padding: .8rem 1.8rem .6rem
}

.map-label__subtitle {
    background-color: var(--color-white);
    color: var(--color-grey-50);
    font-size: 1rem;
    padding: 0 1.8rem .1rem;
    width: 100%
}

.c-progress-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 20rem
}

.progress-bar__line-bg {
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: .4rem;
    height: .8rem;
    margin-bottom: 1.6rem;
    width: 100%
}

.progress-bar__line {
    background-color: var(--color-white);
    border-radius: .4rem;
    height: 100%
}

.progress-bar__text {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1.71
}

@-webkit-keyframes spinnerAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinnerAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loadedAnimation {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes loadedAnimation {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.c-loading-state {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.is--loaded .c-loading-state {
    -webkit-animation: loadedAnimation .2s linear;
    animation: loadedAnimation .2s linear
}

.loading-state__visual {
    color: var(--color-grey-30);
    margin-bottom: 2.8rem
}

.loading-state__text {
    color: var(--color-grey-90);
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: .6rem
}

.loading-state__spinner {
    -webkit-animation: spinnerAnimation 1.25s linear;
    animation: spinnerAnimation 1.25s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    color: var(--color-grey-30)
}

.c-nhg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-positive);
    border-radius: .5rem;
    color: var(--color-black);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 1.9rem;
    padding-left: .6rem;
    padding-right: .6rem
}

.c-nhg .svg-icons-checkmark {
    height: .8rem;
    margin-right: .3rem;
    margin-top: -.2rem;
    width: 1.1rem
}

.ngh__label {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1
}

bpd-pages {
    display: block
}

bpd-pages:not([animated])>:not(.page--is-selected) {
    display: none !important
}

bpd-pages[animated]>* {
    height: 100%;
    opacity: 1;
    position: absolute;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    width: 100%;
    z-index: 2
}

bpd-pages[animated]>:not(.page--is-selected) {
    opacity: 0 !important;
    z-index: 1
}

.c-loader {
    height: 2.6rem;
    position: relative;
    width: 6rem
}

.loader__ball {
    -webkit-animation: grow 1s ease-in-out infinite alternate;
    animation: grow 1s ease-in-out infinite alternate;
    background-color: var(--color-primary);
    border-radius: 50%;
    height: 1.25rem;
    position: absolute;
    top: .7rem;
    width: 1.25rem;
    will-change: transform
}

.loader__ball:first-child {
    left: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.loader__ball:nth-child(2) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.loader__ball:nth-child(3) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s;
    right: 0
}

@-webkit-keyframes grow {
    to {
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0)
    }
}

@keyframes grow {
    to {
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0)
    }
}

.c-marker {
    background-color: var(--color-white);
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(30, 30, 30, .3);
    box-shadow: 2px 2px 6px 0 rgba(30, 30, 30, .3);
    color: var(--color-black);
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    height: 4rem;
    letter-spacing: .5px;
    line-height: 1.33;
    padding: .2rem;
    position: relative;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    width: 4rem
}

.c-marker.marker--pin {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: visible;
    padding: 0
}

.c-marker.marker--pin.marker--large {
    height: 4.2rem;
    width: 4.2rem
}

.c-marker.marker--pin.marker--small {
    height: 2.8rem;
    width: 2.8rem
}

.marker--number {
    color: var(--color-white)
}

.marker--generic {
    color: var(--color-primary)
}

.marker__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-primary);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.marker__inner .svg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.marker--pin .marker__inner {
    background-color: transparent;
    color: var(--color-black);
    z-index: 1
}

.marker--pin .marker__inner .svg {
    height: 1.1rem;
    width: 1.1rem
}

.marker--eye .svg-icons-eye {
    height: 1.6rem;
    width: 1.6rem
}

.marker--eye .svg-icons-eye-direction {
    display: block;
    height: 100%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    width: 100%
}

.marker--eye .marker__eye-direction {
    bottom: 0;
    display: block;
    height: 2rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    width: 2rem
}

.marker--eye.marker--direction-ne .marker__eye-direction {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.marker--eye.marker--direction-e .marker__eye-direction {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.marker--eye.marker--direction-se .marker__eye-direction {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.marker--eye.marker--direction-s .marker__eye-direction {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.marker--eye.marker--direction-sw .marker__eye-direction {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.marker--eye.marker--direction-w .marker__eye-direction {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.marker--eye.marker--direction-nw .marker__eye-direction {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.marker__tooltip {
    bottom: calc(100% + 1.6rem);
    display: block;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    white-space: nowrap;
    z-index: 1
}

.c-marker:hover .marker__tooltip,
.marker__tooltip.marker__tooltip--always-show {
    opacity: 1
}

.marker--house .svg-icons-spec-house {
    width: 1.1rem
}

.marker-pin__svg {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.marker--large .marker-pin__svg .svg {
    height: 5rem;
    width: 4.2rem
}

.marker--small .marker-pin__svg .svg {
    height: 3.2rem;
    width: 2.8rem
}

bpd-content-collapse {
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .35s ease-in-out;
    transition: height .35s ease-in-out
}

bpd-content-collapse.content-collapse--is-collapsed {
    overflow: visible
}

.c-modal-close-confirmation-popup {
    background-color: var(--color-white);
    border-radius: 2rem;
    -webkit-box-shadow: 0 .2rem .4rem rgba(0, 0, 0, .1);
    box-shadow: 0 .2rem .4rem rgba(0, 0, 0, .1);
    padding: 2.4rem
}

.modal-close-confirmation-popup__link-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 5rem
}

house-characteristics-card {
    display: block;
    width: 100%
}

.c-house-characteristics-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-shadow: 0 .1rem 6rem 0 var(--color-black-shadow);
    box-shadow: 0 .1rem 6rem 0 var(--color-black-shadow);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 42rem;
    padding: 25px;
    width: 100%
}

.house-characteristics-card__nhg {
    margin-left: .5rem;
    padding-top: 1rem
}

.house-characteristics-card__monthly+.house-characteristics-card__nhg {
    margin-left: 3.2rem
}

.house-characteristics-card__spec {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: .1rem solid var(--color-grey-10);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.4rem;
    font-weight: 500;
    height: 10rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.71;
    text-align: center
}

.house-characteristics-card__spec:nth-child(odd) {
    border-right: .1rem solid var(--color-grey-10);
    margin-right: -.1rem
}

.house-characteristics-card__spec:nth-last-child(-n+2) {
    border-bottom: 0
}

.house-characteristics-card__icon {
    padding-bottom: 1.2rem
}

.house-characteristics-card__label {
    color: var(--color-grey-30);
    font-size: 1.4rem
}

.house-characteristics__price-prefix,
.house-characteristics__price-suffix {
    margin-right: .8rem
}

.house-characteristics-card__mortgage-button {
    margin-top: 1.6rem
}

.house-characteristics-card__specs {
    margin-bottom: 2.4rem;
    margin-top: 1.6rem
}

.c-house-hero-gallery {
    display: block;
    position: relative
}

.house-hero-gallery__grid {
    display: grid;
    gap: .8rem;
    width: 100%
}

.house-hero-gallery--grid-layout-1 .house-hero-gallery__grid {
    grid-template-areas: "image-1"
}

.house-hero-gallery__clickable-image-1 {
    grid-area: image-1;
    overflow: hidden
}

.house-hero-gallery__clickable-image-2 {
    grid-area: image-2;
    overflow: hidden
}

.house-hero-gallery__clickable-image-3 {
    grid-area: image-3;
    overflow: hidden
}

.house-hero-gallery__clickable-image-4 {
    grid-area: image-4;
    overflow: hidden
}

.house-hero-gallery__clickable-image-5 {
    grid-area: image-5;
    overflow: hidden
}

.house-hero-gallery__image {
    height: 100%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1)
}

.house-hero-gallery__image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.house-hero-gallery__cta-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem
}

.house-hero-gallery__cta .button__icon+.button__label {
    margin-left: 1.2rem
}

.c-house-title {
    padding-bottom: 3.2rem
}

.house-title__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 3.2rem
}

.house-title__container .house-title__title {
    color: var(--color-black);
    display: block
}

.house-title__column+.house-title__column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.house-title__price {
    margin-top: .8rem
}

.house-title__price-prefix,
.house-title__price-suffix {
    font-size: 1.4rem;
    font-weight: 400;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1.71
}

.house-title__price-prefix {
    margin-right: .8rem
}

.house-title__price-suffix {
    margin-left: .8rem
}

.house-title__price-amount {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.78
}

.house-title__price-status {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.71
}

.c-icons-container {
    list-style: none
}

.icons-container__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem;
    width: 100%
}

html.is-touch--with-mouse .icons-container__item:hover .icons-container__icon,
html:not(.is-touch) .icons-container__item:hover .icons-container__icon {
    background-color: var(--color-primary-hover)
}

.icons-container__icon {
    border: 3px solid var(--color-white);
    border-radius: 50%;
    display: block;
    height: 6rem;
    margin-bottom: 1.5rem;
    width: 6rem
}

.icons-container__title {
    font-size: 1.6rem;
    font-weight: 600
}

.c-related-content-card {
    background-color: var(--color-black);
    display: block;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

html.is-touch--with-mouse .c-related-content-card:link:focus .related-content-card__background,
html.is-touch--with-mouse .c-related-content-card:link:hover .related-content-card__background,
html:not(.is-touch) .c-related-content-card:link:focus .related-content-card__background,
html:not(.is-touch) .c-related-content-card:link:hover .related-content-card__background {
    opacity: .8
}

.related-content-card__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.related-content-card__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

.related-content-card__background:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    bottom: 0;
    content: "";
    height: 30%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.related-content-card__background bpd-image {
    height: 100%;
    width: 100%
}

.related-content-card__cta {
    color: var(--color-white);
    padding: 3.2rem;
    position: relative;
    z-index: 2
}

.related-content-card__title {
    position: relative
}

.related-content-card__arrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1.6rem
}

.highlighted-content__image,
.highlighted-content__text-block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.highlighted-content__text-block {
    background-color: var(--color-white);
    padding-bottom: 4.8rem;
    padding-top: 4.8rem
}

.highlighted-content--dark .highlighted-content__text-block {
    background-color: var(--color-black);
    color: var(--color-white)
}

.highlighted-content--transparent .highlighted-content__text-block {
    background-color: transparent
}

.highlighted-content__button {
    margin-top: 1.6rem
}

.c-social-bar {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-social-bar,
.social-bar__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.social-bar__item {
    -webkit-box-flex: 0;
    background-color: var(--color-grey-5);
    border-radius: 50%;
    -webkit-flex: 0 0 3.4rem;
    -ms-flex: 0 0 3.4rem;
    flex: 0 0 3.4rem;
    height: 3.4rem;
    margin-left: 1.6rem
}

.social-bar__item svg {
    -webkit-transition: color .1s cubic-bezier(.215, .61, .355, 1);
    transition: color .1s cubic-bezier(.215, .61, .355, 1);
    width: 1.5rem
}

.contact-links__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.contact-links__item+.contact-links__item {
    margin-top: 1.6rem
}

html.is-touch--with-mouse .contact-links__item:focus .contact-links__icon,
html.is-touch--with-mouse .contact-links__item:hover .contact-links__icon,
html:not(.is-touch) .contact-links__item:focus .contact-links__icon,
html:not(.is-touch) .contact-links__item:hover .contact-links__icon {
    background-color: var(--color-black);
    color: var(--color-white)
}

.contact-links__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    border: 2px solid var(--color-black);
    border-radius: 50%;
    color: var(--color-black);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 1.6rem;
    -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1);
    transition: .2s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    width: 4rem
}

.contact-links__icon .svg {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.contact-links__text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 600;
    white-space: nowrap
}

.c-brochure {
    background-color: var(--color-white);
    max-width: 31rem;
    padding: 3.2rem
}

.brochure__image {
    height: auto;
    width: 100%
}

.c-property-card {
    background-color: var(--color-white);
    color: var(--color-black);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

html.is-touch--with-mouse .c-property-card:hover,
html:not(.is-touch) .c-property-card:hover {
    background-color: var(--color-bg);
    cursor: pointer
}

.has--keyboard-focus .c-property-card:focus,
.is--highlighted .c-property-card {
    background-color: var(--color-bg)
}

.c-property-card.property-card--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2.4rem
}

.c-property-card.property-card--horizontal {
    gap: 0 3.2rem;
    padding: 2.4rem 3.2rem
}

.property-card__debug-id {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.property-card__image-container {
    position: relative
}

.property-card--vertical .property-card__image-container {
    height: 0;
    padding-bottom: 78%
}

.property-card--horizontal .property-card__image-container {
    -ms-flex-item-align: stretch;
    -webkit-box-flex: 1;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-bottom: auto;
    margin-top: auto;
    max-width: 24rem;
    min-width: 16rem
}

.property-card__image-container bpd-wishlist-favourite-button {
    position: absolute;
    right: 1.6rem;
    top: 1.6rem
}

.property-card__image {
    height: 100%;
    width: 100%
}

.property-card--vertical .property-card__image {
    position: absolute
}

.property-card__number {
    background-color: var(--color-grey-50);
    border-radius: 3px;
    color: var(--color-white);
    font-size: 1.1rem;
    font-weight: 700;
    height: 1.8rem;
    margin: -.9rem 0;
    padding: .1rem .6rem 0;
    position: relative;
    z-index: 1
}

.property-card__details {
    padding: 1.6rem 1.6rem 0;
    text-align: center
}

.property-card--horizontal .property-card__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 2.2rem;
    text-align: left
}

.property-card__status {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.33
}

.property-card__status:first-letter {
    text-transform: uppercase
}

.property-card__title {
    font-weight: 400;
    font-weight: 600;
    margin-top: .8rem
}

.property-card__price,
.property-card__title {
    font-size: 1.4rem;
    letter-spacing: .25px;
    line-height: 1.71
}

.property-card__price {
    font-weight: 400
}

.property-card__specs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: none;
    padding: .8rem 3rem 0
}

.property-card__spec {
    color: var(--color-grey-30);
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.33
}

.property-card__spec+.property-card__spec:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    margin: 0 .8rem;
    position: relative;
    top: -.2rem;
    width: 2px
}

.property-card__project {
    color: var(--color-grey-30);
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.33;
    margin-top: .8rem;
    text-align: center
}

.c-project-phase-card {
    background-color: var(--color-white);
    color: var(--color-black);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 3.2rem;
    height: 100%;
    padding: 2.4rem 3.2rem;
    position: relative;
    width: 100%
}

html.is-touch--with-mouse .c-project-phase-card:hover,
html:not(.is-touch) .c-project-phase-card:hover {
    background-color: var(--color-bg);
    cursor: pointer
}

.has--keyboard-focus .c-project-phase-card:focus,
.is--highlighted .c-project-phase-card {
    background-color: var(--color-bg)
}

.project-phase-card__debug-id {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.project-phase-card__image-container {
    -ms-flex-item-align: stretch;
    -webkit-box-flex: 1;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-bottom: auto;
    margin-top: auto;
    max-width: 24rem;
    min-width: 16rem;
    position: relative
}

.project-phase-card__image {
    height: 100%;
    width: 100%
}

.project-phase-card__number {
    background-color: var(--color-grey-50);
    border-radius: 3px;
    color: var(--color-white);
    font-size: 1.1rem;
    font-weight: 700;
    height: 1.8rem;
    margin: -.9rem 0;
    padding: .1rem .6rem 0;
    position: relative;
    z-index: 1
}

.project-phase-card__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 2.2rem;
    text-align: left
}

.project-phase-card__status {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.33
}

.project-phase-card__status:first-letter {
    text-transform: uppercase
}

.project-phase-card__houses-amount {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.33;
    text-transform: lowercase
}

.project-phase-card__title {
    font-weight: 400;
    font-weight: 600;
    margin-top: .8rem
}

.project-phase-card__price,
.project-phase-card__title {
    font-size: 1.4rem;
    letter-spacing: .25px;
    line-height: 1.71
}

.project-phase-card__price {
    font-weight: 400
}

.project-phase-card__specs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none
}

.project-phase-card__spec {
    color: var(--color-grey-30);
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.33
}

.project-phase-card__spec+.project-phase-card__spec:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    margin: 0 .8rem;
    position: relative;
    top: -.2rem;
    width: 2px
}

.c-downloads,
.downloads__inner {
    height: 100%;
    width: 100%
}

.downloads__tab {
    height: 3.6rem;
    overflow: hidden;
    padding: .1rem 1.5rem 0
}

.downloads__tab[selected] {
    background-color: var(--color-white);
    color: var(--color-black);
    font-weight: 600
}

.downloads__documents {
    -webkit-animation: fadeEffect .8s;
    animation: fadeEffect .8s
}

@-webkit-keyframes fadeEffect {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeEffect {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

bpd-navigation {
    display: block;
    width: 100%
}

.c-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    font-size: 1.4rem;
    font-weight: 400;
    height: 100%;
    letter-spacing: .25px;
    line-height: 1.71;
    list-style: none;
    text-align: center
}

.navigation__item {
    color: var(--color-black);
    position: relative
}

.navigation__item:after {
    opacity: 0
}

.navigation__item--active {
    font-weight: 600
}

.navigation__item--active:after {
    opacity: 1
}

.navigation__item-link {
    display: block;
    -webkit-transition: color .2s cubic-bezier(.215, .61, .355, 1);
    transition: color .2s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

html.is-touch--with-mouse .navigation__item-link:focus,
html.is-touch--with-mouse .navigation__item-link:hover,
html:not(.is-touch) .navigation__item-link:focus,
html:not(.is-touch) .navigation__item-link:hover {
    color: var(--color-primary)
}

.navigation__sub {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s cubic-bezier(.215, .61, .355, 1);
    transition: max-height .4s cubic-bezier(.215, .61, .355, 1)
}

.navigation__sub-inner {
    background-color: var(--color-bg);
    list-style: none;
    margin-top: 1.6rem;
    padding: 1.6rem
}

.navigation__sub-item {
    color: var(--color-black);
    font-weight: 400;
    position: relative
}

html.is-touch--with-mouse .navigation__sub-item:focus,
html.is-touch--with-mouse .navigation__sub-item:hover,
html:not(.is-touch) .navigation__sub-item:focus,
html:not(.is-touch) .navigation__sub-item:hover {
    color: var(--color-primary)
}

.navigation__sub-link {
    display: block;
    min-width: 28rem;
    padding: 0 2rem;
    white-space: nowrap
}

.c-areas-navigation {
    background-color: var(--color-white);
    display: block;
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: transform, visibility, opacity;
    transition-property: transform, visibility, opacity, -webkit-transform;
    visibility: hidden
}

.header--areas-is-active .c-areas-navigation {
    opacity: 1;
    -webkit-transform: translateY(-5.8rem);
    transform: translateY(-5.8rem);
    visibility: visible
}

.areas-navigation__slider-list.slider__list {
    padding: 2rem 0 7.5rem
}

.areas-navigation__controls {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 10
}

.areas-navigation__footer {
    bottom: 0;
    left: 50%;
    padding: 3.2rem;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    z-index: 5
}

.areas-navigation__footer .svg-icons-close {
    height: 1.6rem;
    width: 1.6rem
}

.c-content-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.content-block__date-container {
    color: var(--color-primary);
    gap: 0 1.6rem;
    margin-bottom: .8rem
}

.content-block__title {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.31;
    margin-bottom: .8rem
}

.content-block--small .content-block__title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.78
}

.content-block--large .content-block__title {
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.25
}

.content-block__button {
    margin-top: 1.6rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.content-block-collapse__read-more .s-rich-text {
    padding-top: 1.6rem
}

.content-block-collapse__read-more bpd-content-collapse {
    margin-bottom: 1rem
}

.c-characteristics-modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.characteristics-modal__section {
    position: relative;
    width: 100%
}

.characteristics-modal__section:not(:last-child) {
    margin-bottom: 20px
}

.characteristics-modal__price {
    display: block
}

.chat__frame {
    background-color: var(--color-white);
    bottom: 0;
    -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .3);
    box-shadow: 0 0 3rem rgba(0, 0, 0, .3);
    height: 95vh;
    max-height: 73.6rem;
    max-width: 41.4rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    width: 100vw;
    z-index: 10
}

.chat__frame iframe {
    height: 100%;
    width: 100%
}

.chat--is-open .chat__frame {
    pointer-events: all;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.chat__close {
    background-color: var(--color-white);
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    z-index: 10
}

.chat--is-open .chat__close {
    opacity: .8;
    pointer-events: all
}

.chat__open {
    bottom: 0;
    height: 100px;
    left: 0;
    position: fixed;
    width: 100px;
    z-index: 9999
}

.chat--status-offline .chat__open {
    background-color: var(--color-alert)
}

.chat--status-online .chat__open {
    background-color: var(--color-positive)
}

.chat--status-away .chat__open {
    background-color: var(--color-attention)
}

.chat--status-unread .chat__open {
    background-color: var(--color-positive)
}

.chat__close-button {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

.c-news-card {
    display: grid;
    gap: 2rem 1rem;
    grid-template-areas: "title title" "icon-block date" "content-block content-block" "cta cta";
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content
}

.news-card__title {
    grid-area: title
}

.news-card__icon {
    color: var(--color-primary);
    grid-area: icon-block
}

.news-card__date {
    color: var(--color-primary);
    grid-area: date
}

.news-card__vert-line {
    display: none
}

.news-card__content {
    grid-area: content-block
}

.news-card__image-container {
    margin-bottom: 2rem;
    margin-left: -16px;
    margin-right: -16px
}

.news-card__cta {
    grid-area: cta
}

.c-news-pagination {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.news-pagination__page-buttons {
    display: none
}

.news-pagination__button {
    height: 5.6rem;
    width: 5.6rem
}

.news-pagination__button+.news-pagination__button {
    margin-left: 1.6rem
}

.news-pagination__button .button__icon {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-right: 0
}

.news-pagination__button .button__icon svg {
    height: 1.6rem;
    width: 100%
}

.news-pagination__page-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.c-notification-card {
    background-color: var(--color-white);
    display: block
}

.notification-card__content {
    padding: 1.6rem
}

.notification-card__title {
    margin: 1.6rem 0 .8rem
}

.notification-card__button {
    margin-top: 1.6rem
}

.c-house-characteristics-cta-bar {
    background-color: var(--color-bg);
    bottom: 0;
    -webkit-box-shadow: 0 -.2rem .4rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -.2rem .4rem 0 rgba(0, 0, 0, .1);
    display: block;
    left: 0;
    opacity: 0;
    padding: 2rem 0;
    position: fixed;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.c-house-characteristics-cta-bar.house-characteristics-cta-bar--is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.house-characteristics-cta-bar__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.house-characteristics-cta-bar__button-holder {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.house-characteristics-cta-bar__wishlist-toggle {
    margin-right: 3rem
}

.house-characteristics-cta-bar__title {
    font-weight: 400
}

bpd-profile-button {
    background-color: var(--color-grey-90);
    color: var(--color-white);
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71;
    -webkit-transition: background-color .15s cubic-bezier(.215, .61, .355, 1);
    transition: background-color .15s cubic-bezier(.215, .61, .355, 1)
}

.c-profile-button,
.profile-button__inner,
bpd-profile-button {
    height: 100%;
    width: 100%
}

.profile-button__circle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-black);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 4rem
}

.profile-button__circle img {
    display: block;
    height: 100%;
    width: 100%
}

.profile-button__label {
    display: block;
    margin-left: 1.4rem;
    margin-top: .2rem
}

.profile-button__icon .svg-icons-user {
    height: 1.8rem
}

.profile-button__dropdown {
    opacity: 0;
    position: absolute;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform;
    visibility: hidden
}

.c-fly-in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--color-grey-5);
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 6.5rem;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 100%;
    z-index: 101
}

.c-fly-in .svg-icons-close {
    width: 1rem
}

.c-fly-in[active] {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.has--transparent-header .c-fly-in {
    top: 0
}

.fly-in__link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.fly-in__header {
    -webkit-box-flex: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.6rem 3.2rem
}

.fly-in__close-button {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: 1.6rem
}

.fly-in__close-button .svg-icons-close {
    height: 1.6rem;
    width: 1.6rem
}

.fly-in__scroll-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 1.6rem 1.6rem 6.4rem
}

bpd-construction-number-card {
    display: block
}

.c-construction-number-card {
    background-color: var(--color-white);
    color: var(--color-black);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 3.2rem;
    height: 100%;
    padding: 2.4rem 3.2rem;
    position: relative;
    width: 100%
}

.construction-number-card--highlighted .c-construction-number-card,
.is--highlighted .c-construction-number-card,
html.is-touch--with-mouse .c-construction-number-card:hover,
html:not(.is-touch) .c-construction-number-card:hover {
    background-color: var(--color-bg)
}

.construction-number-card__image-container {
    -ms-flex-item-align: stretch;
    -webkit-box-flex: 1;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-bottom: auto;
    margin-top: auto;
    max-width: 24rem;
    min-width: 12rem;
    position: relative
}

.construction-number-card__image {
    height: 100%;
    width: 100%
}

.construction-number-card__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 2.2rem;
    text-align: left
}

.construction-number-card__status {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.33
}

.construction-number-card__status:first-letter {
    text-transform: uppercase
}

.construction-number-card__title {
    font-size: 1.4rem;
    font-weight: 400;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1.71;
    margin-top: .8rem
}

.construction-number-card__price {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.71
}

.construction-number-card__specs-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.33;
    list-style: none
}

.construction-number-card__list-item {
    color: var(--color-grey-30);
    margin-right: 1.5rem;
    position: relative
}

.construction-number-card__list-item:after {
    background-color: var(--color-grey-30);
    border-radius: 50%;
    content: "";
    display: none;
    height: .3rem;
    position: absolute;
    right: -.8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .3rem
}

.construction-number-card__list-item:first-of-type:after {
    display: initial
}

.construction-number-card__list-item:last-of-type:after {
    display: none
}

.construction-number-card__compare {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    justify-self: end;
    margin-top: 1.6rem
}

.construction-number-card__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 1.6rem;
    top: 2.4rem
}

.construction-number-card__action {
    margin-bottom: .8rem
}

.construction-number-card__add-to-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-positive);
    color: var(--color-grey-30);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.construction-number-card__add-to-cart:after {
    background-color: var(--color-white)
}

.construction-number-card__add-to-cart .svg-icons-cart {
    -webkit-animation: fadeIn .2s;
    animation: fadeIn .2s;
    display: block;
    height: 2.2rem;
    -webkit-transition: color .2s;
    transition: color .2s;
    width: 2.2rem
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.c-header-wishlist-button {
    background-color: var(--color-grey-5);
    color: var(--color-black);
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1);
    transition: .2s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    width: 100%
}

.header-wishlist-button--highlighted {
    color: var(--color-progression)
}

.header-wishlist-button__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 2.4rem;
    position: relative;
    z-index: 2
}

.header-wishlist-button__link:link,
.header-wishlist-button__link:visited {
    color: inherit
}

.header-wishlist-button__icon .svg-icons-heart {
    height: 1.4rem
}

.header-wishlist-button__total {
    margin-left: .5rem
}

.c-header-alerts-button {
    background-color: var(--color-grey-5);
    color: var(--color-black);
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1);
    transition: .2s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    width: 100%
}

.header-alerts-button--highlighted {
    color: var(--color-progression)
}

.header-alerts-button__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 2.4rem;
    position: relative;
    z-index: 2
}

.header-alerts-button__link:link,
.header-alerts-button__link:visited {
    color: inherit
}

.header-alerts-button__icon .svg-icons-heart {
    height: 1.4rem
}

.header-alerts-button__total {
    margin-left: .5rem
}

subscription-box {
    display: block
}

.c-subscription-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.subscription-box--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--color-bg);
    border-left: .3rem solid var(--color-primary);
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 2.4rem
}

.subscription-box--horizontal .subscription-box__title {
    font-size: 1.4rem;
    font-weight: 400;
    font-weight: 700;
    letter-spacing: .25px;
    line-height: 1.71;
    margin-bottom: .4rem
}

.subscription-box--horizontal .subscription-box__button {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: 2rem
}

.subscription-box--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--color-white);
    border-left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.6rem
}

.subscription-box--vertical .subscription-box__description {
    margin-top: .8rem
}

.subscription-box--vertical .subscription-box__title {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1.5
}

.subscription-box--vertical .subscription-box__button {
    margin-top: .8rem
}

.subscription-box__description {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.71
}

bpd-area-subscription-old {
    display: block;
    text-align: center;
    width: 100%
}

.area-subscription__intro {
    margin-bottom: 2.4rem;
    margin-top: 2.4rem
}

.area-subscription__form {
    grid-gap: .8rem;
    display: grid
}

.area-subscription__label {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1.5
}

.area-subscription__form-item {
    display: none
}

.area-subscription--expanded-signup .area-subscription__form-item {
    display: block
}

.area-subscription__form-item .form__item {
    color: var(--color-black);
    margin-bottom: 0
}

.area-subscription__form-item .form__item-error {
    color: var(--color-white);
    position: relative
}

.area-subscription__content-item,
.area-subscription__form-item--email,
.area-subscription__form-item--submit {
    display: block
}

.area-subscription__checkmark {
    height: 1.6rem;
    margin-right: 1rem;
    width: 1.3rem
}

.area-subscription__button-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.area-subscription__button-wrapper.expanded {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.area-subscription-modal__wrapper {
    color: var(--color-black);
    max-width: 102rem;
    text-align: left;
    width: 100vw
}

.area-subscription-modal__close {
    color: var(--color-black);
    position: absolute;
    right: 2.4rem;
    top: 2.4rem
}

.area-subscription-modal__title {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.31;
    margin-bottom: 2.4rem;
    padding-top: 7.2rem
}

.area-subscription-modal__subtitle {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1.71;
    margin-bottom: .8rem
}

.area-subscription-modal__error {
    color: var(--color-alert);
    font-weight: 600;
    margin-bottom: 2rem
}

.area-subscription-modal__gray {
    background-color: var(--color-bg)
}

.area-subscription-modal__footer {
    margin-top: 4.8rem;
    padding-bottom: 3.2rem
}

.area-subscription-modal__footer .select__dropdown {
    display: none
}

.area-subscription-modal__phases {
    margin-top: 2.4rem;
    position: relative;
    width: 100%
}

.area-subscription-modal__phases.area-subscription-modal__phases--slider-is-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.area-subscription-modal__slider {
    position: relative
}

.area-subscription-modal__slider-list.slider__list {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative
}

.area-subscription-modal__slider-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .8rem
}

.area-subscription-modal__controls {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 10
}

.area-subscription-modal__tile {
    height: 100%
}

.area-subscription-modal__tile:not(:first-child) {
    margin-top: 2.4rem
}

.area-subscription-modal__tile--heading:not(:first-child) {
    margin-top: 4.8rem
}

.area-subscription-modal__list {
    list-style: none;
    margin-top: 3rem
}

.area-subscription-modal__listitem+.area-subscription-modal__listitem {
    margin-top: 1.6rem
}

.area-subscription-modal__listitem .svg-icons-checkmark {
    color: var(--color-positive);
    margin-right: 1.6rem;
    width: 1.2rem
}

.area-subscription-modal__link {
    margin-top: 2rem;
    padding-bottom: 4.8rem
}

.area-subscription-modal__link a {
    color: var(--color-secondary);
    text-decoration: underline
}

.area-subscription-modal__types {
    margin-top: 4.8rem;
    padding-bottom: 2.4rem
}

.area-subscription-modal__form {
    margin-top: 2.4rem
}

.c-area-subscription-tile {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 28.8rem
}

.area-subscription-tile__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2.4rem 2.4rem 3.2rem;
    text-align: center
}

.area-subscription-tile__title {
    margin-top: .8rem
}

.area-subscription-tile__image {
    height: 17.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.area-subscription-tile__label {
    cursor: pointer
}

.area-subscription-tile__checkbox {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.area-subscription-tile__checkbox:checked~.area-subscription-tile__checkmark:after {
    display: block
}

.area-subscription-tile__checkmark {
    background-color: var(--color-white);
    border: .1rem solid var(--color-grey-10);
    border-radius: .3rem;
    color: var(--color-primary);
    height: 3rem;
    pointer-events: none;
    position: absolute;
    right: 1.6rem;
    top: 1.6rem;
    width: 3rem;
    z-index: 1
}

.area-subscription-tile__checkmark:after {
    border: solid var(--color-positive);
    border-width: 0 .3rem .3rem 0;
    content: "";
    display: none;
    height: 1.8rem;
    left: .8rem;
    position: absolute;
    top: .2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 1.2rem
}

.c-area-subscription-row {
    cursor: pointer;
    position: relative;
    width: 100%
}

.area-subscription-row__wrapper,
.c-area-subscription-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.area-subscription-row__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 1.6rem
}

.area-subscription-row__title {
    color: var(--color-grey-90);
    display: block
}

.area-subscription-row__price {
    display: block
}

.area-subscription-row__price .house-price__label.house-price__label--suffix {
    color: var(--color-grey-30)
}

.area-subscription-row__specs {
    color: var(--color-grey-30);
    display: block
}

.area-subscription-row__specs span:not(:last-child):after {
    content: "-";
    margin: 0 .5rem
}

.area-subscription-row__image {
    height: 12.8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 17.4rem
}

.area-subscription-row__label {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.area-subscription-row__checkbox {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.area-subscription-row__checkbox:checked~.area-subscription-row__checkmark:after {
    display: block
}

.area-subscription-row__checkmark {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .8rem;
    position: relative
}

.area-subscription-row__checkmark:before {
    background-color: var(--color-white);
    border: .1rem solid var(--color-grey-10);
    border-radius: .3rem;
    color: var(--color-primary);
    content: "";
    display: block;
    height: 2.4rem;
    margin-right: 1.6rem;
    pointer-events: none;
    width: 2.4rem
}

.area-subscription-row__checkmark:after {
    border: solid var(--color-positive);
    border-width: 0 .3rem .3rem 0;
    content: "";
    display: none;
    height: 1.3rem;
    left: .7rem;
    position: absolute;
    top: .3rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .9rem
}

.area-subscription-cta--loader {
    min-width: 20rem
}

area-subscription-cta .c-button {
    margin-top: 1.6rem
}

.button-toggle--switch {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.button-toggle--switch.button-toggle--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.button-toggle--off .button-toggle__button-off {
    display: block
}

.button-toggle--off .button-toggle__button-on {
    display: none
}

.button-toggle--off.button-toggle--switch .button-toggle__button-off,
.button-toggle--off.button-toggle--switch .button-toggle__button-on {
    display: block
}

.button-toggle--on .button-toggle__button-off {
    display: none
}

.button-toggle--on .button-toggle__button-on,
.button-toggle--on.button-toggle--switch .button-toggle__button-off,
.button-toggle--on.button-toggle--switch .button-toggle__button-on {
    display: block
}

.c-map-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.map-controls__button {
    margin-bottom: .8rem
}

apartments-view {
    display: block
}

.c-apartments-view,
apartments-view {
    height: 100%;
    width: 100%
}

.apartments-view--expanded {
    left: 0;
    position: absolute;
    top: 0
}

.apartments-view--contained {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.c-krpano {
    height: 100%;
    width: 100%
}

.smart-subscription__wrapper {
    color: var(--color-black);
    line-height: 2.7rem;
    max-width: 102rem;
    text-align: left;
    width: 100vw
}

.smart-subscription__close {
    color: var(--color-black);
    position: absolute;
    right: 4rem;
    top: 4rem
}

.smart-subscription__close .svg-icons-close {
    width: 1rem
}

.smart-subscription__header {
    padding: 6rem 4rem
}

.smart-subscription__body {
    padding: 6rem 0
}

.smart-subscription__title {
    color: var(--color-black);
    margin-bottom: 2rem
}

.smart-subscription__subtitle {
    display: block;
    font-weight: 600;
    margin-bottom: 1rem
}

.smart-subscription__divider {
    border: 0;
    border-bottom: .1rem solid var(--color-bg);
    margin-bottom: 4rem
}

.smart-subscription__error {
    color: var(--color-alert);
    font-weight: 600;
    margin-bottom: 2rem
}

.smart-subscription__footer {
    padding: 3rem 4rem 4.5rem
}

.smart-subscription__footer .select__dropdown {
    display: none
}

.smart-subscription__list {
    font-size: 1.4rem;
    list-style: none;
    margin-top: 3rem
}

.smart-subscription__listitem {
    line-height: 2.7rem
}

.smart-subscription__listitem .svg-icons-checkmark {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: top;
    width: 1.5rem
}

.smart-subscription__listitem span {
    display: inline-block;
    width: calc(100% - 4rem)
}

.smart-subscription__link {
    margin-top: 2rem
}

.smart-subscription__link a {
    color: var(--color-secondary);
    text-decoration: underline
}

.c-slider {
    overflow: hidden
}

.slider__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    list-style: none;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.is-touch:not(.is-touch--with-mouse) .slider__list:after {
    -webkit-box-flex: 0;
    content: "";
    display: block;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    height: 1rem
}

.slider__list--no-transition {
    -webkit-transition: none;
    transition: none
}

.slider__control {
    cursor: default;
    opacity: 0;
    pointer-events: all;
    -webkit-transition-property: opacity .25s;
    transition-property: opacity .25s;
    z-index: 10
}

.slider__control.slider__control--light {
    background-color: var(--color-white);
    color: var(--color-black)
}

.slider__control svg {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.is-touch:not(.is-touch--with-mouse) .slider__control {
    display: none
}

.slider__control--is-active {
    cursor: pointer;
    opacity: 1
}

.slider__control--right svg {
    -webkit-transform: rotate(180deg) translateX(0);
    transform: rotate(180deg) translateX(0)
}

zoom-image {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

zoom-image .c-image {
    overflow: visible
}

.zoom-image__button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 2rem;
    position: absolute;
    top: 2rem;
    z-index: 1
}

.zoom-image__zoom-button {
    margin-bottom: 1rem
}

.zoom-image__container {
    display: block;
    height: 100%;
    width: 100%
}

.zoom-image__container:hover {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.zoom-image--zoomed .zoom-image__container {
    -webkit-overflow-scrolling: touch;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    overflow: scroll
}

html:not(.is-touch) .zoom-image--zoomed .zoom-image__container {
    -ms-overflow-style: none;
    scrollbar-width: none
}

html:not(.is-touch) .zoom-image--zoomed .zoom-image__container::-webkit-scrollbar {
    display: none
}

.zoom-image__image {
    -o-object-fit: contain;
    object-fit: contain
}

.zoom-image__image,
.zoom-image__image figure,
.zoom-image__image img {
    height: 100%;
    width: 100%
}

.zoom-image__image img {
    -o-object-fit: contain;
    object-fit: contain
}

.zoom-image--zoomed .zoom-image__image img {
    max-height: none;
    max-width: none
}

bpd-referral {
    color: var(--color-black);
    overflow: hidden;
    position: relative;
    width: 100%
}

.referral__col,
bpd-referral {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.referral__col {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-flex: 0;
    -ms-flex-item-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1);
    transition: .3s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition-property: color, background-color, -webkit-transform;
    transition-property: color, background-color, -webkit-transform;
    transition-property: transform, color, background-color;
    transition-property: transform, color, background-color, -webkit-transform
}

html.is-touch--with-mouse .referral__col:focus,
html.is-touch--with-mouse .referral__col:hover,
html:not(.is-touch) .referral__col:focus,
html:not(.is-touch) .referral__col:hover {
    background-color: var(--color-grey-90);
    color: var(--color-white)
}

.referral__container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.referral__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 2.4rem;
    padding-top: 2.4rem;
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1)
}

.referral__col--left .referral__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.referral__arrow {
    color: var(--color-grey-90);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.referral__arrow--left {
    left: 2.4rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.referral__arrow--right {
    right: 2.4rem
}

.c-video {
    display: block;
    padding-bottom: 56.25%;
    position: relative
}

.c-video .video__image,
.c-video .video__player {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-video iframe,
.c-video video {
    height: 100%;
    width: 100%
}

.c-video .uc-embedding-container {
    height: 100%;
    width: 100%;
    z-index: 1
}

.video__image {
    opacity: 1;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    visibility: visible;
    z-index: 1
}

.video--has-played .video__image {
    opacity: 0;
    visibility: hidden
}

.video__player {
    z-index: 1
}

.video__background {
    background-color: var(--color-black);
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    visibility: visible;
    width: 100%;
    z-index: 1
}

.video--has-played .video__background {
    opacity: 0;
    visibility: hidden
}

.video__play-text {
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .5s cubic-bezier(.55, .085, .68, .53), .5s cubic-bezier(.55, .085, .68, .53), .5s;
    transition: .5s cubic-bezier(.55, .085, .68, .53), .5s cubic-bezier(.55, .085, .68, .53), .5s;
    visibility: visible;
    z-index: 2
}

.video__play-text:after,
.video__play-text:before {
    background-color: var(--color-white)
}

.video__play-text .button__label {
    color: var(--color-white)
}

.video--has-played .video__play-text {
    opacity: 0;
    visibility: hidden
}

html.is-touch--with-mouse .video__play-text:hover .button__label,
html:not(.is-touch) .video__play-text:hover .button__label {
    color: var(--color-white)
}

.video__loader {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--color-grey-5);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 .4rem var(--color-primary);
    box-shadow: inset 0 0 0 .4rem var(--color-primary);
    display: block;
    height: rem(50px);
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .5s cubic-bezier(.55, .085, .68, .53);
    transition: .5s cubic-bezier(.55, .085, .68, .53);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    width: rem(50px);
    z-index: 3
}

.video__loader:after,
.video__loader:before {
    content: "";
    position: absolute
}

.video__loader:before {
    -webkit-animation: video-loader 1.2s cubic-bezier(.215, .61, .355, 1) .9s infinite;
    animation: video-loader 1.2s cubic-bezier(.215, .61, .355, 1) .9s infinite;
    border-radius: rem(52px) 0 0 rem(52px);
    left: -.1rem;
    -webkit-transform-origin: rem(26px) rem(26px);
    transform-origin: rem(26px) rem(26px)
}

.video__loader:after,
.video__loader:before {
    background: var(--color-grey-5);
    height: rem(52px);
    top: -.1rem;
    width: rem(26px)
}

.video__loader:after {
    -webkit-animation: video-loader 1.2s cubic-bezier(.215, .61, .355, 1) infinite;
    animation: video-loader 1.2s cubic-bezier(.215, .61, .355, 1) infinite;
    border-radius: 0 rem(51px) rem(51px) 0;
    left: rem(25px);
    -webkit-transform-origin: 0 rem(26px);
    transform-origin: 0 rem(26px)
}

.video--is-initialised .video__loader {
    opacity: 0;
    pointer-events: none
}

.video--is-initialised .video__loader:after,
.video--is-initialised .video__loader:before {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes video-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes video-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.video__button {
    background-color: var(--color-white);
    border-radius: 7.5rem;
    -webkit-box-shadow: 0 .2rem 1rem 0 rgba(var(--color-black), .3);
    box-shadow: 0 .2rem 1rem 0 rgba(var(--color-black), .3);
    height: 7.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .5s cubic-bezier(.55, .085, .68, .53), .5s cubic-bezier(.55, .085, .68, .53), 0ms .5s;
    transition: .5s cubic-bezier(.55, .085, .68, .53), .5s cubic-bezier(.55, .085, .68, .53), 0ms .5s;
    -webkit-transition-property: opacity, visibility, -webkit-box-shadow;
    transition-property: opacity, visibility, -webkit-box-shadow;
    transition-property: box-shadow, opacity, visibility;
    transition-property: box-shadow, opacity, visibility, -webkit-box-shadow;
    width: 7.5rem;
    z-index: 2
}

html.is-touch--with-mouse .video__button:hover,
html:not(.is-touch) .video__button:hover {
    -webkit-box-shadow: 0 0 0 0 rgba(var(--color-black), 0);
    box-shadow: 0 0 0 0 rgba(var(--color-black), 0)
}

.has--keyboard-focus .video__button:focus .video__button-icon,
.video__button-icon,
html.is-touch--with-mouse .video__button:hover .video__button-icon,
html:not(.is-touch) .video__button:hover .video__button-icon {
    color: var(--color-primary)
}

.video__button-icon {
    display: block;
    font-size: 3rem;
    left: calc(50% + .1rem);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .5s cubic-bezier(.55, .085, .68, .53);
    transition: .5s cubic-bezier(.55, .085, .68, .53);
    -webkit-transition-property: color, border;
    transition-property: color, border;
    z-index: 2
}

.video__button--play {
    opacity: 1;
    -webkit-transition: .5s cubic-bezier(.55, .085, .68, .53), .5s cubic-bezier(.55, .085, .68, .53), .5s;
    transition: .5s cubic-bezier(.55, .085, .68, .53), .5s cubic-bezier(.55, .085, .68, .53), .5s;
    visibility: visible
}

.video__button--play .video__button-icon {
    border-bottom: .9rem solid transparent;
    border-left: 1.8rem solid var(--color-primary);
    border-right: 0 solid transparent;
    border-top: .9rem solid transparent;
    height: 1.8rem;
    width: 1.8rem
}

.video--has-played .video__button--play {
    opacity: 0;
    visibility: hidden
}

.has--keyboard-focus .video__button--play:focus .video__button-icon,
html.is-touch--with-mouse .video__button--play:hover .video__button-icon,
html:not(.is-touch) .video__button--play:hover .video__button-icon {
    border-left-color: var(--color-primary)
}

.contact-buttons__button {
    margin-bottom: 1.6rem
}

.contact-buttons__button:last-child {
    margin-bottom: 0
}

.contact-buttons__button:hover .contact-buttons__icon {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.contact-buttons__icon {
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    color: var(--color-primary);
    height: 4rem;
    margin-right: 1.6rem;
    -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1), background-color;
    transition: .2s cubic-bezier(.215, .61, .355, 1), background-color;
    width: 4rem
}

.contact-buttons__icon .svg {
    display: block;
    height: 3rem;
    -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1), color;
    transition: .2s cubic-bezier(.215, .61, .355, 1), color;
    width: 3rem
}

.slider-embla__container {
    overflow: hidden;
    position: relative
}

.slider-embla__container ::-webkit-scrollbar {
    width: 0
}

.slider-embla__container:after,
.slider-embla__container:before {
    bottom: 0;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 2rem;
    z-index: 1
}

.slider-embla--full-height .slider-embla__container,
.slider-embla--vertical .slider-embla__container {
    height: 100%
}

.slider-embla--vertical .slider-embla__container:after,
.slider-embla--vertical .slider-embla__container:before {
    bottom: auto;
    height: 2rem;
    left: 0;
    right: 0;
    top: auto;
    width: auto
}

.slider-embla--fade-start .slider-embla__container:before {
    background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(var(--color-white)));
    background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0) 0, var(--color-white) 100%);
    left: 0;
    opacity: 1
}

.slider-embla--fade-end .slider-embla__container:after {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(var(--color-white)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, var(--color-white) 100%);
    opacity: 1;
    right: 0
}

.slider-embla--vertical.slider-embla--fade-start .slider-embla__container:before {
    background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), to(var(--color-white)));
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0) 0, var(--color-white) 100%);
    opacity: 1;
    top: 0
}

.slider-embla--vertical.slider-embla--fade-end .slider-embla__container:after {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(var(--color-white)));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, var(--color-white) 100%);
    bottom: 0;
    opacity: 1
}

.slider-embla__slider ::-webkit-scrollbar {
    width: 0
}

.slider-embla--full-height .slider-embla__slider,
.slider-embla--vertical .slider-embla__slider {
    height: 100%
}

.slider-embla__slider-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.slider-embla__slider-inner ::-webkit-scrollbar {
    width: 0
}

.slider-embla--full-height .slider-embla__slider-inner,
.slider-embla--vertical .slider-embla__slider-inner {
    height: 100%
}

.slider-embla__slide {
    display: block;
    height: auto;
    position: relative;
    width: 100%
}

.slider-embla--full-height .slider-embla__slide,
.slider-embla--full-height .slider-embla__slide-inner {
    height: 100%
}

.slider-embla__control--down svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.slider-embla__control--right svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-embla__control--up svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

area-subscription-de {
    display: block;
    width: 100%
}

.area-subscription-de__subtitle {
    margin-top: 2.4rem
}

.area-subscription-de__form {
    margin-top: 1.6rem;
    width: 100%
}

.area-subscription-de__form-item {
    display: none
}

.area-subscription-de--expanded-signup .area-subscription-de__form-item {
    display: block
}

.area-subscription-de__form-item .form__item {
    color: var(--color-black);
    margin-bottom: 0
}

.area-subscription-de__form-item .form__item-error {
    color: var(--color-white);
    position: relative
}

.area-subscription-de__form-item .c-radio {
    color: var(--color-white);
    margin-top: 1.6rem
}

.area-subscription-de__form-item--email,
.area-subscription-de__form-item--submit {
    display: block
}

.area-subscribe-de__modal-title {
    margin-bottom: 2.4rem
}

.area-subscription-de__disclaimer {
    grid-area: disclaimer
}

.area-subscription-de__disclaimer a:link {
    text-decoration: underline
}

.area-subscription-de__disclaimer a:focus,
.area-subscription-de__disclaimer a:hover {
    text-decoration: none
}

.c-accordeon-item {
    border-bottom: 1px solid var(--color-grey-10);
    padding: 2.4rem 0
}

.accordeon-item__subitem {
    padding-top: 2.4rem
}

.accordeon-item__subitem:not(:last-of-type) {
    border-bottom: 1px solid var(--color-grey-10);
    padding-bottom: 2.4rem
}

.accordeon-item__toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    width: 100%
}

.accordeon-item__toggle:after,
.accordeon-item__toggle:before {
    background-color: var(--color-black);
    content: "";
    height: .2rem;
    position: absolute;
    top: 1.6rem;
    -webkit-transition: rotate .3s ease;
    transition: rotate .3s ease;
    width: 1rem
}

.accordeon-item__toggle:before {
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.accordeon-item__toggle:after {
    right: .6rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordeon-item__toggle:hover[aria-expanded=false] {
    color: var(--color-primary)
}

.accordeon-item__toggle:hover.accordeon-item__sub[aria-expanded=false] {
    color: var(--color-secondary)
}

.accordeon-item__toggle[aria-expanded=true] {
    color: var(--color-primary)
}

.accordeon-item__toggle[aria-expanded=true]:after,
.accordeon-item__toggle[aria-expanded=true]:before {
    background-color: var(--color-primary);
    right: 0;
    width: 1.6rem
}

.accordeon-item__toggle[aria-expanded=true]:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.accordeon-item__toggle[aria-expanded=true]:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordeon-item__toggle.accordeon-item__sub[aria-expanded=true] {
    color: var(--color-secondary)
}

.accordeon-item__toggle.accordeon-item__sub[aria-expanded=true]:after,
.accordeon-item__toggle.accordeon-item__sub[aria-expanded=true]:before {
    background-color: var(--color-secondary)
}

.accordeon-item__toggle>* {
    text-align: left
}

.accordeon-item__content {
    background-color: var(--color-grey-5);
    margin-top: 2.4rem;
    padding: 2.4rem
}

.agenda-card__icon,
.c-agenda-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.agenda-card__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 2.4rem
}

.agenda-card__icon .svg-icons-calendar {
    color: var(--color-white)
}

.agenda-card__details {
    background-color: var(--color-white);
    padding: .8rem 1.6rem
}

.c-status-bar {
    position: relative
}

.status-bar__progress {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-grey-10);
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: .8rem;
    padding-top: .8rem;
    position: -webkit-sticky;
    position: sticky;
    top: 6.5rem;
    z-index: 99
}

.status-bar__indicator,
.status-bar__progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.status-bar__indicator {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none;
    position: relative;
    width: 5.6rem
}

.status-bar__indicator+.status-bar__indicator:before {
    content: "";
    display: block;
    height: 1px;
    left: 0;
    pointer-events: auto;
    position: absolute;
    top: .8rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4rem
}

.status-bar__indicator+.status-bar__indicator.status-bar__indicator--unchecked:before {
    background-color: var(--color-grey-30)
}

.status-bar__indicator+.status-bar__indicator.status-bar__indicator--checked:before,
.status-bar__indicator+.status-bar__indicator.status-bar__indicator--checking:before {
    background-color: var(--color-primary)
}

.status-bar-indicator__icon-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: auto;
    width: 1.6rem
}

.status-bar__indicator--unchecked .status-bar-indicator__icon-wrapper {
    background-color: transparent;
    border-color: var(--color-grey-30)
}

.status-bar__indicator--checking .status-bar-indicator__icon-wrapper {
    background-color: transparent;
    border-color: var(--color-primary)
}

.status-bar__indicator--checked .status-bar-indicator__icon-wrapper {
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.status-bar-indicator__icon {
    height: .6rem;
    width: .8rem
}

.status-bar__indicator--checking .status-bar-indicator__icon,
.status-bar__indicator--unchecked .status-bar-indicator__icon {
    color: transparent
}

.status-bar__indicator--checked .status-bar-indicator__icon {
    color: var(--color-black)
}

.status-bar-indicator__title {
    display: none
}

.status-bar-item__divider {
    background-color: var(--color-grey-10);
    height: 1px;
    width: 100%
}

.site-picker-modal__wrapper {
    max-height: 120rem;
    max-width: 70rem;
    padding: 20px
}

.site-picker-modal__list {
    -ms-overflow-style: none;
    list-style: none;
    min-height: 20rem;
    overflow-y: scroll;
    padding: 0 .8rem;
    scrollbar-width: none
}

.site-picker-modal__list::-webkit-scrollbar {
    display: none
}

.site-picker-modal__list-item {
    height: 5.2rem
}

.site-picker-modal__list-item:hover {
    background-color: var(--color-bg);
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.site-picker-modal__list-item+.site-picker-modal__list-item {
    border-top: .1rem solid var(--color-grey-20)
}

.site-picker-modal__list-item-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.site-picker-modal__list-item-image-wrapper {
    aspect-ratio: 1.4;
    height: 100%;
    margin-right: .8rem;
    padding: .8rem
}

.site-picker-modal__list-item-image {
    height: 100%;
    width: 100%
}

.c-partner,
.partner__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.partner__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    height: 5.2rem;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 5.2rem;
    padding: 1.2rem;
    width: 5.2rem
}

.c-list {
    list-style-type: none
}

.list__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .8rem
}

.list__checkmark {
    color: var(--color-positive);
    height: .9rem;
    margin-right: 1.6rem;
    width: 1.3rem
}

map-panel {
    display: block;
    overflow: hidden;
    -webkit-transition: width .35s ease-in-out;
    transition: width .35s ease-in-out;
    width: 31rem
}

map-panel+map-panel {
    border-top: 1px solid var(--color-grey-10)
}

.map-panel__content {
    background-color: var(--color-bg);
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.map-panel__content--no-padding {
    padding-left: 0;
    padding-right: 0
}

.map-panel__button {
    height: 6.4rem;
    position: relative;
    width: 100%
}

.map-panel__button-inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.map-panel__button-icon,
.map-panel__button-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.map-panel__button-icon {
    margin-right: 2rem
}

.map-panel__button-label:first-letter {
    text-transform: uppercase
}

.map-panel__arrow {
    position: absolute;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    -webkit-transition-property: -webkit-transform opacity;
    transition-property: -webkit-transform opacity;
    transition-property: transform opacity;
    transition-property: transform opacity, -webkit-transform opacity
}

.map-panel--collapse-width .map-panel__arrow {
    opacity: 0
}

.map-panel--expanded>.map-panel__button .map-panel__arrow {
    opacity: 1;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.map-panel__arrow .svg {
    height: 2rem;
    width: 1.2rem
}

.map-panel__button-total {
    display: none
}

.map-panel__button-total:not(:empty) {
    background-color: var(--color-secondary);
    border-radius: 50%;
    color: var(--color-white);
    display: block;
    height: 3.2rem;
    line-height: 3.2rem;
    position: absolute;
    right: 4.8rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.2rem
}

.c-map-card {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    position: relative
}

.map-card__content {
    padding-bottom: 2.4rem
}

.map-card__status {
    display: block;
    min-height: 1.7rem
}

.map-card__main-content {
    margin-top: 1.6rem
}

.map-card__price {
    margin-top: .4rem
}

.map-card__close {
    position: absolute;
    right: .8rem;
    top: .8rem
}

.map-card__image-container {
    height: 0;
    padding-bottom: 64%;
    position: relative;
    width: 100%
}

.map-card__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.map-card__specs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.map-card__spec {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    padding: .8rem;
    text-align: center
}

.map-card__spec+.map-card__spec {
    margin-left: 1.6rem
}

.woonconfigurator-wrapper__iframe {
    height: 74rem;
    padding: 0;
    width: 100%
}

.c-map-search {
    position: relative
}

.map-search__button {
    color: var(--color-black);
    position: absolute;
    right: 1.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.map-search__button .svg-icons-search {
    height: 1.2rem
}

.map-search__suggestions-container {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.map-search__suggestions {
    background-color: var(--color-white);
    list-style: none
}

.map-search__suggestion {
    display: block
}

.map-search__suggestion button {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.71;
    padding: 1.6rem;
    text-align: left;
    width: 100%
}

html.is-touch--with-mouse .map-search__suggestion button:focus,
html.is-touch--with-mouse .map-search__suggestion button:hover,
html:not(.is-touch) .map-search__suggestion button:focus,
html:not(.is-touch) .map-search__suggestion button:hover {
    background-color: rgba(50, 193, 222, .1)
}

.c-hotjar-survey {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.hotjar-survey__cta {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    margin-top: 1.2rem
}

.c-brochure-download {
    text-align: center
}

.brochure-download__document-list {
    background-color: var(--color-grey-5);
    margin-bottom: 4.8rem;
    padding: 1.6rem 1.6rem 0;
    text-align: left
}

.footer__main {
    background-color: var(--color-grey-90);
    color: var(--color-white);
    padding: 2.4rem 0 3.2rem
}

.footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.footer__content {
    text-align: center
}

.footer__content-item {
    display: block
}

.footer__content-item a:link,
.footer__content-item strong {
    font-weight: 600
}

.footer__content-item+.footer__content-item {
    margin-top: 1.6rem
}

.footer__checkmark {
    color: var(--color-positive);
    height: .9rem;
    margin-right: .2rem;
    width: 1.3rem
}

.footer__contact-icons {
    display: none
}

.footer__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.footer__social-item {
    margin-top: 3.2rem;
    padding: 0 .4rem
}

.footer__social-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-white);
    border-radius: 50%;
    color: var(--color-black);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3.6rem;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: none;
    transition: none;
    width: 3.6rem
}

html.is-touch--with-mouse .footer__social-icon:hover,
html:not(.is-touch) .footer__social-icon:hover {
    background-color: var(--color-primary-hover);
    color: var(--color-white)
}

.footer__sub {
    padding: 2.4rem 0
}

.footer__sub-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.footer__logo-container,
.footer__menu,
.footer__sub-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer__logo-container,
.footer__menu {
    list-style: none
}

.footer__menu-item {
    line-height: 1
}

.footer__logo-item img {
    max-height: 3.4rem
}

bpd-header {
    display: block;
    height: 6.5rem;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: -webkit-transform 0s linear;
    transition: -webkit-transform 0s linear;
    transition: transform 0s linear;
    transition: transform 0s linear, -webkit-transform 0s linear;
    width: 100%;
    will-change: transform;
    z-index: 100
}

bpd-header.header--transparent:before {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey-90)), to(rgba(30, 30, 30, 0)));
    background: linear-gradient(180deg, var(--color-grey-90) 0, rgba(30, 30, 30, 0) 100%);
    content: "";
    display: block;
    height: 12rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: transform .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

.c-header {
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-grey-10);
    color: var(--color-black);
    height: 100%
}

.header--transparent .c-header {
    background-color: transparent;
    border-bottom: 0
}

.header--navigation-is-active .header--transparent .c-header {
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-grey-10)
}

body:not(.header--navigation-is-active) .header--transparent .c-header {
    color: var(--color-white)
}

.header__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: 1.6rem;
    position: relative
}

.header__logo {
    display: block;
    height: calc(100% - 3.2rem);
    position: relative
}

.header--navigation-is-active .header__logo {
    z-index: 1
}

.header--navigation-is-active .header--district .header__logo {
    opacity: 0
}

.header__logo-img--light {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

.header--transparent .header__logo-img--light {
    opacity: 1
}

.header--navigation-is-active .header__logo-img--light {
    opacity: 0
}

.header__logo-img--dark {
    display: block;
    height: 100%;
    opacity: 1;
    position: relative;
    -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
    z-index: 2
}

.header--transparent .header__logo-img--dark {
    opacity: 0
}

.header--navigation-is-active .header__logo-img--dark {
    opacity: 1
}

.header__back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 6.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 6.5rem);
    z-index: 101
}

.header__back-link {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 6.5rem;
    -ms-flex: 0 0 6.5rem;
    flex: 0 0 6.5rem;
    height: 100%;
    position: relative
}

html.is-touch--with-mouse .header__back-link:hover .header__back-icon,
html:not(.is-touch) .header__back-link:hover .header__back-icon {
    -webkit-transform: translateX(-.3rem) rotate(180deg);
    transform: translateX(-.3rem) rotate(180deg)
}

.header__back-icon {
    height: 1.2rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .1s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s cubic-bezier(.215, .61, .355, 1);
    width: .8rem
}

.header__back-title {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.33;
    max-width: calc(100% - 6.5rem);
    text-align: center
}

.header__back-title span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header__navigation {
    -webkit-box-flex: 1;
    background-color: var(--color-white);
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: calc(100vh - 6.5rem);
    left: 0;
    padding-top: 2.8rem;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: transform .4s cubic-bezier(.215, .61, .355, 1);
    transition: transform .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

.header--navigation-is-active .header__navigation {
    -webkit-transform: translateY(6.5rem);
    transform: translateY(6.5rem)
}

.header__mobile-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5.6rem;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .4s cubic-bezier(.215, .61, .355, 1);
    transition: .4s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition-property: -webkit-transform opacity;
    transition-property: -webkit-transform opacity;
    transition-property: transform opacity;
    transition-property: transform opacity, -webkit-transform opacity;
    width: 100%
}

.header--navigation-is-active .header__mobile-actions {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.header__alerts,
.header__wishlist {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.header__profile {
    width: 100%
}

.header__menu-trigger {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 6.5rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 6.5rem
}

.header__menu-trigger-icon {
    height: .3rem;
    margin-right: .8rem;
    pointer-events: none;
    position: relative;
    width: 2.7rem
}

.header__menu-trigger-line {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.header__menu-trigger-line,
.header__menu-trigger-line:after,
.header__menu-trigger-line:before {
    background-color: currentColor;
    height: .2rem;
    position: absolute;
    right: 0;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: width, color, -webkit-transform;
    transition-property: width, color, -webkit-transform;
    transition-property: transform, width, color;
    transition-property: transform, width, color, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 1.6rem
}

.header__menu-trigger-line:after,
.header__menu-trigger-line:before {
    content: "";
    display: block
}

.header__menu-trigger-line:before {
    top: .6rem;
    -webkit-transition: width 50ms, top 75ms ease .12s, opacity 75ms ease;
    transition: width 50ms, top 75ms ease .12s, opacity 75ms ease
}

.header__menu-trigger-line:after {
    bottom: .6rem;
    -webkit-transition: width 50ms ease, bottom 75ms ease .12s, -webkit-transform 75ms ease;
    transition: width 50ms ease, bottom 75ms ease .12s, -webkit-transform 75ms ease;
    transition: width 50ms ease, bottom 75ms ease .12s, transform 75ms ease;
    transition: width 50ms ease, bottom 75ms ease .12s, transform 75ms ease, -webkit-transform 75ms ease
}

.header--navigation-is-active .header__menu-trigger-line {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.header--navigation-is-active .header__menu-trigger-line:before {
    opacity: 0;
    top: 0;
    -webkit-transition: top 75ms ease, opacity 75ms ease .12s;
    transition: top 75ms ease, opacity 75ms ease .12s
}

.header--navigation-is-active .header__menu-trigger-line:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.c-hero {
    position: relative;
    text-align: center
}

.c-hero.hero--full-height {
    height: calc(100vh - 6.5rem)
}

.has--transparent-header .c-hero.hero--full-height {
    height: 100vh
}

.c-hero.hero--fixed-height {
    height: 41.5rem
}

.has--transparent-header .c-hero.hero--fixed-height {
    height: 62rem
}

.c-hero.hero--fit-aspect-ratio {
    height: 48rem
}

.hero__background {
    height: 100%;
    width: 100%
}

.hero__background .c-image {
    height: 100%
}

.hero__background:has(.uc-embedding-container) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.hero__background:has(.uc-embedding-container) .uc-embedding-container {
    max-height: none
}

.hero__background:has(.uc-embedding-container) .video__button {
    display: none
}

.hero__overlay-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0)), to(rgba(30, 30, 30, .8)));
    background: linear-gradient(180deg, rgba(30, 30, 30, 0), rgba(30, 30, 30, .8));
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    left: 0;
    max-width: none;
    padding-bottom: 4.8rem;
    padding-top: 4.8rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1
}

.hero--title-center .hero__overlay-wrapper {
    height: 100%
}

.hero__text-content-grid {
    -ms-flex-item-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-align-self: center;
    align-self: center;
    color: var(--color-grey-5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    max-width: 1440px;
    width: 100%
}

.hero--title-center .hero__text-content-grid,
.hero__title-row {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.hero__title-row {
    margin-bottom: .8rem
}

.hero--title-center .hero__title-row,
.hero__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.hero__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.hero__cta-bar {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    color: var(--color-grey-5);
    display: grid;
    gap: 1.6rem;
    grid-template-areas: "cta-middle" "cta-first";
    grid-template-columns: 100%;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    margin-top: 1.6rem;
    width: 100%
}

.hero__cta {
    pointer-events: auto
}

.hero__cta--first {
    grid-area: cta-first
}

.hero__cta--middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: cta-middle;
    -webkit-justify-content: center;
    justify-content: center
}

.hero__cta--last {
    display: none
}

.hero__cta-middle-label {
    margin-bottom: 1.6rem
}

.hero__cta-last-label {
    margin-right: 1.6rem
}

.hero__cta-last-date-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 2.4rem
}

.c-hero-video.hero-video--full-height,
.has--transparent-header .c-hero-video.hero-video--full-height {
    height: 48rem;
    overflow: hidden
}

.hero-video--full-height .hero-video__video {
    height: 48rem;
    padding-bottom: 0;
    width: 100%
}

.hero-video--full-height .hero-video__video .video__player {
    height: 48rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.hero-video--has-mobile-placeholder .hero-video__video {
    display: none
}

.hero-video--has-mobile-placeholder .c-image {
    height: auto
}

.hero-video--has-mobile-placeholder .hero-video__image {
    display: block
}

.c-contact {
    padding-bottom: 2.4rem;
    padding-top: 4.8rem
}

.contact__contact-links {
    margin-bottom: 2.4rem
}

.contact__links-subtitle {
    margin-bottom: 1.6rem
}

.contact__links-title {
    margin-bottom: .8rem
}

.c-property-card-slider {
    position: relative
}

.property-card-slider__list.slider__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.property-card-slider__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1.6rem;
    width: 25rem
}

.property-card-slider__controls {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 2
}

.interhyp__cta {
    margin-top: 1.6rem;
    max-width: 32rem
}

.interhyp__figure {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-grey-5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 21rem;
    -webkit-justify-content: center;
    justify-content: center
}

.interhyp__image {
    margin-bottom: -4rem
}

.interhyp__title-right {
    margin-top: 3.2rem
}

.interhyp__tooltip {
    margin-left: 0
}

.c-vkk-overlay {
    display: block;
    padding-bottom: 8rem;
    text-align: center
}

.vkk-overlay__image {
    height: 8.5rem;
    margin-bottom: 4.6rem;
    width: 100%
}

.vkk-overlay__submit {
    background-color: var(--color-white);
    bottom: 0;
    -webkit-box-shadow: 0 -.2rem .4rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -.2rem .4rem 0 rgba(0, 0, 0, .1);
    left: 0;
    padding: 1.5rem 3rem;
    position: fixed;
    right: 0;
    z-index: 10
}

.c-flyin-user-journey {
    display: block
}

.c-house-characteristics {
    color: var(--color-black)
}

.house-characteristics__title {
    margin-bottom: 1.6rem
}

.house-characteristics__cta-bar {
    margin-top: 2.4rem
}

.house-characteristics__cta {
    margin-right: 1.6rem
}

.house-characteristics__cta:last-child {
    margin-right: 0
}

.house-characteristics__compare {
    margin-top: 2.4rem
}

hero-hotspot {
    display: block
}

.hero-hotspot__container {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    overflow: scroll;
    scrollbar-width: none;
    width: 100%
}

.hero-hotspot__container::-webkit-scrollbar {
    display: none
}

.hero-hotspot--crop-vertically .hero-hotspot__container {
    overflow: hidden
}

.hero-hotspot__background {
    height: 100%;
    position: relative
}

.hero-hotspot--crop-vertically .hero-hotspot__background {
    height: auto;
    width: 100%
}

.hero-hotspot__image {
    display: block;
    height: 100%
}

.hero-hotspot__image figure {
    height: 100%
}

.hero-hotspot__image img {
    height: 100%;
    max-width: none;
    width: auto
}

.hero-hotspot--crop-vertically .hero-hotspot__image,
.hero-hotspot--crop-vertically .hero-hotspot__image figure {
    height: auto
}

.hero-hotspot--crop-vertically .hero-hotspot__image img {
    height: auto;
    width: 100%
}

.hero-hotspot__image .image__ghost {
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none
}

.hero-hotspot__marker {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
}

html.is-touch--with-mouse .hero-hotspot__marker:focus,
html.is-touch--with-mouse .hero-hotspot__marker:hover,
html:not(.is-touch) .hero-hotspot__marker:focus,
html:not(.is-touch) .hero-hotspot__marker:hover {
    -webkit-transform: translateX(-50%) translateY(-50%) translateY(-.5rem);
    transform: translateX(-50%) translateY(-50%) translateY(-.5rem)
}

hero-apartment {
    display: block;
    height: 100%;
    width: 100%
}

hero-apartment .apartments-view__navigation {
    top: 12rem
}

.hero-blocks__image-grid {
    display: grid;
    gap: 1.6rem;
    grid-template-areas: "img-top img-top" "img-bottom-left img-bottom-right";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 55% 45%;
    height: 100%;
    overflow: hidden
}

.hero-blocks__image--top {
    grid-area: img-top
}

.hero-blocks__image--bottom-left {
    grid-area: img-bottom-left
}

.hero-blocks__image--bottom-right {
    grid-area: img-bottom-right
}

.c-hero-vr {
    display: block
}

.hero-vr__vr-view {
    display: block;
    height: 100%;
    width: 100%
}

.c-hero-carousel {
    display: block
}

.hero-carousel__slider {
    position: relative
}

.hero-carousel__image {
    width: 100vw
}

.hero-carousel__slider-control--left {
    bottom: 0;
    left: 0;
    position: absolute
}

.hero-carousel__slider-control--right {
    bottom: 0;
    position: absolute;
    right: 0
}

.hero-contact__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.hero-contact__container {
    margin-top: -12.8rem;
    position: relative;
    z-index: 1
}

.hero-contact__block {
    background-color: var(--color-white);
    padding-bottom: 4.8rem;
    padding-top: 2.8rem;
    text-align: center
}

.hero-contact__title {
    margin-bottom: .4rem
}

.hero-contact__content {
    margin-bottom: 1.6rem
}

.hero-contact__phone {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-primary);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.hero-contact__phone span {
    padding-left: 1.6rem
}

.hero-contact__icon {
    height: 3.2rem;
    width: 3.2rem
}

.hero-contact__cta {
    margin-top: 2.4rem
}

.c-section-carousel {
    position: relative
}

.section-carousel__control {
    bottom: 0;
    position: absolute;
    z-index: 1
}

.section-carousel__control--left {
    left: 0
}

.section-carousel__control--right {
    right: 0
}

.section-carousel__slide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.c-section-vr {
    height: 0;
    padding-bottom: 50%;
    position: relative;
    width: 100%
}

.section-vr__inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-section-video:has(.uc-embedding-container) .uc-embedding-container {
    max-height: none
}

.c-section-video:has(.uc-embedding-container) .video__button {
    display: none
}

.c-section-agenda {
    background-color: var(--color-grey-5);
    padding-bottom: 5.6rem;
    padding-top: 4.8rem
}

.c-message-form-inline {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.message-form-inline__title {
    margin-bottom: 2.4rem
}

message-form-inline {
    display: block;
    min-height: 49.3rem
}

.collage__col {
    padding: 0 !important
}

.collage__image--bg {
    padding: 2.4rem
}

.collage__image--text {
    padding: 3.2rem 1.6rem
}

.faq__input-container {
    position: relative
}

.faq__input-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.faq__input-button:after,
.faq__input-button:before {
    display: none
}

.faq__input-button .button__icon {
    margin: 0
}

.faq__input-button .svg-icons-search {
    height: 1.2rem;
    width: 1.2rem
}

.text-block-colored__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-bottom: 4.8rem;
    padding-top: 4.8rem
}

.text-block-colored__col--first {
    background-color: var(--color-primary)
}

.text-block-colored__col--last {
    background-color: var(--color-secondary)
}

.t-theme-classic .text-block-colored__col--last,
.t-theme-modern .text-block-colored__col--last,
.t-theme-raw .text-block-colored__col--last,
.t-theme-urban .text-block-colored__col--last {
    color: var(--color-white)
}

.t-theme-sustainable .text-block-colored__col--last .text-block-colored__title:before {
    border-bottom: .1rem solid var(--color-primary)
}

.t-theme-raw .text-block-colored__col--last .text-block-colored__title {
    border-bottom: .6rem solid var(--color-primary)
}

.text-block-colored__title {
    margin-bottom: 1.6rem
}

.c-text-block-image {
    color: var(--color-white);
    position: relative
}

.text-block-image__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.text-block-image__content-container {
    padding-bottom: 4.8rem;
    padding-top: 4.8rem;
    position: relative
}

.wishlist__loading-state {
    z-index: 10
}

.wishlist-favourite-button__button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--color-bg);
    border: 0;
    color: var(--color-grey-30);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.wishlist-favourite-button__button .svg-icons-heart {
    -webkit-animation: fadeIn .2s;
    animation: fadeIn .2s;
    height: .9rem;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.wishlist-favourite-button__button.is-loading .svg-icons-heart {
    opacity: 0
}

[is-added] .wishlist-favourite-button__button {
    color: var(--color-progression)
}

.wishlist-favourite-button__button:after {
    background-color: var(--color-white)
}

.wishlist-favourite-button__count {
    color: var(--color-black);
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.33;
    margin: -.3rem 0 .2rem
}

.is-loading .wishlist-favourite-button__count {
    opacity: 0
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.c-wishlist-toggle-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--color-grey-50);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

[is-added] .c-wishlist-toggle-icon svg {
    color: var(--color-progression)
}

.c-wishlist-toggle svg {
    color: var(--color-grey-50);
    -webkit-transition: color .3s cubic-bezier(.215, .61, .355, 1);
    transition: color .3s cubic-bezier(.215, .61, .355, 1)
}

.c-wishlist-toggle .button__label {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

.c-wishlist-toggle .svg-icons-heart-plus {
    height: 2rem;
    width: 2rem
}

[is-added] .c-wishlist-toggle svg {
    color: var(--color-progression)
}

html.is-touch--with-mouse .c-wishlist-toggle:hover .button__icon,
html:not(.is-touch) .c-wishlist-toggle:hover .button__icon {
    -webkit-transform: none;
    transform: none
}

.wishlist-toggle__label--is-added,
[is-added] .wishlist-toggle__label {
    display: none
}

[is-added] .wishlist-toggle__label--is-added {
    display: block
}

.c-project-heading,
.project-heading__count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.project-heading__count {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--color-grey-10);
    border-radius: 50%;
    color: var(--black);
    height: 4rem;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 2.1rem;
    width: 4rem
}

.project-heading__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flyin-wishlist__subscription-box {
    margin-bottom: 3.2rem
}

.flyin-wishlist__card {
    margin-bottom: 1.6rem
}

bpd-properties {
    display: block;
    position: relative;
    width: 100%
}

.properties__header {
    background-color: var(--color-grey-5);
    position: -webkit-sticky;
    position: sticky;
    top: 6.5rem;
    width: 100%;
    z-index: 10
}

.properties__view {
    position: relative
}

bpd-compare {
    background-color: var(--color-grey-5);
    min-height: 100vh
}

bpd-compare,
compare-open-button {
    display: block
}

.compare-open-button__total {
    background-color: var(--color-grey-90);
    border-radius: 50%;
    color: var(--color-white);
    display: inline-block;
    font-size: 1rem;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-left: .4rem;
    width: 1.6rem
}

.compare-open-button__total:empty {
    display: none
}

.c-area-map {
    height: 150vw;
    position: relative;
    width: 100%
}

.c-area-subscription {
    display: block;
    text-align: center;
    width: 100%
}

.c-area-subscription.u-sr-only {
    pointer-events: none;
    top: 0
}

.s-rich-text h1,
.s-rich-text h2,
.s-rich-text h3,
.s-rich-text h4 {
    color: inherit;
    margin-bottom: 1.6rem
}

.s-rich-text p {
    margin-bottom: 0
}

.s-rich-text p+h3,
.s-rich-text p+h4,
.s-rich-text p+ul {
    margin-top: 1.6rem
}

.s-rich-text ul {
    margin-bottom: 1.6rem;
    padding-left: 1.6rem
}

.s-rich-text ul li {
    margin-bottom: .5rem
}

.s-rich-text a:link,
.s-rich-text b,
.s-rich-text strong {
    font-weight: 600
}

.s-rich-text a {
    text-decoration: underline
}

html.is-touch--with-mouse .s-rich-text a:hover,
html:not(.is-touch) .s-rich-text a:hover {
    text-decoration: none
}

.s-rich-text table {
    border: 0;
    border-collapse: collapse;
    border-top: .2rem solid var(--color-bg);
    display: block;
    margin-bottom: 2rem
}

.s-rich-text table caption {
    color: var(--color-grey-50);
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1rem;
    text-align: left
}

.s-rich-text table td,
.s-rich-text table th {
    border: 0;
    padding: .5rem 1rem;
    text-align: left
}

.s-rich-text table th {
    background-color: var(--color-bg);
    color: var(--color-black);
    font-size: 1.4rem;
    font-weight: 400
}

.s-rich-text table tr {
    width: 100%
}

.s-rich-text table tr:not(:first-of-type) {
    border-bottom: .1rem solid var(--color-bg)
}

.rich-text--sf-fix p:last-child {
    margin-top: 0
}

.modal-wrapper__content .s-content-page .o-container {
    margin: 0;
    padding: 0
}

.modal-wrapper__content .s-content-page .c-section-block,
.s-content-page .c-section-block:not(:first-child) {
    padding-top: 0
}

.u-background--primary {
    background-color: var(--color-primary)
}

.u-background--primary-hover {
    background-color: var(--color-primary-hover)
}

.u-background--secondary {
    background-color: var(--color-secondary)
}

.u-background--secondary-hover {
    background-color: var(--color-secondary-hover)
}

.u-background--tertiary {
    background-color: var(--color-tertiary)
}

.u-background--bg {
    background-color: var(--color-bg)
}

.u-background--alert {
    background-color: var(--color-alert)
}

.u-background--progression {
    background-color: var(--color-progression)
}

.u-background--attention {
    background-color: var(--color-attention)
}

.u-background--positive {
    background-color: var(--color-positive)
}

.u-background--positive-light {
    background-color: var(--color-positive-light)
}

.u-background--black {
    background-color: var(--color-black)
}

.u-background--grey-90 {
    background-color: var(--color-grey-90)
}

.u-background--grey-50 {
    background-color: var(--color-grey-50)
}

.u-background--grey-30 {
    background-color: var(--color-grey-30)
}

.u-background--grey-20 {
    background-color: var(--color-grey-20)
}

.u-background--grey-10 {
    background-color: var(--color-grey-10)
}

.u-background--grey-5 {
    background-color: var(--color-grey-5)
}

.u-background--white {
    background-color: var(--color-white)
}

.u-background--pinterest {
    background-color: var(--color-pinterest)
}

.u-background--email {
    background-color: var(--color-email)
}

.u-background--facebook {
    background-color: var(--color-facebook)
}

.u-background--whatsapp {
    background-color: var(--color-whatsapp)
}

.u-background--selected {
    background-color: var(--color-selected)
}

.u-has--object-fit-polyfill {
    background-position: 50%;
    background-size: cover
}

.u-has--object-fit-polyfill img {
    opacity: 0
}

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

.u-flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.u-flex-column {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.u-flex-column,
.u-flex-row {
    -webkit-box-direction: normal
}

.u-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

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

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

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

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

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

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

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

.u-flex-self-left {
    margin-left: 0;
    margin-right: auto
}

.u-flex-self-center {
    margin-left: auto;
    margin-right: auto
}

.u-flex-self-right {
    margin-left: auto;
    margin-right: 0
}

.u-flex-self-top {
    margin-bottom: auto;
    margin-top: 0
}

.u-flex-self-middle {
    margin-bottom: auto;
    margin-top: auto
}

.u-flex-self-bottom {
    margin-bottom: 0;
    margin-top: auto
}

.u-flex-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

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

.u-flex-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1
}

.u-flex-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.u-flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.u-margin-top-12 {
    margin-top: 96px !important
}

.u-padding-top-12 {
    padding-top: 96px !important
}

.u-margin-left-12 {
    margin-left: 96px !important
}

.u-padding-left-12 {
    padding-left: 96px !important
}

.u-margin-bottom-12 {
    margin-bottom: 96px !important
}

.u-padding-bottom-12 {
    padding-bottom: 96px !important
}

.u-margin-right-12 {
    margin-right: 96px !important
}

.u-padding-right-12 {
    padding-right: 96px !important
}

.u-margin-top-11 {
    margin-top: 88px !important
}

.u-padding-top-11 {
    padding-top: 88px !important
}

.u-margin-left-11 {
    margin-left: 88px !important
}

.u-padding-left-11 {
    padding-left: 88px !important
}

.u-margin-bottom-11 {
    margin-bottom: 88px !important
}

.u-padding-bottom-11 {
    padding-bottom: 88px !important
}

.u-margin-right-11 {
    margin-right: 88px !important
}

.u-padding-right-11 {
    padding-right: 88px !important
}

.u-margin-top-10 {
    margin-top: 80px !important
}

.u-padding-top-10 {
    padding-top: 80px !important
}

.u-margin-left-10 {
    margin-left: 80px !important
}

.u-padding-left-10 {
    padding-left: 80px !important
}

.u-margin-bottom-10 {
    margin-bottom: 80px !important
}

.u-padding-bottom-10 {
    padding-bottom: 80px !important
}

.u-margin-right-10 {
    margin-right: 80px !important
}

.u-padding-right-10 {
    padding-right: 80px !important
}

.u-margin-top-9 {
    margin-top: 72px !important
}

.u-padding-top-9 {
    padding-top: 72px !important
}

.u-margin-left-9 {
    margin-left: 72px !important
}

.u-padding-left-9 {
    padding-left: 72px !important
}

.u-margin-bottom-9 {
    margin-bottom: 72px !important
}

.u-padding-bottom-9 {
    padding-bottom: 72px !important
}

.u-margin-right-9 {
    margin-right: 72px !important
}

.u-padding-right-9 {
    padding-right: 72px !important
}

.u-margin-top-8 {
    margin-top: 64px !important
}

.u-padding-top-8 {
    padding-top: 64px !important
}

.u-margin-left-8 {
    margin-left: 64px !important
}

.u-padding-left-8 {
    padding-left: 64px !important
}

.u-margin-bottom-8 {
    margin-bottom: 64px !important
}

.u-padding-bottom-8 {
    padding-bottom: 64px !important
}

.u-margin-right-8 {
    margin-right: 64px !important
}

.u-padding-right-8 {
    padding-right: 64px !important
}

.u-margin-top-7 {
    margin-top: 56px !important
}

.u-padding-top-7 {
    padding-top: 56px !important
}

.u-margin-left-7 {
    margin-left: 56px !important
}

.u-padding-left-7 {
    padding-left: 56px !important
}

.u-margin-bottom-7 {
    margin-bottom: 56px !important
}

.u-padding-bottom-7 {
    padding-bottom: 56px !important
}

.u-margin-right-7 {
    margin-right: 56px !important
}

.u-padding-right-7 {
    padding-right: 56px !important
}

.u-margin-top-6 {
    margin-top: 48px !important
}

.u-padding-top-6 {
    padding-top: 48px !important
}

.u-margin-left-6 {
    margin-left: 48px !important
}

.u-padding-left-6 {
    padding-left: 48px !important
}

.u-margin-bottom-6 {
    margin-bottom: 48px !important
}

.u-padding-bottom-6 {
    padding-bottom: 48px !important
}

.u-margin-right-6 {
    margin-right: 48px !important
}

.u-padding-right-6 {
    padding-right: 48px !important
}

.u-margin-top-5 {
    margin-top: 40px !important
}

.u-padding-top-5 {
    padding-top: 40px !important
}

.u-margin-left-5 {
    margin-left: 40px !important
}

.u-padding-left-5 {
    padding-left: 40px !important
}

.u-margin-bottom-5 {
    margin-bottom: 40px !important
}

.u-padding-bottom-5 {
    padding-bottom: 40px !important
}

.u-margin-right-5 {
    margin-right: 40px !important
}

.u-padding-right-5 {
    padding-right: 40px !important
}

.u-margin-top-4 {
    margin-top: 32px !important
}

.u-padding-top-4 {
    padding-top: 32px !important
}

.u-margin-left-4 {
    margin-left: 32px !important
}

.u-padding-left-4 {
    padding-left: 32px !important
}

.u-margin-bottom-4 {
    margin-bottom: 32px !important
}

.u-padding-bottom-4 {
    padding-bottom: 32px !important
}

.u-margin-right-4 {
    margin-right: 32px !important
}

.u-padding-right-4 {
    padding-right: 32px !important
}

.u-margin-top-3 {
    margin-top: 24px !important
}

.u-padding-top-3 {
    padding-top: 24px !important
}

.u-margin-left-3 {
    margin-left: 24px !important
}

.u-padding-left-3 {
    padding-left: 24px !important
}

.u-margin-bottom-3 {
    margin-bottom: 24px !important
}

.u-padding-bottom-3 {
    padding-bottom: 24px !important
}

.u-margin-right-3 {
    margin-right: 24px !important
}

.u-padding-right-3 {
    padding-right: 24px !important
}

.u-margin-top-2 {
    margin-top: 16px !important
}

.u-padding-top-2 {
    padding-top: 16px !important
}

.u-margin-left-2 {
    margin-left: 16px !important
}

.u-padding-left-2 {
    padding-left: 16px !important
}

.u-margin-bottom-2 {
    margin-bottom: 16px !important
}

.u-padding-bottom-2 {
    padding-bottom: 16px !important
}

.u-margin-right-2 {
    margin-right: 16px !important
}

.u-padding-right-2 {
    padding-right: 16px !important
}

.u-margin-top-1 {
    margin-top: 8px !important
}

.u-padding-top-1 {
    padding-top: 8px !important
}

.u-margin-left-1 {
    margin-left: 8px !important
}

.u-padding-left-1 {
    padding-left: 8px !important
}

.u-margin-bottom-1 {
    margin-bottom: 8px !important
}

.u-padding-bottom-1 {
    padding-bottom: 8px !important
}

.u-margin-right-1 {
    margin-right: 8px !important
}

.u-padding-right-1 {
    padding-right: 8px !important
}

.u-visible--lg,
.u-visible--lg-block,
.u-visible--lg-inline,
.u-visible--lg-inline-block,
.u-visible--lg-table-cell,
.u-visible--md,
.u-visible--md-block,
.u-visible--md-inline,
.u-visible--md-inline-block,
.u-visible--md-table-cell,
.u-visible--sm,
.u-visible--sm-block,
.u-visible--sm-inline,
.u-visible--sm-inline-block,
.u-visible--sm-table-cell,
.u-visible--xlg,
.u-visible--xlg-block,
.u-visible--xlg-inline,
.u-visible--xlg-inline-block,
.u-visible--xlg-table-cell,
.u-visible--xs,
.u-visible--xs-block,
.u-visible--xs-inline,
.u-visible--xs-inline-block,
.u-visible--xs-table-cell,
.u-visible--xxlg,
.u-visible--xxlg-block,
.u-visible--xxlg-inline,
.u-visible--xxlg-inline-block,
.u-visible--xxlg-table-cell {
    display: none !important
}

.u-sr-only {
    border: 0;
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.u-hidden {
    display: none !important
}

.u-block {
    display: block !important
}

.u-inline-block {
    display: inline-block
}

.u-color--primary {
    color: var(--color-primary)
}

.u-color--primary-hover {
    color: var(--color-primary-hover)
}

.u-color--secondary {
    color: var(--color-secondary)
}

.u-color--secondary-hover {
    color: var(--color-secondary-hover)
}

.u-color--tertiary {
    color: var(--color-tertiary)
}

.u-color--bg {
    color: var(--color-bg)
}

.u-color--alert {
    color: var(--color-alert)
}

.u-color--progression {
    color: var(--color-progression)
}

.u-color--attention {
    color: var(--color-attention)
}

.u-color--positive {
    color: var(--color-positive)
}

.u-color--positive-light {
    color: var(--color-positive-light)
}

.u-color--black {
    color: var(--color-black)
}

.u-color--grey-90 {
    color: var(--color-grey-90)
}

.u-color--grey-50 {
    color: var(--color-grey-50)
}

.u-color--grey-30 {
    color: var(--color-grey-30)
}

.u-color--grey-20 {
    color: var(--color-grey-20)
}

.u-color--grey-10 {
    color: var(--color-grey-10)
}

.u-color--grey-5 {
    color: var(--color-grey-5)
}

.u-color--white {
    color: var(--color-white)
}

.u-color--pinterest {
    color: var(--color-pinterest)
}

.u-color--email {
    color: var(--color-email)
}

.u-color--facebook {
    color: var(--color-facebook)
}

.u-color--whatsapp {
    color: var(--color-whatsapp)
}

.u-color--selected {
    color: var(--color-selected)
}

.u-color--in-delivered,
.u-color--in-option,
.u-color--in-preparation {
    color: var(--color-grey-30)
}

.u-color--available,
.u-color--for-rent,
.u-color--on-sale,
.u-color--onsale,
.u-color--sale-start {
    color: var(--color-positive)
}

.u-color--rented,
.u-color--sold {
    color: var(--color-alert)
}

.u-color--delivered {
    color: var(--color-attention)
}

.u-inline-children {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-divider {
    border: 0;
    border-bottom: .1rem solid var(--color-grey-10)
}

.u-h1 {
    font-size: 5.6rem;
    line-height: 1.14
}

.u-h1,
.u-h2 {
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-weight: var(--heading-font-weight);
    letter-spacing: .25px;
    text-transform: var(--heading-text-transform)
}

.u-h2 {
    font-size: 4rem;
    line-height: 1.2
}

.u-h3 {
    font-size: 3.2rem;
    letter-spacing: .25px;
    line-height: 1.25
}

.u-h3,
.u-h4 {
    font-weight: 500
}

.u-h4 {
    font-size: 2.6rem;
    letter-spacing: .5px;
    line-height: 1.31
}

.u-h5,
.u-h6 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.78
}

.u-body-large,
.u-subtitle-1 {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 1.78
}

.u-body-large-bold {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.78
}

.u-subtitle-2 {
    font-weight: 600;
    letter-spacing: .25px
}

.u-caption,
.u-subtitle-2 {
    font-size: 1.6rem;
    line-height: 1.5
}

.u-caption {
    font-weight: 400
}

.u-subtitle-3 {
    font-weight: 600
}

.u-icon,
.u-subtitle-3 {
    font-size: 1.4rem;
    line-height: 1.71
}

.u-icon {
    font-weight: 500
}

.u-button {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.71
}

.u-body-normal,
.u-status-large {
    font-weight: 400
}

.u-body-normal,
.u-body-normal-bold,
.u-status-large {
    font-size: 1.4rem;
    letter-spacing: .25px;
    line-height: 1.71
}

.u-body-normal-bold {
    font-weight: 600
}

.u-label {
    font-weight: 500
}

.u-label,
.u-label-semi-bold {
    font-size: 1.2rem;
    letter-spacing: .5px;
    line-height: 1.33
}

.u-label-semi-bold {
    font-weight: 600
}

.u-date {
    font-weight: 400
}

.u-date,
.u-status-regular {
    font-size: 1.2rem;
    line-height: 1.33
}

.u-status-regular {
    font-weight: 500
}

.u-chip {
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.45;
    text-transform: uppercase
}

.u-title-underlined {
    border-bottom: .2rem solid var(--color-bg);
    color: var(--color-black);
    font-size: 25px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    width: 100%
}

.u-text--left {
    text-align: left
}

.u-text--centered {
    text-align: center
}

.u-text--right {
    text-align: right
}

.u-text--medium {
    font-weight: 500
}

.u-text--semi-bold {
    font-weight: 600
}

.u-text--bold {
    font-weight: 700
}

.u-content-link {
    color: var(--color-black);
    font-weight: 600;
    text-decoration: underline
}

html.is-touch--with-mouse .u-content-link:hover,
html:not(.is-touch) .u-content-link:hover {
    text-decoration: none
}

@media(min-width:480px) {
    .o-container {
        padding-left: 32px;
        padding-right: 32px
    }

    .o-grid {
        margin-left: -8px;
        margin-right: -8px;
        width: calc(100% + 16px)
    }

    .o-col,
    .o-col-0,
    .o-col-1,
    .o-col-10,
    .o-col-11,
    .o-col-12,
    .o-col-2,
    .o-col-3,
    .o-col-4,
    .o-col-5,
    .o-col-6,
    .o-col-7,
    .o-col-8,
    .o-col-9 {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:480px) {
    .o-col--sm {
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .o-col--sm,
    .o-col-0--sm {
        -webkit-box-flex: 0;
        padding-left: 8px;
        padding-right: 8px
    }

    .o-col-0--sm {
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 0%;
        -webkit-flex-basis: 0%;
        flex-basis: 0%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 0
    }

    .u-push-0--sm {
        position: relative;
        right: 0
    }

    .u-pull-0--sm {
        left: 0;
        position: relative
    }

    .u-pre-0--sm {
        margin-left: 0;
        position: relative
    }

    .u-post-0--sm {
        margin-right: 0;
        position: relative
    }

    .o-col-1--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        -webkit-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 8.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-1--sm {
        position: relative;
        right: -8.3333333333%
    }

    .u-pull-1--sm {
        left: -8.3333333333%;
        position: relative
    }

    .u-pre-1--sm {
        margin-left: 8.3333333333%;
        position: relative
    }

    .u-post-1--sm {
        margin-right: 8.3333333333%;
        position: relative
    }

    .o-col-2--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        -webkit-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-2--sm {
        position: relative;
        right: -16.6666666667%
    }

    .u-pull-2--sm {
        left: -16.6666666667%;
        position: relative
    }

    .u-pre-2--sm {
        margin-left: 16.6666666667%;
        position: relative
    }

    .u-post-2--sm {
        margin-right: 16.6666666667%;
        position: relative
    }

    .o-col-3--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 25%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-3--sm {
        position: relative;
        right: -25%
    }

    .u-pull-3--sm {
        left: -25%;
        position: relative
    }

    .u-pre-3--sm {
        margin-left: 25%;
        position: relative
    }

    .u-post-3--sm {
        margin-right: 25%;
        position: relative
    }

    .o-col-4--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        -webkit-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-4--sm {
        position: relative;
        right: -33.3333333333%
    }

    .u-pull-4--sm {
        left: -33.3333333333%;
        position: relative
    }

    .u-pre-4--sm {
        margin-left: 33.3333333333%;
        position: relative
    }

    .u-post-4--sm {
        margin-right: 33.3333333333%;
        position: relative
    }

    .o-col-5--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        -webkit-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 41.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-5--sm {
        position: relative;
        right: -41.6666666667%
    }

    .u-pull-5--sm {
        left: -41.6666666667%;
        position: relative
    }

    .u-pre-5--sm {
        margin-left: 41.6666666667%;
        position: relative
    }

    .u-post-5--sm {
        margin-right: 41.6666666667%;
        position: relative
    }

    .o-col-6--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-6--sm {
        position: relative;
        right: -50%
    }

    .u-pull-6--sm {
        left: -50%;
        position: relative
    }

    .u-pre-6--sm {
        margin-left: 50%;
        position: relative
    }

    .u-post-6--sm {
        margin-right: 50%;
        position: relative
    }

    .o-col-7--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        -webkit-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 58.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-7--sm {
        position: relative;
        right: -58.3333333333%
    }

    .u-pull-7--sm {
        left: -58.3333333333%;
        position: relative
    }

    .u-pre-7--sm {
        margin-left: 58.3333333333%;
        position: relative
    }

    .u-post-7--sm {
        margin-right: 58.3333333333%;
        position: relative
    }

    .o-col-8--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        -webkit-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-8--sm {
        position: relative;
        right: -66.6666666667%
    }

    .u-pull-8--sm {
        left: -66.6666666667%;
        position: relative
    }

    .u-pre-8--sm {
        margin-left: 66.6666666667%;
        position: relative
    }

    .u-post-8--sm {
        margin-right: 66.6666666667%;
        position: relative
    }

    .o-col-9--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 75%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-9--sm {
        position: relative;
        right: -75%
    }

    .u-pull-9--sm {
        left: -75%;
        position: relative
    }

    .u-pre-9--sm {
        margin-left: 75%;
        position: relative
    }

    .u-post-9--sm {
        margin-right: 75%;
        position: relative
    }

    .o-col-10--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        -webkit-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-10--sm {
        position: relative;
        right: -83.3333333333%
    }

    .u-pull-10--sm {
        left: -83.3333333333%;
        position: relative
    }

    .u-pre-10--sm {
        margin-left: 83.3333333333%;
        position: relative
    }

    .u-post-10--sm {
        margin-right: 83.3333333333%;
        position: relative
    }

    .o-col-11--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        -webkit-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 91.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-11--sm {
        position: relative;
        right: -91.6666666667%
    }

    .u-pull-11--sm {
        left: -91.6666666667%;
        position: relative
    }

    .u-pre-11--sm {
        margin-left: 91.6666666667%;
        position: relative
    }

    .u-post-11--sm {
        margin-right: 91.6666666667%;
        position: relative
    }

    .o-col-12--sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-12--sm {
        position: relative;
        right: -100%
    }

    .u-pull-12--sm {
        left: -100%;
        position: relative
    }

    .u-pre-12--sm {
        margin-left: 100%;
        position: relative
    }

    .u-post-12--sm {
        margin-right: 100%;
        position: relative
    }

    .o-col--sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .u-flex-wrap--sm {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .u-flex-nowrap--sm {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-column--sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-row--sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-start--sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .u-flex-center--sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

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

    .u-flex-end--sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

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

    .u-flex-bottom--sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .u-flex-self-left--sm {
        margin-left: 0;
        margin-right: auto
    }

    .u-flex-self-center--sm {
        margin-left: auto;
        margin-right: auto
    }

    .u-flex-self-right--sm {
        margin-left: auto;
        margin-right: 0
    }

    .u-flex-self-top--sm {
        margin-bottom: auto;
        margin-top: 0
    }

    .u-flex-self-middle--sm {
        margin-bottom: auto;
        margin-top: auto
    }

    .u-flex-self-bottom--sm {
        margin-bottom: 0;
        margin-top: auto
    }

    .u-flex-around--sm {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

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

    .u-flex-first--sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }

    .u-flex-last--sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .u-flex-grow--sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .u-margin-top-12--sm {
        margin-top: 96px !important
    }

    .u-padding-top-12--sm {
        padding-top: 96px !important
    }

    .u-margin-left-12--sm {
        margin-left: 96px !important
    }

    .u-padding-left-12--sm {
        padding-left: 96px !important
    }

    .u-margin-bottom-12--sm {
        margin-bottom: 96px !important
    }

    .u-padding-bottom-12--sm {
        padding-bottom: 96px !important
    }

    .u-margin-right-12--sm {
        margin-right: 96px !important
    }

    .u-padding-right-12--sm {
        padding-right: 96px !important
    }

    .u-margin-top-11--sm {
        margin-top: 88px !important
    }

    .u-padding-top-11--sm {
        padding-top: 88px !important
    }

    .u-margin-left-11--sm {
        margin-left: 88px !important
    }

    .u-padding-left-11--sm {
        padding-left: 88px !important
    }

    .u-margin-bottom-11--sm {
        margin-bottom: 88px !important
    }

    .u-padding-bottom-11--sm {
        padding-bottom: 88px !important
    }

    .u-margin-right-11--sm {
        margin-right: 88px !important
    }

    .u-padding-right-11--sm {
        padding-right: 88px !important
    }

    .u-margin-top-10--sm {
        margin-top: 80px !important
    }

    .u-padding-top-10--sm {
        padding-top: 80px !important
    }

    .u-margin-left-10--sm {
        margin-left: 80px !important
    }

    .u-padding-left-10--sm {
        padding-left: 80px !important
    }

    .u-margin-bottom-10--sm {
        margin-bottom: 80px !important
    }

    .u-padding-bottom-10--sm {
        padding-bottom: 80px !important
    }

    .u-margin-right-10--sm {
        margin-right: 80px !important
    }

    .u-padding-right-10--sm {
        padding-right: 80px !important
    }

    .u-margin-top-9--sm {
        margin-top: 72px !important
    }

    .u-padding-top-9--sm {
        padding-top: 72px !important
    }

    .u-margin-left-9--sm {
        margin-left: 72px !important
    }

    .u-padding-left-9--sm {
        padding-left: 72px !important
    }

    .u-margin-bottom-9--sm {
        margin-bottom: 72px !important
    }

    .u-padding-bottom-9--sm {
        padding-bottom: 72px !important
    }

    .u-margin-right-9--sm {
        margin-right: 72px !important
    }

    .u-padding-right-9--sm {
        padding-right: 72px !important
    }

    .u-margin-top-8--sm {
        margin-top: 64px !important
    }

    .u-padding-top-8--sm {
        padding-top: 64px !important
    }

    .u-margin-left-8--sm {
        margin-left: 64px !important
    }

    .u-padding-left-8--sm {
        padding-left: 64px !important
    }

    .u-margin-bottom-8--sm {
        margin-bottom: 64px !important
    }

    .u-padding-bottom-8--sm {
        padding-bottom: 64px !important
    }

    .u-margin-right-8--sm {
        margin-right: 64px !important
    }

    .u-padding-right-8--sm {
        padding-right: 64px !important
    }

    .u-margin-top-7--sm {
        margin-top: 56px !important
    }

    .u-padding-top-7--sm {
        padding-top: 56px !important
    }

    .u-margin-left-7--sm {
        margin-left: 56px !important
    }

    .u-padding-left-7--sm {
        padding-left: 56px !important
    }

    .u-margin-bottom-7--sm {
        margin-bottom: 56px !important
    }

    .u-padding-bottom-7--sm {
        padding-bottom: 56px !important
    }

    .u-margin-right-7--sm {
        margin-right: 56px !important
    }

    .u-padding-right-7--sm {
        padding-right: 56px !important
    }

    .u-margin-top-6--sm {
        margin-top: 48px !important
    }

    .u-padding-top-6--sm {
        padding-top: 48px !important
    }

    .u-margin-left-6--sm {
        margin-left: 48px !important
    }

    .u-padding-left-6--sm {
        padding-left: 48px !important
    }

    .u-margin-bottom-6--sm {
        margin-bottom: 48px !important
    }

    .u-padding-bottom-6--sm {
        padding-bottom: 48px !important
    }

    .u-margin-right-6--sm {
        margin-right: 48px !important
    }

    .u-padding-right-6--sm {
        padding-right: 48px !important
    }

    .u-margin-top-5--sm {
        margin-top: 40px !important
    }

    .u-padding-top-5--sm {
        padding-top: 40px !important
    }

    .u-margin-left-5--sm {
        margin-left: 40px !important
    }

    .u-padding-left-5--sm {
        padding-left: 40px !important
    }

    .u-margin-bottom-5--sm {
        margin-bottom: 40px !important
    }

    .u-padding-bottom-5--sm {
        padding-bottom: 40px !important
    }

    .u-margin-right-5--sm {
        margin-right: 40px !important
    }

    .u-padding-right-5--sm {
        padding-right: 40px !important
    }

    .u-margin-top-4--sm {
        margin-top: 32px !important
    }

    .u-padding-top-4--sm {
        padding-top: 32px !important
    }

    .u-margin-left-4--sm {
        margin-left: 32px !important
    }

    .u-padding-left-4--sm {
        padding-left: 32px !important
    }

    .u-margin-bottom-4--sm {
        margin-bottom: 32px !important
    }

    .u-padding-bottom-4--sm {
        padding-bottom: 32px !important
    }

    .u-margin-right-4--sm {
        margin-right: 32px !important
    }

    .u-padding-right-4--sm {
        padding-right: 32px !important
    }

    .u-margin-top-3--sm {
        margin-top: 24px !important
    }

    .u-padding-top-3--sm {
        padding-top: 24px !important
    }

    .u-margin-left-3--sm {
        margin-left: 24px !important
    }

    .u-padding-left-3--sm {
        padding-left: 24px !important
    }

    .u-margin-bottom-3--sm {
        margin-bottom: 24px !important
    }

    .u-padding-bottom-3--sm {
        padding-bottom: 24px !important
    }

    .u-margin-right-3--sm {
        margin-right: 24px !important
    }

    .u-padding-right-3--sm {
        padding-right: 24px !important
    }

    .u-margin-top-2--sm {
        margin-top: 16px !important
    }

    .u-padding-top-2--sm {
        padding-top: 16px !important
    }

    .u-margin-left-2--sm {
        margin-left: 16px !important
    }

    .u-padding-left-2--sm {
        padding-left: 16px !important
    }

    .u-margin-bottom-2--sm {
        margin-bottom: 16px !important
    }

    .u-padding-bottom-2--sm {
        padding-bottom: 16px !important
    }

    .u-margin-right-2--sm {
        margin-right: 16px !important
    }

    .u-padding-right-2--sm {
        padding-right: 16px !important
    }

    .u-margin-top-1--sm {
        margin-top: 8px !important
    }

    .u-padding-top-1--sm {
        padding-top: 8px !important
    }

    .u-margin-left-1--sm {
        margin-left: 8px !important
    }

    .u-padding-left-1--sm {
        padding-left: 8px !important
    }

    .u-margin-bottom-1--sm {
        margin-bottom: 8px !important
    }

    .u-padding-bottom-1--sm {
        padding-bottom: 8px !important
    }

    .u-margin-right-1--sm {
        margin-right: 8px !important
    }

    .u-padding-right-1--sm {
        padding-right: 8px !important
    }

    .u-h1--sm {
        font-size: 5.6rem;
        line-height: 1.14
    }

    .u-h1--sm,
    .u-h2--sm {
        font-family: var(--heading-font-family);
        font-style: var(--heading-font-style);
        font-weight: var(--heading-font-weight);
        letter-spacing: .25px;
        text-transform: var(--heading-text-transform)
    }

    .u-h2--sm {
        font-size: 4rem;
        line-height: 1.2
    }

    .u-h3--sm {
        font-size: 3.2rem;
        font-weight: 500;
        letter-spacing: .25px;
        line-height: 1.25
    }

    .u-h4--sm {
        font-size: 2.6rem;
        font-weight: 500;
        letter-spacing: .5px;
        line-height: 1.31
    }

    .u-h5--sm,
    .u-h6--sm {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.78
    }

    .u-body-large--sm,
    .u-subtitle-1--sm {
        font-size: 1.8rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.78
    }

    .u-body-large-bold--sm {
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.78
    }

    .u-subtitle-2--sm {
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.5
    }

    .u-caption--sm {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.5
    }

    .u-subtitle-3--sm {
        font-weight: 600
    }

    .u-icon--sm,
    .u-subtitle-3--sm {
        font-size: 1.4rem;
        line-height: 1.71
    }

    .u-icon--sm {
        font-weight: 500
    }

    .u-button--sm {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.71
    }

    .u-body-normal--sm,
    .u-status-large--sm {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .u-body-normal-bold--sm {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .u-label--sm {
        font-weight: 500
    }

    .u-label--sm,
    .u-label-semi-bold--sm {
        font-size: 1.2rem;
        letter-spacing: .5px;
        line-height: 1.33
    }

    .u-label-semi-bold--sm {
        font-weight: 600
    }

    .u-date--sm {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.33
    }

    .u-status-regular--sm {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.33
    }

    .u-chip--sm {
        font-size: 1.1rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.45;
        text-transform: uppercase
    }

    .u-text--left--sm {
        text-align: left
    }

    .u-text--centered--sm {
        text-align: center
    }

    .u-text--right--sm {
        text-align: right
    }

    .u-text--medium--sm {
        font-weight: 500
    }

    .u-text--semi-bold--sm {
        font-weight: 600
    }

    .u-text--bold--sm {
        font-weight: 700
    }
}

@media only screen and (min-width:480px)and (min-width:480px) {

    .o-col--sm,
    .o-col-0--sm,
    .o-col-1--sm,
    .o-col-10--sm,
    .o-col-11--sm,
    .o-col-12--sm,
    .o-col-2--sm,
    .o-col-3--sm,
    .o-col-4--sm,
    .o-col-5--sm,
    .o-col-6--sm,
    .o-col-7--sm,
    .o-col-8--sm,
    .o-col-9--sm {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (min-width:480px) {
    .modal-wrapper__title {
        font-size: calc(9.21053px + 3.28947vw);
        margin-bottom: calc(9.21053px + 3.28947vw);
        padding-bottom: calc(3.68421px + 1.31579vw)
    }

    .c-house-characteristics-card {
        padding: calc(9.21053px + 3.28947vw)
    }

    .characteristics-modal__section:not(:last-child) {
        margin-bottom: calc(4.21053px + 3.28947vw)
    }

    .site-picker-modal__wrapper {
        padding: calc(7.36842px + 2.63158vw)
    }

    .u-title-underlined {
        font-size: calc(9.21053px + 3.28947vw);
        margin-bottom: calc(9.21053px + 3.28947vw);
        padding-bottom: calc(3.68421px + 1.31579vw)
    }
}

@media only screen and (min-width:30em) {
    .news-card__image-container {
        margin-left: -32px;
        margin-right: -32px
    }

    .c-fly-in {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        width: 36rem
    }

    .property-card-slider__item {
        width: 28.7rem
    }
}

@media only screen and (min-width:30em)and (max-width:47.96875em) {

    .u-visible--sm,
    .u-visible--sm-block {
        display: block !important
    }

    .u-visible--sm-table-cell {
        display: table-cell !important
    }

    .u-visible--sm-inline-block {
        display: inline-block !important
    }

    .u-visible--sm-inline {
        display: inline !important
    }

    .u-hidden--sm {
        display: none !important
    }
}

@media only screen and (min-width:768px) {
    .o-col--md {
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .o-col--md,
    .o-col-0--md {
        -webkit-box-flex: 0;
        padding-left: 8px;
        padding-right: 8px
    }

    .o-col-0--md {
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 0%;
        -webkit-flex-basis: 0%;
        flex-basis: 0%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 0
    }

    .u-push-0--md {
        position: relative;
        right: 0
    }

    .u-pull-0--md {
        left: 0;
        position: relative
    }

    .u-pre-0--md {
        margin-left: 0;
        position: relative
    }

    .u-post-0--md {
        margin-right: 0;
        position: relative
    }

    .o-col-1--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        -webkit-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 8.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-1--md {
        position: relative;
        right: -8.3333333333%
    }

    .u-pull-1--md {
        left: -8.3333333333%;
        position: relative
    }

    .u-pre-1--md {
        margin-left: 8.3333333333%;
        position: relative
    }

    .u-post-1--md {
        margin-right: 8.3333333333%;
        position: relative
    }

    .o-col-2--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        -webkit-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-2--md {
        position: relative;
        right: -16.6666666667%
    }

    .u-pull-2--md {
        left: -16.6666666667%;
        position: relative
    }

    .u-pre-2--md {
        margin-left: 16.6666666667%;
        position: relative
    }

    .u-post-2--md {
        margin-right: 16.6666666667%;
        position: relative
    }

    .o-col-3--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 25%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-3--md {
        position: relative;
        right: -25%
    }

    .u-pull-3--md {
        left: -25%;
        position: relative
    }

    .u-pre-3--md {
        margin-left: 25%;
        position: relative
    }

    .u-post-3--md {
        margin-right: 25%;
        position: relative
    }

    .o-col-4--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        -webkit-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-4--md {
        position: relative;
        right: -33.3333333333%
    }

    .u-pull-4--md {
        left: -33.3333333333%;
        position: relative
    }

    .u-pre-4--md {
        margin-left: 33.3333333333%;
        position: relative
    }

    .u-post-4--md {
        margin-right: 33.3333333333%;
        position: relative
    }

    .o-col-5--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        -webkit-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 41.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-5--md {
        position: relative;
        right: -41.6666666667%
    }

    .u-pull-5--md {
        left: -41.6666666667%;
        position: relative
    }

    .u-pre-5--md {
        margin-left: 41.6666666667%;
        position: relative
    }

    .u-post-5--md {
        margin-right: 41.6666666667%;
        position: relative
    }

    .o-col-6--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-6--md {
        position: relative;
        right: -50%
    }

    .u-pull-6--md {
        left: -50%;
        position: relative
    }

    .u-pre-6--md {
        margin-left: 50%;
        position: relative
    }

    .u-post-6--md {
        margin-right: 50%;
        position: relative
    }

    .o-col-7--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        -webkit-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 58.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-7--md {
        position: relative;
        right: -58.3333333333%
    }

    .u-pull-7--md {
        left: -58.3333333333%;
        position: relative
    }

    .u-pre-7--md {
        margin-left: 58.3333333333%;
        position: relative
    }

    .u-post-7--md {
        margin-right: 58.3333333333%;
        position: relative
    }

    .o-col-8--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        -webkit-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-8--md {
        position: relative;
        right: -66.6666666667%
    }

    .u-pull-8--md {
        left: -66.6666666667%;
        position: relative
    }

    .u-pre-8--md {
        margin-left: 66.6666666667%;
        position: relative
    }

    .u-post-8--md {
        margin-right: 66.6666666667%;
        position: relative
    }

    .o-col-9--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 75%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-9--md {
        position: relative;
        right: -75%
    }

    .u-pull-9--md {
        left: -75%;
        position: relative
    }

    .u-pre-9--md {
        margin-left: 75%;
        position: relative
    }

    .u-post-9--md {
        margin-right: 75%;
        position: relative
    }

    .o-col-10--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        -webkit-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-10--md {
        position: relative;
        right: -83.3333333333%
    }

    .u-pull-10--md {
        left: -83.3333333333%;
        position: relative
    }

    .u-pre-10--md {
        margin-left: 83.3333333333%;
        position: relative
    }

    .u-post-10--md {
        margin-right: 83.3333333333%;
        position: relative
    }

    .o-col-11--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        -webkit-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 91.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-11--md {
        position: relative;
        right: -91.6666666667%
    }

    .u-pull-11--md {
        left: -91.6666666667%;
        position: relative
    }

    .u-pre-11--md {
        margin-left: 91.6666666667%;
        position: relative
    }

    .u-post-11--md {
        margin-right: 91.6666666667%;
        position: relative
    }

    .o-col-12--md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-12--md {
        position: relative;
        right: -100%
    }

    .u-pull-12--md {
        left: -100%;
        position: relative
    }

    .u-pre-12--md {
        margin-left: 100%;
        position: relative
    }

    .u-post-12--md {
        margin-right: 100%;
        position: relative
    }

    .o-col--md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .u-flex-wrap--md {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .u-flex-nowrap--md {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-column--md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-row--md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-start--md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .u-flex-center--md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

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

    .u-flex-end--md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

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

    .u-flex-bottom--md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .u-flex-self-left--md {
        margin-left: 0;
        margin-right: auto
    }

    .u-flex-self-center--md {
        margin-left: auto;
        margin-right: auto
    }

    .u-flex-self-right--md {
        margin-left: auto;
        margin-right: 0
    }

    .u-flex-self-top--md {
        margin-bottom: auto;
        margin-top: 0
    }

    .u-flex-self-middle--md {
        margin-bottom: auto;
        margin-top: auto
    }

    .u-flex-self-bottom--md {
        margin-bottom: 0;
        margin-top: auto
    }

    .u-flex-around--md {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

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

    .u-flex-first--md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }

    .u-flex-last--md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .u-flex-grow--md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .u-margin-top-12--md {
        margin-top: 96px !important
    }

    .u-padding-top-12--md {
        padding-top: 96px !important
    }

    .u-margin-left-12--md {
        margin-left: 96px !important
    }

    .u-padding-left-12--md {
        padding-left: 96px !important
    }

    .u-margin-bottom-12--md {
        margin-bottom: 96px !important
    }

    .u-padding-bottom-12--md {
        padding-bottom: 96px !important
    }

    .u-margin-right-12--md {
        margin-right: 96px !important
    }

    .u-padding-right-12--md {
        padding-right: 96px !important
    }

    .u-margin-top-11--md {
        margin-top: 88px !important
    }

    .u-padding-top-11--md {
        padding-top: 88px !important
    }

    .u-margin-left-11--md {
        margin-left: 88px !important
    }

    .u-padding-left-11--md {
        padding-left: 88px !important
    }

    .u-margin-bottom-11--md {
        margin-bottom: 88px !important
    }

    .u-padding-bottom-11--md {
        padding-bottom: 88px !important
    }

    .u-margin-right-11--md {
        margin-right: 88px !important
    }

    .u-padding-right-11--md {
        padding-right: 88px !important
    }

    .u-margin-top-10--md {
        margin-top: 80px !important
    }

    .u-padding-top-10--md {
        padding-top: 80px !important
    }

    .u-margin-left-10--md {
        margin-left: 80px !important
    }

    .u-padding-left-10--md {
        padding-left: 80px !important
    }

    .u-margin-bottom-10--md {
        margin-bottom: 80px !important
    }

    .u-padding-bottom-10--md {
        padding-bottom: 80px !important
    }

    .u-margin-right-10--md {
        margin-right: 80px !important
    }

    .u-padding-right-10--md {
        padding-right: 80px !important
    }

    .u-margin-top-9--md {
        margin-top: 72px !important
    }

    .u-padding-top-9--md {
        padding-top: 72px !important
    }

    .u-margin-left-9--md {
        margin-left: 72px !important
    }

    .u-padding-left-9--md {
        padding-left: 72px !important
    }

    .u-margin-bottom-9--md {
        margin-bottom: 72px !important
    }

    .u-padding-bottom-9--md {
        padding-bottom: 72px !important
    }

    .u-margin-right-9--md {
        margin-right: 72px !important
    }

    .u-padding-right-9--md {
        padding-right: 72px !important
    }

    .u-margin-top-8--md {
        margin-top: 64px !important
    }

    .u-padding-top-8--md {
        padding-top: 64px !important
    }

    .u-margin-left-8--md {
        margin-left: 64px !important
    }

    .u-padding-left-8--md {
        padding-left: 64px !important
    }

    .u-margin-bottom-8--md {
        margin-bottom: 64px !important
    }

    .u-padding-bottom-8--md {
        padding-bottom: 64px !important
    }

    .u-margin-right-8--md {
        margin-right: 64px !important
    }

    .u-padding-right-8--md {
        padding-right: 64px !important
    }

    .u-margin-top-7--md {
        margin-top: 56px !important
    }

    .u-padding-top-7--md {
        padding-top: 56px !important
    }

    .u-margin-left-7--md {
        margin-left: 56px !important
    }

    .u-padding-left-7--md {
        padding-left: 56px !important
    }

    .u-margin-bottom-7--md {
        margin-bottom: 56px !important
    }

    .u-padding-bottom-7--md {
        padding-bottom: 56px !important
    }

    .u-margin-right-7--md {
        margin-right: 56px !important
    }

    .u-padding-right-7--md {
        padding-right: 56px !important
    }

    .u-margin-top-6--md {
        margin-top: 48px !important
    }

    .u-padding-top-6--md {
        padding-top: 48px !important
    }

    .u-margin-left-6--md {
        margin-left: 48px !important
    }

    .u-padding-left-6--md {
        padding-left: 48px !important
    }

    .u-margin-bottom-6--md {
        margin-bottom: 48px !important
    }

    .u-padding-bottom-6--md {
        padding-bottom: 48px !important
    }

    .u-margin-right-6--md {
        margin-right: 48px !important
    }

    .u-padding-right-6--md {
        padding-right: 48px !important
    }

    .u-margin-top-5--md {
        margin-top: 40px !important
    }

    .u-padding-top-5--md {
        padding-top: 40px !important
    }

    .u-margin-left-5--md {
        margin-left: 40px !important
    }

    .u-padding-left-5--md {
        padding-left: 40px !important
    }

    .u-margin-bottom-5--md {
        margin-bottom: 40px !important
    }

    .u-padding-bottom-5--md {
        padding-bottom: 40px !important
    }

    .u-margin-right-5--md {
        margin-right: 40px !important
    }

    .u-padding-right-5--md {
        padding-right: 40px !important
    }

    .u-margin-top-4--md {
        margin-top: 32px !important
    }

    .u-padding-top-4--md {
        padding-top: 32px !important
    }

    .u-margin-left-4--md {
        margin-left: 32px !important
    }

    .u-padding-left-4--md {
        padding-left: 32px !important
    }

    .u-margin-bottom-4--md {
        margin-bottom: 32px !important
    }

    .u-padding-bottom-4--md {
        padding-bottom: 32px !important
    }

    .u-margin-right-4--md {
        margin-right: 32px !important
    }

    .u-padding-right-4--md {
        padding-right: 32px !important
    }

    .u-margin-top-3--md {
        margin-top: 24px !important
    }

    .u-padding-top-3--md {
        padding-top: 24px !important
    }

    .u-margin-left-3--md {
        margin-left: 24px !important
    }

    .u-padding-left-3--md {
        padding-left: 24px !important
    }

    .u-margin-bottom-3--md {
        margin-bottom: 24px !important
    }

    .u-padding-bottom-3--md {
        padding-bottom: 24px !important
    }

    .u-margin-right-3--md {
        margin-right: 24px !important
    }

    .u-padding-right-3--md {
        padding-right: 24px !important
    }

    .u-margin-top-2--md {
        margin-top: 16px !important
    }

    .u-padding-top-2--md {
        padding-top: 16px !important
    }

    .u-margin-left-2--md {
        margin-left: 16px !important
    }

    .u-padding-left-2--md {
        padding-left: 16px !important
    }

    .u-margin-bottom-2--md {
        margin-bottom: 16px !important
    }

    .u-padding-bottom-2--md {
        padding-bottom: 16px !important
    }

    .u-margin-right-2--md {
        margin-right: 16px !important
    }

    .u-padding-right-2--md {
        padding-right: 16px !important
    }

    .u-margin-top-1--md {
        margin-top: 8px !important
    }

    .u-padding-top-1--md {
        padding-top: 8px !important
    }

    .u-margin-left-1--md {
        margin-left: 8px !important
    }

    .u-padding-left-1--md {
        padding-left: 8px !important
    }

    .u-margin-bottom-1--md {
        margin-bottom: 8px !important
    }

    .u-padding-bottom-1--md {
        padding-bottom: 8px !important
    }

    .u-margin-right-1--md {
        margin-right: 8px !important
    }

    .u-padding-right-1--md {
        padding-right: 8px !important
    }

    .u-h1--md {
        font-size: 5.6rem;
        line-height: 1.14
    }

    .u-h1--md,
    .u-h2--md {
        font-family: var(--heading-font-family);
        font-style: var(--heading-font-style);
        font-weight: var(--heading-font-weight);
        letter-spacing: .25px;
        text-transform: var(--heading-text-transform)
    }

    .u-h2--md {
        font-size: 4rem;
        line-height: 1.2
    }

    .u-h3--md {
        font-size: 3.2rem;
        font-weight: 500;
        letter-spacing: .25px;
        line-height: 1.25
    }

    .u-h4--md {
        font-size: 2.6rem;
        font-weight: 500;
        letter-spacing: .5px;
        line-height: 1.31
    }

    .u-h5--md,
    .u-h6--md {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.78
    }

    .u-body-large--md,
    .u-subtitle-1--md {
        font-size: 1.8rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.78
    }

    .u-body-large-bold--md {
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.78
    }

    .u-subtitle-2--md {
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.5
    }

    .u-caption--md {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.5
    }

    .u-subtitle-3--md {
        font-weight: 600
    }

    .u-icon--md,
    .u-subtitle-3--md {
        font-size: 1.4rem;
        line-height: 1.71
    }

    .u-icon--md {
        font-weight: 500
    }

    .u-button--md {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.71
    }

    .u-body-normal--md,
    .u-status-large--md {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .u-body-normal-bold--md {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .u-label--md {
        font-weight: 500
    }

    .u-label--md,
    .u-label-semi-bold--md {
        font-size: 1.2rem;
        letter-spacing: .5px;
        line-height: 1.33
    }

    .u-label-semi-bold--md {
        font-weight: 600
    }

    .u-date--md {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.33
    }

    .u-status-regular--md {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.33
    }

    .u-chip--md {
        font-size: 1.1rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.45;
        text-transform: uppercase
    }

    .u-text--left--md {
        text-align: left
    }

    .u-text--centered--md {
        text-align: center
    }

    .u-text--right--md {
        text-align: right
    }

    .u-text--medium--md {
        font-weight: 500
    }

    .u-text--semi-bold--md {
        font-weight: 600
    }

    .u-text--bold--md {
        font-weight: 700
    }
}

@media only screen and (min-width:768px)and (min-width:480px) {

    .o-col--md,
    .o-col-0--md,
    .o-col-1--md,
    .o-col-10--md,
    .o-col-11--md,
    .o-col-12--md,
    .o-col-2--md,
    .o-col-3--md,
    .o-col-4--md,
    .o-col-5--md,
    .o-col-6--md,
    .o-col-7--md,
    .o-col-8--md,
    .o-col-9--md {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:48em) {
    .c-document {
        padding-bottom: 3.2rem;
        padding-top: 3.2rem
    }

    .document__icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 6.4rem;
        -ms-flex: 0 0 6.4rem;
        flex: 0 0 6.4rem;
        height: 6.4rem
    }

    .document__icon .svg {
        height: 2.7rem
    }

    .document__arrow {
        display: block;
        height: .8rem;
        position: absolute;
        right: 0;
        top: calc(50% - .4rem);
        -webkit-transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1);
        transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1)
    }

    .c-section-block {
        margin-top: 8rem
    }

    .c-section-block:last-of-type:not(.section-block--full-width-bg) {
        margin-bottom: 8rem
    }

    .section-block__title-container {
        margin-bottom: 4rem
    }

    .c-chat-bubble {
        background-color: var(--color-primary);
        border-radius: 50%;
        bottom: 2.5rem;
        -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .3);
        box-shadow: 0 0 3rem rgba(0, 0, 0, .3);
        cursor: pointer;
        display: block;
        height: 7rem;
        pointer-events: none;
        position: fixed;
        right: 2.5rem;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1);
        transition: .3s cubic-bezier(.215, .61, .355, 1);
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        width: 7rem;
        z-index: 8
    }

    .c-chat-bubble:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .chat--is-open .c-chat-bubble {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .chat--is-open .c-chat-bubble:hover {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    .chat-bubble--show .c-chat-bubble {
        opacity: 1;
        pointer-events: auto
    }

    .house-characteristics-cta-bar--is-active .c-chat-bubble {
        bottom: 12.1rem
    }

    .c-house-characteristics-card {
        padding: 4.8rem
    }

    .house-characteristics__price-prefix,
    .house-characteristics__price-suffix {
        margin-right: 1.6rem
    }

    .house-characteristics-card__specs {
        margin-top: 2.4rem
    }

    .house-title__container {
        margin-top: 4rem
    }

    .c-icons-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .icons-container__item {
        max-width: 24rem;
        min-width: 20rem;
        padding: 0 .8rem;
        width: auto
    }

    .related-content-card__cta {
        padding: 4rem
    }

    .social-bar__item {
        margin-left: 2.4rem
    }

    .property-card--vertical .property-card__image-container {
        padding-bottom: 75%
    }

    .project-phase-card__spec,
    .property-card__project,
    .property-card__spec {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .downloads__documents {
        max-width: 90rem
    }

    .content-block__title {
        font-family: var(--heading-font-family);
        font-size: 4rem;
        font-style: var(--heading-font-style);
        font-weight: var(--heading-font-weight);
        letter-spacing: .25px;
        line-height: 1.2;
        margin-bottom: 1.6rem;
        text-transform: var(--heading-text-transform)
    }

    .content-block--small .content-block__title {
        font-size: 2.6rem;
        font-weight: 500;
        letter-spacing: .5px;
        line-height: 1.31
    }

    .content-block--large .content-block__title {
        font-family: var(--heading-font-family);
        font-size: 5.6rem;
        font-style: var(--heading-font-style);
        font-weight: var(--heading-font-weight);
        letter-spacing: .25px;
        line-height: 1.14;
        text-transform: var(--heading-text-transform)
    }

    .c-news-card {
        grid-template-areas: ". title" "icon-block date" "vert-line content-block" "vert-line cta";
        grid-template-columns: 10% 1fr
    }

    .news-card__vert-line {
        align-self: center;
        background-color: var(--color-grey-20);
        display: block;
        grid-area: vert-line;
        height: 100%;
        margin-left: 1rem;
        width: 2px
    }

    .news-card__image-container {
        margin-left: 0;
        margin-right: 0
    }

    .house-characteristics-cta-bar__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .has--house-characteristics-cta-bar {
        padding-bottom: 9.5rem
    }

    .fly-in__header {
        padding: 2.4rem 2.4rem 2.4rem 3.2rem
    }

    .fly-in__scroll-container {
        padding: 3.2rem 3.2rem 6.4rem
    }

    .construction-number-card__title {
        margin-top: 1.6rem
    }

    .construction-number-card__specs-list {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .construction-number-card__list-item:after {
        display: initial
    }

    .construction-number-card__list-item:last-of-type {
        width: auto
    }

    .construction-number-card__actions {
        right: 3.2rem
    }

    .construction-number-card__action {
        margin-bottom: 0;
        margin-left: .8rem
    }

    .subscription-box--horizontal .subscription-box__title {
        font-size: 1.8rem;
        font-weight: 400;
        font-weight: 700;
        letter-spacing: .25px;
        line-height: 1.78
    }

    .area-subscription__form {
        grid-template-areas: "email submit";
        grid-template-columns: auto 14.1rem
    }

    .area-subscription--expanded-signup .area-subscription__form {
        grid-template-areas: "email email email" "salutation firstname firstname" "lastname-prefix lastname submit";
        grid-template-columns: 14.1rem auto 14.1rem
    }

    .area-subscription__label {
        font-size: 3.2rem;
        font-weight: 500;
        letter-spacing: .25px;
        line-height: 1.25
    }

    .area-subscription__form-item--email {
        grid-area: email
    }

    .area-subscription__form-item--submit {
        grid-area: submit
    }

    .area-subscription__form-item--salutation {
        grid-area: salutation
    }

    .area-subscription__form-item--firstname {
        grid-area: firstname
    }

    .area-subscription__form-item--lastname-prefix {
        grid-area: lastname-prefix
    }

    .area-subscription__form-item--lastname {
        grid-area: lastname
    }

    .area-subscription__button-wrapper {
        margin-top: 0
    }

    .area-subscription-modal__title {
        font-size: 3.2rem;
        font-weight: 500;
        letter-spacing: .25px;
        line-height: 1.25;
        margin-bottom: 3.2rem;
        padding-top: 4.8rem
    }

    .area-subscription-modal__footer {
        padding-bottom: 6.4rem
    }

    .area-subscription-modal__phases {
        margin-top: 3.2rem
    }

    .area-subscription-modal__slider-container:after,
    .area-subscription-modal__slider-container:before {
        content: "";
        height: 100%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        -webkit-transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
        width: 24rem;
        z-index: 1
    }

    .area-subscription-modal__slider-container:before {
        background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(var(--color-grey-5)));
        background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0) 0, var(--color-grey-5) 100%);
        left: 0;
        z-index: 1
    }

    .slider--has-previous-slide .area-subscription-modal__slider-container:before {
        opacity: 1
    }

    .area-subscription-modal__slider-container:after {
        background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(var(--color-grey-5)));
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, var(--color-grey-5) 100%);
        right: 0
    }

    .slider--has-next-slide .area-subscription-modal__slider-container:after {
        opacity: 1
    }

    .area-subscription-modal__slider-item {
        margin-right: 2.4rem
    }

    .area-subscription-modal__types {
        padding-bottom: 7.6rem
    }

    .area-subscription-modal__form {
        margin-top: 4.8rem
    }

    .area-subcription-modal__submit {
        margin-top: 1.6rem
    }

    .c-area-subscription-tile {
        width: 31rem
    }

    .area-subscription-row__wrapper {
        padding-left: 3.2rem
    }

    .smart-subscription__wrapper {
        min-width: 80rem;
        width: 100%
    }

    .referral__inner {
        padding: 3.2rem 4rem
    }

    .referral__arrow {
        height: 2rem;
        width: 1.2rem
    }

    .referral__arrow--left {
        left: 6.4rem
    }

    .referral__arrow--right {
        right: 6.4rem
    }

    .contact-buttons__button {
        margin-bottom: 0;
        margin-right: 2.4rem
    }

    .area-subscription-de__subtitle {
        margin-top: 3.2rem
    }

    .area-subscription-de__form {
        grid-gap: 2.4rem .8rem;
        display: grid;
        grid-template-areas: "email submit" "disclaimer disclaimer";
        grid-template-columns: auto 14.1rem;
        margin-top: 2.4rem
    }

    .area-subscription-de--expanded-signup .area-subscription-de__form {
        grid-template-areas: "email email email" "salutation salutation salutation" "firstname lastname submit" "disclaimer disclaimer disclaimer";
        grid-template-columns: 14.1rem auto 14.1rem
    }

    .area-subscription-de__form-item--email {
        grid-area: email
    }

    .area-subscription-de__form-item--submit {
        grid-area: submit
    }

    .area-subscription-de__form-item--salutation {
        grid-area: salutation
    }

    .area-subscription-de__form-item--firstname {
        grid-area: firstname
    }

    .area-subscription-de__form-item--lastname {
        grid-area: lastname
    }

    .c-accordeon-item {
        padding: 3.2rem 0
    }

    .accordeon-item__subitem {
        margin-left: 3.2rem;
        padding-top: 3.2rem
    }

    .accordeon-item__subitem:not(:last-of-type) {
        padding-bottom: 3.2rem
    }

    .accordeon-item__content {
        margin-top: 3.2rem;
        padding: 4rem
    }

    .agenda-card__icon {
        padding: 0 4rem
    }

    .agenda-card__details {
        padding: 1.6rem 2.4rem
    }

    .status-bar__progress {
        padding-bottom: 1.2rem;
        padding-top: 1.2rem;
        top: 7.2rem
    }

    .status-bar__indicator {
        width: 15.8rem
    }

    .status-bar__indicator+.status-bar__indicator:before {
        top: 1.2rem;
        width: 13.4rem
    }

    .status-bar-indicator__icon-wrapper {
        height: 2.4rem;
        width: 2.4rem
    }

    .status-bar-indicator__icon {
        height: .8rem;
        width: 1rem
    }

    .status-bar__indicator--checked .status-bar-indicator__icon {
        color: var(--color-white)
    }

    .status-bar-indicator__title {
        display: block;
        margin-top: .8rem;
        pointer-events: auto
    }

    .status-bar__indicator--unchecked .status-bar-indicator__title {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .status-bar__indicator--checked .status-bar-indicator__title,
    .status-bar__indicator--checking .status-bar-indicator__title {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .partner__logo {
        height: 8.7rem;
        min-width: 8.7rem;
        padding: 2rem;
        width: 8.7rem
    }

    .c-map-card {
        padding-left: 0;
        padding-right: 0
    }

    .map-card__content {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .map-card__close {
        right: 2.4rem;
        top: 2.4rem
    }

    .brochure-download__document-list {
        margin-bottom: 8rem;
        padding: 3.2rem 3.2rem 0
    }

    .footer__main {
        padding: 5.6rem 0 4.8rem
    }

    .footer__contact-icons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        color: var(--color-white);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-top: 4rem
    }

    .footer__social-item {
        margin-top: 4rem
    }

    .footer__sub {
        min-height: 7.2rem;
        padding: 1.9rem 0
    }

    .footer__menu-item:not(:last-child) {
        margin-right: 2.4rem
    }

    .footer__logo-item:not(:first-child) {
        margin-left: 2.4rem
    }

    .header__content {
        padding-left: 3.2rem
    }

    .c-hero.hero--full-height {
        height: calc(100vh - 7.2rem)
    }

    .has--transparent-header .c-hero.hero--full-height {
        height: 100vh
    }

    .c-hero.hero--fixed-height {
        height: 54.8rem
    }

    .has--transparent-header .c-hero.hero--fixed-height {
        height: 62rem
    }

    .c-hero.hero--fit-aspect-ratio {
        height: auto
    }

    .hero__overlay-wrapper {
        padding-bottom: 5.6rem;
        padding-top: 5.6rem
    }

    .hero__cta-bar {
        grid-template-areas: "cta-first cta-middle cta-last";
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 2rem
    }

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

    .hero__cta--last {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        grid-area: cta-last;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .hero__cta-middle-label {
        margin-bottom: 2rem
    }

    .c-hero-video.hero-video--full-height,
    .has--transparent-header .c-hero-video.hero-video--full-height,
    .hero-video--full-height .hero-video__video,
    .hero-video--full-height .hero-video__video .video__player {
        height: 100vh
    }

    .hero--fit-aspect-ratio .hero-video__video:has(.uc-embedding-container) {
        width: 100%
    }

    .hero-video--has-mobile-placeholder .hero-video__video {
        display: block
    }

    .hero-video--has-mobile-placeholder .hero-video__image {
        display: none
    }

    .c-contact {
        padding: 8rem 0
    }

    .contact__contact-links {
        margin-bottom: 7.2rem
    }

    .contact__links-subtitle {
        margin-bottom: 2.4rem
    }

    .property-card-slider__container:after,
    .property-card-slider__container:before {
        content: "";
        height: 100%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        -webkit-transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
        width: 24rem
    }

    .property-card-slider__container:before {
        background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(#fff));
        background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), #fff);
        left: 0;
        z-index: 1
    }

    .slider--has-previous-slide .property-card-slider__container:before {
        opacity: 1
    }

    .property-card-slider__container:after {
        background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
        right: 0
    }

    .slider--has-next-slide .property-card-slider__container:after {
        opacity: 1
    }

    .property-card-slider__item {
        margin-right: 2.4rem
    }

    .interhyp__cta {
        margin-top: 2.4rem
    }

    .interhyp__title-right {
        margin-top: 0
    }

    .interhyp__tooltip {
        margin-left: -.6rem
    }

    .interhyp__tooltip .tooltip__icon {
        margin-top: -.8rem
    }

    .hero-blocks__image-grid {
        gap: 2.4rem
    }

    .hero-carousel__slider-control--left,
    .hero-carousel__slider-control--right {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .hero-contact__container {
        margin-top: -28rem
    }

    .hero-contact__block {
        padding-bottom: 8.8rem;
        padding-top: 4rem
    }

    .hero-contact__title {
        margin-bottom: 2.4rem
    }

    .hero-contact__content {
        margin-bottom: 3.2rem
    }

    .hero-contact__cta {
        margin-top: 3.2rem
    }

    .section-carousel__control {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .section-carousel__slide {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% - 21.5rem);
        -ms-flex: 0 0 calc(100% - 21.5rem);
        flex: 0 0 calc(100% - 21.5rem);
        margin-right: 3.2rem
    }

    .c-section-agenda {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .collage__image--bg {
        padding: 4.8rem
    }

    .collage__image--text {
        padding: 6.4rem
    }

    .text-block-image__content-container {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    bpd-wishlist {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: calc(100vh - 6.5rem);
        position: relative
    }

    .flyin-wishlist__card {
        margin-bottom: 3.2rem
    }

    .c-area-map {
        height: 50vw
    }
}

@media only screen and (max-width:47.96875em)and (min-width:48em) {

    .hero--fit-aspect-ratio .hero-video__video,
    .hero--fit-aspect-ratio .hero-video__video .video__player {
        height: 100vh
    }
}

@media only screen and (min-width:48em)and (max-width:63.96875em) {

    .u-visible--md,
    .u-visible--md-block {
        display: block !important
    }

    .u-visible--md-table-cell {
        display: table-cell !important
    }

    .u-visible--md-inline-block {
        display: inline-block !important
    }

    .u-visible--md-inline {
        display: inline !important
    }

    .u-hidden--md {
        display: none !important
    }
}

@media only screen and (min-width:64em) {

    .o-body:not(.has--transparent-header),
    body:not(.has--transparent-header) {
        padding-top: 7.2rem
    }

    .o-scrollable-container+inview-indicator {
        display: none
    }

    .c-areas-card {
        margin-right: 2.4rem;
        width: 28.8rem
    }

    .c-areas-button {
        background-color: var(--color-white);
        padding: 0 4rem;
        width: auto
    }

    .c-areas-button,
    .c-areas-button:before {
        -webkit-transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
        transition: background-color .2s cubic-bezier(.215, .61, .355, 1)
    }

    .c-areas-button:before {
        background-color: var(--color-grey-20);
        bottom: 2rem;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 2rem;
        width: 1px
    }

    .header--areas-is-active .c-areas-button .areas-button__icon,
    .header--areas-is-active .c-areas-button .areas-button__label {
        display: none
    }

    .header--areas-is-active .c-areas-button .areas-button__active-icon {
        display: block
    }

    html.is-touch--with-mouse .c-areas-button:hover,
    html:not(.is-touch) .c-areas-button:hover {
        background-color: var(--color-grey-5)
    }

    html.is-touch--with-mouse .c-areas-button:hover:before,
    html:not(.is-touch) .c-areas-button:hover:before {
        background-color: transparent
    }

    .areas-button__icon {
        margin-right: 1.6rem
    }

    .c-modal-wrapper {
        width: 100vw
    }

    .modal-wrapper__content {
        padding: 6.4rem
    }

    .modal-wrapper__content.no--padding {
        padding: 0
    }

    .c-button-round.modal-wrapper__button {
        right: 2.4rem;
        top: 2.4rem
    }

    .select__dropdown {
        display: block
    }

    bpd-back-link:not(.back-link--floating) {
        margin-top: 3.2rem
    }

    .back-link__icon {
        background-color: var(--color-grey-5)
    }

    .container--left {
        padding-right: 8px
    }

    .container--right {
        padding-left: 8px
    }

    .container--middle {
        padding-left: 8px;
        padding-right: 8px
    }

    .house-hero-gallery--grid-layout-2 .house-hero-gallery__grid {
        grid-template-areas: "image-1 image-2";
        grid-template-columns: 50%
    }

    .house-hero-gallery--grid-layout-3 .house-hero-gallery__grid {
        grid-template-areas: "image-1 image-2 image-3"
    }

    .house-hero-gallery--grid-layout-4 .house-hero-gallery__grid {
        grid-template-areas: "image-1 image-2 image-3" "image-1 image-2 image-4";
        grid-template-columns: 2fr 2fr 1fr
    }

    .house-hero-gallery--grid-layout-5 .house-hero-gallery__grid {
        grid-template-areas: "image-1 image-2 image-3" "image-1 image-4 image-5";
        grid-template-columns: 2fr 1fr 1fr
    }

    .house-hero-gallery__cta-container {
        bottom: 0;
        margin-bottom: 2.4rem;
        margin-right: 6.4rem;
        position: absolute;
        right: 0
    }

    .c-house-title {
        padding-bottom: 4.8rem
    }

    .house-title__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .house-title__column:first-child {
        padding-right: 3.2rem
    }

    .house-title__price {
        margin-top: 0
    }

    .house-title__price-prefix,
    .house-title__price-suffix {
        font-size: 1.8rem;
        font-weight: 600;
        font-weight: 400;
        line-height: 1.78
    }

    .house-title__price-prefix {
        margin-right: 1.6rem
    }

    .house-title__price-suffix {
        margin-left: 1.6rem
    }

    .house-title__price-amount {
        font-family: var(--heading-font-family);
        font-size: 4rem;
        font-style: var(--heading-font-style);
        font-weight: var(--heading-font-weight);
        letter-spacing: .25px;
        line-height: 1.2;
        text-transform: var(--heading-text-transform)
    }

    .c-highlighted-content {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .c-highlighted-content.highlighted-content--reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .highlighted-content__image,
    .highlighted-content__text-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .highlighted-content__text-block {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .c-navigation {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        text-align: left
    }

    .navigation__item {
        color: inherit
    }

    .header--district .navigation__item {
        color: var(--color-black)
    }

    .navigation__item+.navigation__item {
        margin-left: 3.2rem
    }

    .navigation__item:after {
        background-color: var(--color-primary);
        bottom: 0;
        content: "";
        height: .2rem;
        left: 0;
        position: absolute;
        width: 100%
    }

    .header--transparent .navigation__item:after {
        background-color: var(--color-white)
    }

    .header--district .navigation__item:after {
        background-color: var(--color-primary)
    }

    .navigation__item-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }

    .navigation__sub {
        left: -8rem;
        line-height: 7rem;
        position: absolute;
        top: 100%
    }

    .navigation__sub-inner {
        background-color: var(--color-white);
        border: 1px solid var(--color-grey-10);
        margin-top: 0;
        padding: 0
    }

    .navigation__sub-item+.navigation__sub-item {
        border-top: 1px solid var(--color-grey-10)
    }

    .navigation__sub-link {
        padding: 0 2rem
    }

    .c-areas-navigation {
        background-color: var(--color-grey-5)
    }

    .header--areas-is-active .c-areas-navigation {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .header--transparent .c-areas-navigation {
        background-color: var(--color-grey-50)
    }

    .areas-navigation__slider-container.c-slider {
        height: 28.1rem
    }

    .areas-navigation__slider-list.slider__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
        padding: 0 4rem;
        white-space: nowrap
    }

    .areas-navigation__controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .areas-navigation__footer {
        display: none
    }

    .c-characteristics-modal {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .characteristics-modal__section {
        width: calc(50% - 2.1rem)
    }

    .characteristics-modal__section+.characteristics-modal__section:before {
        background-color: var(--color-bg);
        content: "";
        height: 100%;
        left: -2.1rem;
        position: absolute;
        width: .1rem
    }

    .c-news-pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .news-pagination__page-buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .news-pagination__page-text {
        display: none
    }

    html.is-touch--with-mouse bpd-profile-button:hover,
    html:not(.is-touch) bpd-profile-button:hover {
        background-color: var(--color-secondary)
    }

    bpd-profile-button {
        font-size: 1.4rem;
        font-weight: 600;
        height: 7.2rem;
        letter-spacing: .25px;
        line-height: 1.71;
        width: 7.2rem
    }

    .profile-button__circle {
        background-color: transparent
    }

    .profile-button__label {
        display: none
    }

    .profile-button__dropdown {
        right: 0;
        top: 100%;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }

    bpd-profile-button:hover .profile-button__dropdown {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible
    }

    .c-fly-in {
        top: 7.2rem
    }

    .c-header-wishlist-button:before {
        background-color: var(--color-grey-20);
        bottom: 2rem;
        content: "";
        left: 0;
        position: absolute;
        top: 2rem;
        -webkit-transition: opacity .2s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .2s cubic-bezier(.215, .61, .355, 1);
        width: 1px
    }

    html.is-touch--with-mouse .c-header-wishlist-button:focus,
    html.is-touch--with-mouse .c-header-wishlist-button:hover,
    html:not(.is-touch) .c-header-wishlist-button:focus,
    html:not(.is-touch) .c-header-wishlist-button:hover {
        background-color: var(--color-grey-5)
    }

    html.is-touch--with-mouse .c-header-wishlist-button:focus:before,
    html.is-touch--with-mouse .c-header-wishlist-button:hover:before,
    html:not(.is-touch) .c-header-wishlist-button:focus:before,
    html:not(.is-touch) .c-header-wishlist-button:hover:before {
        opacity: 0
    }

    .c-header-alerts-button:before {
        background-color: var(--color-grey-20);
        bottom: 2rem;
        content: "";
        left: 0;
        position: absolute;
        top: 2rem;
        -webkit-transition: opacity .2s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .2s cubic-bezier(.215, .61, .355, 1);
        width: 1px
    }

    html.is-touch--with-mouse .c-header-alerts-button:focus,
    html.is-touch--with-mouse .c-header-alerts-button:hover,
    html:not(.is-touch) .c-header-alerts-button:focus,
    html:not(.is-touch) .c-header-alerts-button:hover {
        background-color: var(--color-grey-5)
    }

    html.is-touch--with-mouse .c-header-alerts-button:focus:before,
    html.is-touch--with-mouse .c-header-alerts-button:hover:before,
    html:not(.is-touch) .c-header-alerts-button:focus:before,
    html:not(.is-touch) .c-header-alerts-button:hover:before {
        opacity: 0
    }

    .area-subscription-modal__controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .area-subscription-tile__image {
        height: 19.2rem
    }

    bpd-header {
        height: 7.2rem
    }

    bpd-header.header--transparent:before {
        height: 18rem
    }

    .c-header {
        position: relative;
        z-index: 100
    }

    .header--district .header__content {
        padding-left: 6.4rem
    }

    .header__logo {
        top: 0;
        -webkit-transform: none;
        transform: none
    }

    .header__back {
        background-color: var(--color-white);
        height: 100%;
        margin-left: 3.2rem;
        position: relative;
        width: auto
    }

    .header__back-link {
        -webkit-box-flex: 1;
        background-color: transparent;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 3.2rem
    }

    .header__back-link:before {
        background-color: var(--color-grey-10);
        bottom: 2rem;
        content: "";
        left: 0;
        position: absolute;
        top: 2rem;
        width: 1px
    }

    .header--transparent .header__back-icon {
        color: var(--color-white)
    }

    .header--district .header__back-icon {
        color: var(--color-black)
    }

    .header__back-title {
        display: none
    }

    .header__navigation {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background-color: transparent;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-justify-content: center;
        justify-content: center;
        margin-left: 3.2rem;
        opacity: 1;
        padding-top: 0;
        pointer-events: all;
        position: relative;
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .header--district .header__navigation {
        background-color: var(--color-white);
        margin-left: 0
    }

    .header--disable-navigation .header__navigation {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .header__mobile-actions {
        height: 100%;
        opacity: 1;
        pointer-events: all;
        position: relative;
        top: auto !important;
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .header__alerts,
    .header__wishlist {
        width: 7.2rem
    }

    .header__profile {
        width: auto
    }

    .header__menu-trigger {
        display: none
    }

    .property-card-slider__item {
        min-height: 41rem;
        width: 37rem
    }

    .c-text-block-colored,
    .property-card-slider__controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .c-text-block-colored {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .text-block-colored__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    bpd-properties,
    bpd-wishlist {
        height: calc(100vh - 7.2rem)
    }

    .properties__header {
        top: 7.2rem
    }

    .properties__view {
        height: calc(100% - 10.9rem);
        left: 0;
        position: absolute;
        top: 10.9rem;
        width: 100%
    }

    bpd-properties:has(.properties-filters--expanded) .properties__view {
        height: calc(100% - 14.9rem);
        top: 14.9rem
    }

    .properties--has-return .properties__view,
    bpd-properties:has(.properties-filters--filters-active) .properties__view {
        height: calc(100% - 17.8rem);
        top: 17.8rem
    }

    bpd-properties:has(.properties-filters--expanded).properties--has-return .properties__view,
    bpd-properties:has(.properties-filters--expanded.properties-filters--filters-active) .properties__view {
        height: calc(100% - 21.8rem);
        top: 21.8rem
    }
}

@media only screen and (min-width:1024px) {
    .o-col--lg {
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .o-col--lg,
    .o-col-0--lg {
        -webkit-box-flex: 0;
        padding-left: 8px;
        padding-right: 8px
    }

    .o-col-0--lg {
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 0%;
        -webkit-flex-basis: 0%;
        flex-basis: 0%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 0
    }

    .u-push-0--lg {
        position: relative;
        right: 0
    }

    .u-pull-0--lg {
        left: 0;
        position: relative
    }

    .u-pre-0--lg {
        margin-left: 0;
        position: relative
    }

    .u-post-0--lg {
        margin-right: 0;
        position: relative
    }

    .o-col-1--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        -webkit-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 8.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-1--lg {
        position: relative;
        right: -8.3333333333%
    }

    .u-pull-1--lg {
        left: -8.3333333333%;
        position: relative
    }

    .u-pre-1--lg {
        margin-left: 8.3333333333%;
        position: relative
    }

    .u-post-1--lg {
        margin-right: 8.3333333333%;
        position: relative
    }

    .o-col-2--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        -webkit-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-2--lg {
        position: relative;
        right: -16.6666666667%
    }

    .u-pull-2--lg {
        left: -16.6666666667%;
        position: relative
    }

    .u-pre-2--lg {
        margin-left: 16.6666666667%;
        position: relative
    }

    .u-post-2--lg {
        margin-right: 16.6666666667%;
        position: relative
    }

    .o-col-3--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 25%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-3--lg {
        position: relative;
        right: -25%
    }

    .u-pull-3--lg {
        left: -25%;
        position: relative
    }

    .u-pre-3--lg {
        margin-left: 25%;
        position: relative
    }

    .u-post-3--lg {
        margin-right: 25%;
        position: relative
    }

    .o-col-4--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        -webkit-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-4--lg {
        position: relative;
        right: -33.3333333333%
    }

    .u-pull-4--lg {
        left: -33.3333333333%;
        position: relative
    }

    .u-pre-4--lg {
        margin-left: 33.3333333333%;
        position: relative
    }

    .u-post-4--lg {
        margin-right: 33.3333333333%;
        position: relative
    }

    .o-col-5--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        -webkit-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 41.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-5--lg {
        position: relative;
        right: -41.6666666667%
    }

    .u-pull-5--lg {
        left: -41.6666666667%;
        position: relative
    }

    .u-pre-5--lg {
        margin-left: 41.6666666667%;
        position: relative
    }

    .u-post-5--lg {
        margin-right: 41.6666666667%;
        position: relative
    }

    .o-col-6--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-6--lg {
        position: relative;
        right: -50%
    }

    .u-pull-6--lg {
        left: -50%;
        position: relative
    }

    .u-pre-6--lg {
        margin-left: 50%;
        position: relative
    }

    .u-post-6--lg {
        margin-right: 50%;
        position: relative
    }

    .o-col-7--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        -webkit-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 58.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-7--lg {
        position: relative;
        right: -58.3333333333%
    }

    .u-pull-7--lg {
        left: -58.3333333333%;
        position: relative
    }

    .u-pre-7--lg {
        margin-left: 58.3333333333%;
        position: relative
    }

    .u-post-7--lg {
        margin-right: 58.3333333333%;
        position: relative
    }

    .o-col-8--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        -webkit-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-8--lg {
        position: relative;
        right: -66.6666666667%
    }

    .u-pull-8--lg {
        left: -66.6666666667%;
        position: relative
    }

    .u-pre-8--lg {
        margin-left: 66.6666666667%;
        position: relative
    }

    .u-post-8--lg {
        margin-right: 66.6666666667%;
        position: relative
    }

    .o-col-9--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 75%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-9--lg {
        position: relative;
        right: -75%
    }

    .u-pull-9--lg {
        left: -75%;
        position: relative
    }

    .u-pre-9--lg {
        margin-left: 75%;
        position: relative
    }

    .u-post-9--lg {
        margin-right: 75%;
        position: relative
    }

    .o-col-10--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        -webkit-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-10--lg {
        position: relative;
        right: -83.3333333333%
    }

    .u-pull-10--lg {
        left: -83.3333333333%;
        position: relative
    }

    .u-pre-10--lg {
        margin-left: 83.3333333333%;
        position: relative
    }

    .u-post-10--lg {
        margin-right: 83.3333333333%;
        position: relative
    }

    .o-col-11--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        -webkit-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 91.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-11--lg {
        position: relative;
        right: -91.6666666667%
    }

    .u-pull-11--lg {
        left: -91.6666666667%;
        position: relative
    }

    .u-pre-11--lg {
        margin-left: 91.6666666667%;
        position: relative
    }

    .u-post-11--lg {
        margin-right: 91.6666666667%;
        position: relative
    }

    .o-col-12--lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-12--lg {
        position: relative;
        right: -100%
    }

    .u-pull-12--lg {
        left: -100%;
        position: relative
    }

    .u-pre-12--lg {
        margin-left: 100%;
        position: relative
    }

    .u-post-12--lg {
        margin-right: 100%;
        position: relative
    }

    .o-col--lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .u-flex-wrap--lg {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .u-flex-nowrap--lg {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-column--lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-row--lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-start--lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .u-flex-center--lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

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

    .u-flex-end--lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

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

    .u-flex-bottom--lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .u-flex-self-left--lg {
        margin-left: 0;
        margin-right: auto
    }

    .u-flex-self-center--lg {
        margin-left: auto;
        margin-right: auto
    }

    .u-flex-self-right--lg {
        margin-left: auto;
        margin-right: 0
    }

    .u-flex-self-top--lg {
        margin-bottom: auto;
        margin-top: 0
    }

    .u-flex-self-middle--lg {
        margin-bottom: auto;
        margin-top: auto
    }

    .u-flex-self-bottom--lg {
        margin-bottom: 0;
        margin-top: auto
    }

    .u-flex-around--lg {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

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

    .u-flex-first--lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }

    .u-flex-last--lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .u-flex-grow--lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .u-margin-top-12--lg {
        margin-top: 96px !important
    }

    .u-padding-top-12--lg {
        padding-top: 96px !important
    }

    .u-margin-left-12--lg {
        margin-left: 96px !important
    }

    .u-padding-left-12--lg {
        padding-left: 96px !important
    }

    .u-margin-bottom-12--lg {
        margin-bottom: 96px !important
    }

    .u-padding-bottom-12--lg {
        padding-bottom: 96px !important
    }

    .u-margin-right-12--lg {
        margin-right: 96px !important
    }

    .u-padding-right-12--lg {
        padding-right: 96px !important
    }

    .u-margin-top-11--lg {
        margin-top: 88px !important
    }

    .u-padding-top-11--lg {
        padding-top: 88px !important
    }

    .u-margin-left-11--lg {
        margin-left: 88px !important
    }

    .u-padding-left-11--lg {
        padding-left: 88px !important
    }

    .u-margin-bottom-11--lg {
        margin-bottom: 88px !important
    }

    .u-padding-bottom-11--lg {
        padding-bottom: 88px !important
    }

    .u-margin-right-11--lg {
        margin-right: 88px !important
    }

    .u-padding-right-11--lg {
        padding-right: 88px !important
    }

    .u-margin-top-10--lg {
        margin-top: 80px !important
    }

    .u-padding-top-10--lg {
        padding-top: 80px !important
    }

    .u-margin-left-10--lg {
        margin-left: 80px !important
    }

    .u-padding-left-10--lg {
        padding-left: 80px !important
    }

    .u-margin-bottom-10--lg {
        margin-bottom: 80px !important
    }

    .u-padding-bottom-10--lg {
        padding-bottom: 80px !important
    }

    .u-margin-right-10--lg {
        margin-right: 80px !important
    }

    .u-padding-right-10--lg {
        padding-right: 80px !important
    }

    .u-margin-top-9--lg {
        margin-top: 72px !important
    }

    .u-padding-top-9--lg {
        padding-top: 72px !important
    }

    .u-margin-left-9--lg {
        margin-left: 72px !important
    }

    .u-padding-left-9--lg {
        padding-left: 72px !important
    }

    .u-margin-bottom-9--lg {
        margin-bottom: 72px !important
    }

    .u-padding-bottom-9--lg {
        padding-bottom: 72px !important
    }

    .u-margin-right-9--lg {
        margin-right: 72px !important
    }

    .u-padding-right-9--lg {
        padding-right: 72px !important
    }

    .u-margin-top-8--lg {
        margin-top: 64px !important
    }

    .u-padding-top-8--lg {
        padding-top: 64px !important
    }

    .u-margin-left-8--lg {
        margin-left: 64px !important
    }

    .u-padding-left-8--lg {
        padding-left: 64px !important
    }

    .u-margin-bottom-8--lg {
        margin-bottom: 64px !important
    }

    .u-padding-bottom-8--lg {
        padding-bottom: 64px !important
    }

    .u-margin-right-8--lg {
        margin-right: 64px !important
    }

    .u-padding-right-8--lg {
        padding-right: 64px !important
    }

    .u-margin-top-7--lg {
        margin-top: 56px !important
    }

    .u-padding-top-7--lg {
        padding-top: 56px !important
    }

    .u-margin-left-7--lg {
        margin-left: 56px !important
    }

    .u-padding-left-7--lg {
        padding-left: 56px !important
    }

    .u-margin-bottom-7--lg {
        margin-bottom: 56px !important
    }

    .u-padding-bottom-7--lg {
        padding-bottom: 56px !important
    }

    .u-margin-right-7--lg {
        margin-right: 56px !important
    }

    .u-padding-right-7--lg {
        padding-right: 56px !important
    }

    .u-margin-top-6--lg {
        margin-top: 48px !important
    }

    .u-padding-top-6--lg {
        padding-top: 48px !important
    }

    .u-margin-left-6--lg {
        margin-left: 48px !important
    }

    .u-padding-left-6--lg {
        padding-left: 48px !important
    }

    .u-margin-bottom-6--lg {
        margin-bottom: 48px !important
    }

    .u-padding-bottom-6--lg {
        padding-bottom: 48px !important
    }

    .u-margin-right-6--lg {
        margin-right: 48px !important
    }

    .u-padding-right-6--lg {
        padding-right: 48px !important
    }

    .u-margin-top-5--lg {
        margin-top: 40px !important
    }

    .u-padding-top-5--lg {
        padding-top: 40px !important
    }

    .u-margin-left-5--lg {
        margin-left: 40px !important
    }

    .u-padding-left-5--lg {
        padding-left: 40px !important
    }

    .u-margin-bottom-5--lg {
        margin-bottom: 40px !important
    }

    .u-padding-bottom-5--lg {
        padding-bottom: 40px !important
    }

    .u-margin-right-5--lg {
        margin-right: 40px !important
    }

    .u-padding-right-5--lg {
        padding-right: 40px !important
    }

    .u-margin-top-4--lg {
        margin-top: 32px !important
    }

    .u-padding-top-4--lg {
        padding-top: 32px !important
    }

    .u-margin-left-4--lg {
        margin-left: 32px !important
    }

    .u-padding-left-4--lg {
        padding-left: 32px !important
    }

    .u-margin-bottom-4--lg {
        margin-bottom: 32px !important
    }

    .u-padding-bottom-4--lg {
        padding-bottom: 32px !important
    }

    .u-margin-right-4--lg {
        margin-right: 32px !important
    }

    .u-padding-right-4--lg {
        padding-right: 32px !important
    }

    .u-margin-top-3--lg {
        margin-top: 24px !important
    }

    .u-padding-top-3--lg {
        padding-top: 24px !important
    }

    .u-margin-left-3--lg {
        margin-left: 24px !important
    }

    .u-padding-left-3--lg {
        padding-left: 24px !important
    }

    .u-margin-bottom-3--lg {
        margin-bottom: 24px !important
    }

    .u-padding-bottom-3--lg {
        padding-bottom: 24px !important
    }

    .u-margin-right-3--lg {
        margin-right: 24px !important
    }

    .u-padding-right-3--lg {
        padding-right: 24px !important
    }

    .u-margin-top-2--lg {
        margin-top: 16px !important
    }

    .u-padding-top-2--lg {
        padding-top: 16px !important
    }

    .u-margin-left-2--lg {
        margin-left: 16px !important
    }

    .u-padding-left-2--lg {
        padding-left: 16px !important
    }

    .u-margin-bottom-2--lg {
        margin-bottom: 16px !important
    }

    .u-padding-bottom-2--lg {
        padding-bottom: 16px !important
    }

    .u-margin-right-2--lg {
        margin-right: 16px !important
    }

    .u-padding-right-2--lg {
        padding-right: 16px !important
    }

    .u-margin-top-1--lg {
        margin-top: 8px !important
    }

    .u-padding-top-1--lg {
        padding-top: 8px !important
    }

    .u-margin-left-1--lg {
        margin-left: 8px !important
    }

    .u-padding-left-1--lg {
        padding-left: 8px !important
    }

    .u-margin-bottom-1--lg {
        margin-bottom: 8px !important
    }

    .u-padding-bottom-1--lg {
        padding-bottom: 8px !important
    }

    .u-margin-right-1--lg {
        margin-right: 8px !important
    }

    .u-padding-right-1--lg {
        padding-right: 8px !important
    }

    .u-h1--lg {
        font-size: 5.6rem;
        line-height: 1.14
    }

    .u-h1--lg,
    .u-h2--lg {
        font-family: var(--heading-font-family);
        font-style: var(--heading-font-style);
        font-weight: var(--heading-font-weight);
        letter-spacing: .25px;
        text-transform: var(--heading-text-transform)
    }

    .u-h2--lg {
        font-size: 4rem;
        line-height: 1.2
    }

    .u-h3--lg {
        font-size: 3.2rem;
        font-weight: 500;
        letter-spacing: .25px;
        line-height: 1.25
    }

    .u-h4--lg {
        font-size: 2.6rem;
        font-weight: 500;
        letter-spacing: .5px;
        line-height: 1.31
    }

    .u-h5--lg,
    .u-h6--lg {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.78
    }

    .u-body-large--lg,
    .u-subtitle-1--lg {
        font-size: 1.8rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.78
    }

    .u-body-large-bold--lg {
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.78
    }

    .u-subtitle-2--lg {
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.5
    }

    .u-caption--lg {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.5
    }

    .u-subtitle-3--lg {
        font-weight: 600
    }

    .u-icon--lg,
    .u-subtitle-3--lg {
        font-size: 1.4rem;
        line-height: 1.71
    }

    .u-icon--lg {
        font-weight: 500
    }

    .u-button--lg {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.71
    }

    .u-body-normal--lg,
    .u-status-large--lg {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .u-body-normal-bold--lg {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .u-label--lg {
        font-weight: 500
    }

    .u-label--lg,
    .u-label-semi-bold--lg {
        font-size: 1.2rem;
        letter-spacing: .5px;
        line-height: 1.33
    }

    .u-label-semi-bold--lg {
        font-weight: 600
    }

    .u-date--lg {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.33
    }

    .u-status-regular--lg {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.33
    }

    .u-chip--lg {
        font-size: 1.1rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.45;
        text-transform: uppercase
    }

    .u-text--left--lg {
        text-align: left
    }

    .u-text--centered--lg {
        text-align: center
    }

    .u-text--right--lg {
        text-align: right
    }

    .u-text--medium--lg {
        font-weight: 500
    }

    .u-text--semi-bold--lg {
        font-weight: 600
    }

    .u-text--bold--lg {
        font-weight: 700
    }
}

@media only screen and (min-width:1024px)and (min-width:480px) {

    .o-col--lg,
    .o-col-0--lg,
    .o-col-1--lg,
    .o-col-10--lg,
    .o-col-11--lg,
    .o-col-12--lg,
    .o-col-2--lg,
    .o-col-3--lg,
    .o-col-4--lg,
    .o-col-5--lg,
    .o-col-6--lg,
    .o-col-7--lg,
    .o-col-8--lg,
    .o-col-9--lg {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:64em)and (min-width:480px) {
    .container--left {
        padding-right: 8px
    }

    .container--right {
        padding-left: 8px
    }

    .container--middle {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:64em)and (max-width:77.46875em) {

    .u-visible--lg,
    .u-visible--lg-block {
        display: block !important
    }

    .u-visible--lg-table-cell {
        display: table-cell !important
    }

    .u-visible--lg-inline-block {
        display: inline-block !important
    }

    .u-visible--lg-inline {
        display: inline !important
    }

    .u-hidden--lg {
        display: none !important
    }
}

@media only screen and (min-width:1240px) {
    .o-col--xlg {
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .o-col--xlg,
    .o-col-0--xlg {
        -webkit-box-flex: 0;
        padding-left: 8px;
        padding-right: 8px
    }

    .o-col-0--xlg {
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 0%;
        -webkit-flex-basis: 0%;
        flex-basis: 0%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 0
    }

    .u-push-0--xlg {
        position: relative;
        right: 0
    }

    .u-pull-0--xlg {
        left: 0;
        position: relative
    }

    .u-pre-0--xlg {
        margin-left: 0;
        position: relative
    }

    .u-post-0--xlg {
        margin-right: 0;
        position: relative
    }

    .o-col-1--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 8.3333333333%;
        -webkit-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 8.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-1--xlg {
        position: relative;
        right: -8.3333333333%
    }

    .u-pull-1--xlg {
        left: -8.3333333333%;
        position: relative
    }

    .u-pre-1--xlg {
        margin-left: 8.3333333333%;
        position: relative
    }

    .u-post-1--xlg {
        margin-right: 8.3333333333%;
        position: relative
    }

    .o-col-2--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 16.6666666667%;
        -webkit-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 16.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-2--xlg {
        position: relative;
        right: -16.6666666667%
    }

    .u-pull-2--xlg {
        left: -16.6666666667%;
        position: relative
    }

    .u-pre-2--xlg {
        margin-left: 16.6666666667%;
        position: relative
    }

    .u-post-2--xlg {
        margin-right: 16.6666666667%;
        position: relative
    }

    .o-col-3--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 25%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-3--xlg {
        position: relative;
        right: -25%
    }

    .u-pull-3--xlg {
        left: -25%;
        position: relative
    }

    .u-pre-3--xlg {
        margin-left: 25%;
        position: relative
    }

    .u-post-3--xlg {
        margin-right: 25%;
        position: relative
    }

    .o-col-4--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 33.3333333333%;
        -webkit-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 33.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-4--xlg {
        position: relative;
        right: -33.3333333333%
    }

    .u-pull-4--xlg {
        left: -33.3333333333%;
        position: relative
    }

    .u-pre-4--xlg {
        margin-left: 33.3333333333%;
        position: relative
    }

    .u-post-4--xlg {
        margin-right: 33.3333333333%;
        position: relative
    }

    .o-col-5--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 41.6666666667%;
        -webkit-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 41.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-5--xlg {
        position: relative;
        right: -41.6666666667%
    }

    .u-pull-5--xlg {
        left: -41.6666666667%;
        position: relative
    }

    .u-pre-5--xlg {
        margin-left: 41.6666666667%;
        position: relative
    }

    .u-post-5--xlg {
        margin-right: 41.6666666667%;
        position: relative
    }

    .o-col-6--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-6--xlg {
        position: relative;
        right: -50%
    }

    .u-pull-6--xlg {
        left: -50%;
        position: relative
    }

    .u-pre-6--xlg {
        margin-left: 50%;
        position: relative
    }

    .u-post-6--xlg {
        margin-right: 50%;
        position: relative
    }

    .o-col-7--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 58.3333333333%;
        -webkit-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 58.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-7--xlg {
        position: relative;
        right: -58.3333333333%
    }

    .u-pull-7--xlg {
        left: -58.3333333333%;
        position: relative
    }

    .u-pre-7--xlg {
        margin-left: 58.3333333333%;
        position: relative
    }

    .u-post-7--xlg {
        margin-right: 58.3333333333%;
        position: relative
    }

    .o-col-8--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 66.6666666667%;
        -webkit-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 66.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-8--xlg {
        position: relative;
        right: -66.6666666667%
    }

    .u-pull-8--xlg {
        left: -66.6666666667%;
        position: relative
    }

    .u-pre-8--xlg {
        margin-left: 66.6666666667%;
        position: relative
    }

    .u-post-8--xlg {
        margin-right: 66.6666666667%;
        position: relative
    }

    .o-col-9--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 75%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-9--xlg {
        position: relative;
        right: -75%
    }

    .u-pull-9--xlg {
        left: -75%;
        position: relative
    }

    .u-pre-9--xlg {
        margin-left: 75%;
        position: relative
    }

    .u-post-9--xlg {
        margin-right: 75%;
        position: relative
    }

    .o-col-10--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 83.3333333333%;
        -webkit-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-10--xlg {
        position: relative;
        right: -83.3333333333%
    }

    .u-pull-10--xlg {
        left: -83.3333333333%;
        position: relative
    }

    .u-pre-10--xlg {
        margin-left: 83.3333333333%;
        position: relative
    }

    .u-post-10--xlg {
        margin-right: 83.3333333333%;
        position: relative
    }

    .o-col-11--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 91.6666666667%;
        -webkit-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 91.6666666667%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-11--xlg {
        position: relative;
        right: -91.6666666667%
    }

    .u-pull-11--xlg {
        left: -91.6666666667%;
        position: relative
    }

    .u-pre-11--xlg {
        margin-left: 91.6666666667%;
        position: relative
    }

    .u-post-11--xlg {
        margin-right: 91.6666666667%;
        position: relative
    }

    .o-col-12--xlg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        -ms-flex-negative: 0;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px
    }

    .u-push-12--xlg {
        position: relative;
        right: -100%
    }

    .u-pull-12--xlg {
        left: -100%;
        position: relative
    }

    .u-pre-12--xlg {
        margin-left: 100%;
        position: relative
    }

    .u-post-12--xlg {
        margin-right: 100%;
        position: relative
    }

    .o-col--xlg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .u-flex-wrap--xlg {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .u-flex-nowrap--xlg {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .u-flex-column--xlg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .u-flex-row--xlg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .u-flex-start--xlg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .u-flex-center--xlg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

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

    .u-flex-end--xlg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

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

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

    .u-flex-bottom--xlg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .u-flex-self-left--xlg {
        margin-left: 0;
        margin-right: auto
    }

    .u-flex-self-center--xlg {
        margin-left: auto;
        margin-right: auto
    }

    .u-flex-self-right--xlg {
        margin-left: auto;
        margin-right: 0
    }

    .u-flex-self-top--xlg {
        margin-bottom: auto;
        margin-top: 0
    }

    .u-flex-self-middle--xlg {
        margin-bottom: auto;
        margin-top: auto
    }

    .u-flex-self-bottom--xlg {
        margin-bottom: 0;
        margin-top: auto
    }

    .u-flex-around--xlg {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

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

    .u-flex-first--xlg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1
    }

    .u-flex-last--xlg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .u-flex-grow--xlg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .u-margin-top-12--xlg {
        margin-top: 96px !important
    }

    .u-padding-top-12--xlg {
        padding-top: 96px !important
    }

    .u-margin-left-12--xlg {
        margin-left: 96px !important
    }

    .u-padding-left-12--xlg {
        padding-left: 96px !important
    }

    .u-margin-bottom-12--xlg {
        margin-bottom: 96px !important
    }

    .u-padding-bottom-12--xlg {
        padding-bottom: 96px !important
    }

    .u-margin-right-12--xlg {
        margin-right: 96px !important
    }

    .u-padding-right-12--xlg {
        padding-right: 96px !important
    }

    .u-margin-top-11--xlg {
        margin-top: 88px !important
    }

    .u-padding-top-11--xlg {
        padding-top: 88px !important
    }

    .u-margin-left-11--xlg {
        margin-left: 88px !important
    }

    .u-padding-left-11--xlg {
        padding-left: 88px !important
    }

    .u-margin-bottom-11--xlg {
        margin-bottom: 88px !important
    }

    .u-padding-bottom-11--xlg {
        padding-bottom: 88px !important
    }

    .u-margin-right-11--xlg {
        margin-right: 88px !important
    }

    .u-padding-right-11--xlg {
        padding-right: 88px !important
    }

    .u-margin-top-10--xlg {
        margin-top: 80px !important
    }

    .u-padding-top-10--xlg {
        padding-top: 80px !important
    }

    .u-margin-left-10--xlg {
        margin-left: 80px !important
    }

    .u-padding-left-10--xlg {
        padding-left: 80px !important
    }

    .u-margin-bottom-10--xlg {
        margin-bottom: 80px !important
    }

    .u-padding-bottom-10--xlg {
        padding-bottom: 80px !important
    }

    .u-margin-right-10--xlg {
        margin-right: 80px !important
    }

    .u-padding-right-10--xlg {
        padding-right: 80px !important
    }

    .u-margin-top-9--xlg {
        margin-top: 72px !important
    }

    .u-padding-top-9--xlg {
        padding-top: 72px !important
    }

    .u-margin-left-9--xlg {
        margin-left: 72px !important
    }

    .u-padding-left-9--xlg {
        padding-left: 72px !important
    }

    .u-margin-bottom-9--xlg {
        margin-bottom: 72px !important
    }

    .u-padding-bottom-9--xlg {
        padding-bottom: 72px !important
    }

    .u-margin-right-9--xlg {
        margin-right: 72px !important
    }

    .u-padding-right-9--xlg {
        padding-right: 72px !important
    }

    .u-margin-top-8--xlg {
        margin-top: 64px !important
    }

    .u-padding-top-8--xlg {
        padding-top: 64px !important
    }

    .u-margin-left-8--xlg {
        margin-left: 64px !important
    }

    .u-padding-left-8--xlg {
        padding-left: 64px !important
    }

    .u-margin-bottom-8--xlg {
        margin-bottom: 64px !important
    }

    .u-padding-bottom-8--xlg {
        padding-bottom: 64px !important
    }

    .u-margin-right-8--xlg {
        margin-right: 64px !important
    }

    .u-padding-right-8--xlg {
        padding-right: 64px !important
    }

    .u-margin-top-7--xlg {
        margin-top: 56px !important
    }

    .u-padding-top-7--xlg {
        padding-top: 56px !important
    }

    .u-margin-left-7--xlg {
        margin-left: 56px !important
    }

    .u-padding-left-7--xlg {
        padding-left: 56px !important
    }

    .u-margin-bottom-7--xlg {
        margin-bottom: 56px !important
    }

    .u-padding-bottom-7--xlg {
        padding-bottom: 56px !important
    }

    .u-margin-right-7--xlg {
        margin-right: 56px !important
    }

    .u-padding-right-7--xlg {
        padding-right: 56px !important
    }

    .u-margin-top-6--xlg {
        margin-top: 48px !important
    }

    .u-padding-top-6--xlg {
        padding-top: 48px !important
    }

    .u-margin-left-6--xlg {
        margin-left: 48px !important
    }

    .u-padding-left-6--xlg {
        padding-left: 48px !important
    }

    .u-margin-bottom-6--xlg {
        margin-bottom: 48px !important
    }

    .u-padding-bottom-6--xlg {
        padding-bottom: 48px !important
    }

    .u-margin-right-6--xlg {
        margin-right: 48px !important
    }

    .u-padding-right-6--xlg {
        padding-right: 48px !important
    }

    .u-margin-top-5--xlg {
        margin-top: 40px !important
    }

    .u-padding-top-5--xlg {
        padding-top: 40px !important
    }

    .u-margin-left-5--xlg {
        margin-left: 40px !important
    }

    .u-padding-left-5--xlg {
        padding-left: 40px !important
    }

    .u-margin-bottom-5--xlg {
        margin-bottom: 40px !important
    }

    .u-padding-bottom-5--xlg {
        padding-bottom: 40px !important
    }

    .u-margin-right-5--xlg {
        margin-right: 40px !important
    }

    .u-padding-right-5--xlg {
        padding-right: 40px !important
    }

    .u-margin-top-4--xlg {
        margin-top: 32px !important
    }

    .u-padding-top-4--xlg {
        padding-top: 32px !important
    }

    .u-margin-left-4--xlg {
        margin-left: 32px !important
    }

    .u-padding-left-4--xlg {
        padding-left: 32px !important
    }

    .u-margin-bottom-4--xlg {
        margin-bottom: 32px !important
    }

    .u-padding-bottom-4--xlg {
        padding-bottom: 32px !important
    }

    .u-margin-right-4--xlg {
        margin-right: 32px !important
    }

    .u-padding-right-4--xlg {
        padding-right: 32px !important
    }

    .u-margin-top-3--xlg {
        margin-top: 24px !important
    }

    .u-padding-top-3--xlg {
        padding-top: 24px !important
    }

    .u-margin-left-3--xlg {
        margin-left: 24px !important
    }

    .u-padding-left-3--xlg {
        padding-left: 24px !important
    }

    .u-margin-bottom-3--xlg {
        margin-bottom: 24px !important
    }

    .u-padding-bottom-3--xlg {
        padding-bottom: 24px !important
    }

    .u-margin-right-3--xlg {
        margin-right: 24px !important
    }

    .u-padding-right-3--xlg {
        padding-right: 24px !important
    }

    .u-margin-top-2--xlg {
        margin-top: 16px !important
    }

    .u-padding-top-2--xlg {
        padding-top: 16px !important
    }

    .u-margin-left-2--xlg {
        margin-left: 16px !important
    }

    .u-padding-left-2--xlg {
        padding-left: 16px !important
    }

    .u-margin-bottom-2--xlg {
        margin-bottom: 16px !important
    }

    .u-padding-bottom-2--xlg {
        padding-bottom: 16px !important
    }

    .u-margin-right-2--xlg {
        margin-right: 16px !important
    }

    .u-padding-right-2--xlg {
        padding-right: 16px !important
    }

    .u-margin-top-1--xlg {
        margin-top: 8px !important
    }

    .u-padding-top-1--xlg {
        padding-top: 8px !important
    }

    .u-margin-left-1--xlg {
        margin-left: 8px !important
    }

    .u-padding-left-1--xlg {
        padding-left: 8px !important
    }

    .u-margin-bottom-1--xlg {
        margin-bottom: 8px !important
    }

    .u-padding-bottom-1--xlg {
        padding-bottom: 8px !important
    }

    .u-margin-right-1--xlg {
        margin-right: 8px !important
    }

    .u-padding-right-1--xlg {
        padding-right: 8px !important
    }

    .u-h1--xlg {
        font-size: 5.6rem;
        line-height: 1.14
    }

    .u-h1--xlg,
    .u-h2--xlg {
        font-family: var(--heading-font-family);
        font-style: var(--heading-font-style);
        font-weight: var(--heading-font-weight);
        letter-spacing: .25px;
        text-transform: var(--heading-text-transform)
    }

    .u-h2--xlg {
        font-size: 4rem;
        line-height: 1.2
    }

    .u-h3--xlg {
        font-size: 3.2rem;
        font-weight: 500;
        letter-spacing: .25px;
        line-height: 1.25
    }

    .u-h4--xlg {
        font-size: 2.6rem;
        font-weight: 500;
        letter-spacing: .5px;
        line-height: 1.31
    }

    .u-h5--xlg,
    .u-h6--xlg {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 1.78
    }

    .u-body-large--xlg,
    .u-subtitle-1--xlg {
        font-size: 1.8rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.78
    }

    .u-body-large-bold--xlg {
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.78
    }

    .u-subtitle-2--xlg {
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.5
    }

    .u-caption--xlg {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 1.5
    }

    .u-subtitle-3--xlg {
        font-weight: 600
    }

    .u-icon--xlg,
    .u-subtitle-3--xlg {
        font-size: 1.4rem;
        line-height: 1.71
    }

    .u-icon--xlg {
        font-weight: 500
    }

    .u-button--xlg {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1.71
    }

    .u-body-normal--xlg,
    .u-status-large--xlg {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .u-body-normal-bold--xlg {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: .25px;
        line-height: 1.71
    }

    .u-label--xlg {
        font-weight: 500
    }

    .u-label--xlg,
    .u-label-semi-bold--xlg {
        font-size: 1.2rem;
        letter-spacing: .5px;
        line-height: 1.33
    }

    .u-label-semi-bold--xlg {
        font-weight: 600
    }

    .u-date--xlg {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.33
    }

    .u-status-regular--xlg {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.33
    }

    .u-chip--xlg {
        font-size: 1.1rem;
        font-weight: 400;
        letter-spacing: .5px;
        line-height: 1.45;
        text-transform: uppercase
    }

    .u-text--left--xlg {
        text-align: left
    }

    .u-text--centered--xlg {
        text-align: center
    }

    .u-text--right--xlg {
        text-align: right
    }

    .u-text--medium--xlg {
        font-weight: 500
    }

    .u-text--semi-bold--xlg {
        font-weight: 600
    }

    .u-text--bold--xlg {
        font-weight: 700
    }
}

@media only screen and (min-width:1240px)and (min-width:480px) {

    .o-col--xlg,
    .o-col-0--xlg,
    .o-col-1--xlg,
    .o-col-10--xlg,
    .o-col-11--xlg,
    .o-col-12--xlg,
    .o-col-2--xlg,
    .o-col-3--xlg,
    .o-col-4--xlg,
    .o-col-5--xlg,
    .o-col-6--xlg,
    .o-col-7--xlg,
    .o-col-8--xlg,
    .o-col-9--xlg {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (min-width:1240px) {
    .modal-wrapper__title {
        font-size: 50px;
        margin-bottom: 50px;
        padding-bottom: 20px
    }

    .c-house-characteristics-card {
        padding: 50px
    }

    .characteristics-modal__section:not(:last-child) {
        margin-bottom: 45px
    }

    .site-picker-modal__wrapper {
        padding: 40px
    }

    .u-title-underlined {
        font-size: 50px;
        margin-bottom: 50px;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:77.5em)and (max-width:89.96875em) {

    .u-visible--xlg,
    .u-visible--xlg-block {
        display: block !important
    }

    .u-visible--xlg-table-cell {
        display: table-cell !important
    }

    .u-visible--xlg-inline-block {
        display: inline-block !important
    }

    .u-visible--xlg-inline {
        display: inline !important
    }

    .u-hidden--xlg {
        display: none !important
    }
}

@media(min-width:1440px) {
    .o-container {
        padding-left: 64px;
        padding-right: 64px
    }

    .o-grid {
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px)
    }

    .o-col,
    .o-col-0,
    .o-col-1,
    .o-col-10,
    .o-col-11,
    .o-col-12,
    .o-col-2,
    .o-col-3,
    .o-col-4,
    .o-col-5,
    .o-col-6,
    .o-col-7,
    .o-col-8,
    .o-col-9 {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:480px)and (min-width:1440px) {

    .o-col--sm,
    .o-col-0--sm,
    .o-col-1--sm,
    .o-col-10--sm,
    .o-col-11--sm,
    .o-col-12--sm,
    .o-col-2--sm,
    .o-col-3--sm,
    .o-col-4--sm,
    .o-col-5--sm,
    .o-col-6--sm,
    .o-col-7--sm,
    .o-col-8--sm,
    .o-col-9--sm {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px)and (min-width:1440px) {

    .o-col--md,
    .o-col-0--md,
    .o-col-1--md,
    .o-col-10--md,
    .o-col-11--md,
    .o-col-12--md,
    .o-col-2--md,
    .o-col-3--md,
    .o-col-4--md,
    .o-col-5--md,
    .o-col-6--md,
    .o-col-7--md,
    .o-col-8--md,
    .o-col-9--md {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:1024px)and (min-width:1440px) {

    .o-col--lg,
    .o-col-0--lg,
    .o-col-1--lg,
    .o-col-10--lg,
    .o-col-11--lg,
    .o-col-12--lg,
    .o-col-2--lg,
    .o-col-3--lg,
    .o-col-4--lg,
    .o-col-5--lg,
    .o-col-6--lg,
    .o-col-7--lg,
    .o-col-8--lg,
    .o-col-9--lg {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:1240px)and (min-width:1440px) {

    .o-col--xlg,
    .o-col-0--xlg,
    .o-col-1--xlg,
    .o-col-10--xlg,
    .o-col-11--xlg,
    .o-col-12--xlg,
    .o-col-2--xlg,
    .o-col-3--xlg,
    .o-col-4--xlg,
    .o-col-5--xlg,
    .o-col-6--xlg,
    .o-col-7--xlg,
    .o-col-8--xlg,
    .o-col-9--xlg {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:90em) {
    .back-link--floating .back-link__button {
        padding-bottom: 2.8rem;
        padding-right: 6.4rem;
        padding-top: 4rem
    }
}

@media only screen and (min-width:64em)and (min-width:1440px) {
    .container--left {
        padding-right: 12px
    }

    .container--right {
        padding-left: 12px
    }

    .container--middle {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:90em) {

    .u-visible--xxlg,
    .u-visible--xxlg-block {
        display: block !important
    }

    .u-visible--xxlg-table-cell {
        display: table-cell !important
    }

    .u-visible--xxlg-inline-block {
        display: inline-block !important
    }

    .u-visible--xxlg-inline {
        display: inline !important
    }

    .u-hidden--xxlg {
        display: none !important
    }
}

@media only screen and (max-width:63.96875em) {
    .o-scrollable-container {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 4rem;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important
    }

    .o-scrollable-container::-webkit-scrollbar {
        display: none
    }

    .c-areas-card {
        margin-bottom: 2.4rem
    }

    html.is-touch--with-mouse .c-areas-button:hover,
    html:not(.is-touch) .c-areas-button:hover {
        color: var(--color-primary)
    }

    bpd-back-link:not(.back-link--floating) {
        background-color: var(--color-grey-5);
        border-bottom: 1px solid var(--color-grey-10);
        padding-bottom: .8rem;
        padding-top: .8rem
    }

    .c-house-characteristics-card {
        margin-top: 5rem
    }

    .house-hero-gallery--grid-layout-2 .house-hero-gallery__grid {
        grid-template-areas: "image-1" "image-2";
        grid-template-rows: 50%
    }

    .house-hero-gallery--grid-layout-3 .house-hero-gallery__grid {
        grid-template-areas: "image-1 image-1" "image-2 image-3";
        grid-template-rows: 2fr 1fr
    }

    .house-hero-gallery--grid-layout-4 .house-hero-gallery__grid {
        grid-template-areas: "image-1 image-2" "image-3 image-4"
    }

    .house-hero-gallery--grid-layout-5 .house-hero-gallery__grid {
        grid-template-areas: "image-1 image-1" "image-2 image-3" "image-4 image-5";
        grid-template-rows: 2fr 1fr 1fr
    }

    .house-hero-gallery__cta-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        align-items: center;
        bottom: 1.6rem;
        -webkit-justify-content: center;
        justify-content: center;
        left: 0;
        margin: 2.4rem 0 0;
        position: absolute;
        width: 100%
    }

    .c-property-card.property-card--horizontal {
        gap: 0 1.6rem;
        padding: 2.4rem 0
    }

    .property-card--horizontal .property-card__image-container {
        -webkit-box-flex: 0;
        aspect-ratio: 1;
        -webkit-flex: 0 0 0;
        -ms-flex: 0 0 0px;
        flex: 0 0 0;
        height: auto
    }

    .property-card--horizontal .property-card__details {
        padding-top: 0
    }

    .c-project-phase-card {
        gap: 0 1.6rem;
        padding: 2.4rem 0
    }

    .project-phase-card__image-container {
        -webkit-box-flex: 0;
        aspect-ratio: 1;
        -webkit-flex: 0 0 0;
        -ms-flex: 0 0 0px;
        flex: 0 0 0;
        height: auto
    }

    .project-phase-card__details {
        padding-top: 0
    }

    .navigation__item {
        padding-bottom: 1.2rem;
        padding-top: 1.2rem;
        width: 100%
    }

    .navigation__item:last-child {
        margin-bottom: 1.2rem
    }

    .navigation__sub-item+.navigation__sub-item {
        margin-top: 2.4rem
    }

    .c-areas-navigation:after {
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(81.3%, var(--color-white)));
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, var(--color-white) 81.3%);
        bottom: 0;
        content: "";
        height: 23rem;
        left: 0;
        pointer-events: none;
        position: absolute;
        width: 100%
    }

    .areas-navigation__slider-container.c-slider {
        -webkit-overflow-scrolling: touch;
        height: 100vh;
        overflow-y: auto;
        width: 100%
    }

    .areas-navigation__slider-list.slider__list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .areas-navigation__slider-list.slider__list .slider__item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%
    }

    .areas-navigation__slider-list.slider__list .slider__item:last-child {
        padding-bottom: 6.4rem
    }

    .profile-button__dropdown {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(50%, rgba(0, 0, 0, .35)), color-stop(65%, rgba(0, 0, 0, .425)), color-stop(75.5%, rgba(0, 0, 0, .463)), color-stop(82.85%, rgba(0, 0, 0, .482)), color-stop(88%, rgba(0, 0, 0, .491)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(transparent, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .425) 65%, rgba(0, 0, 0, .463) 75.5%, rgba(0, 0, 0, .482) 82.85%, rgba(0, 0, 0, .491) 88%, rgba(0, 0, 0, .5));
        bottom: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: calc(100vh - 12.1rem);
        right: 0;
        width: 100vw
    }

    bpd-profile-button.profile-button--dropdown-open .profile-button__dropdown {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible
    }

    .c-construction-number-card {
        gap: 0 1.6rem;
        padding: 2.4rem 0
    }

    .construction-number-card__image-container {
        -webkit-box-flex: 0;
        aspect-ratio: 1;
        -webkit-flex: 0 0 0;
        -ms-flex: 0 0 0px;
        flex: 0 0 0;
        height: auto
    }

    .area-subscription-modal__slider-list.slider__list {
        margin-bottom: 2.4rem;
        -webkit-transform: translate(0) !important;
        transform: translate(0) !important
    }

    .area-subscription-modal__container,
    .smart-subscription__container {
        margin: 0;
        padding: 0
    }

    .header--navigation-is-active bpd-header.header--transparent:before {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .header__back {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }

    .header--navigation-is-active .header__back {
        opacity: 1;
        pointer-events: all
    }

    .header__navigation {
        overflow-y: scroll;
        padding-bottom: 5.6rem
    }

    .has--login .header__navigation {
        height: calc(100vh - 12.1rem)
    }

    .contact__downloads {
        margin-bottom: 4rem
    }

    .property-card-slider__list.slider__list {
        -webkit-transform: translate(0) !important;
        transform: translate(0) !important
    }

    .property-card-slider__container {
        margin: 0;
        padding: 0
    }

    .property-card-slider__item:first-child {
        margin-left: 2rem
    }

    bpd-properties:has(.properties-filters--expanded),
    bpd-properties:has(.properties-view--fullscreen) {
        height: 100vh;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 200
    }

    bpd-properties:has(.properties-view--fullscreen) .properties__header {
        top: 0
    }

    bpd-properties:has(.properties-view--fullscreen) .properties__view {
        height: calc(100vh - 6.9rem)
    }
}

@media only screen and (max-width:47.96875em) {
    .button--full-width-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%
    }

    .document__icon {
        -webkit-box-flex: 0;
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch;
        -webkit-flex: 0 0 4rem;
        -ms-flex: 0 0 4rem;
        flex: 0 0 4rem;
        min-height: 0
    }

    .c-tooltip.tooltip--visible .tooltip__item {
        visibility: visible
    }

    .tooltip__item.tooltip__item--left,
    .tooltip__item.tooltip__item--right {
        left: -10rem;
        top: -18rem
    }

    .tooltip__item.tooltip__item--left:before,
    .tooltip__item.tooltip__item--right:before {
        bottom: -1rem;
        left: 11rem
    }

    .tooltip__item.tooltip__item--top {
        left: -10rem
    }

    .tooltip__item.tooltip__item--top:before {
        bottom: -1rem;
        left: 11rem
    }

    .tooltip__item.tooltip__item--top-start {
        left: -10rem
    }

    .tooltip__item.tooltip__item--top-start:before {
        bottom: -1rem;
        left: 11rem
    }

    .social-bar__title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center
    }

    .social-bar__item:first-child {
        margin-left: 0
    }

    .house-characteristics-cta-bar__button-holder>a {
        padding: 1.2rem 2rem 1.1rem;
        width: calc(100% - 6.9rem)
    }

    .house-characteristics-cta-bar__wishlist-toggle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background-color: var(--color-grey-10);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 5.3rem;
        -webkit-justify-content: center;
        justify-content: center;
        margin-right: auto;
        width: 5.3rem
    }

    .house-characteristics-cta-bar__title {
        font-size: 1.4rem;
        margin-bottom: 1rem
    }

    .area-subscription-row__image {
        display: none
    }

    .smart-subscription__footer {
        padding: 3rem 2rem 4.5rem
    }

    .smart-subscription__footer button {
        width: 100%
    }

    .referral--left .referral__col {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .referral--left .referral__col--left .referral__inner {
        opacity: 1
    }

    .referral--left .referral__col--right .referral__inner {
        opacity: 0
    }

    .referral--right .referral__col {
        -webkit-transform: translateX(-100%) translateX(6.4rem);
        transform: translateX(-100%) translateX(6.4rem)
    }

    .referral--right .referral__col--left .referral__inner {
        opacity: 0
    }

    .referral--right .referral__col--right .referral__inner {
        opacity: 1
    }

    .referral__col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(100% - 6.4rem);
        -ms-flex: 0 0 calc(100% - 6.4rem);
        flex: 0 0 calc(100% - 6.4rem)
    }

    .referral__col .referral__container {
        margin: 0;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        width: 100%
    }

    .area-subscription-de__form-item {
        margin-bottom: 1.6rem
    }

    .footer--hidden-on-mobile {
        display: none
    }

    .footer__sub-container {
        -ms-flex-pack: distribute;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .footer__logo-container,
    .footer__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__menu-item:not(:last-child) {
        margin-bottom: 1.6rem
    }

    .footer__logo-item:not(:first-child) {
        margin-top: 1.6rem
    }

    .has--wishlist .header__profile {
        width: 50%
    }

    .hero--fit-aspect-ratio .hero-video__video {
        height: 48rem;
        padding-bottom: 0;
        width: 100%
    }

    .hero--fit-aspect-ratio .hero-video__video .video__player {
        height: 48rem;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%
    }

    .contact__brochure {
        margin-top: 4rem
    }

    .vkk-overlay__card+.vkk-overlay__card {
        margin-top: 5.6rem
    }

    .c-hero-carousel img {
        height: 48rem;
        -o-object-fit: cover;
        object-fit: cover
    }

    .c-section-image .o-container {
        padding-left: 0;
        padding-right: 0
    }

    .collage__container {
        padding: 0
    }

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

    .collage__col--left .collage__item:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3
    }

    .collage__col--left .collage__item:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        margin-top: -4rem;
        -webkit-order: 2;
        order: 2
    }

    .collage__col--left .collage__item:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4
    }

    .collage__col--right .collage__item:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin-top: -8.8rem;
        -webkit-order: 1;
        order: 1
    }

    .collage__col--right .collage__item:nth-child(2) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        margin-top: -1.6rem;
        -webkit-order: 4;
        order: 4
    }

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

    .collage__col--right .collage__item:nth-child(4) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3
    }

    .related-content__item+.related-content__item {
        margin-top: 1.6rem
    }
}

@media only screen and (max-width:29.96875em) {
    .back-link--floating .back-link__button {
        padding-bottom: .9rem;
        padding-right: 2rem;
        padding-top: 1.6rem
    }
}

@media(min-aspect-ratio:16/9) {
    .hero-video--full-height .hero-video__video .video__player {
        height: 56.25vw
    }
}

@media(max-aspect-ratio:16/9) {
    .hero-video--full-height .hero-video__video .video__player {
        width: 177.78vh
    }
}

@media only screen and (max-width:47.96875em)and (min-aspect-ratio:16/9) {
    .hero--fit-aspect-ratio .hero-video__video .video__player {
        height: 56.25vw
    }
}

@media only screen and (max-width:47.96875em)and (max-aspect-ratio:16/9) {
    .hero--fit-aspect-ratio .hero-video__video .video__player {
        width: 177.78vh
    }
}

@media only screen and (max-width:29.96875em) {

    .u-visible--xs,
    .u-visible--xs-block {
        display: block !important
    }

    .u-visible--xs-table-cell {
        display: table-cell !important
    }

    .u-visible--xs-inline-block {
        display: inline-block !important
    }

    .u-visible--xs-inline {
        display: inline !important
    }

    .u-hidden--xs {
        display: none !important
    }
}