.cc-window {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    -webkit-transition: transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(2em);
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-top {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cc-animate.cc-revoke.cc-active.cc-bottom {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cc-revoke:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s
}

.cc-revoke,
.cc-window {
    position: fixed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-revoke:hover {
    text-decoration: underline
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
    text-decoration: underline
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance>.cc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {

    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px) and (orientation: portrait),
screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner,
    .cc-window.cc-floating,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em;
    margin-bottom: 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

.cc-fullscreen-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(30, 30, 30, 0.7);
    z-index: 999
}

.cc-theme-fullscreen .cc-deny-link {
    display: inline;
    padding: 0;
    font-size: .9em;
    border: 0;
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
    background-color: transparent !important;
    color: #838391 !important
}

.cc-theme-fullscreen .cc-compliance {
    width: 50%;
    margin: 10px auto
}

@media (min-width: 414px) {
    .cc-theme-fullscreen {
        bottom: 50%;
        left: 50%;
        margin-left: -190px;
        margin-bottom: -70px
    }
}

.hf-cc-revoke {
    position: fixed;
    bottom: 0;
    left: 20px;
    padding: 5px 10px;
    background-color: #edeff5
}

@media (max-width: 414px) {
    .hf-cc-revoke {
        font-size: 12px
    }
}

@keyframes headerMobileBgScrollDown {
    0% {
        opacity: 0;
        transform: translateY(-6rem)
    }

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

@keyframes headerMobileLogoScrollDown {
    0% {
        transform: scale(1.25) translateY(0.375rem)
    }

    100% {
        transform: scale(1) translateY(0)
    }
}

@keyframes headerMobileBgScrollTop {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-6rem)
    }
}

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

    100% {
        transform: scale(1.25) translateY(0.375rem)
    }
}

@keyframes showMobileNav {
    0% {
        transform: translateX(-100vw)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes hideMobileNav {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100vw)
    }
}

@keyframes headerDesktopBgScrollDown {
    0% {
        opacity: 0;
        transform: translateY(-6rem)
    }

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

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

    100% {
        transform: scale(0.6) translateY(-2.75rem)
    }
}

@keyframes headerDesktopMenuItemsScrollDown {
    0% {
        transform: translateY(3rem)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes headerDesktopNavAsideScrollDown {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-2.625rem)
    }
}

@keyframes headerDesktopBgScrollTop {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-6rem)
    }
}

@keyframes headerDesktopLogoScrollTop {
    0% {
        transform: scale(0.6) translateY(-2.75rem)
    }

    100% {
        transform: scale(1) translateY(0)
    }
}

@keyframes headerDesktopMenuItemsScrollTop {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(3rem)
    }
}

@keyframes headerDesktopNavAsideScrollTop {
    0% {
        transform: translateY(-2.625rem)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes chevronRotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(90deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes textFadeIn {
    0% {
        color: transparent;
        background-color: #e4e4e7
    }

    95% {
        color: transparent;
        background-color: #e4e4e7
    }

    100% {
        color: #343436;
        background-color: transparent
    }
}

@-webkit-keyframes textFadeIn {
    0% {
        color: transparent;
        background-color: #e4e4e7
    }

    95% {
        color: transparent;
        background-color: #e4e4e7
    }

    100% {
        color: #343436;
        background-color: transparent
    }
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit
}

html {
    font-size: 16px;
    overflow-x: hidden
}

body {
    box-sizing: border-box;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    font-weight: 500;
    overflow-x: hidden;
    color: #343436
}

textarea:focus,
input:focus {
    outline: none
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none
}

button {
    border: none;
    cursor: pointer;
    color: #343436;
    -webkit-color: #343436
}

button:active {
    transition-duration: .2s;
    transform: scale(0.9)
}

button:disabled,
button[disabled] {
    transform: none
}

select {
    color: #343436;
    -webkit-color: #343436
}

ul {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

svg {
    box-sizing: content-box
}

.leaflet-container img {
    max-height: none
}

.leaflet-container .leaflet-popup-content a {
    color: #343436
}

.custom-map-pin__svg {
    pointer-events: none;
    overflow: visible
}

.leaflet-popup {
    bottom: 27px !important;
    left: -187px !important
}

.property-card-slider__container--mobile .carousel .slider-wrapper.axis-horizontal .slider,
.key-features .carousel .slider-wrapper.axis-horizontal .slider {
    margin-bottom: 4rem
}

.property-card-slider__container--mobile .carousel .control-dots,
.key-features .carousel .control-dots {
    bottom: .75rem
}

.property-card-slider__container--mobile .carousel .control-dots .dot.selected,
.key-features .carousel .control-dots .dot.selected {
    background-color: #343436;
    box-shadow: none
}

.property-card-slider__container--mobile .carousel .control-dots .dot,
.key-features .carousel .control-dots .dot {
    background-color: #969191;
    height: .625rem;
    width: .625rem
}

#modal-container .hf-modal-background {
    background-color: rgba(0, 0, 0, 0.5);
    overflow-y: auto
}

.anchor-to {
    position: relative;
    top: -5.625rem
}

@supports (-webkit-touch-callout: none) {

    input,
    textarea,
    select {
        border-radius: 0 !important;
        appearance: none !important;
        font-size: 16px !important
    }

    .cc-window.cc-theme-fullscreen {
        bottom: 50%;
        transform: translateY(50%);
        margin: 0
    }
}

.recaptcha-overrides {
    position: fixed;
    bottom: 0
}

h1,
.u-h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: 2.375rem;
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: normal;
    text-transform: none
}

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

    h1,
    .u-h1 {
        font-size: 3.125rem;
        font-weight: 500;
        line-height: 1.08;
        letter-spacing: normal
    }
}

h2,
.u-h2 {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none
}

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

    h2,
    .u-h2 {
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.25;
        letter-spacing: normal
    }
}

h3,
.u-h3 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: .86;
    letter-spacing: .2rem;
    text-transform: uppercase
}

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

    h3,
    .u-h3 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: .79;
        letter-spacing: .225rem
    }
}

h4,
.u-h4 {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: .79;
    letter-spacing: normal;
    text-transform: none
}

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

    h4,
    .u-h4 {
        font-size: 1.625rem;
        font-weight: 500;
        line-height: .73;
        letter-spacing: normal
    }
}

h5,
.u-h5 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: .13rem;
    text-transform: uppercase
}

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

    h5,
    .u-h5 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: .95;
        letter-spacing: .1875rem
    }
}

h6,
.u-h6 {
    font-family: Montserrat;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: .95;
    letter-spacing: normal;
    text-transform: uppercase
}

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

    h6,
    .u-h6 {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.19;
        letter-spacing: .15rem
    }
}

.signature-label {
    font-family: Montserrat;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.1875rem;
    text-transform: uppercase
}

@media only screen and (min-width: 992px) {
    .signature-label {
        font-size: 1rem;
        line-height: 1.19;
        letter-spacing: .15rem
    }
}

.tertiary-btn {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: .13125rem;
    text-transform: uppercase
}

.main-body {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.63;
    letter-spacing: normal
}

@media only screen and (min-width: 992px) {
    .main-body {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.61;
        letter-spacing: normal
    }
}

.alt-body {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.78;
    letter-spacing: normal
}

@media only screen and (min-width: 992px) {
    .alt-body {
        font-size: 1.375rem;
        font-weight: 600;
        line-height: 1.45;
        letter-spacing: normal
    }
}

.alt-body-2 {
    font-family: "Cormorant Garamond", serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: normal
}

@media only screen and (min-width: 992px) {
    .alt-body-2 {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.33;
        letter-spacing: normal
    }
}

p {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.63;
    letter-spacing: normal
}

@media only screen and (min-width: 992px) {
    p {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.61rem;
        letter-spacing: normal
    }
}

.u-disable-scroll-y {
    overflow-y: hidden
}

@media only screen and (min-width: 1100px) {
    .u-disable-scroll-y {
        overflow-y: auto
    }
}

.u-spacer {
    width: 100%;
    height: .125rem;
    background-image: linear-gradient(to right, #f7d933 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 1.75rem .0625rem;
    background-repeat: repeat-x
}

.u-centered {
    display: flex;
    justify-content: center
}

.u-horizontal-divider {
    width: .125rem;
    min-height: 100%;
    margin: 0 2rem;
    background-color: #343436
}

.u-hidden {
    display: none !important
}

.u-margin-0 {
    margin: 0 !important
}

.u-margin-top-0 {
    margin-top: 0 !important
}

.u-margin-bottom-0 {
    margin-bottom: 0 !important
}

.u-margin-left-auto {
    margin-left: auto !important
}

.u-margin-right-auto {
    margin-right: auto !important
}

.u-z-index-2 {
    z-index: 2 !important
}

.u-fixed {
    overflow: hidden
}

.u-section-mb {
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 768px) {
    .u-section-mb {
        margin-bottom: 4.375rem
    }
}

.u-serif {
    font-family: "Cormorant Garamond", serif !important
}

.u-sans-serif {
    font-family: Montserrat !important
}

.u-primary-text-colour {
    color: #343436 !important
}

.hfhp {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    font-size: 0;
    color: transparent
}

.user-register form input[name=body] {
    display: block;
    padding: 0;
    border: 0;
    font-size: 0;
    color: transparent
}

.breadcrumbs {
    display: none
}

@media only screen and (min-width: 768px) {
    .breadcrumbs {
        display: flex;
        align-items: center;
        font-size: .75rem
    }

    .breadcrumbs>*+* {
        margin-left: .5rem
    }
}

.breadcrumbs__breadcrumb {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: inherit;
    color: #343436
}

.breadcrumbs__breadcrumb>*+* {
    margin-left: .5rem
}

.breadcrumbs__breadcrumb--last-breadcrumb {
    font-weight: 600
}

.breadcrumbs svg {
    height: .5rem;
    width: .5rem;
    stroke: #343436
}

.btn-primary,
.btn-secondary,
.btn-secondary--accent,
.btn-secondary--light {
    box-sizing: border-box;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.64;
    letter-spacing: .175rem;
    text-transform: uppercase;
    padding: 1rem 3.5rem;
    outline: .0625rem solid #fff;
    outline-offset: -0.25rem;
    color: #ffffff;
    text-align: center;
    -webkit-appearance: none !important
}

.btn-primary {
    background-color: #f7d933;
    color: #ffffff
}

.btn-secondary {
    background-color: #f7d933
}

.btn-primary--disabled,
.btn-primary:disabled,
.btn-primary[disabled],
.btn-secondary--disabled,
.btn-secondary:disabled,
.btn-secondary[disabled] {
    cursor: auto;
    background-color: #e4e4e7;
    color: #a1a1aa
}

.btn-secondary--accent {
    background-color: #f7d933
}

.btn-secondary--light {
    background-color: #f7d933
}

.btn-secondary--template-two {
    background-color: #3e1409
}

.btn-tertiary {
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .175rem;
    text-transform: uppercase;
    color: #343436
}

.btn-tertiary::after {
    font-family: Montserrat;
    content: "►";
    position: relative;
    height: .25rem;
    width: .5rem;
    margin-left: .5rem;
    color: inherit
}

.btn-back {
    display: flex;
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .175rem;
    text-transform: uppercase;
    color: #f7d933;
    border: none;
    background: none
}

.btn-back--primary {
    color: #343436
}

.btn-back--primary::before {
    content: "◂";
    position: relative;
    height: .25rem;
    width: .5rem;
    margin-right: .5rem;
    color: inherit
}

.btn-back::before {
    content: "◂";
    position: relative;
    height: .25rem;
    width: .5rem;
    margin-right: .5rem;
    color: inherit
}

.btn-outline-white {
    font-size: .875rem;
    line-height: 1.64;
    letter-spacing: .175rem;
    color: #fff;
    border: solid .0625rem #fff;
    font-weight: 700;
    padding: 1.125rem 2.75rem;
    background-color: transparent;
    text-transform: uppercase
}

.btn-unstyled {
    border: none;
    background: none
}

.btn-primary--no-border,
.btn-secondary--no-border {
    outline: unset
}

.save-property-btn {
    fill: #eeeeee;
    height: 1.5rem;
    width: 1.5rem
}

.save-property-btn--active {
    fill: #d9291c
}

.carousel-btn {
    background-color: #343436;
    padding: .75rem 1rem
}

.carousel-btn svg {
    fill: #fff;
    width: .5rem;
    height: .75rem
}

.carousel-btn--disabled {
    background-color: #969191
}

.carousel-btn--disabled:active {
    transition-duration: unset;
    transform: unset
}

.search-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7d933;
    padding: 1.187rem;
    outline: .0625rem solid #fff;
    outline-offset: -0.25rem
}

.search-icon-btn svg {
    width: 1.25rem;
    height: 1.25rem;
    stroke: #fff
}

.btn-underlined {
    font-size: .875rem;
    color: #343436;
    background-color: transparent;
    padding-bottom: .25rem;
    border-bottom: .0625rem solid #343436
}

.btn-underlined--uppercase {
    text-transform: uppercase;
    letter-spacing: .125rem
}

.save-search-btn,
.unsave-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7d933;
    color: #fff;
    padding: .75rem 1.25rem;
    outline: 1px solid #fff;
    outline-offset: -0.25rem
}

.save-search-btn svg,
.unsave-search-btn svg {
    margin-right: .5rem;
    height: 1.5rem
}

.save-search-btn svg {
    fill: #eeeeee
}

.unsave-search-btn svg {
    fill: #d9291c
}

.department__back-btn {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .0538rem;
    font-size: .875rem
}

.department__back-btn>*+* {
    margin-left: .5rem
}

@media only screen and (min-width: 768px) {
    .department__back-btn {
        display: none
    }
}

.department__back-btn svg {
    fill: #343436;
    width: .5rem;
    height: .5rem
}

.scroll-to-top-btn__wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem
}

.address-lookup__wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem
}

.address-lookup__wrapper>*+* {
    margin-top: .5rem
}

@media only screen and (min-width: 576px) {
    .address-lookup__wrapper {
        flex-direction: row;
        align-items: flex-end;
        margin-bottom: .5rem
    }

    .address-lookup__wrapper>*+* {
        margin-left: 1.5rem
    }
}

@media only screen and (min-width: 768px) {
    .address-lookup__wrapper>*+* {
        margin-top: 1.5rem
    }
}

.address-lookup__lookup {
    width: 100%
}

@media only screen and (min-width: 576px) {
    .address-lookup__lookup {
        width: 64%
    }
}

@media only screen and (min-width: 768px) {
    .address-lookup__lookup {
        width: 49%
    }
}

.address-lookup__btn {
    align-self: flex-start;
    border-bottom: .0625rem solid #343436;
    font-size: .875rem;
    color: #343436;
    white-space: nowrap;
    text-align: left
}

@media only screen and (min-width: 576px) {
    .address-lookup__btn {
        align-self: auto
    }
}

.address-lookup__btn-span {
    display: inline-block
}

.address-lookup__btn-span--mobile {
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .address-lookup__btn-span--mobile {
        display: none
    }
}

.address-lookup__btn-span--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .address-lookup__btn-span--desktop {
        display: inline-block
    }
}

.address-lookup__error {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    color: #d9291c
}

.contact-aside {
    display: none
}

@media only screen and (min-width: 992px) {
    .contact-aside {
        display: flex;
        position: absolute;
        top: 11.75rem;
        left: 0;
        flex-direction: column;
        background-color: #eeeeee;
        padding: 2rem 1.25rem;
        width: 14rem
    }
}

.contact-aside__title {
    margin-bottom: 1rem
}

.contact-aside__title--branch-only {
    margin-bottom: 2rem
}

.contact-aside__title,
.contact-aside__name,
.contact-aside__job-tile,
.contact-aside__contact-link,
.contact-aside__contact-tel {
    font-size: .75rem;
    font-weight: 700;
    font-family: Montserrat;
    letter-spacing: .15rem;
    text-transform: uppercase
}

.contact-aside__job-tile {
    font-weight: 500
}

.contact-aside__agent-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem
}

.contact-aside__agent-title>*+* {
    margin-top: .25rem
}

.contact-aside__contact {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

.contact-aside__contact>*+* {
    margin-top: 1rem
}

.contact-aside__contact-tel,
.contact-aside__contact-link {
    display: flex;
    align-items: center
}

.contact-aside__contact-tel svg,
.contact-aside__contact-link svg {
    margin-right: .75rem;
    flex: none;
    height: 1rem;
    width: 1rem;
    fill: #343436
}

.contact-aside__img {
    width: 100%;
    max-width: 10rem;
    height: 7.125rem;
    object-fit: cover;
    margin-bottom: 1.5rem
}

.contact-aside__buttons {
    display: flex;
    flex-direction: column
}

.contact-aside__buttons>*+* {
    margin-top: 1.25rem
}

.contact-aside__btn {
    display: flex;
    justify-content: center;
    padding: 1rem;
    font-size: .75rem;
    text-align: center
}

.contact-aside-mobile {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: #f7d933;
    padding: 1.5rem 1.25rem
}

@media only screen and (min-width: 992px) {
    .contact-aside-mobile {
        display: none
    }
}

.contact-aside-mobile__close-btn {
    position: absolute;
    top: 1.5rem;
    right: 1.25rem;
    z-index: 1
}

.contact-aside-mobile__close-btn svg {
    stroke: #fff;
    height: 1rem;
    width: 1rem
}

.contact-aside-mobile__title {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.625rem;
    align-items: center;
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .175rem;
    color: #fff
}

.contact-aside-mobile__title>*+* {
    margin-top: .5rem
}

.contact-aside-mobile__content {
    display: flex;
    justify-content: center
}

.contact-aside-mobile__content>*+* {
    margin-left: 1.25rem
}

.contact-aside-mobile__details--branch-only {
    text-align: center
}

.contact-aside-mobile__img {
    width: 100%;
    max-width: 8.75rem;
    height: 8.5rem;
    object-fit: cover
}

.contact-aside-mobile__agent-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem
}

.contact-aside-mobile__agent-title>*+* {
    margin-top: .25rem
}

.contact-aside-mobile__name {
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.contact-aside-mobile__job-tile,
.contact-aside-mobile__branch {
    font-size: .75rem;
    color: #fff;
    text-transform: uppercase
}

.contact-aside-mobile__contact {
    display: flex;
    flex-direction: column
}

.contact-aside-mobile__contact>*+* {
    margin-top: 1.25rem
}

.contact-aside-mobile__contact--branch-only {
    align-items: center
}

.contact-aside-mobile__contact-tel,
.contact-aside-mobile__contact-email {
    display: flex
}

.contact-aside-mobile__contact-tel>*+*,
.contact-aside-mobile__contact-email>*+* {
    margin-left: .5rem
}

.contact-aside-mobile__contact-tel svg,
.contact-aside-mobile__contact-email svg {
    fill: #fff;
    height: 1rem;
    width: 1rem
}

.contact-aside-mobile__contact-tel-span,
.contact-aside-mobile__contact-email-span {
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .125rem;
    border-bottom: .125rem solid #fff;
    padding-bottom: .125rem
}

.contact-aside-cms-desktop {
    display: none
}

@media only screen and (min-width: 1200px) {
    .contact-aside-cms-desktop {
        display: block;
        top: 35.75rem;
        position: absolute
    }
}

.contact-aside-only-icons-mobile {
    position: fixed;
    display: flex;
    bottom: 0;
    z-index: 10;
    width: 100%;
    background-color: #f7d933
}

@media only screen and (min-width: 768px) {
    .contact-aside-only-icons-mobile {
        display: none
    }
}

.contact-aside-only-icons-mobile__link {
    display: flex;
    width: 100%;
    padding: 1rem 1rem;
    justify-content: center
}

.contact-aside-only-icons-mobile__link svg {
    width: 2rem;
    height: 2rem;
    fill: #fff
}

.contact-aside-only-icons-mobile__divider {
    width: .0625rem;
    background-color: #fff
}

.contact-mini-aside-desktop {
    display: none;
    z-index: 9999
}

@media only screen and (min-width: 768px) {
    .contact-mini-aside-desktop {
        display: inline-block;
        position: fixed;
        top: 50%;
        right: -4.625rem
    }
}

.contact-mini-aside-desktop__container {
    margin-top: 4.375rem;
    background-color: #f7d933;
    transform: rotate(-90deg)
}

.contact-mini-aside-desktop__link {
    display: flex;
    align-items: center;
    padding: 1rem;
    padding-left: 1.25rem
}

.contact-mini-aside-desktop__link>*+* {
    margin-left: .5rem
}

.contact-mini-aside-desktop__link svg {
    fill: #fff;
    height: 1.25rem;
    width: 1.25rem;
    transform: rotate(90deg)
}

.contact-mini-aside-desktop__link-span {
    font-size: .875rem;
    letter-spacing: .1625rem;
    font-weight: 600;
    display: inline-block;
    color: #fff;
    text-transform: uppercase
}

.sticky-button__aside {
    position: fixed;
    z-index: 1;
    bottom: 0px;
    width: 100%
}

@media only screen and (min-width: 992px) {
    .sticky-button__aside {
        bottom: auto;
        width: auto;
        right: 0;
        top: 45%;
        transform: rotate(270deg) translateX(50%);
        transform-origin: bottom right;
        box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.16)
    }
}

.sticky-button__aside-button {
    width: 100%;
    text-align: center;
    padding: 1.5rem 1rem;
    display: inline-block;
    color: #fff;
    background-color: #f7d933;
    outline-offset: -0.25rem;
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.64;
    letter-spacing: .175rem;
    text-transform: uppercase
}

@media only screen and (min-width: 992px) {
    .sticky-button__aside-button {
        width: auto;
        outline: .0625rem solid #fff;
        padding: 1rem
    }
}

.calculators {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .calculators {
        margin-bottom: 3.5rem
    }
}

.calculators__title {
    font-family: Montserrat;
    font-size: .875rem;
    letter-spacing: .175rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    color: #343436
}

@media only screen and (min-width: 768px) {
    .calculators__title {
        margin-bottom: 2rem
    }
}

.calculators__content {
    width: 100%;
    padding: 0 1.25rem;
    margin-bottom: 2rem
}

@media only screen and (min-width: 768px) {
    .calculators__content {
        padding: 0;
        margin-bottom: 2.5rem;
        max-width: 49.75rem
    }
}

.calculators__tabs {
    display: flex
}

.calculators__tabs>*+* {
    margin-left: .25rem
}

.calculators__tab {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1rem 0;
    background-color: #f7d933;
    color: #fff;
    font-size: .875rem;
    letter-spacing: .175rem;
    font-weight: 700;
    text-transform: uppercase
}

.calculators__tab--active {
    background-color: #343436
}

@media only screen and (min-width: 768px) {
    .calculators__tab-span--mobile {
        display: none
    }
}

.calculators__tab-span--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .calculators__tab-span--desktop {
        display: inline-block
    }
}

.calculators__link {
    display: block;
    padding: .875rem;
    color: #fff;
    background-color: #f7d933;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: .131rem;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .calculators__link {
        display: flex;
        justify-content: center;
        padding: 1.25rem
    }

    .calculators__link>*+* {
        margin-left: .5rem
    }
}

.calculators__link-span {
    display: flex;
    align-items: center;
    justify-content: center
}

.calculators__link-span>*+* {
    margin-left: .5rem
}

.calculators__link-span svg {
    width: .5rem;
    height: .5rem;
    fill: #fff
}

.calculators__back-to-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .0875rem;
    text-transform: uppercase;
    margin-bottom: 1rem
}

.calculators__back-to-search-btn>*+* {
    margin-left: .5rem
}

.calculators__back-to-search-btn svg {
    width: .5rem;
    height: .5rem;
    fill: #343436
}

@media only screen and (min-width: 768px) {
    .calculators__back-to-search-btn {
        display: none
    }
}

.calculators__back-to-top-btn {
    background-color: #f7d933;
    padding: 1rem;
    align-self: flex-end
}

.calculators__back-to-top-btn svg {
    fill: #fff;
    height: 1rem;
    width: 1rem
}

@media only screen and (min-width: 768px) {
    .calculators__back-to-top-btn {
        display: flex;
        align-self: center;
        align-items: center;
        background-color: transparent;
        padding: 0
    }

    .calculators__back-to-top-btn>*+* {
        margin-left: .5rem
    }

    .calculators__back-to-top-btn svg {
        fill: #343436;
        height: .5rem;
        width: .5rem
    }
}

.calculators__back-to-top-btn-span {
    display: none
}

@media only screen and (min-width: 768px) {
    .calculators__back-to-top-btn-span {
        display: inline-block;
        font-size: .875rem;
        font-weight: 700;
        letter-spacing: .0875rem;
        text-transform: uppercase;
        color: #343436
    }
}

.mortgage-calculator {
    background-color: #343436;
    padding: 1.25rem;
    padding-top: 2.25rem
}

.mortgage-calculator__inputs {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem
}

.mortgage-calculator__inputs>*+* {
    margin-top: .875rem
}

.mortgage-calculator__inputs-row {
    display: flex;
    flex-direction: column
}

.mortgage-calculator__inputs-row>*+* {
    margin-top: .875rem
}

@media only screen and (min-width: 768px) {
    .mortgage-calculator__inputs-row {
        flex-direction: row
    }

    .mortgage-calculator__inputs-row>*+* {
        margin-top: 0
    }

    .mortgage-calculator__inputs-row>*+* {
        margin-left: .875rem
    }
}

.mortgage-calculator__input {
    width: 100%
}

.mortgage-calculator__result {
    display: block;
    font-family: "Cormorant Garamond", serif;
    font-size: 3.125rem;
    line-height: .88;
    color: #f7d933;
    text-align: center;
    margin-bottom: 2.5rem
}

.stamp-duty-calculator {
    display: flex;
    flex-direction: column;
    background-color: #343436;
    padding: 1.25rem;
    padding-top: 2.25rem
}

.stamp-duty-calculator>*+* {
    margin-top: 1.5rem
}

.stamp-duty-calculator__row {
    display: flex;
    flex-direction: column
}

.stamp-duty-calculator__row>*+* {
    margin-top: 1.5rem
}

@media only screen and (min-width: 768px) {
    .stamp-duty-calculator__row {
        flex-direction: row
    }

    .stamp-duty-calculator__row>*+* {
        margin-top: 0
    }

    .stamp-duty-calculator__row>*+* {
        margin-left: 1.5rem
    }
}

.stamp-duty-calculator__select {
    width: 100%
}

.stamp-duty-calculator__select-label,
.stamp-duty-calculator__options-title,
.stamp-duty-calculator__property-value {
    display: block;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 1.25rem
}

.stamp-duty-calculator__checkbox-container {
    display: flex;
    flex-direction: column
}

.stamp-duty-calculator__checkbox-container>*+* {
    margin-top: 1rem
}

@media only screen and (min-width: 375px) {
    .stamp-duty-calculator__checkbox-container>*+* {
        margin-top: unset;
        margin-left: 1rem
    }
}

@media only screen and (min-width: 375px) {
    .stamp-duty-calculator__checkbox-container {
        flex-direction: row
    }
}

.stamp-duty-calculator__divider {
    width: 100%;
    height: 2px;
    background-color: #fff
}

.stamp-duty-calculator__result {
    display: block;
    font-family: "Cormorant Garamond", serif;
    font-size: 3.125rem;
    line-height: .88;
    color: #b8a36d;
    text-align: center;
    margin-bottom: 2.5rem
}

.icon-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: .3125rem 0
}

.icon-grid .icon-grid__item {
    width: 50%;
    padding: 0 2.1875rem;
    margin: 2.1875rem 0
}

.icon-grid--stacked {
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 992px) {
    .icon-grid--stacked {
        flex-direction: row
    }
}

.icon-grid--alt-mobile {
    border-bottom: .2rem solid #f7d933;
    border-top: .2rem solid #f7d933;
    padding: 2.5rem 2.1875rem
}

.icon-grid--alt-mobile .icon-grid__item {
    width: 100%;
    margin: .5rem 0
}

@media only screen and (min-width: 768px) {
    .icon-grid--alt-mobile .icon-grid__item {
        text-align: center
    }
}

.icon-grid--alt-mobile .icon-grid__item a {
    display: flex;
    align-items: center
}

.icon-grid--alt-mobile .icon-grid__item .icon-grid__item {
    flex-direction: row
}

.icon-grid--alt-mobile .icon-grid__item .icon-grid__item>*+* {
    margin-left: 1rem
}

@media only screen and (min-width: 768px) {
    .icon-grid--alt-mobile .icon-grid__item .icon-grid__item {
        flex-direction: column
    }

    .icon-grid--alt-mobile .icon-grid__item .icon-grid__item>*+* {
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .icon-grid--alt-mobile .icon-grid__item {
        width: 50%;
        margin: 2.1875rem 0;
        text-align: center;
        align-items: center
    }

    .icon-grid--alt-mobile .icon-grid__item a {
        display: initial
    }
}

.icon-grid--alt-mobile .icon-grid__item img,
.icon-grid--alt-mobile .icon-grid__item svg {
    margin-bottom: .5rem;
    width: 2rem;
    height: 3rem
}

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

    .icon-grid--alt-mobile .icon-grid__item img,
    .icon-grid--alt-mobile .icon-grid__item svg {
        margin-right: 0;
        margin-bottom: 1.5rem;
        width: 4rem;
        height: 3.125rem
    }
}

.icon-grid--alt-mobile .icon-grid__span {
    max-width: unset;
    display: initial
}

@media only screen and (min-width: 768px) {
    .icon-grid--alt-mobile .icon-grid__span {
        max-width: 8rem;
        display: flex
    }
}

.icon-grid .template-two.icon-grid__item svg,
.icon-grid .template-two.icon-grid__item path {
    fill: #3e1409
}

.icon-grid .template-accent.icon-grid__item svg,
.icon-grid .template-accent.icon-grid__item path {
    fill: #f7d933
}

@media only screen and (min-width: 992px) {
    .icon-grid {
        border-bottom: .2rem solid #f7d933;
        border-top: .2rem solid #f7d933
    }

    .icon-grid .icon-grid__item {
        width: 33.33%
    }
}

@media only screen and (min-width: 768px) {
    .icon-grid--alt-desktop .icon-grid__item {
        width: 25%
    }
}

.icon-grid--borders-none {
    border: none
}

.icon-grid__container {
    margin: 3.25rem 1.25rem;
    width: auto
}

@media only screen and (min-width: 992px) {
    .icon-grid__container {
        max-width: 60rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem 5rem 3.25rem
    }
}

.icon-grid__item {
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media only screen and (min-width: 992px) {
    .icon-grid__item {
        width: 33.33%
    }
}

.icon-grid__item svg {
    width: 4rem;
    height: 3.125rem;
    margin-bottom: 1.5rem;
    fill: #7e7e7e
}

.icon-grid__item svg path {
    fill: #7e7e7e
}

.icon-grid__item img {
    height: 3em;
    width: auto;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 768px) {
    .icon-grid__item img {
        width: 4rem;
        height: 3.125rem
    }
}

.icon-grid__span {
    display: flex;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .0875rem;
    color: #343436;
    text-transform: uppercase;
    max-width: 8rem
}

.input {
    display: flex;
    flex-direction: column
}

.input>*+* {
    margin-top: .5rem
}

.input__label,
.input__error {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .75rem
}

.input__error {
    color: #d9291c
}

.input__wrapper {
    display: flex
}

.input__input {
    appearance: none;
    border: none;
    font-size: .875rem;
    font-weight: 600;
    background-color: #fff;
    padding: 1.3125rem 1.25rem
}

.input__input::placeholder {
    color: #f7d933
}

.input__input:disabled {
    background: #e4e4e7;
    color: #a1a1aa
}

.input__input:disabled::placeholder {
    color: #a1a1aa
}

.input__input::-webkit-outer-spin-button,
.input__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input--full-width {
    width: 100%
}

.input--full-width .input__input {
    width: 100%
}

.input--on-dark .input__label {
    color: #fff
}

.textarea {
    display: flex;
    flex-direction: column
}

.textarea>*+* {
    margin-top: .5rem
}

.textarea__label,
.textarea__error {
    display: block;
    font-size: .875rem;
    font-weight: 600
}

.textarea__error {
    color: #d9291c
}

.textarea__textarea {
    appearance: none;
    border: none;
    font-size: .875rem;
    font-weight: 600;
    background-color: #fff;
    padding: 1.3125rem 1.25rem
}

.textarea__textarea::placeholder {
    color: #f7d933
}

.textarea--full-width {
    width: 100%
}

.textarea--full-width .textarea__textarea {
    width: 100%
}

.textarea--on-dark .textarea__label {
    color: #fff
}

.checkbox {
    display: flex;
    flex-direction: column
}

.checkbox>*+* {
    margin-top: .5rem
}

.checkbox--on-dark .checkbox__label {
    color: #fff
}

.checkbox__label {
    display: flex;
    font-size: .875rem;
    align-items: center;
    line-height: 1.5
}

.checkbox__label>* {
    margin-right: .75rem
}

.checkbox__input-container {
    display: flex;
    position: relative
}

.checkbox__input-container svg {
    width: .25rem;
    height: .25rem;
    stroke: #343436
}

.checkbox__dummy-checkbox {
    position: absolute;
    display: block;
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border: solid .125rem #343436;
    z-index: 1
}

.checkbox__dummy-checkbox--rounded {
    border-radius: 100%
}

.checkbox__dummy-checkbox--checked {
    background-color: #f7d933;
    outline: solid .125rem #343436;
    border: solid .125rem #fff
}

.checkbox__dummy-checkbox-with-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border: solid .125rem #f7d933;
    z-index: 1
}

.checkbox__dummy-checkbox-with-icon svg {
    width: 1rem;
    height: 1rem;
    stroke: #fff
}

.checkbox__dummy-checkbox-with-icon--checked {
    background-color: #f7d933
}

.checkbox__input {
    position: relative;
    width: 1rem;
    height: 1rem
}

.checkbox__input--rounded {
    appearance: none
}

.checkbox__error {
    display: block;
    font-size: .875rem;
    font-weight: 600
}

.address-lookup-input__results {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 1.3125rem 1.25rem;
    border-top: 1px solid #969191;
    max-height: 10rem;
    overflow-y: scroll
}

.address-lookup-input__results>*+* {
    margin-top: 1.3125rem
}

.address-lookup-input__results-item {
    font-size: .875rem;
    font-weight: 600
}

.address-lookup-input__results-btn {
    text-align: left
}

.address-lookup-input__btn {
    background: #fff;
    padding: 1.156rem 1.25rem
}

.address-lookup-input__btn svg {
    stroke: #343436;
    height: 1rem;
    width: 1rem
}

.address-lookup-input__btn svg g,
.address-lookup-input__btn svg line {
    stroke: #343436
}

.custom-select {
    position: relative
}

.custom-select select {
    appearance: none;
    border: none;
    font-size: .875rem;
    font-weight: 600;
    background-color: #fff;
    padding: 1.3125rem 0;
    padding-left: 1.25rem;
    padding-right: 1.875rem;
    cursor: pointer;
    -webkit-appearance: none;
    color: #343436;
    -webkit-color: #343436;
    -webkit-border-radius: 0px
}

.custom-select select:disabled {
    background: #e4e4e7;
    color: #a1a1aa
}

.custom-select--iphone-12 select {
    border-bottom: 1px solid #fff
}

