@font-face {

    font-family: 'SangBleuOGSans';

    src: url('../../fonts/SangBleuOGSans-Light-WebS.eot'); /* IE9 Compat Modes */

    src: url('../../fonts/SangBleuOGSans-Light-WebS.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

         url('../../fonts/SangBleuOGSans-Light-WebS.woff2') format('woff2'), /* Super Modern Browsers */

         url('../../fonts/SangBleuOGSans-Light-WebS.woff') format('woff'), /* Modern Browsers */

         url('../../fonts/SangBleuOGSans-Light-WebS.ttf') format('truetype'); /* Safari, Android, iOS */

    font-weight: 300;

    font-style: normal;

  }

  

  @font-face {

    font-family: 'SangBleuOGSansXL';

    src: url('../../fonts/SangBleuOGSans-Light-WebXL.eot'); /* IE9 Compat Modes */

    src: url('../../fonts/SangBleuOGSans-Light-WebXL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

         url('../../fonts/SangBleuOGSans-Light-WebXL.woff2') format('woff2'),

         url('../../fonts/SangBleuOGSans-Light-WebXL.woff') format('woff'),

         url('../../fonts/SangBleuOGSans-Light-WebXL.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

  }



  @font-face {

    font-family: 'radikal';

    src: url('../../fonts/radikal/Radikalregular.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

  }



  

  

 

/* MAJIK WEBSITES STYLES */

.phone {

    display: none;

}



.landscape {

    display: none;

}



.portrait,

.landscape {

    width: 100%;

    height: auto;

}



.map .img-row {

    padding: 30px 5% 30px 0 !important

}



.intro-pad {

    padding: 80px 0;

}



.location-title {

    color: #63584b;

    font-size: 22px;

    line-height: 26px;

}



body .mobile {

    display: none !important;

}



#availability table {

    width: 100%;

    max-width: 900px;

    border-collapse: collapse;

    color: #fff;

    margin: 0 auto;

}



#availability th {

    vertical-align: bottom;

    font-weight: 600!important;

    color: #e4d7c4!important;

}



#availability th,

#availability td {

    padding: 8px;

    text-align: right;

    color: #ffffff;

    padding: 12px 0px;

    letter-spacing: 2px;

    font-weight: 300;

}



#availability td span {

    visibility: hidden;

}



#availability th:nth-child(1),

#availability td:nth-child(1) {

    text-align: left;

}



#availability th.last,

#availability td.last {

    text-align: right !important;

}



#availability th {}



#availability tr.highlighted td {

    background-color: #7f939e;

}



#availability .total-row td {

    font-weight: 600;

    color: #e4d7c4!important;



}



#availability p {

    color: #fff;

    margin: 30px 0 40px;

    text-align: center;

    font-size: 14px;

}



.carousel-wrap {

    float: left;

    display: block;

    width: 100%;

}





.slick-prev.slick-arrow {

    width: 40px;

    height: 40px;

    background: url(/images/arrows/down_arrow.svg) center center/cover no-repeat;

    display: block;

    position: absolute;

    left: 20px;

    z-index: 9999;

    border: none;

    text-indent: -9999px;

    background-size: 40px auto !important;

}



.slick-next.slick-arrow {

    width: 40px;

    height: 40px;

    background: url(/images/arrows/down_arrow.svg) center center/cover no-repeat;

    display: block;

    position: absolute;

    right: 20px; 

    z-index: 9999;

    border: none;

    text-indent: -9999px;

    background-size: 40px auto !important;

}



@media only screen and (min-width: 992px) {

    .slick-prev.slick-arrow {

  

        top: calc(50% - 40px); /* Vertically center */

        transform: translateY(-50%) rotate(90deg); /* Center + rotate */



    }

    

    .slick-next.slick-arrow {



        top: calc(50% - 40px); /* Vertically center */

        transform: translateY(-50%) rotate(-90deg); /* Center + rotate */



    }

}



@media only screen and (max-width: 992px) {

    .slick-prev.slick-arrow {

        bottom: 0;

        transform: rotate(90deg); /* Center + rotate */

        background-size: 20px auto !important;

    }



    .slick-next.slick-arrow {



        bottom: 0; /* Vertically center */

        transform: rotate(-90deg); /* Center + rotate */

        background-size: 20px auto !important;



    }

    

}

















.content--text {

    width: 100%;

    padding: 0 15% 0 15%;

    text-align: left;

    text-wrap: balance;

}



.map .content--text {

    padding: 0 15%;

    color: #fff;

    font-size: 14px;

    line-height: 22px;

    column-count: 2;

}



.map .amenity-list {

    padding: 0 15%;

}



.map .content--text ol {

    margin: 0 0 20px;

    list-style: decimal;

    padding: 0px 0 0 15px;

}



.map .content--text h4 {

    margin: 0 0 3px;

    font-size: 15px;

    line-height: 24px;

    letter-spacing: 1px;

}



.map .content--text h4.one {

    color: #ec8c8d;

}



.map .content--text h4.two {

    color: #82d0f4;

}



.map .content--text h4.three {

    color: #a5d9d4;

}



.map .content--text h4.four {

    color: #f8ae4d;

}



.map .content--text h4.five {

    color: #e09dd0;

}



.map .content--text h4.six {

    color: #679e4b;

}



.map .content--text.full {

    padding: 0;

}



.map .content--text.full p {

    color: #fff !important;

    font-size: 12px !important;

    line-height: 18px !important;

    letter-spacing: 2px !important;

}



.img-row {

    width: 100%;

    height: auto;

    display: block;

}



.contact-list {

    display: block !important;

    width: 100%;

}



.contact-list li {

    display: block;

    width: 100%;

    float: left;

    clear: both;

    line-height: 22px !important;

    font-size: 14px !important;

}



.contact-list li strong {

    font-size: 16px !important;

    line-height: 24px !important;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #fff;

    font-weight: 500;

    position: relative;

    margin-bottom: 30px;



}



.table-row {

    display: table !important;

    float: none !important;

    width: 100% !important;

    margin: 0px !important;

    padding: 0px !important;

    table-layout: fixed;

}



.cell-row {

    display: table-cell !important;

    margin: 0px !important;

    padding: 0px !important;

    float: none !important;

    text-align: left;

    vertical-align: middle;



}



section {

    padding: 60px 0 0 0!important;

}



@media (min-width: 992px) {

    section {

        padding: 80px 0 0 0!important;

    }

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'SangBleuOGSans' !important;

    font-weight: 300 !important;

    letter-spacing: 4px;

    color: #fffbe5;

}



h1 span,

h2 span,

h3 span,

h4 span,

h5 span,

h6 span {

    color: #fff;

    display: block;

}



.download-btn {

    color: #fff;

    display: inline-block;

    font-family: neue-haas-grotesk-display, sans-serif !important;

    text-transform: uppercase !important;

    letter-spacing: 12px;

    position: relative;

    text-decoration: none;

    font-size: 72px !important;

    line-height: 70px !important;

    margin: 0 0 40px !important;

}



.download-btn:after {

    background: #63584b;

    bottom: 0;

    content: "";

    height: 2px;

    left: 50%;

    position: absolute;

    transform: translateX(-50%);

    width: 100%;

    bottom: -3px;

}



.logo-border {

    background: #63584b;

    display: block;

    margin: 40px 2%;



    height: 2px;

    width: 96%;

}



.download-btn:hover {

    color: #63584b;

}



h2 {

    font-size: 54px !important;

    line-height: 60px !important;

    margin: 0 0 40px !important;

}



h3 {

    font-size: 28px !important;

    line-height: 36px !important;

    margin: 0 0 40px !important;

    letter-spacing: 3px;

}



.font {

    font-family: neue-haas-grotesk-display, sans-serif;



}



.full-header .table {

    display: table;

    height: 100%;

    width: 100%;

}



.cell {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}



.logo-holder {

    width: 100%;

    float: left;

    clear: both;

    margin: 0px;

}



.logo-holder {

    display: table;

    height: 100%;

    width: 100%;

}



.logo-holder .cell {

    display: flex;

    height: 100%;

    justify-content: center;

    align-items: center

}

@media only screen and (max-width: 767px) {
.logo-holder .cell {

    padding-top: calc(50vh - 300px);

    align-items: flex-start;

}
}



.logo-holder img {

    width: 50%;

    height: auto;

    display: inline-block;

    max-width: 360px;

}



.logo-holder h1 {

    font-size: 13px;

    line-height: 22px;

    color: #ffffff;

    font-family: 'radikal'!important;

}





@media (min-width: 768px) {

    .logo-holder h1 {

        font-size: 16px;

        line-height: 24px;

    }

}



.slider-box {

    width: 80%;

    text-align: center;

    margin: 0 auto;



}



.slider-box p {

    color: #fff;

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 40px;

}



.slider-box p strong {

    color: #63584b;

    font-size: 22px;

    line-height: 26px;

}



.slider-box .logo {

    margin: 0 0 80px;

    display: flex;

    justify-content: center;

}



.slider-box .logo img {

    width: 100%;

    height: auto;

    display: inline-block;

    max-width: 560px;

    width: 80%;

}



.row--contacts {

    letter-spacing: 2px;

    width: 80% !important;

    margin: 0 10% !important;

    float: left !important;

}



.row--contacts a:hover {

    color: #63584b;

}



/* END - MAJIK WEBSITES */



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

.mark,

.small,

a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

output,

p,

pre,

q,

ruby,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}



body {

    line-height: 1;

}



ol,

ul {

    list-style: none;

}



