html{
  
  margin:0;
  padding:0;	
}

body {
 /* padding-top:55px;*/
  padding-bottom:0px;
  font-size:20px;
  line-height:26px;
/*  font-size:16px;
  line-height:22px;*/
  color:#1c3031;
  font-family: 'giga_sansregular', sans-serif;
/*  font-weight: 400;*/
   max-width: 100%;
}


/************** TEST ELEMENT BORDERS ****************/
/**{ outline: 1px solid red;}*/


/************************************ FONT STYLES *******************************/



h1, h2, h3, h4, h5, h6{

font-weight: normal;
font-style: normal;
}


h1{
  color:#1c3031;
  margin-bottom:20px;
  font-size:32px; 
  margin-top:0;
font-family: 'NorthCarossela';
/*font-weight: 600;
text-transform:uppercase;*/
}

h1.home-head{
  color:#86a2a2;
  margin-bottom:0;
  font-size:60px; 
  line-height:60px;
  margin-top:0;
  letter-spacing:0.02em;
font-family: 'NorthCarossela';
/*font-weight: 600;
text-transform:uppercase;*/
}


h2 {
    font-size:29px; 
  line-height:36px; 
/*  font-size:27px;	
  line-height:30px; */
  color: #1c3031;  
  padding-top:0px;
  margin-top:0;
  padding-bottom:10px;
font-family: "larken", sans-serif;
font-weight: 300;
font-style: italic;
  letter-spacing:1px;
}


.green-header-bkgd{
  background: #bc8558;
  width: 102%;
  height: 15px;
  margin-left:-1%;
  margin-right:20px;
  margin-top:-30px;
  margin-bottom:15px;
}



h3{
  font-size:19px;
  line-height: 24px;
  /*font-size:17px;
  line-height: 22px;*/
  letter-spacing:1px;
  text-transform:uppercase;

  display: inline-block;
  color:#bc8558;
font-family: 'giga_sansmedium', sans-serif;
}

h4{
  font-size:16px;	
}

.intro-p{
  margin-bottom:20px;
  font-size:57px; 
  line-height: 52px;
  margin-top:0;
  color:#fff;
font-family: 'NorthCarossela', sans-serif;
letter-spacing:1px;
}

.lrg-h1{
  color:#1c3031;
  margin-bottom:0;
  font-size:42px; 
  line-height:46px;
  margin-top:0;
padding-bottom:15px;
}


.large-p{
  margin-bottom:20px;
  font-size:27px; 
  line-height: 32px;
  margin-top:0;
  letter-spacing:1px;
}

.lrg-quote{
  color:#bc8558;
  padding-bottom:0px;
  line-height:35px;
  font-size:29px; 
  margin-top:0;
font-family: "larken", sans-serif;
font-weight: 300;
font-style: italic;
  letter-spacing:1px;
}

.lrg-quote2{
  color:#1c3031;
  padding-bottom:0px;
  line-height:34px;
  font-size:27px; 
  margin-top:0;
/*  font-weight: 200;*/

}

.small{
  font-size:11px;	
  line-height:16px;
}

.numbers{
 
}

.bold,
.bold a{
  font-weight: 900;
}

.semibold,
.semibold a{
  font-weight: 700;
}

.medium,
.medium a{
  font-weight: 500;   
  letter-spacing:2px;
}

.light,
.light a{
  font-weight: 300;		
}

.bold-intro{
/*  font-weight:800;*/
  font-size:14px;
  line-height: 18px;
  /*font-size:12px;
  line-height: 16px;*/
  letter-spacing:2px;
  text-transform:uppercase;
  
  display: inline-block;
/*  color:#bc8558;*/
font-family: 'giga_sansregular', sans-serif;
font-weight: 800;
}



/*#home .bold-intro{
  font-size:15px;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height: 18px;
  display: inline-block;
  font-weight:600;
}*/


p.white .bold-intro{
  color:#fff;

}

h1.home-head.white,
h1.home-head2.white,
p.leed.white,
p.white,
a.white,
a:link.white,
a:visited.white,
a:active.white,
.white{
  color:#fff;
}


.white,
p.white,
a.white,
.list-thin-divide.white{
  color:#fff;	
}


a.white:hover,
a.white:active{
  color:#bc8558;	
}


.header1{
 background-color:#1c3031;
  padding-right:40px; 
  display:inline-block;
  margin-bottom:-30px;
  position: relative;
  z-index: 200;
}

.header2{
background-color:#1c3031;
padding:0 60px; 
display:inline-block;
margin-bottom:-10px;
}

.header3{
margin-top:-8px;
}

.header-box2{
margin-top:-10px;
text-align:center;
}



.map-text1{
margin-top:400px;
}

.map-text2{
margin-left:100px;
}


/************************************** Brand COLORS *************************************/

.forest {
  color:#1c3031 !important;
}

.seafoam80 {
  color:#86a2a2 !important;
}

.gold {
  color:#bc8558 !important;
}

.sand {
  color:#c3c1b5 !important;
}

.seafoam50 {
  color:#b3c5c5 !important;
}

.coal {
  color:#010302 !important;
}




/************************************** KM COLORS *************************************/


.km-orange{
  color:#E04403; /* rgb(224,68,3)  */
}

.rustic-clay{
  color:#C03E27; /* rgb(192,62,39)  */
}

.burnt-orange{
  color:#8D2B1D; /* rgb(141,43,29)  */
}

.charcoal{
  color:#363537; /* rgb(54,53,55)  */
}

.ash{
  color:#888787; /* rgb(95,93,94)  */
}

.sterling{
  color:#AFABAC; /* rgb(175,171,172)  */
}

.stone-gray{
  color:#EBEEEF; /* rgb(235,238,239)  */
}

.midnight-blue{
  color:#01576E; /* rgb(0,88,111)  */
}

.cosmic-dust{
  color:#2D879A; /* rgb(45,135,154)  */
}

.alaskan-blue{
  color:#4CABBF; /* rgb(76,171,191)  */
}

.harbor-sky{
  color:#97D1DC; /* rgb(151,209,220)  */
}

.valor{
  color:#E0F0F4; /* rgb(224,240,244)  */
}

.gold{
/*  color:#CAAD6B; */
  /* rgb(202,173,107)  */
}


/************************************** NAVBAR *************************************/

.navbar{
  /*background-color: #f3f6f7 !important;*/

  /* change to */
  background-color: transparent;
  border-bottom: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  padding:0.6rem 2rem 0.5rem 2.8rem;
}

body.bldg .navbar{
  background-color: #f3f6f7;
  border-bottom: none;

}

.logo-bkgd{
  width:130px;
  height:20px;
}


.navbar-brand,
.navbar-light .navbar-brand{
  color:#fff;
  background-image:url('../images/logos/peak-410-logo-text-white-sm-blank.png');
  background-size:120px auto;
  background-repeat:no-repeat;
  margin-top:10px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  /*margin-left: 20px;*/
}





.navbar-nav{
text-align:right;
}

.navbar-nav .nav-link{
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
/*  font-weight: 600;*/
  line-height: 18px;
  padding: 0 0;
  margin:0.8rem 0.8rem 0.4rem 0.8rem;
position:relative;
display:inline-block;
color:#fff;
overflow:hidden;
-webkit-transition:color .7s ease;
transition:color .7s ease;
}


body.bldg .navbar-nav .nav-link{
color:#fff;
}


.navbar-light .navbar-toggler-icon,
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}