@media only screen and (min-width: 576px) {
    .custom-select--iphone-12 select {
        border-bottom: none
    }
}

.custom-select::after {
    content: url("/liquid_assets/images/icons/double-chevrons-icon.svg");
    font-size: 1rem;
    top: 1.25rem;
    right: .75rem;
    position: absolute;
    pointer-events: none
}

.custom-select--full {
    width: 100%
}

.custom-select--full select {
    width: 100%
}

.custom-select--single-chevron::after {
    content: url("/liquid_assets/images/icons/chevron-down-solid-icon.svg")
}

.custom-select--disabled::after {
    content: ""
}

.custom-select--on-light {
    border: .0625rem solid #969191
}

.custom-location-input {
    position: relative;
    flex: 1;
    display: flex
}

.custom-location-input div:first-of-type:not(.custom-location-input__input) {
    flex: 1
}

.custom-location-input__geolocate-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.63rem;
    width: 3rem;
    background-color: #fff
}

.custom-location-input__input {
    border: none;
    background-color: #fff;
    padding: 1.125rem 1.25rem;
    padding-left: .75rem;
    width: 100%;
    border-right: .0625rem solid #eeeeee;
    line-height: 1
}

.custom-location-input__input::placeholder {
    color: #969191;
    font-size: .875rem;
    font-weight: 500
}

@supports (-webkit-touch-callout: none) {
    .custom-location-input__input {
        border-bottom: 3px solid #fff !important
    }
}

.custom-branches-search-input {
    position: relative;
    flex: 1
}

.custom-branches-search-input--full-width {
    width: 100%
}

.custom-branches-search-input svg {
    position: absolute;
    z-index: 1;
    top: 1rem;
    left: .75rem;
    height: 1.5rem;
    width: 1.5rem
}

.custom-branches-search-input input {
    border: none;
    background-color: #fff;
    padding: 1.125rem 1.25rem;
    padding-left: 3.75rem;
    width: 100%;
    border: .0625rem solid #969191;
    line-height: 1
}

.custom-branches-search-input input::placeholder {
    color: #969191;
    font-size: .875rem;
    font-weight: 500
}

.custom-branches-search-input .react-autosuggest_span {
    display: block;
    padding: .25rem .5rem;
    cursor: pointer
}

.sort-order-select {
    position: relative;
    width: fit-content
}

.sort-order-select__select {
    appearance: none;
    border: none;
    background: transparent;
    font-size: .875rem;
    font-weight: 500;
    line-height: 2.29;
    letter-spacing: .131rem;
    padding-right: 1.7rem;
    -webkit-appearance: none;
    cursor: pointer
}

.sort-order-select::after {
    content: url("/liquid_assets/images/icons/chevron-down-solid-icon.svg");
    font-size: 1rem;
    top: .375rem;
    right: .75rem;
    position: absolute;
    pointer-events: none
}

.location-card-section {
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 992px) {
    .location-card-section {
        display: flex;
        flex-direction: column
    }
}

@media only screen and (min-width: 992px) {
    .location-card-section--mobile {
        display: none
    }
}

.location-card-section--desktop {
    display: none
}

@media only screen and (min-width: 992px) {
    .location-card-section--desktop {
        display: flex;
        max-width: 60rem
    }
}

.location-card-section__branch-box {
    box-sizing: border-box;
    padding: 1rem;
    outline: .0625rem solid #fff;
    outline-offset: -0.25rem;
    background-color: #f7d933;
    color: #343436;
    margin: 0 1rem
}

.location-card-section__branch-image {
    flex-basis: 50%;
    width: 35rem
}

.location-card-section__branch-image img {
    object-fit: cover;
    width: 35rem;
    height: 100%
}

.location-card-section__branch-details {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem;
    justify-content: center
}

.location-card-section__flex {
    display: flex;
    max-width: 15rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.location-card-section__branch-title {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    font-size: 2.5rem;
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none
}

.location-card-section__branch-title::after {
    content: "";
    width: 5.25rem;
    height: .125rem;
    background-color: #343436
}

.location-card-section__clock-icon {
    margin-bottom: .5rem
}

.location-card-section__clock-icon svg {
    fill: #343436
}

.location-card-section__opening-hours,
.location-card-section__link {
    display: block;
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .175rem;
    text-transform: uppercase
}

.location-card-section__link {
    line-height: 2.5
}

.location-card-section__address {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 1rem
}

.location-card-section__span {
    display: block
}

.location-card-section__opening-hours {
    margin-bottom: 1rem
}

.location-card-section__link--underline {
    text-decoration: underline
}

.location-card-section__link--semibold {
    font-weight: 600
}

.location-card-section__phone-link {
    display: flex;
    align-items: center
}

.location-card-section__phone-link svg {
    height: 1rem;
    width: 1rem;
    margin-right: .5rem
}

.location-card-section__para {
    font-size: .875rem;
    margin: 0 2rem;
    text-align: center
}

.location-card-section__icons {
    display: flex
}

.location-card-section__icons>*+* {
    margin-left: 2rem
}

.location-card-section__icon {
    display: flex;
    flex-direction: column;
    align-items: center
}

.location-card-section__icon>*+* {
    margin-top: 1.5rem
}

.location-card-section__icon svg {
    fill: #f7d933;
    height: 3rem;
    width: 3rem
}

.location-card-section__icon-divider {
    width: 1px;
    background-color: #343436
}

.location-card-section__icon-span {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .1125rem;
    text-transform: uppercase;
    text-align: center;
    text-transform: uppercase;
    max-width: 7rem;
    line-height: 1.5
}

@media only screen and (min-width: 768px) {
    .location-card-section__image-card-slider {
        display: none
    }
}

.location-card-section__placeholder {
    width: 100%;
    height: 14.625rem;
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 992px) {
    .location-card-section__placeholder {
        height: 23.875rem;
        width: 60rem
    }
}

.meet-the-agent-section--mobile {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 992px) {
    .meet-the-agent-section--mobile {
        display: none
    }
}

.meet-the-agent-section {
    display: none
}

@media only screen and (min-width: 992px) {
    .meet-the-agent-section {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        flex-direction: column;
        background-color: #eeeeee;
        padding: 2rem 1.25rem;
        width: 14rem
    }
}

.meet-the-agent-section__container {
    padding-bottom: 3.25rem
}

.meet-the-agent-section__title {
    margin-bottom: 1rem
}

.meet-the-agent-section__title,
.meet-the-agent-section__name,
.meet-the-agent-section__job-title,
.meet-the-agent-section__contact-link,
.meet-the-agent-section__contact-tel {
    font-size: .75rem;
    font-weight: 700;
    font-family: Montserrat;
    letter-spacing: .15rem;
    text-transform: uppercase
}

.meet-the-agent-section__job-title {
    font-weight: 500
}

.meet-the-agent-section__agent-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem
}

.meet-the-agent-section__agent-title>*+* {
    margin-top: .25rem
}

.meet-the-agent-section__contact {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

.meet-the-agent-section__contact>*+* {
    margin-top: 1rem
}

.meet-the-agent-section__contact--no-details {
    margin-bottom: 0
}

.meet-the-agent-section__contact-link,
.meet-the-agent-section__contact-tel {
    display: flex;
    align-items: center
}

.meet-the-agent-section__contact-link>*+*,
.meet-the-agent-section__contact-tel>*+* {
    margin-left: .75rem
}

.meet-the-agent-section__contact-link svg,
.meet-the-agent-section__contact-tel svg {
    height: 1.35rem;
    width: 1.5rem;
    fill: #343436
}

.meet-the-agent-section__image {
    width: 100%;
    max-width: 10rem;
    height: 7.125rem;
    object-fit: cover;
    margin-bottom: 1.5rem
}

.meet-the-agent-section__buttons {
    display: flex;
    flex-direction: column
}

.meet-the-agent-section__buttons>*+* {
    margin-top: 1.25rem
}

.meet-the-agent-section__btn {
    display: flex;
    justify-content: center;
    padding: 1rem;
    font-size: .75rem;
    text-align: center
}

.meet-the-agent-section__wrapper {
    margin-top: 2rem
}

.search-form-channels {
    display: flex;
    justify-content: center
}

.search-form-channels input {
    display: none
}

.search-form-channels__span {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .175rem;
    opacity: .46
}

.search-form-channels__span--on-light {
    color: #343436;
    font-weight: 400;
    opacity: .7
}

.search-form-channels__span--active {
    opacity: 1
}

.search-form-channels .search-form-channels__span--active.search-form-channels__span--on-light {
    font-weight: 700
}

.search-form-channels__divider {
    background-color: #fff;
    height: 1rem;
    width: .125rem;
    margin: 0 .5rem
}

.search-form-channels__divider--on-light {
    background-color: #343436
}

.search-form-tabs {
    position: relative;
    background-color: #f7d933
}

@media only screen and (min-width: 768px) {
    .search-form-tabs {
        background: transparent
    }
}

.search-form-tabs__picture,
.search-form-tabs__fallback-bg {
    position: absolute;
    width: 100%;
    height: 100%
}

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

    .search-form-tabs__picture,
    .search-form-tabs__fallback-bg {
        display: none
    }
}

.search-form-tabs__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.search-form-tabs__fallback-bg {
    background-color: #f7d933
}

.search-form-tabs__scroll-btn {
    position: absolute;
    background: none;
    border: none;
    top: 50%;
    transform: translateY(-50%);
    padding: 1rem;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .search-form-tabs__scroll-btn {
        display: none
    }
}

.search-form-tabs__scroll-btn:active {
    transition-duration: .2s;
    transform: scale(0.9) translateY(-50%)
}

.search-form-tabs__scroll-btn svg {
    fill: #fff;
    height: 1.25rem;
    width: 1.25rem
}

.search-form-tabs__scroll-btn--prev {
    left: 1rem
}

.search-form-tabs__scroll-btn--next {
    right: 1rem
}

.search-form-tabs__mobile-content {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 5rem;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .search-form-tabs__mobile-content {
        display: none
    }
}

.search-form-tabs__mobile-content--no-margin {
    margin: 0
}

.search-form-tabs__desktop-content {
    display: none
}

@media only screen and (min-width: 768px) {
    .search-form-tabs__desktop-content {
        display: flex;
        width: 100vw;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0;
        width: auto;
        background: transparent;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .search-form-tabs__desktop-content>*+* {
        margin-left: 2rem
    }

    .search-form-tabs__desktop-content>*+* {
        margin-left: .5rem
    }

    .search-form-tabs__desktop-content::-webkit-scrollbar {
        display: none
    }
}

.search-form-tabs--hide-mobile {
    display: none
}

@media only screen and (min-width: 768px) {
    .search-form-tabs--hide-mobile {
        display: block
    }
}

.search-form-tabs__tab {
    flex: 1;
    background-color: transparent;
    font-size: .875rem;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: .875rem 0;
    letter-spacing: .175rem
}

.search-form-tabs__tab:active {
    transform: unset;
    transition-duration: unset
}

@media only screen and (min-width: 768px) {
    .search-form-tabs__tab {
        background-color: #f7d933;
        padding: 1.25rem 0;
        font-weight: 700
    }
}

.search-form-tabs__tab--active {
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .search-form-tabs__tab--active {
        background-color: rgba(52, 52, 54, 0.85)
    }
}

.search-form-links {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 1.625rem;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .search-form-links {
        flex-direction: row;
        justify-content: space-evenly;
        padding: 1rem
    }
}

@media only screen and (min-width: 768px) {
    .search-form-links--child-links {
        flex-direction: column;
        padding: 0
    }
}

.search-form-links__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: .5rem
}

.search-form-links__link svg {
    height: 3rem;
    width: 3rem;
    fill: #fff
}

.search-form-links__divider {
    display: none
}

@media only screen and (min-width: 768px) {
    .search-form-links__divider {
        display: inline-block;
        width: 2px;
        background-color: #fff
    }
}

.search-form-links__child-links {
    display: flex;
    flex-direction: column;
    z-index: 2
}

.search-form-links__child-links>*+* {
    margin-top: 1rem
}

@media only screen and (min-width: 576px) {
    .search-form-links__child-links {
        flex-direction: row;
        justify-content: space-evenly
    }

    .search-form-links__child-links>*+* {
        margin-top: 0
    }

    .search-form-links__child-links>*+* {
        margin-left: 0
    }
}

.search-form-links__span {
    font-size: .875rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    letter-spacing: .175rem
}

.search-form-links__span svg {
    height: .5rem;
    width: .5rem;
    margin-left: .75rem
}

.search-form-links__close-child-links-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    letter-spacing: .175rem;
    margin-bottom: 3rem;
    z-index: 2
}

.search-form-links__close-child-links-btn>*+* {
    margin-left: .5rem
}

.search-form-links__close-child-links-btn svg {
    fill: #fff;
    width: .5rem;
    height: .5rem;
    margin-right: .25rem
}

.property-search-form {
    position: relative;
    z-index: 2;
    background-color: #eeeeee;
    margin-top: 3.812rem;
    padding: 1.25rem;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16)
}

@media only screen and (min-width: 768px) {
    .property-search-form {
        padding: 0;
        margin-top: 3.75rem;
        box-shadow: none;
        margin-bottom: 3.125rem
    }
}

@media only screen and (min-width: 1100px) {
    .property-search-form {
        margin-top: 4rem
    }
}

@media only screen and (min-width: 768px) {
    .property-search-form form {
        padding-top: 5.625rem
    }
}

.property-search-form__channel-container {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: .5rem
}

@media only screen and (min-width: 768px) {
    .property-search-form__channel-container {
        display: none
    }
}

.property-search-form__show-options-close-btn {
    position: absolute;
    right: 0;
    background-color: transparent;
    padding: 0 .5rem
}

.property-search-form__show-options-close-btn svg {
    width: 1rem;
    height: 1rem;
    stroke: #343436
}

.property-search-form__search-bar {
    display: flex;
    max-width: 51.5rem;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .property-search-form__search-bar {
        position: absolute;
        top: 5.625rem;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        background-color: #fff;
        outline: 0.375rem solid rgba(24, 48, 40, 0.25)
    }
}

@media only screen and (min-width: 992px) {
    .property-search-form__search-bar {
        width: 100%
    }
}

.property-search-form__search-bar-filter-btn {
    padding: 1rem .75rem
}

@media only screen and (min-width: 768px) {
    .property-search-form__search-bar-filter-btn {
        display: none
    }
}

.property-search-form__search-bar-submit-btn {
    display: none
}

@media only screen and (min-width: 768px) {
    .property-search-form__search-bar-submit-btn {
        display: inline-block
    }
}

.property-search-form__search-bar-select {
    display: none
}

@media only screen and (min-width: 768px) {
    .property-search-form__search-bar-select {
        display: inline-block
    }
}

.property-search-form__search-bar-select--show-mobile {
    display: inline-block;
    border-left: solid 0.0625rem rgba(24, 48, 40, 0.25)
}

@media only screen and (min-width: 768px) {
    .property-search-form .custom-location-input {
        border-left: solid 0.0625rem rgba(24, 48, 40, 0.25);
        border-right: solid 0.0625rem rgba(24, 48, 40, 0.25)
    }
}

.property-search-form .custom-location-input__input {
    border: none
}

@media only screen and (min-width: 768px) {
    .property-search-form__filters {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #eeeeee;
        margin-top: 2rem;
        padding: 1rem
    }
}

.property-search-form__filters-container {
    display: flex;
    flex-direction: column;
    margin-top: .875rem;
    width: 100%;
    margin-bottom: 1rem
}

.property-search-form__filters-container>*+* {
    margin-top: .875rem
}

@media only screen and (min-width: 768px) {
    .property-search-form__filters-container {
        max-width: 75rem
    }
}

.property-search-form__filters-container-row {
    display: flex;
    flex-direction: column
}

.property-search-form__filters-container-row>*+* {
    margin-top: .875rem
}

@media only screen and (min-width: 768px) {
    .property-search-form__filters-container-row {
        flex-direction: row
    }

    .property-search-form__filters-container-row>*+* {
        margin: 0 0 0 1.5rem
    }
}

.property-search-form__show-filters-btn {
    display: none
}

@media only screen and (min-width: 768px) {
    .property-search-form__show-filters-btn {
        display: flex;
        align-items: center;
        font-size: .875rem;
        line-height: 1.93;
        font-weight: 600;
        background-color: transparent
    }
}

.property-search-form__show-filters-btn svg {
    stroke: #343436;
    width: 1rem;
    height: 1rem;
    margin-left: .5rem
}

.property-search-form__submit-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    margin-bottom: 2.75rem
}

@media only screen and (min-width: 768px) {
    .property-search-form__submit-btn-container {
        margin-top: 1rem;
        margin-bottom: .5rem
    }
}

.property-search-form__secondary-controls {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 75rem
}

.property-search-form__secondary-controls>*+* {
    margin-top: 1rem
}

@media only screen and (min-width: 375px) {
    .property-search-form__secondary-controls {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

.properties-results {
    margin: 0 1.25rem;
    margin-top: 1.25rem;
    width: auto
}

@media only screen and (min-width: 768px) {
    .properties-results {
        display: block;
        margin: 0 1.25rem;
        max-width: 90rem;
        margin-top: 3.125rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

.properties-results__top-section {
    margin-bottom: 2rem
}

.properties-results__blurb {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1rem
}

.properties-results__blurb-title {
    display: flex;
    align-self: center;
    align-items: center;
    flex-direction: column;
    font-weight: normal;
    letter-spacing: .18rem;
    color: #343436;
    font-family: "Montserrat";
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 2rem
}

@media only screen and (min-width: 992px) {
    .properties-results__blurb-title {
        font-size: 1.5rem
    }
}

.properties-results__blurb-title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: 1.4rem;
    background-color: #343436
}

.properties-results__blurb-para {
    font-size: .875rem;
    max-width: 40rem;
    text-align: center
}

.properties-results__container {
    margin-bottom: 3rem;
    position: relative
}

@media only screen and (min-width: 768px) {
    .properties-results__container {
        margin-bottom: 4.6875rem
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.properties-results__loader-container {
    height: 100%;
    width: 100%;
    display: none;
    place-items: center;
    z-index: 1000;
    position: absolute;
    backdrop-filter: blur(2px)
}

.properties-results__loader-container svg {
    stroke: #343436;
    height: 5rem;
    width: 5rem;
    animation: rotating 2s linear infinite
}

.properties-results__map-buttons {
    display: none
}

.properties-results__bread-crumbs {
    display: none;
    font-size: .75rem
}

@media only screen and (min-width: 768px) {
    .properties-results__bread-crumbs {
        display: flex;
        margin-bottom: 1rem
    }

    .properties-results__bread-crumbs>*+* {
        margin-left: .5rem
    }
}

.properties-results__bread-crumb-link {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: inherit
}

.properties-results__bread-crumb-link>*+* {
    margin-left: .25rem
}

.properties-results__bread-crumb-link svg {
    stroke: #343436
}

.properties-results__bread-crumb-span {
    font-weight: 600;
    font-size: inherit
}

.properties-results__title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (min-width: 576px) {
    .properties-results__title-wrapper {
        flex-direction: row
    }

    .properties-results__title-wrapper>*+* {
        margin-left: 1rem
    }
}

.properties-results__title-span {
    display: flex;
    align-items: center;
    margin-bottom: 1.625rem;
    margin-top: .675rem
}

.properties-results__title {
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    letter-spacing: .168rem;
    text-transform: uppercase;
    line-height: 1.5;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .properties-results__title {
        font-size: 1.5rem;
        letter-spacing: .225rem;
        margin-bottom: 2rem
    }
}

.properties-results__save-search {
    height: fit-content;
    margin-bottom: 1rem
}

@media only screen and (min-width: 576px) {
    .properties-results__save-search {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .properties-results__save-search {
        margin-top: .67rem
    }
}

.properties-results__controls {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 576px) {
    .properties-results__controls {
        flex-direction: row
    }
}

.properties-results__buttons-container {
    display: none
}

@media only screen and (min-width: 768px) {
    .properties-results__buttons-container {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-bottom: 1.5rem
    }

    .properties-results__buttons-container>*+* {
        margin-left: 1rem
    }
}

.properties-results__buttons-divider {
    height: 50%;
    width: .125rem;
    background-color: #343436
}

.properties-results__draw-search-btn,
.properties-results__list-view-btn,
.properties-results__map-search-btn {
    display: flex;
    align-items: center;
    font-size: .875rem;
    background-color: transparent;
    text-transform: uppercase;
    line-height: 2.29;
    letter-spacing: .131rem
}

.properties-results__draw-search-btn>*+*,
.properties-results__list-view-btn>*+*,
.properties-results__map-search-btn>*+* {
    margin-left: .375rem
}

.properties-results__draw-search-btn svg,
.properties-results__list-view-btn svg,
.properties-results__map-search-btn svg {
    flex: none;
    fill: #343436;
    stroke: #343436;
    width: 1rem;
    height: 1rem
}

.properties-results__draw-search-btn svg,
.properties-results__list-view-btn svg {
    margin-right: .5rem
}

.properties-results__map-search-btn {
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .properties-results__map-search-btn {
        order: 2;
        margin-left: auto;
        margin-right: 0
    }
}

.properties-results__map-search-btn svg {
    height: 1rem;
    width: 1rem;
    fill: #343436
}

.properties-results__draw-search-btn-span,
.properties-results__list-view-btn-span,
.properties-results__map-search-btn-span {
    flex: none
}

.properties-results__map-container {
    height: 43.75rem
}

.properties-results .hf-property-results__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.75rem;
    margin-bottom: 1rem
}

.properties-results .hf-property-results__grid::after {
    display: none
}

@media only screen and (min-width: 768px) {
    .properties-results .hf-property-results__grid {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 2.75rem
    }
}

@media only screen and (min-width: 1200px) {
    .properties-results .hf-property-results__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem
    }
}

.properties-results .hf-property-results__grid .grid-item {
    float: unset;
    height: auto;
    display: flex
}

.properties-results__no-results-message a {
    font-size: 1rem;
    text-decoration: underline
}

.properties-results__no-results-message p {
    font-size: 1rem
}

.properties-results__pagination-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem
}

@media only screen and (min-width: 768px) {
    .properties-results__pagination-buttons {
        margin-bottom: 4.6875rem
    }
}

.properties-results .cta-image-background {
    margin: 0 -1.25rem;
    width: 100vw
}

@media only screen and (min-width: 768px) {
    .properties-results .cta-image-background {
        margin: 0 .5rem;
        width: auto;
        grid-column: 1/3
    }

    .properties-results .cta-image-background:nth-of-type(11n+4) {
        display: none
    }
}

@media only screen and (min-width: 1200px) {
    .properties-results .cta-image-background {
        grid-column: 1/4
    }
}

.properties-results--map {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: none
}

.properties-results--map .properties-results__top-section {
    display: none
}

@media only screen and (min-width: 768px) {
    .properties-results--map .properties-results__top-section {
        display: block;
        margin: 0 1.25rem;
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

.properties-results--map .properties-results__container {
    height: calc(100vh - 9.75rem)
}

@media only screen and (min-width: 768px) {
    .properties-results--map .properties-results__container {
        height: 43.75rem
    }
}

.properties-results--map .properties-results__container .hfjs-map {
    position: relative;
    height: 100%;
    z-index: 1
}

.properties-results--map .properties-results__map-buttons {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .properties-results--map .properties-results__map-buttons {
        display: none
    }
}

.properties-results--map .properties-results__map-buttons .properties-results__map-draw-search-btn,
.properties-results--map .properties-results__map-buttons .properties-results__map-list-view-btn {
    display: flex;
    justify-content: center;
    background-color: #f7d933;
    width: 100%;
    padding: 1.25rem;
    text-transform: uppercase;
    color: #fff;
    font-size: .875rem
}

.properties-results--map .properties-results__map-buttons .properties-results__map-draw-search-btn>*+*,
.properties-results--map .properties-results__map-buttons .properties-results__map-list-view-btn>*+* {
    margin-left: .5rem
}

.properties-results--map .properties-results__map-buttons .properties-results__map-draw-search-btn svg,
.properties-results--map .properties-results__map-buttons .properties-results__map-list-view-btn svg {
    fill: #fff;
    stroke: #fff;
    width: 1rem;
    height: 1rem
}

.properties-results--map .properties-results__map-buttons .properties-results__map-buttons-divider {
    z-index: 1;
    width: .125rem;
    background-color: #fff
}

.properties-results--map .leaflet-bottom.leaflet-right {
    bottom: 3.5rem
}

@media only screen and (min-width: 768px) {
    .properties-results--map .leaflet-bottom.leaflet-right {
        bottom: 0
    }
}

.properties-results--map .leaflet-bottom.leaflet-left {
    display: none;
    bottom: 4rem
}

@media only screen and (min-width: 768px) {
    .properties-results--map .leaflet-bottom.leaflet-left {
        bottom: unset;
        top: 1.5rem
    }
}

.properties-results--map .leaflet-bottom--show.leaflet-left {
    display: block
}

.properties-results--map .leaflet-control-title-interior {
    display: none
}

.properties-results--map .leaflet-draw-actions,
.properties-results--map .leaflet-draw-actions.leaflet-draw-actions-top {
    left: .25rem
}

.properties-results .leaflet-marker-icon,
.properties-results .leaflet-marker-shadow,
.properties-results .leaflet-image-layer,
.properties-results .leaflet-pane>svg path,
.properties-results .leaflet-tile-container {
    pointer-events: auto !important
}

.properties-results__placeholder-top-section {
    margin-bottom: 2rem
}

.properties-results__placeholder-bread-crumbs {
    display: none
}

@media only screen and (min-width: 768px) {
    .properties-results__placeholder-bread-crumbs {
        display: inline-block;
        width: 225px;
        height: 1rem;
        background-color: #e4e4e7
    }
}

.properties-results__placeholder-title {
    margin-top: .67em;
    margin-bottom: 1.625rem;
    width: 276px;
    height: 24px;
    background-color: #e4e4e7
}

@media only screen and (min-width: 768px) {
    .properties-results__placeholder-title {
        height: 2rem;
        width: 358px;
        margin-bottom: 2rem
    }
}

.properties-results__placeholder-controls {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

@media only screen and (min-width: 375px) {
    .properties-results__placeholder-controls {
        flex-direction: row;
        justify-content: space-between
    }
}

.properties-results__placeholder-control {
    width: 100%;
    height: 2rem;
    background-color: #e4e4e7
}

@media only screen and (min-width: 375px) {
    .properties-results__placeholder-control {
        width: 150px
    }
}

.properties-results__placeholder-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.75rem;
    margin-bottom: 1rem
}

@media only screen and (min-width: 768px) {
    .properties-results__placeholder-grid {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 2.75rem
    }
}

@media only screen and (min-width: 1200px) {
    .properties-results__placeholder-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem
    }
}

.properties-results__placeholder-grid-item {
    height: 400px;
    width: 100%;
    background-color: #e4e4e7
}

.properties-results__placeholder-grid-item-cta {
    height: 390px;
    width: 100%;
    background-color: #e4e4e7
}

@media only screen and (min-width: 768px) {
    .properties-results__placeholder-grid-item-cta {
        display: none
    }
}

.back-to-top__container {
    display: flex;
    justify-content: center;
    position: relative;
    height: 0
}

.back-to-top__container--with-border {
    justify-content: right
}

.back-to-top__text {
    display: none
}

@media only screen and (min-width: 768px) {
    .back-to-top__text {
        display: block
    }
}

.back-to-top__text--without-border {
    display: block
}

@media only screen and (min-width: 768px) {
    .back-to-top__text--without-border {
        display: none
    }
}

.back-to-top__button {
    z-index: 1;
    display: none;
    padding: 1.2rem 1.4rem
}

@media only screen and (min-width: 768px) {
    .back-to-top__button {
        padding: 1rem 1.4rem
    }
}

.back-to-top__button svg {
    display: block;
    fill: #ffffff
}

@media only screen and (min-width: 768px) {
    .back-to-top__button svg {
        display: none
    }
}

.back-to-top__button--without-border {
    background-color: #f7d933;
    outline: unset;
    outline-offset: unset
}

@media only screen and (min-width: 768px) {
    .back-to-top__button--without-border {
        padding: .5rem .8rem
    }
}

.back-to-top__button--without-border svg {
    display: none;
    fill: #ffffff
}

@media only screen and (min-width: 768px) {
    .back-to-top__button--without-border svg {
        display: block
    }
}

.back-to-top__button--show-without-border {
    display: block;
    bottom: 0;
    top: unset;
    width: 100vw;
    margin: 0 auto;
    position: fixed
}

@media only screen and (min-width: 768px) {
    .back-to-top__button--show-without-border {
        width: auto;
        right: 0;
        bottom: 10%
    }
}

.back-to-top__button--show {
    display: block
}

.back-to-top__button--locked {
    position: absolute;
    top: -4px
}

@media only screen and (min-width: 768px) {
    .back-to-top__button--locked {
        top: -95px
    }
}

.back-to-top__button--moving {
    position: fixed;
    top: 75%
}

.key-features,
.material-info {
    display: flex;
    order: -1;
    flex-direction: column;
    border-top: .0625rem solid #f7d933;
    border-bottom: .0625rem solid #f7d933;
    padding-top: 1.5rem;
    width: 100%;
    margin-bottom: 3rem
}

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

    .key-features,
    .material-info {
        order: unset;
        padding: 1.5rem 0
    }
}

.key-features__button,
.material-info__button {
    font-size: .75rem;
    align-self: center;
    font-weight: 600;
    font-family: Montserrat;
    margin-bottom: 2rem;
    letter-spacing: .15rem;
    text-transform: uppercase;
    background-color: transparent
}

.key-features__button svg,
.material-info__button svg {
    fill: #343436;
    width: 12px;
    height: 12px;
    padding-top: 10px
}

.key-features__title,
.material-info__title {
    font-size: .75rem;
    align-self: center;
    font-weight: 600;
    font-family: Montserrat;
    margin-bottom: 2rem;
    letter-spacing: .15rem;
    text-transform: uppercase
}

.key-features__list,
.material-info__list {
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
    align-items: center;
    text-align: center;
    list-style-type: none
}

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

    .key-features__list,
    .material-info__list {
        column-count: 2;
        display: block;
        text-align: left
    }
}

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

    .key-features .accessibility-list,
    .material-info .accessibility-list {
        column-count: 3
    }
}

.key-features__item,
.material-info__item {
    font-size: .75rem;
    display: flex;
    margin-bottom: .5rem;
    font-weight: 300
}

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

    .key-features__item::before,
    .material-info__item::before {
        content: "";
        flex: none;
        display: block;
        background-color: #f7d933;
        width: .5rem;
        height: .5rem;
        margin-top: .25rem;
        margin-right: .75rem
    }
}

.material-info {
    border-top: none;
    padding-top: 0
}

.material-info--border-y {
    border-top: .0625rem solid #f7d933;
    padding-top: 2rem
}

.material-info__grid {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-transform: capitalize
}

.material-info__title {
    text-align: center
}

.material-info__single-row {
    display: flex;
    justify-content: center
}

.material-info__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem
}

@media only screen and (min-width: 992px) {
    .material-info__row {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 992px) {
    .material-info__section:nth-child(even) {
        padding-left: 6rem
    }
}

@media only screen and (min-width: 992px) {
    .material-info__section--full {
        grid-column: 1/-1
    }
}

.property-assets {
    display: none;
    padding: .875rem 0;
    background-color: #f7d933;
    color: #fff
}

.property-assets--mobile {
    display: block;
    background: #fff;
    color: #343436;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 992px) {
    .property-assets--mobile {
        flex-direction: row;
        background-color: #f7d933;
        color: #fff
    }
}

@media only screen and (min-width: 992px) {
    .property-assets {
        display: flex;
        justify-content: center
    }
}

.property-assets__ul {
    display: flex;
    align-items: center
}

.property-assets__ul--mobile {
    flex-direction: column
}

@media only screen and (min-width: 992px) {
    .property-assets__ul--mobile {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem
    }
}

.property-assets__li {
    font-family: Montserrat;
    font-size: .75rem;
    line-height: 1.375rem;
    letter-spacing: .15rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 2rem 1rem
}

@media only screen and (min-width: 992px) {
    .property-assets__li {
        margin-bottom: 0
    }
}

.property-assets svg {
    fill: #fff;
    stroke: #fff;
    stroke-width: 0;
    margin-right: .5rem;
    width: 2rem
}

.property-assets--mobile svg {
    fill: #343436;
    stroke: #343436;
    min-width: 32px
}

@media only screen and (min-width: 992px) {
    .property-assets--mobile svg {
        fill: #fff;
        stroke: #fff
    }
}

.property-assets__link {
    display: flex;
    align-items: center;
    font-family: Montserrat;
    font-size: .75rem;
    line-height: 1.375rem;
    letter-spacing: .15rem;
    font-weight: 600;
    text-transform: uppercase;
    color: inherit;
    background: none
}

.property-assets__link--camera svg {
    fill: none
}

.property-assets__link-span {
    word-break: break-all
}

@media only screen and (min-width: 576px) {
    .property-assets__link-span {
        word-break: normal
    }
}

.property-details {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto;
    padding: 0 1.3125rem
}

.property-details__development-back-btn-wrapper {
    display: none
}

@media only screen and (min-width: 992px) {
    .property-details__development-back-btn-wrapper {
        display: block;
        font-size: .875rem;
        font-weight: 600;
        width: 100%;
        margin-top: 2rem;
        margin-left: 2rem
    }
}

.property-details__development-back-btn-wrapper svg {
    fill: #343436;
    height: .5rem;
    width: .5rem;
    margin-right: .5rem
}

.property-details__back-btn {
    display: flex;
    align-items: center
}

@media only screen and (min-width: 992px) {
    .property-details {
        position: relative;
        /* min-height: 37.5rem */
    }
}

.property-details__container {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width: 992px) {
    .property-details__container {
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto;
        padding: 3.25rem
    }
}

@media only screen and (min-width: 1200px) {
    .property-details__container {
        max-width: 53rem
    }
}

@media only screen and (min-width: 1536px) {
    .property-details__container {
        max-width: 65rem
    }
}

.property-details__description,
.property-details__description p {
    margin-bottom: 1rem;
    font-size: .875rem
}

.property-details__buttons {
    display: flex;
    width: 100%;
    z-index: 10;
    position: fixed;
    bottom: 0
}

@media only screen and (min-width: 992px) {
    .property-details__buttons {
        display: none
    }
}

.property-details__contact-btn {
    border: 0;
    outline: 0;
    padding: 1.5rem 1rem;
    width: 100%;
    text-align: center;
    font-size: .7rem
}

@media only screen and (min-width: 375px) {
    .property-details__contact-btn {
        font-size: .8rem
    }
}

@media only screen and (min-width: 576px) {
    .property-details__contact-btn {
        font-size: .875rem
    }
}

.property-details__contact-btn-divider {
    background-color: #fff;
    width: .1875rem
}

.property-details__read-more-btn {
    align-self: flex-start
}

.property-details__title {
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 992px) {
    .property-details__title {
        margin-bottom: 0
    }
}

.property-slider {
    display: flex;
    flex-direction: column;
    margin-top: 3.812rem;
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 992px) {
    .property-slider {
        margin-top: 2rem;
        padding: 3rem;
        padding-bottom: 0;
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto
    }
}

.property-slider__container {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 992px) {
    .property-slider__container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        min-height: 38.75rem;
        width: 100%
    }
}

