/* CSS Variables */
:root {
    --BackgroundColor: #2B2B2B;
    --SecondaryBGColor: #9B7B38;
 
    --headerBG: #FFFFFF;
    --headerNav: #FFFFFF;
    --headerHover: #555555;
  
    --primary-clr: #3C3730;
    --primary-clr-i: #333333;
	--primary-clr-h: #9B7B38;
    --secondary-clr: #0F2938;
    --secondary-clr-light: #cf8f8a;
    --accent-clr: #F2F2F2;
	--accent-O-clr: #4b4b4bdb;
	--bold-clr: #000000 !important;
 
    --overlay-clr: rgba(0,0,0,0.8);
    --overlay-bd: saturate(180%) blur(10px);
 
    --header-clr: #0F0F0F;
  
    --text-clr: #2B2B2B;
	--text-clr-white: #FFFFFF !important;
  
    
    --ff-primary: "STIX Two Text", serif !important;
    --ff-secondary: "Lato", sans-serif !important;
	--ff-header: 'Alegreya', serif !important;
  
    --fs-16px: 1rem;
    --fs-18px: 1.125rem;
    --fs-22px: 1.4rem;
    --fs-24px: 1.5rem;
    --fs-27px: 1.7rem;

	--gallery-font-size: 1.5rem;
	--gallery-font-size-sm: 1.3rem;

	--gallery-lh: 1.3;
  
    --fw-n: 300;
    --fw-m: 600;
    --fw-b: 800;
  
    --shadow: 0 0 1em rgba(0,0,0, .25);

	--border-bottom: 4px solid #9B7B38;
	--border-left: 10px solid #9B7B38;
	--header-bb: 3px solid #2B2B2B;


	--toc-subimg-1: url("/images/pieces/amenities.png");
	--toc-subimg-2: url("/images/pieces/neighborhood.png");
  

	--h2-font-size: 1rem;
	--med-font-size: .975rem;
	--small-font-size: .775rem;
}

/*======== Responsive Typography ========*/
@media screen and (min-width: 1120px) {
	:root {
		--h2-font-size: 1.1rem;
		--med-font-size: .975rem;
		--small-font-size: .775rem;
	}
}

@media screen and (max-width: 1300px) {
	:root {
		--h2-font-size: 1.1rem;
		--med-font-size: .975rem;
		--small-font-size: .775rem;
		--gallery-font-size: 1.2rem;
		--gallery-font-size-sm: 1rem;
	}
}

@media screen and (max-width: 991px) {
	:root {
		--h2-font-size: 1.2rem;
		--med-font-size: 1rem;
		--small-font-size: .875rem;
		--gallery-font-size: 1rem;
		--gallery-font-size-sm: 1rem;
		--gallery-lh: 1.2 !important;
	}
}

@media screen and (max-width: 700px) {
	:root {
		--h2-font-size: 1.2rem;
		--med-font-size: 1rem;
		--small-font-size: .875rem;
		--gallery-font-size: 1rem;
		--gallery-font-size-sm: .8rem;
		--gallery-lh: 1.2 !important;
	}
}

@media screen and (max-width: 600px) {
	:root {
		--h2-font-size: 1.2rem;
		--med-font-size: 1rem;
		--small-font-size: .875rem;
		--gallery-font-size: 1.5rem;
		--gallery-font-size-sm: 1.5rem;
		--gallery-lh: 1 !important;
	}
}


/* TOC STYLES */
.header_nav .link {
	font-family: var(--ff-primary);
}

.header_nav .link:hover{
	color: var(--text-clr-white);
}

.top-links .link a{
	color: var(--text-clr-white);
	font-size:.8rem;
	font-weight:500;
}

.top-links .link a:hover{
	color:#436a81;
}

.building-access-form-wrapper{
	margin: 0 auto;
}

.logo{
	margin: auto;
	width:60%;
	float: left;
}

.col-logos img{
	margin: 15px 10px;
}

.social-icons .fa{
	color:#fff;
}

.inner-header .fa{
	color:#fff;
}

.top-links .linkbox a{
	background:#436a81;
	color:#fff;
}

.top-links .linkbox a:hover{
	background:#537990;
	color:#fff;
}

.hub-images{
	margin:0 auto;
	display:block;
}
.footer-logo{
	margin: 0px 15px;
}

.footer-logo-601{
	width: 193px;
}

.footer-logo-jll{
	width:130px;
}

.footer-logo-telos{
	width:100px;
	margin: 18px 0px;
}

.hub-images .left{
	float:left;
	text-align:center
}

.logo-hub{
	color:#337AB7;
	font-weight:600;
	font-size:29px;
}
.hub-image{
	width:90%;
	margin-bottom:70px;
	box-shadow: 5px 5px 5px #ccc;
			-moz-box-shadow: 5px 5px 5px #ccc;
			-webkit-box-shadow: 5px 5px 5px #ccc;
			-khtml-box-shadow: 5px 5px 5px #ccc;
	transition: transform .5s;
}

