.switch-nav-mobile {
    background-color: unset !important
}

.switch-nav-mobile .container-fluid {
    background-color: unset !important
}

.acknowledgement-country {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 80%
}

.acknowledgement-country p {
    text-align: center
}

@media(max-width: 768px) {
    #nav-footer .nav-footer-logo {
        top:120px
    }

    #nav-footer .nav-list-footer {
        top: 180px
    }
}

.alphabet-carousel__wrapper {
    background-color: var(--alphabetCarouselBackground)
}

.alphabet-carousel__slide-content h3 {
    font-size: var(--alphabetCarouselHeadingThreeSize);
    color: var(--alphabetCarouselHeadingThreeColor)
}

.alphabet-carousel__slide-content>h4 {
    color: var(--alphabetCarouselHeadingFourColor);
    font-size: var(--alphabetCarouselHeadingFourSize);
    display: var(--alphabetCarouselHeadingVisibility)
}

.alphabet-carousel__wrapper {
    background-color: var(--alphabetCarouselBackground)
}

.alphabet-carousel__slide-content {
    background-color: var(--alphabetCarouselBlurbbackground)
}

.alphabet-carousel__slide-content h3,.alphabet-carousel__slide-content h4 {
    text-align: center
}

.alphabet-carousel__slide-content>p {
    color: var(--alphabetCarouselParagraphColor);
    font-size: var(--alphabetCarouselfontsize)
}

.alphabet-carousel__intro {
    display: var(--alphabetCarouselIntroVisibility);
    background-color: var(--HeadingBackgroundColor);
    color: var(--alphabetCarouselIntroTextColor)
}

.alphabet-carousel__intro h2 {
    color: var(--alphabetCarouselIntroHeadingColor)
}

.alphabet-carousel .tns-controls button,.alphabet-carousel__slide-btn {
    background-color: var(--alphabetcarourselslidebuttoncolor)
}

@media(max-width: 768px) {
    .alphabet-carousel .tns-controls button {
        height:60px;
        width: 60px
    }

    .alphabet-carousel__intro {
        padding: 180px 15px
    }

    .alphabet-carousel__slider {
        padding: 0 0 40px
    }
}

.caption__text {
    background-color: var(--CaptionBackgroundColor);
    color: var(--Captionrightsidetextcolor)
}

.caption__inner {
    background-color: var(--CaptionPageBackgroundColor);
    color: var(--Captionleftsidetextcolor)
}

@media(min-width: 1024px) {
    .full-width-header-intro>div>.container-full:not(.width-940) .image-gallery:nth-of-type(1) {
        margin-top:-80px
    }
}

@media(max-width: 1023px) {
    .full-width-header-intro>div>.container-full:not(.width-940) .image-gallery:nth-of-type(1) {
        margin-top:-80px
    }
}

.expander-tiles .g-services-columns-background-animate {
    background-color: var(--expanderTilesBackgroundColor) !important
}

.expander-tiles .primary-view>h3 {
    color: var(--expanderTilesPrimaryHeading) !important
}

.expander-tiles .hover-view>h3 {
    color: var(--expanderTilesHoverHeading)
}

.expander-tiles .hover-view>.item-desc {
    color: var(--expanderTilesHoverDescription)
}

.expander-tiles .hover-view>.item-desc>a {
    color: var(--expanderTilesHoverCta) !important
}

.gallery__card-inner h3 {
    color: var(--galleryCardTitleColor)
}

@media(max-width: 769px) {
    .g-recaptcha div {
        transform:scale(.89);
        -webkit-transform: scale(.89);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

main h1,.content h1 {
    background-image: linear-gradient(to right,var(--H1Gradient1),var(--H1Gradient2),var(--H1Gradient3)) !important;
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--showgradient)
}

main h2,.content h2 {
    background-image: linear-gradient(to right,var(--H2Gradient1),var(--H2Gradient2),var(--H2Gradient3)) !important;
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--showgradient)
}

main h3,.content h3 {
    background-image: linear-gradient(to right,var(--H3Gradient1),var(--H3Gradient2),var(--H3Gradient3)) !important;
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--showgradient)
}

.residential-image-gallery--default .image-gallery__prev,.residential-image-gallery--default .image-gallery__next {
    color: var(--imagegalleryarrowcolor)
}

.map__accordion-content {
    color: var(--mapdropdowntextcolor)
}

#content .map__accordion-content>li:before {
    content: none
}

@media(min-width: 992px) {
    .jsMap {
        width:100%;
        height: auto;
        min-height: 600px
    }

    .map__panel {
        overflow: visible;
        max-height: 100%
    }
}

body .g-services-columns-container .g-services-columns-background-animate {
    background-color: var(--MirvacDifferenceBackgroundColor) !important
}

.accordian-content {
    margin-bottom: 80px
}

.acc {
    margin-top: 47px
}

.acc-card.active {
    background-color: transparent
}

.acc-card {
    position: relative;
    border-bottom: 1px solid #061e41;
    margin-bottom: 32px
}

.acc-card>.active>.acc-title:after {
    transform: rotate(180deg)
}

.acc-title {
    cursor: pointer;
    display: block;
    padding: 10px 24px 10px 0;
    text-align: left;
    letter-spacing: .02em;
    position: relative
}

.acc-title::after {
    width: 26px;
    height: 26px;
    position: absolute;
    content: " ";
    margin-bottom: 8px;
    bottom: 0;
    right: 0;
    background-image: url(./images/accordian-icon.png)
}

.acc-title>h3 {
    margin-bottom: 0
}

.active>.acc-title::after {
    transform: rotate(180deg)
}

.acc-panel {
    display: none;
    margin: 0;
    padding: 0 0 0 0;
    text-align: left
}

@media screen and (min-width: 768px) {
    .acc-panel {
        padding:0 50px 0 0
    }
}

.acc-panel p {
    margin-top: 0;
    font-size: 15px;
    line-height: 1.4;
    color: #000;
    font-weight: 300;
    font-family: 'opensans' !important;
    font-size: 18px;
    margin-bottom: 1em
}

.awards__section-title {
    color: var(--awardYearColor)
}

.awards .award__title {
    color: var(--awardTitleColor)
}

.awards .award__description {
    color: var(--awardDescriptionColor)
}

.awards__section-title {
    background-color: var(--yearBackgroundColor)
}

.awards .award__item:hover .award__content,.awards .award__item:focus .award__content {
    background-color: var(--Awardcardbackground)
}

.awards .award__item:hover .award__description,.awards .award__item:hover .award__content,.awards .award__item:hover .award__title,.awards .award__item:hover .award__link,.awards .award__item:focus .award__description,.awards .award__item:focus .award__content,.awards .award__item:focus .award__title,.awards .award__item:focus .award__link {
    color: var(--Awardcardcolor)
}

#content {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

@media(max-width: 768px) {
    #content {
        background-image:none !important
    }
}

body {
    overflow-x: visible
}

@media(min-width: 1024px) {
    .carousel--two-col .carousel__cell-wrapper {
        height:710px
    }
}

.switch-overlay .overlay-container .col {
    position: absolute;
    top: 2.5%;
    padding-top: 2.5%;
    margin: 15px 0
}

@media(max-width: 1023px) and (min-width:700px) {
    .carousel--two-col .carousel__inner--second {
        width:100%;
        min-height: 550px !important
    }

    .carousel__bg-image {
        width: 100%;
        height: 100%
    }
}

