.map__container {
    max-width: 100%
}

.map__accordion-content {
    color: #e7a479;
    font-size: 15px
}

#content ul>li:before {
    list-style-type: none
}

.map__panel {
    overflow: auto
}

.map__accordion-heading {
    font-family: 'Poppins-Light'
}

.megamenu--three .megamenu__toggle[aria-expanded='true']+.megamenu__list {
    text-align: center;
    transform: translateY(10vh)
}

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

.megamenu--three .megamenu__toggle[aria-expanded='true']+.megamenu__list .megamenu__item {
    border: none
}

.megamenu--three .megamenu__toggle[aria-expanded='true']+.megamenu__list li.megamenu__item:nth-child(1) {
    border: none
}

header.boutique-nav--1 .image.image--mirvac:not(.image--logo) {
    display: none
}

.boutique-nav--1 #nav-header .nav-row .image--logo {
    order: 0
}

.boutique-nav--1.is-opened #nav-header .nav-row .image--logo {
    top: 15vh
}

header {
    margin-top: 0
}

@media(max-width: 1529px) {
    header.boutique-nav--1.is-opened {
        overflow-x:hidden
    }

    header.boutique-nav--1.is-opened .header-mobile-linklist.contact ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100vw
    }

    .boutique-nav--1.is-opened #nav-header .nav-row .image--logo {
        width: 100%;
        bottom: 0 !important;
        padding-bottom: 80px;
        left: 0;
        margin-right: 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    header.boutique-nav--1.is-opened .image .component-content {
        justify-content: center
    }

    .is-opened .contact li {
        padding: 0 5px;
        border-right: 1px solid #c0c5c0
    }

    .is-opened .contact li.last {
        border-right: 0
    }

    .is-opened .component.link-list.header-mobile-linklist.contact {
        order: 1;
        padding: 0
    }

    .boutique-nav--1.is-opened #nav-header .nav-row .social {
        padding: 0 25px 40px;
        align-self: end
    }

    header.boutique-nav--1.is-opened .nav-row {
        height: 85vh
    }
}

@media(min-width: 1200px) and (max-width:1529px) {
    .megamenu--three {
        width:100%;
        margin-top: -25px
    }

    .megamenu--three .megamenu__item {
        display: inline-block;
        white-space: nowrap;
        line-height: 50px;
        -webkit-transition: border-color .3s;
        transition: border-color .3s;
        min-height: 50px;
        padding: 0 25px;
        border-bottom: 1px solid #c0c5c0
    }

    header.boutique-nav--1 .nav-row {
        flex-wrap: wrap
    }

    .megamenu--three .megamenu__toggle[aria-expanded='true']+.megamenu__list {
        text-align: center;
        transform: none
    }

    .boutique-nav--1.is-opened #nav-header .nav-row .image--logo {
        top: 10vh
    }

    .is-opened .component.link-list.header-mobile-linklist.social,.is-opened .component.link-list.header-mobile-linklist.contact {
        display: block !important;
        background-color: var(--navigationMobileColor) !important
    }

    .is-opened .megamenu--three {
        -webkit-transform: none;
        transform: none;
        background-color: transparent;
        position: relative;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto 0;
        padding-top: 8px
    }

    header.boutique-nav--1.is-opened .header-mobile-linklist.contact ul {
        width: 80vw
    }

    .boutique-nav--1.is-opened #nav-header .nav-row .social a {
        background-color: transparent
    }

    .boutique-nav--1.is-opened #nav-header .nav-row .social a.facebook {
        background-image: url(./images/icon-facebook.svg)
    }

    .boutique-nav--1.is-opened #nav-header .nav-row .social a.youtube {
        background-image: url(./images/icon-youtube.svg);
        height: 30px;
        width: 33px
    }

    .boutique-nav--1.is-opened #nav-header .nav-row .social a.instagram {
        background-image: url(./images/icon-insta.svg)
    }

    .is-opened .social li.item0 {
        order: 0
    }

    .is-opened .social li.item1 {
        order: 2
    }

    .is-opened .social li.item2 {
        order: 1
    }

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

    .is-opened button.megamenu__toggle {
        top: -130px !important
    }
}

@media(min-width: 1200px) {
    header.nav-phase-3 {
        background-color:var(--navigationMobileColor) !important
    }

    .megamenu--three .component-content {
        margin-right: auto
    }

    .megamenu--three .megamenu__item.cta-square {
        border: none;
        border-bottom: 8px solid transparent
    }

    .megamenu--three .megamenu__item.cta-square a {
        margin-left: 12px;
        border: none;
        padding: 5px 25px;
        background: linear-gradient(to right,var(--secondaryColor),var(--primaryColor) 180%) !important;
        color: #000 !important
    }

    header.boutique-nav--1 .megamenu--three .megamenu__toggle {
        display: block !important;
        height: 60px;
        width: 60px;
        top: 0;
        right: 0;
        position: absolute;
        background-color: transparent;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .megamenu--three .megamenu__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 0;
        overflow: hidden
    }

    header.boutique-nav--1 .image.image--mirvac {
        bottom: -2vh;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media(min-width: 1530px) {
    header.nav-phase-3 {
        background-color:rgba(0,0,0,0) !important
    }

    .boutique-nav--1.is-scrolled {
        background-color: #252849 !important
    }

    header.boutique-nav--1 .image.image--mirvac {
        bottom: -25px;
        left: 0;
        -webkit-transform: none;
        transform: none
    }

    header.boutique-nav--1 .image:not(.image--logo) {
        display: block !important;
        right: 0;
        left: inherit;
        bottom: 25px
    }

    header.boutique-nav--1 .megamenu--three .megamenu__toggle {
        display: none !important
    }

    .boutique-nav--1 #nav-header .nav-row .megamenu--three .component-content nav .megamenu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%
    }
}

.megamenu--three .megamenu__item>a {
    letter-spacing: 3px;
    font-size: 15px
}

header.boutique-nav--1 #nav-header {
    max-width: 100%
}

@media(max-width: 767px) {
    .boutique-nav--1 #nav-header .nav-row .image--logo {
        left:0;
        top: 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        left: 5%;
        margin-right: 25%
    }

    header.boutique-nav--1 .image img {
        height: 100%;
        max-height: fit-content !important;
        width: auto;
        max-width: 250px
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    .boutique-nav--1 #nav-header .nav-row .image--mirvac {
        bottom:0 !important
    }
}

header.nav-phase-3.boutique-nav--1.is-hovered {
    background-color: #252849 !important
}

footer.boutique-nav--1 {
    background-color: var(--FooterBackgroundColor) !important
}

footer .row>* {
    flex-shrink: unset;
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

header {
    z-index: 1000000000
}

div#wrapper,footer,#nav-footer>.row {
    background-color: #000 !important
}

footer p {
    color: var(--footerBlockTextParagraphFontColor)
}

#nav-footer p {
    line-height: 16px !important
}

.nav-footer-logo img {
    height: 100px !important
}

.nav-footer-logo {
    max-width: 150px !important
}

#nav-footer .nav-list-footer {
    transform: translateX(-50%) !important
}

#nav-footer .nav-footer-middle h2 {
    color: #fff !important
}

.nav-footer-middle {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    margin-bottom: 100px
}

.boutique-nav--1 #nav-footer .image--footer-graphic img {
    height: auto
}

.boutique-nav--1 #nav-footer .nav-footer-logo {
    margin-top: 0
}

.boutique-nav--1 #nav-footer .nav-list-social {
    bottom: 100px;
    right: 0
}

.boutique-nav--1 #nav-footer .nav-list-social ul {
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.boutique-nav--1 #nav-footer .nav-list-social ul li {
    margin-right: 0 !important;
    margin-left: 10px !important
}

.boutique-nav--1 #nav-footer .nav-list-footer {
    bottom: 50px;
    margin-right: 0
}

.nav-footer .row {
    height: 450px
}

.boutique-nav--1 #nav-footer .nav-footer-text {
    bottom: -60px;
    position: relative
}

#nav-footer .row div:nth-child(4) p {
    color: #977b59 !important
}

.boutique-nav--1 #nav-footer .nav-list-social a.facebook {
    background-color: unset;
    background-image: url(../styles/images/facebook.svg)
}

.boutique-nav--1 #nav-footer .nav-list-social a.youtube {
    background-color: unset;
    background-image: url(../styles/images/youtube.svg)
}

.boutique-nav--1 #nav-footer .nav-list-social a.instagram {
    background-color: unset;
    background-image: url(../styles/images/instagram.svg)
}

@media(max-width: 1390px) {
    .nav-footer-middle {
        margin-bottom:150px
    }
}

