html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}


html
{
    overflow-x: hidden !important;
}

@font-face {
    font-family: 'Montserrat-Semibold';
    src: url('../font/Montserrat-Semibold.woff2') format('woff2'),
    url('../font/Montserrat-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../font/Montserrat-Bold.woff2') format('woff2'),
    url('../font/Montserrat-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../font/Montserrat-Light.woff2') format('woff2'),
    url('../font/Montserrat-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../font/Montserrat-Medium.woff2') format('woff2'),
    url('../font/Montserrat-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../font/Montserrat-Regular.woff2') format('woff2'),
    url('../font/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../font/Gotham-Bold.woff2') format('woff2'),
    url('../font/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    min-width: 1000px;
    background-color: #f4f4f4;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    color: #000000;
    line-height: 22px;
}

.reveal {
    opacity: 0;
    transition: opacity 1.0s;
    transition-delay: 0.5s;
}

.reveal-first {
    opacity: 0;
    transition: opacity 1.0s;
}

.reveal-last {
    opacity: 0;
    transition: opacity 1.0s;
    transition-delay: 1.0s;
}

.body-bold-light {
    font-family: 'Montserrat-Bold' !important;
    font-size: 14px !important;
    color: #ffffff !important;
    line-height: 22px !important;
    opacity: 1.0 !important;
}

.body-light {
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
}

.body-large-light {
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    margin-top: 16px;
    letter-spacing: 0.4px;
}

.body-large {
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    margin-top: 16px;
    letter-spacing: 0.4px;
    color: #000000;
}

.time-buttons > div {
    cursor: pointer;
    transition: 0.3s;
}

.preload-images {
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: -1000;
}

.time-dot-fill {
    background-color: #089FD9 !important;
}

a {
    color: #ffffff;
}

#hero {
    font-family: 'Montserrat-Semibold';
    font-size: 70px;
    color: rgba(255,255,255,0.00);
    letter-spacing: 0;
    line-height: 49px;
    text-transform: uppercase;
}

div#hero.dark {
    -webkit-text-stroke: 1px #0797CE;
}

div#hero.light {
    -webkit-text-stroke: 1px #ffffff;
}

.work-section-title {
    margin-left: -105px;
    margin-right: auto;
    display: inline-block;
    position:absolute;
    margin-top: -117px;
}

.work-section-title > h6 {
    margin-top: 14px;
}

.work-tenants {
    width: 100vw;
    height: 387px;
    background-color: #074157;
    border-top: solid 4px #0797CE;
    margin-top: 147px;
}

.work-tenants > div {
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
}

.work-tenants > center > img {
    width: 863px;
    height: 173px;
    margin-top: 30px;
}

.one-manhattan-west-tenants {
    width: 100vw;
    height: 332px;
    background-color: #074157;
    border-top: solid 4px #0797CE;
    margin-top: 480px;
}

.one-manhattan-west-tenants > div {
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
}

.one-manhattan-west-tenants > center > img {
    width: 1093px;
    height: 79px;
    margin-top: 50px;
}

.shop-logos {
    width: 100vw;
    height: 332px;
    background-color: #074157;
    border-top: solid 4px #42A117;
    margin-top: 420px;
    margin-bottom: 100px;
}

.shop-logos > div {
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.shop-logos > center > img {
    width: 910px;
    height: 218px;
    margin-top: 10px;
}

.five-manhattan-west-tenants {
    width: 100vw;
    height: 388px;
    background-color: #074157;
    border-top: solid 4px #0797CE;
    margin-top: 860px;
}

.five-manhattan-west-tenants > div {
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
}

.five-manhattan-west-tenants > center > img {
    width: 628px;
    height: 162px;
    margin-top: 30px;
}

.shop-lot-map-wrap {
    width: 100%;
    margin-top: 0px;
}

.shop-lot-map-wrap > table {
    width: 60%;
    max-height: 830px;
    min-height: 560px;
    height: 60vw;
    margin-left: 40%;
    border-collapse: collapse;
    border-style: hidden;
}

.shop-lot-map-wrap > table td {
    border: 4px solid transparent;
}

.contact-us-wrap {
    width: 100%;
    height: 787px;
    margin-top: 160px;
    margin-bottom: 40px;
}

.contact-us-wrap > table {
    width: 40%;
    height: 787px;
    border-right: solid 4px transparent;
}

.contact-us-inner-wrap {
    width: 837px;
    height: 400px;
    margin-left: calc((100% - 837px) / 2);
    background-color: #ffffff;
    margin-top: 190px;
    position: absolute;
}

.contact-us-inner-wrap > div {
    margin-top: 90px;
    margin-left: 110px;
}

h1 {
    font-family: 'Montserrat-Semibold';
    font-size: 82px;
    color: rgba(0,0,0,0.00);
    letter-spacing: 0;
    line-height: 58px;
    text-transform: uppercase;
}

h1.dark {
    -webkit-text-stroke: 1.75px #0797CE;
}

h1.light {
    -webkit-text-stroke: 1.75px #ffffff;
}

.error {
    font-family: 'Gotham';
    font-size: 110px;
    color: rgba(0,0,0,0.00);
    letter-spacing: 0;
    line-height: 110px;
    text-transform: uppercase;
    -webkit-text-stroke: 1.75px #ffffff;
    text-align: center;
}

.error-copy {
    font-family: 'Montserrat-Semibold';
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
}

.h0 {
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    font-size: 62px;
    color: #ffffff;
}

.large-outline {
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    font-size: 100px;
    color: rgba(0,0,0,0.00);
    letter-spacing: -1px;
    line-height: 79px;
    -webkit-text-stroke: 1.75px #089FD9;
}

h2 {
    font-family: 'Gotham';
    font-weight: bold;
    font-style: normal;
    font-size: 62px;
    color: rgba(0,0,0,0.00);
    letter-spacing: 0px;
}

h2.dark {
    -webkit-text-stroke: 1.5px #0797CE;
}

h2.light {
    -webkit-text-stroke: 1.5px #ffffff;
}

h2.green {
    -webkit-text-stroke: 1.5px #42A117;
}

h2.blue {
    -webkit-text-stroke: 1.5px #0797CE;
}

h3 {
    font-family: 'Montserrat-Semibold';
    font-size: 38px;
    letter-spacing: 0;
    line-height: 44px;
}

h3.dark {
    color: #000;
}

h3.light {
    color: #fff;
}

h4 {
    font-family: 'Montserrat-Semibold';
    font-size: 30px;
    letter-spacing: 0px;
    line-height: 40px;
}

h4.dark {
    color: #000;
}

h4.light {
    color: #fff;
}

h5 {
    font-family: 'Montserrat-Semibold';
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 28px;
}

h5.dark {
    color: #000;
}

h5.light {
    color: #fff;
}

h6 {
    font-family: 'Montserrat-Semibold';
    font-size: 20px;
    letter-spacing: 1px;
}

h6.dark {
    color: #000;
}

h6.light {
    color: #fff;
}

.hero-box {
    position: absolute;
    bottom: 0;
    width: calc(100% - 64px - 64px);
    margin-left: 64px;
    margin-right: auto;
    margin-bottom: 3%;
}

.hero-box-error {
    position: absolute;
    width: calc(100% - 64px - 64px);
    margin-top: calc((100vh / 2) - 50px);
    margin-left: 64px;
    margin-right: auto;
}

#navigation {
    position: relative;
    width: calc(100vw - 64px - 64px);
    min-width: 820px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 37px;
    height: 53px;
    z-index: 1000;
}

.nav-logo-light,
.nav-map-light,
.nav-divider-light,
.nav-divider-blue,
.nav-logo-dark,
.nav-map-dark,
.nav-divider-dark,
.footer-logo-light,
.footer-divider-light,
.footer-brookfield-light,
.footer-social-instagram,
.footer-social-twitter,
.footer-social-facebook,
.phone-blue,
.phone-green,
.phone-purple,
.phone-pink,
.email-blue,
.email-green,
.email-purple,
.email-pink,
.arrow-pink-up,
.arrow-pink-down,
.arrow-purple-up,
.arrow-purple-down,
.arrow-blue-up,
.arrow-blue-down,
.view-360-blue,
.view-360-blue-fill,
.floorplans-blue,
.logo-spaces
{
    background-image: url('../img/global.png?rev=10');
    background-repeat: no-repeat;
    background-size: 340px 340px;
}

.navigation-sticky {
    opacity: 0;
    transition: 0.3s;
    position: fixed;
    margin-top: -150px;
    margin-left: 64px;
    z-index: 900000;
}

