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

::-webkit-scrollbar {
	display: none;
}

@font-face {
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 200;
  src: url('/static/fonts/Titillium_Web/TitilliumWeb-Light.ttf') format('woff');
}

@font-face {
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 400;
  src: url('/static/fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('woff');
}

@font-face {
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 600;
  src: url('/static/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf') format('woff');
}

@font-face {
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 700;
  src: url('/static/fonts/Titillium_Web/TitilliumWeb-Bold.ttf') format('woff');
}

/* General */

body {
	background: #F8F8F8;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	font-family: 'Titillium';
	font-style: normal;
	font-weight: 400;
	color: #4c4e51;
	font-size: 16px;
	font-weight: 400;
	line-height: 160%;
}

body.loading {
	/*background: #243C4F;*/
}

.full.alignLeft {
	text-align: left;
}

#page {
	opacity: 0;
	-webkit-transition: opacity 0.24s ease;
    -moz-transition:    opacity 0.24s ease;
    -o-transition:      opacity 0.24s ease;
    -ms-transition:     opacity 0.24s ease;
    transition:         opacity 0.24s ease;
}

#page.show {
	opacity: 1;
}

.full {
	float: left;
	width: 100%;
	text-align: center;
}

.pageCenter {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 100px 0 100px;
}

.left {
	float: left;
}

.right {
	float: right;
}


.row {
	float: left;
	width: 100%;
	text-align: left;
	margin: 20px 0 0 0;
}

.borderTop {
	border-top: 2px solid #ddd;
	margin-top: 10px;
}


a, a:visited, a.smHeading {
	color: var(--blue);
	
	text-decoration: none;
}

a:hover {
	color: #4c4e51;
}

a:focus {
	text-decoration: underline;
}


#bottom a:hover {
color: var(--yellow);
}

a.contactBtn {
	color: #fff;
}



p {
	color: #4c4e51;
	font-size: 16px;
	margin: 0 0 16px 0;
	padding: 0;
	font-weight: 400;
	line-height: 160%;

}

h1, h1 p {
	font-family: "Titillium", sans-serif;
	font-size: 24px;
	margin: 0;
	padding: 20px 0 0px 0;
	font-weight: 400;
	line-height: 100%;
	color: #4c4e51;
}

h2, h2 p {
	/*color: #fff;*/
	/*color: #243C4F;*/
	/* color: #4c4e51; */
	color:  var(--blue);
	font-family: "Titillium", sans-serif;
	font-size: 32px;
	margin: 0;
	padding: 0;
	font-weight: 200;
	line-height: 110%;
}

.heading h1, .heading h1 p {
	color:  var(--blue);
	font-family: "Titillium", sans-serif;
	font-size: 32px;
	margin: 0;
	padding: 0;
	font-weight: 200;
	line-height: 110%;
}

.aboutRow h3.stat {
	font-size: 72px;
	line-height: 120%;
}

.smBanner h1 p, .smBanner h1{
	color: #fff;
	font-family: "Titillium", sans-serif;
	font-size: 44px;
	margin: 0;
	padding: 0;
	font-weight: 200;
	line-height: 120%;
}

.banner h2, .banner h2 p, .banner h1 p {
	color: #fff;
}

h3, h3 p, .menuHeading {
	font-family: "Titillium", sans-serif;
	font-size: 36px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color:  var(--blue);
}

.pageRow h3 {
	float: left;
	width: 100%;
	line-height: 140%;
}


h4, h4 p {
	font-size: 28px;
	/*color: #A34F2A;*/
	font-weight: 900;
	margin: 0;
	padding: 0;
	line-height: 200%;
}

.chartRow h4 {
	font-family: "Titillium", sans-serif;
	font-size: 20px;
	font-weight: 900;
	margin: 0 0 40px 0;
	padding: 0;
	color: #393939;
}

.row.chartRow {
	/*padding-top: 20px;*/
}

.column h3, .portfolioPage .column h3, .menuHeading {
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	color: var(--blue);
	margin: 0 0 10px 0;
}

p.blue {
	color: var(--light-blue);
}

.portfolioPage h3.blue {
	color: var(--blue);
}

.portfolioPage .mapRow p {
	font-family: "Titillium", sans-serif;
    color: var(--grey);
}

p.blue a {
	color: var(--light-blue);
	text-decoration: underline;
}

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

.cta {
	font-family: "Titillium", sans-serif;
	color: #929292;
}

.tableHead strong {
	font-family: "Titillium", sans-serif;
}

.borderBottom {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #C3C3C3;
}

/* Base */

#top {
	position: fixed;
	top: 0;	
	color: #fff;
	background-color: #fff;
	font-weight: 900;
	width: 100%;
	text-align: center;
	padding: 0 0 5px 0;
	z-index: 3;
	height: 78px;
	-webkit-transition: all 0.24s ease;
    -moz-transition:    all 0.24s ease;
    -o-transition:      all 0.24s ease;
    -ms-transition:     all 0.24s ease;
    transition:         all 0.24s ease;
}

.menuWrap.active #top .pageCenter{
	display: inline-block;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
}

.menuWrap.active #top.active  {
	box-shadow: none;
	height: 170px;
	background: none;
}

#pageLabel {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	text-align: center;
	left: 0;
	top: 30px;
	font-family: "Titillium", sans-serif;
	display: inline-block;
	color: #717171;
}

#top .btn {
	top: 26px;
	position: relative;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: all 0.4s ease;
}

#top.active .btn {
	top: 20px;
}

.navBtn {
	float: right;
	font-family: "Titillium", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--blue);
    margin: 0 0 0 15px;
}

.menuWrap.active .navBtn {
	color: var(--light-grey);
}

.menuWrap.active .navBtn.on {
	color: var(--blue);
}