blockquote,

q {

    quotes: none;

}



blockquote:after,

blockquote:before,

q:after,

q:before {

    content: "";

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {

    font-family: 'radikal';

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    font-weight: 300;

}



body {

    margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

    display: block;

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



[hidden],

template {

    display: none;

}



a {

    background-color: transparent;

}



a:active,

a:hover {

    outline: 0;

}



abbr[title] {

    border-bottom: 1px dotted;

}



b,

strong {

    font-weight: 700;

}



dfn {

    font-style: italic;

}



.h1,

h1 {

    font-size: 2em;

}



.mark,

mark {

    background: #ff0;

    color: #000;

}



.small,

small {

    font-size: 80%;

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



img {

    border: 0;

}



svg:not(:root) {

    overflow: hidden;

}



hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

}



pre {

    overflow: auto;

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0;

}



button {

    overflow: visible;

}



button,

select {

    text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}



button[disabled],

html input[disabled] {

    cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



input {

    line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



input[type="search"] {

    -webkit-appearance: textfield;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



legend {

    border: 0;

    padding: 0;

}



textarea {

    overflow: auto;

}



optgroup {

    font-weight: 700;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



td,

th {

    padding: 0;

}



* {

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



:root {

    scroll-behavior: auto !important;

}



html {

    box-sizing: border-box;

}



*,

:after,

:before {

    box-sizing: inherit;

}



body {

    font-size: 62.5%;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    min-width: 320px;

    font-family: 'radikal', sans-serif;

}



@media (min-width: 992px) {

    body {

        //background: url(/images/background-texture.jpg) 50% 0/cover no-repeat #ffffff;

        background-attachment: fixed;

    }

}





body.no-scroll {

    overflow: hidden;

}



.clear--left {

    clear: left;

}



::selection {

    background: #334e3f;

    color: #e0cdaf;

}



body {

    font-family: 'radikal', sans-serif;

    font-weight: 300;

    font-style: normal;

    background: #779ba3;

}



.h3,

h3 {

    color: #ffffff;

    font-size: 16px;

    font-weight: 400;

    min-width: 266px;

    position: relative;

    margin-bottom: 30px;

    padding-bottom: 15px;

}





a {

    color: #fff;

}



p {

    color: #ffffff;

    font-size: 15px;

    letter-spacing: 0px;

    line-height: 23px;

    margin: 0 auto 20px 0;

    font-weight: 300 !important;

    font-family: 'radikal', sans-serif;

}



p.white {

    color: #fff;

}



.white {

    color: #fff;

}



.theme-background {

    background-color: #005a49;

}



p.p-wide {

    max-width: 879px;

}



p.large {

    font-size: 24px;

    margin-bottom: 45px !important;

    font-weight: 700;

    padding: 0;

    text-align: center;

}



@media (min-width: 992px) {

    p.large {

        text-align: left !important;

    }

}



p:last-of-type {

    margin-bottom: 0;

}



a {

    color: #fff;

}



strong {

    font-weight: 500;

}



.button {

    background: 0 0;

    border: 1px solid #000;

    color: #000;

    display: inline-block;

    font-size: 14px;

    margin-bottom: 80px;

    padding: 13px 50px 11px;

    text-align: center;

    text-transform: uppercase;

    text-decoration: none;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.button:hover {

    background: #000;

    color: #fff;

}



.slick-slider {

    position: relative;

    display: block;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-slider * {

    outline: 0;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0px;

}



.slick-list:focus {

    outline: 0;

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-list,

.slick-slider .slick-track {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}



.slick-track:after,

.slick-track:before {

    display: table;

    content: "";

}



.slick-track:after {

    clear: both;

}



.slick-loading .slick-track {

    visibility: hidden;

}



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

    position: relative;

}



[dir="rtl"] .slick-slide {

    float: right;

}



.slick-slide img {

    display: block;

}



.slick-slide.slick-loading img {

    display: none;

}



.slick-slide.dragging img {

    pointer-events: none;

}



.slick-initialized .slick-slide {

    display: block;

}



.slick-loading .slick-slide {

    visibility: hidden;

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

    display: none;

}



.large-screen,

.large-screen-inline,

.medium-screen,

.medium-screen-inline {

    display: none !important;

}



.tiny-screen {

    display: inline-block;

}



@media only screen and (min-width: 768px) {

    .tiny-screen {

        display: none !important;

    }



    .medium-screen {

        display: block;

    }



    .medium-screen-inline {

        display: inline-block !important;

    }

}



@media only screen and (min-width: 1024px) {

    .small-screen {

        display: none !important;

    }



    .large-screen {

        display: block !important;

    }



    .large-screen-inline {

        display: inline-block !important;

    }



    .no-tablet {

        display: none;

    }



    .min-height-large {

        min-height: 768px;

        display: flex;

        align-items: center;

        justify-content: center;

    }

}



.lg-screen {

    display: none;

}



@media (min-width: 992px) {

    .lg-screen {

        display: block;

    }

}



.sm-screen {

    display: block;

}



@media (min-width: 992px) {

    .sm-screen {

        display: none;

    }

}



.embed-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    max-width: 100%;

    margin-bottom: 40px;

}



.embed-container embed,

.embed-container iframe,

.embed-container object {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.fancybox-button {

    background: #e0cdaf;

    color: #fff;

}



.fancybox-slide {

    padding: 44px 0;

}



@media only screen and (min-width: 768px) {

    .fancybox-slide {

        padding: 44px;

    }

}



.wrapper {

    padding-top: 0;

    position: relative;

    z-index: 1;

}





section {

    overflow: hidden;

}



.layout__inner {

    max-width: 90%;

    margin: 0 auto;

    width: 100%;

}



.row--carousel .layout__inner--- {

    overflow: hidden;

}



#floorplan {

    margin-bottom: 60px;

}



@media only screen and (min-width: 1024px) {

    #floorplan {

        margin-bottom: 0;

    }

}



header {

    background: 0 0;

    height: 100vh;

    position: relative;

    width: 100%;

    z-index: 10000;

}



header .logo * {

    max-width: 650px;

    width: 100%;

}



header .site-logo {

    background: url(/images/logos/nav-logo.svg) 0 0/100% auto no-repeat; 

    position: absolute;

    top: 125px;

    left: 25px;

    height: 168px;

    margin: -50px auto 0 auto;

    margin-bottom: 75px;

    width: 270px;

}

@media screen and (min-width: 375px) {

    header .site-logo {

        width: 303px;

    }

}

header .site-logo span {

    color: transparent;

    font: 0/0 a;

}

@media (min-width: 768px) {

    header .site-logo {

        left: 125px;

    }

}

@media (min-width: 992px) {

    header .site-logo {

        height: 263px;

        max-width: 466px;

        width: 474px;

        margin-top: 0;

    }

    header .site-logo img {

        display: none;

    }

}

header .header__intro {

    background: url(/images/backgrounds/Landing-page-BG.jpg) center 0 no-repeat;

    height: 179px;

    position: absolute;

    left: 25px;

    bottom: 140px;

    padding: 0;

    width: 200px;

    color: transparent;

    font: 0/0 a;

}

@media (min-width: 768px) {

    header .header__intro {

        left: 125px;

    }

}

@media (min-width: 992px) {

    header .header__intro {

        height: 363px;

        width: 375px;

        left: auto;

        right: 125px;

        bottom: 75px;

    }

}

.header__jump {

    background: url('/images/arrows/downarrow.svg') 0 0/100% auto no-repeat;

    height: 25px;

    width: 50px;

    position: absolute;

    left: 50%;

    margin: 0 0 0 -25px;

    bottom: 40px;

    animation: bounce 2s infinite ease-in-out;

    -webkit-animation: bounce 2s infinite ease-in-out;

    -moz-animation: bounce 2s infinite ease-in-out;

    -o-animation: bounce 2s infinite ease-in-out;



}

@media (max-width: 767px) {
    .header__jump {



        bottom: 250px;





    }
}



@keyframes bounce {

    0%, 100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-20px);

    }

}



footer {

    //background: url(/images/background-texture.jpg) 50% 0/cover no-repeat #ffffff;

    text-align: center;

    overflow: hidden;

    position: relative;

    z-index: 1;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



footer .title--centered {

    margin-top: 20px;

}



footer p {

    color: #fff;

    font-size: 11px;

    letter-spacing: 1px;

    max-width: 100%;

    text-align: left;

}



footer p.normal {

    font-size: 16px;

    text-align: center;

}



footer p a {

    color: #fff !important;

    text-decoration: none !important;

}





.footer-logo {

    max-width: 110px;

    min-height: 40px;

}



footer a {

    color: #fff;

    text-decoration: none;

}



footer .team-members {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



footer .footer-section-right {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



@media only screen and (max-width: 992px) {

.footer-section.logo-wrapper {

    padding-bottom: 40px;

    border-bottom: 1px solid #e4d7c4;

}

}



footer .team-members p {

    margin-bottom: 0px!important;

}



@media only screen and (max-width: 992px) {

    footer * {

        text-align: left!important

    }

}







@media only screen and (min-width: 1024px) {

    .flex-tablet {

        display: flex;

        align-items: center;

    }

}



@media only screen and (min-width: 1024px) {

    .flex-flip-md {

        display: flex;

        flex-direction: row-reverse;

    }

}



@media only screen and (min-width: 1024px) {

    .pe-md-2 {

        padding-right: 3rem !important;

    }

}



@media only screen and (min-width: 1024px) {

    .ps-md-2 {

        padding-left: 3rem !important;

    }

}



.row {

    clear: both;

}



.row--carousel {

    overflow: hidden;

}



.row--content-floorplan {

    margin-bottom: 100px;

    padding: 0 20px;

    text-align: center;

}



@media only screen and (min-width: 1024px) {

    .row--content-floorplan {

        padding: 60px 0 0 0;

    }

}



.row--content-floorplan .h2,

.row--content-floorplan h2,

.row--content-floorplan p {

    text-align: left;

}



.row--content-floorplan p {

    margin-bottom: 40px;

}



.row--content-floorplan img {

    margin: 0 auto;

    max-width: 900px;

}



#building.scrolling {

    padding-top: 75px;

}



.availability {

    margin: 0 auto;

    max-width: 464px;

    width: calc(100% - 40px);

}



.carousel__wrapper {

    overflow: hidden;

    padding-bottom: 90px;

}



.carousel {

    display: inline-block;

    margin: 0 auto 0 auto;

    padding-bottom: 0px;

    position: relative;

    width: 100%;

}



.carousel img {

    margin: 0 auto;

    width: 100%;

    position: relative;

    text-align: center;

}



.carousel .slick-slide {

    margin: 0;

    max-width: 100%;

    position: relative;

}



.carousel figure span {

    position: absolute;

    bottom: 5px!important;

    left: 10px!important;

    color: #ffffff;

    font-size: 12px;

    line-height: 23px;

    font-weight: 300!important;

}





@media (max-width: 992px) {

    .carousel figure span {

        bottom: -30px!important;

        left: 0px!important;

    }

}



.carousel ul.slick-dots {

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    position: absolute;

    z-index: 1;

}



.carousel ul.slick-dots li {

    display: inline-block;

    margin: 0 7px 0 7px;

    width: 13px;

}



.carousel ul.slick-dots li button {

    background: 0 0;

    border: 1px solid #fff;

    border-radius: 100%;

    display: block;

    height: 13px;

    padding: 0;

    width: 13px;

    color: transparent;

    font: 0/0 a;

}



.carousel ul.slick-dots li.slick-active button {

    background: #fff;

}



.carousel--single {

    margin-top: 61px;

}



.carousel--desktop {

    display: none;

}



.title {

    color: #fff;

    display: block;

    font-size: 30px;

    font-weight: 400;

    font-style: normal;

    margin: 0 auto 40px 0;

    position: relative;

    text-transform: uppercase;

    text-align: center;

    color: transparent;

    font: 0/0 a;

}



@media only screen and (min-width: 768px) {

    .title {

        margin: 0 auto 48px 0;

        font-size: 50px;

    }

}



.title a {

    color: transparent;

    font: 0/0 a;

    width: 100%;

    height: 100%;

    display: block;

}



.title--centered {

    text-align: center;

    width: 100%;

}



@media only screen and (min-width: 768px) {

    .title--centered {

        margin: 0 auto 50px;

    }

}



.title-text {

    padding-bottom: 10px;

}



.title-text a {

    border-bottom: 2px solid #334e3f;

    font-size: 26px;

    text-decoration: none;

}



.title-text a:hover {

    border-bottom-color: #e0cdaf;

}



.title--1 {

    background: url(/images/headings/A-new-arrival.svg) 0 0/100% auto no-repeat;

    height: 146px;

    margin: 0 auto;

    width: 290px;

    color: transparent;

    font: 0/0 a;

}



@media (min-width: 992px) {

    .title--1 {

        height: 169px;

        width: 332px;

    }

}



.title--2 {

    background: url(/images/headings/Highlights.svg) 0 0/100% auto no-repeat;

    height: 140px;

    margin: 0 auto;

    width: 225px;

    color: transparent;

    font: 0/0 a;

}



@media (min-width: 992px) {

    .title--2 {

        height: 167px;

        width: 266px;

    }

}



.title--3 {

    background: url(/images/headings/Availability.svg) 0 0/100% auto no-repeat;

    height: 140px;

    margin: 0 auto;

    width: 225px;

    color: transparent;

    font: 0/0 a;

}



@media (min-width: 992px) {

    .title--3 {

        height: 169px;

        width: 266px;

    }

}



.title--4 {

    background: url(/images/headings/Fresh-for-work.svg) 0 0/100% auto no-repeat;

    height: 146px;

    margin: 0 auto;

    width: 290px;

    color: transparent;

    font: 0/0 a;

}



@media screen and (min-width: 375px) {

    .title--4 {

        width: 328px;

    }

}



@media (min-width: 992px) {

    .title--4 {

        height: 168px;

        width: 376px;

    }

}



.title--5 {

    background: url(/images/headings/Cool-Covent-Garden-mobile.svg) 0 0/100% auto no-repeat;

    height: 196px;

    margin: 0 auto;

    width: 290px;

    color: transparent;

    font: 0/0 a;

}



@media screen and (min-width: 375px) {

    .title--5 {

        width: 317px;

    }

}



@media (min-width: 992px) {

    .title--5 {

        background: url(/images/headings/Cool-Covent-Garden.svg) 0 0/100% auto no-repeat;

        height: 175.4px;

        width: 549px;

    }

}



.title--6 {

    background: url(/images/SVGs/Download-plans.svg) 0 0/100% auto no-repeat;

    height: 111px;

    margin: 0 auto;

    width: 290px;

    color: transparent;

    font: 0/0 a;

}



@media screen and (min-width: 375px) {

    .title--6 {

        width: 338px;

    }

}



@media (min-width: 992px) {

    .title--6 {

        height: 119.8px;

        width: 366.1px;

    }

}



.title--7 {

    background: url(/images/SVGs/Download-brochure-mobile.svg) 0 0/100% auto no-repeat;

    height: 166px;

    margin: 0 auto;

    width: 216px;

    color: transparent;

    font: 0/0 a;

}



@media (min-width: 992px) {

    .title--7 {

        background: url(/images/SVGs/Download-brochure.svg) 0 0/100% auto no-repeat;

        height: 111.2px;

        width: 455px;

    }

}



.menu__trigger {

    display: block;

    height: 21px;

    opacity: 0;

    text-align: center;

    text-decoration: none;

    width: 30px;

    z-index: 99999;

    color: transparent;

    font: 0/0 a;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}





.menu__trigger span {

    background: #f5e2c9;

    display: block;

    height: 3px;

    width: 100%;

    margin-top: 9px;

    position: relative;

    transition: background 0.3s ease-in-out;

    -moz-transition: background 0.3s ease-in-out;

    -webkit-transition: background 0.3s ease-in-out;

}



.menu__trigger span:after,

.menu__trigger span:before {

    background: #f5e2c9;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    width: 100%;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}



.menu__trigger span:before {

    top: -10px;

}



.menu__trigger span:after {

    top: 10px;

}



.menu__trigger.open {

    width: 24px;

}



.menu__trigger.open span {

    background: 0 0;

}



.menu__trigger.open span:before {

    transform: rotate(-45deg);

    top: 0;

}



.menu__trigger.open span:after {

    transform: rotate(45deg);

    top: 0;

}







.nav {

    width: 100%;

    z-index: 9999;

    font-size: 16px;

    height: 65px;

    position: fixed;

    width: 100%;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    top: 0px;

    left: 0px;

    display: flex;

    align-items: center;

    opacity: 0;

    background: #608f99;

}



.nav-wrapper {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



@media only screen and (min-width: 992px) {

    .nav-wrapper {

        padding-left: 40px;

        padding-right: 40px;

    }

}



.nav.visible {

    opacity: 1;

}



@media only screen and (min-width: 1024px) {

    .nav {

        height: 65px;

    }

}



.nav.visible {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 10001;

}



.nav.visible .menu__trigger,

.nav.visible .site-logo {

    opacity: 1;

}



.nav .site-logo {

    background: url(/images/logos/nav-logo.svg) 0 center/95% auto no-repeat;

    float: left;

    height: 40px;

    width: 230px;

    z-index: 99999;

    opacity: 0;

    color: transparent;

    transition: opacity 0.3s ease-in-out;

    -moz-transition: opacity 0.3s ease-in-out;

    -webkit-transition: opacity 0.3s ease-in-out;

}



.nav.visible .site-logo {

    opacity: 1;

}



@media only screen and (min-width: 768px) {

    .nav .site-logo {

        height: 50px;

        width: 280px;

    }

}



.nav .layout__inner {

    padding: 0 20px;

    position: relative;

}



.nav__list {

    background: #779ba3;

    display: flex;

    justify-content: flex-start;

    padding: 0px 0px 60px 0px;

    position: fixed;

    top: 65px;

    right: -100%;

    width: 100%;

    text-align: right;

    height: calc(100vh - 60px);

    z-index: 9999;

    align-items: center;

    flex-wrap: wrap;

    flex-direction: row;

    transition: right 0.3s ease-in-out;

    -moz-transition: right 0.3s ease-in-out;

    -webkit-transition: right 0.3s ease-in-out;

}



.nav__list ul {

    display: flex;

    flex-direction: column;

    height: 100%;

    justify-content: center;

    width: 100%;

    max-height: 620px;

    gap: 18px;

}



@media only screen and (min-width: 992px) {

    .nav__list ul {

        gap: 24px;

    }

}



@media only screen and (min-width: 1024px) {

    .nav__list {

        width: 100%;

        right: -100%;

        padding: 0px;

    }

}



.nav__list.open {

    right: 0;

}



.nav__list li {

    clear: both;

    display: inline-block;

    font-size: 35px;

    margin: 0;

    position: relative;

    text-align: left;

    width: 100%;

    border-bottom: 1px solid #f5e2c9;

    position: relative;

    transition: all 0.3s ease;

}



.nav__list li:hover {

    border-bottom: 1px solid #ffffff;

}



.nav__list li:hover:after {

    opacity: 1;



}



.nav__list li:after {

    content: "";

    width: 40px;

    height: 40px;

    background: url(/images/arrows/navigation_arrow_menu.svg) center center/cover no-repeat;

    display: block;

    position: absolute;

    right: 0%;

    bottom: 5px;

    border: none;

    text-indent: -9999px;

    background-size: 25px auto;

    opacity: 0;

    transition: all 0.3s ease;



}



.nav__list li a {

    color: #f5e2c9!important;

    font-weight: 300;

    letter-spacing: 4px;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 44px;

    line-height: 44px;   

    font-family: 'SangBleuOGSans';

}



.nav__list li a:hover {

    color: #ffffff!important;

}



.nav__list li:last-of-type {

    margin-bottom: 0;

    padding-bottom: 0;

}



.header-nav__item a {

    display: block;

    margin: 0 auto;

    color: #63584b !important;



    font-family: neue-haas-grotesk-display, sans-serif;

}



.header-nav__item a:hover {

    color: #fff !important;

}



.icons {

    text-align: center;

    margin: 0 auto 0;

    max-width: 890px;

    overflow: hidden;

    width: auto;

    font-style: normal;

}



@media only screen and (min-width: 1200px) {

    .icons {

        max-width: 100%;

    }

}



.icon__list {

    overflow: hidden;

    display: flex;

    flex-wrap: wrap;

    padding: 0 10px;

    justify-content: center;

}



.icon-list__cols-wrapper {

    display: flex;

}



.icon__list--cols {

    display: flex !important;

    flex-wrap: wrap;

    max-width: 768px;

    justify-content: space-around;

    width: 50%;

}



@media only screen and (min-width: 768px) {

    .icon__list--cols .icon {

        height: 161px;

    }

}



.icon {

    background-size: 93px 93px;

    background-position: center top;

    background-repeat: no-repeat;

    color: #fff;

    font-size: 16px;

    line-height: 1.4;

    margin: 0px;

    padding: 110px 50px 60px;

    position: relative;

    text-align: center;

}



@media only screen and (min-width: 768px) {



}



.icon.dummy-icon {

    background: none;

    padding: 0;



}



.icon.dummy-icon .icon-spec {

    padding: 214px 10px 30px 10px;

    background-size: 180px auto;

}



.icon.dummy-icon .icon-spec span.plan-title {

    font-size: 34px;

    line-height: 40px;

    color: #ffffff;

    font-weight: 300;

    text-align: center;

    margin-bottom: 0px;

    margin-top: 6px;

    font-family: 'SangBleuOGSans';

}



@media only screen and (max-width: 992px) {

    .icon.dummy-icon .icon-spec span.plan-title {

        font-size: 24px;

        line-height: 40px;

        color: #ffffff;

        font-weight: 300;

        text-align: center;

        margin-bottom: 0px;

        margin-top: 6px;

        font-family: 'SangBleuOGSans';

    }

}



.download-text {

    margin: 5px 0;

}



.icon.dummy-icon .icon-spec span.plan-link {

    font-size: 14px;

    letter-spacing: 2px;

    line-height: 18px;

    color: #000000;

    font-weight: 300;

    text-align: center;

    text-decoration: underline;

}





@media screen and (min-width: 394px) {}



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

    .icon {

        font-size: 16px;

        letter-spacing: 2px;

    }

}



.icon:nth-child(2n + 1) {

    clear: both;

}



.map .icon:after {

    background: #fff;

    top: 42px;

}



#plans .icon:after {

    background: #63584b;



}



#plans .icon__list {

    justify-content: space-between;

}





.icon a {

    display: block;

    text-decoration: none;



}



.icon a:hover {

    color: #63584b;

}



@media only screen and (max-width: 1400px) {

    #plans .icon__list--spec .icon {



        width: calc(33.333% - 30px);

    }

}



@media only screen and (min-width: 767px) {



}



@media only screen and (max-width: 767px) {

    #plans .icon__list--spec .icon {

        width: 100%;

    }

}



.icon__list--spec .icon {

    background-size: auto 70px;

    position: relative;

}



#highlights .icon__list .icon:after {

    content: "";

    width: 100%;

    border-top: 2px solid #e4d7c4;

    position: absolute;

    top: 100px;

    left: 0;

}





@media only screen and (min-width: 1200px) {

    .icon__list--spec .icon {

        width: calc(25% - 70px);

    }



    #plans .icon__list--spec .icon {

        width: calc(33.333% - 70px);

    }





}



.icon-spec--1 {

    background: url('/images/highlights/Fully_fitted.svg') no-repeat 50% 10px;

}



.icon-spec--2 {

    background: url('/images/highlights/All_electric.svg') no-repeat 50% 10px;

}



.icon-spec--3 {

    background: url('/images/highlights/End-of-trip.svg') no-repeat 50% 10px;

}



.icon-spec--4 {

    background: url('/images/highlights/EPC-B.svg') no-repeat 50% 10px;

}



.icon-spec--5 {

    background: url('/images/highlights/Ceiling_height.svg') no-repeat 50% 10px;

}



.icon-spec--6 {

    background: url('/images/highlights/LED_lighting.svg') no-repeat 50% 10px;

}



.icon-spec--7 {

    background: url('/images/highlights/1st_floor_CAT_A.svg') no-repeat 50% 10px;

}



.icon-spec--8 {

    background: url('/images/highlights/Fitness_studio.svg') no-repeat 50% 10px;

}



.icon-spec--9 {    

    background: url('/images/highlights/Terrace.svg') no-repeat 50% 10px;

}



.icon-spec--10 {

    background: url('/images/highlights/Air_conditioning.svg') no-repeat 50% 10px;

}



.icon-spec--11 {

    background: url('/images/highlights/Reception.svg') no-repeat 50% 10px;

}





.icon-spec--12 {

    background: url('/images/icons/Floor_plans.svg') no-repeat 50% 65px;

}



.icon-spec--13 {

    background: url('/images/icons/Floor_plans.svg') no-repeat 50% 65px;

}



.icon-spec--14 {

    background: url('/images/icons/Floor_plans.svg') no-repeat 50% 65px;

}





#plans .icon-spec {

    position: relative;

    background-size: 80px auto;

    display: flex;

    flex-direction: column;

    color: #000000;

}



#plans .icon-spec:before {

    content: "";

    width: 30px;

    border-top: 1px solid #e4d7c4;

    position: absolute;

    top: 170px;

    left: 50%; /* Move to center */

    transform: translateX(-50%); /* Adjust back by half width */

    

}