.navigation-sticky-background {
    background-color: #074157;
    height: 90px;
    margin-left: calc(100vw - 360px);
    position: fixed;
    margin-top: -18px;
    width: 360px;
    z-index: -1 !important;
    /*transition: 0.3s;*/
    transition: width 0.3s, opacity 0.3s, margin-left 0.3s;

    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.navigation-sticky-background-extended {
    background-color: #074157;
    height: 90px;
    margin-left: calc(100vw - 790px);
    position: fixed;
    margin-top: -18px;
    width: 790px;
    z-index: -1 !important;

    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.navigation-sticky > div {
    z-index: 10000;
}

.show-sticky-navigation {
    opacity: 1;
    margin-top: -90px;
}

.show-work-navigation {
    opacity: 1;
}

.navigation-sticky-work {
    background-color: #074157;
    width: 100px;
    height: 182px;
    position: fixed;
    margin-left: calc(100vw - 620px);
    margin-top: 72px;

    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    clip:rect(0px, 250px, 250px, -100px); /* Clip the top and bottom of the box-shadow off */
}

.navigation-sticky-work a {
    text-decoration: none;
}

.navigation-sticky-work-hover {
    background-color: transparent;
    width: 100px;
    height: 270px;
    position: fixed;
    margin-left: calc(100vw - 620px);
    margin-top: -16px;
    pointer-events: auto;
}

.navigation-sticky-work-item {
    text-align: center;
    margin-right: 50px;
    font-family: 'Montserrat-Semibold';
    text-transform: uppercase;
    line-height: 44px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
    cursor: pointer;
    transition: 0.3s;
    width: 100px;
    text-decoration: none !important;
}

.navigation-sticky-work-item:hover {
    color: #0797CE !important;
}

.navigation-work {
    width: 100px;
    height: 182px;
    position: fixed;
    margin-left: calc(100vw - 620px);
    margin-top: 48px;
}

.navigation-work a {
    text-decoration: none;
}

.navigation-work-hover {
    background-color: transparent;
    width: 100px;
    height: 270px;
    position: fixed;
    margin-left: calc(100vw - 620px);
    margin-top: -16px;
    pointer-events: auto;
}

.navigation-work-item-dark {
    text-align: center;
    margin-right: 50px;
    font-family: 'Montserrat-Semibold';
    text-transform: uppercase;
    line-height: 44px;
    font-size: 14px;
    color: #000;
    letter-spacing: 2px;
    cursor: pointer;
    transition: 0.3s;
    width: 100px;
    text-decoration: none !important;
}

.navigation-work-item-dark:hover {
    color: #0797CE !important;
}

.navigation-work-item-light {
    text-align: center;
    margin-right: 50px;
    font-family: 'Montserrat-Semibold';
    text-transform: uppercase;
    line-height: 44px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
    cursor: pointer;
    transition: 0.3s;
    width: 100px;
    text-decoration: none !important;
}

.navigation-work-item-light:hover {
    color: #0797CE !important;
}

.shop-table {
    width: 1022px;
    height: 398px;
    border-collapse: collapse;
    border-style: hidden;
    margin-top: 500px;
    margin-right: 30px;
    float: right;
    color: #ffffff;
}

.shop-table-cell {
    background-color: #074157;
    width: 900px;
    height: 200px;
}

.shop-table-cell > div {
    float: right;
    margin-left: 70px;
    margin-top: 77px;
}

.shop-table-cell > div > h2 {
    margin-bottom: 24px;
}

.shop-table td {
    border: 4px solid transparent;
}

.lofts-table {
    width: 1000px;
    height: 398px;
    border-collapse: collapse;
    border-style: hidden;
    margin-left: calc(50% - 137px);
    margin-top: 100px;
    color: #ffffff;
    position: absolute;
    top: 1800px;
    z-index: 100000;
}

.lofts-table-cell {
    background-color: #074157;
    width: 1000px;
    height: 400px;
}

.lofts-table-cell > div {
    float: right;
    margin-left: 70px;
    margin-top: 77px;
}

.lofts-table-cell > div > h2 {
    margin-bottom: 24px;
}

.lofts-table td {
    border: 4px solid transparent;
}

@media only screen and (max-width: 1200px) {
    .lofts-table {
        margin-top: 110px !important;
    }

    .lofts-temp-b {
        transform: scale(0.8);
        margin-top: 10px !important;
    }

}

.one-manhattan-west-table {
    width: 902px;
    height: 398px;
    border-collapse: collapse;
    border-style: hidden;
    margin-top: 450px;
    margin-right: 30px;
    float: right;
    color: #ffffff;
}

.one-manhattan-west-table-cell {
    background-color: #074157;
    width: 730px;
    height: 200px;
}

.one-manhattan-west-table-cell > div {
    float: right;
    margin-left: 60px;
    margin-top: 77px;
}

.one-manhattan-west-table-cell > div > h2 {
    margin-bottom: 24px;
}

.one-manhattan-west-table td {
    border: 4px solid transparent;
}

.work-table {
    width: 856px;
    height: 322px;
    border-collapse: collapse;
    border-style: hidden;
    margin-top: 510px;
    margin-right: 100px;
    float: right;
    color: #ffffff;
}

.work-table-cell {
    background-color: #074157;
    width: 730px;
    height: 200px;
}

.work-table-cell > div {
    float: left;
    margin-left: 70px;
    margin-top: 77px;
}

.work-table-cell > div > h2 {
    margin-bottom: 24px;
}

.work-table td {
    border: 4px solid transparent;
}

.logo-spaces {
    width: 203px;
    height: 34px;
    background-position: 0px -260px;
    margin-top: 40px;
}

.view-360-blue {
    width: 16px;
    height: 19px;
    background-position: -246px -44px;
    cursor: pointer;
}

.view-360-blue:hover {
    width: 16px;
    height: 19px;
    background-position: -246px -64px;
    cursor: pointer;
}

.floorplans-blue {
    width: 16px;
    height: 17px;
    background-position: -263px -44px;
    cursor: pointer;
}

.arrow-pink-up {
    width: 14px;
    height: 9px;
    background-position: -216px -44px;
    cursor: pointer;
}

.arrow-pink-down {
    width: 14px;
    height: 9px;
    background-position: -216px -54px;
    cursor: pointer;
}

.arrow-purple-up {
    width: 14px;
    height: 9px;
    background-position: -231px -44px;
    cursor: pointer;
}

.arrow-purple-up-hidden {
    width: 14px;
    height: 9px;
    background-position: -231px -44px;
    opacity: 0 !important;
    pointer-events: none !important;
}

.arrow-purple-down {
    width: 14px;
    height: 9px;
    background-position: -231px -54px;
    cursor: pointer;
}

.arrow-blue-up {
    width: 14px;
    height: 9px;
    background-position: -216px -64px;
    cursor: pointer;
}

.arrow-blue-down {
    width: 14px;
    height: 9px;
    background-position: -216px -74px;
    cursor: pointer;
}

.nav-logo-light {
    width: 215px;
    height: 45px;
    background-position: 0px 0px;
    margin-left: 0px;
    float: left;
    margin-top: 4px;
    cursor: pointer;
}

.nav-map-light {
    width: 52px;
    height: 53px;
    background-position: 0px -92px;
    float: right;
    margin-right: 38px;
    cursor: pointer;
}

.nav-divider-light {
    width: 3px;
    height: 32px;
    background-position: 0px -174px;
    float: right;
    margin-top: 10px;
    margin-right: 38px;
}

.nav-divider-blue {
    width: 3px;
    height: 32px;
    background-position: -11px -174px;
    float: right;
    margin-top: 10px;
    margin-right: 38px;
}

.nav-logo-dark {
    width: 215px;
    height: 45px;
    background-position: 0px -46px;
    margin-left: 0px;
    float: left;
    margin-top: 4px;
    cursor: pointer;
}

.nav-map-dark {
    width: 52px;
    height: 53px;
    background-position: -53px -92px;
    float: right;
    margin-right: 38px;
    cursor: pointer;
}

.nav-divider-dark {
    width: 3px;
    height: 32px;
    background-position: -7px -174px;
    float: right;
    margin-top: 10px;
    margin-right: 38px;
}

.footer-logo-light {
    width: 249px;
    height: 52px;
    background-position: 0px -207px;
    margin-left: 64px;
    float: left;
    margin-top: 82px;
    cursor: pointer;
}

.footer-divider-light {
    width: 2px;
    height: 31px;
    background-position: -4px -174px;
    float: right;
    margin-top: 10px;
    margin-right: 38px;
}

.footer-brookfield-light {
    width: 121px;
    height: 53px;
    background-position: -106px -92px;
    float: right;
    margin-top: 286px;
    margin-right: 60px;
    cursor: pointer;
}

.hero {
    background-size: cover;
    margin-top: -90px;
    position: relative;
    width: 100%;
    height: 100vh;

    position: fixed;

    overflow: hidden;

    z-index: -999;
}

.hero-video {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}

.gallery-scroll {
    background-color: #F5F5F5;
    float: left;
    height: 300px;
    margin-bottom: 25px;
    margin-left: 22px;
    margin-top: 40px;
    width: 65px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.building-content {
    width: 230px;
}

.gallery-scroll > div > img {
    float: left;
    padding-right: 30px;
}

#gallery-blue::-webkit-scrollbar {
    background-color: #F5F5F5;
    height: 6px;

}

#gallery-blue::-webkit-scrollbar-thumb {
    background-color: #0797CE;
    cursor: pointer !important;
}

#gallery-blue::-webkit-scrollbar-track {
    background-color: #0797CE;
    border-top: solid 2px #f4f4f4;
    border-bottom: solid 2px #f4f4f4;
    margin-right: 64px;
}

#gallerypink::-webkit-scrollbar {
    background-color: #F5F5F5;
    height: 6px;

}

#gallerypink::-webkit-scrollbar-thumb {
    background-color: #FF2474;
    cursor: pointer !important;
}

