/* FONTS (via fonts.com)

font-family: Raleway, sans-serif;
font-family: Raleway, sans-serif;
*/

/* VARIABLES */

:root {
  --default-font: Raleway;
  --default-font-size: 18px;
  --default-input-font-size: 22px;

  --col-primary: #122561;
  --col-primary-rgb: 18, 37, 97;

  --col-accent: #000;
  --col-accent-rgb: 0, 0, 0;

  --col-text: #000;
  --col-input: #646464;
  --col-placeholder: #646464;
  --col-input-bg: #fff;

  --col-button: transparent;
  --col-button-rgb: 255, 255, 255;

  --col-link: #122561;
  --col-link-rgb: 100, 26, 25;

  --col-link-hover: #000000;
  --col-link-hover-rgb: 0, 0, 0;

  --col-error: #ff6633;
  --col-error-rgb: 255, 51, 0;

  --col-attention: #ff6633;
  --col-attention-rgb: 255, 51, 0;

  --col-warning: #f5b00e;
  --col-warning-rgb: 245, 176, 14;

  --col-missing: #ff6633;
  --col-missing-rgb: 255, 51, 0;

  --col-burger: #fff;

  --col-border: #646464;
  --col-border-rgb: 139, 1395, 139;

  --dim-site-width: 1440px;
  --dim-default-space: 80px;
  --dim-input-height: 56px;

  --grid-spacing: 15px;
  --grid-spacing-neg: -15px;
  --grid-spacing-2x: 30px;
  --grid-margin: 50px;
  --grid-margin-neg: -50px;
}

/* theme */