.property-slider__top-bar {
    display: none
}

@media only screen and (min-width: 992px) {
    .property-slider__top-bar {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: fit-content;
        align-items: start
    }
}

.property-slider__top-bar--end {
    justify-content: end;
    margin-bottom: 2rem
}

.property-slider__back-btn {
    display: none;
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 2rem;
    align-items: center;
    width: 100%
}

.property-slider__back-btn--desktop {
    display: flex
}

.property-slider__back-btn svg {
    fill: #343436;
    height: 2rem;
    margin-right: .5rem
}

@media only screen and (min-width: 992px) {
    .property-slider__back-btn {
        display: flex
    }
}

.property-slider__icons-list {
    display: none
}

@media only screen and (min-width: 992px) {
    .property-slider__icons-list {
        display: flex
    }
}

.property-slider__icons-item {
    position: relative
}

.property-slider__share-icon {
    background: none;
    margin-left: 1rem
}

.property-slider__share-icon svg {
    fill: #343436;
    stroke: #343436
}

.property-slider__share-icon--active svg {
    fill: #eeeeee;
    stroke: #eeeeee
}

.property-slider__social-share {
    position: absolute;
    top: 2rem;
    right: 0;
    margin-left: 2.5rem;
    z-index: 10
}

.property-slider__desktop-back-container {
    display: flex;
    width: 100%;
    margin-left: 2rem
}

@media only screen and (min-width: 992px) {
    .property-slider__desktop-back-container {
        display: none
    }
}

.property-slider__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 992px) {
    .property-slider__content {
        width: 30%
    }
}

.property-slider__slides {
    order: -1
}

@media only screen and (min-width: 992px) {
    .property-slider__slides {
        order: unset;
        width: 60%;
        min-height: 31.25rem
    }

    @supports (-webkit-touch-callout: none) {
        .property-slider__slides {
            max-height: 35rem
        }
    }
}

.property-slider__spec-list {
    display: flex;
    margin-bottom: 1.25rem
}

.property-slider__spec-item {
    display: flex;
    align-items: center;
    margin: 0 .625rem
}

.property-slider__spec-item svg {
    height: 1.5rem;
    width: 1.5rem;
    stroke: #343436;
    margin-left: .5rem
}

.property-slider__spec-item--bedroom svg {
    height: 1.5rem
}

.property-slider__price-container {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    margin-bottom: .75rem;
    gap: .5rem
}

.property-slider__price {
    font-family: "Cormorant Garamond", serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.7
}

.property-slider__price--exchanged-price {
    color: #d9291c
}

.property-slider__icon {
    display: flex;
    align-items: flex-end
}

.property-slider__icon svg {
    height: 2rem;
    fill: #343436
}

.property-slider__address {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: center;
    margin: unset;
    font-family: Montserrat
}

.property-slider__content-tags {
    display: flex;
    font-size: .875rem
}

.property-slider__content-tags>*+* {
    margin-left: .25rem
}

.property-slider__content-tag--custom-1 {
    color: #d9291c
}

.property-slider__content-tag--accent {
    color: #f7d933
}

.property-slider__features-container {
    flex-direction: column;
    border-top: .0625rem solid #f7d933;
    border-bottom: .0625rem solid #f7d933;
    width: 100%;
    padding: 1.5rem;
    margin: 1.5rem 0;
    display: none
}

@media only screen and (min-width: 992px) {
    .property-slider__features-container {
        display: flex
    }
}

.property-slider__features-title {
    font-size: .75rem;
    align-self: center;
    font-weight: 600;
    font-family: Montserrat;
    margin-bottom: 1.5rem;
    letter-spacing: .15rem;
    text-transform: uppercase
}

.property-slider__features-list {
    display: flex;
    flex-direction: column
}

.property-slider__features-item {
    font-size: .875rem;
    display: flex;
    margin-bottom: 1rem
}

.property-slider__features-item::before {
    content: "";
    flex: none;
    display: block;
    background-color: #f7d933;
    width: .5rem;
    height: .5rem;
    margin-top: .25rem;
    margin-right: .75rem
}

.property-slider__auction-link {
    margin-top: 1rem
}

@media only screen and (min-width: 992px) {
    .property-slider__auction-link {
        margin-top: 0
    }
}

.property-slider__cta {
    background-color: #f7d933;
    margin-bottom: 1.375rem;
    display: none;
    text-align: center
}

@media only screen and (min-width: 992px) {
    .property-slider__cta {
        display: flex
    }
}

.property-slider__tenant-info {
    font-size: 1rem;
    font-weight: 500;
    font-family: Montserrat
}

.property-slider__mobile-controls-below .property-slider__back-btn {
    margin-bottom: .5rem
}

@media only screen and (min-width: 992px) {
    .property-slider__mobile-controls-below .property-slider__back-btn {
        margin-bottom: 2rem
    }
}

.property-map {
    position: relative;
    z-index: 1;
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 992px) {
    .property-map {
        margin-bottom: 4.375rem
    }
}

.property-map__title-wrapper {
    padding: 0 1.3125rem;
    margin-bottom: .75rem
}

@media only screen and (min-width: 768px) {
    .property-map__title-wrapper {
        margin-bottom: 1rem
    }
}

.property-map__title {
    display: flex;
    justify-content: center;
    font-size: .875rem;
    letter-spacing: .175rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .875rem
}

@media only screen and (min-width: 768px) {
    .property-map__title {
        margin-bottom: 2rem
    }
}

.property-map__map-selector {
    display: flex;
    justify-content: center;
    column-gap: .75rem;
    row-gap: .5rem;
    margin-bottom: 1.25rem
}

.property-map__map-selector-btn {
    font-size: .875rem;
    letter-spacing: .175rem;
    text-transform: uppercase
}

.property-map__map-selector-btn--active {
    font-weight: 700
}

.property-map__map-selector-divider {
    height: auto;
    width: .0625rem;
    background-color: #343436
}

.property-map__map-selector-divider--hidden-mobile {
    display: none
}

@media only screen and (min-width: 768px) {
    .property-map__map-selector-divider--hidden-mobile {
        display: inline-block
    }
}

.property-map__map {
    height: 24.375rem;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .property-map__map {
        height: 35rem
    }
}

.property-map__map .leaflet-marker-icon {
    width: auto;
    height: 2.5rem
}

.property-map__map--locrating {
    border: .0625rem solid #ccc
}

.property-map__placeholder {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-bottom: 3.5rem
}

.property-map__placeholder-title {
    background: #e4e4e7;
    height: .75rem;
    width: 2rem;
    margin-bottom: .875rem
}

.property-map__placeholder-selector {
    background: #e4e4e7;
    height: 1rem;
    width: 15rem;
    margin-bottom: 1.25rem
}

.property-map__placeholder-mapbox {
    background: #e4e4e7;
    height: 24.375rem;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .property-map__placeholder-mapbox {
        height: 35rem
    }
}

.property-video {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.875rem;
    padding: 0 1.25rem;
    word-break: break-all
}

@media only screen and (min-width: 576px) {
    .property-video {
        padding: 0;
        word-break: normal
    }
}

@media only screen and (min-width: 992px) {
    .property-video {
        display: none
    }
}

.property-video__title {
    font-size: .87rem;
    font-weight: 600;
    line-height: 1.64rem;
    letter-spacing: .175rem;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.property-video__container {
    width: 100%;
    height: 15.25rem
}

@media only screen and (min-width: 576px) {
    .property-video__container {
        height: 20.25rem
    }
}

@media only screen and (min-width: 768px) {
    .property-video__container {
        height: 28.25rem
    }
}

.property-mobile-asset {
    display: flex;
    flex-direction: column;
    align-items: center
}

.property-mobile-asset__images-image {
    width: auto;
    height: auto
}

@media only screen and (min-width: 768px) {
    .property-mobile-asset {
        padding: 0 4rem
    }

    .property-mobile-asset__images {
        display: flex;
        justify-content: center;
        height: 34rem;
        width: calc(100vw - 4rem)
    }

    .property-mobile-asset__images-image {
        object-fit: contain
    }
}

@media only screen and (min-width: 992px) {
    .property-mobile-asset {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .property-mobile-asset--single {
        padding-bottom: 2rem
    }
}

.property-mobile-asset__title {
    font-size: .87rem;
    font-weight: 600;
    line-height: 1.64rem;
    letter-spacing: .175rem;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.property-mobile-asset__container {
    padding: 0 1rem
}

.property-mobile-asset__placeholder {
    height: 100%;
    width: 100%
}

.property-mobile-asset__placeholder-main-img {
    background: #e4e4e7;
    height: 100%;
    width: 100%;
    min-height: 12.875rem;
    min-width: 18.25rem
}

.property-trading-standards {
    width: 100%;
    margin-bottom: 1.25rem
}

.property-trading-standards__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 .675em
}

@media only screen and (min-width: 576px) {
    .property-trading-standards__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 992px) {
    .property-trading-standards__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.property-trading-standards__grid--col-2 {
    grid-template-columns: 1fr
}

@media only screen and (min-width: 768px) {
    .property-trading-standards__grid--col-2 {
        grid-template-columns: repeat(2, 1fr)
    }
}

.property-trading-standards__btn {
    border: none;
    background: none;
    padding-right: 0
}

.property-trading-standards__row-card {
    display: flex
}

.property-trading-standards__row-card,
.property-trading-standards__card p {
    margin-bottom: 1rem
}

.property-trading-standards__row-card,
.property-trading-standards__card p,
.property-trading-standards__descriptor h3 {
    font-size: .875rem;
    letter-spacing: .1rem
}

.property-trading-standards__tooltip-container {
    position: relative
}

.property-trading-standards__card--with-price h3 {
    font-size: 2rem;
    line-height: 1.7;
    font-weight: 500;
    font-family: "Cormorant Garamond", serif;
    letter-spacing: normal;
    text-transform: none
}

.property-trading-standards__card--with-price h3 span {
    font-size: .675rem;
    letter-spacing: normal;
    line-height: normal;
    font-weight: 600;
    font-family: Montserrat
}

@media only screen and (min-width: 576px) {
    .property-trading-standards__card--with-price h3 span {
        font-size: .75rem
    }
}

.property-trading-standards__card--with-price h3 span button {
    font-size: 1.375rem
}

.property-trading-standards__descriptor {
    text-wrap: pretty
}

.trading-standards-tooltip {
    position: absolute;
    z-index: 10;
    width: 12rem;
    height: auto;
    background: #fff;
    padding: 1rem;
    border-radius: .125rem;
    box-shadow: 0 20px 64px -26px rgba(0, 0, 0, 0.75);
    transition: all .5s ease-in-out;
    display: none;
    font-size: .675rem;
    text-transform: none;
    line-height: normal;
    letter-spacing: normal;
    left: -2.475rem;
    bottom: 1.75rem
}

@media only screen and (min-width: 576px) {
    .trading-standards-tooltip {
        font-size: .75rem;
        width: 20rem
    }
}

.trading-standards-tooltip:after {
    content: "";
    position: absolute;
    top: calc(100% - .4rem);
    left: 2.5rem;
    min-height: .8rem;
    min-width: .8rem;
    transform: rotate(45deg);
    background: #fff
}

.trading-standards-tooltip--center {
    left: -7rem
}

@media only screen and (min-width: 576px) {
    .trading-standards-tooltip--center {
        left: -10rem
    }
}

.trading-standards-tooltip--center:after {
    left: 7.5rem
}

@media only screen and (min-width: 576px) {
    .trading-standards-tooltip--center:after {
        left: 10.5rem
    }
}

.trading-standards-tooltip--show {
    display: inline
}

.trading-standards-tooltip a {
    text-decoration: underline
}

.loading-icon {
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.property-card {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: .5rem;
    height: auto;
    /* width: 100% */
}

@media only screen and (min-width: 992px) {
    .property-card {
        max-width: 23.437rem;
        width: 100%
    }
}

.property-card--full-width {
    width: 100%;
    flex-grow: 1
}

@media only screen and (min-width: 992px) {
    .property-card--full-width {
        max-width: 100%
    }
}

.property-card__tags {
    cursor: default;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 1
}

.property-card__tags--right {
    left: unset;
    right: 0
}

.property-card__tag {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.58;
    letter-spacing: .1125rem;
    text-transform: uppercase;
    color: #fff;
    padding: .5rem 1.5rem;
    background-color: rgba(52, 52, 54, 0.85);
    text-align: center
}

.property-card__tag--under-offer {
    background-color: #f7d933;
    color: #343436
}

.property-card__tag--new-home {
    background: #f7d933
}

.property-card__tag--sold {
    background-color: #d9291c
}

.property-card__image-slider {
    position: relative;
    display: flex;
    margin-bottom: 1rem
}

.property-card__image-container {
    display: flex;
    width: 100%
}

.property-card__picture {
    height: 15.625rem;
    width: 100%;
    object-fit: cover
}

.property-card__image {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.property-card__no-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15.625rem;
    width: 100%;
    background-color: #ebede8
}

.property-card__no-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.property-card__no-image>*+* {
    margin-top: .25rem
}

.property-card__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.property-card__no-image-span {
    font-size: .875rem;
    text-transform: uppercase;
    color: #eeeeee
}

.property-card__image-controls-container {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    background: rgba(52, 52, 54, 0.85);
    color: #fff;
    min-height: 3rem
}

.property-card__spec-list {
    cursor: default;
    display: flex;
    margin-right: auto;
    padding: .5rem .75rem
}

.property-card__spec-list>*+* {
    margin-left: 1.25rem
}

@media screen and (min-width: 600px) {
    .property-card__spec-list .acreage-icon {
        fill: #fff
    }
}

.property-card__spec-list--desktop {
    padding-left: 0;
    margin-bottom: .5rem
}

.property-card__spec-list--desktop .property-card__spec-item svg {
    stroke: #343436
}

.property-card__spec-item {
    display: flex;
    align-items: center;
    font-size: .875rem;
    margin-left: 8px;
}

.property-card__spec-item svg {
    height: 2rem;
    width: 2rem;
    stroke: #fff;
    margin-left: .5rem
}

.property-card__spec-item--bedroom svg {
    height: 1.5rem
}

.property-card__image-controls {
    display: flex
}

.property-card__prev-btn,
.property-card__next-btn {
    display: flex;
    align-items: center;
    padding: .5rem 1.125rem
}

.property-card__prev-btn svg,
.property-card__next-btn svg {
    height: 1rem;
    width: 1rem;
    fill: #fff
}

.property-card__content {
    flex: 1;
    position: relative
}

.property-card__prices {
    display: flex
}

.property-card__exchanged-prices {
    flex-basis: 50%
}

.property-card__guide-prices {
    flex-basis: 100%
}

.property-card__guide-prices--flex-50 {
    flex-basis: 50%
}

.property-card__summary {
    font-size: .75rem;
    letter-spacing: .03125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .5rem;
    margin-right: 2rem;
    min-height: 1.724rem
}

.property-card__content-tags {
    cursor: default;
    display: flex;
    font-size: .75rem;
    min-height: .875rem
}

.property-card__content-tags>*+* {
    margin-left: .25rem
}

.property-card__content-tag--custom-1 {
    color: #d9291c
}

.property-card__content-tag--accent {
    color: #f7d933
}

.property-card__price-container {
    display: flex;
    align-items: center;
    margin-bottom: .75rem
}

.property-card__price,
.property-card__exchanged-price {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.27;
    min-height: 2.375rem
}

.property-card__exchanged-price {
    margin-bottom: .5rem;
    color: #d9291c
}

.property-card__favorite-btn {
    position: absolute;
    right: .5rem
}

.property-card__favorite-btn--mr-0 {
    right: 0
}

.property-card__description {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: normal;
    margin-bottom: 1.75rem;
    text-align: left
}

.property-card__description--for-gth span {
    display: block
}

.property-card__divider {
    margin-top: 1.5rem;
    width: 100%;
    height: .125rem;
    background-color: #f7d933
}

.property-card-large {
    position: relative;
    height: 100%;
    margin-bottom: 1rem
}

@media only screen and (min-width: 992px) {
    .property-card-large {
        padding: .5rem
    }
}

.property-card-large__tags {
    cursor: default;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 1
}

.property-card-large__tags--right {
    left: unset;
    right: 0
}

.property-card-large__tag {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.58;
    letter-spacing: .1125rem;
    text-transform: uppercase;
    color: #fff;
    padding: .5rem 1.5rem;
    background-color: rgba(52, 52, 54, 0.85);
    text-align: center
}

.property-card-large__tag--under-offer {
    background-color: #f7d933;
    color: #343436
}

.property-card-large__tag--new-home {
    background: #f7d933
}

.property-card-large__tag--sold {
    background-color: #d9291c
}

.property-card-large__no-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15.625rem;
    width: 100%;
    background-color: #ebede8
}

@media only screen and (min-width: 768px) {
    .property-card-large__no-image-container {
        height: 26rem
    }
}

@media only screen and (min-width: 992px) {
    .property-card-large__no-image-container {
        height: 36rem
    }
}

.property-card-large__no-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.property-card-large__no-image>*+* {
    margin-top: .25rem
}

.property-card-large__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.property-card-large__no-image-span {
    font-size: .875rem;
    text-transform: uppercase;
    color: #eeeeee
}

.property-card-large__image-controls-container {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: rgba(52, 52, 54, 0.85);
    color: #fff
}

.property-card-large__list {
    display: flex;
    padding-left: 1.125rem
}

.property-card-large__list>*+* {
    margin-left: 1.25rem
}

@media only screen and (min-width: 992px) {
    .property-card-large__list>*+* {
        margin-left: 0
    }
}

.property-card-large__item,
.property-card-large__favorite-btn {
    display: flex;
    align-items: center;
    row-gap: 1.25rem
}

.property-card-large__item svg {
    stroke: #fff;
    fill: #fff;
    min-height: 1.5rem;
    min-width: 1.5rem
}

.property-card-large__item--active svg {
    fill: #eeeeee;
    stroke: #eeeeee
}

.property-card-large__favorite-btn--active svg {
    fill: #d9291c
}

.property-card-large__image-slider {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 37.75rem
}

.property-card-large__picture {
    width: 100%
}

.property-card-large__image {
    height: 15.625rem;
    width: 100%;
    object-fit: cover
}

@media only screen and (min-width: 992px) {
    .property-card-large__image {
        height: 100%
    }
}

.property-card-large__no-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15.625rem;
    width: 100%;
    background-color: #ebede8
}

@media only screen and (min-width: 768px) {
    .property-card-large__no-image-container {
        height: 26rem
    }
}

@media only screen and (min-width: 992px) {
    .property-card-large__no-image-container {
        height: 36rem
    }
}

.property-card-large__no-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.property-card-large__no-image>*+* {
    margin-top: .25rem
}

.property-card-large__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.property-card-large__no-image-span {
    font-size: .875rem;
    text-transform: uppercase;
    color: #eeeeee
}

.property-card-large__image-controls {
    display: flex;
    width: 6.5rem;
    height: 3.5rem
}

.property-card-large__prev-btn,
.property-card-large__next-btn {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.125rem
}

.property-card-large__prev-btn svg,
.property-card-large__next-btn svg {
    height: 1rem;
    width: 1rem;
    fill: #fff
}

.property-card-large__expand {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1
}

.property-card-large__expand--top-3 {
    top: 3rem
}

.property-card-large__expand svg {
    stroke: #fff;
    height: 1.5rem;
    width: 1.5rem
}

.property-card-large--mobile-hide {
    display: none
}

@media only screen and (min-width: 992px) {
    .property-card-large--mobile-hide {
        display: inherit
    }
}

@media only screen and (min-width: 992px) {
    .property-card-large--desktop-hide {
        display: none
    }
}

.property-card-large .carousel-root,
.property-card-large .carousel.carousel-slider,
.property-card-large .carousel .slider-wrapper,
.property-card-large .carousel .slider {
    height: 15.625rem;
    background: #e4e4e7
}

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

    .property-card-large .carousel-root,
    .property-card-large .carousel.carousel-slider,
    .property-card-large .carousel .slider-wrapper,
    .property-card-large .carousel .slider {
        height: 100%
    }
}

.property-card-large .carousel.carousel-slider {
    overflow: visible
}

.property-card-large .carousel .control-arrow.control-prev,
.property-card-large .carousel .control-arrow.control-next {
    top: calc(100% - 3.5rem);
    width: 3.25rem;
    height: 3.5rem
}

.property-card-large .carousel .control-arrow.control-prev {
    left: calc(100% - 6.5rem)
}

.property-card-large .carousel .carousel-status {
    z-index: 1;
    top: calc(100% - 3.5rem);
    left: 2.625rem;
    display: none;
    align-items: center;
    justify-content: center;
    width: calc(100% - 9.125rem);
    height: 3.5rem;
    padding: 0;
    font: inherit;
    letter-spacing: .0625rem;
    text-shadow: none
}

@media only screen and (min-width: 992px) {
    .property-card-large .carousel .carousel-status {
        display: flex
    }
}

.property-slider__mobile-controls-below .property-card-large__image-controls-container {
    position: relative
}

@media only screen and (min-width: 992px) {
    .property-slider__mobile-controls-below .property-card-large__image-controls-container {
        position: absolute
    }
}

.property-slider__mobile-controls-below .carousel .control-arrow.control-prev,
.property-slider__mobile-controls-below .carousel .control-arrow.control-next {
    top: 100%
}

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

    .property-slider__mobile-controls-below .carousel .control-arrow.control-prev,
    .property-slider__mobile-controls-below .carousel .control-arrow.control-next {
        top: calc(100% - 3.5rem)
    }
}

.link-card {
    position: relative;
    width: 100%;
    transition: all 0.5s cubic-bezier(0.42, 0, 1, 1)
}

@media only screen and (min-width: 768px) {
    .link-card {
        height: 28.437rem;
        overflow-y: hidden;
        flex-basis: 33%
    }
}

@media only screen and (min-width: 1200px) {
    .link-card {
        flex-basis: 20%;
        flex: 1
    }
}

.link-card__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1) brightness(150%)
}

.link-card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #abc9bb;
    opacity: .7;
    height: 100%;
    width: 100%
}

.link-card__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(197, 209, 186, 0.7);
    background-color: rgba(197, 209, 186, 0.7)
}

@media only screen and (min-width: 768px) {
    .link-card__content {
        justify-content: flex-start;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        transition: all 0.5s cubic-bezier(0.42, 0, 1, 1);
        transform: translateY(84%)
    }
}

.link-card__btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #343436;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1.7rem
}

@media only screen and (min-width: 768px) {
    .link-card__btn {
        display: flex;
        flex-direction: column;
        cursor: default;
        transition: all 0.5s cubic-bezier(0.42, 0, 1, 1)
    }

    .link-card__btn::after {
        content: "";
        width: 4.375rem;
        height: .125rem;
        margin-top: 1rem;
        background-color: #343436;
        opacity: 0;
        display: none
    }
}

.link-card__btn svg {
    margin-left: .75rem
}

@media only screen and (min-width: 768px) {
    .link-card__btn svg {
        display: none
    }
}

.link-card__ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform-origin: top;
    transition: all 0.2s cubic-bezier(0.42, 0, 1, 1);
    max-height: 0;
    overflow: hidden
}

.link-card__ul>*+* {
    margin-top: .75rem
}

@media only screen and (min-width: 768px) {
    .link-card__ul {
        max-height: unset;
        padding: 0 1rem
    }

    .link-card__ul>*+* {
        margin-top: .25rem
    }
}

.link-card__ul {
    text-align: center
}

.link-card__link {
    font-size: .875rem;
    font-weight: bold
}

@media only screen and (min-width: 768px) {
    .link-card__link {
        font-size: .75rem
    }
}

.link-card li svg {
    margin-left: .75rem
}

@media only screen and (min-width: 768px) {
    .link-card__content--show-links {
        transform: translateY(0)
    }
}

@media only screen and (min-width: 768px) {
    .link-card__content--show-links .link-card__btn::after {
        opacity: 1;
        display: block
    }
}

.link-card__content--show-links .link-card__btn svg {
    position: absolute;
    left: 0;
    transform: scale(-1)
}

.link-card__content--show-links .link-card__ul {
    padding-bottom: 1rem;
    max-height: 28.437rem
}

@media only screen and (min-width: 768px) {
    .link-card__content--show-links .link-card__ul {
        margin-top: 0
    }
}

.link-card--hidden {
    opacity: 0;
    max-height: 0;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .link-card--hidden {
        opacity: 1;
        max-height: 100%
    }
}

.agent-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 18.75rem
}

.agent-card__title {
    display: flex;
    margin-bottom: 1.25rem;
    flex-direction: column;
    align-items: center
}

.agent-card__title,
.agent-card__name,
.agent-card__job-title,
.agent-card__branch-location {
    font-size: .75rem;
    font-weight: 500;
    font-family: Montserrat;
    letter-spacing: .15rem;
    text-transform: uppercase
}

.agent-card__job-title,
.agent-card__branch-location {
    line-height: 1.2rem
}

.agent-card__name {
    font-size: 1.5rem;
    font-family: "Cormorant Garamond", serif;
    text-transform: capitalize;
    margin-bottom: .75rem
}

.agent-card__name svg {
    fill: #343436
}

.agent-card__contact {
    display: flex;
    width: 100%;
    flex-direction: row
}

.agent-card__image {
    width: 100%;
    max-height: 13.3125rem;
    object-fit: cover;
    margin-bottom: 1.5rem
}

.agent-card__contact-btn {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 1rem;
    font-size: .75rem;
    text-align: center;
    background-color: #f7d933
}

.agent-card__contact-btn svg {
    height: 1.375rem;
    width: 1.125rem;
    fill: #fff
}

.agent-card__contact-btn-divider {
    background-color: #fff;
    width: .1875rem
}

.agent-card-medium {
    display: flex;
    flex-direction: column;
    background-color: #3e1409;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .agent-card-medium {
        max-width: 60rem;
        flex-direction: row;
        padding: 1.5rem
    }

    .agent-card-medium>*+* {
        margin-left: 3.125rem
    }
}

.agent-card-medium__cards-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.5rem
}

.agent-card-medium__cards-container>*+* {
    margin-top: 2.5rem
}

@media only screen and (min-width: 992px) {
    .agent-card-medium__cards-container {
        margin-bottom: 4.375rem
    }
}

.agent-card-medium__title {
    font-size: 1.875rem;
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none
}

@media only screen and (min-width: 768px) {
    .agent-card-medium__title {
        font-size: 2.5rem
    }
}

.agent-card-medium__image {
    align-self: flex-end;
    border-bottom: .1rem solid #f7d933
}

@media only screen and (min-width: 768px) {
    .agent-card-medium__image {
        border-bottom: 0;
        min-width: 18rem
    }
}

@media only screen and (min-width: 992px) {
    .agent-card-medium__image {
        min-width: 26.5625rem
    }

    @supports (-webkit-touch-callout: none) {
        .agent-card-medium__image {
            max-width: 48%
        }
    }
}

.agent-card-medium__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom
}

@media only screen and (min-width: 768px) {
    .agent-card-medium__image img {
        min-height: 18.75rem;
        max-height: 18.75rem
    }
}

@media only screen and (min-width: 992px) {
    .agent-card-medium__image img {
        min-height: auto
    }
}

.agent-card-medium__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem 1.25rem
}

@media only screen and (min-width: 768px) {
    .agent-card-medium__content {
        padding: 0;
        padding-top: .775rem
    }
}

.agent-card-medium__para {
    padding: 1.25rem 0;
    font-size: .75rem;
    line-height: 1.375
}

@media only screen and (min-width: 768px) {
    .agent-card-medium__para {
        font-size: 1rem
    }
}

.agent-card-medium__btn {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .agent-card-medium__btn {
        width: auto
    }
}

.article-card {
    width: 100%;
    border-bottom: solid .125rem #f7d933
}

@media only screen and (min-width: 768px) {
    .article-card {
        max-width: 23.437rem
    }
}

.article-card__link {
    display: flex;
    flex-direction: column;
    height: 100%
}

.article-card__image-container {
    position: relative;
    margin-bottom: .75rem
}

@media only screen and (min-width: 768px) {
    .article-card__image-container {
        margin-bottom: 1.2rem
    }
}

.article-card__tag {
    position: absolute;
    top: 0;
    background-color: #f7d933;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.58;
    letter-spacing: .112rem;
    text-transform: uppercase;
    padding: .75rem 1rem
}

.article-card__img {
    height: 14.062rem;
    width: 100%;
    object-fit: cover
}

.article-card__no-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 14.062rem;
    width: 100%;
    background-color: #ebede8;
    border-bottom: solid .1875rem #eeeeee
}

.article-card__no-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.article-card__no-image>*+* {
    margin-top: .25rem
}

.article-card__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.article-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 1rem
}

.article-card__title {
    margin-bottom: 5rem
}

.article-card__date {
    display: inline-block;
    font-weight: 500;
    line-height: 1.38;
    font-size: .875rem;
    letter-spacing: .125rem;
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: 2rem
}

.quote-card {
    background-color: #f7d933
}

.quote-card__span {
    line-height: 1.375rem;
    font-size: .75rem
}

.quote-card__image .quote-image {
    height: 12.75rem;
    width: 100%;
    object-fit: cover
}

.quote-card__content {
    padding: 2rem 2.875rem;
    color: #ffffff;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 992px) {
    .quote-card__content {
        max-width: 24.5rem;
        margin: 0
    }
}

.quote-card__para {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: "Cormorant Garamond", serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem;
    margin-bottom: .5rem
}

@media only screen and (min-width: 768px) {
    .quote-card__para {
        align-items: flex-start
    }
}

.quote-card__tagline {
    font-size: 1.25rem;
    margin-bottom: 1.5rem
}

.quote-card__img {
    position: relative
}

.quote-card__img img {
    margin-left: 3.125rem;
    position: relative;
    z-index: 1;
    max-width: 10rem
}

.quote-card__spacer {
    background-image: linear-gradient(to right, #fff 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 1rem .0625rem;
    background-repeat: repeat-x;
    left: 0;
    height: .125rem;
    position: absolute;
    bottom: .725rem;
    width: 100%;
    z-index: 0
}

.quote-card--light-bg {
    background-color: #f7d933
}

@media only screen and (min-width: 768px) {
    .quote-card--with-image {
        max-width: 63.375rem;
        max-height: 23.8125rem;
        display: flex
    }

    .quote-card--with-image .quote-card__content {
        margin: auto;
        flex: 0 50%;
        max-width: 27.5rem
    }

    .quote-card--with-image .quote-card__image {
        flex: 0 50%
    }

    .quote-card--with-image .quote-card__image .quote-image {
        padding: 1rem 0 1rem 1rem;
        height: 21.75rem;
        width: 29.3rem
    }
}

@media only screen and (min-width: 1200px) {
    .quote-card--with-image {
        min-width: 63.375rem
    }
}

.quote-card--with-image .quote-card__para {
    align-items: flex-start
}

.quote-card__signature-labels {
    display: flex;
    flex-direction: column;
    margin: .5rem 0
}

.quote-card__signature-label {
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase
}

.quote-card__signature-label-span {
    font-weight: 700
}

.home-type-card {
    border-bottom: 1px solid #f7d933;
    position: relative
}

@media only screen and (min-width: 992px) {
    .home-type-card {
        border: none
    }
}

.home-type-card__img-wrapper {
    height: 15.625rem;
    width: 100%;
    margin-bottom: 1.5rem;
    transition: all .5s ease-in-out
}

@media only screen and (min-width: 992px) {
    .home-type-card__img-wrapper {
        margin-bottom: 0
    }

    .home-type-card__img-wrapper:hover+.home-type-card__content {
        display: flex;
        visibility: visible
    }
}

.home-type-card__content {
    transition: all .5s ease-in-out
}

@media only screen and (min-width: 992px) {
    .home-type-card__content {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.8);
        outline: 1px solid #f7d933;
        outline-offset: -0.25rem;
        width: 16.75rem;
        height: 9rem;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        visibility: hidden
    }

    .home-type-card__content:hover {
        display: flex;
        visibility: visible
    }
}

.home-type-card__img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.home-type-card__title {
    font-size: 2rem;
    margin-bottom: 1rem
}

@media only screen and (min-width: 992px) {
    .home-type-card__title {
        margin-bottom: 1.5rem
    }
}

.home-type-card__btn {
    font-size: .75rem;
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 992px) {
    .home-type-card__btn {
        margin-bottom: 0
    }
}

.development-card {
    position: relative;
    padding: .5rem;
    height: 100%
}

.development-card__link {
    display: flex;
    flex-direction: column;
    height: 100%
}

.development-card__img-wrapper {
    height: 14.25rem;
    margin-bottom: 1.5rem
}

.development-card__img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.development-card__no-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ebede8;
    height: 100%
}

.development-card__no-img {
    display: flex;
    flex-direction: column;
    align-items: center
}

.development-card__no-img>*+* {
    margin-top: .25rem
}

.development-card__no-img svg {
    fill: #f7d933;
    width: 2rem;
    height: 2rem
}

.development-card__content {
    flex: 1
}

.development-card__title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: .75rem;
    line-height: initial
}

.development-card__description {
    font-size: .875rem;
    margin-bottom: .75rem
}

.development-card__bed-bath-icons {
    display: flex;
    margin-bottom: 1rem
}

.development-card__baths,
.development-card__beds {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 600
}

.development-card__baths>*+*,
.development-card__beds>*+* {
    margin-left: 1rem
}

.development-card__baths svg,
.development-card__beds svg {
    stroke: #f7d933;
    height: 1.25rem;
    margin-right: .5rem
}

.development-card__beds {
    margin-right: 1rem
}

.development-card__divider {
    margin-top: 2rem;
    width: 100%;
    height: .125rem;
    background-color: #f7d933
}

.dropdown-list-section {
    position: relative;
    margin-bottom: 2.5rem
}