#gallerypink::-webkit-scrollbar-track {
    background-color: #FF2474;
    border-top: solid 2px #f4f4f4;
    border-bottom: solid 2px #f4f4f4;
    margin-right: 64px;
}

#gallerygreen::-webkit-scrollbar {
    background-color: #F5F5F5;
    height: 6px;

}

#gallerygreen::-webkit-scrollbar-thumb {
    background-color: #42A117;
    cursor: pointer !important;
}

#gallerygreen::-webkit-scrollbar-track {
    background-color: #42A117;
    border-top: solid 2px #f4f4f4;
    border-bottom: solid 2px #f4f4f4;
    margin-right: 64px;
}

.video {
    position: static;
    top: 0;
    left: 0;
    z-index: -1000;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.body-wrap {
    margin-top: 100vh;
    background-color: #f4f4f4;
    padding-top: 60px;
    padding-bottom: 80px;
    margin-bottom: 406px;
}

.index-hero {
    background-image: url('../img/index-hero.jpg?rev=4');
}

.eat-hero {
    background-image: url('../img/eat-hero.jpg?rev=1');
}

.shop-hero {
    background-image: url('../img/shop-hero.jpg?rev=4');
}

.work-hero {
    background-image: url('../img/work-hero.jpg?rev=4');
}

.map-hero {
    background-image: url('../img/map-hero.jpg?rev=1');
}

.explore-hero {
    background-image: url('../img/explore-hero.jpg?rev=4');
}

.live-hero {
    background-image: url('../img/live-hero.jpg?rev=4');
}

.events-hero {
    background-image: url('../img/events-hero.jpg?rev=4');
}

.error-hero {
    background-image: url('../img/404.jpg?rev=3');
}

.one-manhattan-west-hero {
    background-image: url('../img/one-manhattan-west-hero.jpg?rev=4');
}

.two-manhattan-west-hero {
    background-image: url('../img/two-manhattan-west-hero.jpg?rev=4');
}

.five-manhattan-west-hero {
    background-image: url('../img/five-manhattan-west-hero.jpg?rev=4');
}

.lofts-hero {
    background-image: url('../img/lofts-hero.jpg?rev=4');
}

.index-logos {
    background-image: url('../img/index-logos.png');
    background-size: 514px 64px;
    width: 514px;
    height: 64px;
    float: right;
    margin-top: -160px;
    margin-right: 64px;
}

@media only screen and (max-width: 1350px) {
    .index-logos {
        background-size: 400px 49px;
        width: 400px;
        height: 49px;
        margin-right: 8vw;
    }
}

@media only screen and (max-width: 1250px) {
    .index-logos {
        background-image: url('../img/index-logos-mobile.png');
        background-size: 226px 143px;
        width: 226px;
        height: 143px;
    }
}

.index-2018 {
    background-image: url('../img/index-2018.jpg');
    height: 500px;
    float: right;
    width: calc(100vw - 450px);
    background-size: cover;
    background-position: center;
    margin-top: 220px;
    transition: background-image 0.5s ease-out;
}

.timeline-2019 {
    background-image: url('../img/timeline-2019.jpg?rev=1');
    transition: 0.0s;
}

.timeline-2013 {
    background-image: url('../img/timeline-2013.jpg');
}

.timeline-2000 {
    background-image: url('../img/timeline-2000.jpg?rev=2');
}

.timeline-1990 {
    background-image: url('../img/timeline-1990.jpg');
}

.timeline-1930 {
    background-image: url('../img/timeline-1930.jpg?rev=1');
}

.timeline-1920 {
    background-image: url('../img/timeline-1920.jpg');
}

.timeline-1910 {
    background-image: url('../img/timeline-1910.jpg');
}

.timeline-19102 {
    background-image: url('../img/timeline-1910-2.jpg');
}

.timeline-1800 {
    background-image: url('../img/timeline-1800.jpg');
}

.index-dots {
    width: calc(100vw - 450px);
    height: 20px;
    float: right;
    margin-top: 40px;
}

.index-work-west {
    background-image: url('../img/index-work-west.jpg');
    height: 650px;
    float: right;
    width: 80vw;
    background-size: cover;
    background-position: center;
    margin-top: 300px;
    margin-bottom: 200px;
}

.index-retail-logos {
    background-image: url('../img/index-retail-logos.png');
    height: 84px;
    float: left;
    width: 60vw;
    background-size: 738px 84px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5.6vw;
    margin-top: -170px;
    margin-bottom: 210px;
}

@media only screen and (max-width: 1350px) {
    .index-retail-logos  {
        background-size: 600px 68px;
        width: 600px;
        height: 68px;
        margin-left: 8vw;
    }
}

@media only screen and (max-width: 1200px) {
    .index-retail-logos {
        background-image: url('../img/index-retail-logos-mobile.png');
        background-size: 230px 190px;
        width: 230px;
        height: 190px;
        margin-bottom: 160px;
        margin-right: 500px;
        margin-left: 20vw;
    }
}

.building-static-sub {
    margin-bottom: 0px;
}

.index-shop-west {
    background-image: url('../img/index-shop-west.jpg');
    height: 675px;
    float: left;
    width: 80vw;
    background-size: cover;
    background-position: center;
    margin-top: 200px;
    margin-bottom: 200px;
}

.nav-item-light {
    float: right;
    margin-right: 50px;
    font-family: 'Montserrat-Semibold';
    text-transform: uppercase;
    line-height: 53px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
    cursor: pointer;
    transition: 0.3s;
}

.nav-item-light:hover {
    color: #0797CE !important;
}

.nav-item-dark {
    float: right;
    margin-right: 50px;
    font-family: 'Montserrat-Semibold';
    text-transform: uppercase;
    line-height: 53px;
    font-size: 14px;
    color: #000;
    letter-spacing: 2px;
    cursor: pointer;
}

.nav-item-last {
    margin-right: 0px !important;
}

.light-page-wrap {
    width: calc(100% - 172px - 172px);
    max-width: 1056px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 158px;
    margin-bottom: 600px;
    background-color: #f4f4f4;
}

.light-page-content-box-plain {
    width: 100%;
    margin-top: 60px;
    line-height: 24px;
}

.light-page-content-box-plain > p {
    margin-bottom: 26px;
}

.light-page-content-box-plain > p > span {
    font-family: 'Montserrat-Bold';
}

.light-page-content-box {
    width: 100%;
    margin-top: 100px;
}

#light-page-content-border {
    width: 100%;
    height: 2px;
    background-color: #0797CE;
    margin-top: 14px;
    margin-bottom: 36px;
}

.letter-bullet-pink {
    font-family: 'Montserrat-Bold';
    color: #FF2474;
    width: 30px;
    float: left;
}

.letter-bullet-purple {
    font-family: 'Montserrat-Bold';
    color: #AF73E1;
    width: 30px;
    float: left;
}

.letter-bullet-text {
    letter-spacing: 0.3px;
    margin-bottom: 10px;
}

.line-blue {
    width: 100%;
    height: 1px;
    background-color: #0797CE;
    margin-top: 34px;
    margin-bottom: 30px;
}

.line-purple {
    width: 100%;
    height: 1px;
    background-color: #AF73E1;
    margin-top: 34px;
    margin-bottom: 30px;
}

.line-green {
    width: 100%;
    height: 1px;
    background-color: #42A117;
    margin-top: 34px;
    margin-bottom: 30px;
}

.hair-line {
    width: 100%;
    height: 1px !important;
    background-color: #ffffff;
    margin-top: 34px;
    margin-bottom: 30px;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .hair-line {
        height: 1px !important;
    }
}

.hair-line-dark {
    width: 100%;
    height: 1px;
    background-color: #000000;
    margin-top: 34px;
    margin-bottom: 30px;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .hair-line-dark {
        height: 0.5px;
    }
}

div#light-page-content-border.blue {
    background-color: #0797CE;
}

div#light-page-content-border.green {
    background-color: #42A117;
}

div#light-page-content-border.purple {
    background-color: #AF73E1;
}

div#light-page-content-border.pink {
    background-color: #FF2474;
}

.phone-blue {
    width: 20px;
    height: 21px;
    background-position: -216px 0px;
    float: left;
    margin-top: 2px;
    margin-right: 32px;
}

.phone-green {
    width: 20px;
    height: 21px;
    background-position: -237px 0px;
    float: left;
    margin-top: 2px;
    margin-right: 32px;
}

.phone-purple {
    width: 20px;
    height: 21px;
    background-position: -258px 0px;
    float: left;
    margin-top: 2px;
    margin-right: 32px;
}

.phone-pink {
    width: 20px;
    height: 21px;
    background-position: -279px 0px;
    float: left;
    margin-top: 2px;
    margin-right: 32px;
}

.email-blue {
    width: 20px;
    height: 21px;
    background-position: -216px -22px;
    float: left;
    margin-top: 2px;
    margin-right: 32px;
}

.email-green {
    width: 20px;
    height: 21px;
    background-position: -237px -22px;
    float: left;
    margin-top: 2px;
    margin-right: 32px;
}

.email-purple {
    width: 20px;
    height: 21px;
    background-position: -258px -22px;
    float: left;
    margin-top: 2px;
    margin-right: 32px;
}

.email-pink {
    width: 20px;
    height: 21px;
    background-position: -279px -22px;
    float: left;
    margin-top: 2px;
    margin-right: 32px;
}