.hub-image:hover{
	 transform: scale(1.1);
}

.footer-hub{
	position:absolute;
}

@media (max-width: 991px) {
	
	
	#map_canvas, #map_results_UI_results_wrapper{
		width:100% !important;
	}
	
.hub-images{
	padding-top:50px;
}

.logo-hub{
	padding-top:30px;
	font-size:21px;
}
}

#filtersubmit {
    position: relative;
    z-index: 1;
    left: -25px;
    top: 1px;
    color: #7B7B7B;
    cursor:pointer;
    width: 0;
}
.header_nav_main .current_section .header_link{
	border-bottom:3px solid #3C3730;
}

.quicklinks .current_page .quicklinks .link:hover{
	color:#EA6752 !important;
}

.footer{
	color:var(--text-clr-white);
	background: rgba(255,255,255, .8);
}

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

ol ol {
    list-style-type: lower-alpha;
}

ol ol ol {
    list-style-type: upper-roman;
}

.search-form{
	position:absolute;
	right:173px;
	background-color:#fff;
	min-width:240px;
	z-index:99;
	padding:15px;
	border:1px solid #eee;
	visibility:hidden;
	opacity:0;
}


.row-top{
	border-bottom:1px solid #ddd;
}

.headshot{
	border-left:1px solid #ddd;
}

.headshot:first-child{
	border-left:none;
}

.container-headshots{
border:1px solid #ddd;	
}
.team-container{
	font-size:14px;
	line-height:21px;
}

.team-container h3{
	font-size:17px;
	line-height:5px;
}

@keyframes fadeInText {
    from {
        opacity:0;
        transform:translateY(30px);
    }
    to {
        opacity:1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity:0;
        transform:translateY(30px);
    }
    to {
        opacity:1;
        transform: translateY(0);
    }
}

@keyframes fadeIn2 {
    from {
        opacity:0;
        transform:translateY(40px);
    }
    to {
        opacity:1;
        transform: translateY(0);
    }
}


.text-animate3{
	animation: fadeInText 1s;
	 -webkit-animation:fadeInText 1s;
}

.text-animate {
	animation: fadeIn 3s;
	 -webkit-animation:fadeIn 3s;
}

.text-animate2{
	animation: fadeIn2 4s;
	 -webkit-animation:fadeIn2 4s;
}



@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}



.team-container a{
	font-size:13px;
}

.team-container .text-center{
	margin-bottom:25px;
}

.team-container img{
	border-radius: 5px;
}

.footer-main{
	border-top:1px solid #7B7B7B;
}
/* GOOGLE SEARCH STYLES */

.hcHead2{
	margin-top:10px;
	border-top:1px solid #eee;
	padding-top:5px;
	font-size:16px;
}

.hcSnippet{
	font-size:13px;
}
.hcFileForm{
	font-weight:600;
	font-size:13px;
	font-style:italic;
}


a.pdf:before{
	content: url('../../images/logos/pdf-icon.png');
}

#txtSearchTerm2{
	width:50%;
	margin-bottom:20px;
}

.hcSnippet br {
  display: none;
}


@media (max-width: 991px) {
	.col-lg-8 h2{
		text-align:center;
	}
	
		.pull-right{
		float:none;
		right:0px;
	}

	#txtSearchTerm2{
		margin-top:50px;
		width:75%;
	}
}

/* END GOOGLE SEARCH STYLES */


.search:hover .search-form{
	visibility:visible;
	margin-top:0px;
	opacity:1;
}


.search-form .form-control{
	padding-top:12px;
	padding-bottom:12px;
	height:44px;
	width:auto;
	float:left;
}

.input-group-btn{
	float:left;
}
.search-form .btn-color{
	background:#337AB7;
}


.flex-caption {
    top:300px;
    color: white;
    font-size: 20px;
    line-height: 20px;
    left:0;
    padding:0 20px;
    position:absolute;
    right:0;
    text-transform: uppercase;
    z-index:1;
}

.flexslider-news .flex-control-nav{
	display:none;
}

.flex-box{
	padding:50px;
	background:white;
}

.link4{
	padding:15px 37px !important;
	border:1px solid #337AB7;
	margin-top:21px;
	margin-right:10px;
	text-decoration:none !important;
	font-size:20px;
	color:#fff !important;
}