@media only screen and (max-width: 992px) {

    #plans .icon-spec:before {

        top: 79px;

    }

}



#plans .icons {

    gap: 20px;

}



#plans .icon.dummy-icon .icon-spec {

    padding: 185px 0px 30px;

}





@media only screen and (min-width: 992px) {

    #plans .icons {

        gap: 40px;

    }



}



.icon__list--travel .icon {

    font-size: 18px;

    background-size: auto 23px;

    padding: 60px 5px 30px 5px;

}



.icon-travel--1 {

    background: url(/images/od/svg/roundels/grouped/Tottenham_ct_rd_roundels.svg) no-repeat 50% 0px;



}



.icon-travel--2 {

    background: url(/images/od/svg/roundels/grouped/Bond_St_roundels.svg) no-repeat 50% 0px;





}



.icon-travel--3 {

    background: url(/images/od/svg/roundels/grouped/Liverpool_St_roundels.svg) no-repeat 50% 0px;





}



.icon-travel--4 {

    background: url(/images/od/svg/roundels/grouped/Canary_Wharf_roundels.svg) no-repeat 50% 0px;





}



.icon-travel--5 {

    background: url(/images/od/svg/roundels/grouped/Aeroplane_Icon.svg) no-repeat 50% 0px;



}



.icon-tailored--1 {

    background-image: url(../images/SVGs/plan-download-icons/number4-02.svg);

    background-size: 56px auto;

}



