/*
Theme Name: 550 Madison
Theme URI: http://www.550madison.com
Description: This custom theme was developed for 550 Madison.
Author: Tamara Olson for Gensler
Author URI: http://www.studiosimpati.co
Version: 1.0

*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

* {
box-sizing: border-box;
}

article {
display: block
}

aside {
display: block
}

details {
display: block
}

figcaption {
display: block
}

figure {
display: block;
margin: 0
}

footer {
display: block
}

header {
display: block
}

hgroup {
display: block
}

nav {
display: block
}

section {
display: block
}

audio {
display: inline;
zoom: 1
}

canvas {
display: inline;
zoom: 1
}

video {
display: inline;
zoom: 1
}

audio:not([controls]) {
display: none
}

[hidden] {
display: none
}

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
color: #222
}

button {
font-family: sans-serif;
color: #222;
font-size: 100%;
vertical-align: middle;
line-height: normal;
cursor: pointer;
-webkit-appearance: button;
overflow: visible;
margin: 0
}

input {
font-family: sans-serif;
color: #222;
font-size: 100%;
vertical-align: middle;
line-height: normal;
margin: 0
}

select {
font-family: sans-serif;
color: #222;
font-size: 100%;
vertical-align: middle;
margin: 0
}

textarea {
font-family: sans-serif;
color: #222;
font-size: 100%;
overflow: auto;
vertical-align: top;
resize: vertical;
margin: 0
}

body {
font-size: 1em;
line-height: 1.4;
margin: 0
}

::-moz-selection {
background: #333;
color: #fff;
text-shadow: none
}

::selection {
background: #333;
color: #fff;
text-shadow: none
}

a {
color: #00e
}

a:hover {
color: #06e;
outline: 0
}

a:active {
outline: 0
}

abbr[title] {
border-bottom: 1px dotted
}

b {
font-weight: 700
}

strong {
font-weight: 700
}

blockquote {
margin: 1em 40px
}

dfn {
font-style: italic
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}

ins {
background: #ff9;
color: #000;
text-decoration: none
}

mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: 700
}

pre {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
white-space: pre-wrap;
word-wrap: break-word
}

code {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em
}

kbd {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em
}

samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em
}

q {
quotes: none
}

q:before {
content: none
}

q:after {
content: none
}

small {
font-size: 85%
}

sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
bottom: -.25em
}

sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -.5em
}

ul {
margin: 1em 0;
padding: 0 0 0 40px
}

ol {
margin: 1em 0;
padding: 0 0 0 40px
}

dd {
margin: 0 0 0 40px
}

nav ul {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0
}

nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0
}

img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle
}

svg:not(:root) {
overflow: hidden
}

form {
margin: 0
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

label {
cursor: pointer
}

legend {
border: 0;
margin-left: -7px;
white-space: normal;
padding: 0
}

input[type="button"] {
cursor: pointer;
-webkit-appearance: button;
overflow: visible
}

input[type="reset"] {
cursor: pointer;
-webkit-appearance: button;
overflow: visible
}

input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
overflow: visible
}

button[disabled] {
cursor: default
}

input[disabled] {
cursor: default
}

input[type="checkbox"] {
box-sizing: border-box;
width: 13px;
height: 13px;
padding: 0
}

input[type="radio"] {
box-sizing: border-box;
width: 13px;
height: 13px;
padding: 0
}

input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}

input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none
}

button::-moz-focus-inner {
border: 0;
padding: 0
}

input::-moz-focus-inner {
border: 0;
padding: 0
}

input:invalid {
background-color: #f0dddd
}

textarea:invalid {
background-color: #f0dddd
}

table {
border-collapse: collapse;
border-spacing: 0
}

td {
vertical-align: top
}

.chromeframe {
background: #ccc;
color: #000;
margin: .2em 0;
padding: .2em 0
}

@font-face {
font-family: "Domaine";
src: url(../../../../../../../themes/550-madison/fonts/DomaineDisplayNarrowWeb-Semibold.eot);
src: url("../../../../../../../themes/550-madison/fonts/DomaineDisplayNarrowWeb-Semibold.eot?#iefix") format("embedded-opentype"), url(../../../../../../../themes/550-madison/fonts/DomaineDisplayNarrowWeb-Semibold.woff) format("woff"), url(../../../../../../../themes/550-madison/fonts/DomaineDisplayNarrowWeb-Semibold.woff2) format("woff2");
font-weight: normal;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-00FE;
}

@font-face {
font-family: "Domaine";
src: url(../../../../../../../themes/550-madison/fonts/DomaineDisplayNarrowWeb-SemiboldItalic.eot);
src: url("../../../../../../../themes/550-madison/fonts/DomaineDisplayNarrowWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url(../../../../../../../themes/550-madison/fonts/DomaineDisplayNarrowWeb-SemiboldItalic.woff) format("woff"), url(../../../../../../../themes/550-madison/fonts/DomaineDisplayNarrowWeb-SemiboldItalic.woff2) format("woff2");
font-weight: normal;
font-style: italic;
font-stretch: normal;
unicode-range: U+0020-00FE;
}

/* Grid Details
Total = 1438

Gutters are 37px
11 gutters = 418
2.57%

Columns are 85px
12 columns = 1032
5.91%
*/

/***************************************************************************************************************************************************************************************/
/*BODY STYLES*/
/***************************************************************************************************************************************************************************************/

svg {
width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
img[src*=".svg"] {
width: 100%;
}
}

/* Clear Fix Hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

.tablet-only, .mobile-only {
display: none;
}

html {
font-size: 100%;
}

body {
overflow-x: hidden;
background: #fff;
color: #4d4d4d;
font: 1rem 'Centra No1';
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}

body.has-active-menu {
overflow: hidden;
}

.container {
overflow: visible;
padding: 0 38px;
width: 100%;
clear: both;
margin: 0 auto;
max-width: 1514px;
position: relative;
}

.vertically-center {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.flex-container {
display: flex;
display: -ms-flexbox;
}

section {
overflow: visible;
}

.desktop-only {
display: block;
}

/* TYPOGRAPHY */
h1, h2, h3 {
margin: 0;
color: #1a1a1a;
}

h1 {
font-family: 'Centra No1';
font-size: 62px;
line-height: 62px;
letter-spacing: .04em;
text-align: center;
}

h2 {
font-family: 'Centra No1';
font-size: 52px;
line-height: 60px;
letter-spacing: .025em;
margin-top: -14px;
}

h3 {
font-family: 'Centra No1';
font-size: 40px;
line-height: 46px;
letter-spacing: .025em;
}

h2.smallheading {
font-size: 30px;
line-height: 35px;
}

h2.smallerheader {
margin: 0;
font-family: 'Centra No1';
letter-spacing: .16em;
font-size: 16px;
line-height: 28px;
text-transform: uppercase;
font-weight: 800;
}

h1 a, h2 a, h3 a {
color: #a48899;
}

h1 a:hover, h2 a:hover, h3 a:hover {
color: #a48899;
}

span.section-heading {
letter-spacing: .016em;
font-size: 16px;
line-height: 26px;
}

span.label {
text-transform: uppercase;
font-weight: bold;
letter-spacing: .018em;
}

p {
font-size: 16px;
line-height: 30px;
}

hr {
border-color: #757575;
margin: 104px 0;
}

a {
text-decoration: none;
transition: all .25s ease;
}

a.btn {
display: inline-block;
color: #4d4d4d;
padding: 5px 20px;
font-size: 16px;
border: 1px solid #464646;
letter-spacing: .03em;
}

a.btn:hover {
background-color: #4d4d4d;
color: white;
}

/* Standard Elements */
img {
height: auto;
max-width: 100%;
}

iframe {
max-width: 100%;
}

/*HEADER STYLES*/
header {
position: static;
width: 100%;
background-color: white;
z-index: 2;
padding-bottom: 30px;
}

.logo {
  position: relative; /* was: fixed */
  z-index: 1; /* lower value */
  margin-left: 0; /* optional: cleaner alignment */
  top: auto; /* reset offset */
}

/* PAGE */
main {
position: relative;
z-index: 0;
}

/***************************************************************************************************************************************************************************************/

/*NAV STYLES*/
nav ul {
margin: 0;
padding: 0;
}

nav li {
display: inline-block;
}

/* Top Navigation */
nav#top-nav {
z-index: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
text-align: right;
padding: 6px 0 5px;
background-color: #e1e1e1;
margin-bottom: 28px;
}

nav#top-nav ul {
text-align: right;
width: 100%;
}

nav#top-nav ul li {
margin-left: 70px;
text-align: right;
}

nav#top-nav ul li:last-of-type {
margin-right: 0%;
}

nav#top-nav ul li a {
font-size: 11px;
color: #545454;
font-weight: bold;
letter-spacing: .018em;
}

li.floor-plans a:after {
width: 10px;
height: 10px;
background-size: 100%;
margin-left: 10px;
content: ' ';
display: inline-block;
vertical-align: middle;
background-image: var(--wpr-bg-9d95255b-869b-43aa-90e6-8a66a282bac1);
}

li.instagram a:after {
width: 10px;
height: 10px;
background-size: 100%;
margin-left: 10px;
content: ' ';
display: inline-block;
vertical-align: middle;
background-image: var(--wpr-bg-9eef417d-864b-45ae-9d02-d7ebb432e013);
}

li.instagram-logo a {
color: transparent;
}

li.instagram-logo a:after {
width: 20px;
height: 20px;
margin-bottom: 20px;
background-size: 100%;
margin-left: -6px;
content: ' ';
display: inline-block;
vertical-align: middle;
background-image: var(--wpr-bg-89075e10-bba5-4ce3-bcb5-7438c5f51489);
color: #545454;
}

/* Main Navigatio n*/
nav#main-nav {
width: 100%;
}

nav#main-nav ul {
box-sizing: content-box;
padding-top: 116px;
text-align: right;
}

nav#main-nav ul li {
margin-left: 73px;
}