.dropdown-list-section__container {
    margin: 0 1.25rem;
    width: auto;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 992px) {
    .dropdown-list-section__container {
        max-width: 55rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

.dropdown-list-section__background-image {
    display: none;
    position: absolute;
    z-index: -1;
    left: -13rem;
    top: 2rem
}

.dropdown-list-section__background-image svg {
    fill: rgba(0, 0, 0, 0.5);
    height: 32rem;
    opacity: .15
}

@media only screen and (min-width: 1200px) {
    .dropdown-list-section__background-image {
        display: block
    }
}

.dropdown-list-section__background-image--location-guide-left {
    top: 8rem;
    left: -10rem
}

.dropdown-list-section__background-image--location-guide-left svg {
    height: 22rem
}

.dropdown-list-section__background-image--location-guide-right {
    top: 6rem;
    right: -10rem
}

.dropdown-list-section__background-image--location-guide-right svg {
    height: 24rem
}

@media only screen and (min-width: 1200px) {
    .dropdown-list-section__background-image--location-guide-right {
        display: flex;
        justify-content: flex-end
    }
}

.dropdown-list-section__link {
    align-self: center;
    margin-bottom: 3rem
}

.dropdown-list-section__intro {
    color: #343436;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    font-size: 1.1125rem;
    line-height: 2.125rem;
    padding-bottom: 2rem
}

@media only screen and (min-width: 992px) {
    .dropdown-list-section__intro {
        padding-bottom: 1rem
    }
}

@media only screen and (min-width: 992px) {
    .dropdown-list-section__intro--mobile-only {
        display: none
    }
}

.dropdown-list-section__intro--desktop-only {
    display: none
}

@media only screen and (min-width: 992px) {
    .dropdown-list-section__intro--desktop-only {
        display: block
    }
}

.dropdown-list-section__list,
.dropdown-list-section__item {
    display: flex;
    flex-direction: column;
    color: #343436
}

.dropdown-list-section__item {
    cursor: pointer
}

.dropdown-list-section__list {
    margin-bottom: 2.5rem
}

@media only screen and (min-width: 992px) {
    .dropdown-list-section__list {
        padding-top: 2rem
    }
}

.dropdown-list-section__title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: .1rem dashed #343436;
    margin-bottom: 1.25rem;
    padding-bottom: .5rem
}

.dropdown-list-section__icon {
    display: flex;
    height: 2.5rem;
    align-items: center;
    flex-basis: 100%
}

.dropdown-list-section__icon svg {
    fill: #7e7e7e;
    width: 2rem;
    height: 2rem
}

.dropdown-list-section__icon path {
    fill: #7e7e7e
}

.dropdown-list-section__title-container {
    display: flex;
    width: 100%
}

.dropdown-list-section__title-container>*+* {
    margin-left: 1rem
}

.dropdown-list-section__h4 {
    font-family: Montserrat;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .175rem;
    color: #343436;
    text-transform: uppercase;
    line-height: 1.5
}

.dropdown-list-section__btn {
    margin-left: auto
}

.dropdown-list-section__btn svg {
    stroke: #343436
}

.dropdown-list-section .template-two.btn-secondary--accent {
    background-color: #3e1409
}

.dropdown-list-section__content {
    flex-direction: column;
    display: none
}

.dropdown-list-section__para {
    font-size: .875rem;
    margin-bottom: .875rem
}

.dropdown-list-section--active {
    display: flex;
    margin-bottom: 1.25rem
}

.dropdown-list-section__sub-lists {
    display: grid;
    gap: 3rem;
    grid-template-columns: 1fr;
    margin: 2rem 0
}

@media only screen and (min-width: 576px) {
    .dropdown-list-section__sub-lists {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 768px) {
    .dropdown-list-section__sub-lists {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem
    }
}

.dropdown-list-section__sub-lists--no-grid {
    display: block
}

.dropdown-list-section__sub-lists--desktop-only {
    display: none
}

@media only screen and (min-width: 576px) {
    .dropdown-list-section__sub-lists--desktop-only {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .dropdown-list-section__sub-lists--desktop-only {
        display: grid
    }
}

.dropdown-list-section__sub-list-item-span {
    display: block;
    font-weight: 600;
    margin-bottom: 1.25rem
}

.dropdown-list-section__nested-list {
    display: flex;
    flex-direction: column
}

.dropdown-list-section__nested-list>*+* {
    margin-top: .5rem
}

.dropdown-list-section__nested-list-item {
    display: flex;
    font-size: .875rem
}

.dropdown-list-section__nested-list-item>*+* {
    margin-left: .875rem
}

.dropdown-list-section__nested-list-item::before {
    content: "";
    flex: none;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-top: .375rem;
    margin-right: 1rem;
    background-color: #f7d933
}

.dropdown-list-section .dropdown-list-section__sub-lists--no-grid.dropdown-list-section__sub-lists--desktop-only {
    display: none
}

@media only screen and (min-width: 576px) {
    .dropdown-list-section .dropdown-list-section__sub-lists--no-grid.dropdown-list-section__sub-lists--desktop-only {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .dropdown-list-section .dropdown-list-section__sub-lists--no-grid.dropdown-list-section__sub-lists--desktop-only {
        display: block
    }
}

.dropdown-list-section__placeholder {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-bottom: 2.5rem
}

@media only screen and (min-width: 992px) {
    .dropdown-list-section__placeholder {
        margin-top: 2rem
    }
}

.dropdown-list-section__placeholder-dropdown {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.25rem;
    border-bottom: .075rem solid #e4e4e7;
    row-gap: 1rem
}

.dropdown-list-section__placeholder-icon {
    width: 2rem;
    height: 2.5rem;
    background-color: #e4e4e7
}

.dropdown-list-section__placeholder-title-container {
    display: flex;
    justify-content: space-between;
    flex-basis: 100%
}

.dropdown-list-section__placeholder-title {
    width: 10rem;
    height: 1rem;
    background-color: #e4e4e7
}

.dropdown-list-section__placeholder-expand-icon {
    width: 1rem;
    height: 1rem;
    background-color: #e4e4e7
}

.link-cards__container {
    display: flex;
    flex-wrap: wrap
}

.link-cards__container>* {
    margin-bottom: .125rem;
    margin-left: .125rem
}

.link-cards__placeholder-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 22.625rem
}

@media only screen and (min-width: 768px) {
    .link-cards__placeholder-container {
        height: 57rem
    }
}

@media only screen and (min-width: 1200px) {
    .link-cards__placeholder-container {
        height: 28.5rem
    }
}

.link-cards__placeholder-container>* {
    margin-bottom: .125rem;
    margin-left: .125rem
}

.mini-branches-search-form {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem
}

.mini-branches-search-form form {
    display: flex
}

.mini-branches-search-form__button {
    padding: 1rem;
    background-color: #f7d933;
    height: 3.75rem;
    width: 3.75rem
}

.mini-branches-search-form__button svg {
    height: 1.5rem;
    width: 1.5rem
}

.mini-branches-search-form .react-autosuggest__suggestions-container--open {
    border: .0625rem solid #969191
}

.mini-branches-search-form__placeholder {
    height: 3.75rem;
    width: 100%;
    max-width: 24.25rem
}

.standard-modal-wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 4rem;
    max-width: 60rem;
    max-height: 50rem
}

.standard-modal-wrapper__container {
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%;
    padding: 1.5625rem
}

.standard-modal-wrapper__content {
    overflow-y: auto;
    column-gap: 1.5rem;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.standard-modal-wrapper__content--center-content {
    justify-content: center
}

.standard-modal-wrapper__img {
    flex-basis: 100%;
    display: flex;
    justify-content: center
}

.standard-modal-wrapper__img img {
    max-height: 34rem
}

.standard-modal-wrapper__close-btn {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.25rem;
    cursor: pointer
}

.standard-modal-wrapper__close-btn svg {
    stroke: #343436
}

.standard-carousel {
    margin-bottom: 3.5rem
}

.standard-carousel__container {
    display: flex;
    margin-bottom: 3.75rem;
    justify-content: center;
    flex-wrap: wrap
}

.standard-carousel__container>*+* {
    margin-left: 1.5rem
}

.standard-carousel__container--mobile {
    display: block;
    margin-bottom: 0
}

.standard-carousel__container--mobile .carousel .slider-wrapper.axis-horizontal .slider {
    margin-bottom: 4rem
}

.standard-carousel__container--mobile .carousel .control-dots {
    bottom: .75rem
}

.standard-carousel__container--mobile .carousel .control-dots .dot.selected {
    background-color: #343436;
    box-shadow: none
}

.standard-carousel__container--mobile .carousel .control-dots .dot {
    background-color: #969191;
    height: .625rem;
    width: .625rem
}

@media only screen and (min-width: 768px) {
    .standard-carousel__container--mobile {
        display: none
    }
}

.standard-carousel__container--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .standard-carousel__container--desktop {
        display: flex;
        justify-content: center
    }
}

.standard-carousel__button-container {
    position: relative
}

.standard-carousel__buttons {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0
}

.standard-carousel__buttons>*+* {
    margin-left: .0625rem
}

@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .standard-carousel__buttons {
        margin-bottom: 1.5rem
    }
}

.standard-carousel__buttons--hidden {
    display: none
}

.standard-carousel__button-link {
    position: relative;
    top: 2rem
}

@supports (-webkit-touch-callout: none) {
    .standard-carousel__button-link {
        top: 0
    }
}

@media only screen and (min-width: 576px) {
    .standard-carousel__button-link {
        top: 0
    }
}

@media only screen and (min-width: 768px) {
    .standard-carousel__button-link {
        padding-top: 1rem
    }
}

.gallery-card-slider {
    margin-bottom: 3.25rem
}

.gallery-card-slider__container {
    padding-top: 3.25rem
}

.gallery-card-slider__button-container {
    display: none;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 3.25rem
}

.gallery-card-slider__button-container>*+* {
    margin-left: .0625rem
}

@media only screen and (min-width: 768px) {
    .gallery-card-slider__button-container {
        display: flex
    }
}

@media only screen and (min-width: 768px) {
    .gallery-card-slider__button-link {
        padding-top: 1rem
    }
}

.gallery-card-slider__btn {
    background-color: #343436;
    padding: .75rem 1rem
}

.gallery-card-slider__btn svg {
    fill: #fff;
    width: .5rem;
    height: .75rem
}

.gallery-card-slider__card {
    display: flex;
    max-width: 43.75rem;
    flex-direction: column;
    align-items: center
}

.gallery-card-slider__card>*+* {
    margin-top: 1.125rem
}

.gallery-card-slider__card-image-container {
    position: relative;
    width: 100%
}

.gallery-card-slider__card-expand-link {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 1
}

.gallery-card-slider__card-expand-link svg {
    stroke: #fff;
    height: 1rem;
    width: 1rem
}

@media only screen and (min-width: 768px) {
    .gallery-card-slider__card-expand-link svg {
        height: 1.5rem;
        width: 1.5rem
    }
}

.gallery-card-slider__card-image {
    width: 100%;
    height: 20rem;
    object-fit: cover;
    filter: blur(0)
}

@media only screen and (min-width: 992px) {
    .gallery-card-slider__card-image {
        height: 25rem
    }
}

@media only screen and (min-width: 1536px) {
    .gallery-card-slider__card-image {
        height: 31.25rem
    }
}

.gallery-card-slider__card-para {
    text-align: left;
    font-size: .875rem
}

.gallery-card-slider .swiper-horizontal>.swiper-pagination-bullets,
.gallery-card-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: .75rem
}

.gallery-card-slider .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.gallery-card-slider .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.gallery-card-slider .swiper-pagination-fraction,
.gallery-card-slider .swiper-horizontal>.swiper-pagination-bullets,
.gallery-card-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.gallery-card-slider .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.gallery-card-slider .swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none
}

.swiper-pagination-clickable .gallery-card-slider .swiper-pagination-bullet {
    cursor: pointer
}

.gallery-card-slider .swiper-pagination-bullet:only-child {
    display: none !important
}

.gallery-card-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #343436
}

.gallery-card-slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.gallery-card-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.gallery-card-slider .swiper-wrapper {
    padding-bottom: 3rem
}

.gallery-card-slider .swiper-button-prev,
.gallery-card-slider .swiper-button-next {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-card-slider .swiper-button-prev.swiper-button-disabled,
.gallery-card-slider .swiper-button-next.swiper-button-disabled {
    opacity: .35;
    background-color: #969191;
    cursor: auto;
    pointer-events: none
}

.gallery-card-slider .swiper-button-lock {
    display: none
}

.gallery-card-slider .swiper-slide-next .gallery-card-slider__card-image,
.gallery-card-slider .swiper-slide-prev .gallery-card-slider__card-image {
    filter: blur(0.1rem)
}

@supports (-webkit-touch-callout: none) {

    .gallery-card-slider .swiper-slide-next .gallery-card-slider__card-image,
    .gallery-card-slider .swiper-slide-prev .gallery-card-slider__card-image {
        filter: blur(0)
    }
}

@media only screen and (min-width: 768px) {
    .gallery-card-slider .swiper-pagination-bullets {
        display: none
    }
}

.gallery-card-slider .swiper-pagination-fraction {
    display: none
}

@media only screen and (min-width: 768px) {
    .gallery-card-slider .swiper-pagination-fraction {
        display: block
    }
}

.gallery-card-slider__placeholder {
    height: 28.25rem;
    width: 100%;
    padding: 1.25rem
}

@media only screen and (min-width: 768px) {
    .gallery-card-slider__placeholder {
        height: 30.75rem
    }
}

.gallery-card-slider__placeholder-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #e4e4e7
}

.gallery-card-slider__placeholder-paragraph {
    color: #a1a1aa
}

.quote-cards {
    margin: 0 1.25rem;
    width: auto
}

@media only screen and (min-width: 992px) {
    .quote-cards {
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

.quote-cards__container {
    width: auto
}

@media only screen and (min-width: 992px) {
    .quote-cards__container {
        column-gap: 3rem;
        display: flex;
        justify-content: space-evenly
    }
}

.quote-cards__placeholder {
    width: 100%;
    height: 20rem;
    margin-bottom: 3.5rem
}

.quotes-section {
    display: flex;
    flex-direction: column;
    align-items: center
}

.quotes-section--quote {
    margin-bottom: 1.88rem
}

.quotes-section--pagination {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase
}

.related-services__container {
    padding-bottom: 3.662rem
}

.related-services-section {
    padding-bottom: 3rem
}

.related-case-studies {
    max-width: 69.4rem;
    margin: 0 auto
}

.property-map-popup {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    width: 100%
}

.property-map-popup__link {
    width: 100%
}

.property-map-popup__tags {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .property-map-popup__tags {
        display: flex
    }
}

.property-map-popup__tag {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.58;
    letter-spacing: .1125rem;
    text-transform: uppercase;
    color: #fff;
    padding: .75rem 2rem;
    background: rgba(52, 52, 54, 0.85);
    text-align: center
}

.property-map-popup__tag--under-offer {
    background-color: #f7d933;
    color: #343436
}

.property-map-popup__tag--new-home {
    background: #f7d933
}

.property-map-popup__tag--sold {
    background-color: #d9291c
}

.property-map-popup__image-slider {
    position: relative;
    display: flex;
    margin-bottom: 1rem
}

.property-map-popup__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 14.125rem
}

.property-map-popup__image-controls-container {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    background: rgba(52, 52, 54, 0.85);
    color: #fff
}

.property-map-popup__spec-list {
    display: flex;
    margin-right: auto;
    padding: 1rem 1.125rem
}

.property-map-popup__spec-list>*+* {
    margin-left: 1.25rem
}

.property-map-popup__spec-item {
    display: flex;
    align-items: center;
    font-size: .875rem
}

.property-map-popup__spec-item svg {
    height: 1.5rem;
    width: 1.5rem;
    stroke: #fff;
    margin-left: .5rem
}

.property-map-popup__image-controls {
    display: flex
}

.property-map-popup__prev-btn,
.property-map-popup__next-btn {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.125rem
}

.property-map-popup__prev-btn svg,
.property-map-popup__next-btn svg {
    height: 1rem;
    width: 1rem;
    fill: #fff;
    pointer-events: none
}

.property-map-popup__content {
    margin: 0 1rem
}

.property-map-popup__content-tags {
    display: flex;
    font-size: .75rem;
    min-height: .875rem
}

.property-map-popup__content-tags>*+* {
    margin-left: .25rem
}

.property-map-popup__content-tag--accent {
    color: #f7d933
}

.property-map-popup__price-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.property-map-popup__price {
    display: inline-block;
    margin-bottom: .5rem;
    font-family: "Cormorant Garamond", serif;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.27;
    min-height: 2.375rem
}

.property-map-popup__favorite-btn svg {
    fill: #343436;
    height: 1.5rem;
    width: 1.5rem;
    pointer-events: none
}

.property-map-popup__favorite-btn--active svg {
    fill: #d9291c
}

.property-map-popup__description {
    display: block;
    margin-bottom: .5rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: left
}

.leaflet-popup .leaflet-popup-content {
    display: flex
}

.leaflet-popup .leaflet-popup-content p {
    margin-top: 0
}

.leaflet-popup .leaflet-popup-content-wrapper {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
    position: relative;
    margin: 0;
    min-width: 15rem;
    width: auto !important
}

@media only screen and (min-width: 375px) {
    .leaflet-popup-content-wrapper .leaflet-popup-content {
        min-width: 23.437rem;
        width: unset
    }
}

@media only screen and (min-width: 768px) {
    .leaflet-popup-content-wrapper .leaflet-popup-content {
        padding: .5rem;
        padding-bottom: 0
    }
}

.leaflet-popup-pane .leaflet-popup .leaflet-popup-close-button {
    display: flex;
    padding: .875rem;
    background-color: #343436;
    z-index: 1;
    width: auto;
    height: auto;
    font-size: 0
}

@media only screen and (min-width: 768px) {
    .leaflet-popup-pane .leaflet-popup .leaflet-popup-close-button {
        display: none
    }
}

.leaflet-popup-pane .leaflet-popup .leaflet-popup-close-button::after {
    content: url("/liquid_assets/images/icons/map-popup-close-icon.svg");
    position: relative;
    height: 1rem;
    width: 1rem
}

.book-a-valuation-popup {
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 10;
    position: fixed;
    bottom: 0;
    background-color: #f7d933;
    padding: 1rem
}

@media only screen and (min-width: 992px) {
    .book-a-valuation-popup {
        position: absolute;
        bottom: 3.875rem;
        width: 22rem
    }
}

.book-a-valuation-popup--hidden {
    display: none
}

.book-a-valuation-popup__content {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 0 1.25rem;
    row-gap: .875rem;
    align-items: center
}

@media only screen and (min-width: 992px) {
    .book-a-valuation-popup__content {
        align-items: flex-start;
        margin-bottom: .5rem
    }
}

.book-a-valuation-popup__btn {
    width: 100%
}

.book-a-valuation-popup__title {
    font-family: "Cormorant Garamond";
    font-size: 1.875rem;
    line-height: normal;
    color: #fff;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: capitalize
}

@media only screen and (min-width: 992px) {
    .book-a-valuation-popup__title {
        font-size: 2.875rem
    }
}

.book-a-valuation-popup__para {
    font-size: 1rem;
    color: #fff;
    line-height: 1.8125;
    display: none
}

@media only screen and (min-width: 992px) {
    .book-a-valuation-popup__para {
        display: inline
    }
}

.book-a-valuation-popup__para strong {
    font-weight: 700
}

.book-a-valuation-popup__para i {
    font-style: italic
}

.book-a-valuation-popup__close-btn {
    align-self: flex-end;
    background: none
}

.book-a-valuation-popup__close-btn svg {
    stroke: #fff;
    width: 1rem;
    height: 1rem
}

.video {
    width: 100%;
    height: 100%
}

.video__container {
    width: 100%;
    height: 100%
}

.video__container--multi {
    height: 90%
}

.video__footer {
    display: grid;
    grid-template-columns: 5rem 1fr 5rem;
    align-items: center;
    margin-top: .5rem
}

.video__btns-container {
    display: flex;
    bottom: 0;
    right: 0
}

.video__video-index {
    grid-column: 2/3;
    display: flex;
    justify-content: center
}

.video__btn {
    letter-spacing: .0625rem;
    background-color: #343436;
    padding: .75rem 1rem
}

.video__btn svg {
    fill: #fff;
    width: .5rem;
    height: .75rem
}

.video__btn--disabled {
    background-color: #969191
}

.video__btn--disabled:active {
    transition-duration: unset;
    transform: unset
}

.form-modal-wrapper {
    position: absolute;
    background-color: #eeeeee;
    height: 100%;
    width: 100%;
    padding-top: 3.75rem;
    overflow-y: auto
}

@media only screen and (min-width: 768px) {
    .form-modal-wrapper {
        background-color: transparent;
        height: auto;
        padding-bottom: 0
    }
}

.form-modal-wrapper__container {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    padding: 0 1.25rem
}

@media only screen and (min-width: 375px) {
    .form-modal-wrapper__container {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width: 768px) {
    .form-modal-wrapper__container {
        align-items: center;
        background-color: #eeeeee;
        margin: 1.25rem;
        padding: 2rem;
        max-width: 58.25rem;
        outline: .0625rem solid #fff;
        outline-offset: -0.5rem;
        height: 100%
    }
}

@media only screen and (min-width: 992px) {
    .form-modal-wrapper__container {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1100px) {
    .form-modal-wrapper__container {
        margin-top: 2.25rem
    }
}

.form-modal-wrapper__close-btn {
    align-self: flex-end;
    margin-bottom: 1rem
}

@media only screen and (min-width: 375px) {
    .form-modal-wrapper__close-btn {
        position: absolute;
        top: .5rem;
        right: 1.25rem;
        z-index: 1;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .form-modal-wrapper__close-btn {
        top: 2.25rem;
        right: 2.25rem
    }
}

.form-modal-wrapper__close-btn svg {
    width: 1rem;
    height: 1rem;
    stroke: #343436
}

.form-modal-wrapper__title {
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.375rem;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: .13rem;
    text-transform: uppercase;
    color: #343436;
    text-align: center
}

.form-modal-wrapper__title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: .6875rem;
    margin-bottom: 1.25rem;
    background-color: #343436
}

.book-viewing-modal {
    display: flex;
    flex-direction: column;
    max-width: 42.5rem;
    padding-bottom: 2.5rem
}

.book-viewing-modal>*+* {
    margin-top: .5rem
}

@media only screen and (min-width: 768px) {
    .book-viewing-modal {
        padding-bottom: 0
    }

    .book-viewing-modal>*+* {
        margin-top: 1rem
    }
}

.book-viewing-modal__para {
    display: none
}

@media only screen and (min-width: 768px) {
    .book-viewing-modal__para {
        display: block;
        text-align: center;
        font-size: .875rem;
        font-weight: 600;
        margin-bottom: 1rem
    }
}

.book-viewing-modal__row-names {
    display: flex
}

.book-viewing-modal__row-names>*+* {
    margin-left: .5rem
}

@media only screen and (min-width: 768px) {
    .book-viewing-modal__row-names>*+* {
        margin-left: 1.5rem
    }
}

.book-viewing-modal__row-contact {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem
}

.book-viewing-modal__row-contact>*+* {
    margin-top: .5rem
}

@media only screen and (min-width: 768px) {
    .book-viewing-modal__row-contact {
        flex-direction: row;
        margin-bottom: 0
    }

    .book-viewing-modal__row-contact>*+* {
        margin-top: 0
    }

    .book-viewing-modal__row-contact>*+* {
        margin-left: 1.5rem
    }
}

.book-viewing-modal__row {
    display: flex;
    flex-direction: column
}

.book-viewing-modal__row>*+* {
    margin-top: .5rem
}

@media only screen and (min-width: 768px) {
    .book-viewing-modal__row {
        flex-direction: row
    }

    .book-viewing-modal__row>*+* {
        margin-top: 0
    }

    .book-viewing-modal__row>*+* {
        margin-left: 1.5rem
    }
}

.book-viewing-modal__checkbox-container {
    margin-bottom: 1.75rem;
    font-weight: 600
}

.book-viewing-modal__link {
    border-bottom: .0625rem solid #343436
}

.book-viewing-modal__btn {
    align-self: center
}

@media only screen and (min-width: 768px) {
    .book-viewing-modal__btn {
        margin-bottom: 3rem
    }
}

.social-share-popup {
    box-sizing: border-box;
    padding: 1.25rem 1rem;
    outline: .0625rem solid #fff;
    outline-offset: -0.25rem;
    color: #ffffff;
    background-color: #eeeeee;
    width: 13.75rem;
    font-size: .875rem;
    color: #343436;
    font-weight: 600
}

.social-share-popup__content {
    display: flex;
    flex-direction: column
}

.social-share-popup__close-btn {
    align-self: flex-end;
    background: none
}

.social-share-popup__close-btn svg {
    stroke: #343436;
    width: .8rem;
    height: .8rem
}

.social-share-popup__item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: .03125rem solid #343436;
    padding: .85rem 0
}

.social-share-popup__icon-link,
.social-share-popup__copy-link,
.social-share-popup__email-link {
    display: flex
}

.social-share-popup__icon-link svg,
.social-share-popup__copy-link svg,
.social-share-popup__email-link svg {
    fill: #343436;
    stroke: #eeeeee;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    align-self: center
}

.social-share-popup__button {
    background: none
}

.social-share-popup__copy-link,
.social-share-popup__email-link {
    flex-basis: 50%
}

.social-share-popup__email-link svg {
    width: .8rem;
    height: .8rem
}

.carousel-modal {
    position: relative;
    z-index: 2;
    background-color: #fff;
    margin: .5rem;
    padding: .75rem;
    margin-top: 5rem
}

@media only screen and (min-width: 768px) {
    .carousel-modal {
        margin: 1rem;
        padding: 1.25rem;
        display: flex;
        align-items: center;
        overflow-y: auto
    }
}

@media only screen and (min-width: 992px) {
    .carousel-modal {
        margin-top: 2rem
    }
}

@media only screen and (min-width: 1200px) {
    .carousel-modal {
        max-width: 75rem;
        margin: 2rem auto 0 auto
    }
}

.carousel-modal__container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .carousel-modal__container {
        height: auto;
        width: 100%
    }
}

.carousel-modal__content {
    display: flex;
    justify-content: space-between;
    row-gap: 1rem;
    flex-direction: column-reverse
}

@media only screen and (min-width: 768px) {
    .carousel-modal__content {
        flex-direction: column;
        width: 100%
    }
}

.carousel-modal__close {
    position: absolute;
    top: .75rem;
    right: .75rem;
    padding: .5rem;
    background-color: rgba(255, 255, 255, 0.75)
}

@media only screen and (min-width: 768px) {
    .carousel-modal__close {
        top: 1.25rem;
        right: 1.25rem
    }
}

@media only screen and (min-width: 992px) {
    .carousel-modal__close {
        background-color: transparent;
        position: initial;
        display: flex;
        justify-content: flex-end;
        order: 1;
        margin: 0 2rem 1rem 0;
        padding: 0
    }
}

.carousel-modal__close svg {
    height: 1rem;
    width: 1rem;
    stroke: #343436
}

.carousel-modal__image-slider {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .carousel-modal__image-slider {
        order: 2;
        width: 100%;
        margin: 0 auto
    }
}

@media only screen and (min-width: 992px) {
    .carousel-modal__image-slider {
        margin-bottom: 1rem
    }
}

.carousel-modal__picture {
    width: 100%
}

.carousel-modal__image {
    width: 100%;
    object-fit: contain
}

@media only screen and (min-width: 768px) {
    .carousel-modal__image {
        max-height: calc(100vh - 4.5rem)
    }
}

@media only screen and (min-width: 992px) {
    .carousel-modal__image {
        max-height: calc(100vh - 12.02rem)
    }
}

.carousel-modal__caption-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 3.5rem
}

.carousel-modal__caption {
    font-size: .875rem
}

@media only screen and (min-width: 992px) {
    .carousel-modal__caption {
        text-align: center
    }
}

.carousel-modal__no-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15.625rem;
    width: 100%;
    background-color: #ebede8
}

@media only screen and (min-width: 768px) {
    .carousel-modal__no-image-container {
        height: 36rem
    }
}

.carousel-modal__no-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.carousel-modal__no-image>*+* {
    margin-top: .25rem
}

.carousel-modal__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.carousel-modal__no-image-span {
    font-size: .875rem;
    text-transform: uppercase;
    color: #eeeeee
}

@media only screen and (min-width: 992px) {
    .carousel-modal__controls-grid {
        display: grid;
        grid-template-columns: 1fr 5rem
    }
}

.carousel-modal__controls-container {
    position: relative;
    width: 100%;
    height: 2.5rem;
    max-width: 56.25rem;
    margin: 0 auto
}

.carousel-modal__controls {
    display: flex;
    position: absolute;
    right: 0
}

.carousel-modal__controls>*+* {
    margin-left: .25rem
}

.carousel-modal__controls-col-1,
.carousel-modal__controls-col-2 {
    display: flex;
    position: absolute;
    bottom: .75rem
}

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

    .carousel-modal__controls-col-1,
    .carousel-modal__controls-col-2 {
        position: initial;
        background-color: transparent;
        padding: 0
    }
}

.carousel-modal__controls-col-1 {
    justify-content: center;
    align-items: center;
    gap: 1rem;
    left: .75rem;
    background-color: rgba(255, 255, 255, 0.75);
    padding: .5rem
}

@media only screen and (min-width: 768px) {
    .carousel-modal__controls-col-1 {
        left: 1.25rem;
        bottom: 1.25rem
    }
}

@media only screen and (min-width: 992px) {
    .carousel-modal__controls-col-1 {
        background-color: transparent;
        padding: 0
    }
}

.carousel-modal__controls-col-2 {
    right: .75rem
}

@media only screen and (min-width: 768px) {
    .carousel-modal__controls-col-2 {
        right: 1.25rem;
        bottom: 1.25rem
    }
}

.carousel-modal__slider-index {
    display: flex;
    justify-content: center
}

.carousel-modal__image-index {
    align-self: center
}

.carousel-modal__image-controls {
    display: flex
}

.carousel-modal__prev-btn,
.carousel-modal__next-btn {
    display: flex;
    align-items: center;
    padding: .875rem .75rem;
    background-color: #343436
}

.carousel-modal__prev-btn svg,
.carousel-modal__next-btn svg {
    height: .8rem;
    width: .8rem;
    fill: #fff
}

@media only screen and (min-width: 768px) {
    #modal-container .hf-modal-background {
        z-index: 400;
        overflow: hidden
    }
}

.video-modal {
    width: 100%
}

.standard-modal-wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 4rem;
    max-width: 60rem;
    max-height: 50rem
}

.standard-modal-wrapper__container {
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%;
    padding: 1.5625rem
}

.standard-modal-wrapper__content {
    overflow-y: auto;
    column-gap: 1.5rem;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.standard-modal-wrapper__content--center-content {
    justify-content: center
}

.standard-modal-wrapper__img {
    flex-basis: 100%;
    display: flex;
    justify-content: center
}

.standard-modal-wrapper__img img {
    max-height: 34rem
}

.standard-modal-wrapper__close-btn {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.25rem;
    cursor: pointer
}

.standard-modal-wrapper__close-btn svg {
    stroke: #343436
}

.at-a-glance {
    display: flex;
    flex-direction: column;
    border-top: .0625rem solid #f7d933;
    border-bottom: .0625rem solid #f7d933;
    padding: 1.5rem 0;
    width: auto;
    margin: 0 1.313rem 2rem 1.313rem
}

@media only screen and (min-width: 992px) {
    .at-a-glance {
        max-width: 40.813rem;
        padding: 1.75rem 0;
        margin: 0 auto 3.375rem auto
    }
}

@media only screen and (min-width: 1200px) {
    .at-a-glance {
        max-width: 45rem
    }
}

@media only screen and (min-width: 1536px) {
    .at-a-glance {
        max-width: 65rem
    }
}

.at-a-glance--title {
    font-size: .75rem;
    align-self: center;
    font-weight: 600;
    font-family: Montserrat;
    margin-bottom: 1.5rem;
    letter-spacing: .15rem;
    text-transform: uppercase;
    color: #343436
}

@media only screen and (min-width: 992px) {
    .at-a-glance--title {
        font-size: .875rem
    }
}

.at-a-glance--list {
    display: flex;
    flex-direction: column;
    row-gap: .75rem;
    align-items: flex-start
}

.at-a-glance--item {
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: baseline;
    line-height: 1.813rem
}

.at-a-glance--item::before {
    content: "■";
    color: #f7d933;
    padding-right: 1rem;
    font-size: 1rem
}

@media only screen and (min-width: 992px) {
    .at-a-glance--item {
        padding: 0 2rem
    }
}

.related-services {
    margin: 0 1.25rem;
    width: auto
}

@media only screen and (min-width: 992px) {
    .related-services {
        padding: 0 3.25rem;
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3rem
    }
}

.related-services--title {
    align-self: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: .188rem;
    text-transform: uppercase;
    color: #343436;
    margin: auto auto 1.5rem auto;
    text-align: center
}

.related-services--title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: .6875rem;
    margin-bottom: 2.125rem;
    background-color: #343436
}

@media only screen and (min-width: 768px) {
    .related-services--title {
        max-width: unset
    }
}

@media only screen and (min-width: 992px) {
    .related-services--title {
        font-size: 1.438rem;
        line-height: 1.125rem;
        letter-spacing: .216rem;
        margin-bottom: 3rem
    }
}

.related-case-studies-section {
    margin: 0 1.25rem;
    width: auto
}

@media only screen and (min-width: 992px) {
    .related-case-studies-section {
        margin-bottom: 10rem;
        padding: 0 3.25rem
    }
}

.related-case-studies-section--title {
    align-self: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.25rem;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: .188rem;
    text-transform: uppercase;
    color: #343436;
    max-width: 12rem;
    text-align: center;
    margin: auto auto 1.5rem auto
}

.related-case-studies-section--title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: .6875rem;
    margin-bottom: 2.125rem;
    background-color: #343436
}

@media only screen and (min-width: 768px) {
    .related-case-studies-section--title {
        max-width: unset
    }
}

@media only screen and (min-width: 992px) {
    .related-case-studies-section--title {
        font-size: 1.438rem;
        line-height: 1.125rem;
        letter-spacing: .216rem;
        margin-bottom: 3rem
    }
}

.valuation-modal,
.staff-lead-modal,
.department-lead-modal {
    max-width: 42.5rem;
    width: 100%
}

.valuation-modal__step,
.staff-lead-modal__step,
.department-lead-modal__step {
    text-align: center;
    margin-bottom: .5rem;
    color: #f7d933;
    font-size: .875rem
}

.valuation-modal__para,
.staff-lead-modal__para,
.department-lead-modal__para {
    font-size: .875rem;
    margin-bottom: 1.75rem;
    text-align: center
}

.valuation-modal__span,
.staff-lead-modal__span,
.department-lead-modal__span {
    font-weight: 700
}

.valuation-modal__btn-back,
.staff-lead-modal__btn-back,
.department-lead-modal__btn-back {
    display: none
}

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

    .valuation-modal__btn-back,
    .staff-lead-modal__btn-back,
    .department-lead-modal__btn-back {
        display: flex;
        margin-bottom: 3rem
    }
}

.valuation-modal__buttons,
.staff-lead-modal__buttons,
.department-lead-modal__buttons {
    display: flex;
    flex-direction: column;
    align-items: center
}

.valuation-modal__buttons>*+*,
.staff-lead-modal__buttons>*+*,
.department-lead-modal__buttons>*+* {
    margin-top: 1.25rem
}

.valuation-modal__link,
.staff-lead-modal__link,
.department-lead-modal__link {
    border-bottom: .0625rem solid #343436
}

.valuation-modal-step-one__loading,
.staff-lead-modal__loading,
.department-lead-modal__loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.valuation-modal-step-one__loading .loading-icon,
.staff-lead-modal__loading .loading-icon,
.department-lead-modal__loading .loading-icon {
    width: 2rem;
    height: 2rem;
    stroke: #343436
}

.valuation-modal-step-one__content--hidden,
.staff-lead-modal__content--hidden,
.department-lead-modal__content--hidden {
    visibility: hidden
}

.valuation-modal-step-one__inputs,
.staff-lead-modal__inputs,
.department-lead-modal__inputs {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem
}

.valuation-modal-step-one__inputs>*+*,
.staff-lead-modal__inputs>*+*,
.department-lead-modal__inputs>*+* {
    margin-top: .75rem
}