@media(max-device-width: 450px) {
    .carousel--two-col .carousel__inner--second {
        min-height:240px !important
    }
}

.hover_bkgr_fricc>div>.row>.col-sm-12>h2 {
    color: var(--comparatorLightFontColor)
}

.hover_bkgr_fricc>div>.row>.col-sm-12>p {
    color: var(--comparatorLightFontColor)
}

.comparator__selector.comparator__selector--light>h3 {
    color: var(--comparatorLightFontColor)
}

.comparator__selector.comparator__selector--light>.comparator__category>h4 {
    color: var(--comparatorLightFontColor)
}

.comparator__title {
    color: var(--comparatorLightFontColor)
}

.comparator__selector-title {
    color: var(--comparatorLightFontColor)
}

.comparator__category-title {
    color: var(--comparatorLightFontColor)
}

.comparator__image-titles>.comparator__image-title {
    color: var(--comparatorLightFontColor)
}

.comparator--dark>.component-content>.comparator__title {
    color: var(--comparatorDarkFontColor)
}

.comparator--dark>.component-content>.comparator__wrapper>.comparator__selector--light>.comparator__selector-title {
    color: var(--comparatorDarkFontColor)
}

.comparator--dark>.component-content>.comparator__wrapper>.comparator__selector--dark>.comparator__selector-title {
    color: var(--comparatorDarkFontColor)
}

.comparator--dark>.component-content>.comparator__wrapper>.comparator__selector--light>.comparator__category>.comparator__category-title {
    color: var(--comparatorDarkFontColor)
}

.comparator--dark>.component-content>.comparator__wrapper>.comparator__selector--dark>.comparator__category>.comparator__category-title {
    color: var(--comparatorDarkFontColor)
}

.comparator--dark>.component-content>.comparator__image-titles>.comparator__image-title {
    color: var(--comparatorDarkFontColor)
}

.comparator {
    background-color: var(--comparatorBackgroundLight)
}

.comparator--dark {
    background-color: var(--comparatorBackgroundDark)
}

.concept-carousel {
    background: var(--conceptCarouselBackground)
}

.concept-carousel__slide-title {
    font-family: var(--secondFont) !important;
    color: var(--conceptCarouselSlideHeadingColor);
    font-size: var(--conceptCarouselHeadingSize)
}

.concept-carousel__slide-blurb {
    color: var(--conceptCarouselBlurbColor)
}

.concept-carousel__slide-blurb {
    font-size: var(--ConceptCarouselBlurbFontSize)
}

.concept-carousel__title {
    color: var(--conceptCarouselHeadingColor)
}

.concept-carousel .tns-controls button {
    border-bottom: var(--MobileConceptCarouselButtonColor);
    border-left: var(--MobileConceptCarouselButtonColor)
}

a.concept-carousel__slide-cta {
    font-size: var(--ConceptCarouselCTAFontSize)
}

.cookiebar p {
    color: var(--cookiebarParagraphColor) !important;
    font-size: var(--cookieBarFontSize)
}

.cookiebar a:hover,.cookiebar a:focus {
    text-decoration: underline
}

.cookiebar a {
    color: var(--cookiebarCtaColor) !important;
    text-decoration: underline
}

header.has-cookiebar {
    overflow-y: visible
}

@media(min-width: 1600px) {
    .cookiebar {
        left:calc(.0000001px - ((100vw - 1550px)/2))
    }
}

.image-grid__media:after {
    background-color: var(--ctaImageGridBackgroundColor) !important
}

.image-grid__text a {
    display: inline-block;
    font-size: var(--ctaImageGridHyperlinkSize) !important;
    color: var(--ctaImageGridHyperlinkColor) !important
}

.background-grey-full {
    background-color: #e8e9eb;
    width: 100vw !important;
    max-width: 100vw !important
}

.background-grey-full>.component-content>.rich-text {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2.5%;
    padding-right: 2.5%;
    padding-left: 2.5%
}

.background-white-full {
    background-color: #fff;
    width: 100vw !important;
    max-width: 100vw !important
}

.background-white-full>.component-content>.rich-text {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2.5%;
    padding-right: 2.5%;
    padding-left: 2.5%
}

.contact-us-no-padding h1 {
    margin-bottom: 0 !important
}

.contact-us-no-padding h2 {
    margin-top: 0 !important
}

.boxed {
    width: 100%;
    max-width: 1250px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2.5%;
    padding-right: 2.5%;
    padding-left: 2.5%;
    width: 100%
}

.container-background-1 {
    background-color: var(--customContainerBackgroundColor1)
}

.container-background-2 {
    background-color: var(--customContainerBackgroundColor2)
}

.container-background-3 {
    background-color: var(--customContainerBackgroundColor3)
}

.container-background-4 {
    background-color: var(--customContainerBackgroundColor4)
}

.container-background-transparent {
    background-color: var(--customContainerBackgroundTransparent)
}

.full-width {
    max-width: 100vw
}

h3.download-card__title {
    color: var(--downloadCardHeadingFontColor)
}

.download-card__blurb {
    color: var(--downloadCardParagraphFontColor)
}

.download-card__btn.btn {
    background-color: var(--downloadCardButtonBackgroundColor);
    font-size: var(--propertyEnquireNowButtonFontSize);
    color: var(--downloadCardButtonFontColor)
}

.download-card .component-content {
    background-color: var(--downloadCardBackground)
}

.featured-carousel .js-dot.js-active {
    background-color: var(--featuredCarouselDotColor)
}

.featured-carousel__tag {
    color: var(--featuredCarouselHeadingColor)
}

.featured-carousel__content-title {
    color: var(--featuredCarouselHeadingColor)
}

.featured__link {
    font-size: var(--featuredCarouselATagSize)
}

.featured-carousel__content-container {
    background-color: var(--featuredCarouselBackgroundColor)
}

.featured-carousel__content-description {
    color: var(--featuredCarouselParagraphColor)
}

.featured-carousel__content a.featured__link {
    color: var(--featuredCarouselParagraphColor)
}

.featured-content-tiles h2 {
    color: var(--featuredContentHeadingColor)
}

.featured-content-tiles {
    padding-top: 60px
}

.featured-content-tiles .card__link {
    font-size: var(--featuredContentCtaFontSize);
    color: var(--featuredContentCtaColor)
}

.featured-content-tiles .card__title {
    color: var(--featuredContentHeadingColor)
}

.featured-content-tiles .card__description {
    color: var(--featuredContentParagraphColor)
}

a.concept-carousel__slide-cta {
    color: var(--featuredContentCtaColor)
}

main .featured-content-tiles a:after {
    background-color: var(--aTagFeaturedUnderline);
    height: var(--aTagFeaturedUnderlineHeight)
}

.nav-list-footer-external>.component-content>h3 {
    font-size: var(--footerHeadingThreeSize) !important;
    font-family: var(--secondaryFont) !important
}

#nav-footer .nav-list-social a {
    background-color: var(--footerSocialIconsBackgroundColor)
}

footer a {
    color: var(--footerALinkColor) !important
}

.nav-footer-address {
    color: var(--footerAddressFontColor)
}

.nav-footer-phone {
    color: var(--footerPhoneFontColor)
}

.nav-footer-phone>a {
    color: var(--footerPhoneFontColor) !important
}

.nav-list-footer-external>.component-content>h3 {
    color: var(--footerExploreMoreFontColor)
}

nav .navigation-level1>a {
    font-size: var(--footerNavigationFontSize) !important
}