nav#main-nav ul li a {
display: inline-block;
font-size: 11px;
letter-spacing: .18em;
font-weight: bold;
text-transform: uppercase;
color: black;
padding-bottom: 12px;
}

nav#main-nav ul li.current-menu-item a, nav#main-nav ul li.current_page_item a {
color: #a7855c;
}

nav#main-nav ul li.current-menu-item a, nav#main-nav ul li.current_page_item a {
color: #a7855c;
}

nav#main-nav ul li a::after {
content: ' ';
display: block;
width: 100%;
height: 1px;
background-color: #a7855c;
opacity: 0;
margin: 11px auto 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

nav#main-nav ul li a:hover {
color: #a7855c;
}

nav#main-nav ul li a:hover::after {
background-color: #a7855c;
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

nav#main-nav ul li.current-menu-item a::after, nav#main-nav ul li.current_page_item a::after {
opacity: 1;
background-color: #a7855c;
transform: none;
}

/* Subnavigation */
#map-categories-list li.selected {
font-weight: bold;
}

#map-categories-list li.selected li {
font-weight: normal;
}

#map-categories-list > li {
cursor: pointer;
}

#subnavigation-wrapper {
height: 68px;
margin-bottom: 42px;
margin-top: 14px;
}

nav#subnavigation {
padding-top: 40px;
padding-bottom: 30px;
}

nav#subnavigation.fixed {
position: fixed;
width: 100%;
top: 0;
padding-top: 105px;
background-color: white;
left: 0;
z-index: 999999;
}

nav#subnavigation ul {
text-align: center;
border-bottom: 1px solid #757575;
border-top: 1px solid #757575;
margin: 0 auto;
max-width: 1438px;
width: 100%;
}

nav#subnavigation ul.notopline {
border-top: 1px solid transparent;
}

nav#subnavigation.fixed ul {
border-top: 0;
}

nav#subnavigation ul li a {
padding: 10px 0;
display: inline-block;
font-size: 15px;
color: #1a1a1a;
letter-spacing: .04em;
margin: 0 15px;
}

nav#subnavigation ul li.active a, nav#subnavigation ul li.current-menu-item a {
color: #a7855c;
}

/* nav#subnavigation ul li.current-menu-item a::before, nav#subnavigation ul li.active a::before, nav#subnavigation ul li:hover a::before { font-size: 40px; position: absolute; content: '\00B7'; margin-left: -15px; margin-top: -14px; } */

/* Pages Without Subnavigation */
.page-template-page-contact header > span,
.single header.backgroundwhite, .home header > span,
.page-template-page-gallery header > span,
.page-template-default header > span,
.error404 header > span,
.post-type-archive-announcements header > span,
.single-announcements header > span {
width: 100%;
height: 142px;
background-color: white;
z-index: -1;
position: fixed;
top: 0;
left: 0;
}

.page-template-page-contact header.backgroundwhite > span,
.single header.backgroundwhite,
.home header.backgroundwhite > span,
.page-template-page-gallery header.backgroundwhite > span,
.page-template-default header.backgroundwhite > span,
.error404 header.backgroundwhite > span,
.post-type-archive-announcements header.backgroundwhite > span,
.single-announcements header.backgroundwhite > span {
z-index: 1;
}

/* Mobile */
nav#mobile-nav {
display: none;
}

header.scrolleddown {
height: 190px;
}

header.scrolleddown nav#mobile-nav {
display: block;
}

header.scrolleddown nav#main-nav {
display: none;
}

.locked-subnav nav#mobile-nav {
display: block;
}

.locked-subnav .nav-toggle-wrapper {
position: fixed;
top: 42px;
right: calc((100% - 1438px) / 2);
}

/* Navigation */
.main-nav {
color: white;
width: 100%;
background: #f5f5f5;
font-size: 16px;
line-height: 22px;
padding: 130px 50px 52px;
top: 0;
right: 0;
position: fixed;
z-index: 99999;
max-width: 300px;
height: 100%;
min-height: 100vh;
max-height: 100vh;
overflow: auto;
}

.main-nav li {
display: block;
}

.main-nav a {
font-weight: bold;
display: block;
color: #868686;
font-size: 14px;
line-height: 48px;
letter-spacing: .16em;
text-transform: uppercase;
}

.main-nav li.current_page_item > a, .main-nav li.current-menu-ancestor > a {
color: #1a1a1a;
}

.main-nav a:hover {
color: #c26c28;
}

.main-nav a i {
display: none !important;
}

.main-nav li.current_page_item > a, .main-nav li.current_page_item > a {
color: black;
}

.main-nav ul#menu-mobile-menu-bottom a {
font-size: 11px;
line-height: 18px;
margin-top: 10px;
margin-bottom: 0;
}

.main-nav .sub-menu {
display: none;
}

.main-nav .sub-menu li a {
text-transform: none;
letter-spacing: 0;
margin-left: 10px;
margin-top: -16px;
}

/* Mobile Menu */
.c-menu--slide-left.is-active, .c-menu--push-left.is-active {
overflow: hidden;
min-height: 760px;
text-align: right !important;
}

.c-menu {
z-index: 111;
}

.c-mask {
background-color: transparent;
z-index: 0 !important;
}

.c-mask.is-active {
opacity: .26 !important;
}

.c-menu--slide-right .c-menu__close {
width: auto;
display: block;
background: transparent;
border: 0;
position: absolute;
top: 0;
right: -8px;
font-size: 24px;
}

.nav-toggle-wrapper {
width: 50px;
height: 50px;
display: block;
bottom: 0px;
right: 40px;
position: absolute;
z-index: 999999999;
}

.nav-toggle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
cursor: pointer;
text-align: center;
color: white;
}

.nav-toggle span {
bottom: 6px;
right: 0;
}

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
cursor: pointer;
height: 2px;
width: 20px;
background: #212121;
position: absolute;
display: block;
content: '';
}

.nav-toggle span:before {
top: -6px;
}

.nav-toggle span:after {
bottom: -6px;
}

.nav-toggle em {
font-style: normal;
color: #808080;
font-size: 13px;
font-weight: bold;
position: absolute;
top: 34px;
right: 32px;
letter-spacing: .1em;
}

.nav-toggle.active em {
display: none;
}

.nav-toggle.active span {
background-color: transparent;
}

.nav-toggle.active span:before, .nav-toggle.active span:after {
top: 0;
}

.nav-toggle.active span:before {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.nav-toggle.active span:after {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
transition: all 500ms ease-in-out;
}

#menu-mobile-menu-bottom {
margin-top: 50px;
}

/*FOOTER STYLES*/
footer {
position: relative;
z-index: 1;
}

footer a {
font-size: 14px;
}

footer p.copyright {
overflow: hidden;
text-align: right;
font-size: 14px;
border-top: 1px solid #757575;
padding-top: 22px;
margin-top: 104px;
margin-bottom: 68px;
}

footer p.copyright a {
color: #757575;
float: left;
padding-right: 20px;
}

.home footer p.copyright {
margin-top: 56px;
}

/*DEFAULT PAGE STYLES*/
.alignleft {
float: left;
margin-right: 15px;
}

.alignright {
float: right;
margin-left: 15px;
}

.aligncenter {
display: block;
margin: 0 auto 20px;
}

.alignnone {
display: block;
margin: 0 0 20px;
}

.wp-caption {
max-width: 100%;
}

/***************************************************************************************************************************************************************************************/
/* MODULES */
/***************************************************************************************************************************************************************************************/

/* Photo Gallery */
#photo-gallery {
margin-bottom: 104px;
}

.bx-wrapper .bx-viewport {
left: 0;
box-shadow: none;
border: 0;
}

.bxslider {
margin: 0;
padding: 0;
}

.bxslider li {
background-size: cover;
background-position: bottom;
display: block;
}

.bx-wrapper:hover .bx-controls-direction a {
opacity: 1;
}

.bx-wrapper .bx-controls-direction a {
transition: none;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}

.bx-wrapper .bx-pager {
bottom: 20px;
text-align: left;
left: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
border: 1px solid white;
}

.page-id-4 .bx-wrapper .bx-pager.bx-default-pager a {
border: 1px solid #ccc;
}

.page-id-4 .bx-wrapper {
margin-top: 80px;
}

.page-id-4 .bxslider li {
background-size: contain;
}

.bx-wrapper {
margin-bottom: 0;
}

.bxslider li {
height: 600px;
}

.single-image-hero {
height: 600px;
width: 100%;
background-size: cover;
background-position: bottom;
display: block;
}

.bx-pager-item:first-of-type:last-of-type {
display: none !important;
}

.page-template-page-gallery section {
overflow: hidden;
}

.mfp-wrap {
z-index: 99999;
}

.mfp-image-holder .mfp-content {
z-index: 99999;
}

.mfp-zoom-out-cur .locked-subnav .nav-toggle-wrapper {
z-index: 1;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer !important;
}

.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
background-position: center;
background-size: 100% 100%;
background-image: var(--wpr-bg-faf6cd22-1460-410d-af89-aea827975e42);
width: 23px !important;
height: 40px !important;
}

.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
background-position: center;
background-size: 100% 100%;
background-image: var(--wpr-bg-5b5c6cf6-0afb-4647-b464-dedee8950f83);
width: 23px !important;
height: 40px !important;
}

/* Widgets */
.text p:first-of-type {
margin-top: 0;
}

.text p:last-of-type {
margin-bottom: 0;
}

/* Blog Widget */
span.category {
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 6px;
display: block;
}

.blog-module {
display: flex;
display: -ms-flexbox;
}

.blog-module div {
width: 60%;
}

.blog-module div.image {
width: 35%;
margin-right: 5%;
}

.blog-module div.image img {
width: 100%;
}

/* Header Text */
.header-text h2.smallerheader {
clear: both;
float: left;
margin-left: 8.48%;
width: 16.96%;
margin-right: 5.91%;
}

.header-text div.text {
float: left;
width: 66.08%;
padding-right: 2.57%;
box-sizing: content-box;
}