@media(max-width: 1199px) {
    .boutique-nav--1 #nav-footer .nav-list-footer {
        left:50% !important;
        max-width: 100vw
    }

    .nav-footer-middle {
        margin-bottom: 0
    }

    .boutique-nav--1 #nav-footer .nav-footer-logo img {
        width: 70%
    }

    .boutique-nav--1 #nav-footer .nav-list-social {
        bottom: -15px
    }

    .boutique-nav--1 #nav-footer .image--footer-graphic {
        display: none
    }

    .boutique-nav--1 #nav-footer>.row {
        padding-top: 0
    }

    .component.image.file-type-icon-media-link.image--mirvac-quality-right {
        order: 1;
        margin-bottom: 30px
    }

    .boutique-nav--1 #nav-footer .navigation {
        order: 2;
        margin-top: 0;
        background-color: #454864
    }

    .boutique-nav--1 #nav-footer .navigation nav {
        margin-top: 25px
    }

    .boutique-nav--1 #nav-footer .nav-footer-text {
        order: 3;
        margin-top: 30px
    }

    .boutique-nav--1 #nav-footer .nav-footer-logo {
        order: 5
    }

    .boutique-nav--1 #nav-footer .nav-footer-landcom-block {
        order: 6
    }

    .boutique-nav--1 #nav-footer .nav-list-footer {
        order: 7
    }

    .image--mirvac-quality-right img {
        height: auto;
        width: 20vh;
        margin-top: 0
    }

    #nav-footer .nav-footer-logo svg,#nav-footer .nav-footer-logo img {
        width: 25vh !important;
        margin-left: -20px !important;
        max-width: 130%
    }

    .boutique-nav--1 #nav-footer .nav-footer-logo {
        margin-top: 0;
        margin-top: 50px
    }
}

@media(min-width: 1200px) {
    .boutique-nav--1 #nav-footer .navigation {
        margin-top:-40px;
        margin-right: 0;
        flex-basis: 80%
    }

    .boutique-nav--1 #nav-footer .navigation nav>* {
        margin: 0 10px 15px 10px;
        min-width: 100px
    }

    .boutique-nav--1 #nav-footer .nav-footer-logo svg,.boutique-nav--1 #nav-footer .nav-footer-logo img {
        width: 15vw;
        max-width: 180%
    }

    .boutique-nav--1 #nav-footer .nav-footer-logo {
        top: 85px
    }

    .boutique-nav--1 #nav-footer .image--mirvac-quality-right {
        width: auto;
        right: 0;
        top: -60px;
        position: relative;
        order: 5
    }

    .boutique-nav--1 #nav-footer .image--mirvac-quality-right img {
        width: 100vw;
        height: auto;
        min-width: 230px;
        max-width: 260px
    }

    .boutique-nav--1 #nav-footer .nav-footer-landcom-block {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 60%;
        bottom: 210px;
        text-align: center
    }
}

@media(min-width: 1200px) and (max-width:1550px) {
    .boutique-nav--1 #nav-footer .image--mirvac-quality-right img {
        width:200px;
        transition: all .2s ease-in-out
    }

    .boutique-nav--1 #nav-footer .image--mirvac-quality-right img {
        width: 100vw;
        min-width: unset;
        max-width: 210px
    }

    .boutique-nav--1 #nav-footer .nav-footer-text {
        min-width: 215
    }

    .boutique-nav--1 #nav-footer .navigation {
        margin-left: 0
    }

    .boutique-nav--1 #nav-footer .nav-footer-logo {
        left: -60px
    }

    .boutique-nav--1 #nav-footer .nav-footer-text {
        left: -60px
    }
}

@font-face {
    font-family: 'FrankRuhlLibre';
    src: url('Fonts/FrankRuhlLibre.woff')
}

@font-face {
    font-family: 'Roboto';
    src: url('Fonts/Roboto.woff')
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url('Fonts/Oswald-Regular.woff')
}

