body {padding: 0;margin: 0;background: #FFFFFF;font-family: 'Montserrat', sans-serif;font-weight: 400;-moz-image-rendering: auto;image-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }.page-center {position: relative;max-width: 1190px;padding: 0 10px;margin: auto; }* {box-sizing: border-box; }.btn {display: block;border-radius: 6px 6px 20px 6px;height: 59px;border: 2px solid #FFFFFF;color: #FFFFFF;background: rgba(0, 0, 0, 0.2);width: 203px;text-transform: uppercase;text-align: center;font-size: 15px;letter-spacing: 3px;font-weight: 400;line-height: 1;padding-top: 18px;cursor: pointer;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1); }.btn:hover {background: rgba(0, 0, 0, 0.6); }.btn.gold {background: #869f5d;border: 2px solid #869f5d; }.btn.gold:hover {background: #788f54;border: 2px solid #788f54; }.btn.see-projects {border: 2px solid #231f20;width: 260px;color: #231f20;background: transparent; }.circle-nav {cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: url("../images/common/circle-nav.png");width: 53px;height: 53px;display: block; }.circle-nav:hover {background: url("../images/common/circle-nav-over.png"); }.clearfix:after {clear: both;content: "";display: block; }.separator {position: relative;height: 2px;width: 30px;margin: 50px auto;background: #869f5d; }input:focus,select:focus,textarea:focus,button:focus,.textarea:focus {outline: none; }#under-or-equal-to-2560 {display: none; }@media all and (max-width: 2560px) {#under-or-equal-to-2560 {display: block; } }#under-or-equal-to-1920 {display: none; }@media all and (max-width: 1920px) {#under-or-equal-to-1920 {display: block; } }#under-or-equal-to-1680 {display: none; }@media all and (max-width: 1680px) {#under-or-equal-to-1680 {display: block; } }#under-or-equal-to-1480 {display: none; }@media all and (max-width: 1480px) {#under-or-equal-to-1480 {display: block; } }#under-or-equal-to-1300 {display: none; }@media all and (max-width: 1300px) {#under-or-equal-to-1300 {display: block; } }#under-or-equal-to-1280 {display: none; }@media all and (max-width: 1280px) {#under-or-equal-to-1280 {display: block; } }#under-or-equal-to-1279 {display: none; }@media all and (max-width: 1279px) {#under-or-equal-to-1279 {display: block; } }#under-or-equal-to-1250 {display: none; }@media all and (max-width: 1250px) {#under-or-equal-to-1250 {display: block; } }#under-or-equal-to-1150 {display: none; }@media all and (max-width: 1150px) {#under-or-equal-to-1150 {display: block; } }#under-or-equal-to-1024 {display: none; }@media all and (max-width: 1024px) {#under-or-equal-to-1024 {display: block; } }#under-or-equal-to-990 {display: none; }@media all and (max-width: 990px) {#under-or-equal-to-990 {display: block; } }#under-or-equal-to-768 {display: none; }@media all and (max-width: 768px) {#under-or-equal-to-768 {display: block; } }#under-or-equal-to-767 {display: none; }@media all and (max-width: 767px) {#under-or-equal-to-767 {display: block; } }#under-or-equal-to-680 {display: none; }@media all and (max-width: 680px) {#under-or-equal-to-680 {display: block; } }#under-or-equal-to-480 {display: none; }@media all and (max-width: 480px) {#under-or-equal-to-480 {display: block; } }.page-header {background: #ededed;padding: 50px 0 30px; }.page-header .page-center h1 {font-weight: 600;color: #869f5d;font-size: 20px;margin: 0;text-transform: uppercase; }@media all and (max-width: 990px) {.separator {margin: 30px auto; } }.page-404 {padding: 50px 0 200px; }.page-404 h1 {font-weight: 600;color: #869f5d;font-size: 20px;margin: 0;text-transform: uppercase; }.page-404 p a {color: #869f5d;font-weight: 600;text-decoration: none; }#resize-div {position: absolute;visibility: hidden;font-family: 'Montserrat', sans-serif;font-size: 15px; }.amp-template {position: relative;max-width: 1024px;margin: auto; }header {height: 120px; }header .logo {margin-top: 20px;float: left; }header nav {height: 120px;display: table;float: right; }header nav a {display: table-cell;vertical-align: middle;padding: 0 25px;text-decoration: none;color: #707070;font-size: 13px;line-height: 1;-webkit-transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1); }header nav a.selected, header nav a:hover {color: #869f5d; }header nav a:last-child {padding: 0 0 0 25px; }@media all and (max-width: 990px) {header {height: 70px; }header .logo {margin-top: 5px;float: left;height: 60px;width: auto; }header nav {position: fixed;top: 0;width: 200px;display: block;right: -250px;background: #869f5d;z-index: 10;height: 100%;padding-top: 20px;-webkit-transition: right 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: right 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: right 300ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: right 300ms cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);border-radius: 0 0 0 20px; }header nav a {display: block;margin-bottom: 15px;color: #000000; }header nav a.selected, header nav a:hover {color: #707070; }header .menu-burger {display: block; }.show-menu header nav {right: 0; } }.menu-burger {position: absolute;cursor: pointer;width: 40px;height: 38px;right: 10px;top: 15px;display: none;z-index: 100; }.menu-burger > .menu-line {position: absolute;width: 20px;height: 2px;background-color: #707070;-webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }.menu-burger > .menu-line1 {top: 10px;left: 10px; }.menu-burger > .menu-line2 {top: 16px;left: 10px; }.menu-burger > .menu-line3 {top: 22px;left: 10px; }.menu-burger:hover > .menu-line1 {top: 8px; }.menu-burger:hover > .menu-line3 {top: 24px; }.show-menu .menu-burger {position: fixed; }.show-menu .menu-burger > .menu-line1 {top: 16px;-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 45deg);-moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 45deg);-o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 45deg);-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 45deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 45deg); }.show-menu .menu-burger > .menu-line2 {-webkit-transform: scale3d(0.9, 0.9, 0.9);-moz-transform: scale3d(0.9, 0.9, 0.9);-o-transform: scale3d(0.9, 0.9, 0.9);-ms-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);opacity: 0; }.show-menu .menu-burger > .menu-line3 {top: 16px;-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -45deg);-moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -45deg);-o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -45deg);-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -45deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -45deg); }.show-menu .menu-burger:hover > .menu-line1 {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 45deg);-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 45deg);-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 45deg);-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 45deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 45deg); }.show-menu .menu-burger:hover > .menu-line3 {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -45deg);-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -45deg);-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -45deg);-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -45deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -45deg); }footer .about-contact {background: #101012;padding: 55px 10px; }footer .about-contact.amp {padding: 15px 10px; }footer .about-contact > div {position: relative;width: 100%;max-width: 1170px;margin: auto; }footer .about-contact > div > div {position: relative;width: calc(50% - 20px);float: left;border: 1px solid #707070;min-height: 500px;color: #FFFFFF;text-align: center;padding: 80px 20px; }footer .about-contact > div > div.amp {float: none;width: 100%;min-height: 0; }footer .about-contact > div > div h2 {font-size: 25px;font-weight: 600;margin: 0;text-transform: uppercase; }footer .about-contact > div > div.about {margin-right: 20px; }footer .about-contact > div > div.about p {font-family: 'Open Sans', sans-serif;font-size: 15px;line-height: 1.667; }footer .about-contact > div > div.contact {margin-left: 20px; }footer .about-contact > div > div.contact .form {text-align: left;padding: 20px 40px 0; }footer .about-contact > div > div.contact .form .left-side {float: left;width: calc(50% - 80px); }footer .about-contact > div > div.contact .form .right-side {float: right;width: calc(50% - 80px); }@media all and (max-width: 990px) {footer .about-contact > div > div.contact .form .left-side {float: none;width: 100%; }footer .about-contact > div > div.contact .form .right-side {float: none;width: 100%; } }footer .about-contact > div > div.contact .form fieldset {border: none;padding: 0;margin: 0 0 25px; }footer .about-contact > div > div.contact .form fieldset label {font-size: 15px;display: block;font-weight: 600;margin-bottom: 5px; }footer .about-contact > div > div.contact .form fieldset input[type="text"],footer .about-contact > div > div.contact .form fieldset input[type="tel"],footer .about-contact > div > div.contact .form fieldset input[type="email"] {border: none;background: none;border-bottom: 1px solid #707070;width: 100%;height: 30px;color: #FFFFFF;font-family: 'Montserrat', sans-serif;font-size: 15px; }footer .about-contact > div > div.contact .form fieldset input[type="text"].error,footer .about-contact > div > div.contact .form fieldset input[type="tel"].error,footer .about-contact > div > div.contact .form fieldset input[type="email"].error {border-bottom: 1px solid yellow; }footer .about-contact > div > div.contact .form fieldset .textarea {color: #FFFFFF;font-family: 'Montserrat', sans-serif;font-size: 15px;border: none;background: none;border-bottom: 1px solid #707070;width: 100%;min-height: 30px;resize: vertical; }footer .about-contact > div > div.contact .form fieldset .textarea.error {border-bottom: 1px solid yellow; }footer .about-contact > div > div.contact .thanks {margin-top: 100px;display: none; }footer .about-contact > div > div.contact.complete .form {display: none; }footer .about-contact > div > div.contact.complete .thanks {display: block; }footer .about-contact > div > div.contact .loading {position: absolute;right: 60px;bottom: 60px;display: none; }footer .about-contact > div > div.contact.sending .form fieldset {opacity: 0.3; }footer .about-contact > div > div.contact.sending .cta {display: none; }footer .about-contact > div > div.contact.sending .loading {display: block; }footer .about-contact > div > div .cta {display: block;color: #869f5d;font-size: 15px;font-weight: 600;text-decoration: none;position: absolute;right: 45px;bottom: 60px;cursor: pointer; }footer .about-contact > div > div.full {width: calc(100% - 20px); }footer .about-contact > div > div.full.contact {margin-left: 0; }footer .about-contact > div > div.full.contact .form {padding: 80px 40px 0; }footer .base {height: 121px;background: #869f5d; }footer .base .page-center {padding: 50px 40px;font-size: 14px;color: #FFFFFF; }@media all and (max-width: 990px) {footer .about-contact {padding: 15px 10px; }footer .about-contact > div > div {position: relative;width: 100%; }footer .about-contact > div > div.about {margin: 0 0 10px; }footer .about-contact > div > div.contact {margin: 0; } }.home-hero {position: relative;height: 725px;text-align: center;color: #FFFFFF;font-weight: 600;padding-top: 200px; }.home-hero .sub-title {font-size: 15px;margin-bottom: 40px; }.home-hero .title {font-size: 50px; }.home-hero nav {position: relative;max-width: 435px;margin: 60px auto 0; }.home-hero nav .projects {float: left; }.home-hero nav .team {float: right; }.home-hero .circle-nav {position: absolute;bottom: 60px;left: 50%;margin-left: -26px; }@media all and (max-width: 990px) {.home-hero {height: auto;padding: 30px 10px; }.home-hero .sub-title {font-size: 15px;margin-bottom: 20px; }.home-hero .title {font-size: 35px; }.home-hero nav {width: 203px;margin: 30px auto 30px; }.home-hero nav .projects {float: none;margin-bottom: 20px; }.home-hero nav .team {float: none; }.home-hero .circle-nav {position: relative;left: auto;bottom: auto;margin: 20px auto; } }.home-philosophy {padding: 120px 10px; }.home-philosophy .copy {position: relative;text-align: center;max-width: 949px;margin: auto;line-height: 1.684;font-size: 19px;color: #333333; }.home-philosophy .copy h2 {font-size: 24px;font-weight: 600;text-transform: uppercase;margin: 0; }@media all and (max-width: 990px) {.home-philosophy {padding: 30px 10px; }.home-philosophy .copy {font-size: 16px; }.home-philosophy .copy p {margin: 30px 0 0; } }.home-projects {background: #ededed;padding: 30px 30px 80px 30px; }.home-projects .project-list {margin-bottom: 100px; }.home-projects .see-projects {position: relative;margin: auto; }.project-list {position: relative;width: 100%;max-width: 1920px;margin: auto; }.project-list:after {clear: both;content: "";display: block; }.project-list .project-item {position: relative;float: left;display: block;width: calc(33.33% - 40px);margin: 20px;border-radius: 8px 8px 50px 8px; }.project-list .project-item .spacer {display: block;padding-bottom: 66.66%; }.project-list .project-item .circle-plus {position: absolute;bottom: 30px;right: 50px;z-index: 3; }.project-list .project-item .circle-plus-large {position: absolute;bottom: 30px;width: 41px;left: 50%;margin-left: -20px;z-index: 3;opacity: 0;-webkit-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1); }.project-list .project-item .hover {z-index: 2;position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;background: rgba(134, 159, 93, 0.8);border-radius: 8px 8px 50px 8px;opacity: 0;-webkit-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1); }.project-list .project-item .hover .copy {display: table;width: 100%;height: 100%; }.project-list .project-item .hover .copy .details {display: table-cell;vertical-align: middle; }.project-list .project-item .hover .copy .details > span {display: block;text-align: center;padding: 0 100px;position: relative;margin: auto;color: #FFFFFF; }.project-list .project-item .hover .copy .details > span.title {font-size: 28px;font-weight: 600;text-transform: uppercase; }.project-list .project-item .hover .copy .details > span.location {font-size: 16px;text-transform: uppercase;color: #231f20;font-weight: 600;margin: 30px auto; }.project-list .project-item .hover .copy .details > span.excerpt {font-size: 15px;font-family: 'Open Sans', sans-serif;font-weight: 400;line-height: 1.667; }.project-list .project-item:hover .hover {opacity: 1; }.project-list .project-item:hover .circle-plus-large {opacity: 1; }.project-list .project-page-item {position: relative;float: left;display: block;width: calc(50% - 40px);margin: 20px; }.project-list .project-page-item .project-item {width: 100%;margin: 0;float: none; }.project-list .project-page-item .project-item .hover .copy .details > span.excerpt {font-size: 18px; }.project-list .project-page-item .title-location {margin-top: 30px;text-transform: uppercase; }.project-list .project-page-item .title-location h3 {font-size: 28px;font-weight: 600;color: #637988;margin: 0 0 5px; }.project-list .project-page-item .title-location div {font-family: 'Open Sans', sans-serif;color: #231f20;font-size: 18px; }@media all and (max-width: 1300px) {.project-list .project-item {width: calc(50% - 40px); } }@media all and (max-width: 767px) {.project-list .project-page-item {width: calc(100% - 40px); } }@media all and (max-width: 990px) {.project-list {max-width: 570px; }.project-list .project-item {float: none;width: 100%;margin: 20px 0 0; }.project-list .project-item .circle-plus {position: absolute;bottom: 20px;right: 20px; }.project-list .project-item .hover .copy .details > span {display: block;text-align: center;padding: 0 20px;position: relative;margin: auto;color: #FFFFFF; }.project-list .project-item .hover .copy .details > span.location {margin: 10px auto; } }.testimonials {text-align: center;padding: 100px 0 150px; }.testimonials h2 {font-weight: 600;font-size: 25px; }.testimonials .carousel {width: 100%;max-width: 1130px;position: relative;display: table;margin: auto; }.testimonials .carousel > div {display: table-cell;vertical-align: middle; }.testimonials .carousel > div .scroll-container {width: 100%;position: relative;overflow: hidden; }.testimonials .carousel > div.list-container {position: relative;width: calc(100% - 270px); }.testimonials .carousel > div.list-container .list {display: table; }.testimonials .carousel > div.list-container .list > div {font-size: 15px;display: table-cell;font-family: 'Open Sans', sans-serif; }.testimonials .carousel > div.list-container .list > div q {color: #231f20;line-height: 1.667; }.testimonials .carousel > div.list-container .list > div > div {color: #999999;margin-top: 30px;font-style: italic; }.testimonials .carousel > div.left-arrow, .testimonials .carousel > div.right-arrow {width: 135px;cursor: pointer; }.testimonials .carousel > div.left-arrow.disabled, .testimonials .carousel > div.right-arrow.disabled {cursor: default;opacity: 0.2; }.testimonials .carousel > div.left-arrow {text-align: left; }.testimonials .carousel > div.right-arrow {text-align: right; }@media all and (max-width: 990px) {.testimonials {padding: 30px 0; }.testimonials .carousel {display: block; }.testimonials .carousel > div {display: block; }.testimonials .carousel > div.list-container {width: 100%;padding: 0 20px; }.testimonials .carousel > div.left-arrow, .testimonials .carousel > div.right-arrow {position: absolute;top: -60px; }.testimonials .carousel > div.left-arrow {left: 20px; }.testimonials .carousel > div.right-arrow {right: 20px; } }.adnz {text-align: center;background: #ededed;padding: 35px 10px; }