.navBtnBar {
	/*top: -18px;*/
	float: right;
	position: relative;
	font-weight: 100;
	height: 40px;
	top: -3px;
	width: 1px;
	border-right: 1px solid rgb(207,207,207);
	margin: 0 0 0 18px;
}

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

.navArrow {
	display: none;
}

.menuWrap {
	position: fixed;
	top: 0;
	z-index: 10;
	-webkit-transition: background 0.24s ease;
    -moz-transition:    background 0.24s ease;
    -o-transition:      background 0.24s ease;
    -ms-transition:     background 0.24s ease;
    transition:         background 0.24s ease;
}

.menuWrap path {
	-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;
}

#menuBtn {
	/*width: 220px;*/
	right: 0;
	font-size: 17px;
	color: black;
	float: right;
	position: relative;
	top: 25px;
	cursor: pointer;
}

#menuBtn svg {
	float: right;
}


.contactBtn {
	font-size: 17px;
}

#icons {
	width: 200px;
	right: 7%;
	text-align: right;
}

#icons img {
	padding-left: 10px;
}

.menuNav {
	opacity: 0;
	height: 0;
	overflow: hidden;
	top: 0;
	z-index: -1;
	background-color: none;
}

.menuNav .column h3, .menuHeading {
	line-height: 100%;
	margin-bottom: 20px;

}


#menuInvestor.menuNav .column h3, #menu.menuNav .column h, .menuHeading {
	max-width: 150px;
	height: 40px;
	display: flex;
    justify-content: left;
    align-items: flex-end;

}

.menuNav ul {
	/*max-width: 800px;*/
	margin: 0 auto;
}

.menuNav ul, .menuNav ul li {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	float: left;
	width: 100%;
}

#menu.menuNav ul {
	width: auto;
	float: none;
	display: inline-block;
}

.menuNav ul li.column {
	width: 20%;
	float: left;
	display: inline-block;
	text-align: left;
}

#menu.menuNav ul li.column { 
	width: 21%;
	padding: 0 2% 0 2%;
}

.menuWrap.active {
	background: #fff;
	width: 100%;
	height: 400px;
	/*height: 620px;*/
	/*box-shadow: 4px 3px 6px rgba(0,0,0,0.16);*/
	/*overflow: auto;*/
}

.menuNav {
	opacity: 0;
}


.menuNav.on {
	float: left;
	width: 100%;
	position: relative;
	top: 110px;
	padding: 0;
	opacity: 1;
	height: auto;
	z-index: 3;
	overflow: visible;
}

.menuWrap.active .top {
	height: auto;
}	

.menuWrap.active .menuBox  {
	opacity: 1;
	position: fixed;
}

.menuNav a {
	display: inline-block;
	font-weight: 400;
	color: #717171;
	z-index: 4;
	position: relative;
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

.menuNav a:hover {
	/*color: rgba(255,255,255,0.8);*/
	color: var(--blue);
}

.menuBox {
	width: 100%;
	margin: 0 auto;
	height: auto;
	position: relative;
	top: 60px;
	left: 0;
	opacity: 0;
}


.menuBorderSVG {
	position: fixed;
	top: 60px;
	left: 2%;
	z-index: -1;
	opacity: 0;
	height: 0;
}


ul.menuList, ul.menuList li {
	list-style: none;
	margin: 0 30px 0 0;
	padding: 0;
	float: left;
	font-family: "Titillium", sans-serif;
	font-weight: 500;
	
} 

 ul.menuList li a {
 	color: var(--light-grey);
 	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
    font-weight: 600;
 }

 ul.menuList li.active a,  ul.menuList li a:hover {
 	color: var(--grey);
 }

.marketNav a{
	font-size: 20px;
}

.closeMenu {
	color: #9C9C9C;
	font-size: 15px;
	font-family: "Titillium", sans-serif;
	float: right;
	font-weight: 700;
	z-index: 4;
	/*width: 140px;*/
	margin: 0 auto;
	cursor: pointer;
	display: none;
	padding: 8px 18px 0 0;
}

.menuWrap.active .closeMenu {
	display: block;
}


#logo {
	position: relative;
	top: 6px;
	left: 0;
	float: left;
	/*width: 92%;*/
	z-index: 1;
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

#logo img{
	height: 60px;
	width: auto;
	-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;
}


#top.active #logo {
	top: -30px;
}

#top.active #logo svg {
	height: 80px;
}

.menuWrap.active #top.active #logo {
	top: 10px;
}




.content {
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	z-index: 4;
	background: #F8F8F8;
}

.white {
	background-color: #fff;
	-moz-box-shadow: 0px 60px 60px rgba(255,255,255,.5);
	-webkit-box-shadow: 0px 60px 60px rgba(255,255,255,.5);
	box-shadow: 0px 60px 60px rgba(255,255,255,1);
}

.content.white {
	padding-bottom: 0;
}

.pageBackground {
	width: 100%;
	float: left;
	background-color: #fff;
	z-index: 1;
	left: 0;
	position: fixed;
	/*background-image: url('/static/img/backgroundBuilding.png');
	background-size: cover;*/
}

#pageBackgroundImg {
	width: 100%;
	/*float: left;*/
	height: auto;
	z-index: 1;
	/*background-color: red;*/
	
	/*top: ;*/
}

.scrollArrow {
	padding-top: 40px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: none;
}

.backBtn {
	position: relative;
	z-index: 3;
}

#bottom {
	text-align: center;	
	margin: 80px 0 0 0;
	padding: 40px 0 40px 0;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	background: #016D7F;
}

#bottom .column {
	width: 20%;
	margin: 0 auto;
	/*float: left;*/
	float: none;
	text-align: left;
	display: inline-block;
}

.column a {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

#bottom h3{
	font-weight: 200;
	font-size: 20px;
	color: #fff;
	font-family: 'Titillium';
	margin: 0 0 10px 0;
}

