:root {
	--blue: #386AA3;
	--light-blue: #016D7F;
	--grey: #4c4e51;
	--light-grey: #717171;
	--yellow: #D5D242;
  }
  

body {
	overflow-x: hidden;
	width: 100vw;
}

p, .linkRow p {
	font-size: 14px;
	line-height: 160%;
}

.stat, .blockText h4 {
	font-size: 14px;
	line-height: 130%;
}

.marketNav a {
	font-size: 14px;
	line-height: 200%;
}

.footnote {
	line-height: 100%;	
}

/*h1, h1 p {
	font-size: 12px;
	padding: 10px 0 10px 0;
	line-height: 120%;
}*/

.galleryBtn {
	padding-top: 3px;
}

.banner h1 p, .banner h1 {
	padding: 0;
	margin: 0;
}

#pageLabel {
	width: auto;
	margin: 0 auto;
	position: fixed;
	text-align: right;
	right: 62px;
	top: 30px;
	font-family: "Titillium", sans-serif;
	display: inline-block;
	color: #9C9C9C;
	display: none;
}


.portfolioPage .heading h2, .aboutRow h3, .statHeading {
	font-size: 18px;
}

#termsPopup {
	height: 90px;
}

#termsPopup h3 {
	font-size: 18px;
	font-weight: normal;
}

#termsPopup p {
	font-size: 13px;
}

#closeX {
	float: left;
	width: 30px;
	height: auto;
	margin: 7px 14px 30px 0;
}


.banner .text h1 p {
	font-size: 18px;
}

h2, h2 p, .banner.smBanner .text h1 p, .smBanner h1, .portfolioPage h3, .portfolioPage h3 p, .portfolioPage h3.teamHeading, .heading h2{
	font-size: 24px;
	line-height: 120%;
}

.statHeading {
	letter-spacing: -1px;
	font-size: 22px;
}

.marketBlock h2 {
font-size: 18px;
}
.bio h3, .bio h3 p {
	font-size: 20px;
	margin: 0 0 5px 0;
	line-height: 120%;
}

.contactPopUp h2 {
	font-size: 32px;
}

.bio {
	padding-bottom: 0;
}

.bio p {
	font-size: 14px;
line-height: 140%;
}

h3, h3 p {
	font-size: 16px;
}

h4, h4 p {
	font-size: 13px;
}

.nodes p {
	font-size: 13px;
}

.rowHeading h3 {
	font-size: 13px;
}

.pageBackground {
	height: 100vh;
}


.pageCenter {
	width: 88%;	
	padding: 0 6% 0 6%;
}

.content {
width: 100%;
float: left;
margin: 0 0 0 0;
padding: 20px 0 40px 0;
position: relative;
/*z-index: 2;*/
}
ul.menuList {
	margin: 0;
}

ul.menuList li {
	margin: 0 10px 0 0;
}

.pageRow.firstRow {
/* border-top: 2px solid #C3C3C3;
padding: 5px 0 0 0;
margin: 20px 0 20px 0;	 */
}

.pageRow {
	padding: 5px 0 20px 0;
margin: 20px 0 20px 0;	
}

.pageRow.linkRow {
	padding-top: 0;
}

.pageRow.aboutRow {
	padding: 5px 0 20px 0;
	margin: 30px 0 0px 0;
}

.positionRow.firstRow {
	padding-top: 0px;
}

.aboutRow img {
	padding-top: 5px;
}

.rows.opportunityPage {
	padding-top: 50px;
}

.iconRow {
padding: 20px 0 20px 0;
}

.row .lineBreakWrap {
	padding: 20px 0 20px 0;
}

.homeBanner .arrow {
	max-width: 40px;
	top: -17px;
	position: relative;
	/*display: none;*/
}

.banner {
	margin-top: 70px;
}

/*.banner .text h2 p {
	font-size: 14px;
}*/