body.bldg .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(23,42,73, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler{
border:none;
border-radius: 0rem;
}

.nav-link:after{
content:'';
position:absolute;
bottom:0;
right:0;
height:2px;
width:0;
background-color:currentColor;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition:width .4s cubic-bezier(0.77,0,0.175,1);
transition:width .4s cubic-bezier(0.77,0,0.175,1);
}

.nav-link:hover:after,
a:hover .nav-link:after,
.nav-link:focus:after,
a:focus .nav-link:after,
.home:not(.header-is-pinned) .app-header .nav-link:hover:after,
a:hover .home:not(.header-is-pinned) .app-header .nav-link:after,
.home:not(.header-is-pinned) a:hover .app-header .nav-link:after,
.home:not(.header-is-pinned) .app-header .nav-link:focus:after,
a:focus .home:not(.header-is-pinned) .app-header .nav-link:after,
.home:not(.header-is-pinned) a:focus .app-header .nav-link:after,
.btn-line:hover:after,a:hover .btn-line:after,.btn-line:focus:after,
a:focus .btn-line:after {
width:100%;
left:0;
right:auto;
-webkit-transition:width .4s cubic-bezier(0.77,0,0.175,1);
transition:width .4s cubic-bezier(0.77,0,0.175,1);
}

.nav-link.is-active:after,
.nav-link:focus:after,
.home:not(.header-is-pinned) .app-header .nav-link.is-active:after,
.home:not(.header-is-pinned) .app-header .nav-link:focus:after,
.btn-line.is-active:after,
.btn-line:focus:after {
width:100%!important;
color:#bc8558;
}

/*.navbar-light .navbar-nav .nav-link,
.navbar-nav .nav-link  {
    color: #8a8a9d;
}*/

.navbar-nav .active > .nav-link{
  color:#bc8558;
}

.navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .active > .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .active > .nav-link{
    color: #bc8558;  /*Can change to orange if want contrasting color*/
}

body.bldg .navbar-nav .nav-link.active,
body.bldg .navbar-nav .active > .nav-link{
color:#bc8558;
}







/************************************ Side NAVBAR *******************************/


 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 2000; /* Stay on top */
  top: 0;
  right: 0;
  background-color: #1c3031; 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 35px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */

/*  background-image:url(../images/bkgd/circulus-blue-bkgd2.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;  
  background-size: cover;  */
}


/* The navigation menu links */
.sidenav a,
.sidenav a:link {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
/*  font-size:23px; 
  line-height: 30px;*/
  color: #b3c5c5 !important;
  display: block;
  transition: 0.3s;

    font-size:16px; 
  margin-top:8px;
  margin-bottom:8px;

font-family: 'giga_sansmedium', sans-serif;
/*font-weight: 500;*/
text-transform: uppercase;
letter-spacing:1px;
}

/* When you mouse over the navigation links, change their color */

.sidenav a:active,
.sidenav a:hover {
  color: #bc8558 !important;
    transition: 0.3s;
}

.menu-btn{
z-index: 1000;
position: fixed;
margin-top: 15px;
margin-right: 15px;
cursor: pointer;
right: 0;
width: 80px;
}

/* Position and style the close button (top right corner) */
.sidenav a.closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  margin-left: 50px;
  margin-top:10px;
  padding-top:5px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding:0px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 450px) {
  .sidenav {padding-top: 35px;}
  .sidenav a {font-size: 14px; margin:0 0;}
} 








/************************************ LINKS BUTTONS *******************************/



a{
  color:#888787;
  text-decoration:none;
}

a:hover, 
a:focus,
a:hover div{
  text-decoration:none;
  color:#bc8558;
}