#bottom .links {
	/*max-width: 520px;*/
	margin: 0 auto;
	position: relative;
	z-index: 2;

}

#bottom a {
	/*padding: 0 15px 25px 15px;*/
	display: inline-block;
	/*font-weight: 700;*/
	font-size: 16px;
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

.footerLogo {
	float: right;
}

.socialIcon {
	float: left;
	width: 100%;
	max-width: 20px;
	height: auto;
	padding: 5px 10px 0 0;
	margin: 0 0 0px 0;
}

.socialIcon img{

	width: 100%;
	height: auto;
}

.footerLogo {
/*	width: 100%;
	max-width: 90%;*/
/*	height: auto;
	margin: 0 auto;
	padding: 30px 0 30px 0;*/
	height: 70px;
    width: auto;
}

.terms {
	border-top: 1px solid rgba(255,255,255,0.8);
	padding: 20px 0 0 0;
	margin: 60px 0 0 0;
	text-align: left;
	width: 100%;
}

.terms a, .terms p{
	font-size: 16px;
	color: #fff;
	margin: 0 auto;
	display: inline-block;
	padding: 0 10px;
	/*font-weight: 500;*/
	/*font-family: "Lato", sans-serif;*/
}

.terms a:first-of-type {
	padding-left: 0;
}

.terms p {
	padding: 20px 10px 0 0;
}

#spinner {
	position: fixed;
	top: 35%;
	margin: 0 auto;
	left: calc(50% - 60px);
	z-index: 999999;
	display: none;
}