.icon-tailored--2 {

    background-image: url(../images/SVGs/plan-download-icons/number5-02.svg);

    background-size: 56px auto;

}



.floorplan-image img {

    max-width: 100%;

}



.floorplan-spec {

    padding-left: 10px;

}



.floorplan-spec li {

    font-size: 13px;

    float: left;

    margin: 0 0 16px 0;

    padding-left: 20px;

    position: relative;

    width: 50%;

}



.floorplan-spec li:before {

    background: #e0cdaf;

    content: "";

    height: 6px;

    left: 1px;

    position: absolute;

    top: 4px;

    transform: rotate(45deg);

    width: 6px;

}



@media only screen and (min-width: 1024px) {

    .floorplan-spec li {

        font-size: 16px;

        float: none;

        margin: 0 16px 16px 0;

        padding-left: 40px;

        width: 100%;

    }



    .floorplan-spec li:before {

        height: 8px;

        width: 8px;

    }

}



@media only screen and (min-width: 1200px) {

    .floorplan-spec li {

        margin: 0 16px 25px 0;

    }

}



.floorplan {

    margin: 0 auto 20px;

    max-width: calc(100vw - 40px);

}



.contact-agent-logo {

    display: inline-block;

}



.contact-agent-logo img {

    width: auto;

    height: 70px;

    display: inline-block;

}