#nav-footer>.row>.nav-footer-copyright-block>.component-content>p {
    font-size: var(--footerCopyRightFontSize)
}

#nav-footer p {
    font-size: var(--footerParagraphFontSize)
}

#nav-footer>.row>.nav-footer-landcom-block>div>p {
    font-size: var(--footerLandcomFontSize);
    color: var(--footerLandcomFontColor)
}

#nav-footer .nav-list-footer-external a {
    color: var(--footerExploreMoreFontColor) !important
}

#nav-footer .nav-footer-block-text h2 {
    color: var(--footerBlockTextHeadingFontColor);
    font-size: var(--footerBlockTextHeadingFontSize)
}

#nav-footer .nav-footer-block-text p {
    color: var(--footerBlockTextParagraphFontColor);
    font-size: var(--footerBlockTextParagraphFontSize)
}

footer {
    background-color: var(--FooterBackgroundColor) !important
}

#nav-footer>.row {
    background-color: var(--FooterBackgroundColor) !important
}

.boutique-nav--1>#nav-footer>.row {
    background-color: inherit !important
}

@media(min-width: 769px) {
    #nav-footer .nav-list-footer {
        -webkit-transform:translateX(-50%);
        transform: translateX(-50%)
    }
}

@media(max-width: 768px) {
    #nav-footer {
        padding:0 20px !important
    }
}

.form:not(.form--custom) .page-header>* {
    color: var(--formHeaderFontColor);
    font-size: var(--formHeaderSize);
    margin-bottom: 0
}

main .input-wrapper label {
    color: var(--formLabelFontColor)
}

.privacy-statement p {
    color: var(--formPrivacyFontColor) !important;
    text-align: left
}

form h3.custom-accordion__title {
    font-size: var(--formPrivacyStatementHeaderFontSize)
}

main .input-wrapper label {
    font-size: var(--formLabelFontSize)
}

.input-wrapper>input {
    font-size: var(--formLabelFontSize)
}

.contact-form .input-wrapper {
    border: 2px solid var(--formBorderColor);
    background-color: var(--formFieldBackgroundColor)
}

.contact-form .btn {
    background-color: var(--formSubmitBackgroundColor)
}

.progressive-profiling .btn {
    background-color: var(--formSubmitBackgroundColor)
}

.form-submit-border>.btn {
    background-color: var(--formSubmitBackgroundColor)
}

input.btn.btn-default {
    color: var(--FormSubmitTextColor)
}

.input-wrapper>textarea {
    font-size: var(--formLabelFontSize)
}

form>p {
    color: var(--formParagraphFontColor)
}

.form:not(.form--custom).animate-in form {
    opacity: var(--FormBackgroundOpacity);
    background-color: var(--formInnerBackgroundColor)
}

.form:not(.form--custom) {
    background-color: var(--formBackgroundColor);
    background-image: var(--formBackgroundImage);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: var(--formBackgroundAttachment)
}

main .input-wrapper--text {
    background-color: var(--EnquireNowFormBackground)
}

.form .page-header {
    text-align: center !important
}

.form legend {
    text-align: center;
    width: 100%
}

form>fieldset {
    width: 100%
}

form>fieldset>legend {
    text-align: left !important;
    font-size: var(--formFieldsetLegendFontSize);
    color: var(--FormFieldLegenColor)
}

.checkbox>label {
    font-size: var(--formCheckboxLabelFontSize);
    color: var(--formCheckboxLabelColor)
}

.form-submit-border>.btn {
    font-size: var(--formSubmitButtonFontSize)
}

a.arrow-link.privacy-statement-link {
    color: var(--formPrivacyLinkFontColor)
}

main .progressive-profiling .control-label,main .progressive-profiling legend,main .progressive-profiling label {
    color: var(--profLabelColor) !important
}

.progressive-profiling.form input.form-control.text-box,.progressive-profiling.form textarea.form-control {
    color: var(--profTextboxFontColor)
}

.progressive-profiling p {
    color: var(--profIntroColor)
}

.progressive-profiling form .form-group {
    margin-bottom: 40px !important
}

main .progressive-profiling .input-wrapper {
    border: 2px solid var(--profBorderColor)
}

.progressive-profiling.form .form-submit-border>.btn {
    background-color: var(--profSubmitBackground) !important
}

.progressive-profiling.form .form-submit-border input.btn.btn-default {
    color: var(--profSubmitTextColor)
}

.progressive-profiling {
    background: var(--profBackgroundColor) !important
}

.progressive-profiling form {
    background: var(--profBackgroundColor) !important
}

.progressive-profiling .input-wrapper.input-wrapper--text {
    background-color: var(--profWrapperBackgroundColor)
}

.progressive-profiling .radio table td {
    border: 2px solid var(--profRadioBorderColor)
}

.progressive-profiling_1 td:first-child {
    background-image: var(--profKeychain)
}

.progressive-profiling_1 td:last-child {
    background-image: var(--profMoney)
}

.progressive-profiling_2 td:first-child {
    background-image: var(--profCouple)
}

.progressive-profiling_2 td:nth-child(2) {
    background-image: var(--profFamily)
}

.progressive-profiling_2 td:last-child {
    background-image: var(--profGrand)
}

.form-hidden-label label {
    display: none !important
}

.prof-form__bed td,.prof-form__bath td,.prof-form__car td {
    background-position: center -60px;
    background-size: 175px;
    background-repeat: no-repeat
}

.prof-form__bed label,.prof-form__bath label,.prof-form__car label {
    padding-top: 66px !important
}

@media(max-width: 768px) {
    .thirdAvailableWidth {
        width:100% !important
    }
}

.email-validation {
    margin-bottom: 40px
}

.help-block.field-validation-error {
    display: block;
    margin-top: 10px
}

.form input.form-control.text-box,textarea.form-control {
    color: var(--formTextboxFontColor)
}

.form span.field-validation-error span {
    color: var(--formErrorMsgColor)
}

.prof-form__bed td:first-child {
    background-image: var(--profBed1)
}

.prof-form__bed td:nth-child(2) {
    background-image: var(--profBed2)
}

.prof-form__bed td:nth-child(3) {
    background-image: var(--profBed3)
}

.prof-form__bed td:nth-child(4) {
    background-image: var(--profBed4)
}

.prof-form__bath td:first-child {
    background-image: var(--profBath1)
}

.prof-form__bath td:nth-child(2) {
    background-image: var(--profBath2)
}

.prof-form__bath td:nth-child(3) {
    background-image: var(--profBath3)
}

.prof-form__car td:first-child {
    background-image: var(--profCar1)
}

.prof-form__car td:nth-child(2) {
    background-image: var(--profCar2)
}

.prof-form__car td:nth-child(3) {
    background-image: var(--profCar3)
}

.prof-form__car td:nth-child(4) {
    background-image: var(--profCar4)
}

.form:not(.form--custom) p {
    margin: 10px !important;
    margin-bottom: 30px !important
}

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

.image-gallery__bg-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image-gallery__cell-wrapper .image-gallery__inner a {
    position: inherit
}

h1,h2,h3,h4,h5,h6,p {
    margin-block-start:2.33em;margin-block-end:2.33em}

.hover_bkgr_fricc>div>.row>.col-sm-12>h2 {
    margin-block-start:.83em;margin-block-end:.83em}

.hover_bkgr_fricc>div>.row>.col-sm-12>p {
    margin-block-start:.83em;margin-block-end:.83em}