/* Header Text Blog */
.header-text-blog h2.smallerheader {
clear: both;
float: left;
margin-left: 8.48%;
width: 16.96%;
}

.header-text-blog div.text {
float: left;
width: 31.35%;
padding-right: 2.57%;
box-sizing: content-box;
border-right: 1px solid #757575;
}

.header-text-blog div.blog-module {
float: left;
width: 39.83%;
padding-left: 2.57%;
}

.header-text-blog div.blog-module div {
}

/* Page Module */
.page-module .image-container img {
width: 100%;
}

.page-module .main-data h2.smallerheader {
width: auto;
margin-right: 8.48%;
}

.page-module .main-data .text {
width: 64.4%;
}

/* Design Enhancements */
.header-text-map {
overflow: hidden;
}

.header-text-map h2.primary-headline {
margin-bottom: 44px;
float: left;
margin-left: 26.44%;
width: 22.87%;
}

.header-text-map h2.smallerheader {
float: left;
width: 17.96%;
margin-right: 8.48%;
}

.header-text-map div.text {
float: left;
width: 29.35%;
padding-right: 2.57%;
box-sizing: content-box;
}

.header-text-map div.building {
height: 266px;
position: relative;
float: left;
width: 54%;
margin-top: 60px;
padding-top: 30px;
}

.building-svg {
position: relative;
float: right;
width: 16.44%;
margin-right: 15.48%;
margin-left: 8.48%;
}

.building-svg span {
cursor: pointer;
position: absolute;
display: block;
background-color: #c26c2852;
transition: all .25s ease;
width: 65px;
height: 65px;
border-radius: 200%;
}

.building-svg span:hover, .building-svg span.active {
background-color: #c26c28a6;
}

.building-svg img {
width: 100%;
}

.building-part {
margin-left: 5.91%;
width: 100%;
padding-left: 43%;
}

.building-part .title {
font-size: 14px;
cursor: pointer;
margin-top: 20px;
margin-bottom: 6px;
display: block;
letter-spacing: .16em;
text-transform: uppercase;
font-weight: bold;
}

.building-part:first-of-type .title {
margin-top: 0;
}

.about-building-part {
display: block;
max-height: 0;
overflow-y: hidden;
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.building-part img {
width: 34%;
border-radius: 200%;
position: absolute;
left: 5.91%;
top: 0;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}

.building-part.active .title {
color: #c26c28;
}

.building-part.active img {
opacity: 1;
}

.building-part.active .about-building-part {
max-height: 300px;
}

.building-part span.close {
display: none;
}

/* Two Blog Posts */
.two-blog-posts-post {
float: left;
width: 39.83%;
}

.two-blog-posts-post:nth-child(1) {
margin-left: 8.48%;
margin-right: 2.57%;
}

.two-blog-posts-post:nth-child(2) {
border-left: 1px solid #757575;
padding-left: 5.91%;
box-sizing: content-box;
}

/* Text Blurbs Photo */
.bx-loading {
display: none !important;
}

.text-blurbs-photo {
position: relative;
margin-top: 120px;
}

.text-blurbs-photo .container > .clearfix {
display: flex;
display: -ms-flexbox;
}

.advantages {
border-top: 1px solid #757575;
padding-top: 108px;
order: 1;
width: 37.26%;;
margin-right: 2.57%;
}

.advantage-photo {
order: 2;
width: 60.17%;
position: relative;
}

.text-blurbs-photo:nth-of-type(2n+1) .advantages {
order: 3;
margin-left: 2.57%;
margin-right: 0;
}

.text-blurbs-photo:nth-of-type(2n+1) .advantage-photo {
}

.advantage-blurb {
margin-top: 22px;
font-size: 16px;
line-height: 30px;
}

.advantage-blurb span.title {
font-weight: bold;
color: #868686;
font-size: 14px;
letter-spacing: .16em;
display: block;
text-transform: uppercase;
cursor: pointer;
}

.advantage-blurb.active span.title {
font-weight: 900;
color: #c26c28;
}

.advantage-blurb span.the_blurb {
letter-spacing: .01em;
}

.the_blurb {
display: block;
max-height: 0;
overflow-y: hidden;
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.advantage-blurb.active .the_blurb {
max-height: 300px;
max-width: 330px;
}

.advantage-photo ul, .advantage-photo ul li {
height: 600px;
padding: 0;
margin-top: 0;
}

.advantage-photo ul li {
background-size: cover;
background-position: center;
}

/* Photo Modules */
.photo-module {
flex-wrap: wrap;
overflow: hidden;
position: relative;
display: flex;
display: -ms-flexbox;
width: 100%;
margin-top: 104px;
}

.photo-module h2.smallerheader {
float: left;
width: 14.39%;
margin-right: 2.57%;
}

.photo-module div.text {
float: left;
width: 31.35%;
}

.photo-module h2.primary-headline {
margin-bottom: 54px;
max-width: 450px;
}

.photo-module .blog-module {
position: absolute;
width: calc((1513px - 2.57% - 2.57%) * .3983)
}

.photo-module.full-right-photo .blog-module, .photo-module.right-photo .blog-module {
left: calc((100% - (1513px - 2.57% - 2.57%)) / 2 + 5.91%);
}

.photo-module.full-left-photo .blog-module, .photo-module.left-photo .blog-module {
right: calc((100% - (1513px - 2.57% - 2.57%)) / 2 + 2.57%);
}

.photo-module .main-data {
position: absolute;
width: 100%;
}

.photo-module.full .image-container {
width: calc((((1513px * .465)) + ((100% - 1450px)) / 2));
}

.photo-module.full .container {
border-top: 1px solid #757575;
position: relative;
clear: none;
width: calc((1513px - 2.57% - 2.57%) * .4830);
padding: 0;
box-sizing: content-box;
}

.photo-module.full .blog-module {
bottom: 65px;
}

.photo-module.full .main-data {
top: 104px;
}

/* Full Right Photo */
.full-right-photo .image-container {
order: 2;
}

.full-right-photo .container {
order: 1;
margin-right: 2.57%;
margin-left: calc(((100% - 1513px) / 2) + 38px);
}

/* Full Left Photo */
.full-left-photo .image-container {
order: 1;
}

.full-left-photo .container {
order: 2;
margin-left: 2.57%;
}

.photo-module.full-left-photo .blog-module {
bottom: 14%;
top: auto;
}

/* Left Photo */
.left-photo .container {
display: flex;
display: -ms-flexbox;
}

.left-photo .image-container {
order: 2;
width: 42.4%;
margin-right: 2.57%;
}

.left-photo .second-container {
padding: 0;
margin: 0;
border-top: 1px solid #757575;
position: relative;
order: 2;
clear: none;
width: 55.03%;
}

.left-photo .blog-module {
bottom: 30px;
}

.left-photo .main-data {
top: 104px;
}

/* Right Photo */
.right-photo .container {
display: flex;
display: -ms-flexbox;
}

.right-photo .image-container {
order: 2;
width: 42.4%;
margin-left: 2.57%;
}

.right-photo .second-container {
padding: 0;
margin: 0;
border-top: 1px solid #757575;
position: relative;
order: 1;
clear: none;
width: 55.03%;
}

.right-photo .blog-module {
bottom: 0;
}

.right-photo .main-data {
top: 104px;
display: flex;
display: -ms-flexbox;
}

/***************************************************************************************************************************************************************************************/
/* PAGES */
/***************************************************************************************************************************************************************************************/

/* Homepage */
#homepage-image {
background-size: cover;
background-position: bottom;
height: calc(100vh - 170px);
min-height: 500px;
width: 100%;
}

/* Team */

#team-overview-wrapper h2 {
width: 28.01%;
margin-left: 5.91%;
margin-right: 5.91%;
float: left;
}

#team-overview-wrapper .content {
width: 49.12%;
float: left;
}

.content p:last-of-type {
margin-bottom: 0;
}

.team-video {
margin-bottom: 104px;
}

.content p:first-of-type {
margin-top: 0;
}

.team-single-image {
background-size: cover;
background-position: center;
}

.photo-module.team-section h2.smallerheader {
width: 25.44%;
margin-left: 5.91%;
margin-right: 5.91%;
float: left;
}

.photo-module.team-section.short-title h2.smallerheader {
width: 16.96%;
}

.photo-module.team-section.short-title div.text {
width: 61.88%;
}

.photo-module.team-section.left-photo h2.smallerheader {
margin-left: 0%;
}

.photo-module.team-section div.text {
width: 53.4%;
}

.photo-module.team-section .image-container img {
margin-bottom: 3px;
width: 100%;
}

.photo-module.team-section .image-container img:last-of-type {
margin-bottom: 0;
}

#team-teams .container::before {
content: ' ';
margin-top: 104px;
padding-top: 104px;
width: 100%;
display: block;
border-top: 1px solid #757575;
}

#team-teams h2 {
text-align: right;
width: 14.39%;
margin-right: 8.48%;
float: left;
}

#team-teams ul {
margin: 0;
padding: 0;
width: 77.13%;
float: left;
}

#team-teams ul li {
font-size: 19px;
list-style: none;
float: left;
width: 33%;
margin-top: 22px;
color: #1a1a1a;
}

.video-caption {
text-align: right;
margin-top: 4px;
font-size: 13px;
line-height: 22px;
}

/* Editorial */
.archive-content {
position: relative;
z-index: -1;
}

.archive-content .container {
margin-top: 40px;
display: flex;
display: -ms-flexbox;
}

.archive-content .content p {
margin-top: 15px;
padding-bottom: 60px;
margin-bottom: 0;
}

.archive-content .left-column {
text-align: center;
float: left;
width: 43.3%;
padding-right: 4.5%;
}

.archive-content .middle-column, .archive-content .right-column {
float: left;
width: 33.3%;
padding-right: 4.5%;
padding-left: 4.5%;
border-left: 1px solid #757575;
}

.archive-content .container img {
margin-bottom: 40px;
width: 100%;
}