@keyframes spinner {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.spin .spinCircle{
	animation: spinner;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

.linkBtn {
	float: left;
	margin: 30px 0 0 0;
	border-radius: 4px;
	/*border: 4px solid #D5D431;*/
	border: 4px solid #e8e8e8;
	/*background: rgba(255,255,255,0.95);*/
	color: var(--grey);
	background: #e8e8e8;
	padding: 10px 20px;
	font-weight: 600;
	font-size: 16px;
	font-family: "Titillium", sans-serif;
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

.linkBtn:visited {
	color: var(--grey);
}

.linkBtn:hover {
	color: #fff;
	border: 4px solid #b7b7b7;
	background: #b7b7b7;
}

.linkBtn.fund {
	margin: 0;
	background: var(--blue);
	color: #fff;
	border: 4px solid var(--blue);
}

.linkBtn.fund:hover {
	color: #fff;
/*	border: 4px solid #b7b7b7;
	background: #b7b7b7;*/
}

.subNav {
	background: #EFEFEF;
}

.subNav ul {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

.subNav ul li {
	list-style: none;
	margin: 0 auto;
	padding: 20px 15px 20px 15px;
	display: inline-block;
	font-family: "Titillium", sans-serif;
	color: #aEaEaE;
	font-weight: 600;
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
    font-size: 16px;
}

.subNav ul li a {
	color: #6a6a6a;
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

.subNav ul li.active a, .subNav ul li:hover a{
	color: #000;
}


/* Common Content */

.backgroundColor0 {
	background: rgb(56, 106, 163);
	/* background: var(--blue); */
}
.backgroundColor1 {
	/* background: rgb(0, 166, 156); */
	background: rgb(1, 109, 127);
}
.backgroundColor2 {
	/* background: rgb(41, 168, 224); */
	background: rgb(0, 128, 101);
}
.backgroundColor3 {
	/* background: rgb(64, 168, 71); */
	background: rgb(38, 128, 146);
}

.backgroundColorAlpha0 {
	background: rgba(56, 106, 163, 0.76);
	backdrop-filter: blur(20px);
}
.backgroundColorAlpha1 {
	background: rgba(1, 109, 127, 0.76);
	backdrop-filter: blur(20px);
}
.backgroundColorAlpha2 {
	background: rgba(0, 128, 101, 0.76);
	backdrop-filter: blur(20px);
}
.backgroundColorAlpha3 {
	background: rgba(38, 128, 146, 0.76);
	backdrop-filter: blur(20px);
}

.pageRow {
	padding: 30px 0 0 0;
	margin: 30px 0 0 0;

	text-align: left;
}


.border .heading{
	border-top: 1px solid var(--grey);
	padding-top: 20px;
}

.whiteRow {
	background: #fff;
}

.pageRow.buildingRow {
	margin-top: 35px;
}

.pageRow.firstRow {
	border-top: none;
	padding: 60px 0 60px 0;
	margin: 0 0 0 0;
}
.heading {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

.homeBanner .bannerImage, .illustration {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
}

.homeBanner .illustration {
	z-index: 5;
	float: left;
	width: 100%;
	height: auto;
	-webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
    opacity: 0;
}

.homeBanner h2, .homeBanner h2 p, .banner h1 p {
	font-size: 45px;
}

.captionBlock h2 p {
	font-size: 45px;
	font-weight: 400;
}

.captionBlock h3 p {
	font-size: 38px;
	color: #fff;
	font-weight: 400;
}

.captionBlock a {
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
}

/* Banner Animation */

.bannerOverlay {
	position: absolute;
	width: 100%;
	height: 700px;
	left: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: background 2s ease;
    -moz-transition:    background 2s ease;
    -o-transition:      background 2s ease;
    -ms-transition:     background 2s ease;
    transition:         background 2s ease;
}



.banner .text.active {
	opacity: 1;
}


.banner.step1 .bannerOverlay {
	background: rgba(0,0,0,0.2);
}


.banner.step1 img.bannerImage {
	filter: grayscale(100%);
}

.banner.step2 img.bannerImage {
	filter: grayscale(0%);
}

.banner.step3 .bannerOverlay {
	background-color: rgba(36, 60, 79, 0.92);
}

.banner.step3 img.bannerImage {
	filter: grayscale(100%);
}


.banner.homeBanner {
	background-color: #333333;
}

.banner.homeBanner.step1 img.bannerImage {
	opacity: 1;
	filter: grayscale(100%);
}

.banner.step2 img.bannerImage {
	opacity: 1;
	filter: grayscale(0%);
}

.banner.step3 .bannerOverlay {
	background-color: rgba(36, 60, 79, 0.92);
}

.banner.step3 img.bannerImage {
	filter: grayscale(100%);
}

.banner.homeBanner.step1 img.illustration  {
	opacity: 0;
}


.banner.homeBanner.step2 img.illustration  {
	opacity: 0;
}

.banner.homeBanner.step3 img.illustration  {
	opacity: 0.3;
}

.banner .arrow {
	width: 255px;
	max-width: 350px;
	height: auto;
	display: inline-block;
	margin: 0 auto;
	top: 5px;
	position: relative;
}

.banner h2, .banner h2 p{
	display: inline-block;
	margin: 0 auto;
	top: 0px;
	position: relative;
	padding: 0 0 0 0;
}

.separator .arrow {
	width: 454px;
	height: auto;
	display: inline-block;
	margin: 0 auto;
}

.separator h3 {
	display: inline-block;
	margin: 0 auto;
	top: 0px;
	font-family: "Lato", sans-serif;
	color: #4E4E4E;
	font-size: 26px;
	position: relative;
	padding: 0 70px 0 70px;
}




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

ul.buttons {
	list-style: none;
	margin: 30px 0 0px 0;
	padding: 0;
	width: 100%;
	float: left;
	text-align: center;
}

ul.buttons li {
	padding: 0 15px 0 15px;
	margin: 0 auto;
	display: inline-block;
	cursor: pointer;
}

.button {
	padding: 10px 30px 10px 30px;
	border: 2px solid #7095B2;
	border-radius: 5px;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	color: #4E4E4E;
	font-size: 18px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

.stackMobileButton.button {
	padding: 0px 30px 0px 30px;
	border: none;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 13px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
    color: #909090;
font-weight: normal;
text-align: center;
font-family: "Lato", sans-serif;
width: 100%;
}

.button.active, .button:hover {
	background: #243C4F;
	color: #fff;
}

.stackMobileButton.button:hover {
	background-color: none;
	color: #909090;
}

.popupWrap {
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: -1;
}

.popupWrap.active {
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,0.9);
	position: fixed;
	z-index: 20;
}

.popUp {
	width: 58%;
	margin: 0 auto;
	display: inline-block;
	box-shadow: 4px 4px 37px rgba(0,0,0,0.5);
	background: #fff;
	padding: 20px;
	/*position: fixed;*/
	top: 5%;
	left: 21%;
	z-index: 21;
	opacity: 0;
	/*height: 0;*/
	position: absolute;
	-webkit-transition: opacity 0.4s ease 0.2s;
    -moz-transition:    opacity 0.4s ease 0.2s;
    -o-transition:      opacity 0.4s ease 0.2s;
    -ms-transition:     opacity 0.4s ease 0.2s;
    transition:         opacity 0.4s ease 0.2s;
    overflow: hidden;
    z-index: 1;
    /*display: none;*/
}

.popUpScroll {
	overflow-y: scroll;
	width: 100%; 
	float: left;
}

.popUp.slideShow {
	/*height: auto;*/

}

.popUp.active {
	top: 2%;
	opacity: 1;
	 overflow: visible;
	height: auto;
	z-index: 3;
}



.popUpFloor {
	opacity: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	position: absolute;
	-webkit-transition: opacity 0.4s ease;
    -moz-transition:    opacity 0.4s ease;
    -o-transition:      opacity 0.4s ease;
    -ms-transition:     opacity 0.4s ease;
    transition:         opacity 0.4s ease;
}

.popUp.active .popUpFloor.active {
	opacity: 1;
	z-index: 2;
	height: auto;
	overflow: visible;
	left: 20px;
	width: calc(100% - 40px);
}

.popUp.active .popUpFloor.active img {
	max-width: 80%;
	height: auto;
	padding-left: 10%;
	position: relative;
	/*left: 5%;*/
}

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

.slideArrow.prev {
	left: 16%;
}

.slideArrow.next {
	left: 85%;
}

.tabBtns {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 60px;
}

.tabBtns .lineBreakWrap {
	padding-bottom: 0;
}

.tabBtns .lineBreak {
	padding: 10px 0 10px 0;
	max-width: 300px;
}

.tabBtn {
	-webkit-transition: opacity 0.4s ease;
    -moz-transition:    opacity 0.4s ease;
    -o-transition:      opacity 0.4s ease;
    -ms-transition:     opacity 0.4s ease;
    transition:         opacity 0.4s ease;
    color: #4E4E4E;
    display: inline-block;
    padding: 0px 5px 0 5px;
    margin: 0 auto;
    cursor: pointer;
}

.tabBtn.active, .tabBtn:hover {
	color: #286B73;
	font-weight: 900;
}

.popUpImage {
/*	height: 70%;
	width: auto;*/
	width: 100%;
	height: auto;
}

.popUp h2 p {
	font-size: 50px;
	line-height: 100%;
	text-align: left;
	margin: 0 0 10px 0;
	position: relative;
	top: 30px;
	float: left

}

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

.popUp .caption p {


	font-size: 18px;
	margin: 5px 0 0 0;



}

.popUp .floorCaption p {
		font-family: "Lato", sans-serif;
	    font-weight: 900;
	   	/*color: #286B73;*/
	   		color: #243C4F;
	   	text-transform: uppercase;
	   	text-align: left;
	   	/*margin: 5px 0 0 0;*/
	   	float: left;
	   	width: 100%;
	   	line-height: 160%;
	   	padding: 20px 0 15px 0;
}



.close {
	float: right;
	cursor: pointer;
	position: absolute;
	right: 2%;
	z-index: 999999;
	width: 25px;
	height: auto;
}

.close img {
	width: 70%;
	height: auto;
}

.popUpBuilding {
	width: 20%;
	max-width: 100px;
	/*position: absolute;*/
	height: auto;
	float: right;
}

.caption {
	text-align: left;
	margin: 20px 0 0px 0;
}

.lineBreak, .flagBreak {
	padding: 80px 0 80px 0;
}



.block {
	width: 30%;
	float: left;
	text-align: left;
	position: relative;
	z-index: 2;
	margin: 0 5% 5% 0;
	opacity: 0;
	height: 0;
	-webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
    -o-transition:      all 0.5s ease;
    -ms-transition:     all 0.5s ease;
    transition:         all 0.5s ease;
}

.block.on {
	height: auto;
	opacity: 1;
}

.block.end, .block.third {
	margin: 0 0 5% 0;
}

.block img {
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
}


.blockText h4{
	font-family: "Titillium", sans-serif;
	color: var(--blue);
	font-size: 16px;
	line-height: 140%;
	padding: 10px 0 0 0;
}

.blockText p{
	font-family: "Titillium", sans-serif;
	line-height: 140%;
}

/* Home */



.icon {
	margin: 0 auto;
	display: inline-block;
	padding: 40px 0 0px 0;
	width: 33%;
	text-align: left;
}

.icon svg {
	width: auto;
	height: 200px;
	padding: 0 0 20px 0;
	width: auto;
}


.icon h3, .icon h3 p {
	color: var(--blue);
	font-size: 16px;
	font-weight: 700;
}

.icon p {
	font-size: 16px;
	width: 80%;
	margin: 0 auto;
	text-align: left;
	padding: 0 20% 0 0;
	/*line-height: 160%;*/

}

.iconRow .icon {
	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

.icon.homeIcon rect{

	-webkit-transition: all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

.icon.homeIcon.active #Rectangle_785 rect {
	fill: #fff;
}

.homeIcon.active #Group_781 rect, .homeIcon.active #Group_780 rect, .homeIcon.active rect#Rectangle_791 {
	fill: rgba(112,112,112,0.1);
	/*fill: black;*/
}







/* News */

.newsRow {
	background: #F5F7FA;
}

.newsRow .linkBtn {
	margin-top: 20px;
	float: left;
}

.news h3.smHeading, .smHeading {
	font-weight: 600;
	font-size: 16px;
	/* text-transform: uppercase; */
	color: #fff;
	margin: 0 0 4px 0;
	font-family: "Titillium", sans-serif;
}

.news {
	padding: 2%;
	width: 96%;
	float: left;
	color: #fff;
	transition: all 0.3s ease;
}

.news:hover {
	opacity: 0.8;
}

.smHeading.lightGrey {
	color: var(--light-grey);
}

.pageRow .news p {

	color: #fff;
	font-family: 'Titillium';
  font-style: normal;
  font-weight: 700;
	font-size: 22px;
  line-height: 120%;
  margin-bottom: 40px;
}

.pageRow .news p.cta, .pageRow .news p.cta:hover {
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	font-family: "Titillium", sans-serif;
	margin: 10px 0 0 0;
}

p.cta.positionCta {
	font-weight: 600;
	color: #4c4e51;
}

.news {
	margin: 0 0 45px 0;
}


/* About */
.aboutRow h3{
	font-weight: 400;
	font-size: 24px;
	color: var(--blue);
}

.linkRow p{
	font-weight: 500;
	/*font-size: 22px;*/
	color: var(--light-blue);
	font-family: 'Titillium';
  font-style: normal;
  font-weight: 400;
	line-height: 140%;
	padding: 34px 0 0 0px;
	float: left;
}

.pageRow p {
	line-height: 140%;
}

.pageRow.linkRow {
	padding-top: 20px;
}

.pageRow table {
	width: 100%;
}

.pageRow p {
	float: left;
	width: 100%;
}
.pageRow table td{
	text-indent: 0;
	border-spacing: 0px;
}
.pageRow table p {
	line-height: 120%;
}

.pageRow figure.image  {
	float: left;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

.pageRow figure.image img {
	width: 100%;
	height: auto;

}

.pageRow figure {
	padding: 0;
	margin: 0;
	clear: left;
	display: inline;

}

.pageRow table .linkBtn {
	margin-right: 20px;
}

.pageRow table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* Team */



.bio {
	padding-bottom: 30px;
}

.bio.smBio {
	padding-bottom: 20px;
}

.bio.third {
	padding-right: 0;
}

.bio img {
	width: 100%;
	height: auto;
	padding: 0 0 10px 0;
}

.bio img.smBioImg {
	max-width: 180px;
}

.bioText {
	float: left;
	width: 100%;
	/* height:140px; */
	/* border-top: 1px solid #E6E6E6; */
	padding: 0px 0 0 0;
}


.bio h3, .bio h3 p {
	color: var(--blue);
	font-size: 24px;
	font-weight: 400;
}

.bio p {
	font-size: 16px;
	/*margin: 0 0 0px 0;*/
}

.bio p.cta {
	color: #4c4e51;
	font-weight: 600;
	cursor: pointer;
}

p.cta:hover {
	color: var(--blue);
}

#partnerAward .col50.textCol {
	margin-left: 80px;
	float: left;
	width: 50%;
}

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

}

.col61 {
	float: left;
	width: 61%;
}

.col50 {
	float: left;
	width: 50%;
}

#partnerAward .col50 {
	float: left;
	width: calc(50% - 80px);
	/*margin-right: 50px;*/

}

.col40 {
	float: left;
	width: 40%;
}

.col38 {
	float: right;
	width: 36%;
	margin-left: 2%;
}

.col33 {
	float: left;
	width: 33.333%;
}

.col30 {
	float: left;
	width: 30%;
}

.col25 {
	float: left;
	width: 25%;
}

.block25 {
	width: 23.5%;
	margin: 0 2% 2% 0;
	float: left;
	/*display: flex;*/
	align-items: center;
	display: block;
}

.block50 {
	width: 48%;
	margin: 0 4% 4% 0;
	float: left;
	/*display: flex;*/
	align-items: center;
}

.block50.even, .block25.even {
	margin-right: 0;
}

.block50 img, .block25 img {
	width: 100%;
	height: auto;
}

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

/* Position */


.position .linkBtn {
	margin-top: 0;
}


.positionRow.borderBottom {
	padding-bottom: 0;
}

.position.borderBottom {
	padding-bottom: 10px;
}

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

.positionRow h2, .positionRow h2 p {
	color: var(--blue);
}

.positionRow .heading {
	margin-bottom: 20px;
}

.positionRow h3, .positionRow h3 p {
	font-weight: 400;
	color: #484848;
	font-size: 18px;
	padding: 10px 0 0 0;
	margin-bottom: 0;
}

.portfolioPage h2 {
	font-size: 24px;
    font-weight: 400;
    color: var(--blue);
}

.portfolioPage h3, .portfolioPage h3 p {
	font-size: 32px;
    font-weight: 200;
    /* color: #4c4e51; */
}

.portfolioPage h3.teamHeading {
	font-size: 32px;
	margin: 0 0 20px 0;
}

.marketBlock img{
	z-index: 1;
	position: relative;
	-webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
    -o-transition:      all 0.5s ease;
    -ms-transition:     all 0.5s ease;
    transition:         all 0.5s ease;
}

.block.certification {
	text-align: center;
	width: 22%;
	margin: 0 4% 4% 0;
}

.block.certification.fourth {
	margin: 0 0 4% 0;
}

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

.block.certification img{
	height: 150px;
	width: auto;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
}

.block.certification img.certificationImg{
	height: 110px;
}

.textOverlay {
	position: absolute;
	z-index: 3;
}

.marketBlock h2{
	/*width: 100%;*/
	/*position: absolute;*/
	position: relative;
	font-size: 25px;
	color: #fff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.75);
	text-align: center;
}

/* Markets */


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

.stat {
	font-family: "Titillium", sans-serif;
	color: var(--grey);
	/*border-bottom: 1px solid #E9E9E9;*/
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
}

.statHeading {
	font-size: 28px;
	color: var(--blue);
	font-weight: normal;
	line-height: 120%;
/*	float: left;
	width: 100%;*/
/*	line-height:  120%;
	height: 44px;*/
}

.statHeading a {
	color: var(--blue);
}

.statText {
	min-height: 26px;
}

.statText p{
	color: var(--grey);
	margin-bottom: 0;
}

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

.marketRow.row {
	margin: 50px 0 0 0;
}


/* Gallery */

.galleryThumbWrap {
	position: absolute;
	/*top: 500px;*/
	left: 0;
	z-index: 3;
	float: left;
	width: 100%;
	-webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
    -o-transition:      all 0.5s ease;
    -ms-transition:     all 0.5s ease;
    transition:         all 0.5s ease;
    background: rgba(0,97,127,0.8);
   	/*top: -45px;*/
}

.galleryThumbWrap.active {
	height: auto;
	top: -600px;
	position: absolute;
	display: inline-block;
	/*overflow: hidden;*/
	padding: 50px 0 0 0;
	z-index: 3;
	width: 100%;	
}


.galleryNav.subNav {
	float: left;
	width: 100%;
	font-family: "Titillium", sans-serif;
	position: relative;
	z-index: 3;
	background: none;
	padding: 5px 0 20px 0;
}

#galleryName {
	float: left;
	position: absolute;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	left: 0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	color: rgba(255,255,255,1);
}

.galleryBtn {
	color: rgba(255,255,255,0.8);
	float: left;
	font-size: 22px;
	padding: 6px 0px 6px 0;
}

.galleryBtn img{
	margin: 6px 6px 0 0;
	float: left;
}

.galleryThumbWrap .thumbMenu {
	height: 0;
	/*overflow-y: hidden;*/
}

.galleryThumbWrap.active .thumbMenu {
	height: auto;
	padding-bottom: 60px;
}

.closeGallery {
	margin: 12px 0 0 0;
	display: none;
}

.galleryThumbWrap.active .closeGallery {
	display: block;
}

.closeGallery img {
	float: right;
	position: relative;
	top: -2px;
	margin: 0 0 0 10px;
	/*margin: 20px 0 0 0;*/
}

ul.thumbMenu {
	width: 100%;
	margin: 0;
	padding: 0px 0 0 0;
	float: left;
	overflow-y: scroll;
}

ul.thumbMenu, ul.thumbMenu li {
	list-style: none;
}

ul.thumbMenu li.block25 {
	width: 23%;
	margin: 0 2.66% 2.66% 0;
	height: auto;
	float: left;
	display: block;
}

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

ul.thumbMenu li.block25.fourth {
	margin: 0 0 2.66% 0;
}

.teamBlock {
	min-height: 80px;
	float: left;
	/*border-bottom: 2px solid #ddd;*/
}

.teamBlock.topBorder {
	padding-top: 0px;
	/*border-top: 2px solid #ddd;*/
}

.fullTeam {
	width: 100%;
	margin-right: 0;
}

.halfTeam {
	width: 45%;
	margin-right: 5%;
	border-bottom: none;
}

.teamContact {
	width: 50%;
	float: left;
	margin: 0 0 20px 0;
}

.teamContact h4{
	font-weight: 400;
	color: var(--blue);
	font-family: "Titillium", sans-serif;
	font-size: 24px;
}

.teamContact p {
	margin: 0 0 0 0;
}





.chartBlock {
	border-left: 2px solid #C3C3C3;
	padding-left: 40px;
	float: left;
}

.board-of-directors .bioText {
	border-top: none;
}


.board-of-directors  .heading {
	padding-bottom: 38px;
}

.governanceRow {
	margin-top: 0;
}

.pageRow img.statLogo {
		height: 48px;
		width: auto;
		float: left;
		margin: 0px 20px 0 0;
	}

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

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

.barChart text {
  fill: #4c4e51;
  font-size: 16px;
  text-anchor: end;
  font-family: "Titillium", sans-serif;
}

.barChart .label {
  fill: black;
  font-size: 16px;
  text-anchor: start;
  fill: var(--blue);
  font-weight: 700;
  font-family: "Titillium", sans-serif;
}

.chartLabel {
	float: right;
	margin: 125px -100px 0 0 ;
	width: 40%;
	font-family: "Titillium", sans-serif;
}

.chartBlock {
	border-left: 2px solid #C3C3C3;
	padding-left: 40px;
	float: left;
}

svg.simpleDonut {
		margin: 50px 0 0 40px;
  height: 200px;
  pointer-events: none;
  position: relative;
  width: 200px;
  transform:scale(1.75);
  -webkit-transform:scale(1.75);
  float: left;
}
svg.simpleDonut path {
  fill: none;
  stroke-width: 10;
}


svg.simpleDonut path:not(.move) {
  stroke: rgba(255,255,255, 0.2);
  fill: white; 
}

svg.simpleDonut .move {
  stroke: rgb(211,210,49);
  stroke-dasharray: 314;
}

svg.simpleDonut .move.animate {
  -webkit-animation: draw 1s linear forwards;
  animation: draw 1s linear forwards;
}

svg.simpleDonut text {
  fill: #707070;
  font-family: "Titillium", sans-serif;
  font-weight: 200;
  font-size: 40px;
  text-anchor: middle;
}


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

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

}


	.backBtn {
		/*margin-top: -46px;*/
		margin-bottom: 0px;
	}

#map {
	padding-top: 0px;

}

.imageWrap {
	overflow: hidden;
}

.imageWrap.inSetWrap {
	width: 100%;
	height: auto;
	display: inline-block;
	aspect-ratio: 1/1;
/*	float: left;
	margin: 0 0 10px 0;*/
}

.imageWrap img {
	-webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
    -o-transition:      all 0.5s ease;
    -ms-transition:     all 0.5s ease;
    transition:         all 0.5s ease;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.imageWrap:hover img {
	transform: scale(1.05);
}

.footnote {
	font-size: 12px;

}

.footnoteRow p, .footnoteRow ol li {
	font-size: 14px;
}

.footnoteRow ol{
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}

.footnoteRow ol li {
	padding: 5px 0 5px 0;
	color: #777;
	/*float: left;
	margin: 0;
	padding: 0;*/
}

#termsPopup {
	position: fixed;
	bottom: 0;
	height: 80px;
	background: #34a9de;
	z-index: 10;
	padding: 20px 0 0px 0;
	width: 100%;
	font-family: 'Titillium';
  font-style: normal;
  font-weight: 400;
	display: none;
	cursor: pointer;
	/*opacity: 0;
	height: 0;
	z-index: -1;*/
	/*-webkit-transition: opacity 1s ease;
    -moz-transition:    opacity 1s ease;
    -o-transition:      opacity 1s ease;
    -ms-transition:     opacity 1s ease;
    transition:         opacity 1s ease;*/
}

#termsPopup.active {
	height: auto;
	z-index: 10;
	opacity: 1;
}



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

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

