/* @group Neighborhood
------------------------------------ */
.page-neighborhoods .large-header {
    background: rgba(26, 46, 87, 1);
    margin-bottom: 8.8rem;
}

.page-neighborhoods .large-header h1 em {
    color: rgba(243, 190, 169, 1);
    font-weight: 100;
}

/* Main
----------------------*/
.neighborhood-main {
    margin: 0 0 5.8rem;
}

.neighborhood-main h2 {
    color: rgba(26, 46, 87, 1);
    font-size: 3.6em;
    font-weight: 800;
    margin: 0 0 2rem;
}

.neighborhood-main p {
    color: rgba(0, 100, 163, 1);
    font-size: 1.6em;
    letter-spacing: 0.77px;
    line-height: 1.929em;
}

/* List
----------------------*/
.neighborhood-list {
    margin: 0 0 10.9rem;
}

.neighborhood-list h2 {
    color: rgba(26, 46, 87, 1);
    font-size: 3.6em;
    font-weight: 800;
    margin: 0 0 2rem;
}

.neighborhood-list p {
    color: rgba(0, 100, 163, 1);
    font-size: 1.6em;
    letter-spacing: 0.77px;
    line-height: 1.929em;
}

/* Filter
----------------------*/
.neighborhood-filter {
    margin-bottom: 4.2rem;
}

.neighborhood-filter button {
    background: rgba(241, 201, 119, 1);
    color: rgba(26, 46, 87, 1);
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 2.143em;
    height: 5.9rem;
    text-transform: uppercase;
}

.neighborhood-filter button.active {
    background: rgba(26, 46, 87, 1);
    color: rgba(255, 255, 255, 1);
}

/* List Sections
----------------------*/
.neighborhood-list .list-view {}

.neighborhood-list .list-view h3 {
    color: rgba(26, 46, 87, 1);
    font-size: 2.4em;
    font-weight: 800;
    letter-spacing: 0.63px;
    line-height: 1.250em;
    margin: 0 0 1rem;
}

.neighborhood-list .list-view header p {}

/* List Items
----------------------*/
.neighborhood-list .list-item {
    margin-bottom: 4.9rem;
}

.neighborhood-list .list-item .box {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.23);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s linear;
    -moz-transition: -moz-transform 0.3s linear;
    -ms-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
}

.neighborhood-list .list-item .img-box {
    height: 23.3rem;
}

.neighborhood-list .list-item .img-box::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .35) 100%);
}

.neighborhood-list .list-item .content {
    padding: 2.2rem;
}

.neighborhood-list .list-item h3 {
    color: rgba(26, 46, 87, 1);
    font-size: 2em;
    letter-spacing: 0.43px;
    line-height: 1.250em;
    margin: 0;
}

.neighborhood-list .list-item h6 {
    color: rgba(0, 178, 221, 1);
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: 0.09px;
    line-height: 1.667em;
    margin: 0 0 1rem;
}

.neighborhood-list .list-item p {
    color: rgba(26, 46, 87, 1);
    font-weight: 700;
    letter-spacing: 0.1px;
    line-height: 1.429em;
    margin: 0;
}

.neighborhood-list .list-item .bttn {
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 2.4px;
    line-height: 1.250em;
    text-align: center;
    padding: 1rem 0;
    width: 100%;
    margin-top: auto;
}

.neighborhood-list .slick-button {
    color: rgba(241, 201, 119, 1);
    font-size: 1em;
    height: 3.5rem;
    width: 3.5rem;
    background: linear-gradient(180deg, rgba(26, 61, 116, 1) 0%, rgba(23, 44, 89, 1) 100%);
    position: absolute;
    right: 0;
    z-index: 2;
    overflow: hidden;
}

.neighborhood-list .slick-prev {
    top: 11.7rem;
}

.neighborhood-list .slick-next {
    top: 8.1rem;
}

.neighborhood-list .slick-dots {
    bottom: 1.3rem;
    padding: 0 1.6rem;
}

.slick-dots li:not(.slick-active) button {
    background: rgba(255, 255, 255, 1);
}

