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

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

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

@media(min-width: 1530px) {
    header.nav-phase-3.boutique-nav--1 #nav-header .nav-row .megamenu--three .component-content nav .megamenu__list {
        justify-content:flex-start
    }
}

@media(max-width: 1529px) {
    header.nav-phase-3.boutique-nav--1.is-opened .image .component-content {
        justify-content:flex-start
    }
}

@media(max-width: 1200px) {
    header.nav-phase-3.boutique-nav--1.is-opened #nav-header .nav-row .image--logo {
        padding:0;
        margin: 0;
        top: 0;
        left: 20px
    }
}

@media(max-width: 992px) {
    .switch-nav-mobile,footer,#nav-footer,#register-now,#register-form,#Form,#form,#register {
        position:relative;
        z-index: 55
    }
}

div .switch-nav-mobile {
    background-color: var(--switch-nav-mobile-bg) !important
}

@media(min-width: 1200px) {
    body header.nav-phase-3 #nav-header {
        position:unset
    }
}

@media(min-width: 1200px) {
    body header.nav-phase-3 #nav-header .cookiebar {
        left:0
    }
}

@media(min-width: 1200px) {
    .cookiebar button {
        right:25px
    }
}

@media(min-width: 1200px) {
    body header.nav-phase-3.is-fixed.has-cookiebar #nav-header .cookiebar {
        transform:unset
    }
}

.sticky-header {
    display: none
}

@media(max-width: 992px) {
    .sticky-header {
        display:flex
    }
}

@media(max-width: 992px) {
    .sticky-header__button {
        transition:all .3s ease-in-out;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 11px 30px;
        background: var(--nav-sticky-bg-color);
        border: 1px solid var(--nav-sticky-bg-color);
        text-align: center;
        font-family: var(--nav-btn-font) !important;
        font-style: normal;
        font-weight: var(--nav-font-weight);
        font-size: var(--nav-font-size);
        line-height: var(--nav-line-height);
        color: var(--nav-sticky-text-color);
        position: fixed;
        bottom: 20px;
        z-index: 50;
        width: calc(100vw - 130px);
        left: 50%;
        right: 50%;
        transform: translateX(-50%);
        text-transform: var(--nav-text-transform);
        border-color: var(--nav-sticky-border-color);
        filter: drop-shadow(0 0 20px rgba(0,0,0,.15))
    }
}

@media(max-width: 992px) and (min-width:1200px) {
    .sticky-header__button {
        max-width:200px
    }
}

@media(max-width: 992px) {
    .sticky-header__button:hover,.sticky-header__button:focus {
        background:var(--nav-sticky-text-color);
        color: var(--nav-sticky-bg-color) !important;
        transition: all .3s ease-in-out;
        border: 1px solid var(--nav-sticky-bg-color)
    }
}

.sticky-header--2 {
    display: none
}

@media(max-width: 992px) {
    .sticky-header--2 {
        display:flex;
        position: fixed;
        z-index: 50;
        left: 50%;
        right: 50%;
        transform: translateX(-50%);
        flex-direction: column;
        width: 100%;
        background: var(--nav-sticky-container-color,#fff);
        bottom: 0;
        padding: 10px 10px 20px;
        filter: drop-shadow(0 0 20px rgba(0,0,0,.15))
    }
}

@media(max-width: 468px) {
    .sticky-header--2 {
        align-items:center
    }
}

@media(max-width: 992px) {
    .sticky-header--2 .sticky-header__button {
        position:static;
        width: 100%;
        transform: unset;
        filter: unset;
        box-shadow: unset
    }
}

.sticky-header--2 ul {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center
}

@media(max-width: 468px) {
    .sticky-header--2 ul {
        width:calc(100vw - 130px)
    }
}

#content .sticky-header--2 ul {
    padding-left: 0
}

.sticky-header--2 li {
    width: 100%
}

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