a,
a div{
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a:hover,
a:focus,
a:hover div{
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.large-p a{
  color:#717074;
  text-decoration:none;
}
.large-p a:hover{
  color:#29CC96;
  text-decoration:none;
}

a.download {
  display: block;
  padding: 0 4px 5px 25px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/download-icon-charcoal.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 14px 14px;
}

a.link {
  display: block;
  padding: 0 0 0px 0px;
  text-decoration:none;
  background-color: transparent;
}


.blue-btn a.download,
.orange-btn a.download,
.outline-btn a.download,
.solid-btn a.download {
  background-image: url(../images/download-icon-charcoal.png);
  padding: 0 4px 0px 25px;
  font-size:13px; 
  line-height:18px; 
  color:#1c3031;  
  padding-top:0px;
  padding-bottom:2px;
  margin-top:0;
  font-weight: 500;
  text-transform:uppercase;
  letter-spacing:3px;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}


.solid-btn a.download {
color:#1c3031;
}


.outline-btn.white a.download {
  background-image: url(../images/download-icon-white.png);
  color: #fff;  
}

.outline-btn a.download:hover {
  background-image: url(../images/download-icon-white.png);
  color:#fff;
}

.blue-btn a.link,
.orange-btn a.link,
.outline-btn a.link,
.solid-btn a.link {
  color:#1c3031;
  font-size:13px; 
  line-height:18px; 
  padding-top:0px;
  margin-top:0;
  padding-bottom:2px;
font-family: 'giga_sansmedium';
  text-transform:uppercase;
  letter-spacing:3px;
  
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.solid-btn a.link {
  color:#1c3031;
}

.outline-btn.white a.link {
  color: #fff;  
}

.outline-btn a.link:hover{
  color:#fff;

}


a.link.prc-red:hover{
  color:#fff;
}

a.return {
  display: block;
  padding: 0 0 5px 16px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/return-teal.png);
  background-repeat: no-repeat;
  background-position: left 6px;
  background-size: 12px 12px;
}

a.play {
  display: block;
  padding: 0 0 0px 26px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/video-link-sm.png);
  background-repeat: no-repeat;
  background-position: left 0px;
  background-size: 18px 18px;
  color:#fff;
  font-size:13px; 
  line-height:18px; 
  padding-top:0px;
  margin-top:0;
  padding-bottom:2px;
  font-weight: 700;
  text-transform:uppercase;
  letter-spacing:0.06em;
  
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}



.blue-btn{
  padding:5px 10px;
  background-color: #01576e;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#fff; 

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.blue-btn:hover{
  background-color: #97d1dc;
  color:#fff;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}



.outline-btn{
  padding:10px 14px 8px 14px;
  background-color: none;
  border:1px solid #bc8558;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#1c3031; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.outline-btn:hover{
  background-color: #bc8558;
  color:#fff;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.outline-btn.white{

  border:1px solid #bc8558;
  color:#fff; 

}

.outline-btn.white:hover{
  background-color: #bc8558;
  border:1px solid #bc8558;
  color:#fff;
}



.solid-btn{
  padding:11px 40px 6px 40px;
  background-color:#86a2a2;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#fff; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.solid-btn:hover{
  background-color:#b3c5c5;
  color:#fff;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


.blue-btn.inv{
  background-color:#2d879a ;
}

.blue-btn.inv:hover{
  background-color: #01576e;
}

.orange-btn{
  padding:5px 10px;
  background-color: #ff6a11;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#fff; 

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.orange-btn:hover{
  background-color: #eb5800;
  color:#fff;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a.underline{
  text-decoration:underline;
}




.btn-center{
margin:0 auto;
margin-top:-30px;
position:relative;
text-align:center;
}




.block-m{
margin-right: 0 !important;
}






/****************************** VIDEO ******************************/
.video-link img{
margin:0 auto; 
margin-top:0px; 
padding:20px;
margin-top:-70px;
}

.video-link{
margin:0 auto; 
width:200px;
}


	.video-wrapper{
	position: relative;
	padding-bottom: 53.6%; /* 16:9 56.25%*/
	padding-top: 25px;
	height: 0;	
	overflow:hidden;
	}
	
	.video-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	}
	












/************************ Responsive image map styles *************************/

.imageMap {width:100%; position:relative;}
.imageMap img {display:block; width:100%;}
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; /*visibility:hidden;*/}
.imageMap a {display:block; position:absolute; background:#000; /* bkgd:none messed up IE */ z-index:100; opacity:0; filter: alpha(opacity=0); border:0px solid transparent; cursor:pointer;}

/* testing version below - will show borders */
/*.imageMap a {display:block; position:absolute; background:red; z-index:100; opacity:0.4; filter: alpha(opacity=40); border:1px solid transparent;}*/



/*************************** hotspots ***************************/


.imageMap a{
width:3%; 
height:3.6%; 
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 0px; 
/* Firefox 1-3.6 */
-moz-border-radius: 0px; 
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 0px;  
}






/*-------------  RETAIL SUITES LAYOUT MAP -----------------------*/
.imageMap a.bldgc {width:50%; height:50%; left:0%; top:0%;} 
.imageMap a.bldgd {width:50%; height:50%; left:50%; top:0%;} 
.imageMap a.bldgb {width:50%; height:50%; left:0%; top:50%;} 
.imageMap a.bldga {width:50%; height:50%; left:50%; top:50%;} 



.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}
.imageMap:hover .hotspots {/*visibility:visible;*/}



/************************** tooltip (qtip2) and tooltip content styles ****************************/
.hidden2{
visibility: hidden; 
}


/* previously used when tooltip showed on click so it wasn't outside the image area */
/*.qtip{
margin-top: -40px;
}*/

.qtip2 a{
cursor:pointer; 
}

.qtip-title{
padding-right: 20px;  
}
  

.qtip-bootstrap .qtip-titlebar {
  padding-top:10px;
  font-size:17px;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height: 22px;
  display: inline-block;
  color:#bc8558;
font-family: 'giga_sansmedium', sans-serif;
width:100%;
}

.website-link {
margin-bottom:12px;
margin-top:15px;
}

.website-link a{
padding:5px 8px;
background:#ccc;
text-decoration:none;
color:#333; 
}

.website-link a:hover{
background:#d9df3d; /* c9dd03   381green */
}


/*.hidden2 p{
font-size:15px; 
line-height: 18px;
margin-bottom:7px;
}*/

.image-map-container .hidden2 p {
margin: 0 0 15px 0; 
}

















/************************************** IMAGEs *************************************/


.gallery img{
  float:left;
  width:25%;
}


.gallery2 img{
  float:left;
  width:32%;
  margin: 0.5%;	
}

.gallery5 img{
  float:left;
  width:19%;
  margin: 0.5%;	
}

.gallery5{
  margin: 0 -0.5%;	
}

.gallery3{
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  margin:0 -8px;
}

.gallery3 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100px; 
  margin: .3vw; 	
}



.gallery3  img{
	width: 100%;
	height: auto;
}

.gallery4 img{
  float:left;
  width:20%;
}


img.contact-logo{
  width:165px;	
  max-width:100%;
  /*float:right;*/
}


img.contact-logo2{
  width:220px;  
  max-width:100%;
  float:right;
}


.footer-logo{
max-width: 500px;
display: block;
padding: 80px 0px 100px 0px;
margin:0 auto;
}


/* Container holding the image and the text */
figure.img-caption {
  position: relative;
  text-align: center;
  color: white;
}



/* Bottom left text */
figure.img-caption figcaption {
  position:absolute;
  bottom:0px;
  left:0px;
  padding:4px 8px;
  display:inline-block;
  background:rgba(54,53,55,0.8);
  color:#fff;
  font-size:14px;
}



/* Container holding the image and the text */
figure.img-caption2 {
  position: relative;
  text-align: center;
  color: white;
  margin:0 0;
}



/* Bottom left text */
figure.img-caption2 figcaption {
  position:absolute;
  top:40px;
  left:40px;
  display:inline-block;
  color:#fff;
  text-align:left;
}



.transit-logos{
  margin-top:30px;
max-width:200px;
}



img.hover-fade {
    opacity: 1.0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}
img.hover-fade:hover {
    opacity: 0.75;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}




/************************************ BACKGROUND STYLES *******************************/


section{
  padding: 75px 0;
  width: 100%;
  overflow: hidden;
  background-color:#ebeeef;
  background-size:100% auto;  /* was 100% 100%, but changed height to auto to prevent smooshing */
}


#home{
  background:url(../images/wmc-main.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*padding-top:60px;*/
/*  background-color:#263645; */
  min-height:780px;	
}


#home.retail{
  background:url(../images/photos/wmc-rendering-retail2.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*padding-top:60px;*/
/*  background-color:#263645; */
  min-height:780px; 
}




.main-logo{
  width:100%;
  max-width:375px;
}

.main-img-logo{
margin-top:60px;
margin-right:60px;
padding:20px 20px 25px 20px;
background-color:#01576e;
background-color: rgba(54, 53, 55, 0.85);
display:inline-block;
color:#fff;
width:335px;
float:right;
}


.main-img-logo h3{
  font-size:20px;
  line-height:24px;
  margin-top:8px;
 margin-bottom:10px;
  font-weight:300;
}


.logo-main-font{
  font-size: 44px;
  line-height:44px;
font-weight: 800;
  letter-spacing:1px;
 /* text-transform: uppercase;*/
}


.logo-tagline{
  margin:0 auto;
  padding: 70px 30px;
  position:relative; 
  max-width:950px; 
  text-align:left;
}

.logo-tagline img{
/*max-width:350px;*/
margin-top:0px;
margin-bottom:15px;
padding-right:80px;
}



.logo-tagline.retail{
  max-width:1110px; 
}


.logo-tagline.medical{
  max-width:880px; 
}



.logo-tagline td{
vertical-align:top;
}


.nav-logo{
  max-width:200px;
}


.features{
/*  font-size: 0;*/
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
 /* margin:0 -8px;*/
  text-align:center;
/*  color:#fff;*/
}

.f-item{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  /*width: 100px; */
  width: 20%;
/*  margin: .5vw;  */
  padding:20px;
/*  border-right:1px solid #fff; */
}

.f-item img{
  display:block;
  text-align:center;
  margin:0 auto;
  width:100%;
  max-width:100px;
  margin-bottom:15px;
}


.f-item.last{
  border-right:none; 
  }

.f-item.border-btm{
  border-bottom:1px solid #fff; 
  }



.features.alt .f-item{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  /*width: 100px; */
  width: 33%;
/*  margin: .5vw;  */
  padding:20px;
  border-right:1px solid #888787; 
  color:#888787;
}

.features.alt .f-item.last{
  border-right:none; 
  }

.icon{
  max-width:80px;
  padding-bottom:24px;

}




.site-plan{
  margin-right: -240px;
  overflow:hidden;
}





section#full-gallery{
  padding: 0px 0;	/* was 75 0 */
}

section#section0{
  padding:0px 12px;
}

#section0{
   background:#fff;
 
  min-height:100px;	
}

#section1{
 background:#1c3031;
/*  background:url(../images/bkgd/circulus-blue-bkgd.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

#section1-1{
	
  background:url(../images/bldg-interior/bothell-amgen-lab1.jpg) 100% 100% no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#ebeeef; 
  overflow:hidden;
  min-height:700px;
}



#section2{
  background:#fff;
/*  background-size:auto auto ;  
  background-image:url(../images/bkgd/circulus-line-art.png);
  background-repeat: no-repeat;
  background-position: bottom left; */	
}



#section2-1{
	
/*  background:url(../images/renderings/bldg2-n-view.jpg) bottom center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#ebeeef; 
  overflow:hidden;*/
  background-color: #fff;
  min-height:100px;
  /*padding:150px 0;	*/

}


#map1{
  background:url(../images/location/wmc-map1.jpg) center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:900px;
  padding: 60px;
}


#map2{
  background:url(../images/location/wmc-map2.jpg) right top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:900px;
  padding: 60px;
  position:relative;
}


#section3{
  background:#1c3031;
/*  background:url(../images/location/circulus-amenities-wide2.jpg) bottom center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:300px;	*/
}




#section3-1{
  background:#1c3031;
  background-size:auto auto ;  
  background-image:url(../images/bkgd/peak-graphic4.png);
  background-repeat: no-repeat;
  background-position: left bottom; 
}





#section4{	
/*  background: linear-gradient(180deg, #FFF 22%, #1c3031 0%);*/
  /*background:#fff;
  background-size:auto auto ;  
  background-image:url(../images/bkgd/peak-graphic2-2.png);
  background-repeat: no-repeat;*/
  background-position: right bottom; 
}