@font-face {
    font-family: 'Noe Display';
    src: url('Fonts/NoeDisplay-BlackItalic.woff2') format('woff2'),url('Fonts/NoeDisplay-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noe Display';
    src: url('Fonts/NoeDisplay-Black.woff2') format('woff2'),url('Fonts/NoeDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noe Display';
    src: url('Fonts/NoeDisplay-Bold.woff2') format('woff2'),url('Fonts/NoeDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('Fonts/BasisGrotesquePro-Light.woff2') format('woff2'),url('Fonts/BasisGrotesquePro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('Fonts/BasisGrotesquePro-Bold.woff2') format('woff2'),url('Fonts/BasisGrotesquePro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Chronicle Display';
    src: url('Fonts/ChronicleDisplay-LightItalic.woff2') format('woff2'),url('Fonts/ChronicleDisplay-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Chronicle Display';
    src: url('Fonts/ChronicleDisplay-Black.woff2') format('woff2'),url('Fonts/ChronicleDisplay-Black.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Chronicle Display';
    src: url('Fonts/ChronicleDisplay-Roman.woff2') format('woff2'),url('Fonts/ChronicleDisplay-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Chronicle Display';
    src: url('Fonts/ChronicleDisplay-Semi.woff2') format('woff2'),url('Fonts/ChronicleDisplay-Semi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

:root {
    --firstFont: "Chronicle Display",serif;
    --primaryFont: "Chronicle Display",serif;
    --secondFont: 'Noe Display',serif;
    --secondaryFont: 'Noe Display',serif;
    --navigationFirstLevelLinkFont: "Basis Grotesque Pro",serif;
    --navigationSecondLevelLinkFont: "Basis Grotesque Pro",serif;
    --navigationSecondLevelFontHeader: "Basis Grotesque Pro",serif;
    --paragraphFontFamily: "Basis Grotesque Pro",serif;
    --ulFontFamily: "Basis Grotesque Pro",serif;
    --thirdFont: "Basis Grotesque Pro",serif;
    --primaryColor: #bba58c;
    --secondaryColor: #bba58c;
    --headingFontColor: #bba58c;
    --paragraphFontColor: #1e2e4c;
    --ulFontColor: #bba58c;
    --aTagUnderline: #bba58c;
    --headingComponentFontColor: #bba58c;
    --pargraphFontSize: 1.5em !important;
    --headingOneFontSize: 3.875rem;
    --headingTwoFontSize: 2.4em !important;
    --headingThreeFontSize: 2.625rem;
    --headingFourFontSize: 1.5em !important;
    --ulFontSize: 16px !important;
    --ulMobileFontSize: 12px !important;
    --navigationColor: #252849;
    --navigationMegaLinkColor: #fff;
    --navigationSecondLevelBackgroundColor: rgba(30,46,76,.7);
    --navigationFirstLevelFontColor: #fff;
    --navigationSecondLevelFontColor: #fff;
    --navigationSecondLevelCtaTagColor: #fff;
    --navigationSecondLevelUnderlineColor: #d3d4d5;
    --navigationSocialColor: #bba58c;
    --navigationLocationIcon: url('/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/location-white.svg') no-repeat;
    --navigationFontSize: 1.1em;
    --navigationFirstLevelFontWeight: 700;
    --navigationSecondLevelHeaderFontSize: 2.5em;
    --navigationSecondLevelLinkFontSize: 1.2em;
    --navigationRegisterSquareBackgroundColor: #1e2e4c;
    --navigationRegisterSquareBackgroundFontColor: #fff;
    --navigationRegisterSquareBackgroundHoverColor: #bba58c;
    --navigationRegisterSquareBackgroundHoverFontColor: #fff;
    --navigationRegisterSquareBorderColor: #bba58c;
    --navigationMobileColor: rgba(30,46,76,1);
    --navigationMobileMegaDropLinkColor: #fff;
    --mobileNavigationLinkColor: #1e2e4c;
    --navigationMegamenuToggleColor: #bba58c;
    --mobileNavigationSocialBackgroundColor: #bba58c;
    --mobileNavigationPrivacyStatementLinkColor: #d3d4d5;
    --mobileNavigationSecondLevelUnderlineColor: #d3d4d5;
    --languageSelectorDesktopColor: #ca8950;
    --languageSelectorDesktopColorHover: #ca8950;
    --languageSelectorMobileColor: #ca8950;
    --languageSelectorMobileBackgroundColor: #ffffff;
    --languageSelectorMobileBorderColor: 1px solid #c0c5c0;
    --footerHeadingThreeSize: 1.4em;
    --footerNavigationFontSize: 1.5em;
    --footerSocialIconsBackgroundColor: #bba58c;
    --footerALinkColor: #fff;
    --footerExploreMoreFontColor: #fff;
    --footerAddressFontColor: #fff;
    --footerPhoneFontColor: #fff;
    --FooterBackgroundColor: #252849;
    --footerLandcomFontColor: #fff;
    --footerParagraphFontSize: 1.4em;
    --primaryContrast: #e6e7e8;
    --secondaryContrast: #e6e7e8;
    --customContainerBackgroundColor1: #e2dacf;
    --customContainerBackgroundColor2: #d3d4d5;
    --customContainerBackgroundColor3: #bba58c;
    --customContainerBackgroundColor4: #1e2e4c;
    --propertyFilterFontSize: 1.2em;
    --propertyFontColor: #ffffff;
    --propertyPriceFontSize: 1.25em;
    --propertyLiSize: 1.3em;
    --propertyListingColor: #e4ecf8;
    --propertyFilterLabelColor: #79a2dc;
    --propertyFilterInputColor: #79a2dc;
    --propertyCardSizeColor: #FFFFFF;
    --propertyCardButtonColor: #79a2dc;
    --propertyCardPriceColor: #FFFFFF;
    --propertyPaginationColor: #ffffff;
    --propertyPaginationSecondColor: #ffffff;
    --PropertyListingSortByColor: #FFFFFF;
    --propertyTypeFilterVisibility: none;
    --bedroomFilterVisibility: block;
    --bathroomFilterVisibility: block;
    --minPriceFilterVisibility: block;
    --maxPriceFilterVisibility: block;
    --minLandSizeFilterVisibility: block;
    --maxlandSizeFilterVisibility: block;
    --minFrontageFilterVisibility: none;
    --maxFrontageFilterVisibility: none;
    --propertyPriceVisibility: block;
    --propertySortVisibility: block;
    --propertyAddressVisibility: none;
    --propertyAmenityIconBed: url('/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/bed-white.svg');
    --propertyAmenityIconBath: url('/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/bath-white.svg');
    --propertyAmenityIconCar: url('/-/media/Project/Mirvac/Residential/Base%20Residential%20Site/Base%20Residential%20Component%20Theme/Styles/images/car-white.svg');
    --propertyAmenityFontColor: #ffffff;
    --propertyTitleFontColor: #79a2dc;
    --propertySubTitleFontColor: #000000;
    --propertyAddressFontColor: #79a2dc;
    --propertyEnquireButtonBackgroundColor: #000000;
    --propertyFeaturesTitleFontColor: #79a2dc;
    --propertyFeaturesSubTitleFontColor: #000000;
    --propertyDescriptionFontColor: #000000;
    --propertyDetailFontColor: #000000;
    --propertyFeaturesIconColor: #061e42;
    --propertyParagraphFontColor: #000000;
    --propertyFormPrivacyFontColor: #000000;
    --propertyFeaturesVisibility: block;
    --propertyMapVisibility: block;
    --alphabetCarouselIntroVisibility: flex;
    --alphabetCarouselHeadingVisibility: block;
    --alphabetCarouselBackground: #e9eaed;
    --alphabetCarouselHeadingFourColor: #bba58c;
    --alphabetCarouselBlurbbackground: #f6f7f8;
    --alphabetCarouselParagraphColor: #1e2e4c;
    --alphabetCarouselHeadingFourSize: 2.1em;
    --alphabetCarouselHeadingThreeSize: 2.4em;
    --alphabetcarourselslidebuttoncolor: #1e2e4c;
    --alphabetCarouselHeadingThreeColor: #bba58c;
    --MirvacDifferenceBackgroundColor: #1e2e4c !important;
    --awardTitleColor: #bba58c;
    --awardDescriptionColor: #1e2e4c;
    --awardYearColor: #1e2e4c;
    --Awardcardbackground: #e2dacf;
    --conceptCarouselHeadingColor: #bba58c;
    --conceptCarouselSlideHeadingColor: #bba58c;
    --ConceptCarouselBlurbFontSize: 1.7em;
    --conceptCarouselBlurbColor: #1e2e4c;
    --conceptCarouselBackground: #e2dacf;
    --cookieBarFontSize: .9em;
    --promoCardLinkFontColor: #bba58c;
    --featuredContentHeadingColor: #bba58c;
    --featuredContentParagraphColor: #1e2e4c;
    --featuredCarouselBackgroundColor: #1e2e4c;
    --featuredContentCtaFontSize: 1.5em;
    --featuredContentCtaColor: #bba58c;
    --formHeaderFontColor: #bba58c;
    --formLabelFontColor: #1e2e4c;
    --formPrivacyFontColor: #1e2e4c;
    --formParagraphFontColor: #1e2e4c;
    --formSubmitButtonBackgroundColor: #1e2e4c;
    --formBorderColor: #f2f2f2;
    --formSubmitBackgroundColor: #1e2e4c;
    --FormSubmitTextColor: #fff;
    --FormBackgroundOpacity: .95;
    --formLabelFontSize: 1.5em;
    --formBackgroundColor: #e2dacf;
    --formInnerBackgroundColor: #e2dacf;
    --formFieldsetLegendFontSize: 1.7em !important;
    --formCheckboxLabelFontSize: 1.7em !important;
    --formBackgroundAttachment: unset;
    --comparatorDarkFontColor: #ffffff;
    --comparatorLightFontColor: #1e2e4c;
    --downloadCardBackground: #1e2e4c;
    --downloadCardHeadingFontColor: #e2dacf;
    --downloadCardParagraphFontColor: #fff;
    --downloadCardButtonFontColor: #fff;
    --downloadCardButtonBackgroundColor: #bba58c;
    --ctaImageGridBackgroundColor: #e2dacf;
    --ctaImageGridHyperlinkColor: #bba58c;
    --ctaImageGridHyperlinkSize: 1.3em;
    --newsRibbonColor: #ffffff;
    --newsTagColor: #ffffff;
    --newsPageNumberColor: #1e2e4c;
    --newsPageCtaColor: #1e2e4c;
    --newsPageCtaBorderColor: #1e2e4c;
    --imageGalleryTextAlign: center;
    --imageGalleryTextHeadingColor: #fff;
    --heroBannerOneHeadingFontColor: #e2dacf;
    --heroBannerOneParagraphFontColor: #ffffff;
    --heroBannerOneParagraphFontSize: 2em !important;
    --featuredCarouselDotColor: #fff;
    --featuredCarouselHeadingColor: #e2dacf;
    --featuredCarouselATagSize: 1.5em;
    --featuredCarouselBackgroundColor: #1e2e4c;
    --featuredCarouselParagraphColor: #fff;
    --registerNowBackgroundColor: #7EBA3D;
    --registerNowFontColor: #ffffff;
    --registerNowFontSize: 1.5em;
    --subscribePopUpTitleColor: #e2dacf;
    --subscribePopUpTitleBackground: #1e2e4c;
    --subscribePopUpFontColor: #fff;
    --subscribePopUpButtonFontColor: #1e2e4c
}

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

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

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

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

:root {
    --gsq-color-primary: #252849;
    --gsq-color-secondary: #4F516C;
    --gsq-color-3rd: #AB9071;
    --gsq-color-4th: #F1F1F3;
    --gsq-color-5th: #F8F8F9;
    --gsq-color-6th: #FEE4BD;
    --gsq-color-7th: #B8A189;
    --gsq-color-8th: #CFAF82;
    --gsq-color-9th: #BDA993;
    --gsq-color-10th: #F6F6F6;
    --cd-color-1: hsl(0,0%,22%);
    --cd-color-1-h: 0;
    --cd-color-1-s: 0%;
    --cd-color-1-l: 22%;
    --cd-color-2: hsl(74,93%,32%);
    --cd-color-2-h: 74;
    --cd-color-2-s: 93%;
    --cd-color-2-l: 32%;
    --cd-color-3: hsl(0,0%,97%);
    --cd-color-3-h: 0;
    --cd-color-3-s: 0%;
    --cd-color-3-l: 97%
}

h2,h3,h4,h5,h6 {
    font-family: var(--secondFont) !important;
    text-transform: none;
    letter-spacing: 2px
}

h2 small,h3 small,h4 small,h5 small,h6 small {
    font-size: 55%
}

main h3 {
    text-transform: capitalize;
    letter-spacing: 2px
}

main h6 {
    font-size: 22px;
    color: var(--gsq-color-primary);
    letter-spacing: 2px
}

main #content .container-fluid>.component-content,main #content .container>.component-content {
    padding-left: 15px;
    padding-right: 15px
}

#content .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

@media(min-width: 576px) {
    #content .col-xs-6 {
        flex:0 0 auto;
        width: 50%
    }
}

#content .btn {
    background-image: none !important;
    background-repeat: repeat-x;
    border: 0 !important;
    color: #fff;
    font-size: 15px;
    padding: 10px 30px;
    border-radius: 0;
    box-shadow: none;
    font-family: var(--paragraphFontFamily);
    min-width: 260px;
    font-weight: bold;
    letter-spacing: 2px
}
.form-assembly-wrapper .btn {
    width: 100% !important;
    z-index: 999;
    position: relative;
}

#content .btn--primary {
    background-color: var(--gsq-color-primary)
}

#content .btn--secondary {
    background-color: var(--gsq-color-3rd)
}

#content .btn--gradient {
    background: linear-gradient(90deg,#d5b373 0%,#f0d6a6 80%) !important;
    color: var(--gsq-color-primary)
}

.bg-color-primary {
    background-color: var(--gsq-color-primary)
}

.bg-color-3rd {
    background-color: var(--gsq-color-3rd)
}

.bg-color-4th {
    background-color: var(--gsq-color-4th)
}

.bg-color-5th {
    background-color: var(--gsq-color-5th)
}

.font-primary-font {
    font-family: var(--primaryFont) !important;
    letter-spacing: 1.5px
}

.font-primary-font p {
    font-family: var(--primaryFont) !important
}

.max-width-1200 {
    max-width: 1200px
}

.section-heading {
    background-color: var(--navigationColor);
    text-align: center;
    padding-bottom: 80px;
    padding-top: 250px
}

.section-heading h1 {
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: 2px;
    text-transform: none
}

.section-heading h1:last-child {
    margin-bottom: 0
}

.section-generic {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

@media(min-width: 576px) {
    .section-generic {
        padding-top:100px !important;
        padding-bottom: 100px !important
    }
}

.section-content-image-v1 {
    max-width: none
}

.section-content-image-v1 h6:first-child {
    margin-top: 0
}

.section-content-image-v1>.component-content {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 575px) {
    .section-content-image-v1>.component-content {
        text-align:center
    }
}

.section-content-image-v1 .row {
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px
}

@media(min-width: 576px) {
    .section-content-image-v1 .row {
        padding-top:40px;
        padding-bottom: 40px
    }
}

@media(min-width: 576px) {
    .section-content-image-v1 .col-xs-6:first-child {
        width:75% !important;
        padding-right: 40px !important;
        position: relative
    }

    .section-content-image-v1 .col-xs-6:first-child:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        height: 270px;
        width: 1px;
        background-color: var(--gsq-color-primary)
    }
}

@media(min-width: 576px) {
    .section-content-image-v1 .col-xs-6:last-child {
        width:25% !important;
        padding-left: 40px !important
    }
}

.section-content-image-v1 img {
    margin-top: 20px;
    margin-bottom: 20px
}

@media(min-width: 576px) {
    .section-blurbs-4cols {
        padding-top:70px !important;
        padding-bottom: 70px !important
    }
}

.section-blurbs-4cols .concept-carousel {
    --MobileConceptCarouselButtonColor: #000;
    padding: 0;
    margin: 0;
    background: rgba(0,0,0,0)
}

.section-blurbs-4cols .concept-carousel:before {
    content: none
}

.section-blurbs-4cols .concept-carousel .tns-controls button {
    border-bottom: 2px solid var(--MobileConceptCarouselButtonColor);
    border-left: 2px solid var(--MobileConceptCarouselButtonColor)
}

.section-blurbs-4cols .concept-carousel .tns-controls button:first-child {
    left: -20px
}

.section-blurbs-4cols .concept-carousel .tns-controls button:last-child {
    right: -20px
}

.section-blurbs-4cols .concept-carousel__slide-blurb {
    font-size: 18px;
    margin: 0
}

.section-blurbs-4cols .concept-carousel__slide-icon {
    aspect-ratio: 1.3;
    margin-bottom: 40px;
    display: flex;
    align-items: flex-end
}

.section-blurbs-4cols .concept-carousel__slide-icon img {
    max-width: 260px;
    max-height: 220px
}

.section-blurbs-4cols .concept-carousel__slide-title:empty {
    display: none
}

.section-accordion .acc-title>h3 {
    font-family: var(--thirdFont) !important;
    color: var(--gsq-color-primary);
    font-size: 16px
}

.section-accordion .acc-card.active .acc-title>h3 {
    font-weight: bold !important
}

.section-accordion .acc {
    margin-top: 0
}

.section-accordion .accordion {
    padding: 0;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

.section-accordion .accordion .acc-card {
    margin: 0;
    border-color: var(--gsq-color-primary)
}

.section-accordion .accordion .acc-panel {
    padding: 5px 15px;
    background-color: var(--gsq-color-10th)
}

@media(min-width: 992px) {
    .section-accordion .accordion .acc-panel {
        padding:30px 50px
    }
}

.section-accordion .accordion .acc-panel p {
    font-size: 16px;
    line-height: 1.8 !important;
    letter-spacing: 1px
}

.section-accordion .accordion .acc-title {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px
}

.section-accordion .accordion .acc-title::after {
    background-image: url("images/chev-down-black.svg");
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 7px;
    right: 13px
}

.section-accordion.bg-color-3rd .acc-title>h3 {
    color: #fff
}

.section-accordion.bg-color-3rd p {
    color: #fff
}

.section-accordion.bg-color-3rd .accordion .acc-card {
    border-color: #fff
}

.section-accordion.bg-color-3rd .accordion .acc-panel {
    background: var(--gsq-color-9th)
}

.section-accordion.bg-color-3rd .accordion .acc-title::after {
    background-image: url("images/chev-down.svg")
}

.section-tabs-1col .component.tabs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    width: 100%
}

@media(min-width: 576px) {
    .section-tabs-1col .component.tabs {
        padding-top:100px !important;
        padding-bottom: 100px !important
    }
}

.section-tabs-1col .component.tabs>* {
    text-transform: none
}

.section-tabs-1col .component.tabs .row>* {
    padding: 0 !important
}

.section-tabs-1col .component.tabs .bg-g-secondary {
    background-color: rgba(0,0,0,0)
}

.section-tabs-1col .component.tabs .g-menu-container {
    margin-bottom: 30px
}

@media(min-width: 992px) {
    .section-tabs-1col .component.tabs .g-menu-container {
        margin-bottom:60px
    }
}

@media(max-width: 767px) {
    .section-tabs-1col .component.tabs .g-container .g-menu-placeholder-wrapper {
        padding-right:40px
    }
}

.section-tabs-1col .component.tabs .g-container .g-tablinks-dropdown {
    padding: 0
}

.section-tabs-1col .component.tabs .g-container .g-mb-3 {
    margin-bottom: 0 !important
}

.section-tabs-1col .component.tabs .g-container p:not(:last-child) {
    margin-bottom: 10px
}

@media(min-width: 992px) {
    .section-tabs-1col .component.tabs .g-container p:not(:last-child) {
        margin-bottom:20px
    }
}

.section-tabs-1col .component.tabs .g-container p a {
    padding: 0;
    text-decoration: underline
}

.section-tabs-1col .component.tabs .g-container .g-tablinks {
    padding: 5px 0;
    color: var(--gsq-color-3rd);
    font-weight: bold;
    font-family: var(--thirdFont);
    text-transform: none;
    letter-spacing: 1px
}

.section-tabs-1col .component.tabs .g-container .g-tablinks.active {
    border-width: 1px
}

.section-tabs-1col .component.tabs .g-tab-container .container {
    max-width: 1000px
}

.section-tabs-1col .component.tabs .g-explore-container .col-sm-12.col-md-6:first-child {
    flex: 0 0 100%;
    text-align: center
}

.section-tabs-1col .component.tabs h2 {
    font-size: 42px;
    font-weight: bold;
    text-transform: none;
    color: var(--gsq-color-primary);
    font-family: var(--secondaryFont) !important
}

.section-tabs-1col .component.tabs .g-hidden-mobile[style*=height],.section-tabs-1col .component.tabs .g-visible-mobile[style*=height],.section-tabs-1col .component.tabs .g-explore-container .col-sm-12.col-md-6:nth-child(2),.section-tabs-1col .component.tabs .g-menu-container .g-hidden-tablet:first-child,.section-tabs-1col .component.tabs .g-menu-container .g-visible-tablet:nth-child(2),.section-tabs-1col .component.tabs .g-menu-container .col-sm-12:first-child,.section-tabs-1col .component.tabs .g-menu-container .col-sm-12:nth-child(2) {
    display: none !important
}

.bg-color-primary .section-timeline p {
    color: #fff
}

.section-timeline ol,.section-timeline ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.section-timeline .cd-h-timeline {
    opacity: 0;
    transition: opacity .2s;
    max-width: 1500px;
    margin: 0 auto
}

.section-timeline .cd-h-timeline--loaded {
    opacity: 1
}

.section-timeline .cd-h-timeline__container {
    position: relative;
    margin: 0 auto
}

.section-timeline .cd-h-timeline__dates {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-top: 170px;
    margin: 0 33px 30px
}

.section-timeline .cd-h-timeline__line {
    position: absolute;
    z-index: 1;
    left: 0;
    height: 6px;
    background-color: var(--gsq-color-6th);
    transition: transform .4s;
    margin-top: -3px;
    bottom: 60px
}

.section-timeline .cd-h-timeline__filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--gsq-color-7th);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s
}

.section-timeline .cd-h-timeline__date {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    padding-bottom: var(--space-sm);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid var(--gsq-color-8th);
    transform: translate(-50%,50%);
    background: var(--gsq-color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 13px;
    color: var(--gsq-color-8th);
    line-height: 1.6;
    font-family: var(--paragraphFontFamily)
}

.section-timeline .cd-h-timeline__date--here:before {
    content: "We are here";
    font-family: var(--secondaryFont);
    font-size: 30px;
    color: var(--gsq-color-8th);
    position: absolute;
    white-space: nowrap;
    bottom: calc(100% + 30px)
}

.section-timeline .cd-h-timeline__date--here:after {
    content: "";
    display: block;
    width: 21px;
    height: 18px;
    background: url("images/arrow-down.svg") center/contain no-repeat;
    position: absolute;
    bottom: calc(100% + 20px);
    left: 50%;
    margin-left: -11px;
    transform: none !important
}

.section-timeline .cd-h-timeline__date--selected {
    pointer-events: none;
    background: linear-gradient(90deg,#d5b373 0%,#f0d6a6 100%) !important;
    color: var(--gsq-color-primary)
}

.section-timeline .cd-h-timeline__date--older-event::after {
    border-color: var(--gsq-color-8th)
}

.section-timeline .cd-h-timeline__navigation {
    position: absolute;
    z-index: 1;
    bottom: 29px;
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: var(--gsq-color-8th);
    transition: border-color .3s;
    color: rgba(0,0,0,0);
    text-indent: -9999px;
    overflow: hidden
}

.section-timeline .cd-h-timeline__navigation::after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: url("images/cd-arrow.svg") no-repeat 0 0
}

.section-timeline .cd-h-timeline__navigation:hover {
    border-color: var(--gsq-color-8th)
}

.section-timeline .cd-h-timeline__navigation--prev {
    left: 0;
    transform: translateY(-50%) rotate(180deg)
}

.section-timeline .cd-h-timeline__navigation--next {
    right: 0
}

.section-timeline .cd-h-timeline__navigation--inactive {
    cursor: not-allowed
}

.section-timeline .cd-h-timeline__navigation--inactive::after {
    background-position: 0 -16px
}

.section-timeline .cd-h-timeline__navigation--inactive:hover {
    border-color: var(--cd-color-3)
}

.section-timeline .cd-h-timeline__events {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: height .4s
}

.section-timeline .cd-h-timeline__event {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    padding: 1px 5%;
    opacity: 0;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.section-timeline .cd-h-timeline__event--selected {
    position: relative;
    z-index: 2;
    opacity: 1;
    transform: translateX(0)
}

.section-timeline .cd-h-timeline__event--enter-right,.section-timeline .cd-h-timeline__event--leave-right {
    -webkit-animation-name: cd-enter-right;
    animation-name: cd-enter-right
}

.section-timeline .cd-h-timeline__event--enter-left,.section-timeline .cd-h-timeline__event--leave-left {
    -webkit-animation-name: cd-enter-left;
    animation-name: cd-enter-left
}

.section-timeline .cd-h-timeline__event--leave-right,.section-timeline .cd-h-timeline__event--leave-left {
    animation-direction: reverse
}

.section-timeline .cd-h-timeline__event-content {
    max-width: 900px;
    margin: 0 auto
}

.section-timeline .cd-h-timeline__event-title {
    font-weight: 700;
    font-size: var(--text-xxxl)
}

.section-timeline .cd-h-timeline__event-date {
    display: block;
    font-style: italic;
    margin: var(--space-xs) auto
}

.section-timeline .cd-h-timeline__event-date::before {
    content: "- "
}

.section-basic-carousel {
    --imagegalleryarrowcolor: #AB9071
}

.section-basic-carousel .image-gallery .image-gallery__dots-container {
    display: block
}

.section-basic-carousel .residential-image-gallery--default .image-gallery__container {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 0
}

.section-basic-carousel .residential-image-gallery--default .image-gallery__prev {
    left: 0
}

.section-basic-carousel .container-full .image-gallery:nth-of-type(1) .image-gallery__container {
    height: auto
}

.section-basic-carousel .residential-image-gallery--default .image-gallery__prev,.section-basic-carousel .residential-image-gallery--default .image-gallery__next {
    font-size: 30px;
    padding: 0;
    font-family: var(--thirdFont)
}

.section-basic-carousel .residential-image-gallery--default .image-gallery__dots-container {
    bottom: 0
}

.section-basic-carousel .image-gallery .card__text {
    display: block;
    position: absolute;
    padding: 0;
    right: 10px;
    bottom: 10px;
    text-align: right;
    width: auto;
    color: #fff;
    font-size: 12px
}

.section-basic-carousel .residential-image-gallery--default .image-gallery__inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    aspect-ratio: 16/9
}

.section-basic-carousel .residential-image-gallery--default .image-gallery__container[data-fullscreen=False][data-maintainaspectratiomobile=True] .card__image {
    max-height: none;
    width: auto;
    height: 100% !important
}

.section-text-grid [class*=col-sm] {
    margin-top: 50px
}

@media(min-width: 1366px) {
    .section-text-grid [class*=col-sm] {
        padding-right:30px !important
    }
}

.section-text-grid h3,.section-text-grid h4,.section-text-grid h5 {
    font-size: 42px !important;
    font-weight: 300;
    font-family: var(--thirdFont) !important;
    margin-bottom: 20px;
    color: var(--gsq-color-primary)
}

.section-text-grid p {
    font-size: 18px;
    font-weight: bold;
    margin: 0
}

.section-content-tiles .featured-content-tiles {
    padding: 0
}

.section-content-tiles .featured-content-tiles .card__title {
    font-size: 18px;
    font-weight: bold !important;
    text-transform: none;
    color: var(--gsq-color-primary);
    font-family: var(--thirdFont) !important;
    margin-bottom: 5px
}

.section-content-tiles .featured-content-tiles .card__description {
    font-size: 14px;
    margin: 0 0 20px
}

.section-content-tiles .featured-content-tiles .card__link {
    font-family: var(--thirdFont) !important
}

.section-content-tiles .featured-content-tiles .card__media {
    margin-bottom: 20px
}

.section-content-tiles h2 {
    color: var(--gsq-color-primary)
}

.section-principle-tiles .featured-content-tiles {
    padding: 0
}

.section-principle-tiles .featured-content-tiles .card {
    padding-bottom: 0
}

.section-principle-tiles .featured-content-tiles .card__title {
    font-size: 42px;
    font-weight: 600 !important;
    text-transform: none;
    color: var(--gsq-color-primary);
    font-family: var(--primaryFont) !important
}

@media(max-width: 991px) {
    .section-principle-tiles .featured-content-tiles .card__title {
        margin-bottom:15px
    }
}

.section-principle-tiles .featured-content-tiles .card__description {
    font-size: 14px;
    margin: 0 0 20px
}

@media(min-width: 768px) {
    .section-principle-tiles .featured-content-tiles .card__content {
        padding-right:30px
    }
}

.section-principle-tiles .featured-content-tiles .card__media {
    display: none
}

.section-principle-tiles h2 {
    font-size: 22px !important;
    font-family: var(--thirdFont) !important;
    font-weight: bold !important;
    margin-bottom: 4% !important
}

.section-form {
    --formErrorMsgColor: #ff9797;
    --formTextboxFontColor: #fff;
    --formHeaderFontColor: #fff;
    --formLabelFontColor: #fff;
    --formPrivacyFontColor: #fff;
    --formParagraphFontColor: #fff;
    --formSubmitButtonBackgroundColor: #fff;
    --formBorderColor: #fff;
    --formSubmitBackgroundColor: #fff;
    --FormSubmitTextColor: #252849;
    --FormBackgroundOpacity: 1;
    --formLabelFontSize: 14px;
    --formBackgroundColor: transparent;
    --formInnerBackgroundColor: transparent;
    --formFieldsetLegendFontSize: 1.7em !important;
    --formCheckboxLabelFontSize: 1.7em !important;
    --formBackgroundAttachment: unset;
    --formHeaderSize: 24px;
    --formFieldBackgroundColor: transparent;
    --formPrivacyLinkFontColor: #fff;
    font-family: var(--thirdFont);
    background-color: var(--gsq-color-primary);
    color: #fff
}

.section-form .form .privacy-statement-wrapper {
    width: 100%;
    text-align: right;
    flex: 1 1 100%;
    max-width: 100%
}

@media(min-width: 1366px) {
    .section-form .contact-form form>div:nth-of-type(7) {
        margin-right:0;
        margin-left: auto
    }
}

.section-form .form-submit-border {
    width: 100% !important;
    text-align: center
}

.section-form .form-submit-border .btn {
    width: auto;
    height: 55px;
    text-transform: uppercase
}

@media(min-width: 1366px) {
    .section-form h1 {
        font-size:var(--headingOneFontSize) !important
    }
}

.section-form .form:not(.form--custom) {
    padding: 0
}

.section-form .form:not(.form--custom).animate-in form:before {
    content: none
}

.section-form .form input.form-control.text-box,.section-form textarea.form-control {
    background-color: rgba(0,0,0,0)
}

.section-form .form input.form-control.text-box.input-validation-error,.section-form textarea.form-control.input-validation-error {
    border-color: var(--formErrorMsgColor)
}

.section-form .form-submit-border>.btn {
    color: var(--gsq-color-primary) !important
}

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

.section-form form .input-wrapper {
    min-width: 0
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

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

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

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

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

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

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

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

header .has-children>a {
    pointer-events: auto
}

#content .component.rich-text p:first-child {
    margin-top: 0
}

#content .component.rich-text p:last-child {
    margin-bottom: 0
}

#content .component.rich-text img {
    max-width: 100%;
    height: auto !important
}

@media(max-width: 991px) {
    #content .component.rich-text img {
        margin-top:20px
    }
}