.contact-agent-logo.farebrother img {

    padding-top: 30px;

}



@media (min-width: 1200px) {

    .contacts ul {

        display: flex;

    }

}



.contacts ul li {

    color: #fff;

    line-height: 1.4;

    font-size: 17px;

    padding-top: 30px;

    position: relative;

}



@media (min-width: 1200px) {

    .contacts ul li {

        width: 50%;

        margin: 0px;

        margin-bottom: 0px;

        float: left;

        display: block;

        clear: none;

        padding: 0 20px;

    }

}

}



.contacts ul li strong {

    font-weight: 400;

}



table {

    margin: 0 auto;

    max-width: 520px;

    width: calc(100% - 40px);

}



@media only screen and (min-width: 768px) {

    table {

        margin: 0 auto 0;

    }

}



table tr {

    border-bottom: 1px solid #e4d7c4;

}



table tr:last-of-type {

    border-bottom: none;

}



table tr td,

table tr th {

    color: #000;

    font-size: 14px;

    padding: 8px 0 8px 5px;

    text-align: left;

    white-space: nowrap;

}



table tr td.lowercase,

table tr th.lowercase {

    text-transform: none;

}



@media only screen and (min-width: 768px) {



    table tr td,

    table tr th {

        font-size: 14px;

        padding: 8px 0 8px 0;

    }

}



table tr td:first-of-type,

table tr th:first-of-type {

    padding-left: 0;

    text-align: left;

}



table tr td:last-of-type,

table tr th:last-of-type {

    text-align: right;

}



table tr td strong,

table tr th strong {

    font-weight: 500;

}



table tr th,

table tr.head {

    font-weight: 500;

}



table tr.table__head {

    background: #334e3f;

}



table tr.table__head td {

    color: #000;

    font-weight: 700;

}



.table tr td {

    border-bottom: 1px solid #334e3f;

    color: #000;

    font-size: 10px;

}



p.footnote {

    font-size: 12px;

    margin-top: -40px;

    margin-bottom: 80px;

}



.columns {

    overflow: hidden;

}



@media only screen and (min-width: 1024px) {

    .columns {

        display: flex;

    }



    .columns.columns--flipped {

        flex-direction: row-reverse;

    }



    .columns.columns--weighted .columns__col--right {

        width: 60%;

    }

}



@media only screen and (min-width: 1024px) and (max-width: 767px) {

    .columns.columns--weighted .columns__col--right {

        margin-top: 60px;

    }

}



@media only screen and (min-width: 1024px) and (min-width: 1024px) {

    .columns.columns--weighted {

        margin-bottom: 50px;

    }

}



.columns--margin {

    padding-bottom: 80px;

}



@media only screen and (min-width: 1024px) {

    .columns--margin {

        padding-bottom: 130px;

    }

}



.columns--full {

    text-align: center;

    padding: 50px 0;

    position: relative;

}



.columns--full img {

    max-width: 100%;

}



@media only screen and (min-width: 1024px) {

    .column--flex {

        display: flex;

    }

}



@media only screen and (min-width: 1024px) {

    .columns__col {

        width: 50%;

    }



    .columns__col.columns__col--right {

        float: right;

    }



    .columns__col.columns__col--right-large {

        width: 85.3%;

    }



    .columns__col.columns__col--left {

        float: left;

    }

}



.columns__col img {

    display: block;

    max-width: 100%;

}



.columns__col img.not-block {

    display: inline-block;

}



@media screen and (max-width: 1023px) {

    .columns__col img.not-block {

        margin-bottom: -50px;

    }

}



.columns__text {

    padding: 10px 0;

    text-align: center;

}



.columns__text>div {

    width: 100%;

}



@media only screen and (min-width: 1024px) {

    .columns__text {

        display: flex;

        align-items: center;

        padding: 0 20px;

    }



    .columns__text.columns__text--top-align {

        align-items: flex-start;

        padding-top: 100px;

    }

}



.columns__text p {

    max-width: 340px;

}



#specification .columns__text {

    padding: 60px 5px;

}



.columns__col-padding {

    padding: 0 20px;

}



@media only screen and (min-width: 1024px) {

    .columns__col-padding {

        padding: 0;

    }

}



img {

    display: block;

    max-width: 100%;

}



.images__sub-carousel {

    display: none;

    align-items: baseline;

    overflow: hidden;

    margin-bottom: 130px;

}



@media only screen and (min-width: 1024px) {

    .images__sub-carousel {

        display: flex;

    }

}



.images__sub-carousel figure {

    overflow: hidden;

}



.images__sub-carousel figure img {

    width: 100%;

}



.images__sub-carousel figcaption {

    font-size: 13px;

    color: #000;

    line-height: 1.1;

    margin-top: 8px;

    text-align: right;

    float: right;

}



@media only screen and (min-width: 1024px) {

    .images__sub-carousel figcaption {

        border-bottom: 1px solid #334e3f;

        font-size: 15px;

    }

}



.images__left-figure {

    float: left;

    margin-left: 20%;

    margin-right: 35px;

    width: 38%;

}



.images__right-figure {

    float: left;

    width: 30%;

}



.images__sub-carousel--wide {

    max-width: 1000px;

    margin: 0 auto 130px;

}



.images__sub-carousel--wide .images__left-figure {

    margin-left: 0;

    width: calc(60% - 35px);

}



.images__sub-carousel--wide .images__right-figure {

    float: left;

    width: 40%;

}



.modal {

    background: #334e3f;

    display: none;

    padding: 40px 60px;

    position: absolute;

    top: 0;

    left: 0;

    min-height: 100vh;

    text-align: center;

    width: 100vw;

    z-index: 999999;

}



.modal img {

    display: inline-block;

    max-width: 480px;

    margin-bottom: 25px;

    width: 100%;

}



@media screen and (min-width: 1024px) {

    .modal {

        height: auto;

        min-height: 1px;

        left: 50%;

        padding: 70px 70px 10px 70px;

        top: 50%;

        transform: translate(-50%, -50%);

        width: 940px;

    }



    .modal img {

        margin: 0 35px 75px;

        width: 328px;

    }

}



.modal__close {

    background: url(../images/SVGs/close-modal.svg) 0 0 no-repeat;

    float: right;

    height: 40px;

    right: 0;

    padding: 14px;

    position: absolute;

    text-align: center;

    text-decoration: none;

    top: 0;

    width: 40px;

    z-index: 999999;

    color: transparent;

    font: 0/0 a;

}



.modal__link,

.modal__title {

    display: inline-block;

    font-family: neue-haas-grotesk-display, sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.2;

    margin-bottom: 20px;

    max-width: 600px;

}



@media screen and (min-width: 1024px) {



    .modal__link,

    .modal__title {

        font-size: 22px;

        line-height: 1.4;

        margin-bottom: 60px;

    }

}



.modal__link {

    color: #000;

    letter-spacing: 2px;

}



.downloads {

    text-align: center;

    margin: 0 auto 0;

    max-width: 490px;

    padding: 0 20px;

    overflow: hidden;

    width: auto;

    font-style: normal;

}



@media only screen and (min-width: 1024px) {

    .downloads {

        max-width: 890px;

        margin-bottom: 80px;

    }

}



.downloads__list {

    overflow: hidden;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin-top: 50px;

}



.download {

    background-image: url(../images/SVGs/icons/download-icon.svg);

    background-size: 43px auto;

    background-position: center top;

    background-repeat: no-repeat;

    color: #fff;

    font-size: 16px;





    font-style: normal;

    letter-spacing: 1px;

    line-height: 1.4;

    margin: 0 7px 60px;

    max-width: 232px;

    padding: 60px 10px 0 10px;

    position: relative;

    text-align: center;

    width: calc(50% - 14px);

}



.download.download--wide {

    width: 100%;

}



.download a {

    color: #e0cdaf;

    font-size: 24px;

    text-decoration: none;

}



.download a span {

    color: #fff;

    font-size: 16px;



    font-weight: 400;

}



.download a:hover {

    color: #fff;

}



@media only screen and (min-width: 1024px) {

    .download {

        margin: 0 28px 60px;

        width: calc(33% - 14px);

    }

}



.section-background--green {

    background: url(../images/SVGs/Static-background-when-green.svg) center center/cover no-repeat;

    background-color: #334e3f;

    background-attachment: fixed;

}



.section-background--green .icon,

.section-background--green p {

    color: #fff;

}



.section-background--white {

    background: #fff;

}



.section-background--white .icon,

.section-background--white p {

    color: #000;

}



.section-background--white .title {

    color: #000;

}



.section-background--white .title:after {

    background: #000;

}



.map-container {

    position: relative;

    text-align: center;

}





.map-container img {

    margin: 0 auto;

}



.map-container img.map {

    display: block;

    width: 100%;

    max-width: 999px;

}



.sticker-position {

    position: relative;

}



@media screen and (max-width: 1023px) {

    .sticker-position--small {

        position: relative;

    }

}



.sticker-overflow {

    overflow: visible;

    position: relative;

    z-index: 999;

}



#spin .sticker-position {

    padding-bottom: 0;

}



@media only screen and (min-width: 1024px) {

    #spin .sticker-position {

        padding-bottom: 0;

    }

}



#facilities .sticker-position,

#location .sticker-position {

    padding-bottom: 110px;

}



@media only screen and (min-width: 1024px) {



    #facilities .sticker-position,

    #location .sticker-position {

        padding-bottom: 0;

    }

}



#introduction .sticker-position,