/*section#section4{
padding:0;
}*/




#section5{
  /*background:url(../images/bkgd/circulus-blue-bkgd2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:300px; */
  background-color: #1c3031;
}



#section6{
  min-height:200px; 
  background-color: #fff;
}


section#map-box{
height:550px;
width:100%;
padding:0;		
}



#footer{
  background:#1c3031;
/*  background-size:100% auto ;   
  background-image:url(../images/bkgd/circulus-gradient-bkgd.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:50% 50%;*/
}


/*.bg-dark{
    background-color: #363537 !important;
}

.bg-light{
    background-color: #ebeeef !important;
}*/


.bg-img1{
    background-color: none;
    background-size:100% auto ;   
    background-image:url(../images/placeholders/placeholder-4.jpg);
    background-repeat: no-repeat;
}


.bg-img2{
    background-color: none;
    background-size:cover;   
    background-image:url(../images/photos/circulus-interior1.jpg);
    background-repeat: no-repeat;
    width:100%;
}


.bg-img3{
    background-color: none;
    background-size:cover;   
    background-image:url(../images/photos/circulus-interior2.jpg);
    background-repeat: no-repeat;
    width:100%;
}





/********************************* MOBILE DESKTOP STYLES ***********************************/


.display-mobile{
  display:none;	
}
.display-desktop{
  display:block;	
}





/******************************** ELEMENTS *****************************************/

hr{
  border-top-color: #ddd;	
  margin-top:10px;
  margin-bottom:10px;
  background-color:#ddd;
}


span.responsive-break{
	display:block;
}

.divider-line{
  content: " ";
  width: 150px;
  height: 1px;
  background: #bc8558;
  position: relative;
  margin: 20px auto;
  display: block;
}



.divider-line1{
  content: " ";
  width: 150px;
  height: 1px;
  background: #bc8558;
  position: relative;
  margin: 20px 0;
  display: block;
}


.divider-line2{
  content: " ";
  width: 90px;
  height: 1px;
  background: #bc8558;
  position: relative;
  margin: 20px 0;
  display: block;
}



.right-d{
 width:100%;
 height:45px;
}

.right-d .divider-line{
  float:right;
}



.vert-line{
  content: " ";
  width: 2px;
  height: 700px;
  background: #bc8558;
  position: absolute;
  display:inline;
  float:left;
  margin: 0px 0;
  display: block;
  z-index:120;
  margin-top: -130px;
/*  margin-left: -60px;*/
}


.vert-line2{
  content: " ";
  width: 2px;
  height: 830px;
  background: #bc8558;
  position: absolute;
  display:inline;
  float:left;
  margin: 0px 0;
  display: block;
  z-index:120;
  margin-top: -130px;
/*  margin-left: -60px;*/
}
 


.horiz-line{
  content: " ";
  width: 1200px;
  height: 1px;
  background: #86a2a2;
  position: absolute;
  margin: 0px 0;
    margin-top: 0px;
  display: block;
  z-index: 120;
  margin-top: 30px;
  right: 0;
}



.circle-line {
  position:relative;
  left:28px;
  content: " ";
  width:98%; /*Scauses overflow*/
  height: 1px;
  background: #86a2a2;
  text-align:left;
  margin-right:25px;
}
  
.circle-line:before {
  position: absolute;
content: " ";  
margin-left:-28px;
margin-top:-6px;
width: 14px;
  height: 14px;
  background: #b3c5c5;
  border-radius: 50%;
  vertical-align:middle;
    text-align:left;
}


.circle-line.white {
  background: #fff;
  height: 1px;
}
  
.circle-line.full-bleed {
/*overflow:hidden;*/
/*  width:200%; */
}


.circle-line-marg{
  margin-bottom:60px;
}


/******************************** CAROUSEL *****************************************/
/* Carousel base class */
.carousel {
/*  margin-bottom: 4rem;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
 top: 5%;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
/*.carousel-item {
  height: 32rem;
}*/


/*.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}*/

.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display:block;
  width: 100%;
  height:auto;
}


















/********************************* FADE IN SECTIONS ***********************************/



.to-fade-in,
.to-fade-in1,
.to-fade-in2,
.to-fade-in3,
.to-fade-in-delay1,
.to-fade-in-delay2, 
.to-fade-in-delay3, 
.to-fade-in-delay1-home,
.to-fade-in-delay2-home, 
.to-fade-in-delay3-home,
.to-fade-in-delay4-home,
.to-fade-in-out2 {
  opacity: 0;
  /*bottom: -50px;*/
}

/*default fade in speed*/
.to-fade-in.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}

.to-fade-in1.fade-in {
  -webkit-animation: fade-in 2s forwards;
          animation: fade-in 2s forwards;
}

.to-fade-in2.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}


.to-fade-in3.fade-in {
  -webkit-animation: fade-in 4s forwards;
          animation: fade-in 4s forwards;
}



.to-fade-in-delay1.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 1s;
          animation-delay: 1s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay2.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 2s;
          animation-delay: 2s;
          transition-timing-function: ease-in;
}


.to-fade-in-delay3.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 3s;
          animation-delay: 3s;
          transition-timing-function: ease-in;
}




/* Add 5 sec to delay times for home section overlay */

.to-fade-in-delay1-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 6s;
          animation-delay: 6s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay2-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 7s;
          animation-delay: 7s;
          transition-timing-function: ease-in;
}


.to-fade-in-delay3-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 8s;
          animation-delay: 8s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay4-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 9s;
          animation-delay: 9s;
          transition-timing-function: ease-in;
}



/*
.loaded .to-fade-in1 {
  -webkit-animation: fade-in 2s forwards;
          animation: fade-in 2s forwards;
}

.loaded .to-fade-in2 {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}


.loaded .to-fade-in3 {
  -webkit-animation: fade-in 4s forwards;
          animation: fade-in 4s forwards;
}*/



/* fade in/out for home section overlay */

.to-fade-in-out2.fade-in {
  -webkit-animation: fadeinout 3s linear;
          animation: fadeinout 3s linear;
}





@keyframes fadeinout {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}







@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    /*bottom: -50px;*/
  }
  100% {
    opacity: 1;
    /*bottom: 0px;*/
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    /*bottom: -50px;*/
  }
  100% {
    opacity: 1;
    /*bottom: 0px;*/
  }
}





/*.slide1,
.slide2,

.slide4 {
  left: 0; 
  opacity: 0;
    position: absolute;
max-width: 16px;
top: -9px;
z-index: 1000;
margin-left: -8px;
}
*/


.slide1,
.slide2,
.slide3,
.slide4 {
  left:0; /* was -50px */
  opacity: 0;
}

.slide1.slide-in1 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: slide 2s forwards;
    animation-delay: 0.5s;
}


.slide2.slide-in2 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: slide 2s forwards;
    animation-delay: 0.5s;
}

.slide3.slide-in3 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0s;
    animation: slide 2s forwards;
    animation-delay: 0s;
}


.slide4.slide-in {
    -webkit-animation: slide 3s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 3s forwards;
    animation-delay: 2s;
}


/*.slide1.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.2s;
    animation: slide 1.5s forwards;
    animation-delay: 0.2s;
}


.slide2.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.4s;
    animation: slide 1.5s forwards;
    animation-delay: 0.4s;
}

.slide3.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.6s;
    animation: slide 1.5s forwards;
    animation-delay: 0.6s;
}*/

@-webkit-keyframes slide {
   0% { left: 0px; opacity: 0;}
   100% { left: 50%; opacity: 1;}
}

@keyframes slide {
    0% { left: 0px; opacity: 0;}
    100% { left: 50%; opacity: 1;}
}






/*
.scale-up1{
  transform: scale(0);
}



.scale-up1.scale-up{
    -webkit-transition: scaleup 1s;
    -webkit-transition-delay:0.1s;
    transition: scaleup 1s;
    transition-delay: 0.1s;
}



@keyframes scaleup {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
*/