.comparator__title {
    margin-block-start:.83em;margin-block-end:.83em}

.comparator__blurb {
    margin-block-start:.83em;margin-block-end:.83em}

header {
    background-color: var(--navigationColor)
}

header .header-mobile-linklist {
    background: var(--navigationColor);
    display: none
}

header.is-hovered,header.is-normal {
    background-color: var(--navigationColor)
}

header.is-scrolled {
    background-color: var(--navigationColor)
}

.is-hovered .megamenu--three .megamenu__item>a,.is-scrolled .megamenu--three .megamenu__item>a,.is-normal .megamenu--three .megamenu__item>a {
    color: var(--navigationMegaLinkColor)
}

.megamenu--four .megamenu__logo__luxury .img-container {
    background-color: var(--navigationColor)
}

li.megamenu__item {
    color: var(--navigationColor);
    font-family: var(--navigationFirstLevelLinkFont) !important;
    font-weight: 700;
    line-height: 1.2
}

li.megamenu__item>a {
    color: var(--navigationMegaLinkColor);
    font-family: var(--navigationFirstLevelLinkFont);
    font-size: var(--navigationFontSize);
    font-weight: 300;
    text-transform: uppercase;
    color: var(--navigationFirstLevelFontColor)
}

li.megamenu__item>a {
    font-weight: var(--navigationFirstLevelFontWeight)
}

li.megamenu--three .megamenu__item {
    color: var(--navigationColor);
    font-family: var(--navigationFirstLevelLinkFont) !important;
    font-weight: 700;
    line-height: 1.2
}

li.megamenu--three .megamenu__item>a {
    color: var(--navigationMegaLinkColor);
    font-family: var(--navigationFirstLevelLinkFont);
    font-size: var(--navigationFontSize);
    font-weight: 300;
    text-transform: uppercase;
    color: var(--navigationFirstLevelFontColor)
}

li.megamenu--three .megamenu__item>a {
    font-weight: var(--navigationFirstLevelFontWeight)
}

.megamenu--three .megamenu__item>a {
    color: var(--navigationMegaLinkColor)
}

.is-hovered .megamenu--four .megamenu__item>a,.is-scrolled .megamenu--four .megamenu__item>a,.is-normal .megamenu--four .megamenu__item>a {
    color: var(--navigationMegaLinkColor)
}

header.boutique-nav--1.is-hovered .megamenu__panel,header.boutique-nav--1.is-normal .megamenu__panel {
    background-color: var(--navigationColor)
}

.megamenu__item>.megamenu__panel {
    background-color: var(--navigationSecondLevelBackgroundColor)
}

.megamenu__panel-title {
    color: var(--navigationSecondLevelFontColor);
    font-family: var(--navigationSecondLevelFontHeader)
}

.megamenu .megamenu__panel-title {
    color: var(--navigationSecondLevelFontColor);
    font-family: var(--navigationSecondLevelFontHeader)
}

.megamenu--three .megamenu__panel-title {
    color: var(--navigationSecondLevelFontColor);
    font-family: var(--navigationSecondLevelFontHeader)
}

.megamenu--three .megamenu__panel-list a {
    font-size: var(--navigationSecondLevelLinkFontSize);
    color: var(--navigationSecondLevelCtaTagColor);
    font-family: var(--navigationSecondLevelLinkFont)
}

.megamenu .megamenu__panel-list a {
    color: var(--navigationSecondLevelCtaTagColor)
}

.megamenu__panel-list a {
    font-size: var(--navigationSecondLevelLinkFontSize);
    color: var(--navigationSecondLevelCtaTagColor);
    font-family: var(--navigationSecondLevelLinkFont)
}

.is-normal .megamenu--three .megamenu__item.cta-square>a {
    color: var(--navigationMegaLinkColor)
}

.is-hovered .megamenu--three .megamenu__item.has-children>a:after,.is-scrolled .megamenu--three .megamenu__item.has-children>a:after,.is-normal .megamenu--three .megamenu__item.has-children>a:after {
    border-bottom: 1px solid var(--navigationMegaLinkColor);
    border-left: 1px solid var(--navigationMegaLinkColor)
}

.megamenu--three .megamenu__item.has-children>a:after {
    border-bottom: 1px solid var(--navigationMegaLinkColor);
    border-left: 1px solid var(--navigationMegaLinkColor)
}

.cta-square a:hover {
    border-color: var(--navigationActiveRegisterSquareBorderColor) !important;
    background-color: var(--navigationRegisterSquareBackgroundHoverColor) !important;
    color: var(--navigationRegisterSquareBackgroundHoverFontColor) !important
}

.cta-square>a {
    border-color: var(--navigationRegisterSquareBorderColor) !important;
    background-color: var(--navigationRegisterSquareBackgroundColor) !important;
    color: var(--navigationRegisterSquareBackgroundFontColor) !important
}

.is-hovered.is-normal .megamenu--three .megamenu__item.cta-square>a {
    color: var(--navigationFirstLevelFontColor)
}

header .header-mobile-linklist.social a {
    background-color: var(--navigationSocialColor)
}

a.phone.no-barba {
    color: var(--navigationSocialColor)
}

header .header-mobile-linklist.social a {
    text-indent: -999999px;
    height: 27px;
    width: 27px;
    border-radius: 50%;
    background-position: 50%;
    background-size: 70%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 8px;
    transition: .3s ease
}

header .header-mobile-linklist .phone {
    width: 40px;
    height: 22px
}

header .header-mobile-linklist.social a {
    background-color: var(--navigationSocialColor)
}

header .phone {
    background: var(--navigationPhoneIcon);
    background-size: 50%;
    background-position: center
}

header .location {
    background: var(--navigationLocationIcon);
    margin-top: 3px
}

header.is-scrolled .phone,header.is-normal .phone {
    background: var(--navigationPhoneIcon);
    color: var(--navigationSocialColor)
}

header.is-scrolled .location,header.is-normal .location {
    background: var(--navigationLocationIcon)
}

header.is-hovered .phone,header.is-normal .phone {
    background: var(--navigationPhoneIcon);
    color: var(--navigationSocialColor)
}

header.is-hovered .location,header.is-normal .location {
    background: var(--navigationLocationIcon)
}

header.is-hovered .phone,header.is-normal .phone {
    background: var(--navigationPhoneIcon);
    background-size: 70%;
    color: var(--navigationSocialColor)
}

header .links-header-register-now a {
    background-color: var(--registerNowBackgroundColor);
    color: var(--registerNowFontColor);
    font-size: var(--registerNowFontSize)
}

header.is-normal.is-fixed.has-cookiebar.is-scrolled {
    height: 120px
}

header.is-fixed.has-cookiebar {
    height: 120px
}

.megamenu__item[aria-expanded='true'],.megamenu__item:hover,.megamenu__item:focus,.megamenu__item.active-nav {
    border-color: var(--navigationFirstLevelUnderlineColor)
}

.is-hovered .megamenu__item>a,.is-scrolled .megamenu__item>a,.is-normal .megamenu__item>a {
    color: var(--navigationFirstLevelFontColor)
}

.is-hovered .megamenu .megamenu__item>a,.is-scrolled .megamenu .megamenu__item>a,.is-normal .megamenu .megamenu__item>a {
    color: var(--navigationFirstLevelFontColor)
}

.megamenu .megamenu__item>a {
    color: var(--navigationFirstLevelFontColor)
}