.archive-content h2 a {
color: #1a1a1a;
}

.metadata {
text-transform: uppercase;
font-weight: 800;
letter-spacing: .16em;
margin-bottom: 14px;
}

.metadata i {
font-size: 7px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 5px;
}

.paged .archive-content .left-column {
text-align: left;
width: 30.55%;
padding: 0;
}

.paged .archive-content .middle-column {
width: 30.55%;
padding: 0;
padding-left: 2.085%;
margin-left: 2.085%;
box-sizing: content-box;
}

.paged .archive-content .right-column {
width: 30.55%;
padding: 0;
padding-left: 2.085%;
margin-left: 2.085%;
box-sizing: content-box;
}

/* Single Post */
article .container {
display: flex;
display: -ms-flexbox;
position: relative;
}

article .back {
color: #000;
position: absolute;
right: 0;
top: -10px;
font-size: 26px;
}

article .image {
position: fixed;
top: 175px;
left: calc((100% - 1438px) / 2);
width: calc(1513px * .3392);
}

article .image.absolute {
position: absolute;
bottom: 0;
width: 33.92%;
}

article .image.absolute img {
position: absolute;
bottom: 0;
}

article .content {
width: 100%;
position: static;
padding-left: 39.83%;
box-sizing: content-box;
padding-top: 40px;
}

article .content .metadata {
text-align: center;
}

article h1 {
margin-bottom: 70px;
font-size: 52px;
line-height: 60px;
}

aside h2.smallerheader {
margin-bottom: 50px;
}

aside {
margin-top: 130px;
margin-bottom: 222px;
}

aside .container > div {
width: 22.87%;
margin-right: 2.57%;
float: left;
}

aside .container > div:last-of-type {
margin-right: 0;
}

aside div h2 {
font-size: 27px;
line-height: 40px;
}

aside div h2 a, aside div h2 a:hover {
color: #1a1a1a;
}

aside .metadata {
margin-top: 40px;
}

/* Pagination */
#pagination {
letter-spacing: .1em;
text-align: center;
margin-top: 40px;
display: block;
}

#pagination ul.page-numbers {
text-align: center;
}

#pagination ul.page-numbers li {
display: inline-block;
margin: 0 6px;
}

#pagination ul.page-numbers li a {
color: black;
}

#pagination ul.page-numbers li span {
text-decoration: underline;
}

/* Google Map */
#map-wrapper {
margin-top: 142px;
height: 720px;
display: flex;
display: -ms-flexbox;
}

#map-wrapper .container {
display: flex;
display: -ms-flexbox;
}

/* Left Column */
#map-categories {
width: 400px;
}

/* Toggle Options */
#transportation-neighborhood-toggle {
margin: 35px 0 25px 0;
padding: 0;
}

#transportation-neighborhood-toggle li {
margin-bottom: 15px;
color: #4d4d4d;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
display: inline-block;
letter-spacing: .08em;
}

#transportation-neighborhood-toggle li a {
color: #4d4d4d;
cursor: pointer;
margin-right: 28px;
border-bottom: 1px solid transparent;
padding-bottom: 3px;
}

#transportation-neighborhood-toggle li.selected a {
color: #c26c28;
border-bottom: 1px solid #c26c28;
}

/* Sections */
.marker-category > li.all-stops {
cursor: pointer;
font-weight: bold;
margin-bottom: 6px;
}

.marker-category {
display: none;
margin: 0;
padding: 0;
}

.marker-category.selected {
display: block;
}

.marker-category ul, .marker-category li {
margin: 0;
padding: 0;
list-style: none;
}

.marker-category > li > ul {
display: none;
margin-bottom: 10px;
}

/* Categories */
.marker-category > li {
letter-spacing: .1em;
font-size: 16px;
line-height: 26px;
}

.all-stops, .marker-category > li span.category {
cursor: pointer;
display: block;
color: #878787;
text-transform: none;
font-size: 16px;
letter-spacing: 0.5px;
}

.all-stops.selected, .marker-category > li.selected span.category {
color: #4d4d4d;
}

.marker-category > li.selected {
}

/* Items */
.markertitle {
letter-spacing: 0;
font-size: 13px;
cursor: pointer;
letter-spacing: 0.5px;
}

.markertitle.selected {
color: #c26c28;
}

/* Map */
#snazzymap {
width: 74.3%
}

/* Map Info Box */
.map-info {
display: none;
max-width: 362px;
}

.markertitle.selected div.map-info {
display: block;
}

.map-info {
border-top: 1px solid #757575;
position: absolute;
bottom: 40px;
left: 40px;
right: 40px;
color: #4d4d4d;
letter-spacing: .18em;
font-size: 13px;
}

.map-info h4 {
text-transform: uppercase;
letter-spacing: .16em;
margin-bottom: 2px;
}

.map-info span.label {
display: inline-block;
margin-right: 5%;
width: 30%;
vertical-align: top;
margin-bottom: 3px;
}

.map-info span.value {
letter-spacing: .05em;
display: inline-block;
width: 62%;
vertical-align: top;
}

/***************************************************************************************************************************************************************************************/
/* WORK */
/***************************************************************************************************************************************************************************************/
.sectiontitle {
margin-bottom: 114px;
}

.sectiontitle h2 {
width: 16.96%;
float: left;
margin-right: 5.91%;
}

.sectiontitle p {
float: left;
width: 33.92%;
margin: 0;
}

#stacking-diagram-left {
width: 35.83%;
float: left;
height: 0;
padding-top: 48%;
position: relative;
}

#stacking-diagram-left svg {
position: absolute;
top: -100px;
left: 0;
}

#stacking-diagram-table-wrapper {
position: relative;
width: 59.36%;
float: left;
}

#stacking-diagram-table {
border-bottom: 1px solid #757575;
height: 624px;
overflow: hidden;
display: block;
border-collapse: collapse;
table-layout: fixed;
width: 100%;
text-align: center;
letter-spacing: .16em;
text-transform: uppercase;
}

#stacking-diagram-table thead {
z-index: 999;
background: white;
height: 33px;
width: 100%;
display: table;
position: absolute;
left: 0;
top: -30px;
}

#stacking-diagram-table thead tr {
display: table-row;
}

#stacking-diagram-table thead th {
border-bottom: 1px solid #757575;
font-size: 13px;
font-weight: bold;
padding-bottom: 16px;
}

#stacking-diagram-table tbody {
width: 100%;
display: table;
position: relative;
margin-top: 0;
}

#stacking-diagram-table th, #stacking-diagram-table td {
width: 20%;
}

#stacking-diagram-table tr.photo-row {
display: none;
}

.pdf-open-link {
display: block;
max-height: 0;
overflow-y: hidden;
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

#stacking-diagram-table tr.active + tr.photo-row {
display: table-row;
}

#stacking-diagram-table tr.active + tr.photo-row td .pdf-open-link {
height: auto;
max-height: 100%;
margin: 22px 0;
}

.no-more-top #movetotop-stacking {
opacity: .1;
cursor: default;
}

#stacking-diagram-table-wrapper.no-more-bottom #movetobottom-stacking {
opacity: .1;
cursor: default;
}

#stacking-diagram-table tr td {
border-bottom: 1px solid #757575;
font-size: 14px;
padding: 14px 0 12px;
}

#stacking-diagram-table tr td.active {
}

#stacking-diagram-table tr td.thefloor {
font-weight: 900;
}

#stacking-diagram-table a {
margin: 0 16px;
}

#stacking-diagram-table .expand {
cursor: pointer;
background-size: 100%;
width: 18px;
height: 18px;
display: inline-block;
background-image: var(--wpr-bg-63b077a3-839e-4d69-891d-89c19ea20448);
}

#stacking-diagram-table .stacking-row.active .expand {
background-image: var(--wpr-bg-03243bb3-c3d2-4266-9abc-cc2aa181f998);
}

.download-fp {
background-size: 100%;
width: 16px;
height: 16px;
display: inline-block;
background-image: var(--wpr-bg-5d84892a-894d-42e3-8b8f-69bf92f56ec6);
}

#stacking-diagram-table .email {
background-size: 100%;
width: 17px;
height: 17px;
display: inline-block;
background-image: var(--wpr-bg-fda3f06a-728a-4e93-8f39-42725caf4491);
}

#stacking-diagram-table .stacking-row.active + #stacking-diagram-table tr.photo-row {
display: block;
}

.stacking-row.active {
background-color: #e8e8e8;
}

#stacking-diagram-table th:first-child, #stacking-diagram-table td:first-child {
width: 18%;
}

#stacking-diagram-table th:nth-child(2), #stacking-diagram-table td:nth-child(2) {
width: 18%;
}

#stacking-diagram-table th:nth-child(3), #stacking-diagram-table td:nth-child(3) {
width: 40%;
}

#stacking-diagram-table th:nth-child(4), #stacking-diagram-table td:nth-child(4) {
width: 24%;
}

#stacking-diagram-arrows {
text-align: center;
margin-top: 25px;
-webkit-user-select: none;
}

#stacking-diagram-arrows a {
cursor: pointer;
display: inline-block;
}

#stacking-diagram-arrows a:hover {
opacity: .6;
}

#mobile-arrows {
display: none;
}

.testfitsubnav.active {
color: #c26c28 !important;
}

.arrow-up {
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 26.0px 15px;
border-color: transparent transparent #585858 transparent;
}

.arrow-down {
width: 0;
height: 0;
border-style: solid;
border-width: 26.0px 15px 0 15px;
border-color: #585858 transparent transparent transparent;
}

/* Metrics */
#work-metrics h2 {
width: 14.38%;
text-align: left;
float: left;
}

#work-metrics dl {
width: 70.41%;
float: left;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin-top: 4px;
}

#work-metrics div {
margin-bottom: 46px;
}

#work-metrics dt {
line-height: 20px;
font-size: 13px;
letter-spacing: .16em;
text-transform: uppercase;
width: 35%;
float: left;
margin-right: 5%;
font-weight: 600;
}

