/*
FONTS

font-family: century-gothic;
font-family: heebo;
*/



/* VARIABLES */

:root {
  --default-font: century-gothic;
  --default-font-size: 16px;
  --default-line-height: 1.66;

  --default-input-font: century-gothic;
  --default-input-font-size: 16px;
  --dim-input-height: 50px;
  
  --button-input-font: century-gothic;
  --button-font-size: 16px;
  --button-height: 36px;

  --col-primary: #0F1A17;
  --col-accent: #DDE2E9;
  --col-burger: #fff;
  --col-text: #000;
  --col-page-bg: #fff;
  --col-border: #DDDDDD;
  --col-input: #000;
  --col-placeholder: #000;
  --col-input-bg: #fff;
  --col-button: #fff;
  --col-button-bg: #0F1A17;
  --col-link: #000;
  --col-link-hover: #000000;

  --col-error: #ff6633;
  --col-attention: #ff6633;
  --col-warning: #f5b00e;
  --col-missing: #ff6633;

  --col-primary-rgb: 55,85,66;
  --col-accent-rgb: 225, 225, 225;
  --col-button-rgb: 255, 255, 255;
  --col-link-rgb: 0,0,0;
  --col-link-hover-rgb: 0, 0, 0;
  --col-error-rgb: 255, 51, 0;
  --col-attention-rgb: 255, 51, 0;
  --col-warning-rgb: 245, 176, 14;
  --col-border-rgb: 190, 190, 190;
  --col-missing-rgb: 255, 51, 0;

  --dim-site-width: 1920px;
  --dim-site-inner-width: 1360px;
  --dim-default-space: 140px;

  --vh: 1vh;

	--new-color: #0F1A17;
	--mask-height: 390px;
	--mask-height2: 200px;
	--mask-height3: 290px;

}

/* theme */


/*CORE HTML*/

p.shorter, h2.shorter { max-width: var(--dim-site-inner-width);}
p a { text-decoration: underline;}
p.large { font-size: 24px; font-family: heebo;}
/*p.center { margin-left: auto; margin-right auto}*/
p a:hover { color: var(--col-primary);}

h1 {line-height:1.1; font-weight: 700; text-align: center; font-size: 80px; margin-bottom: 75px; }
h1.shorter {max-width: 1080px; margin-left: auto; margin-right: auto}
h2 {line-height: 1.25; font-weight: 700; font-size: 36px; margin-bottom: 33px; }
h3 {line-height: 1.2; font-weight: 700; font-size: 48px; margin-bottom: 75px; }
h4 {line-height: 1.2; font-weight: 700; font-size: 36px; margin-bottom: 10px; }

h1:last-child, h2:last-child, h3:last-child { margin-bottom: 0 !important}



p.short { max-width: 475px; margin-left: 0; margin-right: auto;}

/*CONTAINERS*/