.lineBreak {
	max-width: 100%;
	padding: 10px 0 10px 0;
}

.textRow h2 {
	padding: 10px 0 20px 0;
}

.block h3 {
	font-size: 16px;
	padding: 5px 0 5px 0;
}

.block p {
	font-size: 13px;
	line-height: 120%;
}

.credit p {
	font-size: 11px;
	line-height: 140%;
}



#logo {
	top: 5px;
}

#top .pageCenter {
	width: 100%;
	padding: 0;
}



#top, .menuWrap.active #top.active {
	height: 70px;
}

#top .btn {
	top: 25px;
}

.menuWrap.active #top.active .btn {
	top: 25px;
}

#logo svg, #logo img, .menuWrap.active #top.active #logo svg {
	height: 55px;
}

.icon {
	width: 25%;
	padding: 0 30% 20% 30%;
	clear: left;
}

.homeIcon.icon {
	width: 90%;
	padding: 0px 5% 40px 5%;
}

.homeIcon.icon svg {
	width: 100%;
	height: auto;
	padding: 20px 0 0px 0;
}

.iconRow h3{
	width: 100%;
}

.menuWrap.active {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
}

.menuWrap.active #top .pageCenter {
	border-bottom: none;
}

.menuWrap.active {
	background: rgba(255,255,255,0.95);
}


#menuChoice {
	float: left;
	position: relative;
	top: 80px;
	padding: 0;
	width: 88%;
	padding: 0 6% 0 6%;
	height: auto;
	z-index: 2;
	text-align: center;
	cursor: pointer;
	display: none;
}

.menuWrap.active  #menuChoice{
	display: inline-block;
}

#menuChoice .navBtn, #menuChoice .navBtnBar {
	float: none;
	display: inline-block;
}

.navArrow {
	display: block;
	float: right;
	position: relative;
	right: 0;
	margin-right: 0;
	-webkit-transition: all 0.2s ease;
    -moz-transition:    all 0.2s ease;
    -o-transition:      all 0.2s ease;
    -ms-transition:     all 0.2s ease;
    transition:         all 0.2s ease;
}

.menuNav .menuHeading.on .navArrow  {
	right: 100%;
	margin-right: 10px;
}


#menuChoice .navBtn {
font-size: 18px;
margin: 0 10px 0 10px;
}

#menuChoice .navBtnBar {
height: 30px;
margin: 0 10px 0 10px;
}

 #menuChoice .navBtnBar {
 	top: 10px;
 }



.menuWrap.active .menuNav {
	float: left;
	/*width: 80%;*/
	/*position: relative;*/
	top: 100px;
	padding: 0;
	width: 88%;
	padding: 0 6% 0 6%;
	/*padding: 0 10% 0 10%;*/
	
	height: 0;
	z-index: 2;
}

#menuInvestor.menuNav .column .menuHeading , #menu.menuNav .column .menuHeading {
	max-width: 100%;
	width: 100%;
	float: left;
	display: block;
    justify-content: right;
    align-items: center;
    height: auto;

}

.menuWrap.active .menuNav.on {
	height: auto;
}

.menuWrap.active .menuBorderSVG {
	width: 88% !important;
	left: 6% !important;
}

.menuNav {
	height: 0;
}

.menuNav .pageCenter {
	width: 100%;
	padding: 0;
}

.menuNav ul {
	width: 100%;
	float: left;
}

.menuNav ul li, .menuNav ul li ul {
	float: left;
	width: 100%;
}

#menu .column .menuHeading, #menuInvestor .column .menuHeading {
	padding-top: 20px;
	font-size: 18px;

}

#menuInvestor.menuNav .column .menuHeading {
	padding-top: 20px;
}


/*#menu a {
	padding: 0 0 22px 0;
	font-size: 30px;
	width: 100%;
	text-align: center;

}*/