.megamenu .megamenu__item[aria-expanded='true'],.megamenu .megamenu__item:hover,.megamenu .megamenu__item:focus,.megamenu .megamenu__item.active-nav {
    border-color: var(--navigationSecondLevelUnderlineColor)
}

.isExternal:after {
    content: "";
    height: 11px;
    width: 11px;
    background: url(./images/external-link.svg) no-repeat 50%;
    background-size: auto;
    background-size: contain;
    display: inline-block;
    position: fixed;
    margin-left: 5px
}

.is-hovered .megamenu--four .megamenu__item.has-children>a:after,.is-scrolled .megamenu--four .megamenu__item.has-children>a:after,.is-normal .megamenu--four .megamenu__item.has-children>a:after {
    margin-left: 15px;
    transform: translateY(-5px) rotate(-45deg)
}

@media(min-width: 1200px) {
    .has-cookiebar>#content {
        margin-top:40px !important
    }

    .megamenu__item.has-children>a:after {
        border-bottom: 1px solid var(--navigationFirstLevelFontColor);
        border-left: 1px solid var(--navigationFirstLevelFontColor)
    }

    .boutique-nav--1 #nav-header .nav-row .megamenu--four .component-content nav .megamenu__list .megamenu__item.has-children {
        border-bottom: 5px solid transparent
    }

    .is-hovered .megamenu__item.has-children>a:after {
        border-bottom: 1px solid var(--navigationFirstLevelFontColor);
        border-left: 1px solid var(--navigationFirstLevelFontColor)
    }

    #content {
        margin-top: 0 !important
    }

    #content>.container:first-child {
        padding-top: 160px
    }

    #content>.container-fluid:first-child {
        padding-top: 160px
    }

    header .nav-list-header {
        right: 12px
    }

    .megamenu {
        -webkit-transform: none;
        transform: none;
        background-color: transparent;
        position: relative;
        height: 50%;
        margin-top: 50px!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    header .image img {
        max-height: 48px
    }

    header.boutique-nav--1.is-hovered .megamenu__panel,header.boutique-nav--1.is-normal .megamenu__panel {
        padding: 25px;
        background-color: var(--navigationColor);
        margin-left: -62px
    }

    .megamenu--four .megamenu__panel-list {
        line-height: 2
    }

    .megamenu--four .megamenu__panel-content {
        max-width: none;
        text-align: center
    }

    .boutique-nav--1 #nav-header .nav-row .megamenu--four .component-content nav .megamenu__list .megamenu__item.has-children {
        border-bottom: 5px solid transparent
    }

    .megamenu--four .megamenu__panel-list li {
        max-width: 250px;
        overflow-wrap: anywhere;
        white-space: initial
    }

    .boutique-nav--1 #nav-header .nav-row .megamenu--four .component-content nav .megamenu__list .megamenu__item {
        min-width: 115px
    }
}

@media(min-width: 1200px) and (max-width:1550px) {
    .boutique-nav--1 #nav-header .nav-row .megamenu--four .component-content nav .megamenu__list .megamenu__item:nth-child(2) {
        margin-left:110px
    }
}

.nav-phase-3.boutique-nav--1 {
    background-color: var(--navigationColor)
}

.boutique-nav--1 .megamenu--four .megamenu__item.has-children>a:after,.boutique-nav--1.is-scrolled .megamenu--four .megamenu__item.has-children>a:after,.boutique-nav--1.is-normal .megamenu--four .megamenu__item.has-children>a:after {
    margin-left: 15px;
    transform: translateY(-5px) rotate(-45deg)
}

.image-gallery_text h2 {
    text-align: var(--imageGalleryTextAlign)
}

.hero-banner-one__overlay-wrapper p {
    font-size: var(--heroBannerOneParagraphFontSize) !important
}

.hero-banner-one__overlay-wrapper h1 {
    color: var(--heroBannerOneHeadingFontColor)
}

p.hero-banner-one__description {
    color: var(--heroBannerOneParagraphFontColor)
}

.cta-square-large>a {
    border-color: var(--navigationRegisterSquareBorderColor) !important;
    background-color: var(--navigationRegisterSquareBackgroundColor) !important;
    color: var(--navigationRegisterSquareBackgroundFontColor) !important
}

#content .hero-banner-one:first-child iframe {
    margin-top: 5%
}

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

.hero-banner-one__text a {
    font-size: var(--HeroBannerLinkTextSize);
    font-family: var(--firstFont) !important
}

.hero-banner-one__overlay {
    align-items: center
}

.hero-banner-one .container p {
    font-size: var(--heroBannerOneParagraphFontSize) !important
}

.hero-banner-one .container h1 {
    color: var(--heroBannerOneHeadingFontColor)
}

.hero-banner-one .container .component-content {
    align-items: center
}

.component.hero-banner-one>.component-content>.container {
    background-color: transparent
}

@media(max-width: 350px) {
    .hero-banner-one__overlay-wrapper h1 {
        font-size:3em
    }
}

.hyperlink_no-underline:after {
    content: none
}

.indent {
    max-width: 940px !important
}

@media(min-width: 1200px) {
    .languageSelector-desktop {
        top:19%
    }

    a.language-selector__link.nav__link.no-barba {
        color: var(--languageSelectorDesktopColor)
    }

    a.language-selector__link.nav__link.no-barba:hover {
        color: var(--languageSelectorDesktopColorHover)
    }
}

@media(max-width: 1199px) {
    .languageSelector-mobile>.component-content>.language-selector>.language-selector-item>a.language-selector__link.nav__link.no-barba {
        color:var(--languageSelectorMobileColor)
    }

    #nav-header>.nav-row .languageSelector-mobile {
        background-color: var(--languageSelectorMobileBackgroundColor);
        border-bottom: var(--languageSelectorMobileBorderColor)
    }

    a.language-selector__link.nav__link.no-barba {
        color: var(--languageSelectorMobileColor)
    }
}

#content ul>li:before {
    content: "";
    display: list-item;
    list-style-type: disc;
    position: absolute
}

#content ul.tabs.tabs--boxes>li.tabs__item:before {
    content: none
}

#content ul {
    padding-left: 20px
}

@media(min-device-width: 769px) {
    #designstudio {
        z-index:1 !important
    }
}