.contact {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 80px;
}

.contact td {
    height: 30px;
    float: left;
}

.contact-title {
    font-family: 'Montserrat-Medium';
}

.contact-name {
    font-family: 'Montserrat-Light';
}

.press {
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 80px;
}

.press td {
    vertical-align: top;
}

.overline-right {
    font-family: 'Montserrat-Semibold';
    line-height: 18px;
    font-size: 14px;
    color: #0797CE;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.overline {
    font-family: 'Montserrat-Semibold';
    line-height: 18px;
    font-size: 14px;
    color: #0797CE;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.overline-pink {
    font-family: 'Montserrat-Semibold';
    line-height: 18px;
    font-size: 14px;
    color: #FF2474;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.overline-purple {
    font-family: 'Montserrat-Semibold';
    line-height: 18px;
    font-size: 14px;
    color: #AF73E1;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.overline-green {
    font-family: 'Montserrat-Semibold';
    line-height: 18px;
    font-size: 14px;
    color: #42A117;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.event-item {
    font-family: 'Montserrat-Regular';
    font-size: 20px;
    letter-spacing: 1px;
    color: #FF2474;
    text-transform: uppercase;
    cursor: pointer;
}

.event-item-selected {
    font-family: 'Montserrat-Bold';
    font-size: 20px;
    letter-spacing: 1px;
    color: #FF2474;
    text-transform: uppercase;
    height: 48px;
}

.shop-item {
    font-family: 'Montserrat-Regular';
    font-size: 20px;
    letter-spacing: 1px;
    color: #42A117;
    text-transform: uppercase;
    cursor: pointer;
}

.shop-item-selected {
    font-family: 'Montserrat-Bold';
    font-size: 20px;
    letter-spacing: 1px;
    color: #42A117;
    text-transform: uppercase;
    height: 48px;
}

.photo-item {
    font-family: 'Montserrat-Regular';
    font-size: 20px;
    letter-spacing: 1px;
    color: #0797CE;
    text-transform: uppercase;
}

.photo-item-selected {
    font-family: 'Montserrat-Bold';
    font-size: 20px;
    letter-spacing: 1px;
    color: #0797CE;
    text-transform: uppercase;
    border-bottom: solid 6px #0797CE;
    height: 48px;
}

.button-text {
    font-family: 'Montserrat-Bold';
    line-height: 15px;
    font-size: 12px;
    color: #0797CE;
    text-transform: uppercase;
}

.button {
    font-family: 'Montserrat-Bold';
    line-height: 15px;
    font-size: 12px;
    color: #0797CE;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
}

.button-border-purple {
    font-family: 'Montserrat-Bold';
    line-height: 50px;
    font-size: 12px;
    color: #AF73E1;
    text-transform: uppercase;
    margin-top: 20px;
    border: solid 1px #AF73E1;
    width: 184px;
    text-align: center;
    letter-spacing: 1.5px;
}

.button-border-blue {
    font-family: 'Montserrat-Bold';
    line-height: 50px;
    font-size: 12px;
    color: #0797CE;
    text-transform: uppercase;
    margin-top: 20px;
    border: solid 1px #0797CE;
    width: 184px;
    text-align: center;
    letter-spacing: 1.5px;
}

.large-medium-light {
    font-family: 'Montserrat-Medium';
    line-height: 22px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 1px;
}

#footer {
    width: 100%;
    height: 400px;
    background-color: #074157;
    border-top: solid 4px #0797CE;

    position: fixed;
    bottom: 0;

    z-index: -1000;
}