/*fade in section */

.fade-in-section {
  opacity: 0;
  transform: translateY(15vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
/*  will-change: opacity, visibility;*/
}
.fade-in-section.is-visible2 {
  opacity: 1;
  transform: none;
  visibility: visible;
}









/************************************** LISTS *************************************/


.list-thick-divide{
  text-decoration:none;
  list-style-type:none;
  /*font-size:18px;	*/
  color: #717074;	
}
ul.list-thick-divide {
  margin-left:0;
  padding-left:0;
}

.list-thick-divide li{
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom: 1px solid #ccc	;	
}

.list-thick-divide li.no-pad{
  padding-bottom:0px;
  margin-bottom:20px;
  border-bottom: 1px solid #ccc	;	
}



.list-thin-divide,
.list-thinner-divide,
.list-no-line{
  text-decoration:none;
  list-style-type:none;
    margin-left:0;
  padding-left:0;
  /*font-size:18px;
  color: #717074;	 	*/
}
ul.list-thin-divide {
  margin-left:0;
  padding-left:0;
}

.list-thin-divide li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #ccc	;	
}

.list-thin-divide.small li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #ccc ; 
  font-size:14px;
}


.list-thin-divide li.no-border{
	padding-bottom:0px;
  margin-bottom:0px;
  border-bottom: 0px solid #ccc	;	
}

.list-thin-divide.drk-lines li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #3d4e5b	;	
}


.list-thinner-divide li{
  padding-bottom:4px;
  margin-bottom:4px;
  border-bottom: 1px solid #ccc	;	
}

ul.list-no-line{
  margin-left:0;
  padding-left:0;
  margin-bottom:0;
}

.list-no-line li{
  padding-bottom:8px;
  margin-bottom:8px;
}

/*.list-dot{
list-style-position: inside;
  padding: 0;
  border-left: solid 2px red;
}*/

ul.list-dot {
  list-style: none; /* Remove default bullets */
    padding-left: 1em;
}

ul.list-dot li{
  margin-bottom:8px;
}


ul.list-dot li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #bc8558; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.5em; /* Also needed for space (tweak if needed) */
  margin-left: -1.5em; /* Also needed for space (tweak if needed) */
 list-style-position: inside;

}



/************************************** BOX STYLES *******************************/

.blue-trans-box{
  background-color: rgba(0,88,111, 0.9);  /* MIDNIGHT BLUE */	
  margin-top:40px;
  margin-bottom:40px;
  color:#fff;
  padding: 30px;
}


.white-trans-box{
  background-color: rgba(255,255,255, 0.88);	
  margin-top:40px;
  margin-bottom:40px;
}

.gray-trans-box{
  background-color: rgba(54,53,55, 0.88);   /* CHARCOAL */
  margin-top:40px;
  margin-bottom:40px;
  color:#fff;
  padding: 30px;
}


.primary-color-box{
  background-color:#1c3031;
  padding:40px 50px;
  color:#fff;
  position:relative;
  z-index:100;
}

.gray-box{
  background-color:#ebeeef;
  padding:8px 15px;
  margin:0 0;
  font-size:12px;
}

.gray-box2{
  background-color:#ebeeef;
  padding:20px 30px;
}


.gray-box3{
  background-color:#363537;
  padding:20px 30px;
  color:#fff;
}

.gray-box4{
  background-color:#363537;
  padding:10px 15px;
}


.white-box{
  background-color:#fff;
  padding:10px 20px;
  margin:0 0;
/*  font-size:12px;*/
}

.white-box2{
  background-color:#fff;
  padding:10px 15px;
  margin:0 0 15px 0;
 font-size:13px;
}

.white-box3{
  background-color:#fff;
  padding:20px 30px;
}


.blue-box,
.blue-box2{
  background-color:#1c3031;
  padding:20px 30px;
  color:#fff;
}

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}


.overflow-hidden { overflow: hidden; }


.plan-box{
  border:1px solid #e7eaec;
  padding:32px 15px;
  margin-top: 12px;
}