@media(max-width: 767px) {
    #content .component.rich-text .block-500-desktop {
        padding-left:0;
        padding-right: 0
    }
}

#content .component.link-list {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: var(--gsq-color-secondary)
}

@media(max-width: 1365px) {
    #content .component.link-list {
        overflow:auto;
        -webkit-overflow-scrolling: touch
    }
}

#content .component.link-list ul {
    min-width: 900px
}

@media(max-width: 1365px) {
    #content .component.link-list ul {
        min-width:900px
    }
}

#content .component.link-list li {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.2;
    text-align: center
}

@media(min-width: 576px) {
    #content .component.link-list li {
        padding-left:25px;
        padding-right: 25px
    }
}

#content .component.link-list li a {
    padding-bottom: 0
}

#content .component.link-list li+li {
    border-left: 1px solid #fff
}

#content .component.link-list ul {
    padding: 0;
    display: flex;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
    justify-content: center
}

#content .component.link-list h3:empty {
    display: none
}

#content .component.hero-banner-one {
    --heroBannerOneHeadingFontColor: #fff
}

#content .component.hero-banner-one .container {
    max-width: 1200px
}

#content .component.hero-banner-one .hero-banner-one__description {
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: bold;
    letter-spacing: 1px
}

#content .component.hero-banner-one .hero-banner-one__text {
    display: flex;
    flex-direction: column-reverse
}