.valuation-modal-step-one__channels,
.staff-lead-modal__channels,
.department-lead-modal__channels {
    display: flex;
    justify-content: center
}

.valuation-modal-step-one__channels>*+*,
.staff-lead-modal__channels>*+*,
.department-lead-modal__channels>*+* {
    margin-left: .5rem
}

.valuation-modal-step-one__channels-divider,
.staff-lead-modal__channels-divider,
.department-lead-modal__channels-divider {
    width: .125rem;
    background-color: #343436
}

.valuation-modal-step-one__channel-btn,
.staff-lead-modal__channel-btn,
.department-lead-modal__channel-btn {
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: .175rem
}

.valuation-modal-step-one__channel-btn--active,
.staff-lead-modal__channel-btn--active,
.department-lead-modal__channel-btn--active {
    font-weight: 700
}

.valuation-modal-step-one__row-names,
.staff-lead-modal__row-names,
.department-lead-modal__row-names {
    display: flex
}

.valuation-modal-step-one__row-names>*+*,
.staff-lead-modal__row-names>*+*,
.department-lead-modal__row-names>*+* {
    margin-left: .75rem
}

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

    .valuation-modal-step-one__row-names>*+*,
    .staff-lead-modal__row-names>*+*,
    .department-lead-modal__row-names>*+* {
        margin-left: 1.5rem
    }
}

.valuation-modal-step-one__row,
.staff-lead-modal__row,
.department-lead-modal__row {
    display: flex;
    flex-direction: column
}

.valuation-modal-step-one__row>*+*,
.staff-lead-modal__row>*+*,
.department-lead-modal__row>*+* {
    margin-top: .75rem
}

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

    .valuation-modal-step-one__row,
    .staff-lead-modal__row,
    .department-lead-modal__row {
        flex-direction: row
    }

    .valuation-modal-step-one__row>*+*,
    .staff-lead-modal__row>*+*,
    .department-lead-modal__row>*+* {
        margin-top: 0
    }

    .valuation-modal-step-one__row>*+*,
    .staff-lead-modal__row>*+*,
    .department-lead-modal__row>*+* {
        margin-left: 1.5rem
    }
}

.valuation-modal-step-one__btn-container,
.staff-lead-modal__btn-container,
.department-lead-modal__btn-container {
    display: flex;
    justify-content: center
}

.valuation-modal-step-one__next-step-btn,
.staff-lead-modal__next-step-btn,
.department-lead-modal__next-step-btn {
    text-align: left;
    margin-bottom: 3rem
}

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

    .valuation-modal-step-one__next-step-btn,
    .staff-lead-modal__next-step-btn,
    .department-lead-modal__next-step-btn {
        text-align: center;
        margin-bottom: 1.25rem
    }
}

.valuation-modal-step-two__buttons {
    display: flex;
    flex-direction: column;
    align-items: center
}

.valuation-modal-step-two__buttons>*+* {
    margin-top: 1.25rem
}

@media only screen and (min-width: 768px) {
    .valuation-modal-step-two__buttons>*+* {
        margin-top: 1.5rem
    }
}

.valuation-modal-step-two__placeholder {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 3.25rem
}

.valuation-modal-step-two__placeholder-date,
.valuation-modal-step-two__placeholder-time {
    display: flex;
    flex-direction: column;
    width: 100%
}

.valuation-modal-step-two__placeholder-date>*+*,
.valuation-modal-step-two__placeholder-time>*+* {
    margin-top: .5rem
}

.valuation-modal-step-two__placeholder-title {
    background: #e4e4e7;
    height: 1rem;
    width: 3.5rem
}

.valuation-modal-step-two__placeholder-select {
    background: #e4e4e7;
    height: 1rem;
    width: 7.875rem
}

.valuation-modal-step-two__placeholder-dates {
    background: #e4e4e7;
    width: 100%;
    height: 4.75rem
}

.valuation-modal-step-two__placeholder-pagination {
    height: 2.75rem;
    width: 5rem;
    background: #e4e4e7;
    align-self: flex-end
}

.valuation-modal-step-two__placeholder-am-pm {
    background: #e4e4e7;
    height: 3rem;
    width: 10.375rem
}

.valuation-modal-step-two__placeholder-times {
    height: 3rem;
    width: 100%;
    background: #e4e4e7
}

.valuation-modal-step-three {
    position: relative
}

.valuation-modal-step-three__loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.valuation-modal-step-three__loading .loading-icon {
    width: 2rem;
    height: 2rem;
    stroke: #343436
}

.valuation-modal-step-three__content--hidden {
    visibility: hidden
}

.valuation-modal-step-three__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2.5rem
}

.valuation-modal-step-three__inputs>*+* {
    margin-bottom: .75rem
}

.valuation-modal-step-three__first-name-input {
    grid-column: 1/2;
    margin-right: .75rem
}

@media only screen and (min-width: 768px) {
    .valuation-modal-step-three__first-name-input {
        margin-right: 1.5rem
    }
}

.valuation-modal-step-three__last-name-input {
    grid-column: 2/3
}

.valuation-modal-step-three__telephone-input {
    grid-column: 1/3;
    margin-right: .75rem
}

@media only screen and (min-width: 768px) {
    .valuation-modal-step-three__telephone-input {
        grid-column: 1/2;
        margin-right: 1.5rem
    }
}

.valuation-modal-step-three__email-input {
    grid-column: 1/3
}

@media only screen and (min-width: 768px) {
    .valuation-modal-step-three__email-input {
        grid-column: 2/3
    }
}

.valuation-modal-step-three__address-title {
    grid-column: 1/3;
    display: block;
    font-size: .875rem;
    font-weight: 600
}

.valuation-modal-step-three__street-input {
    grid-column: 1/3
}

.valuation-modal-step-three__town-input {
    grid-column: 1/2;
    margin-right: .75rem
}

@media only screen and (min-width: 768px) {
    .valuation-modal-step-three__town-input {
        margin-right: 1.5rem
    }
}

.valuation-modal-step-three__county-input {
    grid-column: 2/3
}

.valuation-modal-step-three__postcode-input {
    grid-column: 1/2
}

.valuation-modal-step-three__message-input {
    grid-column: 1/3
}

.valuation-modal-step-three__checkbox-container {
    grid-column: 1/3
}

.valuation-modal-step-three__link {
    border-bottom: .0625rem solid #343436
}

.valuation-modal-step-three__buttons {
    display: flex;
    flex-direction: column;
    align-items: center
}

.valuation-modal-step-three__buttons>*+* {
    margin-top: 1.25rem
}

.valuation-modal-step-three__btn-secondary {
    background-color: #f7d933
}

.valuation-modal-step-four {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5rem
}

.valuation-modal-step-four>*+* {
    margin-top: 1.25rem
}

@media only screen and (min-width: 768px) {
    .valuation-modal-step-four {
        height: 70vh;
        margin-top: 0;
        justify-content: center
    }
}

.valuation-modal-step-four__title {
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.375rem;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: .13rem;
    text-transform: uppercase;
    color: #343436;
    text-align: center
}

.valuation-modal-step-four__title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: .6875rem;
    margin-bottom: 1.25rem;
    background-color: #343436
}

.valuation-modal-step-four__para {
    text-align: center;
    font-size: .875rem;
    max-width: 28.875rem
}

.valuation-modal-step-four__btn {
    background-color: #f7d933
}

.valuation-modal-calendar {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem
}

.valuation-modal-calendar>*+* {
    margin-top: .5rem
}

.valuation-modal-calendar__title {
    font-size: .875rem;
    letter-spacing: .175rem;
    font-weight: 700;
    text-transform: uppercase
}

.valuation-modal-calendar__select-container {
    position: relative;
    max-width: 8rem
}

.valuation-modal-calendar__select-container svg {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: .375rem;
    width: .5rem;
    height: .5rem;
    fill: #f7d933
}

.valuation-modal-calendar__select {
    font-size: .875rem;
    color: #f7d933;
    appearance: none;
    border: none;
    background: none;
    width: 100%;
    cursor: pointer
}

.valuation-modal-calendar__dates {
    display: flex;
    padding: 1.25rem;
    background-color: #f7d933
}

.valuation-modal-calendar__dates>*+* {
    margin-left: 1rem
}

.valuation-modal-calendar__dates--mobile {
    margin: 0 -1.2rem;
    overflow-x: auto
}

@media only screen and (min-width: 768px) {
    .valuation-modal-calendar__dates--mobile {
        display: none
    }
}

.valuation-modal-calendar__dates--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .valuation-modal-calendar__dates--desktop {
        display: flex;
        justify-content: center
    }
}

.valuation-modal-calendar__date {
    display: flex;
    opacity: .5
}

.valuation-modal-calendar__date--active {
    opacity: 1
}

.valuation-modal-calendar__date-btn {
    display: flex;
    color: #fff;
    font-weight: 700
}

.valuation-modal-calendar__date-btn>*+* {
    margin-left: 1rem
}

.valuation-modal-calendar__date-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .875rem
}

.valuation-modal-calendar__date-content>*+* {
    margin-top: .25rem
}

.valuation-modal-calendar__date-divider {
    display: inline-block;
    background-color: #fff;
    width: .0625rem;
    height: 100%
}

.valuation-modal-calendar__buttons {
    display: none
}

@media only screen and (min-width: 768px) {
    .valuation-modal-calendar__buttons {
        display: flex;
        justify-content: flex-end
    }

    .valuation-modal-calendar__buttons>*+* {
        margin-left: .0625rem
    }
}

.valuation-modal-time-slots {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.875rem
}

.valuation-modal-time-slots>*+* {
    margin-top: .5rem
}

@media only screen and (min-width: 768px) {
    .valuation-modal-time-slots {
        margin-bottom: 3.25rem
    }
}

.valuation-modal-time-slots__title {
    font-size: .875rem;
    letter-spacing: .175rem;
    font-weight: 700;
    text-transform: uppercase
}

.valuation-modal-time-slots__time-of-day-buttons,
.valuation-modal-time-slots__time-slots {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .375rem
}

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

    .valuation-modal-time-slots__time-of-day-buttons,
    .valuation-modal-time-slots__time-slots {
        grid-template-columns: repeat(4, 1fr)
    }
}

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

    .valuation-modal-time-slots__time-of-day-buttons,
    .valuation-modal-time-slots__time-slots {
        grid-template-columns: repeat(8, 1fr)
    }
}

.valuation-modal-time-slots__time-slot,
.valuation-modal-time-slots__time-of-day-btn {
    background-color: #f7d933;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    padding: 1rem
}

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

    .valuation-modal-time-slots__time-slot,
    .valuation-modal-time-slots__time-of-day-btn {
        padding: 1rem
    }
}

.valuation-modal-time-slots__time-slot--active,
.valuation-modal-time-slots__time-of-day-btn--active {
    background-color: #343436
}

.valuation-modal-time-slots__error {
    font-size: .875rem;
    font-weight: 600;
    color: #d9291c
}

.new-homes-enquiries-form-modal__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem
}

@media only screen and (min-width: 768px) {
    .new-homes-enquiries-form-modal__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem
    }
}

.new-homes-enquiries-form-modal__para {
    display: none
}

@media only screen and (min-width: 768px) {
    .new-homes-enquiries-form-modal__para {
        display: block;
        text-align: center;
        font-size: .875rem;
        font-weight: 600;
        margin-bottom: 1rem
    }
}

.new-homes-enquiries-form-modal__input--full {
    grid-column: 1/-1
}

.new-homes-enquiries-form-modal__address-container {
    grid-column: 1/-1
}

.new-homes-enquiries-form-modal__address-lookup--full {
    grid-column: 1/-1
}

.new-homes-enquiries-form-modal__manual-lookup {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem
}

@media only screen and (min-width: 768px) {
    .new-homes-enquiries-form-modal__manual-lookup {
        grid-template-columns: 1fr 1fr;
        gap: 1rem
    }
}

.new-homes-enquiries-form-modal__checkbox-container {
    grid-column: 1/-1;
    font-weight: 600;
    margin-bottom: 1.75rem
}

@media only screen and (min-width: 768px) {
    .new-homes-enquiries-form-modal__checkbox-container {
        margin-top: 0
    }
}

.new-homes-enquiries-form-modal__link {
    border-bottom: .0625rem solid #343436
}

.new-homes-enquiries-form-modal__btn {
    grid-column: 1/-1;
    justify-self: center
}

@media only screen and (min-width: 768px) {
    .new-homes-enquiries-form-modal__btn {
        margin-bottom: 3rem
    }
}

.text-section-image-background {
    margin-bottom: 3rem;
    position: relative
}

.text-section-image-background--no-margin.section {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .text-section-image-background {
        padding: 0rem 5rem
    }
}

@media only screen and (min-width: 992px) {
    .text-section-image-background {
        padding: 0rem 10rem
    }
}

.text-section-image-background__btn {
    display: flex;
    box-sizing: border-box;
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.64;
    letter-spacing: .175rem;
    text-transform: uppercase;
    padding: 1rem;
    outline: .0625rem solid #fff;
    outline-offset: -0.25rem;
    color: #fff;
    white-space: nowrap;
    justify-content: center;
    margin: .5rem
}

.text-section-image-background__btn--accent {
    background-color: #f7d933
}

.text-section-image-background__btn--tint {
    background-color: #f7d933
}

.text-section-image-background__btn--primary {
    background-color: #343436
}

.text-section-image-background__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__container {
        max-width: 70rem;
        margin-left: auto;
        margin-right: auto
    }
}

.text-section-image-background__content {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 1rem 1.25rem
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__content {
        padding: 3.5rem 2rem;
        background-color: #fff
    }
}

@media only screen and (min-width: 992px) {
    .text-section-image-background__content {
        padding: 3.5rem 7rem
    }
}

.text-section-image-background__title {
    text-transform: capitalize
}

.text-section-image-background__html-content {
    margin-bottom: 1.375rem;
    font-size: 1rem;
    line-height: 1.8125rem
}

.text-section-image-background__html-content p {
    margin-bottom: 1rem;
    font-size: inherit
}

.text-section-image-background__html-content ul {
    display: flex;
    flex-direction: column;
    margin-left: 1.5rem
}

.text-section-image-background__html-content ul>*+* {
    margin-top: .25rem
}

.text-section-image-background__html-content ul li {
    display: flex
}

.text-section-image-background__html-content ul li::before {
    content: "";
    flex: none;
    display: block;
    width: .25rem;
    height: .25rem;
    margin-top: .75rem;
    background-color: #343436;
    margin-right: .75rem
}

.text-section-image-background__html-content ol {
    display: flex;
    flex-direction: column;
    margin-left: 1.25rem;
    list-style-position: inside
}

.text-section-image-background__html-content ol>*+* {
    margin-top: .25rem
}

.text-section-image-background__html-content li {
    font-size: 1rem;
    font-size: inherit
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__html-content {
        padding: 1.375rem 0
    }
}

.text-section-image-background__cta {
    display: flex;
    align-items: flex-start;
    flex-direction: row
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__cta {
        align-items: center;
        justify-content: center
    }
}

.text-section-image-background__cta .tertiary-btn {
    margin: 0 .5rem
}

.text-section-image-background__read-more-btn {
    background: none
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__read-more-btn {
        display: none
    }
}

.pre-entered-stock-section__nav {
    background-color: #eeeeee;
    height: 2.56rem;
    display: flex;
    align-items: center;
    justify-content: start;
    text-transform: uppercase
}

@media only screen and (min-width: 576px) {
    .pre-entered-stock-section__nav {
        justify-content: center
    }
}

.pre-entered-stock-section__intro-para {
    max-width: 40.75rem;
    text-align: center;
    font-size: .875rem;
    margin: 2rem 1.25rem
}

@media only screen and (min-width: 768px) {
    .pre-entered-stock-section__intro-para {
        margin-left: auto;
        margin-right: auto
    }
}

.pre-entered-stock-section__intro-link {
    font-weight: 700;
    padding-left: .35rem;
    text-decoration: underline
}

.pre-entered-stock-section__list {
    display: flex;
    align-items: center;
    font-size: .875rem;
    letter-spacing: .13rem;
    line-height: 1.81rem;
    overflow-x: auto;
    padding: 0 1.25rem
}

.pre-entered-stock-section__item {
    margin: 0 .5rem;
    min-width: fit-content;
    cursor: pointer;
    font-weight: 400
}

.pre-entered-stock-section__item--active {
    margin: 0 .5rem;
    min-width: fit-content;
    color: #343436;
    font-weight: 700
}

.pre-entered-stock-section__table-container {
    overflow-x: auto
}

.pre-entered-stock-section__table {
    margin-top: 2.81rem;
    font-size: .65rem;
    font-weight: 600;
    width: 100%;
    min-width: 37.5rem;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .pre-entered-stock-section__table {
        font-size: .75rem
    }
}

.pre-entered-stock-section__table-row {
    height: 2.5rem
}

.pre-entered-stock-section__table-row--lg {
    height: 3.125rem
}

.pre-entered-stock-section__table-row--dark {
    background: #f7d933;
    color: #fff
}

.pre-entered-stock-section__table-row--light {
    background: #c5d1ba
}

.pre-entered-stock-section__table-row--cream {
    background: #eeeeee
}

@media (max-width: 576px) {
    .pre-entered-stock-section__table-row--dk-only {
        display: none
    }
}

.pre-entered-stock-section__table-col {
    min-width: 5.375rem;
    max-width: 6rem;
    padding: .2rem 1rem
}

.single-cta-section {
    position: relative
}

@media only screen and (min-width: 992px) {
    .single-cta-section {
        margin-bottom: 4.375rem
    }
}

.single-cta-section__container {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto
}

@media only screen and (min-width: 992px) {
    .single-cta-section__container {
        align-items: flex-end;
        column-gap: 4rem;
        flex-direction: row;
        justify-content: center;
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

@media only screen and (min-width: 1200px) {
    .single-cta-section__container {
        column-gap: 8.5rem
    }
}

@media only screen and (min-width: 992px) {
    .single-cta-section__background {
        background-color: #eeeeee;
        bottom: 0;
        height: 20rem;
        margin: auto 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -2
    }
}

.single-cta-section__background-img {
    display: none
}

@media only screen and (min-width: 992px) {
    .single-cta-section__background-img {
        display: inline-block;
        bottom: 0;
        height: 20rem;
        margin: auto 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
        object-fit: cover
    }
}

.single-cta-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 4.375rem;
    max-width: 23.5rem;
    position: relative;
    z-index: 0
}

@media only screen and (min-width: 992px) {
    .single-cta-card {
        justify-content: flex-end;
        height: 40rem;
        margin-bottom: 0;
        max-width: 34.25rem
    }
}

@media only screen and (min-width: 1200px) {
    .single-cta-card {
        justify-content: center;
        height: 40rem;
        max-width: 34.25rem
    }
}

.single-cta-card__img {
    display: none;
    line-height: 0;
    position: relative;
    top: 0;
    width: 100%
}

.single-cta-card__img--mobile {
    display: block
}

@media only screen and (min-width: 992px) {
    .single-cta-card__img--mobile {
        display: none
    }
}

.single-cta-card__img--desktop {
    display: none
}

@media only screen and (min-width: 992px) {
    .single-cta-card__img--desktop {
        display: block;
        max-width: 34.25rem
    }
}

@media only screen and (min-width: 1200px) {
    .single-cta-card__img--desktop {
        display: none
    }
}

.single-cta-card__img--desktop-lg {
    display: none
}

@media only screen and (min-width: 1200px) {
    .single-cta-card__img--desktop-lg {
        display: block;
        min-width: 60.44rem
    }
}

.single-cta-card__content {
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1rem 3rem;
    position: absolute;
    z-index: 1
}

@media only screen and (min-width: 1200px) {
    .single-cta-card__content {
        justify-content: end;
        padding: 4rem
    }
}

.single-cta-card__content .single-cta-card__title {
    align-self: center;
    color: #f7d933;
    margin: .875rem;
    padding: .2rem .8125rem;
    text-transform: none;
    text-align: center;
    line-height: 1
}

@media only screen and (min-width: 375px) {
    .single-cta-card__content .single-cta-card__title {
        max-width: 75%
    }
}

@media only screen and (min-width: 992px) {
    .single-cta-card__content .single-cta-card__title {
        color: #fff
    }
}

@media only screen and (min-width: 1200px) {
    .single-cta-card__content .single-cta-card__title {
        max-width: 60%
    }
}

.single-cta-card__content .single-cta-card__para {
    color: #f7d933;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem;
    text-align: center
}

.single-cta-card__cta {
    display: flex;
    justify-content: center;
    padding: 1rem 1.875rem
}

.single-cta-card__btn {
    display: flex;
    color: #343436;
    justify-content: center;
    margin: 0 1.5rem;
    margin-bottom: .625rem;
    padding: 1rem 3rem;
    white-space: nowrap
}

@media only screen and (min-width: 576px) {
    .single-cta-card__btn {
        width: 75%;
        align-self: center
    }
}

.single-cta-card__link {
    margin-right: .625rem;
    font-size: .875rem;
    line-height: 1.1875rem;
    letter-spacing: .125rem;
    color: #f7d933
}

@media only screen and (min-width: 992px) {
    .single-cta-card__link {
        font-size: 1rem;
        line-height: 1.19rem;
        letter-spacing: .15rem
    }
}

.single-cta-card__icon {
    align-items: center;
    background-color: transparent;
    display: flex;
    line-height: unset
}

.single-cta-card__icon svg {
    fill: #f7d933;
    height: .5rem;
    width: .3125rem
}

.single-cta-card--right .double-cta-card__title,
.single-cta-card--right .double-cta-card__para,
.single-cta-card--right .double-cta-card__link {
    color: #fff
}

.single-cta-card--right .double-cta-card__icon svg {
    fill: #fff
}

.market-reports-section {
    margin-bottom: 12.25rem
}

.market-reports-section__nav {
    width: 100%;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 1.25rem;
    background: #eeeeee;
    margin-bottom: 5rem
}

@media only screen and (min-width: 768px) {
    .market-reports-section__nav {
        justify-content: center
    }
}

.market-reports-section__nav-list {
    display: flex;
    align-items: center;
    justify-content: start;
    overflow-x: auto;
    padding: .25rem 0
}

@media only screen and (min-width: 768px) {
    .market-reports-section__nav-list {
        justify-content: center;
        padding: 0
    }
}

.market-reports-section__nav-item {
    margin: 0 1rem
}

.market-reports-section__nav-btn {
    text-transform: uppercase;
    font-weight: 400;
    font-size: .875rem;
    background: none
}

.market-reports-section__nav-btn--active {
    font-weight: 700
}

.market-reports-section__reports {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    row-gap: 3rem
}

@media only screen and (min-width: 768px) {
    .market-reports-section__reports {
        justify-content: start;
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 768px) {
    .market-reports-section__report-wrapper {
        flex-basis: calc(50% - 7.75rem);
        margin: 0 3.875rem
    }
}

.market-reports-section__report-month {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .16rem;
    width: 100%;
    border-bottom: 1px solid #f7d933;
    margin-bottom: 1.625rem
}

.market-reports-section__report-item {
    margin-bottom: .625rem;
    display: grid;
    grid-template-columns: 1fr 3fr;
    font-size: .875rem;
    font-weight: 500
}

.market-reports-section__report-date {
    font-weight: 600;
    border-right: 1px solid #343436;
    width: 8rem;
    padding-right: 1rem;
    height: fit-content
}

.market-reports-section__report {
    color: #f7d933;
    padding-left: 1rem
}

.market-reports-section__load-more-wrapper {
    display: flex;
    justify-content: center;
    margin: 3.125rem 0 0 0
}

.market-reports-section__filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    flex-direction: column
}

.market-reports-section__filter-btn {
    border-bottom: 2px dashed rgba(112, 112, 112, 0.3);
    padding: .75rem 0;
    color: #343436;
    width: 17.875rem;
    text-align: center;
    font-size: .75rem
}

.market-reports-section__filter-btn:first-child {
    font-weight: 700
}

.market-reports-section__filter-btn svg {
    height: 8px;
    width: 8px;
    fill: #343436;
    margin-left: .375rem
}

.text-section-image-background {
    margin-bottom: 3rem;
    position: relative
}

.text-section-image-background--no-margin.section {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .text-section-image-background {
        padding: 0rem 5rem
    }
}

@media only screen and (min-width: 992px) {
    .text-section-image-background {
        padding: 0rem 10rem
    }
}

.text-section-image-background__btn {
    display: flex;
    box-sizing: border-box;
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.64;
    letter-spacing: .175rem;
    text-transform: uppercase;
    padding: 1rem;
    outline: .0625rem solid #fff;
    outline-offset: -0.25rem;
    color: #fff;
    white-space: nowrap;
    justify-content: center;
    margin: .5rem
}

.text-section-image-background__btn--accent {
    background-color: #f7d933
}

.text-section-image-background__btn--tint {
    background-color: #f7d933
}

.text-section-image-background__btn--primary {
    background-color: #343436
}

.text-section-image-background__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__container {
        max-width: 70rem;
        margin-left: auto;
        margin-right: auto
    }
}

.text-section-image-background__content {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 1rem 1.25rem
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__content {
        padding: 3.5rem 2rem;
        background-color: #fff
    }
}

@media only screen and (min-width: 992px) {
    .text-section-image-background__content {
        padding: 3.5rem 7rem
    }
}

.text-section-image-background__title {
    text-transform: capitalize
}

.text-section-image-background__html-content {
    margin-bottom: 1.375rem;
    font-size: 1rem;
    line-height: 1.8125rem
}

.text-section-image-background__html-content p {
    margin-bottom: 1rem;
    font-size: inherit
}

.text-section-image-background__html-content ul {
    display: flex;
    flex-direction: column;
    margin-left: 1.5rem
}

.text-section-image-background__html-content ul>*+* {
    margin-top: .25rem
}

.text-section-image-background__html-content ul li {
    display: flex
}

.text-section-image-background__html-content ul li::before {
    content: "";
    flex: none;
    display: block;
    width: .25rem;
    height: .25rem;
    margin-top: .75rem;
    background-color: #343436;
    margin-right: .75rem
}

.text-section-image-background__html-content ol {
    display: flex;
    flex-direction: column;
    margin-left: 1.25rem;
    list-style-position: inside
}

.text-section-image-background__html-content ol>*+* {
    margin-top: .25rem
}

.text-section-image-background__html-content li {
    font-size: 1rem;
    font-size: inherit
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__html-content {
        padding: 1.375rem 0
    }
}

.text-section-image-background__cta {
    display: flex;
    align-items: flex-start;
    flex-direction: row
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__cta {
        align-items: center;
        justify-content: center
    }
}

.text-section-image-background__cta .tertiary-btn {
    margin: 0 .5rem
}

.text-section-image-background__read-more-btn {
    background: none
}

@media only screen and (min-width: 768px) {
    .text-section-image-background__read-more-btn {
        display: none
    }
}

.apply-scroll-btn__wrapper {
    display: flex;
    justify-content: center
}

.location-card-section {
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 992px) {
    .location-card-section {
        display: flex;
        flex-direction: column
    }
}

@media only screen and (min-width: 992px) {
    .location-card-section--mobile {
        display: none
    }
}

.location-card-section--desktop {
    display: none
}

@media only screen and (min-width: 992px) {
    .location-card-section--desktop {
        display: flex;
        max-width: 60rem
    }
}

.location-card-section__branch-box {
    box-sizing: border-box;
    padding: 1rem;
    outline: .0625rem solid #fff;
    outline-offset: -0.25rem;
    background-color: #f7d933;
    color: #343436;
    margin: 0 1rem
}

.location-card-section__branch-image {
    flex-basis: 50%;
    width: 35rem
}

.location-card-section__branch-image img {
    object-fit: cover;
    width: 35rem;
    height: 100%
}

.location-card-section__branch-details {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem;
    justify-content: center
}

.location-card-section__flex {
    display: flex;
    max-width: 15rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.location-card-section__branch-title {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    font-size: 2.5rem;
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none
}

.location-card-section__branch-title::after {
    content: "";
    width: 5.25rem;
    height: .125rem;
    background-color: #343436
}

.location-card-section__clock-icon {
    margin-bottom: .5rem
}

.location-card-section__clock-icon svg {
    fill: #343436
}

.location-card-section__opening-hours,
.location-card-section__link {
    display: block;
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .175rem;
    text-transform: uppercase
}

.location-card-section__link {
    line-height: 2.5
}

.location-card-section__address {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 1rem
}

.location-card-section__span {
    display: block
}

.location-card-section__opening-hours {
    margin-bottom: 1rem
}

.location-card-section__link--underline {
    text-decoration: underline
}

.location-card-section__link--semibold {
    font-weight: 600
}

.location-card-section__phone-link {
    display: flex;
    align-items: center
}

.location-card-section__phone-link svg {
    height: 1rem;
    width: 1rem;
    margin-right: .5rem
}

.location-card-section__para {
    font-size: .875rem;
    margin: 0 2rem;
    text-align: center
}

.location-card-section__icons {
    display: flex
}

.location-card-section__icons>*+* {
    margin-left: 2rem
}

.location-card-section__icon {
    display: flex;
    flex-direction: column;
    align-items: center
}

.location-card-section__icon>*+* {
    margin-top: 1.5rem
}

.location-card-section__icon svg {
    fill: #f7d933;
    height: 3rem;
    width: 3rem
}

.location-card-section__icon-divider {
    width: 1px;
    background-color: #343436
}

.location-card-section__icon-span {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .1125rem;
    text-transform: uppercase;
    text-align: center;
    text-transform: uppercase;
    max-width: 7rem;
    line-height: 1.5
}

@media only screen and (min-width: 768px) {
    .location-card-section__image-card-slider {
        display: none
    }
}

.location-card-section__placeholder {
    width: 100%;
    height: 14.625rem;
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 992px) {
    .location-card-section__placeholder {
        height: 23.875rem;
        width: 60rem
    }
}

.show-social-share__btn {
    background: none
}

.show-social-share__btn--light svg {
    fill: #eeeeee;
    stroke: #eeeeee
}

.show-social-share__btn--dark svg {
    fill: #343436;
    stroke: #343436
}

.show-social-share__social-menu-container {
    position: relative
}

.show-social-share__social-menu {
    position: absolute;
    right: 0;
    z-index: 10
}

.history-timeline-section {
    background: linear-gradient(rgba(217, 214, 198, 0.4), #fff);
    position: relative;
    margin-bottom: 1.5rem
}

.history-timeline-section__century-nav {
    width: 100%;
    background: #f7d933;
    position: sticky;
    top: 3.75rem;
    z-index: 100
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__century-nav {
        left: 100%;
        top: 50%;
        transform: translateY(-50%);
        width: 5.75rem
    }
}

.history-timeline-section__century-nav-list {
    width: 100%;
    display: flex
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__century-nav-list {
        flex-direction: column
    }
}

.history-timeline-section__century-nav-item {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.25rem;
    color: rgba(24, 48, 40, 0.6)
}

.history-timeline-section__century-nav-item--active {
    border: 1px solid #f7d933;
    color: #183028
}

.history-timeline-section__century-nav-btn {
    font-family: "Cormorant Garamond";
    font-size: 1.375rem;
    color: inherit;
    height: 100%;
    width: 100%
}

.history-timeline-section__content-container {
    display: flex;
    flex-direction: column;
    margin: 0 1.125rem
}

.history-timeline-section__century-item {
    text-align: center;
    margin-bottom: 1rem
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__century-item {
        margin-bottom: 3rem;
        display: grid;
        grid-template-columns: 1fr .25rem 1fr
    }
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__century-text-wrapper {
        width: 100%;
        height: 5rem;
        grid-column: span 3
    }
}

.history-timeline-section__century-text {
    color: rgba(24, 48, 40, 0.1);
    font-family: "Cormorant Garamond";
    font-size: 4.875rem;
    font-weight: 600
}

.history-timeline-section__event-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__event-wrapper {
        flex-basis: 46%;
        margin: 0 .75rem
    }

    .history-timeline-section__event-wrapper--primary {
        grid-column: span 3
    }

    .history-timeline-section__event-wrapper--primary .history-timeline-section__event-date {
        border-bottom: none
    }

    .history-timeline-section__event-wrapper--last-left {
        margin-right: auto
    }
}

.history-timeline-section__event-item-divider {
    min-height: 100%;
    width: .25rem;
    background: rgba(24, 48, 40, 0.1);
    grid-column: 2/3
}

.history-timeline-section__event-date {
    font-family: "Cormorant Garamond";
    font-size: 2.25rem;
    color: #343436;
    padding-bottom: 1rem;
    text-align: center;
    border-bottom: 0.25rem solid rgba(24, 48, 40, 0.1);
    margin-bottom: 1.125rem;
    width: 100%;
    font-weight: 400
}

.history-timeline-section__event-date::before {
    content: "";
    display: block;
    width: .25rem;
    height: 2rem;
    background-color: rgba(24, 48, 40, 0.1);
    margin: 0 auto 1rem auto
}

.history-timeline-section__event-date--offset {
    margin-top: 4rem
}

.history-timeline-section__event-title {
    font-family: Montserrat;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.64;
    letter-spacing: .125rem;
    color: #343436;
    margin-bottom: 1.75rem;
    text-transform: uppercase
}

.history-timeline-section__event-title--primary-desktop {
    display: none
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__event-title--primary-desktop {
        display: block
    }
}

.history-timeline-section__event-title--primary-mobile {
    display: block
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__event-title--primary-mobile {
        display: none
    }
}

.history-timeline-section__event-img-wrapper {
    margin-bottom: 1rem
}

.history-timeline-section__event-img-wrapper--landscape {
    height: auto;
    width: auto
}

@media only screen and (min-width: 576px) {
    .history-timeline-section__event-img-wrapper--landscape {
        width: 34.7rem;
        height: 21.625rem
    }
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__event-img-wrapper--landscape {
        width: auto;
        height: auto
    }
}

@media only screen and (min-width: 1200px) {
    .history-timeline-section__event-img-wrapper--landscape {
        width: 34.7rem;
        height: 21.625rem
    }
}

.history-timeline-section__event-img-wrapper--portrait {
    height: 21.75rem;
    width: 15.5rem
}

.history-timeline-section__event-img-wrapper--round {
    height: 10.375rem;
    width: 10.375rem
}

.history-timeline-section__event-img {
    object-fit: cover
}

.history-timeline-section__event-img--landscape {
    width: 100%;
    height: 100%
}

.history-timeline-section__event-img--portrait {
    height: 100%
}

.history-timeline-section__event-img--round {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.history-timeline-section__event-text {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color: #343436;
    margin-bottom: .875rem
}

.history-timeline-section__event-text--hidden {
    display: none
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__event-text--hidden {
        display: block;
        max-width: 30rem
    }
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__event-text {
        display: block;
        max-width: 30rem;
        text-align: start
    }
}

.history-timeline-section__event-readmore {
    text-transform: uppercase;
    border-bottom: 1px solid #343436;
    font-size: .75rem;
    color: #343436;
    letter-spacing: .125rem;
    font-weight: 400;
    padding-bottom: .125rem;
    margin-bottom: .875rem
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__event-readmore {
        display: none
    }
}

.history-timeline-section__top-btn-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    width: fit-content
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__top-btn-wrapper {
        left: 50%;
        transform: translateX(-50%)
    }
}

.history-timeline-section__back-to-top-btn {
    background: #f7d933;
    height: 2.875rem;
    width: 2.875rem
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__back-to-top-btn {
        background: none;
        width: auto
    }
}

.history-timeline-section__back-to-top-btn svg {
    fill: #fff;
    width: 1.125rem
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__back-to-top-btn svg {
        fill: #343436;
        margin-top: 1rem;
        margin-left: .5rem;
        height: auto
    }
}

.history-timeline-section__top-btn-text {
    display: none
}

@media only screen and (min-width: 992px) {
    .history-timeline-section__top-btn-text {
        display: inline;
        text-transform: uppercase;
        font-size: .875rem;
        font-weight: 600
    }
}

.hero-history {
    background: rgba(217, 214, 198, 0.4)
}

.hero-history__img-wrapper {
    position: relative;
    background: #eeeeee;
    height: 28.375rem
}

@media only screen and (min-width: 992px) {
    .hero-history__img-wrapper {
        height: 100vh
    }
}

.hero-history__img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.hero-history__center-content {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (min-width: 992px) {
    .hero-history__center-content {
        bottom: 34%
    }
}

.hero-history__title-wrapper {
    background: rgba(24, 48, 40, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    outline: 1px solid #f7d933;
    outline-offset: -0.5rem;
    width: 20.875rem;
    height: 10.938rem;
    margin-bottom: 3.5rem
}

.hero-history__title {
    color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-self: center;
    align-items: center;
    letter-spacing: .1875rem;
    font-size: 1.25rem;
    font-weight: 500;
    font-family: Montserrat;
    text-transform: uppercase;
    line-height: 1.5;
    max-width: 12.5rem
}

.hero-history__title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: .5rem;
    margin-bottom: .875rem;
    background-color: #fff
}

.hero-history__subtitle {
    font-size: .875rem;
    letter-spacing: .1875rem;
    font-weight: 500;
    font-family: Montserrat;
    text-transform: uppercase
}

.hero-history__begin-btn {
    display: none
}

@media only screen and (min-width: 992px) {
    .hero-history__begin-btn {
        display: block;
        margin: 0 auto
    }
}

.hero-history__content {
    padding: 3.25rem 1.125rem
}

@media only screen and (min-width: 768px) {
    .hero-history__content {
        padding: 3.25rem 6.625rem
    }
}

@media only screen and (min-width: 992px) {
    .hero-history__content {
        column-count: 2;
        column-gap: 2rem
    }
}

.hero-history__content svg {
    display: none;
    width: 9.75rem;
    margin-bottom: 1.125rem;
    margin-top: 2rem;
    fill: #343436
}

@media only screen and (min-width: 992px) {
    .hero-history__content svg {
        display: block
    }
}

.hero-history__content-signature {
    display: none;
    width: 9.75rem;
    height: auto;
    margin-bottom: 1.125rem;
    margin-top: 2rem
}

@media only screen and (min-width: 992px) {
    .hero-history__content-signature {
        display: block
    }
}

@media only screen and (min-width: 992px) {
    .hero-history__description-wrapper {
        margin-bottom: 3rem
    }
}

.hero-history__description-wrapper p {
    font-size: 1rem;
    line-height: 1.8;
    color: #343436;
    font-weight: 400;
    margin-bottom: 1rem
}

@media only screen and (min-width: 992px) {
    .hero-history__description-wrapper p {
        margin-bottom: 2rem
    }
}

.hero-history__read-more-btn {
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: .125rem;
    color: #343436;
    border-bottom: 1px solid #343436;
    padding-bottom: .125rem
}

@media only screen and (min-width: 992px) {
    .hero-history__read-more-btn {
        display: none
    }
}

.hero-history__signoff-name,
.hero-history__signoff-title {
    display: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: Montserrat;
    font-weight: 400;
    margin-bottom: .75rem;
    color: #343436
}

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

    .hero-history__signoff-name,
    .hero-history__signoff-title {
        display: block
    }
}

.generic-slider {
    position: relative;
    display: flex;
    margin-bottom: 1rem;
    height: auto;
    width: auto
}

@media only screen and (min-width: 576px) {
    .generic-slider {
        width: 34.7rem;
        height: 21.625rem
    }
}

@media only screen and (min-width: 992px) {
    .generic-slider {
        height: auto;
        width: auto
    }
}

@media only screen and (min-width: 1200px) {
    .generic-slider {
        width: 34.7rem;
        height: 21.625rem
    }
}

@media only screen and (min-width: 576px) {
    .generic-slider--portrait {
        height: 21.75rem;
        width: 15.5rem
    }
}

.generic-slider__image {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.generic-slider__no-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15.625rem;
    width: 100%;
    background-color: #ebede8
}

.generic-slider__no-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.generic-slider__no-image>*+* {
    margin-top: .25rem
}

.generic-slider__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.generic-slider__no-image-span {
    font-size: .875rem;
    text-transform: uppercase;
    color: #eeeeee
}

.generic-slider__image-controls-container {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: rgba(52, 52, 54, 0.85);
    color: #fff
}

.generic-slider__image-controls {
    display: flex
}

.generic-slider__prev-btn,
.generic-slider__next-btn {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.125rem
}

.generic-slider__prev-btn svg,
.generic-slider__next-btn svg {
    height: .875rem;
    width: .875rem;
    fill: #fff
}

.generic-slider__modal-link {
    margin-left: 1.25rem
}

.generic-slider__modal-link svg {
    stroke: #fff;
    width: .875rem
}

.development-property-hero {
    margin-top: 3.75rem;
    position: relative
}

.development-property-hero__img-wrapper {
    width: 100vw;
    height: 18.75rem;
    margin-bottom: 1.875rem;
    background-color: #ebede8
}

@media only screen and (min-width: 992px) {
    .development-property-hero__img-wrapper {
        height: calc(100vh - 3.75rem - 3.875rem);
        margin-bottom: 0
    }
}

.development-property-hero__img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.development-property-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 992px) {
    .development-property-hero__content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.8);
        width: 41.625rem;
        height: 24.875rem;
        outline: 1px solid #f7d933;
        outline-offset: -0.25rem;
        justify-content: center
    }
}