.gradient-box1{
  background-size:100% auto ;   
  background-image:url(../images/bkgd/circulus-orange-bkgd.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:50% 50%;
  padding:30px;
  width:100%;
}



.border-box1{
  border-left:1px solid #86a2a2;
  border-bottom:1px solid #86a2a2;
  padding:100px 0 60px 90px;
  margin-bottom:100px;
}


.content-box1{
  padding:100px 0 100px 0;
/*  margin-bottom:80px;*/
}


.border-box2{
  border-top:1px solid #86a2a2;
  border-right:1px solid #86a2a2;
  border-left:1px solid #86a2a2;
 padding-bottom: 100px;
margin-bottom: -100px;
}



/********************************* CONTENT TYPES *********************************/

.fact{
  padding:5px 0;
  margin-top:5px;
  border-bottom: 2px dotted #1c3031;	
}

.callout{
  font-size:46px;
  line-height:50px;
  color: #bc8558;
font-family: 'NorthCarossela';
font-weight: normal;
  letter-spacing:1px;
}

.text-right-d-left-m{
  text-align:right;
}

.center,
.center h1.home-head{
margin:0 auto;
text-align:center;
}


.center .divider-line{
  margin:0 auto;
  margin-top:20px;
  margin-bottom:20px;
}

.circle {
    border:1.5px solid #fff;    
    height:90px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:90px;
}

table.drivetimes{
color:#fff;
margin:15px 0;
vertical-align:center;
}


table.drivetimes .lrg-h1{
color:#bc8558;
text-align: center;
padding-top: 16px;
}

table.drivetimes .bold-intro{
color:#fff;
/*padding:5px 0;*/
}

table.drivetimes td:first-child{
padding-right:15px;
}

table.drivetimes.space{
margin:40px 0;
}

.floorplan{
padding:20px 40px;
background-color:#F3F6F7;
}



.quickfact-box{
background-color:none;
padding:0px;
border:1px solid #bc8558; /*was #01576e */
text-align:center;
/*display:inline-block;*/	
/*color:#363537;*/
margin-bottom:20px;
}

.quickfact-box h1,
.quickfact-box-dark h1{
   
color: #bc8558;
padding:20px 10px 15px 10px;
border-bottom:1px solid #bc8558;
margin-top:0;
margin-bottom:12px;
/*font-size:30px;*/
}


.quickfact-box.bold-intro{
  padding:20px 10px 17px 10px;
}

.quickfact-box.white-bkgd{
background-color:#fff;
line-height:20px;

}

.quickfact-box h2,
.quickfact-box-dark h2{
margin:0;
line-height:24px;
color:#1c3031;
padding-bottom:0;
}






/*** QUICKFACT2 ***/


.quickfact-box2{
background-color:none;
padding:0px;
border:1px solid #bc8558; 
text-align:left;
margin-bottom:24px;
}

.quickfact-box2 h1{

color: #bc8558;
padding:20px 10px 17px 10px;
border-bottom:1px solid #bc8558;
margin-top:0;

}


.quickfact-box2 .border-bottom2{
padding:20px;
border-bottom:1px solid #bc8558;
}

.quickfact-box2 p{
  padding:20px;
  text-align:left;
  margin-bottom:0;
}


.quickfact-box2.bold-intro{
  padding:20px;
}

.quickfact-box2.white-bkgd{
background-color:#fff;
line-height:20px;

}


.quickfact-box2 td:first-child{
  width:100px;
  padding-right:20px;
}

.quickfact-box2 h2{
margin:0;
line-height:24px;
color:#1c3031;
padding-bottom:0;
}


.quickfact-box2 h4{
text-align:left;
}






.quickfact-box3{
background-color:none;
padding:15px;
border:1px solid #bc8558;
text-align:center;
margin-bottom:24px;
}


.quickfact-box3 img{
  width:60px;
}


.quickfact-box3.bold-intro{
  padding:20px;
}


.quickfact-box3 td:first-child{
  width:80px;
  padding-right:20px;
}




.panel-group .panel{
margin-bottom:8.5px;	
}

.panel-default > .panel-heading{
color:#1c3031;
}




.location-photo1{
  margin-top:-320px;
}




.quickfact-box4{
background-color:none;
padding:20px 40px;
}






/************************************** ACCORDION STYLES *******************************/

.btn {
display: inline-block;
font-weight: 400;
color: #888787;
text-align: left;
vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.15rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-link {
font-weight: 400;
color: #888787;
text-decoration: none;
width:100%;
}



.btn-link:hover {
font-weight: 400;
color: #bc8558;
text-decoration: none;
}

.card{
border: none;
}



.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color:#ebeeef;
border-bottom: none;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    border: 1px solid #ebeeef;
    /*font-size:0.9rem;*/
}

.width-95{
width: 95%;
}


.dropdown-toggle{
  float:right;
  width: 5%;
  text-align: right;
  vertical-align: middle;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .3em;
    /*vertical-align: .255em;*/
    vertical-align: center;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.card{
background:none;
}

 .read-more .card-header{
      padding: 0rem;
    margin-bottom: 0;
    background-color:none;
border-bottom: none;
}

.read-more .card-header .dropdown-toggle::after {
    display: inline-block;
    margin-left: .3em;
    /*vertical-align: .255em;*/
    vertical-align: center;
    content: none;
}


.read-more .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem;
    border: none;
    /*font-size:0.9rem;*/
}

.read-more .btn {
padding: 0.375rem 0rem;
  }


/************************************** TABLE STYLES *******************************/


table.prop-details,
table.prop-details2,
table.prop-details3{
width:100%;	
}

table.prop-details2{
margin-bottom:5px;
}

table.prop-details td,
table.prop-details2 td,
table.prop-details3 td{
padding: 20px 0px;
vertical-align:middle;
/*font-size:14px;*/
}

table.prop-details3 td:first-child{
width:190px;
}


table.prop-details3.alt td:first-child{
width:80px;
}


table.prop-details.light td{
color:#fff;
}

table.prop-details td:first-child,
table.prop-details2 td:first-child{
font-weight:800;
  font-size:13px;
    line-height:15px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
vertical-align:middle;
font-family: 'giga_sansregular', sans-serif;
font-weight: 800;
}


table.prop-details.light tr{
border-bottom: 1px solid #fff;	 
}


table.prop-details tr{
border-bottom: 1px solid #ccc;	
}


table.prop-details3 tr{
border-bottom: 1px solid #bc8558;  
}

table.prop-details thead tr:first-child{
border-bottom:none;	
}

table.prop-details thead td{
font-weight: 600;
}


table.prop-details td.blue-row:last-child,
table.prop-details td.blue-row:first-child,
td.blue-row{
background-color: #01576e;
padding: 8px 12px;
margin:30px 0 10px 0;
text-align:left;
border-bottom:none;
color:#fff;
}


table.prop-details.no-header tr:first-child{
border-bottom: 1px solid #ccc;	
}


table.prop-details.no-header.light tr:first-child{
border-bottom: 1px solid #ccc;	 /* was #01576e */
}


table.prop-details.no-header td.blue-row:last-child,
table.prop-details.no-header td.blue-row:first-child,
td.blue-row{
background-color: none;
}








table.amenities td{
  padding:40px 0;
  border-bottom:1px solid #86a2a2;
}


table.amenities td:first-child{
  width:130px;
  padding-right:40px;
}


table.amenities tr.no-border td{
  border-bottom:none;
}





table.simple td,
table.simple td:first-child{
  text-decoration:none;
  font-weight:normal;
  padding:0 0;
  font-size:inherit;
  letter-spacing:0px;
  text-transform:none;
padding-right:15px;
}

table.simple tr {
    border-bottom: none;

}




table.simple2{
width:100%;
}

table.simple2 td{
   padding: 12px 10px 8px 0px;
  border-bottom:1px solid #ddd;
}

table.simple2 td:first-child{
color: #1c3031;
margin-bottom: 20px;
font-size: 32px;
line-height: 32px;
margin-top: 0;
/*font-family: soleil, sans-serif;
font-weight: 800;*/
/*font-weight: normal;
text-transform: uppercase;*/
}

table.simple2.light td:first-child{
color: #fff;
}





table.simple-fact-table td{
padding:8px 0;
vertical-align:middle;
}

table.simple-fact-table td:first-child{
 color:#1c3031;
  margin-bottom:0px;
  font-size:32px; 
  line-height:32px; 
  margin-top:0;
/*font-family: soleil, sans-serif;
font-weight: 800;*/
/*  text-transform:uppercase;*/
  padding-right:15px;
}


table.simple-fact-table td:last-child{
font-weight:800;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
}

table.simple-fact-table.white td:last-child{
color:#fff;
}


table.availabilities1,
table.availabilities2,
table.availabilities3,
table.availabilities4,
table.availabilities5,
table.availabilities6{
  width:100%;	
/*  font-size: 13px;*/
/*color:#fff;*/
}


table.availabilities1 thead{
  /*background-color: #ebeeef;  */
 /* font-size: 12px;
  line-height:14px;*/
  color:#bc8558;
}



table.availabilities2 thead th,
table.availabilities3 thead
{
  font-weight:800;

color:#fff; /* 00526A */
font-size: 13px;
text-transform:uppercase;
vertical-align:top;
}

table.availabilities4 thead,
table.availabilities5 thead,
table.availabilities6 thead{
  /*background-color: #01576e; */ /* bright blue #97d1dc */	
  font-size: 13px;
  color:#fff;
  text-transform:uppercase;
}

table.availabilities1 th{
  padding: 8px 10px 8px 0px;
}

table.availabilities1 td,
table.availabilities1 tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:1px solid #bc8558;
  vertical-align:top;
}

table.availabilities1 tr:last-child td,
table.availabilities1 tr:last-child tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:none;
}






table.availabilities1 tr.totals td{
  font-weight:700;
  background-color: #ebeeef;  
}


table.availabilities2 td,
table.availabilities2 tbody td,
table.availabilities2 thead th,
table.availabilities3 td,
table.availabilities3 tbody td,
table.availabilities4 td,
table.availabilities4 tbody td,
table.availabilities5 td,
table.availabilities5 tbody td,
table.availabilities6 td,
table.availabilities6 tbody td{
  padding: 8px 10px;
}



table.availabilities1 tbody td:first-child{
 /*font-weight:800;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;*/
  color:#86a2a2;
}


table.availabilities1 tbody td.noborder{
border-bottom:none;
}


table.availabilities2 tbody td:first-child{
 font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#bc8558;
}


table.availabilities2 tbody tr:nth-child(odd),
table.availabilities3 tbody tr:nth-child(odd){
/*background-color:#eaeaea;*/
}

table.availabilities2 tbody tr,
table.availabilities3 tbody tr{
border-bottom: 1px solid #fff;
padding:15px 0;
}





tr.border-top{
  border-top: 2px solid #ccc;	
}


tr.avail{
  background-color: #e0d9cd;
}

.text-right{
  text-align:right !important;	
}

.float-right-avail{
  float:right;
  margin-top:15px;	
}


table.simple1{
	width:100%;
}


table.simple1 thead{
background-color:#01576e;
color:#fff;
padding:5px;
}

table.simple1 tbody td{
background-color:#ebeeef;
	font-size:13px;
}

table.simple1 th{
font-weight:normal;
padding:10px 14px;
}

table.simple1 td{
padding:10px 14px;
background-color:#fff;	
}

table.simple1 td:first-child{
font-weight:700;	
}


table.simple1 td.border-left{
border-left: 4px solid #ebeeef;	
}








/************************************ MARGINS PADDING *******************************/

.marg-top-0{
  margin-top:0px;	
}


