@charset "UTF-8";
/*  Main page styles  */
* {margin:0px; padding:0px; text-decoration:none; list-style:none; font-family: 'Roboto Condensed', sans-serif; font-weight:400; color:#1E242B; font-size: 12pt;}
* a {text-decoration:none}
* a:hover {text-decoration:none}
body {background-color:#efefef;}


/**************************************/
/*       navigation bar              */ 
/************************************/

/* landbank logo */
.logo {padding: 6px 5px; position: absolute; left:15px; /*display:none;*/}

/*  top navigation styles  */
.navee {position: fixed; top:0px; left:0px; width: 100%; min-width:900px; z-index:10; height:42px; background-color:#3a4046;}
nav {position: fixed; top:0px; left:0px; width: 100%; min-width:900px; z-index:10; height:42px; background-color:#3a4046;}
.nav-menu-item {display: inline; cursor:pointer; padding: 10px 15px; margin:0px;}
.nav-menu-item a {display: inline; cursor:pointer; color:#ffffff; 
transition: color .3s ease-in;
  -moz-transition: color .3s ease-in;
  -webkit-transition: color .3s ease-in;
letter-spacing: .03em; margin:0; font-size:12pt;  font-family: 'Roboto Condensed', sans-serif; font-weight:400; text-transform:uppercase;}
.here a {color:#00bfd5;}
.nav-menu-item a:hover {cursor:pointer; color:#00bfd5;
	transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -webkit-transition: color .2s ease-in;}
#nav-menu {position: absolute; top:11px; right:10px;}

/* nested nav menu */
nav ul ul { display:none;}
nav ul li ul {padding: 0; position: absolute; top: 30px; left: 121px; width: 100px; display:none;}
nav ul li ul li {  padding: 3px 0px;height:20px;}
nav ul li ul li:hover { background: #3a4046; }
nav ul li:hover ul {display:list-item;}
.nav-sub-menu {display:block; width: 200px; margin-top: -5px; background:#3a4046;}
.sub-menu4 {display:block; width: 230px; height: auto; margin-top: -5px; background:#3a4046;}



.no-back {background-color:transparent;border:none; margin-top: 10px;}


/**************************************/
/*       other styles                */ 
/************************************/

/* 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;}}

/******************************************/
/*     New global classes                */
/****************************************/

/* structure 1 */
#wrapper {position:absolute; top: 0px; left: 0px; width:100%; height: 100%; background:#ffffff; }
.pattern-bar {position:absolute; top: 40px; left: 0px; width:100%; height: 10px; background:url(stripe_1.png); background-repeat:repeat;}
.header {position: fixed; top:40px; left:0px;  width:100%; background:#00bfd5;z-index:9; height:8px;}
.header-bar {position: fixed; top:40px; left:0px;  width:100%; background:#00bfd5;z-index:9; height:8px;}
.header p {width:800px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; color:#ffffff; padding:2px 20px 3px 40px;}
.subhead {position: absolute; top:545px; left:0px;  width:100%; background:#ffffff;}
.subhead p a{width:800px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; color:#00bfd5; padding:5px 20px 5px 20px;}
.subhead p a:hover {color:#3a4046;}

.content {position:fixed;; left:0px; top: 0px; width:100%; height: 100%; background:#ffffff; padding: 0; margin:0; min-width:1030px; overflow-y:scroll}
.current-content {position:fixed;; left:0px; top: 0px; width:100%; height: 100%; background:#efefef; padding: 0; margin:0; min-width:1030px; overflow-y:scroll}


/* silos */
.silo-left-1 {width:75%; padding-top:10px; float:right; position:absolute; top:40px; right: 300px; left:0px; min-width:400px; }
.silo-left-t {width:75%; padding-top:10px; float:right; position:absolute; }
.silo-left-t2020 {width:75%; padding-top:10px; float:right; position:absolute; right: 0px;}
.silo-left-2 {width:75%; padding:0; float:right; position:absolute; top:80px; right: 300px; left:0px; min-width:400px; margin-bottom:20px;}
.silo-right-1 {position:absolute; top:85px; left: 625px; padding:0px; margin:0px; float:right; width:320px;}

/**************************************/
/*       press                       */ 
/************************************/

.news-header-spacer {padding: 5px; margin: 10px}

/* news boxes */
.news1 {padding-bottom:10px; /* float:right; */ background:#ffffff; margin: 10px 0 10px 0; border-bottom:1px dotted #cecece; width: 302px;}
.news1-img {margin:0px; padding:0px; width:100%; }
.news2 {width:580px; height:50px; margin:10px; border-bottom:1px dotted #cecece; padding:5px; display:block;}

/* news text */
.h3 {font-size:12pt; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#85888c; margin-right:15px;}
.h2 {font-size:14pt; color:#3a4046; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:24px;}
.h2:hover {color:#00bfd5;}
/*.news1 {width:80%; padding:10px 15px;float:left; background:#ffffff; margin: 5px 0;}*/
.news1-video {margin:0px; padding:5px 0 2px 0 ; width:100%; /*border-top:1px dotted #3a4046; border-bottom: 1px dotted #3a4046;*/}

.news1-pdf {margin:0px; padding:0px ; border:1px solid #eaeaea;}
.news1-pdf:hover {border: 1px solid #00bfd5;}
.news-date, .news-date a {font-size: 10pt; color:#85888c;; font-family: 'Roboto Condensed', sans-serif; font-weight:300; margin-bottom:7px;}
.news1-headline, .news1-headline a {font-size: 12pt; /* padding-bottom: 7px;  */width: 100%; color:#3a4046; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.news1-text {font-size: 12pt; color:#3a4046; margin-top:5px;  padding-top:6px;  font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.article-download {font-size: 10pt; color:#3a4046; font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.article-download:hover {color:#00bfd5;}
#press-wrapper {position:absolute; top: 0px; left: 0px; width:100%; height:100%; background-color: white; /*overflow-x:hidden;*/}
.content-press {position:absolute; left:0px; top: 0px; width:100%; height: 1250px; padding: 0; margin:0; min-width:1030px; }

.press-footer {position: absolute; left:0px; bottom:2000px;  width:100%; height:30px; background:url(stripe_1.png); background-repeat:repeat;}

/**************************************/
/*          current                  */ 
/************************************/

.current-head {position: absolute; top:20px; left:0px; background-image:url('./img/hero-2.jpg'); background-size:cover; background-attachment:scroll; background-repeat:no-repeat; background-position:0px 60%; width:100%; height:500px; min-width:900px;}
.subhead2 {position: absolute; top:530px; width: 100%; margin:0px; padding:0px; background:#f3f2f2;}
.subhead-2 a {font-size: 14pt;}
.cw-subhead2 {position: absolute; top:485px; width: 100%; margin:0px; padding:0px; background: #f3f2f2;}
.subhead2 p {width:800px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 14pt; padding:10px 20px 10px 40px; line-height:30px; color:#4f545a;}
.cw-subhead2 p {width:800px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 14pt; padding:10px 20px 10px 40px; line-height:30px; color:#4f545a;}
.cw-subhead3 {position: absolute; top:535px; left:0px;  width:100%; background:#ffffff;}
.subhead3 {position: absolute; top:485px; left:0px;  width:100%; background:#ffffff;}
.subhead3 p{ padding:10px 20px 10px 40px;}
.cw-subhead3 p{ padding:10px 20px 10px 40px;}
.right-text {position:absolute; right:70px; font-family:'Roboto Condensed', sans-serif; font-weight:300; font-size:14pt; color:#00bfd5;}
.right-text a {font-family:'Roboto Condensed', sans-serif; font-weight:300; font-size:14pt; color:#00bfd5;}
.right-text a:hover {color:#85888c;}
.header-current {position: fixed; top:40px; left:0px;  width:100%; background:#00bfd5;z-index:9; height:8px;}

.current-column-wrap {position:absolute; top: 580px; height:900px; background:#ffffff; width:100%; margin:0px; padding:0px; overflow:hidden;}
.current-column-wrap1 {position:absolute; top: 580px; height:1070px; background:#ffffff; width:100%; margin:0px; padding:0px; overflow:hidden;}
.current-column-1 {position: absolute; left: 0px; top: 0px; width: 520px; background:#ffffff; padding: 0; margin:-5px 0;}
.current-column-1 p {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; line-height:30px; color:#4f545a; padding:10px 20px; margin: 0px 20px;}
.current-column-2 {position: absolute; left: 490px; top: 10px; width: 570px; margin:0px; padding:0px; background:#ffffff;}

/* big announcement */
.big-announcement {font-family: 'Roboto Condensed', sans-serif; font-weight:300;letter-spacing:.05em; color:#00bfd5; margin:20px;  padding: 5px 20px 20px 20px; font-size:20pt; line-height:30px; height:50px;}
.big-announcement-floorplate {font-family: 'Roboto Condensed', sans-serif; font-weight:300;letter-spacing:.05em; color:#00bfd5; margin:10px 0;  padding: 5px 20px 20px 0; font-size:20pt; line-height:30px; height:50px;}
.big-announcement-subhead {font-family: 'Roboto Condensed', sans-serif; font-weight:300;letter-spacing:.05em; color:#00bfd5; margin:5px 0;  padding: 0; font-size:14pt; line-height:20px; height:20px;}
/* buttons on current page */
sup {font-size:6pt; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.open2 {display:none;}
.leed2 {display:block;}
.roof2 {display:none;}
.sustain2 {display:none;}
#floorplates {position:absolute; top: 330px; width:524px; height: 800px; margin:20px 40px; border-top: 1px dotted #dedede; padding-top: 20px; background:#ffffff;}

/* current statistics list */
#current-statistics-list {position: relative; left:40px; width: 396px; overflow: hidden; padding: 10px 0; height:60px;}
.current-statistics-list {font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#3a4046; padding: 5px 0; font-size:12pt; border-bottom:1px dotted #3a4046; line-height:20px;}
.current-statistics-list-noborder {font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#3a4046; padding: 5px 0; font-size:12pt; line-height:20px;}
.current-statistics-type {font-family: 'Roboto Condensed', sans-serif; font-weight:400; position:absolute; right: 0px; font-size: 12pt; color:#3a4046; text-align:right;}
.current-column-4 {position: relative; float:left; width: 560px; margin:40px; padding:0px;}
.subhead-3 {margin-right:2px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 12pt; line-height:20px; color:#3a4046; padding:10px 12px 10px 8px; background:#88d9e6; float:left; width:80px; height:70px; border-radius:5px;}
.subhead-3:hover {cursor:pointer; background:#00bfd5; 
transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;}
	.left-text {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:14pt; color:#00bfd5;}
.left-text a {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:14pt; color:#00bfd5;}
.left-text a:hover {color:#85888c;}
.selected {background:#00bfd5;}

/**************************************/
/*              past                 */ 
/************************************/

#past {position:fixed; width: 100%; padding: 0; top:10px; left:0px; z-index:6; height:100%; overflow-y:scroll; min-width:1070px;}
.past-silo {width:40%; padding:10px; float:left; margin:10px; height:200px; font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.past-silo2 {width:800px; padding:20px 30px; float:left; color:#3a4046; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 16pt; line-height:30px; height:100%;}
.past-silo3 {width:100%; padding:20px 30px; float:left; color:#3a4046; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 16pt; line-height:30px; height:100%; background-color: #efefef}
.past-silo3 a {color:#00bfd5; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 16pt; }
.past-silo3 a:hover {color:#85888c;}
.past-text {left: 20px;  margin: 20px 10px 30px 10px; min-width:600px;}
.past-body {top: 0px; font-size: 24pt; font-weight:bold; line-height:40px; margin:5px; padding:0 10px; color:#3a4046; width:95%; height: 90%;  overflow: hidden; font-family:"helvetica-bold";}
.past-body2 {top: 0px; font-size: 14pt; line-height:24px; margin:5px; padding:0 10px; color:#3a4046; width:95%; height: 90%;  overflow: hidden; font-family:"helvetica-regular"}
.past-head {position: absolute; top:80px; left:0px; background-image:url(aerial_greenroof.jpg); background-size:cover; background-attachment:scroll; background-repeat:no-repeat; background-position:0px -60px; width:100%; height:600px; min-width:900px;}
#past-content {position:fixed; width:100%; position: absolute; top: -40px; left: 0px; background:#ffffff; padding:10px 0; overflow:hidden; min-width:1080px;}
.past-subhead {position:relative; top: 0px; left:0px; margin-bottom:10px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; color:#3a4046;}
.past-subhead p {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 15pt; color:#3a4046; }
.past1-img {margin:-30px 0 0 0; padding:0px; height:700px; background-image:url(stripe1.png); background-repeat:repeat;}
.past-silo1 {width:100%; padding:0px; background:#e6e5e6; height:718px; overflow:hidden;}
.past-projects-more1 {position:relative; top: -50px; left:0px; width:100%; background:#ffffff; overflow:hidden;}

/* map locations */
.map-locations {width:10px; height: 10px; background-color:rgba(255,255,255,1.0); border-radius: 20px; z-index: 5; cursor: pointer;}
.map-locations-clicked {background-color:rgba(0,191,213,1.0); border-radius: 20px; z-index: 5; cursor: pointer;font-family: 'Roboto Condensed', sans-serif; font-weight:400;}

/*   cities   */
.cities {position:absolute; top: 20px; left:0px; width: 500px;}
.city {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 11pt; color:#3a4046; cursor:pointer; display:block; width:90px;}
.city:hover {font-weight:700; letter-spacing:.04em;}
.city2 {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 11pt; color:#85888c; display:block; width:90px;}

/* San Francisco */#sf {position: absolute; left:270px; top: 325px;}
/* Redwood City */#rc {position: absolute; left:305px; top: 440px;}
/* Menlo Park */#mp {position: absolute; left:335px; top: 460px;}
/* Palo Alto */#pa {position: absolute; left:355px; top: 480px;}
/* Mountainview */#mv {position: absolute; left:375px; top: 500px; width:100px;}
/* Sunnyvale */#sv {position: absolute; left:395px; top: 520px;}
/* Cupertino*/#cp {position: absolute; left:415px; top: 540px;}
/* Petaluma*/#pt {position: absolute; left:200px; top: 85px;}
/* Walnut Creek */#wc {position: absolute; left:470px; top: 220px;}
/* Hayward */#hw {position: absolute; left:480px; top: 360px;}
/* Fremont*/#fr {position: absolute; left:490px; top: 400px;}
/* Milpitas */#ml {position: absolute; left:530px; top: 470px;}
/* Santa Clara */#sc {position: absolute; left:490px; top: 520px;}
/* San Jose */#sj {position: absolute; left:500px; top: 550px;}


/* Past projects head */
#past-projects-head {Position: absolute; left: 810px; top:60px; width: 510px; height: 70px;}
.past-projects-head {font-size: 18pt; font-weight:bold; color:#ffffff; line-height:22px; padding-bottom: 13px;}
.past-projects-subhead {font-size: 14pt; font-weight:bold; color:#ffffff;}
.past-projects-text {font-size: 12pt; font-weight:200; color:#ffffff;}

/* past projects list */
#past-projects-list {position: absolute; right:30px; top: 55px; width: 440px; height: 570px; overflow: hidden; padding: 10px 0;}
.past-projects-list {color:#3a4046; padding: 5px 0; font-size:10pt; font-weight:200; border-bottom:1px dotted #3a4046;
transition: background .4s ease-in;
  -moz-transition: background .4s ease-in;
  -webkit-transition: background .4s ease-in;}
.project-type {position:absolute; left: 235px; font-size: 10pt; font-weight:200; color:#3a4046; padding-right: 5px; text-align:left;}
.size {position:absolute; right: 0px; font-size: 10pt; font-weight:200; color:#3a4046; padding: 0; text-align:right;}
.map-list-clicked {font-weight:600; /*background:#ffffff;*/
transition: background .4s ease-in;
  -moz-transition: background .4s ease-in;
  -webkit-transition: background .4s ease-in; letter-spacing:.04em; }


/**************************************/
/*       Landing page                */ 
/************************************/

/* landing */
.landing-content {position:fixed; left: 0px; top: 0px; width:100%; height: 100%; padding: 0; margin:0; min-width:1030px; overflow-y:auto}
#landing-head{width:1000px; position: fixed; left: 50%; top: 11%; margin:0 0 0 -385px; padding:0px;
/*gradient background */

}
/* italics links */
.award-ital {font-style:italic; font-size: 16pt; color: #ffffff;}
a:hover, a:hover .award-ital {color: #00bfd5;}

.landing-head{font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-transform:uppercase; font-size:48pt; color:#ffffff; margin:0px; padding:0px; word-spacing:.2em;
text-shadow: 5px 0px 20px rgba(70, 70, 70, 0.2);
}
.splash {position:fixed; top:40px; right:0; width: 100%; height:100%; background-image:url('https://landbankllc.s3-us-west-1.amazonaws.com/CW-8143_3000_c.jpg'); background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:10% 10%; padding: 0; overflow:hidden; margin:0; min-width:50%;}

/* award */
/* landing */
.award{font-family: 'Roboto Condensed', sans-serif; width:100%; position: fixed; left: 0; bottom: 3%; margin:0; box-sizing: border-box; text-decoration:none;min-width: 640px;}
.award a:hover {color:#00bfd5; cursor:pointer;}
.award-head, .award-head a {font-weight:600; text-align:center; font-size:26pt; color:#ffffff; margin:0px; padding:0px; text-shadow: 5px 0px 50px rgba(0, 0, 0, 0.6); line-height:50px;}
.award-content, .award-content a {font-weight:500; text-align: center; font-size:18pt; color:#ffffff; margin:0px; padding:0px 0 20px 0; text-shadow: 5px 0px 40px rgba(0, 0, 0, 0.8);}


/**********************************************/
/*          philosophy                       */
/********************************************/
.philosophy-content {position:fixed;; left:0px; top: 0px; width:100%; height: 100%; background:#ffffff; padding: 0; margin:0; min-width:1030px;}
.philosophy-silo {position:fixed; width:100%; height:100%; background-image:url('https://landbankllc.s3-us-west-1.amazonaws.com/CW-3538_crop_3000.jpg'); background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position: 20% 25%;}
.philosophy-body {top: 0px; font-size: 14pt; line-height:30px; margin:5px; padding:5px 10px; color:#3a4046; width:85%; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.philosophy-subhead {top: 0px; left:0px; font-size: 16pt; line-height:30px; margin:0 5px 5px 5px; padding:0 10px; color:#3a4046; width:85%; font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.philosophy-silo1 {position:fixed;top: 40px; left:0px; width:100%; float:left; margin: 0px; overflow:hidden; background:#00BFD5;height:100%; background-image:url('./arques.jpg'); background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:0px 0px;}
.philosophy-silo2 {position:fixed; overflow:scroll; right:0px; width:540px; height:100%; padding: 35px 0px; float:right; margin:0; background:#ffffff;border-top: 30px solid #ffffff;
  -webkit-box-shadow: -7px 0px 19px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow:    -7px 0px 19px 0px rgba(0, 0, 0, 0.25);
  box-shadow:         -7px 0px 19px 0px rgba(0, 0, 0, 0.25);}
.philosophy-silo3 { margin:0; background:#ffffff; height:1520px; padding-bottom:20px;}

/**********************************************/
/* tenants                                   */
/********************************************/

.content-tenants {position: fixed; left:0; top: 0; width:100%; height: 100%; padding: 0; margin:0; min-width:1030px; overflow-y:scroll; background-image:url('./img/tenants/049-CW-0904.jpg'); background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:0px 0;}  
.tenant-column-1 {position: relative; top: 20px; width: 800px; padding:40px 0 20px 0;  margin:0; overflow-x:hidden; background:#ffffff;
-webkit-box-shadow: 0px 5px 8px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow:    0px 5px 8px 3px rgba(0, 0, 0, 0.05);
box-shadow:         0px 5px 8px 3px rgba(0, 0, 0, 0.05);}
.tenant-column-1r {position: relative; right: 0px; float: right; overflow-y: scroll;}
.tenant-column-1 p {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; color:#3a4046; padding:0 0 20px 70px; margin: 0px;}
.tenant-column-3 {position: relative;  width: 800px; left:0px; top:-20px; padding:20px 40px; background:#ffffff; margin:0; overflow:hidden;}
.tenant-column-4 {position: relative;  width: 760px; left:0px; top:-40px; padding:0 60px 0px 60px; margin:0 ; overflow:hidden; background:#ffffff; height: 420px;}
.tenant-logo {width:220px; float: left; background:#ffffff; margin:10px; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.tenant-logo-text {width:190px; float: left; margin-top:10px; margin-right:15px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:30px; padding-right:40px;}
.tenant-header {font-size: 16pt; line-height:30px; color:#3a4046; font-family: 'Roboto Condensed', sans-serif; font-weight:400;}

/**********************************************/
/*              contact                      */
/********************************************/

.contact-main {position:fixed;; left:0px; top: 0px; width:100%; height: 100%; background:#fff; padding: 0; margin:0; min-width:1030px; overflow-y:scroll}
#contact {position:fixed; top:0px; right:0px; z-index:4;width:100%; height:100%; overflow-x:hidden; min-width:900px; background:#ffffff;}
#contact-map {width: 100%; height: 80%; background: url('https://landbankllc.s3-us-west-1.amazonaws.com/CENTRAL+WOLFE_JO-2_sj_clean_1800.jpg'); background-repeat:no-repeat; background-size:cover;background-position: 20% 80%; min-width:900px; background-color:#e6e6e6;}
#contact-form {padding: 0; margin: 0; width:550px;}
.contact-content2020 {width:100%; position: fixed; bottom: 0px; float:left; background:#ffffff; padding:15px 0 25px 0; overflow:hidden; height:200px;}
.contact-column-1 {position: absolute; top: 0; left: 2px; width: 400px; height:320px; padding-bottom:20px; background:#ffffff; margin-top: 10px; float:left; }
.contact-column-2020 {position: absolute; bottom: 10px; right: 30px; width: 400px; padding-bottom:15px; background: rgb(0,0,0,0.5); float:left; border-radius: 5px; }
.contact-column-1 p {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; line-height:30px; color:#4f545a; padding:10px 20px; margin: 0px 20px;}
.contact-column-2020 p {font-family: 'Roboto Condensed', sans-serif; font-weight:800; font-size: 14pt; color:#fff; padding:10px 20px; margin: 0px 20px;}
.contact-column-2 {position: absolute; top: 0px; left: 450px; width: 500px; padding:0; margin: 0; height:400px; float:left; margin-top: 8px;}
.contact-subhead-2 {background: #00bfd5; width:100%; padding:0px 20px 3px 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 15pt; color:#ffffff; margin-top:10px;}
.contact-address {margin-bottom:20px;}
#find-maps {padding: 20px 15px 10px 10px; margin:10px 20px; width:450px;}
.contact-text {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 16pt; line-height:30px; color:#4f545a; padding:10px 0; margin-right: 20px;}
.findus-text {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 14pt; line-height:40px; color:#3a4046; padding:20px 10px; margin-left: 0px; margin-bottom:10px;}
.findus-text-2 {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; line-height:50px; color:#3a4046; padding:20px 6px; margin-left: 0px; margin-bottom:10px;}
.findus-text-3 {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 14pt; line-height:40px; color:#3a4046; padding:20px 0; margin-left: 0px; margin-bottom:10px;}
.findus-text-4 {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size: 14pt; line-height:50px; color:#3a4046; padding:20px 10px; margin-left: 0px; margin-bottom:10px;}

.get-directions {position:absolute; top:265px; left:27px;  padding: 2px 10px; margin:10px; background:#f3f2f2; border:1px solid #323436; border-style:none; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#3a4046; font-size:14pt; cursor:pointer;}
.get-directions:hover {background:#88d9e6; 
transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;}
.saddr {background:#efefef; border:none; height: 30px; width: 45%; margin-left: 8px; font-size:14pt; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#3a4046;}
	.comment {position: relative; top: -60px; left: 5px; border:none; border-bottom: 1px dotted #304046; height: 120px; width: 380px; font-size:12pt; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#3a4046;}
	.comment:focus {outline:none;}
	.button {position:relative; top:-70px;left:335px; border:none; margin-left:10px; cursor:pointer; padding: 2px 10px; font-size:12pt; color:#3a4046;transition: color .3s ease-in; background:#ffffff;
  -moz-transition: color .3s ease-in;
  -webkit-transition: color .3s ease-in; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
	.button:hover {color:#00bfd5; 
transition: color .3s ease-in;
  -moz-transition: color .3s ease-in;
  -webkit-transition: color .3s ease-in;}
	.email {position:relative; left: 0px; border:none; border-bottom: 1px dotted #304046; height: 30px; width: 374px; font-size:12pt; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#3a4046;}
	.email:focus {outline:none;}
	.name {position:relative; left: 0px; border:none; border-bottom: 1px dotted #304046; height: 30px; width: 374px; font-size:12pt; font-family: 'Roboto Condensed', sans-serif; font-weight:300; color:#3a4046;}
	.name:focus {outline:none;}
	.close-form {position:absolute; right:90px; top: 20px; color:#ffffff; cursor: pointer; width: 0;}
	.close-form:hover {color: #515458;}
.message-text {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size: 14pt; color:#3a4046; padding:20px 0 0 0; margin-left: 5px; margin-bottom:5px;}

#form label.error{color:#00bfd5; font-size:12pt;}

/* placeholder text styling */
::-webkit-input-placeholder {
   color: #777777; font-weight:300; font-size: 12pt;
}

:-moz-placeholder { /* Firefox 18- */
   color: #777777; font-weight:300; font-size: 12pt;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #777777; font-weight:300; font-size: 12pt;
}

:-ms-input-placeholder {  
   color: #777777; font-weight:300; font-size: 12pt;
}

/* hide placeholder text on focus */
input {-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;}
input:focus::-webkit-input-placeholder  {color:transparent;}
input:focus::-moz-placeholder   {color:transparent;}
input:-moz-placeholder   {color:transparent;}

textarea {border-radius:0;}
textarea:focus::-webkit-input-placeholder  {color:transparent;}
textarea:focus::-moz-placeholder   {color:transparent;}
textarea:-moz-placeholder   {color:transparent;}


/* -- media queries ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* landing page */
#landing-head{width:950px; position: fixed; left: 50%; top: 90px; margin:0 0 0 -440px; padding:0px;}
.landing-head{font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-transform:uppercase; font-size:54pt; color:#ffffff; margin:0px; padding:0px; word-spacing:.2em;
text-shadow: 5px 0px 20px rgba(70, 70, 70, 1.0);}
/* .nav-menu-item {display: inline; cursor:pointer; padding: 10px 15px; margin:0px;}
.nav-menu-item a {display: inline; cursor:pointer; color:#ffffff; padding: 8px 0; margin:0px;
transition: color .3s ease-in;
  -moz-transition: color .3s ease-in;
  -webkit-transition: color .3s ease-in;
letter-spacing: .03em; margin:0; font-size:12pt;  font-family: 'Roboto Condensed', sans-serif; font-weight:400; text-transform:uppercase;}
.nav-menu-item a:hover {cursor:pointer; color:#00bfd5;
	transition: color .3s ease-in;
  -moz-transition: color .3s ease-in;
  -webkit-transition: color .3s ease-in;}
	.sub-menu2 {display:block; margin-top: -10px; background:#3a4046;}
	.here {color:#00bfd5;}
	.here a {color:#00bfd5;} */
/* past tablet */
	.past1-img {margin:-30px 0 0 -150px; padding:0px; height:700px; background-image:url('./img/questionmark/stripe1.png'); background-repeat:repeat;}
	.cities {position:absolute; top: 20px; left:-150px; width: 500px;}
	#past-projects-list {position: absolute; right:150px; top: 55px; width: 440px; height: 570px; overflow: hidden; padding: 10px 0;}
	.contact-content {width:100%; position: relative; top: -110px; float:left; background:#ffffff; padding:10px 0 30px 0; overflow:hidden; height:320px;}

 }
 
 /* -- media queries ipad portrait */
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1025px) 
and (orientation : portrait)  {
#landing-head{width:100%; position: fixed; left: -10px; top: 160px; margin:0; padding:0;}
.landing-head{font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-transform:uppercase; font-size:70pt; color:#ffffff; margin:0px; padding:0px; word-spacing:.2em;
text-shadow: 5px 0px 20px rgba(70, 70, 70, 1.0); text-align:center; line-height:100px;}
.here {color:#00bfd5;}
	.here a {color:#00bfd5;}
	
	/* past tablet */
	.past1-img {margin:-30px 0 0 -150px; padding:0px; height:700px; background-image:url('./img/questionmark/stripe1.png'); background-repeat:repeat;}
	.cities {position:absolute; top: 20px; left:-150px; width: 500px;}
  #past-projects-list {position: absolute; right:150px; top: 55px; width: 440px; height: 570px; overflow: hidden; padding: 10px 0;}
  .past-projects-list {font-size: 8pt;}
  .project-type {font-size: 8pt;}
  .size {font-size: 8pt;}
 }

/**********************************************/
/*        central and wolfe                  */
/********************************************/

.cw-column-image {
  width: 35%;
  padding: 20px 0 0 80px;
}

.spr {
  display:none;
}