@media(min-width: 1200px) {
    body header.nav-phase-3 {
        padding-inline:15px;
        height: 80px;
        min-height: unset
    }
}

@media(min-width: 1300px) {
    body header.nav-phase-3 {
        padding-inline:40px
    }
}

@media(max-width: 1119px) {
    body header.nav-phase-3 {
        height:60px
    }
}

body header.nav-phase-3 img {
    border-radius: unset
}

@media(min-width: 1900px) {
    body header.nav-phase-3 #nav-header {
        max-width:1980px
    }
}

@media(min-width: 1900px) {
    body header.nav-phase-3 #nav-header .cookiebar {
        left:0
    }
}

body header.nav-phase-3 .nav-row {
    display: flex;
    height: 100%
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .nav-row {
        flex-wrap:nowrap
    }
}

@media(min-width: 1200px) and (max-width:1630px) {
    body header.nav-phase-3 .cookiebar,body header.nav-phase-3 .nav-row .cookiebar {
        left:-40px
    }
}

@media(min-width: 1200px) and (max-width:1300px) {
    body header.nav-phase-3 .cookiebar,body header.nav-phase-3 .nav-row .cookiebar {
        left:-15px
    }
}

body header.nav-phase-3.is-fixed {
    opacity: 1;
    transform: unset
}

body header.nav-phase-3.is-fixed.has-cookiebar {
    height: 120px
}

@media(max-width: 1200px) {
    body header.nav-phase-3.is-fixed.has-cookiebar {
        height:100px
    }
}

body header.nav-phase-3.is-scrolled,body header.nav-phase-3.is-fixed {
    background: var(--nav-bg-color) !important;
    position: fixed;
    opacity: 1;
    display: block;
    animation: none;
    -webkit-animation: none;
    transition: none;
    transform: none
}

@media(min-width: 1200px) {
    body header.nav-phase-3.is-scrolled,body header.nav-phase-3.is-fixed {
        min-height:unset;
        height: 80px
    }
}

@media(max-width: 1119px) {
    body header.nav-phase-3.is-scrolled,body header.nav-phase-3.is-fixed {
        height:60px
    }
}