@media(max-width: 1199px) {
    header {
        background-color:var(--navigationMobileColor) !important
    }

    header .header-mobile-linklist {
        background: var(--navigationMobileColor);
        display: none
    }

    .megamenu {
        background-color: var(--navigationMobileColor);
        width: 100%
    }

    .megamenu--three {
        background-color: var(--navigationMobileColor);
        width: 100%
    }

    header.nav-phase-3 {
        background-color: var(--navigationMobileColor) !important
    }

    header.nav-phase-3 .header-mobile-linklist.social,header.nav-phase-3 .header-mobile-linklist.contact {
        background-color: var(--navigationMobileColor) !important
    }

    header.nav-phase-3 .header-mobile-linklist.privacy {
        background-color: var(--navigationMobileColor) !important
    }

    .nav-phase-3.boutique-nav--1 nav {
        background-color: var(--navigationMobileColor) !important
    }

    .megamenu--three .megamenu__toggle>div:first-child {
        background-color: var(--navigationMegamenuToggleColor)
    }

    .megamenu--three .megamenu__toggle>div {
        background-color: var(--navigationMegamenuToggleColor)
    }

    header .header-mobile-linklist.social a {
        background-color: #fff
    }

    .megamenu .megamenu__item>a {
        color: var(--navigationFirstLevelFontColor)
    }

    .is-hovered .megamenu .megamenu__item>a,.is-scrolled .megamenu .megamenu__item>a,.is-normal .megamenu .megamenu__item>a {
        color: var(--mobileNavigationLinkColor)
    }

    header.is-scrolled {
        background-color: var(--navigationMobileColor) !important
    }

    header.is-hovered,header.is-normal {
        background-color: var(--navigationMobileColor) !important
    }

    header .phone {
        background: var(--navigationPhoneIcon);
        background-size: 50%;
        background-position: center
    }

    header.is-scrolled .phone,header.is-normal .phone {
        background: var(--navigationPhoneIcon);
        color: var(--navigationSocialColor);
        background-size: 50%;
        background-position: center
    }

    header.is-scrolled .location,header.is-normal .location {
        background: var(--navigationLocationIcon)
    }

    header.is-hovered .phone,header.is-normal .phone {
        background: var(--navigationPhoneIcon);
        color: var(--navigationSocialColor);
        background-size: 50%;
        background-position: center
    }

    header.is-hovered .location,header.is-normal .location {
        background: var(--navigationLocationIcon)
    }

    .megamenu .megamenu__toggle>div {
        background-color: var(--navigationMegamenuToggleColor)
    }

    #nav-header>.nav-row .social a.instagram {
        background-image: var(--navigationMobileInstagram)
    }

    #nav-header>.nav-row .social a.facebook {
        background-image: var(--navigationMobileFacebook)
    }

    #nav-header>.nav-row .social a.youtube {
        background-image: var(--navigationMobileYoutube)
    }

    li.megamenu__item>a {
        font-size: var(--navigationMobileFontSize)
    }

    .has-cookiebar.is-scrolled {
        height: 60px
    }

    li.megamenu__item {
        padding-top: 20px;
        color: var(--mobileNavigationLinkColor)
    }

    li.megamenu__item:nth-child(1) {
        border-top: 1px solid #c0c5c0
    }

    header .header-mobile-linklist.social a {
        background-color: var(--mobileNavigationSocialBackgroundColor)
    }

    .header-mobile-linklist ul {
        color: var(--mobileNavigationPrivacyStatementLinkColor)
    }

    .megamenu__item[aria-expanded='true'],.megamenu__item:hover,.megamenu__item:focus,.megamenu__item.active-nav {
        border-color: var(--mobileNavigationSecondLevelUnderlineColor) !important
    }

    .is-hovered .megamenu .megamenu__item.has-children>a:after,.is-scrolled .megamenu .megamenu__item.has-children>a:after,.is-normal .megamenu .megamenu__item.has-children>a:after {
        border-left-color: var(--MobileNavigationArrowColor);
        border-bottom-color: var(--MobileNavigationArrowColor)
    }

    .is-hovered .megamenu--three .megamenu__item.has-children>a:after,.is-scrolled .megamenu--three .megamenu__item.has-children>a:after,.is-normal .megamenu--three .megamenu__item.has-children>a:after {
        border-bottom: 1px solid var(--mobileNavigationArrowColor);
        border-left: 1px solid var(--mobileNavigationArrowColor)
    }

    header.boutique-nav--1.is-opened {
        max-height: 100vh;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100vh
    }

    header.boutique-nav--1.is-hovered .megamenu__panel,header.boutique-nav--1.is-normal .megamenu__panel {
        padding-left: 0;
        margin-bottom: 5px;
        margin-top: 5px
    }

    header.boutique-nav--1 .megamenu__panel>.megamenu__panel-content>.megamenu__panel-list>li>a {
        line-height: 40px
    }

    .boutique-nav--1.is-opened #nav-header .nav-row .megamenu--four .component-content nav .megamenu__list .cta-square {
        margin: 0
    }

    .boutique-nav--1 .megamenu--four {
        display: block;
        order: 0
    }

    .boutique-nav--1 .megamenu--four .megamenu__item>a {
        color: var(--navigationMegaLinkColor)
    }

    .boutique-nav--1 .megamenu--four .megamenu__item.has-children>a:after {
        border-bottom: 1px solid var(--navigationMegamenuToggleColor);
        border-left: 1px solid var(--navigationMegamenuToggleColor)
    }

    .boutique-nav--1 .social {
        display: block;
        position: relative;
        order: 1;
        margin-top: 100px
    }

    .boutique-nav--1 .megamenu--four .megamenu__panel-list {
        text-align: center
    }

    .boutique-nav--1 #nav-header .nav-row .image--mirvac {
        bottom: 5px !important;
        margin-left: 0;
        order: 2;
        position: relative
    }

    header.boutique-nav--1.has-cookiebar.is-opened {
        margin-top: 0 !important
    }

    .cta-square>a {
        background-color: transparent !important;
        border: none !important;
        color: var(--navigationMegaLinkColor) !important
    }

    header.nav-phase-3 .image:not(.image--logo) img {
        max-height: 35px
    }

    .boutique-nav--1 #nav-header .nav-row .megamenu--four .component-content nav .megamenu__list .megamenu__item .megamenu__panel {
        margin-left: 0;
        padding: 0
    }
}

@media(min-width: 769px) and (max-width:1025px) {
    .megamenu .megamenu__toggle>div {
        background-color:var(--navigationMegamenuToggleColor)
    }

    header.is-hovered .phone,header.is-normal .phone {
        margin-top: 10px
    }

    header .header-mobile-linklist .phone {
        margin-top: 0;
        width: 32px;
        height: 22px
    }

    .megamenu .megamenu__panel-list a {
        color: var(--navigationMobileMegaDropLinkColor)
    }
}

@media(max-width: 1200px) {
    #content {
        margin-top:0 !important
    }

    #content>.container:first-child {
        padding-top: 160px
    }

    #content>.container-fluid:first-child {
        padding-top: 160px
    }
}

@media(max-width: 768px) {
    .megamenu .megamenu__panel-list a {
        color:var(--navigationMobileMegaDropLinkColor);
        font-size: var(--navigationMobileMegaDropLinkSize)
    }
}

@media(max-width: 768px) {
    .megamenu--three .megamenu__panel-list a {
        font-size:var(--navigationSecondLevelLinkFontSize)
    }

    .isExternal:after {
        content: none
    }

    .is-opened .isExternal:after {
        content: "";
        height: 11px;
        width: 11px;
        background: url(./images/external-link.svg) no-repeat 50%;
        background-size: auto;
        background-size: contain;
        display: inline-block;
        padding-top: 49px;
        position: absolute;
        margin-left: 5px
    }

    header.nav-phase-3 .image img {
        height: 100%;
        width: 100%;
        max-width: 150px;
        height: auto
    }

    .image--mirvac {
        display: inline-block;
        max-width: 100%
    }
}