.link4:hover{
		background-color:#337AB7;
	color:#fff !important;
		-webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.social li{
	    display: inline-block;
    text-align: center;
    padding:5px;
}

.fa-search{
	color:var(--text-clr-white);
	margin-top: 2px;
	font-size:18px;
}

.overlay-icons{
	position: absolute;
	bottom:119px;
	left:10px;
	z-index: 999;
}

.module-sm2 .overlay-icons{
	bottom: 5px;
    left: 20px;
}

.overlay-icons img{
	margin: 0px 5px;
}

.fa:hover{
	color: var(--primary-clr-h);
}

/* DROPDOWN NAV STYLES */
.inner-nav .sub-menu li a {
	font-family: var(--ff-primary);
    position: relative;
    display: block;
    padding: 7px 20px;
    letter-spacing: .4px;
    font-weight: 500;
    font-size: .8rem;
    color: #293238;
        white-space: initial;
        line-height: initial;
}

.inner-nav .sub-menu,
.inner-nav .mega-menu {
    background-color: #fff;
    position: absolute;
    min-width: 220px;
    left: -20px;
    opacity: 0;
    z-index: 1030;
    visibility: hidden;
    top: 90%;
    text-align: left;
    box-shadow: 0 14px 32px 4px rgba(0, 0, 0, .1);
}


/**/

/* MAIN STYLES */

.header-main .current_section .header_link{
	border-bottom:3px solid #337AB7;
}


.page_text a{
	color:#333333 !important;
	
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	color:var(--primary-clr);
}

h4, .h4, h3, .h3 {
	font-size:25px;
	color: var(--primary-clr);
}

.quicklinks .link{
	color:var(--BackgroundColor);
}

.quicklinks .link:hover, .quicklinks .current_page {
	color:#436a81;
}

.page_text{
	color: var(--primary-clr);
	padding-bottom:30px;
}

/*------------------------------------------------------------------
[Directory Style]
*/

.energyStarBox{
	height:121px;
}

.energyStarBox img{
	width:102px !important;
	float:left !important;
}

.energyValue span{
	font-size:14px !important;
	margin-top:-29px !important;
	float:left;
	margin-left:3px;
}

.energyValue{
	display:table !important;
	font-size:58px !important;
	margin:0 auto !important;
	top:0px !important;
}

@media (max-width: 991px) {
	.footer-logo-telos{
		width: 80px;
    margin: 0px 0px;
	}
	
	.footer .col{
		width:100%;
		min-width: 100%;
		text-align: center;
	}
	.module-sm2 .overlay-icons{
	display: none;
}

.quicklinks .link{
	display: inline-block;
	padding:0px 10px;
}
.overlay-icons{
	bottom:114%;
}
.search {
    position: absolute;
    top: 0px;
    right: 60px;
    z-index: 99;
}
	
	.fa-search{
		margin-top:0px;
	}
	
	.text-right{
		text-align: center !important;
	}
	
	.quicklinks_link{
	position: relative;
    display: block;
    text-transform: uppercase;
    letter-spacing: .6px;
    line-height: 24px;
    font-weight: 600;
    color: #fff !important;
    padding: 8px 0;
    font-size: .8rem;
	}

	
	.quicklinks.border-left{
		padding:0px;
		padding-bottom:20px;
	}
	.header2{
		padding:0px;
	}
	.logo{
		width: 50%;
		position: relative;
		z-index: 999;
	}
	
	.inner-nav .sub-menu,
.inner-nav .mega-menu{
	background:var(--BackgroundColor);
}
	
		    .inner-nav ul > li a,
    .inner-nav .sub-menu li a {
        position: relative;
        display: block;
        text-transform: uppercase;
        letter-spacing: .6px;
        line-height: 24px;
        font-weight: 600;
        font-size: 12px;
        color: #fff !important;
        padding: 8px 0;
    }
    
    .inner-nav .sub-menu li a:hover{
	    background: transparent;
	    opacity:1;
    }
		h4, .h4{
		font-size:23px;
		margin-top:20px;
		border-top:1px solid #eee;
		padding-top:20px;
	}
}

@media (max-width: 991px) {	
	
	.col-logos img{
		margin: 5px 10px;
    width: 8%;
	}
	
	.footer-address{
		margin: 0px;
	}
	.footer col{
		width:100%;
		min-width:100%;
		text-align: center;
	}
		.text-logo{
		display:none;
	}
		.footer-social-icons{
		float:none;
		margin-top: 0px;
		margin-left:0px;
	}
	
	.footer-address{
		float: none;
		padding: 0px;
		font-size: 12px;
		margin: 0px;
	}
}
	
@media (max-width: 767px) {	
	
	.header_nav .link{
		padding:2px 6px;
	}
		.nav-toogle > a{
			top:14px;
		}
		.footer-logo {
			margin-top:0px;
			width: 160px;
			padding-bottom:5px;
		}
	
		.footer-badge {
			max-height: 30px;
		}
	}

	.slide-background {
		position: relative;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100%;
	}
	
	.slide-background::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.3); /* 10% opacity black */
		pointer-events: none;
		z-index: 1;
	}