#work-metrics dd {
margin: 0;
padding: 0;
width: 50%;
float: left;
font-size: 16px;
letter-spacing: .03em;
line-height: 25px;
}

/* Test Fits */
#test-fits-nav {
padding: 0;
margin-top: -40px;
}

#test-fits-nav li {
color: #868686;
cursor: pointer;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .16em;
margin-right: 40px;
font-weight: bold;
}

#test-fits-nav > li.selected, #test-fits-nav li:hover {
color: #c26c28;
}

#test-fits-nav > li.selected li {
color: #4d4d4d;
}

#test-fits-nav > li.selected li:hover {
color: #c26c28;
}

#test-fits-nav > li::after {
content: ' ';
display: block;
width: 100%;
height: 1px;
background-color: #a7855c;
opacity: 0;
margin: 11px auto 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

#test-fits-nav > li.selected::after, .floors-nav > li:hover::after {
background-color: #a7855c;
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

#test-fits-nav li ul {
display: none;
position: absolute;
padding: 0;
margin: 32px 0 0 0;
font-size: 11px;
}

#test-fits-nav li.selected ul {
display: block;
}

#test-fits-nav li.selected ul li {
font-size: 11px;
letter-spacing: .08em;
}

.test-fits-details-section {
margin-top: 100px;
display: none;
}

.test-fits-details-section.selected {
display: block;
}

.test-fits-details-section .left-col {
width: 16.96%;
float: left;
margin-right: 8.48%;
}

.test-fits-details-section .right-col {
width: 74.56%;
float: left;
}

.test-fits-circle {
display: block;
width: 20px;
height: 20px;
border-radius: 200%;
background-color: black;
}

table.metrics-table {
width: 100%;
margin-bottom: 10px;
}

table.metrics-table td {
padding: 10px;
color: #4d4d4d;
font-size: 14px;
letter-spacing: .05em;
}

table.metrics-table tr.parent-item td {
font-weight: bold;
font-size: 15px;
color: #4d4d4d;
}

.test-fits-details-section h4 {
padding-bottom: 12px;
border-bottom: 1px solid black;
font-size: 16px;
letter-spacing: .05em;
margin-top: 0;
}

.total-row {
font-weight: 900;
padding: 10px;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 14px;
letter-spacing: .05em;
text-transform: uppercase;
margin: 10px 0;
}

/* Views */
.ordering-views h2.smallerheader {
width: 8.48%;
margin-right: 2.57%;
}

.views-panoramic {
margin-bottom: 104px;
}

.floors-nav {
margin: 0 0 50px;
padding: 0;
}

.floors-nav li {
display: inline-block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .16em;
margin-right: 40px;
font-weight: bold;
cursor: pointer;
}

.floors-nav li::after {
content: ' ';
display: block;
width: 100%;
height: 1px;
background-color: #a7855c;
opacity: 0;
margin: 11px auto 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.floors-nav li.selected::after, .floors-nav li:hover::after {
background-color: #a7855c;
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

.floors-nav li.selected {
color: #c26c28;
}

#views-selected-floor {
width: 11.05%;
display: inline-block;
vertical-align: middle;
}

.selected-floor {
display: none;
}

.selected-floor.selected {
display: block;
}

#views-svg {
width: 25.53%;
display: inline-block;
vertical-align: middle;
margin-left: 5.91%;
}

#views-photos {
position: relative;
height: 600px;
width: 49.88%;
display: inline-block;
vertical-align: middle;
margin-left: 5.91%;
}

#views-photos .floors {
margin: 0;
padding: 0;
}

.floors-wrapper {
position: absolute;
width: 100%;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
pointer-events: none;
}

.floors-wrapper.selected {
opacity: 1;
pointer-events: all;
}

.floors-wrapper ul, .floors-wrapper ul li {
height: 630px;
}

.floors-wrapper ul li div {
height: 600px;
background-size: cover;
background-position: center;
}

.floors-wrapper ul li span {
display: block;
margin-top: 12px;
font-size: 14px;
}

#views-photos .bx-wrapper .bx-pager {
bottom: 50px;
}

/***************************************************************************************************************************************************************************************/
/* GALLERY */
/***************************************************************************************************************************************************************************************/
.downloadall, #download-all {
margin-bottom: 32px;
}

.download-all a, #download-all a {
color: #545454;
}

.download-all a img, #download-all a img {
vertical-align: bottom;
}

.download-all {
float: right;
}

.test-fits-download-all {
margin-right: 4.91%;
margin-top: -6px;
}

.download-all a img {
width: 24px;
}

#gallery-collage {
}

#gallery-collage .photo {
height: 794px;
background-size: cover;
background-position: center;
display: block;
position: relative;
}

#gallery-collage .photo .hover-state {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
text-align: center;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}

#gallery-collage .photo:hover .hover-state {
opacity: 1;
}

#gallery-collage .photo .hover-state a {
cursor: pointer;
text-align: center;
margin: 0 40px;
display: inline-block;
vertical-align: top;
color: white;
text-transform: uppercase;
font-size: 15px;
letter-spacing: .16em;
}

#gallery-collage .photo .hover-state a:focus {
outline: none;
}

#gallery-collage .photo .hover-state a img {
display: inline-block;
}

#gallery-collage .photo .hover-state a:hover {
opacity: .8;
}

.caption-text {
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 0;
color: white;
position: absolute;
bottom: 20px;
left: 24px;
}

#gallery-collage .photo:hover .caption-text {
opacity: 1;
}

#gallery-collage .photo .hover-state a:hover {
opacity: .8;
}

#gallery-collage .photo .hover-state a.view::before {
background-size: 100%;
display: block;
content: ' ';
background-image: var(--wpr-bg-4b003ac3-fedc-4a1f-9b33-a5b6a7255ce1);
width: 40px;
height: 40px;
margin: 0 auto 14px;
}

#gallery-collage .photo .hover-state a.download::before {
background-size: 100%;
display: block;
content: ' ';
background-image: var(--wpr-bg-6adcce7e-f96d-4dc5-a08b-3c03ea696881);
width: 40px;
height: 40px;
margin: 0 auto 14px;
}

#gallery-collage .photos-one, #gallery-collage .photos-two, #gallery-collage .photos-three {
width: 100%;
margin-bottom: 4px;
}

#gallery-collage .photos-three > div {
width: 50%;
float: left;
box-sizing: content-box;
}

#gallery-collage .col-1 div.photo, #gallery-collage .col-2 div.photo {
height: 50%;
}

#gallery-collage .photos-two .photo {
float: left;
width: 50%;
}

#gallery-collage .photos-two .photo:first-of-type {
border-right: 4px solid white;
}

#gallery-collage .photos-three {
display: flex;
display: -ms-flexbox;
}

#gallery-collage .photos-three.left > .photo {
border-right: 4px solid white;
}

#gallery-collage .photos-three.left .col-2 .photo:nth-child(1) {
border-bottom: 4px solid white;
}

#gallery-collage .photos-three.right > .photo {
border-left: 4px solid white;
}

#gallery-collage .photos-three.right .col-1 .photo:nth-child(1) {
border-bottom: 4px solid white;
}

#download-all {
text-align: right;
font-size: 13px;
letter-spacing: .1em;
color: #545454;
}

/***************************************************************************************************************************************************************************************/
/* LIFE */
/***************************************************************************************************************************************************************************************/

.life-left {
float: left;
border-top: 1px solid #757575;
padding-top: 108px;
width: 48.31%;
margin-right: 2.57%;
margin-left: 0;
}

.life-right {
width: 49.12%;
float: left;
}

.life-left .title h2 {
width: 29.82%;
float: left;
margin-right: 5.33%;
}

.life-left .title p {
float: left;
width: 64.85%;
margin: 0;
}

.floor-info-wrapper {
display: flex;
display: -ms-flexbox;
clear: both;
margin-top: 90px;
}

#life-floors-svg-wrapper {
width: 40.92%;
margin-right: 5.33%;
}

.floor-info {
width: 53.75%;
}

.life-floors {
margin: 0;
padding: 0;
}

.life-floors li {
height: 600px;
background-size: cover;
background-position: center;
}

.life-floors-svg {
width: 40.92%;
margin-right: 5.33%;
}

.life-right .bx-wrapper .bx-pager.bx-default-pager a {
border: 1px solid #2d2d2d;
}

.life-right .bx-wrapper .bx-pager.bx-default-pager a:hover, .life-right .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #2d2d2d;
}

.life-right .bx-viewport {
height: 600px;
}

/* New Life Styles */
.advantages-illustration {
padding-top: 60px;
width: 31.57%;
position: relative;
}

.advantage-photo.advantage-photo-illustration {
width: 65.86%;
}

.advantage-photo-illustration img {
top: 0;
left: 0;
position: absolute;
opacity: 0;
transition: opacity 2s ease-in-out;
-moz-transition: opacity 2s ease-in-out;
-webkit-transition: opacity 2s ease-in-out;
}

.advantage-photo-illustration img:first-of-type {
position: static;
}

.advantage-photo-illustration img.selected {
opacity: 1;
}

.advantages-illustration p {
max-width: 330px;
}

.experience-illustration {
text-align: center;
width: 100%;
margin: 0 auto 50px;
display: block;
}

.experience-illustration {
opacity: 0;
position: absolute;
top: 60px;
transition: opacity 2s ease-in-out;
-moz-transition: opacity 2s ease-in-out;
-webkit-transition: opacity 2s ease-in-out;
}

.experience-illustration img {
max-width: 280px;
width: 100%;
}

.experience-illustration:first-of-type {
position: static;
top: 0;
}

.experience-illustration.selected {
opacity: 1;
}

.advantage-blurb span.title.selected {
color: #c26c28;
}

/***************************************************************************************************************************************************************************************/
/* CONTACT */
/***************************************************************************************************************************************************************************************/

