@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%
}

html {
    height: 100%
}

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

b,
strong {
    font-weight: bold
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

ol,
ul {
    list-style: none
}

li {
    display: list-item
}

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

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left
}

q {
    quotes: none
}

q:before,
q:after {
    content: "";
    content: none
}

sub,
sup,
small {
    font-size: 75%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

svg {
    overflow: hidden
}

:root {
    --mb: 10px;
    --nav-height: 280px;
    --outer: 27px;
    --rw: 672px;
    --gutter: .5%;
    --max-width: inherit;
    --vh: 100vh;
    --rat: 56.25%;
    --rec: 177.2%
}

@media(min-width: 1720px) {
    :root {
        --mb: 20px
    }
}

@media(min-width: 1280px) {
    :root {
        --mb: 30px;
        --outer: 3vw
    }
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fadeInKs {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInks {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUpKs {
    0% {
        opacity: 0;
        -ms-transform: translate3d(0, 60px, 0);
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }

    100% {
        opacity: 1;
        -ms-transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0)
    }
}

@keyframes fadeInUpks {
    0% {
        opacity: 0;
        -ms-transform: translate3d(0, 60px, 0);
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }

    100% {
        opacity: 1;
        -ms-transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0)
    }
}

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOutKs {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutLeftKs {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-150px);
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px)
    }
}

@keyframes fadeOutLeftKs {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(-150px);
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px)
    }
}