.slick-dots .slick-active button {
    border-color: rgba(241, 201, 119, 1);
}

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

    /* Main
  ----------------------*/
    .neighborhood-main header p {
        max-width: 75rem;
        margin: 0 auto 6rem;
    }

    .neighborhood-main header.center h2,
    .neighborhood-main header p {
        opacity: 0;
        visibility: hidden;
    }

    .neighborhood-main.animateActive header.center h2,
    .neighborhood-main.animateActive header p {
        animation: textUp .5s 1 cubic-bezier(0.4, 0.0, 0.2, 1) forwards;
    }

    .neighborhood-main.animateActive header p {
        animation-delay: .4s;
    }

    /* List
  ----------------------*/
    .neighborhood-list {
        min-height: 600px;
    }

    .neighborhood-list p {
        max-width: 82rem;
        margin: 0 auto 4rem;
    }

    /* Filter
  ----------------------*/
    .Mozilla.v11 .neighborhood-filter button:hover,
    .Explorer .neighborhood-filter button:hover {
        background: rgba(26, 46, 87, 1);
        color: rgba(255, 255, 255, 1);
    }

    @media (hover: hover) {
        .neighborhood-filter button:hover {
            background: rgba(26, 46, 87, 1);
            color: rgba(255, 255, 255, 1);
        }
    }

    /* List Items
  ----------------------*/
    .neighborhood-list .list-view .row {
        width: calc(100% + 9rem);
        left: -4.5rem;
        position: relative;
        max-width: none;
    }

    .neighborhood-list .list-item {
        padding: 0 4.5rem;
    }

    .neighborhood-list .slick-button::after {
        background: rgba(255, 255, 255, .4);
        content: '';
        height: 15.5rem;
        left: -7.5rem;
        opacity: .2;
        position: absolute;
        top: -5rem;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 5rem;
    }

    .Mozilla.v11 .neighborhood-list .list-item .box:hover,
    .Explorer .neighborhood-list .list-item .box:hover {
        -webkit-transform: scale(1.025);
        transform: scale(1.025);
    }

    .Mozilla.v11 .neighborhood-list .slick-button:hover::after,
    .Explorer .neighborhood-list .slick-button:hover::after {
        left: 120%;
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }

    .Mozilla.v11 .neighborhood-list .slick-prev:hover,
    .Explorer .neighborhood-list .slick-prev:hover {
        text-indent: -8px;
    }

    .Mozilla.v11 .neighborhood-list .slick-next:hover,
    .Explorer .neighborhood-list .slick-next:hover {
        text-indent: 8px;
    }

    @media (hover: hover) {
        .neighborhood-list .list-item .box:hover {
            -webkit-transform: scale(1.025);
            transform: scale(1.025);
        }

        .neighborhood-list .slick-button:hover::after {
            left: 120%;
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        }

        .neighborhood-list .slick-prev:hover {
            text-indent: -8px;
        }

        .neighborhood-list .slick-next:hover {
            text-indent: 8px;
        }
    }
}

@media only screen and (min-width : 961px) and (max-width : 1440px) {}

