html{
  
  margin:0;
  padding:0;	
}

body {
  padding-top:55px;
  padding-bottom:0px;
  height:100%;
  font-family:'Avenir Next LT Pro Regular', Arial, sans-serif;
  font-size:18px;
  line-height:25px;
  color:#363537;
}


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


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



h1, h2, h3, h4, h5, h6{
  font-family:'Avenir Next LT Pro Medium', Arial, sans-serif;
	font-weight:normal;
}


h1{
  color:#caad6b;
  margin-bottom:20px;
  font-size:34px; 
  line-height:34px;
  margin-top:0;
  font-family:'Mort Modern 08 Regular', serif;
  text-transform:uppercase;
}

h1.home-head{
  color:#363537;
  margin-bottom:24px;
  font-size:55px; 
  line-height:55px;
  margin-top:0;
  font-family:'Mort Modern 08 Regular', serif;
  font-weight: normal;
  text-transform:uppercase;
}


h2 {
  font-size:19px;	
  line-height:23px; 
  color: #caad6b;  
  padding-top:0px;
  margin-top:0;
  padding-bottom:5px;
  text-transform:uppercase;
  letter-spacing:2px;
}


.midnight-blue h2 {
  color: #01576E;  
}

.km-orange h2 {
  color: #E04403;  
}




h3{
  font-size:30px;	
  margin-top:35px;
  margin: 8px 0 8px 0;
  font-family:'Avenir Next LT Pro Regular', Arial, sans-serif;
  text-transform:uppercase;
  letter-spacing:2px;
}

h4{
  font-size:16px;	
}

.large-p{
  font-size:23px;	
  line-height: 30px;
}

.lrg-quote{
  color:#caad6b;
  padding-bottom:0px;
  line-height:42px;
  font-size:36px; 
  margin-top:0;
  font-style:italic;
  font-family:'Mort Modern 08 Regular Italic', 'Mort Modern 07 Light Italic', 'Mort Modern 10 Semibold Italic', serif;
}

.quote-h1{
  color:#363537;
  margin-bottom:0px;
  font-size:55px; 
  line-height:55px;
  margin-top:0;
  font-family:'Mort Modern 08 Regular', serif;
  font-weight: normal;
  text-transform:uppercase;
  padding: 5px 0;
}



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


.heavy,
.heavy a{
  font-family:'Avenir Next LT Pro Heavy', Arial, sans-serif;
}

.bold,
.bold a{
  font-family:'Avenir Next LT Pro Bold', Arial, sans-serif;
}

.semibold,
.semibold a{
  font-family:'Avenir Next LT Pro Demi', Arial, sans-serif;
}

.medium,
.medium a{
  font-family:'Avenir Next LT Pro Medium', Arial, sans-serif;
}


.regular,
.regular a{
  font-family:'Avenir Next LT Pro Regular', Arial, sans-serif;
}


.light,
.light a{
  font-family:'Avenir Next LT Pro Regular', Arial, sans-serif;
}


.bold-intro{
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height: 16px;
display: inline-block;
}

.cap-intro{
  font-size:16px;
  line-height: 19px;
  text-transform:uppercase;
  letter-spacing:2px;
  font-family: 'Avenir Next LT Pro Medium';
}



.italic{
  font-style:italic;
  font-family:'Mort Modern 08 Regular Italic',serif;
}

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

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



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


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

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

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

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

.ash-font{
  color:#5F5D5E; /* rgb(95,93,94)  */
}

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

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

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

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

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

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

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

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


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

.navbar .bg-light{
  background-color: #f3f6f7 !important;
}

.navbar-brand{
  color:#363537;
}

.navbar-nav .nav-link{
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 18px;
  padding: 0 0;
  margin:0.8rem 0.8rem 0.4rem 0.8rem;

position:relative;
display:inline-block;
color:#363537;
overflow:hidden;
-webkit-transition:color .7s ease;
transition:color .7s ease;
}


.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;
}

.navbar-light .navbar-nav .nav-link {
    color: #5F5D5E;
}

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


.navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler{
  color: transparent;
border-color: transparent;
}

.navbar-toggler {
  padding: .25rem 0rem;
  }

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


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

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



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;
  font-family:'Avenir Next LT Pro Medium', Arial, sans-serif;
  letter-spacing:2px;
}

a.link {
  display: block;
  padding: 0 0 0px 0px;
  text-decoration:none;
  background-color: transparent;
  font-family:'Avenir Next LT Pro Medium', Arial, sans-serif;
  letter-spacing:2px;
}


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

  -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.white a.download,