@-webkit-keyframes fadeInRightKs {
    0% {
        opacity: 0;
        -ms-transform: translateX(150px);
        -webkit-transform: translateX(150px);
        transform: translateX(150px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightKs {
    0% {
        opacity: 0;
        -ms-transform: translateX(150px);
        -webkit-transform: translateX(150px);
        transform: translateX(150px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutRightKs {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(150px);
        -webkit-transform: translateX(150px);
        transform: translateX(150px)
    }
}

@keyframes fadeOutRightKS {
    0% {
        opacity: 1;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(150px);
        -webkit-transform: translateX(150px);
        transform: translateX(150px)
    }
}

@-webkit-keyframes fadeInLeftKs {
    0% {
        opacity: 0;
        -ms-transform: translateX(-150px);
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftKs {
    0% {
        opacity: 0;
        -ms-transform: translateX(-150px);
        -webkit-transform: translateX(-150px);
        transform: translateX(-150px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    100% {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

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

    100% {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-webkit-keyframes scaleInOutKs {
    0% {
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        transform-origin: 100% center
    }

    40% {
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        transform-origin: 100% center
    }

    60% {
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        transform-origin: 0% center
    }

    100% {
        -ms-transform: rotate(1);
        -webkit-transform: rotate(1);
        transform: rotate(1);
        transform-origin: 0% center
    }
}

@keyframes scaleInOutKs {
    0% {
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        transform-origin: 100% center
    }

    40% {
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        transform-origin: 100% center
    }

    60% {
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        transform-origin: 0% center
    }

    100% {
        -ms-transform: rotate(1);
        -webkit-transform: rotate(1);
        transform: rotate(1);
        transform-origin: 0% center
    }
}

.fade-in {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs
}

.fade-in-up {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -webkit-animation-name: fadeInUpKs;
    animation-name: fadeInUpKs
}

.fade-out {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0;
    -webkit-animation-delay: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeOutKs;
    animation-name: fadeOutKs
}

@font-face {
    font-family: "Portrait Web";
    src: url(../../../themes/wardian/fonts/Portrait-LightItalic-Web.woff2) format("woff2"), url(//themes/wardian/fonts/Portrait-LightItalic-Web.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-stretch: normal
}

.Portrait-LightItalic-Web {
    font-family: "Portrait Web";
    font-weight: 300;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: "Portrait Web";
    src: url(//themes/wardian/fonts/Portrait-Light-Web.woff2) format("woff2"), url(//themes/wardian/fonts/Portrait-Light-Web.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal
}

.Portrait-Light-Web {
    font-family: "Portrait Web";
    font-weight: 300;
    font-style: normal;
    font-stretch: normal
}

p {
    margin-bottom: calc(.5*var(--mb))
}

h1 {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 42px;
    text-transform: uppercase
}

@media(min-width: 672px) {
    h1 {
        font-size: calc(90 / 1440 * 100vw)
    }
}

@media(min-width: 1728px) {
    h1 {
        font-size: 108px
    }
}

h2 {
    font-weight: normal;
    line-height: 1.4em;
    font-weight: normal;
    line-height: 1.4em;
    font-size: 42px;
    text-transform: uppercase
}

@media(min-width: 672px) {
    h2 {
        font-size: calc(90 / 1440 * 100vw)
    }
}

@media(min-width: 1728px) {
    h2 {
        font-size: 108px
    }
}

h3 {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase
}

@media(min-width: 1170px) {
    h3 {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {
    h3 {
        font-size: 38px
    }
}

h4 {
    font-weight: normal;
    line-height: 1.4em;
    font-family: "Portrait Web", Arial, serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased
}

@media(min-width: 1112.7272727273px) {
    h4 {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(min-width: 1701.8181818182px) {
    h4 {
        font-size: 26px
    }
}

h5 {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem
}

.largefont {
    font-size: 20px
}

@media(min-width: 1107.6923076923px) {
    .largefont {
        font-size: calc(26 / 1440 * 100vw)
    }
}

@media(min-width: 1716.9230769231px) {
    .largefont {
        font-size: 31px
    }
}

.smallfont {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem
}

figcaption {
    font-size: 16px;
    font-family: nimbus-sans, sans-serif;
    font-weight: 300;
    font-style: normal
}

@media(min-width: 1280px) {
    figcaption {
        font-size: calc(18 / 1440 * 100vw)
    }
}

@media(min-width: 1760px) {
    figcaption {
        font-size: 22px
    }
}

figcaption span {
    opacity: .7
}

blockquote {
    font-size: 20px;
    font-size: 17px;
    font-style: italic;
    line-height: 1.3em
}

@media(min-width: 1107.6923076923px) {
    blockquote {
        font-size: calc(26 / 1440 * 100vw)
    }
}

@media(min-width: 1716.9230769231px) {
    blockquote {
        font-size: 31px
    }
}

@media(min-width: 789.6774193548px) {
    blockquote {
        font-size: calc(31 / 1440 * 100vw)
    }
}

@media(min-width: 2694.1935483871px) {
    blockquote {
        font-size: 58px
    }
}

blockquote>:last-child {
    margin-bottom: 0
}

blockquote+figcaption {
    font-family: "Portrait Web", Arial, serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    margin-top: var(--mb)
}

@media(min-width: 1112.7272727273px) {
    blockquote+figcaption {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(min-width: 1701.8181818182px) {
    blockquote+figcaption {
        font-size: 26px
    }
}

h1.title-404 {
    font-weight: normal;
    margin-bottom: calc(var(--mb) / 2);
    font-size: 24px
}

@media(min-width: 115.2px) {
    h1.title-404 {
        font-size: calc(300 / 1440 * 100vw)
    }
}

@media(min-width: 2496px) {
    h1.title-404 {
        font-size: 520px
    }
}

.kicker {
    font-weight: normal;
    line-height: 1.4em;
    font-weight: normal;
    line-height: 1.4em;
    font-size: 42px;
    text-transform: uppercase;
    font-style: italic;
    text-transform: none;
    line-height: 1em
}

@media(min-width: 672px) {
    .kicker {
        font-size: calc(90 / 1440 * 100vw)
    }
}

@media(min-width: 1728px) {
    .kicker {
        font-size: 108px
    }
}

.kicker+h2,
.kicker h1 {
    line-height: 1em
}

.section--concertina.in-group {
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s, height 0s .5s
}

.section--concertina.in-group.active {
    height: auto;
    opacity: 1;
    pointer-events: all;
    transition: opacity .8s .2s, height 0s .2s
}

.concertina article {
    overflow: hidden;
    position: relative;
    background-color: #efebe7;
    -webkit-transition: height .4s ease-out;
    -moz-transition: height .4s ease-out;
    -o-transition: height .4s ease-out;
    transition: height .4s ease-out;
    border-bottom: 1px solid #222f2b
}

.concertina article:first-of-type {
    border-top: 1px solid #222f2b
}

.concertina article .question-title {
    position: relative
}

.concertina article .question-title>:last-child {
    margin-bottom: 0
}

.concertina article .question-title::after,
.concertina article .question-title::before {
    content: "";
    line-height: 48px;
    width: 28px;
    height: 3px;
    text-align: center;
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    right: 10px;
    z-index: 3;
    transform-origin: center;
    background-color: #fff;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.concertina article .question-title::after {
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg)
}

.concertina article .question-title::before {
    -ms-transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}

.concertina article .question-title:hover,
.concertina article .question-title:active {
    cursor: pointer;
    cursor: hand
}

.concertina article h3 {
    padding: var(--mb) 0;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    font-weight: normal;
    line-height: 1.4em;
    font-weight: normal;
    line-height: 1.4em;
    font-size: 42px;
    text-transform: uppercase;
    margin-bottom: 0
}

@media(min-width: 672px) {
    .concertina article h3 {
        font-size: calc(90 / 1440 * 100vw)
    }
}

@media(min-width: 1728px) {
    .concertina article h3 {
        font-size: 108px
    }
}

.concertina article h3::after {
    content: "";
    position: absolute;
    background-color: #222f2b;
    right: 0;
    width: 48px;
    height: 48px;
    top: calc(50% - 24px);
    border-radius: 30px
}

.concertina article .answer {
    position: absolute;
    -webkit-transition: transform .4s ease-in, opacity .2s;
    -moz-transition: transform .4s ease-in, opacity .2s;
    -o-transition: transform .4s ease-in, opacity .2s;
    transition: transform .4s ease-in, opacity .2s;
    width: 100%;
    padding: 0;
    opacity: 0;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.concertina article .answer>:last-child {
    margin-bottom: 0
}

.concertina article .answer a.read-more-link,
.concertina article .answer a.read-less-link {
    display: inline-block;
    margin-top: var(--mb)
}

.concertina article .answer a.read-more-link:hover,
.concertina article .answer a.read-more-link:active,
.concertina article .answer a.read-less-link:hover,
.concertina article .answer a.read-less-link:active {
    cursor: pointer;
    cursor: hand
}

.concertina article .answer a.read-more-link {
    margin-top: var(--mb);
    position: absolute;
    left: 0;
    z-index: 2
}

.concertina article .images .image {
    margin-bottom: calc(2 * var(--mb))
}

.concertina article.open .question-title::after {
    -ms-transform: rotateZ(-180deg);
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg)
}

.concertina article.open .question-title::before {
    -ms-transform: rotateZ(-270deg) scaleX(0);
    -webkit-transform: rotateZ(-270deg) scaleX(0);
    transform: rotateZ(-270deg) scaleX(0)
}

.concertina article.open .answer {
    -ms-transform: translate3d(0, 0%, 0);
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
    -webkit-transition: transform .4s ease-out, opacity .5s;
    -moz-transition: transform .4s ease-out, opacity .5s;
    -o-transition: transform .4s ease-out, opacity .5s;
    transition: transform .4s ease-out, opacity .5s;
    opacity: 1
}

.concertina .date {
    display: block;
    margin-bottom: calc(var(--mb) * .5)
}

.concertina .entry-double .answer p:not(:first-of-type) {
    opacity: 0;
    transition: opacity .3s
}

.concertina .entry-double.full-open .answer p {
    opacity: 1
}

.concertina .entry-double.full-open .read-more-link {
    opacity: 0
}

@media(min-width: 678px) {
    .concertina article .answer {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .concertina article.type-image .answer,
    .concertina article .answer.cols-2 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between
    }

    .concertina article.type-image .answer>div,
    .concertina article .answer.cols-2>div {
        width: 48%
    }
}

a {
    color: #222f2b;
    text-decoration: none;
    -webkit-transition: background-color .3s, color .3s, opacity .3s, transform .3s;
    -moz-transition: background-color .3s, color .3s, opacity .3s, transform .3s;
    -o-transition: background-color .3s, color .3s, opacity .3s, transform .3s;
    transition: background-color .3s, color .3s, opacity .3s, transform .3s
}

a:hover {
    text-decoration: none;
    color: #222f2b
}

:focus {
    outline: none
}

::-moz-focus-inner {
    border: 0
}

a.back:before {
    content: "←";
    padding-right: 5px
}

.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #222f2b;
    padding: 0 14px;
    border-radius: 24px;
    font-family: nimbus-sans, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem
}

.button:hover,
.button:active {
    background-color: #222f2b;
    color: #fff
}

.cta {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase;
    position: relative;
    text-transform: none
}

@media(min-width: 1170px) {
    .cta {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {
    .cta {
        font-size: 38px
    }
}

.cta:after {
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #222f2b
}

.cta:hover:after,
.cta:active:after {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0;
    -webkit-animation-delay: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: scaleInOutKs;
    animation-name: scaleInOutKs
}

.read-more {
    display: inline-block;
    border-bottom: 1px solid #222f2b;
    text-transform: none;
    transition: border-color, .3s
}

.header-link .kicker::after {
    transition: opacity .3s
}

.header-link:hover {
    opacity: .8
}

.header-link:hover h1,
.header-link:hover h2 {
    opacity: .8
}

.header-link:hover .kicker::after {
    opacity: 0
}

.wpcf7 form input {
    border: none;
    padding: 0;
    margin: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-weight: 300
}

.wpcf7 form input[type=submit],
.wpcf7 form input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #222f2b;
    padding: 0 14px;
    border-radius: 24px;
    font-family: nimbus-sans, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem;
    color: #fff;
    border-color: #fff;
    transition: background-color .3s, color .3s;
    min-width: 200px
}

.wpcf7 form input[type=submit]:hover,
.wpcf7 form input[type=submit]:active,
.wpcf7 form input[type=button]:hover,
.wpcf7 form input[type=button]:active {
    background-color: #222f2b;
    color: #fff
}

.wpcf7 form input[type=submit]:hover,
.wpcf7 form input[type=button]:hover {
    color: #222f2b;
    background-color: #fff
}

.wpcf7 form input[type=submit]:focus,
.wpcf7 form input[type=button]:focus {
    outline: transparent;
    border-color: #fff
}

.wpcf7 form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Portrait Web", Arial, serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    padding: 0px;
    border: none;
    border-bottom: 1px solid #8a8a8a !important;
    background: #222f2b;
    width: 100%;
    line-height: 30px;
    color: #fff;
    transition: height .3s;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px
}

@media(min-width: 1112.7272727273px) {
    .wpcf7 form textarea {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(min-width: 1701.8181818182px) {
    .wpcf7 form textarea {
        font-size: 26px
    }
}

.wpcf7 form input[type=tel],
.wpcf7 form input[type=text],
.wpcf7 form input[type=search],
.wpcf7 form input[type=password],
.wpcf7 form input[type=email],
.wpcf7 form input[type=number],
.wpcf7 form select {
    line-height: 30px;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #222f2b;
    min-width: 250px;
    border: none;
    border-bottom: 1px solid #8a8a8a !important;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    font-family: "Portrait Web", Arial, serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    color: #fff
}

@media(min-width: 1112.7272727273px) {

    .wpcf7 form input[type=tel],
    .wpcf7 form input[type=text],
    .wpcf7 form input[type=search],
    .wpcf7 form input[type=password],
    .wpcf7 form input[type=email],
    .wpcf7 form input[type=number],
    .wpcf7 form select {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(min-width: 1701.8181818182px) {

    .wpcf7 form input[type=tel],
    .wpcf7 form input[type=text],
    .wpcf7 form input[type=search],
    .wpcf7 form input[type=password],
    .wpcf7 form input[type=email],
    .wpcf7 form input[type=number],
    .wpcf7 form select {
        font-size: 26px
    }
}

.wpcf7 form input[type=number] {
    min-width: inherit;
    padding-right: 5px
}

.wpcf7 form select {
    padding: 0;
    padding-right: var(--mb);
    margin-bottom: var(--mb);
    line-height: 40px;
    padding-bottom: 10px;
    background: #222f2b url(//themes/wardian/images/svg/arrow-down-select.svg) no-repeat right center;
    background-size: 24px auto;
    border: none;
    border-bottom: 1px solid #8a8a8a;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.wpcf7 form textarea:focus,
.wpcf7 form input:focus,
.wpcf7 form select:focus {
    outline: none;
    border-color: #222f2b
}

.wpcf7 form label {
    display: block;
    font-size: 20px;
    line-height: 40px;
    transform-origin: top left;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    color: #8a8a8a;
    z-index: 2
}

@media(min-width: 1107.6923076923px) {
    .wpcf7 form label {
        font-size: calc(26 / 1440 * 100vw)
    }
}

@media(min-width: 1716.9230769231px) {
    .wpcf7 form label {
        font-size: 31px
    }
}

.wpcf7 form .field-wrap {
    position: relative;
    margin-bottom: calc(1.5 * var(--mb))
}

.wpcf7 form .field-wrap br {
    display: none
}

.wpcf7 form .field-wrap label {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0
}

.wpcf7 form .field-wrap label.focused {
    color: #8a8a8a;
    -ms-transform: scale(0.6) translateY(-35px);
    -webkit-transform: scale(0.6) translateY(-35px);
    transform: scale(0.6) translateY(-35px)
}

.wpcf7-response-output {
    border: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem;
    padding-left: 0
}

.wpcf7-form-control {
    height: auto
}

.grecaptcha-badge {
    left: calc(50% - 128px) !important;
    bottom: -var(--mb) !important;
    position: relative !important;
    box-shadow: none !important
}

.wp-caption-text,
.gallery-caption {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem
}

.bypostauthor {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem
}

.alignright {
    float: right;
    margin-left: 2%;
    max-width: calc(100vw - 70px);
    height: auto;
    width: 49% !important
}

.alignright img {
    width: 100%;
    height: auto
}

.alignleft {
    float: left;
    margin-right: 2%;
    width: 49% !important;
    height: auto
}

.alignleft img {
    width: 100%;
    height: auto
}

.alignleft:first-of-type {
    margin-left: 0
}

.alignleft+.alignleft {
    margin-right: 0
}

.alignleft+.alignleft+h3,
.alignleft+.alignleft+p,
.alignleft+.alignleft+h2 {
    clear: both
}

.aligncenter {
    clear: both;
    display: block;
    margin: var(--mb)/4 auto var(--mb) auto;
    max-width: 100%
}

.aligncenter img {
    width: 100%;
    height: auto
}

img.aligncenter {
    width: 100%;
    height: auto
}

.alignnone {
    width: 100% !important;
    margin: calc(3 * var(--mb)) 0;
    max-width: 100%
}

.alignnone img {
    width: 100%;
    height: auto
}

img.alignnone {
    width: 100%;
    height: auto
}

.wp-block-image {
    margin-bottom: var(--mb)
}

.wp-block-image figcaption {
    font-style: italic;
    background: #efebe7;
    margin-top: 0;
    line-height: 2rem;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px
}

#wpadminbar {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

#wpadminbar:hover {
    opacity: 1
}

.logo {
    display: block;
    width: 8vw;
    min-width: 123px;
    transition: filter .5s
}

.logo img {
    width: 100%;
    height: auto
}

.logo::after {
    display: none
}

.side-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 120;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    pointer-events: none
}

.side-menu .nav-wrapper {
    background-color: #222f2b;
    position: relative;
    z-index: 2
}

.side-menu ul a {
    color: #fff;
    font-weight: normal;
    line-height: 1.4em;
    font-weight: normal;
    line-height: 1.4em;
    font-size: 42px;
    text-transform: uppercase;
    margin-bottom: 0;
    display: block;
    padding: 0
}

@media(min-width: 672px) {
    .side-menu ul a {
        font-size: calc(90 / 1440 * 100vw)
    }
}

@media(min-width: 1728px) {
    .side-menu ul a {
        font-size: 108px
    }
}

@media(min-width: 678px) {
    .mobile-nav {
        display: none
    }

    .header--site .nav--main {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 64px
    }

    .header--site .nav--main .sub-menu {
        display: none
    }

    .header--site .menu-left,
    .header--site .menu-right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 33%
    }

    .side-menu {
        display: none
    }

    .navbar {
        width: 100%;
        z-index: 200;
        position: fixed;
        top: 0;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 19.6px;
        line-height: 1.225rem;
        text-transform: uppercase;
        letter-spacing: .5px;
        background-color: #efebe7
    }

    .navbar a {
        position: relative
    }

    .navbar a::after {
        content: "";
        width: 100%;
        height: 1px;
        bottom: 0;
        background-color: #222f2b;
        opacity: 0;
        position: absolute;
        left: 0;
        transition: opacity .5s, background-color .5s
    }

    .navbar a:hover::after,
    .navbar .current-menu-item a::after,
    .navbar .current-page-ancestor a::after {
        opacity: 1
    }

    .navbar.nav-has-bg {
        background-color: #efebe7
    }

    .navbar .enquire {
        background-color: transparent
    }

    .navbar .enquire a {
        line-height: 1rem;
        height: 26px;
        display: flex;
        align-items: center;
        vertical-align: middle;
        border: 1px solid #222f2b;
        padding: 3px 14px 2px 14px;
        border-radius: 24px;
        font-family: "nimbus-sans"
    }

    .navbar .enquire a::after {
        display: none
    }

    .navbar .enquire a:hover,
    .navbar .enquire a:active {
        background-color: #222f2b;
        color: #fff;
        text-decoration: none
    }

    .invert .navbar.nav-has-bg,
    .enquire .navbar.nav-has-bg {
        background-color: #222f2b
    }

    .invert .navbar,
    .enquire .navbar {
        background-color: #222f2b
    }

    .invert .navbar .logo,
    .enquire .navbar .logo {
        filter: grayscale(100%) brightness(600%)
    }

    .invert .navbar a,
    .enquire .navbar a {
        color: #fff;
        border-color: #fff
    }

    .invert .navbar a::after,
    .enquire .navbar a::after {
        background-color: #fff
    }
}

@media(max-width: 1000px)and (min-width: 678px) {
    .logo {
        min-width: 105px;
        margin-top: -3px
    }

    .navbar {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 16.8px;
        line-height: 1.05rem
    }

    .header--site .menu-left,
    .header--site .menu-right {
        width: 37%
    }
}

@media(max-width: 678px) {
    main {
        padding-top: 80px
    }

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

    .desktop-only {
        display: none
    }

    .home .navbar-page {
        display: none
    }

    .navbar {
        position: fixed;
        top: 0;
        background-color: #efebe7;
        width: 100%;
        z-index: 20;
        padding: 20px 0;
        text-align: center;
        background-color: #efebe7
    }

    .navbar button {
        appearance: none;
        border: none;
        background: none;
        font-family: "Portrait Web", Arial, serif;
        font-weight: normal;
        font-size: 17px;
        line-height: 1.4em;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
        color: #222f2b
    }
}

@media(max-width: 678px)and (min-width: 1112.7272727273px) {
    .navbar button {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(max-width: 678px)and (min-width: 1701.8181818182px) {
    .navbar button {
        font-size: 26px
    }
}

@media(max-width: 678px) {
    .no-scroll .navbar {
        position: absolute;
        transform: translateY(0%);
        transition: transform 0s
    }
}

@media(max-width: 678px) {
    .scroll-up .navbar {
        position: fixed;
        transform: translateY(0%);
        transition: transform .3s
    }
}

@media(max-width: 678px) {
    .scroll-down .navbar {
        transform: translateY(-100%);
        transition: transform .3s
    }
}

@media(max-width: 678px) {

    .mobile-nav,
    .side-nav {
        margin-top: 10px;
        text-transform: uppercase;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: auto;
        margin-right: auto
    }

    .mobile-nav .menu-button,
    .mobile-nav .close-side-nav,
    .mobile-nav .enquire,
    .side-nav .menu-button,
    .side-nav .close-side-nav,
    .side-nav .enquire {
        padding-top: 4px
    }

    .mobile-nav .menu-button,
    .mobile-nav .close-side-nav,
    .side-nav .menu-button,
    .side-nav .close-side-nav {
        text-align: left;
        padding-left: 0
    }

    .mobile-nav .enquire,
    .side-nav .enquire {
        text-align: right
    }
}

@media(max-width: 678px) {
    .mobile-nav {
        padding: 0 var(--outer)
    }

    .mobile-nav .enquire {
        background-color: transparent
    }
}

@media(max-width: 678px) {
    .side-nav {
        margin-bottom: 50px
    }

    .side-nav a {
        color: #fff
    }
}

@media(max-width: 678px) {
    .menu-item-has-children .sub-menu {
        height: 0;
        opacity: 0;
        overflow: hidden;
        margin-left: 55px;
        transform: translateY(-10px);
        transition: height .3s, transform .3s ease 0s, opacity .2s 0s
    }

    .menu-item-has-children .sub-menu li a {
        text-transform: none;
        line-height: 1.2em
    }

    .menu-item-has-children .sub-menu li:last-of-type {
        margin-bottom: 35px
    }

    .menu-item-has-children .show-sub+.sub-menu {
        transform: translateY(0);
        transition: height .3s, transform .3s ease .1s, opacity .3s .1s;
        opacity: 1
    }
}

@media(max-width: 678px) {
    .side-menu {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100vw;
        color: #fff
    }

    .side-menu button {
        appearance: none;
        border: none;
        background: none;
        font-family: "Portrait Web", Arial, serif;
        font-weight: normal;
        font-size: 17px;
        line-height: 1.4em;
        -webkit-font-smoothing: antialiased;
        text-transform: uppercase;
        color: #fff
    }
}

@media(max-width: 678px)and (min-width: 1112.7272727273px) {
    .side-menu button {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(max-width: 678px)and (min-width: 1701.8181818182px) {
    .side-menu button {
        font-size: 26px
    }
}

@media(max-width: 678px) {
    .side-menu .nav-wrapper {
        background-color: #222f2b;
        position: relative;
        z-index: 2;
        width: 100vw;
        padding: 20px 30px 80px 30px;
        transform: translateX(100%);
        -webkit-transition: transform .3s ease-out, opacity .1s .3s;
        -moz-transition: transform .3s ease-out, opacity .1s .3s;
        -o-transition: transform .3s ease-out, opacity .1s .3s;
        transition: transform .3s ease-out, opacity .1s .3s;
        opacity: 0;
        box-shadow: -3px 0 20px 0 rgba(0, 0, 0, .3)
    }
}

@media(max-width: 678px) {
    .side-menu ul {
        position: relative
    }

    .side-menu ul a {
        opacity: 0;
        padding: 3px 0;
        transform: translateX(10%);
        -webkit-transition: transform .3s ease-out, opacity .3s;
        -moz-transition: transform .3s ease-out, opacity .3s;
        -o-transition: transform .3s ease-out, opacity .3s;
        transition: transform .3s ease-out, opacity .3s
    }
}

@media(max-width: 678px) {
    .side-menu .mobile-list a {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 36.4px;
        line-height: 2.275rem
    }
}

@media(max-width: 678px) {
    .side-menu .side--terms {
        position: absolute;
        bottom: 20px;
        text-align: center;
        width: calc(100% - 60px)
    }

    .side-menu .side--terms a {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 25.2px;
        line-height: 1.575rem;
        text-transform: none;
        margin: 0 4px
    }

    .side-menu .side--terms ul {
        display: flex;
        justify-content: center
    }
}

@media(max-width: 678px) {
    .side-menu .close-side-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #efebe7;
        opacity: 0;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }
}

@media(max-width: 678px) {
    .menu-visible {
        overflow: hidden
    }

    .menu-visible .side-menu {
        pointer-events: all;
        overflow: scroll
    }

    .menu-visible .side-menu .nav-wrapper {
        opacity: 1;
        transform: translateX(0%);
        -webkit-transition: transform .5s ease-out;
        -moz-transition: transform .5s ease-out;
        -o-transition: transform .5s ease-out;
        transition: transform .5s ease-out
    }

    .menu-visible .side-menu .nav-wrapper a {
        opacity: 1;
        transform: translateX(0%);
        -webkit-transition: transform .3s ease-out, opacity .3s .2s;
        -moz-transition: transform .3s ease-out, opacity .3s .2s;
        -o-transition: transform .3s ease-out, opacity .3s .2s;
        transition: transform .3s ease-out, opacity .3s .2s
    }

    .menu-visible .side-menu .close-side-bg {
        opacity: 1
    }
}

@media(max-width: 678px) {
    .enquire .navbar {
        background-color: #222f2b
    }

    .enquire .navbar .logo {
        filter: grayscale(100%) brightness(600%)
    }

    .enquire .navbar button {
        color: #fff
    }

    .enquire .navbar a {
        color: #fff;
        border-color: #fff
    }

    .enquire .navbar a::after {
        background-color: #fff
    }
}

@media(max-width: 678px) {
    .enquire .side-menu .close-side-bg {
        background-color: #222f2b
    }
}

.site-footer {
    visibility: hidden;
    background-color: #222f2b;
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem
}

.site-footer .content {
    padding-top: 30px;
    padding-bottom: 30px
}

.site-footer a {
    color: #fff
}

.site-footer a:hover {
    color: #bdc1bf
}

.site-footer .sign-off {
    margin-bottom: 60px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    text-transform: none;
    letter-spacing: .7px
}

.site-footer .sign-off a {
    position: relative;
    display: inline-block
}

.site-footer .sign-off a::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #fff;
    opacity: 1;
    transition: opacity .3s
}

.site-footer .sign-off a:hover::after {
    opacity: 0
}

.site-footer h4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 25.2px;
    line-height: 1.575rem;
    margin-bottom: 10px
}

.site-footer .nav--footer {
    text-align: center
}

.site-footer .footer-menu a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 25.2px;
    line-height: 1.575rem
}

.site-footer .copyright {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 25.2px;
    line-height: 1.575rem
}

.site-footer .footer-columns .column {
    margin-bottom: 50px;
    max-width: 60%
}

.site-footer .footer-columns .column a,
.site-footer .footer-columns .column address,
.site-footer .footer-columns .column ul,
.site-footer .footer-columns .column p {
    font-family: nimbus-sans, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4rem
}

.site-footer .footer-columns a {
    display: block
}

.site-footer .opening-times li {
    display: flex;
    white-space: nowrap
}

.site-footer .opening-times li span:first-of-type {
    width: 50%;
    padding-right: 25px
}

#maincontent.show-footer+.site-footer,
#maincontent.page-template-template_enquire+.site-footer {
    visibility: visible;
    display: block
}

@media(max-width: 520px) {
    .footer-menu {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer-menu li {
        margin: 0 5px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 25.2px;
        line-height: 1.575rem
    }

    .footer-menu li a:hover {
        text-decoration: underline
    }
}

@media(max-width: 1000px) {
    .site-footer {
        visibility: visible !important
    }

    #maincontent {
        margin-bottom: auto !important
    }

    .nav--footer {
        text-align: center
    }

    .nav--footer .logos {
        margin-top: 15px;
        max-width: 274px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .site-footer .footer-columns {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between
    }

    .site-footer .footer-columns .column,
    .site-footer .footer-columns .footer-menu {
        width: 50%
    }

    .site-footer .sign-off {
        font-weight: normal;
        line-height: 1.4em;
        font-size: 26px;
        text-transform: uppercase;
        text-transform: none;
        width: 100%
    }
}

@media(min-width: 600px)and (max-width: 767px)and (min-width: 1170px) {
    .site-footer .sign-off {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 600px)and (max-width: 767px)and (min-width: 1710px) {
    .site-footer .sign-off {
        font-size: 38px
    }
}

@media(min-width: 600px)and (max-width: 767px) {
    .site-footer h4 {
        margin-bottom: 0
    }
}

@media(min-width: 767px) {
    .site-footer .footer-columns {
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    .site-footer .footer-columns .column {
        width: max-content
    }

    .site-footer .sign-off {
        font-weight: normal;
        line-height: 1.4em;
        font-size: 26px;
        text-transform: uppercase;
        text-transform: none;
        width: 100%
    }
}

@media(min-width: 767px)and (min-width: 1170px) {
    .site-footer .sign-off {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 767px)and (min-width: 1710px) {
    .site-footer .sign-off {
        font-size: 38px
    }
}

@media(min-width: 767px) {
    .site-footer .nav--footer {
        width: 33%;
        margin: 0 auto
    }
}

@media(min-width: 767px) {
    .site-footer h4 {
        margin-bottom: 0
    }
}

@media(min-width: 767px) {
    .site-footer .content {
        padding-top: 3vw;
        padding-bottom: 3vw
    }
}

@media(min-width: 1000px) {
    .site-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 0
    }

    .site-footer .content {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: space-between
    }

    .site-footer .footer-details {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding-bottom: 40px
    }

    .site-footer .footer-columns {
        width: 80%;
        justify-content: flex-start
    }

    .site-footer .footer-columns .column,
    .site-footer .footer-columns .column:last-of-type {
        width: max-content;
        margin-right: 5%;
        margin-bottom: 0px
    }

    .site-footer .nav--footer {
        width: 20%;
        margin: 0
    }
}

@font-face {
    font-family: "swiper-icons";
    src: url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header--home {
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    background-color: #222f2b
}

.header--home h1 {
    font-size: 68px;
    letter-spacing: .7px;
    text-transform: uppercase
}

@media(min-width: 890.1818181818px) {
    .header--home h1 {
        font-size: calc(110 / 1440 * 100vw)
    }
}

@media(min-width: 1728px) {
    .header--home h1 {
        font-size: 132px
    }
}

.header--home .header-logo {
    width: 40vw;
    min-width: 123px
}

.header--home .video-holder,
.header--home .onload-video-holder iframe {
    transition-delay: 0s
}

.header--home .scroll-link {
    position: absolute;
    bottom: calc(1.5 * var(--mb));
    color: #fff;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%)
}

.header--home .content {
    z-index: 1
}

.header--home .video-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: var(--vh)
}

.header--home .video-background img {
    width: 100%;
    min-height: var(--vh);
    object-fit: cover
}

.header--home .el__show {
    transition: opacity 1s .8s
}

.nav-has-bg+nav+main .header--home {
    visibility: hidden !important;
    opacity: 0
}

.nav-has-bg+nav+main .header--home .video-background {
    visibility: hidden !important;
    opacity: 0;
    pointer-events: none
}

.header-scroll {
    text-align: center;
    z-index: 1;
    background-color: #efebe7
}

.header-scroll .video-background {
    overflow: hidden;
    position: relative
}

.header-scroll .video-background img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header-scroll .video-background:after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 0;
    float: left;
    position: relative
}

.header--floorplan .kicker,
.header--floorplan h1,
.header--floorplan p {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase
}

@media(min-width: 1170px) {

    .header--floorplan .kicker,
    .header--floorplan h1,
    .header--floorplan p {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {

    .header--floorplan .kicker,
    .header--floorplan h1,
    .header--floorplan p {
        font-size: 38px
    }
}

.header--invert .terms-menu {
    display: none
}

.header-switch-image .cell {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 20%;
    height: 25%
}

.header-switch-image .cell:nth-child(1) {
    left: calc((1 - 1) * 20%)
}

.header-switch-image .cell:nth-child(2) {
    left: calc((2 - 1) * 20%)
}

.header-switch-image .cell:nth-child(3) {
    left: calc((3 - 1) * 20%)
}

.header-switch-image .cell:nth-child(4) {
    left: calc((4 - 1) * 20%)
}

.header-switch-image .cell:nth-child(5) {
    left: calc((5 - 1) * 20%)
}

.header-switch-image .cell:nth-child(6) {
    top: 25%;
    left: calc((6 - 6) * 20%)
}

.header-switch-image .cell:nth-child(7) {
    top: 25%;
    left: calc((7 - 6) * 20%)
}

.header-switch-image .cell:nth-child(8) {
    top: 25%;
    left: calc((8 - 6) * 20%)
}

.header-switch-image .cell:nth-child(9) {
    top: 25%;
    left: calc((9 - 6) * 20%)
}

.header-switch-image .cell:nth-child(10) {
    top: 25%;
    left: calc((10 - 6) * 20%)
}

.header-switch-image .cell:nth-child(11) {
    top: 50%;
    left: calc((11 - 11) * 20%)
}

.header-switch-image .cell:nth-child(12) {
    top: 50%;
    left: calc((12 - 11) * 20%)
}

.header-switch-image .cell:nth-child(13) {
    top: 50%;
    left: calc((13 - 11) * 20%)
}

.header-switch-image .cell:nth-child(14) {
    top: 50%;
    left: calc((14 - 11) * 20%)
}

.header-switch-image .cell:nth-child(15) {
    top: 50%;
    left: calc((15 - 11) * 20%)
}

.header-switch-image .cell:nth-child(16) {
    top: 75%;
    left: calc((16 - 16) * 20%)
}

.header-switch-image .cell:nth-child(17) {
    top: 75%;
    left: calc((17 - 16) * 20%)
}

.header-switch-image .cell:nth-child(18) {
    top: 75%;
    left: calc((18 - 16) * 20%)
}

.header-switch-image .cell:nth-child(19) {
    top: 75%;
    left: calc((19 - 16) * 20%)
}

.header-switch-image .cell:nth-child(20) {
    top: 75%;
    left: calc((20 - 16) * 20%)
}

.header-switch-image .video-background {
    overflow: hidden;
    position: relative
}

.header-switch-image .video-background img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header-switch-image .video-background:after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 0;
    float: left;
    position: relative
}

.header-switch-image .video-background img {
    width: 100%;
    height: auto
}

.header-switch-image .image {
    overflow: hidden;
    position: relative;
    position: absolute
}

.header-switch-image .image img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header-switch-image .image:after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 0;
    float: left;
    position: relative
}

.header-switch-image .video-holder iframe .onload-video-holder iframe {
    min-height: 100%;
    min-width: 177.77vw
}

.header--map {
    background-color: #efebe7;
    z-index: 1;
    overflow: hidden
}

.header--map .video-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: var(--vh)
}

.header--map .video-background img {
    width: 100%;
    min-height: var(--vh);
    object-fit: cover
}

.header--map .content {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs
}

.header--map .content .kicker {
    position: relative
}

.header--map .content .kicker::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #222f2b;
    bottom: .5rem;
    left: 0;
    position: absolute
}

@media(max-width: 678px) {
    .home #maincontent {
        z-index: 200;
        z-index: 1
    }

    .scroll-text {
        display: none;
        transform: scale(1) translate(0, 0) !important
    }

    .scroll-text .copy {
        padding: 50px 0 60px 0
    }

    .header--home {
        display: none;
        position: relative;
        top: 0;
        z-index: 200;
        align-items: center;
        opacity: 1;
        height: 100vh
    }

    /* .header--home iframe {
        display: none
    } */

    .header--home h1 {
        line-height: 1em;
        margin-bottom: 108px
    }

    .header--home .scroll-link {
        bottom: 40px;
        width: 100%;
        padding-top: calc(100vh - 40px)
    }

    .touch .header--home {
        height: -webkit-fill-available
    }

    .touch .header--home .video-background {
        min-height: -webkit-fill-available
    }

    .touch .header--home .scroll-link {
        bottom: 130px;
        padding-top: calc(100vh - 80px)
    }

    .touch .header--home h1 {
        margin-bottom: 148px
    }

    .enter #maincontent {
        z-index: 1
    }

    .enter .navbar-top .header--site {
        opacity: 1;
        transition: opacity .5s .5s
    }

    .enter.home {
        overflow: auto
    }

    .enter .nav-has-bg+nav+main .header--home,
    .enter .navbar-top+nav+main .header--home {
        pointer-events: none;
        transition: opacity .5s
    }

    .header--main h1 {
        line-height: 1em
    }

    .scroll-text .copy {
        padding-top: 30px
    }

    .header--floorplan {
        height: 100vh
    }

    .header--floorplan .content {
        z-index: 1;
        text-align: center;
        top: 160px
    }

    .header--floorplan .video-background {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        height: 100%;
        width: 100%
    }

    .header--floorplan .video-background img {
        width: auto;
        height: 100%;
        object-fit: cover;
        transform: translateX(-50%)
    }

    .header-scroll .mobile-only {
        padding: 50px 0
    }

    .header-scroll .mobile-only h1 {
        line-height: 1em;
        margin-top: 5px
    }

    .header-scroll .video-background {
        opacity: 1 !important;
        transform: translate(0%, 0%) !important
    }

    .header-scroll .video-background img {
        width: 100%;
        height: auto
    }

    .header--map+.sections .section--intro-main {
        padding-top: 50px
    }
}

@media(min-width: 678px) {
    .header--home {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-delay: 2s;
        -webkit-animation-delay: 2s;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -webkit-animation-name: fadeInKs;
        animation-name: fadeInKs
    }

    .header--apartment {
        display: flex;
        align-items: center
    }

    .header-scroll,
    .header--floorplan {
        position: absolute;
        top: 0;
        left: 0;
        height: var(--vh);
        width: 100%;
        display: flex
    }

    .header-scroll .video-background,
    .header--floorplan .video-background {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: var(--vh)
    }

    .header-scroll .video-background img,
    .header--floorplan .video-background img {
        width: 100%;
        min-height: var(--vh);
        object-fit: cover
    }

    .header-scroll .content,
    .header--floorplan .content {
        z-index: 1
    }

    .header-scroll .copy,
    .header--floorplan .copy {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: var(--vh)
    }

    .header--floorplan .copy {
        justify-content: flex-start;
        padding-top: 120px
    }

    .mobile-only {
        display: none
    }

    .scroll-text {
        position: relative;
        display: block;
        pointer-events: none;
        z-index: 20 !important;
        color: #fff;
    }

    .header--section {
        text-align: center
    }

    .header--invert {
        text-align: center;
        padding-top: 100px
    }

    .header--invert h1 {
        font-weight: normal;
        line-height: 1.4em;
        font-size: 26px;
        text-transform: uppercase;
        text-transform: none
    }
}

@media(min-width: 678px)and (min-width: 1170px) {
    .header--invert h1 {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 678px)and (min-width: 1710px) {
    .header--invert h1 {
        font-size: 38px
    }
}

@media(min-width: 678px) {
    .header--invert .terms-menu {
        display: flex;
        justify-content: space-between;
        width: 50%;
        margin-top: 50px;
        margin-bottom: 70px;
        margin-left: auto;
        margin-right: auto
    }

    .header--invert .terms-menu a {
        color: #fff
    }

    .header--invert .terms-menu .current_page_item {
        opacity: .5;
        pointer-events: none
    }
}

@media(min-width: 678px) {
    .header-switch-image picture img {
        visibility: hidden
    }
}

.video-holder,
.vision-video-holder,
.onload-video-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    transition: opacity 1s 0s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs;
    background-size: cover;
    background-position: center
}

.video-holder .play-pause,
.vision-video-holder .play-pause,
.onload-video-holder .play-pause {
    opacity: 0
}

.video-holder.show-video .video-volume,
.video-holder.show-video .play-pause,
.vision-video-holder.show-video .video-volume,
.vision-video-holder.show-video .play-pause,
.onload-video-holder.show-video .video-volume,
.onload-video-holder.show-video .play-pause {
    opacity: 1;
    transition: opacity 1s 1s
}

.video-holder iframe,
.vision-video-holder iframe,
.onload-video-holder iframe {
    width: 100%;
    height: 56.25vw;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 1s
}

.video-holder iframe[data-ready=true],
.vision-video-holder iframe[data-ready=true],
.onload-video-holder iframe[data-ready=true] {
    opacity: 1
}

.video-holder .play-video,
.video-holder .fullscreen,
.vision-video-holder .play-video,
.vision-video-holder .fullscreen,
.onload-video-holder .play-video,
.onload-video-holder .fullscreen {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
    width: 150px;
    height: 150px;
    opacity: .4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-image: url(//themes/wardian/images/svg/vid-play.svg)
}

.video-holder .play-video.is-playing,
.video-holder .fullscreen.is-playing,
.vision-video-holder .play-video.is-playing,
.vision-video-holder .fullscreen.is-playing,
.onload-video-holder .play-video.is-playing,
.onload-video-holder .fullscreen.is-playing {
    background-image: url(//themes/wardian/images/svg/vid-pause.svg)
}

.video-holder .play-video:hover,
.video-holder .play-video:active,
.video-holder .fullscreen:hover,
.video-holder .fullscreen:active,
.vision-video-holder .play-video:hover,
.vision-video-holder .play-video:active,
.vision-video-holder .fullscreen:hover,
.vision-video-holder .fullscreen:active,
.onload-video-holder .play-video:hover,
.onload-video-holder .play-video:active,
.onload-video-holder .fullscreen:hover,
.onload-video-holder .fullscreen:active {
    opacity: 1;
    cursor: pointer
}

.video-holder .fullscreen,
.vision-video-holder .fullscreen,
.onload-video-holder .fullscreen {
    right: 0;
    left: auto;
    background-image: url(//themes/wardian/images/svg/fullscreen.svg)
}

.video-volume {
    position: absolute;
    display: block;
    bottom: 32px;
    left: 32px;
    z-index: 20;
    pointer-events: all;
    color: transparent;
    font-size: 0;
    line-height: 14px;
    border-bottom: 1px solid #fff;
    transition: opacity .3s, border-color .3s;
    opacity: 0
}

.video-volume:hover {
    cursor: pointer;
    opacity: .8;
    border-color: transparent
}

.video-volume::after {
    content: "Play Audio";
    color: #fff;
    font-size: 16px
}

.video-volume.loud::after {
    content: "Mute Audio"
}

.video-fullscreen {
    height: 100vh
}

.video-fullscreen::after {
    width: 40px;
    height: 40px;
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-image: url(//themes/wardian/images/svg/tail-spin.svg);
    background-position: center;
    background-repeat: no-repeat
}

.header--main .video-holder iframe,
.header--main .vision-video-holder iframe,
.header--main .onload-video-holder iframe,
.header--home .video-holder iframe,
.header--home .vision-video-holder iframe,
.header--home .onload-video-holder iframe {
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.screen-reader-text {
    display: none
}

body {
    font-family: "Portrait Web", Arial, serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    color: #222f2b;
    background-color: #efebe7;
    display: inline-block;
    width: 100vw;
    width: 100%
}

@media(min-width: 1112.7272727273px) {
    body {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(min-width: 1701.8181818182px) {
    body {
        font-size: 26px
    }
}

main {
    min-height: 100vh;
    background-color: #efebe7;
    z-index: 1;
    position: relative
}

main.home {
    padding-top: 0px
}

section,
header {
    position: relative;
    z-index: 1
}

.content {
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--outer);
    padding-right: var(--outer)
}

hr {
    border-bottom: 1px solid #222f2b;
    margin-bottom: calc(2 * var(--mb));
    margin-top: calc(2 * var(--mb))
}

.image {
    display: block
}

.image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.column-size-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 5%
}

.noscroll {
    overflow: hidden !important
}

img[data-normal] {
    opacity: 0
}

.image,
.mobile-image,
.video-background {
    background-color: rgba(34, 47, 43, .05)
}

img,
.lazy-image {
    -webkit-transition: opacity 1s .3s;
    -moz-transition: opacity 1s .3s;
    -o-transition: opacity 1s .3s;
    transition: opacity 1s .3s
}

.lazy-image {
    opacity: 0
}

.lazy__show {
    opacity: 1;
    -webkit-transition: opacity 1s .2s;
    -moz-transition: opacity 1s .2s;
    -o-transition: opacity 1s .2s;
    transition: opacity 1s .2s
}

.lazy__show img {
    opacity: 1
}

.fades {
    -webkit-transition: opacity 1s 0s;
    -moz-transition: opacity 1s 0s;
    -o-transition: opacity 1s 0s;
    transition: opacity 1s 0s;
    opacity: 0
}

.el__show {
    opacity: 1
}

figure {
    overflow: visible;
    position: relative
}

figure .image {
    width: 100%;
    margin-bottom: 40px
}

figure.nocaption .image {
    margin-bottom: 0
}

figure figcaption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: opacity .5s
}

figure .image:hover {
    cursor: pointer
}

figure .image:hover+figcaption {
    opacity: 1
}

.child-content .content {
    overflow: hidden
}

.child-content .copy {
    max-width: 1135px;
    margin-left: auto;
    margin-right: auto
}

.child-content h1,
.child-content h2 {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: calc(.5 * var(--mb))
}

@media(min-width: 1170px) {

    .child-content h1,
    .child-content h2 {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {

    .child-content h1,
    .child-content h2 {
        font-size: 38px
    }
}

.child-content p {
    margin-bottom: var(--mb)
}

.child-content p+h1,
.child-content p+h2,
.child-content p+h3 {
    margin-top: calc(2* var(--mb))
}

.child-content ul {
    margin-bottom: var(--mb);
    list-style-type: "-";
    list-style-position: outside;
    margin-left: 10px
}

.child-content ul>li {
    margin-bottom: var(--mb);
    position: relative;
    padding-left: 10px
}

.child-content ol {
    counter-reset: item;
    margin-top: 10px
}

.child-content ol li {
    display: block
}

.child-content ol>li {
    margin-bottom: var(--mb);
    margin-top: calc(2 * var(--mb));
    font-weight: normal;
    line-height: 1.4em;
    font-family: "Portrait Web", Arial, serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    position: relative
}

@media(min-width: 1112.7272727273px) {
    .child-content ol>li {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(min-width: 1701.8181818182px) {
    .child-content ol>li {
        font-size: 26px
    }
}

.child-content ol>li>ol li {
    font-family: "Portrait Web", Arial, serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    text-transform: none;
    font-weight: normal;
    margin-top: 0
}

@media(min-width: 1112.7272727273px) {
    .child-content ol>li>ol li {
        font-size: calc(22 / 1440 * 100vw)
    }
}

@media(min-width: 1701.8181818182px) {
    .child-content ol>li>ol li {
        font-size: 26px
    }
}

.child-content ol>li:before {
    font-weight: 500
}

.child-content ol>li>ol>li>ol>li {
    padding-left: 50px
}

.child-content ol li ul {
    margin-top: 10px
}

.child-content .table-wrap {
    overflow: scroll;
    width: 100%
}

.child-content table {
    margin-bottom: var(--mb)
}

.child-content table td {
    padding: 5px 10px;
    border: 1px solid rgba(34, 47, 43, .2)
}

@media(min-width: 678px) {
    .invert .child-content a {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, .6)
    }

    .invert .child-content a:hover {
        border-color: transparent;
        opacity: .8
    }

    table {
        margin-bottom: var(--mb)
    }

    table td {
        padding: 5px 10px;
        border: 1px solid rgba(255, 255, 255, .2)
    }
}

.sections {
    position: relative;
    z-index: 2;
    min-height: 100vh
}

.section--intro {
    z-index: 2
}

.section--intro .video-holder {
    position: relative;
    padding-top: var(--rat)
}

.section--text .mobile-image {
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
    display: block
}

.section--text .mobile-image img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section--text .mobile-image:after {
    content: "";
    display: block;
    padding-top: 90%;
    width: 0;
    float: left;
    position: relative
}

.section--text header {
    text-align: center
}

.section--text header h2+.button {
    margin-top: 50px;
    margin-bottom: 50px
}

.mobile-image {
    overflow: hidden;
    position: relative
}

.mobile-image img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mobile-image:after {
    content: "";
    display: block;
    padding-top: 85%;
    width: 0;
    float: left;
    position: relative
}

.section--drivers {
    text-align: center;
    padding-top: 30px;
    border-top: 1px solid #8a8a8a
}

.section--drivers h2 {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 50px
}

@media(min-width: 1170px) {
    .section--drivers h2 {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {
    .section--drivers h2 {
        font-size: 38px
    }
}

.section--drivers h2 span,
.section--drivers h3 span {
    text-transform: uppercase
}

.entry--apartment {
    margin-bottom: 50px
}

.entry--apartment .image {
    margin-bottom: 30px
}

.entry--apartment h3 {
    text-transform: none;
    line-height: 1.2em
}

.entry--apartment .read-more {
    margin-top: 25px;
    line-height: 1em
}

.sub-pages {
    display: none
}

.section--intro,
.scroll-text,
.sub-header {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs
}

.section--intro-main .image {
    text-align: center
}

.section--intro-main .images {
    display: flex;
    flex-wrap: wrap
}

.section--intro-main .fades.image {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1.2s .5s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) .5s
}

.section--intro-main .el__show {
    opacity: 1
}

.section--intro-main .el__show.lazy__show {
    opacity: 1;
    transform: translateY(0)
}

.section--intro-main .copy {
    font-size: 20px
}

@media(min-width: 1107.6923076923px) {
    .section--intro-main .copy {
        font-size: calc(26 / 1440 * 100vw)
    }
}

@media(min-width: 1716.9230769231px) {
    .section--intro-main .copy {
        font-size: 31px
    }
}

.section--intro-main figure .image {
    overflow: hidden;
    position: relative
}

.section--intro-main figure .image img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section--intro-main figure .image:after {
    content: "";
    display: block;
    padding-top: 140%;
    width: 0;
    float: left;
    position: relative
}

.section--intro-main .video {
    overflow: hidden;
    width: 100%;
    margin-bottom: 50px
}

.section--intro-main.double .video .video-holder {
    overflow: hidden;
    position: relative
}

.section--intro-main.double .video .video-holder img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section--intro-main.double .video .video-holder:after {
    content: "";
    display: block;
    padding-top: 140%;
    width: 0;
    float: left;
    position: relative
}

.section--intro-main.double .video .video-holder iframe {
    min-width: calc(1.4 * var(--rec))
}

.section--intro-main.single .video .video-holder {
    overflow: hidden;
    position: relative
}

.section--intro-main.single .video .video-holder img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section--intro-main.single .video .video-holder:after {
    content: "";
    display: block;
    padding-top: var(--rat);
    width: 0;
    float: left;
    position: relative
}

.section--portrait {
    padding-top: 50px
}

.section--portrait .copy {
    text-align: center;
    font-size: 20px
}

@media(min-width: 1107.6923076923px) {
    .section--portrait .copy {
        font-size: calc(26 / 1440 * 100vw)
    }
}

@media(min-width: 1716.9230769231px) {
    .section--portrait .copy {
        font-size: 31px
    }
}

.content-intro-front-page h2,
.content-intro-front-page h3,
.section--intro-main h2,
.section--intro-main h3,
.section--centred h2,
.section--centred h3,
.section--portrait h2,
.section--portrait h3 {
    margin-bottom: 16px
}

.split-scroll h2,
.split-image h2 {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase
}

@media(min-width: 1170px) {

    .split-scroll h2,
    .split-image h2 {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {

    .split-scroll h2,
    .split-image h2 {
        font-size: 38px
    }
}

.split-scroll p,
.split-image p {
    font-size: 20px
}

@media(min-width: 1107.6923076923px) {

    .split-scroll p,
    .split-image p {
        font-size: calc(26 / 1440 * 100vw)
    }
}

@media(min-width: 1716.9230769231px) {

    .split-scroll p,
    .split-image p {
        font-size: 31px
    }
}

.split-scroll h2+p,
.split-image h2+p {
    margin-top: 40px
}

.split-scroll .fades.image,
.split-image .fades.image {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1.2s .5s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) .5s
}

.split-scroll .el__show,
.split-image .el__show {
    opacity: 1
}

.split-scroll .el__show.lazy__show,
.split-image .el__show.lazy__show {
    opacity: 1;
    transform: translateY(0)
}

.section--floorplan,
.header--section {
    text-align: center;
    padding-top: 50px
}

.section--floorplan h1,
.section--floorplan h2,
.section--floorplan .kicker,
.header--section h1,
.header--section h2,
.header--section .kicker {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 1.2em
}

@media(min-width: 1170px) {

    .section--floorplan h1,
    .section--floorplan h2,
    .section--floorplan .kicker,
    .header--section h1,
    .header--section h2,
    .header--section .kicker {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {

    .section--floorplan h1,
    .section--floorplan h2,
    .section--floorplan .kicker,
    .header--section h1,
    .header--section h2,
    .header--section .kicker {
        font-size: 38px
    }
}

.section--floorplan .kicker,
.header--section .kicker {
    text-transform: none
}

.section--floorplan .image {
    overflow: hidden;
    position: relative
}

.section--floorplan .image img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section--floorplan .image:after {
    content: "";
    display: block;
    padding-top: 56%;
    width: 0;
    float: left;
    position: relative
}

.section--floorplan .swiper-button-prev::after,
.section--floorplan .swiper-button-next::after {
    color: #222f2b;
    font-size: 15px
}

.section--divider {
    width: 100%;
    height: var(--vh);
    overflow: hidden;
    transform: translateY(100px);
    margin-bottom: 50px
}

.section--divider .content {
    z-index: 1;
    text-align: center
}

.section--divider .copy {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    height: var(--vh);
    text-align: center
}

.section--divider .copy h1 {
    line-height: 1em
}

.section--divider .video-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: var(--vh)
}

.section--divider .video-background img {
    width: 100%;
    min-height: var(--vh);
    object-fit: cover
}

.section--divider.inverted {
    color: #fff
}

.section--divider.el__show {
    transform: translateY(0);
    transition: opacity 1s .5s, transform .8s .5s ease-out
}

.section--divider.el__show .copy {
    opacity: 1;
    transition: opacity 1s 1s
}

.error404 {
    text-align: center
}

.section--centred .copy {
    text-align: center;
    font-size: 20px
}

@media(min-width: 1107.6923076923px) {
    .section--centred .copy {
        font-size: calc(26 / 1440 * 100vw)
    }
}

@media(min-width: 1716.9230769231px) {
    .section--centred .copy {
        font-size: 31px
    }
}

.section--centred .sections {
    margin-top: 0
}

.section--centred h2 {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center
}

@media(min-width: 1170px) {
    .section--centred h2 {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {
    .section--centred h2 {
        font-size: 38px
    }
}

.page-template-template_invert .sections,
.page-template-template_enquire .sections {
    margin-top: 0
}

.page-template-template_enquire {
    background-color: #222f2b;
    color: #fff
}

.page-template-template_enquire header,
.page-template-template_enquire .sections {
    color: #fff
}

.page-template-template_enquire header h1,
.page-template-template_enquire .sections h1 {
    font-style: italic
}

.page-template-template_enquire header {
    background-color: #222f2b
}

.page-template-template_enquire .sections {
    background-color: #222f2b;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.enquire,
.invert,
.video_template {
    margin-bottom: 0 !important;
    background-color: #222f2b
}

.video_template .video-fullscreen {
    display: flex;
    align-items: center;
    justify-content: center
}

.video_template .video-fullscreen .video-background {
    z-index: 2
}

.video_template .site-footer {
    visibility: visible;
    -webkit-animation-duration: .3s 1.5s;
    animation-duration: .3s 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs
}

.video_template .for-touch {
    display: none
}

.video_template .play-pause {
    position: absolute;
    z-index: 11;
    display: block;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(//themes/wardian/images/svg/video-play-white.svg);
    background-repeat: no-repeat;
    background-size: 65px;
    background-position: center;
    font-size: 0;
    opacity: 0;
    transition: opacity .3s 1s
}

.video_template .show-video .play-pause {
    opacity: 1
}

.video_template .show-video .play-pause.playing {
    opacity: 0;
    transition-delay: 0s
}

.touch .not-for-touch {
    display: none
}

.touch .for-touch.show-video {
    display: flex
}

.section-three-images {
    background-color: #222f2b;
    color: #fff;
    text-align: center;
    padding: 50px 0
}

.section-three-images h2 {
    font-weight: normal;
    line-height: 1.4em;
    font-size: 26px;
    text-transform: uppercase
}

@media(min-width: 1170px) {
    .section-three-images h2 {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 1710px) {
    .section-three-images h2 {
        font-size: 38px
    }
}

.section-three-images .image,
.section-three-images .copy {
    margin-bottom: var(--mb)
}

.section-three-images .image {
    width: 100%;
    overflow: hidden;
    position: relative
}

.section-three-images .image img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section-three-images .image:after {
    content: "";
    display: block;
    padding-top: 133%;
    width: 0;
    float: left;
    position: relative
}

.mover {
    position: absolute;
    z-index: 19;
    display: none;
    opacity: 0;
    transition: transform .5s ease-out, opacity .5s
}

.swiper-container {
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-initialized .video-background {
    overflow: visible
}

.swiper-container-initialized .video-holder {
    pointer-events: none;
    position: relative
}

.swiper-container-initialized .swiper-slide {
    overflow: hidden;
    position: relative
}

.swiper-container-initialized .swiper-slide img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.swiper-container-initialized .swiper-slide:after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 0;
    float: left;
    position: relative
}

.enquire-form iframe,
.enquire-form .form-holder {
    margin-top: 20px;
    width: 100%;
    min-height: 1600px;
    opacity: 0
}

.enquire-form .form-holder {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs;
    min-height: auto;
    padding-bottom: 100px
}

.enquire-form .form-loaded {
    transition: opacity 1s 1s;
    opacity: 1
}

body.map {
    background-color: #efebe7;
    margin: 0;
    padding: 0
}

body.map .wrapper {
    background-color: #222f2b;
    min-height: 100vh;
    min-width: 100%;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs;
    display: flex;
    align-items: center;
    justify-content: center
}

body.map .wrapper::after {
    width: 40px;
    height: 40px;
    z-index: -1;
    content: "";
    display: block;
    background-image: url(//themes/wardian/images/svg/tail-spin.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeOutKs;
    animation-name: fadeOutKs
}

.map-landing {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs
}

@media(max-width: 678px) {
    body {
        display: block !important
    }

    .content.full-width {
        padding-left: 0;
        padding-right: 0
    }

    .sub-header {
        text-align: center;
        padding: 40px 20px
    }

    .sub-header span,
    .sub-header h1 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 36.4px;
        line-height: 2.275rem
    }

    .sub-header h1 {
        line-height: 1em
    }

    .section--intro {
        padding-top: 100px;
        text-align: center
    }

    .section--intro .sticky {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 28px;
        line-height: 1.75rem
    }

    .section--intro .home-page-logo {
        display: none
    }

    .section--intro .copy,
    .section--intro .image {
        margin-bottom: 50px
    }

    .section--intro h3 {
        text-align: center
    }

    .section--intro .onload-video-holder,
    .section--intro .video-holder {
        padding-top: 100%;
        margin-bottom: 40px
    }

    .section--intro-main {
        text-align: center
    }

    .section--intro-main figure {
        width: 100%;
        margin-bottom: 50px
    }

    .section--intro-main.double .images>:last-child {
        display: none
    }

    .section--portrait figure {
        width: 100%;
        margin-bottom: 50px
    }

    .section--portrait .copy {
        margin-bottom: 60px;
        margin-top: 0px
    }

    .entry--apartment h3,
    .section--intro-main h3 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 28px;
        line-height: 1.75rem;
        text-align: center
    }

    .section--intro-main {
        padding-bottom: 0
    }

    .section--intro-main+.section--divider {
        margin-top: 50px
    }

    .floorplan .navbar.over-floorplan,
    .floorplan.no-scroll .navbar {
        background-color: transparent
    }

    .page-template-template_floorplan {
        padding-top: 0
    }

    .section--floorplan .content {
        height: calc(50vw + 450px)
    }

    .section--floorplan .image {
        margin: 20px 0
    }

    .section--floorplan ul {
        margin-bottom: 80px
    }

    .section--floorplan li {
        margin-bottom: 30px
    }

    .section--floorplan li h3,
    .section--floorplan li p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22.4px;
        line-height: 1.4rem
    }

    .section--floorplan .swiper-button-prev,
    .section--floorplan .swiper-button-next {
        top: 25%
    }

    .section--floorplan .swiper-button-prev::after,
    .section--floorplan .swiper-button-next::after {
        font-size: 15px
    }

    .section--floorplan .swiper-button-prev {
        left: 0
    }

    .section--floorplan .swiper-button-next {
        right: 0
    }

    .split-scroll.right .sticky-holder {
        display: flex;
        flex-direction: column-reverse
    }

    .split-scroll .images>:last-child {
        display: none
    }

    .split-scroll .images .image,
    .split-scroll .images figure {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .split-scroll header {
        padding: 40px 0
    }

    .split-image .content {
        display: flex;
        flex-direction: column-reverse
    }

    .split-image.right .content {
        flex-direction: column
    }

    .split-image .images .image,
    .split-image .images figure {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .split-image .images {
        margin-bottom: 60px
    }

    .split-image header {
        padding: 60px 0 40px 0
    }

    .section--centred .mobile-image {
        width: 80%;
        margin: 40px 0;
        margin-left: auto;
        margin-right: auto
    }

    .section--centred .mobile-image:after {
        display: none
    }

    .section--centred .mobile-image img {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        transform: translate(0, 0);
        left: 0;
        top: 0
    }

    .section--centred .copy {
        margin-bottom: 60px;
        margin-top: 40px
    }

    .header--invert {
        text-align: center;
        margin-bottom: 60px;
        margin-top: 60px
    }

    .header--invert h1 {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 36.4px;
        line-height: 2.275rem
    }

    .page-template-template_enquire .header--invert {
        margin-bottom: 0px
    }

    .child-content {
        padding-bottom: 100px
    }

    .child-content h1 {
        line-height: 1em;
        margin-bottom: 10px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 22.4px;
        line-height: 1.4rem
    }

    .child-content ol>li>ol>li>ol>li {
        padding-left: 10px !important
    }

    .copy-header {
        transform: translate(0, 0) !important;
        margin-bottom: 40px
    }

    .video_template main {
        padding-top: 0;
        max-height: 500px;
        min-height: inherit
    }

    .video_template .video-fullscreen {
        max-height: 500px
    }

    .video_template .for-touch {
        max-height: 500px
    }

    .video_template .for-touch iframe {
        min-height: 100%
    }

    .video_template .mobile-vision-video-holder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        overflow: hidden;
        transition: opacity 1s 0s;
        max-height: 500px
    }

    .video_template .mobile-vision-video-holder iframe {
        width: 100%;
        height: 56.25vw;
        min-width: 177.77vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: opacity 1s
    }

    .section--divider {
        height: auto;
        overflow: hidden
    }

    .section--divider .copy {
        height: 100%
    }

    .section--divider .video-background {
        height: auto;
        position: relative
    }

    .section--divider .video-background img {
        height: auto;
        min-height: auto
    }

    .section--divider .video-background .video-holder {
        padding-top: var(--rat);
        position: relative;
        width: 100%
    }

    .page-template-template_map .split-scroll .content {
        display: flex;
        flex-direction: column-reverse
    }
}

@media(min-width: 678px) {
    :root {
        --outer: 30px
    }

    figure .image {
        margin-bottom: 60px
    }

    .mobile-image,
    .mobile-only {
        display: none
    }

    #maincontent {
        padding-top: var(--vh)
    }

    .home #maincontent {
        padding-top: 0
    }

    .home .sections {
        margin-top: var(--vh);
        background-color: #efebe7
    }

    .video_template #maincontent {
        padding-top: 0
    }

    .section--intro .content .copy {
        padding-top: 120px;
        z-index: 21;
        pointer-events: none
    }

    .section--intro .content .copy .home-page-logo {
        pointer-events: all
    }

    .section--divider {
        margin-bottom: 0px;
        height: 100%
    }

    .section--divider+.split-scroll {
        margin-top: 70px
    }

    .section--divider .copy {
        height: 100%
    }

    .section--divider .video-background {
        position: relative;
        height: 100%
    }

    .section--divider .video-holder {
        position: relative;
        padding-top: var(--rat)
    }

    .content-intro-front-page .copy {
        width: 75%;
        margin-left: auto;
        margin-right: auto
    }

    .content-intro-front-page .copy h2,
    .content-intro-front-page .copy h3 {
        text-align: center
    }

    .content-intro-front-page p {
        max-width: 1250px;
        margin-left: auto;
        margin-right: auto
    }

    .navbar.fixed-to-top {
        background-color: #efebe7;
        z-index: 20
    }

    .fixed-to-top {
        position: fixed !important;
        top: 0
    }

    .sub-pages {
        display: block;
        position: fixed;
        top: 100px;
        left: var(--outer);
        z-index: 20;
        opacity: 0;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-delay: .8s;
        -webkit-animation-delay: .8s;
        animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        -webkit-animation-name: fadeInKs;
        animation-name: fadeInKs;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 25.2px;
        line-height: 1.575rem;
        list-style: none
    }

    .sub-pages span {
        display: block
    }

    .section--drivers {
        padding: 30px 0
    }

    .section--drivers .drivers {
        display: flex;
        justify-content: center
    }

    .section--drivers .entry--apartment {
        width: 33%;
        margin-bottom: 0
    }

    .sticky-holder {
        height: var(--vh)
    }

    .sticky-holder .sticky {
        position: sticky;
        width: 100%
    }

    .section--intro .sticky-holder {
        height: auto;
        padding-bottom: 0
    }

    .section--intro .sticky {
        top: 0px;
        width: 68%;
        font-size: 20px;
        text-align: center;
        letter-spacing: .5px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 678px)and (min-width: 1107.6923076923px) {
    .section--intro .sticky {
        font-size: calc(26 / 1440 * 100vw)
    }
}

@media(min-width: 678px)and (min-width: 1716.9230769231px) {
    .section--intro .sticky {
        font-size: 31px
    }
}

@media(min-width: 678px) {
    .section--intro .image+.copy {
        width: 78%;
        font-weight: normal;
        line-height: 1.4em;
        font-size: 26px;
        text-transform: uppercase;
        text-transform: none;
        letter-spacing: .7px;
        margin-left: auto;
        margin-right: auto
    }

    .section--intro .image+.copy h1,
    .section--intro .image+.copy h2,
    .section--intro .image+.copy h3 {
        text-align: center
    }
}

@media(min-width: 678px)and (min-width: 1170px) {
    .section--intro .image+.copy {
        font-size: calc(32 / 1440 * 100vw)
    }
}

@media(min-width: 678px)and (min-width: 1710px) {
    .section--intro .image+.copy {
        font-size: 38px
    }
}

@media(min-width: 678px) {
    .mover-holder .content {
        z-index: 20
    }
}

@media(min-width: 678px) {
    .section--text .mobile-image {
        display: none
    }

    .section--text .content {
        min-height: var(--vh);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .section--text .content.sticky-holder {
        min-height: calc(1.4 * var(--vh))
    }

    .section--text header {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .section--text header h2+.button {
        margin-top: 60px
    }

    .section--text header h2 {
        margin-bottom: 20px
    }

    .section--text .sticky {
        top: calc(.3 * var(--vh));
        height: calc(.4 * var(--vh));
        position: sticky
    }
}

@media(min-width: 678px) {
    .page-template-template_apartments .sections {
        position: relative
    }
}

@media(min-width: 678px) {

    .section--intro-main p,
    .section--centred p {
        max-width: 860px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 678px) {
    .section--intro-main {
        padding-top: 16%
    }

    .section--intro-main .images .image:last-child {
        transition-delay: .8s
    }

    .section--intro-main .images {
        display: flex;
        justify-content: space-between;
        padding: 0 11%
    }

    .section--intro-main.double figure,
    .section--intro-main.double .video {
        width: 44%
    }

    .section--intro-main .copy {
        width: 76%;
        margin-left: auto;
        margin-right: auto;
        padding: 150px 0
    }

    .section--intro-main .copy h2,
    .section--intro-main .copy h1,
    .section--intro-main .copy h3 {
        text-align: center
    }

    .section--intro-main .copy.el__show {
        transition-duration: 1s;
        transition-delay: .5s
    }

    .section--intro-main.single figure {
        width: 100%
    }

    .section--intro-main.single figure .image {
        overflow: hidden;
        position: relative
    }

    .section--intro-main.single figure .image img {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .section--intro-main.single figure .image:after {
        content: "";
        display: block;
        padding-top: var(--rac);
        width: 0;
        float: left;
        position: relative
    }

    .section--intro-main.single figure .image.portrait {
        width: 70%;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 678px) {
    .section--portrait p {
        max-width: 860px;
        margin-left: auto;
        margin-right: auto
    }

    .section--portrait .copy {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }

    .section--portrait .copy.el__show {
        transition-duration: 1s;
        transition-delay: .5s
    }

    .section--portrait .copy {
        margin-bottom: 100px;
        margin-top: 120px
    }

    .section--portrait .images {
        display: flex;
        justify-content: space-between;
        padding: 0 12%
    }

    .section--portrait figure {
        width: 100%
    }

    .section--portrait figure .image {
        overflow: hidden;
        position: relative
    }

    .section--portrait figure .image img {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .section--portrait figure .image:after {
        content: "";
        display: block;
        padding-top: var(--rac);
        width: 0;
        float: left;
        position: relative
    }

    .section--portrait figure .image.portrait {
        width: 70%;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 678px) {

    .content-intro-front-page h2,
    .content-intro-front-page h3,
    .section--intro-main h2,
    .section--intro-main h3 {
        margin-bottom: 20px
    }

    .content-intro-front-page .copy,
    .section--intro-main .copy {
        text-align: center
    }
}

@media(min-width: 678px) {

    .split-image header,
    .split-image .sticky,
    .split-scroll header,
    .split-scroll .sticky {
        width: 42%
    }

    .split-image .content .side-images,
    .split-scroll .content .side-images {
        width: 33%
    }

    .split-image .content .side-images .image+.image,
    .split-scroll .content .side-images .image+.image {
        margin-top: 12%
    }

    .split-image.right .content .side-images,
    .split-scroll.right .content .side-images {
        margin-right: 11%
    }

    .split-image.right header,
    .split-image.right .sticky,
    .split-scroll.right header,
    .split-scroll.right .sticky {
        left: 10%
    }

    .split-image.left .content .side-images,
    .split-scroll.left .content .side-images {
        margin-left: 11%
    }

    .split-image.left header,
    .split-image.left .sticky,
    .split-scroll.left header,
    .split-scroll.left .sticky {
        right: 10%
    }

    .split-image .content h2+p,
    .split-scroll .content h2+p {
        margin-top: 0
    }

    .split-image h2+p,
    .split-scroll h2+p {
        margin-top: 0
    }
}

@media(min-width: 678px) {
    .split-image .content {
        align-items: center;
        justify-content: space-between
    }

    .split-image .content .side-images {
        margin-top: calc(3 * var(--mb));
        margin-bottom: calc(3 * var(--mb))
    }
}

@media(min-width: 678px) {
    .split-scroll {
        margin-bottom: 120px
    }

    .split-scroll .sticky-holder {
        height: auto;
        justify-content: space-between;
        align-items: flex-start
    }

    .split-scroll .sticky-holder header {
        top: calc(.2 * var(--vh));
        height: calc(.6 * var(--vh));
        padding-top: calc(.1 * var(--vh));
        padding-bottom: calc(.1 * var(--vh))
    }
}

@media(min-width: 678px) {
    .header--section {
        position: absolute;
        width: 100%
    }
}

@media(min-width: 678px) {

    .section--floorplan,
    .header--section {
        padding-top: 80px
    }
}

@media(min-width: 678px) {
    .section--centred {
        margin: 50px 0
    }

    .section--centred .content {
        min-height: var(--vh);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 56.5vw
    }

    .section--centred h2,
    .section--centred h3 {
        margin-bottom: 20px
    }

    .section--centred .copy {
        width: 50%
    }

    .section--centred .copy.el__show {
        transition-duration: 1s;
        transition-delay: .5s
    }
}

@media(min-width: 678px) {
    .section--portrait+.section--centred .content {
        min-height: 75vh
    }
}

@media(min-width: 678px) {
    .section--intro-main+.section--centred {
        margin-top: -150px
    }

    .section--intro-main+.section--centred .content {
        min-height: 75vh
    }
}

@media(min-width: 678px) {
    .section--intro-main.no-copy {
        padding-bottom: 150px
    }
}

@media(min-width: 678px) {
    .section--floorplan {
        padding-bottom: 120px
    }

    .section--floorplan .content {
        height: calc(40vw + 260px)
    }

    .section--floorplan h2 {
        margin-bottom: 80px
    }

    .section--floorplan .image {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .section--floorplan ul {
        display: flex;
        justify-content: space-between;
        margin-top: 45px
    }

    .section--floorplan ul h3,
    .section--floorplan ul p {
        font-size: 15px
    }
}

@media(min-width: 678px)and (min-width: 1350px) {

    .section--floorplan ul h3,
    .section--floorplan ul p {
        font-size: calc(16 / 1440 * 100vw)
    }
}

@media(min-width: 678px)and (min-width: 1800px) {

    .section--floorplan ul h3,
    .section--floorplan ul p {
        font-size: 20px
    }
}

@media(min-width: 678px) {
    .section--floorplan ul li {
        width: 20%
    }
}

@media(min-width: 678px) {
    .section--floorplan ul h3 {
        font-family: nimbus-sans, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-weight: 100;
        letter-spacing: .3px
    }
}

@media(min-width: 678px) {

    .page-template-template_invert#maincontent,
    .page-template-template_enquire#maincontent,
    .error404#maincontent {
        padding-top: 0px
    }
}

@media(min-width: 678px) {
    .page-template-template_invert {
        background-color: #222f2b;
        color: #fff
    }

    .page-template-template_invert header,
    .page-template-template_invert .sections {
        color: #fff
    }

    .page-template-template_invert header {
        background-color: #222f2b
    }

    .page-template-template_invert .sections {
        background-color: #222f2b;
        border-bottom: 1px solid rgba(255, 255, 255, .3)
    }
}

@media(min-width: 678px) {
    .entry--apartment .thumb {
        overflow: hidden;
        overflow: hidden;
        position: relative;
        filter: brightness(80%);
        transition: filter .3s ease-out
    }

    .entry--apartment .thumb img {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .entry--apartment .thumb:after {
        content: "";
        display: block;
        padding-top: 56%;
        width: 0;
        float: left;
        position: relative
    }

    .entry--apartment .thumb img {
        transform: translate(-50%, -50%) scale(1.05);
        transition: transform .6s ease-out, opacity 1s .3s
    }

    .entry--apartment:hover .thumb {
        filter: brightness(100%)
    }

    .entry--apartment:hover .thumb img {
        transform: translate(-50%, -50%) scale(1)
    }

    .entry--apartment:hover .read-more {
        border-color: transparent
    }

    .entry--apartment .read-more {
        margin-top: 40px
    }
}

@media(min-width: 678px) {
    .section-three-images h2 {
        margin-bottom: 50px
    }

    .section-three-images .images {
        display: flex;
        justify-content: space-between;
        width: 88%;
        margin-left: auto;
        margin-right: auto
    }

    .section-three-images .images .image-holder {
        width: 30%
    }

    .section-three-images .images+p {
        margin-top: 100px;
        margin-bottom: 40px
    }
}

@media(min-width: 678px) {
    .mover {
        display: block;
        pointer-events: none
    }
}

@media(min-width: 678px) {
    .mover-1 {
        width: 15.5%;
        overflow: hidden;
        position: relative;
        position: absolute
    }

    .mover-1 img {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .mover-1:after {
        content: "";
        display: block;
        padding-top: 132%;
        width: 0;
        float: left;
        position: relative
    }
}

@media(min-width: 678px) {
    .mover-2 {
        width: 23.5%;
        overflow: hidden;
        position: relative;
        position: absolute
    }

    .mover-2 img {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .mover-2:after {
        content: "";
        display: block;
        padding-top: 67%;
        width: 0;
        float: left;
        position: relative
    }
}

@media(min-width: 678px) {
    .mover-3 {
        width: 15.5%;
        overflow: hidden;
        position: relative;
        position: absolute
    }

    .mover-3 img {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .mover-3:after {
        content: "";
        display: block;
        padding-top: 120%;
        width: 0;
        float: left;
        position: relative
    }
}

@media(min-width: 678px) {
    .home-scroll .content {
        min-height: calc(1*var(--vh));
        align-items: flex-start
    }

    .home-scroll .content .copy-header {
        min-height: calc(.4*var(--vh))
    }

    .home-scroll .content .copy-header a:hover {
        opacity: .8
    }

    .home-scroll .content .copy-header a:hover .cta {
        border-color: transparent
    }
}

@media(min-width: 678px) {

    .home-scroll .mover-1,
    .section--centred .mover-1 {
        left: calc(var(--outer) + 8%)
    }

    .home-scroll .mover-2,
    .section--centred .mover-2 {
        left: calc(var(--outer) + 40%)
    }

    .home-scroll .mover-3,
    .section--centred .mover-3 {
        right: calc(var(--outer) + 8%);
        left: auto
    }
}

@media(min-width: 678px) {
    .split-scroll.right .mover-1 {
        left: calc(var(--outer) + 0%)
    }

    .split-scroll.right .mover-2 {
        left: calc(var(--outer) + 26%)
    }

    .split-scroll.right .mover-3 {
        left: calc(var(--outer) + 0%)
    }

    .split-scroll.left .mover-1 {
        left: calc(var(--outer) + 72%)
    }

    .split-scroll.left .mover-2 {
        left: calc(var(--outer) + 48%)
    }

    .split-scroll.left .mover-3 {
        left: calc(var(--outer) + 72%)
    }
}

@media(min-width: 678px) {
    .enquire-form .content {
        width: 68%;
        max-width: 955px;
        margin-left: auto;
        margin-right: auto
    }

    .enquire-form iframe {
        min-height: 1420px
    }
}

@media(min-width: 678px) {
    @keyframes blinker {
        50% {
            opacity: 0
        }
    }
}

@media(min-width: 678px) {
    .timer {
        color: #7a8280
    }

    .timer span.dots {
        animation: blinker 1s linear infinite
    }
}

@media(min-width: 1000px) {
    .section--drivers {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .section--drivers .entry--apartment {
        width: 33%;
        padding-left: 6%;
        padding-right: 6%
    }

    .entry--apartment .image {
        margin-bottom: 20px
    }

    .section--floorplan .content {
        height: calc(28vw + 260px)
    }

    .section--floorplan .image {
        width: 50%
    }

    .section--floorplan ul {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .section--floorplan .swiper-button-prev {
        left: 20%
    }

    .section--floorplan .swiper-button-next {
        right: 20%
    }
}

@media(min-width: 1280px) {
    .section--floorplan .content {
        height: calc(28vw + 260px)
    }

    .section--floorplan .image {
        width: 50%
    }

    .section--floorplan ul {
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }
}

@media(orientation: landscape) {
    .video-fullscreen {
        height: 100vh
    }
}

.ao-captcha-block {
    height: 0 !important
}

/*----------------------------------------------------------------------------------------------------------------
                                    Forms
---------------------------------------------------------------------------------------------------------------*/
.enquire a {
    color: white
}

.enquire-address-map {
    max-width: 33.3vw;
    margin-left: auto;
    margin-right: auto;
}

.enquire-address {
    margin-top: 5vw;
    display: flex;
    flex-direction: column;
    /* height: 17.76vw;*/
    justify-content: space-between;
    margin-bottom: 3vw;
    /* background-image: url(//themes/wardian/images/png/flower-bg-enquire.png);
     background-size: auto 100%;
     background-repeat: no-repeat;
     background-position: right;*/
}

.enquire-block {

    padding-bottom: 40px;

}

.enquire-block div {

    font-size: 0.93vw;
    line-height: 0.93vw;

}

.directions-link {
    font-size: 0.93vw;
    line-height: 1.25vw;
    text-decoration: underline
}

.enquire-map .directions-link {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 1vw
}

.enquire-address a {
    font-size: 0.93vw;
    line-height: 1.25vw
}

.address-title {
    font-style: italic;
    font-size: 1.46vw;
    line-height: 1.77vw;
    padding-bottom: 1vw
}

.enquire-map image {
    width: 33.33vw;
    height: 28.23vw
}

.enquire .content {
    z-index: 1;
}

.enquire-form {
    /*margin-top: 28.1vw !important;
    */
}

.mand_fields {
    text-align: center;
    font-style: italic;
    font-size: 0.94vw;
    text-transform: none;
}

.enquire .header-scroll .copy {
    padding-bottom: 3vw;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
}

.enquire .header-scroll {
    position: relative
}

.enquire .header-scroll,
.enquire .header-scroll .video-background,
.enquire .header-scroll .copy {
    height: 28.1vw;
}

.enquire .header-scroll .video-background img {
    min-height: 28.1vw !important
}

.enquire h1 {
    font-size: 5vw;
    line-height: 5.99vw;
    font-style: normal !important;
}

.enquire .kicker {
    font-size: 1.45vw;
    line-height: 1.875vw;
    font-style: normal !important;
}

.enquire-form .title-h1 {
    font-style: italic;
    line-height: 1.4em;
    font-size: 2.5vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.content-cols {
    width: 100%;
    display: flex;
    margin: var(--outer);
    flex-direction: row;
}

.content-col {
    width: 50%;
}

.enquire-form .form-holder {
    max-width: 33.3vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5vw !important;
    padding-top: 0.8vw;
}

#form-error-messages {
    background: #C73232;
    visibility: hidden;
    font-size: 0.94vw;
    line-height: 0.94vw;
    margin-top: 2vw;
    padding: 0.3vw;
    text-align: center;
}

form.ao-form label:not(.ao-combo-label) {
    display: none
}

form.ao-form input:not([type="radio"]):not([type="checkbox"]) {
    font-family: "Portrait Web", Arial, serif !important;
    font-weight: normal !important;
    color: #05476D !important;
    position: relative;
    background-color: #EEE8E1 !important;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    text-align: left;
    padding-left: 1.04vw;
    border: 0 !important;
}

form.ao-form select {
    color: #05476D !important;
    font-size: 1.25vw !important;
    height: 3.125vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #EEE8E1 !important;
    transition: background-color 0.3s;
    text-align: left !important;
    text-align-last: left !important;
    z-index: 3;
    display: block;
    max-width: 33.3vw;
    padding-left: 1.04vw;
    border: 0 !important;
}

#row-r1605521547484 {
    display: flex;
    flex-direction: row;
    font-size: 0.94vw;
}

#row-r1605521547484 .ao-column {
    width: 50%
}

#row-r1605521547484 .ao-column-inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.ao-combo-label {
    position: relative;
    margin: 0 0.9vw 0 0.7vw !important;
}

.ao-combo-label input {
    opacity: 0;
    margin: 0 0.2vw 0 0;
    height: 1vw;
    width: 1vw;
}

.ao-combo-label span {
    /* line-height: 12px;*/
}

.ao-combo-label span::before {
    content: "";
    pointer-events: none;
    height: 0.8vw;
    width: 0.8vw;
    left: 0;
    top: 0;
    display: block;
    position: absolute;
    background-color: #222F2B;
    border: 0.1em solid #D8D8D8;
    border-radius: 0.8vw;
}

.ao-combo-label input:checked+span::before {
    background-color: #D8D8D8;
}

form.ao-form a {
    color: white;
}

.ao-form .ao-center {
    text-align: left;
}

.ao-form-submit {
    color: #05476D !important;
    background-color: #EEE8E1 !important;
    transition: opacity 0.3s;
    padding: 0 !important;
    font-weight: normal !important;
    text-transform: none !important;
    border-radius: 0 !important;
    font-family: "Portrait Web", Arial, serif;
    font-weight: normal;
    border: 0.1em solid #05476D !important;
    outline: white solid 0.1em !important;
    margin: 0.1em;
    -webkit-font-smoothing: antialiased;
    text-transform: none !important;
    width: 12.5vw;
    height: 3.12vw;
    line-height: 3.12vw !important;
    font-size: 0.93vw !important;
    margin-top: 1.6vw;
    transition: background-color 0.3s, color 0.3s;
}

.ao-form-submit:hover {
    background-color: #05476D !important;
    color: #EEE8E1 !important;
    border: 0.1em solid #05476D !important;
    outline: #EEE8E1 solid 0.1em !important;
}

::placeholder {
    color: #05476D !important;
    opacity: 1;
    line-height: 3.125vw !important;
    font-size: 1.25vw !important;
}

:-ms-input-placeholder {
    color: #05476D !important;
    opacity: 1;
    line-height: 3.125vw !important;
    font-size: 1.25vw !important;
}

::-ms-input-placeholder {
    color: #05476D !important;
    opacity: 1;
    line-height: 3.125vw !important;
    font-size: 1.25vw !important;
}

.ao-form-error-message {
    width: 100%;
    display: block;
    background-color: #C73232;
    color: white !important;
    text-align: left;
    font-size: 0.73vw;
    padding-left: 1vw;
    line-height: 0.6vw;
    padding: 0.3vw;
    margin-bottom: 0.7vw;
    padding-left: 1.04vw
}

.ao-richtext-block {
    margin: 1vw 0
}

.block-b1579622287997 .ao-richtext-block {
    margin-top: 0
}

#row-r1605521547484 .ao-form-error-message {
    padding: 0;
    margin-bottom: 0;
}

#row-r1605521547484 .ao-richtext-block {
    margin: 0
}

.contact-firstp,
.mandatory {
    line-height: 1.25vw;
    padding: 0;
    font-size: 0.93vw;
    padding-bottom: 1vw
}

#block-b1579617475737 p,
#block-b1579622287997 p,
#block-b1579622287997 p a,
.ao-combo-label span,
form.ao-form .form-legal,
#block-b1581076792285 p {
    font-size: 0.72vw;
    line-height: 0.94vw;

}

#block-b1581076778579 p,
#block-b1581076792285 p {
    font-size: 0.72vw;
    line-height: unset;
}

.ao-form .ao-combo-label {
    display: inline !important;
    margin-bottom: 0;
}




@media only screen and (min-width: 671px) {
    .enquire .navbar {
        background-color: #efebe7 !important;
    }

    .enquire .navbar a,
    .enquire .navbar a:hover {
        color: #222f2b;
    }

    .enquire .navbar .logo {
        filter: none !important
    }

    .navbar .enquire {
        color: #efebe7 !important;
    }

    form.ao-form input,
    form.ao-form select {
        font-size: 1.25vw !important;
        line-height: 3.125vw;
    }

}


@media only screen and (min-width: 1920px) {

    .enquire .header-scroll,
    .enquire .header-scroll .video-background,
    .enquire .header-scroll .copy {
        height: 540px;
    }

    .page-template-template_enquire header h1,
    .page-template-template_enquire .sections h1 {

        font-size: 96px;
        line-height: 115px;
    }

    .enquire-form .form-holder,
    .enquire-address-map {
        max-width: 640px;
        padding-top: 30px
    }

    .enquire .kicker {
        font-size: 28px;
        line-height: 36px;
    }

    .enquire-form .title-h1 {

        font-size: 48px;
        line-height: 58px;

    }

    .mand_fields {
        font-size: 18px;
        line-height: 24px;
    }

    .ao-richtext-block {
        margin: 20px 0;
    }

    .contact-firstp,
    .mandatory {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 20px;
    }

    form.ao-form input:not([type="radio"]):not([type="checkbox"]) {}

    #ao-form-24049d6b-27b1-44bf-ae5b-90014b754cfa.ao-form input,
    form.ao-form input,
    form.ao-form select {
        font-size: 24px !important;
        line-height: 60px;
    }

    form.ao-form select {
        height: 60px;
        padding-left: 20px;
    }

    .ao-form-error-message {

        font-size: 14px !important;
        line-height: 14px !important;
        padding: 5.7px;
        margin-bottom: 14px;
        padding-left: 20px;
    }

    #block-b1581076778579 p,
    #block-b1581076792285 p,
    #block-b1579617475737 p,
    #block-b1579622287997 p,
    #block-b1579622287997 p a,
    .ao-combo-label span,
    form.ao-form .form-legal,
    #block-b1581076792285 p {
        font-size: 14px;
        line-height: 18px;
    }

    #block-b1581076778579 p,
    #block-b1581076792285 p {

        line-height: unset;
    }

    .content-cols {
        justify-content: center;
        gap: 280px;
    }

    .content-col {
        width: 640px;
    }

    ::placeholder {

        font-size: 24px !important;
        line-height: 24px !important;
    }

    :-ms-input-placeholder {

        font-size: 24px !important;
        line-height: 24px !important;
    }

    ::-ms-input-placeholder {

        font-size: 24px !important;
        line-height: 24px !important;
    }


    .ao-combo-label input {

        margin: 0 4px 0 0;
        height: 20px;
        width: 20px;
    }

    .ao-form-submit {

        width: 240px;
        height: 60px;
        font-size: 18px !important;
        line-height: 18px !important;
        margin-top: 22px;

    }

    .address-title {
        font-size: 28px;
        line-height: 34px;
        padding-bottom: 20px;
    }

    .enquire-address {
        margin-top: 60px;
        height: 340px;
        margin-bottom: 60px;
    }

    .enquire-address a,
    .directions-link {
        font-size: 18px;
        line-height: 24px;
    }

    .enquire-map .directions-link {

        padding-top: 20px
    }

    #form-error-messages {
        font-size: 14px;
        line-height: 24px;
        margin-top: 40px;
        padding: 5px;
    }
}


@media only screen and (max-width: 670px) and (orientation:portrait) {
    .address-title {
        font-size: 7.4vw;
        line-height: 9.06vw;
        padding-bottom: 1vw
    }

    .enquire-address a {
        line-height: 6.4vw !important;
        font-size: 4.8vw !important;
    }

    .enquire-address-map {
        max-width: 100vw;
        width: 86.6vw;
    }

    .enquire .header-scroll,
    .enquire .header-scroll .video-background,
    .enquire .header-scroll .copy {
        height: 100vw;
    }

    .enquire .header-scroll .video-background img {
        min-height: 100vw !important
    }

    .enquire .header-scroll .video-background {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
    }

    .directions-link {
        font-size: 4.26vw;
        line-height: 5.06vw
    }

    .enquire-address {
        margin-bottom: 15vw;
        flex-direction: column;
        /*height: 76.2vw;*/
        background-size: auto 50%;
    }

    .enquire-block div {


        line-height: 6.4vw;
        font-size: 4.8vw;

    }

    .enquire h1 {
        font-size: 11.73vw;
        line-height: 11.73vw;
    }

    .enquire .kicker {
        font-size: 4.26vw;
        line-height: 5.33vw;
    }

    .enquire .header-scroll .copy {
        padding-bottom: 6vw;
    }

    .enquire-form .title-h1 {
        line-height: 1.4em;
        font-size: 2.5vw;
        flex-direction: column;
    }

    .enquire-form .title-h1 div {
        height: 8vw
    }

    .mand_fields {
        padding-bottom: 6vw !important;
        text-align: center;
        font-style: italic;
        font-size: 4.8vw
    }

    .enquire-form .title-h1 {
        font-size: 9.6vw !important;
        text-align: center;
        font-style: normal !important;
        padding-bottom: 9vw !important
    }

    .ao-form-submit {
        width: 85.6vw;
        height: 14vw;
        line-height: 6.4vw !important;
        font-size: 4.8vw !important;
        margin-top: 4vw;
    }

    .content-col {
        width: 100%;
    }

    .content-cols {
        flex-direction: column;
        width: 86.6vw !important;
        margin-left: auto;
        margin-right: auto;
    }

    .enquire-form .form-holder {
        max-width: 100vw;
        width: 86.6vw;
    }

    p {
        margin-bottom: 5vw;
    }

    form.ao-form input:not([type="radio"]):not([type="checkbox"]),
    form.ao-form select {
        width: 86.6vw !important;
        height: 16vw !important;
        max-width: unset;
        line-height: 6.4vw !important;
        font-size: 4.8vw !important;
        padding-left: 5.3vw !important;
    }

    ::placeholder {
        color: #05476D !important;
        opacity: 1;
        line-height: 6.4vw !important;
        font-size: 4.8vw !important;
    }

    .contact-firstp,
    .mandatory {
        text-align: center;
        line-height: 6.4vw !important;
        font-size: 4.8vw !important;
        padding-bottom: 6vw !important
    }



    .ao-combo-label span,
    #block-b1581076778579 p,
    #block-b1581076792285 p,
    #block-b1579617475737 p,
    #block-b1579622287997 p,
    #block-b1579622287997 p a,
    form.ao-form .form-legal {
        font-size: 3.2vw !important;
        line-height: 4.26vw !important;
    }




    #row-r1605521547484 {
        font-size: 4.2vw;
    }

    #row-r1605521547484 {
        flex-direction: column;
    }

    #row-r1605521547484 .ao-column {
        width: 100%;
        padding-bottom: 2vw !important;
    }

    #row-r1605521547484 .ao-column-inner {}

    .ao-combo-label span::before {
        height: 4vw;
        width: 4vw;
        left: 0;
        top: 0;
        border-radius: 4vw;
    }

    .ao-combo-label {
        margin: 0 4vw 0 4vw !important;
    }

    .ao-form-error-message {
        font-size: 3vw !important;
        padding-left: 1vw;
        line-height: 5vw !important;
        padding: 1vw;
        margin-bottom: 3vw;
        text-align: center;
    }

    #row-r1605521547484 .ao-block-wrapper p {
        width: 15vw
    }

    #form-error-messages {
        font-size: 4vw;
        line-height: 4vw;
        margin-top: 4vw;
        padding: 2vw;
        text-align: center;
    }

    .ao-combo-label input {
        margin: 0 2vw 0 0;
        height: 5vw;
        width: 5vw;
    }
}








/* ===== NAVBAR ===== */

.navbar .desktop-only .enquire {
    border: 2px solid #05476d;
    transition: border-color 0.3s;
}

.navbar .desktop-only .enquire a {
    border: 1px solid #efebe7;
    height: unset;
    min-width: min(160px, 12vw);
    border-radius: 0;
    display: block;
    padding: 12px;
    /* padding-bottom: 6px; */
    background: #05476d;
    color: #efebe7;
    text-transform: uppercase;
    font-size: 14px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    font-family: 'Portrait Web', Arial, serif;
    text-align: center;
}

.navbar .desktop-only .enquire:hover {
    border-color: white;
}

.navbar .desktop-only .enquire:hover a {
    border-color: #05476d;
    background: white;
    color: #05476d;
}

/* ===== GLOBAL ===== */

section._23q1-comp h1,
section._23q1-comp h2,
section._23q1-comp h3 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-transform: inherit;
}

section._23q1-comp {
    font-size: calc(26 / 1920 * 100vw);
    line-height: 1.4;
}

@media (max-width: 678px) {
    section._23q1-comp {
        font-size: calc(20 / 1920 * 100vw);
        line-height: 1.2;
    }
}

/* ===== ANIMATIONS ===== */

section._23q1-comp .fades {
    position: static;
    display: block;
}

section._23q1-comp .fades.--fade-up {
    transform: translateY(10%);
    transition: transform 1s ease-out, opacity 1s ease-out;
}

section._23q1-comp .fades.--fade-down {
    transform: translateY(-10%);
    transition: transform 1s ease-out, opacity 1s ease-out;
}

section._23q1-comp .fades.--fade-up.el__show,
section._23q1-comp .fades.--fade-down.el__show {
    transform: translateY(0);
}

/* ===== TEXT & IMAGE ===== */

section._23q1--text-img {
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: calc(30 / 1920 * 100vw);
    justify-content: center;
    align-items: center;
    padding: calc(60 / 1920 * 100vw) calc(180 / 1920 * 100vw);
    padding-bottom: calc(120 / 1920 * 100vw);
}

section._23q1--text-img.--size-fit {
    padding: calc(30 / 1920 * 100vw) calc(180 / 1920 * 100vw);
    padding-bottom: calc(90 / 1920 * 100vw);
}

section._23q1--text-img ._text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.7px;
    height: 100%;
    padding: calc(120 / 1920 * 100vw) 0;
}

section._23q1--text-img.--background ._text {
    background-repeat: no-repeat;
    background-size: 50%;
}

section._23q1--text-img.--bg-tl ._text {
    background-position: top left;
}

section._23q1--text-img.--bg-tr ._text {
    background-position: top right;
}

section._23q1--text-img.--bg-bl ._text {
    background-position: bottom left;
}

section._23q1--text-img.--bg-br ._text {
    background-position: bottom right;
}

section._23q1--text-img.--img-left ._text {
    order: 1;
}

section._23q1--text-img ._title {
    padding-bottom: calc(32 / 1920 * 100vw);
    font-size: calc(38 / 1920 * 100vw);
    line-height: 1.1;
    text-transform: uppercase;
}

section._23q1--text-img ._paragraph {
    padding: 0 calc(60 / 1920 * 100vw);
    padding-bottom: calc(24 / 1920 * 100vw);
}

section._23q1--text-img a._btn {
    border: 4px solid #05476d;
    transition: border-color 0.3s;
}

section._23q1--text-img ._btn_inner {
    border: 1px solid #efebe7;
    padding: calc(20 / 1920 * 100vw) calc(80 / 1920 * 100vw);
    background: #05476d;
    color: #efebe7;
    text-transform: uppercase;
    font-size: calc(20 / 1920 * 100vw);
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

section._23q1--text-img a._btn:hover {
    border-color: white;
}

section._23q1--text-img a:hover ._btn_inner {
    background: white;
    color: #05476d;
    border-color: #05476d;
}

section._23q1--text-img img {
    width: 100%;
    height: calc(848 / 1920 * 100vw);
    display: block;
}

section._23q1--text-img.--size-fit img {
    object-fit: contain;
    height: auto;
    aspect-ratio: var(--ratio);
}

section._23q1--text-img.--size-fill img {
    object-fit: cover;
}

@media (max-width: 678px) {
    section._23q1--text-img {
        grid-template-columns: 1fr;
        padding: calc(16 / 375 * 100vw) 0 !important;
        grid-gap: 0;
    }

    section._23q1--text-img ._img {
        padding: calc(20 / 375 * 100vw);
    }

    section._23q1--text-img ._text {
        order: 1;
        padding: calc(32 / 375 * 100vw) calc(28 / 375 * 100vw);

        background-position: bottom center !important;
        background-size: 60% !important;
    }

    section._23q1--text-img.--background ._text {
        padding: calc(32 / 375 * 100vw) calc(28 / 375 * 100vw) calc(200 / 375 * 100vw) calc(28 / 375 * 100vw);
    }

    section._23q1--text-img img {
        object-fit: cover !important;
    }

    section._23q1--text-img.--size-fit img {
        height: calc(256 / 375 * 100vw);
    }

    section._23q1--text-img.--size-fill img {
        height: calc(480 / 375 * 100vw);
    }

    section._23q1--text-img ._title {
        font-size: calc(26 / 375 * 100vw);
        padding: 0 calc(12 / 375 * 100vw);
        padding-bottom: calc(24 / 375 * 100vw);
    }

    section._23q1--text-img ._paragraph {
        font-size: calc(20 / 375 * 100vw);
        padding: 0;
        padding-bottom: calc(36 / 375 * 100vw);
    }

    section._23q1--text-img a._btn {
        width: 100%;
    }

    section._23q1--text-img ._btn_inner {
        padding: calc(20 / 375 * 100vw);
        font-size: calc(18 / 375 * 100vw);
    }
}

/* ===== PROMO ===== */

section._23q1--promo {
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: calc(30 / 1920 * 100vw);
    justify-content: center;
    align-items: center;
    padding: calc(60 / 1920 * 100vw) calc(180 / 1920 * 100vw);
}

section._23q1--promo.--size-fit {
    padding: calc(30 / 1920 * 100vw) calc(180 / 1920 * 100vw);
}

section._23q1--promo ._text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.7px;
    height: 100%;
    padding: calc(120 / 1920 * 100vw) 0;
}

section._23q1--promo.--background ._text {
    background-repeat: no-repeat;
    background-size: 50%;
}

section._23q1--promo.--bg-tl ._text {
    background-position: top left;
}

section._23q1--promo.--bg-tr ._text {
    background-position: top right;
}

section._23q1--promo.--bg-bl ._text {
    background-position: bottom left;
}

section._23q1--promo.--bg-br ._text {
    background-position: bottom right;
}

section._23q1--promo.--img-left ._text {
    order: 1;
}

section._23q1--promo ._subtitle {
    font-size: calc(32 / 1920 * 100vw);
    line-height: 1.2;
    font-style: italic;
    padding-bottom: calc(24 / 1920 * 100vw);
}

section._23q1--promo ._title {
    font-size: calc(48 / 1920 * 100vw);
    line-height: 1.1;
    text-transform: uppercase;
}

section._23q1--promo ._paragraph {
    padding: 0 calc(132 / 1920 * 100vw);
    padding-bottom: calc(24 / 1920 * 100vw);
}

section._23q1--promo ._div {
    padding: calc(48 / 1920 * 100vw) 0;
}

section._23q1--promo ._div_inner {
    width: calc(100 / 1920 * 100vw);
    height: 2px;
    background: #000;
}

section._23q1--promo a._btn {
    border: 4px solid #05476d;
    transition: border-color 0.3s;
}

section._23q1--promo ._btn_inner {
    border: 1px solid #efebe7;
    padding: calc(20 / 1920 * 100vw) calc(80 / 1920 * 100vw);
    background: #05476d;
    color: #efebe7;
    text-transform: uppercase;
    font-size: calc(20 / 1920 * 100vw);
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

section._23q1--promo a._btn:hover {
    border-color: white;
}

section._23q1--promo a:hover ._btn_inner {
    background: white;
    color: #05476d;
    border-color: #05476d;
}

section._23q1--promo img {
    width: 100%;
    height: calc(848 / 1920 * 100vw);
    display: block;
}

section._23q1--promo.--size-fit img {
    object-fit: contain;
    height: auto;
    aspect-ratio: var(--ratio);
}

section._23q1--promo.--size-fill img {
    object-fit: cover;
}

@media (max-width: 678px) {
    section._23q1--promo {
        grid-template-columns: 1fr;
        padding: calc(16 / 375 * 100vw) 0 !important;
        grid-gap: 0;
    }

    section._23q1--promo ._img {
        padding-top: calc(16 / 375 * 100vw);
    }

    section._23q1--promo ._text {
        order: 1;
        padding: calc(32 / 375 * 100vw) calc(28 / 375 * 100vw);

        background-position: bottom center !important;
        background-size: 60% !important;
    }

    section._23q1--promo.--background ._text {
        padding: calc(32 / 375 * 100vw) calc(28 / 375 * 100vw) calc(200 / 375 * 100vw) calc(28 / 375 * 100vw);
    }

    section._23q1--promo img {
        height: 100vw;
        object-fit: cover !important;
    }

    section._23q1--promo ._subtitle {
        font-size: calc(24 / 375 * 100vw);
        padding-bottom: calc(16 / 375 * 100vw);
    }

    section._23q1--promo ._title {
        font-size: calc(26 / 375 * 100vw);
        padding: 0 calc(12 / 375 * 100vw);
    }

    section._23q1--promo ._paragraph {
        font-size: calc(20 / 375 * 100vw);
        padding: 0;
        padding-bottom: calc(36 / 375 * 100vw);
    }

    section._23q1--promo ._div {
        padding: calc(32 / 375 * 100vw) 0;
    }

    section._23q1--promo ._div_inner {
        width: calc(100 / 375 * 100vw);
    }

    section._23q1--promo a._btn {
        width: 100%;
    }

    section._23q1--promo ._btn_inner {
        padding: calc(20 / 375 * 100vw);
        font-size: calc(18 / 375 * 100vw);
    }
}

/* ===== DOUBLE IMAGE ===== */

section._23q1--text-double-img {
    overflow: hidden;
    display: grid;
    grid-template-columns: 7fr 5fr;
    grid-gap: calc(30 / 1920 * 100vw);
    justify-content: center;
    align-items: flex-start;
    padding: calc(60 / 1920 * 100vw) calc(180 / 1920 * 100vw);
    padding-bottom: calc(120 / 1920 * 100vw);
}

section._23q1--text-double-img ._text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.7px;
    height: 100%;
    padding-right: calc(120 / 1920 * 100vw);
}

section._23q1--text-double-img.--img-left {
    grid-template-columns: 5fr 7fr;
}

section._23q1--text-double-img.--img-left ._text {
    padding-right: 0;
    padding-left: calc(120 / 1920 * 100vw);
    order: 1;
}

section._23q1--text-double-img ._title {
    padding-bottom: calc(32 / 1920 * 100vw);
    font-size: calc(38 / 1920 * 100vw);
    line-height: 1.1;
    text-transform: uppercase;
}

section._23q1--text-double-img ._paragraph {
    padding: 0 calc(60 / 1920 * 100vw);
    padding-bottom: calc(24 / 1920 * 100vw);
}

section._23q1--text-double-img ._img img {
    width: 100%;
    height: calc(848 / 1920 * 100vw);
    display: block;
}

section._23q1--text-double-img.--size-fit ._img img {
    object-fit: contain;
}

section._23q1--text-double-img.--size-fill ._img img {
    object-fit: cover;
}

section._23q1--text-double-img ._img2 {
    width: 100%;
    padding: 0 calc(128 / 1920 * 100vw);
    padding-top: calc(64 / 1920 * 100vw);
}

section._23q1--text-double-img ._img2 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    aspect-ratio: var(--ratio);
}

section._23q1--text-double-img.--img2-fixed ._img2 img {
    height: calc(368 / 1920 * 100vw);
    aspect-ratio: unset;
}

@media (max-width: 678px) {
    section._23q1--text-double-img {
        grid-template-columns: 1fr !important;
        padding: calc(30 / 375 * 100vw) 0;
        grid-gap: 0;
    }

    section._23q1--text-double-img ._img {
        padding: calc(20 / 375 * 100vw);
    }

    section._23q1--text-double-img ._text,
    section._23q1--text-double-img.--img-left ._text {
        order: 1;
        padding: calc(20 / 375 * 100vw);
    }

    section._23q1--text-double-img ._img img {
        object-fit: cover !important;
    }

    section._23q1--text-double-img.--size-fit ._img img {
        height: calc(256 / 375 * 100vw);
    }

    section._23q1--text-double-img.--size-fill ._img img {
        height: calc(480 / 375 * 100vw);
    }

    section._23q1--text-double-img ._title {
        font-size: calc(26 / 375 * 100vw);
        padding: 0 calc(12 / 375 * 100vw);
        padding-bottom: calc(24 / 375 * 100vw);
    }

    section._23q1--text-double-img ._paragraph {
        font-size: calc(20 / 375 * 100vw);
        padding: 0;
        padding-bottom: calc(36 / 375 * 100vw);
    }

    section._23q1--text-double-img ._img2 {
        padding: 0;
    }

    section._23q1--text-double-img.--img2-fixed ._img2 img {
        height: calc(246 / 375 * 100vw);
    }

    section._23q1--text-double-img.--img2-hide ._img2 {
        display: none;
    }
}

/* ===== COLLAGE ===== */

section._23q1--image-collage {
    overflow: hidden;
    display: grid;
    grid-gap: calc(30 / 1920 * 100vw);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: center;
    padding: calc(60 / 1920 * 100vw) calc(180 / 1920 * 100vw);
}

section._23q1--image-collage img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

section._23q1--image-collage ._imgset.--anim ._img_inner {
    position: relative;
}

section._23q1--image-collage ._imgset.--anim img {
    position: absolute;
    top: 0;
    left: 0;
}

section._23q1--image-collage ._img1 {
    padding: 0 calc(132 / 1920 * 100vw);
    padding-bottom: calc(162 / 1920 * 100vw);
}

section._23q1--image-collage ._img1 ._img_inner {
    height: calc(292 / 1920 * 100vw);
}

section._23q1--image-collage ._img2 {
    grid-row: span 2;
    padding: calc(74 / 1920 * 100vw) 0;
}

section._23q1--image-collage ._img2 ._img_inner {
    height: calc(740 / 1920 * 100vw);
}

section._23q1--image-collage ._img3 {
    padding-left: calc(132 / 1920 * 100vw);
}

section._23q1--image-collage ._img3 ._img_inner {
    height: calc(440 / 1920 * 100vw);
}

section._23q1--image-collage ._img4 {
    padding-right: calc(132 / 1920 * 100vw);
}

section._23q1--image-collage ._img4 ._img_inner {
    height: calc(440 / 1920 * 100vw);
}

section._23q1--image-collage ._img5 {
    padding: 0 calc(132 / 1920 * 100vw);
    padding-top: calc(162 / 1920 * 100vw);
}

section._23q1--image-collage ._img5 ._img_inner {
    height: calc(292 / 1920 * 100vw);
}

section._23q1--image-collage ._img6 {
    grid-column: 1/-1;
    padding: 0 calc(555 / 1920 * 100vw);
    padding-top: calc(20 / 1920 * 100vw);
}

section._23q1--image-collage ._img6 ._img_inner {
    height: calc(332 / 1920 * 100vw);
}

@media (max-width: 678px) {
    section._23q1--image-collage {
        grid-gap: calc(20 / 375 * 100vw);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: calc(20 / 375 * 100vw);
        grid-template-rows:
            auto calc(32 / 375 * 100vw) auto calc(32 / 375 * 100vw) auto;
    }

    section._23q1--image-collage ._img1 {
        padding: 0;
        padding-left: calc(30 / 375 * 100vw);
        padding-top: calc(28 / 375 * 100vw);
    }

    section._23q1--image-collage ._img1 ._img_inner {
        height: calc(158 / 375 * 100vw);
    }

    section._23q1--image-collage ._img2 {
        grid-row: span 2;
        padding: 0;
    }

    section._23q1--image-collage ._img2 ._img_inner {
        height: calc(232 / 375 * 100vw);
    }

    section._23q1--image-collage ._img3 {
        grid-row: span 2;
        padding: 0;
    }

    section._23q1--image-collage ._img3 ._img_inner {
        height: calc(188 / 375 * 100vw);
    }

    section._23q1--image-collage ._img4 {
        grid-row: span 2;
        padding: 0;
    }

    section._23q1--image-collage ._img4 ._img_inner {
        height: calc(188 / 375 * 100vw);
    }

    section._23q1--image-collage ._img5 {
        grid-row: span 2;
        padding: 0;
        padding-left: calc(30 / 375 * 100vw);
        padding-bottom: calc(108 / 375 * 100vw);
    }

    section._23q1--image-collage ._img5 ._img_inner {
        height: calc(92 / 375 * 100vw);
    }

    section._23q1--image-collage ._img6 {
        grid-column: span 1;
        padding: 0;
        padding-right: calc(30 / 375 * 100vw);
    }

    section._23q1--image-collage ._img6 ._img_inner {
        height: calc(158 / 375 * 100vw);
    }
}

/* ===== SINGLE IMAGE ===== */

section._23q1--single-image {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(80 / 1920 * 100vw) 0;
}

section._23q1--single-image .fades {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section._23q1--single-image:not(.--size-fullscreen) {
    padding: calc(80 / 1920 * 100vw) calc(30 / 1920 * 100vw);
}

section._23q1--single-image img {
    display: block;
    object-fit: cover;
    max-width: 100%;
}

section._23q1--single-image.--size-fullscreen img {
    width: 100%;
    height: 100vh;
}

section._23q1--single-image.--size-large img {
    width: calc(1560 / 1920 * 100vw);
    height: calc(878 / 1920 * 100vw);
}

section._23q1--single-image.--size-medium img {
    width: calc(1295 / 1920 * 100vw);
    height: calc(728 / 1920 * 100vw);
}

section._23q1--single-image.--size-small img {
    width: calc(1030 / 1920 * 100vw);
    height: calc(578 / 1920 * 100vw);
}

section._23q1--single-image.--size-portrait img {
    width: calc(580 / 1920 * 100vw);
    height: calc(728 / 1920 * 100vw);
}

@media (max-width: 678px) {
    section._23q1--single-image {
        padding: calc(30 / 375 * 100vw) 0;
    }

    section._23q1--single-image:not(.--size-fullscreen) {
        padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
    }

    section._23q1--single-image:not(.--size-fullscreen):not(.--size-portrait) img {
        width: 100%;
        height: calc(224 / 375 * 100vw);
    }

    section._23q1--single-image.--size-fullscreen img {
        width: 100%;
        height: calc(250 / 375 * 100vw);
    }

    section._23q1--single-image.--size-portrait img {
        width: 100%;
        height: calc(420 / 375 * 100vw);
    }
}

/* ===== CTA ===== */

section._23q1--cta {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: calc(30 / 1920 * 100vw);
    justify-content: center;
    align-items: center;
    padding: calc(60 / 1920 * 100vw) calc(504 / 1920 * 100vw);
    text-align: center;
}

section._23q1--cta ._title {
    font-size: calc(38 / 1920 * 100vw);
    line-height: 1.4;
    text-transform: uppercase;
}

section._23q1--cta ._paragraph {
    padding-bottom: calc(24 / 1920 * 100vw);
}

section._23q1--cta ._paragraph a {
    text-decoration: underline;
}

section._23q1--cta ._btn_holder {
    display: flex;
    justify-content: center;
    align-items: center;
}

section._23q1--cta a._btn {
    border: 4px solid #05476d;
    transition: border-color 0.3s;
}

section._23q1--cta ._btn_inner {
    border: 1px solid #efebe7;
    padding: calc(20 / 1920 * 100vw) calc(80 / 1920 * 100vw);
    background: #05476d;
    color: #efebe7;
    text-transform: uppercase;
    font-size: calc(20 / 1920 * 100vw);
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

section._23q1--cta a._btn:hover {
    border-color: white;
}

section._23q1--cta a:hover ._btn_inner {
    background: white;
    color: #05476d;
    border-color: #05476d;
}

@media (max-width: 678px) {
    section._23q1--cta {
        grid-template-columns: 1fr;
        padding: calc(20 / 375 * 100vw);
        grid-gap: calc(20 / 375 * 100vw);
    }

    section._23q1--cta ._title {
        font-size: calc(26 / 375 * 100vw);
    }

    section._23q1--cta ._paragraph {
        font-size: calc(20 / 375 * 100vw);
        padding-bottom: calc(30 / 375 * 100vw);
    }

    section._23q1--cta a._btn {
        width: 100%;
    }

    section._23q1--cta ._btn_inner {
        padding: calc(20 / 375 * 100vw);
        font-size: calc(18 / 375 * 100vw);
    }
}