@font-face {
  font-family: 'stencil';
  src: url('../../fonts/font.woff2') format('woff2'),
       url('../../fonts/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} 


/* =========================
   Radikal Font Family
   ========================= */

/* Light */
@font-face {
  font-family: 'radikal';
  src: url('../../fonts/radikal/Radikal Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Regular (W03 preferred) */
@font-face {
  font-family: 'radikal';
  src:
    url('../../fonts/radikal/Radikal W03 Regular.ttf') format('truetype'),
    url('../../fonts/radikal/Radikalregular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}



/* 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: 35px;



    height: 35px;



    background: url(/images/icons/Arrow_left.svg) center center/cover no-repeat;



    display: block;



    position: absolute;



    left: -40px;



    z-index: 9999;



    border: none;



    text-indent: -9999px;



    background-size: 35px auto !important;



}


@media (max-width: 992px) {
    .slick-prev.slick-arrow {
        left: 40px;
        bottom: 5px!important;
    }
}






.slick-next.slick-arrow {



    width: 35px;



    height: 35px;



    background: url(/images/icons/Arrow_right.svg) center center/cover no-repeat;



    display: block;



    position: absolute;



    right: -40px; 



    z-index: 9999;



    border: none;



    text-indent: -9999px;



    background-size: 35px auto !important;



}

@media (max-width: 992px) {
    .slick-next.slick-arrow {
        right: 40px;
        bottom: 5px!important;;
    }
}





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



    .slick-prev.slick-arrow {



  



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











    }



    



    .slick-next.slick-arrow {







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











    }



}







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



    .slick-prev.slick-arrow {



        bottom: 0;




        background-size: 15px auto !important;



    }







    .slick-next.slick-arrow {







        bottom: 0; /* Vertically center */




        background-size: 15px 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;



    }



}


.body-text {
    color: #2a2a2a;
}






h1,



h2,



h3,



h4,



h5,



h6 {



    font-family: 'stencil' !important;



    font-weight: 300 !important;





    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: 60px !important;



    line-height: 58px !important;



    margin: 0 0 40px !important;

    color: #a65856;



}







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 {



    align-items: center;



}

}







.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;

        position: relative;

        top: -150px;


    }



}

@media (max-width: 768px) {



    .logo-holder h1 {


        position: relative;

        top: -40px;

        font-size: 16px;

        line-height: 30px;

    }



}







.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;



}














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;

}

@media (max-width: 768px) {
    body:after {
        content: "";
        background: url('../../images/backgrounds/Mobile-BG.jpg'); 
        background-repeat: no-repeat!important;
        background-position: center center!important;
        background-size: 100% 100%!important;
        position: fixed!important;  
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}


@media (min-width: 768px) {
    body {

        background: url('../../images/backgrounds/Desktop-BG.jpg');
          background-repeat: no-repeat!important;
  background-position: center center!important;
  background-size: 100% 100%!important;
  background-attachment: fixed!important;
    }
}




.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: 400 !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/icons/Down_arrow.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: 80px;











    }

}







@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 {



    height: 40px;


    margin: 0px auto;
}







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;







}

@media (min-width: 992px) {
    .carousel img {


        max-height: calc(100vh - 100px);

        object-fit: cover;



    }
}







.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: #ffffff;



    display: block;



    height: 1px;



    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: #ffffff;



    content: "";



    height: 1px;



    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: #a65856;



}







.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/Navigation_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-position: center;

    background-repeat: no-repeat;

    background-size: cover!important;


    background: url('../../images/backgrounds/Mobile-slash.jpg');



    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;



}




@media (min-width: 768px) {
    .nav__list {

        background: url('../../images/backgrounds/Desktop-splash.jpg');

    }
}



.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%;



    position: relative;



    transition: all 0.3s ease;



}









.nav__list li a {



    color: #f5e2c9!important;



    font-weight: 300;

    text-align: center;


    text-decoration: none;



    text-transform: uppercase;



    font-size: 44px;



    line-height: 44px;   



    font-family: 'stencil';



}







.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: 130px 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: 'stencil';



}







@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: 'stencil';



    }



}







.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);



    }











}






/* Comprehensively refurbished */
.icon-spec--1 {
    background: url('/images/Specs/Comprehensively-refurbished.svg') no-repeat 50% 10px;
}

/* Fully fitted */
.icon-spec--2 {
    background: url('/images/Specs/Fully-fitted.svg') no-repeat 50% 10px;
}

/* Air conditioning */
.icon-spec--3 {
    background: url('/images/Specs/Air-conditioning.svg') no-repeat 50% 10px;
}