#termsPopup h3, #termsPopup p,  #termsPopup a{
	font-family: 'Titillium';
  font-style: normal;
  font-weight: 400;
	color: #fff;
}


.row.reportRow {
	width: 100%;
	padding: 0 0 40px 0;
}

.reportRow .block50 {
	width: 25%;
}

.row.reportRow.reportRowSm {
	width: 50%;
}

.row.reportRow.reportRowSm .heading {
	margin-bottom: 0;
}

.row.reportRow.reportRowSm .block50 {
	display: none;
}

.vtsVideo.col50 h2{
	padding-bottom: 10px;
}

.vtsVideoBlock {
	padding: 4%;
	width: 92%;
	background: white;
	float: left;
	margin-bottom: 40px;
}

.vtsVideoBlock img {
	width: 100%;
	height: auto;
	float: left;
}

.col50#propertyIntro {
	width: 44%;
	padding-right: 6%
}

a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
  }
  a.skip-main:focus, a.skip-main:active {
	color: #fff;
	background-color:#000;
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow:auto;
	margin: 10px 35%;
	padding:5px;
	border-radius: 15px;
	border:4px solid yellow;
	text-align:center;
	font-size:1.2em;
	z-index:999;
  }

  a.underline,  a.underline:visited {
	text-decoration: underline;
	color: var(--blue);
}

