/*
Theme Name: Web Solutions
Theme URI: https://www.websolutions.com/
Author: Web Solutions
Author URI: https://www.websolutions.com/
Description: WordPress wpCode
Version: 2.0
Text Domain: wpcodev2

Web Solutions is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
@charset "UTF-8";

.m-only { display: block; }

/* TYPOGRAPHY ------------------------------ */
h1{color: #FFF;font-size: 30px;font-size: 1.875rem;}
#content h1 { color: #3E576C; }
h2, .content * h1{ color: #3E576C; font-size: 1.6875rem; }
h3, .content * h2 {color: #3E576C; font-size: 1.375rem; }

p.intro {font-size: 1.3125rem;}
span.heading { font-size: 1rem; }
.accented::before {top: -1.375rem;width: 3.125rem;}

/* HEADER ------------------------------ */
body>div>header {background: transparent;height: 7.75rem;position: relative;z-index: 3;}
body>div>header #brand {display: inline-block;padding: 1.3125rem 1.5625rem;}
body>div>header #brand img {max-width: 100%;height: auto;margin: 0;display: block;width: 6.75rem;}
.slideNav{overflow: hidden;}
body>div>header>.wrap::after{content: "";opacity: 0; z-index: 3;background-color: #000;display: block;position: fixed;left:100vw;top:0;width:100vw;height:100vh;-webkit-transition:left 0ms ease 200ms, opacity 200ms ease;-o-transition:left 0ms ease 200ms, opacity 200ms ease;transition:left 0ms ease 200ms, opacity 200ms ease}
body.slideNav>div>header>.wrap::after{left:0;opacity: .5;-webkit-transition:left 0ms ease 0ms, opacity 200ms ease;-o-transition:left 0ms ease 0ms, opacity 200ms ease;transition:left 0ms ease 0ms, opacity 200ms ease}
header::before {height: 7.75rem;}

body>div>header>.wrap {background: #263746;font-size: 0; overflow: visible; position: fixed;top: 0;}
body.admin-bar>div>header>.wrap { top: 46px; }

#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 85%;max-height: 100vh;background-color: #F0F4F5;z-index:15;-webkit-transition: left 200ms ease;-o-transition: left 200ms ease;transition: left 200ms ease;overflow:auto;-webkit-overflow-scrolling: touch;}

#navContainer>nav>div>ul>li { border-bottom: 1px solid #B9CBD2; }

.admin-bar #navContainer{top:46px}
body.slideNav {overflow: hidden;}
.slideNav #navContainer{left: 15%;}
#navContainer nav{display: inline}
#navContainer ul{display: block;width: 100%;margin: 0;padding: 0 1.8125rem 0 2.75rem;}
#navContainer li{display:block;margin: 0;width: 100%;position: relative;}

#navContainer>nav>div>ul>li:last-child { padding-left: 1.5rem; }
#navContainer>nav>div>ul>li:last-child a { color: #78838E; position: relative; }
#navContainer>nav>div>ul>li:last-child a::before {
  background: url(images/icons/lock-solid-gray.svg) no-repeat center center;
  background-size: 100%;;
  content: '';
  height: 1.25rem;
  position: absolute;
  left: -1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .9375rem;
}


#navContainer a, #navContainer aside.toggleNav{color: #57929F;font-size: 1.125rem;line-height: 3.1;padding: .25rem 0;display: inline-block;text-decoration: none;width: 100%;}
#navContainer aside.toggleNav { padding: 2rem 0; position: relative;}
#navContainer aside.toggleNav svg {cursor: pointer;position: absolute;right: 2rem;top: 1.625rem;}

#navContainer li.on a{background-color:#f03c5e;color: #fff}
#navContainer li.open a {color: #57929F;}
#navContainer li>ul+span{opacity: 0.5;display: block;position: absolute;right: 0.1875rem;top: 0;width: 3em;height: 3em;}
#navContainer li.open>ul+span{opacity: 1}
#navContainer li>ul+span:before{content: ""; display: block; width: 40%; height: 0.125rem; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}
#navContainer li>ul+span:after{content: ""; display: block; width: 40%; height: 0.125rem; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}
#navContainer li.open>ul+span:before {-webkit-transform: translate(-50%, -50%)rotate(0deg);-ms-transform: translate(-50%, -50%)rotate(0deg);transform: translate(-50%, -50%)rotate(0deg);}
#navContainer li>ul+span::before { -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; -o-transition: transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease;}
#navContainer ul ul {display: none;margin-top: 0;padding-left: 0;padding: 0 0 1rem 0;}
#navContainer ul ul a, #navContainer ul li.open ul a {color: #8AA1AE; font-size: .9375rem; padding: .25rem 1rem .25rem 1rem; line-height: 1.5em;}
#navContainer ul ul li.current-menu-item a {background-color: transparent;}
#navContainer form {clear: both; width:100%; padding:1em}
#navContainer form input[type="search"] {width:-webkit-calc(100% - 6em);width:calc(100% - 6em)}
#navContainer form .search-submit {width:6em}
#mobilenav{background-color: #333;float: left;width: 100%;text-align: center; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
#mobilenav a, #mobilenav span{color: #ccc;line-height: 2.5em; -ms-flex-order: 0; -webkit-box-ordinal-group: 1; -webkit-order: 0; order: 0; -ms-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;}
#mobilenav *+* {border-left: 1px solid rgba(255,255,255,0.125)}
#mobilenav a:hover, #mobilenav span:hover{color: #fff;background-color:#f03c5e}
.hamburger{height: 2em;width: 2em;display: block;position: fixed;right: 3px;top:3px;z-index:2;padding: 1px 3px 3px 3px;}
.hamburger path {fill:#69c;font-size: 1.75em;}
.hamburger svg {pointer-events: none;}

#navContainer li>ul+div {
    border: 1px solid #57929F;
    border-radius: 50%;
    opacity: 1;
    display: block;
    position: absolute;
    right: .1875rem;
    top: 1.1875rem;
    width: 1.5rem;
    height: 1.5rem;
}

#navContainer li>ul+div::before {
    content: "";
    display: block;
    width: 45%;
    height: .125rem;
    background-color: #57929F;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

#navContainer li>ul+div::after {
    content: "";
    display: block;
    width: 45%;
    height: .125rem;
    background-color: #57929F;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

#navContainer li.open>ul+div::before {
    -webkit-transform: translate(-50%,-50%)rotate(0deg);
    -ms-transform: translate(-50%,-50%)rotate(0deg);
    transform: translate(-50%,-50%)rotate(0deg)
}

#navContainer li>ul+div::before {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

#navContainer li.open>ul+div {
    background: #57929F;
    opacity: 1;
}

#navContainer li.open>ul+div::after, #navContainer li.open>ul+div::before { background: #FFF; }


/* MAIN ------------------------------ */
#content { padding: 7rem 0 4.5rem; }
.articles #content { padding: 4rem 0 2rem; }

main > .wrap > aside {padding: 0 1em}
.twoCol, .threeCol, .resCol{
  -webkit-column-rule:1px outset rgba(0,0,0,.15);
  -moz-column-rule:1px outset rgba(0,0,0,.15);
  column-rule:1px outset rgba(0,0,0,.15);
  -webkit-columns: auto;
  -moz-columns: auto;
  columns: auto;
  -webkit-column-width: 13em;
  -moz-column-width: 13em;
  column-width: 13em;
}

.content ul li {padding-left: 1.5em;}

.formTable, .formTable table{width:100%;display: block}
.formTable tbody{display: block}
.formTable tr{display: block}
.formTable td{display: block;width:100%;padding: 0}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{margin-bottom:1em}
.formTable table td + td {padding-left: 0 !important;}

.photoright{margin:0 0 .75em 1em;}
.photoleft{margin:0 1em .75em 0;}

.admin-bar .main-navigation {top:46px}
#wpadminbar {position: fixed}
.slideNav header>.menu{right:80%}
.slideNav>nav {right:0}

figure.wp-block-embed {margin-left: 0; margin-right: 0; }

.hamburger{cursor: pointer;height: 2rem;width: 2rem;display: block;position: absolute;right: 1.625rem;top: 1.6875rem;z-index: 8;opacity: 1;padding: 1px 3px 3px 3px;}
body.admin-bar .hamburger { top: -1.3125rem; }
.hamburger path {fill:#FFF;font-size: 1.75em;}
.hamburger svg {pointer-events: none;}

.admin-bar .hamburger {margin-top: 3rem;}

.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

#biographies .biographies a img {height: auto}
#biographies {padding: 3em 1em}
#biographies .biographies a {max-width: 82%; margin-bottom: 1em}

/* FOOTER ------------------------------ */
body>div>footer .wrap {display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;flex-direction: column;-ms-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-pack: start;-webkit-box-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-ms-flex-line-pack: stretch;-webkit-align-content: stretch;align-content: stretch;-ms-flex-align: stretch;-webkit-box-align: stretch;-webkit-align-items: stretch;align-items: stretch;}
body>div>footer .wrap nav {display: block}
#web-solutions{ -ms-flex-order: 1;  -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1;}

body>div>footer .wrap nav a+span:before {content: "|"; margin: 0 0.5em}
body>div>footer {padding: 1.8125rem 2.125rem 1rem;text-align: center;}
body>div>footer .fatFooter { margin: 0; }
body>div>footer .fatFooter .column:nth-child(4) {border-top: 1px solid #78838E;margin-top: 1.125rem;padding-top: 1.8125rem;}
body>div>footer .fatFooter .column:nth-child(4) p:nth-child(2) {margin: 0 0 2.25rem;}

body>div>footer p, body>div>footer .copyright { text-align: left; }
body>div>footer .firm {font-size: 1.375rem;margin: 0 0 1.625rem;text-align: center;}
body>div>footer .social {margin: .125rem 0 1.875rem;}

body>div>footer .fatFooter .column:nth-child(2) {border-top: 1px solid #78838E;margin: 2.125rem 0 3.125rem;padding-top: 2.25rem;}
body>div>footer .fatFooter .column:nth-child(3) {border-top: 1px solid #78838E;margin: 1.5rem 0 2rem;padding-top: 1.9375rem;}
body>div>footer .fatFooter .column:nth-child(3) ul>li>a {line-height: 2.15;}

body>div>footer>.wrap:last-of-type p { margin: 0 0 2rem 0; }
body>div>footer .fatFooter .mt-1 {margin-top: 2.75rem;}
body>div>footer .copyright p:first-of-type {display: block;margin: 0;}

body>div>footer .copyright img {top: .375rem;}

.main-navigation .search-form, body>div>footer .search-form{width:100%;display: block}
.main-navigation .search-form{ padding:1rem; border-top: 1px solid rgba(255,255,255,.2); position: relative; overflow: auto}
.search-form input[type="search"]{height: 2em;width:-webkit-calc(100% - 2em);width:calc(100% - 2em);line-height: 2em;font-size: 1em;padding: 0 0 0 .5em;border: 0;float: left;background-color: #fff}
.search-form .search-submit{height: 2em;width: 2em;line-height: 2em;font-size: 1em; color:#000; padding: 0;border: 0;float: left;-webkit-appearance:none;background-color: #ccc}
.search-form .screen-reader-text {display: none}

/* POPUP ------------------------------ */
.popup .modal-content {
  padding: 5.1875rem 2rem 4.75rem;
  max-width: 100%;
}

#terms {
    padding: 5.1875rem 1.75rem 2.875rem 2rem;
}

/* BUTTONS ------------------------------ */
button#play span { height: 3.1875rem; width: 3.1875rem; }

/* HERO ------------------------------ */
#hero .hero-wrap {padding: 1.5rem 1.5rem 17.75rem;position: relative;}
#hero .textbox { max-width: 100%; width: 20rem; }
#hero .imagebox {bottom: -18.25rem;height: 21rem;width: 21rem;}
#hero .svg {height: 33rem;width: 33rem;}


/* GROWING FORWARD ------------------------------ */
#growing-forward {overflow: hidden;padding: 5rem 1.5625rem 34.5rem;}
#growing-forward .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
#growing-forward .textbox { margin: 0 0 5rem; max-width: 100%; width: 100%;}
#growing-forward .textbox p:not(.intro) { margin-bottom: 1.5rem; }

#growing-forward .column { height: 32rem; left: 50%; margin: 0 auto; position: absolute; top: 100%; width: 32rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#growing-forward .column>img { right: 2.25rem; top: -.625rem; width: 10.75rem; }
#growing-forward .column::after {height: 15.4375rem;width: 21.5rem;}

#growing-forward blockquote {width: 19rem;}
#growing-forward blockquote p {font-size: 1.6875rem;}

#growing-forward .quote { width: 24.6875rem; }
#growing-forward svg#quotes { top: -2.75rem; width: 5.0625rem; }

/* INTRO ------------------------------ */
#intro .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#intro .heading { margin-bottom: .75rem; padding-right: 0;}
#intro .heading, #intro .textbox { width: 100%; }
#intro .intro-wrap {min-height: 15rem;padding: 1.5rem 1.5rem 5rem;}
#intro .intro-banner { height: 19.4375rem; padding: 0; }
#intro p.intro, #intro p { font-size: 1.3125rem; }

/* WINSLOW INTRO ------------------------------ */
#winslow-intro {padding: 5rem 1.5625rem 3.5rem;}
#winslow-intro .wrap { padding: 0;}
#winslow-intro h2 { margin: 0 0 1.9375rem; }
#winslow-intro .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#winslow-intro .video, #winslow-intro .textbox { width: 100%; }
#winslow-intro .video { margin: 0 0 2.1875rem; }
#winslow-intro .textbox { padding-left: 0;}

#winslow-intro .circles {margin: 2.25rem 0 0;}

/* CIRCLES ------------------------------ */
.circles .flex-row {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.circles .circle {margin: 0 0 2rem;}
.circles .circle p { font-size: 1.3125rem; }
.circles .circle svg.circle-ring { display: none; }

/* SUSTAINABLE INVESTING ------------------------------ */
#sustainable-investing {padding: 5rem 1.5625rem 4rem;}
#sustainable-investing .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#sustainable-investing > .flex-row > .textbox { padding-right: 0; width: 100%; }
#sustainable-investing > .flex-row > .links { width: 100%;}
#sustainable-investing ul { margin: 1rem 0 0; width: 100%; }
#sustainable-investing ul li a {white-space: normal;}

/* PROVEN SUCCESS ------------------------------ */
#proven-success:not(.stats) {background: #3E576C !important;padding: 6rem 1.5625rem 4rem;}
#proven-success h2::before { display: block; }

#proven-success video { display: none; }
#proven-success.stats {padding: 4.5rem 1.5rem 2.5rem;}
#proven-success.stats .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
#proven-success.stats li {margin: 0 0 3.25rem;}

#proven-success .wrap { text-align: center; }
#proven-success .footnote { font-size: 1rem; }

/* SPLIT INTRO ------------------------------ */

#split-intro {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;min-height: 0;}
#split-intro .textbox {padding: 12rem 1.5625rem 1.5rem;width: 100%;}
#split-intro .textbox > div { margin: 0 auto; width: 100% }
#split-intro .background {height: 13.125rem;width: 100%;}
#split-intro .intro, #split-intro p { font-size: 1.3125rem; }

#split-intro.select .background { background-position: right 30%; }
#split-intro.select .background.international { background-position: right 50%; }

/* VENN DIAGRAM ------------------------------ */
#venn {overflow: hidden;padding: 2.5rem 1.5rem 6rem;}
#venn .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#venn .flex-row #venn-diagram {margin-bottom: 3rem;position: relative;width: -webkit-calc(100% + 1.5rem);width: calc(100% + 1.5rem);}
#venn .textbox { padding-left: 0; }
#venn .textbox li:nth-child(2) {margin-left: 2.75rem;}
#venn p.intro { padding: 0 1rem; }

/* PERSPECTIVE ------------------------------ */
#perspective {overflow: visible;}
#perspective .inner.animated::after {transition: all 1s ease;width: 100%;}
#perspective .inner::after { z-index: 0; }
#perspective ul.flex-row>li {margin: 0 0 2.5rem;padding: 0;width: 50%;}
#perspective ul.flex-row>li ul { margin: 0 0 0;}
#perspective .perspective {left: 50%;top: 0;-webkit-transform: translate(-50%, -webkit-calc(-50% + 2rem));-ms-transform: translate(-50%, calc(-50% + 2rem));transform: translate(-50%, calc(-50% + 2rem));}
#perspective .animated .perspective { opacity: 1; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#perspective .inner {margin: 0;padding: 9rem 1.5rem 1.5rem;}

#perspective h2 {margin: 0 0 2.625rem;}
#perspective p.risk {margin: 1.625rem 1.125rem 0 }

/* ESG ANALYSIS ------------------------------ */
#esg-diagram {padding: 2.5rem 1.5rem 1rem;}
#esg-diagram svg.desktop-svg { display: none; }
#esg-diagram svg.mobile-svg {display: block;margin: 0 auto;max-width: 100%;width: 17.3125rem;height: 97.5rem;align-content:center}

/* CIRCLES ------------------------------ */
#circles {padding: 3rem 3.5rem 7.75rem;}
#circles .row {margin: 0 auto 4.375rem;padding-top: 0;}
#circles .flex-row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#circles .circle {height: 16.25rem;margin: 0 0 5.25rem;width: 16.25rem;}
#circles .circle svg { height: 20rem; width: 20rem; }
#circles .circle span.heading { font-size: 1.125rem; }
#circles.select {padding: 3rem 3.5rem 9.5rem;}
#circles.growth {padding: 3rem 3.5rem 0;}
#circles.growth .row { border-top: 0;}

@-webkit-keyframes rotate-circle-1 {
  0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@-webkit-keyframes rotate-circle-2 {
  0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  100% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
}

@-webkit-keyframes rotate-circle-3 {
  0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

/* DISCOVER ------------------------------ */
#discover { padding: 3rem 1.5rem 1.5rem; }
#discover .desktop-svg { display: none; }
#discover .flex-row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
#discover .flex-row .column { margin-top: 3rem; max-width: 100%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; width: 30rem; }
#discover .flex-row .column svg { display: block; margin: 0 auto 1.5rem; width: 15.625rem; }
#discover .animated + .flex-row > .column  { opacity: 0; -webkit-transform: translateY(2rem); -ms-transform: translateY(2rem); transform: translateY(2rem); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
#discover .animated + .flex-row > .column.animated { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/* ASSET CLASS ------------------------------ */
#asset-class {padding: 2.5rem 1.5rem 2rem;}
#asset-class ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#asset-class li:nth-child(1) {margin: 0 0 3.5rem;}
#asset-class li:nth-child(1), #asset-class li:nth-child(2) {padding: 0 0 0 1.5rem;width: 100%;}

#asset-class .charts {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-top: 2.375rem;text-align: center;}
#asset-class .charts>div:nth-child(1) { margin: 0 0 5rem; }
#asset-class .charts>div:nth-child(2) { margin: 0 0 1rem; }
#asset-class p.source { display: none; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #asset-class .charts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #asset-class .charts > div:first-child, #asset-class .charts > div:last-child {
    display: block;
    margin: 0 auto;
  }
}

/* OPPORTUNITY ------------------------------ */
#opportunity {padding: 0 1.5rem 1rem;text-align: left;}
#opportunity .row {border-top: 1px solid #B9CBD2;margin-top: 1rem;padding-top: 4.75rem;}
#opportunity h2::before { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
#opportunity ul.flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#opportunity ul.flex-row>li {margin: 0 0 3.5rem; padding: 0 0 0 2rem; width: 100%;}
#opportunity ul.flex-row>li>ul>li { width: 100%; }
#opportunity br { display: none; }

/* ARTICLES ------------------------------ */
#intro .latest { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
#intro .latest .column-text {max-width: 100%;padding: 2.5rem 0 0;width: 100%;}
#intro .latest .column-bg { background-position: right center; height: 19.4375rem; width: 100%;}

#intro .text {margin: 0 auto;padding: 0 3rem;width: 100%;}
#intro .latest .text { width: 100%; }
#intro .arrow { -webkit-transform: translateY(-2.625rem); -ms-transform: translateY(-2.625rem); transform: translateY(-2.625rem); }

#articles {padding: 4.375rem 1.5rem 0;}
#articles .filters ul {display: none;}
#articles #filters-select { display: block;; }
.filters button { margin-right: 1.625rem; }

#results li { padding: 1.625rem 1.375rem 3.5rem;width: -webkit-calc(50% - 1.125rem);width: calc(50% - 1.125rem);}
#results>li:nth-child(3n+3) { margin-right: 2.25rem;; }

#results>li:nth-child(2n+2) { margin-right: 0; }


#results li.photo .tag { left: 1.625rem; top: 1.675rem; }

#results li:nth-child(1n+1) { transition-delay: 0s }
#results li:nth-child(2n+2) { transition-delay: .2s }

.filters-select {display: block;max-width: 100%; }
.filters-select select {
  border: 1px solid #B9CBD2;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #57929F;
  display: inline-block;
  font-size: 1.125rem;
  margin: 0.5rem auto 2.125rem;
  max-width: 100%;
  padding: .6875rem 2.8125rem .6875rem .625rem;
  width: 100%;
}

select {
  background-color: #FFF;
  background-image: url('images/icons/angle-down-select.svg');
  background-repeat: no-repeat;
  background-size: .875rem .5rem;
  background-position: -webkit-calc(100% - .75rem) center;
  background-position: calc(100% - .75rem) center;
}

select::-ms-expand {
    display: none;
}

#pagination { display: none; }

.video-responsive { margin: 3rem 0 0; }

/* PEOPLE & BIOS ------------------------------ */
#people { padding: 4.375rem 1.5rem 2.5rem; position:relative; z-index: 1; }
#people>.flex-row:first-of-type {border-top: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;padding-top: 1rem;}
#people>.flex-row .column:nth-child(1) {padding: 0;width: 100%;}
#people>.flex-row .column:nth-child(2) {max-width: 100%;width: 100%;}

#collapse.show { display: block; }
body.page-template-template-people-php header { z-index: 4; }
body.page-template-template-people-php #intro, body.page-template-template-people-php #intro .intro-wrap { z-index: 3; }
body.page-template-template-people-php footer, #proven-success { position: relative; z-index: 2; }
body.page-template-template-people-php #intro .intro-banner {position: relative;z-index: 2;}

#bios { margin-top: 1.5rem; padding-top: 0; }
#bios .filters-select {margin-top: -1rem;text-align: center;width: 100%;}
#bios .toggle-row { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; }
#bios .toggle-row button {margin: 0 0 1.125rem;max-width: 100%;width: 100%;}
#bios .toggle-row button br { display: none; }

#bios .more-filters {border: 0;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin: 0;padding: 0;}

#bios .ajax-results { display: none; margin-top: 0; }
#bios .more-filters ul, #bios .more-filters p { display: none;  }

#bios.circles .ajax-results .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

#bios .flex-row li {
  margin: 0 0 2rem;
  width: -webkit-calc(10rem + 11.5vw);
  width: calc(10rem + 11.5vw);
}

#bios .filters-select select { margin-bottom: 2.5rem; }

body .modal-content { top: 5rem; }
body .bio .modal-content { top: 4.5rem; }
body.admin-bar .modal-content {top: 7.5rem;}

/* PEOPLE MODAL ------------------------------ */
.modal-content {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin: 2rem 0;padding: 3.375rem 2rem 8.5rem 2rem;top: 0;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}

.bio .modal-content { padding: 3.375rem 2rem 4.5rem 2rem; }

#investor-login .modal-content {padding: 3.375rem 2rem 5rem 2rem;top: 0;top: 0;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.modal-content .close { right: 1.125rem; top: 0; }

.modal-content .picture {margin: 0 auto 2.5rem;max-width: 10.5rem;position: static;}
.modal-content .text { max-width: 100%; margin: 0 auto; width: 100%; }
.modal-content h3 { font-size: 1.375rem; text-align: center; }
.modal-content p.title { font-size: 1rem; text-align: center; }

.modal-content hr {margin: 1.75rem 0 2rem;}

.modal-next, .modal-prev {top: -webkit-calc(100% - 4.625rem);top: calc(100% - 2.25rem);}
.modal-next svg, .modal-prev svg { height: 2.375rem; width: 1.9375rem; }
.modal-next path, .modal-prev path { fill: #57929F; }
.modal-next { right: -webkit-calc(50% - 2.625rem); right: calc(50% - 2.625rem); }
.modal-prev {left: -webkit-calc(50% - 2.625rem);left: calc(50% - 2.625rem);}

/* ARTICLES ------------------------------ */
.contact-info {margin: 1rem 0 4rem;}
#map { margin-top: -8rem; position: relative; }
#map .address { height: 342px; left: 50%; top: 11.375rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 342px; }
#google-map { height: 57rem; }

/* HISTORY ------------------------------ */
#history { padding: 5.625rem 1.5rem .75rem; }
#history h2.accented::before { top: -4.3125rem; }
#history .textbox { padding-left: 0; width: 100%; }
#history .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
#history .column { height: auto; }
#history .column:nth-child(1) {left: -2.5rem;margin: 3.8125rem 0 0;width: 100%;}
#history .column img {display: block;height: 20.0625rem;margin: 0 auto;width: 20.0625rem;}
#history .column .circle {height: 7.4375rem;left: -webkit-calc(50% + 5rem);left: calc(50% + 5rem);width: 7.4375rem;}
#history .column svg.circle-ring {height: 26.6875rem;left: -webkit-calc(50% - 1rem);left: calc(50% - 1rem);top: -webkit-calc(50% - 1rem);top: calc(50% - 1rem);width: 26.6875rem;}


/* POSITIVE CHANGES ------------------------------ */
#circles.changes h2.accented::before { left: 0%; top: -5.625rem; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
#circles.changes {padding: 3rem 1.5rem 0.5rem;}
#circles.changes .row {border: 0;padding-top: 6rem;text-align: left;}
#circles.changes .category br { display: block; }

/* SHARED VALUES ------------------------------ */

span.category {
    top: -1.25rem;
}

#shared-values {overflow: hidden;padding: 7.8125rem 1.5rem 0;}
#shared-values .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
#shared-values .column:nth-child(1) { padding-right: 0rem; width: 100%; }
#shared-values .column:nth-child(2) {margin-top: 23.75rem;}

#shared-values .circle {background: transparent;margin: 0;padding: 0 1rem;width: 100%;}

#shared-values .circle::before {
  background: #57929F;
  border-radius: 50%;
  content: '';
  height: 50rem;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80rem;
}

#shared-values .circle>div {
  position: relative;
  width: 100%;
}

#shared-values {
	background-position: -4.5rem top;
	background-size: 1250px;
}

/* MEDIA QUERIES ------------------------------ */

@media (max-width: 600px) {
  #hero h1 { margin-bottom: 1.25rem; }
  #hero .imagebox { bottom: -19.875rem; height: 15.25rem; width: 15.25rem; }
  #hero .svg { left: -webkit-calc(50% - .5rem); left: calc(50% - .5rem); height: 22.4375rem; width: 22.1875rem;}

  #perspective ul.flex-row>li { width: 100%; }
  #results li { margin-right: 0; min-height: 24rem; width: 100%; }
  #results>li:nth-child(3n+3) { margin-right: 0; }
  #results li:nth-child(1n+1) { transition-delay: 0s }

  #bios .flex-row li {width: calc(50% - .5rem);}
  #bios .flex-row li:nth-child(even) { margin-left: .5rem; }
  #bios .flex-row li:nth-child(odd) { margin-right: .5rem; }
}

/* == ++ == ++ == STYLE-M.CSS (WINSLOW) == ++ == ++ == */