#menu.menuNav .pageCenter , #menuInvestor.menuNav .pageCenter {
	border-top: 1px solid var(--light-grey);
}
#menu.menuNav ul, #menuInvestor.menuNav ul {
	width: 100%;
	float:left;
}

#menu.menuNav ul li.column, #menuInvestor.menuNav ul li.column {
	width: 96%;
	float:left;
	padding: 0 2% 0 2%;
	border-bottom: 1px solid var(--light-grey);
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease;
    -moz-transition:    opacity 0.2s ease;
    -o-transition:      opacity 0.2s ease;
    -ms-transition:     opacity 0.2s ease;
    transition:         opacity 0.2s ease;
    opacity: 1;
}

#menu.menuNav ul li.column.off, #menuInvestor.menuNav ul li.column.off {
	opacity: 0;
	height: 0;
}
#menu.menuNav ul li.column.on, #menuInvestor.menuNav ul li.column.on {
	border-bottom: none;	
}


#menu.menuNav ul.menuSubNav, #menuInvestor.menuNav ul.menuSubNav {
	display: none;
	width: 100%;
}



#menuBtn {
	width: auto;
	right: 10px;
}


.closeMenu {
	/*color: #E6D333;
	font-size: 17px;
	padding-top: 34px;
	top: 510px;
	left: calc(50% - 70px);
	z-index: 4;
	width: 140px;
	margin: 0 auto;
	cursor: pointer;
	display: none;*/
}


#bottom .column {
	display: none;
}

#bottom {
	margin: 10px 0 0 0;
padding: 5px 0 30px 0;
}

#bottom .terms {
	margin: 10px 0 0 0;
	padding: 10px 6% 0px 5%;
	border-top: none;

	width: 88%;
}

#bottom .links {
	max-width: 96%;
}

#bottom .links a {
	font-size: 12px;
	padding: 0 5px 20px 5px;
}

#bottom a, .terms p {
	font-size: 14px;
	padding: 0 5px 10px 0;
}

.footerLogo {
	width: 100px;
	height: auto;
	float: left;
	margin: -5px 0 25px 0;
}



.lineBreak, .flagBreak {
padding: 30px 0 20px 0;
}

.rows {
margin: 20px 0 0 0;
}

.map img {
	width: 100%;
	left: 0;
}

.mapBtns {
padding: 20px 0 20px 0;
height: 30px; 
width: 100%;
}

.mapBtn {
display: block;
/*color: #7095B2;*/
padding: 0 0 0px 0;
margin: 0 0 0 25%;
font-weight: 900;
float: left;
width: 50%;
text-align: center;
color: #243C4F;
opacity: 0;
position: absolute;
left: 0;
}

.mapBtn.active {
	/*display: block;*/
	opacity: 1;
}

.contact {
width: 100%;
float: left;
height: auto;
margin: 0 0 40px 0;
}

.tenantIcons .icon {
width: 100%;
margin: 0 auto 0 auto;
padding: 5% 0 0 0;
cursor: pointer;
} 

.tenantIcons .icon img {
	width: 25%;
}

ul.buttons {
	width: 100%;
}

ul.buttons li {
	padding: 0 5px 0 5px;
}

ul.buttons li {
	/*float: left;*/
}

.button {
font-size: 14px;
/*float: left;*/
padding: 5px 20px 5px 20px;
}

.highlight {
	width: 20px;
}

.baseStack {
	width: 100%;
}

.baseStack img.pointIcon {
	width: 25px;
}

.highlight h3{
	display: none;
}

.highlight {
	display: none;
}

.floorNumber {
	padding: 5px;
font-size: 12px;
margin: 5px 0 5px 0;
}

.floorText {
	display: none;
}

.logo {
margin: 0 auto;
width: 100%;
display: inline-block;
padding: 20px 0 20px 0;
}
.iconRow .lineBreakWrap {
margin: 20px 0 0px 0;
}

.timeline {
	/*overflow-x: hidden;*/
}