@media only screen and (min-width : 0) and (max-width : 960px) {
    .page-neighborhoods .large-header {
        margin-bottom: 9.6rem;
    }

    /* Main
  ----------------------*/
    .neighborhood-main {
        margin: 0;
    }

    .neighborhood-main h2 {
        font-size: 5em;
        letter-spacing: 1.07px;
        line-height: 1.040em;
        margin: 0 0 1.5rem;
    }

    .neighborhood-main p {
        font-size: 2.6em;
        letter-spacing: 0.56px;
        line-height: 1.694em;
        margin: 0 0 9.9rem;
    }

    /* List
  ----------------------*/
    .neighborhood-list {
        margin: 0;
    }

    .neighborhood-list h2 {
        font-size: 5em;
        letter-spacing: 1.07px;
        line-height: 1.040em;
        margin: 0 0 1rem;
    }

    .neighborhood-list p {
        font-size: 2.6em;
        letter-spacing: 0.56px;
        line-height: 1.694em;
        margin: 0 0 10.7rem;
    }

    /* List Sections
  ----------------------*/
    .neighborhood-list .list-view {
        position: relative;
        left: auto;
        top: auto;
        opacity: 1;
        visibility: visible;
        padding: 0;
        margin: 0 0 13rem;
    }

    .neighborhood-list .list-view header {
        background: rgba(237, 248, 251, 1);
        padding: 6.2rem 4.1rem 4.9rem;
        margin: 0 0 10.5rem;
    }

    .neighborhood-list .list-view h3 {
        font-size: 4em;
        letter-spacing: 2.22px;
        line-height: 1em;
        margin: 0 0 2.5rem;
    }

    .neighborhood-list .list-view header p {
        margin: 0;
    }

    /* List Items
  ----------------------*/
    .neighborhood-list .list-item {
        padding: 0 5.5rem;
        margin-bottom: 7.9rem;
    }

    .neighborhood-list .list-item .img-box {
        height: 44.5rem;
    }

    .neighborhood-list .list-item .content {
        padding: 4.3rem 4.3rem 2.5rem;
    }

    .neighborhood-list .list-item h3 {
        font-size: 3.6em;
        letter-spacing: 0.77px;
        line-height: 1em;
        margin: 0;
    }

    .neighborhood-list .list-item h6 {
        font-size: 2.2em;
        letter-spacing: 0.16px;
        line-height: 1em;
        margin: 0 0 2.4rem;
    }

    .neighborhood-list .list-item p {
        font-size: 2.6em;
        letter-spacing: 0.19px;
        line-height: 1.231em;
        max-width: 46rem;
    }

    .neighborhood-list .list-item .bttn {
        font-size: 2.4em;
        font-weight: 600;
        letter-spacing: 4.8px;
        line-height: 1.210em;
        padding: 2.5rem 0 2.6rem;
    }

    .neighborhood-list .slick-button {
        font-size: 1.7em;
        height: 7rem;
        width: 7rem;
    }

    .neighborhood-list .slick-prev {
        top: 22rem;
    }

    .neighborhood-list .slick-next {
        top: 14.8rem;
    }

    .neighborhood-list .slick-dots {
        bottom: 2.7rem;
        padding: 0 3rem;
    }

    .slick-dots .slick-active button {
        border-color: rgba(241, 201, 119, 1);
    }
}

/* Download Section */

.download__overview {
    margin-bottom: 11.5rem;
}

.download__overview__wrapper {
    text-align: center;
}

.download__overview h2 {
    color: rgba(26, 46, 87, 1);
    font-size: 3.6em;
    font-weight: 800;
    margin: 0 0 2rem;
}

.download__overview p {
    color: rgba(0, 100, 163, 1);
    font-size: 1.6em;
    letter-spacing: 0.77px;
    line-height: 1.929em;
}

@media only screen and (min-width: 0) and (max-width: 960px) {
    .download__overview h2 {
        font-size: 5em;
        letter-spacing: 1.07px;
        line-height: 1.040em;
        margin: 0 0 1.5rem;
    }

    .download__overview p {
        font-size: 2.6em;
        letter-spacing: 0.56px;
        line-height: 1.694em;
        margin: 0 0 3rem;
    }
}

@media only screen and (min-width: 961px) {
    .download__overview p {
        max-width: 84rem;
        margin: 0 auto 3rem;
    }
}

/* @end */