@media(max-width: 375px) {
    .modal__container {
        margin-top:80px
    }

    .component.image.file-type-icon-media-link.col-sm-push-5.image--mirvac {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    header.nav-phase-3 .image.image--logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
}

@media(max-width: 320px) {
    header.nav-phase-3 .image img {
        max-height:35px
    }

    header.nav-phase-3 .image {
        padding: 7.5px 0
    }

    header.nav-phase-3 .image--logo img {
        max-height: 70px !important
    }
}

.has-children>a {
    pointer-events: none;
    cursor: default
}

.card__ribbon {
    color: var(--newsRibbonColor)
}

.card__title {
    font-size: var(--NewsPageTitleFontSize)
}

.card__tag {
    color: var(--newsTagColor);
    font-family: 'BrandonGrotesqueOfficeRegular'
}

.switch-pagination .cta:last-of-type a:before {
    background: url("../images/icons/arrow-thick-w.svg") no-repeat !important
}

.switch-pagination .cta:first-of-type a:before {
    background: url("../images/icons/arrow-thick-w.svg") no-repeat !important
}

.switch-pagination p {
    color: var(--newsPageNumberColor)
}

.switch-pagination .cta a {
    color: var(--newsPageCtaColor);
    border-color: var(--newsPageCtaBorderColor)
}

.card__ribbon {
    background-color: var(--propertyfeaturesnowsellingbutton)
}

.cta--back a {
    color: var(--NewsCTAFontColor)
}

.rich-text>.component-content>.field-content {
    margin-top: 120px
}

span.card__title.field-title {
    color: var(--newsPageArticleTitleColor)
}

span.card__title.field-title {
    font-size: var(--NewsPageheadingsize);
    color: var(--NewsPaheheadingColor)
}

.subscribe-popup__title {
    color: var(--subscribePopUpTitleColor)
}

.subscribe-popup__content {
    background-color: var(--subscribePopUpTitleBackground)
}

.subscribe-popup__content p {
    color: var(--subscribePopUpFontColor)
}

.subscribe-popup__media .btn {
    color: var(--subscribePopUpButtonFontColor)
}

.card__title {
    color: var(--promoCardTitleFontColor)
}

.card__link {
    color: var(--promoCardLinkFontColor)
}

.card__title {
    font-size: var(--promoCardHeadingSize)
}

.promo-banner {
    background: var(--promocardbackground)
}

.resi-property-search-filter .input-wrapper label {
    font-size: var(--propertyFilterFontSize);
    color: var(--propertyFilterLabelColor)
}

.resi-property-search-filter .input-search {
    color: var(--propertyFilterInputColor)
}

.resi-property-search-filter .propertyType-filter>.input-wrapper--select>.ss-main>.ss-single-selected>span.placeholder {
    color: var(--propertyFilterInputColor)
}

.card__property-price {
    font-size: var(--propertyPriceFontSize)
}

.filters {
    padding: 120px 0;
    background-color: var(--propertyListingColor)
}

.rich-text>.component-content>ul>li {
    font-size: var(--propertyLiSize)
}

.listing .card__title {
    color: var(--propertyFontColor) !important
}

.filters h2 {
    color: var(--NowSellingFilterHeadingColor)
}

.card__tag {
    background-color: var(--HouseandLandBackgroundColor)
}

.listing--residential .card__sub-title {
    color: var(--propertyCardSizeColor)
}

.listing--residential .card__ribbon {
    color: var(--propertyCardButtonColor)
}

.listing--residential .card__property-price {
    color: var(--propertyCardPriceColor)
}

.resi-property-search-filter .btn {
    background-color: var(--propertyFeaturesFilterButtonsColor);
    Color: var(--propertyfeaturesfiltertextcolor)
}

main .input-wrapper.input-wrapper--select--sort .placeholder {
    color: var(--PropertyListingSortByColor)
}

.property-details__title {
    color: var(--propertyTitleFontColor)
}

.property-details__sub-title {
    color: var(--propertySubTitleFontColor)
}

.property-details__address {
    color: var(--propertyAddressFontColor)
}

.property-features__sub-title {
    color: var(--propertyFeaturesSubTitleFontColor)
}

.property-features__title {
    color: var(--propertyFeaturesTitleFontColor)
}

.property-features__description {
    color: var(--propertyDescriptionFontColor)
}

.resi-property-detail {
    color: var(--propertyDetailFontColor)
}

.card__sub-title {
    color: var(--PropertyDetailColor)
}

.property-features__media {
    background-color: var(--propertyFeaturesIconColor)
}

.resi-property-detail .property-details__cta {
    background-color: var(--propertyEnquireButtonBackgroundColor)
}

.resi-property-page>#wrapper>main>#content>.container>.component-content>.rich-text>.component-content>p {
    color: var(--propertyParagraphFontColor) !important
}

.resi-property-page>#wrapper>main>#content>.container>.component-content>.rich-text>.component-content {
    color: var(--propertyParagraphFontColor) !important
}

.resi-property-page>#wrapper>main>#content>.container>.component-content>.rich-text {
    color: var(--propertyParagraphFontColor) !important
}

.resi-property-page>#wrapper>main>#content>.form>.component-content>form>.custom-accordion>* {
    color: var(--propertyFormPrivacyFontColor)
}

.input-wrapper.input-wrapper--select.input-wrapper--select--sort>label {
    color: var(--propertyFilterSortLabelColor)
}

@media(max-width: 768px) {
    .resi-property-search-filter .input-search {
        font-size:1.3em
    }
}

.resi-property-detail .property-details__address {
    font-size: 1.75em
}

.resi-property-detail .property-details__title {
    line-height: initial
}

.property-details__cta.btn {
    font-size: var(--propertyEnquireNowButtonFontSize)
}

.pagination__item.active,.pagination li.active {
    background-color: var(--propertyPaginationBackgroundColor);
    background-color: var(--PropertyPaginationSecondBackgroundColor);
    color: var(--propertyPaginationNumberColor)
}

li.pagination__item {
    color: var(--propertyPaginationSecondColor);
    background-color: var(--PropertySecondPaginationBackgroundColor)
}

.pagination__list>.pagination__item::before {
    list-style-type: none !important
}

.propertyType-filter,.form-container__row:nth-child(2)>div:nth-child(1) {
    display: var(--propertyTypeFilterVisibility)
}

button.advanced-filters {
    display: var(--FilterButtonVisibility)
}

.bedroom-filter,.form-container__row:nth-child(2)>div:nth-child(2) {
    display: var(--bedroomFilterVisibility)
}

.bathroom-filter,.form-container__row:nth-child(2)>div:nth-child(3) {
    display: var(--bathroomFilterVisibility)
}

.minPrice-filter,.form-container__row:nth-child(3)>div:nth-child(1) {
    display: var(--minPriceFilterVisibility)
}

.maxPrice-filter,.form-container__row:nth-child(3)>div:nth-child(2) {
    display: var(--maxPriceFilterVisibility)
}

.minLandSize-filter,.form-container__row:nth-child(3)>div:nth-child(3) {
    display: var(--minLandSizeFilterVisibility)
}

.maxlandSize-filter,.form-container__row:nth-child(3)>div:nth-child(4) {
    display: var(--maxlandSizeFilterVisibility)
}

.minFrontage-filter,.form-container__row:nth-child(3)>div:nth-child(5) {
    display: var(--minFrontageFilterVisibility)
}

.maxFrontage-filter,.form-container__row:nth-child(3)>div:nth-child(6) {
    display: var(--maxFrontageFilterVisibility)
}

.card__property-price {
    display: var(--propertyPriceVisibility)
}

.property-details__sub-title {
    display: var(--propertyPriceVisibility)
}

.listing__sort-inner {
    display: var(--propertySortVisibility)
}

.card__property-address {
    display: var(--propertyAddressVisibility)
}

.card__sub-title .card__property-address {
    display: var(--propertyAddressVisibility)
}

.property-details__address {
    display: var(--propertyAddressVisibility)
}