.grid3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}


.grid2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
}

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

}

.newsGrid {
	/* column-span: 2; */
}
/* News */

#intro .shortBanner.banner.swiper {
	height: 40vh;
}

.featuredRow h2, #awardsRow h2 {
	padding: 30px 0 50px 0;
}

#awardsRow {
	padding-bottom: 0;
}

.featuredRow h3 {
	padding: 20px 0;
	line-height: 120%;
	font-size: 35px;
}


.featured {
	background: #F5F7FA;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
}

.featured img {
	width: 50%;
	height: auto;
	float: left;
}

.featuredText {
	padding: 0 50px;
}

.row.newsItems {
	margin: 50px 0;
}

.newsBlock h4, .featuredText h4, #featuredProperties h4 {
	font-size: 15px;
	margin: 0;
	padding: 0;
	line-height: 120%;
}

.featuredPropertiesRow {
	padding-bottom: 60px;
}


#featuredProperties .swiper-pagination-bullet-active.swiper-pagination-bullet {
	background: #888;
	border: 1px solid #888;
}

#featuredProperties .swiper-pagination-bullet {
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	box-shadow: none;
}

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

.captionBlock h1, .captionBlock h1 p{
	padding-top: 0;
}

.newsBlock .itemText {
	margin: 20px 0 20px 0;
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.blueRow {
	background: #F5F7FA;
	padding: 50px 0;
}

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

a.newsItem:visited p, a.newsItem h4, a.newsItem .date, a.newsItem .newsCta {
	color: #4c4e51;
}

.newsCta {
	float: left;
	clear: left;
}

.blueRow .grid3 {
	gap: 50px;
}

.newsColumn {
	border-right: 0.5px solid #386AA2;
	padding-right: 50px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.newsColumn:last-child {
	border: none;
	padding-right: 0;
}

.newsColumn h3, .tweetsRow h3, #featuredProperties h3 {
	text-transform: none;
	font-size: 25px;
	margin-bottom: 25px;
}
.newsColumn h4 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 120%;
}

