@charset "UTF-8";

  /* global */
  body {background:#000;}
  * {margin:0; padding:0; text-decoration:none; box-sizing: border-box; list-style:none;text-size-adjust:none; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
    img {display:block;}
  #landscape-message {display:none;}
/* fade in */
.fadein {
    animation: fadein .5s;
    -moz-animation: fadein .5s; /* Firefox */
    -webkit-animation: fadein .5s; /* Safari and Chrome */
    -o-animation: fadein .5s; /* Opera */
}
@keyframes fadein {from {opacity:0;}to {opacity:1;}}
@-moz-keyframes fadein { /* Firefox */from {opacity:0;}to {opacity:1;}}
@-webkit-keyframes fadein { /* Safari and Chrome */from {opacity:0;}to {opacity:1;}}
@-o-keyframes fadein { /* Opera */from {opacity:0;}to {opacity: 1;}}
/* landscape */
/* @media screen and (orientation:landscape) {
  body {background:rgba(8,190,213,.92);}
} */
 
  /* header section */
  header {position:fixed; top:0; left:0; width:100%; height:40px; background:#3a4046; border-bottom: 3px solid #00bfd5;z-index:5;}
  .logo {position:fixed; top: 0; left:0; padding: 9px 9px 9px 19px; width:200px; cursor:pointer; display:block;}
  .menu-button {position: fixed; top: 4px; right:0; padding:5px; width:125px; cursor:pointer; display:block; padding-left: 85px;}
  .close-button {position: fixed; top: 4px; right:0; padding:5px; width:125px; cursor:pointer; display:none; padding-left: 85px;}
  
  /* mobile menu */
  #mobile-menu-bg {position:fixed; top: 40px; left:0; width:100%; height: 222px; background:#3a4046; padding:10px 0px; color:#ffffff; display:none;}
  #mobile-menu {position:fixed; top: 40px; left:0; width:100%; height: 222px; background:#3a4046; padding:10px 0; color:#ffffff; display:none;}
  #mobile-menu li{cursor:pointer; color:#ffffff; padding: 5px 20px; font-weight:100; text-align:right; }
  .mobile-menu-text, .mobile-menu-text a{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt;
   color:#fff; display:block;}
   .mobile-menu-text:hover, .mobile-menu-text a:hover {color:#00bfd5;}
  
  /* container and wrapper section */
  #miniwrapper {
    background:#3a4046;
  }
  #wrapper {
    position:absolute; 
    top: 40px; left:0; width:100%; height: calc(100vh - 40px); 
    /* overflow:scroll; 
    border-bottom:40px solid #3a4046;  
    overflow:auto;*/
    -webkit-overflow-scrolling: touch;
    z-index:2; 
    background:white
  }
  #container {position:relative; top: 0; left:0; width:100%; overflow:hidden; display:block; background-color: white;}
  
  /* top image */
  .top-image {position:relative; left:0px; top:0px; width:100%; overflow:hidden;}
  
  /* header text */
  .header-text{width:100%; position: absolute; left: 0; top: 14px; margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-transform:uppercase; font-size:18pt; color:#ffffff; word-spacing:.2em;
text-shadow: 5px 0px 20px rgba(70, 70, 70, 0.5); text-align:center; z-index:1;}

body {
  font-family: 'Roboto Condensed', sans-serif; 
}
  /* body content */
  .body-content {padding:15px 10px 0px 10px; background:#ffffff;} 
  .body-content-top {padding:10px 5px; background:#3a4046;} 
  .body-content-top2 {padding:10px 5px; background:#f3f2f2} 
  .body-text-1 {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; line-height:30px; color:#3a4046; padding:5px 10px 10px 10px;}
  .body-text-2 {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 10pt; line-height:20px; color:#3a4046; padding:5px 10px 10px 10px;}
  .body-text-3 {font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size: 14pt; line-height:31px; color:#3a4046; padding:0 10px 0 10px; height:220px; overflow:hidden;}
  .body-text-4 {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; line-height:30px; color:#3a4046; padding: 10px;}
  .body-text-5 {font-family: 'Roboto Condensed', sans-serif; font-weight:600; font-size: 14pt; line-height:30px; color:#3a4046; padding:5px 10px 10px 10px; text-decoration: none; }
  .body-text-6 {font-family: 'Roboto Condensed', sans-serif; font-weight:500; font-size: 14pt; line-height:30px; color:#ffffff; padding:5px 10px 5px 10px; text-decoration: none; text-align:center;}
  .body-text-6a {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 16pt; line-height:30px; color:#3a4046; padding:5px 10px 5px 15px; text-decoration: none; text-align:left;}
  .body-text-7 {font-family: 'Roboto Condensed', sans-serif; font-weight:600; font-size: 15pt; line-height:30px; color:#ffffff; padding:0px 10px 0px 10px; text-decoration: none; text-align:center;}
  
  .body-text-link {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; color: #00bfd5; padding:20px 10px;}
  .body-header-1 {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 16pt; color:#3a4046; padding:0 10px 3px 10px;}
  .body-header-2 {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 16pt; color:#00bfd5; padding:10px 20px;background:#ffffff;} 
  .body-header-3 {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 16pt; color:#3a4046; padding:10px 20px;background:#ffffff;}
  .award-ital {font-weight: 400; font-size: 14pt; color: #3a4046; font-style:italic;}
  
  .body-text-mf {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; line-height:30px; color:#3a4046; padding:5px 10px 10px 10px;}
  .body-text-mf a {color: #00bfd5;}
  
  /* cw section */
  .cw-subheader {padding:5px 10px 10px 10px;}

  /* press section */
  .news-article {border-bottom:1px dotted #aaaaaa; padding: 5px 0;}
  .news-article-source {font-size:10pt; color:#888888;}
  .news-article-title {font-size:14pt; color:#3a4046; line-height:22px;}
  .news-article-title:hover {color:#00bfd5;}
  .press-date {display:none;}
  .gray-subhead {background: #eeeeee; padding:10px 15px 10px 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; color:#3a4046;}
  .news-image {margin:0px; padding:0px ; border:1px solid #eaeaea; width:100%; margin: 5px 0px 12px 0px;}
  
  /* new press section */
  .npress-body-header {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 16pt; color:#3a4046; padding:20px 20px 15px 20px; border-bottom: 1px dotted #3a4046;}
  .npress-image {margin:0px; padding:0px ; border-width:1px 0px 1px 0px; border-style: solid; border-color: #eaeaea; width:100%; margin: 12px 0px 10px 0px;}
  .npress-body-text {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 10pt; line-height:20px; color:#3a4046;}
  .npress-titles {padding: 10px 20px 0px 20px;}
  .npress-bleed-article {margin: 10px 0px 0px 0px; border-bottom:1px dotted #aaaaaa; padding: 5px 0;}
  .npress-article {border-bottom:1px dotted #aaaaaa; padding: 15px 20px;}
  
  /* past projects section */
  .past-projects-list {padding:10px 0; border-bottom: 1px dotted #888888; font-size:12pt;}
  .past-address {display:block; width:100%; height:30px; overflow:hidden; float:left; font-size:14pt; font-weight:300;}
  .project-type {display:block; font-size:12pt;}
  .size {display:block; float:left; font-weight:300; margin-right:20px;}

  /* tenant section */
  .spr {display:none;} 
  .tenant-logo-area {position: relative; top: 15px; left:-10px; width:100%; height:1310px; margin:0; padding:0; background:#ffffff;} 
  .tenant-logo {float:left;}
  .tenant-text-area {position:relative; top: 10px; left: 0; font-size:13px; width:100%; display: block; background:#ffffff;}
  .tenant-logo-text {width:50%; display: block; float: left; padding:10px 5px 0 10px; background:#ffffff;}
  
	/* contact section */
  .contact {height:100%; min-height:130px; background:#ffffff;}
  .contact-form {font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
  .findus-text-2 {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 12pt; color:#888; width: 100%; 
    border-width: 1px; border-style:none none none none; border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-radius: 0;
    line-height: 1.5em;
    height: 40px;
    -webkit-appearance: none;
    padding:0px;}
  .message-text {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 14pt; color:#3a4046; padding:0px 0 0 0; margin-top: 5px; margin-bottom:5px;}
  .form-divider {
    border-bottom: 1px dotted #555555;
    margin: 1px;
  }
  .button {float: right;border:none; cursor:pointer; padding: 10px 0px 2px 10px; font-size:12pt;
    margin: 0px 0px 0px 10px;
    color: var(--dk-gray-color);
    background: #ffffff;
    transition: color .3s ease-in; background:#ffffff;
    -webkit-appearance: none;
    -moz-transition: color .3s ease-in;
    -webkit-transition: color .3s ease-in; 
    font-family: 'Roboto Condensed', sans-serif; font-weight:400;
    border-radius: 0;}
  .commentbox {height: 127px; padding: 95px 0px 12px 0px; margin-left: -2px;vertical-align:top;}
  .comment-body-text {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; line-height:30px; color:#3a4046; margin:5px 10px 10px 10px;}
 
  /* multifamily */
  .multifamily-mobile-title {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 16pt; color:#3a4046;}
  .multifamily-header {padding-top: 15px; padding-bottom: 10px; border-bottom: 1px dotted #3a4046;}
  .multifamily-subheader {font-weight: 300; font-size: 14pt;}
  .phone a {color:#3a4046; text-decoration: none;}
	.spr {display:none;}
	/* award */
.award{width:100%; position: absolute; top: 165px; padding:0px;}
.award-head{font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-align:center; font-size:16pt; color:#ffffff; margin:0px; padding:0px; text-shadow: 5px 0px 20px rgba(0, 0, 0, 1.0); line-height:25px;}
.award-content {font-family: 'Roboto Condensed', sans-serif; text-align: center; font-weight:700; font-size:10pt; color:#ffffff; margin:0px; padding:0px; text-shadow: 5px 0px 20px rgba(0, 0, 0, 1.0);}
	
  /* media queries */

  .cw-mobile-logo {
    width: 80%;
    padding: 20px 0 0 0;
    margin: auto;
  }