.resi-property-features {
    display: var(--propertyFeaturesVisibility)
}

.resi-property-map {
    display: var(--propertyMapVisibility)
}

.card__property-bed:before {
    background: var(--propertyAmenityIconBed)
}

.card__property-bath:before {
    background: var(--propertyAmenityIconBath)
}

.card__property-car:before {
    background: var(--propertyAmenityIconCar)
}

.card__property-meta>* {
    color: var(--propertyAmenityFontColor)
}

@media(min-width: 768px) and (max-width:1024px) {
    .input-wrapper.input-wrapper--text.input-wrapper--search.input-wrapper--show-placeholder {
        width:300px
    }
}

@media(max-width: 768px) {
    .property-carousel__slide img {
        object-fit:revert
    }
}

.micromodal-slide .modal__image img {
    object-fit: revert
}

p {
    color: var(--paragraphFontColor);
    font-family: var(--paragraphFontFamily) !important;
    font-weight: 500;
    font-size: var(--pargraphFontSize);
    line-height: 1.6;
    margin-block-start:2em;margin-block-end:2em;line-height: var(--lineHeightParagraph) !important
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 1em;
    font-family: var(--firstFont) !important;
    font-weight: 700;
    line-height: 1.2;
    margin-block-start:2em;margin-block-end:2em}

main h1,.content h1 {
    color: var(--h1headingColor)
}

main h2,.content h2 {
    color: var(--h2headingColor)
}

main h3,.content h3 {
    color: var(--h3headingColor)
}

main h4,.content h4 {
    color: var(--h4headingColor)
}

main h5,.content h5 {
    color: var(--h5headingColor)
}

main h6,.content h6 {
    color: var(--h6headingColor)
}

.rich-text h3,h4,h5 {
    color: var(--headingFontColor)
}

ul {
    color: var(--ulFontColor);
    font-family: var(--ulFontFamily) !important;
    font-weight: 500;
    font-size: var(--ulFontSize);
    line-height: 1.6
}

main a:after {
    background-color: var(--aTagUnderline);
    height: var(--aTagUnderlineHeight)
}

.content h1,h2,h3,h4,h5,h6 {
    margin-bottom: 1em;
    color: var(--headingFontColor);
    font-family: var(--firstFont) !important;
    font-weight: 700;
    line-height: 1.2
}

.content p {
    color: var(--paragraphFontColor);
    font-family: var(--paragraphFontFamily)!important;
    font-weight: 500;
    font-size: var(--pargraphFontSize);
    line-height: var(--lineHeightParagraph)
}

.content ul {
    color: var(--ulFontColor);
    font-family: var(--ulFontFamily) !important;
    font-weight: 500;
    font-size: var(--ulFontSize);
    line-height: 1.6
}

@media(max-width: 768px) {
    ul {
        color:var(--ulFontColor);
        font-family: var(--ulFontFamily) !important;
        font-weight: 500;
        font-size: var(--ulMobileFontSize);
        line-height: 1.6
    }
}

h1 {
    font-size: var(--headingOneFontSize)
}

h2 {
    font-size: var(--headingTwoFontSize)
}

h3 {
    font-size: var(--headingThreeFontSize);
    font-weight: 600 !important
}

h4 {
    font-size: var(--headingFourFontSize)
}

h3,h4,h5 {
    color: var(--headingComponentFontColor)
}

div#wrapper {
    overflow: hidden
}

:root {
    --headingFiveFontSize: var(--headingFourFontSize);
    --headingSixFontSize: var(--headingFourFontSize);
    --cookiebarParagraphColor: #ffffff;
    --cookiebarCtaColor: #ffffff;
    --propertyFeaturesFilterButtonsColor: #000000;
    --comparatorBackgroundLight: #f2f2f2;
    --comparatorBackgroundDark: #000000;
    --formSubmitButtonBackgroundColor: #000000;
    --formSubmitButtonFontSize: 1.3em;
    --formPrivacyStatementHeaderFontSize: 14px;
    --downloadCardButtonFontSize: 1.3em;
    --propertyEnquireNowButtonFontSize: 1.3em;
    --awardYearColor: #ffffff;
    --HeroBannerLinkTextSize: 1.6em;
    --propertyAmenityIconBed: url("/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/bed.svg");
    --propertyAmenityIconBath: url("/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/bath.svg");
    --propertyAmenityIconCar: url("/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/car.svg");
    --propertyAmenityFontColor: #000000;
    --mobileNavigationArrowColor: #ffffff;
    --mobileNavigationLinkColor: var(--navigationFirstLevelFontColor);
    --propertyAddressVisibility: contents;
    --promoCardHeadingSize: var(--headingThreeFontSize);
    --formPrivacyLinkFontColor: #000000;
    --propertyFilterSortLabelColor: var(--propertyFilterLabelColor);
    --galleryCardTitleColor: #ffffff;
    --navigationFirstLevelUnderlineColor: var(--navigationMegaLinkColor);
    --navigationActiveRegisterSquareBorderColor: var(--navigationMegaLinkColor);
    --navigationRegisterSquareBorderColor: var(--navigationMegaLinkColor);
    --customContainerBackgroundTransparent: transparent;
    --heroBannerOneParagraphFontSize: var(--paragraphFontSize);
    --footerNavigationFontSize: 1.125em;
    --formHeaderSize: 3em;
    --navigationMobileFontSize: var(--navigationFontSize);
    --formInnerBackgroundColor: #FFFFFF;
    --formFieldBackgroundColor: #FFFFFF;
    --formTextboxFontColor: var(--color-black);
    --formErrorMsgColor: inherit;
    --navigationSecondLevelBackgroundColor: var(--navigationColor);
    --FooterBackgroundColor: #ffffff;
    --lineHeightParagraph: 1.5em;
    --mobileNavigationArrowColor: var(--navigationMegaLinkColor);
    --conceptCarouselHeadingSize: 2em;
    --EnquireNowFormBackground: #ffffff;
    --alphabetCarouselBlurbbackground: #ffffff;
    --alphabetCarouselfontsize: var(--pargraphFontSize);
    --mapdropdowntextcolor: var(--ulfontcolor);
    --expanderTilesPrimaryHeading: var(--headingComponentFontColor);
    --expanderTilesHoverHeading: var(--headingComponentFontColor);
    --expanderTilesBackgroundColor: #456B78;
    --h1headingColor: var(--headingFontColor);
    --h2headingColor: var(--headingFontColor);
    --h3headingColor: var(--headingFontColor);
    --h4headingColor: var(--headingFontColor);
    --h5headingColor: var(--headingFontColor);
    --h6headingColor: var(--headingFontColor);
    --showgradiant: unset;
    --profBackgroundColor: #ffffff;
    --profWrapperBackgroundColor: #ffffff;
    --profIntroColor: #000000;
    --profLabelColor: #000000;
    --profTextboxFontColor: #000000;
    --profBorderColor: #000000;
    --profSubmitBackground: rgb(33,39,46);
    --profSubmitTextColor: #ffffff;
    --profRadioBorderColor: #000000;
    --profKeychain: url("./images/Profiling Form/Nine/keychain.svg");
    --profMoney: url("./images/Profiling Form/Nine/money.svg");
    --profCouple: url("./images/Profiling Form/Nine/couple.svg");
    --profFamily: url("./images/Profiling Form/Nine/family.svg");
    --profGrand: url("./images/Profiling Form/Nine/grandparents.svg")
}

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