.marg-top-5{
  margin-top:5px; 
}

.marg-top-8{
  margin-top:8px; 
}


.marg-top-10{
  margin-top:10px;	
}

.marg-top-15{
  margin-top:15px;	
}

.marg-top-20{
  margin-top:20px;  
}

.marg-top-40{
  margin-top:40px;  
}

.marg-top-60{
  margin-top:60px;	
}



.marg-top-24{
  margin-top:24px;

}


.marg-top-30{
  margin-top:30px;
}


.marg-top-35{
  margin-top:35px;
}


.marg-top-40{
  margin-top:40px;
}

.marg-btm-24{
  margin-bottom:24px;
}

.marg-btm-20{
  margin-bottom:20px;
}

.marg-btm-15{
  margin-bottom:15px;
}


.marg-btm-30{
  margin-bottom:30px !important;
}

.marg-btm-40{
  margin-bottom:40px !important;
}

.marg-btm-50{
  margin-bottom:50px !important;
}


.marg-btm-60{
  margin-bottom:60px !important;
}

.marg-btm-0{
  margin-bottom:0px;
}


table.drivetimes.marg-btm-0{
  margin-bottom:0px;
}


.marg-btm-10{
  margin-bottom:10px;
}


.marg-btm-8{
  margin-bottom:8px;
}


.marg-btm-5{
  margin-bottom:5px;
}


.no-marg-pad{
  margin:0;
  padding:0;	
}

.marg-pad-btm-0{
  margin-bottom:0;
  padding-bottom:0;  
}

.marg-top-bot-25{
  margin-top:25px;
  margin-bottom:25px;	
}


.marg-sides-60{
  margin:0 60px;
}















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

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

/************************************* MEDIA QUERIES *****************************/

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

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


@media (min-width: 1599px) {




#home{
  background:url(../images/wmc-main.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height:1070px;  
}

#home.retail{
  background:url(../images/photos/wmc-rendering-retail2.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height:950px;  
}


  .logo-tagline{
    padding-top:100px;
/*  margin:0 auto;
  padding: 100px 30px;
  position:relative; 
  max-width:1220px; 
  text-align:left;*/
}



.logo-tagline img{
/*max-width:460px;
margin-top:50px;*/
/*padding-right:60px;*/
}



.intro-p{
/*  font-size:32px; 
  line-height: 40px;*/
}

  section{
  padding: 100px 0;
}
  


.vert-line{
  height: 725px;
  margin-top: -160px;
}


.vert-line2{
  height: 855px;
  margin-top: -160px;
}


.gradient-box1{
  padding:50px;
}


.map-text1{
margin-top:800px;
}

#map1{
  min-height:1100px;
}




}


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

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


@media (min-width: 1400px) and (max-width: 1599px) {


}


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

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



@media (min-width: 1200px) and (max-width: 1399px) {


}

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

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



@media (min-width: 1200px) {

.f-item{
  padding:20px 30px;

}



}



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

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



@media (max-width: 1199px) {

  .f-item{
  width: 50%;
}

.f-item.last-m{
  border-right:none; 
  }

.f-item.btm-border-m{
  border-bottom:1px solid #fff; 
  }

  h1.home-head,
  .callout{
  font-size:40px; 
  line-height:40px;
}





}



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

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



@media (min-width: 992px) and (max-width: 1199px) {







}


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

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



@media (max-width: 991px) {

  
  img.contact-logo{
  width:150px;	
    /*float:left;*/
}


img.contact-logo2{
  width:180px;  
  max-width:100%;
  float:left;
}

span.responsive-break{
	display:inline;
}


.text-right-d-left-m{
  text-align:left;
/*  margin-top:30px;*/
}


.right-d{
 width:100%;
 height:auto;
}

.right-d .divider-line{
  float:none;
}

.marg-btm-24-mm{
  margin-bottom:24px;
}

.marg-btm-40-mm{
  margin-bottom:40px;
}

.marg-btm-10m{
  margin-bottom:10px !important;
}


.block-m{
display: block !important;
margin-right: 0 !important;
}

.bold-intro{
  font-size:12px;
  line-height: 16px;
}


h3{
  font-size:17px;
  line-height: 22px;
}


}


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

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


@media (min-width: 768px) and (max-width: 991px) {

.gallery2 img,
.gallery5 img{
  float:left;
  width:49%;
  margin: 0.5%;	
}


.gallery-two-col img{
  float:left;
  width:49%;
  margin: 0.5%;	
}


#home{

    background:url(../images/wmc-main.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-image:none;*/
  /*background-size:100% auto;*/
  min-height:750px;
}


#home.retail{
  background:url(../images/photos/wmc-rendering-retail2.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 min-height:750px; 
}


.vert-line,
.vert-line2{
margin-left: -30px;
}



}


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

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



@media (min-width: 768px) {

  
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
}


.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
}


}





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

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



@media (max-width: 767px) {

  body{
    font-size:16px;	
    line-height:24px;
  }




h1{
  font-size:30px; 
}


h1.home-head{
/*  font-size:30px; 
  line-height:33px;
  text-align:left;*/
}

img.contact-logo{
  width:150px;	
    /*float:left;*/
}


.navbar{
  padding:0.5rem 1rem;
}


.navbar-nav .nav-link{
		margin:0.4rem 0rem;
}

.navbar-nav{
padding:10px;
background-color:#1c3031;
}

.list-thick-divide li{
  padding-bottom:10px;
  margin-bottom:10px;
}

.list-thin-divide li{
  padding-bottom:6px;
  margin-bottom:6px;
}

.list-thin-divide.small li{
  padding-bottom:6px;
  margin-bottom:6px;
  font-size:12px;
}

.list-thinner-divide li{
  padding-bottom:3px;
  margin-bottom:3px;
}


h2 {
  font-size:23px;	
  line-height:25px;
}

.intro-p{
  margin-bottom:20px;
  font-size:45px; 
  line-height: 45px;
  margin-top:0;
  color:#fff;
}


.logo-tagline{
 text-align:center;
  padding: 60px 30px;
}

.logo-tagline img{
max-width:70%;
margin-top:30px;
margin-bottom:30px;
padding-right: 0px;
}

/* Bottom left text */
figure.img-caption2 figcaption {

  top:30px;
  left:30px;
}

.mobile-pad{
  padding:0px 18px;
}

.mobile-pad2{
  padding:0px 30px;
}

.nox-pad-m{
  padding-left:0;
  padding-right:0;
}

.blue-box{
  padding:40px 35px;
}

.blue-box2{
  /*padding:40px 15px;*/
}


.marg-sides-60{
  margin:0px 0px 24px 0px;
}



.location-photo1{
  margin-top:0px;
}

.site-plan{
  margin-right: -80px;
  overflow:hidden;
}



.floorplan{
padding:0 0;
background-color:#fff;
}

section{
  padding:50px 0;	
}

#home{
    background:url(../images/wmc-main-sm.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-image:none;*/
  /*background-size:100% auto;*/
  min-height:800px;  
  background-color:#1c3031;
}



#home.retail{
  background:url(../images/photos/wmc-rendering-retail2-sm.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:780px;  
  background-color:#1c3031;
}


.main-img-logo{
margin-top:0;	
margin-right:0px;
width:100%;
}

/*section#section1{
  padding-top:0;
  margin-top:0;
}*/

body.bldg section#section1{
  padding:50px 0; 
}


#section2{
  background:none;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */ 
}



#section2{
/*    background-size:100% auto ;  
  background:url(../images/bkgd/dark-blue-bkgd1-sm2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
 
}


#section3-1{	

  min-height:100px;

}

#section3{
 background-image: none;
  min-height:100px; 
  background-color:#1c3031;
  }


section#section0{
  padding:0px 0px;
}

section#section3{
padding-bottom:0;
margin-bottom:0;
}


#section1-1{
  background:#1c3031;	
  min-height:100px;	
  padding:0;
  margin:0;

}




#section4{  
  background: linear-gradient(180deg, #FFF 15%, #1c3031 0%);
  background-position: right bottom; 
}

#footer{
/*  background-size:100% auto ;   
  background-image:url(../images/bkgd/circulus-gradient-bkgd-sm.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background position:bottom left;*/
}