#self-contained .sticker-position {

    padding-bottom: 100px;

}



@media only screen and (min-width: 1024px) {



    #introduction .sticker-position,

    #self-contained .sticker-position {

        padding-bottom: 0;

    }

}



.stickers {

    background-repeat: no-repeat;

    background-size: 100% auto;

    position: absolute;

}



.sticker--1 {

    background-image: url(../images/SVGs/stickers/Elizabeth_line.svg);

    top: 43px;

    left: 24px;

    height: 91px;

    width: 119px;

}



@media only screen and (min-width: 1200px) {

    .sticker--1 {

        top: 73px;

        left: 44px;

        height: 165px;

        width: 216px;

    }

}



.sticker--2 {

    background-image: url(../images/SVGs/stickers/Cycle-studio.svg);

    top: 80px;

    right: 5%;

    height: 103px;

    width: 83px;

}



@media only screen and (min-width: 1200px) {

    .sticker--2 {

        top: 80px;

        right: 15%;

        height: 154px;

        width: 123px;

    }

}



.sticker--3 {

    background-image: url(../images/SVGs/stickers/Fully_fitted_options.svg);

    bottom: 193px;

    left: 40px;

    height: 69px;

    width: 164px;

}



@media only screen and (min-width: 1200px) {

    .sticker--3 {

        bottom: 73px;

        left: 99px;

        height: 103px;

        width: 242px;

    }

}



.sticker--4 {

    background-image: url(../images/SVGs/stickers/Ground_floor_entrance.svg);

    bottom: 100px;

    right: 20px;

    height: 73px;

    width: 154px;

}



@media only screen and (min-width: 1200px) {

    .sticker--4 {

        bottom: 100px;

        right: 10%;

        height: 123px;

        width: 260px;

    }

}



.sticker--5 {

    background-image: url(../images/SVGs/stickers/Jubilee.svg);

    bottom: -40px;

    right: 20px;

    height: 100px;

    width: 100px;

}



@media only screen and (min-width: 1024px) {

    .sticker--5 {

        bottom: 40px;

        right: calc(50% - 70px);

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--5 {

        right: calc(50% - 40px);

    }

}



@media only screen and (min-width: 1400px) {

    .sticker--5 {

        right: calc(50% + 40px);

        height: 120px;

        width: 120px;

    }

}



.sticker--6 {

    background-image: url(../images/SVGs/stickers/New_reception.svg);

    bottom: -40px;

    display: none;

    left: 20px;

    height: 87px;

    width: 118px;

    z-index: 999;

}



@media only screen and (min-width: 1024px) {

    .sticker--6 {

        display: block;

        bottom: 0;

        left: calc(50% - 40px);

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--6 {

        bottom: 20px;

    }

}



@media only screen and (min-width: 1400px) {

    .sticker--6 {

        bottom: 40px;

        left: calc(50% - 20px);

        height: 129px;

        width: 176px;

    }

}



.sticker--7 {

    background-image: url(../images/SVGs/stickers/Elizabeth-line-close.svg);

    bottom: 20px;

    right: 114px;

    height: 75px;

    width: 100px;

    z-index: 999;

}



@media only screen and (min-width: 1024px) {

    .sticker--7 {

        display: block;

        bottom: 20px;

        left: calc(50% - 150px);

        right: auto;

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--7 {

        bottom: 20px;

        left: calc(50% - 280px);

        height: 107px;

        width: 142px;

    }

}



.sticker--8 {

    background-image: url(../images/SVGs/stickers/Quiet_spaces.svg);

    bottom: 50px;

    right: 20px;

    height: 100px;

    width: 100px;

    z-index: 999;

}



@media only screen and (min-width: 1024px) {

    .sticker--8 {

        display: block;

        bottom: 20px;

        left: calc(50% - 40px);

        right: auto;

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--8 {

        bottom: 20px;

        left: calc(50% - 90px);

        height: 143px;

        width: 143px;

    }

}



.sticker--9 {

    background-image: url(../images/SVGs/stickers/Self-contained_opportunity.svg);

    bottom: 20px;

    right: calc(50% - 67px);

    height: 59px;

    width: 134px;

    z-index: 999;

}



@media only screen and (min-width: 1024px) {

    .sticker--9 {

        display: block;

        bottom: 70px;

        left: calc(50% - 50px);

        right: auto;

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--9 {

        bottom: 100px;

        left: calc(50% - 110px);

        height: 88px;

        width: 206px;

    }

}



.sticker--10 {

    background-image: url(../images/SVGs/stickers/Raise_your_profile.svg);

    bottom: -26px;

    right: 40px;

    height: 80px;

    width: 80px;

    z-index: 999;

}



@media only screen and (min-width: 1024px) {

    .sticker--10 {

        display: block;

        bottom: 20px;

        left: calc(50% + 120px);

        right: auto;

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--10 {

        bottom: 40px;

        left: calc(50% + 120px);

        height: 129px;

        width: 129px;

    }

}



.sticker--11 {

    background-image: url(../images/SVGs/stickers/Bicycle-storage_sticker-01.svg);

    bottom: 20px;

    right: calc(50% + 23px);

    height: 55px;

    width: 113px;

    z-index: 999;

}



@media only screen and (min-width: 1024px) {

    .sticker--11 {

        display: block;

        bottom: 30px;

        left: calc(50% - 240px);

        right: auto;

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--11 {

        bottom: 30px;

        left: calc(50% - 340px);

        height: 83px;

        width: 171px;

    }

}



.sticker--12 {

    background-image: url(../images/SVGs/stickers/showers.svg);

    bottom: 74px;

    right: calc(50% - 127px);

    height: 70px;

    width: 121px;

    z-index: 999;

}



@media only screen and (min-width: 1024px) {

    .sticker--12 {

        display: block;

        bottom: 80px;

        left: calc(50% - 140px);

        right: auto;

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--12 {

        bottom: 120px;

        left: calc(50% - 210px);

        height: 106px;

        width: 184px;

    }

}



.sticker--13 {

    background-image: url(../images/SVGs/stickers/Peloton_bikes.svg);

    height: 96px;

    width: 79px;

    z-index: 999;

    bottom: auto;

    top: -80px;

    right: 20px;

}



@media only screen and (min-width: 1024px) {

    .sticker--13 {

        display: block;

        bottom: 80px;

        left: calc(50% - 30px);

        right: auto;

        top: auto;

    }

}



@media only screen and (min-width: 1200px) {

    .sticker--13 {

        bottom: 60px;

        left: calc(50% - 30px);

        height: 128px;

        width: 105px;

    }

}



/* MAJIK RESPONSIVE */

.less-than-1400 {

    display: none !important;

}



@media only screen and (max-width: 1800px) {

    .map .content--text {

        padding: 40px 10% 0;

    }



    .icon__list--travel {

        padding: 0 0px;

    }



}



@media only screen and (max-width: 1600px) {

    .slider-box {

        width: 50%;

        margin: 0px auto;

    }



    .icon__list--travel .icon {

        margin-bottom: 20px;

    }

}



@media only screen and (max-width: 1460px) {



    .content--text {

        padding: 0 10%;

    }





}



#chic .content--text p {

    letter-spacing: 1px;

}



#chic .content--text {

    padding: 0 18%;

}



@media only screen and (max-width: 1600px) {

    .icon {

        padding-left: 5px;

        padding-right: 5px;

    }

}



@media only screen and (max-width: 992px) {

    .portrait {

        display: none;

    }



    .landscape {

        display: block;

    }



}



@media only screen and (max-width: 1400px) {



    .map .amenity-list {

        padding: 0px;

        margin-bottom: 40px;

    }



    .map .img-row {

        padding: 0px 30px !important;

    }



    .map .content--text {

        column-count: 5;

    }



    .less-than-1400 {

        width: 100%;

    }



    .map .content--text {

        padding: 20px 30px 40px;

    }



    .icon__list--spec .icon {

        width: calc(25% - 30px);

    }



    .icons {

        max-width: 100%;

        padding: 0px;

    }



    .map .table-row .cell-row.img-row {

        display: none !important;

    }



    .less-than-1400 {

        display: block !important;

        margin-bottom: 80px;

        padding: 30px 30px 0;

    }

}



@media only screen and (max-width: 1200px) {



    .map .content--text {

        column-count: 4;

    }



    #highlights .container,

    #plans .container {

        max-width: 100%;

    }



    .icon__list--spec .icon {

        width: calc(25% - 30px);

    }



    .slider-box {

        width: 70%;

        margin: 0 15%;

    }



    #chic .content--text,

    .content--text {

        padding: 0 5%;

    }



    .slider-box {

        width: 70%;

        margin: 0 15%;

    }



    .icon__list--travel .icon {



        width: 46% !important;

        margin: 0 2% 40px !important;

    }

}



@media only screen and (max-width: 1023px) {

    .intro-pad {

        margin-bottom: 0px;

    }



    .contacts ul li {

        padding-top: 0px;

    }



    #location {

        margin-top: 0px;

    }



    .less-than-1400 #single-img-1,

    #single-img-2 {

        overflow: visible !important;

    }





    .icon.dummy-icon .icon-spec {

        padding: 182px 10px 22px 10px;

        background-size: 152px auto;

    }



    #plans .icon.dummy-icon .icon-spec {

        padding: 80px 10px 30px 10px;

        background-size: 60px auto;

        background-position: 50% 5px;

    }



    .table-container {

        padding: 0 25px;

    }



    .table-row {

        display: block !important;

        float: left !Important;

    }



    .cell-row {

        display: block !important;

        float: left !important;

    }



    .carousel {

        padding-bottom: 40px;

    }







    .slick-list {

        overflow: visible;

    }









    .table-row .cell-row {

        float: left;

        width: 100%;

        display: block;

    }



    #intro .table-row .cell-row,

    #intro-2 .table-row .cell-row {

        padding: 80px 10% !important;

    }



    #intro-2 .table-row .cell-row {

        padding-top: 30px !important;

    }



    #intro .table-row .cell-row.img-row,

    #intro-2 .table-row .cell-row.img-row {

        padding: 0px !important;

    }



    #intro .content--text,

    #intro-2 .content--text {

        text-align: center;

    }



    body .desktop {

        display: none !important;

    }



    body .mobile {

        display: block !important;

    }



    .slider-box {

        width: 90%;

        margin: 0 5%;

    }

}