.solid-btn a.download {
  background-image: url(../images/download-icon-white.png);
  color: #fff;  
}

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

.solid-btn a.link,
.orange-btn a.link,
.outline-btn a.link {
  color:#CAAD6B;
  font-size:13px; 
  line-height:18px; 
  padding-top:0px;
  margin-top:0;
  padding-bottom:2px;
  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;
}



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

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


.solid-btn a.link: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;
  font-family:'Avenir Next LT Pro Medium', Arial, sans-serif;
  letter-spacing:2px;
}

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;
  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;
  font-family:'Avenir Next LT Pro Medium', Arial, sans-serif;
  letter-spacing:2px;
}



a.tour {
  display: block;
  padding: 0 0 0px 35px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/virtual-tour-icon-white.png);
  background-repeat: no-repeat;
  background-position: left -2px;
  background-size: 25px 25px;
  color:#fff;
  font-size:13px; 
  line-height:18px; 
  padding-top:0px;
  margin-top:0;
  padding-bottom:2px;
  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;
  font-family:'Avenir Next LT Pro Medium', Arial, sans-serif;
  letter-spacing:2px;
}


.solid-btn{
  padding:11px 15px 10px 15px;
  background-color: #e04403;
  display: inline-block;
  margin-right:10px;
  margin-top:0px;
  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;
}

.solid-btn:hover{
  background-color: #C03E27;
  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 #CAAD6B;
  display: inline-block;
  margin-right:10px;
  margin-top:0px;
  color:#CAAD6B; 

  -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: #363537;
    border:1px solid #363537;
  color:#CAAD6B;
  -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 #fff;
  color:#fff; 

}

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

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

.solid-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;
}



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

/* 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.bldg1 {left:49%; top:12%; width:12%; height:18%;}
.imageMap a.bldg2 {left:49%; top:30%; width:12%; height:20%;} 
.imageMap a.bldg3 {left:44.7%; top:57%; width:5.5%; height:21%;}
.imageMap a.bldg4 {left:39.7%; top:55%; width:4.7%; height:23.7%;}
.imageMap a.bldg5-1 {left:31%; top:49%; width:4%; height:30%;}
.imageMap a.bldg6-1 {left:26%; top:49%; width:5.2%; height:14%;}
.imageMap a.bldg7-1 {left:26%; top:65%; width:5%; height:14%;} 
.imageMap a.bldg8 {left:35.3%; top:51%; width:4.5%; height:29%;}


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








/************************************** 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: .5vw; 	
}



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

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


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



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


.img-border{
  border:1px solid #ccc;
}





/************************************ 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/el-popo-main2.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:850px;	
}



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


.main-img-logo2{
margin-top:60px;
/*margin-left:40px;
padding:20px 20px 25px 20px;*/
/*background-color:#01576e;
background-color: rgba(54, 53, 55, 0.85); */
display:inline-block;
color:#fff;
width:100%;
position:relative;
/*float:right;*/
}


.main-img-logo2 table{
  width: 1050px;
  position: relative;
  margin: 0 auto;
}


 .main-img-logo .lrg-quote,
  .main-img-logo2 .lrg-quote{
  color:#fff !important;
 }



.midnight-blue .main-img-logo{
/*background-color:#01576E;
background-color: rgba(0, 88, 111, 0.85); */
}


.km-orange .main-img-logo{
/*background-color:#E04403;
background-color: rgba(224, 68, 3, 0.85); */
/* ORANGE */
}


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


.logo-main{
  max-width:275px;
  margin-bottom:10px;
}

.logo-main-font{
  font-size: 65px;
  line-height:65px;
  font-family:'Mort Modern 08 Regular', serif;
  letter-spacing:1px;
  text-transform: uppercase;
}




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


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

#section1{
  background:#fff;
/*  background-size:100% auto ;  
  background-image:url(../images/line-art2-gold.png);
  background-repeat: no-repeat;
  background-position: right top ; */
}

#section1-1{
	
  background:url(../images/placeholders/placeholder-3.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:#f6f8f8;
  background-size:100% 100%; 
  background-position:fixed; 
  min-height:500px;		
}



#section2-1{
	
  background:url(../images/placeholders/placeholder-3.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;
  min-height:600px;
  /*padding:150px 0;	*/

}


#section3{
  background-color:#fff;	
  background-size:100% 100%;  
  min-height:300px;	
}




#section4{	
  background:url(../images/placeholders/placeholder-3.jpg) 100% 100% no-repeat fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
  min-height:450px;
  /*padding:150px 0;	*/
}


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