body header.nav-phase-3 .megamenu--three {
    background-color: var(--nav-bg-color);
    margin-top: -1px
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .megamenu--three {
        padding-top:0;
        margin-top: 0
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three:not(.position-center) .megamenu__panel[aria-expanded=true] {
        padding:20px 0 20px
    }
}

body header.nav-phase-3 .megamenu--three.position-center .megamenu__list {
    align-items: center
}

body header.nav-phase-3 .megamenu--three.position-center .megamenu__item {
    text-align: center
}

body header.nav-phase-3 .megamenu--three.position-center .megamenu__item::after {
    display: none
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three.position-center .megamenu__item.has-children>a {
        justify-content:center
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three.position-center .megamenu__item.has-children>a::after {
        position:relative
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three.position-center .megamenu__item .megamenu__panel li {
        border:none;
        margin-bottom: 0
    }
}

body header.nav-phase-3 .megamenu--three.position-center .megamenu__item .megamenu__panel li::before {
    display: none
}

body header.nav-phase-3 .megamenu--three.position-center .megamenu__item .megamenu__panel li a {
    text-align: center
}

@media(max-width: 1199px) {
    body header.nav-phase-3 .megamenu--three.position-center .megamenu__item .megamenu__panel li a {
        margin-right:30px
    }
}

body header.nav-phase-3 .megamenu--three.position-center .megamenu__item .megamenu__panel li a::marker {
    display: none;
    color: rgba(0,0,0,0)
}

body header.nav-phase-3 .megamenu__toggle>div {
    height: 2px;
    width: 28.6px
}

body header.nav-phase-3 .megamenu__toggle>div:first-child {
    top: calc(50% - 7px)
}

body header.nav-phase-3 .megamenu__toggle>div:last-child {
    top: calc(50% + 7px)
}

body header.nav-phase-3 .megamenu__toggle[aria-expanded=true]>div:last-child {
    transform: translateY(-5px) rotate(-45deg);
    top: unset
}

body header.nav-phase-3 .megamenu__toggle[aria-expanded=true]>div:first-child {
    transform: translateY(-5px) rotate(45deg);
    top: unset
}

body header.nav-phase-3 .megamenu__toggle[aria-expanded=true]>div:nth-of-type(2) {
    display: none
}

body header.nav-phase-3 .megamenu__toggle[aria-expanded=true]+.megamenu__list {
    height: calc(100vh - 45px);
    padding-inline:20px;overflow-y: scroll
}

body header.nav-phase-3 .megamenu--three .megamenu__item {
    border: none;
    text-align: left
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item {
        padding:0 var(--nav-spacing-between) !important
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item {
        padding-inline:0;
        position: relative
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item::after {
        content:"";
        border-top: 1px solid #eee;
        width: 100vw;
        margin-left: 50%;
        margin-right: 50%;
        transform: translateX(-50%) !important;
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item.has-children {
        display:flex;
        justify-content: center;
        width: 100%;
        flex-direction: column
    }
}

body header.nav-phase-3 .megamenu--three .megamenu__item.has-children[aria-expanded=true]>a::after {
    opacity: .7;
    transform: rotate(135deg);
    margin-block:0;border-color: #bbb;
    position: relative;
    top: 50%
}

body header.nav-phase-3 .megamenu--three .megamenu__item.has-children>a {
    pointer-events: none
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item.has-children>a {
        display:flex;
        justify-content: space-between
    }
}

body header.nav-phase-3 .megamenu--three .megamenu__item.has-children>a::after {
    margin-block:0 3px}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item.has-children>a::after {
        margin-block:3px 0
    }
}

body header.nav-phase-3 .megamenu--three .megamenu__item:hover,body header.nav-phase-3 .megamenu--three .megamenu__item[aria-expanded=true] {
    border: none
}

body header.nav-phase-3 .megamenu--three .megamenu__item:hover>a,body header.nav-phase-3 .megamenu--three .megamenu__item[aria-expanded=true]>a {
    color: #bbb
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item[aria-expanded=true] {
        padding-block:20px
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item[aria-expanded=true]>a {
        margin:0;
        padding: 0
    }
}

body header.nav-phase-3 .megamenu--three .megamenu__item a {
    font-size: var(--pargraphFontSize);
    line-height: var(--nav-line-height);
    font-family: var(--nav-font-family) !important;
    font-size: var(--nav-font-size);
    text-transform: var(--nav-text-transform);
    font-weight: var(--nav-font-weight)
}

body header.nav-phase-3 .megamenu--three .megamenu__item>a {
    color: var(--nav-text-color)
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .megamenu__item>a {
        padding-block:20px;
        margin-bottom: 0
    }
}

body header.nav-phase-3 .megamenu--three .component-content {
    width: 100%
}

@media(min-width: 1201px) {
    body header.nav-phase-3 .megamenu--three .component-content {
        margin-left:calc(22px - var(--nav-spacing-between))
    }
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square {
    border: none
}

@media(max-width: 1199px) {
    body header.nav-phase-3 .megamenu--three .component-content .cta-square {
        width:100%
    }
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .component-content .cta-square {
        position:absolute;
        right: 0;
        top: 0;
        position: relative;
        right: unset;
        left: unset
    }
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square::after {
    display: none
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square a {
    padding: var(--nav-btn-padding) !important;
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 30px;
    background: var(--nav-btn-bg-color);
    border: 1px solid var(--nav-btn-bg-color);
    text-align: center;
    font-family: var(--nav-btn-font) !important;
    font-style: normal;
    font-weight: var(--nav-font-weight);
    font-size: var(--nav-font-size);
    line-height: var(--nav-line-height);
    color: var(--nav-btn-text-color);
    color: var(--nav-btn-text-color) !important;
    background-color: var(--nav-btn-bg-color) !important;
    border: 1px solid var(--nav-btn-bg-color) !important
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .component-content .cta-square a {
        max-width:200px
    }
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square a:hover,body header.nav-phase-3 .megamenu--three .component-content .cta-square a:focus {
    background: var(--nav-btn-text-color);
    color: var(--nav-btn-bg-color) !important;
    transition: all .3s ease-in-out;
    border: 1px solid var(--nav-btn-bg-color)
}

@media(min-width: 1200px) and (max-width:1300px) {
    body header.nav-phase-3 .megamenu--three .component-content .cta-square a {
        padding:10px 25px !important
    }
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square a:focus,body header.nav-phase-3 .megamenu--three .component-content .cta-square a:active,body header.nav-phase-3 .megamenu--three .component-content .cta-square a:hover {
    background: var(--nav-btn-color-hover) !important;
    color: var(--nav-btn-text-hover) !important
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square a::before {
    display: none
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square.last {
    padding-right: 0
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square.last a {
    background: rgba(0,0,0,0) !important;
    color: var(--nav-btn-bg-color) !important;
    border: 1px solid var(--nav-btn-bg-color) !important;
    white-space: nowrap;
    margin-left: 0
}

body header.nav-phase-3 .megamenu--three .component-content .cta-square.last a:focus,body header.nav-phase-3 .megamenu--three .component-content .cta-square.last a:active,body header.nav-phase-3 .megamenu--three .component-content .cta-square.last a:hover {
    background: var(--nav-btn-color-hover) !important;
    color: var(--nav-btn-text-hover) !important;
    opacity: .8
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .component-content .cta-square.last a {
        margin-top:15px
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .component-content .cta-square:not(.last) {
        margin-top:30px
    }
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .megamenu--three .component-content .cta-square:not(.last) {
        margin-left:auto
    }
}

body header.nav-phase-3 .image:not(.image--logo) {
    margin: 0;
    padding-right: 0
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .image:not(.image--logo) {
        position:absolute;
        right: 46px;
        padding-right: 20px
    }
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .image:not(.image--logo) {
        width:100%;
        max-width: 125px
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .image:not(.image--logo) img {
        max-width:80px;
        max-height: unset
    }
}

body header.nav-phase-3 .image:not(.image--logo)::before {
    display: none
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .image.image--mirvac img {
        max-width:100%;
        max-height: 100%
    }
}

body header.nav-phase-3 .image.image--mirvac:not(.image--logo) {
    display: block
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .image.image--mirvac:not(.image--logo) {
        padding-left:16px
    }
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .image.image--mirvac:not(.image--logo) {
        position:absolute;
        left: calc(100vw - var(--nav-mirvac-space));
        top: 0;
        width: 100%
    }
}

body header.nav-phase-3 .image--logo {
    padding-left: 0
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .image--logo {
        padding-left:20px;
        left: 0;
        transform: unset !important
    }
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .image--logo {
        height:var(--nav-logo-height);
        max-width: var(--nav-logo-width);
        width: 100%
    }
}

body header.nav-phase-3 .image--logo img {
    width: 100%
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu__panel {
        width:100%;
        padding-left: 0;
        flex-direction: column;
        background-color: var(--nav-bg-color)
    }
}

body header.nav-phase-3 .megamenu__panel[aria-expanded=true] {
    padding: 20px 0
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu__panel[aria-expanded=true] {
        overflow:visible;
        padding: 20px 0 0
    }
}

@media(min-width: 1200px) {
    body header.nav-phase-3 .megamenu__panel[aria-expanded=true] {
        background:var(--nav-panel-bg);
        color: var(--nav-panel-text-color);
        box-shadow: 0 0 20px rgba(0,0,0,.15);
        border-radius: 6px;
        padding: 15px 20px;
        margin-left: 0
    }
}

body header.nav-phase-3 .megamenu__panel[aria-expanded=true] li {
    margin-bottom: 0
}

body header.nav-phase-3 .megamenu__panel[aria-expanded=true] li::before {
    content: ""
}

body header.nav-phase-3 .megamenu__panel[aria-expanded=true] li:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

body header.nav-phase-3 .megamenu__panel-content {
    max-width: unset
}

body header.nav-phase-3 .megamenu__panel-content .megamenu__panel-list a {
    text-transform: capitalize
}

@media(max-width: 1200px) {
    body header.nav-phase-3 .megamenu__panel-content .megamenu__panel-list a {
        display:list-item;
        list-style-position: inside;
        list-style-type: disc
    }
}

body header.nav-phase-3 .megamenu__panel-content .megamenu__panel-list a::marker {
    color: var(--cb-orange)
}

@media(max-width: 1200px) {
    body header.nav-phase-3.is-opened .megamenu__list {
        padding-top:30px
    }
}

:root {
    --gsq-color-primary: #252849;
    --gsq-color-secondary: #4F516C;
    --nav-btn-bg-color: #fff;
    --nav-btn-text-color: #6b735b;
    --nav-sticky-bg-color: var(--nav-btn-bg-color);
    --nav-sticky-text-color: var( --nav-btn-text-color);
    --nav-btn-text-hover: white;
    --nav-btn-color-hover: #f2cebe;
    --nav-font-size: 11px;
    --nav-text-color: white;
    --nav-panel-text-color: var( --nav-text-color);
    --nav-font-family: "Sackers Gothic Medium";
    --nav-btn-font: "Sackers Gothic Medium";
    --nav-font-weight: 500;
    --nav-line-height: 25px;
    --nav-arrow: url(/-/media/Base-Themes/Navigation/Styles/images/arrow_forward);
    --nav-bg-color: #6B7356;
    --navigationColor: #6B7356;
    --navigationMobileColor: #6B7356;
    --nav-text-transform: uppercase;
    --nav-logo-width: 195px;
    --nav-logo-height: 30px;
    --nav-sticky-border-color: white;
    --nav-panel-bg: white;
    --nav-mirvac-space: 170px;
    --nav-space-btn: 170px;
    --nav-btn-padding: 12px 50px;
    --navigationMegaLinkColor: var(--nav-text-color);
    --nav-spacing-between: 12px;
    --navigationMegamenuToggleColor: var(--nav-text-color);
    --switch-nav-mobile-bg: white
}

body .uwy.userway_p5 .userway_buttons_wrapper {
    max-height: 44px
}

:root {
    --nav-btn-bg-color: #fff;
    --nav-btn-text-color: #6b735b;
    --nav-sticky-bg-color: var(--nav-btn-bg-color);
    --nav-sticky-text-color: var( --nav-btn-text-color);
    --nav-btn-text-hover: white;
    --nav-btn-color-hover: #f2cebe;
    --nav-font-size: 11px;
    --nav-text-color: white;
    --nav-panel-text-color: var( --nav-text-color);
    --nav-font-family: "Sackers Gothic Medium";
    --nav-btn-font: "Sackers Gothic Medium";
    --nav-font-weight: 500;
    --nav-line-height: 25px;
    --nav-arrow: url(/-/media/Base-Themes/Navigation/Styles/images/arrow_forward);
    --nav-bg-color: #6B7356;
    --navigationColor: #6B7356;
    --navigationMobileColor: #6B7356;
    --nav-text-transform: uppercase;
    --nav-logo-width: 195px;
    --nav-logo-height: 30px;
    --nav-sticky-border-color: white;
    --nav-panel-bg: white;
    --nav-mirvac-space: 170px;
    --nav-space-btn: 170px;
    --nav-btn-padding: 12px 50px;
    --navigationMegaLinkColor: var(--nav-text-color);
    --nav-spacing-between: 12px;
    --navigationMegamenuToggleColor: var(--nav-text-color);
    --switch-nav-mobile-bg: white
}