@media only screen and (max-width: 860px) {

    .map .amenity-list {

        padding: 0 30px;

        margin-bottom: 40px;

    }



    .map .content--text {

        column-count: 3;

    }

}



@media only screen and (max-width: 767px) {

    .map .img-row {

        padding: 0px !important;

    }



    .icon {

        font-size: 14px !important;

    }



    .header-nav__item a {

        font-size: 26px !important;



        line-height: 38px !important;

    }



    .table-container {

        max-width: 100%;

        overflow-x: auto;

        margin: 0;

    }



    .table-container table {

        border-collapse: collapse;

        width: 100%

    }



    #availability th,

    #availability td {

        padding: 9px 0;

        font-size: 14px;

        letter-spacing: 0px;

    }



    table tr th,

    table tr.head {

        font-weight: 300;

        letter-spacing: 2px;

    }





    #availability {

        padding-left: 15px;

        padding-right: 15px;

    }



    .icon__list--spec .icon {

        width: calc(50% - 20px);

    }



    #chic .content--text,

    .content--text {

        padding: 0 5%;

    }



    p {

        font-size: 14px;

        line-height: 1.4;



    }



    #contact {

        margin-bottom: 0px !important;

    }



    .contacts ul li {

        padding-top: 0px;

    }



    .slider-box .logo img {

        max-width: 400px !important;

    }



    .slider-box .logo {

        margin: 0 0 60px;

    }





    .download-btn {



        font-size: 42px !important;

        line-height: 50px !important;



    }



    h2 {

        font-size: 52px !important;

        letter-spacing: 4px;

        line-height: 62px !important;

        margin-bottom: 30px;

letter-spacing: 1px;

    }







    #intro .table-row .cell-row,

    #intro-2 .table-row .cell-row {

        padding: 60px 20px !important;

    }



    .pt-6 {

        padding-top: 60px !important;

    }



    #location {

        margin-top: 0px !important;

    }



    .less-than-1400 {

        padding-top: 0px;

    }

}



@media only screen and (max-width: 600px) {



    .icon.dummy-icon .icon-spec {

        padding: 142px 10px 22px 10px;

        background-size: 120px auto;

    }



    .desktop-not-phone {

        display: none;

    }



    .phone {

        display: block;

    }



    .layout__inner {

        max-width: 100%;

    }



    footer .footer__footnote {

        padding: 0px !important;

    }



    .row--contacts {

        width: 100% !important;

        padding: 0 20px !important;

        margin: 0px !important;

    }







    .map .content--text {

        column-count: 2;

    }



    .table-container {

        padding: 0px;

    }



    h2 {

        font-size: 32px !important;

        letter-spacing: 3px;

        line-height: 36px !important;

        margin-bottom: 26px !important;

    }



    #chic .content--text,

    .content--text {

        padding: 0 0%;

    }





    .carousel .slick-slide span {

        bottom: -38px;

    }



}



@media only screen and (max-height: 940px) {



    .slider-box .logo img {



        max-width: 500px;



    }

}









@media only screen and (min-width: 992px) {



    .slider-box .logo img {



        max-width: 600px!important;

        width: 600px!important;



    }



}



@media only screen and (max-height: 840px) {



    .slider-box .logo img {



        max-width: 420px;



    }



}



@media only screen and (max-height: 790px) {



    .slider-box .logo img {



        max-width: 380px;



    }

}



@media only screen and (max-height: 740px) {





    .slider-box .logo img {



        max-width: 460px;



    }

}



@media only screen and (max-height: 690px) {



    .slider-box .logo img {



        max-width: 300px;



    }

}



@media only screen and (max-height: 660px) {

    .slider-box .logo img {



        max-width: 260px;



    }

}



/* END MAJIK RESPONSIVE */



.centered {

    text-align: center;

}



#highlights {

    padding: 100px 0;

}



#highlights .icons .icon {

    width: calc(16.6666% - 30px);

    background-size: auto 70px;

    font-size: 14px;

    letter-spacing: 1px;

    line-height: 18px;

    color: #ffffff;

    font-weight: 300;

    margin-left: 15px !important;

    margin-right: 15px !important;

}



#highlights .icon-highlight--1 {

    background: url(/images/icons/Raised_Floor_Icon.svg) no-repeat 50% 10px;

    background-size: auto 60px !important;

}



#highlights .icon-highlight--2 {

    background: url(/images/icons/Hybrid_Ceiling_Icon.svg) no-repeat 50% 10px;

}



#highlights .icon-highlight--3 {

    background: url(/images/icons/Lighting_Icon.svg) no-repeat 50% 10px;

}



#highlights .icon-highlight--4 {

    background: url(/images/icons/01_epc.svg) no-repeat 50% 10px;

}



#highlights .icon-highlight--5 {

    background: url(/images/icons/01_air.svg) no-repeat 50% 10px;

}



#highlights .icon-highlight--6 {

    background: url(/images/icons/Fitwel_Icon.svg) no-repeat 50% 10px;

}



#amenities .icons .icon{

    width: calc(16.66666% - 10px);

        background-size: auto 70px;

        font-size: 15px;

        line-height: 23px;

        letter-spacing: 0px;

        color: #ffffff;

        font-weight: 300;

        margin-left: 5px!important;

        margin-right: 5px!important;

    }



    @media only screen and (max-width: 992px) {

        #amenities .icons .icon {

            background-size: auto 40px;

            padding: 70px 2px 10px;

            font-size: 14px!important;

            line-height: 1.4;

        }



        #amenities .icons .icon:after {

            top: 60px!important;

        }



        

    }



    

    #amenities .icons .icon:after {

        content: "";

        width: 100%;

        border-top: 1px solid #e4d7c4;

        position: absolute;

        top: 100px;

        left: 0;

    }





#neighbourhood h3 {

    font-size: 24px;

    letter-spacing: 2px;

    line-height: 56px;

    color: #63584b;

}



#neighbourhood p {

    font-size: 16px;

    letter-spacing: 1px;

    line-height: 24px;

    color: #ffffff;

    font-weight: 300;

}



#neighbourhood .neighbourhood-items {

    gap: 60px;

    justify-content: space-between;

}



#neighbourhood .table-container {

    display: flex;

    gap: 30px;

    align-items: flex-start;

}



#neighbourhood .table-container th {

    font-size: 16px;

    letter-spacing: 2px;

    line-height: 24px;

    color: #ffffff;

    font-weight: bold;

}



#neighbourhood .table-container th {

    font-size: 16px;

    letter-spacing: 2px;

    line-height: 24px;

    color: #ffffff;

    font-weight: bold;

}



#neighbourhood .table-container tr {

    border-bottom: none;

}



#neighbourhood .table-container tr:first-of-type {

    border-bottom: 1px solid #63584b;

}



#neighbourhood .table-container tr:nth-of-type(2) td {

    padding-top: 20px;

}





#neighbourhood .table-container tr:nth-of-type(2) td:last-of-type:after {

    top: 16px;

}





#neighbourhood .table-container td {

    font-size: 16px;

    letter-spacing: 1px;

    line-height: 22px;

    color: #ffffff;

    font-weight: 300;

    text-transform: none;

}



#neighbourhood .table-container img {

    width: 15px;

    display: inline;

}



#neighbourhood .table-container tr td:last-of-type {

    position: relative;

    font-size: 12px;

    letter-spacing: 1px;

    line-height: 22px;

    color: #ffffff;

    font-weight: bold;

    display: flex;

    margin-left: auto;

    justify-content: center;

    align-items: center;

    width: 30px;

}



#neighbourhood .table-container tr td:last-of-type:after {

    content: "";

    width: 30px;

    height: 30px;

    position: absolute;

    right: 0;

    top: 4px;

    background: url('/images/neighbourhood/Transport_Diamond.svg');

    z-index: -1;

}





@media (max-width: 1200px) {

    #neighbourhood .table-container {

        flex-direction: column;

    }





}



@media (min-width: 768px) and (max-width: 1200px) {

    #neighbourhood .table-container tr td:last-of-type {

        width: 30px;

    }

}



@media (max-width: 768px) {

    #neighbourhood {

        padding-left: 15px;

        padding-right: 15px;

    }



    #neighbourhood .table-container tr td:last-of-type {

        width: 35px;

    }

}





@media (max-width: 992px) {

    #highlights .icons .icon {

        width: calc(50% - 30px);

    }



    #highlights {

        padding: 60px 0;

    }



    #amenities .icons .icon {

        width: calc(33.3333% - 10px);





    }

}



.map-image {

    margin: 80px 0;

}



.download-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    font-size: 24px;

    letter-spacing: 2px;

    line-height: 48px;

    color: #ffffff;

    text-transform: uppercase;

    margin-top: 40px;

}