#contact-image {
display: block;
height: 484px;
width: 100%;
background-size: cover;
background-position: center;
margin-bottom: 104px;
}

#contact-headline {
width: 42.4%;
margin-left: 5.91%;
}

#contact-columns {
overflow: hidden;
margin: 0 0 104px 5.91%;
padding: 0;
}

#contact-columns li {
list-style: none;
float: left;
width: 33.92%;
display: flex;
display: -ms-flexbox;
float: left;
margin-right: 2.57%;
line-height: 25px;
}

#contact-columns li a {
color: #4d4d4d;
}

#contact-columns li a:hover {
font-weight: bold;
}

#contact-columns li:first-of-type {
width: 25.44%;
}

#contact-columns li:last-of-type {
margin-right: 0;
margin-bottom: 0;
}

#contact-columns li span.column-header {
margin-right: 13%;
}

#contact-columns li span.column-details {
}

/* Default Page */
.page-template-default article {
max-width: 900px;
margin: 60px auto 0;
padding: 0 24px;
}

/* 404 page */
.error404 main {
height: calc(100vh - 350px);
min-height: 250px;
}

.error404 article {
text-align: center;
}

.error404 article .container {
display: block;
}

.error404 article h1 {
display: block;
font-size: 140px;
letter-spacing: .04em;
margin-bottom: 50px;
}

.error404 article p {
font-size: 25px;
letter-spacing: .08em;
text-transform: uppercase;
}

@media only screen and (max-width: 1620px) {
.home .logo, .logo {
width: 140px;
margin-left: 0;
}

nav#subnavigation.fixed {
padding-top: 85px;
padding-left: 28px;
padding-right: 38px;
padding-left: 38px;
}

.locked-subnav .nav-toggle-wrapper {
right: 38px;
}

nav#main-nav ul {
padding-top: 96px;
}

header.scrolleddown {
height: 164px;
}

/* Modules */
.photo-module .main-data {
position: static;
}

.full-right-photo .container, .full-left-photo .container {
width: 48.31%;
margin: 0;
}

.photo-module.full .container {
width: 46%;
margin: 0 2.57%;
}

.photo-module.full .image-container {
width: 48.31%;
}

.photo-module.full-left-photo .image-container {
margin-left: 0;
}

.photo-module.full-right-photo .image-container {
margin-right: 0;
}

.photo-module .blog-module {
position: static;
margin-top: 100px;
width: 56.79%;
margin-left: 33.92%;
order: 3;
}

.photo-module.full .main-data, .right-photo .second-container, .left-photo .second-container {
padding-top: 106px;
}

/* Work */
/*
.advantages { margin-left: 2.57%; width: 28.85%; }
.advantage-photo { width: 66.08%; }
*/
#map-categories {
margin-left: 0;
}

}

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

/* Work */
#map-categories {
margin-left: 0;
}

.advantage-photo {
}

.test-fits-details-section .right-col {
width: calc(100% - (350px + 5.91%));
}

.test-fits-details-section .left-col {
width: 300px
}

/* Single Article */
article .image {
top: 175px;
left: 38px;
width: 25.44%;
}

article .image.absolute {
width: 25.44%;
}

article .content {
padding-left: 31.31%;
}

article .back {
right: 38px;
}

/* Stacking Diagram */
#stacking-diagram-table a {
margin: 0 4px;
}

}

@media only screen and (max-width: 1200px) {
#page-hero {
margin-bottom: 60px;
}
}

/* Tablet */
@media only screen and (max-width: 1170px) {

.tablet-only {
display: block;
}

.error404 main {
height: calc(100vh - 275px);
min-height: 250px;
}

.page-template-page-contact header > span,
.single header.backgroundwhite, .home header > span,
.page-template-page-gallery header > span,
.page-template-default header > span,
.error404 header > span,
.post-type-archive-announcements header > span,
.single-announcements header > span {
height: 84px;
}

#subnavigation-wrapper, nav#subnavigation {
display: none !important;
}

body {
padding-top: 120px;
}

.container {
width: 100%;
padding: 0 24px;
}

/* Header */
header.scrolleddown {
height: 122px;
}

.locked-subnav .nav-toggle-wrapper {
top: 0;
right: 40px;
}

.logo {
top: 28px;
left: 24px;
}

.nav-toggle-wrapper {
top: 0;
right: 24px;
}

.locked-subnav .nav-toggle-wrapper {
position: absolute;
right: 24px;
}

hr {
margin: 70px 0;
}

/* Typography */
article h1, h2 {
font-size: 43px;
line-height: 58px;
}

h1 {
font-size: 40px;
line-height: 50px;
}

h3 {
font-size: 25px;
line-height: 32px;
}

/* Header */
header {
padding-top: 38px;
height: 120px;
background-color: white;
position: fixed;
top: 0;
}

nav#subnavigation.fixed {
top: 55px;
}

/* Navigation */
nav#top-nav, nav#main-nav {
display: none;
}

nav#subnavigation ul li a {
margin: 0 10px;
}

/* Mobile Navigation */
nav#mobile-nav {
display: block;
}

/* Footer */
footer p.copyright {
margin-bottom: 40px;
margin-top: 70px;
}

/* Modules */
#photo-gallery {
margin-bottom: 70px;
}

.bxslider li, .single-image-hero {
height: 570px;
}

.header-text-blog div.blog-module {
clear: both;
}

.header-text-blog div.text {
border-right: 0;
padding-right: 0;
}

.header-text-blog h2.smallerheader {
width: 22.87%;
margin-right: 2.51%;
}

.header-text-blog div.text {
width: 56.79%;
}

.header-text-blog div.blog-module {
margin-left: 33.92%;
width: 56.79%;
padding-left: 0;
margin-top: 70px;
}

.page-module .main-data h2.smallerheader {
text-align: left;
}

.photo-module.full .main-data, .right-photo .second-container, .left-photo .second-container {
padding-top: 70px;
}

.photo-module {
margin-top: 70px;
}

.photo-module .blog-module {
margin-top: 51px;
}

/* Design */
.bx-wrapper {
margin-bottom: 70px;
}

/* Design Enhancements */
.header-text-map h2.primary-headline {
margin-left: 0;
margin-right: 25.44%;
}

.building-part img {
left: 0;
}

/* Team */
#team-overview-wrapper h2, .team-section h2 {
text-align: left;
width: 36.49% !important;
margin-left: 8.48%;
}

.header-text-map div.building {
margin-top: 40px;
height: auto;
padding-top: 0;
}

.building-svg {
width: 16.44%;
margin-top: 60px;
margin-right: 10.48%;
width: 21.44%;
}

/* Editorial */
.archive-content .story-wrapper img {
width: 100%;
}

.archive-content .left-column.first-page {
padding-right: 0;
margin-bottom: 40px;
border-bottom: 1px solid #757575;
display: flex;
display: -ms-flexbox;
float: none;
width: 100%;
}

.archive-content .left-column.first-page > div {
display: flex;
display: -ms-flexbox;
}

.archive-content .left-column.first-page div > a {
width: 33.92%;
margin-right: 5.91%;
}

.archive-content .left-column.first-page .content {
width: 60.17%;
}

.archive-content .left-column.first-page .content div {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.archive-content .container {
display: block;
}

.paged .archive-content .middle-column, .paged .archive-content .right-column, .archive-content .middle-column, .archive-content .right-column {
width: 100%;
padding: 0;
border: 0;
display: flex;
display: -ms-flexbox;
margin-left: 0;
}

.paged .archive-content .left-column {
display: flex;
display: -ms-flexbox;
width: 100%;
padding: 0;
}

.paged .archive-content .left-column > div, .archive-content .middle-column > div, .archive-content .right-column > div {
float: left;
width: 50%;
padding-left: 4.5%;
}

.paged .archive-content .left-column > div:first-of-type, .archive-content .middle-column > div:first-of-type, .archive-content .right-column > div:first-of-type {
padding-right: 4.5%;
padding-left: 0;
border-right: 1px solid #757575;
}

.archive-content .middle-column.first-page {
border-left: none;
}

/* Single Post */
article .image {
top: 110px;
}

article .image.absolute {
}

article .image.absolute img {
}

aside {
margin-top: 52px;
margin-bottom: 52px;
}

aside::before {
content: ' ';
display: block;
width: 100%;
border-top: 1px solid #757575;
padding-top: 52px;
}

aside .container > div {
width: 48.715%;
margin-right: 2.57%;
margin-bottom: 40px;
}

aside .container > div img {
width: 100%;
}

aside .metadata {
margin-top: 20px;
}

aside div:nth-of-type(2n) {
margin-right: 0;
}

/* Work */
.advantages {
margin-left: 5.91%;
width: 25.44%;
margin-right: 5.91%;
}

.advantage-photo {
width: 62.74%;
}

.test-fits-download-all {
margin-right: 0;
}

/* Contact */
#contact-image {
margin-bottom: 70px;
}

#contact-columns {
margin-bottom: 70px;
margin-left: 0;
}

#contact-columns li, #contact-columns li:first-of-type {
float: none;
width: 100%;
margin: 0 0 70px 0;
}

#contact-columns li span.column-header {
width: 45%;
margin-right: 10%;
}

/* Test Fits */
#test-fits-nav li.selected ul {
display: none;
}

#test-fits-nav > li::after {
margin: 4px auto 10px;
}

.test-fits-details-section {
margin-top: 24px;
}

.test-fits-details-section.selected {
margin-top: 24px;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
}

.test-fits-details-section .left-col {
width: 100%;
float: none;
margin-right: 0;
order: 2;
}

.test-fits-details-section .right-col {
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
float: none;
order: 1;
}

.mobile-fits-container {
display: none;
text-align: center;
margin: 0;
padding: 0;
border-top: 1px solid #757575;
padding-top: 14px;
}

.mobile-fits-container li {
cursor: pointer;
display: inline-block;
list-style: none;
text-transform: uppercase;
text-transform: uppercase;
font-size: 13px;
margin: 0 6px;
}