#footer{
  background:#363537;
   background-repeat: no-repeat;

     background-size:100% auto ;  
  background-image:url(../images/line-art1-gold.png);
  background-repeat: no-repeat;
  background-position: right top ; 

/*     background:url(../images/photos/8535-colgate-exterior8-lrg.jpg) ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
  min-height:450px;*/

  background-position: right top; 
}


.midnight-blue #footer{
  background-color:#01576E; 
  background-image:url(../images/line-art1-blue.png);
}

.km-orange #footer{
  background:#E04403; 
  background-image:url(../images/line-art1-rustic-clay.png);
}


.primary-bg{
  background-color: #363537;
}

.midnight-blue .primary-bg{
  background-color: #01576E;
}

.km-orange .primary-bg{
  background-color: #E04403;
}

/*.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;
    background-position:center bottom;
    background-size:cover;
    min-height:320px;
}








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


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





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

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


span.responsive-break{
	display:block;
}





/******************************** CAROUSEL *****************************************/

/* Carousel base class */
.carousel {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  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;
}



.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

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


ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: 0em;
}

ul.dash > li{
    padding-bottom: 3px;
}




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


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

.midnight-blue .primary-trans-box{
  background-color: rgba(0,88,111, 0.9);  /* MIDNIGHT BLUE */ 
}

.km-orange .primary-trans-box{
  background-color: rgba(224,68,3, 0.9);  /* KM ORANGE */ 
}



.lt-gray-box{
  background-color:#ebeeef;
  padding:30px;
}


.primary-color-box{
  background-color:#363537;
  padding:20px 30px;
  color:#fff;
}

.midnight-blue .primary-color-box{
  background-color:#01576E;
  padding:20px 30px;
  color:#fff;
}

.km-orange .primary-color-box{
  background-color:#E04403;
  padding:20px 30px;
  color:#fff;
}


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




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


.overflow-hidden { overflow: hidden; }


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


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

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

.callout{
  height:45px;
  vertical-align:bottom;	
  float:right;
  width:25%;
  text-align:right;
  font-size:30px;
  color: #717074;
}

.divider-accent{
  width: 100px;
  height: 1px;
  background: #caad6b;
  display:block;
  margin:15px 0;
}

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

.quickfact-box h1,
.quickfact-box-dark h1{
  font-family:'Mort Modern 08 Regular', serif;
  color: #caad6b;
padding:20px 10px 15px 10px;
border-bottom:1px solid #caad6b;
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:#363537;
padding-bottom:0;
}






/*** QUICKFACT2 ***/


.quickfact-box2{
background-color:none;
padding:0px;
border:1px solid #caad6b; 
text-align:center;
margin-bottom:24px;
width:100%;
}

.quickfact-box2 h1{
  font-family:'Mort Modern 08 Regular', serif;
color: #caad6b;
padding:20px 10px 17px 10px;
border-bottom:1px solid #caad6b;
margin-top:0;
margin-bottom:0;
}


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

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


.quickfact-box2 p.bold-intro{
  padding:20px;
  text-align:center;
}

.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:#363537;
padding-bottom:0;
}


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






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


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


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


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




/*.icon{
  max-width:80px;
  margin-bottom:24px;
  margin-right:20px;
}
*/





.divider-accent{
  width: 100px;
  height: 1px;
  background: #caad6b;
  display:block;
  margin:15px 0;
}


.divider-accent-icon{
  width: 100%;
  height: 1px;
  background: #caad6b;
  display:block;
  margin:15px 0;
  margin-top: -65px;
  margin-bottom: 65px;
}



.icon{
  max-width:140px;
  margin-bottom:24px;
}

.icon-box{
  margin: 0 auto;
  text-align: center;
}




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

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



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

.btn {
display: inline-block;
color: #5F5D5E;
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 {
color: #5F5D5E;
text-decoration: none;
width:100%;
}



.btn-link:hover {
color: #caad6b;
text-decoration: none;
}


.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(255,255,255,0);
  }



.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{
width:100%;	
}

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

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

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

table.prop-details td:first-child,
table.prop-details2 td:first-child{
  font-size:13px;
    line-height:17px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
vertical-align:middle;
font-family: "Avenir Next LT Pro Demi", Arial, sans-serif
}


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


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

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

table.prop-details thead td{

}


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.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: #caad6b;
margin-bottom: 20px;
font-size: 32px;
line-height: 32px;
margin-top: 0;
  font-family:'Mort Modern 08 Regular', serif;
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:#caad6b;
  margin-bottom:0px;
  font-size:32px; 
  line-height:32px; 
  font-family:'Mort Modern 08 Regular', serif;
  font-weight: normal;
  text-transform:uppercase;
  padding-right:15px;
}