.newsColumn p {
	margin: 0;
	padding: 0;
}

.newsColumn .linkBtn {
	margin: 0;
}

.tweetsRow {
	margin: 0px 0;
	width: 100%;
}

#featuredProperties h2 {
	padding: 50px 0 50px 0;
}

#featuredProperties img {
	width: 100%;
	height: auto;
}

#featuredProperties .swiper-pagination {
	position: relative;
	float: left;
	right: auto;
	left: 0;
	margin-top: 20px;
	bottom: auto;
	width: 100%;
	text-align: left;
}

#featuredProperties .swiper-slide {
	background: white;
}

.marketFilters {
	display: flex;
	gap: 50px;
	width: 100%;
	float: left;
}

.marketFilter {
	cursor: pointer;
	font-weight: 600;
	transition: all 0.3s ease;
}

.marketFilter.on, .marketFilter:hover, .marketFilter:focus {
	color: var(--blue);
	text-decoration: underline;
}


.marketRow, .teamRow {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	width: 100%;
	float: left;
	/* display: flex;
	flex-wrap: wrap;
	gap: 30px; */
}

.pageRow.accordionRows {
	margin: 0;
	padding: 0 0 0 0;
}

.pageRow.accordionRows.firstRow {
	margin: 60px 0 0 0;
}