.development-property-hero__title {
    font-size: 2.375rem;
    margin-bottom: 1rem
}

.development-property-hero__price-title {
    font-size: .875rem;
    text-transform: initial;
    margin-bottom: .25rem
}

.development-property-hero__price-range {
    font-size: 2rem;
    margin-bottom: 1.5rem
}

.development-property-hero__bed-bath {
    display: flex;
    margin-bottom: 1.25rem
}

.development-property-hero__beds,
.development-property-hero__baths {
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

.development-property-hero__beds svg,
.development-property-hero__baths svg {
    stroke: #343436;
    margin-left: .675rem
}

.development-property-hero__beds {
    margin-right: 1rem
}

.development-property-hero__location-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem
}

.development-property-hero__location-wrapper svg {
    fill: #343436;
    margin-bottom: .25rem
}

.development-property-hero__location-text {
    text-align: center;
    font-size: .875rem;
    font-weight: 400
}

.development-property-hero__viewing-wrapper {
    display: none
}

@media only screen and (min-width: 992px) {
    .development-property-hero__viewing-wrapper {
        display: block;
        margin-top: 1rem
    }
}

.child-properties-table {
    margin-top: 4rem;
    align-self: stretch
}

@media only screen and (min-width: 992px) {
    .child-properties-table {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 992px) {
    .child-properties-table__container {
        width: 34rem
    }
}

@media only screen and (min-width: 1200px) {
    .child-properties-table__container {
        width: 47rem
    }
}

@media only screen and (min-width: 1536px) {
    .child-properties-table__container {
        width: 59rem
    }
}

.child-properties-table__title {
    text-align: center;
    font-size: .875rem;
    margin-bottom: 1.375rem
}

@media only screen and (min-width: 1200px) {
    .child-properties-table__title {
        margin-bottom: 2.5rem
    }
}

.child-properties-table__colour-keys {
    font-size: .75rem;
    display: flex;
    margin-bottom: 1rem
}

@media only screen and (min-width: 1200px) {
    .child-properties-table__colour-keys {
        display: none
    }
}

.child-properties-table__colour-key {
    display: flex;
    align-items: center;
    margin-right: 1.5rem
}

.child-properties-table__available-dot,
.child-properties-table__reserved-dot,
.child-properties-table__sold-dot {
    height: 1rem;
    width: 1rem;
    border-radius: 100%;
    margin-right: .5rem
}

.child-properties-table__available-dot {
    background: #c5d1ba
}

.child-properties-table__reserved-dot {
    background: #f7d933
}

.child-properties-table__sold-dot {
    background: rgba(217, 41, 28, 0.4)
}

.child-properties-table__table {
    font-size: .75rem;
    border: 1px solid #fff;
    width: 100%
}

@media only screen and (min-width: 992px) {
    .child-properties-table__table {
        font-size: .875rem
    }
}

.child-properties-table .desktop-only {
    display: none
}

@media only screen and (min-width: 1200px) {
    .child-properties-table .desktop-only {
        display: table-cell
    }
}

@media only screen and (min-width: 1200px) {
    .child-properties-table .mobile-only {
        display: none
    }
}

.child-properties-table__t-head {
    background: #678074;
    color: #fff
}

.child-properties-table__t-head svg {
    stroke: #fff;
    height: 1rem
}

@media only screen and (min-width: 1200px) {
    .child-properties-table__t-head svg {
        height: 1.375rem
    }
}

.child-properties-table__t-body-row {
    background: rgba(184, 163, 109, 0.4);
    color: #343436
}

.child-properties-table__t-head-cell {
    padding: .5rem .25rem
}

@media only screen and (min-width: 1200px) {
    .child-properties-table__t-head-cell {
        padding: .875rem
    }
}

.child-properties-table__t-body-cell {
    padding: .75rem
}

.child-properties-table__t-body-cell--status-sold {
    background: rgba(217, 41, 28, 0.4)
}

.child-properties-table__t-body-cell--status-for-sale {
    background: #c5d1ba
}

.child-properties-table__t-body-cell--status-under-offer {
    background: #f7d933
}

.child-properties-table__t-body-cell--capitalize {
    text-transform: capitalize
}

.child-properties-table__t-body-cell a {
    font-size: .75rem;
    text-transform: none;
    display: flex;
    justify-content: center;
    text-transform: inherit
}

.lazy-child-properties-table__placeholder {
    min-height: 14.375rem;
    height: 14.375rem;
    width: 100%;
    min-width: 100%
}

.home-types {
    margin-bottom: 3.75rem
}

@media only screen and (min-width: 768px) {
    .home-types {
        margin-bottom: 7.125rem
    }
}

.home-types__title {
    text-align: center;
    font-size: .875rem;
    margin-bottom: 2.5rem
}

.home-types__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.375rem
}

@media only screen and (min-width: 768px) {
    .home-types__grid {
        grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr))
    }
}

.branch-map-section {
    position: relative;
    z-index: 1;
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 992px) {
    .branch-map-section {
        margin-bottom: 4.375rem
    }
}

.branch-map-section__title-wrapper {
    padding: 0 1.3125rem;
    margin-bottom: .75rem
}

@media only screen and (min-width: 768px) {
    .branch-map-section__title-wrapper {
        margin-bottom: 1rem
    }
}

.branch-map-section__title {
    display: flex;
    justify-content: center;
    font-size: .875rem;
    letter-spacing: .175rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .875rem
}

@media only screen and (min-width: 768px) {
    .branch-map-section__title {
        margin-bottom: 2rem
    }
}

.branch-map-section__map-selector {
    display: flex;
    justify-content: center;
    column-gap: .75rem;
    row-gap: .5rem;
    margin-bottom: 1.25rem
}

.branch-map-section__map-selector-btn {
    font-size: .875rem;
    letter-spacing: .175rem;
    text-transform: uppercase
}

.branch-map-section__map-selector-btn--active {
    font-weight: 700
}

.branch-map-section__map-selector-divider {
    height: auto;
    width: .0625rem;
    background-color: #343436
}

.branch-map-section__map-selector-divider--hidden-mobile {
    display: none
}

@media only screen and (min-width: 768px) {
    .branch-map-section__map-selector-divider--hidden-mobile {
        display: inline-block
    }
}

.branch-map-section__map {
    height: 24.375rem;
    width: 100vw
}

@media only screen and (min-width: 768px) {
    .branch-map-section__map {
        height: 35rem
    }
}

.branch-map-section__map .leaflet-marker-icon {
    width: auto;
    height: 2.5rem
}

.branch-map-section__placeholder-title-wrapper {
    padding: 0 1.3125rem;
    margin-bottom: .75rem
}

@media only screen and (min-width: 768px) {
    .branch-map-section__placeholder-title-wrapper {
        margin-bottom: 1rem
    }
}

.branch-map-section__placeholder-title {
    width: 2.5rem;
    height: .75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .875rem;
    background-color: #e4e4e7
}

@media only screen and (min-width: 768px) {
    .branch-map-section__placeholder-title {
        margin-bottom: 2rem
    }
}

.branch-map-section__placeholder-map-selector {
    display: flex;
    justify-content: center;
    column-gap: .75rem;
    row-gap: .5rem;
    margin-bottom: 1.25rem
}

.branch-map-section__placeholder-map-selector-btn {
    background-color: #e4e4e7;
    width: 8rem;
    height: 1rem
}

.branch-map-section__placeholder-map {
    background-color: #e4e4e7;
    height: 24.375rem;
    width: 100vw
}

@media only screen and (min-width: 768px) {
    .branch-map-section__placeholder-map {
        height: 35rem
    }
}

.location-guides-hero {
    margin-bottom: 1.775rem
}

@media only screen and (min-width: 992px) {
    .location-guides-hero {
        margin-bottom: 2.825rem
    }
}

@media only screen and (min-width: 992px) {
    .location-guides-hero__image-container {
        position: relative
    }
}

.location-guides-hero__background {
    height: 8.375rem;
    width: 100%;
    vertical-align: bottom;
    border-bottom: .125rem solid #f7d933;
    background-color: #f7d933
}

@media only screen and (min-width: 576px) {
    .location-guides-hero__background {
        height: 13.375rem
    }
}

@media only screen and (min-width: 992px) {
    .location-guides-hero__background {
        height: 18.813rem
    }
}

.location-guides-hero__title {
    display: flex;
    align-self: center;
    align-items: center;
    flex-direction: column;
    font-size: 1.375rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: .18rem;
    text-transform: uppercase;
    color: #343436;
    margin-bottom: .875rem;
    margin-top: 0
}

@media only screen and (min-width: 992px) {
    .location-guides-hero__title {
        margin-bottom: 1.25rem
    }
}

.location-guides-hero__title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: 1.4rem;
    background-color: #343436
}

.location-guides-hero__title--placeholder {
    animation: 2s ease 0s normal forwards 1 textFadeIn;
    -webkit-animation: 2s ease 0s normal forwards 1 textFadeIn
}

.location-guides-hero__container {
    margin: 0 1.25rem;
    width: auto
}

@media only screen and (min-width: 992px) {
    .location-guides-hero__container {
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

.location-guides-hero__breadcrumbs {
    margin-top: 2.5rem
}

.location-guides-hero__para {
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    font-size: 1.1125rem;
    line-height: 2.125rem;
    background-color: #3e1409;
    max-width: 32rem;
    padding-bottom: 3rem
}

.location-guides-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.5rem
}

.location-guides-hero__text {
    font-size: .875rem;
    display: block;
    text-align: center;
    max-width: 60rem;
    margin: 0 auto;
    color: transparent;
    background-color: #e4e4e7
}

.location-guides-hero__text--placeholder {
    animation: 2s ease 0s normal forwards 1 textFadeIn;
    -webkit-animation: 2s ease 0s normal forwards 1 textFadeIn
}

.location-guides-results {
    margin-bottom: 4.375rem
}

.location-guides-results__searchbar-row {
    display: flex;
    margin-bottom: 2rem;
    justify-content: center
}

.location-guides-results__searchbar-wrapper {
    border: 1px solid #959191;
    height: 3rem;
    display: flex;
    padding-left: 1.125rem;
    width: 13.625rem
}

.location-guides-results__searchbar-input {
    border: none;
    height: 100%;
    width: 100%;
    font-size: .875rem
}

.location-guides-results__searchbar-btn {
    background: #f7d933;
    height: 3rem;
    width: 3rem;
    outline: 1px solid #fff;
    outline-offset: -0.125rem
}

.location-guides-results__searchbar-btn svg {
    fill: #fff
}

.location-guides-results__grid {
    display: grid;
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 768px) {
    .location-guides-results__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 992px) {
    .location-guides-results__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .location-guides-results__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.location-guides-results__pagination-btn-wrapper {
    display: flex;
    justify-content: center
}

.location-guides-results__pagination-btn {
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #343436;
    margin-bottom: 4.375rem
}

.location-guides-results__pagination-btn svg {
    fill: #343436;
    margin: 0 .5rem
}

.location-guides-results__pagination-progress {
    margin: 0 1.5rem;
    font-size: .875rem;
    font-weight: 600;
    color: #343436
}

.location-guides-results__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100vw - 3.5rem);
    margin: 0 auto 4.375rem auto
}

@media only screen and (min-width: 992px) {
    .location-guides-results__placeholder {
        max-width: calc(100vw - 7.437rem)
    }
}

.location-guides-results__placeholder-search {
    width: 16.625rem;
    height: 3rem;
    background: #e4e4e7;
    margin-bottom: 2rem
}

.location-guides-results__placeholder-grid {
    display: grid;
    grid-gap: 1.5rem;
    width: 100%;
    max-width: 83.5rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 768px) {
    .location-guides-results__placeholder-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 992px) {
    .location-guides-results__placeholder-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .location-guides-results__placeholder-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.location-guides-results__placeholder-grid-item {
    height: 14.687rem;
    background-color: #e4e4e7
}

.location-guides-results__placeholder-pagination {
    height: 1rem;
    width: 11.25rem;
    background: #e4e4e7
}

.user-profile-sidebar {
    width: 100vw;
    background: #ffffff;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100vw;
    z-index: 1001;
    transition: all .5s ease-in-out;
    padding: 2.4rem;
    overflow: auto
}

@media only screen and (min-width: 768px) {
    .user-profile-sidebar {
        width: 31.25rem;
        right: -31.25rem
    }
}

@media only screen and (min-width: 992px) {
    .user-profile-sidebar {
        width: 40rem;
        right: -40rem
    }
}

@media only screen and (min-width: 1200px) {
    .user-profile-sidebar {
        width: 45rem;
        right: -45rem
    }
}

.user-profile-sidebar--open {
    right: 0
}

.user-profile-sidebar__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    transition: background-color .5s ease-in-out
}

.user-profile-sidebar__overlay--open {
    width: 100vw;
    height: 100vh;
    background-color: rgba(237, 237, 237, 0.8)
}

.user-profile-sidebar__content {
    padding: 1.6rem;
    background: #eeeeee
}

@media screen and (max-width: 500px) {
    .user-profile-sidebar__content {
        padding: 1rem
    }
}

.user-profile-sidebar__close-wrapper {
    display: flex;
    justify-content: end;
    margin-bottom: .75rem
}

.user-profile-sidebar__close-btn svg {
    stroke: #000
}

.user-profile-sidebar__main-heading {
    margin-bottom: 1.875rem
}

.user-forgot-password__input {
    margin: 1.6rem 0
}

.user-reset-password__input {
    margin: 0 0 1.6rem 0
}

.user-form__heading,
.user-form__description {
    margin: 1rem 0 1.125rem 0;
    line-height: 1.6
}

.user-form__grid {
    display: grid;
    grid-gap: 1rem
}

@media only screen and (min-width: 992px) {
    .user-form__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.user-form__wrapper {
    margin-bottom: 1rem
}

.user-form__input {
    width: 100%
}

.user-form__redirect {
    padding: 1.375rem 0
}

.user-form__checkbox-container {
    display: flex
}

.user-form__preferences-wrapper {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2
}

.user-form__preferences-wrapper>*+* {
    margin-top: .5rem
}

.user-form__preferences-wrapper a {
    color: #f7d933;
    text-decoration: underline
}

.user-form__submit-wrapper {
    display: flex;
    align-items: start;
    justify-content: space-between
}

.user-form__submit-btn {
    padding: 1rem;
    width: 100%
}

@media only screen and (min-width: 576px) {
    .user-form__submit-btn {
        padding: 1rem 3.5rem;
        width: unset
    }
}

.user-form__redirect a,
.user-form__submit-wrapper a {
    color: #f7d933;
    text-decoration: underline
}

.user-form__sign-out {
    margin: 5rem 0 1rem 0
}

.user-form__sign-out-btn:hover {
    color: #f7d933;
    text-decoration: underline
}

.user-form__forgot-password {
    display: flex;
    align-items: center
}

.user-my-profile__content {
    margin-bottom: 2.5rem
}

.user-my-profile__list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-row-gap: .75rem
}

.user-my-profile__list-title {
    grid-column: 1/2
}

.user-my-profile__list-def {
    grid-column: 2/3
}

.user-my-profile__additional-links {
    display: flex;
    flex-direction: column;
    align-items: start
}

.user-my-profile__additional-links>*+* {
    margin-top: 1rem
}

.user-my-profile__preferences-btn {
    text-decoration: underline;
    color: #f7d933
}

.user-profile-content__nav-list {
    display: grid;
    grid-gap: 1rem
}

@media only screen and (min-width: 768px) {
    .user-profile-content__nav-list {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 2rem
    }
}

.user-profile-content__loading {
    margin: 4rem;
    display: flex;
    justify-content: center
}

.user-profile-content__loading .loading-icon {
    stroke: #343436
}

.user-profile-content__nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.64;
    letter-spacing: .175rem;
    text-transform: uppercase;
    color: #343436
}

.user-profile-content__nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: .5rem;
    text-align: center;
    border: .0625rem solid #343436
}

.user-profile-content__nav-link--selected {
    background: #f7d933;
    color: #fff;
    border-color: #f7d933
}

.user-saved-search {
    background: #fff;
    padding: .675rem 1.25rem;
    margin-bottom: 1rem
}

.user-saved-search__title {
    margin-bottom: 1rem;
    line-height: 1.6
}

.user-saved-search__btns {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 576px) {
    .user-saved-search__btns {
        flex-direction: row
    }
}

.user-saved-search__visit {
    background: #f7d933;
    margin-right: .75rem
}

.user-saved-search__remove {
    background: #f7d933
}

.user-saved-search__visit,
.user-saved-search__remove {
    outline: 1px solid #fff;
    outline-offset: -0.25rem;
    padding: .75rem;
    color: #fff;
    width: 100%;
    margin-bottom: .5rem
}

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

    .user-saved-search__visit,
    .user-saved-search__remove {
        width: unset;
        margin-bottom: unset
    }
}

.user-saved-search__frequency-label {
    font-size: .875rem
}

.user-saved-search__frequency {
    border: 1px solid #f7d933;
    width: 100%;
    padding: 1rem;
    font-family: Montserrat
}

@media screen and (max-width: 500px) {
    .user-saved-properties .property-card {
        padding: 0
    }

    .user-saved-properties .property-card .property-card__spec-list--desktop>*+* {
        margin-left: .75rem
    }
}

@media screen and (min-width: 992px) {
    .user-saved-properties .property-card {
        width: 27rem !important;
        max-width: 27rem
    }
}

.user-marketing-preferences__submit-btn {
    margin: 1rem 0
}

.user-marketing-preferences__back-btn {
    color: #f7d933;
    text-decoration: underline;
    font-size: 1.125rem
}

.user-marketing-preferences .marketing-preferences__description,
.user-marketing-preferences .marketing-preferences__option {
    margin-bottom: 1rem
}

.user-marketing-preferences .marketing-preferences__radio {
    margin-right: .5rem
}

.articles-slider__placeholder {
    height: 31.375rem
}

.js-articles-slider {
    height: 31.375rem;
    margin-bottom: 4.375rem
}

@media only screen and (min-width: 992px) {
    .js-articles-slider {
        height: 41.375rem
    }
}

.lazy-articles-slider__placeholder {
    display: flex;
    justify-content: space-between
}

.lazy-articles-slider__placeholder-card {
    height: 28.875rem;
    min-width: 17.375rem
}

.lazy-articles-slider__placeholder-card-2 {
    display: none
}

@media only screen and (min-width: 768px) {
    .lazy-articles-slider__placeholder-card-2 {
        display: block
    }
}

.lazy-articles-slider__placeholder-card-2 {
    display: none
}

@media only screen and (min-width: 992px) {
    .lazy-articles-slider__placeholder-card-2 {
        display: block
    }
}

.error-section__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.error-section__para {
    max-width: 40.75rem
}

.error-section__span {
    font-weight: 700
}

.property-card-slider__error {
    display: flex;
    flex-direction: column;
    align-items: center
}

.property-card-slider__error-para {
    max-width: 40.75rem;
    text-align: center
}

.property-card-slider__error-span {
    font-weight: 700
}

.js-similar-properties-card-slider {
    height: 37.813rem;
    min-height: 37.813rem
}

.lazy-property-card-slider__placeholder {
    height: 37.813rem;
    min-height: 37.813rem
}

.dropdown-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    flex-direction: column
}

.dropdown-filter__btn-wrapper {
    border-bottom: 2px dashed rgba(112, 112, 112, 0.3);
    padding: .75rem 0
}

.dropdown-filter__btn {
    color: #343436;
    width: 17.875rem;
    text-align: center;
    font-size: .75rem;
    text-transform: capitalize
}

.dropdown-filter__btn--toggle-show {
    font-weight: 700
}

.dropdown-filter__btn--active {
    font-weight: 700
}

.dropdown-filter__btn svg {
    height: 8px;
    width: 8px;
    fill: #343436;
    margin-left: .375rem
}

.dropdown-filter__remove-btn svg {
    stroke: #343436;
    height: .5rem;
    width: .5rem
}

.cms-section-nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 1.25rem;
    background: #eeeeee;
    margin-bottom: 5rem;
    padding: .5rem 0
}

@media only screen and (min-width: 768px) {
    .cms-section-nav--md-center {
        justify-content: center;
        padding: .5rem 0
    }
}

@media only screen and (min-width: 992px) {
    .cms-section-nav--lg-center {
        justify-content: center;
        padding: .5rem 0
    }
}

@media only screen and (min-width: 1200px) {
    .cms-section-nav--xl-center {
        justify-content: center;
        padding: .5rem 0
    }
}

.cms-section-nav__list {
    display: flex;
    align-items: center;
    justify-content: start;
    overflow-x: auto;
    padding: .25rem 0
}

@media only screen and (min-width: 768px) {
    .cms-section-nav__list--md-center {
        justify-content: center;
        padding: 0
    }
}

@media only screen and (min-width: 992px) {
    .cms-section-nav__list--lg-center {
        justify-content: center;
        padding: 0
    }
}

@media only screen and (min-width: 1200px) {
    .cms-section-nav__list--xl-center {
        justify-content: center;
        padding: 0
    }
}

.cms-section-nav__item {
    margin: 0 1rem
}

.cms-section-nav__btn {
    text-transform: uppercase;
    font-weight: 400;
    font-size: .875rem;
    background: none
}

.cms-section-nav__btn--active {
    font-weight: 700
}

.agricultural-sales-calendar-card {
    margin: 2rem 0;
    position: relative;
    margin-bottom: 4rem;
    position: relative;
    overflow-y: hidden
}

.agricultural-sales-calendar-card__topic-wrapper {
    background: #343436;
    position: absolute;
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7.75rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10
}

.agricultural-sales-calendar-card__topic,
.agricultural-sales-calendar-card__img-overlay-status {
    color: #fff;
    font-size: .75rem;
    text-transform: uppercase;
    font-family: Montserrat;
    letter-spacing: .125rem;
    font-weight: 600
}

.agricultural-sales-calendar-card__topic {
    text-align: center;
    line-height: normal
}

.agricultural-sales-calendar-card__expand-wrapper {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.agricultural-sales-calendar-card__expand-link svg {
    stroke: #fff;
    height: 1.3rem;
    width: 1.3rem
}

.agricultural-sales-calendar-card__img {
    width: 100%;
    object-fit: cover
}

.agricultural-sales-calendar-card__img-wrapper {
    height: 10.25rem;
    position: relative;
    margin-top: 1.3rem
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__img-wrapper {
        height: 7rem
    }
}

.agricultural-sales-calendar-card__img-overlay {
    position: absolute;
    bottom: 0;
    background: rgba(217, 214, 198, 0.8);
    width: 100%;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.agricultural-sales-calendar-card__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__content {
        margin-bottom: 2.5rem
    }
}

.agricultural-sales-calendar-card__title {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #f7d933;
    padding-bottom: 1rem;
    margin-bottom: .625rem;
    margin-top: 1rem;
    line-height: 1.4
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__title {
        border-bottom: none;
        padding-bottom: 0
    }
}

.agricultural-sales-calendar-card__stock-link {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .125rem;
    margin-bottom: 2rem;
    margin-top: 1.5rem
}

.agricultural-sales-calendar-card__stock-link svg {
    fill: #343436;
    height: .5rem;
    margin-left: .5rem
}

.agricultural-sales-calendar-card__stock-link svg:first-of-type {
    height: 1rem;
    width: auto;
    margin-left: 0;
    margin-right: .5rem
}

.agricultural-sales-calendar-card__date {
    font-family: Montserrat;
    font-weight: 700;
    text-align: center;
    font-size: .875rem
}

.agricultural-sales-calendar-card__location {
    color: #343436;
    font-size: .875rem;
    font-weight: 500;
    font-family: Montserrat;
    border-bottom: 1px solid #f7d933;
    padding-bottom: .875rem;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__location {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 1.375rem
    }
}

.agricultural-sales-calendar-card__location svg {
    height: .75rem;
    fill: #343436
}

.agricultural-sales-calendar-card__location--margin {
    margin-bottom: 2rem
}

.agricultural-sales-calendar-card__catalogue,
.agricultural-sales-calendar-card__external {
    font-family: Montserrat;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .125rem;
    margin: 1.375rem 0;
    font-weight: 600
}

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

    .agricultural-sales-calendar-card__catalogue,
    .agricultural-sales-calendar-card__external {
        display: none
    }
}

.agricultural-sales-calendar-card__catalogue svg,
.agricultural-sales-calendar-card__external svg {
    fill: #343436;
    height: .5rem;
    margin-left: .5rem
}

.agricultural-sales-calendar-card__external {
    margin-top: 0;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__external {
        display: none
    }
}

.agricultural-sales-calendar-card__external svg {
    margin-right: .5rem;
    height: 1.2rem;
    width: 1.2rem;
    stroke: #343436
}

.agricultural-sales-calendar-card__further-details {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #f7d933;
    transition: all .5s;
    height: 3.125rem;
    font-size: .875rem;
    color: #fff;
    letter-spacing: .163rem;
    font-weight: 600;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__further-details {
        height: auto;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        transform: translateY(calc(100% - 3.2rem));
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1rem 0
    }

    .agricultural-sales-calendar-card__further-details:hover {
        transform: translateY(0)
    }
}

.agricultural-sales-calendar-card__further-details-text {
    font-size: .875rem;
    color: #fff;
    letter-spacing: .163rem;
    font-weight: 600;
    text-transform: uppercase
}

.agricultural-sales-calendar-card__further-details-text--mobile {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 50% 50%
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__further-details-text--mobile {
        display: none
    }
}

.agricultural-sales-calendar-card__further-details-text--mobile-no-grid {
    grid-template-columns: 1fr
}

.agricultural-sales-calendar-card__further-details-text--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__further-details-text--desktop {
        display: block;
        margin-bottom: 1.625rem
    }
}

.agricultural-sales-calendar-card__further-details-link {
    text-transform: uppercase;
    cursor: pointer
}

.agricultural-sales-calendar-card__further-details-span {
    display: flex;
    justify-content: center;
    align-items: center
}

.agricultural-sales-calendar-card__further-details-span:first-of-type {
    border-right: 1px solid #fff
}

.agricultural-sales-calendar-card__further-details-span--full {
    border: none;
    width: 100%
}

.agricultural-sales-calendar-card__desktop-catalogue {
    display: none
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__desktop-catalogue {
        display: inline;
        margin-bottom: 1rem
    }

    .agricultural-sales-calendar-card__desktop-catalogue svg {
        fill: #fff;
        height: .5rem;
        margin-left: .5rem
    }

    .agricultural-sales-calendar-card__desktop-catalogue svg:first-of-type {
        height: 1.125rem;
        margin-left: 0;
        margin-right: .5rem;
        fill: none;
        stroke: #fff
    }
}

.agricultural-sales-calendar-card__desktop-external {
    display: none
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__desktop-external {
        display: flex;
        align-items: center;
        margin-bottom: 1rem
    }
}

.agricultural-sales-calendar-card__desktop-external svg {
    fill: #fff;
    stroke: #fff;
    height: 1.5rem;
    width: 1.5rem;
    margin-right: .5rem
}

.agricultural-sales-calendar-card__desktop-contact {
    display: none
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__desktop-contact {
        display: inline;
        margin-bottom: 1.125rem
    }

    .agricultural-sales-calendar-card__desktop-contact svg {
        fill: #fff;
        height: 1.125rem;
        margin-right: .5rem
    }
}

.agricultural-sales-calendar-card__desktop-form {
    display: none
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-card__desktop-form {
        display: inline
    }
}

.agricultural-sales-calendar-section {
    padding: 0
}

@media only screen and (min-width: 768px) {
    .agricultural-sales-calendar-section__cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2rem;
        width: fit-content;
        margin: 0 auto
    }
}

@media only screen and (min-width: 992px) {
    .agricultural-sales-calendar-section__cards {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .agricultural-sales-calendar-section__cards {
        grid-template-columns: repeat(4, 1fr)
    }
}

.agricultural-sales-calendar-section__month {
    font-family: Montserrat;
    font-weight: 500;
    letter-spacing: .125rem;
    color: #343436;
    margin-bottom: .75rem
}

.agricultural-sales-calendar-section__month-wrapper {
    border-bottom: 1px solid #f7d933
}

.agricultural-sales-calendar-section__btn-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 5.375rem
}

.agricultural-sales-calendar-section__btn {
    text-transform: uppercase;
    border-bottom: 1px solid #343436;
    font-size: .875rem;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: .125rem;
    padding-bottom: .125rem
}

.agricultural-sales-calendar-section__no-cards {
    margin: 2rem 0 5.375rem 0
}

.property-land-auction-card {
    margin: 2rem 1rem;
    position: relative;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .property-land-auction-card {
        width: 19.625rem
    }
}

@media only screen and (min-width: 992px) {
    .property-land-auction-card {
        width: auto
    }
}

.property-land-auction-card__img-wrapper {
    height: 10.25rem
}

@media only screen and (min-width: 768px) {
    .property-land-auction-card__img-wrapper {
        height: 7rem
    }
}

.property-land-auction-card__img {
    width: 100%;
    object-fit: cover
}

.property-land-auction-card__expand-wrapper {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.property-land-auction-card__expand-link svg {
    stroke: #fff;
    height: 1.3rem;
    width: 1.3rem
}

.property-land-auction-card__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.property-land-auction-card__no-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ebede8;
    height: 100%;
    justify-content: center;
    align-items: center
}