.timeline .lineBreak {
padding: 30px 0 60px 0;
}

.flag-line {
	height: 18px;
	width: auto;
	float: left;
}

.flag-line.flag-right {
	float: right;
}

.maps ul, .maps ul li {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	float: left;
	width: auto;	
}

.maps ul li {
	width: 100%;
	height: auto;
	float: left;	
}

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

.pageimage {
	width: calc(50% - 30px);
	margin: 20px 10px 0 10px;
	padding: 0;
	/*padding: 0;/*/
}


.floorLine {
top: 22px;
position: absolute;
width: 380px;
left: -330px;
z-index: 99999;
}

.flex-direction-nav {
	/*opacity: 0;*/
}



.tenantIcons .icon h3 {
	height: auto;
	margin: 0 0 40px 0;
}

.terms a, .terms p {
	font-size: 13px;

}


.popUp {
width: calc(100% - 40px);
max-width: calc(96% - 40px);
margin: 0 auto;
display: inline-block;
box-shadow: 4px 4px 37px rgba(0,0,0,0.5);
background: #fff;
padding: 20px;
/* position: fixed; */
top: 0;
left: 2%;
}


.popUp.contactPopUp {
width: calc(100% - 60px);
max-width: calc(96% - 60px);
padding: 20px 30px;
left: 2%;

}

.textBlock {
	max-width: 100%;
}


p.cw {
	width: 100%;
	padding: 10px 0 10px 0;
	float: left;
}
.popUp p.caption {
	font-size: 14px;
}

.popUp.contactPopUp .popUpBuilding {
	margin-right: 10px;
}

.blockRow {
    margin-bottom: -100px;
} 


.content.white {
	padding-bottom: 180px;
}


#category1 .pointIcon {
	display: none;
}

.contactPopUp .contact {
width: 100%;
text-align: center;
padding-top: 10%;
}

.popUp p {
	font-size: 16px;
}

.formList {
	height: 480px;
	overflow-y: scroll;
}

.tabBtns {
	padding-top: 30px;
}

.tabBtn {
	font-size: 16px;
}

.popUp.active .popUpFloor.active img {
	max-width: 100%;
	/*height: auto;*/
	padding-left: 0%;
	position: relative;
	height: 500px;
	overflow-y: scroll;
	/*left: 5%;*/
}

.careersText {
	padding-top: 20px !important;
}

.popUp .floorCaption p {
	line-height: 120%;
	padding-top: 20px;
}