.mobile-fits-container li.selected {
color: #c26c28;
}

.mobile-fits-container.selected {
display: block;
}
}

@media only screen and (max-width: 768px) {
/* Gallery */
#gallery-collage .photo {
height: 500px;
}

#gallery-collage .photos-three {
display: block;
}

#gallery-collage .photos-three.left > .photo {
border-right: 0;
border-bottom: 4px solid white;
}

#gallery-collage .photos-three > div {
width: 100%;
float: none;
}

#gallery-collage .col-1 div.photo, #gallery-collage .col-2 div.photo {
height: 300px;
}

#gallery-collage .photos-three.right > .photo {
border-left: 0;
border-top: 4px solid white;
}

#gallery-collage .photo.active .hover-state {
opacity: 1;
}

article .image.absolute {
position: static !important;
}

article .image.absolute img {
position: static !important;
}

}

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

.c-menu {
z-index: 999999;
}

body {
padding-top: 100px;
}

.locked-subnav .nav-toggle-wrapper {
right: 24px;
}

.container {
padding: 0 24px;
}

.mobile-only {
display: block;
}

.flex-container {
display: block;
}

.desktop-only {
display: none;
}

/* Typography */
h1 {
font-size: 40px;
}

article h1, h2 {
font-size: 35px;
line-height: 40px;
letter-spacing: .025em;
text-align: center;
}

h3 {
font-size: 20px;
line-height: 26px;
max-width: 300px;
}

h2.primary-headline {
margin: 0 auto 40px !important;
max-width: 200px;
}

h2.smallerheadline, h2.smallerheader {
text-align: center !important;
}

h2.smallheading {
font-size: 32px;
line-height: 40px;
}

hr {
margin: 52px 0;
}

/* Header */
header {
padding-top: 28px;
height: 108px;
}

header.scrolleddown {
height: 108px;
}

.home .logo, .logo {
width: 129px;
left: 24px;
}

.sectiontitle {
margin-bottom: 54px;
}

.sectiontitle h2 {
width: 100%;
float: none;
margin-right: 0%;
}

.sectiontitle p {
float: none;
width: 100%;
}

.nav-toggle-wrapper {
top: 0;
}

/* Navigation */
.main-nav {
padding-top: 80px;
}

#page-hero {
margin-bottom: 29px;
}

.nav-toggle-wrapper {
right: 24px;
}

#subnavigation-wrapper {
height: auto;
margin-top: 0;
}

nav#subnavigation ul {
width: calc(100% - 40px);
}

nav#subnavigation.fixed {
position: static;
}

nav#subnavigation {
margin-top: 20px;
margin-bottom: 34px;
}

nav#subnavigation ul {
padding: 8px 0;
margin: 0;
width: 100%;
}

nav#subnavigation ul li, nav#subnavigation ul li a {
display: block;
}

nav#subnavigation ul li a {
padding: 4px 0;
}

/* Footer */
footer p.copyright {
margin-bottom: 52px;
margin-top: 68px;
font-size: 14px;
line-height: 21px;
}

/* Design */
.building-wrapper {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
}

.building-svg {
order: 4;
}

.building-part {
top: 230px;
position: absolute;
background-color: #f5f5f5;
border: 1px solid #ccc;
opacity: 0;
margin: 0;
padding: 12px;
pointer-events: none;
}

.building-part span.close {
display: block;
font-size: 20px;
position: absolute;
top: 2px;
right: 10px;
cursor: pointer;
}

.building-part img {
position: static;
width: 110px;
float: left;
margin-right: 15px;
}

.building-part.active {
opacity: 1;
pointer-events: all;
}

.building-svg {
width: 180px;
margin: 52px auto 0;
}

.building-part .title {
margin-top: 0;
}

/* Modules */
#photo-gallery {
margin-bottom: 52px;
}

.photo-module.full .container {
padding: 0 24px !important;
}

.photo-module.full .main-data, .right-photo .second-container, .left-photo .second-container {
padding-top: 0;
}

.bx-wrapper {
margin-bottom: 0;
}

/*  #photo-gallery .container { padding: 0; } */
.bxslider li, .single-image-hero {
height: 225px;
}

h2.primary-headline, h2.smallerheader, div.text, div.blog-module, div.building, .image-container, .second-container {
max-width: 100% !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-sizing: border-box !important;
}

.full-right-photo .container, .full-left-photo .container {
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 24px;
border: 0 !important;
box-sizing: border-box !important;
}

.right-photo .container, .left-photo .container, .photo-module {
display: block;
}

.image-container::before {
display: block;
content: ' ';
width: 100%;
height: 1px;
display: block;
background-color: #757575 !important;
margin: 42px 0 52px;
}

.full .image-container::before {
width: calc(100% - 48px);
margin-left: 24px;
margin-right: 24px;
}

div.blog-module {
margin-top: 60px !important;
min-height: 145px;
}

div.blog-module p {
margin-top: 6px;
line-height: 24px;
}

.photo-module {
margin-top: 0px;
}

.two-blog-posts-post {
float: none;
width: 100%;
}

.two-blog-posts-post:nth-child(1) {
margin-left: 0%;
margin-right: 0%;
}

.two-blog-posts-post:nth-child(2) {
border-left: 0;
padding-left: 0%;
}

.photo-module h2.primary-headline {
margin-top: 30px !important;
}

/* Editorial */
.metadata {
font-size: 14px;
line-height: 18px;
text-align: left;
margin-bottom: 20px;
}

.archive-content .left-column {
display: block;
border-bottom: 0;
}

.archive-content .left-column > a {
margin-right: 0;
}

.archive-content .left-column .content {
width: 100%;
}

.archive-content .left-column.first-page {
border-bottom: 0;
margin-bottom: 0;
}

.archive-content .left-column.first-page .content div, .archive-content .left-column .content div {
top: 0;
transform: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

.archive-content .middle-column div, .archive-content .right-column div {
float: none;
width: 100%;
}

.archive-content .content::after {
margin-bottom: 52px;
content: ' ';
width: 100%;
height: 1px;
background-color: #757575;
display: block;
}

.archive-content .right-column .content:last-of-type::after {
content: none;
}

.archive-content .content p {
text-align: left;
}

.archive-content .middle-column, .archive-content .right-column {
text-align: left;
display: block;
}

.archive-content .middle-column h2, .archive-content .right-column h2 {
text-align: left;
}

.archive-content .middle-column {
padding: 0;
width: 100%;
}

.archive-content .right-column {
padding: 0;
width: 100%;
border: 0;
}

.paged .archive-content .left-column, .paged .archive-content .middle-column, .paged .archive-content .right-column {
display: block;
}

.paged .archive-content .left-column > div, .archive-content .middle-column > div, .archive-content .right-column > div {
border-right: 0;
padding-right: 0;
}

.paged .archive-content .left-column > div:first-of-type, .archive-content .middle-column > div:first-of-type, .archive-content .right-column > div:first-of-type {
padding-right: 0;
padding-left: 0;
border-right: 0;
}

.archive-content .left-column.first-page div > a {
width: 100%;
margin-right: 0%;
}

.archive-content .left-column.first-page .content {
width: 100%;
}

.archive-content .left-column.first-page > div {
display: block;
}

.story-wrapper {
padding: 0 !important;
width: 100% !important;
}

.story-wrapper h2 {
text-align: left;
}

.archive-content .content:last-of-type::after {
content: none;
}

/* Single Post */
article .container {
display: block;
}

article .back {
display: none;
}

aside {
display: none;
}

article .image {
position: static;
width: 100%;
margin-bottom: 0px;
}

article .content {
padding-left: 0;
padding-top: 0;
}

article h1 {
margin-bottom: 52px;
}

/* Maps */
#map-wrapper {
display: block;
margin-top: 0;
height: auto;
}

#map-categories {
width: 100%;
order: 2;
padding: 0 24px;
}

#map-wrapper .container {
flex-wrap: wrap; /* padding: 0; */
}

.markertitle.selected div.map-info {
display: none !important;
}

#snazzymap {
width: 100%;
height: 350px;
margin-bottom: 30px;
}

#transportation-neighborhood-toggle {
text-align: center;
margin: 20px 0;
}

#transportation-neighborhood-toggle li {
font-size: 12px;
}

#transportation-neighborhood-toggle li a {
margin-right: 12px;
}

/* Work */
.text-blurbs-photo {
margin-top: 64px;
}

.text-blurbs-photo .container > .clearfix {
display: block;
}

.advantage-photo {
width: 100%;
margin-top: 34px;
margin-bottom: 38px;
margin-left: 0;
}

.circle:first-of-type {
margin-left: 24px;
}

.advantages {
width: 100%;
margin-left: 0;
padding-top: 64px;
border-top: 0;
padding-top: 0;
padding-left: 24px;
padding-right: 24px;
}

.advantages h2 {
display: none;
}

.advantage-blurb {
margin-top: 10px;
}

/* Stacking */
#stacking-diagram-left {
float: left;
width: 50%;
margin-left: 0%;
}

#stacking-diagram-left svg {
top: -60px;
max-height: 420px;
}

.mobile-stats {
width: 35%;
text-align: left;
float: left;
}

#mobile-arrows {
display: block;
text-align: center;
clear: both;
}

#mobile-arrows .arrow-up {
margin: 0 auto;
border-width: 12.5px 0 12.5px 21.7px;
border-color: transparent transparent transparent #dbd3cc;
display: inline-block;
}

#mobile-arrows .arrow-down {
margin: 0 auto;
border-width: 12.5px 21.7px 12.5px 0;
border-color: transparent #dbd3cc transparent transparent;
display: inline-block;
}

#mobile-arrows #selectedfloor {
display: inline-block;
vertical-align: bottom;
margin: 0 10px;
text-transform: uppercase;
color: #dbd3cc;
font-size: 36px;
font-weight: 900;
letter-spacing: .16em;
}

#mobile-arrows #selectedfloor span.floor {
font-size: 16px;
line-height: 20px;
display: inline-block;
}