.property-land-auction-card__no-image>*+* {
    margin-top: .25rem
}

.property-land-auction-card__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.property-land-auction-card__title {
    font-size: 1.5rem;
    font-weight: 500;
    width: 17.375rem;
    text-align: center;
    border-bottom: 1px solid #f7d933;
    padding-bottom: 1rem;
    margin-bottom: .625rem;
    margin-top: 1rem;
    line-height: 1.4
}

@media only screen and (min-width: 768px) {
    .property-land-auction-card__title {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 1.25rem
    }
}

.property-land-auction-card__date {
    font-family: Montserrat;
    font-weight: 700;
    text-align: center;
    font-size: .875rem;
    margin-bottom: .5rem
}

@media only screen and (min-width: 768px) {
    .property-land-auction-card__date {
        margin-bottom: .75rem
    }
}

.property-land-auction-card__location {
    color: #343436;
    font-size: .875rem;
    font-weight: 500;
    font-family: Montserrat;
    border-bottom: 1px solid #f7d933;
    padding-bottom: .875rem;
    text-align: center;
    margin-bottom: 1.25rem;
    line-height: 1.2
}

@media only screen and (min-width: 768px) {
    .property-land-auction-card__location {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 1.875rem
    }
}

.property-land-auction-card__location svg {
    height: .75rem;
    fill: #343436
}

.property-land-auction-card__cta-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #f7d933;
    transition: all .5s;
    height: 3.125rem;
    font-size: .875rem;
    color: #fff;
    letter-spacing: .163rem;
    font-weight: 600;
    text-transform: uppercase
}

.property-land-auction-card__cta-divider {
    min-height: 100%;
    min-width: 1px;
    background: #fff
}

.property-land-auction-card__lots-link,
.property-land-auction-card__register-link {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.property-land-auction-card__lots-link--full {
    width: 100%
}

.property-land-auction-sales-calendar-section {
    margin-bottom: 5rem;
    margin-top: -2rem
}

.property-land-auction-sales-calendar-section__filter-row {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem
}

.property-land-auction-sales-calendar-section__filter-wrapper {
    display: flex;
    align-items: center
}

.property-land-auction-sales-calendar-section__filter-divider {
    min-height: 100%;
    width: 1px;
    background: #343436;
    margin: 0 1.125rem
}

.property-land-auction-sales-calendar-section__filter-btn {
    text-transform: uppercase;
    font-size: .75rem;
    padding: 0 .25rem;
    color: #343436;
    letter-spacing: .125rem;
    font-weight: 400;
    text-align: center
}

.property-land-auction-sales-calendar-section__filter-btn--active {
    font-weight: 600
}

@media only screen and (min-width: 576px) {
    .property-land-auction-sales-calendar-section__filter-btn {
        font-size: .875rem;
        padding: 0
    }
}

.property-land-auction-sales-calendar-section__cards {
    border-top: 1px solid #f7d933;
    padding-top: 4rem;
    max-width: 87.5rem
}

@media only screen and (min-width: 768px) {
    .property-land-auction-sales-calendar-section__cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 1rem;
        width: fit-content;
        margin: 0 auto
    }
}

@media only screen and (min-width: 992px) {
    .property-land-auction-sales-calendar-section__cards {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .property-land-auction-sales-calendar-section__cards {
        grid-template-columns: repeat(4, 1fr)
    }
}

.property-land-auction-sales-calendar-section__iframe-wrapper {
    margin: 0 1rem
}

@media only screen and (min-width: 768px) {
    .property-land-auction-sales-calendar-section__iframe-wrapper {
        margin: 0 auto;
        width: 44.25rem
    }
}

@media only screen and (min-width: 992px) {
    .property-land-auction-sales-calendar-section__iframe-wrapper {
        width: 61.375rem
    }
}

@media only screen and (min-width: 1200px) {
    .property-land-auction-sales-calendar-section__iframe-wrapper {
        width: 75rem
    }
}

.property-land-auction-sales-calendar-section__iframe {
    width: 100%;
    height: 100rem
}

.property-land-auction-sales-calendar-section__more-btn-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

.property-land-auction-sales-calendar-section__more-btn {
    text-transform: uppercase;
    color: #343436;
    border-bottom: 1px solid #343436;
    padding-bottom: .125rem;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-weight: 600
}

.property-land-auction-sales-calendar-section__guide-buttons {
    text-align: center;
    margin-top: 5rem
}

.property-land-auction-sales-calendar-section__guide-buttons .guide-button {
    width: 173px
}

.property-land-auction-sales-calendar-section__guide-buttons .guide-button--buying {
    height: 67px
}

.property-land-auction-sales-calendar-section__guide-buttons .guide-button--selling {
    height: 61px
}

.antiques-sales-calendar-section {
    margin-top: -2rem
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-section__grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 1rem;
        width: fit-content;
        margin: 0 auto
    }
}

@media only screen and (min-width: 992px) {
    .antiques-sales-calendar-section__grid-container {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .antiques-sales-calendar-section__grid-container {
        grid-template-columns: repeat(4, 1fr)
    }
}

.antiques-sales-calendar-section__btn-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 5.375rem
}

.antiques-sales-calendar-section__btn {
    text-transform: uppercase;
    border-bottom: 1px solid #343436;
    font-size: .875rem;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: .125rem;
    padding-bottom: .125rem
}

.mini-cms-menu__desc-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem
}

.mini-cms-menu__desc {
    max-width: 60rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 400
}

.antiques-sales-calendar-card {
    margin: 2rem 1rem;
    position: relative;
    margin-bottom: 4rem;
    position: relative;
    overflow-y: hidden
}

.antiques-sales-calendar-card__topic-wrapper {
    background: #3e1409;
    position: absolute;
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7.75rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10
}

.antiques-sales-calendar-card__topic,
.antiques-sales-calendar-card__img-overlay-status {
    color: #fff;
    font-size: .75rem;
    text-transform: uppercase;
    font-family: Montserrat;
    letter-spacing: .125rem;
    font-weight: 600
}

.antiques-sales-calendar-card__expand-wrapper {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.antiques-sales-calendar-card__expand-link svg {
    stroke: #fff;
    height: 1.3rem;
    width: 1.3rem
}

.antiques-sales-calendar-card__img {
    width: 100%;
    object-fit: cover
}

.antiques-sales-calendar-card__img-wrapper {
    height: 10.25rem;
    position: relative;
    margin-top: 1.3rem
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__img-wrapper {
        height: 7rem
    }
}

.antiques-sales-calendar-card__img-overlay {
    position: absolute;
    bottom: 0;
    background: rgba(217, 214, 198, 0.8);
    width: 100%;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.antiques-sales-calendar-card__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__content {
        margin-bottom: 2.5rem
    }
}

.antiques-sales-calendar-card__title {
    font-size: 1.5rem;
    font-weight: 500;
    width: 17.375rem;
    text-align: center;
    border-bottom: 1px solid #f7d933;
    padding-bottom: 1rem;
    margin-bottom: .625rem;
    margin-top: 1rem;
    line-height: 1.4
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__title {
        border-bottom: none;
        padding-bottom: 0
    }
}

.antiques-sales-calendar-card__stock-link {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .125rem;
    margin-bottom: 2rem;
    margin-top: 1.5rem
}

.antiques-sales-calendar-card__stock-link svg {
    fill: #343436;
    height: .5rem;
    margin-left: .5rem
}

.antiques-sales-calendar-card__stock-link svg:first-of-type {
    height: 1rem;
    width: auto;
    margin-left: 0;
    margin-right: .5rem
}

.antiques-sales-calendar-card__date {
    font-family: Montserrat;
    font-weight: 700;
    text-align: center;
    font-size: .875rem
}

.antiques-sales-calendar-card__location {
    color: #343436;
    font-size: .875rem;
    font-weight: 500;
    font-family: Montserrat;
    border-bottom: 1px solid #f7d933;
    padding-bottom: .875rem;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__location {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 1.375rem
    }
}

.antiques-sales-calendar-card__location svg {
    height: .75rem;
    fill: #343436
}

.antiques-sales-calendar-card__location--margin {
    margin-bottom: 2rem
}

.antiques-sales-calendar-card__catalogue {
    font-family: Montserrat;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .125rem;
    margin: 1.375rem 0;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__catalogue {
        display: none
    }
}

.antiques-sales-calendar-card__catalogue svg {
    fill: #343436;
    height: .5rem;
    margin-left: .5rem
}

.antiques-sales-calendar-card__further-details {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #3e1409;
    transition: all .5s;
    height: 3.125rem;
    font-size: .875rem;
    color: #fff;
    letter-spacing: .163rem;
    font-weight: 600;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__further-details {
        height: auto;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        transform: translateY(calc(100% - 3.2rem));
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1rem 0
    }

    .antiques-sales-calendar-card__further-details:hover {
        transform: translateY(0)
    }
}

.antiques-sales-calendar-card__further-details-text {
    font-size: .875rem;
    color: #fff;
    letter-spacing: .163rem;
    font-weight: 600;
    text-transform: uppercase
}

.antiques-sales-calendar-card__further-details-text--mobile {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 50% 50%
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__further-details-text--mobile {
        display: none
    }
}

.antiques-sales-calendar-card__further-details-text--mobile-no-grid {
    grid-template-columns: 1fr
}

.antiques-sales-calendar-card__further-details-text--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__further-details-text--desktop {
        display: block;
        margin-bottom: 1.625rem
    }
}

.antiques-sales-calendar-card__further-details-link {
    text-transform: uppercase;
    cursor: pointer
}

.antiques-sales-calendar-card__further-details-span {
    display: flex;
    justify-content: center;
    align-items: center
}

.antiques-sales-calendar-card__further-details-span:first-of-type {
    border-right: 1px solid #fff
}

.antiques-sales-calendar-card__further-details-span--full {
    border: none;
    width: 100%
}

.antiques-sales-calendar-card__desktop-catalogue {
    display: none
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__desktop-catalogue {
        display: inline;
        margin-bottom: 1rem
    }

    .antiques-sales-calendar-card__desktop-catalogue svg {
        fill: #fff;
        height: .5rem;
        margin-left: .5rem
    }

    .antiques-sales-calendar-card__desktop-catalogue svg:first-of-type {
        height: 1.125rem;
        margin-left: 0;
        margin-right: .5rem;
        fill: none;
        stroke: #fff
    }
}

.antiques-sales-calendar-card__desktop-contact {
    display: none
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__desktop-contact {
        display: flex;
        align-items: center;
        margin-bottom: 1.125rem
    }

    .antiques-sales-calendar-card__desktop-contact svg {
        fill: #fff;
        height: 1.125rem;
        margin-right: .5rem
    }
}

.antiques-sales-calendar-card__desktop-form {
    display: none
}

@media only screen and (min-width: 768px) {
    .antiques-sales-calendar-card__desktop-form {
        display: flex;
        align-items: center;
        background: #3e1409;
        margin-bottom: 1rem
    }
}

.antiques-sales-calendar-card__desktop-form svg {
    fill: #fff;
    stroke: #fff;
    height: 1.5rem;
    width: 1.5rem;
    margin-right: .5rem
}

.video-section {
    padding-top: 1rem
}

.video-section__content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 4rem
}

.video-section__content>*+* {
    margin-left: 1rem
}

@media only screen and (min-width: 1200px) {
    .video-section__content {
        padding: 0 5rem;
        max-width: 1300px;
        margin: 0 auto
    }
}

.video-section__video-wrapper {
    width: 100vh;
    height: 21rem
}

@media only screen and (min-width: 768px) {
    .video-section__video-wrapper {
        width: 35.25rem
    }
}

.video-section__text-wrapper {
    display: none
}

@media only screen and (min-width: 992px) {
    .video-section__text-wrapper {
        display: flex;
        flex-direction: column;
        max-width: 25rem
    }
}

@media only screen and (min-width: 1200px) {
    .video-section__text-wrapper {
        max-width: 30rem
    }
}

.video-section__subtitle {
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .125rem;
    font-weight: 600;
    margin-bottom: 1.25rem
}

.video-section__description {
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 400
}

.event-date-section {
    margin-top: 5rem
}

.event-date-section__background-wrapper {
    position: relative;
    height: 28rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 576px) {
    .event-date-section svg {
        display: none
    }
}

.event-date-section__background-img {
    display: none
}

@media only screen and (min-width: 576px) {
    .event-date-section__background-img {
        display: block;
        object-fit: cover;
        height: 19.5rem;
        width: 100%
    }
}

.event-date-section__img-overlay {
    display: none
}

@media only screen and (min-width: 576px) {
    .event-date-section__img-overlay {
        display: block;
        position: absolute;
        background: green;
        width: 100%;
        min-height: 100%;
        max-width: 35.625rem;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #c5d1ba;
        opacity: .8
    }

    .event-date-section__img-overlay::before {
        content: "";
        position: absolute;
        background: red;
        top: -30px;
        border-radius: 100%;
        height: 200px;
        width: 200px;
        left: 50%;
        transform: translateX(-50%);
        background: #c5d1ba;
        z-index: -1
    }
}

@media only screen and (min-width: 576px) and (min-width: 375px) {
    .event-date-section__img-overlay::before {
        height: 300px;
        width: 300px
    }
}

@media only screen and (min-width: 576px) and (min-width: 576px) {
    .event-date-section__img-overlay::before {
        width: 33rem
    }
}

.event-date-section__content {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    max-width: 20rem
}

.event-date-section__title {
    font-size: 2.25rem;
    line-height: 1.2;
    text-align: center;
    color: #343436;
    margin-bottom: 1rem
}

.event-date-section__description {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #343436;
    text-align: center;
    font-family: "Cormorant Garamond";
    margin-bottom: 1.5rem
}

.event-date-section__date-wrapper {
    background: #fff;
    border-top: 10px solid #343436;
    height: 5rem;
    width: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem
}

.event-date-section__date {
    font-weight: 900;
    font-size: 1.325rem;
    text-align: center;
    max-width: 3rem;
    text-transform: uppercase
}

.details-summary-image-background__container {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 5rem
}

.details-summary-image-background__image {
    display: none
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__image {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        object-fit: cover;
        /* height: 37.5rem; */
        z-index: -1
    }
}

.details-summary-image-background__content {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    padding: 0 3rem
}

@media only screen and (min-width: 992px) {
    .details-summary-image-background__content {
        width: 55rem
    }
}

.details-summary-image-background__main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #f7d933;
    border-bottom: 1px solid #f7d933;
    width: 100%;
    padding: 1.5rem 1.5rem 0 1.5rem
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__main-container {
        margin-bottom: 4rem;
        padding: 2rem
    }
}

.details-summary-image-background__subtitle {
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .125rem;
    color: #343436
}

.details-summary-image-background__location-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.875rem;
    width: 15rem
}

.details-summary-image-background__location-wrapper svg {
    fill: #343436;
    height: 1rem;
    margin-bottom: 1.125rem
}

.details-summary-image-background__location-title {
    display: none
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__location-title {
        display: block;
        margin-bottom: 1rem
    }
}

.details-summary-image-background__text {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
    color: #343436;
    margin-bottom: 1rem
}

.details-summary-image-background__directions-link {
    text-transform: uppercase;
    font-size: .75rem;
    border-bottom: 1px solid #343436;
    padding-bottom: .25rem
}

.details-summary-image-background__directions-link svg {
    height: .5rem;
    width: .5rem;
    fill: #343436;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__directions-link svg {
        display: none
    }
}

.details-summary-image-background__dk-contact-wrapper {
    display: none
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__dk-contact-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1.5rem
    }

    .details-summary-image-background__dk-contact-wrapper svg {
        height: 1.2rem;
        width: 1.2rem;
        margin-bottom: .75rem
    }
}

.details-summary-image-background__ctas-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__ctas-wrapper {
        flex-direction: row;
        justify-content: space-around
    }
}

.details-summary-image-background__contact-cta {
    display: grid;
    grid-template-columns: 2fr 1fr 2px 1fr;
    padding-bottom: 1rem;
    border-bottom: 0.125rem dashed rgba(149, 145, 145, 0.6);
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__contact-cta {
        display: flex;
        align-items: center;
        flex-direction: column;
        border-bottom: none
    }
}

.details-summary-image-background__contact-cta span {
    display: none
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__contact-cta span {
        display: inline
    }
}

.details-summary-image-background__contact-cta svg {
    fill: #f7d933;
    height: 1.5rem;
    width: 1.5rem
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__contact-cta svg {
        fill: #343436;
        margin-right: .75rem;
        height: 1.2rem;
        width: 1.2rem
    }
}

.details-summary-image-background__cta-title {
    transform: translateY(20%)
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__cta-title {
        margin-bottom: 1rem
    }
}

.details-summary-image-background__cta-link {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__cta-link {
        display: flex;
        align-items: center;
        text-transform: uppercase;
        margin-bottom: .5rem;
        font-weight: 600;
        letter-spacing: .125rem
    }
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__cta-link--email {
        order: 2
    }

    .details-summary-image-background__cta-link--email span {
        border-bottom: 1px solid #343436
    }
}

.details-summary-image-background__cta-divider:before {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: #f7d933
}

@media only screen and (min-width: 768px) {
    .details-summary-image-background__cta-divider {
        display: none
    }
}

.property-land-auction-recent-results__title {
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-bottom: 2rem
}

.property-land-auction-recent-results__grid {
    border-top: 1px solid #f7d933;
    padding-top: 4rem;
    max-width: 87.5rem
}

@media only screen and (min-width: 768px) {
    .property-land-auction-recent-results__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 1rem;
        width: fit-content;
        margin: 0 auto
    }
}

@media only screen and (min-width: 992px) {
    .property-land-auction-recent-results__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .property-land-auction-recent-results__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.staff-cards-slider__slider-track {
    display: grid;
    margin-bottom: 3.75rem;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center
}

@media only screen and (min-width: 992px) {
    .staff-cards-slider__slider-track {
        grid-template-columns: repeat(3, 1fr)
    }
}

.staff-cards-slider__btns {
    display: flex;
    justify-content: end
}

.staff-cards-slider__btn {
    padding: .75rem 1rem;
    background: #343436
}

.staff-cards-slider__btn--disabled {
    background: #969191
}

.staff-cards-slider__btn svg {
    width: .5rem;
    height: .75rem;
    fill: #fff
}

.image-textbox-grid {
    padding-bottom: 3rem;
    margin-bottom: 3rem
}

.image-textbox-grid__grid {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    max-width: 68.75rem;
    margin: 2rem auto 0 auto
}

@media only screen and (min-width: 768px) {
    .image-textbox-grid__grid {
        display: grid;
        grid-auto-rows: 1fr;
        grid-template-columns: repeat(2, 1fr)
    }
}

.image-textbox-grid__card {
    height: 100%
}

.image-textbox-grid__card-img-wrapper {
    height: 12rem
}

.image-textbox-grid__card-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image-textbox-grid__card-content {
    background: #343436;
    color: #fff;
    padding: 1.5rem;
    height: calc(100% - 12rem);
    display: flex;
    flex-direction: column;
    align-items: baseline
}

.image-textbox-grid__card-content ul {
    list-style: disc;
    padding-left: 20px
}

.image-textbox-grid__card-title {
    text-transform: uppercase;
    font-family: Montserrat;
    margin-bottom: 1rem;
    font-size: .875rem;
    letter-spacing: .188rem;
    line-height: 1.5;
    font-weight: 700
}

.image-textbox-grid__card-desc {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 2rem;
    flex-grow: 1
}

.image-textbox-grid__card-link {
    font-size: .75rem;
    padding: 1rem
}

@media only screen and (min-width: 576px) {
    .image-textbox-grid__card-link {
        font-size: .875rem;
        padding: 1rem 3.75rem
    }
}

.lazy-property-show-map {
    width: 100%
}

.lazy-property-show-map__placeholder {
    width: 100%;
    height: 100%;
    background: #e4e4e7
}

.js-property-show-map {
    height: 26rem;
    min-height: 26rem;
    margin-bottom: 3.5rem
}

@media only screen and (min-width: 768px) {
    .js-property-show-map {
        height: 37.75rem;
        min-height: 37.75rem
    }
}

.staff-grid__title {
    display: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: .16875rem;
    margin: 0 .75rem;
    margin-bottom: 3.375rem
}

@media only screen and (min-width: 768px) {
    .staff-grid__title {
        display: block
    }
}

.staff-grid__container {
    display: grid;
    row-gap: 2rem;
    margin-bottom: 2rem;
    justify-items: center
}

@media only screen and (min-width: 576px) {
    .staff-grid__container {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2.625rem;
        margin-bottom: 3.125rem
    }
}

@media only screen and (min-width: 992px) {
    .staff-grid__container {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .staff-grid__container {
        grid-template-columns: repeat(4, 1fr)
    }
}

.staff-grid__container--single-card {
    grid-template-columns: 1fr
}

@media only screen and (min-width: 992px) {
    .staff-grid__container--center-cards {
        display: flex;
        justify-content: center;
        column-gap: 0
    }

    .staff-grid__container--center-cards>*+* {
        margin-left: 2.625rem
    }
}

.staff-grid__pagination {
    display: grid;
    grid-template-columns: 1fr 2rem 1fr;
    width: 100%;
    justify-content: center;
    gap: 1.5rem
}

.staff-grid__pagination-btn,
.staff-grid__pagination-count {
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .0875rem;
    color: #343436
}

.staff-grid__pagination-btn {
    display: flex;
    align-items: center
}

.staff-grid__pagination-btn>*+* {
    margin-left: .5rem
}

.staff-grid__pagination-btn--prev {
    grid-column: 1;
    justify-self: end
}

.staff-grid__pagination-btn--next {
    grid-column: 3;
    justify-self: start
}

.staff-grid__pagination-btn svg {
    width: .375rem;
    height: .375rem;
    fill: #343436
}

.staff-grid__pagination-count {
    grid-column: 2;
    justify-self: center;
    white-space: nowrap
}

.staff-grid__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .staff-grid__placeholder-title {
        align-self: flex-start;
        height: 1rem;
        width: 12.75rem;
        background-color: #e4e4e7;
        margin-bottom: 3.375rem
    }
}

.staff-grid__placeholder-container {
    display: grid;
    row-gap: 2rem;
    width: 100%
}

@media only screen and (min-width: 576px) {
    .staff-grid__placeholder-container {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2.625rem
    }
}

@media only screen and (min-width: 992px) {
    .staff-grid__placeholder-container {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .staff-grid__placeholder-container {
        grid-template-columns: repeat(4, 1fr)
    }
}

.staff-grid__placeholder-card {
    background-color: #e4e4e7;
    width: 100%;
    height: 25.375rem
}

.staff-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: hidden;
    background: #f4f3ef;
    width: 100%;
    max-width: 20rem
}

.staff-card__img-link {
    width: 100%
}

.staff-card__image {
    height: 13.25rem;
    width: 100%;
    object-fit: cover;
    margin-bottom: 1rem
}

.staff-card__no-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 13.25rem;
    width: 100%;
    background-color: #ebede8;
    margin-bottom: 1rem
}

.staff-card__no-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.staff-card__no-image>*+* {
    margin-top: .25rem
}

.staff-card__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.staff-card__title {
    display: flex;
    align-items: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: .875rem;
    color: #343436;
    max-width: 17rem
}

.staff-card__title svg {
    margin-left: .5rem;
    fill: #343436;
    width: .5rem;
    height: .5rem
}

.staff-card__accreditation {
    font-family: "Cormorant Garamond", sans-serif;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    margin-top: -0.5rem
}

.staff-card__job-title {
    margin-bottom: .75rem;
    padding: 0 .5rem
}

.staff-card__job-title--mb {
    margin-bottom: 1rem
}

.staff-card__branch {
    margin-bottom: .5rem;
    line-height: 1.4;
    padding: 0 .5rem
}

.staff-card__job-title,
.staff-card__branch {
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1125rem;
    color: #343436
}

.staff-card__btn {
    width: 100%;
    background-color: #f7d933;
    padding: 1.25rem;
    text-align: center;
    letter-spacing: .1625rem;
    text-transform: uppercase;
    font-size: .875rem;
    margin-top: auto;
    font-weight: 700
}

.staff-card__btn--mobile {
    display: flex;
    align-items: center;
    justify-content: center
}

.staff-card__btn--mobile svg {
    fill: #343436;
    height: 1.5rem;
    width: 1.5rem
}

.staff-card__btn--accent {
    background-color: #f7d933
}

.staff-card__btn--accent svg {
    fill: #fff
}

.staff-card__mobile-buttons {
    display: flex;
    width: 100%;
    margin-top: auto;
    position: relative
}

.staff-card__mobile-buttons>*+* {
    margin-left: .0625rem
}

@media only screen and (min-width: 768px) {
    .staff-card__mobile-buttons {
        display: none
    }
}

.staff-card__phone-menu-mobile {
    position: absolute;
    right: 0;
    bottom: -300%;
    width: 100%;
    background: #eeeeee;
    padding: 1.25rem 1rem;
    font-weight: 600;
    transition: all .7s ease-in-out
}

.staff-card__phone-menu-mobile--show {
    bottom: 0%
}

.staff-card__phone-menu-close {
    display: flex;
    justify-content: end;
    margin-bottom: 1rem
}

.staff-card__phone-menu-close svg {
    stroke: #343436;
    height: .8rem;
    width: .8rem
}

.staff-card__phone-menu-close-btn {
    background: none
}

.staff-card__phone-list {
    display: flex;
    flex-direction: column
}

.staff-card__phone-list>*+* {
    margin-top: 1rem
}

.staff-card__phone-list-btn {
    display: flex;
    align-items: center
}

.staff-card__phone-list-btn>*+* {
    margin-left: .5rem
}

.staff-card__phone-item {
    border-bottom: 1px solid #343436;
    padding-bottom: .85rem
}

.staff-card__phone-item svg {
    fill: #343436;
    height: 1rem;
    width: 1rem
}

.staff-card__spacer {
    display: none;
    width: 100%;
    height: 3.5rem
}

@media only screen and (min-width: 768px) {
    .staff-card__spacer {
        display: block
    }
}

.staff-card__desktop-links-container {
    display: none;
    background-color: #f7d933;
    padding: 1.25rem;
    text-align: center;
    margin-top: auto;
    transition: all .5s
}

@media only screen and (min-width: 768px) {
    .staff-card__desktop-links-container {
        position: absolute;
        bottom: 0;
        transform: translateY(calc(100% - 3.2rem));
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.staff-card__desktop-links-container:hover {
    transform: translateY(0)
}

.staff-card__desktop-links-span {
    display: block;
    letter-spacing: .1625rem;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 1.25rem
}

.staff-card__desktop-links {
    display: flex;
    flex-direction: column
}

.staff-card__desktop-links>*+* {
    margin-top: .875rem
}

.staff-card__desktop-link {
    display: flex;
    align-items: center;
    font-weight: 500
}

.staff-card__desktop-link svg {
    margin-right: 8px;
    width: 1rem;
    height: 1rem;
    fill: #343436
}

.staff-card__desktop-link-spacer {
    height: 1rem;
    width: 1rem
}

.image-card-slider__placeholder {
    height: 19.5rem;
    width: 100%;
    margin-bottom: 3rem
}

.location-guides-hero {
    margin-bottom: 1.775rem
}

@media only screen and (min-width: 992px) {
    .location-guides-hero {
        margin-bottom: 2.825rem
    }
}

@media only screen and (min-width: 992px) {
    .location-guides-hero__image-container {
        position: relative
    }
}

.location-guides-hero__background {
    height: 8.375rem;
    width: 100%;
    vertical-align: bottom;
    border-bottom: .125rem solid #f7d933;
    background-color: #f7d933
}

@media only screen and (min-width: 576px) {
    .location-guides-hero__background {
        height: 13.375rem
    }
}

@media only screen and (min-width: 992px) {
    .location-guides-hero__background {
        height: 18.813rem
    }
}

.location-guides-hero__title {
    display: flex;
    align-self: center;
    align-items: center;
    flex-direction: column;
    font-size: 1.375rem;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: .18rem;
    text-transform: uppercase;
    color: #343436;
    margin-bottom: .875rem;
    margin-top: 0
}

@media only screen and (min-width: 992px) {
    .location-guides-hero__title {
        margin-bottom: 1.25rem
    }
}

.location-guides-hero__title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: 1.4rem;
    background-color: #343436
}

.location-guides-hero__title--placeholder {
    animation: 2s ease 0s normal forwards 1 textFadeIn;
    -webkit-animation: 2s ease 0s normal forwards 1 textFadeIn
}

.location-guides-hero__container {
    margin: 0 1.25rem;
    width: auto
}

@media only screen and (min-width: 992px) {
    .location-guides-hero__container {
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

.location-guides-hero__breadcrumbs {
    margin-top: 2.5rem
}

.location-guides-hero__para {
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    font-size: 1.1125rem;
    line-height: 2.125rem;
    background-color: #3e1409;
    max-width: 32rem;
    padding-bottom: 3rem
}

.location-guides-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.5rem
}

.location-guides-hero__text {
    font-size: .875rem;
    display: block;
    text-align: center;
    max-width: 60rem;
    margin: 0 auto;
    color: transparent;
    background-color: #e4e4e7
}

.location-guides-hero__text--placeholder {
    animation: 2s ease 0s normal forwards 1 textFadeIn;
    -webkit-animation: 2s ease 0s normal forwards 1 textFadeIn
}

.location-guides-results {
    margin-bottom: 4.375rem
}

.location-guides-results__searchbar-row {
    display: flex;
    margin-bottom: 2rem;
    justify-content: center
}

.location-guides-results__searchbar-wrapper {
    border: 1px solid #959191;
    height: 3rem;
    display: flex;
    padding-left: 1.125rem;
    width: 13.625rem
}

.location-guides-results__searchbar-input {
    border: none;
    height: 100%;
    width: 100%;
    font-size: .875rem
}

.location-guides-results__searchbar-btn {
    background: #f7d933;
    height: 3rem;
    width: 3rem;
    outline: 1px solid #fff;
    outline-offset: -0.125rem
}

.location-guides-results__searchbar-btn svg {
    fill: #fff
}

.location-guides-results__grid {
    display: grid;
    grid-gap: 1.5rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 768px) {
    .location-guides-results__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 992px) {
    .location-guides-results__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .location-guides-results__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.location-guides-results__pagination-btn-wrapper {
    display: flex;
    justify-content: center
}

.location-guides-results__pagination-btn {
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: #343436;
    margin-bottom: 4.375rem
}

.location-guides-results__pagination-btn svg {
    fill: #343436;
    margin: 0 .5rem
}

.location-guides-results__pagination-progress {
    margin: 0 1.5rem;
    font-size: .875rem;
    font-weight: 600;
    color: #343436
}

.location-guides-results__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100vw - 3.5rem);
    margin: 0 auto 4.375rem auto
}

@media only screen and (min-width: 992px) {
    .location-guides-results__placeholder {
        max-width: calc(100vw - 7.437rem)
    }
}

.location-guides-results__placeholder-search {
    width: 16.625rem;
    height: 3rem;
    background: #e4e4e7;
    margin-bottom: 2rem
}

.location-guides-results__placeholder-grid {
    display: grid;
    grid-gap: 1.5rem;
    width: 100%;
    max-width: 83.5rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 768px) {
    .location-guides-results__placeholder-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 992px) {
    .location-guides-results__placeholder-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .location-guides-results__placeholder-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.location-guides-results__placeholder-grid-item {
    height: 14.687rem;
    background-color: #e4e4e7
}

.location-guides-results__placeholder-pagination {
    height: 1rem;
    width: 11.25rem;
    background: #e4e4e7
}

@media only screen and (min-width: 768px) {
    .auction-contact-mobile {
        display: none
    }
}

.auction-contact-mobile__btns {
    display: flex;
    width: 100%;
    z-index: 10;
    position: fixed;
    bottom: 0
}

.auction-contact-mobile__btn {
    border: 0;
    outline: 0;
    text-align: center;
    padding: 1.5rem 1rem;
    flex-basis: 50%;
    background: #f7d933;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .125rem;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 700
}

.auction-contact-mobile__btn--full {
    border: none;
    flex-basis: 100%
}

.auction-contact-mobile__btn svg {
    fill: #fff
}

.auction-contact-mobile__register-btn {
    border-right: 1px solid #fff
}

.floorplan-modal {
    width: 100%
}

.floorplan-modal__img-wrapper {
    max-height: 25rem;
    overflow: scroll
}

.floorplan-modal__footer {
    display: grid;
    grid-template-columns: 5rem 1fr 5rem;
    align-items: center;
    margin-top: .5rem
}

.floorplan-modal__btns-container {
    display: flex;
    bottom: 0;
    right: 0
}

.floorplan-modal__floorplan-index {
    grid-column: 2/3;
    display: flex;
    justify-content: center
}

.floorplan-modal__btn {
    letter-spacing: .0625rem;
    background-color: #343436;
    padding: .75rem 1rem
}

.floorplan-modal__btn svg {
    fill: #fff;
    width: .5rem;
    height: .75rem
}

.floorplan-modal__btn--disabled {
    background-color: #969191
}

.floorplan-modal__btn--disabled:active {
    transition-duration: unset;
    transform: unset
}

.instant-valuation {
    background-color: #eeeeee
}

.instant-valuation #valuation-section {
    height: 100%;
    position: relative;
    padding: 0 1.25rem;
    background-color: #eeeeee;
    padding: 2rem 0;
    position: relative
}

@media only screen and (min-width: 768px) {
    .instant-valuation #valuation-section {
        outline: .0625rem solid #fff;
        outline-offset: -0.5rem;
        height: 100%;
        min-height: 700px;
        padding: 2rem
    }
}

@media only screen and (min-width: 992px) {
    .instant-valuation #valuation-section {
        margin-left: auto;
        margin-right: auto
    }
}

.instant-valuation #valuation-section .next-step {
    margin: 2.5rem auto 1.5rem auto
}

.instant-valuation #valuation-section .marketing-preferences {
    margin-top: 1.5rem
}

.instant-valuation #valuation-section .marketing-preferences input[type=checkbox] {
    width: unset
}

.instant-valuation #valuation-section #recently-sold-list li {
    width: unset
}

.instant-valuation .address-container,
.instant-valuation .personal-details-container,
.instant-valuation #similar-properties-form,
.instant-valuation .result-container {
    padding: 2rem 2rem 0 2rem
}

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

    .instant-valuation .address-container,
    .instant-valuation .personal-details-container,
    .instant-valuation #similar-properties-form,
    .instant-valuation .result-container {
        padding: 0 2rem
    }
}

.instant-valuation .agency-logo {
    width: 12rem;
    margin-bottom: 1.5rem;
    object-fit: contain
}

.instant-valuation .valuations-modal-close {
    position: absolute;
    top: 2rem;
    right: 2rem
}

.instant-valuation .valuations-modal-back {
    cursor: pointer;
    align-self: start;
    position: absolute;
    top: 2rem;
    left: 2rem
}

.instant-valuation .valuations-modal-back p {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .175rem;
    color: #f7d933
}

.instant-valuation h2 {
    font-size: 1.375rem;
    line-height: 1.36;
    letter-spacing: .13rem;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700
}