.scrollArrow {
	top: -12px;
	padding-top: 0;
	display: block;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.portfolioPage .scrollArrow {
	top: 0;
}


.slideArrow.prev {
	left: 2%;
}

/*.tableHead {
	display: none;
}

.position .col40, .position .col30, .position .col30 {
	width: 100%;
	margin: 0 0 0px 0;
	padding: 0;
}

.position .col40 p, .position .col30 p, .position .col30 p {
	padding: 0 0 10px 0;
	margin: 0;
}*/

.position .col40, .tableHead .col40 {
	width: 34%;
	margin: 0 0 0px 0;
	padding: 0;
}

.position .col30, .tableHead .col30 {
	width: 33%;
	margin: 0 0 0px 0;
	padding: 0;
}

.slideArrow.next {
	left: 90%;
}


.slideArrow {
	position: fixed;
	top: calc(50% - 25px);
	left: 25%;
	height: 50px;
	width: auto;
	z-index: 3;
}

.credit {
	width: 100%;
	margin: auto;
}


.popUp .caption p {
	font-size: 16px;
	margin: 0px 0 10px 0;
}

.rowLink a.button {
	margin: 0 0px 20px 0px;
}


.subNav ul li {
	font-size: 14px;
	padding: 20px 10px 20px 10px;
}

.linkBtn {
	padding: 10px 20px;
	font-size: 16px;
}

.linkRow p {
	padding: 20px 10px 0 10px;
	font-size: 14px;
}

/* .bio, .bio.third {
margin: 0 auto;
display: block;
float: left;
padding: 20px 4% 40px 0;
width: 48%;
text-align: left;
} */
/* 
.bioText {
	height: 100px;
}

.bio.second {
margin: 0 auto;
display: block;
float: left;
padding: 20px 0 40px 0;
width: 48%;
text-align: left;
} */

.bioPage .heading {
	width: 61%;
}

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

.bioPage .col61 {
	width: 100%;
	margin: 40px 0 0 0;
}

.bioPage .subNav {
	margin: 55px 0 0 0;
}

.board-of-directors .bio {
	padding-bottom: 40px;
}

.pageRow img.statLogo {
	height: 40px;
	margin:6px 10px 0px 0;
}

.statContent {
float: left;
width: calc(100% - 55px);
}

.portfolioPage .heading {
	margin: 0 0 20px 0;
	/*margin: 15px 0 30px 0;*/
}


.block, .block.third {
	width: 46%;
	margin: 4% 6% 4% 0;
}

.block.second {
	margin: 4% 0 4% 0;
}

.infoWrap {
	height:50px; width:50px;
}

.barChart text {
  font-size: 14px;
}

.barChart .label {
  font-size: 14px;
  overflow-wrap: break-word;
}

.block50  {
	text-align: center;
	padding-bottom: 40px;
}

.certification.block50 img {
	height: 100%;
	max-height: 100px;
	width: auto;
	margin: 0 auto;
}

.block25, .block25.fourth {
	width: 48%;
	padding-right: 0;
	margin: 0 4% 4% 0;
}

.block25.second {
	margin: 0 0 4% 0;
}

.certification .linkBtn {
	float: none;
	clear: left;
	display: inline-block;
}

.teamContact h4, .news h3.smHeading {
	font-size: 18px;
}

.teamContact h4 {
	line-height: 120%;
}

.smHeading {
	font-size: 14px;
}

.halfTeam, .fullTeam {
	width: 100%;
	margin: 0px 0 20px 0;
	height: auto;
}

.teamContact{
	width: 100%;
	margin: 0px 0 20px 0;
	height: auto;
}

.chartBlock {
	padding-left: 0;
}

.block.chartBlock {
	margin: 4% 0 0 0;
	width: calc(48% - 2px);
}

.chartLabel {
	float: left;
margin: 0px 0 0 10%;
width: 90%;
font-family: "Titillium", sans-serif;
}

svg.simpleDonut {
		margin: 0px 0 -20px -20px;
  height: 200px;
  pointer-events: none;
  position: relative;
  width: 200px;
  transform:scale(1);
  -webkit-transform:scale(1);
  float: left;
}



.labels text {
	font-family: "Titillium", sans-serif;
	fill: #828282;
	font-size: 12px;
}

.labels text tspan.chartHeading {
	fill: #116581;
	font-size: 10px;
	font-weight: 700;
	font-family: "Titillium", sans-serif;

}

#chart.summaryChart {
	height: 400px;
	top: -40px;
	left: -10px;
	width: 100%;
	position: relative;
}

#chart.summaryChart svg{
	position: relative;
}
/*
#chart.summaryChart svg {
	width: 50%;
	height: 50%
}*/

.column a.socialIcon {
	float: left;
	padding: 10px 15px 0 0;
}

.statText {
	height: 40px;
}

.stat.col33 {
	width: 100%;
	padding: 10px 0 0px 0;
}

.stat.borderBottom {
	padding-bottom: 0px;
}

.stat.marketBorderBottom {
	border-bottom: 2px solid #c3c3c3;
}

.stats.row {
	margin-top: 20px;
}

.backBtn {
margin-top: -45px;
margin-bottom: 10px;
} 

.linkBtn.fund {
	margin-top: 20px;
}