.accordionRow {
	width: 100%;
	float: left;
}

.buildingBlock {
	opacity: 0;
}

.buildingBlock.on, .teamBlock {
	width: 100%;
	height: auto;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.accordionHeading {
	display: flex;
	justify-content: space-between;
	width: 100%;
	float: left;
	border-top: 0.5px solid #386AA2;
	padding: 20px 0;
	margin: 0 0 0px 0;
	cursor: pointer;
	transition: height 0.3s ease;
}

.on .accordionHeading {
	padding: 20px 0 40px 0;
}

.accordionRows:last-child .accordionHeading {
	border-bottom: 0.5px solid #386AA2;
}

.on.accordionRows:last-child .accordionHeading {
	border-bottom: none;
}

.accordionHeading h2 {
	font-size: 30px;
}

.accordionHeading .plus {
	font-size: 35px;
	font-weight: 200;
	color: #386AA2;
}

.accordionRow {
	display: none;
}

.on .accordionRow {
	display: grid;
}

.formGrid {
	display: grid;
	grid-template-columns: 0.25fr 0.25fr 1fr 0.25fr;
	width: 100%;
	float: left;
}

.formGrid.heading {
	font-weight: 700;
	border-bottom: 0.5px solid #4B4E51;
	padding-bottom: 15px;
	margin-bottom: 0;
	margin-top: 40px;
}

.formItem {
	border-bottom: 0.5px solid #4B4E51;
	padding: 15px 0;
}


.faqItem h4 {
	font-size: 18px;
}

.faqItem {
	margin: 15px 0;
}


.contactForm {
	margin-top: 60px;
}

.contactForm form {
	margin-top: 30px;
	display: grid;
	column-gap: 60px;
	row-gap: 30px;
	grid-template-columns: 1fr 1fr;
}

#field5 {
	grid-column: 1;
}

#field6 {
	grid-column: 1 / span 2;
	margin-top: 60px;
}

#field6 textarea {
	min-height: 200px;
}

.contactForm input, .contactForm label, textarea {
	width: 100%;
	float: left;
}

.contactForm label {
	padding-bottom: 5px;
}

.contactForm input, textarea {
	-webkit-appearance: none;
	border: 0.5px solid #A5A6A8;
	height: 30px;
}

textarea {
	padding: 10px;
	font-family: 'Titillium';
}

input.linkBtn {
	height: auto;
	width: auto;
	max-width: 300px;
}

input.linkBtn:hover {
	border: 0.5px solid #A5A6A8;
	cursor: pointer;
}

.mobileHeading {
	display: none;
}

#field5 label {display: none;}

.filterPos {
	position: absolute;
}

.subjectFilters {
	flex-direction: column;
	gap: 15px;
	border: 0.5px solid #386AA2;
	padding: 15px;
	width: calc(100% - 30px);
	/* height: 30px; */
	overflow: hidden;
	cursor: pointer;
	
	width: 320px;
	/* max-height: 140px; */
	background: #f8f8f8;

}

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

}

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

.subjectFilters .on .downArrow {
	width: 40px;
}

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

.subjectFilter {
	display: none;
}

.on .subjectFilter, .subjectFilter.on {
	display: block;
	line-height: 200%;
}

.on .startFilter {
	margin-bottom: 10px;
}

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

.on .downArrow {
	width: 40px;
}

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


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

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

input.red, textarea.red, .subjectFilters.red {
	/* border: 1px solid red; */
	box-shadow: 0 0 6px rgba(200,0,0,0.6);
}