body { font-weight: 400; background-color: #fff; }
html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/
p { line-height: 1.5; margin-bottom: 30px; }
p.short  { max-width: 1060px; margin-left: auto; margin-right: auto;}
p.shorter  { max-width: 740px; margin-left: 0; margin-right: auto;}
p.shortish  { max-width: 820px; margin-left: 0; margin-right: auto;}
p.large { font-size: 22px;}
b,strong { font-weight: 700; }
p.lighter { font-weight: 300}
p.lighter { font-weight: 300}

h1, h2, h3, h4, h5, h6 { font-weight: 600; display: block;}
h1 { font-size: 74px; font-family: Raleway; color: var(--col-primary); font-weight: 700; letter-spacing: -.05em; line-height: 87px; margin-bottom: 20px; }
div.h1 { font-size: 60px; font-family: Raleway; color: var(--col-primary); font-weight: 700; letter-spacing: -.05em; line-height: 1.2; margin-bottom: 0px; }
h1.massive { font-size: 80px; line-height: 1.1;  font-family: Raleway; color: var(--col-primary); font-weight: 800; margin-bottom: 20px;}	
h1.title { line-height: 1; margin-top: -10px}
h2 { font-size: 40px; font-family: Raleway;  color: var(--col-primary); font-weight: 700; letter-spacing: -.05em;  line-height: 47px; margin-bottom: 30px; width: 100%; }
h2.opacque { opacity: .5; }
h2.gray { color: #9A9B9D !important; margin-top: -10px}
h2.smaller { font-size: 22px;}
h3 { font-size: 22px; font-family: Raleway;  color: var(--col-primary);; font-weight: 700; letter-spacing: -.05em;  line-height: 1.33; margin-bottom: 15px; }
h4 { font-size: 22px; font-family: Raleway;  color: #fff; font-weight: 700; letter-spacing: -.05em;  line-height: 1.5; margin-bottom: 15px; padding-bottom: 15px; width: 100%; border-bottom: 1px solid #9A9B9D }
h5 { }
h6 { }
.tight { margin-bottom: 5px !important}

/*CONTAINERS*/
article { padding-top: 0px; margin: 0 auto;}
article.no-masthead { padding-top: 100px; }

article > section {max-width: 1440px; padding: 0px; margin: 0px auto;}
article > section.full {max-width: 1440px; }
article > section.max {max-width: 100%; }
article > section.blue { background-color: var(--col-primary); margin-top: -1px; max-width: 100%; }
article > section.gray { background-color: #EDEDED; margin-top: -1px; max-width: 100%; }
article > section.spaced { margin: 80px auto;}
article > section.padded { padding-top: 80px; padding-bottom: 80px;}
article > section.masthead { max-width: 1440px; margin: 0px auto; padding: 0}
article > section.masthead.masthead-full { max-width: 100%; margin: 0px auto; padding: 0}

div.masthead > a > img, div.masthead > img  { display: block; width: 100%;}

div.masthead-home { background: url(/img/home/banner.png) no-repeat center center; background-size: cover; width: 100vw; height: calc(100vh - 307px); }

div.masthead-short { height: 200px}
div.masthead-fixed { height: 800px}
div.masthead-fixed > img { height: 100%; width: 100%; max-width: 9999px; position: absolute; top: 0; right: 0; object-fit: cover; object-position: right bottom;}
/* ALIGNMENTS */


/*BUTTONS*/
a.btn { color: var(--col-primary); font-weight: 700; font-size: 22px; background-color: transparent;  line-height: 1.5; padding-right: 40px; position: relative; }
a.btn:after { content: ""; width: 6px; height: 100%; right:0; top: 0; position: absolute; display: block; background: url(/img/svg/triangle.svg) no-repeat transparent center center; background-size: contain;}
a.btn:hover:after { right: 10px}



/* COLOURS */
.white { color: #fff !important}
.c-blue { color: var(--col-primary) !important; }
/* CONTENT BLOCKS */

/*CAPTIONS*/
div.cs-1 { padding: 0 0 80px 70px; text-align: left; left: calc(50vw - 720px) !important }
div.cs-1 div.title {  font-size: 74px; font-family: Raleway; color: #fff; opacity: .6;  font-weight: 700; letter-spacing: -.05em; line-height: 80px; }

div.cs-2  { padding: 0 70px 30px; text-align: left;  font-size:0; left: calc(50vw - 720px) !important; max-width: 1440px}
div.cs-2  h1 { position: relative; left: -5px; margin-bottom: 0}
div.cs-2  p { font-size: 20px; font-weight: 300;}
div.cs-2  > div { display: inline-block; vertical-align: bottom; }
div.caption-content { width: 70%; font-size: 18px; padding-right: 80px; }
div.sectionnav { width: 30%;}

div.cs-4 { width: 100%; padding-left: 30%;  left: calc(50vw - 720px) !important; max-width: 1440px}
div.cs-4 img { width: 100%; height: 400px; width: auto; margin: 0 50px 0 auto; display: block; position: relative; }
div.cs-2 h2 small{ width: 100%; display: block; font-size: 22px; padding-bottom: 0}
div.cs-3 h1 { margin-bottom: 20px}
div.cs-3 > div { padding: 0 0 70px 80px;}
div.cs-3 a { color: #000;}
div.cs-3 a.vcard { font-size: 22px; color: var(--col-primary); display: block; margin: 25px auto 50px 0; font-weight: 700}
div.start-year { display: block; margin-bottom: 10px}
div.start-year img { display: inline-block; }
div.start-year span { display: inline-block; font-size: 40px; font-weight: 700; font-family: Raleway; color: var(--col-primary); line-height: .7; margin-bottom: 10px; width: auto; opacity: .5}
div.start-year p { display: block; font-size: 16px;; font-weight: 500; color: var(--col-primary); font-style: italic; margin: 0}
/*div.start-year p.joined { margin-top: 20px; margin-bottom: 0}*/
/*div.start-year p.joined + span { margin-top: -10px; }*/
div.start-year > img { display: inline-block; width: 58px; margin: 0 10px 0 0;}

/*CONTENT*/
section.blue p, section.blue h2 , section.blue h1 { color: #fff; }

div.content { padding: 80px; position: relative; overflow: hidden; max-width: 1440px;}
div.content2 { padding: 80px; position: relative; overflow: hidden; max-width: 1240px;}
div.content.tighter { padding-bottom: 20px}
div.content.tighter2 { padding-top: 0px}
section.max div.content-max { max-width: 100%;}
div.content + div.content { padding-top: 0px;}
div.content > div { position: relative;}

section.max div.content-max div.grid { max-width: 1280px;}

div.grid-2.grid-content > div:first-child {padding-right: 80px;}
div.grid.grid-align-bottom > div { vertical-align: bottom}

img.bgimage { position: absolute; display: block;}
img.bg-full { width: 100%; left: 0}
img.bg-top { top: 0}
img.bg-bottom { bottom: 0}
img.bg-custom-1{ width: 50%; right: 0%; top: -80px; z-index: 1;}

#investment-strategy p, #investment-strategy h2, #investment-strategy div { position: relative; z-index: 2;}


div.criterias p { margin-bottom: 50px;}
div.criterias p:last-child { margin-bottom: 0px;}

ul.pagenav { display: block; text-align: left;}
ul.pagenav li { display: block; text-align: left; margin-bottom: 10px;}
ul.pagenav li a { text-align: left; font-weight: 700; color: var(--col-primary); font-size: 22px; background-color: transparent;  line-height: 1.5; padding-right: 40px; position: relative; }
ul.pagenav li a:after { content: ""; width: 6px; height: 100%; right:0; top: 1px; position: absolute; display: block; background: url(/img/svg/triangle.svg) no-repeat transparent center center; background-size: contain;}
ul.pagenav li a:hover:after { right: 10px;}
ul.pagenav li:last-child { margin-bottom: 0px;}

div.top-indicators { display: flex;}
div.top-indicators > div { text-align: left; padding-right: 120px; position: relative;}
div.top-indicators > div:after { content:""; position: absolute; right: 72px; bottom: 0; width: 2px; height: 100%; background-color: #fff; transform: rotate(30deg);}
div.top-indicators > div:last-child:after { display: none;}
div.top-indicators strong { display: block;  font-size: 68px; line-height: 80px; font-family: Raleway; color: #fff; margin-bottom: 5px}
div.top-indicators p { display: block;  font-size: 18px; font-family: Raleway; color: #fff; letter-spacing: -.05em; line-height: 1.2;}
div.top-indicators p small { display: block;  font-size: 14px; font-family: Raleway; color: #9A9B9D; letter-spacing: 0; line-height: 1.3; }

div.more-indicators { margin-top:50px; margin-bottom: 80px; font-size: 0; max-width: 1280px; margin-left: auto; margin-right: auto;}
div.more-indicators > div { display: inline-block; vertical-align: top; text-align: left; padding-right: 150px; position: relative; padding-bottom: 0px;}
div.more-indicators > div:after { content:""; position: absolute; right: 70px; bottom: 0; width: 2px; height: 100%; background-color: var(--col-primary); transform: rotate(25deg);}
div.more-indicators > div:last-child { display: block; width: 100%;}
div.more-indicators > div:nth-child(2):after, div.more-indicators > div:nth-child(3):after { display: none;}
div.more-indicators > div:last-child:after { display: none;}
div.more-indicators strong { display: block;  font-size: 75px; line-height: 90px; font-family: Raleway; color: var(--col-primary); margin-bottom: 5px}
div.more-indicators p { display: block;  font-size: 21px; font-family: Raleway; color: var(--col-primary); letter-spacing: -.05em; line-height: 1.2;}
div.more-indicators p small { display: block;  font-size: 20px; font-family: Raleway; color: #9A9B9D; letter-spacing: 0; line-height: 1.3; }

div.footnote { font-size: 12px; }

img.logoicon { margin-bottom: 50px;}

p.footnote2 { padding-left: 0px; padding-top: 0px; font-size: 12px; max-width: 100%;; background: transparent; position:relative; top: -60px; margin-bottom: 0}
div.grid.grid-four-factors { width: calc(100% + 50px); margin-left: -25px; margin-top:50px}
div.grid.grid-four-factors > div { width: 25%; padding: 0 25px; }
div.grid.grid-four-factors div.title { display: block; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 2px solid #9A9B9D; font-size: 22px; font-family: Raleway; color: var(--col-primary); font-weight: 700}
div.grid.grid-four-factors p { font-size: 18px; font-weight: 300}

/*div.slideshow-ceo  { margin-top: 50px}*/
div.grid.grid-ceo { background: url(/img/ceos/bg.png) no-repeat center center; background-size: cover; overflow: hidden; margin-bottom: -4px}
div.grid.grid-ceo > div { margin-bottom: 0}
div.grid-ceo > div:first-child { padding: 20px 0px 0 0; width: 751px}
div.grid-ceo > div:first-child img { position: relative; mix-blend-mode: multiply; margin: 0 0 0 auto;}
div.grid-ceo:before { content: "“"; color: #fff; position: absolute; display: block; left: -25px; top: -80px; font-size: 470px; color: var(--col-primary); opacity: .07; font-family: Raleway; font-weight: 800}
div.grid-ceo:after { content: "”"; color: #fff; position: absolute; display: block; right: -25px; bottom: -250px; font-size: 470px; color: var(--col-primary); opacity: .07; font-family: Raleway; font-weight: 800}
div.grid-ceo > div:last-child { padding: 80px 100px 80px 0; width: calc(100% - 751px);}
div.grid-ceo > div:last-child p { font-weight: 300; font-family: Raleway; color: var(--col-primary); margin-bottom: 20px}
button.slick-arrow { margin: 0; padding: 0; display: block; width: 65px; height: 65px; font-size: 0; background: url(/img/svg/white/triangle.svg) var(--col-primary) no-repeat center center; background-size: 6.5px 13px; transform: rotate(0deg); top: auto; bottom: 40px; position: absolute; z-index: 4;}
button.slick-arrow.slick-prev{ left: 751px;}
button.slick-arrow.slick-next { left: calc(751px + 70px); transform: rotate(180deg);}
div.slideshow-ceo a.btn { position: absolute; left: calc(751px + 160px); bottom: 40px; line-height: 65px; padding-right: 20px;}

div.icon-indicators { display: block; margin-bottom: 40px;}
div.icon-indicators p { position: relative; background: url() no-repeat left center; background-size: 50px auto; padding-left: 75px; color: #fff; font-size: 22px; font-family: Raleway; min-height: 50px; max-width: 440px; margin: 0 auto 30px 0;}
div.icon-indicators p span { font-size: 1em !important}
div.icon-indicators p:last-child { margin-bottom: 0px}
div.icon-indicators p.icon-star { background-image: url(/img/svg/star.svg)}
div.icon-indicators p.icon-target { background-image: url(/img/svg/target.svg)}

div.list-indicators { display: block; font-size: 0; width: calc(100% + 50px); margin-bottom: -40px;}
div.list-indicators > div { display: inline-block; width: 50%; vertical-align: top; padding-right: 50px; margin-bottom: 40px; font-size: 22px;}
div.list-indicators > div { display: inline-block; width: 50%; vertical-align: top; padding-right: 50px; margin-bottom: 40px; }
div.list-indicators strong { display: block;  font-size: 40px; line-height: 48px; font-family: Raleway; color: #fff; margin-bottom: 10px}
div.list-indicators p { display: block;  font-size: 21px; font-family: Raleway; color: #fff; letter-spacing: -.05em; line-height: 1.2;}
div.list-indicators p small { display: block;  font-size: 20px; font-family: Raleway; color: #9A9B9D; font-weight: 300; letter-spacing: 0; line-height: 1.3; }

div.division { padding: 0px 80px 0px; }
div.division > div.title { font-size: 100px; font-family: Raleway; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; margin-bottom: 20px; color: #ddd;}
div.division > div.title small { font-size: .5em; display: block; margin-top: 20px;}
div.division > div.title small:empty { display: none;}
div.team { display: block; width: 100%; font-size: 0; width: calc(100% + 30px); margin-left: -15px;}
div.team > div { display: inline-block; width: calc(25.00% - 30px); font-size: 0; padding: 0px; margin: 0 15px 30px;  vertical-align: top; position: relative; background: url(/img/team/bg.png) no-repeat center center; background-size: cover;}

div.team > div a:after {content:""; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.1); display: block; width: 100%; height: 100%; z-index: 2; }
div.team > div img { display: block; width: 100%; position: relative; filter: grayscale(100%); mix-blend-mode: multiply; }
div.team > div a { display: block; width: 100%; height: 100%; position:relative;}
div.team > div a:hover { background: rgba(0,0,0,0.4); }
div.team > div a:hover img { filter: none; mix-blend-mode: normal;}
div.team > div a:hover:after { display: none;}
div.team div.caption { padding: 10px; text-align: right; font-size: 16px; font-family: Raleway; color: #fff; z-index: 3;text-shadow: 1px 1px 1px rgba(0,0,0,0.85);}
div.team div.caption strong { font-size: 24px; margin-bottom: 5px; display: block;}

div.multi-slide button.slick-arrow { margin: 0; padding: 0; display: block; width: 15px; height: 30px; font-size: 0; background: url(/img/svg/blue/arrow-left.svg) transparent no-repeat center center; background-size: contain; transform: rotate(0deg); top: auto; bottom: auto; top: 50%; margin-top: -15px; position: absolute; z-index: 4;}
div.multi-slide button.slick-arrow.slick-prev{ left: -35px;}
div.multi-slide button.slick-arrow.slick-next { left: calc(100% + 15px); transform: rotate(180deg);}

div.bio > div:first-child { width: calc(100% - 400px); padding-right: 200px; }
div.bio > div:last-child { width: 400px; }
div.bio h1 {color: #ddd; margin-bottom: 50px; font-size: 100px}

div.box {width: 100%; display: block; padding: 25px 30px 30px; border-top: 5px solid var(--col-primary); box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.16); }

div.accomplishments div.title {font-size: 40px; font-family: Raleway; color: var(--col-primary); font-weight: 700; padding-left: 64px; line-height: 50px; background: url(/img/icon.svg) no-repeat left center; background-size: 42px auto; margin-bottom: 30px;}
div.accomplishments p {font-size: 18px; font-family: Raleway; color: var(--col-primary);  line-height: 40px; font-weight: 700}
div.accomplishments ul li { display: block; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: center;}ul.listing li, ul.bullets li { display: block; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: center;}
div.accomplishments ul li { text-align: left; padding-left: 20px;}
div.accomplishments ul li:before { content: ""; position: absolute; display: block; left: 0; top: 0.65em; width: 6px; height: 6px; border-radius: 6px; background: #000;}

div.slideshow-team {}
div.team-slide { font-size: 0} 
div.team-slide > a { display: inline-block; width: 10%; vertical-align: top; background: url(/img/team/bg.png) no-repeat center center; background-size: cover;}  
div.team-slide > a img { display: block; width: 100%;  position: relative; mix-blend-mode: multiply; }

div.grid-filters { width: calc(100% + 10px); margin-left: -5px}
div.grid-filters > div { padding: 0px 5px;}

div.investments { padding: 0px 80px 100px; }
div.investments > div.title { font-size: 100px; font-family: Raleway; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; margin-bottom: 20px; color: #ddd;}
div.investment-list { display: block; width: 100%; font-size: 0; }
div.investment-list > div { display: none !important; width: 25%; background: url(/img/investments/bg.png) no-repeat center center; background-size: cover; height: 0; padding-bottom: 25%; position: relative;}
div.investment-list > div a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 50px;}
div.investment-list > div a div { display: block; width: 100%; height: 100%; background: url() no-repeat center center; background-size: contain; position: relative; mix-blend-mode: multiply; }
div.investment-list > div img { display: block; width: 100%; position: relative; display: none;}
div.investment-list > div.investment.active { display: inline-block !important;}
div.partner-logo { margin-top: 20px; margin-bottom: 20px; height:200px; width: 500px; position: relative; display: block;  background: url() no-repeat left center; background-size: contain; }

div.investments-nav { display: block; width:100%; font-size:0; margin-top: 80px}
div.investments-nav a { display: inline-block; width: 50%; vertical-align: middle; font-size: 18px; color: var(--col-primary);  position: relative; line-height:30px;}
div.investments-nav a:before { content:""; display: block; height: 100%; width: 10px; background:url(/img/svg/blue/arrow-left.svg) no-repeat left center; background-size: contain; position: absolute; top: 1px; left:0}
div.investments-nav a.prev { text-align: left; padding-left: 25px; }
div.investments-nav a.next { text-align: right; padding-right: 25px; }
div.investments-nav a.next:before {  background:url(/img/svg/blue/arrow-right.svg) no-repeat right center; background-size: contain; left: auto; right:0}

div.slide-investment { width: 100%; font-size:0}
div.slide-company { display: inline-block; vertical-align: top; width: 100%; height: 0; padding-bottom: 100%; background: url(/img/investments/bg.png) no-repeat center center; background-size: cover; position: relative;}
div.slide-company a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px;}
div.slide-company a div { display: block; width: 100%; height: 100%; background: url() no-repeat center center; background-size: contain; position: relative; mix-blend-mode: multiply; }

div.strategy { font-size: 0; width: 200%; margin-top: 50px; margin-bottom: 80px}
div.strategy > div { display: inline-block; padding-right: 50px; font-size: 18px; color: #000; }
div.strategy > div strong { display: block; font-size: 22px; color: var(--col-primary); margin-bottom: 5px; font-family: Raleway }
div.strategy > div p { display: inline-block; width: auto; font-size: 18px; color: #000; }
div.strategy > div img { display: inline-block; margin-right: 20px; vertical-align: top; height: 48px; width: auto;}


div.key-info > img { margin-bottom: 30px}
div.key-info p {font-size: 30px; font-family: Raleway; color: var(--col-primary);  line-height: 40px; font-weight: 700; line-height: 1.1}
div.key-info p small {font-size: 18px; color: #9A9B9D; display: block; margin-bottom: 10px}
div.key-info p span {font-size: .6em; display: block; margin-top: 5px }

div.shift-up { margin-top: -140px;}
div.grid-news { width: calc(100% + 20px); margin-left: -10px}
div.grid-news > div { padding: 10px 20px}
div.news-short {border-top: 5px solid var(--col-primary); background-color: #fff; box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.16); }
div.news-short div.date { padding: 30px; font-size: 18px; text-align: left; padding-left: 80px; line-height: 21px; position: relative}
div.news-short div.date:before {content: ""; position: absolute; left:30px; top: 0; height: 100%; background: url(/img/icon.svg) no-repeat left center; width: 30px; background-size: contain;}
div.news-short div.thumb { display: block; width: 100%; margin-bottom: 25px}
div.news-short div.details { display: block; font-weight: 700; width: 100%; padding: 30px; min-height: 310px}
div.news-short div.title { font-size: 21px; color: var(--col-primary); margin-bottom: 30px; line-height: 1.2; }
div.news-short p {overflow: hidden; font-size: 18px; color: #000; margin-bottom: 20px;}
div.news-short a { color: #9A9B9D; font-size:21px;}

a.load-more { display: table; margin: 50px auto 0}
a.link-gray { display: block; color: #9A9B9D; font-size:21px;}

div.article-detail { margin-top: 40px}
div.article-body { margin-top: 40px}

div.grid-article > div:first-child { width: calc(100% - 400px); padding-right: 200px}
div.grid-article > div:last-child { width: 400px; }
div.featured-article { padding: 30px;}
div.featured-article div.date { padding: 30px; font-size: 18px; text-align: left; padding-left: 50px; line-height: 21px; position: relative}
div.featured-article div.date:before {content: ""; position: absolute; left:0px; top: 0; height: 100%; background: url(/img/icon.svg) no-repeat left center; width: 30px; background-size: contain;} { padding: 30px;}
div.featured-article div.title { font-size: 21px; font-weight: 700;  color: var(--col-primary); margin-bottom: 30px; line-height: 1.2}
div.featured-article p { font-size: 18px; color: #000; margin-bottom: 20px; }
div.featured-article a { color: #9A9B9D; font-size:21px;}
div.featured-article + div.featured-article { border-top: 5px solid var(--col-primary); margin-top: 30px;}

.bg-gray { background: #f6f6f6}
div.timeline { display: block; width: 100%; position: relative; max-width: 1440px; margin: 0 auto}
div.timeline > img { display: block; width: 100%; bottom: 0; left: 0; position: absolute; opacity: 0; transition: opacity 0s cubic-bezier(0, 1, 1, 0.01) !important }
div.timeline > img.active { opacity: 1; transition: opacity .4s cubic-bezier(0, 1, 1, 0.01) !important }
div.timeline > img.bg { position: relative; opacity: 1; }

div.timeline div.caption { position: absolute; padding-left: 70px; width: 520px; max-width: 44%; z-index: 4;}
div.timeline p { font-size: 18px; font-weight: 300; margin-bottom: 20px;}
div.timeline div.legend  { display: block; width: 100%; margin-top: 20px; text-align: left;}
div.timeline div.legend p { display: block; width: 100%; margin-bottom: 6px; text-align: left; font-size: 14px; color: #000}
div.timeline div.legend p:last-child { margin-bottom: 0px; }
div.timeline div.legend p img { display: inline-block; vertical-align: middle; margin-right: 6px; width: auto; }


div.timeline-control { position: absolute; bottom: 20px; left: 70px; height: 60px; width: calc(100% - 140px);}
/*div.timeline-control * { transition: none !important}*/
div.timeline-control label { position: absolute; top: 0; font-size: 22px; color: var(--col-primary); font-family: Raleway; font-weight: 700}
div.timeline-control label.l { left: 0px;}
/*div.timeline-control label.m { left: 50%; font-weight: 300; font-size: 18px; opacity: .6; display: none;}*/
div.timeline-control label.m { left: -10px; font-weight: 300; font-size: 22px; opacity: 0; width: 100%; top: -40px; text-align: center; display: block; transition: opacity .1s ease-out !important 0s;}
div.timeline-control label.m.active { opacity: 1; transition: opacity 0.3s ease-out !important 0.7s;}
div.timeline-control label.r { right: 0px;}
div.timeline-control div { position: absolute; bottom: 0; left: 0; height: 32px; width: 100%;}
div.timeline-control div:after { content:""; position: absolute; bottom: 13px; height: 6px; width: 100%; background: #9A9B9D; z-index: 2;}
div.timeline-control span { position: relative; width: 32px; height: 32px; border-radius: 32px; display: block; background: var(--col-primary); z-index: 3; cursor: pointer; top:0 !important; left: 0; transition: left 9.3s linear !important}
div.timeline-control span.reset { transition: left 0s linear !important}

div.gmap { display: block; width: 100%; height: 400px; position: relative; max-width: 1280px; margin: 0 auto}
div.gmap > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; display: block; }
/*FORMS*/

.select2-container--default .select2-results>.select2-results__options { max-height: 400px;}
.select2-results__options::-webkit-scrollbar-track {background-color: rgba(var(--col-primary-rgb), 0.2)  }
.select2-results__options::-webkit-scrollbar { width: 6px; height: 6px }
.select2-results__options::-webkit-scrollbar-thumb { background-color: var(--col-primary-rgb),1)  }


.select2-container { border-top: 5px solid var(--col-primary); box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.16); }
.select2-container--open .select2-dropdown--below { box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.16); transform: translate3D(0, -2px, 0);}
.select2-container--default .select2-selection--single { border: 0}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 55px; font-size: 22px; font-family: Raleway; color: var(--col-primary); padding-left: 30px; text-transform: none; font-weight: 700}
.select2-container--default .select2-selection--single .select2-selection__arrow { background-image: url(/img/svg/triangle.svg);background-size: 17px 10px; transform: rotate(90deg);}
.select2-results__option{ line-height: 55px; font-size: 22px; font-family: Raleway; color: var(--col-primary); padding-left: 30px; text-transform: none; font-weight: 500}

input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { color: #484848; border-color: #fff; font-family: Raleway; }
form .select2-container--default .select2-selection--single .select2-selection__placeholder  { color: #484848; font-weight: 400; font-family: Raleway; }
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 40px}
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 30px;}
form .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 10px; }
form.white input[type="text"], form.white input[type="email"] { color: #484848; border-color: #484848; }
textarea { height: 200px; font-family: Raleway; }
div.checkbox label { color: #fff; font-size: 14px; padding-right: 180px; margin-top: 20px}
div.checkbox input:checked + label:before { background-image: url(/lib/img/white/checkmark.svg); }
form.white div.checkbox input:checked + label:before { background-image: url(/lib/img/dark/checkmark.svg); }
form.white div.checkbox label { color: #ADADAD; font-size: 14px; padding-right: 180px; padding-top: 2px}
div.checkbox label:before { border-color: #fff; }
form.white div.checkbox label:before { border-color: #484848; }
*::-webkit-input-placeholder {  line-height: var(--dim-input-height);  color: var(--col-placeholder); font-size: var(--default-input-font-size); font-family: var(--default-font); }
form.white *::-webkit-input-placeholder {  color: #ADADAD}
*::-moz-placeholder {  line-height: var(--dim-input-height);  color: var(--col-placeholder); font-size: var(--default-input-font-size); font-family: var(--default-font); }
form.white *::-moz-placeholder {  color: #ADADAD}
*:-ms-input-placeholder {  line-height: var(--dim-input-height);  color: var(--col-placeholder); font-size: var(--default-input-font-size); font-family: var(--default-font); }
form.white *:-ms-input-placeholder {  color: #ADADAD}

button[type="submit"] { position: absolute; right: 10px; top: -5px; font-size: 22px; line-height: 32px; color: #fff; background: none; padding-right: 40px; font-weight: 700; text-transform: none;;}
form.white button[type="submit"] { color: var(--col-primary)}
button[type="submit"]:hover { background: transparent;}
button[type="submit"]:after { content: ""; width: 6px; height: 100%; right:0; font-family: Raleway; top: 0; position: absolute; display: block; background: url(/img/svg/white/triangle.svg) no-repeat transparent center center; background-size: contain; transform: rotate(180deg);}
form.white button[type="submit"]:after { background: url(/img/svg/triangle.svg) no-repeat transparent center center; background-size: contain; transform: rotate(0deg);}
button[type="submit"]:hover:after { right: 5px;}

p.form-legend { font-size: 12px; opacity: .5; margin-bottom: 10px}


/*HEADER*/
header { background-color: rgba(var(--col-primary-rgb),.65);  width: 100%; max-width: 1440px; position: absolute; left: 50%; transform: translate3D(-50%, 0, 0); top: 0; text-align: left; padding: 0px;}
header div.logo { width: 113px; position: absolute; left: 80px; top: 70px; z-index: 3;}
header nav { position: absolute; text-align: right; right: 80px; top: 70px; width: 100%; z-index: 2;}
header nav > ul { display: block; width: 100%; text-align: right;}
header nav > ul > li { display: inline-block; vertical-align: middle; }
header nav > ul > li > a { display: block; text-align: right; font-size: 40px; font-family: Raleway; color: var(--col-primary); font-weight: 700; line-height: 1;}
header nav > ul.secondary { display: flex; gap: 50px; justify-content: flex-end;}
header nav > ul.secondary > li > a { font-family: Raleway; font-weight: 700; font-size: 20px; line-height: 40px;}
header nav > ul.secondary > li:last-child > a { font-weight: 700; }
header nav > ul.secondary > li:nth-child(3) > a { font-weight: 700; }
header nav > ul.main { position: absolute; right: 0; top: 60px; display: flex; justify-content: flex-end; gap: 50px;}
header nav > ul.main > li { display: inline-block; vertical-align: top; padding-left: 0px; position: relative; }
header nav > ul.main > li > a { transition: none !important; }
header nav > ul.main > li ul { display: none; padding-top: 20px; position: absolute; opacity: 0; left: 0; top: 39px; width: 100%;}
header nav > ul.main > li:hover ul { display: block; opacity: 1}
header nav > ul.main > li:hover ul li { display: block; width: 100%; }
header nav > ul.main > li:hover ul li a { display: block; width: 100%; font-size: 20px; line-height: 36px; text-align: left; font-weight: 400; white-space: nowrap;}
header nav > ul.main > li:hover ul li a:hover { color: #000; font-weight: 700}
header nav > ul.main > li:hover ul li a.active { color: #000}
/*header nav ul.main li a:hover { font-size: 0; transition: none; color: var(--col-primary)}*/
/*header nav ul.main li a:hover:after { font-size: 36px; content:"About"; font-weight: 500}*/
/*header nav ul.main li:nth-child(2) a:hover:after { content:"Team"; }*/
/*header nav ul.main li:nth-child(3) a:hover:after { content:"Investments"; }*/
/*header nav ul.main li:nth-child(1) a { width: 190px;}*/
/*header nav ul.main li:nth-child(2) a { width: 160px;}*/
/*header nav ul.main li:nth-child(3) a { width: 210px;}*/

header.attached { position: fixed; background: #fff; left: 0; transform: none; height: 80px; max-width: 100%; box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.26); }
header.attached div.logo { width: 80px; height: 100%; left: 20px; top: 0px; background: url(/img/icon.svg) no-repeat center center; background-size: auto 40px;}
header.attached div.logo img { opacity: 0}
header.attached nav { right: 0; top: 0; width: calc(100% - 60px); padding-right: 20px; display: flex; gap: 50px; justify-content: flex-end;}
header.attached nav > ul { position: relative !important; top: 0!important; width: auto !important}
header.attached nav > ul > li { padding-left: 0 !important}
/*header.attached nav > ul  ul { display: none !important;}*/
header.attached nav > ul > li > a { font-size: 20px !important; line-height: 80px !important; font-weight: 700 !important; font-family: Raleway !important; }
header.attached nav > ul.main > li ul { top: 79px; padding-top: 10px; z-index: 9}

body.menu-active article { opacity: .1; transition: opacity .2s linear;}

/*FOOTER*/

footer { display: block; width: 100%; max-width: 100%; margin: 0px auto; font-size: 0; padding: 0; }
footer section { max-width: 1440px; padding: 70px 80px; font-size: 0; margin: 0 auto;}
footer section > div { display: inline-block; vertical-align: top;}
footer div.logo { width: 320px;}
footer div.logo a { display: block; width: 200px; max-width: 80%; margin: 0 auto 0 0;}
footer div.logo a img { display: block; width: 100%; }
footer div.contact { width: calc(100% - 320px); text-align: left}
footer div.contact > div { width: 100%; display: flex; justify-content: space-between; gap: 50px;}
footer div.contact div.address { display: block; font-size: 18px; padding-bottom: 30px; }
footer div.address > strong { font-family: Raleway; font-size: 22px; color: var(--col-primary); margin-bottom: 20px; display: block;}
footer div.address p { line-height: 1.5;}
footer div.address p > strong { font-size: 18px; color: var(--col-primary); margin-right: 20px; display: inline-block; vertical-align: middle;}
footer div.contact > div.disclaimer  { font-size: 12px; color: #000; }
footer div.contact > div.disclaimer  p { font-size: 12px; color: #000; }
div.footer-links { display: flex; gap: 50px; justify-content: flex-end;}
div.footer-links > div { display: flex; flex-direction: column; gap: 10px; justify-content: flex-start;}

/* BLOCKS */
div.grid { margin-bottom: var(--grid-margin-neg);}
div.grid-2 > div {width: 50%; margin-bottom: var(--grid-margin);}
div.grid-3 > div {width: 33.33%; margin-bottom: var(--grid-margin);}
div.grid-4 > div {width: 25%; margin-bottom: var(--grid-margin);}
div.grid-5 > div {width: 20%; margin-bottom: var(--grid-margin);}
div.grid-6 > div {width: 16.66%; margin-bottom: var(--grid-margin);}
div.grid-7 > div {width: 20%; margin-bottom: var(--grid-margin);}
div.grid-8 > div {width: 20%; margin-bottom: var(--grid-margin);}

div.grid.spaced { width: calc(100% + var(--grid-spacing-2x)); margin-left: var(--grid-spacing-neg); }
div.grid.spaced > div {padding: 0 var(--grid-spacing); }




/*LISTS*/
ul.listing, ul.bullets { margin-bottom: 30px; }
ul.bullets-intended { padding-left: 30px;}
ul.listing.shorter  { max-width: 550px; margin: 0 auto; }
ul.listing li, ul.bullets li { display: block; margin-bottom: 1px; line-height: 1.6; position: relative; text-align: center;}
ul.bullets li { text-align: left; padding-left: 20px;}
ul.bullets li:before { content: ""; position: absolute; display: block; left: 0; top: 0.65em; width: 6px; height: 6px; border-radius: 6px; background: #000;}
ul.listing.left li  { text-align: left;}

div.grecaptcha-badge { right: -600px !important}

div.reveal-response { padding-top: 100px}
div.reveal-response p { font-size: 24px;}
p.no-results { display: none; text-align: left; font-size: 20px; color: #000; margin: 50px auto; line-height: 1.5; max-width: 1280px;}
p.no-results.active { display: block; }


/*COOKIES*/
#js-cookie-policy-holder { position: fixed; display: block; top: 0; left: -300vw; z-index: 1000; width: 100vw; height: 100vh;background: rgba(0,0,0,0); transition: background .5s ease-in !important}
#js-cookie-policy-holder.active { left: 0; background: rgba(0,0,0,0.45); }
div.js-cookie-disclaimer { position: absolute; display: flex; bottom: -200px; left: 0; width: 100%; background: var(--col-primary); gap: 60px; justify-content: space-between; padding: 20px; align-items: center; max-width: 100%; transition: all 1s ease-in !important; opacity: 0}
.active div.js-cookie-disclaimer { bottom: 0px; opacity: 1; }
div.js-cookie-disclaimer p { color: #fff; font-size: 14px; text-align: left; max-width: 100%; width: 100%; margin: 0}
div.js-cookie-disclaimer p a { color: #fff; font-weight: bold;}
div.js-cookie-disclaimer > a { background-color: #fff; color: var(--col-primary); display: block; width: 200px; text-align: center; padding: 0; line-height: 40px; font-size: 16px; font-weight: bold;}
/*TRANSITIONS*/

div.top-indicators > div { opacity: 1}
/*.in-view div.top-indicators > div { opacity: 1;  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) .8s}*/
/*.in-view div.top-indicators > div:nth-child(2) { opacity: 1;  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s}*/
/*.in-view div.top-indicators > div:nth-child(3) { opacity: 1;  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s}*/

/*.slide-in-bottom {	  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0;}*/
.slide-in-bottom {	opacity: 1; }
.in-view .text-focus-in {	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;	animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.in-view div.cs-2 h1.massive  {-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;	animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; opacity: .5 !important}
div.cs-2 div.caption-content {  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0;}
.in-view div.cs-2 div.caption-content {  opacity: 1; -webkit-animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;	        animation: slide-in-bottom 1s cubic-bezier(0.075, 0.820, 0.165, 1.000) both;} 
.js-animatex div.cs-2 div.caption-content {  opacity: 1 !important; -webkit-animation: none !important;	   -webkit-transform: translateY(00px); transform: translateY(00px);       animation: none !important;} 

div.icon-indicators p { opacity: 1;}
.in-view div.icon-indicators > p { opacity: 1;  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) .4s}
.in-view div.icon-indicators > p:nth-child(2) { opacity: 1;  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) .8s}
.in-view div.icon-indicators > p:nth-child(3) { opacity: 1;  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s}

div.list-indicators > div { opacity: 1}
.in-view div.list-indicators > div { opacity: 1;  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s}

.tilt-in-fwd-tr {	opacity: 0;}
.in-view.tilt-in-fwd-tr {	-webkit-animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; opacity: 1;}
.flip-in-hor-bottom  { opacity: 0;}
.in-view.flip-in-hor-bottom {	-webkit-animation: flip-in-hor-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	        animation: flip-in-hor-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
.scale-in-center  { opacity: 0}
.scale-in-center {opacity: 1}

/*NEW CSS*/
div.g1 { display: flex; justify-content: space-between; gap: 120px}
div.g1 > *:first-child { width: 55%;}
div.g1 > *:last-child { width: 45%;}
div.g1 .pagenav2 { padding-top: 40px}
ul.pagenav li a { font-size: 20px}
div.top-indicators  { margin-bottom: 0}
div.top-indicators strong { color: var(--col-primary); }
div.top-indicators p { color: var(--col-primary);  font-weight: 700}
div.top-indicators p small { font-weight: 400; }
div.top-indicators > div:after { background-color: var(--col-primary); }

div.timeline > div.legend { padding: 0 0 50px 70px;}
div.small-indicators { display: flex; width: 100%; justify-content: space-between; gap: 60px; margin-top: 30px; margin-bottom: 30px}
div.small-indicators > div { width: 50%; position: relative; padding-top: 10px}
div.small-indicators > div:first-child:after {     background-color: #484848; content: ""; position: absolute; right: 0px; bottom: 0; width: 2px; height: 100%; transform: rotate(30deg);}
div.small-indicators strong { display: block; font-size: 50px; color: var(--col-primary); font-weight: 700;}
div.small-indicators p { display: block; font-size: 15px; color: var(--col-primary); font-weight: 700; margin-bottom: 0}
div.small-indicators.white > div:first-child:after {     background-color: #fff}
div.small-indicators.white strong { color: #fff}
div.small-indicators.white p { color: #fff}

a.btn { padding-right: 30px}
img.background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
img.background2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: bottom right;}
h1, h2, h3, h4, h5, h6,p { position: relative;}

div.news-home { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 20px; row-gap: 50px;}
div.news-home > div { border: 1px solid #ADADAD; }
div.news-home div.date { line-height: 60px; height:60px; text-align: left; padding-left: 60px; position: relative; color: var(--col-primary); font-size: 15px}
div.news-home div.date:after { content:""; position: absolute; display: block; left: 20px; width: 28px; height: 20px; top: 20px; background: url(/img/icon.svg) no-repeat center center; background-size: contain;}
div.news-home div.thumb { display: block; margin-bottom: 0px;}
div.news-home div.details{ display: block; padding: 20px; text-align: left;}
div.news-home p { font-size: 15px; font-weight: 700; margin-bottom: 14px; color: var(--col-primary)}
div.news-home a { font-size: 10px; font-weight: 700; color: #ADADAD; display: block}

div.case-studies { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 20px; row-gap: 50px;}
div.case-studies > div { border: 1px solid #ADADAD; background: var(--col-primary); display: flex; gap: 0; justify-content: space-between; flex-direction: column}
div.case-studies > div > * { height: 100%;}
div.case-studies div.thumb { display: block; margin-bottom: 0px; height: 170px; padding: 30px; background: #fff}
div.case-studies div.thumb  img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
div.case-studies div.details{ display: flex; padding: 28px 20px; text-align: left; justify-content: space-between; flex-direction: column}
div.case-studies p { font-size: 15px; font-weight: 700; margin-bottom: 16px; color: #fff}
div.case-studies a { font-size: 10px; font-weight: 700; color: #fff; display: block}

div.grid.grid-four-factors p { font-size: 15px}
div.grid.grid-four-factors div.title { margin-bottom: 20px}
div.grid.grid-four-factors { margin-bottom: 0}
#about div.slideshow-ceo { margin-top: 0}

div.cs-10 { padding: 0 0 80px 80px; text-align: left; left: 0 !important }
div.cs-10 p { max-width: 980px; margin-right: auto}
div.cs-10 p.shorter { max-width: 780px; }
div.masthead-1440 {max-width: 1440px}

div.how-we-work { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 100px;  margin-top: 100px; padding-left: 60px}
div.how-we-work div.head { display: block; position:relative; }
div.how-we-work span { font-size: 30px; font-weight: 700; color: #4A7291; position: absolute; text-align: right; left: -190px; width: 140px; top: 0; display: block; transform: rotate(-90deg); transform-origin: right top; text-transform: uppercase;}
div.how-we-work div.subtitle { font-size: 15px; font-family: Roboto; font-weight: 300; color: var(--col-primary); margin-bottom: 0; display: block}
div.how-we-work div.title { font-size: 50px; font-weight: 700; color: var(--col-primary); margin-bottom: 25px; display: block}
div.how-we-work ul { list-style-type: disc; color: var(--col-primary); padding-left: 20px}
div.how-we-work ul li { color: var(--col-primary); font-size: 18px; margin-bottom: 30px; line-height: 1.5;}

div.with-resume { display: flex; gap: 0; justify-content: space-between}
div.with-resume > div { width: 216px}
div.with-resume > div:first-child { width: calc(100% - 216px);}
div.with-resume input[type="file"] { display: none;}
div.with-resume label { display: block; margin: 0 0 0 auto; width: 100%; padding-left: 20px;}

div.case-study-quote { max-width: 1040px; padding: 0px 20px; margin: 50px auto 50px; }
div.case-study-quote:before { content:""; width: 20%; margin: 0 auto 30px; display: block; background: #EDEDED; height: 10px}
div.case-study-quote:after { content:""; width: 20%; margin: 30px auto 0px; display: block; background: #EDEDED; height: 10px}
div.case-study-logo { width: 300px; height: 300px; position: relative; margin-top: -150px; border-radius: 300px; display: block; background: #fff; padding: 60px; }
div.case-study-logo img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center; }

div.push-down { padding-top: 100px}

div.case-study-banner {position: relative; }
div.case-study-banner > p img, div.case-study-banner > img {width: 100%;}
div.case-study-banner { height: 800px; max-height: 80vh; }

div.case-study-banner > p img, div.case-study-banner > img {height: 100%; object-fit: cover; object-position: center center; display: block;}
div.case-study-banner:after {content:""; background: rgba(255, 255, 255, .75); position: Absolute; top: 0; left: 0; width: 100%; height: 100%; }


div.jobs { margin-top: 50px; }
div.jobs div.ui-accordion-content.ui-accordion-content-active { padding-bottom: 40px}
h6.ui-accordion-header { font-size: 20px; color: var(--col-primary); padding-right: 22px; line-height: 1.6; display: table; width: auto; margin-top: 20px}
h6.ui-accordion-header span { height: 100%; position: absolute; right: 0; top: 0; width: 5px; display: block; background: url(/img/svg/triangle.svg) no-repeat center center; background-size: contain;}

div.input-file-list span { color: #fff; font-size: 12px;}

.mobile-only { display: none !important;}

@media only screen and (min-width: 1440px) {
#investment-strategy div.grid-2 > div { width: 52%}
#investment-strategy div.grid-2 > div:last-child { width: 48%}
}
@media only screen and (max-width: 1440px) {
div.grid.grid-ceo > div p { font-size: 16px;}
div.grid.grid-ceo > div h1 { font-size: 60px;}
}
@media only screen and (max-width: 1380px) {

	/*HEADER*/
	header { left: 0; transform: translate3D(0, 0, 0); }
	header div.logo { width: 113px; left: 40px; top: 30px; }
	header nav { right: 40px; top: 30px; }
/*	header nav > ul > li { padding-left: 50px;}*/
	header nav > ul > li > a { font-size: 36px; }
	header nav > ul.secondary > li > a { font-size: 18px; line-height: 36px;}
	header nav > ul.main { top: 50px;}
/*	header nav ul.main li a:hover:after { font-size: 32px; }*/
/*	header nav ul.main li:nth-child(1) a { width: 190px;}*/
/*	header nav ul.main li:nth-child(2) a { width: 160px;}*/
/*	header nav ul.main li:nth-child(3) a { width: 210px;}*/
	/*FOOTER*/
	footer section { padding: 50px 40px; }

	/*CAPTIONS*/
	div.cs-1 { padding: 0 0 40px 40px; left: 0 !important;}
	div.cs-1 div.title {  font-size: 74px; line-height: 80px; }
	div.cs-2  { padding: 0 50px 40px; left: 0 !important}
/*	div.cs-2  h1 { left: -65px; }*/
	div.cs-2  p { font-size: 18px; }
	div.caption-content { width: 70%; font-size: 18px; padding-right: 40px; }
	div.sectionnav { width: 30%;}
	div.cs-3 h2 small{ font-size: 22px; }
	div.cs-3 h1 { margin-bottom: 20px}
	div.cs-3 > div { padding: 0 0 50px 40px;}
	div.cs-3 a.vcard { font-size: 22px; margin: 25px auto 50px 0; }
	div.cs-4 { padding-left: 30%; width:100%; left: 0!important}
	div.cs-4 img { margin-right: 0}
	div.start-year span { margin-bottom: 10px}
/*	div.start-year p { font-size: 18px;; }*/
	div.start-year > img { width: 38px; }
	/*CONTENT*/
	div.content, div.content2 { padding: 50px 40px; }
	div.content + div.content { padding-top: 0px;}
	div.content > div { position: relative;}
	div.grid-2.grid-content > div:first-child {padding-right: 40px;}

	div.investments, div.division { padding: 50px 40px 0px;} 
	div.investments { margin-bottom: 50px;}

	div.shift-up { margin-top: 0}

	div.more-indicators > div { padding-right: 130px;}
	div.more-indicators > div:last-child { padding-right: 20px;}

	p.footnote2 { top: -40px;}

	div.timeline-control { left: 40px; width: calc(100% - 80px);}
	div.timeline div.caption { padding-left: 40px; }

	div.cs-10 { padding: 0 0 40px 40px;}
	div.timeline > div.legend { padding-left: 40px}
}

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

		/*CORE HTML*/
		p { line-height: 1.5; margin-bottom: 30px; }
		p.large { font-size: 22px;}
		p.larger { font-size: 24px;}

		h1 { font-size: 60px; letter-spacing: -.05em; line-height: 1.15; margin-bottom: 20px; }
		div.h1 { font-size:48px}
		div.push-down { padding-top: 50px}
/*		h1.massive { font-size: 180px; line-height: 1.15;  margin-bottom: 50px;}*/
		div.investments > div.title, div.bio h1 { font-size: 60px; margin-bottom: 25px}
		h2 { font-size: 30px; letter-spacing: -.05em;  line-height: 1.2; margin-bottom: 25px; }
		h2.gray { margin-top: -10px}
		h2.smaller { font-size: 20px;}
		h4 { font-size: 20px; letter-spacing: -.05em;  margin-bottom: 10px; padding-bottom: 10px; }

		div.division > div.title { font-size: 80px}

		div.cs-1 div.title {font-size: 60px; line-height: 1.15;}

		a.btn, ul.pagenav li a { font-size: 20px;}

		div.more-indicators strong, div.top-indicators strong { font-size: 60px; line-height: 1.2;}
		div.list-indicators p, div.more-indicators p, div.top-indicators p { font-size: 18px;}
		div.list-indicators p small , div.more-indicators p small, div.top-indicators p small { font-size: 16px;}
		div.list-indicators strong { font-size: 32px; line-height: 1.2;}

		div.list-indicators > div { margin-bottom: 20px; padding-right: 30px;}
		div.icon-indicators p { font-size: 18px;}
		img.logoicon { margin-bottom: 20px; margin-top: 20px;}

		div.grid-ceo > div:last-child { padding: 50px 40px 50px 0}

		div.grid-ceo:after, div.grid-ceo:before { font-size: 300px}
		div.grid-ceo:before { top: -39px;}
		div.grid-ceo:after { bottom: -185px;}

		div.grid-news, div.team { width: calc(100% + 20px);     margin-left: -10px;}
		div.grid.grid-news > div, div.team > div { width: calc(33.33% - 20px);    margin: 0 10px 20px;}
		div.grid-news > div { padding: 0}
		div.team div.caption { font-size: 18px; padding: 20px;}
		div.team div.caption strong { font-size: 24px;}

		div.news-short div.details { padding: 0px 20px 20px}
		div.news-short div.title { font-size: 18px; margin-bottom: 20px;}
		div.news-short p { font-size: 16px;}
		div.news-short a { font-size: 18px;}

		div.bio > div:first-child { padding-right: 100px;}
		div.bio > div:first-child { padding-right: 100px;}	
		div.grid-article > div:first-child { padding-right: 100px;}

		div.featured-article { padding: 0}

		footer div.logo { width: 270px;}
		footer div.contact { width: calc(100% - 270px);}
		footer div.contact > div { gap: 30px;}
		footer div.contact div.address { font-size: 16px; }
		footer div.address > strong { font-size: 20px; }
		footer div.address p > strong { font-size: 16px; }
		div.footer-links { gap: 30px; }
		div.footer-links > div { gap: 10px; }

		div.masthead-fixed { height: 700px}
		h1.massive { font-size: 60px;}

		div.small-indicators { gap: 40px; margin-top: 20px; margin-bottom: 30px; max-width: 600px;}
		div.small-indicators > div { padding-top: 10px; width: 40%}
		div.small-indicators > div:last-child { width: 60%}
		div.small-indicators > div:first-child:after {     }
		div.small-indicators strong { font-size: 36px; }
		div.small-indicators p { font-size: 14px; }

}

@media only screen and (max-width: 1180px) {
/*	div.masthead { height: 660px;}*/
/*	div.masthead > img { height: 660px; width: auto; max-width: 9999px; position: absolute; right: 0; top: 0; }*/

	div.masthead-home { height: 680px;}
	div.masthead-home > img { height: 680px; }

	div.masthead-people { height: 880px;}
	div.masthead-people > img { height: 880px; }

	div.grid-ceo > div:last-child { padding: 20px 20px 20px 0}
	div.slideshow-ceo a.btn, button.slick-arrow { bottom: 15px;}
	div.grid-ceo > div:last-child p { margin-bottom: 20px; font-size: 17px;}
	
	div.team div.caption { font-size: 16px; padding: 10px;}
	div.team div.caption strong { font-size: 20px;}

	div.grid-ceo > div:first-child { width: calc(100% - 420px); height: 520px;}
	div.grid-ceo > div:last-child { width: 420px;}
	div.grid-ceo > div:first-child img { height: 100%; width: auto; max-width: 9999px; left: -100px;}
	button.slick-arrow.slick-prev { left: auto; right: 355px;}
	button.slick-arrow.slick-next { left: auto; right: 275px;}
	div.slideshow-ceo a.btn, button.slick-arrow { left: auto; right: 145px;}

	div.case-study-logo { width: 200px; height: 200px; margin-top: -100px; border-radius: 200px; padding: 40px; }

	div.with-resume { display: flex; gap: 0px; justify-content: space-between; flex-direction: column}
	div.with-resume > div:first-child { width: 100%;}
	div.with-resume label { padding-left: 0}
}

@media only screen and (max-width: 1080px) {
		p { line-height: 1.5; margin-bottom: 25px; }
		p.large { font-size: 20px;}
		p.larger { font-size: 22px;}

		h1 { font-size: 48px; letter-spacing: -.05em; line-height: 1.15; margin-bottom: 20px; }
		div.h1 { font-size:36px}
		div.grid.grid-ceo > div h1 { font-size: 48px;}
/*		h1.massive { font-size: 160px; line-height: 1.15;  margin-bottom: 40px;}*/
		h2 { font-size: 24px; letter-spacing: -.05em;  line-height: 1.2; margin-bottom: 25px; }
		h2.gray { margin-top: -10px}
		h2.smaller { font-size: 18px;}
		h4 { font-size: 18px; letter-spacing: -.05em;  margin-bottom: 10px; padding-bottom: 10px; }

		div.division > div.title { font-size: 60px;}

		div.cs-1 div.title {font-size: 48px; line-height: 1.15;}

		a.btn, ul.pagenav li a { font-size: 18px;}

		div.more-indicators strong, div.top-indicators strong { font-size: 48px; line-height: 1.2;}
		div.list-indicators p, div.more-indicators p, div.top-indicators p { font-size: 16px;}
		div.list-indicators p small , div.more-indicators p small, div.top-indicators p small { font-size: 14px;}
		div.list-indicators strong { font-size: 28px; line-height: 1.2;}
		div.icon-indicators p { font-size: 16px;}
		div.top-indicators > div:last-child { padding-right: 0px;}

		div.grid-ceo > div:first-child img { height: 85%; left: -100px; bottom: 0; position: absolute;}

		img.bg-custom-1 { display: none !important}

		div.timeline:not(.timeline-legend) { height: 530px;}
		div.timeline > img { height: 100%; left: calc(100vw - 1077px); display: block; bottom: 0; width: auto; max-width: 9999px;}
		div.timeline > img.bg { position: absolute; }

		footer div.logo { width: 270px;}
		footer div.contact { width: 100%; display: block; margin-top: 50px}
		footer div.contact > div.disclaimer p { width: 100%; text-align: left;}

		div.case-study-banner { height: 540px; }
}

@media only screen and (max-width: 980px) {
	
	body, p, ul.bullets li { font-size: 16px;}
	/*CAPTIONS*/
	div.cs-1 { padding: 0 0 20px 20px; }
	div.cs-1 div.title {  font-size: 48px; line-height: 1.15; }
	div.cs-2  { padding: 0 20px 20px; }
/*	div.cs-2  h1 { left: -40px; }*/
	div.cs-2  p, div.cs-10 p { font-size: 16px !important; }
	div.caption-content { width: 70%; font-size: 16px; padding-right: 20px; }
	div.sectionnav { width: 30%;}
	div.cs-3 h2 small{ font-size: 18px; }
	div.cs-3 h1 { margin-bottom: 20px}
	div.cs-3 > div { padding: 0 0 20px 20px;}
	div.cs-3 a.vcard { font-size: 18px; margin: 20px auto 30px 0; }
	div.cs-4 { padding-left: 30%; }
	div.cs-4 img { max-width: 600px; }
	div.start-year span { margin-bottom: 10px}
	div.start-year p { font-size: 18px;; }
	div.start-year > img { width: 38px; }
	/*CONTENT*/
	div.content, div.content2 { padding: 40px 20px; }
	div.content + div.content { padding-top: 0px;}
	div.content > div { position: relative;}
	div.grid-2.grid-content > div:first-child {padding-right: 20px;}

	div.slideshow-team {padding: 0 20px;}

	p.footnote2 {top: -30px}

	div.investments, div.division { padding: 40px 20px 0px;} 
	div.investments { margin-bottom: 40px;}

	div.shift-up { margin-top: 0}

	div.more-indicators > div { padding-right: 100px;}
	div.more-indicators > div:last-child { padding-right: 20px;}

	p { line-height: 1.5; margin-bottom: 25px; }
	p.large { font-size: 18px;}
	p.larger { font-size: 20px;}

	h1 { font-size: 40px; letter-spacing: -.05em; line-height: 1.15; margin-bottom: 20px; }
	div.h1 { font-size: 32px}
	div.push-down { padding-top: 30px}

	div.grid.grid-ceo > div h1 { font-size: 40px;}
/*	h1.massive { font-size: 160px; line-height: 1.15;  margin-bottom: 40px;}*/
	h2 { font-size: 20px; letter-spacing: -.05em;  line-height: 1.2; margin-bottom: 20px; }
	h2.gray { margin-top: -10px}
	h2.smaller { font-size: 16px;}
	h4 { font-size: 16px; letter-spacing: -.05em;  margin-bottom: 10px; padding-bottom: 10px; }

	div.division > div.title { font-size: 48px;}

	a.btn, ul.pagenav li a { font-size: 16px;}

/*		p.footnote2 {padding-left: 20px;} */

div.grid.grid-four-factors {width: calc(100% + 24px);    margin-left: -12px;}
div.grid.grid-four-factors p { font-size: 16px;}
div.grid.grid-four-factors div.title {font-size: 18px; margin-bottom: 10px; padding-bottom: 10px} 
div.grid.grid-four-factors > div { padding: 0 12px; margin-bottom: 20px}

div.grid-article > div:first-child, div.bio > div:first-child { width: calc(100% - 300px); padding-right: 70px;}
div.grid-article > div:last-child, div.bio > div:last-child { width: 300px;}
div.accomplishments div.title { font-size: 24px; margin-bottom: 15px}
div.accomplishments p { font-size: 16px; line-height: 2;}

div.featured-article a, div.featured-article div.title { font-size: 18px;}
div.featured-article p { font-size: 16px;}

div.key-info p { font-size: 22px;}
div.key-info p small { font-size: 14px; margin-bottom: 5px}

div.strategy > div { padding-right: 30px; }
div.strategy > div p { font-size: 14px;}
div.strategy > div strong { font-size: 18px;}


div.timeline:not(.timeline-legend) { height: auto; padding-bottom: 530px;}
div.timeline > img { bottom: 0; height: 530px;}
div.timeline div.caption { position: relative; width: 100%; max-width: 100%; top: 0; transform: none; padding: 20px; }

div.timeline-control {left: 20px; width: calc(100% - 40px);}
div.timeline div.caption { padding-left: 20px; }
div.timeline p { font-size: 14px; }
div.timeline-control { bottom: 5px}
div.timeline-control label { font-size: 16px; top: 10px}

div.news-home { column-gap: 10px;}
div.news-home div.details { padding: 15px 10px 20px} 
div.news-home div.date { line-height: 48px; height: 48px; padding-left: 40px; font-size: 14px}
div.news-home p { font-size: 14px}
div.news-home div.date:after { left: 10px; width: 20px; height: 18px; top: 15px; }
div.timeline > div.legend { padding-left: 20px; padding-bottom: 40px} 

div.how-we-work { column-gap: 50px;  margin-top: 50px; padding-left: 40px}
div.how-we-work span { font-size: 20px; left: -172px; width: 140px; transform: rotate(-90deg); }
div.how-we-work div.subtitle { font-size: 13px; }
div.how-we-work div.title { font-size: 36px; margin-bottom: 20px; }
div.how-we-work ul { padding-left: 15px}
div.how-we-work ul li { font-size: 16px; margin-bottom: 15px; line-height: 1.5;}

div.case-studies { grid-template-columns: 1fr 1fr 1fr; column-gap: 10px; }
div.case-studies div.thumb {  height: 150px; padding: 20px; }
div.case-studies div.details{ display: block; padding: 20px 15px; }
div.case-studies p { font-size: 14px; margin-bottom: 12px; }

}

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

	h1 { font-size: 36px; }
	div.grid.grid-ceo > div h1 { font-size: 36px;}
/*	h1.massive { font-size: 120px; margin-bottom: 40px;}*/
/*	div.cs-2 h1 { left: -30px}*/

	div.grid.grid-news > div { width: calc(50% - 20px)}
	div.investment-list > div { width: 33.33%; padding-bottom: 33.33%}

	div.more-indicators strong, div.top-indicators strong { font-size: 36px; }
	div.list-indicators p, div.more-indicators p, div.top-indicators p { font-size: 16px;}
	div.list-indicators p small , div.more-indicators p small, div.top-indicators p small { font-size: 14px;}
	div.list-indicators strong { font-size: 24px; line-height: 1.2;}
	div.icon-indicators p { font-size: 14px;}
	div.top-indicators > div:last-child { padding-right: 0px;}
	div.more-indicators > div { padding-right: 60px; padding-bottom: 20px}
	div.more-indicators > div:after { right: 30px}
	div.top-indicators > div { padding-right: 80px;}
	div.top-indicators > div:last-child { padding-right: 0px;}
	div.top-indicators > div:after { right: 40px}

	div.start-year p { font-size: 14px;}

	header { left: 0; transform: translate3D(0, 0, 0); }
	header div.logo { width: 80px; left: 20px; top: 20px; }
	header nav { right: 20px; top: 20px; }
/*	header nav > ul > li { padding-left: 40px;}*/
	header nav > ul > li > a { font-size: 32px; }
	header nav > ul.main > li ul { top: 32px; background: rgba(255, 255, 255, 0)}
	header nav > ul.secondary > li > a { font-size: 16px; line-height: 2;}
	header nav > ul.main { top: 40px;}
/*	header nav ul.main li a:hover:after { font-size: 28px; }*/
/*	header nav ul.main li:nth-child(1) a { width: 160px;}*/
/*	header nav ul.main li:nth-child(2) a { width: 130px;}*/
/*	header nav ul.main li:nth-child(3) a { width: 180px;}*/


	footer section { padding: 40px 20px}
	footer div.logo { width: 220px;}
	footer div.logo a { width: 180px; max-width: 80%; }
	footer div.address > strong { font-size: 18px; margin-bottom: 15px;}
	footer div.contact div.address { font-size: 14px;}
	

	.select2-container { border-top: 5px solid var(--col-primary); }
	.select2-container--default .select2-selection--single { border: 0}
	.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-size: 18px; font-family: Raleway; color: var(--col-primary); padding-left: 10px; text-transform: none; font-weight: 700}
	.select2-container--default .select2-selection--single .select2-selection__arrow { background-image: url(/img/svg/triangle.svg);background-size: 17px 10px; transform: rotate(90deg);}
	.select2-results__option{ line-height: 40px; font-size: 18px; font-family: Raleway; color: var(--col-primary); padding-left: 10px; text-transform: none; font-weight: 500}

	input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { color: #fff; border-color: #fff; font-family: Raleway; font-size: 16px; line-height: 40px;}
	textarea { height: 200px; font-family: Raleway; font-size: 16px;}
	div.checkbox label { color: #fff; font-size: 14px; padding-right: 100px}
	div.checkbox label:before { border-color: #fff; }
	*::-webkit-input-placeholder {  font-size: 16px; line-height: 40px;}
	*::-moz-placeholder {  font-size: 16px; line-height: 40px;}
	*:-ms-input-placeholder {  font-size: 16px; line-height: 40px;}

	button[type="submit"] { position: absolute; right: 10px; top: 0; font-size: 18px; line-height: 32px; color: #fff; background: none; padding-right: 15px; font-weight: 700; text-transform: none;;}
	button[type="submit"]:after { content: ""; width: 6px; height: 100%; right:0; font-family: Raleway; top: 0; position: absolute; display: block; background: url(/img/svg/white/triangle.svg) no-repeat transparent center center; background-size: contain; transform: rotate(180deg);}
	button[type="submit"]:hover:after { right: 5px;}

/*	div.masthead { height: 600px;}*/
/*	div.masthead > img { height: 600px; width: auto; max-width: 9999px; position: absolute; right: 0; top: 0; }*/

	div.masthead-home { height: 520px;}
	div.masthead-home > img { height: 520px; }

	div.masthead-people { height: 880px;}
	div.masthead-people > img { height: 880px; }

	div.team div.caption { font-size: 12px}

	a.btn, ul.pagenav li a { padding-right: 20px}
	div.grid-ceo > div:first-child img { max-height: 75%;}
	div.grid-ceo > div:first-child { max-height: 400px;}

	div.partner-logo { height: 150px; width: 400px; max-width: 80%}

	div.news-short div.details { min-height: 240px;}

	div.masthead-short { height: 140px;}
	div.cs-10 { padding: 0 0 20px 20px;}

	div.g1 { gap: 60px}
	div.g1 > *:first-child { width: 63%}
	div.g1 > *:last-child { width: 37%}

	header.attached nav, header.attached nav > ul { gap: 20px !important}
}

@media only screen and (max-width: 780px) {
/*	div.masthead-home { height: 480px;}*/
/*	div.masthead-home > img { height: 480px; }*/

	header.attached nav > ul > li > a { font-size: 16px !important;     padding-left: 20px !important;}
	div.masthead-mobile-fixed { height: 400px}
	div.masthead-mobile-fixed > img { height: 100%; width: 100%; max-width: 9999px; position: absolute; top: 0; right: 0; object-fit: cover; object-position: right bottom;}

}


@media only screen and (max-width: 720px) {
		header { left: 0; transform: translate3D(0, 0, 0); }
		header div.logo { width: 40px; left: 20px; top: 20px; }
		header nav { right: 20px; top: 20px; }
		header nav > ul > li { padding-left: 5px;}
		header nav > ul > li > a { font-size: 20px; }
		header nav > ul.secondary > li > a { font-size: 12px; line-height: 2;}
		header nav > ul.main { gap: 20px;}
		header nav > ul.secondary { gap: 30px;}
		header nav > ul.main { top: 40px;}
		header nav > ul.main > li:hover ul { padding-top: 0}
		header nav > ul.main > li:hover ul li a { font-size: 16px;}
/*		header nav ul.main li a:hover { font-size: 20px}*/
/*		header nav ul.main li a:hover:after { display: none;}*/
/*		header nav ul.main li:nth-child(1) a { width: auto;}*/
/*		header nav ul.main li:nth-child(2) a { width: auto;}*/
/*		header nav ul.main li:nth-child(3) a { width: auto;}*/

		footer section { padding: 30px 20px}
		footer div.logo { width: 160px; display: block; margin: 0 auto 40px 0;}
		footer div.logo a { width: 100%; max-width: 100%; }
		footer div.address > strong { font-size: 16px; margin-bottom: 10px; }
		footer div.address p > strong { font-size: 14px; margin-right: 20px; }
		footer div.contact > div.disclaimer  { font-size: 12px; }
		footer div.contact > div { flex-wrap: wrap;}
		footer div.contact div.address:last-child { display: block; width: 100%; margin-bottom:30px}
		div.footer-links { justify-content: space-between; gap: 20px}
		footer div.contact div.address { padding-bottom: 10px}
		.mobile-only { display: block !important;}
/*		header nav > ul.main > li:hover ul li a { text-align: right;}*/

		div.content, div.content2 { padding: 20px;}
		div.grid { margin-bottom: 0px;}
		div.grid.grid-2 > div { display: block; width: 100%; margin-bottom: 30px;}
		.margin-top-100 { margin-top: 50px !important}
		.margin-bottom-100 { margin-bottom: 50px !important}

		div.top-indicators > div:after { transform: rotate(0); right: 0}
		div.top-indicators { width: calc(100% + 20px); left: -10px}
		div.top-indicators > div { padding: 0 10px !important; margin-bottom: 0}
		div.top-indicators strong { font-size: 18px;}
		div.more-indicators strong { font-size: 24px;}
		div.more-indicators strong p, div.top-indicators p { font-size: 14px;}
		div.more-indicators strong p small, div.top-indicators p small { font-size: 12px;}
		div.more-indicators { margin-bottom: 40px; margin-top: 0px;}
		div.more-indicators > div:after { display: none;}
		div.more-indicators > div { padding-right: 0; padding-bottom: 0; display: block; width:100%; margin-bottom: 20px}


/*		div.masthead { height: 580px;}*/
/*		div.masthead > img { height: 100%; }*/
		div.masthead-home { height: 320px;}
		div.masthead-home > img { height: 320px; }
		div.masthead-people { height: 550px;}
		div.masthead-people > img { height: 100%; }
		div.masthead-news { height: 380px;}
		div.masthead-news > img { height: 100%; }

		div.masthead-fixed { height: 500px;}
		div.masthead-fixed > img { height: 100%; }

		div.cs-4 img { right: -50px;}
		div.cs-1 div.title { font-size: 32px}
		img.bg-custom-1 { width: 100%; left: 0}
		div.criterias p { margin-bottom: 20px}

		h1.massive { font-size: 36px; left: 0 !important}
		div.sectionnav { display: none !important;}
		div.caption-content { width: 100%; font-size: 14px; left:0; padding: 0 10px}

		div.grid.grid-four-factors > div { width: 50%}

		div.slideshow-ceo { margin-top: 0}
		div.grid-ceo > div:first-child { margin-bottom: 0}
		div.grid-ceo > div:first-child img { left: -30px}
		div.grid-ceo > div:last-child {  margin-bottom: 0; padding: 20px;padding-bottom: 100px; height: 400px;}
		div.slideshow-ceo a.btn, button.slick-arrow { bottom: 30px}
		button.slick-arrow.slick-prev { right: auto; left: 20px; }
		button.slick-arrow.slick-next { right: auto; left: 90px; }
		div.slideshow-ceo a.btn, button.slick-arrow { right: auto; left: 170px; }

		div.grid-news, div.team { width: calc(100% + 10px); margin-left: -5px;}
		div.grid.grid-news > div, div.team > div { width: calc(50% - 10px); margin: 0 5px 10px}
		div.team div.caption  { bottom: 5px; right: 5px; padding: 5px}
		div.team div.caption strong { font-size: 16px;}
		div.team div.caption em { font-size: 11px;}

		div.grid-article > div:first-child, div.bio > div:first-child { width: 100%; display: block; padding-right: 0}
		div.grid-article > div:last-child, div.bio > div:last-child { width: 100%; display: block}

		div.grid-article > div:last-child { margin-top: 50px}
		a.link-gray { font-size: 18px;}

		div.team-slide > a { width: 20%;}

		div.cs-2 { width: 100%;}
		div.cs-2  p, div.cs-10 p { font-size: 14px !important; }
		div.grid.grid-4.grid-filters > div { width: 50%; margin-bottom: 10px}
/*		div.grid-filters > div { padding: 0}*/

		div.investments > div.title, div.bio h1 { font-size: 40px}
		div.investment-list > div { width: 50%; padding-bottom: 50%}
		div.investment-list > div a { padding: 40px 30px}
		div.strategy > div { display: block; margin-bottom: 30px}
		div.splitter.s50_50 > div, div.splitter.split-2 > div { display: block; width: 100%;}

		div.grid.grid-news { width: 100%; margin-left:0}
		div.grid.grid-news > div { width: 100%; padding: 0; margin: 0 auto 30px}

/*		div.timeline { margin-bottom: 100px;}*/
/*		div.timeline p { font-size: 12px;}*/
/*		div.timeline-control { width: calc(100% - 10px); left: 5px; bottom: -60px}*/
/*		div.timeline div.caption { top: 0px; transform: none; position: relative; margin: 40px auto; width: 100%; max-width: 100%; padding: 0 20px}*/

		div.news-short div.details { min-height: 0}

		div.cs-4 { }
		div.cs-4 img { height: auto; width: 100%; margin: 0 auto}

		header.attached { height: 60px}
		header.attached div.logo { width: 60px; left: 10px; top: 0px; background-size: auto 30px;}
		header.attached nav { right: 0; top: 0; width: calc(100% - 60px); padding-right: 10px;}
		header.attached nav > ul > li > a { font-size: 12px !important; line-height: 60px !important; font-weight: 400 !important; padding-left:5px !important}

		div.cs-2 h1 {font-size: 28px} 
		div.grid.grid-ceo > div h1 { font-size: 28px;}
		div.grid.grid-ceo > div p{ font-size: 14px;}

		div.g1 { gap: 40px; flex-direction: column}
		div.g1 > * { width: 100% !important}
		div.g1 > p { margin-bottom: 0}
		div.top-indicators { margin-top: 40px}

		div.how-we-work { column-gap: 30px;  margin-top: 50px; padding-left: 0px}
		div.how-we-work span { font-size: 12px; left: 0; width: 100%; transform: none; position: relative; text-align: left; margin-bottom: 4px}
		div.how-we-work div.subtitle { font-size: 15px; }
		div.how-we-work div.title { font-size: 24px; margin-bottom: 15px; }
		div.how-we-work ul { padding-left: 15px}
		div.how-we-work ul li { font-size: 14px; margin-bottom: 10px; line-height: 1.5;}

		div.case-studies { grid-template-columns: 1fr; row-gap: 20px; }

		div.case-study-logo { width: 120px; height: 120px; margin-top: -60px; border-radius: 120px; padding: 20px; }

		div.masthead div.caption { padding-left: 20px; padding-right: 20px}

}

@media only screen and (max-width: 600px) {
		div.timeline:not(.timeline-legend) { height: auto; padding-bottom: 430px; margin-bottom: 50px}
		div.timeline > img { bottom: 50px; height: 380px;}
		div.timeline > img { left: calc(100vw - 768px)}
/*		div.timeline div.legend p { font-size: 12px}*/

		div.cs-4 { padding-left: 40%;}

div.investments-nav { display: block; width:100%; font-size:0; margin-top: 50px}
div.investments-nav a { font-size: 14px; line-height:30px;}
div.investments-nav a:before { width: 6px; }
div.investments-nav a.prev { text-align: left; padding-left: 15px; }
div.investments-nav a.next { text-align: right; padding-right: 15px; }

div.news-home { grid-template-columns: 1fr 1fr}
div.news-home > div:last-child { display: none;}

div.small-indicators > div { width: 50% !important; padding-top: 0}
div.small-indicators > div:first-child:after { transform: none;}
div.small-indicators strong { font-size: 18px}
div.top-indicators p, div.small-indicators p { font-size: 12px}
div.more-indicators strong p small, div.top-indicators p small { font-size: 10px}

div.how-we-work { grid-template-columns: 1fr; row-gap: 40px}

	div.h1 { font-size: 24px; line-height: 1.33; }
	div.caption { width: 100%}

	
}
@media only screen and (max-width: 480px) {
		div.masthead-fixed { height: 360px;} 
		div.masthead-fixed.masthead-about { height: 540px;} 
	header nav > ul.main { gap: 10px;}
	header nav > ul.secondary { gap: 20px} 
	header nav > ul.main > li > a { font-size: 18px}
	div.masthead-short { height: 100px}

header.attached nav { flex-direction: column; gap: 0px !important}
header.attached nav > ul > li > a { line-height: 30px !important;}
header.attached nav > ul > li > a { font-weight: 700 !important; font-size: 13px !important}
/*		header.attached nav > ul { display: block !important;}*/
/*		header.attached nav > ul > li > a { font-size: 12px !important; line-height: 30px !important; font-weight: 400 !important; padding-left:5px !important}*/
/*		header.attached nav > ul.main > li > a { font-size: 12px !important; line-height: 30px !important; font-weight: 700 !important; padding-left:5px !important}*/

}
@media only screen and (max-width: 380px) {
		div.masthead-fixed.masthead-about { height: 620px;} 

}