.row.reportRow, .row.reportRow.reportRowSm {
	width: 100%;
}

.reportRow .block50 {
	padding-bottom: 0;
	width: 50%;
}




#partnerAward {
	padding-top: 0px;
	float: left;
	width: 100%;

}


#partnerAward .col50 {
	float: left;
	width: 100%;
}

#partnerAward .col50.textCol {
	margin-left: 0px;
	margin-top: 20px;
	float: left;
	width: calc(100% - 0px);
}

figure table td, figure.table table td {
	width: 100% !important; 
	float: left;
	padding: 0;
	margin: 0;
}

#resp2 figure table td {
	width: 50% !important;
	margin: 0 0 20px 0;
}
#resp2 figure table td img {
	width: 80%;
}

#resp2 figure.image {
	text-align: center;
}

.col50#propertyIntro {
	width: 100%;
	padding: 0;
}

.col50.vtsVideo {
	width: 100%;
}
.devImage {
	width: 100% !important;
	height: auto;
	margin-bottom: 20px;
}

.devText {
	width: 100% !important;
	margin-left: 0 !important;
}

.pageRow.devBuildingRow {
	padding-top: 0 !important;
}

.col50.stat {
	width: 100%;
}

.vtsVideoBlock .linkBtn {
	width: calc(98% - 40px) !important;
	padding: 10px 20px !important;
	margin: 15px 0 0 0 !important

}

.pageRow ul {

	clear: left;
}

.featured {
	flex-direction: column;
}
.featured img {
	width: 100%;
}

.featuredText {
	padding: 20px;
	width: calc(100%-40px)
}

.featuredRow h3 {
	font-size: 24px;
}
.grid3 {
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.newsBlock h3 {
	font-size: 20px;
}

.blueRow .grid3 {
	grid-template-columns: 1fr;
	gap: 30px;
}

.newsColumn {
	/* margin: 0 0 30px 0; */
	padding: 0 0 30px 0;
	border: none;
	border-bottom: 0.5px solid #386AA2;
}

.marketRow, .teamRow {
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.contactForm form {
	display: flex;
	flex-direction: column;
}

#field6 textarea {
	width: calc(100% - 20px)
}

.formGrid.heading {
	display: none;
}

.mobileHeading, .formGrid {
	display: flex;
	flex-direction: column;
	border: none;
	padding: 15px 0;
}

.mobileHeading span {
	font-weight: 700;
}

.formRowMobile {
    display: grid;
   grid-template-columns: 0.5fr 1fr;
    width: 100%;
    float: left;
	border-bottom: 0.5px solid #386AA2;
}

.formRowMobile.first {
	margin-top: 30px;
}

.marketFilters {
	flex-direction: column;
	gap: 15px;
	border: 0.5px solid #386AA2;
	padding: 15px;
	width: calc(100% - 30px);
	height: 30px;
	overflow: hidden;
}

.marketFilters.on {
	height: 100%;
	transition: all 0.3s ease;

}

.downArrow {
	width: 88%;
	position: absolute;
	right: 6%;
}

.on .downArrow {
	width: 40px;
}

.marketFilter {
	display: none;
}


.marketFilters.on .downArrow img{
	transform: scale(-1, -1);
	margin-top: 0px;
}

.downArrow img {
	width: 30px;
	height: auto;
	float: right;
	margin-right: 20px;
	transition: all 0.3s ease;
	margin-top: -5px;
}

.marketFilter {
	display: none;
}

.on .marketFilter, .marketFilter.on {
	display: block;
}

input.linkBtn {
	max-width: 100%;
}

.newsColumns {
	display: grid;
	grid-template-columns: 1fr;
	gap: 50px;

}

@media screen and (orientation:landscape) and (max-width: 767px){

	.menuWrap.active {
		height: 100vh;
	}

	.menuWrap.active #menu {
		height: 70vh;
		overflow-y: scroll;
	}

	}