html, body,
h1, h2, h2, h3, ul, li, dl, dt, dd, em, strong, i, cite, address, figure,
input, textarea {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
}

*:focus {
    outline: none;
}

html {
    min-height: 100%;
}

body {
    font: 14px 'HelveticaNeueW01-45Ligh', sans-serif;
    line-height: 22px;
    -webkit-text-size-adjust: none;
    color: #000;
}

    body.overflow {
        overflow: hidden;
    }

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

p {
    margin: 0 0 30px 0;
}

h1,
h2,
.block-one h3 {
    font-size: 60px;
    font-family: 'HelveticaNeueW01-75Bold';
    line-height: 100%;
}



.width {
    width: 1200px;
    margin: 0 auto;
}

.inner-width {
    width: 1000px;
    margin: 0 auto;
}

/* Common */
hr {
    height: 3px;
    margin: 30px auto;
    border: 0;
    background: #3f4a4b;
    background: rgba(255,255,255,0.1);
}


/* Layout */
.three-quarters, .half, .third, .quarter {
    float: left;
    margin-right: 25px;
}

.three-quarters {
    width: 894px;
}

.half {
    width: 587px;
}

.third {
    width: 383px;
}

.quarter {
    width: 281px;
}

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










/* Navigation */
.nav {
    overflow: hidden;
    padding-top: 70px;
}