#content .component.hero-banner-one h1 {
    font-weight: 600 !important;
    text-transform: none !important;
    margin-bottom: 0
}

@media(min-width: 1366px) {
    #content .component.hero-banner-one h1 {
        font-size:80px
    }
}

#content .component.video .sxa-video-wrapper {
    position: relative
}

#content .component.video .video-init {
    background: rgba(0,0,0,.5) url("images/play.svg") center/100px no-repeat;
    position: absolute;
    inset: 0;
    cursor: pointer
}

#content .component.image {
    position: relative
}

#content .component.image a {
    padding: 0
}

#content .component.image .image-caption {
    position: absolute;
    bottom: 15px;
    right: 15px;
    text-shadow: 0 2px 2px rgba(0,0,0,.2);
    color: #fff;
    z-index: 1
}

#content .component.image.full-width img {
    min-width: 100vw
}

@media(max-width: 1799px) {
    #content .component.image.full-width img {
        height:auto
    }
}

body {
    font-family: "poppins" !important
}

html {
    scroll-behavior: smooth
}

.d-block {
    display: block
}

.d-none {
    display: none
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-xy-hidden {
    overflow: hidden !important
}

@media(max-width: 1024px) {
    .g-hidden-tablet {
        display:none !important
    }
}

.g-visible-tablet {
    display: none !important
}

@media(max-width: 1024px) {
    .g-visible-tablet {
        display:block !important
    }
}

@media(max-width: 767px) {
    .g-visible-tablet:not(.v-mobile) {
        display:none !important
    }
}

@media(max-width: 767px) {
    .g-hidden-mobile {
        display:none !important
    }
}

.g-visible-mobile {
    display: none !important
}

@media(max-width: 767px) {
    .g-visible-mobile {
        display:block !important
    }
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z-index-1 {
    position: relative;
    z-index: 5
}

.position-relative {
    position: relative
}

.g-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.g-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.g-mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.g-mx-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}

.g-mx-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.g-mt-1 {
    margin-top: 1rem !important
}

.g-mt-2 {
    margin-top: 2rem !important
}

.g-mt-3 {
    margin-top: 3rem !important
}

.g-mt-4 {
    margin-top: 4rem !important
}

.g-mt-5 {
    margin-top: 5rem !important
}

.g-mt-6 {
    margin-top: 6rem !important
}

.g-mt-7 {
    margin-top: 7rem !important
}

.g-mt-8 {
    margin-top: 8rem !important
}

.g-mb-1 {
    margin-bottom: 1rem !important
}

.g-mb-2 {
    margin-bottom: 2rem !important
}

.g-mb-3 {
    margin-bottom: 3rem !important
}

.g-mb-4 {
    margin-bottom: 4rem !important
}

.g-mb-5 {
    margin-bottom: 5rem !important
}

.g-mb-6 {
    margin-bottom: 6rem !important
}

.g-mb-7 {
    margin-bottom: 7rem !important
}

.g-mb-8 {
    margin-bottom: 8rem !important
}

.g-pt-10 {
    padding-top: 10px !important
}

.g-pb-10 {
    padding-bottom: 10px !important
}

.g-mt-10 {
    margin-top: 10px !important
}

.g-mb-10 {
    margin-bottom: 10px !important
}

@media(max-width: 767px) {
    .g-pt-10 {
        padding-top:10px !important
    }

    .g-pb-10 {
        padding-bottom: 10px !important
    }

    .g-mt-10 {
        margin-top: 10px !important
    }

    .g-mb-10 {
        margin-bottom: 10px !important
    }
}

.g-pt-30 {
    padding-top: 30px !important
}

.g-pb-30 {
    padding-bottom: 30px !important
}

.g-mt-30 {
    margin-top: 30px !important
}

.g-mb-30 {
    margin-bottom: 30px !important
}

@media(max-width: 767px) {
    .g-pt-30 {
        padding-top:0 !important
    }

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

    .g-mt-30 {
        margin-top: 0 !important
    }

    .g-mb-30 {
        margin-bottom: 0 !important
    }
}

.g-pt-40 {
    padding-top: 40px !important
}

.g-pb-40 {
    padding-bottom: 40px !important
}

.g-mt-40 {
    margin-top: 40px !important
}

.g-mb-40 {
    margin-bottom: 40px !important
}

@media(max-width: 767px) {
    .g-pt-40 {
        padding-top:10px !important
    }

    .g-pb-40 {
        padding-bottom: 10px !important
    }

    .g-mt-40 {
        margin-top: 10px !important
    }

    .g-mb-40 {
        margin-bottom: 10px !important
    }
}

.g-pt-60 {
    padding-top: 60px !important
}

.g-pb-60 {
    padding-bottom: 60px !important
}

.g-mt-60 {
    margin-top: 60px !important
}

.g-mb-60 {
    margin-bottom: 60px !important
}

@media(max-width: 767px) {
    .g-pt-60 {
        padding-top:30px !important
    }

    .g-pb-60 {
        padding-bottom: 30px !important
    }

    .g-mt-60 {
        margin-top: 30px !important
    }

    .g-mb-60 {
        margin-bottom: 30px !important
    }
}

.g-pt-70 {
    padding-top: 70px !important
}

.g-pb-70 {
    padding-bottom: 70px !important
}

.g-mt-70 {
    margin-top: 70px !important
}

.g-mb-70 {
    margin-bottom: 70px !important
}

@media(max-width: 767px) {
    .g-pt-70 {
        padding-top:40px !important
    }

    .g-pb-70 {
        padding-bottom: 40px !important
    }

    .g-mt-70 {
        margin-top: 40px !important
    }

    .g-mb-70 {
        margin-bottom: 40px !important
    }
}

.g-pt-90 {
    padding-top: 90px !important
}

.g-pb-90 {
    padding-bottom: 90px !important
}

.g-mt-90 {
    margin-top: 90px !important
}

.g-mb-90 {
    margin-bottom: 90px !important
}

@media(max-width: 767px) {
    .g-pt-90 {
        padding-top:60px !important
    }

    .g-pb-90 {
        padding-bottom: 60px !important
    }

    .g-mt-90 {
        margin-top: 60px !important
    }

    .g-mb-90 {
        margin-bottom: 60px !important
    }
}

.g-pt-100 {
    padding-top: 100px !important
}

.g-pb-100 {
    padding-bottom: 100px !important
}

.g-mt-100 {
    margin-top: 100px !important
}

.g-mb-100 {
    margin-bottom: 100px !important
}

@media(max-width: 767px) {
    .g-pt-100 {
        padding-top:70px !important
    }

    .g-pb-100 {
        padding-bottom: 70px !important
    }

    .g-mt-100 {
        margin-top: 70px !important
    }

    .g-mb-100 {
        margin-bottom: 70px !important
    }
}

.g-pt-140 {
    padding-top: 140px !important
}

.g-pb-140 {
    padding-bottom: 140px !important
}

.g-mt-140 {
    margin-top: 140px !important
}

.g-mb-140 {
    margin-bottom: 140px !important
}

@media(max-width: 767px) {
    .g-pt-140 {
        padding-top:110px !important
    }

    .g-pb-140 {
        padding-bottom: 110px !important
    }

    .g-mt-140 {
        margin-top: 110px !important
    }

    .g-mb-140 {
        margin-bottom: 110px !important
    }
}

.g-pt-170 {
    padding-top: 170px !important
}

.g-pb-170 {
    padding-bottom: 170px !important
}

.g-mt-170 {
    margin-top: 170px !important
}

.g-mb-170 {
    margin-bottom: 170px !important
}

@media(max-width: 767px) {
    .g-pt-170 {
        padding-top:140px !important
    }

    .g-pb-170 {
        padding-bottom: 140px !important
    }

    .g-mt-170 {
        margin-top: 140px !important
    }

    .g-mb-170 {
        margin-bottom: 140px !important
    }
}

.g-pt-190 {
    padding-top: 190px !important
}

.g-pb-190 {
    padding-bottom: 190px !important
}

.g-mt-190 {
    margin-top: 190px !important
}

.g-mb-190 {
    margin-bottom: 190px !important
}

@media(max-width: 767px) {
    .g-pt-190 {
        padding-top:160px !important
    }

    .g-pb-190 {
        padding-bottom: 160px !important
    }

    .g-mt-190 {
        margin-top: 160px !important
    }

    .g-mb-190 {
        margin-bottom: 160px !important
    }
}

.g-pt-200 {
    padding-top: 200px !important
}

.g-pb-200 {
    padding-bottom: 200px !important
}

.g-mt-200 {
    margin-top: 200px !important
}

.g-mb-200 {
    margin-bottom: 200px !important
}

@media(max-width: 767px) {
    .g-pt-200 {
        padding-top:170px !important
    }

    .g-pb-200 {
        padding-bottom: 170px !important
    }

    .g-mt-200 {
        margin-top: 170px !important
    }

    .g-mb-200 {
        margin-bottom: 170px !important
    }
}

.section-move-up-20 {
    margin-top: -20% !important
}

.btn-brand-color,.btn-brand-color:focus,.btn-brand-color:hover,.btn-brand-color:active {
    background-image: none !important;
    background-repeat: repeat-x;
    border: 0 !important;
    color: #fff;
    background-color: var(--primary-color) !important;
    font-size: 15px;
    padding: 10px 30px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-brand-color:focus,.btn-brand-color:hover,.btn-brand-color:active {
    background-color: var(--primary-color-hover) !important
}

.bg-g-secondary {
    background-color: var(--color-gray)
}

.container-fluid.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.border-x {
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color)
}

.border-x-top {
    border-top: 1px solid var(--primary-color)
}

.border-xy {
    border: 1px solid var(--primary-color)
}

.rounded {
    border-radius: 60px
}

.rounded.square {
    border-radius: 40px
}

.row.row-fix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row.row-fix>[class*='col-'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 767px) {
    .reverse-on-mobile {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.container {
    padding: 0
}

@media(min-width: 1860px) {
    .container.expand {
        width:1660px;
        max-width: 1660px
    }
}

@media(max-width: 991px) {
    .container.expand {
        padding-left:20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: none;
        width: 100%
    }
}

@media(max-width: 768px) {
    .container.expand {
        max-width:95%
    }

    .image--splitter img {
        object-fit: cover;
        max-height: 50px;
        margin-bottom: 40px
    }
}

.g-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(max-width: 768px) {
    .g-container-fluid .container.expand {
        max-width:100%
    }
}

@media(max-width: 767px) {
    .g-container .col-sm-12 {
        max-width:100% !important;
        width: 100% !important
    }
}

@media(max-width: 767px) {
    .g-container .col-sm-6 {
        max-width:50% !important;
        width: 50% !important
    }
}

@media(max-width: 767px) {
    .g-container .col-full-mobile {
        -webkit-box-flex:0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important
    }
}

.g-container ul li:before {
    display: none !important
}

.g-container a:after {
    display: none !important
}

.g-container h1,.g-container h2,.g-container h3,.g-container h4,.g-container h5,.g-container h6,.g-container p,.g-container div,.g-container ul {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.3;
    font-weight: 100
}

.g-container h5 {
    font-size: 18px
}

.bg-history {
    background-color: #bba58c
}

.bg-history h2 {
    color: #fff
}

.bg-history p {
    color: #fff
}

.g-why-mirvac-container h4 {
    color: #bba58c;
    letter-spacing: 1px !important;
    padding-bottom: 25px
}

.image-gallery .card__text {
    display: none
}

.image-gallery .image-gallery__dots-container {
    display: none
}

.block-500-desktop {
    max-width: 500px;
    padding-left: 80px
}

.block-500-desktop h2 {
    font-size: 50px
}

.image-gallery__prev,.image-gallery__next {
    font-size: 26px
}

.auto-margin {
    margin: auto
}

.max-width-80 {
    max-width: 80%
}

.max-width-400 {
    max-width: 400px
}

.max-width-500 {
    max-width: 500px
}

.max-width-600 {
    max-width: 600px
}

.max-width-text-block,.max-width-800 {
    max-width: 800px
}

.max-width-900 {
    max-width: 900px
}

@media(max-width: 767px) {
    .image-gallery__prev,.image-gallery__next {
        top:35%
    }

    .max-full-width-mobile {
        max-width: 100%
    }

    .max-width-800 {
        padding: 0 20px
    }

    .bg-history h2 {
        font-size: 43px
    }

    .block-500-desktop {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width: 991px) {
    .max-full-width-tabletmd {
        max-width:100%
    }
}

.min-height-600 {
    min-height: 600px
}

.center-x-content {
    margin-left: auto;
    margin-right: auto
}

.align-right-content {
    margin-left: auto
}

.g-line-small-y {
    height: 180px;
    width: 2px;
    margin: 0 auto;
    background: linear-gradient(#ce8e60 0%,#d39567 11.26%,#e4ab7c 28.56%,#ffce9f 49.55%,#f4bf90 58.96%,#d89b6d 85.72%,#ce8e60 100%) !important
}

.g-line-small-y.g-move-top {
    margin-top: -90px
}

@media(max-width: 640px) {
    .g-line-small-y.g-move-top {
        margin-top:-65px
    }

    .g-line-small-y {
        height: 140px
    }
}

.g-line-small-y.g-move-bottom {
    position: relative;
    bottom: -90px
}

.g-line-small-y.g-line-width-2 {
    width: 2px
}

@media(max-width: 1024px) {
    .g-menu-container .g-menu-wrapper {
        max-width:500px;
        margin: 0 auto;
        position: relative
    }
}

.g-menu-container ul {
    list-style: none;
    text-align: center;
    padding: 0
}

.g-menu-container ul.responsive-visible {
    display: none;
    margin: 0
}

.g-menu-container ul.g-menu-ul {
    -webkit-animation: g-fade-in .3s;
    animation: g-fade-in .3s
}

.g-menu-container ul.g-menu-ul li {
    display: inline-block;
    padding: 0 20px
}

.coloured {
    background: #bba58c
}

.coloured h5,.coloured h1,.coloured p {
    color: #fff
}

@media(max-width: 1024px) {
    .g-menu-container ul.g-menu-ul li {
        padding:0 10px
    }
}

.g-menu-container ul.g-menu-ul li a,.g-menu-container ul.g-menu-ul li a:hover,.g-menu-container ul.g-menu-ul li a:focus {
    padding: 10px 20px;
    color: var(--color-black);
    text-decoration: none
}

.g-menu-container ul.g-menu-ul li a.active {
    border-bottom: 3px solid var(--primary-color)
}

@media(max-width: 1024px) {
    .g-menu-container ul.g-menu-ul li a {
        border-bottom-width:0 !important
    }
}

@media(max-width: 1024px) {
    .g-menu-container ul.responsive-visible {
        display:block
    }

    .g-menu-container ul.responsive-visible li a {
        display: block;
        padding: 12px 10px;
        border-bottom: 3px solid var(--primary-color);
        text-decoration: none;
        color: var(--color-black);
        font-weight: bold
    }

    .g-menu-container ul.responsive-visible li a .arrow {
        height: 30px;
        line-height: 30px;
        width: 30px;
        position: absolute;
        right: 3px;
        top: 10px
    }

    .g-menu-container ul.responsive-visible li a .arrow svg {
        display: block;
        height: 100%;
        width: 100%
    }

    .g-menu-container ul.g-menu-ul {
        position: absolute;
        background: #fff;
        z-index: 12;
        display: none;
        width: 100%
    }

    .g-menu-container ul.g-menu-ul li {
        width: 100%;
        float: left;
        padding: 2px 0
    }

    .g-menu-container ul.g-menu-ul li:not(:last-child) {
        border-bottom: 1px solid #eee
    }

    .g-menu-container ul.g-menu-ul li a {
        display: block
    }

    .g-menu-container ul.g-menu-ul li a:hover,.g-menu-container ul.g-menu-ul li a:focus {
        color: #fff;
        background-color: var(--color-darkblue)
    }
}

.g-tab-container {
    display: none;
    -webkit-animation: g-fade-in .3s;
    animation: g-fade-in .3s
}

@media(max-width: 640px) {
    .g-tab-container h2 {
        margin-top:50px
    }
}

.g-line-slant {
    position: absolute;
    height: 100%;
    width: 100%
}

@media(max-width: 991px) {
    .g-line-slant {
        display:none
    }
}

.g-line-slant.backward .line {
    width: 100%;
    height: 1px;
    background-color: var(--primary-color);
    position: absolute;
    -webkit-transform: rotate(-31deg);
    -khtml-transform: rotate(-31deg);
    transform: rotate(-31deg)
}

.g-line-slant.forward .line {
    width: 100%;
    height: 1px;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(35deg);
    -khtml-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: top left;
    -khtml-transform-origin: top left;
    transform-origin: top left
}

.g-line-slant.forward-bottom .line {
    width: 100%;
    height: 1px;
    background-color: var(--primary-color);
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(35deg);
    -khtml-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: bottom right;
    -khtml-transform-origin: bottom right;
    transform-origin: bottom right
}

.video-player {
    position: relative
}

.video-player .play-btn {
    position: absolute;
    width: 120px;
    height: 120px;
    background-image: url("https://i.ibb.co/p1kt1bh/playbtn.png");
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media(max-width: 1024px) {
    .video-player .play-btn {
        width:90px;
        height: 90px
    }
}

@media(max-width: 767px) {
    .video-player .play-btn {
        width:70px;
        height: 70px
    }
}

.g-services-columns-container {
    position: relative;
    background-color: #E8A479;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 1;
}

.g-services-columns-container .g-services-columns-background-animate {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e8a479 !important;
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.g-services-columns-container .g-services-columns-background-animate:hover {
    -webkit-transform: scaleY(1.8);
    transform: scaleY(1.8)
}

.g-services-columns-container:hover .g-services-columns-background-animate {
    -webkit-transform: scaleY(2);
    transform: scaleY(2)
}

.g-services-columns-container .g-services-columns ul {
    list-style-type: none;
    text-align: center;
    padding: 0 !important;
    margin: auto;
    max-width: 1660px;
    padding-top: 12px;
    padding-bottom: 12px
}

.g-services-columns-container .g-services-columns ul li {
    display: inline-block;
    display: inline-table;
    padding: 0 10px;
    width: 14%;
    position: relative
}

.g-services-columns-container .g-services-columns ul li:before {
    display: none !important
}

.g-services-columns-container .g-services-columns ul li:not(:last-child)::after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='2' height='189' viewBox='0 0 2 189'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ce8e60' stop-opacity='0'/%3E%3Cstop offset='0.113' stop-color='%23d39567' stop-opacity='0.494'/%3E%3Cstop offset='0.286' stop-color='%23e4ab7c'/%3E%3Cstop offset='0.495' stop-color='%23ffce9f'/%3E%3Cstop offset='0.59' stop-color='%23f4bf90'/%3E%3Cstop offset='0.857' stop-color='%23d89b6d' stop-opacity='0.506'/%3E%3Cstop offset='1' stop-color='%23ce8e60' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect id='Rectangle_2475' data-name='Rectangle 2475' width='2' height='189' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    right: -5px;
    top: 0
}

.links p {
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    position: relative
}

.links p::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    top: 10px;
    background-size: contain;
    background-image: url("./images/white-arrow.svg");
    background-repeat: no-repeat
}

.link-single {
    margin-top: 15px !important;
    position: relative;
    width: max-content
}

.link-single a {
    font-weight: bold;
    text-transform: uppercase
}

.link-single::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: -27px;
    top: 7px;
    background-size: contain;
    background-image: url("./images/arrow-right-brown.svg");
    background-repeat: no-repeat
}

@media(max-width: 1280px) {
    .g-services-columns-container .g-services-columns ul li {
        width:24%;
        margin-bottom: 18px
    }

    .g-services-columns-container .g-services-columns ul li:nth-child(4)::after {
        background-image: none
    }
}

@media(max-width: 767px) {
    .g-services-columns-container .g-services-columns ul li {
        width:49%;
        margin-bottom: 18px
    }

    .g-services-columns-container .g-services-columns ul li:nth-child(even)::after {
        background-image: none
    }
}

.g-services-columns-container .g-services-columns ul li .item {
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: block
}

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

@media(max-width: 640px) {
    .g-services-columns-container .g-services-columns ul li .item p,.g-services-columns-container .g-services-columns ul li .item div {
        margin-top:3px !important
    }
}

.g-services-columns-container .g-services-columns ul li .item .icon img {
    max-width: 95px
}

.g-services-columns-container .g-services-columns ul li .item.hover-view {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-animation: opacity 1s ease-out;
    animation: opacity 1s ease-out;
    z-index: 1;
    width: 94%;
    margin: 0 auto
}

@media(max-width: 1024px) {
    .g-services-columns-container .g-services-columns ul li .item.hover-view {
        background-color:var(--color-darkblue)
    }
}

.g-services-columns-container .g-services-columns ul li .item.hover-view .item-desc {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    line-height: 18px;
    font-size: 11px !important
}

.g-services-columns-container .g-services-columns ul li .item.hover-view .item-desc span {
    max-height: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.g-services-columns-container .g-services-columns ul li .item.hover-view a,.g-services-columns-container .g-services-columns ul li .item.hover-view a:hover,.g-services-columns-container .g-services-columns ul li .item.hover-view a:focus {
    color: #fff;
    text-decoration: underline;
    position: relative
}

.g-services-columns-container .g-services-columns ul li:hover .primary-view {
    opacity: 0;
    visibility: hidden
}

.g-services-columns-container .g-services-columns ul li:hover .hover-view {
    opacity: 1 !important;
    visibility: visible !important
}

.g-services-columns-container .g-services-columns ul li:hover .hover-view .item-desc a {
    -webkit-animation: g-fade-up 3s ease-out forwards;
    animation: g-fade-up 3s ease-out forwards;
    animation-iteration-count: 1
}

main h2,#content h2,.content h2 {
    font-weight: 100;
    margin-bottom: 25px;
    font-size: 3.5em
}

.form span.field-validation-error span {
    padding-bottom: 30px !important
}

main .input-wrapper.input-wrapper--text-area label {
    max-width: 85%;
    white-space: normal
}

main .input-wrapper textarea {
    padding-top: 80px
}

.checkbox-eoi {
    font-family: 'Roboto';
    color: var(--formLabelFontColor);
    font-size: var(--formLabelFontSize);
    padding-bottom: 20px
}

.form [type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.5)
}

.textarea-eoi-goods-services .input-wrapper--text-area {
    padding-top: 60px
}

@media(max-width: 768px) and (min-width:441px) {
    .textarea-eoi-goods-services .input-wrapper--text-area {
        padding-top:120px
    }

    .checkbox-eoi {
        font-size: 1.3em
    }
}

@media(max-width: 440px) {
    .textarea-eoi-goods-services .input-wrapper--text-area {
        padding-top:200px
    }

    .checkbox-eoi {
        font-size: 1em
    }
}

h1,h2,h3 {
    font-weight: 500 !important
}

strong {
    font-weight: 700 !important
}

@media(min-width: 1200px) {
    .megamenu--three .megamenu__panel {
        margin-left:-40px;
        right: unset
    }
}

@media(min-width: 769px) {
    .megamenu--three .megamenu__panel-content {
        margin-right:0;
        max-width: 40%
    }
}

main .input-wrapper label {
    font-family: 'Roboto'
}

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

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

header.boutique-nav--1 {
    box-shadow: none
}

@media(min-width: 1200px) {
    header.boutique-nav--1 .image img {
        max-height:65px !important
    }
}

@media(min-width: 1200px) {
    .megamenu--three .megamenu__item.cta-square a.no-barba {
        background:linear-gradient(90deg,#d5b373 0%,#f0d6a6 80%) !important
    }
}

@media(min-width: 1200px) {
    #content>.container:first-child {
        padding-top:0
    }
}

@media(max-width: 1199px) {
    header.nav-phase-3 .header-mobile-linklist.privacy {
        display:none !important
    }
}

@media(max-width: 375px) {
    header.boutique-nav--1.is-opened .image .component-content {
        margin-left:175px
    }
}

@media(max-width: 280px) {
    header.boutique-nav--1.is-opened .image .component-content {
        margin-left:141px
    }
}

@media(max-width: 1530px) {
    .cta-square>a {
        background:linear-gradient(90deg,#d5b373 0%,#f0d6a6 80%) !important;
        border: #bba58c !important;
        color: #000 !important;
        padding: 5px 25px !important;
        margin-top: 70px
    }
}

@media(max-width: 1530px) {
    .boutique-nav--1 #nav-header .nav-row .social a.facebook {
        display:none
    }

    .boutique-nav--1 #nav-header .nav-row .social a.youtube {
        display: none
    }

    .boutique-nav--1 #nav-header .nav-row .social a.instagram {
        display: none
    }

    header.boutique-nav--1 .phone {
        display: none
    }
}

@media(max-width: 1200px) {
    header.boutique-nav--1 .image img {
        height:100%;
        max-height: fit-content !important;
        width: auto;
        max-width: 210px
    }
}

@media(min-width: 1200px) and (max-width:1400px) {
    header.nav-phase-3 .image {
        margin-left:10px
    }
}

.megamenu--three .megamenu__toggle[aria-expanded='true']+.megamenu__list {
    margin-top: 70px
}

@media(max-width: 1024px) {
    .tabs .g-container .g-menu-placeholder-wrapper {
        padding-top:12px;
        padding-right: 40px;
        padding-bottom: 12px;
        padding-left: 40px
    }
}

.section-tabs-1col .component.tabs h2 {
    line-height: 40px
}

.section-accordion.bg-color-3rd .accordion .acc-panel {
    background: #ab9071
}

@media(max-width: 1529px) {
    header.boutique-nav--1.is-opened .nav-row {
        background-color:#1e2e4c
    }
}

.component.container.col-xs-12.full-width.bg-color-4th.section-generic.section-principle-tiles p.card__description {
    overflow: unset !important;
    text-overflow: unset !important;
    -webkit-box-orient: unset !important;
    -webkit-line-clamp: unset !important
}

@media(max-width: 768px) {
    .FAQ.component.link-list ul {
        width:100%;
        min-width: unset !important
    }

    .megamenu--three {
        background-color: var(--navigationMobileColor)
    }

    header.boutique-nav--1 .image img {
        height: 100% !important;
        width: auto !important;
        max-width: 290px !important;
        max-height: 45px !important
    }
}

@media(max-width: 1529px) {
    header.boutique-nav--1 #nav-header {
        background-color:#1e2e4c
    }
}

@media(max-width: 1199px) {
    .boutique-nav--1 #nav-footer .navigation {
        background-color:#252849
    }
}

a.arrow-link.privacy-statement-link {
    color: var(--formPrivacyLinkFontColor);
    font-family: var(--paragraphFontFamily) !important;
    font-weight: 700
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    sup {
        vertical-align:super;
        font-size: .5em
    }
}

@keyframes fadeInSlideUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
}


.animate-in {
        opacity: 0.5;
        animation-name: fadeInSlideUp; /* Name of the @keyframes rule */
        animation-duration: 0.8s;     /* How long the animation takes */
        animation-timing-function: ease-out; /* Speed curve of the animation */
        animation-fill-mode: forwards; /* Ensures the element retains the final state */
    }

/* Styles for screens with a maximum width of 768px (common tablet/mobile breakpoint) */
@media (max-width: 768px) {
  .card__image {
    width: 324px; /* Full width on smaller screens */
    height: 243px;
  }
}

/* Styles for screens with a maximum width of 480px (common phone breakpoint) */
@media (max-width: 480px) {
  .card__image {
    width: 324px; /* Slightly smaller width on very small screens */
    height: 243px;
  }
}