.footer-wrap {
    max-width: 1400px;
    min-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.footer-item-wrap {
    width: calc(100% - 64px - 60px);
    height: 27px;
    margin-left: 64px;
    margin-top: -140px;
    float: left;
}

.footer-item-line {
    width: calc(100% - 64px - 60px);
    height: 1px;
    margin-left: 64px;
    margin-top: -80px;
    background-color: #ffffff;
    float: left;
}

.footer-item {
    float: left;
    margin-right: 40px;
    font-family: 'Montserrat-Semibold';
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: 0.3s;
}

.footer-item:hover {
    color: #0797CE !important;
}

.footer-social {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
}

.footer-social-instagram {
    width: 24px;
    height: 27px;
    background-position: 0px -146px;
}

.footer-social-twitter {
    width: 26px;
    height: 27px;
    background-position: -25px -146px;
}

.footer-social-facebook {
    width: 14px;
    height: 27px;
    background-position: -52px -146px;
}

.footer-copy-wrap {
    width: calc(100% - 64px - 60px);
    height: 31px;
    margin-left: 64px;
    margin-top: -60px;
    float: left;
    font-family: 'Montserrat-Semibold';
    line-height: 31px;
    font-size: 12px;
    color: #fff;
}

.footer-copy-item {
    height: 31px;
    border-right: solid 1px #ffffff;
    font-family: 'Montserrat-Regular';
    padding-right: 36px;
    padding-left: 36px;
    float: left;
    transition: 0.3s;
}

.footer-copy-item:hover {
    color: #0797CE !important;
}

.footer-copy-item-first {
    padding-left: 0px;
}

.footer-copy-item-first:hover {
    color: #fff !important;
}

.footer-copy-item-last {
    border-right: none;
}

.content-wrap {
    position: relative;
    max-width: 1400px;
    min-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    width: 100%;
    z-index: 1000;
}

.inset-left {
    width: 640px;
    max-width: 640px;
    margin-left: 174px;
}

.inset-full {
    width: 750px;
    max-width: 750px;
    margin-left: 64px;
    margin-right: 64px;
}

.events-ice-skating {
    background-image: url('../img/event-1.jpg');
    width: calc(100vw - 64px - 64px);
    min-width: calc(900px - 64px - 64px);
    padding-bottom: 45%;
    background-size: cover;
    background-position: center;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    transition: 0.3s;
}

.event1 {
    background-image: url('../img/event-1.jpg');
}

.event2 {
    background-image: url('../img/event-2.jpg');
}

.event3 {
    background-image: url('../img/event-3.jpg');
}

.event4 {
    background-image: url('../img/event-4.jpg');
}

.shop-lot-map {
    background-image: url('../img/shop-lot-map.png?rev=4');
    width: calc(100vw - 64px - 64px);
    min-width: calc(1000px - 64px - 64px);
    max-width: 1320px;
    padding-bottom: 44%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 100px;
    margin-left: 64px;
    margin-right: auto;
    position: relative;
    position: absolute;
}

.shop-lot-map img {
    width: 100%;
    height: 100%;
}

.five-manhattan-west-temp {
    background-image: url('../img/five-manhattan-west-temp.jpg?rev=2');
    margin-top: 130px;
    margin-left: 10vw;
    background-size: cover;
    position: relative;
    position: absolute;
    width: 80vw;
    max-width: 1056px;
}

.work-left {
    height: 650px;
    width: calc(100% - 64px - 64px);
    min-width: calc(1000px - 64px - 64px);
    background-image: url('../img/work-left.jpg?rev=2');
    background-size: 650px 650px;
    background-position: left;
    position: relative;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

.work-right {
    width: calc(100% - 800px);
    margin: 0;
    margin-left: 700px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 1250px) {
    .properties-text {
        font-size: 12px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 1350px) {
    .work-left {
        background-size: 450px 450px;
    }

    .work-right {
        width: calc(100% - 480px);
        margin-left: 500px;
    }

    .work-new-leases {
        margin-top: 280px !important;
    }

    .before-after-table {
        height: 900px !important;
    }

    .five-manhattan-west-tenants {
        margin-top: 700px !important;
    }
}



@media only screen and (max-width: 1400px) {
    .before-after-table {
        height: 1000px !important;
    }

    .five-manhattan-west-tenants {
        margin-top: 855px !important;
    }

}

.index-properties {
    width: calc(100vw - 64px - 64px);
}

.index-properties-wrap {
    height: 76vw !important;
}


@media only screen and (max-width: 1100px) {
    .index-properties-wrap {
        height: 80vw !important;
    }
}


@media only screen and (min-width: 1200px) {
    .index-properties-wrap {
        height: 72vw !important;
    }
}

@media only screen and (min-width: 1450px) {
    .index-properties {
        width: calc(100vw - 100px - 100px);
    }

    .index-properties-wrap {
        height: 67vw !important;
    }
}

@media only screen and (min-width: 1550px) {
    .index-properties {
        width: calc(100vw - 200px - 200px);
    }

    .index-properties-wrap {
        height: 59vw !important;
    }
}

@media only screen and (min-width: 1750px) {
    .index-properties {
        width: calc(100vw - 250px - 250px);
    }

    .index-properties-wrap {
        height: 55vw !important;
    }
}

.shop-left {
    width: calc(100% - 790px);
    margin: 0;
    position: absolute;
    top: calc(50% - 45px);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shop-right {
    height: 650px;
    width: calc(100% - 64px - 64px);
    min-width: calc(1000px - 64px - 64px);
    background-image: url('../img/shop-right.jpg?rev=1');
    background-size: 731px 650px;
    background-position: right;
    position: relative;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1350px) {
    .shop-right {
        background-size: 500px 500px;
    }

    .shop-left {
        width: calc(100% - 600px);
    }
}

.live-right {
    height: 604px;
    width: calc(100% - 64px - 64px);
    min-width: calc(1000px - 64px - 64px);
    background-image: url('../img/live-right.jpg');
    background-size: 731px 604px;
    background-position: right;
    position: relative;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1350px) {
    .live-right {
        background-size: 531px 404px;
        margin-bottom: -100px;
    }
}

.neighborhood {
    width: 30vw !important;
    min-width: 252px !important;
}

.explore-map {
    width: calc(70vw - 4px - 64px - 64px) !important;
    max-width: calc(100vw - 384px);
}

.neighborhood-title {
    margin-top: 0px !important;
}

@media only screen and (max-width: 1145px) {
    .neighborhood-title {
        margin-top: -15px !important;
    }

}

@media only screen and (min-width: 1400px) {
    .neighborhood {
        width: 452px !important;
        min-width: 452px !important;
    }

    .neighborhood-title {
        margin-top: 0px !important;
    }

    .explore-map {
        width: calc(100vw - 584px) !important;
    }
}

.one-manhattan-west-right {
    height: 604px;
    width: calc(100% - 64px - 64px);
    min-width: calc(1000px - 64px - 64px);
    background-image: url('../img/one-manhattan-west-right.jpg?rev=3');
    background-size: 650px 650px;
    background-position: right;
    position: relative;
    margin-top: 245px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

.one-manhattan-west-left {
    width:calc(100% - 730px);
}

@media only screen and (max-width: 1350px) {
    .one-manhattan-west-right {
        background-size: 450px 450px;
        margin-bottom: -100px;
    }

    .one-manhattan-west-left {
        width:calc(100% - 560px);
    }
}

.two-manhattan-west-right {
    height: 604px;
    width: calc(100% - 64px - 64px);
    min-width: calc(1000px - 64px - 64px);
    background-image: url('../img/two-manhattan-west-right.jpg?rev=3');
    background-size: 650px 650px;
    background-position: right;
    position: relative;
    margin-top: 245px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

.two-manhattan-west-left {
    width:calc(100% - 730px);
    top: calc(50% - 2px);
}

@media only screen and (max-width: 1350px) {
    .two-manhattan-west-right {
        background-size: 450px 450px;
        margin-bottom: -100px;
    }

    .two-manhattan-west-left {
        width:calc(100% - 530px);
    }
}

.explore-right {
    height: 650px;
    width: calc(100% - 64px - 64px);
    min-width: calc(1000px - 64px - 64px);
    background-image: url('../img/explore-right.jpg?rev=1');
    background-size: 731px 650px;
    background-position: right;
    position: relative;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

.lSPrev {
    display: none !important;
}

.lSNext {
    display: none !important;
}

.lSPager > li {


}

.pager_new {


}

.lSPager {

}

/*
.lSPager {
  width: 150px !important;
  overflow: hidden !important;
  height: 20px !important;
}*/

/*
.lSPager > li:nth-child(8) {
  display: none;
}

.lSPager > li:nth-child(9) {
  display: none;
}

 */

@media only screen and (max-width: 1350px) {
    .explore-right {
        background-size: 531px 450px;
        margin-bottom: -100px;
    }
}

.close-button {
    background-image: url('../img/close.png');
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
    float: left;
    margin-top: 36px;
    margin-left: 24px;
    margin-right: 24px;
}

.shop-manhattan-eats {
    background-image: url('../img/shop-manhattan-eats.jpg');
    background-size: cover;
    width: 623px;
    height: 604px;
    float: left;
    margin-top: 200px;
}

.lofts-temp-a {
    background-image: url('../img/lofts-temp-a.jpg?rev=1');
    background-size: cover;
    background-position: center;
    width: 65vw;
    height: 469px;
    float: left;
    margin-top: 100px;
}

.lofts-temp-b {
    background-image: url('../img/lofts-temp-b.jpg?rev=1');
    background-size: cover;
    background-position: center;
    width: 515px;
    height: 469px;
    float: left;
    margin-top: 60px;
    margin-left: 20px;
}

.explore-map {
    background-color: #f4f4f4;
    width: calc(100% - 580px - 64px - 68px);
    height: 754px;
    float: right;
    margin-top: -54px;
}

/*
@media only screen and (max-width: 1400px) {
  .explore-map {
    width: calc(100vw - 642px);
    height: 703px;
    float: left;
    margin-top: -100px;
  }
}

@media only screen and (max-width: 1300px) {
  .explore-map {
    width: calc(100vw - 642px);
    height: 703px;
    float: left;
    margin-top: -100px;
  }
}

@media only screen and (max-width: 1200px) {
  .explore-map {
    width: calc(100vw - 642px);
    height: 703px;
    float: left;
    margin-top: -100px;
  }
}

@media only screen and (max-width: 1100px) {
  .explore-map {
    width: calc(100vw - 642px);
    height: 703px;
    float: left;
    margin-top: -100px;
  }
}*/



.explore-follow-left {
    margin: 0;
    position: relative;
    top: 50%;
}




#events-horizontal {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 64px - 64px);
    min-width: calc(1000px - 64px - 64px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 46px;
    border-bottom: solid 2px #FF2474;
    height: 50px;
    margin-bottom: 120px;
}

#shop-horizontal {
    display: flex;
    justify-content: space-between;
    width: calc(100vw - 64px - 64px);
    min-width: calc(900px - 64px - 64px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 46px;
    border-bottom: solid 2px #42A117;
    height: 50px;
    margin-bottom: 120px;
}

#photo-horizontal {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 128px);
    min-width: calc(1000px - 128px);
    margin-left: 64px;
    margin-right: 64px;
    position: relative;
    margin-top: 0px;
    border-bottom: solid 2px #0797CE;
    height: 50px;
    margin-bottom: 120px;
}

#events-horizontral div {
    /*width: 50px;
    height: 100px;*/
}

#events-horizontral div:first-child {
    text-align: left;
}

#events-horizontral div:last-child {
    text-align: right;
}

button {
    background: none;
    position: relative;
    vertical-align: middle;

    font-family: 'Montserrat-Bold';
    line-height: 50px;
    font-size: 12px;
    color: #0797CE;
    text-transform: uppercase;
    margin-top: 20px;
    border: solid 1px transparent;
    width: 184px;
    text-align: center;
    letter-spacing: 1.5px;
    cursor: pointer;
}

.draw-purple {
    color: #AF73E1;
}

.draw-green {
    color: #42A117;
}

.draw:hover {
    color: #ffffff;
    border-style: solid;
    background-color: #089FD9;
}

.draw-purple:hover {
    border-style: solid;
    color: #ffffff;
    background-color: #AF73E1;
}

.draw-green:hover {
    border-style: solid;
    color: #ffffff;
    background-color: #42A117;
}

button::before,
button::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.draw,
.draw-purple,
.draw-green {
    transition: color 0.25s;
}

.draw::before,
.draw::after,
.draw-purple::before,
.draw-purple::after,
.draw-green::before,
.draw-green::after {
    border: 1px solid transparent;
    width: 0;
    height: 0;
}

.draw::before,
.draw-purple::before,
.draw-green::before {
    top: 0;
    left: 0;
}

.draw::after,
.draw-purple::after,
.draw-green::after {
    bottom: 0;
    right: 0;
}

.draw-border {
    color: #0797CE;
}

.draw-border-purple {
    color: #AF73E1;
}

.draw-border-green {
    color: #42A117;
}

.draw-border::before,
.draw-border::after,
.draw-border-purple::before,
.draw-border-purple::after,
.draw-border-green::before,
.draw-border-green::after{
    width: 100%;
    height: 100%;
}

.draw-border::before {
    border-top-color: #0797CE;
    border-right-color: #0797CE;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.draw-border-purple::before {
    border-top-color: #AF73E1;
    border-right-color: #AF73E1;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.draw-border-green::before {
    border-top-color: #42A117;
    border-right-color: #42A117;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.draw-border::after {
    border-bottom-color: #0797CE;
    border-left-color: #0797CE;
    transition: border-color 0s ease-out 0.5s,
    width 0.25s ease-out 0.5s,
    height 0.25s ease-out 0.75s;
}

.draw-border-purple::after {
    border-bottom-color: #AF73E1;
    border-left-color: #AF73E1;
    transition: border-color 0s ease-out 0.5s,
    width 0.25s ease-out 0.5s,
    height 0.25s ease-out 0.75s;
}

.draw-border-green::after {
    border-bottom-color: #42A117;
    border-left-color: #42A117;
    transition: border-color 0s ease-out 0.5s,
    width 0.25s ease-out 0.5s,
    height 0.25s ease-out 0.75s;
}

@media only screen and (max-width: 1100px) {
    .body-small {
        font-size: 12px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 1350px) {
    h3 {
        font-family: 'Montserrat-Semibold';
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 34px;
    }

    .body-large {
        font-size: 14px;
        color: #000000;
        line-height: 22px;
    }

    .body-small {
        font-size: 12px;
        line-height: 18px;
    }

    .work-table {
        margin-top: 460px;
    }

    .one-manhattan-west-table {
        margin-top: 350px;
    }

    .work-left {
        margin-top: -100px;
    }

    .shop-right {
        margin-top: -100px;
    }

    .live-right {
        margin-top: -100px;
    }

    .explore-right {
        margin-top: -100px;
    }

    .one-manhattan-west-right {
        margin-top: 170px !important;
    }

    .two-manhattan-west-right {
        margin-top: 170px !important;
    }

    .one-mobile {
        margin-top: -77px !important;
    }

}



@media only screen and (min-width: 1600px) {
    .mobile-before-after {
        width: 900px !important;
    }
}

@media only screen and (max-width: 1250px) {
    .work-tenants > center > img {
        width: 690px;
        height: 138px;
        background-size: 690px 138px;
        margin-top: 60px;
    }

    .one-manhattan-west-tenants > center > img {
        width: 874px;
        height: 63px;
        background-size: 874px 63px;
        margin-top: 70px;
    }

    .five-manhattan-west-tenants > center > img {
        width: 502px;
        height: 129px;
        background-size: 502px 129px;
        margin-top: 50px;
    }

    .shop-logos > center > img {
        width: 728px;
        height: 175px;
        background-size: 728px 175px;
        margin-top: 10px;
    }
}

.mapplic-tooltip-wrap {
    background-color: #074157 !important;
    text-transform: uppercase;
    border-top: solid 4px #0797CE !important;
    padding-bottom: 0px !important;
}

.mapplic-tooltip-title {
    color: #0797CE !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.mapplic-tooltip-close {
    display: none;
}

.mobile {
    display: none;
}

/* 12.9 */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
{
    .reveal {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-first {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-last {
        opacity: 1.0;
        transition: unset !important;
    }

    .hero-box {
        margin-bottom: 60px !important;
    }
}

/* 10.5 */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2)
{
    .reveal {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-first {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-last {
        opacity: 1.0;
        transition: unset !important;
    }

    .hero-box {
        margin-bottom: 60px !important;
    }
}

/* 11 */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1194px)
and (-webkit-min-device-pixel-ratio: 2)
{
    .reveal {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-first {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-last {
        opacity: 1.0;
        transition: unset !important;
    }

    .hero-box {
        margin-bottom: 60px !important;
    }
}

/* 9.7 */
@media only screen
and (max-device-width: 1024px)
{
    .reveal {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-first {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-last {
        opacity: 1.0;
        transition: unset !important;
    }

    .hero-box {
        margin-bottom: 60px !important;
    }
}

/* 9.7 */
@media only screen
and (max-device-width: 768px)
{
    .reveal {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-first {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-last {
        opacity: 1.0;
        transition: unset !important;
    }

    .hero-box {
        margin-bottom: 60px !important;
    }
}

/* Mobile */
@media only screen and (max-width: 999px) {
    .reveal {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-first {
        opacity: 1.0;
        transition: unset !important;
    }

    .reveal-last {
        opacity: 1.0;
        transition: unset !important;
    }

    .mobile {
        display: block;
    }

    #galleryTitle {
        margin-top: 2px !important;
        line-height: 30px !important;
        margin-bottom: 10px !important;
    }

    body {
        min-width: 100vw;
    }

    .desktop {
        display: none !important;
    }

    .body-wrap {
        margin-bottom: 545px;
        min-width: unset !important;
    }

    .hero-box {
        display: none;
    }

    #navigation {
        width: 100vw;
        min-width: 100vw;
        margin-left: 0px;
        margin-right: 0px;
    }

    .nav-logo-light {
        position: absolute;
        margin-left: -12px;
        margin-top: -27px;
        transform: scale(0.70);
    }

    .nav-logo-dark {
        position: absolute;
        margin-left: -12px;
        margin-top: -27px;
        transform: scale(0.70);
    }

    .mobile-navigation-light {
        width: 40px;
        height: 40px;
        background-image: url('../img/mobile-menu-open.png');
        background-size: 21px 18px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        float: right;
        margin-right: 8px;
        margin-top: -27px;
        z-index: 10000;
        position: relative;
        transition: 0.3s;
    }

    .mobile-navigation-close-light {
        background-image: url('../img/mobile-menu-close.png') !important;
    }

    .mobile-navigation-dark {
        width: 40px;
        height: 40px;
        background-image: url('../img/mobile-menu-open-dark.png');
        background-size: 21px 18px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        float: right;
        margin-right: 8px;
        margin-top: -27px;
        z-index: 10000;
        position: relative;
        transition: 0.3s;
    }

    .mobile-navigation-close-dark {
        background-image: url('../img/mobile-menu-close.png') !important;
    }

    .mobile-navigation-wrap {
        background-image: url('../img/mobile-nav-background.jpg') !important;
        background-size: cover;
        background-position-x: right;
        background-position-y: center;
        margin-top: -37px;
        margin-left: 0px;
        width: 100vw;
        height: 100vh;
        position: fixed;

        display: none;

        font-family: 'Montserrat-Semibold';
        font-size: 62px;
        color: rgba(0,0,0,0.00);
        letter-spacing: 0;
        line-height: 66px;
        text-transform: uppercase;
        -webkit-text-stroke: 1.75px #ffffff;
        transition: 0.3s;
    }

    .mobile-navigation-wrap > div > a {
        color: rgba(0,0,0,0.00) !important;
        text-decoration: none !important;
        -webkit-text-stroke: 1.75px #ffffff;
        transition: 0.3s;
    }

    .mobile-navigation-wrap > div > a:hover {
        color: #ffffff !important;
        text-decoration: none !important;
        -webkit-text-stroke: 0px #ffffff !important;
        transition: 0.3s;
    }

    #footer {
        width: 100vw !important;
        height: 541px !important;
        border-top: solid 3px #0797CE;
    }

    .footer-logo-light {
        margin-left: 6px;
        margin-top: 52px;
        transform: scale(0.89);
    }

    .footer-item {
        position: relative;
        margin-right: 0px;
        float: left;
        width: 200px;
        height: 40px;
    }

    .footer-copy-item {
        border-right: none;
        padding-left: 0px;
        padding-right: 0px;
        width: 200px;
        height: 40px;
    }

    .footer-column {
        position: absolute;
        margin-left: 20px;
        margin-top: 150px;
        width: 200px;
        height: 230px;
    }

    .footer-item-line {
        width: calc(100vw - 40px);
        margin-left: 20px;
        margin-top: 374px;
        position: absolute;
    }

    .footer-brookfield-light {
        transform: scale(0.84);
        margin-left: 14px;
        position: absolute;
        margin-top: 430px;
    }

    .footer-copyright {
        position: absolute;
        margin-left: 20px;
        margin-top: 500px;
        color: #ffffff;
        font-size: 10px;
    }

    .footer-social {
        width: 110px;
        height: 100px;
        margin-right: 20px;
        position: absolute;
        margin-top: 450px;
        margin-left: calc(100vw - 130px);
    }

    .footer-social > a {
        float: left;
        margin-left: 15px;
        transform: scale(0.84);
    }

    h1 {
        font-size: 72px;
        line-height: 35px;
        letter-spacing: -0.14px;
    }

    h2 {
        font-size: 50px;
        line-height: 50px;
        letter-spacing: 0.4px;
    }

    h3 {
        font-size: 30px;
        line-height: 32px;
        letter-spacing: 0px;
    }

    h4 {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: 0.4px;
    }

    h5 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 1.0px;
    }

    h6 {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.9px;
    }

    .light-page-wrap {
        width: calc(100vw - 20px - 20px) !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 600px;
        background-color: #f4f4f4;
    }

    .light-page-content-box {
        margin-top: 65px !important;
    }

    .contact {
        margin-bottom: 60px !important;
    }

    .contact a {
        color: #000 !important;
        letter-spacing: 0.4px;
    }

    .email-blue {
        margin-right: 10px;
    }

    .email-green {
        margin-right: 10px;
    }

    .email-pink {
        margin-right: 10px;
    }

    .email-purple {
        margin-right: 10px;
    }

    .phone-blue {
        margin-right: 10px;
    }

    .phone-green {
        margin-right: 10px;
    }

    .phone-pink {
        margin-right: 10px;
    }

    .phone-purple {
        margin-right: 10px;
    }

    .content-wrap {
        width: 100vw !important;
        min-width: unset !important;
        margin-top: 0px !important;
    }

    .inset-left {
        width: calc(100vw - 40px) !important;
        min-width: unset !important;
        margin-left: 20px !important;
        margin-right: 20px !important;

        max-width: 640px !important;
    }

    .inset-full {
        width: calc(100vw - 40px) !important;
        min-width: unset !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        margin-top: 100px !important;

        max-width: 640px !important;
    }

    .work-right {
        max-width: 640px !important;
    }

    .shop-left {
        max-width: 640px !important;
    }

    .body-wrap {
        padding-bottom: 60px !important;
    }

    .events-ice-skating {
        width: calc(100vw) !important;
        min-width: unset !important;
        padding-bottom: 45%;
        margin-top: 16px !important;
    }

    .event-item-selected {
        font-size: 14px !important;
        line-height: 18px !important;
        letter-spacing: 0.7px !important;
        color: #FF2474 !important;
        opacity: 1.0 !important;
        border-bottom: solid 1px #FF2474 !important;
        height: 36px !important;
    }

    .event-item {
        font-size: 14px !important;
        line-height: 18px !important;
        color: #727D84;
        letter-spacing: 0.7px !important;
        font-family: 'Montserrat-Bold';
        opacity: 0.2;
    }

    #gallerypink {
        display: none;
    }

    #gallerygreen {
        display: none;
    }

    .shop-item-selected {
        font-size: 14px !important;
        line-height: 18px !important;
        letter-spacing: 0.7px !important;
        color: #42A117 !important;
        opacity: 1.0 !important;
        border-bottom: solid 1px #42A117 !important;
        height: 36px !important;
    }

    .shop-item {
        font-size: 14px !important;
        line-height: 18px !important;
        color: #727D84;
        letter-spacing: 0.7px !important;
        font-family: 'Montserrat-Bold';
        opacity: 0.2;
    }

    #events-horizontal {
        width: 700px !important;
        min-width: unset !important;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 20px !important;
        height: 36px;
        border-bottom: solid 1px rgba(114, 125, 132, 0.2);
    }

    #shop-horizontal {
        width: 700px !important;
        min-width: unset !important;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 20px !important;
        height: 36px;
        border-bottom: solid 1px rgba(114, 125, 132, 0.2);
    }

    .events-horizontal-wrap {
        width: 100vw !important;
        height: 120px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }

    .events-horizontal-wrap::-webkit-scrollbar { width: 0 !important }

    .explore-right {
        background-image: unset !important;
        width: calc(100vw - 40px) !important;
        min-width: unset !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        margin-top: 1px !important;
        height: unset !important;
        margin-bottom: 380px !important;
    }

    .shop-left {
        width: calc(100vw - 40px) !important;
        position: relative;
        top: unset !important;
        transform: unset !important;
    }

    .neighborhood-title {
        display: none;
    }

    #line-map-vertical {
        display: none;
    }

    .map-mobile-offset {
        margin-top: 340px !important;
        border-top: solid 3px #FF2474 !important;
        width: 100vw !important;
        min-width: unset !important;
        height: 620px !important;
        margin-bottom: 84px !important;
    }

    .map-mobile-offset-purple {
        border-top: solid 3px #795ecd !important;
    }

    .explore-map {
        position: absolute !important;
        width: 100vw !important;
        max-width: unset !important;
        height: 360px !important;
        margin-top: -417px !important;
        margin-left: 0px !important;
        max-height: 360px !important;
    }

    .neighborhood {
        margin-left: 20px !important;
        margin-right: 20px !important;
        width: calc(100vw - 40px) !important;
        min-width: calc(100vw - 40px) !important;
        max-width: calc(100vw - 40px) !important;
        margin-top: -14px !important;
    }

    #lineA {
        margin-top: 40px !important;
    }

    #instafeed {
        height: 300px !important;
        width: 900px !important;
    }

    .instafeed-wrap {
        width: calc(100vw - 20px);
        overflow-x: scroll;
        margin-top: 70px;
        position: absolute;
        margin-left: 10px;
    }

    .instafeed-wrap::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background-color: rgba(114, 125, 132, 0.2); /* or add it to the track */
    }

    .instafeed-wrap::-webkit-scrollbar-track {
        width: 0px;
        height: 0px;
        background-color: rgba(114, 125, 132, 0.2); /* or add it to the track */
    }

    .instafeed-wrap::-webkit-scrollbar-thumb {
        background: #FF2474;
    }

    /* width */
    .instafeed-wrap::-webkit-scrollbar {
        width: 0px;
    }

    /* Track */
    .instafeed-wrap::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .instafeed-wrap::-webkit-scrollbar-thumb {
        background: #FF2474;
    }

    /* Handle on hover */
    .instafeed-wrap::-webkit-scrollbar-thumb:hover {
        background: #FF2474;
    }


    .social-wrap {
        padding-left: 10px !important;
        height: 460px !important;
        margin-bottom: 0px !important;
    }

    .social-wrap-content {
        width: 100% !important;
        margin-top: unset !important;
    }

    .social-image {
        width: 300px !important;
        height: 300px !important;
        margin-left: -10px !important;
        margin-right: 10px !important;
    }

    .live-right {
        background-image: unset !important;
        width: calc(100vw - 40px) !important;
        min-width: unset !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        margin-top: 1px !important;
        height: unset !important;
        margin-bottom: 380px !important;
    }

    #visit-the-eugene-button {
        position: absolute;
        margin-left: 25px;
        margin-top: 580px !important;
    }

    .live-box-wrap-scroll {
        overflow-x: scroll;
        width: calc(100vw - 20px) !important;
    }

    .live-box-wrap-scroll::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background-color: rgba(114, 125, 132, 0.2); /* or add it to the track */
    }

    .live-box-wrap-scroll::-webkit-scrollbar-track {
        width: 0px;
        height: 0px;
        background-color: rgba(114, 125, 132, 0.2); /* or add it to the track */
    }

    .live-box-wrap-scroll::-webkit-scrollbar-thumb {
        background: #795ecd;
    }

    /* width */
    .live-box-wrap-scroll::-webkit-scrollbar {
        width: 0px;
    }

    /* Track */
    .live-box-wrap-scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .live-box-wrap-scroll::-webkit-scrollbar-thumb {
        background: #795ecd;
    }

    /* Handle on hover */
    .live-box-wrap-scroll::-webkit-scrollbar-thumb:hover {
        background: #795ecd;
    }

    .live-box-wrap {
        width: 1010px !important;
        height: 500px !important;
        margin-top: 80px !important;
    }

    .live-box-wrap > div {
        width: 320px !important;
        margin-right: 15px;
    }

    .live-mobile-top {
        height: 50px !important;
    }

    #visit-the-eugene-button {
        position: absolute !important;
        margin-left: calc(50vw - 129px) !important;

    }

    .shop-lot-map {
        width: calc(100vw - 40px);
        margin-left: 20px !important;
        margin-right: 20px !important;
        min-width: unset !important;
        max-width: unset !important;
    }

    .contact-us-wrap {
        width: 100vw !important;
        margin-top: 100px !important;
        height: unset !important;
    }

    .contact-us-inner-wrap {
        width: 80vw !important;
        height: 348px !important;
        margin-top: 118px !important;
        float: right !important;
        margin-left: calc(20vw) !important;
    }

    .contact-us-inner-wrap > div {
        margin-top: 80px !important;
        margin-left: 40px !important;
    }

    .contact-us-wrap > table {
        height: 525px !important;
    }

    .contact {
        margin-top: 40px !important;
    }

    .contact-mobile-top {
        height: 56px !important;
    }

    .mobile-amenities {
        width: calc(100vw - 20px) !important;
        margin-left: 20px !important;
        min-width: unset !important;
    }

    #boxATitleB,
    #boxBTitleB,
    #boxCTitleB {
        position: relative !important;
    }

    .mobile-amenities-last {
        margin-right: 20px !important;
    }

    .shop-lot-map-wrap {
        margin-top: -200px !important;
    }

    #line-spaces-horizontal {
        margin-top: 49px !important;
    }

    .mobile-amenities-table {
        margin-top: -384px !important;
        margin-bottom: 200px !important;
        height: 440px !important;
    }

    .mobile-amenities-title-wrap {
        margin-top: -20px;
        position: absolute;
        width: 280px;
    }

    .live-shop-lot-map-mobile {
        margin-top: -135px !important;
    }

    .hero {
        z-index: -1 !important;
    }

    .lofts-hero {
        background-image: url('../img/mobile-lofts.jpg?rev=4');
        background-position: center;
    }

    .five-manhattan-west-hero {
        background-image: url('../img/mobile-5mw.jpg?rev=3');
        background-position: center;
    }

    .events-hero {
        background-image: url('../img/mobile-events.jpg?rev=4');
        background-position: center;
    }

    .one-manhattan-west-hero {
        background-image: url('../img/mobile-1mw.jpg?rev=1');
    }

    .two-manhattan-west-hero {
        background-image: url('../img/mobile-2mw.jpg?rev=2');
    }

    .index-hero {
        background-image: url('../img/mobile-home.jpg?rev=1');
    }

    .eat-hero {
        background-image: url('../img/eat-hero.jpg?rev=1');
    }

    .shop-hero {
        background-image: url('../img/mobile-shop.jpg?rev=1');
    }

    .work-hero {
        background-image: url('../img/mobile-work.jpg?rev=2');
    }

    .map-hero {
        background-image: url('../img/map-hero.jpg?rev=1');
    }

    .explore-hero {
        background-image: url('../img/mobile-explore.jpg?rev=3');
    }

    .live-hero {
        background-image: url('../img/mobile-live.jpg?rev=3');
    }

    #timelinePhoto {
        height: 650px;
        width: calc(100vw - 85px);
        position: absolute !important;
        margin-left: 85px;
        margin-top: 151px !important;
    }

    #timelinePhoto > .gradient {
        background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 25%, #000000 100%);
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .mobile-timeline-table {
        width: 100vw !important;
        height: 700px !important;
        position: relative !important;
        max-width: unset !important;
        margin-top: 150px !important;
    }

    .mobile-timeline-first-column {
        width: 84px !important;
    }

    .mobile-timeline-height {
        height: 648px !important;
    }

    .mobile-timeline-second-column {
        width: calc(100vw - 84px) !important;
        background-color: transparent !important;
    }

    .large-medium-light {
        font-size: 16px !important;
        line-height: 21px !important;
    }

    .time-buttons {
        padding-left: 10px !important;
        padding-right: 10px !important;
        float: left !important;
        margin-top: 156px !important;
        margin-bottom: -120px !important;
    }

    #line-timeline-vertical {
        width: 3px;
        margin-left: -5px;
        margin-top: -652px !important;
    }

    .line-timeline-vertical-reveal {
        height: 700px !important;
    }

    #line-timeline-horizontal {
        height: 3px;
        margin-left: -88px !important;
        margin-top: -5px !important;
    }

    .mobile-timeline-content-box {
        width: calc(100vw - 86px) !important;
        margin-left: -2px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        height: 300px !important;
        margin-top: 350px !important;
        position: absolute !important;
    }

    .mobile-timeline-content-box > div {
        margin-left: 30px !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        margin-bottom: 30px !important;
        padding-right: 30px !important;
    }

    .mobile-timeline-content-box > div > #yearTitle {
        margin-bottom: 10px !important;
    }

    .year {
        font-size: 60px !important;
        line-height: 79 !important;
    }

    .overline,
    .overline-blue,
    .overline-green,
    .overline-purple,
    .overline-pink {
        margin-bottom: 0px !important;
    }

    h3 {
        margin-bottom: 10px !important;
    }

    a[href^="tel"] {
        color: inherit; /* Inherit text color of parent element. */
        text-decoration: none; /* Remove underline. */
        /* Additional css `propery: value;` pairs here */
    }

    .press {
        margin-bottom: 45px !important;
    }

    .scroll-dots {
        width: 60px;
        height: 40px;
        margin-left: calc(50vw - 30px);
        position: absolute;
        margin-top: 353px;
    }

    .scroll-dots > div {
        width: 20px;
        height: 40px;
        float: left;
        text-align: center;
        font-family: 'Montserrat-Semibold';
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 40px;
        color: #FF2474;
        opacity: 0.2;
        cursor: pointer;
    }

    .scroll-dots-blue {
        width: 60px;
        height: 40px;
        margin-left: calc(50vw - 30px);
        position: absolute;
        margin-top: 353px;
    }

    .scroll-dots-blue > div {
        width: 20px;
        height: 40px;
        float: left;
        text-align: center;
        font-family: 'Montserrat-Semibold';
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 40px;
        color: #0797CE;
        opacity: 0.2;
        cursor: pointer;
    }

    .scroll-dots-purple {
        width: 60px;
        height: 40px;
        margin-left: calc(50vw - 30px);
        position: absolute;
        margin-top: 353px;
    }

    .scroll-dots-purple > div {
        width: 20px;
        height: 40px;
        float: left;
        text-align: center;
        font-family: 'Montserrat-Semibold';
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 40px;
        color: #AF73E1;
        opacity: 0.2;
        cursor: pointer;
    }

    .scroll-dot-active {
        opacity: 1.0 !important;
        font-size: 36px !important;
    }

    .contact-us-inner-wrap {
        width: 730px;
        height: 350px;
        margin-left: 80px;
    }

    .mobile-timeline-first-column > div {
        padding-left: 20px !important;
        padding-right: 0px !important;
        float: left !important;
    }

    #line-contact-vertical {
        margin-left: 378px !important;
        width: 3px !important;
    }

    #line-spaces-horizontal {
        height: 3px !important;
    }

    #line-spaces-vertical {
        width: 3px !important;
    }

    #line-sitemap-horizontal {
        height: 3px !important;
    }

    #line-sitemap-vertical {
        width: 3px !important;
    }

    #line-timeline-horizontal {
        height: 3px !important;
    }

    #line-timeline-vertical {
        width: 3px !important;
    }

    .large-outline {
        font-size: 80px;
        line-height: 57px;
    }

    .h0 {
        font-size: 40px !important;
        line-height: 40px !important;
        width: unset !important;
    }

    .live-box-wrap-scroll::-webkit-scrollbar {
        width: 0px !important;  /* Remove scrollbar space */
        background: transparent !important;  /* Optional: just make scrollbar invisible */
    }

    .live-box-wrap-scroll {
        -ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
    }
    .live-box-wrap-scroll::-webkit-scrollbar {
        display: none;  // Safari and Chrome
    }

    .instafeed-wrap {
        -ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
    }
    .instafeed-wrap::-webkit-scrollbar {
        display: none;  // Safari and Chrome
    }

    .index-properties-scroll::-webkit-scrollbar {
        width: 0px !important;  /* Remove scrollbar space */
        background: transparent !important;  /* Optional: just make scrollbar invisible */
    }

    .index-properties-scroll {
        -ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
    }
    .index-properties-scroll::-webkit-scrollbar {
        display: none;  // Safari and Chrome
    }

    .mobile-shop-image {
        width: 100vw;
        height: 400px;
        background-image: url('../img/shop-right.jpg');
        background-size: cover;
        background-position: center;
        position: absolute;
        margin-left: -20px;
        margin-top: 60px;
    }

    .mobile-1mw-image {
        width: 100vw;
        height: 530px;
        background-image: url('../img/one-manhattan-west-right.jpg?rev=2');
        background-size: cover;
        background-position: center;
        position: absolute;
        margin-left: -20px;
        margin-top: 120px;
    }

    .mobile-2mw-image {
        width: 100vw;
        height: 530px;
        background-image: url('../img/two-manhattan-west-right.jpg?rev=2');
        background-size: cover;
        background-position: bottom;
        position: absolute;
        margin-left: -20px;
        margin-top: 120px;
    }

    .mobile-work-image {
        width: 100vw;
        height: 530px;
        background-image: url('../img/work-left.jpg?rev=2');
        background-size: cover;
        background-position: bottom;
        position: absolute;
        margin-left: -20px;
        margin-top: 30px;
    }

    .shop-lot-map {
        margin-top: 90px !important;
    }

}

