@keyframes grow {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

@font-face {
    font-family: "Chronicle Display Black";
    src: url("/dimensions/Styles/Fonts/Chronicle Display/Chronicle Display Black.woff2") format("woff2"),url("../Fonts/Chronicle Display/Chronicle Display Black.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Chronicle Display Semibold";
    src: url("/dimensions/Styles/Fonts/Chronicle Display/Chronicle Display Semibold.woff2") format("woff2"),url("../Fonts/Chronicle Display/Chronicle Display Semibold.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "Chronicle Display Roman";
    src: url("/dimensions/Styles/Fonts/Chronicle Display/Chronicle Display Roman.woff2") format("woff2"),url("../Fonts/Chronicle Display/Chronicle Display Roman.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Chronicle Display Light Italic";
    src: url("/dimensions/Styles/Fonts/Chronicle Display/Chronicle Display Light Italic.woff2") format("woff2"),url("../Fonts/Chronicle Display/Chronicle Display Light Italic.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "Chronicle Display XLight";
    src: url("/dimensions/Styles/Fonts/Chronicle Display/Chronicle Display XLight.woff2") format("woff2"),url("../Fonts/Chronicle Display/Chronicle Display XLight.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

.gt-ultra,.gt-ultra-regular {
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

@keyframes grow {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

@font-face {
    font-family: "Calibre Light";
    src: url(/dimensions/Styles/Fonts/Mirvac-Quality/Calibre-Light.ttf)
}

@font-face {
    font-family: "Calibre Regular";
    src: url(/dimensions/Styles/Fonts/Mirvac-Quality/Calibre-Regular.ttf)
}

@font-face {
    font-family: "Calibre Semibold";
    src: url(/dimensions/Styles/Fonts/Mirvac-Quality/Calibre-Semibold.ttf)
}

@font-face {
    font-family: "Calibre Bold";
    src: url(/dimensions/Styles/Fonts/Mirvac-Quality/Calibre-Bold.ttf)
}

.tr-btn {
    border: 1px solid #000;
    padding: 15px 25px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

.tr-btn:hover,.tr-btn:focus {
    background-color: #000;
    color: #fff;
    transition: all .3s ease-in-out
}

.tr-container {
    margin: 0 auto;
    max-width: 1220px
}

@media(max-width: 1365px) {
    .tr-container {
        padding:0 15px
    }
}

.tr-container--medium {
    margin: 0 auto;
    max-width: 912px
}

@media(max-width: 1365px) {
    .tr-container--medium {
        padding:0 15px
    }
}

.tr-container--narrow {
    margin: 0 auto;
    max-width: 812px
}

@media(max-width: 1365px) {
    .tr-container--narrow {
        padding:0 15px
    }
}

.tr-container--large {
    margin: 0 auto;
    max-width: 1520px
}

@media(max-width: 1365px) {
    .tr-container--large {
        padding:0 15px
    }
}

.dm-bg-black:not(body) {
    background-color: #323232 !important
}

.dm-bg-black:not(body) h1,.dm-bg-black:not(body) h2,.dm-bg-black:not(body) h3,.dm-bg-black:not(body) h4,.dm-bg-black:not(body) h5,.dm-bg-black:not(body) h6,.dm-bg-black:not(body) p {
    color: #fff
}

.dm-bg-beige:not(body) {
    background-color: #eee6d9 !important
}

.dm-bg-beige:not(body) h1,.dm-bg-beige:not(body) h2,.dm-bg-beige:not(body) h3,.dm-bg-beige:not(body) h4,.dm-bg-beige:not(body) h5,.dm-bg-beige:not(body) h6,.dm-bg-beige:not(body) p {
    color: #000
}

.tr-bg-white:not(body) {
    background-color: #fff !important
}

.tr-bg-white:not(body) h1,.tr-bg-white:not(body) h2,.tr-bg-white:not(body) h3,.tr-bg-white:not(body) h4,.tr-bg-white:not(body) h5,.tr-bg-white:not(body) h6,.tr-bg-white:not(body) p {
    color: #000
}

.tr-bg-transparent-white {
    background-color: rgba(0,0,0,0) !important;
    position: relative
}

.tr-bg-transparent-white::before {
    content: " ";
    position: absolute;
    top: 0;
    background: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    display: block
}

.tr-image--overlap-top img {
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: -150px;
    margin-bottom: 100px
}

.tr-index-2 {
    position: relative;
    z-index: 2
}

.tr-space-between {
    justify-content: space-between
}

.tr-font-14 {
    font-size: .875rem
}

#content button a,#content .sl-content-tabs__button {
    text-decoration: unset
}

#content button a::after,#content .sl-content-tabs__button::after {
    display: none
}

.text-bold {
    font-weight: 700
}

.btn a {
    padding-bottom: 0
}

.tr-carousel {
    background-color: #fff
}

.tr-carousel__container {
    margin: 0 auto;
    max-width: 1220px
}

@media(max-width: 1365px) {
    .tr-carousel__container {
        padding:0 15px
    }
}

.tr-carousel__slides {
    padding-left: 0 !important
}

.tr-carousel__slides .owl-dots {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    display: flex;
    transform: translate(-50%,-50%)
}

.tr-carousel__slides .owl-dots .owl-dot {
    flex: 0 0 50%
}

.tr-carousel__slides .owl-dots .owl-dot .tr-carousel__slide-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.tr-carousel__slides .owl-dots .owl-dot span {
    background: rgba(0,0,0,0);
    color: #fff;
    text-align: center;
    width: auto;
    height: 100%;
    border-radius: 0 !important;
    font-family: "Chronicle Display Light Italic","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 100;
    letter-spacing: 2px
}

.tr-carousel__slides .owl-dots .owl-dot .slide-eyebrow {
    font-size: 1.25rem;
    text-transform: uppercase
}

.tr-carousel__slides .owl-dots .owl-dot .slide-caption {
    font-size: 1.75rem;
    letter-spacing: 4px;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.tr-carousel__slides .owl-dots .owl-dot.active span,.tr-carousel__slides .owl-dots .owl-dot:hover span {
    background: rgba(0,0,0,0) !important
}

.tr-carousel__slides .owl-dots .owl-dot.active .slide-caption,.tr-carousel__slides .owl-dots .owl-dot:hover .slide-caption {
    border-bottom: 1px solid #fff
}

.tr-carousel__slide {
    width: 100%;
    height: 650px
}

.tr-carousel__slide-image {
    width: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9
}

.tr-carousel__slide-video {
    width: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9
}

.tr-container {
    position: relative
}

.tr-container--big {
    max-width: 100%;
    overflow: hidden
}

.tr-container__video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.tr-container__video-container::after {
    content: " ";
    position: absolute;
    top: 0;
    background: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    display: block
}

.tr-container__video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -o-object-position: center;
    object-position: center;
    aspect-ratio: 1/6
}

@media(min-width: 576px) {
    .tr-container__video {
        aspect-ratio:1/3
    }
}

@media(min-width: 992px) {
    .tr-container__video {
        aspect-ratio:9/16
    }
}

.tr-container__content {
    position: relative;
    z-index: 1
}

.tr-content-block {
    background-color: #fff;
    text-align: center;
    padding: 70px 0
}

.tr-content-block__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0 80px 0
}

.tr-content-block__heading {
    margin: 0;
    padding: 0 !important;
    font-size: 1.125rem
}

.tr-content-block__title {
    margin-bottom: 80px
}

.tr-content-block__title h2 {
    font-size: 2.625rem
}

.tr-content-block__logo {
    width: 30px;
    margin: 0 40px
}

@media(min-width: 768px) {
    .tr-content-block__logo {
        width:50px
    }
}

.tr-content-block__description p {
    text-align: left;
    font-size: 18px;
    -moz-column-count: 1;
    column-count: 1
}

@media(min-width: 576px) {
    .tr-content-block__description p {
        -moz-column-count:2;
        column-count: 2
    }
}

.tr-content-block__description li {
    list-style: disc;
    line-height: 21px;
    font-size: 18px
}

.tr-content-block__description li::marker {
    color: #9a9b9f
}

.tr-content-block__description ul {
    margin-block:7px;margin-left: 2rem
}

.tr-content-block__video-container {
    padding: 56.25% 0 0 0;
    position: relative
}

@media(min-width: 992px) {
    .tr-content-block__video-container.hero-banner-one {
        height:unset !important
    }
}

.tr-content-block__video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: unset;
    min-height: unset;
    min-width: unset
}

.tr-content-block__author {
    margin-bottom: 60px
}

.tr-content-block__author-name {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1rem
}

.tr-content-block__author-role {
    margin-top: 0;
    font-size: 1rem
}

.tr-content-block__eyebrow-img {
    max-width: 40px;
    margin-bottom: 30px
}

.tr-content-block--space-between {
    padding: 100px 0;
    text-align: left
}

.tr-content-block--space-between>.component-content {
    max-width: unset
}

.tr-content-block--space-between .tr-container {
    display: flex;
    flex-direction: column
}

@media(min-width: 992px) {
    .tr-content-block--space-between .tr-container {
        flex-direction:row;
        justify-content: space-between
    }
}

.tr-content-block--space-between .tr-content-block__heading {
    font-family: "Chronicle Display Light Italic","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 100;
    font-size: 1.375rem;
    margin-bottom: 30px
}

@media(min-width: 992px) {
    .tr-content-block--space-between .tr-content-block__left-content {
        flex:0 0 40%
    }
}

.tr-content-block--space-between .tr-content-block__right-content p {
    margin-top: 0;
    font-size: 18px
}

@media(min-width: 992px) {
    .tr-content-block--space-between .tr-content-block__right-content {
        flex:0 0 33.33333333%
    }
}

.tr-content-block--centered .tr-content-block__heading {
    font-size: 2rem
}

@media(min-width: 768px) {
    .tr-content-block--centered .tr-content-block__heading {
        width:70%;
        margin: 0 auto
    }
}

.tr-content-block--centered .tr-content-block__heading--medium {
    font-size: 1.7rem
}

.tr-content-block--centered .tr-content-block__description p {
    text-align: center;
    -moz-column-count: 1;
    column-count: 1
}

.tr-content-block--skewed {
    padding: 30px 0
}

@media(min-width: 992px) {
    .tr-content-block--skewed {
        padding:6.5rem
    }
}

.tr-content-block--skewed>.component-content {
    max-width: unset
}

.tr-content-block--skewed .tr-container {
    display: flex;
    flex-direction: column-reverse
}

@media(min-width: 992px) {
    .tr-content-block--skewed .tr-container {
        flex-direction:row
    }
}

.tr-content-block--skewed .tr-content-block__image-section {
    order: 2;
    padding-bottom: 2rem
}

@media(min-width: 992px) {
    .tr-content-block--skewed .tr-content-block__image-section {
        order:1;
        flex: 0 0 70%;
        padding-inline:2rem}
}

.tr-content-block--skewed .tr-content-block__image-section .container-bottom-grey {
    border-bottom: 1px solid #9a9b9f;
    font-size: 14px;
    padding: .5rem 0;
    color: #9a9b9f
}

@media(min-width: 992px) {
    .tr-content-block--skewed .tr-content-block__image-section .container-bottom-grey {
        display:flex;
        justify-content: space-between;
        flex-direction: row
    }
}

.tr-content-block--skewed .tr-content-block__image-section .container-bottom-grey h4 {
    font-family: "Chronicle Display Roman";
    text-transform: none
}

.tr-content-block--skewed .tr-content-block__image-section.image--clipped::after {
    left: 15px;
    bottom: 40px
}

.tr-content-block--skewed .tr-content-block__text-section {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    order: 1
}

@media(min-width: 992px) {
    .tr-content-block--skewed .tr-content-block__text-section {
        order:2;
        flex: 0 0 30%;
        padding-block:2rem}
}

.tr-content-block--skewed .tr-content-block__text-section a::after {
    background: none
}

.tr-content-block--skewed .tr-content-block__text-section a {
    text-align: left;
    text-decoration: underline;
    font-size: 18px
}

.tr-content-block--skewed .tr-content-block__heading {
    margin-bottom: 20px;
    font-size: 3.2rem;
    color: #c3ac82;
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

.tr-content-block--skewed .tr-content-block__heading span.left--small-text {
    text-transform: uppercase;
    padding-right: 10px;
    font-size: 30px
}

.tr-content-block--skewed .tr-content-block__subheading {
    margin-top: 0;
    font-size: .875rem
}

.tr-content-block--skewed .tr-content-block__description {
    margin-top: 0;
    font-size: .875rem;
    text-align: left
}

.tr-content-block--skewed .tr-content-block__description p {
    -moz-column-count: 1;
    column-count: 1;
    line-height: 21px;
    margin-top: 0
}

.tr-content-block--skewed .tr-content-block__logo {
    width: 35px;
    margin-bottom: 30px
}

.tr-content-block--skewed .tr-content-block__image {
    width: 100%
}

@media(min-width: 992px) {
    .tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__text-section {
        padding-block:4rem
    }
}

@media(min-width: 992px) {
    .tr-content-block--left-txt-right-img .tr-container {
        flex-direction:row-reverse
    }
}

@media(min-width: 992px) {
    .tr-content-block--left-txt-right-img .tr-content-block__text-section {
        padding-left:1rem
    }
}

.tr-content-block--left-txt-right-img .tr-content-block__image-section .container-bottom-grey {
    color: #9a9b9f;
    border-bottom: 1px solid #9a9b9f;
    font-size: 14px
}

@media(min-width: 992px) {
    .tr-content-block--left-txt-right-img .tr-content-block__image-section .container-bottom-grey {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        padding: .5rem 0
    }
}

@media(min-width: 992px) {
    .tr-content-block--left-txt-right-img .tr-content-block__image-section.image--clipped::after {
        bottom:90px;
        left: 90px
    }
}

@media only screen and (min-width: 1050px) {
    .tr-content-block--left-txt-right-img .tr-content-block__image-section.image--clipped::after {
        bottom:60px
    }
}

@media only screen and (min-width: 1070px) {
    .tr-content-block--left-txt-right-img .tr-content-block__image-section.image--clipped::after {
        bottom:40px
    }
}

@media(min-width: 992px) {
    .tr-content-block--left-txt-right-img .tr-content-block__image {
        margin-top:50px
    }
}

@media only screen and (min-width: 980px) {
    .tr-content-block--left-txt-right-img .tr-content-block__image {
        margin-top:90px
    }
}

@media only screen and (min-width: 1010px) {
    .tr-content-block--left-txt-right-img .tr-content-block__image {
        margin-top:80px
    }
}

@media(min-width: 1366px) {
    .tr-content-block--left-txt-right-img .tr-content-block__image {
        margin-top:0
    }
}

.tr-content-block--image-text>.component-content {
    max-width: 100%
}

@media(min-width: 992px) {
    .tr-content-block--image-text>.component-content>.tr-container {
        display:flex
    }
}

.tr-content-block--image-text .tr-content-block__image-section {
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .tr-content-block--image-text .tr-content-block__image-section img {
        width:100%
    }
}

@media(min-width: 992px) {
    .tr-content-block--image-text .tr-content-block__image-section {
        flex:0 0 50%
    }
}

@media(min-width: 992px) {
    .tr-content-block--image-text .tr-content-block__text-section {
        flex:0 0 50%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.tr-content-block--image-text .tr-content-block__heading {
    color: #fff;
    text-transform: capitalize
}

.tr-content-block--image-text .tr-content-block__description p {
    -moz-column-count: 1;
    column-count: 1;
    color: #fff;
    text-align: center
}

.tr-content-block--text-image>.component-content {
    max-width: 100%
}

@media(min-width: 992px) {
    .tr-content-block--text-image>.component-content>.tr-container {
        display:flex
    }
}

.tr-content-block--text-image .tr-content-block__image-section {
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .tr-content-block--text-image .tr-content-block__image-section img {
        width:100%
    }
}

@media(min-width: 992px) {
    .tr-content-block--text-image .tr-content-block__image-section {
        flex:0 0 50%
    }
}

@media(min-width: 992px) {
    .tr-content-block--text-image .tr-content-block__text-section {
        flex:0 0 50%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.tr-content-block--text-image .tr-content-block__heading {
    color: #fff;
    text-transform: capitalize
}

.tr-content-block--text-image .tr-content-block__description p {
    text-align: center;
    -moz-column-count: 1;
    column-count: 1;
    color: #fff
}

.tr-content-block--carousel {
    background: rgba(0,0,0,0)
}

.tr-content-block--carousel>.component-content {
    max-width: 100%
}

@media(min-width: 992px) {
    .tr-content-block--carousel>.component-content>.tr-container {
        display:flex
    }
}

.tr-content-block--carousel .tr-content-block__carousel-content {
    max-width: 100%
}

@media(min-width: 992px) {
    .tr-content-block--carousel .tr-content-block__text-content {
        flex:0 0 40%;
        margin-top: 50px;
        padding-right: 150px
    }

    .tr-content-block--carousel .tr-content-block__carousel-content {
        flex: 0 0 60%;
        max-width: 60%;
        padding-right: 50px
    }
}

.tr-content-block--carousel .tr-content-block__eyebrow {
    font-size: 18px;
    font-family: "Chronicle Display Light Italic","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 100
}

.tr-content-block--carousel .tr-content-block__heading {
    font-size: 2.5rem;
    letter-spacing: 0;
    margin-bottom: 30px
}

.tr-content-block--carousel .tr-content-block__subheading {
    margin-top: -25px;
    font-size: 14px;
    letter-spacing: 8px
}

.tr-content-block--carousel .tr-content-block__carousel-slides {
    padding-left: 0 !important;
    margin-bottom: 30px
}

.tr-content-block--carousel .tr-content-block__carousel-slides .owl-stage-outer {
    margin-right: 25px
}

@media(min-width: 992px) {
    .tr-content-block--carousel .tr-content-block__carousel-slides .owl-stage-outer {
        margin-right:0
    }
}

.tr-content-block--carousel .tr-content-block__carousel-slides .owl-dots {
    pointer-events: visible;
    position: absolute;
    right: -10px;
    top: 42%;
    display: flex;
    flex-direction: column;
    transform: translateY(-50%)
}

@media(min-width: 576px) {
    .tr-content-block--carousel .tr-content-block__carousel-slides .owl-dots {
        top:50%;
        right: -31px
    }
}

@media(min-width: 992px) {
    .tr-content-block--carousel .tr-content-block__carousel-slides .owl-dots {
        right:-50px
    }
}

.tr-content-block--carousel .tr-content-block__carousel-slides .owl-dots .owl-dot.active span {
    background-color: #000
}

.tr-content-block--carousel .tr-content-block__carousel-slides .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 7px;
    border: 1px solid #000;
    transform: rotate(45deg);
    background-color: rgba(0,0,0,0);
    border-radius: 0
}

.tr-content-block--carousel .tr-content-block__carousel-slide-image {
    aspect-ratio: 5/3;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 992px) {
    .tr-content-block--carousel .tr-content-block__description {
        display:flex
    }
}

.tr-content-block--carousel .tr-content-block__description h4 {
    text-align: left;
    padding-bottom: 0 !important;
    margin-bottom: 10px;
    font-size: 1.25rem;
    text-transform: capitalize
}

.tr-content-block--carousel .tr-content-block__description h5 {
    margin-top: 10px;
    font-size: .875rem;
    text-align: left;
    text-transform: none;
    padding-bottom: 0 !important
}

.tr-content-block--carousel .tr-content-block__description p {
    margin-top: 25px;
    -moz-column-count: 1;
    column-count: 1;
    font-size: 18px
}

.tr-content-block--carousel .tr-content-block__description-left,.tr-content-block--carousel .tr-content-block__description-right {
    flex: 0 0 100%
}

@media(min-width: 768px) {
    .tr-content-block--carousel .tr-content-block__description-left,.tr-content-block--carousel .tr-content-block__description-right {
        flex:0 0 30%
    }
}

.tr-content-block--carousel .tr-content-block__description-left p {
    padding-right: 10px
}

.tr-content-block--carousel .tr-content-block__description-right p {
    margin-top: 0;
    padding-left: 0
}

@media(min-width: 992px) {
    .tr-content-block--carousel .tr-content-block__description-right p {
        padding-left:10px
    }
}

.tr-content-block--carousel .tr-content-block__description-right p.extra-margin-top {
    margin-top: 10px
}

@media(min-width: 992px) {
    .tr-content-block--carousel .tr-content-block__description-right p.extra-margin-top {
        margin-top:75px
    }
}

.tr-content-block--carousel .tr-content-block__description-right p.extra-margin-top-50 {
    margin-top: 10px
}

@media(min-width: 992px) {
    .tr-content-block--carousel .tr-content-block__description-right p.extra-margin-top-50 {
        margin-top:50px
    }
}

.tr-content-block--carousel-vertical>.component-content>.tr-container {
    display: block
}

.tr-content-block--carousel-quote {
    background-color: #fff
}

.tr-content-block--carousel-quote .tr-content-block__text-content {
    text-align: left
}

@media(min-width: 992px) {
    .tr-content-block--carousel-quote .tr-content-block__text-content {
        padding-right:0;
        padding-left: 100px
    }
}

.tr-content-block--carousel-quote .tr-content-block__quote {
    font-size: 20px;
    font-family: "Chronicle Display Light Italic","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 100;
    line-height: 1.3
}

.tr-content-block--carousel-quote .tr-content-block__author {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 5px;
    padding-bottom: 0 !important;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

.tr-content-block--carousel-quote .tr-content-block__author-title {
    font-size: .875rem;
    margin-top: 0;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400;
    padding-bottom: 0 !important
}

.tr-content-block--carousel-column .tr-container {
    flex-direction: column
}

.tr-content-block--carousel-column .tr-content-block__text-content {
    padding-right: 0;
    flex: 0 0 100%
}

.tr-content-block--carousel-column .tr-content-block__carousel-content {
    flex: 0 0 100%;
    max-width: 100%
}

.tr-content-block--image {
    position: relative;
    background-color: rgba(0,0,0,0)
}

.tr-content-block--image::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1,16,39,.9)
}

.tr-content-block--image .tr-content-block__image {
    cursor: pointer;
    margin-bottom: 70px
}

.tr-content-block--image .tr-content-block__heading {
    font-size: 3.2rem;
    color: #c3ac82;
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

.tr-content-block--image .tr-content-block__description p {
    color: #fff;
    -moz-column-count: 1;
    column-count: 1;
    text-align: center
}

.tr-content-block--image .tr-content-block__content {
    margin: 0 auto;
    max-width: 812px
}

@media(max-width: 1365px) {
    .tr-content-block--image .tr-content-block__content {
        padding:0 15px
    }
}

.tr-content-block--quote {
    padding: 100px 0
}

.tr-content-block--quote .tr-content-block__heading {
    font-size: 1.5rem;
    width: 100%;
    margin-bottom: 40px
}

.tr-content-block--quote .tr-content-block__description p {
    margin: 0
}

.tr-content-block--quote .tr-content-block__description p:first-child {
    margin-bottom: 5px
}

.tr-content-block--four-column .tr-container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

@media(min-width: 576px) {
    .tr-content-block--four-column .tr-container {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 992px) {
    .tr-content-block--four-column .tr-container {
        grid-template-columns:1fr 1fr 1fr
    }
}

.tr-content-block--four-column .tr-content-block__subheading {
    text-align: left
}

.tr-content-block--four-column .tr-content-block__column p {
    text-align: left
}

.tr-content-block--four-column .tr-content-block__column p.extra-margin-top {
    margin-top: 10px
}

@media(min-width: 992px) {
    .tr-content-block--four-column .tr-content-block__column p.extra-margin-top {
        margin-top:65px
    }
}

body.tr-bg-navy-blue .tr-content-block-cta__video-container::before {
    border-top: 50px solid #011027;
    z-index: 2
}

.tr-content-block-cta {
    background-color: #fff;
    position: relative;
    max-height: 1000px;
    overflow: hidden
}

.tr-content-block-cta>.component-content {
    height: 100%
}

.tr-content-block-cta>.component-content>.tr-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.tr-content-block-cta .tr-container--narrow {
    max-width: 512px;
    width: 100%
}

@media(min-width: 1366px) {
    .tr-content-block-cta .tr-container--narrow {
        margin-top:100px
    }
}

.tr-content-block-cta__heading {
    font-size: 2rem;
    text-align: center
}

.tr-content-block-cta__description {
    text-align: center
}

.tr-content-block-cta__description p {
    font-size: 18px !important;
    color: #000 !important
}

.tr-content-block-cta__cta-section {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width: 576px) {
    .tr-content-block-cta__cta-section {
        flex-direction:row
    }
}

.tr-content-block-cta__cta {
    margin-right: 20px;
    text-align: center
}

.tr-content-block-cta__cta:first-child {
    margin-bottom: 15px
}

@media(min-width: 576px) {
    .tr-content-block-cta__cta:first-child {
        margin-bottom:0
    }
}

.tr-content-block-cta__video-container {
    position: relative;
    top: 0;
    width: 100%
}

.tr-content-block-cta__video-container::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%) scale(5);
    width: 0;
    height: 0;
    border-left: 250px solid rgba(0,0,0,0);
    border-right: 250px solid rgba(0,0,0,0);
    border-top: 30px solid #fff
}

@media(min-width: 768px) {
    .tr-content-block-cta__video-container::before {
        border-top:50px solid #fff
    }
}

.tr-content-block-cta__video-container::after {
    content: " ";
    position: absolute;
    top: 0;
    background: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    display: block
}

.tr-content-block-cta__video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/2
}

@media(min-width: 576px) {
    .tr-content-block-cta__video {
        aspect-ratio:1/1
    }
}

@media(min-width: 992px) {
    .tr-content-block-cta__video {
        aspect-ratio:4/3
    }
}

@media(min-width: 1366px) {
    .tr-content-block-cta__video {
        aspect-ratio:16/9
    }
}

.tr-content-block-cta .tr-container {
    position: relative
}

.tr-content-block-cta--hero .tr-content-block-cta__video-container::before {
    display: none
}

.tr-content-block-cta--hero .tr-container {
    width: 100%
}

.tr-content-block-cta--hero .tr-container--narrow {
    margin-top: 0
}

.tr-content-block-cta--hero .tr-content-block-cta__heading {
    font-size: 1.375rem !important
}

@media(min-width: 576px) {
    .tr-content-block-cta--hero .tr-content-block-cta__heading {
        font-size:1.875rem !important
    }
}

.tr-content-block-cta--transparent {
    min-height: 700px;
    background: rgba(0,0,0,0)
}

@media(min-width: 1366px) {
    .tr-content-block-cta--transparent .tr-container--narrow {
        margin-top:0
    }
}

.tr-image-carousel {
    margin-top: -150px
}

.tr-image-carousel__slides {
    position: relative;
    padding-left: 0 !important
}

.tr-image-carousel .owl-theme .owl-dots {
    position: absolute;
    top: -37px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    margin-top: 0 !important;
    height: 35px
}

.tr-image-carousel .owl-theme .owl-dots .owl-dot {
    border-bottom: solid 3px #f2dddc
}

.tr-image-carousel .owl-theme .owl-dots .owl-dot.active {
    border-bottom: solid 3px #011027
}

.tr-image-carousel .owl-theme .owl-dots .owl-dot span {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: rgba(0,0,0,0);
    border-radius: 0;
    margin: 0;
    min-width: 70px;
    font-family: "Chronicle Display Light Italic","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 100;
    letter-spacing: 2.5px
}

@media(min-width: 576px) {
    .tr-image-carousel .owl-theme .owl-dots .owl-dot span {
        min-width:120px
    }
}

@media(min-width: 992px) {
    .tr-image-carousel .owl-theme .owl-dots .owl-dot span {
        min-width:200px
    }
}

.tr-image-carousel--long-captions .tr-image-carousel__slides {
    transform: translateY(-20px)
}

@media(min-width: 768px) {
    .tr-image-carousel--long-captions .tr-image-carousel__slides {
        transform:translateY(-100px)
    }
}

.tr-image-carousel--long-captions .owl-theme .owl-dots {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 70px;
    top: -70px
}

@media(min-width: 768px) {
    .tr-image-carousel--long-captions .owl-theme .owl-dots {
        width:auto;
        display: flex;
        height: 35px;
        top: -37px
    }
}

.tr-image-carousel--long-captions .owl-theme .owl-dots .owl-dot span {
    min-width: 100%;
    width: 100%;
    font-size: .75rem
}

@media(min-width: 768px) {
    .tr-image-carousel--long-captions .owl-theme .owl-dots .owl-dot span {
        min-width:170px;
        width: auto;
        font-size: 1rem
    }
}

.dm-featured-promo-tile {
    background-color: #fff;
    padding: 100px 0
}

@media(min-width: 992px) {
    .dm-featured-promo-tile {
        padding:100px
    }
}

.dm-featured-promo-tile a {
    text-decoration: underline
}

.dm-featured-promo-tile a:after {
    background: none
}

@media(min-width: 992px) {
    .dm-featured-promo-tile__heading--container {
        display:flex
    }
}

.dm-featured-promo-tile__heading1 {
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400;
    font-size: 60px;
    letter-spacing: 0;
    color: #c3ac82;
    text-transform: uppercase;
    padding-bottom: 3rem;
    text-align: center
}

@media(min-width: 992px) {
    .dm-featured-promo-tile__heading1 {
        width:100%;
        margin-right: 4rem;
        text-align: left;
        line-height: 70px
    }
}

.dm-featured-promo-tile .heading-right {
    text-align: right
}

@media(max-width: 991px) {
    .dm-featured-promo-tile .heading-right {
        padding-right:2rem
    }
}

.dm-featured-promo-tile__subheading {
    padding-inline:2rem}

.dm-featured-promo-tile__subheading p {
    text-align: left;
    font-weight: 300;
    letter-spacing: 0;
    color: #323232
}

@media(min-width: 992px) {
    .dm-featured-promo-tile__subheading p {
        font-size:18px;
        line-height: 21px
    }
}

.dm-featured-promo-tile__subheading a {
    text-align: left;
    padding-block:1rem;font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0;
    color: #323232;
    text-transform: uppercase
}

.dm-featured-promo-tile__heading {
    margin-top: 20px
}

@media(min-width: 992px) {
    .dm-featured-promo-tile__heading {
        display:flex;
        justify-content: space-between
    }
}

.dm-featured-promo-tile__heading h4 {
    padding: 0;
    font-size: 18px;
    text-align: left;
    color: #323232
}

@media(min-width: 992px) {
    .dm-featured-promo-tile__heading h4 {
        flex:70%
    }
}

.dm-featured-promo-tile__heading a {
    color: #9a9b9f;
    font-size: 18px;
    text-transform: uppercase
}

@media(min-width: 992px) {
    .dm-featured-promo-tile__heading a {
        flex:30%
    }
}

.dm-featured-promo-tile__list {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 30px;
    padding-left: 0 !important
}

@media(min-width: 576px) {
    .dm-featured-promo-tile__list {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 992px) {
    .dm-featured-promo-tile__list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.dm-featured-promo-tile__list-item::before {
    display: none !important
}

.dm-featured-promo-tile__image-container {
    width: 100%;
    max-width: 100%
}

.dm-featured-promo-tile__image {
    aspect-ratio: 7/9;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tr-featured-promos {
    background-color: #fff;
    padding: 100px 0
}

.tr-featured-promos__list {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 30px;
    padding-left: 0 !important
}

@media(min-width: 576px) {
    .tr-featured-promos__list {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 992px) {
    .tr-featured-promos__list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.tr-featured-promos__list-item::before {
    display: none !important
}

.tr-featured-promos__heading {
    margin-top: 20px;
    padding: 0;
    font-family: "Chronicle Display Light Italic","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 100;
    font-size: 1.125rem
}

.tr-featured-promos__subheading {
    font-size: 18px
}

.tr-featured-promos__subheading p {
    font-size: 18px
}

.tr-featured-promos__image-container {
    width: 100%;
    max-width: 100%
}

.tr-featured-promos__image {
    aspect-ratio: 6/5;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.component.switch-nav-mobile {
    background-color: #323232 !important;
    font-size: 16px
}

.navigation.navigation-title {
    margin-top: 0;
    background-color: #323232
}

.navigation.navigation-title hr {
    margin-inline:2rem;border: .1rem solid #c3ac82
}

@media(min-width: 1366px) {
    .navigation.navigation-title hr {
        margin-inline:5rem
    }
}

.navigation .dm-nav-footer nav {
    flex-direction: column
}

.dm-nav-footer {
    background-color: #323232;
    display: flex
}

@media(max-width: 991px) {
    .dm-nav-footer {
        flex-direction:column;
        flex-wrap: wrap;
        align-content: space-between;
        align-items: center;
        padding-block:4rem}
}

@media(min-width: 992px) {
    .dm-nav-footer {
        justify-content:space-between;
        padding-inline:7.5rem;padding-block:4rem}
}

.dm-nav-footer__logo {
    width: 228px;
    height: 74px
}

.dm-nav-footer__member-btn {
    display: flex;
    align-items: baseline;
    padding-top: 30px
}

.dm-nav-footer__member-btn .tr-content-block-cta__cta.tr-btn {
    color: #323232;
    background-color: #c3ac82;
    padding: 15px 25px
}

.dm-nav-footer nav>ul.footer-nav {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    row-gap: 20px;
    width: 100%;
    -moz-column-gap: 75px;
    column-gap: 75px;
    row-gap: 20px;
    text-align: left;
    margin: auto;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .dm-nav-footer nav>ul.footer-nav {
        padding-top:30px
    }
}

@media(max-width: 767px) {
    .dm-nav-footer nav>ul.footer-nav {
        display:grid;
        grid-template-columns: 1fr 1fr
    }
}

.dm-nav-footer nav>ul.footer-nav>li {
    margin-right: 20px
}

.dm-nav-footer .level1>.navigation-title>a {
    font-size: 18px;
    font-weight: 400;
    line-height: 19px
}

.dm-nav-footer a:not(.tr-btn) {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    padding-bottom: 7px;
    letter-spacing: 0;
    color: #eee6d9
}

.dm-nav-footer a::after {
    background: none
}

.dm-nav-footer__links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    text-align: center
}

@media(min-width: 576px) {
    .dm-nav-footer__links {
        flex-direction:row
    }
}

.dm-nav-footer__link-item::after {
    display: none;
    content: "|";
    margin: 0 4px 0 0;
    color: #fff
}

@media(min-width: 576px) {
    .dm-nav-footer__link-item::after {
        display:inline-block
    }
}

.dm-nav-footer__link-item:last-child::after {
    display: none
}

.dm-nav-footer__link-item a {
    color: #fff !important
}

.dm-nav-footer__social-links {
    display: flex;
    justify-content: center
}

.dm-nav-footer__social-link-item {
    margin-right: 15px
}

.dm-nav-footer__social-link-item:last-child {
    margin-right: 0
}

.tr-logo-grid {
    background-color: #fff;
    padding: 100px 0
}

.tr-logo-grid__container {
    margin: 0 auto;
    max-width: 1220px
}

@media(max-width: 1365px) {
    .tr-logo-grid__container {
        padding:0 15px
    }
}

@media(min-width: 992px) {
    .tr-logo-grid__container {
        display:flex
    }
}

.tr-logo-grid__text {
    text-align: center
}

@media(min-width: 992px) {
    .tr-logo-grid__text {
        text-align:left;
        flex: 0 0 33.33333333%
    }
}

.tr-logo-grid__heading {
    font-size: 2.25rem;
    margin-bottom: 15px
}

.tr-logo-grid__subheading {
    margin-top: 15px
}

.tr-logo-grid__logos {
    list-style: none;
    padding-left: 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    -moz-column-gap: 50px;
    column-gap: 50px
}

@media(min-width: 992px) {
    .tr-logo-grid__logos {
        flex:0 0 66.66666%;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.tr-logo-grid__logo-container {
    min-height: 80px;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.tr-logo-grid__logo-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.tr-logo-grid__logo-item::before {
    display: none !important
}

.tr-logo-grid__logo-caption {
    margin-top: auto;
    text-align: center;
    width: 70%
}

.tr-logo-grid--8-logo {
    position: relative;
    background: url("../Images/Pages/Amenity and Wellness/tr-logo-grid-bg");
    background-repeat: no-repeat;
    background-size: cover
}

.tr-logo-grid--8-logo::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(1,16,39,.7);
    width: 100%;
    height: 100%
}

.tr-logo-grid--8-logo .tr-logo-grid__container {
    position: relative;
    z-index: 1
}

.tr-logo-grid--8-logo .tr-logo-grid__heading {
    color: #fff;
    font-size: 24px
}

.tr-logo-grid--8-logo .tr-logo-grid__description {
    margin-top: 150px;
    margin-bottom: 50px
}

@media(min-width: 992px) {
    .tr-logo-grid--8-logo .tr-logo-grid__description {
        padding-right:50px
    }
}

.tr-logo-grid--8-logo .tr-logo-grid__description p {
    font-size: .875rem;
    color: #fff
}

.tr-logo-grid--8-logo .tr-logo-grid__logo-section {
    text-align: center
}

@media(min-width: 992px) {
    .tr-logo-grid--8-logo .tr-logo-grid__logo-section {
        text-align:right
    }
}

.tr-logo-grid--8-logo .tr-logo-grid__logo-section .tr-logo-grid__heading {
    font-size: 36px;
    margin-bottom: 40px
}

@media(min-width: 992px) {
    .tr-logo-grid--8-logo .tr-logo-grid__logo-section .tr-logo-grid__heading {
        margin-bottom:100px
    }
}

@media(min-width: 992px) {
    .tr-logo-grid--8-logo .tr-logo-grid__logos {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.tr-logo-grid--8-logo .tr-logo-grid__logo-container {
    max-width: 80px
}

.tr-logo-grid--8-logo .tr-logo-grid__logo-caption {
    color: #fff;
    margin-top: 0;
    font-size: .875rem
}

.tr-logo-grid--4-logo .tr-logo-grid__container {
    display: block
}

@media(min-width: 992px) {
    .tr-logo-grid--4-logo .tr-logo-grid__heading {
        margin-bottom:50px;
        width: 30%
    }
}

@media(min-width: 992px) {
    .tr-logo-grid--4-logo .tr-logo-grid__subheading {
        width:30%;
        margin-top: 0
    }
}

.tr-logo-grid--4-logo .tr-logo-grid__subheading p {
    font-size: .875rem;
    margin-top: 0;
    margin-bottom: 10px
}

.tr-logo-grid--4-logo .tr-logo-grid__logo-caption {
    font-size: .875rem;
    text-align: left
}

@media(min-width: 992px) {
    .tr-logo-grid--4-logo .tr-logo-grid__text {
        display:flex;
        justify-content: space-between
    }
}

.tr-logo-grid--4-logo .tr-logo-grid__logos {
    padding-left: 0 !important
}

@media(min-width: 992px) {
    .tr-logo-grid--4-logo .tr-logo-grid__logos {
        width:60%;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.tr-logo-grid--6-logo .tr-logo-grid__container {
    display: block
}

@media(min-width: 992px) {
    .tr-logo-grid--6-logo .tr-logo-grid__heading {
        margin-bottom:50px;
        width: 30%
    }
}

@media(min-width: 992px) {
    .tr-logo-grid--6-logo .tr-logo-grid__subheading {
        width:30%;
        margin-top: 0
    }
}

.tr-logo-grid--6-logo .tr-logo-grid__subheading p {
    font-size: .875rem;
    margin-top: 0;
    margin-bottom: 10px
}

.tr-logo-grid--6-logo .tr-logo-grid__logo-caption {
    font-size: .875rem;
    text-align: left
}

@media(min-width: 992px) {
    .tr-logo-grid--6-logo .tr-logo-grid__text {
        display:flex;
        justify-content: space-between
    }
}

.tr-logo-grid--6-logo .tr-logo-grid__logos {
    padding-left: 0 !important
}

@media(min-width: 992px) {
    .tr-logo-grid--6-logo .tr-logo-grid__logos {
        width:80%;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
    }
}

.dm-logo-grid {
    background: #e7eded;
    padding: 2rem;
    font-size: 18px
}

@media(min-width: 992px) {
    .dm-logo-grid {
        padding:6rem
    }
}

@media(min-width: 992px) {
    .dm-logo-grid__container {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto
    }
}

.dm-logo-grid__heading {
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

@media(min-width: 992px) {
    .dm-logo-grid__heading {
        flex:0 0 38%;
        line-height: 0
    }
}

.dm-logo-grid__heading h3 {
    text-align: left;
    letter-spacing: 0;
    color: #323232;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 50px
}

@media(min-width: 992px) {
    .dm-logo-grid__heading h3 {
        font-size:60px;
        line-height: 80px
    }
}

.dm-logo-grid__heading h4 {
    text-align: right;
    color: #323232;
    text-transform: uppercase
}

@media(min-width: 992px) {
    .dm-logo-grid__heading h4 {
        font-size:30px;
        letter-spacing: 0
    }
}

.dm-logo-grid__grid-list {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media(min-width: 992px) {
    .dm-logo-grid__grid-list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.dm-logo-grid__flex-list {
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width: 991px) {
    .dm-logo-grid__flex-list {
        padding-top:2rem
    }
}

.dm-logo-grid__list-item {
    width: 163px;
    height: 137px
}

@media(max-width: 991px) {
    .dm-logo-grid__list-item {
        flex:45%
    }
}

@media(min-width: 992px) {
    .dm-logo-grid__logo-section {
        flex:0 0 50%
    }
}

.dm-logo-grid__logo-text {
    padding: 1rem
}

.project-resi header.boutique-nav--1.is-fixed {
    opacity: 1;
    position: fixed
}

.project-resi .nav-phase-3.boutique-nav--1.is-scrolled {
    position: fixed !important
}

.project-resi header.nav-phase-3.is-scrolled #nav-header .nav-row .component.rich-text,.project-resi header.nav-phase-3.is-fixed #nav-header .nav-row .component.rich-text {
    position: fixed
}

header.nav-phase-3.boutique-nav--1.is-normal.is-fixed,header.nav-phase-3.boutique-nav--1.is-normal.has-cookiebar.is-fixed {
    opacity: 1;
    position: fixed
}

@media(max-width: 992px) {
    #wrapper>header {
        width:100vw
    }
}

.tr-navigation {
    height: 80px;
    background: rgba(0,0,0,.5);
    transition: background .3s ease-in-out
}

.tr-navigation__logo-white {
    display: none
}

.tr-navigation>.component-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    max-width: 1220px
}

@media(max-width: 1365px) {
    .tr-navigation>.component-content {
        padding:0 15px
    }
}

.tr-navigation__logo {
    z-index: 2
}

.tr-navigation__logo img {
    max-width: 40px
}

.tr-navigation__secondary-logo {
    right: 0;
    display: none
}

@media(min-width: 992px) {
    .tr-navigation__secondary-logo {
        display:block
    }
}

.tr-navigation__links {
    display: none
}

@media(min-width: 992px) {
    .tr-navigation__links {
        display:flex
    }
}

.tr-navigation__links--secondary {
    margin-right: 80px
}

.tr-navigation__link-item {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.tr-navigation__link {
    color: #eee6d9;
    font-size: .975rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: border-bottom .3s ease-in-out;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.tr-navigation__link:hover,.tr-navigation__link:focus,.tr-navigation__link.active {
    border-bottom: 1px solid #000;
    transition: border-bottom .3s ease-in-out
}

.tr-navigation__link--border {
    border: 1px solid #000;
    padding: 7.5px 20px;
    transition: all .3s ease-in-out
}

.tr-navigation__link--border:hover,.tr-navigation__link--border:focus,.tr-navigation__link--border.active {
    background-color: #000;
    color: #fff;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.tr-navigation__mobile {
    display: flex;
    height: 80px;
    align-items: center
}

@media(min-width: 992px) {
    .tr-navigation__mobile {
        display:none
    }
}

.tr-navigation__mobile-nav {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding-top: 80px;
    width: 100%;
    background: rgba(0,0,0,.82);
    height: 100vh;
    transition: left .3s ease-in-out
}

.tr-navigation__mobile-nav.unhide {
    display: block
}

.tr-navigation__mobile-nav.active {
    left: 0
}

.tr-navigation__list {
    display: flex;
    flex-direction: column;
    align-items: center
}

.tr-navigation__list .tr-navigation__link-item {
    margin: 10px 0
}

.tr-navigation__list .tr-navigation__link-item .tr-navigation__secondary-logo {
    display: block;
    position: relative
}

.tr-navigation__ham-menu {
    position: relative;
    z-index: 2
}

.tr-navigation__ham-menu .line {
    width: 40px;
    height: 3px;
    background-color: #fff;
    display: block;
    margin: 8px auto;
    transition: all .3s ease-in-out
}

.tr-navigation__ham-menu.active .line:nth-child(2) {
    opacity: 0
}

.tr-navigation__ham-menu.active .line:nth-child(1) {
    transform: translateY(10px) rotate(45deg)
}

.tr-navigation__ham-menu.active .line:nth-child(3) {
    transform: translateY(-12px) rotate(-45deg)
}

@media(min-width: 992px) {
    body.tr-home-page .tr-navigation:hover,body.tr-register-page .tr-navigation:hover {
        background:rgba(0,0,0,.5);
        transition: background .3s ease-in-out
    }
}

body.tr-home-page .tr-navigation .tr-navigation__link,body.tr-register-page .tr-navigation .tr-navigation__link {
    color: #fff
}

body.tr-home-page .tr-navigation .tr-navigation__link:hover,body.tr-home-page .tr-navigation .tr-navigation__link:focus,body.tr-home-page .tr-navigation .tr-navigation__link.active,body.tr-register-page .tr-navigation .tr-navigation__link:hover,body.tr-register-page .tr-navigation .tr-navigation__link:focus,body.tr-register-page .tr-navigation .tr-navigation__link.active {
    border-bottom: 1px solid #fff
}

body.tr-home-page .tr-navigation .tr-navigation__link--border,body.tr-register-page .tr-navigation .tr-navigation__link--border {
    border: 1px solid #fff
}

body.tr-home-page .tr-navigation .tr-navigation__link--border:hover,body.tr-home-page .tr-navigation .tr-navigation__link--border:focus,body.tr-home-page .tr-navigation .tr-navigation__link--border.active,body.tr-register-page .tr-navigation .tr-navigation__link--border:hover,body.tr-register-page .tr-navigation .tr-navigation__link--border:focus,body.tr-register-page .tr-navigation .tr-navigation__link--border.active {
    background-color: #fff;
    color: #000
}

body.tr-home-page .tr-navigation .tr-navigation__logo-black,body.tr-register-page .tr-navigation .tr-navigation__logo-black {
    display: none
}

body.tr-home-page .tr-navigation .tr-navigation__logo-white,body.tr-register-page .tr-navigation .tr-navigation__logo-white {
    display: block
}

body.tr-home-page .tr-navigation .tr-navigation__mobile-nav,body.tr-register-page .tr-navigation .tr-navigation__mobile-nav {
    background: rgba(0,0,0,.82)
}

body.tr-home-page .tr-navigation .tr-navigation__ham-menu .line,body.tr-register-page .tr-navigation .tr-navigation__ham-menu .line {
    background-color: #fff
}

.tr-two-column-blocks {
    background-color: #fff
}

.tr-two-column-blocks>.component-content>.tr-container {
    display: flex;
    margin: 0 auto;
    max-width: 1520px
}

@media(max-width: 1365px) {
    .tr-two-column-blocks>.component-content>.tr-container {
        padding:0 15px
    }
}

.tr-two-column-blocks>.component-content>.tr-container .tr-container {
    max-width: 813.252px
}

.tr-two-column-blocks__aside {
    display: none;
    flex: 0 0 100%;
    background-color: #011027;
    position: relative;
    padding: 100px 50px;
    min-height: 100vh
}

@media(min-width: 768px) {
    .tr-two-column-blocks__aside {
        flex:0 0 33.33333%
    }
}

@media(min-width: 992px) {
    .tr-two-column-blocks__aside {
        display:block
    }
}

.tr-two-column-blocks__aside-container {
    position: fixed;
    top: 10%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 200px)
}

.tr-two-column-blocks__aside::before {
    content: " ";
    position: absolute;
    left: -1000%;
    top: 0;
    width: 1000%;
    height: 100%;
    background-color: #011027
}

.tr-two-column-blocks__aside .tr-btn {
    color: #fff;
    border-color: #fff;
    padding: 15px 40px
}

.tr-two-column-blocks__main {
    max-width: 100%
}

@media(min-width: 992px) {
    .tr-two-column-blocks__main {
        flex:0 0 66.66666%;
        max-width: 66.66666%
    }
}

.tr-two-column-blocks__main .tr-content-block--carousel-vertical {
    display: block
}

@media(min-width: 992px) {
    .tr-two-column-blocks__main .tr-content-block--carousel-vertical {
        padding:50px 100px
    }
}

.tr-two-column-blocks__main .tr-content-block--carousel-vertical .tr-content-block__heading {
    width: 80%;
    margin: 0 auto 50px auto
}

.tr-two-column-blocks__main .tr-content-block--carousel-vertical .tr-content-block__text-content {
    padding-right: 0
}

.tr-two-column-blocks__main .tr-content-block--carousel-vertical .tr-content-block__carousel-content {
    max-width: 100%
}

.tr-two-column-blocks__main .tr-content-block--carousel-vertical .owl-stage-outer {
    aspect-ratio: 16/9
}

.tr-two-column-blocks__main .tr-content-block--carousel-vertical .tr-content-block__carousel-slide-image {
    aspect-ratio: 16/9
}

.tr-two-column-blocks__list-blocks {
    list-style: none;
    padding-left: 0 !important
}

.tr-two-column-blocks__list-block::before {
    display: none !important
}

.tr-two-column-blocks__list-block-heading {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 0 !important
}

.tr-two-column-blocks__list-block-description {
    color: #fff;
    font-size: .875rem;
    margin-top: 0
}

.tr-video-background {
    overflow: hidden
}

.tr-video-background.tr-bg-navy-blue .tr-video-background__container::before {
    border-top: 50px solid #011027;
    z-index: 2
}

.tr-video-background>.component-content {
    position: relative
}

.tr-video-background__container {
    position: relative;
    top: 0;
    width: 100%
}

.tr-video-background__container::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%) scale(5);
    width: 0;
    height: 0;
    border-left: 250px solid rgba(0,0,0,0);
    border-right: 250px solid rgba(0,0,0,0);
    border-top: 50px solid #fff
}

.tr-video-background__container::after {
    content: " ";
    position: absolute;
    top: 0;
    background: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    display: block
}

.tr-video-background .tr-content-block-cta__video {
    aspect-ratio: 1/4;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 1400px
}

@media(min-width: 576px) {
    .tr-video-background .tr-content-block-cta__video {
        aspect-ratio:1/3
    }
}

@media(min-width: 992px) {
    .tr-video-background .tr-content-block-cta__video {
        aspect-ratio:1/1
    }
}

.tr-video-background--no-border .tr-video-background__container {
    position: absolute;
    min-height: 700px
}

.tr-video-background--no-border .tr-video-background__container::before {
    display: none
}

.tr-video-background--no-border .tr-video-background__container::after {
    background: rgba(0,0,0,0)
}

.tr-video-background--no-border .tr-content-block-cta__video {
    aspect-ratio: 1/3
}

.tr-video-background--plain .tr-content-block-cta__video {
    background-color: #000;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100vh;
    aspect-ratio: 7/8
}

@media(min-width: 576px) {
    .tr-video-background--plain .tr-content-block-cta__video {
        aspect-ratio:16/9
    }
}

.tr-video-background--plain .tr-video-background__container::before,.tr-video-background--plain .tr-video-background__container::after {
    display: none
}

.tr-video-background .form.contact-form {
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0);
    background-color: unset !important
}

.sl-content-purchase-awards {
    padding: 76px 118px 116px 118px;
    background-color: #eee6d9
}

@media(max-width: 991px) {
    .sl-content-purchase-awards {
        overflow:auto
    }
}

@media(max-width: 992px) {
    .sl-content-purchase-awards {
        padding:unset;
        padding-block:2rem}
}

.sl-content-purchase-awards .sl-content-purchase-awards__title {
    font-size: 30px;
    color: #323232;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    margin-bottom: 28px;
    font-weight: bold
}

.sl-content-purchase-awards .sl-content-purchase-awards__title span:nth-child(2) {
    padding-left: 38px
}

@media(max-width: 992px) {
    .sl-content-purchase-awards .sl-content-purchase-awards__title span:nth-child(1) {
        padding-left:38px
    }
}

.sl-content-purchase-awards .sl-content-purchase-awards__table sup {
    top: 3px
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table {
    font-size: 18px
}

@media(max-width: 991px) {
    .sl-content-purchase-awards .sl-content-purchase-awards__table table {
        overflow:auto
    }
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table th,.sl-content-purchase-awards .sl-content-purchase-awards__table table td {
    border-right: 1px solid rgba(154,155,159,.3);
    padding: 20px;
    min-height: 100px
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table thead {
    text-transform: uppercase;
    background-color: #323232;
    color: #fff;
    font-family: "Calibre Semibold"
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table thead tr:nth-of-type(1) {
    background: rgba(0,0,0,.2)
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody tr:first-child {
    background-color: #d3b8a3
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody tr:nth-child(2) {
    background-color: #cccdcf
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody tr:nth-child(3) {
    background-color: #e6d0ab
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody tr:last-child {
    background-color: #989898
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody tr .sl-content-purchase-awards__dimension {
    display: flex;
    flex-direction: column
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody tr .sl-content-purchase-awards__dimension span:first-child {
    font-family: "Calibre Bold";
    padding-bottom: 5px
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody tr td:first-child {
    border-left: 1px solid rgba(154,155,159,.3)
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody ul.sl-content-purchase-awards__benefit {
    margin-left: 20px
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody ul.sl-content-purchase-awards__benefit li {
    position: relative;
    padding-bottom: 5px
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody ul.sl-content-purchase-awards__benefit li::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 5px;
    width: 6px;
    height: 6px;
    background-color: #9a9b9f;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody .sl-content-purchase-awards__family-share {
    display: flex;
    flex-direction: column;
    padding-bottom: 5px
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody .sl-content-purchase-awards__icon {
    display: flex;
    gap: 10px;
    position: relative;
    transform: translateY(12px)
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody .sl-content-purchase-awards__icon svg {
    width: 50px
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody .sl-content-purchase-awards__icon p {
    line-height: unset
}

.sl-content-purchase-awards .sl-content-purchase-awards__table table tbody .sl-content-purchase-awards__icon--concierge svg {
    width: 40px;
    height: 25px
}

.sl-content-purchase-awards .table-disclaimer {
    padding-top: 10px;
    font-size: 18px
}

@media(max-width: 992px) {
    .sl-content-purchase-awards .table-disclaimer {
        padding-left:1rem
    }
}

.sl-content-purchase-awards.sl-content-purchase-awards--plain {
    padding-top: 0
}

@media(min-width: 992px) {
    .sl-content-purchase-awards.sl-content-purchase-awards--plain {
        padding-top:0;
        margin-top: -40px
    }
}

.sl-content-purchase-awards.sl-content-purchase-awards--plain .sl-content-purchase-awards__table table {
    width: 100%
}

.sl-content-purchase-awards.sl-content-purchase-awards--plain .sl-content-purchase-awards__table table tbody tr {
    background-color: rgba(0,0,0,0)
}

.sl-content-purchase-awards.sl-content-purchase-awards--plain .sl-content-purchase-awards__table table tbody tr td {
    border: 1px solid rgba(154,155,159,.3)
}

.sl-content-tabs {
    background-color: #fff;
    padding: 44px 118px 82px 118px
}

@media(max-width: 991px) {
    .sl-content-tabs {
        padding-block:2rem;
        padding-inline:1rem}
}

.sl-content-tabs .tabset>input[type=radio] {
    position: absolute;
    left: -200vw
}

.sl-content-tabs .tabset .tab-panel {
    display: none
}

.sl-content-tabs .tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,.sl-content-tabs .tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),.sl-content-tabs .tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),.sl-content-tabs .tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),.sl-content-tabs .tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),.sl-content-tabs .tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
    display: flex;
    text-align: initial;
    flex-wrap: wrap;
    gap: 30px
}

.sl-content-tabs .tab-panel>.sl-content-tabs__description,.sl-content-tabs .tab-panel>.sl-content-tabs__benefits {
    flex: 1
}

.sl-content-tabs .tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border-bottom: 0;
    cursor: pointer;
    font-size: 19px;
    font-family: "Calibre Light"
}

.sl-content-tabs .tabset>input:checked+label {
    border-color: #ccc;
    border-bottom: 4px solid #c3ac82;
    margin-bottom: -3px;
    font-family: "Calibre Semibold"
}

.sl-content-tabs .sl-content-tabs__description p,.sl-content-tabs .sl-content-tabs__benefits p {
    font-size: 18px
}

.sl-content-tabs .sl-content-tabs__benefits-text {
    color: #9a9b9f;
    min-width: 460px;
    font-family: "Calibre Semibold"
}

@media(max-width: 991px) {
    .sl-content-tabs .sl-content-tabs__benefits-text {
        padding-bottom:20px
    }
}

.sl-content-tabs .tabset {
    text-align: center
}

.sl-content-tabs .tab-panel {
    padding-top: 30px;
    border-top: 2px solid rgba(195,172,130,.5)
}

.sl-content-tabs .sl-content-tabs__item {
    display: flex;
    min-width: 230px;
    align-items: baseline;
    gap: 10px
}

.sl-content-tabs .sl-content-tabs__row {
    display: flex;
    flex-wrap: wrap
}

@media(max-width: 991px) {
    .sl-content-tabs .sl-content-tabs__row {
        flex-direction:column
    }
}

@media(min-width: 768px) {
    .sl-content-tabs .sl-content-tabs__5th-row {
        position:relative;
        transform: translateX(-100%)
    }
}

.sl-content-tabs .sl-content-tabs__5th-row .sl-content-tabs__item {
    align-items: flex-start
}

.sl-content-tabs .sl-content-tabs__5th-row .sl-content-tabs__item svg {
    width: 22px;
    height: 22px
}

.sl-content-tabs .sl-content-tabs__benefits {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-end;
    padding-right: 50px
}

@media(max-width: 991px) {
    .sl-content-tabs .sl-content-tabs__benefits {
        align-items:flex-start;
        gap: 0
    }
}

.sl-content-tabs .sl-content-tabs__button {
    margin-top: 23px
}

.sl-content-tabs .sl-content-tabs__button {
    border: 1px solid #c3ac82;
    background: #fff;
    padding: 15px 40px;
    color: #c3ac82;
    font-size: 16px
}

.sl-content-tabs .sl-content-tabs__img {
    width: 100%;
    margin-bottom: 34px;
    position: relative
}

.sl-content-tabs .sl-content-tabs__img img {
    width: inherit;
    height: 270px;
    -o-object-fit: cover;
    object-fit: cover
}

.sl-content-tabs .sl-content-tabs__img h1 {
    position: absolute;
    color: #fff;
    bottom: 40px;
    font-size: 40px;
    left: 60px;
    text-transform: uppercase
}

.tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-container.tr-container--large {
    padding: 0
}

.tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__text-section {
    align-items: center;
    padding: 2rem
}

@media(min-width: 992px) {
    .tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__text-section {
        padding-block:4rem;
        padding-inline:3rem}
}

.tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__text-section .tr-content-block__heading {
    line-height: 33px;
    width: 210px
}

.tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__text-section .tr-content-block__heading span.left--small-text {
    padding-left: 28px
}

.tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__text-section .tr-content-block__description {
    text-align: left;
    font-size: 18px
}

.tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__text-section .tr-content-block__description a::after {
    background: none
}

.tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__text-section .tr-content-block__description a {
    text-decoration: underline;
    color: #c3ac82;
    text-transform: uppercase
}

.tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__image-section {
    padding-bottom: 2rem
}

@media(min-width: 992px) {
    .tr-content-block--left-txt-right-img .component-content.dm-bg-black .tr-content-block__image-section {
        padding:0
    }
}

.tr-content-block__text-section.dm-black-font {
    padding-bottom: 3rem;
    padding-top: .5rem
}

@media(max-width: 991px) {
    .tr-content-block__text-section.dm-black-font {
        padding-inline:1rem
    }
}

.tr-content-block__text-section.dm-black-font .tr-content-block__heading {
    color: #323232
}

.tr-content-block__text-section.dm-black-font .left--small-text {
    padding-left: 73px
}

.dm-video--mobile {
    padding: 177.78% 0 0 0;
    position: relative
}

@media(min-width: 480px) {
    .dm-video--mobile {
        display:none
    }
}

.dm-video--mobile__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.dm-video--desktop {
    position: relative;
    max-height: 500px;
    height: 500px
}

@media(max-width: 480px) {
    .dm-video--desktop {
        display:none
    }
}

@media(min-width: 1550px) {
    .dm-video--desktop {
        max-height:800px;
        height: 800px
    }
}

@media(min-width: 2100px) {
    .dm-video--desktop {
        max-height:100%;
        height: 100%;
        padding: 56.25% 0 0 0
    }
}

.dm-video--desktop__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9
}

main.has-cookiebar .dm-video--mobile,main.has-cookiebar .dm-video--desktop,.project-resi .has-cookiebar #content>.hero-banner-one {
    margin-top: 0 !important
}

.project-resi:has(.dm-video--mobile)#content>.hero-banner-one,.dm-video--desktop {
    display: none
}

@media(min-width: 480px) {
    .project-resi:has(.dm-video--mobile)#content>.hero-banner-one,.dm-video--desktop {
        display:block
    }
}

.tr-register-page .component.form.contact-form {
    background-color: #011027;
    padding-top: 200px
}

.tr-register-page .component.form.contact-form>.component-content {
    margin: 0 auto;
    max-width: 812px
}

@media(max-width: 1365px) {
    .tr-register-page .component.form.contact-form>.component-content {
        padding:0 15px
    }
}

.tr-register-page .component.form.contact-form>.component-content form {
    padding-left: 0;
    padding-right: 0
}

.tr-register-page .component.form.contact-form>.component-content form .input-wrapper {
    background: rgba(0,0,0,0);
    border: 0;
    border-bottom: 1px solid #fff
}

.tr-register-page .component.form.contact-form>.component-content form .input-wrapper label,.tr-register-page .component.form.contact-form>.component-content form .input-wrapper input {
    color: #fff
}

.tr-register-page .component.form.contact-form>.component-content form .privacy-statement-wrapper {
    text-align: right
}

.tr-register-page .component.form.contact-form>.component-content form .form-submit-border {
    margin-right: auto;
    width: auto;
    transform: translateY(0)
}

.tr-register-page .component.form.contact-form>.component-content form .form-submit-border .btn.btn-default {
    background: rgba(0,0,0,0) !important;
    border: 1px solid #fff;
    padding: 0 40px !important;
    height: auto;
    max-width: 100% !important;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400;
    color: #fff;
    font-size: .875rem
}

.tr-register-page .component.form.contact-form>.component-content form .form-submit-border .btn.btn-default:hover,.tr-register-page .component.form.contact-form>.component-content form .form-submit-border .btn.btn-default:focus {
    background-color: #fff !important;
    color: #011027;
    transition: all .3s ease-in-out
}

.tr-register-page .component.form.contact-form>.component-content .page-header h2 {
    color: #fff;
    font-size: 2.5rem
}

.tr-register-page .tr-video-background .component.form.contact-form form .page-header h1 {
    font-size: 2.5rem
}

.tr-register-page .tr-video-background .component.form.contact-form form>p {
    color: #000
}

.tr-register-page .tr-video-background .component.form.contact-form form>p a {
    text-decoration: underline;
    font-weight: 600
}

.tr-register-page .tr-video-background .component.form.contact-form form>p .register-image {
    margin-top: 40px
}

.tr-register-page .tr-video-background .component.form.contact-form form .input-wrapper {
    border-bottom: 1px solid #000
}

.tr-register-page .tr-video-background .component.form.contact-form form .input-wrapper label,.tr-register-page .tr-video-background .component.form.contact-form form .input-wrapper input {
    color: #000
}

.tr-register-page .tr-video-background .component.form.contact-form form .form-submit-border .btn.btn-default {
    color: #000;
    border-color: #000;
    font-size: .875rem
}

.tr-register-page .tr-video-background .component.form.contact-form form .form-submit-border .btn.btn-default:hover,.tr-register-page .tr-video-background .component.form.contact-form form .form-submit-border .btn.btn-default:focus {
    background-color: #000 !important;
    color: #fff
}

.family-share-page .tr-container {
    display: block
}

.family-share-page .tr-container .tr-content-block__text-section {
    padding-block:4rem}

@media(max-width: 991px) {
    .family-share-page .tr-container .tr-content-block__text-section {
        padding-block:10rem
    }
}

.family-share-page .tr-container .tr-content-block__text-section .tr-content-block__heading {
    font-size: 80px;
    padding-inline:300px !important}

@media(max-width: 991px) {
    .family-share-page .tr-container .tr-content-block__text-section .tr-content-block__heading {
        padding-inline:unset !important
    }
}

.family-share-page .tr-container .tr-content-block__text-section .tr-content-block__description {
    padding-top: 2rem
}

.family-share-page .tr-container .tr-content-block__text-section .tr-content-block__description p {
    text-align: center;
    font-size: 20px
}

.terms-page h3.tr-content-block__heading {
    font-size: 40px;
    margin-block:25px;padding-top: 20px !important
}

.terms-page .tr-content-block__description {
    font-size: 18px;
    line-height: 21px
}

.terms-page .tr-content-block__description h4 {
    margin-block:15px;font-size: 28px;
    color: #000;
    font-family: "Calibre Light","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400;
    line-height: normal
}

.terms-page li {
    padding-block:5px}

.terms-page .tr-content-block--skewed {
    padding-block:50px}

@media(max-width: 992px) {
    .terms-page .tr-content-block--skewed {
        padding-block:30px
    }
}

.terms-page .sl-content-purchase-awards {
    background-color: rgba(0,0,0,0);
    padding: 50px 0
}

@media(max-width: 992px) {
    .terms-page .sl-content-purchase-awards {
        padding-inline:10px
    }
}

.terms-page .sl-content-purchase-awards li {
    list-style: none
}

.terms-page .sl-content-purchase-awards th[colspan] {
    text-align: center
}

.terms-page .dm-list--roman {
    margin-left: 2rem
}

.terms-page .dm-list--roman li {
    list-style: unset
}

.terms-page .dm-list--circle li {
    list-style: inside
}

.terms-page .dm-list__4 li::before {
    display: none
}

.terms-page .dm-list__4 .sl-content-purchase-awards .sl-content-purchase-awards__table table tbody ul.sl-content-purchase-awards__benefit {
    margin-left: 0
}

.membership-enquiries-page .tr-container {
    display: block
}

.membership-enquiries-page .tr-container .tr-content-block__text-section {
    padding-block:4rem}

@media(max-width: 991px) {
    .membership-enquiries-page .tr-container .tr-content-block__text-section {
        padding-block:3rem
    }
}

.membership-enquiries-page .tr-container .tr-content-block__text-section .tr-content-block__heading {
    font-size: 80px;
    padding-inline:300px !important}

@media(max-width: 991px) {
    .membership-enquiries-page .tr-container .tr-content-block__text-section .tr-content-block__heading {
        padding-inline:unset !important
    }
}

.membership-enquiries-page .tr-container .tr-content-block__text-section .tr-content-block__description {
    padding-top: 2rem
}

.membership-enquiries-page .tr-container .tr-content-block__text-section .tr-content-block__description p {
    text-align: center;
    font-size: 20px
}

.membership-enquiries-page .privacy-statement-wrapper,.membership-enquiries-page .form:not(.form--custom) .privacy-statement p {
    font-size: 14px !important
}

body.trielle-page {
    background-color: #fff
}

body.trielle-page.no-scroll {
    overflow: hidden
}

body.trielle-page .hero-banner-one {
    background-color: #000
}

body.trielle-page div#wrapper {
    background-color: #fff !important
}

body.trielle-page header.boutique-nav--1 {
    padding: 0;
    position: absolute
}

body.trielle-page header.boutique-nav--1 .nav-row>div {
    display: block !important
}

body.trielle-page footer.boutique-nav--1 {
    height: 100% !important;
    background-color: #fff !important
}

body.trielle-page footer.boutique-nav--1 #nav-footer {
    display: block !important;
    padding: 0 !important;
    max-width: unset !important
}

body.trielle-page footer.boutique-nav--1 #nav-footer>.row {
    display: block;
    padding-top: 0;
    padding: 0 !important
}

body.trielle-page footer.boutique-nav--1 #nav-footer>.row>* {
    padding: 0 15px
}

body.trielle-page .image--clipped::after {
    right: unset;
    left: 15px
}

body.trielle-page .container:not(.tr-container) {
    padding: 0;
    max-width: 100%
}

body.trielle-page #content .resi-property-detail .property-details__title {
    padding-top: 100px
}

:root {
    --gsq-color-primary: #252849;
    --gsq-color-secondary: #4F516C;
    --MirvacDifferenceBackgroundColor: transparent
}

@font-face {
    font-family: "GT-Ultra-Fine-Thin";
    src: url("./fonts/GT-Ultra-Fine-Thin.ttf") format("truetype")
}

@font-face {
    font-family: "GT-Ultra Thin";
    src: url("./fonts/GT-Ultra-Standard-Thin.ttf") format("truetype")
}

@font-face {
    font-family: "UntitledSans-Medium";
    src: url("./fonts/UntitledSans-Medium.ttf") format("truetype")
}

.fade-in {
    opacity: .1
}

.white-text {
    color: #fff !important
}

.heading--featured {
    font-family: var(--thirdFont) !important;
    font-size: 100px;
    margin-top: 0;
    margin-bottom: 0
}

body {
    font-family: "Calibre Light" !important
}

@media(max-width: 991px) {
    h4 {
        font-size:20px
    }
}

.img-container.img-banner img {
    width: 100%
}

h4.trielle-heading-space {
    letter-spacing: 10px;
    font-size: 26px !important
}

@media(min-width: 768px) {
    h4.trielle-heading-space {
        font-size:40px !important
    }
}

.trielle-container {
    max-width: 900px;
    margin: 0 auto
}

.background-transparent {
    background: rgba(0,0,0,0) !important
}

div.trielle-logo-banner {
    padding: 120px 0
}

div.trielle-logo-banner h2 {
    color: #fff
}

div.trielle-logo-banner .trielle-quote-block__logo-container {
    position: relative
}

div.trielle-logo-banner .trielle-quote-block__logo {
    max-width: 80px;
    width: 100%;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%)
}

.image-trielle-centered {
    max-width: 880px;
    margin: 0 auto;
    padding-top: 100px
}

.image--clipped.image--clipped-under::after {
    bottom: -25px
}

.trielle-unordered-list {
    list-style: none
}

.trielle-unordered-list li {
    font-weight: 400
}

.trielle-unordered-list li:hover {
    color: #fff
}

.trielle-unordered-list li::before {
    display: none !important
}

.trielle-quote-block {
    max-width: 850px;
    margin: 30px auto 0 auto
}

.trielle-quote-block h3 {
    margin-top: 2rem;
    color: #fff
}

.trielle-quote-block .trielle-quote-block__author {
    text-align: center
}

.trielle-quote-block .trielle-quote-block__author author {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.trielle-quote-block .trielle-quote-block__author p {
    color: #fff;
    font-size: 16px;
    margin-top: 5px
}

.trielleVideoBg:before {
    content: "";
    background-color: #011025;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    opacity: .7;
    top: 0
}

.trielleVideoBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    opacity: .9;
    top: 0
}

.trielleVideoBg #trielle-videobg {
    height: 100%;
    width: inherit;
    -o-object-fit: cover;
    object-fit: cover
}

.trielleVideoBg-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    opacity: .9;
    top: 0
}

.trielleVideoBg-2 #trielle-videobg-2 {
    height: 100%;
    width: inherit;
    -o-object-fit: cover;
    object-fit: cover
}

.trielleVideoBg-2:before {
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100.1%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    opacity: .9;
    top: 0
}

.image--clipped {
    position: relative;
    text-align: center
}

.image--clipped img {
    height: auto
}

.image--clipped a {
    cursor: default;
    pointer-events: none;
    width: 100%
}

.image--clipped:after {
    content: "Artist’s Impression";
    display: block;
    font-family: "GT-Ultra Thin" !important;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    color: #fff;
    right: 15px;
    bottom: 15px
}

.image--clipped-v2 {
    position: relative
}

.image--clipped-v2 img {
    -webkit-clip-path: polygon(0 0,100% 3%,100% 100%,0 93%);
    clip-path: polygon(0 0,100% 3%,100% 100%,0 93%);
    height: auto
}

.image--clipped-v2 a {
    cursor: default;
    pointer-events: none
}

.image--clipped-v2:after {
    content: "Artist’s Impression";
    display: block;
    font-family: "GT-Ultra Thin" !important;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: -20px;
    color: #fff
}

.image--footer-graphic {
    text-align: center
}

.image--footer-graphic img {
    margin-bottom: 60px
}

p {
    font-weight: 400
}

#wrapper>header {
    display: block;
    height: 0
}

#wrapper>footer {
    display: none
}

footer #nav-footer {
    display: none !important
}

.form {
    --formHeaderSize: 60px;
    --formHeaderFontColor: #3B454B;
    --formParagraphFontColor: #3B454B;
    --formFieldBackgroundColor: #fff;
    --formBackgroundColor: transparent;
    --formInnerBackgroundColor: transparent;
    --formTextboxFontColor: #3B454B;
    --formBorderColor: #3B454B;
    --formLabelFontSize: 14px;
    --formErrorMsgColor: red
}

.form .page-header {
    margin-bottom: 40px
}

.form .input-wrapper label {
    color: rgba(59,69,75,.6);
    margin-top: 2px
}

.form .input-wrapper input,.form .input-wrapper textarea,.form .input-wrapper .ss-single-selected {
    background-color: rgba(0,0,0,0);
    padding-top: 32px
}

.form:not(.form--custom) .form-group {
    margin-bottom: 15px
}

@media(max-width: 991px) {
    .form:not(.form--custom) form {
        padding-left:0;
        padding-right: 0
    }
}

.form:not(.form--custom) .privacy-statement-wrapper p {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.tmd-section {
    margin-bottom: 100px
}

.tmd-section h4,.tmd-section .s-title,.tmd-section .item-desc,.tmd-section .primary-view {
    color: #fff !important
}

.tmd-section .icon img {
    filter: unset !important
}

@media(max-width: 991px) {
    .component.form.contact-form,.component.form.contact-form form {
        padding-top:10%;
        padding-bottom: 10%
    }
}

.contact-form .input-wrapper {
    border-width: 1px;
    min-height: 50px
}

.contact-form form>div:nth-of-type(7) {
    margin-left: auto
}

.form-submit-border {
    border-radius: 0;
    background: none !important
}

.contact-form .form-submit-border {
    margin-right: 0
}

.contact-form .privacy-statement-wrapper {
    margin-bottom: 0 !important
}

.contact-form .form-submit-border {
    transform: translateY(-25px);
    max-width: unset
}

.contact-form .form-submit-border .btn {
    max-width: 138px !important;
    width: 100% !important;
    height: 45px;
    line-height: 45px;
    display: block !important;
    float: right
}

.padding-topbot-10per {
    padding: 10% 0;
    background: url("images/bg-line.svg") center/bottom no-repeat
}

.h-h2 {
    margin-bottom: 0;
    font-family: "GT-Ultra-Fine-Thin" !important;
    font-weight: unset
}

.h-h4 {
    text-align: center;
    text-transform: unset;
    font-weight: unset;
    font-size: 24px !important
}

.p-medium {
    text-align: center;
    font-size: 16px;
    font-family: "UntitledSans-Medium" !important
}

.fs-16px {
    font-size: 16px !important
}

.closebutton {
    right: 35px !important
}

.image--clipped a::before {
    content: "";
    position: absolute;
    width: 1000%;
    height: 1px;
    background-color: #d1d2d3;
    z-index: 1;
    left: -260%;
    transform: rotate(-2deg);
    top: -4.3%;
    opacity: .4
}

.image--clipped a:after {
    content: "";
    position: absolute;
    width: 1000% !important;
    height: 1px !important;
    background-color: #d1d2d3 !important;
    z-index: 1 !important;
    left: -260% !important;
    transform: rotate(-8.09deg);
    bottom: -31.2%;
    opacity: .4
}

.image--clipped-v2 {
    margin-top: 100px
}

.image--clipped-v2 a:before {
    content: "";
    position: absolute;
    width: 1000%;
    height: 1px;
    background-color: #d1d2d3;
    z-index: 1;
    left: -260%;
    transform: rotate(3.84deg);
    top: 15.8%;
    opacity: .4
}

.image--clipped-v2 a:after {
    content: "";
    position: absolute;
    width: 1000% !important;
    height: 1px !important;
    background-color: #d1d2d3 !important;
    z-index: 1 !important;
    left: -260% !important;
    transform: rotate(4deg);
    bottom: 25.7%;
    opacity: .4
}

.image--clipped-v3 {
    position: relative
}

.image--clipped-v3:after {
    content: "Artist’s Impression";
    display: block;
    font-family: "GT-Ultra Thin" !important;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    bottom: 15px
}

.image--clipped-v3 img {
    width: 100%;
    height: auto
}

.all-position-relative {
    position: relative
}

.inky-night-bgcolor {
    background-color: #011026 !important
}

.silver-sky-bgcolor {
    background-color: #d1d3d4 !important
}

.hide-section-temporary {
    display: none
}

.pb-0 {
    padding-bottom: 0 !important
}

.section-generic {
    max-width: 800px;
    padding-top: 10%;
    padding-bottom: 10%
}

.section-bg-1 {
    background-color: #ebebeb
}

.section-diamond {
    max-width: none;
    background: url("images/bg-diamond.jpg") center/cover no-repeat;
    padding-top: 9%;
    padding-bottom: 9%
}

.section-diamond>.component-content {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.welcomeToCountry {
    max-width: 650px;
    width: 100%;
    text-align: center;
    margin: auto
}

.welcomeToCountry .img-container img {
    max-width: 290px
}

.mirvac50yrs {
    padding-top: 20px;
    text-align: center
}

.mirvac50yrs img {
    max-width: 243px;
    transform: translateY(-12em)
}

.tmd-qc {
    text-align: center
}

.tmd-qc img {
    max-width: 243px;
    transform: translateY(-12em)
}

.footer-links {
    text-align: center;
    padding: 20px 0 15px !important
}

.footer-links li {
    display: inline-block
}

.footer-links li:before {
    content: unset !important
}

.footer-links li .field-link {
    padding: 0 5px !important;
    border-right: 1px solid #c0c5c0
}

.footer-links li .field-link a {
    white-space: nowrap;
    font-size: .875em;
    color: #5d605c !important;
    text-decoration: unset;
    font-weight: normal
}

.footer-links li .field-link a:hover {
    color: #5d605c !important;
    text-decoration: underline
}

.footer-links li.last .field-link {
    border-right: none !important
}

.footer-social-links {
    text-align: center;
    padding: 0 !important
}

.footer-social-links li {
    display: inline-block
}

.footer-social-links li:before {
    content: unset !important
}

.footer-social-links li .field-link {
    padding: 0 5px !important
}

.footer-social-links li .field-link a {
    display: block
}

.footer-social-links li .field-link a img {
    width: 22px
}

img[src*="secure.adnxs.com"] {
    display: none !important
}

#why-mirvac {
    padding-bottom: 120px
}

body .g-services-columns-container {
    background-color: rgba(0,0,0,0)
}

body .g-services-columns-container .g-services-columns ul li .item .icon img {
    filter: invert(1)
}

body .g-services-columns-container .g-services-columns ul li:not(:last-child)::after {
    filter: grayscale(1) invert(0);
    opacity: 1
}

body .g-services-columns-container .g-services-columns ul li .item {
    font-weight: 400
}

body .g-services-columns-container .g-services-columns ul li .item p,body .g-services-columns-container .g-services-columns ul li .item div {
    color: #3b454b
}

.g-services-columns-container .g-services-columns-background-animate {
    border-bottom: 0 !important
}

.image--footer-graphic .component-content a img {
    height: auto;
    width: auto
}

@media only screen and (max-width: 1999px) {
    .mirvac50yrs img,.tmd-qc img {
        max-width:250px
    }

    .welcomeToCountry {
        max-width: 500px
    }
}

@media only screen and (max-width: 1750px) {
    .trielle-bm {
        margin-top:unset
    }
}

@media only screen and (max-width: 991px) {
    .mirvac50yrs {
        margin-bottom:30px
    }

    .mirvac50yrs img {
        transform: unset;
        width: 25vh !important
    }

    .mirvac50yrs .mq-img {
        display: block !important;
        margin: auto;
        width: 20vh !important
    }

    .tmd-qc img {
        display: none
    }
}

@media only screen and (min-width: 769px) {
    .contact-form form>div:nth-of-type(7),.contact-form form>div:nth-of-type(6),.contact-form form>div:nth-of-type(3),.contact-form form>div:nth-of-type(4) {
        width:calc(50% - 8px)
    }
}

@media only screen and (max-width: 768px) {
    .contact-form .form-submit-border {
        transform:unset;
        margin: auto
    }

    .mirvac50yrs img,.tmd-qc img {
        max-width: 250px;
        margin: 20px 0
    }

    .h-h2 {
        font-size: 30px !important
    }
}

@media only screen and (max-width: 767px) {
    .g-services-columns .hover-view {
        background-color:#011025 !important
    }

    .privacy-statement-wrapper {
        text-align: right
    }

    .hh2 {
        text-align: center !important;
        transform: unset !important
    }

    .trielle-bm {
        margin: 10px 0 !important
    }

    .fix-width-left {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .fix-width-left .hh2 {
        font-size: 23px !important
    }

    .fix-width-center {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .fix-width-right {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .fix-width-right .hh2 {
        font-size: 23px !important
    }
}

.vertical-carousel.owl-theme {
    position: relative
}

.vertical-carousel.owl-theme .owl-dots {
    pointer-events: visible;
    position: absolute;
    left: -31px;
    top: 42%;
    display: flex;
    flex-direction: column;
    transform: translateY(-50%)
}

@media(min-width: 576px) {
    .vertical-carousel.owl-theme .owl-dots {
        top:50%
    }
}

@media(min-width: 992px) {
    .vertical-carousel.owl-theme .owl-dots {
        left:-50px
    }
}

.vertical-carousel.owl-theme .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 7px;
    border: 1px solid #fff;
    transform: rotate(45deg);
    background-color: rgba(0,0,0,0);
    border-radius: 0
}

.vertical-carousel.owl-theme .owl-dot span.active {
    background-color: #fff
}

@media(min-width: 768px) {
    .vertical-carousel.owl-theme.image--clipped-v4 .owl-dots {
        left:-35px
    }
}

.image--clipped>a::after {
    transform: rotate(-9.4deg);
    bottom: -28.9%
}

@media only screen and (min-width: 400px) {
    .image--clipped>a::after {
        bottom:-30.3%
    }
}

@media(min-width: 768px) {
    .image--clipped>a::after {
        bottom:-31.2%
    }
}

@media(max-width: 991px) {
    .image--clipped-tall-bldg {
        padding:0 15px
    }
}

.image--clipped-tall-bldg>a::before {
    top: -4.5%;
    transform: rotate(-2.7deg)
}

@media only screen and (min-width: 400px) {
    .image--clipped-tall-bldg>a::before {
        top:-4.4%
    }
}

@media(min-width: 768px) {
    .image--clipped-tall-bldg>a::before {
        top:-4.35%
    }
}

@media only screen and (min-width: 1000px) {
    .image--clipped-tall-bldg>a::before {
        top:-4.3%
    }
}

.image--clipped-tall-bldg>a::after {
    transform: rotate(-10.8deg);
    bottom: -30.2%
}

@media only screen and (min-width: 370px) {
    .image--clipped-tall-bldg>a::after {
        bottom:-30.4%
    }
}

@media only screen and (min-width: 420px) {
    .image--clipped-tall-bldg>a::after {
        bottom:-30.7%
    }
}

@media only screen and (min-width: 520px) {
    .image--clipped-tall-bldg>a::after {
        bottom:-31%
    }
}

@media only screen and (min-width: 650px) {
    .image--clipped-tall-bldg>a::after {
        bottom:-31.2%
    }
}

@media only screen and (min-width: 700px) {
    .image--clipped-tall-bldg>a::after {
        bottom:-31.4%
    }
}

@media(max-width: 991px) {
    .image--clipped-carousel {
        padding-left:40px;
        padding-right: 40px
    }
}

.image--clipped-carousel>a::before {
    transform: rotate(7.8deg);
    top: 29.4%
}

.image--clipped-carousel>a::after {
    transform: rotate(4.5deg);
    bottom: 26.3%
}

@media(min-width: 576px) {
    .image--clipped-carousel>a::after {
        bottom:25.8%
    }
}

.image--clipped-carousel>a:hover::after {
    transform: rotate(4.5deg);
    bottom: 25.8%;
    transform-origin: 0 0
}

.image--clipped-v4>a::before {
    transform: rotate(-1.6deg);
    top: -4.2%
}

.image--clipped-v4>a::after {
    transform: rotate(-6.6deg);
    bottom: -31.4%
}

@media only screen and (min-width: 300px) {
    .image--clipped-v4>a::after {
        bottom:-31.5%
    }
}

@media(min-width: 768px) {
    .image--clipped-v4>a::after {
        bottom:-31.7%
    }
}

.image--clipped-v4>a:hover::after {
    transform: rotate(-6.6deg);
    transform-origin: 0 0;
    bottom: -31.4%
}

@media only screen and (min-width: 300px) {
    .image--clipped-v4>a:hover::after {
        bottom:-31.5%
    }
}

@media(min-width: 768px) {
    .image--clipped-v4>a:hover::after {
        bottom:-31.7%
    }
}

#content .hero-banner-one[data-maintainaspectratio=True]:first-child {
    margin-top: 0 !important;
    padding-bottom: 0 !important
}

@media(max-width: 991px) {
    #content .hero-banner-one[data-maintainaspectratio=True]:first-child {
        height:56vh !important;
        padding-bottom: 0
    }
}

.project-resi header.boutique-nav--1 #nav-header {
    max-width: unset
}

#content {
    margin-top: 0 !important
}

.hero-banner-one {
    height: 56vh !important
}

@media(min-width: 992px) {
    .hero-banner-one {
        height:110vh !important
    }
}

@media(min-width: 768px) and (max-width:1365px) {
    .hero-banner-one {
        height:100vh !important
    }
}

@media(min-width: 992px) {
    .hero-banner-one__image img {
        -o-object-position:top;
        object-position: top
    }
}

@media(max-width: 991px) {
    .hero-banner-one__image img {
        aspect-ratio:1/1;
        height: unset;
        width: unset
    }
}

.hero-banner-one:last-child {
    margin-bottom: 0
}

.hero-banner-one .hero-banner-one__text {
    color: #eee6d9;
    display: flex;
    text-transform: uppercase;
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

@media(min-width: 992px) {
    .hero-banner-one .hero-banner-one__text {
        flex-direction:row-reverse
    }
}

.hero-banner-one .hero-banner-one__text h1 {
    width: 303px;
    text-align: right
}

.hero-banner-one .hero-banner-one__description {
    position: relative;
    /* transform: translateY(-100px) */
}

@media(max-width: 991px) {
    .hero-banner-one .hero-banner-one__description {
        width:90vw
    }
}

.hero-banner-one .hero-banner-one__description svg {
    max-width: 100vw
}

@media(max-width: 992px) {
    .hero-banner-one .hero-banner-one__description svg {
        max-width:95vw
    }
}

.hero-banner-one .hero-banner-one__description text tspan {
    font-size: 70px
}

@media(max-width: 991px) {
    .hero-banner-one .hero-banner-one__description text tspan {
        font-size:50px
    }
}

.hero-banner-one .hero-banner-one__description text:nth-of-type(2) {
    position: absolute;
    left: 0
}

.hero-banner-one .hero-banner-one__description text:nth-of-type(2) tspan {
    font-size: 30px
}

@media(max-width: 991px) {
    .hero-banner-one .hero-banner-one__description text:nth-of-type(2) tspan {
        font-size:20px
    }
}

.hero-banner-one .hero-banner-one__description text:nth-of-type(3) {
    position: absolute;
    right: 0
}

.hero-banner-one .hero-banner-one__overlay {
    padding-bottom: unset !important;
    align-items: center !important
}

.hero-banner-one .hero-banner-one__overlay .hero-banner-one__overlay-wrapper {
    padding: unset !important
}

.hero-banner-one .hero-banner-one__overlay .hero-banner-one__overlay-wrapper img {
    margin-right: unset !important;
    margin-bottom: unset !important
}

.resi-project-listing {
    padding-block:180px;padding-inline:2rem}

.resi-project-listing__text p {
    width: 70%;
    padding-block:2rem}

.resi-project-listing__text p strong {
    font-weight: 700
}

.resi-project-listing .input-wrapper.input-wrapper--select label {
    color: #c3ac82
}

.resi-project-listing .pagination__item.active,.resi-project-listing .pagination li.active {
    color: #323232;
    background-color: #c3ac82
}

.resi-project-listing .pagination__item,.resi-project-listing .pagination li {
    border: 1px solid #c3ac82;
    color: #323232
}

.resi-project-listing p {
    font-size: 18px;
    font-family: "Calibri Light";
    line-height: 21px
}

.resi-project-listing h1 {
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400;
    color: #c3ac82;
    font-weight: 400;
    font-size: 80px
}

.resi-project-listing div {
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

.resi-project-listing form .input-wrapper,.resi-project-listing form .input-wrapper label {
    font-size: 14px
}

.resi-project-listing .card__title a ::after {
    content: "";
    height: 11px;
    width: 11px;
    background: url(../images/icons/external-link.svg) no-repeat 50%;
    background-size: contain;
    display: inline-block;
    margin-left: 5px
}

.resi-project-listing .btn {
    color: #323232;
    background-color: #c3ac82;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px
}

.resi-project-listing .card__link-container .btn {
    padding: 15px 10px
}

.resi-project-listing .card__title a,.resi-project-listing .feature-card__title a {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    color: #c3ac82;
    font-weight: 300;
    text-transform: none;
    padding-left: 0;
    display: block;
    line-height: 1.1
}

.resi-project-listing .card__project-details,.resi-project-listing .feature-card__project-details {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    margin-top: 0
}

.resi-project-listing .card__project-details>*,.resi-project-listing .feature-card__project-details>* {
    margin-top: 10px;
    margin-right: 15px;
    display: flex;
    align-items: center
}

.resi-project-listing .card__project-details>:last-child,.resi-project-listing .feature-card__project-details>:last-child {
    margin-right: 0
}

.resi-project-listing .card__icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    background-color: #323232;
    border-radius: 50%;
    margin-right: 5px
}

.resi-project-listing .card__distance {
    font-size: 18px;
    color: #c3ac82
}

.resi-project-listing .card__number {
    font-size: 18px;
    color: #c3ac82
}

.resi-project-listing .card__icon img,.resi-project-listing .feature-card__icon img {
    width: 70%
}

.resi-project-listing .card__logo,.resi-project-listing .feature-card__logo {
    width: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e4ecf8;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 769px) {
    .resi-project-listing .card__logo,.resi-project-listing .feature-card__logo {
        width:150px
    }
}

.resi-project-listing .card__logo img,.resi-project-listing .feature-card__logo img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block
}

.resi-project-listing .card__tag {
    padding: 5px 10px;
    color: #323232;
    background-color: #c3ac82;
    font-size: 18px;
    font-size: 1.6rem;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 400;
    z-index: 1
}

.resi-project-listing .card__title,.resi-project-listing .feature-card__title {
    color: #c3ac82;
    font-weight: 300;
    line-height: 1.1;
    font-size: 28px;
    font-size: 2.8rem;
    margin: 0 0 10px;
    display: block
}

.resi-project-listing .card__title span,.resi-project-listing .feature-card__title span {
    display: block;
    transform: none !important;
    width: 100%
}

.resi-project-listing .card__title a:before,.resi-project-listing .feature-card__title a:before {
    content: none
}

.resi-project-listing .card__title+.feature-card,.resi-project-listing .card__title .card__sub-title,.resi-project-listing .feature-card__title+.feature-card,.resi-project-listing .feature-card__title .card__sub-title {
    margin-top: -5px
}

.resi-project-listing .card__description,.resi-project-listing .feature-card__description {
    margin: 0;
    width: 100% !important;
    line-height: 1.7em
}

.resi-project-listing .card__description+*,.resi-project-listing .feature-card__description+* {
    margin-top: 10px
}

.resi-project-listing .card__description+.card__buttons,.resi-project-listing .feature-card__description+.card__buttons {
    padding-top: 20px
}

.resi-project-listing .card__link-container,.resi-project-listing .feature-card__link-container {
    margin-top: -10px
}

.resi-project-listing .card__link-container>*,.resi-project-listing .feature-card__link-container>* {
    margin-top: 10px;
    margin-right: 10px
}

.resi-project-listing .card__link-container>:last-child,.resi-project-listing .feature-card__link-container>:last-child {
    margin-right: 0
}

.resi-project-listing .card__sub-title,.resi-project-listing .feature-card__sub-title {
    font-size: 20px;
    font-weight: 500;
    color: #c3ac82;
    line-height: 24px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase
}

.resi-project-listing .card__ribbon {
    color: #323232;
    background-color: #c3ac82;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px
}

.featured-content-tiles-title {
    padding-inline:2rem;background: #eee6d9;
    padding-top: 3rem;
    padding-bottom: 1rem
}

@media(min-width: 992px) {
    .featured-content-tiles-title {
        padding-inline:181px;
        padding-top: 100px;
        padding-bottom: 4rem
    }
}

.featured-content-tiles-title h2 {
    display: flex;
    flex-direction: column;
    text-align: left;
    color: #323232;
    text-transform: uppercase;
    font-family: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

.featured-content-tiles-title h2 span.right-big-text {
    font-size: 62px;
    padding-left: 26px
}

@media(max-width: 991px) {
    .featured-content-tiles-title h2 span.right-big-text {
        font-size:50px;
        padding-left: 0
    }
}

.featured-content-tiles-title h2 span {
    font-size: 30px
}

.featured-content-tiles-title hr {
    border-top: .1rem solid #c3ac82;
    width: 50%;
    transform: translate(16rem,-3rem)
}

@media(max-width: 991px) {
    .featured-content-tiles-title hr {
        transform:unset;
        width: 80%
    }
}

.component.featured-content-tiles.animate-in {
    background: #eee6d9;
    max-width: unset
}

.featured-content-tiles .card.card--news {
    background: rgba(0,0,0,0);
    border: none
}

@media screen and (min-width: 992px) {
    .component.featured-content-tiles.animate-in {
        padding-inline:150px;
        padding-bottom: 100px;
        padding-top: 0
    }
}

@media screen {
    .component.featured-content-tiles.animate-in h2 {
        display: none
    }

    .component.featured-content-tiles.animate-in .row {
        margin: 0
    }

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg {
        padding-inline:1.5rem}

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg .component-content {
        position: relative
    }

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg .component-content .card__media>img {
        filter: brightness(.7)
    }

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg .component-content h3.card__title {
        position: absolute;
        color: #fff;
        font-size: 22px;
        display: block;
        text-align: center;
        left: 15px;
        margin-top: -55px
    }

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg .component-content p.card__description {
        padding-bottom: 1.5rem;
        text-align: left;
        line-height: 18px;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0;
        color: #323232;
        overflow: unset !important
    }

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg .component-content a.card__link {
        bottom: -18px;
        font-size: 18px;
        color: #323232
    }
}

@media only screen and (max-width: 650px) {
    .component.featured-content-tiles.animate-in h2 {
        display:none
    }

    .component.featured-content-tiles.animate-in .row {
        margin: 0
    }

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg {
        padding-inline:0}

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg .component-content {
        position: relative
    }

    .component.featured-content-tiles.animate-in .row .col-md-6.col-lg .component-content p.card__description {
        padding-bottom: 1.5rem;
        text-align: left;
        line-height: 18px;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0;
        color: #323232;
        opacity: 1
    }
}

.property-form.form {
    padding: 0;
    background: #fff;
    font-size: 14px
}

@media(max-width: 991px) {
    .property-form.form form {
        padding-inline:2rem
    }
}

.property-form.form .input-wrapper label {
    font-size: 14px
}

.property-form.form .form-submit-border {
    text-align: center
}

.property-form.form .btn-default {
    background-color: #c3ac82;
    color: #323232;
    padding: 20px 40px;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: 0;
    font-family: "Chronicle Display XLight";
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.resi-property-search-filter {
    background-color: #f7f7f7
}

.resi-property-search-filter .filters {
    background-color: #f7f7f7
}

.resi-property-search-filter .listing__sort-container {
    display: none
}

.resi-property-search-filter .react-tabs__tab-panel {
    background-color: #fff;
    padding: 50px 0
}

.resi-property-search-filter .react-tabs__tab-panel .pagination {
    display: none
}

.resi-property-search-filter .listing .filters .wrapper h2 {
    color: #000;
    font-size: 2.5rem
}

.resi-property-search-filter .listing .filters .form-container {
    display: flex
}

.resi-property-search-filter .listing .filters .form-container__row:nth-child(1) {
    flex: 0 0 100%
}

@media(min-width: 992px) {
    .resi-property-search-filter .listing .filters .form-container__row:nth-child(1) {
        flex:0 0 60%
    }
}

.resi-property-search-filter .listing .filters .form-container__row:nth-child(2) {
    flex: 0 0 100%
}

@media(min-width: 992px) {
    .resi-property-search-filter .listing .filters .form-container__row:nth-child(2) {
        flex:0 0 40%
    }
}

.resi-property-search-filter .listing .filters .form-container__row.form-container__row--btns {
    border-top: 1px solid #000;
    flex: 0 0 100%;
    justify-content: flex-end;
    margin: 0
}

.resi-property-search-filter .listing .filters .form-container__row.form-container__row--btns .btn.btn--blue {
    min-height: unset;
    height: 35px;
    border: 1px solid #000;
    background: rgba(0,0,0,0);
    padding: 5px 40px;
    padding-bottom: 0;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all ease-in-out .3s
}

.resi-property-search-filter .listing .filters .form-container__row.form-container__row--btns .btn.btn--blue:hover,.resi-property-search-filter .listing .filters .form-container__row.form-container__row--btns .btn.btn--blue:focus {
    background: #000;
    color: #fff;
    transition: all ease-in-out .3s
}

.resi-property-search-filter .listing .filters .form-container .input-wrapper {
    border: 0;
    height: 40px;
    min-height: 40px
}

.resi-property-search-filter .listing .filters .form-container .input-wrapper label {
    left: 10px;
    color: #000;
    text-transform: capitalize
}

@media(min-width: 992px) {
    .resi-property-search-filter .listing .filters .form-container .input-wrapper label {
        left:0
    }
}

.resi-property-search-filter .listing .filters .form-container .input-wrapper .ss-arrow {
    top: 40%
}

@media(max-width: 1365px) {
    .resi-property-search-filter .listing .filters .form-container .input-wrapper .ss-main {
        margin-left:10px
    }
}

.resi-property-search-filter .listing .filters .form-container .input-wrapper .ss-single-selected {
    padding: 25px 0 15px 0;
    background: rgba(0,0,0,0)
}

.resi-property-search-filter .listing .filters .form-container .input-wrapper--select--changed label,.resi-property-search-filter .listing .filters .form-container .input-wrapper--select--focus label {
    top: 0
}

.resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search {
    background-color: rgba(0,0,0,0)
}

.resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search label {
    display: none
}

.resi-property-search-filter .listing .filters .form-container .input-wrapper.input-wrapper--search input {
    background: rgba(0,0,0,0);
    color: #000;
    padding: 0
}

.resi-property-search-filter .listing .filters .form-container .advanced-filters {
    background: none;
    background-color: rgba(0,0,0,0);
    min-height: 0;
    font-size: .9rem;
    text-transform: capitalize
}

.resi-property-search-filter .listing .card__title {
    font-size: 1.5rem;
    color: #000 !important
}

.resi-property-search-filter .listing .card__content {
    display: flex;
    flex-wrap: wrap
}

.resi-property-search-filter .listing .card__content .card__title {
    margin-bottom: 0;
    flex: 0 0 80%
}

.resi-property-search-filter .listing .card__content .card__sub-title {
    flex: 0 0 20%;
    margin-top: 0;
    text-align: right
}

.resi-property-search-filter .listing .card__content .card__property-details {
    flex: 0 0 100%
}

.resi-property-search-filter .listing .card__content .card__ribbon {
    display: none
}

.resi-property-search-filter .listing .col-lg-3 .card .card__title {
    flex: 0 0 100%
}

.resi-property-search-filter .listing .col-lg-3 .card .card__sub-title {
    padding-bottom: 0 !important;
    margin-top: 10px;
    text-align: left
}

@media only screen and (max-width: 1199px) {
    .trielle-page .nav-phase-3.boutique-nav--1 nav {
        background-color:rgba(0,0,0,0) !important
    }
}

.project-resi header.boutique-nav--1.is-fixed {
    opacity: 1;
    position: fixed
}

.project-resi .nav-phase-3.boutique-nav--1.is-scrolled {
    position: fixed !important
}

.project-resi header.nav-phase-3.is-scrolled #nav-header .nav-row .component.rich-text,.project-resi header.nav-phase-3.is-fixed #nav-header .nav-row .component.rich-text {
    position: fixed
}

header.nav-phase-3.boutique-nav--1.is-normal.is-fixed,header.nav-phase-3.boutique-nav--1.is-normal.has-cookiebar.is-fixed {
    opacity: 1;
    position: fixed
}

header.nav-phase-3.boutique-nav--1 {
    padding: 0;
    position: absolute
}

header.nav-phase-3.boutique-nav--1 .full-width {
    width: 100%
}

a.tr-navigation__link:after {
    background: none
}

.tr-navigation__logo a:after {
    background: none
}

main .input-wrapper label {
    font-size: 12px
}

.hero-banner-one__overlay {
    background-color: rgba(0,0,0,.3)
}

.form legend {
    text-align: left !important;
    font-size: var(--formFieldsetLegendFontSize);
    color: var(--FormFieldLegenColor);
    padding-bottom: 20px
}

.form [type="checkbox"],.form [type="radio"] {
    margin-right: 5px
}

.form form:not(.isleContact) .halfAvailableWidth,.form form:not(.isleContact) .thirdAvailableWidth,.form form:not(.isleContact) .scfCheckboxBorder {
    font-size: var(--formCheckboxLabelFontSize);
    color: var(--formCheckboxLabelColor);
    text-align: left;
    margin: 5px 0;
    vertical-align: top;
    padding-bottom: 20px;
    clear: none
}

.form div.halfAvailableWidth {
    float: left;
    width: 50%;
    display: inline
}

.form div.available-width-third-child {
    float: left;
    width: 33%;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: var(--formCheckboxLabelFontSize);
    color: var(--formCheckboxLabelColor)
}

@media only screen and (max-width: 767px) {
    .form div.available-width-third-child {
        float:none;
        width: 100%
    }
}

.form span.field-validation-error span {
    padding-bottom: 10px;
    display: block
}

.form:not(.form--custom) .input-wrapper--text {
    margin-bottom: 30px
}

.form .scfCaptcha {
    margin-bottom: 20px
}

.home-land .form-group {
    clear: both
}

.home-land .thirdAvailableWidth {
    float: left;
    text-align: left;
    display: inline;
    margin: 5px 0;
    width: 33%;
    vertical-align: top;
    clear: none
}

form.home-land .halfAvailableWidth,form.home-land .thirdAvailableWidth {
    clear: none
}

form.home-land>div .legend {
    text-align: left !important;
    font-size: var(--formFieldsetLegendFontSize);
    color: var(--FormFieldLegenColor)
}

.form.home-land div>.legend {
    margin-bottom: 40px
}

.home-land .scfCheckBoxListBorder>label {
    font-size: 16px
}

.form form.home-land:not(.isleContact) .halfAvailableWidth,.form form.home-land:not(.isleContact) .thirdAvailableWidth,.form form.home-land:not(.isleContact) .scfCheckboxBorder {
    font-size: inherit
}

.form form.home-land .input-wrapper {
    border: 2px solid var(--formBorderColor);
    background-color: var(--formFieldBackgroundColor)
}

.home-land .input-wrapper label {
    max-width: initial;
    white-space: initial
}

.contact-form form.home-land>div {
    width: 100% !important
}

form.home-land .check-padding {
    margin-bottom: 40px !important
}

form.home-land .upload {
    margin-top: 20px;
    margin-bottom: 20px
}

@media(max-width: 769px) {
    .home-land .input-wrapper label {
        font-size:12px
    }

    .form form.home-land:not(.isleContact) .halfAvailableWidth,.form form.home-land:not(.isleContact) .thirdAvailableWidth,.form form.home-land:not(.isleContact) .scfCheckboxBorder {
        font-size: inherit
    }

    form.home-land .input-wrapper {
        min-width: unset
    }

    form.home-land .halfAvailableWidth {
        width: 100%
    }

    .home-land .input-wrapper label {
        font-size: 12px
    }

    .form form.home-land:not(.isleContact) .halfAvailableWidth,.form form.home-land:not(.isleContact) .thirdAvailableWidth,.form form.home-land:not(.isleContact) .scfCheckboxBorder {
        font-size: inherit
    }

    form.home-land .input-wrapper {
        min-width: unset
    }

    form.home-land .halfAvailableWidth {
        width: 100%
    }

    .home-land .input-wrapper label {
        max-width: initial;
        white-space: initial
    }
}

input[type="number"] {
    font-size: var(--formLabelFontSize)
}

.form form.home-land:not(.isleContact) .halfAvailableWidth input,.form form.home-land:not(.isleContact) .thirdAvailableWidth input {
    font-size: var(--formLabelFontSize)
}

.home-land .input-wrapper--text-area textarea {
    width: 100% !important
}

:root {
    --nav-btn-bg-color: #333333;
    --nav-btn-text-color: #ECD6AC;
    --nav-sticky-bg-color: #ECD6AC;
    --nav-sticky-text-color: #333333;
    --nav-btn-color-hover: #FFFFFF;
    --nav-btn-text-hover: #ECD6AC;
    --nav-btn-font: "Chronicle Display XLight","Open Sans",Helvetica,Arial,sans-serif !important;
    --nav-font-size: 14px;
    --nav-text-color: #FFF;
    --nav-font-family: "Calibre Light";
    --nav-font-weight: 300;
    --nav-line-height: 14px;
    --nav-arrow: url(/-/media/Base-Themes/Navigation/Styles/images/arrow_forward);
    --nav-bg-color: rgba(0,0,0,.88);
    --navigationColor: rgba(0,0,0,.88);
    --navigationMobileColor: rgba(0,0,0,.88);
    --navigationMegaLinkColor: var(--nav-text-color);
    --nav-text-transform: uppercase;
    --navigationRegisterSquareBackgroundFontColor: var( --nav-bg-color);
    --nav-logo-width: 45px;
    --nav-logo-height: 52px;
    --nav-sticky-border-color: var(--nav-sticky-bg-color);
    --navigationMegamenuToggleColor: var( --nav-text-color)
}

#wrapper>header {
    display: block;
    height: 60px;
    padding-top: 0
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .image--logo {
        transform:translateY(16px)
    }

    #wrapper>header {
        height: 80px
    }
}

header.nav-phase-3.has-cookiebar.is-fixed,header.nav-phase-3.has-cookiebar.is-scrolled {
    margin-top: 40px
}

body header.nav-phase-3.has-cookiebar #nav-header .cookiebar {
    left: 0 !important
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square.last a {
    background: #ecd6ac !important;
    color: #333 !important;
    border: 1px solid #ecd6ac !important;
    font-size: 16px;
    font-weight: 275
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square.last {
    margin-left: auto
}

body header.nav-phase-3 .megamenu--three .megamenu__item>a {
    letter-spacing: 1.5px
}

@media(min-width: 1201px) {
    body header.nav-phase-3 .megamenu--three .component-content {
        margin-left:32px
    }

    body header.nav-phase-3 .megamenu--three {
        background-color: transparent
    }

    .cookiebar {
        left: -45px !important
    }

    body header.nav-phase-3 .image.image--logo img {
        min-width: var(--nav-logo-width)
    }

    body header.nav-phase-3.is-fixed.has-cookiebar #nav-header .cookiebar {
        top: -40px!important
    }

    .project-resi header.nav-phase-3.is-scrolled #nav-header .nav-row .component.rich-text,.project-resi header.nav-phase-3.is-fixed #nav-header .nav-row .component.rich-text {
        position: unset
    }
}

@media(max-width: 1200px) {
    .megamenu--three .megamenu__toggle>div {
        background-color:var(--nav-text-color)
    }

    body header.nav-phase-3 .megamenu--three {
        margin-top: 0
    }
}

@media(max-width: 768px) {
    .closebutton {
        right:20px !important
    }
}