#map1{
  background:#1c3031;
  min-height:100px;
  padding: 80px 15px 60px 15px;
}


#map2{
  background:#1c3031;
  min-height:100px;  
  padding: 80px 30px 60px 30px;
}


.border-box2{
  margin-bottom: 60px;
  border-right:none;
  border-left:none;
}


.horiz-line{
  width: 200px;
}

.header1 {
  padding-right: 10px;
  }


.header2{
 padding: 0 30px; 
}


.map-text2{
margin-left:0px;
}


.border-box1{
padding: 60px 0 60px 30px;
margin-bottom: 30px;
}


.content-box1{
  padding: 30px 0 60px 0;
}


.map-text1{
margin-top: 0px;
}





.vert-line,
.vert-line2{
 display:none;
}


.white-trans-box{
padding:15px;
margin-bottom:0;	
margin-top:0;	
}

.lrg-quote{
  font-size: 24px;
  line-height:28px;	
  padding-bottom:0;
}

.lrg-quote2{
  font-size: 22px;
  line-height:25px; 
  padding-bottom:0;
}


h1.home-head{
  margin-top:0px;
}



.five-col{
	width:100%;
	float:left;	
	padding:15px;
}


table.prop-details3 td:first-child{
width:160px;
}

table.prop-details3.alt td:first-child{
width:80px;
}



#section4{
/*  background-image:url(../images/bkgd/peak-graphic2-light2.png);*/
}

.display-mobile{
  display:block;	
}

.display-mobile.soft{
  display:inline-block;  
}

.display-desktop{
  display:none;	
}

.gallery2 img,
.gallery5 img{
  float:left;
  width:100%;
  margin: 1% 0;	
}


.gallery-two-col img{
  float:left;
  width:100%;
  margin: 1% 0;	
}

.gallery3{
  margin:0 0 0 0;
}


.gallery3 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100%; 
  margin: 8px 0 0 0;   

}


.gallery4 img{
  float:left;
  width:50%;
}



.large-p{
  font-size:22px; 
  line-height:28px;
}


.gallery img{
  float:left;
  width:50%;
}


table.drivetimes .circle {
    border:none;    
    height:50px;
    width:45px;
    border-radius:0%;
    -moz-border-radius:0%;
    -webkit-border-radius:0%;
    
}

table.drivetimes .lrg-h1{
text-align: left;
padding-top: 0px;
}





/********************* table styles ***************/
/* Force table to not be like tables anymore */


table.availabilities2 table, 
table.availabilities2 thead, 
table.availabilities2 tbody, 
table.availabilities2 th, 
table.availabilities2 td, 
table.availabilities2 tr,

table.availabilities3 table, 
table.availabilities3 thead, 
table.availabilities3 tbody, 
table.availabilities3 th, 
table.availabilities3 td, 
table.availabilities3 tr,

table.availabilities4 table, 
table.availabilities4 thead, 
table.availabilities4 tbody, 
table.availabilities4 th, 
table.availabilities4 td, 
table.availabilities4 tr,

table.availabilities5 table, 
table.availabilities5 thead, 
table.availabilities5 tbody, 
table.availabilities5 th, 
table.availabilities5 td, 
table.availabilities5 tr,

table.availabilities6 table, 
table.availabilities6 thead, 
table.availabilities6 tbody, 
table.availabilities6 th, 
table.availabilities6 td, 
table.availabilities6 tr{ 
  display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
table.availabilities2 thead tr,
table.availabilities3 thead tr,
table.availabilities4 thead tr,
table.availabilities5 thead tr,
table.availabilities6 thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
}




table.availabilities2 tr,
table.availabilities4 tr,
table.availabilities5 tr,
table.availabilities6 tr { 
  border-bottom: 1px solid #fff;
  padding-bottom:10px;
}



table.availabilities2 tbody td,
table.availabilities3 tbody td,
table.availabilities4 tbody td,
table.availabilities5 tbody td,
table.availabilities6 tbody td { 
  /* Behave  like a "row" */
  border: none;
  position: relative;
  padding-left: 50%; 
  padding-top:10px;
}



table.availabilities2 tbody td{ 
  /* Behave  like a "row" */
  padding-left: 35%; 
}



table.availabilities2 tbody tr.leased{
display:none;
}



table.availabilities2 td:before,
table.availabilities3 td:before,
table.availabilities4 td:before,
table.availabilities5 td:before,
table.availabilities6 td:before { 
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  top: 6px;
  left: 6px;
  width: 50%; 
  padding-right: 10px; 
  white-space: nowrap;
}




table.availabilities2 td,
table.availabilities2 tbody td {
 /* padding: 20px 10px;*/
}




table.availabilities1 tr.border-mobile td,
table.availabilities1 tr.border-mobile tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:1px solid #bc8558 !important;
}


/*Label the data*/
table.availabilities2 td:nth-of-type(1):before { content: "Building"; }
table.availabilities2 td:nth-of-type(2):before { content: "Address"; }
table.availabilities2 td:nth-of-type(3):before { content: "Available"; }
table.availabilities2 td:nth-of-type(4):before { content: ""; }


table.availabilities2 td:before { padding:5px 10px 0 0px; }

table.availabilities3 td:nth-of-type(1):before { content: "Building"; }
table.availabilities3 td:nth-of-type(2):before { content: "Address"; }
table.availabilities3 td:nth-of-type(3):before { content: "Available"; }
table.availabilities3 td:nth-of-type(3):before { content: ""; }


table.availabilities3 td:before { padding:5px 10px 0 10px; }


table.availabilities4 td:nth-of-type(1):before { content: "Suite"; }
table.availabilities4 td:nth-of-type(2):before { content: "Tenant/Availability"; }
table.availabilities4 td:nth-of-type(3):before { content: "SF"; }


table.availabilities4 td:before { padding:5px 10px 0 10px; }



table.availabilities5 td:nth-of-type(1):before { content: "ADDRESS"; }
table.availabilities5 td:nth-of-type(2):before { content: "SUITE"; }
table.availabilities5 td:nth-of-type(3):before { content: "TOTAL SF"; }
table.availabilities5 td:nth-of-type(4):before { content: "ASKING LEASE RATE PSF (MONTHLY)"; }
table.availabilities5 td:nth-of-type(5):before { content: "ASKING SALE PRICE"; }
table.availabilities5 td:nth-of-type(6):before { content: "AVAILABLE DATE"; }
table.availabilities5 td:nth-of-type(7):before { content: "FLOOR PLAN"; }

table.availabilities5 td:before { padding:5px 10px 0 10px; }

table.availabilities6 td:nth-of-type(1):before { content: "TOTAL SF"; }
table.availabilities6 td:nth-of-type(2):before { content: "LEASE RATE"; }
table.availabilities6 td:nth-of-type(3):before { content: "SALES PRICE"; }

table.availabilities6 td:before { padding:5px 10px 0 10px; }




}



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

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




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


  .five-col{
    width:50%;
    float:left;	
    padding:15px;
  }	



#home{

    background:url(../images/wmc-main-sm.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-image:none;*/
  /*background-size:100% auto;*/
  min-height:850px;
}



#home.retail{
  background:url(../images/photos/wmc-rendering-retail2-sm.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 min-height:850px;
}


  

}



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

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




@media (max-width: 450px) {



.logo-main-font{
font-size:30px;
line-height:30px;
}

.anchor{	
  padding-top:80px; 
  margin-top:-80px; 
}

.gallery img{
  float:left;
  width:100%;
}

.green-btn,
.blue-btn,
.orange-btn{
  display: block;	
}

.gallery4 img{
  float:left;
  width:100%;
}



}