.logo {
    float: left;
    width: 116px;
    height: 61px;
    margin-bottom: 10px;
    -webkit-transform: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

    .logo img {
        width: 100%;
    }



.menu-button {
    position: relative;
    z-index: 100;
    width: 90px;
    height: 61px;
    padding: 0;
    border: none;
    background: transparent;
    text-align: right;
    cursor: pointer;
}

    .menu-button.active {
        position: fixed;
        left: 50%;
        margin-left: 510px;
    }

    @media (min-width: 1400px) {
        .menu-button.active {
            margin-left: 565px;
        }
    }

    .menu-button span {
        display: block;
        float: right;
        margin: 6px 10px 0 0;
        text-transform: uppercase;
        font-size: 12px;
    }

.menu-icon {
    display: block;
    float: right;
    padding: 4px 2px 1px 2px;
}

    .menu-icon b {
        position: relative;
        top: 0;
        display: block;
        opacity: 1;
        width: 24px;
        height: 4px;
        margin-bottom: 3px;
        background: #000;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        outline: 1px solid transparent;
    }

    .menu-button.active b:nth-child(1) {
        top: 7px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .menu-button.active b:nth-child(2) {
        opacity: 0;
    }

    .menu-button.active b:nth-child(3) {
        top: -7px;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }



.menu {
    overflow: hidden;
    position: fixed;
    z-index: 50;
    top: -100%;
    left: 0;
    height: 100%;
    right: 0;
    background: #4e86b0;
    background-size: cover;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    .menu.visible {
        top: 0;
    }

    .menu .blur {
        display: block;
        position: absolute;
        width: 120%;
        height: 140%;
        margin: -10% 0 0 -10%;
        background-color: #fff;
        background-position: center center;
        background-size: cover;
        background-image: url(/static/gallery/menu-pattern.svg);
    }

    .menu .width {
        height: 100%;
    }

    .menu ul {
        position: relative;
        top: 50%;
        opacity: 0;
        -moz-transition: all 0.6s ease .3;
        -webkit-transition: all 0.6s ease .3s;
        transition: all 0.6s ease .3s;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        list-style: none;
        width: 60%;
        margin: 0 auto;
        margin-top: -100px;
    }

    .menu.visible ul {
        margin-top: 0;
        opacity: 1;
    }

    .menu li {
        text-align: center;
    }

    .menu a {
        overflow: hidden;
        display: block;
        height: 52px;
        margin: 10px 0;
        font-size: 45px;
        font-family: 'HelveticaNeueW01-75Bold';
        line-height: 45px;
    }

        .menu a span {
            display: block;
            opacity: 1;
            margin-bottom: 5px;
            -moz-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .menu a:hover span:first-of-type {
            opacity: 0;
            margin-top: -50px;
        }

        .menu a span:last-of-type {
            opacity: 0;
            color: #154c9c;
        }

        .menu a:hover span:last-of-type {
            opacity: 1;
        }

        .menu a.active {
            color: #154c9c;
        }

/* Hero */
.hero {
    display: block;
    height: 540px;
    text-align: right;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    background-image: url(/static/gallery/hero-pattern.svg);
}

.home .hero {
    height: 715px;
}

@media (min-width: 1400px) {
    .hero .width {
        width: 1320px;
    }
}

.hero .title {
    margin-top: 60px;
    font-size: 135px;
    text-align: left;
}

.home .hero .title {
    margin-top: 130px;
}

.hero .title strong {
    display: block;
    margin-left: 145px;
    line-height: 100%;
    font-family: 'HelveticaNeueW01-75Bold';
}

    .hero .title strong:first-of-type:before {
        content: "*";
        position: absolute;
        margin-left: -70px;
        color: #154c9c;
    }

.facebook {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(/static/img/facebook.svg) no-repeat center center;
    color: transparent;
    font-size: 0;
}

.twitter {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(/static/img/twitter.svg) no-repeat center center;
    color: transparent;
    font-size: 0;
}

main {
}

    main:after {
        content: "";
        display: table;
        clear: both;
        overflow: hidden;
    }


.footer {
    overflow: hidden;
}

.footer-container {
    padding: 50px 0;
    background: #ebebeb;
}



.footer section {
    overflow: hidden;
    margin: 50px 0;
}

.footer h4 {
    float: left;
    margin: 25px 50px 0 0;
    font-size: 42px;
    font-family: 'HelveticaNeueW01-65Medi';
    line-height: 100%;
}

.footer img {
    float: left;
    width: 42px;
    margin-right: 20px;
}

.footer .address,
.footer .address address,
.footer .address div {
    float: left;
    font-size: 15px;
}

    .footer .address div {
        width: 170px;
    }

    .footer .address address {
        width: 150px;
    }

    .footer .address div {
        padding-top: 22px;
    }

    .footer .address span {
        display: block;
    }

.footer .social {
    float: right;
    margin-top: 11px;
    padding: 0 0 20px 0;
}

    .footer .social a {
        margin-left: 10px;
    }

.footer aside {
    overflow: hidden;
    font-size: 12px;
    font-family: 'HelveticaNeueW01-55Roma';
}

.footer .copyright {
    float: left;
}

.footer .crafted {
    float: right;
    font-family: 'HelveticaNeueW01-65Medi';
}


.download-strip {
    padding-top: 70px;
    font-size: 38px;
}

    .download-strip:after {
        content: "";
        display: table;
        clear: both;
    }

    .download-strip .form {
        float: left;
        margin-top: 28px;
        margin-right: 50px;
        text-align: right;
    }

    .download-strip .form-container {
        float: right;
    }

    .download-strip h5 {
        margin: 0 30px 10px 0;
        font-size: 38px;
        font-family: 'HelveticaNeueW01-75Bold';
        font-weight: normal;
        line-height: 100%;
    }

    .download-strip img {
        float: left;
        width: 280px;
    }

.dropdown {
    position: relative;
    display: inline-block;
    padding: 0 30px 0 0;
    border: none;
    background: transparent;
    font-size: 38px;
    font-family: 'HelveticaNeueW01-75Bold';
    line-height: 100%;
    text-align: left;
    cursor: pointer;
}

    .dropdown .value {
        position: relative;
        margin-right: 30px;
        border-bottom: 4px solid #000;
    }

        .dropdown .value:after {
            position: absolute;
            top: 20px;
            right: -30px;
            width: 17px;
            height: 15px;
            content: "";
            background: url(/static/img/arrow.svg) no-repeat center center;
        }

    .dropdown ul {
        display: none;
        width: 190px;
        position: absolute;
        z-index: 10;
        right: 0;
        list-style: none;
        overflow: hidden;
        margin-top: 20px;
        margin-right: 20px;
        padding: 0 40px 10px 0px;
        background: #fff;
        text-align: right;
    }

    .dropdown.open ul {
        display: block;
    }

    .dropdown li {
        font-size: 44%;
        line-height: 140%;
        cursor: pointer;
    }

        .dropdown li.hidden {
            display: none;
        }

.download-button {
    display: inline-block;
    clear: both;
    width: 160px;
    margin: 40px 30px 0 0;
    padding: 12px 0;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-family: 'HelveticaNeueW01-65Medi';
    text-align: center;
}

    .download-button:hover {
        background: #333;
    }

.download-strip .width {
    position: relative;
}


.drop-shadow {
    -webkit-box-shadow: -10px 10px 20px -4px rgba(100, 100, 100, 0.4);
    -moz-box-shadow: -10px 10px 20px -4px rgba(100, 100, 100, 0.4);
    box-shadow: -10px 10px 20px -4px rgba(100, 100, 100, 0.4);
}


.block-one {
    position: relative;
    margin: 80px 0 100px 0;
    padding-top: 40px;
}

    .block-one .width {
        position: relative;
    }

    .block-one h1,
    .block-one h3 {
        position: relative;
        z-index: 10;
        width: 50%;
        margin: 0 0 40px 220px;
    }

        .block-one h1:before,
        .block-one h3:before {
            content: "*";
            position: absolute;
            margin: -40px 0 0 -40px;
            color: #1b80b6;
            font-size: 60px;
        }

    .block-one figure {
        margin: 0;
    }

        .block-one figure img {
            position: absolute;
            z-index: -1;
            top: -20px;
            left: 50%;
            height: 493px;
        }

    .block-one .img-star {
        position: absolute;
        top: 20px;
        right: 0;
        font-size: 30px;
        font-family: 'HelveticaNeueW01-65Medi';
        letter-spacing: 6px;
        color: rgba(255,255,255,.3);
    }

        .block-one .img-star i {
            color: rgba(255,255,255,1);
        }

    .block-one q,
    .block-one .q {
        position: absolute;
        width: 140px;
        margin-left: -190px;
        quotes: none;
        font-size: 23px;
        line-height: 32px;
        text-align: right;
        font-family: 'HelveticaNeueW01-Thin';
    }

    .block-one .body {
        width: 24%;
        margin-left: 220px;
    }

    .block-one p:first-of-type {
        font-family: 'HelveticaNeueW01-65Medi';
    }

    .block-one .icon {
        position: absolute;
        top: 30px;
        left: 130px;
    }

    .block-one.no-quote h1,
    .block-one.no-quote h3,
    .block-one.no-quote .body {
        margin-left: 120px;
    }

    .block-one.no-quote .icon {
        top: 50px;
        left: 20px;
    }

.home .block-two,
.specification .block-one,
.block-floorplans,
.block-contact,
.downloads .block-one {
    position: relative;
}

.block-contact {
    overflow: hidden;
}

    .home .block-two:after,
    .specification .block-one:after,
    .block-floorplans:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        max-height: 800px;
        position: absolute;
        top: 0;
        right: 0px;
        background: transparent url("/static/gallery/pattern-right.svg") no-repeat bottom right;
        background-size: auto 100%;
    }

    .home .block-two:after {
        top: -25%;
    }

    @media (max-width: 1200px) {
        .home .block-two:after,
        .specification .block-one:after,
        .block-floorplans:after {
            max-height: 600px;            
        }
    }

     @media (max-width: 992px) {
        .home .block-two:after,
        .specification .block-one:after,
        .block-floorplans:after {
            max-height: 400px;
            top: auto;
            bottom: 0;
        }
    }

    .home .block-two:before,
    .specification .block-one:before,
    .block-contact:before,
    .block-floorplans:before,
    .downloads .block-one:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        max-height: 600px;
        position: absolute;
        bottom: -25%;
        left: 0px;
        background: transparent url("/static/gallery/pattern-left.svg") no-repeat bottom left;
        background-size: auto 100%;
    }

    @media (max-width: 1200px) {
        .home .block-two:before,
        .specification .block-one:before,
        .block-contact:before,
        .block-floorplans:before,
        .downloads .block-one:before {
            max-height: 400px;
        }
    }

    @media (max-width: 992px) {
        .home .block-two:before,
        .specification .block-one:before,
        .block-contact:before,
        .block-floorplans:before,
        .downloads .block-one:before {
            display: none;
        }
    }

    .home .block-two .width,
    .specification .block-one .width,
    .block-contact .width,
    .block-floorplans .width,
    .downloads .block-one .width {
        position: relative;
        z-index: 1;
    }

.block-two {
    position: relative;
}

    .block-two .width {
        position: relative;
    }

    .block-two h2 {
        position: relative;
        z-index: 10;
        float: right;
        width: 40%;
        margin: 10px 0 40px 0;
    }

        .block-two h2:before {
            content: "*";
            position: absolute;
            margin: -50px 0 0 55px;
            color: #1b80b6;
            font-size: 60px;
        }

    .block-two figure .tip {
        position: absolute;
        top: 0;
        font-family: 'HelveticaNeueW01-65Medi';
    }

        .block-two figure .tip:after {
            position: absolute;
            content: "";
            display: inline-block;
            width: 17px;
            height: 15px;
            background: url(/static/img/arrow.svg) no-repeat center center;
        }

    .block-two figure.first {
        position: absolute;
        z-index: 5;
        right: 39%;
    }

        .block-two figure.first img {
            width: 300px;
            height: 300px;
        }

        .block-two figure.first .tip {
            top: 10px;
            left: -135px;
        }

            .block-two figure.first .tip:after {
                top: 3px;
                margin-left: 10px;
                -ms-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }

    .block-two figure.second {
        position: absolute;
        top: 240px;
        right: 50%;
    }        

        .block-two figure.second img {
            height: 400px;
        }

        .block-two figure.second .tip {
            top: -35px;
            left: 100px;
        }

            .block-two figure.second .tip:after {
                bottom: -20px;
                left: 50%;
                margin-left: -8px;
            }

    .block-two .body {
        float: left;
        clear: both;
        width: 22%;
        height: 540px;
        margin-left: 65%;
    }

    .block-two p.bottom {
        clear: both;
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }






.block-three {
    position: relative;
    margin: 80px 0 100px 0;
    padding-top: 40px;
}

    .block-three .width {
        position: relative;
    }

    .block-three h1 {
        position: relative;
        z-index: 10;
        width: 70%;
        margin: 0 0 40px 0;
    }

        .block-three h1:before {
            content: "*";
            position: absolute;
            margin: -50px 0 0 55px;
            color: #1b80b6;
            font-size: 60px;
        }

    .block-three figure {
        margin: 0;
    }

        .block-three figure img {
            position: absolute;
            top: -20px;
            left: 60%;
            height: 493px;
        }

    .block-three .img-star {
        position: absolute;
        top: 20px;
        right: 0;
        font-size: 30px;
        font-family: 'HelveticaNeueW01-65Medi';
        letter-spacing: 6px;
        color: rgba(255,255,255,.3);
    }

        .block-three .img-star i {
            color: rgba(255,255,255,1);
        }

    .block-three .body {
        width: 59%;
        height: 400px;
    }

    .block-three .address {
        float: left;
        width: 58%;
    }

        .block-three .address img {
            float: left;
            width: 42px;
            margin-right: 20px;
        }

        .block-three .address span {
            display: block;
        }

        .block-three .address div {
            margin: 30px 0 0 63px;
        }

    .block-three p {
        float: left;
        width: 38%;
    }










.block-four {
    position: relative;
    margin: 80px 0 100px 0;
    padding-top: 40px;
}

    .block-four:after {
        display: table;
        content: "";
        overflow: hidden;
        clear: both;
    }

    .block-four .width {
        position: relative;
    }

    .block-four h1,
    .block-four h2 {
        float: right;
        position: relative;
        z-index: 10;
        width: 48%;
        margin: 0 0 40px 0;
    }

        .block-four h1:before,
        .block-four h2:before {
            content: "*";
            position: absolute;
            margin: -50px 0px 0px 55px;
            color: #1b80b6;
            font-size: 60px;
        }

    .block-four figure {
        margin: 0;
    }

        .block-four figure img {
            position: absolute;
            top: 60px;
            right: 45%;
            height: 493px;
        }

    .block-four .img-star {
        position: absolute;
        top: 90px;
        left: 0;
        font-size: 30px;
        font-family: 'HelveticaNeueW01-65Medi';
        letter-spacing: 6px;
        color: rgba(255,255,255,.3);
    }

        .block-four .img-star i {
            color: rgba(255,255,255,1);
        }

    .block-four q {
        position: absolute;
        width: 140px;
        margin-left: -190px;
        quotes: none;
        font-size: 23px;
        line-height: 32px;
        text-align: right;
        font-family: 'HelveticaNeueW01-Thin';
    }

    .block-four .body {
        float: right;
        clear: both;
        width: 25%;
        margin-right: 140px;
    }

    .block-four .icon {
        position: absolute;
        z-index: 1;
        top: 260px;
        right: 42%;
    }



.block-text {
    margin-top: 100px;
}

    .block-text p {
        clear: both;
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }





.block-contact {
    margin: 100px 0 0 0;
}

    .block-contact .width {
        position: relative;
    }

    .block-contact h1 {
        float: left;
        position: relative;
        z-index: 10;
        width: 40%;
        margin: 0 0 40px 40px;
    }

        .block-contact h1:before {
            content: "*";
            position: absolute;
            margin: -50px 0px 0px 55px;
            color: #1b80b6;
            font-size: 60px;
        }

    .block-contact .agents-container {
        float: right;
        width: 42%;
    }

    .block-contact .agent {
        float: left;
        width: 50%;
    }

        .block-contact .agent img {
            margin-bottom: 30px;
        }

    .block-contact dt {
        display: block;
        margin-bottom: 10px;
        font-family: 'HelveticaNeueW01-65Medi';
    }

    .block-contact dd {
        display: block;
        margin-bottom: 30px;
    }

    .block-contact .developers {
        overflow: hidden;
        clear: both;
        margin: 50px 0;
    }

        .block-contact .developers strong {
            display: block;
            margin: 50px 0 30px 0;
            font-family: 'HelveticaNeueW01-65Medi';
        }

        .block-contact .developers div {
            float: left;
            width: 50%;
        }


#LocationMap {
    height: 450px;
    clear: both;
    margin-bottom: 30px;
}

.location .block-three {
    margin-bottom: 0;
}

.directions {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-family: 'HelveticaNeueW01-65Medi';
}

    .directions:after {
        position: absolute;
        top: 3px;
        content: "";
        display: inline-block;
        width: 17px;
        height: 15px;
        margin-left: 10px;
        background: url(/static/img/arrow.svg) no-repeat center center;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.spec-list {
    list-style: none;
    margin: 100px 0 0 70px;
}

    .spec-list li {
        margin-bottom: 10px;
    }

        .spec-list li:before {
            content: "*";
            position: absolute;
            margin: 8px 0 0 -25px;
            color: #1b80b6;
            font-size: 40px;
        }




.quote {
    overflow: hidden;
    text-align: center;
    color: #fff;
    background: url(/static/gallery/SpecQuote.jpg) no-repeat center top;
    background-size: cover;
}

    .quote h2 {
        position: relative;
        width: 75%;
        margin: 100px auto 300px auto;
        font-size: 52px;
        line-height: 120%;
        text-shadow: -2px 0px 5px rgba(0, 0, 0, .5);
    }

        .quote h2 i {
            position: relative;
            display: inline-block;
        }

            .quote h2 i:after {
                content: "";
                display: block;
                position: absolute;
                width: 100%;
                height: 3px;
                background: #fff;
            }



.downloads .block-one h1 {
    width: 70%;
    margin-bottom: 10px;
    padding-top: 80px;
}

.downloads .dropdown ul {
    left: -20px;
    right: initial;
    text-align: left;
}

.downloads .dropdown {
    margin-left: 120px;
    font-size: 60px;
}

    .downloads .dropdown .value:after {
        top: 36px;
    }

.downloads .download-button {
    margin: 100px 0 100px 120px;
}

.download-info {
        margin-left: 125px;
    }

    .download-links {
        margin-left: 125px;
        margin-top: 20px;
    }
        .download-links a {
            display: inline-block;
            width: 100%;
            font-size: 1.8em;
            line-height: 1.4em;
        }


.block-floorplans {
    margin: 100px 0;
}

.floorplans h1 {
    display: inline;
    width: auto;
    margin-bottom: 0;
}

    .floorplans h1:before {
        content: "*";
        position: absolute;
        margin: -40px 0 0 -40px;
        color: #1b80b6;
        font-size: 60px;
    }

.floorplans .block-floorplans .dropdown {
    font-size: 60px;
    color: #1b80b6;
}

    .floorplans .block-floorplans .dropdown .value:after {
        top: 36px;
    }

    .floorplans .block-floorplans .dropdown ul {
        left: -20px;
        text-align: left;
        background: rgba(255,255,255,.8);
    }

.floorplans .block-floorplans .value {
    border-color: #1b80b6;
}

.floorplans .title-container {
    width: 60%;
    margin-left: 120px;
}

.floorplan-images {
    list-style: none;
    margin: 100px auto 0 auto;
    text-align: center;
}

    .floorplan-images li {
        display: none;
    }

        .floorplan-images li.visible {
            display: block;
        }

    .floorplan-images img {
        width: 82%;
    }

.floorplans .width {
    position: relative;
}

.floorplans .floorplan-space {
    list-style: none;
    position: absolute;
    top: 93px;
    right: 0;
    width: 200px;
    margin: 0 120px 0 0;
    text-align: right;
    line-height: 140%;
}

    .floorplans .floorplan-space li {
        display: none;
    }

        .floorplans .floorplan-space li.visible {
            display: block;
        }

    .floorplans .floorplan-space strong {
        display: block;
        font-family: 'HelveticaNeueW01-65Medi';
        font-size: 18px;
    }

    .floorplans .floorplan-space span {
        display: block;
    }


.error {
    background: url(/static/gallery/HeroOrange.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
}

    .error .logo {
        float: none;
        display: inline-block;
        width: 150px;
        margin: 150px auto 50px auto;
    }

        .error .logo img {
            width: 100%;
        }

    .error h1 {
        display: inline-block;
        position: relative;
        margin: 50px 0;
        color: #fff;
        font-family: 'HelveticaNeueW01-65Medi';
    }

        .error h1:before {
            content: "*";
            position: absolute;
            top: -30px;
            left: -30px;
        }

    .error h2 {
        color: #fff;
        font-size: 27px;
        text-align: center;
        font-family: 'HelveticaNeueW01-45Ligh';
    }




.block-gallery {
    margin: 100px 0 0 0;
}

    .block-gallery .width {
        position: relative;
        height: 777px;
    }

    .block-gallery h1 {
        position: absolute;
        top: 100px;
        z-index: 20;
        width: 460px;
    }

        .block-gallery h1:before {
            content: "*";
            position: absolute;
            margin: -50px 0 0 55px;
            color: #1B80B6;
            font-size: 60px;
        }

    .block-gallery h2 {
        margin-top: 50px;
        quotes: none;
        font-size: 20px;
        line-height: 28px;
        text-align: right;
        font-family: 'HelveticaNeueW01-Thin';
    }

.owl-carousel.gallery-carousel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 75%;
    height: 100%;
    padding-right: 60px;
}

.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item div {
    height: 100%;
}

    .owl-item div {
        background-position: center center;
        background-size: cover;
    }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    position: absolute;
    z-index: 20;
    overflow: hidden;
    top: 50%;
    width: 50px;
    height: 50px;
    background: url(/static/img/arrow.svg) no-repeat center center;
    color: transparent;
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 0;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}



.gallery-side {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
    padding-right: 40px;
    padding-left: 60px;
}

.gallery-previous {
    position: relative;
    width: 100%;
    height: 190px;
    margin-top: 330px;
    cursor: pointer;
}

    .gallery-previous div {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-position: center center;
        background-size: cover;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

        .gallery-previous div.active {
            opacity: 1;
        }

/*
.hero .title strong {
	-moz-transition: all .8s ease;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}
.hero .title strong.animate {
	margin-left: -50px;
	opacity: 0;
}
*/

.no-transition {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}


.home h1,
.home h2,
.specification h1 {
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

    .home h1.animate,
    .specification h1.animate {
        opacity: 0;
        margin-left: -100px;
    }

    .home h2.animate {
        opacity: 0;
        margin-right: -100px;
    }

.block-one figure img {
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .block-one figure img.animate {
        opacity: 0;
        top: 80px;
    }

.block-one .body {
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .block-one .body.animate {
        opacity: 0;
        margin-left: -100px;
    }

.home .block-two figure.first,
.home .block-two figure.second {
    opacity: 1;
    -moz-transition: margin-top 1s ease, opacity 1s ease;
    -webkit-transition: margin-top 1s ease, opacity 1s ease;
    transition: margin-top 1s ease, opacity 1s ease;
}

    .home .block-two figure.first.animate,
    .home .block-two figure.second.animate {
        margin-top: 100px;
        opacity: 0;
    }

.home .block-two .body {
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .home .block-two .body.animate {
        opacity: 0;
        margin-left: 75%;
    }

.home .block-two p.bottom {
    position: relative;
    opacity: 1;
    top: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .home .block-two p.bottom.animate {
        top: 100px;
        opacity: 0;
    }


.spec-list {
    position: relative;
    opacity: 1;
    left: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .spec-list.animate {
        left: 100px;
        opacity: 0;
    }

.quote {
    position: relative;
    opacity: 1;
    top: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .quote.animate {
        top: 100px;
        opacity: 0;
    }

.floorplans .title-container,
.floorplans .floorplan-images,
.floorplans .floorplan-space {
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.floorplans .floorplan-images {
    position: relative;
    top: 0;
}

.floorplans .floorplan-space {
}

.floorplans .floorplan-images.animate {
    opacity: 0;
    top: 100px;
}

.floorplans .floorplan-space.animate {
    opacity: 0;
    top: 200px;
}

.floorplans .title-container.animate {
    opacity: 0;
    margin-left: 0;
}


.location .block-three h1 {
    position: relative;
    left: 0;
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .location .block-three h1.animate {
        position: relative;
        left: -100px;
        opacity: 0;
    }

.location figure img {
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .location figure img.animate {
        opacity: 0;
        top: 80px;
    }

.location .block-three .body {
    opacity: 1;
    left: 0;
    position: relative;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .location .block-three .body.animate {
        opacity: 0;
        left: -150px;
    }

#LocationMap {
    opacity: 1;
    top: 0;
    position: relative;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    #LocationMap.animate {
        opacity: 0;
        top: 100px;
    }


.sustainability .block-text {
    opacity: 1;
    position: relative;
    top: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .sustainability .block-text.animate {
        opacity: 0;
        top: 50px;
    }

.sustainability .block-one h1,
.sustainability .block-one h3 {
    opacity: 1;
    position: relative;
    left: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .sustainability .block-one h1.animate,
    .sustainability .block-one h3.animate {
        opacity: 0;
        left: -100px;
    }

.sustainability .block-one .icon {
    opacity: 1;
    margin-left: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .sustainability .block-one .icon.animate {
        opacity: 0;
        margin-left: -100px;
    }

.sustainability .block-four {
    height: 550px;
}

    .sustainability .block-four h2 {
        opacity: 1;
        margin-right: 0;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

        .sustainability .block-four h2.animate {
            opacity: 0;
            margin-right: -100px;
        }

    .sustainability .block-four figure img {
        opacity: 1;
        margin-top: 0;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

        .sustainability .block-four figure img.animate {
            opacity: 0;
            margin-top: 100px;
        }

    .sustainability .block-four .body {
        opacity: 1;
        position: relative;
        right: 0;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

        .sustainability .block-four .body.animate {
            opacity: 0;
            right: -100px;
        }

    .sustainability .block-four .icon {
        opacity: 1;
        margin-top: 0;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

        .sustainability .block-four .icon.animate {
            opacity: 0;
            margin-top: 100px;
        }


.gallery .block-text {
    opacity: 1;
    position: relative;
    top: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .gallery .block-text.animate {
        opacity: 0;
        top: 50px;
    }

.gallery-side {
    position: relative;
    z-index: 20;
    opacity: 1;
    margin-left: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .gallery-side.animate {
        opacity: 0;
        margin-left: -100px;
    }

.gallery-carousel {
    opacity: 1;
    z-index: -1 !important;
    margin-top: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .gallery-carousel.animate {
        opacity: 0;
        margin-top: 100px;
    }

.block-contact h1,
.block-contact .agents-container {
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.block-contact h1 {
    margin-left: 0
}

    .block-contact h1.animate {
        opacity: 0;
        margin-left: -100px;
    }

.block-contact .agents-container {
    margin-top: 0;
}

    .block-contact .agents-container.animate {
        opacity: 0;
        margin-top: 100px;
    }


.downloads .block-one h1 {
    opacity: 1;
    margin-top: 0;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .downloads .block-one h1.animate {
        opacity: 0;
        margin-top: 100px;
    }

.downloads .dropdown,
.downloads .download-button {
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .downloads .dropdown.animate,
    .downloads .download-button.animate {
        opacity: 0;
    }


.download-info {
    opacity: 1;
    margin-left: 125px;
}

    .download-info.animate {
        opacity: 0;
    }

.download-links {
    opacity: 1;
    margin-left: 125px;
    margin-top: 20px;
}

    .download-links.animate {
        opacity: 0;
    }

    .download-links a {
        display: inline-block;
        width: 100%;
        font-size: 1.8em;
        line-height: 1.4em;
    }

.download-strip {
    position: relative;
    top: 0;
    opacity: 1;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .download-strip.animate {
        position: relative;
        top: 100px;
        opacity: 0;
    }

.footer-container {
    position: relative;
    top: 0;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

    .footer-container.animate {
        top: 430px;
    }


.img-star {
    display: none !important;
}




/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}






/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev,
    .owl-carousel .owl-controls .owl-nav .owl-next,
    .owl-carousel .owl-controls .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel .owl-refresh .owl-item {
        display: none;
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d;
        }

    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        -moz-transition: scale(1.3, 1.3);
        -ms-transition: scale(1.3, 1.3);
        -o-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}












@media screen and (max-width: 1280px) {
    .width {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 40px;
    }

    .menu a {
        height: 42px;
        font-size: 40px;
    }

    .hero {
        height: 470px;
    }

    .home .hero {
        height: 570px;
    }

    .hero .title {
        margin-top: 40px;
    }

    .home .hero .title {
        margin-top: 80px;
    }

    .hero .title strong {
        margin-left: 100px;
        font-size: 110px;
    }

        .hero .title strong:first-of-type:before {
            margin-left: -60px;
        }

    .menu-button.active {
        left: 100%;
        margin-left: -130px;
    }

    .menu ul {
        width: 100%;
    }

    .block-one .img-star {
        right: 40px;
    }

    .block-two h2 {
        width: 45%;
    }

    .block-contact h1 {
        width: 50%;
    }

    .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: 40px;
    }

    .owl-carousel .owl-controls .owl-nav .owl-next {
        right: 40px;
    }

    .gallery-previous {
        height: 150px;
        margin-top: 260px;
    }

    .owl-carousel.gallery-carousel {
        width: 70%;
    }

    .gallery-side {
        width: 30%;
    }

    .block-gallery .width {
        height: 650px;
    }
}

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

    h1,
    h2 {
        font-size: 46px;
    }

    .hero {
        height: 370px;
    }

    .home .hero {
        height: 470px;
    }

    .hero .title {
        margin-top: 30px;
    }

    .home .hero .title {
        margin-top: 70px;
    }

    .hero .title strong {
        margin-left: 75px;
        font-size: 90px;
    }

        .hero .title strong:first-of-type:before {
            margin-left: -50px;
        }

    .menu a {
        height: 26px;
        font-size: 22px;
        line-height: 16px;
    }

        .menu a:hover span:first-of-type {
            margin-top: -21px;
        }

    .footer section {
        width: 680px;
        margin: 0 auto;
    }

    .footer .address {
        float: right;
    }

    .footer .social {
        float: none;
        clear: both;
        width: 100%;
        padding-top: 50px;
        text-align: center;
    }

        .footer .social a {
            margin: 0 5px;
        }

    .block-one h1,
    .block-one h3,
    .block-one.no-quote h1,
    .block-one.no-quote h3 {
        width: 70%;
        margin-left: 40px;
    }

    .block-one q,
    .block-one .q {
        position: static;
        display: block;
        width: 100%;
        margin: 0;
        padding-bottom: 20px;
        text-align: left;
    }

    .block-one .body,
    .block-one.no-quote .body {
        width: 40%;
        margin-left: 0;
    }

    .block-one .img-star {
        right: 20px;
    }

    .block-one .icon {
        display: none;
    }

    .block-two figure.first img {
        width: 200px;
        height: 200px;
    }

    .block-two figure.second {
        top: 180px;
    }

        .block-two figure.second img {
            height: 275px;
        }

    .block-two .body {
        width: 32%;
        height: 380px;
    }
    
    .block-four .body {
        width: 38%;
        margin-right: 2%;
    }

    .block-four .icon {
        display: none;
    }
    
    .downloads .dropdown {
        margin-left: 40px;
        font-size: 46px;
    }

        .downloads .dropdown .value:after {
            top: 26px;
        }

    .downloads .download-button {
        margin: 90px 0 70px 40px;
    }

    .downloads .download-info {
        margin-left: 45px;
    }

    .downloads .download-links {
        margin-left: 45px;
    }
    
    .floorplans .block-floorplans .dropdown {
        font-size: 46px;
    }

        .floorplans .block-floorplans .dropdown .value:after {
            top: 26px;
        }

    .floorplans .floorplan-space {
        top: 65px;
    }
    
    .block-contact h1 {
        margin-left: 150px;
    }

    .block-contact .agents-container {
        width: 60%;
    }

    .quote h2 {
        font-size: 36px;
    }
    
    .block-gallery .width {
        height: 500px;
    }

    .block-gallery h1 {
        top: 60px;
    }

    .block-gallery h2 {
        display: none;
    }

    .gallery-side {
        padding-right: 20px;
    }

    .gallery-previous {
        margin-top: 200px;
    }
}

@media screen and (max-width: 767px) {

    h1,
    h2,
    .block-one h3 {
        font-size: 30px;
    }

    .width {
        padding: 0 20px;
    }

    .nav {
        padding-top: 19px;
    }

    .logo {
        width: 82px;
        height: 44px;
    }

    .menu-button {
        height: 44px;
    }

        .menu-button.active {
            margin-left: -110px;
        }

    .menu a {
        font-size: 22px;
        font-family: 'HelveticaNeueW01-65Medi';
    }
    
    .home .hero {
        height: 270px;
    }

    .hero {
        height: 270px;
        background-size: 170% auto;
        background-position: center top;
    }

        .hero .title {
            margin-top: 60px;
        }

            .hero .title strong {
                margin-left: 0;
                font-size: 50px;
            }

                .hero .title strong:first-of-type:before {
                    margin: -30px 0 0 0;
                }
                
    .footer section {
        width: 100%;
        text-align: center;
    }

    .footer h4,
    .footer img,
    .footer .address address {
        float: none;
        margin-right: 0;
    }

    .footer h4 {
        font-size: 35px;
    }

    .footer img {
        margin: 20px 0;
    }

    .footer .address address,
    .footer .address div {
        width: 100%;
    }

    .footer .address address {
        padding-top: 0;
    }

    .footer .address {
        float: none;
    }

        .footer .address span {
            display: inline;
        }

            .footer .address span:after {
                content: ", ";
            }

            .footer .address span:last-of-type:after {
                content: "";
            }

    .footer aside {
        text-align: center;
    }

        .footer aside p {
            display: none;
        }

    .footer .social {
        padding-top: 10px;
    }

    .footer .copyright,
    .footer .crafted {
        float: none;
    }

    .dropdown {
        position: static;
        padding: 0;
        font-size: 30px;
    }

    .download-strip {
        text-align: center;
    }

        .download-strip h5 {
            margin-right: 0;
        }

        .download-strip .form-container {
            float: none;
        }

        .download-strip .form {
            float: none;
            margin: 0 0 50px 0;
            text-align: center;
        }

        .download-strip img {
            float: none;
            width: 200px;
        }
        
    .dropdown ul {
        margin-right: 0;
        padding: 0 20px 10px 20px;
    }

    .dropdown.open ul {
        left: 0;
        right: 0;
        margin-top: 9px;
        padding-top: 10px;
        background: rgba(255,255,255,.95);
        text-align: center;
    }

    .dropdown li {
        line-height: 170%;
        font-size: 50%;
    }

    .download-strip h5 {
        font-size: 30px;
    }

    .download-button {
        margin: 40px 0 0 0;
    }

    .dropdown .value:after {
        top: 12px;
    }
    
    section.download-strip {
        margin: 50px 0 0 0;
        padding-top: 50px;
    }
    
    .spec-list {
        margin: 50px 0 0 0;
        text-align: center;
    }

        .spec-list li:before {
            display: block;
            position: static;
            margin: 20px 0 0 0;
        }
        
    .quote h2 {
        width: 100%;
        margin: 40px auto 150px auto;
        font-size: 27px;
    }

    .downloads .block-one.no-quote {
        padding-top: 0;
        margin-top: 0;
    }

    .downloads .download-info {
        margin-left: 0;
    }

    .downloads .download-links {
        margin-left: 0;
        margin-bottom: 50px;
    }
    

    /* Blocks */
    .block-one h1,
    .block-one h3,
    .block-one.no-quote h1,
    .block-one.no-quote h3,
    .block-two h2,
    .block-three h1,
    .block-four h1,
    .block-four h2,
    .block-contact h1,
    .block-gallery h1 {
        position: relative;
        width: 100%;
        margin: 0 0 30px 0;
        text-align: center;
    }

        .block-one h1:before,
        .block-one h3:before,
        .block-two h2:before,
        .block-three h1:before,
        .block-four h1:before,
        .block-four h2:before,
        .block-contact h1:before,
        .floorplans h1:before,
        .block-gallery h1:before {
            left: 50%;
            margin-left: -10px;
        }

    .block-two h2 {
        margin-top: 100px;
    }

    .block-one .body,
    .block-one.no-quote .body,
    .block-two .body,
    .block-three .body,
    .block-four .body {
        width: auto;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .block-three p {
        float: none;
        width: auto;
        padding-top: 30px;
        clear: both;
        text-align: center;
    }

    .block-one figure img,
    .block-two figure.first img,
    .block-two figure.second img,
    .block-three figure img,
    .block-four figure img {
        position: static;
        width: 100%;
        height: auto;
    }

    /* Block One */
    .block-one {
        margin: 30px 0px 50px;
    }

        .block-one figure,
        .block-four figure {
            position: relative;
            width: 100%;
            margin-bottom: 20px;
        }

        .block-one q,
        .block-one .q {
            text-align: center;
        }

    /* Block Two */
    .block-two figure.first,
    .block-two figure.second {
        position: static;
    }

    .block-two figure .tip {
        display: none;
    }

    .block-two p.bottom {
        width: 100%;
        text-align: center;
    }

    /* Block Three */
    .block-three .address {
        width: 100%;
        text-align: center;
    }

        .block-three .address img {
            float: none;
            margin: 20px 0;
        }

        .block-three .address div {
            margin: 30px 0;
        }


    .block-text {
        margin-top: 50px;
    }

        .block-text p {
            width: 100%;
        }


    #LocationMap {
        height: 280px;
    }

    .downloads .block-one {
        text-align: center;
    }

        .downloads .block-one h1 {
            margin-bottom: 6px;
        }

    .downloads .dropdown {
        margin-left: 0;
        font-size: 30px;
    }

        .downloads .dropdown .value:after {
            top: 14px;
        }

    .downloads .download-button {
        margin: 60px 0;
    }


    .floorplans .title-container {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .floorplans .block-floorplans .dropdown {
        font-size: 30px;
    }

        .floorplans .block-floorplans .dropdown .value:after {
            top: 14px;
        }

        .floorplans .block-floorplans .dropdown ul {
            left: 0;
            margin-left: 0;
            text-align: center;
        }

    .floorplan-images img {
        width: 100%;
    }

    .floorplan-images {
        margin: 60px auto 0 auto;
    }

    .floorplans .floorplan-space {
        position: static;
        width: 100%;
        margin: 50px 0 0 0;
        text-align: center;
    }

    .sustainability .block-four {
        height: auto;
    }


    .block-contact {
        text-align: center;
    }

        .block-contact .agents-container {
            width: 100%;
        }

        .block-contact .agent,
        .block-contact .developers div {
            width: 100%;
        }

            .block-contact .agent:first-of-type,
            .block-contact .developers div:first-of-type {
                margin-bottom: 50px;
            }

    .block-gallery h1 {
        display: block;
        top: 0;
    }

    .gallery-previous {
        display: none;
    }

    .gallery-side {
        width: 100%;
        padding: 0;
    }

    div.owl-stage {
        width: 100% !important;
    }

    .owl-carousel.gallery-carousel {
        padding-right: 0;
    }

    .block-gallery .width,
    .owl-stage-outer,
    .owl-stage,
    .owl-item,
    .owl-item div {
        width: 100%;
        height: auto;
    }

        .owl-item div {
            height: 300px;
        }

    .owl-carousel.gallery-carousel {
        position: static;
        width: 100%;
        clear: both;
        float: none;
    }

    .owl-carousel .owl-stage-outer {
        overflow: initial;
    }

    .owl-carousel .owl-stage {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .owl-carousel .owl-item {
        float: none;
        width: 100% !important;
    }

        .owl-carousel .owl-item.cloned {
            display: none;
        }

    .owl-carousel .owl-controls {
        display: none;
    }
 
}

@media screen and (max-width: 460px) {

    .downloads .block-one.no-quote {
        padding-top: 0;
        margin-top: 0;
    }

    .downloads .download-info {
        margin-left: 0;
    }

    .downloads .download-links {
        margin-left: 0;
        margin-bottom: 50px;
    }

        .downloads .download-links a {
            font-size: 1.4em;
            line-height: 2.2em;
        }

}