section:not(.full):not(.max):not(.masthead) { max-width: var(--dim-site-inner-width); margin-left: auto; margin-right: auto; z-index: 3;}
section.masthead {margin: 0}
div.masthead {background: #000}
div.masthead img { display: block;}
div.inner-masthead > p, div.masthead > p { margin-bottom: 0}
div.masthead > p > img, div.inner-masthead > p > img { width: 100%; }


article.no-masthead { padding-top: 100px}

html.header-active, body.header-active { max-height: 100vh; overflow: hidden;}

.level-2 { z-index: 2;}
.level-3 { z-index: 3;}
.level-4 { z-index: 4;}
.level-5 { z-index: 5;}

/*BUTTONS*/

a.btn { padding: 0 100px 0 0; font-weight: 400; font-size: 20px; line-height: 35px; border-bottom: 1px solid var(--new-color); color: var(--new-color); position: relative; background: transparent; display: table; width: auto; margin: 0 auto 0 0; transition: none;}
a.btn:after { content:""; position: absolute; right: 8px; height: 100%; width: 8px; background: url(/img/2025/arrow3.svg) no-repeat center center; background-size: contain; top: 0;}
a.btn:hover:after { right: 0; transition: right .3s cubic-bezier(0.250, 0.460, 0.450, 0.940)}

a.btn-white {color: #fff; border-color: #fff}
a.btn-white:hover {color: #eee; border-color: #eee}
a.btn-white:after {background-image: url(/img/2025/arrow3b.svg)}

a.btn + a.btn { margin-top: 30px}

.center a.btn {margin: 20px auto 0}
a.btn.btn-download { padding: 0 45px 0 20px; position: relative;}
a.btn.btn-download:after { content:""; position: absolute; right: 15px; width: 20px; height: 100%; display: block; top: 0; background: url(/img/svg/download.svg) no-repeat center center; background-size: contain;}
div.buttons.left { justify-content: flex-start;}

/*HEADER AND NAV*/

header { display: block; position: fixed; top: 0; left: 0; width: 100%; background: transparent; height: 100px; z-index: 99; transition: all .3s linear}
header > div { display: block; position: relative; max-width: var(--dim-site-inner-width); margin: 0 auto; z-index: 101;}
header div.logo { display: block;  top: 50px; left: 0; position: absolute; transition: all .3s linear}
header div.logo img { display: block; width: 350px; transition: all .3s linear; margin: 0 auto 0 0;}
header nav { position: fixed; left: -200vw; top: 0; opacity: 0; padding-top: 160px;; height: 740px; max-height: calc(100 * var(--vh)); width: 100vw; background: #0F1A17;}
header nav > div { display: flex; gap:150px; justify-content: flex-start; max-width: var(--dim-site-inner-width); margin: 0 auto;}
header div.menu { display: flex; gap:25px; justify-content: flex-start; align-items: flex-start; flex-direction: column;}
header div.menu a { display: block; font-size: 22px; line-height: 1.2; padding: 10px 0px; color: #fff; width: 540px; text-align: left; border-bottom: 1px solid #fff; text-transform: uppercase; position: relative;}
header div.menu a:after { content:""; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 17px; background: url(/img/2025/arrow4.svg) no-repeat center center; background-size: contain;}
/*header nav a:hover, header nav a.active  { background-color: #fff; color: #0F1A17;}*/
header .header-right  {  display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 110px;}
header .contact-info  {  display: flex; justify-content: flex-start; gap: 70px; }
header .contact-info p {  font-size: 15px; color: #fff; line-height: 2}
header .contact-info a {  color: #fff; }
header div.photo {display: block; width: 100%; position: relative;}
header div.photo img {display: block; width: 100%;}

header.active nav { left: 0; opacity: 1;}
header div.burger { display: block; left: auto; right: 0; top: 50px}

header.attached { top: -200px; }
header.visible { top: 0; transition: all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) }
header.attached.visible { background: #0F1A17; height: 60px;}
header:not(.active).attached.visible div.logo { top: 10px; w}
header:not(.active).attached.visible div.logo img { width: 170px}
header:not(.active).attached.visible div.burger { top: 0px}

body.article-no-masthead header { background: var(--col-primary); height: 110px}
body.article-no-masthead header div.logo { top: 10px; }
body.article-no-masthead header div.burger { top: 24px}

/*header.visible > div { max-width: 100%}*/
/*header.visible div.logo { top: 15px; left: 20px }*/
/*header.visible div.logo img { height: 30px; }*/
/*header.visible nav a { line-height: 60px; padding: 0 20px; font-size: 16px}*/

footer { display: block; width: 100%; max-width: 100%; background: #0F1A17; padding: 70px 0 60px}
footer > div { display: flex; width: 100%; max-width: var(--dim-site-inner-width); margin: 0 auto; justify-content: space-between; gap: 40px; }
footer div.logo { display: block; margin: 0 auto 115px 0}
footer div.footer-top { margin-bottom: 80px; width: 100%}
footer div.footer-top > div { width: 450px; display: block; }
/*footer div.footer-top a.btn { color: #fff;}*/
footer div.footer-top > div:last-child { width: calc(100% - 450px); display: block; }
footer .contact-info {text-align: left; width: 340px; display: block; margin: 0 0 0 auto}
footer .contact-info p {font-size: 22px; font-family: heebo; color: #fff; line-height: 1.3;}
footer .contact-info p + p { margin-top: 60px}
footer .contact-info a {color: #fff; text-decoration: none;}
footer .contact-info strong {font-size: 16px; font-family: century-gothic; display: block; margin-bottom: 14px; font-weight: 400}

div.footer-right { display: flex; justify-content: space-between; min-width: 340px; align-items: center;}

footer p.social { display: flex; gap: 50px; margin: 0}
footer p.social a { font-size: 24px; color: #fff;}
footer div.disclaimer { text-align: left; }
footer div.disclaimer * { font-size: 12px; color: #fff; }
div.languages { display: flex; gap: 20px; }
div.languages a { font-size: 18px; opacity:.5; color: #fff}
div.languages a.active { opacity:1;}

/*COLORS*/
.b-gray { background-color: #DDE2E9 !important; background-color: #eaedf0 }
.b-green { background-color: #183028 !important;}
.b-primary { background-color: var(--col-primary) !important;}
.b-white { background-color: #fff !important;}
.green { color: var(--col-primary) !important;}
.c-primary { color: var(--col-primary) !important;}
.c-white { color: #fff !important;}
section.b-green { padding: 75px 0;}
section.b-gray { padding: 75px 0;}

/*ELEMENTS*/
ul.diamonds {list-style-type: none; border-left: 2px solid #707070; padding:30px 0 30px 140px;  }
ul.diamonds li {padding-left: 50px; position: relative; font-size: 24px; font-weight: 400; margin-bottom: 15px}
ul.diamonds li:last-child {margin-bottom: 0px}
ul.diamonds li:before {content:""; position: absolute; width: 20px; height: 20px; left: 0; top: .2em; display: block; background: url(/img/svg/bullet.svg) no-repeat center center; background-size: contain;}


/*CONTENT*/

div.masthead-2025 { display: block; width: 100%; height: calc(100 *  var(--vh));}
div.masthead-2025 > p { display: block; width: 100%; height: 100%;}
div.masthead-2025 > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom;}
div.caption-home { position: absolute; width: var(--dim-site-inner-width); max-width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}
div.masthead-nav { display: flex; justify-content: space-between; padding-bottom: 50px; align-items: center; max-width: var(--dim-site-inner-width); margin: 0 auto}
div.masthead-nav span { width: 2px; height: 17px; display: block; background: #fff; opacity: .5}
div.masthead-nav > div {font-size: 17px; font-weight: 700; color: #fff; text-transform: uppercase; }

div.subtitle { font-size: 24px; font-family: heebo; margin-bottom: 70px;}

div.grid-1 { display: flex; gap: 0px; align-items: flex-start; justify-content: space-between;  }
div.grid-1 > div { width: 50%}
div.grid-1 > div:first-child{ padding-right: 60px}

div.grid-2 { display: flex; gap: 0px; align-items: flex-start; justify-content: space-between;  }
div.grid-2 > div { width: 50%}
div.grid-2 > div:last-child{ padding-left: 100px}

div.grid-3 { display: flex; gap: 100px; align-items: flex-start; justify-content: space-between;  }
div.grid-3 > div { width: 50%}
div.grid-3 > div:first-child{ padding-right: 0px}

div.grid-impact { display: flex; gap: 0px; align-items: flex-start; justify-content: space-between;  }
div.grid-impact > div { width: 50%}
div.grid-impact > div:first-child{ padding-right: 100px}

div.grid-join { display: flex; gap: 0px; align-items: flex-start; justify-content: space-between;  }
div.grid-join > div { width: 444px}
div.grid-join > div:first-child{ width: calc(100% - 444px); padding-right: 100px}

.grid-stretch { align-items: stretch !important;}
.grid-stretch-2 { justify-content: space-between; height: 100%;}
.grid-v { display: flex;  flex-direction: column;}

div.gray-background { height: 100%; width: 100%; display: block; background: #DDE2E9; padding: 40px}


div.fancy-links { display: flex; gap: 40px; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 100%;}
div.fancy-links p { margin: 0}
div.fancy-links a { text-decoration: none;}
div.fancy-links > div { display: flex; gap: 0; justify-content: space-between; align-items: flex-start; border-bottom: 2px solid #DDE2E9; padding-bottom: 20px; width: 100%;}
div.fancy-links.reversed > div { flex-direction: row-reverse;}
div.fancy-links > div p { width: 50%}
div.fancy-links > div p:first-child { font-size: 92px; color: #DDE2E9; line-height: 1; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940); color: var(--col-text); }
div.fancy-links > div p:first-child:hover { color: var(--col-primary); }
div.fancy-links > div p.c-primary:first-child:hover { color: #DDE2E9 !important}
div.fancy-links > div p:last-child { font-size: 24px; font-family: heebo; text-align: left; }
div.fancy-links > div:after {content: ""; display: block; position: absolute; bottom: -2px; right: 0; height: 2px; width: 50%; background: var(--col-primary);}
div.gray-background div.fancy-links > div { border-color: #fff}
div.gray-background div.fancy-links > div p:first-child { color: #fff; }

div.fancy-links.smaller > div p:first-child { font-size: 46px; }
div.fancy-links.smaller > div p:last-child { }

div.fancy-links.spreaded { justify-content: space-between; height: 100%;}

/*div.fancy-links.services > div p { width: 40%}*/
/*div.fancy-links.services > div p:first-child { width: 60%}*/
/*div.fancy-links.services > div:after {width: 60%; }*/

div.fancy-links.white > div { border-color: #DCE2EA; }
div.fancy-links.white > div:after {background: #fff}

div.fancy-links > div:hover:after {width: 100% !important; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940) }

img.background {width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: center center; display: block;}
img.background2 {width: 100%; position: absolute; left: 0; top: 0; display: block; max-width: 950px}
img.background3 {width: 100%; position: absolute; left: 0; bottom: 0; display: block; max-width: 1045px; z-index: 10;}

ul.triangles { list-style: url("/img/2025/triangle2.svg") inside;}
ul.triangles li { line-height: 1.33; margin-bottom: 40px; font-size: 16px; font-weight: 700; text-transform: uppercase;}
ul.triangles.white  {list-style: url("/img/2025/triangle.svg")  inside;}
ul.triangles.white  li { color: #fff}

div.capabilities { max-width: var(--dim-site-inner-width); margin: 0 auto; padding: 125px 0;}
div.capabilities div.slider { margin: 150px 0}
div.capabilities-set { display: flex; justify-content: flex-start; gap: 30px; }
div.capabilities-set > div { width: calc(33.33% - 20px); display: flex; justify-content: space-between; gap: 0; flex-direction: column}
div.capabilities-set div.number { font-size: 110px; font-weight: 700; color: #fff; border-bottom: 1px solid #fff; height: 194px}
div.capabilities-set div.title { font-size: 24px; color: #fff; margin: 55px auto 45px; font-family: heebo; text-align: left; width: 100%;}
div.capabilities-set p { font-size: 16px; color: #fff; margin-bottom: 25px;}

img.lines-2 { position: absolute; width: 100%; bottom: 0; left: 0%; display: block; max-width: 100%}

div.quick-projects { display:grid; grid-template-columns: 1fr 1fr; column-gap: 16px; row-gap: 16px}
div.quick-projects2 { grid-template-columns: 1fr 1fr 1fr; margin-bottom: 30px}
div.quick-project { display:flex; padding: 60px 50px; background: #DDE2E9; flex-direction: column; overflow: hidden;}
div.quick-project div.info { margin-bottom: 65px; z-index: 7}
div.quick-project div.title { font-size: 30px; font-weight: 700; margin-bottom: 13px; color: #000}
div.quick-project div.city { font-size: 24px; font-family: heebo; }

div.quick-project { opacity: 0; transform: translateY(100px); transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) .7s}
div.quick-project.in-view { opacity: 1; transform: translateY(0); }
div.quick-project:nth-child(2n) { transform: translateY(0px); transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s}
div.quick-project.in-view:nth-child(2n) { transform: translateY(-100px)}

div.quick-project div.thumb { height: var(--mask-height); width: calc(100% - 60px); left: 30px; position: absolute; overflow: hidden; z-index:3; top: calc(var(--mask-height) / 2); transition: width .5s ease-out, height .5s ease-out, top .5s ease-out, left .5s ease-out; }
/*div.quick-project:after { content:""; z-index: 1; background: transparent; border: 50px solid #DDE2E9;border-top: 60px solid #DDE2E9; border-bottom: 60px solid #DDE2E9; display: block; width: 100%; top: 0; left: 0; height: 100%; position: absolute; box-sizing: border-box;}*/
div.quick-project div.thumb a { display: block;  width: 100%; height: 100%;}
div.quick-project div.mask { display: block; position: absolute; width: calc(100% - 60px); height: var(--mask-height); z-index: 3; top: calc(var(--mask-height) / 2); left: 30px; z-index: 4; transition: opacity .2s linear .5s; opacity: 1}
div.quick-project div.thumb img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center center;; top: 0; left: 0}
div.quick-project div.mask:after { content:""; position: absolute; display: block;  width: 0px; height: 0px; border-style: solid; border-width: 0 calc(var(--mask-height) / 2) var(--mask-height) 0; border-color: transparent #DDE2E9 transparent transparent; transform: rotate(0deg); z-index: 3; top: 0; right: 0}
div.quick-project div.mask:before { content:""; position: absolute; display: block;  width: 0px; height: 0px; border-style: solid; border-width: var(--mask-height) 0 0 calc(var(--mask-height) / 2); border-color: transparent transparent transparent #DDE2E9; transform: rotate(0deg); z-index: 3; bottom: 0; left: 0}

/*div.quick-project:hover div.thumb { position: static; }*/
div.quick-project:hover div.mask { opacity: 0}
div.quick-project:hover div.thumb { z-index: 5; top: 0; width: 100%; left: 0; height: 100%;  }

div.quick-project div.action { margin-top: calc(60px + var(--mask-height)); display: block; width: 100%; }
div.quick-project div.action:before { content:""; background: #183028; width: 1px; height: 100%; position: absolute; display: block; left: 0; top: 0}
div.quick-project div.action:after { content:""; background: #183028; width: 1px; height: 100%; position: absolute; display: block; right: 0; top: 0}
div.quick-project div.action a { margin: 0 auto; display: block; }
div.quick-project div.action a img { margin: 0 auto; display: block; }

div.quick-projects2 div.quick-project div.thumb,
div.quick-projects2 div.quick-project div.mask { height: var(--mask-height3); top: calc(var(--mask-height3) / 2 + 60px); }
div.quick-projects2 div.quick-project div.mask:after { border-width: 0 calc(var(--mask-height3) / 2 - 40px) var(--mask-height3) 0; }
div.quick-projects2 div.quick-project div.mask:before { border-width: var(--mask-height3) 0 0 calc(var(--mask-height3) / 2 - 40px); }
div.quick-projects2 div.quick-project div.action { margin-top: calc(60px + var(--mask-height3)); }


div.more-projects { margin: -25px 0 200px auto;}
div.more-projects a.btn { margin: 0 0 0 auto;}

div.updates { padding-bottom: 140px}

div.inner-masthead * { color: #fff}
div.inner-masthead h1 { text-align: left; margin-bottom: 50px; max-width: var(--dim-site-inner-width); margin: 0 auto 50px;}
div.inner-masthead div.subtitle { padding-top: 70px; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: left; padding-bottom: 70px; max-width: var(--dim-site-inner-width); margin: 0 auto;}

div.masthead-team > img { display: block; width: 100%;}

div.inner-contact-info + h2 { margin-top: 60px}
div.inner-contact-info p { margin-bottom: 10px}

section.move-up {z-index: 2;} 

div.property-management {padding: 180px 0 140px; max-width: var(--dim-site-inner-width); margin: 0 auto;}
div.property-management * {color: #fff; }

div.master-planning {padding: 180px 0 140px; max-width: var(--dim-site-inner-width); margin: 0 auto;}
div.master-planning * {color: #fff; }

div.content { max-width: var(--dim-site-inner-width); margin: 0 auto; padding: 140px 0}

div.impact { display: flex; justify-content: space-between; gap: 16px; max-width: var(--dim-site-inner-width); margin: 0 auto; padding: 150px 0}
div.impact > div { background: #DDE2E9; }
div.impact > div { display:flex; padding: 60px 50px; background: #DDE2E9; flex-direction: column}
div.impact > div div.info { margin-bottom: 65px; z-index: 7}
div.impact > div div.title { font-size: 30px; font-weight: 700; margin-bottom: 13px; color:#000}
div.impact > div div.info * { color:#000}
div.impact > div:hover div.info * { color:#fff}

div.impact > div  div.thumb { height: var(--mask-height2); width: calc(100% - 60px); left: 30px; position: absolute; overflow: hidden; z-index:3; top: 154px; transition: width .3s ease-out, height .3s ease-out, top .3s ease-out, left .3s ease-out; }
div.impact > div  div.thumb a { display: block;  width: 100%; height: 100%;}
div.impact > div  div.mask { display: block; position: absolute; width: calc(100% - 60px); height: var(--mask-height2); z-index: 3; top: 154px; left: 30px; z-index: 4; transition: opacity .2s linear .3s; opacity: 1}
div.impact > div  div.thumb img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center center;; top: 0; left: 0}
div.impact > div  div.mask:after { content:""; position: absolute; display: block;  width: 0px; height: 0px; border-style: solid; border-width: 0 calc(var(--mask-height2) / 2) var(--mask-height2) 0; border-color: transparent #DDE2E9 transparent transparent; transform: rotate(0deg); z-index: 3; top: 0; right: 0}
div.impact > div  div.mask:before { content:""; position: absolute; display: block;  width: 0px; height: 0px; border-style: solid; border-width: var(--mask-height2) 0 0 calc(var(--mask-height2) / 2); border-color: transparent transparent transparent #DDE2E9; transform: rotate(0deg); z-index: 3; bottom: 0; left: 0}

div.impact > div div.mask { opacity: 1}
/*div.impact > div div.thumb { z-index: 5; top: 0; width: 100%; left: 0; height: 100%;  }*/
div.impact > div:hover div.mask { opacity: 0}
div.impact > div div.thumb { z-index: 4; top: 154px; height: var(--mask-height2); width: calc(100% - 60px); left: 30px;   }
div.impact > div:hover div.thumb { z-index: 5; top: 0; width: 100%; left: 0; height: 100%;  }


/*div.impact > div div.thumb { position: static; }*/
/*div.impact > div div.thumb img { z-index: 4;}*/
/*div.impact > div:hover div.thumb { position: relative; }*/
/*div.impact > div:hover div.thumb img { z-index: 2;}*/

div.impact > div div.action { margin-top: calc(60px + var(--mask-height2)); display: block; width: 100%; font-size: 16px; padding: 0 30px}
div.impact > div div.action:before { content:""; background: #183028; width: 1px; height: 100%; position: absolute; display: block; left: 0; top: 0}
div.impact > div div.action:after { content:""; background: #183028; width: 1px; height: 100%; position: absolute; display: block; right: 0; top: 0}

div.capabilities ul.slick-dots { bottom: auto; left: auto; top: -165px; right: 0; text-align: right;}
div.capabilities ul.slick-dots li button { background: #fff; opacity: .2}
div.capabilities ul.slick-dots li.slick-active button { opacity: 1}

div.certification-slide { padding: 8px}
div.certification-slide div { background: #DDE2E9; padding: 80px 50px;}
div.certification-slide img { display: block; width: 100%;}
div.certifications ul.slick-dots { bottom: auto; left: auto; top: -20px; right: 0; text-align: right;}
div.certifications ul.slick-dots li button { background: var(--col-primary); opacity: .2}
div.certifications ul.slick-dots li.slick-active button { opacity: 1}

div.reports-new-format { display: flex; gap: 16px; width: 100%; margin-top: 80px}
div.reports-new-format > div { width: 50%; border-bottom: 2px solid #375542; padding-bottom: 80px;}
div.reports-new-format a { display: block; text-align: left; font-size: 52px; color: #375542; }
div.reports-new-format span { display: flex; gap: 20px; justify-content: flex-start; align-items: center; margin-top: 18px; text-align: left; font-size: 24px; color: #000000; font-family: heebo;}


div.join-team { padding: 100px 0 100px; max-width: var(--dim-site-inner-width); margin: 0 auto; }
div.join-team * { color: #fff;}
div.award { display: flex; gap: 60px; justify-content: space-between; margin: 0 auto 125px 0; max-width: 60%; }
div.award p { font-size: 18px; font-family: heebo}
div.award > div { width: calc(100% - 166px);}
div.award > div:first-child { width: 106px;}
div.award img { width: 100%; display: block}

div.join-team div.title {font-size: 55px; font-weight: 700; margin-bottom: 55px;}
div.grid-join h2 { padding-top: 160px; margin-top: -160px;  position: relative;}
div.grid-join h2:before { content:""; width: 260px; height: 16px; display: block; background: #375542; position: absolute;left: 0; top: 0}

form.white-form input[type="text"], textarea{ background: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .5); color: #fff;}
form.white-form *::-webkit-input-placeholder {  color:#fff;}
form.white-form *::-moz-placeholder {  color:#fff;}
form.white-form *:-ms-input-placeholder {  color:#fff;}
form.white-form button[type="submit"] { padding: 0 100px 0 0; font-weight: 400; font-size: 20px; line-height: 35px; border-bottom: 1px solid #fff; color: #fff; position: relative; background: transparent; display: table; width: auto; margin: 30px auto 0 0}
form.white-form button[type="submit"]:after { content:""; position: absolute; right: 8px; height: 100%; width: 8px; background: url(/img/2025/arrow3b.svg) no-repeat center center; background-size: contain; top: 0;}
form.white-form .select2-container--default .select2-selection--multiple, form.white-form .select2-container--default .select2-selection--single { background: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .5); }
form.white-form .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #fff; text-transform: none;}
form.white-form .select2-container--default .select2-selection--single .select2-selection__arrow {background-image: url(/img/2025/triangle4.svg)}
form.white-form div.checkbox label { color: #fff; font-size: 12px; padding-left: 35px}
form.white-form div.checkbox label:before { width: 26px;height: 26px; background-color: transparent; border-radius: 25px}
form.white-form div.checkbox input:checked + label:before {     background: url(/lib/img/white/checkmark.svg) no-repeat center center;    background-size: 13px 8px;}

div.masking { left: -160px}
div.masking img { display: block}
div.masking { height: 470px; width: calc(100% + 60px); left: -130px}
div.masking img { position: absolute; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: all .3s ease-out; top: 0; left: 0}
div.masking:after { content:""; position: absolute; display: block;  width: 0px; height: 0px; border-style: solid; border-width: 0 0 471px 190px; border-color: transparent  transparent #183028 transparent; transform: rotate(0deg); z-index: 3; bottom: 0; right: 0}
div.masking:before { content:""; position: absolute; display: block;  width: 0px; height: 0px; border-style: solid; border-width: 471px 190px 0 0 ; border-color: #183028 transparent transparent transparent; transform: rotate(0deg); z-index: 3; top: 0; left: 0}


div.team-dropdown { display: block; width: 100%; max-height: 27px; line-height: 27px; max-width: 400px; margin: 0 auto 100px 0; overflow: hidden; z-index: 3; }
div.team-dropdown.open { max-height: 400px;}
div.team-dropdown div.selected-item { display: block; width: 100%; line-height: 27px; font-size: 22px; font-weight: 700; color: var(--col-primary); position: relative; text-align: left; padding-right: 20px; ;}
div.team-dropdown div.selected-item:after { content:""; display: inline-block; width: 13px; height: 13px; background: url(/img/2025/triangle4.svg) no-repeat center center; background-size: contain; margin-left: 5px; cursor: pointer;}
div.team-dropdown.option div.selected-item:after { transform: rotate(180deg);}
div.team-dropdown div.list-options { display: flex; width: 100%; text-align: left; margin-top: 20px; flex-direction: column; gap: 10px; align-items: flex-start;}
div.team-dropdown div.list-options a { display: block; width: 100%; line-height: 1.2; font-size: 16px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid var(--col-primary); }
div.team-dropdown div.list-options a.active { color: #DDE2E9}


div.team { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 35px; row-gap: 60px;}
div.team > div { display: none;}
div.team > div.active { display: block;}
div.team div.photo { margin-bottom: 22px; border: 0px solid #707070; }
div.team div.photo img { display: block;}
div.team div.name { font-size: 31px; font-weight: 700; color: var(--col-primary);margin-bottom: 14px;}
div.team div.title { font-size: 18px; margin-bottom: 30px; font-family: heebo;}
div.contact-options { display: flex; gap: 30px; justify-content: flex-start; }
div.contact-options a { font-size: 24px;}

div.full-bio { display: flex; gap: 0; align-items: flex-end; max-width: var(--dim-site-inner-width); margin: 0 auto; padding-top: 250px;}
div.full-bio > div:first-child { max-width: 810px; padding-bottom: 150px; max-width: 100%;}
div.full-bio * { color: #fff;}
div.full-bio div.name {font-size: 60px; font-family: heebo; margin-bottom: 10px;}
div.full-bio div.title {font-size: 16px; font-weight: 700; color: #375542; color:#fff; margin-bottom: 60px; /*text-transform: uppercase;*/}
div.full-bio p {font-size: 24px; font-family: heebo; }

div.team-slider { padding-top: 152px; position: relative;}
div.team-slider .slick-dots { bottom: auto; left: auto; top: -140px; right: 0; text-align: right;}
div.team-slider button.slick-arrow { top: -130px; background: url(/img/2025/arrow2.svg) no-repeat center center; background-size: contain; width: 34px; height: 34px; left: 0; transform: rotate(180deg); display: none !important;}
div.team-slider button.slick-arrow.slick-next { right: auto; left: 50px; transform: rotate(0deg);}
div.team-slide { display: flex; gap: 35px; justify-content: flex-start; }
div.team-slide > div { width: calc(25% - 27px)}
div.team-slide div.photo { margin-bottom: 22px; border: 0px solid #707070; }
div.team-slide div.photo img { display: block;}
div.team-slide div.name { font-size: 31px; font-weight: 700; color: var(--col-primary);margin-bottom: 14px;}
div.team-slide div.title { font-size: 18px; margin-bottom: 30px; font-family: heebo;}
div.progress-indicator { position: absolute; top:0; right: 90px; font-size: 24px; color: #000; line-height: 35px; display: flex; gap: 8px; align-items: center;}
div.progress-indicator span { display: inline-block; height: 1px; width: 127px; background: #000; }
a.return-team { position: absolute; left: 0; top: 0; display: flex; font-size: 24px; color: var(--col-primary); line-height: 24px; justify-content: flex-start; gap: 16px; align-items: center;}
a.return-team img { display: block; transform: rotate(180deg);}

div.grid-contact { display: flex; gap: 0px; }
div.grid-contact > div { width: 50%}
div.grid-contact > div:first-child { padding-right: 100px}
div.fancy-links.contact > div p:first-child { color: #375542}
div.fancy-links.contact > div:after { background-color: #375542}


div.grid-contact2 { display: flex; gap: 220px; align-items: flex-start; max-width: var(--dim-site-inner-width); margin: 0 auto; padding: 150px 0}
div.grid-contact2 > div { width: 50%;}
div.grid-contact2 div.title {color: #fff; font-size: 52px; margin-bottom: 30px; }
div.grid-contact2 a.btn + div.title {margin-top: 60px;}

/*ANIMATIONS*/

h1 { transform: translateY(-50px); opacity: 0; transition: all .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) .4s; }
.in-view h1 { transform: translateY(0px); opacity: 1; }

div.masthead-nav span { opacity: 0; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s; }
.in-view div.masthead-nav span { opacity: 0.5; }
div.masthead-nav > div {transform: translateY(50px); opacity: 0; transition: all .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) }
.in-view div.masthead-nav > div {transform: translateY(0px); opacity: 1; }

div.masthead-nav > :nth-child(3) {transition-delay: .5s; }
div.masthead-nav > :nth-child(5) {transition-delay: .6s; }
div.masthead-nav > :nth-child(7) {transition-delay: .7s; }
div.masthead-nav > :nth-child(9) {transition-delay: .8s; }
div.masthead-nav > :nth-child(11) {transition-delay: .9s; }
div.masthead-nav > :nth-child(13) {transition-delay: 1s; }
div.masthead-nav > :nth-child(15) {transition-delay: 1.1s; }
div.masthead-nav > :nth-child(17) {transition-delay: 1.2s; }
div.masthead-nav > :nth-child(19) {transition-delay: 1.3s; }
div.masthead-nav > :nth-child(21) {transition-delay: 1.4s; }
div.masthead-nav > :nth-child(23) {transition-delay: 1.5s; }


/*div.grid-1 > :nth-child(1) > * { transform: translateY(50px); opacity: 0; transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); }*/
/*.in-view div.grid-1 > :nth-child(1) > * { transform: translateY(0px); opacity: 1}*/

div.grid-1 > :nth-child(2) { transform: translateX(30px); opacity: 0}
.in-view div.grid-1 > :nth-child(2) { transform: translateX(0px); opacity: 1; transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .4s; }


.animation-waterfall > :nth-child(1) {transition-delay: .45s; }
.animation-waterfall > :nth-child(2) {transition-delay: .6s; }
.animation-waterfall > :nth-child(3) {transition-delay: .75s; }
.animation-waterfall > :nth-child(4) {transition-delay: .9s; }
.animation-waterfall > :nth-child(5) {transition-delay: 1.05s; }
.animation-waterfall > :nth-child(6) {transition-delay: 1.2s; }
.animation-waterfall > :nth-child(7) {transition-delay: 1.35s; }
.animation-waterfall > :nth-child(8) {transition-delay: 1.5s; }
.animation-waterfall > :nth-child(9) {transition-delay: 1.65s; }
.animation-waterfall > :nth-child(10) {transition-delay: 1.8s; }
.animation-waterfall > :nth-child(11) {transition-delay: 1.95s; }
.animation-waterfall > :nth-child(12) {transition-delay: 2.1s; }
.animation-waterfall > :nth-child(13) {transition-delay: 2.25s; }
.animation-waterfall > :nth-child(14) {transition-delay: 2.4s; }
.animation-waterfall > :nth-child(15) {transition-delay: 2.55s; }
.animation-waterfall > :nth-child(16) {transition-delay: 2.7s; }


.animation-waterfall-steep > :nth-child(1) {transition-delay: .45s; }
.animation-waterfall-steep > :nth-child(2) {transition-delay: .75s; }
.animation-waterfall-steep > :nth-child(3) {transition-delay: .9s; }
.animation-waterfall-steep > :nth-child(4) {transition-delay: 1.05s; }
.animation-waterfall-steep > :nth-child(5) {transition-delay: 1.2s; }
.animation-waterfall-steep > :nth-child(6) {transition-delay: 1.35s; }
.animation-waterfall-steep > :nth-child(7) {transition-delay: 1.5s; }
.animation-waterfall-steep > :nth-child(8) {transition-delay: 1.7s; }
.animation-waterfall-steep > :nth-child(9) {transition-delay: 1.9s; }
.animation-waterfall-steep > :nth-child(10) {transition-delay: 2.1s; }
.animation-waterfall-steep > :nth-child(11) {transition-delay: 2.3s; }
.animation-waterfall-steep > :nth-child(12) {transition-delay: 2.5s; }
.animation-waterfall-steep > :nth-child(13) {transition-delay: 2.7s; }
.animation-waterfall-steep > :nth-child(14) {transition-delay: 2.9s; }
.animation-waterfall-steep > :nth-child(15) {transition-delay: 3.1s; }
.animation-waterfall-steep > :nth-child(16) {transition-delay: 3.3s; }


.animation-wobble img {position: relative; transform: translate3D(0,0,0); transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.animation-wobble:hover img {transform: translate3D(20px,-20px,0); }

/*div.fancy-links > *  { transform: translateY(75px); opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }*/
/*.in-view div.fancy-links > *  { transform: translateY(0px); opacity: 1; }*/

.animation-slide-up > *   { transform: translateY(75px); opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.in-view .animation-slide-up > *   { transform: translateY(0px); opacity: 1; }

div.capabilities-set > div   { transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transform: translate3D(0, 75px, 0); opacity: 0; }
div.capabilities-set > div  a img { position: relative; left: 0; transition: all .6s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
div.capabilities-set > div  a:hover img { left: 5px;}
.in-view div.capabilities-set > div   { transform: translate3D(0, 0px, 0); opacity: 1; }

.updates > *   { transform: translateY(75px); opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.updates.in-view > *   { transform: translateY(0px); opacity: 1; }

.move-up  { margin-top: 0px; opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.in-view.move-up { margin-top: -240px !important; opacity: 1; }

.projects-list > div   { transform: translateY(75px); opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.projects-list > div.in-view { transform: translateY(0px); opacity: 1; }
.projects-list > div:nth-child(6n + 1) {transition-delay: .5s; }
.projects-list > div:nth-child(6n + 2) {transition-delay: .15s; }
.projects-list > div:nth-child(6n + 3) {transition-delay: .2s; }
.projects-list > div:nth-child(6n + 4) {transition-delay: .25s; }
.projects-list > div:nth-child(6n + 5) {transition-delay: .3s; }
.projects-list > div:nth-child(6n) {transition-delay: .35s; }

.projects-list div.photo img {position: relative; transform: translate3D(0,0,0); transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.projects-list div.photo img:hover {transform: translate3D(0px,20px,0); }
.projects-list > div:hover * { color: #aaa !important; transition: all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.projects-list > div:hover div.address, .projects-list > div:hover div.city { transform: translate3D(0px,-10px,0);; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.project-menu h3    { transform: translateY(75px); opacity: 0; transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.in-view .project-menu .js-accordion > h3 { transform: translateY(0px); opacity: 1; }
.in-view .project-menu .js-accordion > h3:nth-child(1) {transition-delay: .3s; }
.in-view .project-menu .js-accordion > h3:nth-child(3) {transition-delay: .4s; }
.in-view .project-menu .js-accordion > h3:nth-child(5) {transition-delay: .5s; }
.in-view .project-menu .js-accordion > h3:nth-child(7) {transition-delay: .6s; }
.in-view .project-menu .js-accordion > h3:nth-child(9) {transition-delay: .7s; }
.in-view .project-menu .js-accordion > h3:nth-child(11) {transition-delay: .8s; }
.in-view .project-menu .js-accordion > h3:nth-child(13) {transition-delay: .9s; }
.in-view .project-menu .js-accordion > h3:nth-child(15) {transition-delay: 1s; }
.in-view .project-menu .js-accordion > h3:nth-child(17) {transition-delay: 1.1s; }
.in-view .project-menu .js-accordion > h3:nth-child(19) {transition-delay: 1.2s; }


/*OLD*/

div.projects-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 90px}
div.projects-list > div { display: none;}
div.projects-list > div.active { display: block;}
div.projects-list div.photo { margin-bottom: 50px;}
div.projects-list div.photo img { display: block;}
div.projects-list div.address { color:#000; font-size: 36px; font-weight: 700; margin-bottom: 10px;}
div.projects-list div.city { color:#000; font-size: 18px; font-weight: 400; margin-bottom: 0px; font-family: heebo}

div.project-menu { display: flex; max-width: 1640px; width: 100%; margin: 0 auto; gap: 60px; }
div.project-menu > div { width: 1080px;}
div.project-menu > div:first-child { width: calc(100% - 1140px); }

div.project-slide img {width: 100%; height: 100%; object-fit: cover; display: block}
div.legend { position: absolute; bottom: 0px; left: 0px; padding: 20px; text-align:left; display: table; max-width: calc(100% - 80px); background: rgba(55, 85,66, 0.75);  }
div.legend div.title { color: #fff; font-family: century-gothic; font-size: 18px; margin-bottom: 5px; font-weight: 300}
div.legend div.address { color: #fff; font-family: century-gothic; font-size: 14px; margin-bottom: 10px}
div.legend a { color: #fff; font-family: century-gothic; font-size: 14px; font-weight: 700}
div.projects-slideshow ul.slick-dots { bottom: -25px}


h3.ui-accordion-header {font-size: 24px; font-family: heebo; font-weight: 400; position: relative; padding: 3px 0 3px 40px; margin: 20px auto; line-height: 1.25; }
h3.ui-accordion-header span {position: absolute; display: block; width: 20px; height: 100%; left: 0; top: 0; background: url(/img/svg/plus.svg) no-repeat left center; background-size: contain;}
h3.ui-accordion-header.ui-accordion-header-active span {background-image: url(/img/svg/minus.svg)}
div.ui-accordion-content { padding-left: 40px;}
div.ui-accordion-content a { font-size: 18px; font-family: heebo; position: relative; display: block; padding-left: 38px; color: #000; line-height: 30px; margin-bottom: 20px;}
div.ui-accordion-content a:before { content:""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 30px; background: url(/img/svg/zoom.svg) no-repeat left center; background-size: contain;}

section.project-details {  margin-bottom: 40px; z-index: 3;}
div.project-details { display: flex; gap: 0; width: 100%; max-width: 1320px; margin: 0 auto; align-items: flex-end; padding: 0 40px;}
div.project-details > div { width: 680px;}
div.project-details > div:last-child { width: calc(100% - 680px); padding-left: 120px}
div.project-details h1 { color: var(--col-primary); margin-bottom: 20px; white-space: nowrap}
div.project-stats { display: flex; justify-content: space-between; gap: 15px; max-width: 780px; margin: 50px auto 50px 0}
div.project-stats > div { }
div.project-stats h2 { margin-bottom: 10px}
div.project-stats p { font-size: 20px; line-height: 1.25; font-family: heebo;}

div.project-contacts { display: block; max-width: 1320px; margin: 40px auto; margin-top: 80px; padding: 0 40px;}
div.project-contacts > div { display: flex; gap: 50px;}
div.project-contacts h2 { margin-bottom: 30px !important}

div.project-contact {display: flex; gap: 0; align-content: top; width: 620px;max-width: 50%; align-items: flex-start;}
div.project-contact > div:first-child {width: 180px;}
div.project-contact > div:last-child {padding-left: 40px; text-align: left; width: calc(100% - 180px)}
div.project-contact div.photo {border: 1px solid #DDE2E9;}
div.project-contact div.agent-name {font-size: 24px; color: var(--col-primary);font-weight: 700; margin-bottom: 20px}
div.project-contact div.photo img {display: block; width: 100%; }
div.project-contact p { font-size: 18px; line-height: 1.25; font-family: heebo;}
div.project-contact a.phone {padding-left: 35px; position: relative; display: inline-block;}
div.project-contact a.phone:before {content:""; display: block; position: absolute; background: url(/img/svg/phone.svg) no-repeat left center; background-size: contain; width: 30px; height: 100%; top: 0; left: 0}
/*div.project-contact a.btn { width: 100%; text-align: center;}*/

div.property-details { max-width: 1364px; margin: 0 auto; display: flex; gap: 50px; justify-content: space-between; align-items: flex-start;}
div.property-details div { max-width: 536px; }
div.project-map {max-width: 1364px; margin: 0 auto; position: relative;}
div.project-map > p {text-align: right; margin-top: 30px; font-size: 24px; line-height: 1.25; font-family: heebo;}


div.property-details ul li { display: block; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: left;padding-left: 20px;font-size: var(--default-font-size);color: var(--col-text);font-family: var(--default-font);}
div.property-details ul.bullets { margin-bottom: 30px; }
div.property-details ul li:before { content: ""; position: absolute; display: block; left: 0; top: 0.65em; width: 6px; height: 6px; border-radius: 6px; background: var(--col-text);}

div.property-agents { margin-bottom: 10px; margin-bottom: 30px;}
div.property-agents ul.slick-dots { bottom: auto; top: -40px; left: auto; right: 0; text-align: right;}
/*div.property-agents ul.slick-dots li button { background: #fff; opacity: .2}*/
/*div.property-agents ul.slick-dots li.slick-active button { opacity: 1}*/
div.agent-info {display: flex; gap:16px; margin-bottom: 40px; align-items: center;}
div.agent-info > div {width: 55%}
div.agent-info > div:first-child {width: 45%}
div.agent-info a.btn { width: 100%;}
div.agent-info div.name {font-size: 36px; font-weight: 700; color: #375542; margin: 20px auto 5px 0}
div.agent-info div.title {font-size: 14px; font-family: heebo; color: var(--col-primary);  line-height: 1.3}
div.agent-photo { width: 203px; max-width: 92%; margin: 0 auto; }
div.agent-photo img { display: block; border-radius: 203px; width: 100%}
a.btn-brochure { width: 100%; margin-bottom: 100px}

div.other-projects { display: flex; gap: 16px; max-width: 1364px; margin: 30px auto}
div.other-projects > div { width: calc(25% - 12px)}
div.other-projects div.photo { margin-bottom: 30px;}
div.other-projects img { display: block;}
div.other-projects p.large { margin-bottom: 0px;}

div.wrp-map { width: 100%; position: relative; }
div.gmap { width: 100%; padding-bottom: 70%; height: 0; position: relative; }
div.project-menu div.wrp-map { height: 100%;}
div.project-menu div.gmap { width: 100%; padding-bottom: 0%; height: 100%; }

span.label { position: absolute; bottom: 0; right: 0; font-size: 12px; color: #fff !important; padding: 0 20px 20px 0; text-align: right; line-height: 1.5; display: block}
span.label.top { bottom: auto; top: 0; right: auto; left: 0; padding: 20px 0 0 20px; text-align: left; color: #fff !important}

div.grid.contacts { gap: 0; max-width: 1444px; padding: 0 40px; margin-top: 50px;}
div.grid.contacts h2 { font-weight: 400}
div.grid.contacts h2.green { font-weight: 700}
div.grid.contacts > div { width: 32%; padding-right: 0px; text-align: left;}
div.grid.contacts > div:first-child { border-right: 1px solid #DDE2E9; }
div.grid.contacts > div:last-child { width: 68%; padding-left: 0px; }
div.grid.contacts > div:last-child > div { max-width: 660px; margin: 0 0 0 auto}
div.grid.main-contacts { justify-content: flex-start; gap: 10%; margin-top: 36px}

div.privacy-policy h2 { font-size: 20px !important;}
div.privacy-policy p { font-size: 14px !important;}

div.ccontacts > div > div { margin: 0 auto; text-align: center;}
div.ccontacts a.btn { margin: 0 auto}

article.portal button[type="submit"] {background-color: var(--col-primary); }
button.right { margin-left: auto; margin-right: 0}

div.portal-files { display: block; max-width: 1680px; padding: 0 40px; margin: 0 auto}
div.portal-index { display: flex; gap: 60px; justify-content: flex-start; align-items: flex-end; margin: 40px auto 50px; padding: 0px;}
div.portal-index a { font-size: 18px; opacity: .5; color: #000}
div.portal-index a.active { font-weight: 700; opacity: 1; }
div.portal-documents { margin-bottom: 40px}
div.portal-documents div.fund-documents { display: none; }
div.portal-documents div.fund-documents.active { display: block;}
div.portal-documents div.year { display: block; margin-bottom: 50px; }
div.portal-documents div.year h2 { margin-bottom: 20px; }

div.portal-documents div.year a, div.portal-documents div.folder2-files-list a { display: block; font-size: 18px; padding-left: 32px; position: relative; line-height: 1.5; min-height: 27px; text-align: left; color: #000; margin-bottom: 10px}
div.portal-documents div.year a:before, div.portal-documents div.folder2-files-list a:before { display: block; content:""; position: absolute; left: 0; top: 0; height: 100%; width: 20px; background: url("/img/svg/zoom.svg") no-repeat left center; background-size: contain;}
div.portal-documents div.title { font-size: 24px; color: #000; margin-bottom: 20px; font-weight: 500;}

div.appraisals { margin-bottom: 20px; }
div.appraisals div.files { max-height: 0px; opacity: 0; transition: all .2s linear; padding-left: 30px; margin-top: 0px}
div.appraisals div.reaffirmations { display: none;}
div.appraisals div.reaffirmations div.files { max-height: 0px; opacity: 0; transition: all .2s linear; padding-left: 30px; margin-top: 0px}
div.appraisals div.reaffirmations.open div.files { max-height: 2500px; opacity: 1;margin-top: 20px}
div.appraisals.open div.reaffirmations { display: block; padding-top: 20px; padding-left: 20px}
div.appraisals.open div.files { max-height: 2500px; opacity: 1;margin-top: 20px}
div.appraisals div.folder { font-size: 18px; margin-bottom: 0px; cursor: pointer}
div.appraisals div.folder span { margin-right: 10px; display: inline-block;}
div.appraisals div.subfolder { font-size: 18px; margin-bottom: 0px; cursor: pointer}
div.appraisals div.subfolder span { margin-right: 20px; display: inline-block;}

div.portal-files h2 { padding-right: 250px; position: relative;}
div.portal-files div.buttons { position: absolute; right: 0; top: 0; margin: 0}
div.portal-files div.buttons a { font-size: 16px; color: var(--col-primary); text-decoration: underline; line-height: 30px; font-weight: 500}


div.folder2-list { display: flex; justify-content: flex-start; gap: 50px; flex-wrap: wrap }
div.folder2-list.open { gap: 10px}
div.folder3-list { display: flex; justify-content: flex-start; gap: 50px; flex-wrap: wrap }
div.folder2-list.open div.folder2:not(.open) { display: none}
div.folder3-list.open div.folder2:not(.open) { display: none}
div.folder2-name { width: 140px; text-align: center; cursor: pointer;}
div.folder3-name { width: 140px; text-align: center; cursor: pointer;}
div.folder2-name span { text-align: center; display: block}
div.folder3-name span { text-align: center; display: block}
div.folder2.open div.folder2-name{ display: none}
div.folder3.open div.folder3-name{ display: none}
div.folder2.open { width: 100%}
div.folder3.open { width: 100%}
div.subfolder2.open { width: 100%}
div.subfolder3.open { width: 100%}

div.folder2-subfolders { display: none;}
div.folder3-subfolders { display: none;}
div.folder2-files { display: none;}
div.folder3-files { display: none;}

div.subfolder2-name { text-align: center; width: 100px;; cursor: pointer;}
div.subfolder3-name { text-align: center; width: 100px;; cursor: pointer;}
.open div.folder2-subfolders { display: block}
.open div.folder3-subfolders { display: block}
div.folder2-subfolders-list.open div.subfolder2:not(.open) { display: none}
div.folder3-subfolders-list.open div.subfolder3:not(.open) { display: none}
div.subfolder2.open div.subfolder2-name{ display: none}
div.subfolder3.open div.subfolder3-name{ display: none}
.open div.folder2-subfolders-list { display: flex; justify-content: flex-start; gap: 50px; flex-wrap: wrap; width: 100%; padding-left: 20px}
.subfolder2.open div.folder3-subfolders-list { display: flex; justify-content: flex-start; gap: 50px; flex-wrap: wrap; width: 100%; padding-left: 40px;}
/*.subfolder2.open div.folder2-files { display: block; width: 100%;}*/
.subfolder3.open div.folder2-files { display: block; width: 100%; }
.subfolder2.open div.folder2-files-list { display: flex; justify-content: flex-start; gap: 10px; flex-direction: column; align-items: flex-start; margin-top: 15px}
.subfolder3.open div.folder2-files-list { display: flex; justify-content: flex-start; gap: 10px; flex-direction: column; align-items: flex-start; margin-top: 15px; padding-left: 60px}

div.folder2-return { display: none; margin-bottom: 10px; padding-left: 20px;}
.folder2-list > div.folder2-return { padding-left: 0px;}
.open > div.folder2-return { display: block}
.open > .folder2-subfolders > div.folder2-return { display: block}
.open > .folder2-files > div.folder2-return { display: block}

div.folder2-files > div.folder2-return  {padding-left: 60px}
div.folder2-return.messed-up  {padding-left: 40px}

div.folder2-subfolders-list { border-top: 1px solid #000; padding-top: 15px}
div.folder3-subfolders-list { border-top: 1px solid #000; padding-top: 15px; display: none;}
div.folder2-files-list { border-top: 1px solid #000; padding-top: 15px}
div.folder3-files-list { border-top: 1px solid #000; padding-top: 15px}
div.folder2-subfolders-list.open { border-top: 0; padding-top: 10px}
div.folder3-subfolders-list.open { border-top: 0; padding-top: 10px}


div.popup-form { position: fixed; top: calc(50vh - 270px); right: 0; background: var(--col-primary); padding: 40px; border-radius: 0px 0 0 40px; width: 480px; z-index: 8; right: -480px; transition: right .3s cubic-bezier(0.250, 0.460, 0.450, 0.940); max-width: calc(100vw - 40px)}
div.popup-form.open { right: 0;}
div.popup-form input[type="text"], div.popup-form input[type="search"], div.popup-form input[type="tel"], div.popup-form input[type="number"], div.popup-form input[type="email"], div.popup-form input[type="password"] { line-height: 40px; border: 0; font-size: 14px;}
div.popup-form div.checkbox label { color:#fff; font-size: 12px}
div.popup-form button[type="submit"] { color: var(--col-primary); font-weight: 700; font-size: 14px}
div.form-title { color: #fff; font-size: 36px; margin: 0 auto 30px 0; display: block}
a.toggle-form { font-size: 24px; display: block; position: absolute; left: -60px; width: 60px; line-height: 60px; border-radius: 20px 0 0 20px; background: var(--new-color); color: #fff; top: 0; text-align: center;}
div.popup-form .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-results__option, div.popup-form .select2-container--default .select2-selection--single .select2-selection__placeholder { text-transform: none;}
div.popup-form p { color: #fff;}
div.popup-form div.reveal-response p { text-align: left;}
div.field.missing span.error-message { top: 2px; right: 2px;}
.select2-container--default .select2-search--inline .select2-search__field { box-shadow: none; line-height: 40px; font-size: 14px; min-height: 40px; border-radius: 0}
.select2-container--default .select2-selection--multiple {border-radius: 0}
.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0}
.select2-container--default .select2-selection--multiple .select2-selection__choice { text-transform: none;}

*::-webkit-scrollbar-track {background-color: rgb(15, 26, 23, 0.2)  }
*::-webkit-scrollbar-thumb { background-color: rgb(15, 26, 23, 1)  }
*::-webkit-scrollbar { width: 6px; height: 6px }


@media only screen and (max-width: 2000px) {
/*	div.project-menu { padding: 0 40px}*/
}

@media only screen and (max-width: 1880px) {

div.inner-masthead div.subtitle { padding-top: 3vw; }

/*div.grid.g1 > div:first-child, div.grid.g2 > div:first-child, div.grid.g5 > div:last-child, div.grid.g6 > div:first-child { padding-left: 40px; padding-right: 40px; }*/
/*div.grid.g5 > div:last-child *, div.grid.g6 > div:first-child > * { margin-left: auto; margin-right: auto}*/
/*div.project-menu > div { width: 70vw; }*/
/*div.project-menu { gap: 60px }*/
/*div.project-menu > div:first-child { width: calc(30vw - 140px); }*/
/*div.project-slide { height: 40vw;}*/
/*h3.ui-accordion-header { font-size: 20px; margin: 12px auto}*/
}

@media only screen and (max-width: 1680px) {
/*	 h3 { font-size: 40px;}*/
/*	 div.project-menu { padding: 0 20px;}*/
/*	 div.caption.label { padding-right: 40px}*/
/**/
/*	header div.logo { left: 40px;}*/
/*	header nav { right: 20px;}*/
	
	div.project-menu {padding: 0 40px;}
	 h3.ui-accordion-header { font-size: 20px}

}

@media only screen and (max-width: 1420px) {
	section:not(.full):not(.max):not(.masthead) { padding: 0 30px;}
	header nav > div { padding: 0 30px;}
	header div.logo { left: 30px;}
	footer {padding-left: 30px; padding-right: 30px}
	div.caption-home { padding: 0 30px;}
	div.caption-home div.caption { padding: 0 30px;}
	div.masthead-nav { padding: 0 30px 30px;}
	div.capabilities { padding: 125px 30px;}
	div.inner-masthead h1 { padding: 0 30px;}
	div.property-management {padding: 180px 30px 140px; }
	div.master-planning {padding: 180px 30px 140px; }
	div.content { padding: 140px 30px}
	div.impact { padding: 150px 30px}
	div.join-team { padding: 100px 30px 100px; }
	div.full-bio { padding: 250px 30px 0;}
	div.grid-contact2 { padding: 150px 30px}

	div.project-menu > div:first-child { width: 200px;}
	div.project-menu > div:last-child { width: calc(100% - 260px);}
	div.ui-accordion-content { padding-left: 10px}

	div.inner-masthead div.subtitle { padding: 0px 30px 30px; }

}


@media only screen and (max-width: 1280px) {

	:root {
		--mask-height: 320px;
		--mask-height2: 150px;
		--mask-height3: 220px;

	}

	div.content { padding: 100px 30px}
	
	header div.menu { gap: 18px}
	header div.menu a { max-width: 100%;}
	header nav > div { gap: 80px}
	header nav > div > div { width: 50%}
	header .header-right { gap: 50px}
	header .contact-info { gap: 40px}

	header div.logo { top:20px; left: 30px;}
	header div.logo img { width: 250px;}
	header div.burger { top: 10px}
	header nav { padding-top: 110px; height: calc(100 * var(--vh))}

body.article-no-masthead header { background: var(--col-primary); height: 90px}
body.article-no-masthead header div.logo { top: 10px; }
body.article-no-masthead header div.burger { top: 18px}

	h1 {font-size: 60px; margin-bottom: 40px; }
	h2 {font-size: 30px; margin-bottom: 30px; }
	h3 {font-size: 40px; margin-bottom: 50px; }
	h4 {line-height: 1.2; font-weight: 700; font-size: 36px; margin-bottom: 10px; }


	a.btn { font-size: 20px; }
	header div.menu a { font-size: 20px; }
	footer .contact-info strong {font-size: 16px; }
	footer div.disclaimer * { font-size: 12px; }
	div.languages a { font-size: 18px; }
	ul.diamonds li {font-size: 24px; }
	div.masthead-nav > div {font-size: 14px; }
	div.masthead-nav.smaller-nav > div {font-size: 12px; }
	div.subtitle { font-size: 20px; margin-bottom: 50px}
	div.fancy-links > div p:first-child { font-size: 64px; }
	div.fancy-links > div p:last-child { font-size: 18px; }
	div.fancy-links.smaller > div p:first-child { font-size: 36px; }
	ul.triangles li { font-size: 16px; }
	div.capabilities-set div.number { font-size: 80px;  height: 140px;}
	div.capabilities-set div.title { font-size: 22px; margin: 30px auto}
	div.capabilities-set p { font-size: 16px; }
	div.quick-project div.title { font-size: 24px; }
	div.quick-project div.city { font-size: 20px; }
	div.impact > div div.title { font-size: 24px; }
	div.impact > div div.action { font-size: 16px; }
	div.award p { font-size: 18px; }
	div.join-team div.title {font-size: 40px; }
	form.white-form button[type="submit"] { font-size: 20px; }
	form.white-form div.checkbox label { font-size: 12px; }
	div.team-dropdown div.selected-item { font-size: 22px; }
	div.team-dropdown div.list-options a { font-size: 16px; }
	div.team div.name { font-size: 26px; margin-bottom: 10px}
	div.team div.title { font-size: 16px; }
	div.contact-options a { font-size: 24px;}
	div.full-bio div.name {font-size: 60px; }
	div.full-bio div.title {font-size: 16px; }
	div.full-bio p {font-size: 18px; }
	div.team-slide div.name { font-size: 26px; margin-bottom: 10px}
	div.team-slide div.title { font-size: 16px; }
	div.progress-indicator { font-size: 24px; }
	div.grid-contact2 div.title {font-size: 40px; }

	div.masthead-nav { padding: 0 30px 15px}

	div.projects-list div.photo { margin-bottom: 20px}
	div.projects-list div.address {font-size: 30px}

	h3.ui-accordion-header {font-size: 18px; margin: 10px auto;}
	div.ui-accordion-content { padding-left: 0px}
	div.ui-accordion-content a { font-size: 15px; padding-left: 26px; margin-bottom: 10px; line-height: 1.5}
	div.ui-accordion-content a:before { width: 20px; background-position: center 5px;}

	div.fancy-links > div { padding-bottom: 15px;}
	div.team div.photo { margin-bottom: 15px}
	div.full-bio div.title { margin-bottom: 30px}
	div.team-slider { padding-top: 100px}
	div.team-slider button.slick-arrow { top: -90px}

	div.fancy-links > div p:first-child { padding-right: 20px;}

	div.grid-join h2:before { display: none;}
	div.award { max-width: 100%; margin-bottom: 80px}

		div.grid-contact2 { gap: 80px}


div.quick-project { padding: 50px 30px}
div.quick-project div.thumb {   }
div.quick-project div.action { margin-top: calc(30px + var(--mask-height));}

div.impact > div { padding: 50px 30px}


	div.grid-2.grid-property { flex-direction: column; align-items: flex-start; gap: 80px;}
	div.grid-2.grid-property > div { width: 100% !important; padding: 0 !important}
	div.grid-2.grid-property > div:last-child { max-width: 640px !important; }


	div.reports-new-format { gap: 12px; margin-top: 50px}
	div.reports-new-format > div { border-bottom: 1px solid #375542; padding-bottom: 40px;}
	div.reports-new-format a { font-size: 36px; }
	div.reports-new-format span { gap: 12px; margin-top: 15px; font-size: 18px; }

}





@media only screen and (max-width: 1080px) {
	div.inner-masthead { height: 400px}
	div.inner-masthead > p { height: 100%; width: 100%; margin: 0}
	div.inner-masthead > p > img, div.inner-masthead > img { height: 100%; width: 100%; object-fit: cover; object-position: center center; }

	div.fancy-links > div p:first-child { font-size: 48px; }
	div.fancy-links > div p:last-child { font-size: 16px; }
	div.fancy-links.smaller > div p:first-child { font-size: 24px; }

	div.team { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 16px;row-gap: 50px; }
	div.team-dropdown { margin-bottom: 40px}

	div.full-bio p { font-size: 16px;}
	div.team-slide  { gap: 16px;}

	div.masthead-nav.smaller-nav { display: none !important}

	div.projects-list div.address {font-size: 24px}
	div.projects-list div.city { font-size: 16px;}


/*	div.team-slide div.name { font-size: 26px; margin-bottom: 10px}*/
/*	div.team-slide div.title { font-size: 16px; }*/
}


@media only screen and (max-width: 980px) {

	:root {
		--mask-height: 280px;
		--mask-height2: 150px;
		--mask-height3: 180px;
	}

	header div.menu { gap: 15px}
	header nav > div { gap: 50px}
	header .header-right { gap: 40px}
	header .contact-info { gap: 20px}

	div.masthead-nav { display: none !important}
	div.grid-2 > div:last-child { padding-left: 40px}
	div.grid-impact > div:first-child { padding-right: 40px}
	div.grid-3 { gap: 40px}

	div.grid-contact2 { gap: 40px}

	div.quick-project div.thumb, div.quick-project div.mask { top: calc(30px + var(--mask-height) / 2); }

	div.impact { padding: 50px 30px; flex-direction: column;}
	div.impact > div { width: 100%}
	div.impact > div { padding: 40px 30px 30px}
	div.impact > div div.action {padding: 0;}
	div.impact > div div.action:before, 	div.impact > div div.action:after { display: none}

	div.impact > div div.mask, 	div.impact > div div.thumb {    top: 110px;}
	div.impact > div div.action { margin-top: calc(20px + var(--mask-height2)); }

	div.login-prompt { max-width: 100% !important}
}


@media only screen and (max-width: 760px) {

	:root {  
			--dim-default-space: 100px;
			--mask-height: 220px;
			--mask-height2: 150px;
			--mask-height3: 220px;
	}
	
	 div.quick-project { padding: 50px 20px;}
	div.quick-project div.thumb, div.quick-project div.mask { top: calc(70px + var(--mask-height) / 2); }
	div.quick-project div.mask:before {    border-width: var(--mask-height) 0 0 calc(var(--mask-height) / 2 - 40px);}
	div.quick-project div.mask:after { border-width: 0 calc(var(--mask-height) / 2 - 40px) var(--mask-height)  0;}
	div.more-projects { margin: 20px auto 120px}

div.quick-projects2 div.quick-project div.thumb, div.quick-projects2 div.quick-project div.mask { top: calc(var(--mask-height3) / 2 + 70px); }
/*div.quick-projects2 div.quick-project div.action { margin-top: calc(60px + var(--mask-height3)); }*/


	header div.logo { top:10px; left: 20px;}
	header div.logo img { width: 170px; ;}
	header div.burger { top: 0}
	header nav { padding-top: 100px; height: calc(100 * var(--vh))}
	header nav > div { flex-direction: column; align-items: flex-start;}
	header nav > div > div { width: 100%; }
	header .contact-info { gap: 40px; flex-direction: column; align-items: flex-start;}
	header div.menu { width: 100%; gap: 10px}
	header div.menu a { font-size: 18px; padding: 5px 0;}
	header div.photo { display: none;}
	header .contact-info {gap:20px}
	header .contact-info p { line-height: 1.4}

	body.article-no-masthead header { background: var(--col-primary); height: 60px;}
/*	body.article-no-masthead header div.logo { top: 10px; }*/
	body.article-no-masthead header div.burger { top: 0px}

	footer div.footer-top {margin-bottom: 50px; flex-direction: column; }
	footer div.logo {margin-bottom: 50px; }
	footer a.btn { font-size: 16px;}
	footer .contact-info p { font-size: 18px;}
	footer .contact-info p + p { margin-top: 30px;}
	footer div.footer-bottom {flex-direction: column-reverse; }

	div.footer-right { justify-content: flex-start; gap: 40px}
	footer p.social { gap: 20px}

	div.inner-masthead { height: 100vw; }

	h1 { font-size: 36px}
	h1 nobr { display: inline !important; }
	h2 { font-size: 24px}
	div.subtitle { margin-bottom: 30px}

	div.grid-1 { flex-direction: column; gap: 40px}
	div.grid-1 > div { width: 100% !important; padding: 0 !important}

	div.fancy-links > div { flex-direction: column; align-items: flex-start; gap: 15px;}
	div.fancy-links > div > p { padding: 0 !important; width: 100% !important}
	div.fancy-links > div:after { display: none !important}
	div.fancy-links > div { border-bottom: 0; border-top: 1px solid #DDE2E9; padding-top: 15px;}
	div.fancy-links.spreaded { justify-content: flex-start; gap: 15px}
	div.fancy-links.spreaded > div { gap: 5px}

	div.grid-2 { flex-direction: column; align-items: flex-start; gap: 80px;}
	div.grid-2 > div { width: 100% !important; padding: 0 !important}
	div.updates { padding-bottom: 0}

	ul.triangles li { font-size: 14px}

	div.master-planning { padding: 80px 30px }
	div.grid-3 { flex-direction: column; gap: 50px}
	div.grid-3.reversed { flex-direction: column-reverse; }
	div.grid-3  > div { width: 100% !important; padding: 0 !important}

    div.team { grid-template-columns: 1fr; }

	div.full-bio { flex-direction: column; gap: 40px}
	div.full-bio  > div { width: 100% !important; padding: 0 !important}

	div.team-slide { flex-wrap: wrap;}
	div.team-slide > div { width: calc(50% - 8px); }
	div.team-slide div.name { font-size: 21px}
	div.progress-indicator { display: none;}
	div.team-slider { padding-top: 60px;}
	div.team-slider button.slick-arrow { top: -40px}
	div.team-slider .slick-dots { top: -40px}

	div.project-menu { flex-direction: column; gap: 40px}
	div.project-menu > div { width: 100% !important; padding: 0 !important}

	div.projects-list { grid-template-columns: 1fr; row-gap: 60px;}

	div.grid-impact { flex-direction: column; gap: 40px}
	div.grid-impact > div { width: 100% !important; padding: 0 !important}
	div.certification-slide div { padding: 30px 20px}

	div.join-team {padding: 50px 30px}
	div.join-team div.title { font-size: 28px}

	div.award { flex-direction: column; gap: 40px; margin-bottom: 50px}
	div.award > div { width: 100% !important; padding: 0 !important}
	div.award img { max-width: 160px; margin: 0 auto 0 0}

	div.grid-join > div:first-child { display: none;}
	div.grid-join > div:last-child { width: 100%; padding: 0}

	div.grid-contact { flex-direction: column; gap: 40px}
	div.grid-contact > div { width: 100% !important; padding: 0 !important}

	div.grid-contact2 { flex-direction: column-reverse; gap: 80px; padding: 50px 30px}
	div.grid-contact2 > div { width: 100% !important; padding: 0 !important}

	div.capabilities-set { flex-direction: column; gap: 80px; margin-bottom: 80px !important}  
	div.capabilities-set > div { width: 100%}

	div.quick-projects { grid-template-columns: 1fr;    row-gap: 16px;}
	div.quick-project.in-view:nth-child(2n) {    transform: translateY(0px);}

	div.agent-info {flex-direction: column; align-items: flex-start;}
	div.agent-info > div { width: 100% !important;}
	div.agent-info a.btn { font-size: 18px;}
	a.btn-brochure  { font-size: 16px; margin-bottom: 60px}
	div.agent-photo { max-width: 150px; padding-bottom: 40px; margin: 0 auto 0 0}

	div.property-management {padding: 180px 30px 50px; }

	div.reports-new-format { flex-direction: column; align-items: flex-start; gap: 30px}
	div.reports-new-format > div { width: 100%; padding-bottom: 20px; }
	div.reports-new-format a { font-size: 26px; }
	div.reports-new-format span { gap: 10px; margin-top: 10px; font-size: 18px; }
	div.reports-new-format span img { height: 15px}

}












@media only screen and (max-width: 14px) {

		p.large { font-size: 20px; }

		h1 {font-size: 48px; margin-bottom: 40px; }
		h2 {font-size: 30px; margin-bottom: 12px; }
		h2.large { font-size: 36px;}
		h2.larger { font-size: 48px;}
		h2.center { margin-bottom: 30px}
		h3 {font-size: 36px; margin-bottom: 50px; }
		h4 {font-size: 24px; }

		div.masthead h1 { margin-bottom: 30px;}
		div.masthead h2 { margin-bottom: 40px;}


		a.btn { padding: 0 20px; }
		a.btn.btn-download { padding: 0 40px 0 20px; }
		a.btn.btn-download:after { right: 12px; width: 16px; }

		header { height: 60px; }
		header div.logo { top: 15px; }
		header div.logo img { height: 30px; }
		header nav a { font-size: 16px; line-height: 60px; padding: 0 30px; }

		header.visible { top: 0; height: 40px;}
		header.visible div.logo { top: 10px; }
		header.visible div.logo img { height: 20px; }
		header.visible nav a { line-height: 40px; padding: 0 20px; }

		footer { padding-bottom: 20px}
		div.footer-links { gap: 60px;}
		footer p { font-size: 12px; line-height: 1.5;}
		footer p a { font-size: 12px; }
		footer p.social { gap: 20px;}
		footer p.social a { font-size: 18px; }
		footer div.contact-info { gap: 60px; }
/*		footer div.logo { width: 100px; }*/
		footer div.footer-top > div { width: 100px}
		footer div.footer-top > div:last-child { width: calc(100% - 100px)}

		footer div.disclaimer { margin-top: 25px; }
		footer div.disclaimer * { font-size: 11px; }
		div.languages { gap: 10px; padding-right: 20px}
		div.languages a { font-size: 16px; }
		footer div.newsletter {max-width: 360px;}
		footer input[type="text"] { line-height: 24px; min-height: 24px;}
		footer button[type="submit"] {line-height: 24px; font-size: 11px; }

		section.b-green { padding: 50px 0;}
		section.b-gray { padding: 50px 0;}

		ul.diamonds {border-left: 1px solid #707070; padding:30px 0 30px 60px;  }
		ul.diamonds li {padding-left: 40px; font-size: 20px; margin-bottom: 15px}
		ul.diamonds li:before {}


		div.caption.label {padding: 100px 40px 0 0; }
		div.caption.label p {font-size: 14px; }

		div.caption.c1 {padding: 40px; max-width: 100%;}
		div.caption.c1 p { font-size: 32px; }



		div.grid.g3 { padding: 50px 0; gap: 100px; }

		div.grid.g4 { gap: 60px; padding: 0 40px; max-width: 100%;}
		div.grid.g4 > div { width: calc(50% - 30px);}

		div.g-stats .b-green { padding: 50px 0}

		div.grid.g7 { margin-top: 40px; padding: 0 40px}

		div.principles { padding: 50px 0; }
		div.principles p:not(:last-child) { margin-bottom: 50px}

		p.h1 {font-size: 44px; }

		div.pagenav a { line-height: 48px; font-size: 16px;}

		div.reports h2 { margin-bottom: 30px}
		div.report-year { margin-bottom: 40px;}
		div.report-year p { font-size: 20px; }
		a.download { padding-left: 32px; font-size: 16px; }
		a.download:before { width: 14px; }

		div.stat { border: 6px solid #9aa9a0; width: 280px; height: 280px; line-height: 258px; font-size: 36px; border-radius: 280px; }
		div.stats { padding: 50px 0; }
		div.stats p { font-size: 20px; }
		div.stats ul.slick-dots { bottom: -40px;}
		div.stat canvas { position: absolute; top: -9px; left: -9px}

		div.community-partners div.grid { margin: 50px auto; padding: 0px 40px}

		div.contributions p { font-size: 20px; }
		div.contributions strong { font-size: 48px; }

		div.team > div { margin-bottom: 50px}
		div.team div.photo { margin-bottom: 30px; border: 1px solid #707070; }
		div.team div.name { font-size: 30px; }
		div.team div.title { font-size: 20px; }
		div.contact-options { gap: 20px; }
		div.contact-options a { font-size: 20px;}

		div.join-form { padding: 0 40px; max-width: 100%; }
		div.join-form textarea { height: 160px}
		div.join-form button[type="submit"] { font-size: 16px; line-height: 36px; padding: 0 20px; margin: 30px auto 0; }

		div.person { margin-bottom: 100px; }
		div.person div.photo { margin-bottom: 30px; border: 1px solid #707070; }
		div.person div.details{ padding-left: 100px}
		div.person div.name { font-size: 30px; }
		div.person div.title { font-size: 20px; }
		div.person div.contact-options { margin-bottom: 50px;}
		div.person div.details p { font-size: 16px; }

		div.projects-list { gap: 42px; padding: 0 40px;max-width: 100%}
		div.projects-list > div { width: calc(33.33% - 28px); }
		div.projects-list div.photo { margin-bottom: 20px;}
		div.projects-list div.address { font-size: 24px; }
		div.projects-list div.city { font-size: 14px; }

		div.project-menu { gap: 50px; }


		h3.ui-accordion-header {font-size: 20px; padding: 5px 0 5px 30px; }
		h3.ui-accordion-header span {width: 20px; }
		div.ui-accordion-content { padding-left: 30px;}
		div.ui-accordion-content a { font-size: 16px; padding-left: 32px; line-height: 30px; }
		div.ui-accordion-content a:before { width: 22px; }

/*		section.project-details {  margin-bottom: -205px; }*/
/*		div.project-details { max-width: 100%; padding: 0 40px}*/
/*		div.project-details > div:first-child { padding-right: 60px}*/
/*		div.project-stats { margin: 40px auto 40px 0}*/
/*		div.project-stats p { font-size: 20px; }*/
/*		div.project-contact {padding: 15px 15px 20px; }*/
/*		div.project-contact div.photo {margin: 40px auto 20px; }*/
/*		div.project-contact p { font-size: 18px; }*/
/*		div.project-contact a.phone {padding-left: 30px; }*/
/*		div.project-contact a.phone:before {width: 22px; }*/

		div.property-details { gap: 40px; padding: 0 40px}
		div.project-map { max-width: calc(100% - 80px);}
		div.project-map > p {margin-top: 20px; font-size: 20px; }

		div.other-projects { margin: 20px auto; max-width: 100%; padding: 0 40px;}
		div.other-projects div.photo { margin-bottom: 20px;}

		div.principles img { max-width: 34vw;}

/*		div.project-menu > div { width: calc(100% - 350px); }*/
		div.project-menu > div:first-child { width: calc(30vw - 90px);}

		div.grid.g1 > div:last-child, div.grid.g2 > div:last-child { padding-right: 40px}

		div.grid.logos { padding: 0 20px;}
		section.short { padding: 0 40px ; max-width: 100%}
		
		section.content { padding: 0 40px;}

		div.community-partners div.grid > div:first-child { padding-right: 40px}

		div.grid.g7 > div:first-child { padding-right: 40px}

		div.team { padding: 0 40px;}
		div.person { padding: 0 40px; max-width: 100%}
		
		article.no-masthead { padding-top: 40px}
		div.portal-index { gap: 30px; margin: 40px auto 50px; }
		div.portal-index a { font-size: 16px; }

}

@media only screen and (max-width: 12px) {

div.team-index { gap: 40px; }
div.team-index a { font-size: 16px; }

}
@media only screen and (max-width: 10px) {

	:root {
	  --default-font-size: 14px;
	  --default-input-font-size: 14px;
	  }
	div.caption.label { padding: 70px 10px 0 0}
	h1 {font-size: 40px; margin-bottom: 30px; }
	h2 {font-size: 24px; margin-bottom: 12px; }
	h2.large { font-size: 36px;}
	h2.larger { font-size: 40px;}
	h2.center { margin-bottom: 30px}
	h3 {font-size: 30px; margin-bottom: 30px; }
	h4 {font-size: 20px; }

	div.masthead h1 { margin-bottom: 20px;}
	div.masthead h2 { margin-bottom: 30px; }
	p.h1 {font-size: 36px; }

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

	div.caption.full { padding: 0 40px}

	ul.diamonds li { font-size: 20px}

	div.grid.g5, div.grid.g6 { background-color: #fff !important;     align-items: flex-start; margin-bottom: 50px !important}


	div.grid.g5 * { color: #000 !important}
	div.grid.g5 h3, div.grid.g6 h3 { margin-top: 20px}

	div.projects-list div.photo { margin-bottom: 10px;}
	div.projects-list div.address { font-size: 18px; }
	div.projects-list div.city { font-size: 12px; }

	div.other-projects div.photo { margin-bottom: 10px}
	div.other-projects p.large { font-size: 16px;}

	div.grid.g3 { gap: 80px; padding: 0 40px}

	div.project-menu { flex-direction: column; height: auto; padding: 0}
	div.project-menu > div { width: 100% !important}
	div.project-menu div.wrp-map { height: 600px}
	div.project-menu > div:first-child { display: none;}

	div.project-details{ gap: 50px; flex-direction: column; align-items: flex-start}
	div.project-details > div { width: 100% !important;}
	div.project-details > div:last-child{ padding: 0; }

	div.project-contact > div:first-child { width: 180px}
	div.project-contact > div:last-child { width: calc(100% - 180px)}

	div.project-contact div.photo img { height: auto; object-fit: auto;}
	div.project-contact div.photo {border: 0}
	div.project-contact div.photo img {border: 1px solid #DDE2E9;}



	section.project-details { margin-bottom: 50px}
	div.project-contact { top: 0}
	div.property-details div { width: 50%}

	div.pagenav a { font-size: 12px}
	div.g-stats > div:last-child { padding-left: 20px; padding-right: 20px}

	div.person div.photo { width: 34%;}
	div.person div.details { width: 66%; padding-left: 40px;}
	div.person div.details p {font-size: 14px}

	footer div.contact-info { flex-direction: column; gap: 20px}
	div.footer-links { gap: 20px}

	div.grid.contacts > div { width: 28%; padding-right: 20px; }
	div.grid.contacts > div:first-child { border-right: 1px solid #DDE2E9; }
	div.grid.contacts > div:last-child { width: 72%; padding-left: 20px;}

	div.team-index { gap: 20px 50px; flex-wrap: wrap; justify-content: center;}
	div.team-index a { font-size: 16px; }

	div.project-slide { height: 56.25vw;}

}

@media only screen and (max-width: 8px) {
	div.masthead h1 { font-size: 32px;}
	div.masthead h2 { font-size: 20px}

	div.footer-links { flex-wrap: wrap;}
	footer div.logo { width: 100%;}
	footer div.logo img { margin: 0 auto;}
	footer div.quick-links { padding-left: 20px}

	div.project-contacts > div { flex-direction: column}
	div.project-contacts > div > div { width: 100% !important; max-width: 100% !important}
	div.project-contact a.btn { width: 200px}


		ul.diamonds {border-left: 1px solid #707070; padding:30px 0 30px 40px;  }
		ul.diamonds li {padding-left: 40px; font-size: 16px; margin-bottom: 15px}
		ul.diamonds li:before { top: -0.1em}



}

@media only screen and (max-width: 7px) {

	h1 {font-size: 32px; text-align: left; padding-left: 20px; margin-top: 40px}
	div.masthead h1 {margin-top: 0px}
	h2.large { font-size: 28px;}
	h2.larger { font-size: 32px;}
	h2 {font-size: 20px; }
	h3 {font-size: 24px; }
	h4 {font-size: 16px; }

	section.content h1, section.short h1 { padding-left: 0}

	div.grid.g1, div.grid.g2, div.grid.g3, div.grid.g4, div.grid.g5, div.grid.g6 { flex-direction: column; gap: 20px}
	div.grid.reverse-grid { flex-direction: column-reverse}
	div.grid.g1 { gap: 40px}
	div.grid.g1 > div, div.grid.g2 > div, div.grid.g3 > div, div.grid.g4 > div, div.grid.g5 > div, div.grid.g6 > div { width: 100% !important; padding: 0 !important}
	div.grid.g3 { padding: 0}
	section.b-gray { padding: 0; background: #fff !important}
	#home section.b-gray:last-child { padding: 40px 0 40px}
	#about section.b-gray:last-child { padding: 0px 0 40px}

	div.grid > div.text { padding-left: 20px !important; padding-right: 20px !important;}
	ul.diamonds { border: 0; padding: 0; margin-bottom: 40px}

	div.grid a.btn-white { background-color: var(--col-primary); color: #fff}
	div.grid.g2 { padding: 0}
	p.large { margin-bottom: 20px}
	div.grid.g2 p.large { margin-top: 20px; margin-bottom: 20px}
	
	section:not(.b-green):not(.b-gray)last-child { margin-bottom: 50px}
	section.content, section.short { padding-left: 20px; padding-right: 20px}

	div.masthead { padding-top: 60px}
	div.masthead.mobile-masthead { padding-top: 0px}
	div.masthead.mobile-masthead > p > img { height: calc(100 * var(--vh));width: 100%; object-fit: cover;padding-top: 0px}
	div.masthead > p:after { display: none}
	div.caption.label { top: auto; bottom: 0; right: 0}

	header nav { right: -200vw; width: 100vw; height: calc(100 * var(--vh)); background: var(--col-primary); flex-direction: column; justify-content: center;}
	header nav a { color: #fff; width: 100%; font-size: 24px; text-align: center;}
	header.active nav { right:0}
	header div.logo { left: 20px;}
	header div.burger { display: block; left: auto; right: 0}
	header.visible { height: 60px;}
	header.visible div.logo { top: 15px}
	header.visible div.logo img { height: 30px}
	header nav a:hover, header nav a.active { font-weight: 700; background: inherit; color: #fff;}

	a.btn { font-size: 12px}

	div.caption.c1 { position: relative; padding: 0px 20px 20px; width: 100%; }
	div.caption.c1 p { font-size: 20px; font-family: century-gothic; line-height: 1.25; font-weight: 700}

	h2 br { display: none;}

	div.principles { padding: 50px 20px; }

	img.mobile-tall { height: 80vw; object-fit: cover;}

	div.projects-list { gap: 20px; padding: 20px; }
	div.projects-list > div { width: calc(50% - 10px);}
	div.projects-list div.address { font-size: 12px; line-height: 1.33}
	div.projects-list div.city { font-size: 11px}

	div.property-details { flex-direction: column; gap: 40px; padding: 0 20px}
	div.project-details { flex-direction: column; gap: 40px; padding: 0 20px}
	div.property-details > div { width: 100% !important}
	div.project-details > div { width: 100% !important}
	div.project-contact { padding: 0; border: 0}
	div.project-details h1 { padding-left: 0; white-space: initial}
	div.project-contacts { padding: 0 20px}

	div.project-map { max-width: 100%}
	div.project-map > p { padding-right: 10px; margin-top: 10px; font-size: 14px}

	div.other-projects { padding: 0 20px; gap: 10px;}
	div.other-projects > div {width: calc(50% - 5px)}
	div.other-projects > div:nth-child(3), div.other-projects > div:nth-child(4) { display: none;}

/*	div.pagenav { flex-direction: column; justify-content: flex-end;}*/
/*	div.pagenav a { width: 100%; max-width: 100%; border: 0; text-align: left; padding: 0 0 0 20px; border-bottom: 1px solid var(--col-primary)}*/
	div.pagenav a { max-width: 40%; }

	div.grid.logos { flex-wrap: wrap; justify-content: center; gap: 25px}
	h1 {text-align: left; }
	div.masthead h1 {text-align: center; }

	div.community-partners div.grid { padding: 0 20px; flex-direction: column; margin-bottom: 70px}
	div.community-partners div.grid > div { width: 100% !important; padding-right: 0 !important}
	h2.large:first-child { margin-top: 40px;}
	div.grid.g7  { padding: 0 20px; flex-direction: column; margin-bottom: 70px; gap: 40px}
	div.grid.g7> div { width: 100% !important; padding-right: 0 !important}

	div.team  { padding: 0 20px; flex-direction: column; margin-bottom: 50px; gap: 10px}
	div.team > div { max-width: 100%; width: 100% !important; padding-right: 0 !important}

	div.join-form { background-color: #DDE2E9 !important; padding: 20px 20px; width: 100%;}

	div.person  { padding: 0 20px; flex-direction: column; margin-bottom: 50px; gap: 10px}
	div.person > div { max-width: 100%; width: 100% !important; padding-right: 0 !important}
	div.person div.details { padding-left: 0}


	div.form-row { flex-direction: column}

	footer div.footer-links	 { flex-direction: column; gap: 20px; align-items: center;}
	footer div.footer-links	 > div { width: 100%; text-align: center;}
	footer div.footer-links	 > div p { width: 100%; text-align: center;}
	footer div.quick-links { padding-left: 0px}
	div.languages, footer p.social { justify-content: center;}

	div.grid.contacts { flex-direction: column; gap: 40px; padding: 0}
	div.grid.main-contacts { flex-direction: column; gap: 40px}
	div.grid.contacts > div { width: 100%; padding-right: 0px; }
	div.grid.contacts > div:first-child { border-right: 0px solid #DDE2E9; }
	div.grid.contacts > div:last-child { width: 100%; padding-left: 0px;}
	div.grid.contacts > div:last-child > div { max-width: 100%; }

	div.g2 ul.diamonds { margin-top: 30px}

	div.grid.g4 { padding: 0}
	div.grid.g4 > div:last-child { padding: 0 20px !important}

	section.center  * {text-align: left;}
	p.center { text-align: left !important}

	footer button[type="submit"] { width: 160px; margin: 0 auto}

	ul.diamonds li { font-size: 16px}
	ul.diamonds li:before { top: 0}

	div.privacy-policy h2 { font-size: 16px !important;}
	div.privacy-policy p { font-size: 12px !important;}

	div.team-index { gap: 15px 40px;  justify-content: flex-start;}
	div.team-index a { font-size: 16px; }

		div.portal-index { gap: 15px 40px;  justify-content: flex-start; flex-wrap: wrap;}
		div.portal-index a { font-size: 16px; }

	div.content-1 { margin: 50px auto}
	div.reports { max-width: 576px; padding: 0 20px}

		div.legend { padding: 10px;}
		div.legend div.title { font-size: 13px;}
		div.legend div.address { font-size: 12px;}
		div.legend a { font-size: 11px;}

		div.content-1 > div { columns: 1; margin-top: 30px}
		div.content-1 { padding-left: 20px; padding-right: 20px}
		p.h1 nobr, 		h1 nobr { white-space: break-spaces;}

		div.folder2-name { width: 80px;}
		div.subfolder2-name { width: 80px}
		div.portal-documents div.year a, div.portal-documents div.folder2-files-list a { font-size: 14px; padding-left: 20px; min-height: 20px}
		div.portal-documents div.year a:before, div.portal-documents div.folder2-files-list a:before { width: 14px;}
		.subfolder2.open div.folder2-files-list { gap: 5px}
		.subfolder2.open div.folder3-subfolders-list, .subfolder3.open div.folder2-files-list ,  .open div.folder2-subfolders-list { padding-left: 0px}
		

}


@media only screen and (max-width: 6px) {

	div.project-contact { flex-direction: column; gap: 20px}
	div.project-contact > div:first-child { width: 100%; max-width: 200px}
	div.project-contact > div:last-child { width: 100%; padding-left: 0}

	div.project-stats { gap: 20px; flex-direction: column}
	div.project-stats > div { width: 100%}
	div.team-index a { display: block; width: 100%;}

	div.portal-files h2 { padding-right: 0;;}
	div.portal-files div.buttons { position: relative; margin-top: 20px; justify-content: flex-start;}
	div.portal-files div.buttons a { }

	a.toggle-form { font-size: 18px; left: -40px; width: 40px; line-height: 40px; border-radius: 15px 0 0 15px; background: var(--col-primary); color: #fff; top: 0; text-align: center;}
	div.popup-form { padding: 30px 20px; border-radius: 0px 0 0 0px; width: 100vw; right: -100vw; max-width: 100vw;}
	div.popup-form.open { right: 0;}
	div.popup-form.open a.toggle-form { top: -40px; left: auto; right: 0; border-radius: 30px 0px 0px 0; width: 60px;}
	.select2-container--open { left: 0 !important}
}