#stacking-diagram-table {
display: none;
}

#stacking-diagram-arrows {
display: none;
}

.mobile-stacking-data {
text-align: left;
display: none;
}

.mobile-stacking-data label {
text-transform: uppercase;
margin-bottom: 12px;
margin-top: 20px;
display: block;
font-size: 10px;
letter-spacing: .16em;
font-weight: 900;
}

.mobile-stacking-data label::after {
content: ' ';
width: 100%;
border: 1px solid #b7b7b7;
display: block;
margin-top: 6px;
}

.selected-floor-number {
display: none;
}

.mobile-floor-plan {
display: none;
}

.floor-group.active {
display: block;
}

.mobile-stacking-data.active {
display: block;
}

.selected-floor-number.active {
display: inline-block;
font-size: 16px;
line-height: 20px;
}

/* Views */
.ordering-views {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
}

.ordering-views .views-panoramic {
order: 2; /* padding-left: 0; padding-right: 0; */
}

.ordering-views h2.smallerheader {
margin-top: 0 !important;
}

.views-panoramic {
margin-bottom: 26px;
}

.floors-nav li {
font-size: 12px;
margin-right: 20px;
}

#views-selected-floor {
display: none;
}

#views-svg {
float: none;
margin-left: 0;
width: 100%;
max-width: 400px;
margin: 0 auto;
display: block;
}

#views-photos {
width: 100%;
margin-left: 0;
height: 250px;
margin-top: 52px;
}

.floors-wrapper ul, .floors-wrapper ul li {
height: 280px;
}

.floors-wrapper ul li div {
height: 250px;
}

#views-photos .bx-wrapper .bx-pager {
bottom: 50px;
}

/* Work */
.test-fits-details-section {
margin-top: 24px;
}

.text-blurbs-photo:nth-of-type(2n+1) .advantages {
margin-left: 0;
}

/* Life */
.life-left {
padding: 0 24px;
float: none;
width: 100%;
margin-left: 0;
border-top: 0;
}

.life-right {
float: none;
width: 100%;
}

.life-left .title h2 {
width: 100%;
float: none;
margin-right: 0%;
}

.life-left .title p {
float: none;
width: 100%;
margin: 0;
}

.floor-info-wrapper {
display: block;
clear: both;
margin-top: 52px;
}

#life-floors-svg-wrapper {
width: 100%;
max-width: 200px;
margin: 0 auto;
}

.floor-info {
width: 100%;
margin: 24px 0;
}

.life-floors li {
height: 250px;
background-size: cover;
background-position: center;
}

.life-floors-svg {
width: 100%;
margin-right: 0%;
}

.life-right .bx-viewport {
height: 250px;
}

/* Gallery */
#download-all {
margin-top: 20px;
text-align: center;
font-size: 13px;
}

#download-all a img {
width: 20px;
}

#gallery-collage .photo .hover-state.active {
opacity: 1;
}

#gallery-collage .photo .hover-state a {
margin: 0 20px;
font-size: 14px;
}

#gallery-collage .photo .hover-state a.view::before, #gallery-collage .photo .hover-state a.download::before {
width: 25px;
height: 25px;
}

/* Team */
/* #team-overview-wrapper .container.video-container { padding-left: 0; padding-right: 0; } */
.team-video {
margin-bottom: 52px;
}

.team-video iframe {
height: 225px;
}

#team-overview-wrapper::after, .team-section::after {
width: calc(100% - 48px);
content: ' ';
height: 1px;
background-color: #757575;
display: block;
margin: 60px auto 0;
}

.right-photo.team-section.photo-module .image-container {
margin-bottom: 40px;
}

#team-overview-wrapper h2 {
width: 100% !important;
margin-left: 0;
text-align: center;
margin-bottom: 23px;
}

#team-overview-wrapper .content {
width: 100%;
float: none;
}

#team-overview-wrapper::after, .team-section::after {
content: none;
}

.photo-module.team-section h2.smallerheader {
text-align: center;
}

#team-teams .container::before {
margin-top: 54px;
padding-top: 54px;
}

#team-teams h2 {
width: 100%;
float: none;
text-align: center;
margin-right: 0;
}

#team-teams ul {
width: 100%;
float: none;
}

#team-teams ul li {
width: 100%;
float: none;
text-align: center;
}

h2.smallerheader {
margin-bottom: 10px !important;
margin-top: 47px !important;
}

/* Contact */
#contact-image {
margin-bottom: 52px;
}

#contact-headline {
width: 100%;
margin-left: 0;
}

#contact-columns {
margin-bottom: 52px;
}

#contact-columns li {
display: block;
}

#contact-columns h2.smallerheader {
margin-top: 0 !important;
}

#contact-columns li span.column-header {
width: 100%;
margin-right: 0;
}

#contact-columns li span.column-details {
width: 100%;
text-align: center;
display: block;
}

#contact-columns li, #contact-columns li:first-of-type {
margin-bottom: 52px;
}

/* Additional Lines Needed for Mobile */
.text-blurbs-photo::before {
margin: 52px 24px;
display: block;
content: ' ';
width: calc(100% - 48px);
border-top: 1px solid #757575;
}

/* Sliders */
.advantage-photo ul, .advantage-photo ul li {
height: 250px;
}

.download-all {
float: none;
}

.test-fits-download-all {
margin-top: 0;
width: 100%;
text-align: center;
margin-top: -40px;
margin-bottom: 40px;
}

.stacking-download-all {
width: 100%;
text-align: center;
margin-top: 20px;
}

#test-fits-nav {
margin-top: 0;
}

/* New Life Styles */
.advantages-illustration p {
max-width: 100%;
width: 100%;
}

.experience-illustration {
order: 2;
top: 0;
margin: 52px 0 0 0;
max-width: 100%;
}

.advantages.advantages-illustration {
margin-right: 0;
padding: 0;
order: 2;
display: flex;
flex-wrap: wrap;
}

.text-blurbs-photo.illustration .container > .clearfix {
display: flex;
flex-wrap: wrap;
}

.advantage-photo.advantage-photo-illustration {
margin-bottom: 0;
width: 100%;
order: 4;
}

.illustration-wrapper {
order: 2;
position: relative;
}

.experience-illustration img {
max-width: 100%;
}

/* Metrics */
#work-metrics {
padding: 0;
}

#work-metrics h2 {
width: 100%;
text-align: center;
margin-right: 0%;
float: none;
}

#work-metrics dl {
width: 100%;
float: none;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}

#work-metrics dl div {
margin-bottom: 35px;
}

#work-metrics dl div:last-of-type {
margin-bottom: 0;
}

#work-metrics dd {
line-height: 25px;
letter-spacing: .01em;
}
}

@media only screen and (max-width: 600px) {
#work-metrics dt {
width: 100%;
float: none;
margin-right: 0;
}

#work-metrics dd {
max-width: 270px;
margin: 20px 0 0 0;
padding: 0;
width: 100%;
float: none;
}
.page-id-4 .bx-wrapper {
margin-top: 0px;
}
}

@media only screen and (max-width: 480px) {
#stacking-diagram-left svg {
top: -20px;
}
}

@media only screen and (min-height: 850px) {
#menu-mobile-menu-bottom {
position: absolute;
bottom: 50px;
}
}

/* Anchors */
.anchor {
position: absolute;
margin-top: -180px;
width: 1px;
height: 1px;
display: block;
}

.anchor.higher {
margin-top: -173px;
}

.anchor#team-overview {
margin-top: -10px;
}

.photo-module .anchor {
margin-top: -280px;
}
.page-id-4 .bxslider li {
background-size: cover;
background-repeat: no-repeat;
}
.page-id-2403 nav#subnavigation ul{
border-bottom:0;
border-top:0;

}
.page-id-2403 .header-text div.text {
float: none;
width: 100%;
}
.single-image-hero {
height: 787px;
width: 100%;
background-size: cover;
background-position: bottom;
display: block;
}
a.formpopap.pum-trigger, input#gform_submit_button_1 {
background: #a7855c;
padding: 6px 12px;
color: white;
border: 1px solid #a7855c;
}
a.formpopap.pum-trigger:hover, input#gform_submit_button_1:hover{
color: #a7855c;
background: #fff;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gfield textarea {
width: 100%;
border: 1px solid #d5d2d2;
}
.gform_wrapper.gravity-theme .gfield_label {
font-size: 13px;
font-weight: normal;
}
div#popmake-2431 h2 {
text-transform: uppercase;
font-size: 20px;
}

.snohettarow .image-container {
padding-bottom: 10px;
}
.page-id-4 section.wow.fadeIn.section.section1.page-module.header-text-map h2 {
padding-top: 10px;
}
.page-id-5 section.wow.fadeIn.section.section2.page-module.text-blurbs-photo {
margin-bottom: 50px;
}
@media only screen and (min-width: 1240px) {
.page-id-2403 .single-image-hero {
height: 787px;
}
}

@media only screen and (max-width: 1170px) {
.anchor, .anchor.higher {
margin-top: -110px;
top: 0;
}
}

@media only screen and (max-width: 768px) {
.anchor, .anchor.higher {
margin-top: -120px;
top: auto;
}

.photo-module .anchor {
margin-top: -107px;
}
.page-id-4 .single-image-hero{
height:200px!important;
}
}

.page-id-4 #photo-gallery .single-image-hero {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}

.page-id-4 .page-module .main-data .text {
width: 100%;
}
@media screen and (min-width: 1024px) {
section.wow.fadeIn.section.section5.page-module.photo-module.full.full-right-photo.clearfix img {
padding: 100px;
}
}
@media screen and (max-width: 1024px) {
section.wow.fadeIn.section.section5.page-module.photo-module.full.full-right-photo.clearfix img {
padding: 30px;}
	#gallery-collage .photos-one .photo.full-width {
    height: 300px;
}
.page-id-2403 .single-image-hero {
    height: 253px;
}
}
.page-id-2403 #gallery-collage .smallerheader{
display:none;
}