/* Showers */
.icon-spec--4 {
    background: url('/images/Specs/Showers.svg') no-repeat 50% 5px;
}

/* Natural light */
.icon-spec--5 {
    background: url('/images/Specs/Naturallight.svg') no-repeat 50% 10px;
}

/* Location */
.icon-spec--6 {
    background: url('/images/Specs/Location.svg') no-repeat 50% 5px;
}

/* Manned reception */
.icon-spec--7 {
    background: url('/images/Specs/Manned-reception.svg') no-repeat 50% 10px;
}

/* Passenger lifts */
.icon-spec--8 {
    background: url('/images/Specs/lifts.svg') no-repeat 50% 10px;
}












#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: 60px;



    }















    .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;



        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: 36px !important;


        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(25% - 10px);



        background-size: auto 70px;



        font-size: 14px;



        line-height: 23px;



        letter-spacing: 0px;



        color: #2a2a2a;

        text-transform: uppercase;



        font-weight: 400;



        margin-left: 5px!important;



        margin-right: 5px!important;



    }







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



        #amenities .icons .icon {



            background-size: auto 80px;



            padding: 130px 2px 30px;



            font-size: 14px!important;



            line-height: 1.4;



        }







        #amenities .icons .icon:after {



            top: 105px!important;



        }







        



    }







    



    #amenities .icons .icon:after {



        content: "";



        width: 100%;



        border-top: 2px solid #a65856;



        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(50% - 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: 30px;



    margin-top: 30px;



    gap: 20px;

    border-top: 2px solid #e9dccd;



}







.people-wrapper * {



    text-align: center!important;



}







@media (min-width: 992px) {



    .people-wrapper {





        justify-content: space-around;



        gap: 20px;







    }







    #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: 16px!important;

    font-family: 'radikal';

    color: #ffffff;

    text-transform: uppercase;

}







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;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover!important;


    background: url('../../images/backgrounds/Mobile-slash.jpg');



}

@media (min-width: 768px) {
    .full-header {

        background: url('../../images/backgrounds/Desktop-splash.jpg');

    }
}



footer {

    background-position: center!important;

    background-repeat: no-repeat!important;

    background-size: cover!important;



    background: url('../../images/backgrounds/Mobile-slash.jpg');

}

@media (min-width: 768px) {
    footer {

        background: url('../../images/backgrounds/Desktop-splash.jpg');

    }
}



.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%;max-height: calc(100vh - 65px);object-fit: cover;}







@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-pb-80 {



        padding-bottom: 80px;



    }




    .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: 'radikal' !important;



    font-weight: 300 !important;



    color: #ffffff;



    font-size: 16px;



    line-height: 34px;



    border: 1px solid #ffffff;



    padding: 16px 34px 12px 34px;



    display: inline-block;



    border-radius: 50px;

    margin-top: 40px!important;

    margin-bottom: 40px!important;



}







@media (max-width: 992px) {



    .brochure {



        font-size: 18px;



        width: 100%;



        text-align: center!important;



    }

    .center-mobile {
        text-align: center;
    }





    



}







.brochure:hover {



    color: #ffffff!important;



    border-color: #ffffff!important;



}











.amenity-wrapper {



    position: relative;



}



.amenity-wrapper p {
    color:#000;
    font-size: 18px;
    font-weight: 600!important;
    letter-spacing: 2px;
    margin-bottom: 40px;
}







#amenities-scroll-anchor {



    position: absolute;



    top: 100px;



}







#map {



    position: relative;



}







#intro {



    scroll-margin-top: 100px;



}







@media (min-width: 992px) {



    .amenity-wrapper {



        display: flex;

        flex-direction: column;



    }

    .floor-plan-wrapper {
        margin-top: -100px;
    }

    .floor-plan-wrapper img {
        max-width: 620px;
    }

    .amenity-wrapper img{



    width: 100%;
    max-width: 180px;



}


.color-chart img {
    max-width: 150px;
}


.amenity-wrapper .breakdowns{



    margin-bottom: 100px;



}



    



}



@media (max-width: 992px) {
    .breakdowns {
        margin-bottom: 40px!important; 
    }

    .color-chart {
        margin-top: 40px!important; 
    }
}







.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: 0px; 



    }



}

@media (max-width: 992px) {



    .pt-m-100 {

        padding-top: 100px!important;


    }



}









.relative {



    position: relative;



}

.text-narrow {
    max-width: 720px;
    margin: 0px auto;
}

.map-section {
    background-color: #e9dccd;
    padding-bottom: 80px!important;
}


@media (min-width: 992px) { 
    .map-section img {
        max-width: 90%;
    }
}