.instant-valuation h2:after {
    content: "";
    display: block;
    width: 4.375rem;
    height: .125rem;
    margin-top: .6875rem;
    margin-bottom: 1.25rem;
    background-color: #343436
}

.instant-valuation h3 {
    margin-bottom: 1.75rem;
    font-size: .875rem;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500
}

.instant-valuation #first-address-form,
.instant-valuation #details-form {
    display: flex;
    flex-direction: column;
    align-items: center
}

.instant-valuation #first-address-form>*+*,
.instant-valuation #details-form>*+* {
    margin-top: .75rem
}

.instant-valuation input:not(input[type=submit]),
.instant-valuation .Dropdown-control:not(input[type=submit]) {
    border: none;
    font-size: .875rem;
    padding: 1.3125rem 1.25rem;
    background: #fff;
    text-align: start;
    font-weight: 600;
    color: #343436;
    width: 100%;
    display: flex;
    align-items: center;
    padding: .82rem 1.4rem;
    height: 3.65rem
}

.instant-valuation input:not(input[type=submit])::placeholder,
.instant-valuation .Dropdown-control:not(input[type=submit])::placeholder {
    color: #343436
}

.instant-valuation input:not(input[type=submit]) .Dropdown-placeholder.is-selected,
.instant-valuation .Dropdown-control:not(input[type=submit]) .Dropdown-placeholder.is-selected {
    height: unset !important
}

.instant-valuation .detail-input {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.instant-valuation .detail-input .first_name,
.instant-valuation .detail-input .last_name {
    width: 47%
}

.instant-valuation .detail-input .first_name {
    margin-bottom: .75rem
}

.instant-valuation .Dropdown-root {
    width: 100%
}

.instant-valuation .Dropdown-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.instant-valuation .Dropdown-option {
    text-align: start;
    font-size: .875rem;
    padding: 1.3125rem 1.25rem;
    font-weight: 600
}

.instant-valuation .next-step {
    padding: 1rem;
    cursor: pointer;
    width: fit-content
}

@media only screen and (min-width: 768px) {
    .instant-valuation .next-step {
        padding: 1rem 3.5rem
    }
}

.instant-valuation .marketing-preferences {
    font-size: .875rem;
    margin-right: .4rem;
    margin-left: .4rem
}

@media only screen and (min-width: 768px) {
    .instant-valuation .marketing-preferences {
        margin-right: 1rem;
        margin-left: 1rem
    }
}

.instant-valuation .marketing-preferences .pretty {
    display: grid;
    grid-template-columns: 1fr 95%;
    align-items: start;
    text-align: start;
    margin-bottom: .75rem
}

.instant-valuation .marketing-preferences__section .pretty .state label {
    padding-left: unset !important;
    display: block
}

.instant-valuation .marketing-preferences__section .pretty input {
    width: unset !important;
    justify-self: start;
    margin-right: .6rem !important
}

@media only screen and (min-width: 768px) {
    .instant-valuation .marketing-preferences__section .pretty input {
        margin-right: unset
    }
}

.instant-valuation #similar-properties {
    display: grid;
    grid-template-columns: 1fr;
    border: none;
    grid-gap: 2rem
}

@media only screen and (min-width: 768px) {
    .instant-valuation #similar-properties {
        grid-template-columns: repeat(2, 1fr)
    }
}

.instant-valuation .similar-properties-top h4 {
    font-size: .875rem;
    margin-bottom: 1.5rem
}

.instant-valuation .similar-property {
    cursor: pointer;
    text-align: left;
    border-bottom: 2px solid #f7d933
}

.instant-valuation .similar-property__image {
    display: flex;
    flex-direction: column
}

.instant-valuation .similar-property__image img {
    width: 100%;
    object-fit: cover
}

.instant-valuation .similar-property__details {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: normal;
    margin-bottom: 1.75rem
}

.instant-valuation .similar-property__price {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.27;
    font-family: "Cormorant Garamond", serif;
    margin-top: .5rem;
    margin-bottom: .75rem
}

.instant-valuation .similar-property.selected {
    outline: 2px solid #343436;
    outline-offset: 1rem
}

.instant-valuation .sell-let-switch {
    display: flex;
    justify-content: center
}

.instant-valuation .sell-switch,
.instant-valuation .let-switch {
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 1rem;
    cursor: pointer;
    letter-spacing: .175rem
}

.instant-valuation .sell-switch.active,
.instant-valuation let-switch.active {
    font-weight: 700
}

.instant-valuation .sell-switch {
    border-right: 2px solid #343436
}

.instant-valuation #valuation-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 2rem
}

.instant-valuation #valuation-details>*+* {
    margin-top: 2.5rem
}

@media only screen and (min-width: 768px) {
    .instant-valuation #valuation-details {
        flex-direction: row
    }

    .instant-valuation #valuation-details>*+* {
        margin-left: 2.5rem;
        margin-top: 0
    }
}

.instant-valuation__price-label {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .175rem
}

.instant-valuation #price_1,
.instant-valuation #max_price_1,
.instant-valuation #min_price_1 {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.27;
    font-family: "Cormorant Garamond", serif;
    margin-top: .5rem;
    margin-bottom: .75rem
}

.instant-valuation #price_1 {
    font-size: 2.5rem
}

.instant-valuation #property_expert {
    font-size: .875rem;
    margin-bottom: 1.5rem
}

.instant-valuation #streetview-wrapper {
    height: 20rem;
    width: 100%
}

.instant-valuation #streetview-wrapper img {
    width: 100%;
    object-fit: fill
}

.instant-valuation .recently-sold h3 {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .175rem;
    margin-top: 2rem;
    line-height: 1.5
}

.instant-valuation .recently-sold p {
    font-size: .875rem;
    margin-bottom: 1rem
}

.instant-valuation #recently-sold-list {
    font-size: 1rem;
    display: grid;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr
}

@media only screen and (min-width: 768px) {
    .instant-valuation #recently-sold-list {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 5rem
    }
}

.instant-valuation #recently-sold-list li {
    display: flex;
    justify-content: space-between
}

.instant-valuation #recently-sold-list span {
    font-weight: 700
}

.instant-valuation.hf-modal {
    width: 100vw !important;
    min-height: 30rem;
    background-color: #eeeeee
}

@media only screen and (min-width: 768px) {
    .instant-valuation.hf-modal {
        height: unset !important
    }
}

@media only screen and (min-width: 992px) {
    .instant-valuation.hf-modal {
        width: 62.5rem !important
    }
}

.area-guide-section__container {
    display: flex;
    flex-direction: column;
    margin-bottom: 3.5rem
}

.area-guide-section__container>*+* {
    margin-top: 1.5rem
}

.area-guide-section__container--center {
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .area-guide-section__container {
        margin: 0 auto 3.5rem auto;
        max-width: 51rem
    }
}

@media only screen and (min-width: 992px) {
    .area-guide-section__container {
        flex-direction: row
    }

    .area-guide-section__container>*+* {
        margin-left: .5rem;
        margin-top: 0
    }
}

@media only screen and (min-width: 992px) {
    .area-guide-section__container {
        justify-content: space-evenly;
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

.double-cta-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 4.375rem;
    max-width: 23.5rem;
    position: relative;
    z-index: 0
}

@media only screen and (min-width: 1200px) {
    .double-cta-card {
        justify-content: flex-end;
        height: 40rem;
        margin-bottom: 0;
        max-width: 34.25rem
    }
}

@media only screen and (min-width: 1200px) {
    .double-cta-card {
        justify-content: center;
        height: 40rem;
        max-width: 34.25rem
    }
}

.double-cta-card__img {
    display: none;
    line-height: 0;
    position: relative;
    top: 0;
    width: 100%
}

.double-cta-card__img--mobile {
    display: block
}

@media only screen and (min-width: 992px) {
    .double-cta-card__img--mobile {
        display: none
    }
}

.double-cta-card__img--desktop {
    display: none
}

@media only screen and (min-width: 992px) {
    .double-cta-card__img--desktop {
        display: block;
        max-width: 34.25rem
    }
}

.double-cta-card__content {
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1rem 3rem;
    position: absolute;
    z-index: 1
}

@media only screen and (min-width: 1200px) {
    .double-cta-card__content {
        justify-content: end;
        padding: 4rem
    }
}

.double-cta-card__content .double-cta-card__title {
    align-self: center;
    color: #f7d933;
    margin: .875rem;
    padding: .2rem .8125rem;
    text-transform: none;
    text-align: center;
    line-height: 1
}

@media only screen and (min-width: 375px) {
    .double-cta-card__content .double-cta-card__title {
        max-width: 75%
    }
}

@media only screen and (min-width: 992px) {
    .double-cta-card__content .double-cta-card__title {
        font-size: 2rem;
        color: #fff
    }
}

@media only screen and (min-width: 1200px) {
    .double-cta-card__content .double-cta-card__title {
        font-size: 3.125rem;
        max-width: 60%
    }
}

.double-cta-card__content .double-cta-card__para {
    color: #f7d933;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem;
    text-align: center
}

.double-cta-card__cta {
    display: flex;
    justify-content: center;
    padding: 1rem 1.875rem
}

.double-cta-card__btn {
    display: flex;
    color: #343436;
    justify-content: center;
    margin: 0 1.5rem;
    margin-bottom: .625rem;
    padding: 1rem 3rem;
    white-space: nowrap
}

@media only screen and (min-width: 576px) {
    .double-cta-card__btn {
        width: 75%;
        align-self: center
    }
}

.double-cta-card__link {
    margin-right: .625rem;
    font-size: .875rem;
    line-height: 1.1875rem;
    letter-spacing: .125rem;
    color: #f7d933
}

@media only screen and (min-width: 992px) {
    .double-cta-card__link {
        font-size: 1rem;
        line-height: 1.19rem;
        letter-spacing: .15rem
    }
}

.double-cta-card__icon {
    align-items: center;
    background-color: transparent;
    display: flex;
    line-height: unset
}

.double-cta-card__icon svg {
    fill: #f7d933;
    height: .5rem;
    width: .3125rem
}

.double-cta-card--right .double-cta-card__title,
.double-cta-card--right .double-cta-card__para,
.double-cta-card--right .double-cta-card__link {
    color: #fff
}

.double-cta-card--right .double-cta-card__icon svg {
    fill: #fff
}

.double-cta-section {
    position: relative
}

@media only screen and (min-width: 992px) {
    .double-cta-section {
        margin-bottom: 4.375rem
    }
}

.double-cta-section__container {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: auto
}

@media only screen and (min-width: 992px) {
    .double-cta-section__container {
        align-items: flex-end;
        column-gap: 4rem;
        flex-direction: row;
        justify-content: center;
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

@media only screen and (min-width: 1200px) {
    .double-cta-section__container {
        column-gap: 8.5rem
    }
}

@media only screen and (min-width: 992px) {
    .double-cta-section__background {
        background-color: #eeeeee;
        bottom: 0;
        height: 16rem;
        margin: auto 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -2
    }
}

@media only screen and (min-width: 1200px) {
    .double-cta-section__background {
        height: 20rem
    }
}

.double-cta-section__background-img {
    display: none
}

@media only screen and (min-width: 992px) {
    .double-cta-section__background-img {
        display: inline-block;
        bottom: 0;
        height: 20rem;
        margin: auto 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
        object-fit: cover
    }
}

.quote-section__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.quote-section__quotemark svg {
    fill: #343436;
    height: 3.75rem;
    margin-bottom: 1.5rem;
    width: 3.125rem
}

.quote-section__quote {
    max-width: 55rem;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #343436
}

.quote-section__quote p {
    margin-bottom: 1.875rem;
    font-family: "Cormorant Garamond", serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem
}

@media only screen and (min-width: 992px) {
    .quote-section__quote p {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.quote-section__signature-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.75rem
}

.quote-section__signature {
    display: flex;
    max-width: 12rem;
    align-items: center;
    margin-bottom: 1.5rem;
    line-height: unset;
    background-color: transparent
}

.quote-section__signature svg {
    fill: #343436;
    stroke: inherit
}

.quote-section__para {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem
}

.quote-section__span {
    color: #343436
}

.related-areas {
    display: flex;
    flex-direction: column
}

.related-areas__section {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #eeeeee;
    color: #343436;
    padding: .875rem 0
}

.related-areas__container {
    width: auto
}

@media only screen and (min-width: 992px) {
    .related-areas__container {
        max-width: 90rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 3.25rem
    }
}

.related-areas__list {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.85);
    width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .875rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.related-areas__list::-webkit-scrollbar {
    display: none
}

@media only screen and (min-width: 992px) {
    .related-areas__list {
        background-color: #eeeeee;
        padding: .5rem;
        width: auto
    }
}

.related-areas__title {
    font-size: 1.375rem
}

.related-areas__title--mobile {
    align-self: center;
    margin-bottom: .75rem
}

@media only screen and (min-width: 992px) {
    .related-areas__title--mobile {
        display: none
    }
}

.related-areas__title--desktop {
    display: none
}

@media only screen and (min-width: 992px) {
    .related-areas__title--desktop {
        display: block;
        margin-right: 1rem
    }
}

@media only screen and (min-width: 1200px) {
    .related-areas__title--desktop {
        margin-right: 3.125rem
    }
}

.related-areas__li {
    font-family: Montserrat;
    font-size: .75rem;
    line-height: 1.375rem;
    letter-spacing: .15rem;
    font-weight: 600;
    text-transform: uppercase;
    opacity: .6;
    margin-right: 3.125rem
}

@media only screen and (min-width: 992px) {
    .related-areas__li {
        margin-right: 1rem
    }
}

@media only screen and (min-width: 1200px) {
    .related-areas__li {
        margin-right: 3.125rem
    }
}

.related-areas__li--active {
    font-weight: 700;
    opacity: 1
}

.related-areas__li--active::after {
    content: "►";
    position: relative;
    height: .25rem;
    width: .5rem;
    margin-left: .5rem;
    color: inherit
}

.related-areas__link {
    display: block;
    text-align: center;
    white-space: nowrap
}

@media only screen and (min-width: 992px) {
    .related-areas__link {
        width: 9.375rem;
        white-space: initial
    }
}

@media only screen and (min-width: 1200px) {
    .related-areas__link {
        width: auto
    }
}

.related-areas__placeholder {
    width: 100%;
    height: 4.875rem
}

.template-two.cms-page-hero {
    background-color: #3e1409;
    margin-bottom: 0
}

.template-two.cms-page-hero .cms-page-hero__title {
    color: #fff
}

.template-two.cms-page-hero .cms-page-hero__title::after {
    background-color: #fff
}

.template-two.cms-page-hero .cms-page-hero__content .cms-page-category__text {
    display: inline-block;
    max-width: 32rem;
    padding-bottom: 3rem;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    color: #fff;
    font-size: 1.1125rem;
    line-height: 2.125rem;
    background-color: #3e1409
}

@media only screen and (min-width: 992px) {
    .template-two.cms-page-hero .cms-page-hero__image-container {
        height: 70vh
    }
}

.template-two.cms-page-hero .cms-page-hero__image {
    border-bottom: .2rem solid #f7d933
}

@media only screen and (min-width: 992px) {
    .template-two.cms-page-hero .cms-page-hero__image {
        height: 65vh
    }
}

.template-two.cms-page-hero .breadcrumbs__breadcrumb {
    color: #fff
}

.template-two.cms-page-hero .breadcrumbs svg {
    stroke: #fff
}

.single-img-textbox {
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .single-img-textbox {
        width: 80%
    }
}

@media only screen and (min-width: 992px) {
    .single-img-textbox {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
        -webkit-justify-content: flex-end;
        min-height: 27.6rem
    }
}

@media only screen and (min-width: 992px) {
    .single-img-textbox--reversed {
        justify-content: start
    }
}

@media only screen and (min-width: 1200px) {
    .single-img-textbox {
        min-height: 30rem
    }
}

.single-img-textbox__img {
    width: 100%;
    object-fit: cover;
    min-height: 10rem
}

@media only screen and (min-width: 768px) {
    .single-img-textbox__img {
        min-height: 20rem
    }
}

@media only screen and (min-width: 992px) {
    .single-img-textbox__img {
        width: 60%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }
}

@media only screen and (min-width: 992px) {
    .single-img-textbox__img--reversed {
        right: 0;
        left: auto
    }
}

.single-img-textbox__img-overlay {
    background: #343436;
    opacity: .9;
    color: #fff;
    padding: 1.53rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    object-fit: cover
}

.single-img-textbox__img-overlay>*+* {
    margin-top: 1rem
}

@media only screen and (min-width: 375px) {
    .single-img-textbox__img-overlay {
        left: 0
    }
}

@media only screen and (min-width: 576px) {
    .single-img-textbox__img-overlay {
        position: absolute;
        bottom: .25rem;
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .single-img-textbox__img-overlay {
        display: none
    }
}

.single-img-textbox__img-overlay svg {
    fill: #fff;
    margin-left: .875rem
}

.single-img-textbox__mobile-subheading {
    font-family: Montserrat;
    font-size: .875rem;
    letter-spacing: .188rem;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700
}

.single-img-textbox__list-title {
    font-size: .875rem;
    color: #fff;
    font-weight: 500
}

.single-img-textbox__list {
    color: #fff;
    list-style: square;
    margin-left: 1rem
}

.single-img-textbox__list-item {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 400
}

.single-img-textbox__mobile-text {
    font-weight: 400;
    line-height: 1.5;
    font-size: .875rem
}

.single-img-textbox__link-btn {
    padding: 1rem;
    font-size: .75rem;
    align-self: start
}

@media only screen and (min-width: 576px) {
    .single-img-textbox__link-btn {
        padding: 1rem 3.75rem;
        font-size: .875rem
    }
}

.single-img-textbox__link-btn--reversed {
    align-self: end
}

.single-img-textbox__desktop-cta {
    display: none
}

@media only screen and (min-width: 992px) {
    .single-img-textbox__desktop-cta {
        background: #343436;
        height: fit-content;
        width: 65%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3rem 4.5rem
    }
}

@media only screen and (min-width: 1200px) {
    .single-img-textbox__desktop-cta {
        width: 50%
    }
}

.single-img-textbox__desktop-cta-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.single-img-textbox__desktop-cta-content>*+* {
    margin-top: 1rem
}

@media only screen and (min-width: 992px) {
    .single-img-textbox__desktop-cta-content--reversed {
        text-align: end
    }
}

.single-img-textbox__desktop-subheading {
    color: #fff;
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-family: Montserrat;
    margin-bottom: 1.25rem;
    font-weight: 700
}

.single-img-textbox__desktop-text {
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 2rem
}

@media only screen and (min-width: 1200px) {
    .single-img-textbox__desktop-text {
        font-size: 1rem
    }
}

.single-img-textbox-section__content {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5rem
}

.single-img-textbox-section__title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.single-img-textbox-section__title {
    color: #343436;
    font-size: 1.375rem;
    font-family: Montserrat;
    letter-spacing: .188rem;
    font-weight: 600;
    text-transform: uppercase
}

.single-img-textbox-section__separator {
    border-bottom: 2px solid #343436;
    width: 5.25rem;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 768px) {
    .single-img-textbox-section__separator {
        margin-bottom: 3.625rem
    }
}

.generic-custom-form {
    margin-bottom: 3.375rem
}

.form__content-generic {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1.25rem;
    color: #343436;
    margin-bottom: 4.5rem
}

.form__content-generic .form__title {
    font-family: Montserrat;
    font-size: .875rem;
    letter-spacing: .125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.form__content-generic .form__group {
    position: relative
}

.form__content-generic .form__group-input {
    position: relative
}

.form__content-generic .form__group--select .form__control {
    appearance: none;
    -webkit-appearance: none
}

.form__content-generic .form__group--select .form__select-arrow::after {
    content: url("/liquid_assets/images/icons/chevron-down-solid-icon.svg");
    font-size: 1rem;
    bottom: 2.125rem;
    right: .75rem;
    position: absolute;
    pointer-events: none
}

.form__content-generic .form__file-validation-wrapper {
    display: none;
    border: 1px solid #ccc;
    padding: .875rem;
    position: absolute;
    z-index: 10;
    background: #fff;
    left: 4rem;
    top: 3.5rem;
    border-radius: .5rem
}

.form__content-generic .form__file-validation-pointer {
    min-height: .625rem;
    min-width: .625rem;
    width: .625rem;
    position: absolute;
    top: -0.3125rem;
    transform: rotate(45deg);
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb
}

.form__content-generic .form__content {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: .75rem
}

@media only screen and (min-width: 768px) {
    .form__content-generic .form__content {
        width: 40.75rem
    }
}

.form__content-generic .form__group.full {
    grid-column: span 2
}

.form__content-generic .form__control {
    background: #ebede8;
    border: none;
    height: 3.5rem;
    width: 100%;
    margin-bottom: .875rem;
    padding: 1.25rem 1.25rem;
    font-size: .75rem;
    color: #343436
}

@media only screen and (min-width: 768px) {
    .form__content-generic .form__control {
        font-size: .875rem
    }
}

.form__content-generic .form__control--file {
    position: absolute;
    top: -0.8rem;
    opacity: 0
}

.form__content-generic .form__label {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .75rem
}

.form__content-generic .form__label--file {
    text-transform: uppercase;
    padding: 0;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .125rem;
    color: #343436;
    cursor: pointer;
    width: 100%;
    display: flex
}

@media only screen and (min-width: 768px) {
    .form__content-generic .form__label--file {
        padding: 0 1.25rem
    }
}

.form__content-generic .form__label--file svg {
    height: 2rem;
    fill: #f7d933;
    margin-right: .5rem
}

.form__content-generic .form__group--file {
    padding-top: .75rem
}

.form__content-generic .form__label--file-name svg {
    display: none
}

.form__content-generic .form__label--file-content {
    display: flex;
    flex-direction: column;
    padding-top: 1.2rem
}

.form__content-generic .form__label--file-content--pt-0 {
    padding-top: 0
}

.form__content-generic .form__label--file-upload-text {
    margin-bottom: .3rem
}

.form__content-generic .form__label--file-upload-icon svg {
    height: .6rem;
    fill: #343436;
    margin-right: 0
}

.form__content-generic .form__label--file-upload-icon--error svg {
    fill: none;
    stroke: #d9291c
}

.form__content-generic .form__label--file-name {
    text-transform: lowercase;
    font-size: .75rem;
    font-weight: 500;
    color: #343436
}

.form__content-generic .form__label--file-name--error {
    color: #d9291c
}

.form__content-generic .form__toggle-label-text {
    margin-left: .5rem;
    line-height: 1.5
}

.form__content-generic .form__toggle-label-text a {
    color: #f7d933;
    text-decoration: underline
}

.area_guide_show_hero {
    position: relative;
    z-index: 2;
    margin-top: 3.812rem
}

@media only screen and (min-width: 768px) {
    .area_guide_show_hero {
        padding: 0;
        margin-top: 3.75rem
    }
}

.area_guide_show_hero__image-container {
    position: relative;
    height: 10.625rem;
    width: 100vw;
    overflow-y: hidden
}

@media only screen and (min-width: 768px) {
    .area_guide_show_hero__image-container {
        height: 23.375rem
    }
}

.area_guide_show_hero__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-bottom: solid .1875rem #eeeeee
}

.area_guide_show_hero__no-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: #ebede8;
    border-bottom: solid .1875rem #eeeeee
}

.area_guide_show_hero__no-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.area_guide_show_hero__no-image>*+* {
    margin-top: .25rem
}

.area_guide_show_hero__no-image svg {
    fill: #eeeeee;
    width: 2rem;
    height: 2rem
}

.area_guide_show_hero__no-image-span {
    font-size: .875rem;
    text-transform: uppercase;
    color: #eeeeee
}

.area_guide_show_hero__image-graphic-container {
    position: absolute;
    bottom: -55%;
    height: 9rem;
    width: 100%;
    padding: 0 2rem
}

@media only screen and (min-width: 768px) {
    .area_guide_show_hero__image-graphic-container {
        display: flex;
        justify-content: center;
        bottom: -80%;
        height: 26.25rem
    }
}

.area_guide_show_hero__image-graphic {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 100%;
    border: solid .1875rem #eeeeee
}

@media only screen and (min-width: 768px) {
    .area_guide_show_hero__image-graphic {
        max-width: 54.125rem
    }
}

.area_guide_show_hero__title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 3.125rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    position: relative
}

@media only screen and (min-width: 768px) {
    .area_guide_show_hero__title-container {
        margin-bottom: 4.25rem;
        margin-top: -2.75rem
    }
}

.area_guide_show_hero__breadcrumbs-container {
    display: none
}

@media only screen and (min-width: 992px) {
    .area_guide_show_hero__breadcrumbs-container {
        position: absolute;
        top: 45%;
        display: flex;
        align-items: center;
        left: 3.25rem
    }

    .area_guide_show_hero__breadcrumbs-container>*+* {
        margin-left: .5rem
    }
}

.area_guide_show_hero__breadcrumbs-container svg {
    height: .375rem;
    width: .375rem;
    stroke: #343436
}

.area_guide_show_hero__bread-crumb {
    font-size: .75rem;
    color: #343436
}

.area_guide_show_hero__bread-crumb--active {
    font-weight: 700
}

.area_guide_show_hero__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2rem;
    margin: 0;
    color: #343436;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: normal;
    text-transform: unset
}

@media only screen and (min-width: 768px) {
    .area_guide_show_hero__title {
        font-size: 3.125rem
    }
}

.area_guide_show_hero__title::after {
    content: "";
    width: 4.375rem;
    height: .125rem;
    margin-top: .6875rem;
    margin-bottom: 1rem;
    background-color: #343436
}

.area_guide_show_hero__sub-title {
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .175rem
}

.area_guide_show_hero__paragraph {
    font-size: .875rem;
    max-width: 40.75rem;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .area_guide_show_hero__paragraph--mobile {
        display: none
    }
}

.area_guide_show_hero__paragraph--desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .area_guide_show_hero__paragraph--desktop {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .alternating-image-sections-type-2__content {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.staff-cards {
    display: flex;
    flex-direction: column
}

.staff-cards__grid {
    display: grid;
    gap: 2rem;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .staff-cards__grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2.625rem
    }
}

@media only screen and (min-width: 992px) {
    .staff-cards__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1200px) {
    .staff-cards__grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.auction-event-card {
    display: flex;
    justify-content: center;
    margin: 5rem 0
}

.auction-event-card__container {
    width: 100%;
    background: #eeeeee;
    padding: 2rem 1.25rem 4rem 1.25rem
}

@media only screen and (min-width: 768px) {
    .auction-event-card__container {
        display: flex;
        padding: 1.325rem
    }

    .auction-event-card__container>*+* {
        margin-left: 2rem
    }
}

@media only screen and (min-width: 992px) {
    .auction-event-card__container {
        max-width: 63rem
    }
}

.auction-event-card__main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 50%;
    justify-content: space-between
}

.auction-event-card__desktop-img-wrapper {
    display: none
}

@media only screen and (min-width: 768px) {
    .auction-event-card__desktop-img-wrapper {
        display: block;
        flex-basis: 50%;
        min-height: 22.25rem
    }
}

.auction-event-card__subtitle {
    font-size: .875rem;
    margin-bottom: 1.75rem;
    line-height: 1.2;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .auction-event-card__subtitle {
        margin: 2rem 0 0 0
    }
}

.auction-event-card__mobile-img-wrapper {
    height: 10.25rem;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .auction-event-card__mobile-img-wrapper {
        display: none
    }
}

.auction-event-card__img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.auction-event-card__text-content {
    width: 100%;
    background: #fff;
    padding: 1rem 2rem 1.75rem 2rem
}

@media only screen and (min-width: 768px) {
    .auction-event-card__text-content {
        max-width: 22rem;
        background: none
    }
}

.auction-event-card__title {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    margin-bottom: .75rem
}

@media only screen and (min-width: 768px) {
    .auction-event-card__title {
        font-size: 2.5rem
    }
}

.auction-event-card__details-wrapper {
    border-top: 1px solid #f7d933;
    border-bottom: 1px solid #f7d933;
    padding: .675rem 0
}

.auction-event-card__date,
.auction-event-card__address {
    font-family: Montserrat;
    font-size: .875rem;
    text-align: center
}

.auction-event-card__date {
    font-weight: 700
}

.auction-event-card__address {
    font-weight: 500
}

.auction-event-card__btns-wrapper {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .auction-event-card__btns-wrapper {
        grid-template-columns: 1fr .5rem 1fr
    }
}

.auction-event-card__link {
    padding: 1rem;
    background: #f7d933;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .125rem
}

.auction-event-card__link-divider:after {
    content: "";
    background: #fff;
    height: 100%;
    width: 1px
}

.branch-details {
    display: flex;
    flex-direction: column;
    max-width: 63rem;
    padding: 2.5rem;
    border-top: .0625rem solid #f7d933;
    border-bottom: .0625rem solid #f7d933;
    margin: 0 auto 3.125rem auto
}

@media only screen and (min-width: 768px) {
    .branch-details {
        flex-direction: row;
        margin-bottom: 6.5625rem
    }

    .branch-details>*+* {
        margin-left: 2.5rem
    }
}

.branch-details__opening-hours {
    display: flex;
    flex-direction: column;
    align-items: center
}

.branch-details__opening-hours svg {
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    fill: #343436;
    margin-bottom: 1rem
}

@media only screen and (min-width: 768px) {
    .branch-details__opening-hours {
        order: 2;
        width: 100%
    }

    .branch-details__opening-hours svg {
        display: block
    }
}

.branch-details__opening-hours-list {
    display: flex;
    flex-direction: column;
    align-items: center
}

.branch-details__opening-hours-list>*+* {
    margin-top: .875rem
}

.branch-details__opening-hours-list-item {
    font-size: .875rem
}

.branch-details__location {
    display: flex;
    flex-direction: column;
    align-items: center
}

.branch-details__location svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #343436;
    margin-bottom: 1rem
}

@media only screen and (min-width: 768px) {
    .branch-details__location {
        order: 1;
        width: 100%
    }
}

.branch-details__sub-title {
    font-size: .875rem;
    color: #343436;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1.25rem
}

.branch-details__location-address {
    font-size: .875rem;
    color: inherit;
    text-align: center;
    margin-bottom: 2rem
}

@media only screen and (min-width: 768px) {
    .branch-details__location-address {
        font-size: 1rem;
        margin-bottom: 1rem
    }
}

.branch-details__location-directions-link {
    display: flex;
    align-items: center;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .1125rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.branch-details__location-directions-link>*+* {
    margin-left: .5rem
}

.branch-details__location-directions-link svg {
    width: .5rem;
    height: .5rem;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .branch-details__location-directions-link {
        margin-bottom: 0;
        padding-bottom: .25rem;
        border-bottom: .0625rem solid #343436;
        font-weight: 500
    }

    .branch-details__location-directions-link svg {
        display: none
    }
}

.branch-details__contact {
    display: none
}

@media only screen and (min-width: 768px) {
    .branch-details__contact {
        order: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%
    }
}

.branch-details__contact svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #343436;
    margin-bottom: 1rem
}

.branch-details__contact-phone-number,
.branch-details__contact-email {
    display: flex;
    align-items: center;
    font-size: 1rem;
    margin-bottom: 1rem
}

.branch-details__contact-phone-number svg,
.branch-details__contact-email svg {
    margin-right: .5rem;
    margin-top: 0;
    margin-bottom: 0;
    width: 1rem;
    height: 1rem
}

.branch-details__contact-email {
    padding-bottom: .25rem;
    border-bottom: .0625rem solid #343436;
    text-transform: uppercase;
    letter-spacing: .1125rem;
    font-size: .875rem
}

.branch-details-back-link {
    display: flex;
    justify-content: center;
    margin-bottom: 4.375rem
}

.branch-details-back-link__link {
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    letter-spacing: .175rem;
    text-transform: uppercase;
    font-weight: 600
}

.branch-details-back-link__link svg {
    margin-right: .5rem;
    height: .5rem;
    width: .5rem;
    fill: #343436
}

.staff-contact-buttons {
    display: flex;
    background-color: #f7d933;
    justify-content: space-around;
    width: 100%;
    z-index: 10;
    position: fixed;
    bottom: 0
}

.staff-contact-buttons--email,
.staff-contact-buttons--phone {
    width: 50%;
    display: flex;
    justify-content: center
}

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

    .staff-contact-buttons--email,
    .staff-contact-buttons--phone {
        display: none
    }
}

.staff-contact-buttons--email a svg,
.staff-contact-buttons--phone a svg {
    fill: #fff;
    height: 1.419rem;
    padding: 1.063rem 0
}

.staff-contact-buttons--email {
    border-right: 1px solid #fff
}

.staff-contact-buttons--phone {
    position: relative
}

.staff-contact-buttons__phone-btn {
    background: none
}

.staff-contact-buttons__phone-btn svg {
    fill: #fff;
    height: 1.419rem;
    padding: 1.063rem 0
}

.staff-contact-buttons__phone-menu {
    position: absolute;
    right: 0;
    bottom: -450%;
    width: 100vw;
    background: #eeeeee;
    padding: 1.25rem 1rem;
    font-weight: 600;
    transition: all .7s ease-in-out
}

@media only screen and (min-width: 576px) {
    .staff-contact-buttons__phone-menu {
        width: 100%
    }
}

.staff-contact-buttons__phone-menu--show {
    bottom: 0%
}

.staff-contact-buttons__phone-menu-close {
    display: flex;
    justify-content: end;
    margin-bottom: 1rem
}

.staff-contact-buttons__phone-menu-close svg {
    stroke: #343436;
    height: .8rem;
    width: .8rem
}

.staff-contact-buttons__phone-menu-close-btn {
    background: none
}

.staff-contact-buttons__phone-list {
    display: flex;
    flex-direction: column
}

.staff-contact-buttons__phone-list>*+* {
    margin-top: 1rem
}

.staff-contact-buttons__phone-list-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.staff-contact-buttons__phone-list-btn>*+* {
    margin-left: .5rem
}

@media only screen and (min-width: 576px) {
    .staff-contact-buttons__phone-list-btn {
        justify-content: start
    }
}

.staff-contact-buttons__phone-item {
    border-bottom: 1px solid #343436;
    padding-bottom: .85rem
}

.staff-contact-buttons__phone-item .staff-contact-buttons__phone-list-btn svg {
    fill: #343436;
    height: 1rem;
    width: 1rem
}

.staff-contact-buttons--desktop {
    display: none;
    background-color: #f7d933;
    transform: rotate(-90deg);
    width: fit-content;
    transform-origin: left;
    left: calc(100% - 1.96rem);
    position: fixed;
    top: 85vh
}

@media only screen and (min-width: 992px) {
    .staff-contact-buttons--desktop {
        display: block
    }
}

.staff-contact-buttons--desktop .desktop-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.staff-contact-buttons--desktop .desktop-wrapper svg {
    height: 1rem;
    transform: rotate(90deg);
    fill: #fff;
    padding-top: 1.875rem
}

.staff-contact-buttons--desktop .desktop-wrapper--email {
    font-family: Montserrat;
    font-size: .813rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.77;
    letter-spacing: .163rem;
    white-space: nowrap;
    color: #fff;
    padding: 1.25rem 1.875rem;
    text-transform: uppercase
}