table.simple-fact-table td:last-child{
  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;*/
}


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



table.availabilities2 thead th,
table.availabilities3 thead
{
  font-size: 13px;
  line-height:14px;
  color:#fff;
}


table.availabilities2 thead th,
table.availabilities3 thead
{
/*  font-weight:normal;
background-color: #ebeeef;	
color:#363537;*/ 
/*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 #ddd;
}

table.availabilities1 tr.totals td{
  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,
table.availabilities2 tbody td:first-child{
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
  font-weight:bold;
}


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

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 #afabac;
}

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


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

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

.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{

}


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








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

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

.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-50{
  margin-top:50px;  
}

.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  !important;
}

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

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


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

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


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


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



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


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

.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;	
}


















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

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

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

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

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



@media (min-width: 2000px) {


 #home{
    min-height:1050px; 
  } 

.main-img-logo{
margin-top:60px;
margin-left:60px;
width:700px;
}


  .logo-main-font{
  font-size: 5rem;
  line-height:5rem;
}

section{
  padding: 120px 0;
}


h1.home-head{
  margin-bottom:40px;
}
  


}


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

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







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


 #home{
    min-height:950px;	
  }	



/*.main-img-logo{
margin-top:60px;
margin-left:60px;
width:1050px;
}*/


  .logo-main-font{
  font-size: 5rem;
  line-height:5rem;
}

section{
  padding: 120px 0;
}


h1.home-head{
  margin-bottom:40px;
}
  




}


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

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


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


}


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

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



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


}


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

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



@media (min-width: 1200px) {

}



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

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



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


.main-img-logo{
width:90%;
}

.main-img-logo2 table{
  width:90%;
}

}


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

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



@media (max-width: 991px) {

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

span.responsive-break{
	display:inline;
}


.main-img-logo{
width:90%;
}

.main-img-logo2 table{
  width:90%;
}

}


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

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


@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{
  min-height:750px;	
}


}


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

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



@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:17px;	
  }



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


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

.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:18px;	
}

.blue-box{
  font-size:16px;	
  line-height:26px;
}

section{
  padding:50px 0;	
}

#home{
  background-image:none;
  min-height:500px;
  background-size:100% auto;
  background-color:#363537;
}

.midnight-blue #home{
  background-color:#01576E;
}

.km-orange #home{
  background-color:#E04403;
}


.main-img-logo{
margin-top:0;	
margin-left:0px;
width:100%;
padding: 35px 30px 40px 30px;
}

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

#section3-1{	
  
  min-height:100px;

}

section#section1{
  background:none;  
}



#section1-1,
#section2-1{
  background:#363537;	
  min-height:100px;	
  padding:0;
  margin:0;
}


#section4{
  background:#363537; 
  min-height:100px; 
  padding:0;
  margin:0;
}

.midnight-blue #section4{
  background:#01576E; 
}


.km-orange #section4{
  background:#E04403; 
}

#footer{
   background:#363537;
   background-repeat: no-repeat;

/*     background:url(../images/photos/8535-colgate-exterior8-lrg.jpg) ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;*/
/*  min-height:450px;*/

  background-position: right top;  
}



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

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



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



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


/*#section1{
background-image:none;
}
*/

.display-mobile{
  display: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 -2px;
}


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


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

h1.home-head{
  font-size:28px;	
  text-align:left;
}

.large-p{
  font-size:18px; 
  line-height:23px;
}


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



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



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



/********************* 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 #D6CFC5;
  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: 50%; 
}


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



/*Label the data*/
table.availabilities2 td:nth-of-type(1):before { content: " "; }
table.availabilities2 td:nth-of-type(2):before { content: "Property"; }
table.availabilities2 td:nth-of-type(3):before { content: "Tenant"; }
table.availabilities2 td:nth-of-type(4):before { content: "Total SF"; }
table.availabilities2 td:nth-of-type(5):before { content: "Remaining Term"; }
table.availabilities2 td:nth-of-type(6):before { content: "More Info"; }

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

table.availabilities3 td:nth-of-type(1):before { content: "Total SF"; }
table.availabilities3 td:nth-of-type(2):before { content: "Bldg"; }
table.availabilities3 td:nth-of-type(3):before { content: "Suite"; }
table.availabilities3 td:nth-of-type(3):before { content: "Rate (NNN)"; }
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;
  }	
  

}



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

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




@media (max-width: 450px) {



/*  #home{
    min-height:200px;	
  }*/





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

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

/*.green-btn,
.solid-btn,
.orange-btn{
  display: block;	
}*/

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



}