@media only screen and (max-width: 1000px) {
    .contact-us-inner-wrap {
        width: 730px !important;
        height: 350px !important;
        margin-left: 80px !important;

    }

    .contact-us-wrap > table {
        width: 380px !important;
    }

    #line-contact-vertical {
        margin-left: 378px !important;
    }

    .contact-us-inner-wrap > div > .overline-green,
    .contact-us-inner-wrap > div > .overline-purple {
        margin-bottom: 10px !important;
    }

    .contact-us-inner-wrap > div {
        margin-top: 115px !important;
        margin-left: 80px !important;
    }
}

@media only screen and (max-width: 900px) {
    .contact-us-inner-wrap {
        width: calc(100vw - 240px) !important;
    }
}

@media only screen and (max-width: 700px) {
    .contact-us-inner-wrap {
        width: calc(100vw - 40px) !important;
        margin-left: 40px !important;
        height: 350px;

    }

    .contact-us-wrap > table {
        width: 50vw !important;
    }

    #line-contact-vertical {
        margin-left: calc(50vw - 2px) !important;
    }

    .contact-numbers {
        position: absolute !important;
        margin-top: 20px !important;
        margin-left: -1px !important;
    }

    .contact-title {
        width: 100% !important;
    }

    .contact-name {
        margin-top: -88px !important;
    }

    .contact-phone {
        margin-top: 50px !important;
        margin-bottom: 6px !important;
    }

    .contact-us-inner-wrap > div {
        margin-top: 60px !important;
        margin-left: 60px !important;
    }

    .contact-live > div {
        margin-top: 90px !important;
    }


}