/* 2023 */
/* Neighborhood */
.where-dreams {
    position: relative;
    isolation: isolate;
    margin: 0 0 10rem;
}
.where-dreams .outer-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44.2rem;
    z-index: -1;
}
.where-dreams__box {
    background-color: var(--white);
    margin-top: -4em;
    padding: 4.7em 2.2em 5em 2.2em;
}
.where-dreams__box header {
    text-align: center;
    margin: 0 0 6em;
}
.where-dreams__box header h2,
.where-dreams__box header p {
    color: var(--navy-blue);
}
.where-dreams__box header h2 {
    font-size: 3em;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.066em;
    text-transform: uppercase;
    margin: 0 auto 1em;
}
.where-dreams__box header p {
    font-size: 1.6em;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: 0.125em;
}
.where-dreams__box article {
    margin: 0 0 2.5em;
}
.where-dreams__box dl {
    margin-bottom: 4rem;
    padding-bottom: 3rem;
    border-bottom: .1rem solid gray;
}
.where-dreams__box dl div:not(:last-child)  {
    margin: 0 0 1rem;
}
.where-dreams__box figure {
    width: 100%;
    height: 38rem;
    margin: 0 0 3rem;
}
.where-dreams__box article a {
    color: #00B2DC;
}
.where-dreams__box article dt {
    text-transform: uppercase;
}
.where-dreams__box article dt,
.where-dreams__box article dd,
.where-dreams__box article p {
    color: var(--navy-blue);
}
.where-dreams__box article dt,
.where-dreams__box article dd {
    display: inline;
    font-size: 2.6rem;
    line-height: 130%;
    font-family: var(--proxima-font);
    font-weight: 700;
    letter-spacing: 0.06em;
}
.where-dreams__box .head {
    margin: 0 0 2rem;
}
.where-dreams__box article {
    padding: 4rem;
    padding-bottom: 8rem;
    border-radius: 1rem;
    box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.07);
    overflow: auto;
}
.where-dreams__box article a {
    font-size: 2em;
    line-height: 1.4em;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    display: block;
}
.where-dreams__box article p {
    font-size: 1.6em;
    line-height: 1.4em;
    letter-spacing: 0.125em;
    font-weight: 500;
}
.where-dreams__load-more {
    text-align: center;
    margin: 6em 0 0;
}
.where-dreams__load-more .bttn-load {
    position: relative;
    background-color: var(--white);
    border: .2rem solid var(--yellow);
    text-transform: uppercase;
    color: var(--navy-blue);
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1em;
    letter-spacing: .125em;
    height: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3.6rem;
    border-radius: 2.6rem;
}
.where-dreams__load-more .bttn-load i {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    left: -1.6rem;
    background-color: var(--white);
    color: var(--yellow);
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.9rem;
    pointer-events: none;
}
.where-dreams__box dl div:last-child {
    display: flex;
}
.where-dreams__box dl div:last-child dt {
	flex: 0 1 auto;
	margin-right: 1rem;
}
.where-dreams__box dl div:last-child dd {
	flex: 1;	
}
.where-dreams__box dl div:not(:last-child)  {
    margin: 0 0 1rem;
}

@media only screen
and (min-width : 961px) {
    .where-dreams {
        margin: 0 0 15rem;
    }
    .where-dreams .outer-image {
        height: 50rem;
    }
    .where-dreams__box {
        padding: 5rem 5rem;
        margin-top: -8rem;
    }
    .where-dreams__box header {
        max-width: 101rem;
        margin: 0 auto 8rem;
    }
    .where-dreams__box header h2 {
        font-size: 4.5em;
        letter-spacing: 0.044em;
        max-width: 63.2rem;
    }
    .where-dreams__box header p {
        font-size: 2em;
        line-height: 1.35em;
        letter-spacing: 0.1em;
    }
    .where-dreams__box section {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 1.5rem;
        row-gap: 2.5rem;
        padding: 0 0 5rem;
    }
    .where-dreams__box section:empty { display: none!important; padding: 0; }
    .where-dreams__box article {
        flex: 0 1 32.2rem;
        max-width: 32.2rem;
        margin: 0;
        min-height: 57.5rem;
    }
    .where-dreams__box figure {   
        height: 19.2rem;
        margin: 0 0 1.5rem;
    }
    .where-dreams__box .head {
        margin: 0 0 1rem;
    }
    .where-dreams__box dl {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
    }
    .where-dreams__box article {
        padding: 2rem;
        padding-bottom: 2rem;
    }
    .where-dreams__box article dt,
    .where-dreams__box article dd {
        font-size: 1.6rem;
        line-height: 130%;
        letter-spacing: 0.06em;
    }
    .where-dreams__box article a {
        font-size: 2em;
        line-height: 1.4em;
        letter-spacing: 0.1em;
    }
    .where-dreams__box article p {
        font-size: 2em;
        line-height: 1.35em;
        letter-spacing: .1em;
    }
    .where-dreams__box dl div:not(:last-child)  {
        margin: 0 0 .5rem;
    }
    .where-dreams__load-more { margin-top: 1rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .where-dreams .col-36-36 {
        padding: 0 1.4rem;
    }
    .where-dreams__load-more .bttn-load {
        height: 3.4em;
        padding: 0 2.25em;
        border-radius: 1.62em;
    }
    .where-dreams__load-more .bttn-load i {
        width: 1.6em;
        height: 1.6em;
        font-size: 1.18em;
        left: -.85em;
    }
}
/* @end */