.download-item {

    text-align: center;

    justify-content: center;

    font-size: 16px;

}



.download-item img{

    max-height: 22px;

}





@media (min-width: 992px) {

.download-item img{

    max-height: 50px;

}

}



.contact-card img {

    height: 50px;

}



@media (max-width: 992px) {

.new-section .people-wrapper{

    margin-top: 0px;

    padding-top: 0;

}

}



.people-wrapper {

    display: flex;

    justify-content: space-between;

    text-align: center;

    padding-top: 20px;

    margin-top: 20px;

    gap: 20px;

}



.people-wrapper * {

    text-align: center!important;

}



@media (min-width: 992px) {

    .people-wrapper {

        border-top: 1px solid #e4d7c4;

        justify-content: center;

        gap: 80px;



    }



    #contact h3 {

        text-align: left;

    }

}





.people-wrapper p,

.people-wrapper a {

    text-align: left;

    padding: 0;

    font-size: 16px;

    letter-spacing: 1px;

    line-height: 24px;

    color: #ffffff;

    font-weight: 300;

    display: block;

    color: #63584b;

}





a:hover {

    color: #63584b;

    transition: 0.3s all ease;

}



.max-900 {

    max-width: 90%;

}



#contact {

    padding-bottom: 40px!important;

}



#contact h3 {

    font-size: 48px !important;

    letter-spacing: 5px !important;

    line-height: 56px !important;

    color: #63584b;

    margin-bottom: 0 !important;

}



@media (max-width: 992px) {

    .contact-card img {

        text-align: center;

        margin: 0 auto;



    }



    .people-wrapper {

        justify-content: center;

        flex-direction: column;

        align-items: center;

    }



    .people-wrapper p,

    .people-wrapper a {

        text-align: center;

    }



    .contact-card .people-wrapper:first-of-type {

        border-top: 1px solid white;

    }

}



.footer-note {

    width: 100% !important;

    max-width: 100% !important;

}



.footer-note p {

    font-size: 12px;

    letter-spacing: 0px;

    line-height: 24px;

    color: #ffffff;

    font-weight: 300;

    text-align: left;

    padding: 0px;

    margin-top: 15px;

    margin-bottom: 5px;

}



.footer-note p.notice {

    margin-top: 70px; 

}



.footer-note a {

    color: #ffffff!important;

}



.footer-heading {

    font-size: 16px;

    letter-spacing: 0px;

    font-weight: 600!important;

    line-height: 16px;

    color: #63584b;

    padding-top: 20px;

    margin-top: 20px;

    border-top: 1px solid #e4d7c4;

    margin-bottom: 40px!important;

    width: 100%;

}



footer .company {

    font-weight: 600!important;

    font-size: 15px;

    letter-spacing: 1px;

    line-height: 24px;

}



footer .contact-section-header {

    font-weight: 600!important;

    font-size: 15px;    

    margin-top: 20px;

    color: #e4d7c4; 

}



footer .contact-section-content

 {

    font-weight: 400!important;

    font-size: 14px!important;

    line-height: 20px;

}



footer .contact-name {

    font-weight: 300!important;

    font-size: 30px; 

    font-family: 'SangBleuOGSans';

    color: #e4d7c4;

    padding-bottom: 10px;

    padding-top: 5px;

}



footer .contact-number,

footer .contact-email

 {

    font-weight: 300!important;

    font-size: 16px!important;

    line-height: 20px;

    color: #ffffff;

    font-family: 'radikal';

    margin-top: 10px;

}



.team-section .people-wrapper p {

    margin-bottom: 10px!important;

}





.footer-note p strong {

    font-weight: 600;

}



.footer-section .position {

    color: #c2c2c2;

font-weight: 500 !important;

    font-size: 14px !important;

    line-height: 20px;

}



.footer-section .company {

    color: #63584b;

}



.background-wrapper {}



.background-wrapper {

    position: relative;

}



@media (max-width: 992px) {



    .mt-m-40 {

        margin-top: 40px;

    }



    .map-image {

        margin-top: 0;

    }



    .background-wrapper::before {

        right: -2vw;

        top: -1vw;

        width: 35%;

    }



    .background-wrapper::after {

        left: -35%;

        bottom: -20vw;

        width: 70%;

    }

}



.full-header {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;



}



.full-header .lottie {

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    border: none;

    z-index: -1;

    /* Push behind content */

}



.full-header .lottie.desktop {

    display: block !important;

}



.full-header .lottie.desktop.left {

    left: 0;

}



.full-header .lottie.desktop.right {

    right: 0;

}





.full-header .lottie.mobile {

    display: none !important;

}



@media (max-width: 768px) {

    .full-header .lottie.desktop {

        display: none !important;

    }



    .full-header .lottie.mobile {

        display: block !important;

    }



    .full-header .lottie.mobile.left {

        left: 0;

    }



    .full-header .lottie.mobile.right {

        right: 0;

    }



}





@media (min-width: 992px) {

    .icons-narrow {

        max-width: 1050px;

    }

}



.divider {

    width: 100%;

    border-bottom: 2px solid #63584b;

    margin: 0;

    position: relative;

    bottom: -20px;

}



@media only screen and (min-width: 992px) {

    .divider {

        margin: 40px 0 20px 0;

        bottom: 0;

    }

}



.map-container {

    position: relative;

    padding-bottom: 40px!important;

    margin-top: -1px;



}



@media (max-width: 992px) {



    .map-image-wrapper {

        margin-bottom: 40px;

        height: 0;

        padding-bottom: 90%;

    }



    .map-image-wrapper img {

        min-width: 100vw;

        position: absolute;

        left: 0;      

    }

}





@media (min-width: 992px) {

    .map-container .container {

        max-width: 100%!important;

    }



.map-container {

    padding-top: 40px!important; 

    padding-bottom: 0px!important;   

}

}



@media (max-width: 992px) {

    .reverse-mobile {

        flex-direction: column-reverse;

    }



    .container,

    .container-fluid {

        padding: 0 20px;

    }



    .row {

        margin-left: -20px;

        margin-right: -20px;

    }



    .row>* {

        padding-left: 20px;

        padding-right: 20px;

    }

}



.city .slick-prev.slick-arrow {

    background: url(/images/arrows/white-left.svg) center center/cover no-repeat;

} 



.city .slick-next.slick-arrow {

    background: url(/images/arrows/white-right.svg) center center/cover no-repeat;

} 



.desktop-only {

    display: none;

}





@media (min-width: 992px) {

    .desktop-only {

        display: block;

    }

}



@media (max-width: 992px) {

    .pt-m-0 {

        padding-top: 0px!important;

    }

}



.logo-wrapper {

    display:flex;

    justify-content: center;

    align-items: flex-end;

    margin-bottom: 10px;

    min-height: 61px;

    margin-top: 40px;

}



@media (min-width: 992px) {

.team-section {

    margin: 80px 0;

}

.logo-wrapper {

    margin-top: 0px;

}

}



.team-section h3 {

    color: #63584b;

}



.standalone img {width: 100%;}



@media (max-width: 992px) {

.standalone figure,

.carousel figure {

    text-align: center;

}

}



.standalone span,

.carousel span {

    color: #ffffff; 

    font-size: 12px;

    display: block;

    width: 100%

}



.standalone img {

    margin-bottom: 10px;

}



.pb-80 {

    padding-bottom: 80px;

}



.pt-80 {

    padding-top: 80px;

}



.timetable-wrapper {

    padding: 0 2.2%;

}



.timetable-wrapper .image-wrapper{



}



@media (min-width: 992px) {

    .timetable-wrapper .image-wrapper img {

        max-width: 65%;

        display: flex;

        justify-self: center;

        align-self: center;

    }

}



@media (max-width: 992px) {

    .m-pb-20 {

        padding-bottom: 20px;

    }



    .m-pb-40 {

        padding-bottom: 40px;

    }



    .m-centered {

        text-align: center;

    }

}



@media (min-width: 992px) {

    .travel-times-text {

        font-size: clamp(10px, 4vw, 54px) !important;

        position: relative;

        top: 6vw;

    }



    .timetable-note {

        position: relative;

        bottom: 1.5vw;

    }

}





.brochure {

    font-family: 'SangBleuOGSans' !important;

    font-weight: 300 !important;

    letter-spacing: 4px;

    color: #e4d7c4;

    font-size: 34px;

    line-height: 34px;

    border: 1px solid #e4d7c4;

    padding: 20px 34px 16px 34px;

    display: inline-block;

    border-radius: 50px;

}



@media (max-width: 992px) {

    .brochure {

        font-size: 18px;

        width: 100%;

        text-align: center!important;

    }

    

}



.brochure:hover {

    color: #ffffff!important;

    border-color: #ffffff!important;

}





.amenity-wrapper {

    position: relative;

}



#amenities-scroll-anchor {

    position: absolute;

    top: 100px;

}



#map {

    position: relative;

}



#intro {

    scroll-margin-top: 100px;

}



@media (min-width: 992px) {

    .amenity-wrapper {

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .amenity-wrapper img{

        max-width: 90%;

    }

    

}





.spoilt-text {

    max-width: 700px;

    margin: 0px auto;

}



#gallery-anchor {

    position: absolute;

    top: 10px;

}



#availability-anchor {

    position: absolute;

    top: 10px; 

}



@media (max-width: 992px) {

    #intro-anchor {

        position: absolute;

        top: -60px; 

    }

}



.relative {

    position: relative;

}