@media only screen and (max-width: 470px) {
    .mobile-amenities-title-wrap {
        margin-top: -50px;
        position: absolute;
        width: 140px;
    }
}



/* iPad */
@media only screen and (min-width: 600px) {
    .hero-box {
        display: block !important;
        margin-left: 20px;
    }

    .events-hero {
        background-image: url('../img/mobile-events-ipad.jpg?rev=5');
        background-position: center;
    }
}

@media only screen and (min-width: 890px) {
    .scroll-dots {
        display: none !important;
    }

    .events-hero {
        background-image: url('../img/events-hero.jpg?rev=5');
        background-position: center;
    }
}

@media only screen and (min-width: 1000px) {
    .hero-box {
        margin-left: 64px !important;
    }

    .contact-us-inner-wrap {
        margin-top: 240px !important;
    }

    .lofts-table {
        margin-top: -100px !important;
    }
}

/* Map Nav */
#map-nav {
    width: 100vw;
    height: 100vh;
    position: fixed;
    object-fit: contain;
    z-index: 1000000 !important;
    top: 0;
    background-image: url('../img/nav-map-blur.jpg');
    background-size: cover;
    transition: 0.5s left ease-out;
    left: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    padding: 0;
    display: block;
}

.nav-map-background {
    object-fit: contain;
    height: 100vh;
    position: relative;
    margin-left: calc((100vw - (100vh * 2.55)) / 2);
    padding: 0;
    display: block;

}

.nav-map-foreground {
    object-fit: contain;
    height: 100vh;
    position: relative;
    margin-left: calc((100vw - (100vh * 1.1936)) / 2);
    z-index: 1000;
    margin-top: -100vh;
    padding: 0;
    display: block;
}

.nav-map-show {
    left: 0px !important;
}

.nav-map-show-foreground {
    z-index: 1000 !important;
}

.map-close {
    position: absolute;
    margin-top: calc(-100vh + 20px);
    margin-left: 20px;
    z-index: 1000000000;
}

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

}