/*
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.0
Text Domain: wpcodev2

Web Solutions is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html { -webkit-box-sizing:border-box; box-sizing:border-box;}
*, *:before, *:after { -webkit-box-sizing:border-box; box-sizing:border-box;}
body{background: #F0F4F5;overflow-x: hidden;margin:0;padding:0;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.no-flow { overflow: hidden; }
img{border: 0}
ul, ul li { list-style: none; }
main ul{margin: 0 0 1.75rem;padding-left: 0;}
main ul li{color: #606C78;font-size: 1.125rem;margin: 0 0 .5625rem;padding: 0 0 0 3.375rem;position: relative;}

main::before {
  background: #263746;
  bottom: 100%;
  content: '';
  height: 10rem;
  left: 0;
  position: absolute;
  width: 100%;
}

main.add-curve::before { background: transparent; }

main ul.no-bullets>li { padding-left: 0; }
main ul.no-bullets>li::before { display: none; }

main ul li::before {
  border-radius: 50%;
  background: #57929F;
  content: '';
  height: .25rem;
  left: 1.75rem;
  position: absolute;
  top: .75rem;
  width: .25rem;
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
iframe[src="/management/login/persistSession.aspx"] {display: none}
/*page widths*/
body>div>header, .svg #mainnav, main, body>div>footer, #alertApp{width:100%;clear:left;display:block;}
body>div>footer>.fatFooter,#alertApp>*,.wrap{width:100%;max-width: 73.5625rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto;}
main .wrap {max-width: 100%;padding: 0 1.5625rem;width: 76.75rem;}
main .wrap.articles {width: 62.125rem;}
.wrap.overflow { overflow: visible; }
body.no-overflow, div.no-overflow { overflow: hidden; }

/* text */
body, .text, input, button, select, textarea {font-family: 'Source Sans Pro', sans-serif;line-height: 1.55;color:#666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.text{font-size: 1rem;}
a, a *{color: #57929F; font-size: 1.125rem;}
a:hover, a:active, a:hover *, a:active *{ color: #57929F}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top: 1.5rem;}
h1, h2, h3, h4, h5, h6 {line-height: 1.25;}
h2.heading-sm { font-size: 1.4375rem; }
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{color: #606C78;font-size: 1.125rem;}
p.mb-2 {margin-bottom: 1.8125rem;}
p>b { color: #57929F; }
p.intro {color: #606C78;font-size: 1.6875rem;margin: 0 0 1.75rem;}
sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

/* FONTS ------------------------------ */

/* Georgia Regular */
h3,h4,h5,h5, p.intro, .circles .circle p, #intro p, #split-intro p, .contact-info a {
  font-family: 'Georgia', serif;
  font-weight: 400;
  line-height: 1.25;
}

/* Georgia Bold */
h1,h2, footer .firm, #proven-success.stats .counter, #opportunity h3, #bios li h3, .modal-content h3, #circles .circle span.number, #venn h3, #asset-class h3, #results li h3 {
  font-family: 'Georgia', serif;
  font-weight: 700;
}

/* Georgia Bold Italic */
blockquote p {
  font-family: 'Georgia', serif;
  font-style: italic;
  font-weight: 700;
}

/* Source Sans Pro Light */
body>div>footer .fatFooter address, body>div>footer .fatFooter p, body>div>footer .copyright, #perspective p.risk, #discover .column p,
#people .filters li, #people .toggle-buttons button span, #bios .filters p, #map .address p, #proven-success .footnote {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
}

/* Source Sans Pro Light Italic */
body>div>footer .fatFooter em {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-style: italic;
}

/* Source Sans Pro Semi Bold */
#mainnav a, .arrow, span.heading, #perspective h3, #perspective .perspective span, .tag, .filters button, #content a, .contact-info strong,
body>div>footer strong, body>div>footer .fatFooter, body>div>footer .copyright p, #asset-class p.source, span.date, #pagination .number span,
.filters-select select, .filters-select option, .article-meta span, #bios li p, .modal-content p.title, #bios .toggle-row button,
#bios .more-filters button, #bios #collapse, span.category, #shared-values .circle p, .gm-style-iw-d div  {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
}

/* Source Sans Pro Bold */
#proven-success.stats li, #map .address strong, #terms-of-use {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}


/* TYPOGRAPHY ------------------------------ */
.accented { position: relative; }
.accented::before {
  background: #C3D62E;
  content: '';
  display: block;
  height: .25rem;
  position: absolute;
  top: -2.1875rem;
  width: 5rem;
}

span.heading {
  color: #78838E;
  display: inline-block;
  font-size: 1.125rem;
  letter-spacing: 2px;
  line-height: 1.25;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}


/* MAIN ------------------------------ */
main, .mceContentBody{background: #F0F4F5;position: relative;}
.contentEditor{ background:#FFF; min-width:100%; }

main.add-curve {background: #F0F4F5;/* overflow: hidden; */position: relative;}
header::before {
  background-color: #263746;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-clip-path: circle(240vw at 50% -webkit-calc(100% - 240vw));
  clip-path: circle(240vw at 50% calc(100% - 240vw));
  content: '';
  height: 14rem;
  left: 50%;
  position: absolute;
  top: -1rem;
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
  width: -webkit-calc(100% + 2rem);
  width: calc(100% + 2rem);
  z-index: 0;
}

body.home header::before { display: none; }

/* t1 */
#sidenav {overflow:hidden;margin:0 0 40px}
#sidenav ul{padding: 0}
#sidenav ul:empty{display: none}
#sidenav li {height:1%;overflow:hidden}
#sidenav li a{padding:.5em 5px;line-height:1.1em;display:block}
#sidenav li a:hover, #sidenav li a:active {background:#e5e5e5}
#sidenav li.current_page_item>a, #sidenav li.current_page_ancestor>a {color:#000}
/* t2 */
#sidenav li.current_page_ancestor ul{border-top:1px solid rgba(0,0,0,.15);padding-bottom:.5em;}
#sidenav li ul li a {padding-left: 1.25em}
#sidenav li.current_page_ancestor>ul>li {border-bottom:1px solid rgba(0,0,0,.15)}
#sidenav li.current_page_ancestor ul li a, #sidenav li ul.children li a {padding:.3em 5px .3em 10px;font-size:.9em;color:#666}
#sidenav li ul li a:hover, #sidenav li ul li a:active {color:#000;}
#sidenav li ul li.current_page_item>a, #sidenav li ul li.current_page_ancestor>a {color:#000;background:#ccc;}
/* t3 */
#sidenav li ul li.current_page_ancestor ul{padding-bottom:.5em;border:0}
#sidenav li ul li.current_page_ancestor ul li{border:0}
#sidenav li ul li.current_page_ancestor ul li a, #sidenav li ul li ul.children li a {display: block; padding-left:30px;font-size:.8em;color:#666}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active {background:#f5f5f5}
#sidenav li ul li ul li.current_page_item>a, #sidenav li ul li ul li.current_page_ancestor>a{color:#000; background:#e5e5e5;}
/* t4 */
#sidenav li ul li ul li.current_page_ancestor ul li a{padding-left:50px;font-size:.7em;color:#666}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#fff}
#sidenav li ul li ul li ul li.current_page_item>a{color:#000; background:#f5f5f5;}
/* hide children that arent yours */
#sidenav ul.children { display: none }
#sidenav li.current_page_ancestor>ul, #sidenav li.current_page_item>ul { display: block }
/*section callouts*/
main>div>aside section{margin:0 0 20px;padding:10px}
main>div>aside section:hover{background:#FFC}
main>div>aside section h1{margin:0;font-size:1.2em}
main>div>aside section p{margin:0}
/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

.content{word-wrap:break-word}
.content .alignright, .content .align-right{max-width:50%;height:auto}
.content .alignright img,.content .align-right img {max-width:100%;height:auto;margin: 0;float: none}
.content img.phototreatment{max-width:50%;height:auto}
.content figure.phototreatment{width: 100%;text-align: center}
.content figure.phototreatment img{max-width: 100%;width: auto;height: auto}
img.phototreatment,img.alignright,img.align-right,.alignright img,.align-right img {max-width: 100%;width: auto;height: auto}
.alignright{float:right;clear:right}
.align-right{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight{background:#FFC;padding:1em;margin:1em 0}
small, .textSm{font-size:.8em}
.content table{width:100%}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

/* blog */
h1.entry-title {margin-bottom:.5em;font-size: 1.45em}
span.posted-on {font-size: .8em}
span.byline {font-size: .85em;display: block}
article .entry-content {padding: 1em 0}
.cat-links, .comments-link {font-size: .8rem;display: block}
.blogThumb {width: 100%;}
.blogThumb img, .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {max-width: 100%;height: auto}
#comments h2.comments-title {margin: 1em 0 2em}
#comments footer b.fn {font-size: 1.25rem}
#comments footer span.says {font-size: .8rem}
#comments .edit-link {font-size: .8rem;margin-left: 1.5rem}
#comments time {font-size: .8rem}
#comments li.comment {border-top: 1px solid #ccc;padding-top: 1em}
#comments .reply a {font-size: .8rem}
#comments p.logged-in-as * {font-size: .8rem}
#comments .comment-content p {margin-top: 1em; font-size: 1.1rem}
#respond {margin-top: 4em}
#respond h3 {margin: 0}
#comments textarea {width: 75%;}
.updated {display:none;}

#biographies {padding: 5em 1em; text-align: center}
#biographies .biographies a {text-align: left; display: inline-block; padding: 1.75em; border-radius:3px; background: #EDEAEA}
#biographies .biographies a:hover {background: #0085CA;}
#biographies .biographies a img {display: block; border: 1px solid transparent; margin: 0 auto 0.75em; width: 100%; height: 226px; -webkit-object-fit: cover; -o-object-fit: cover; object-fit: cover; -webkit-object-position: center top; -o-object-position: center top; object-position: center top}
#biographies .biographies a:hover img {border-color: rgba(255,255,255,0.5)}
#biographies .biographies a span,
#biographies .biographies a:hover span {color: #fff}
#biographies .biographies a .name {font-size: 1.25em; font-weight:600; color: #0085CA}
#biographies .biographies a .position {font-size: 0.938em; color: #004F71}
#biographies .biographies a:hover .position {opacity: 0.75}

.pageHeader {clear: both; width: 100%; padding-bottom: 10%; background: #666}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li ul li:before{opacity: .5}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.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-column-gap:2em;
  -moz-column-gap:2em;
  column-gap:2em;
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

.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}
figure div.wp-block-embed__wrapper { position: static; }

/* forms */
input, button, select{font-size:.9rem;line-height: 1.2em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], input[type="reset"]{border-radius:0; outline: none; -webkit-appearance:none;font-size: .9rem}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid rgba(0,0,0,.2);background-color:rgba(0,0,0,.05);padding:3px 5px;-webkit-box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .2);box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .2)}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{background-color: #FFF;}
textarea{display:block;font-size: .9rem}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{background:#69c;color:#fff;border:0;padding:.4em .6em;line-height:1em;cursor:pointer}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,.button.hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#f03c5e;color:#fff}
.button{display: inline-block}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.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 input[type="search"], .formTable textarea{width:100%}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }

/* TRANSITIONS ------------------------------ */
#mainnav li>span, a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,
.hamburger svg rect, button#play::before, .circles .circle, #alertApp span,#alertDesc, #navContainer li,.hamburger, .arrow span::before, 
body>div>footer a::after, body>div>footer .social a::before, #mainnav > div > ul> li:last-child a::before, #mainnav > div > ul> li:last-child a:after, #bios .toggle-row button span.fill, #pagination .number span::before, #people .toggle-buttons button::before,
#people .toggle-buttons button::after, #bios li, .modal-content .close {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

input:focus, select:focus, textarea:focus { -webkit-transition: background-color 150ms ease;-o-transition: background-color 150ms ease;transition: background-color 150ms ease; }

/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }

/* FOOTER ------------------------------ */
body>div>footer{background: #606C78;padding: 4.875rem 2.125rem 3rem;color: #FFF;font-size:.9em;position: relative;z-index: 0;}
body>div>footer .fatFooter a{color: #FFF;margin: 0 0 .5rem;position: relative;text-decoration: none;}
body>div>footer .fatFooter address { line-height: 1.75 }
body>div>footer .fatFooter address a, body>div>footer p { color: #FFF; }
body>div>footer .fatFooter ul {margin: 0;padding: 0;}
body>div>footer .fatFooter{margin-bottom: 5.5rem;}

body>div>footer a:hover, footer a:active{color:#fff}
body>div>footer a.on, footer .on>a{text-decoration:none;color:#fff}
body>div>footer>.wrap {overflow:visible; }
body>div>footer>.wrap nav {display: inline}
body>div>footer>.wrap #web-solutions a{opacity:.4}
body>div>footer>.wrap #web-solutions a:hover{opacity:.8}


body>div>footer .firm {color: #FFF;font-size: 1.5625rem;margin: 0 0 2.375rem;}
body>div>footer strong {color: #95D1DF;display: block;letter-spacing: 2px;text-transform: uppercase;}
body>div>footer .fatFooter * {font-size: 1.125rem;}
body>div>footer .fatFooter p {line-height: 1.3;margin: 0 0 1.375rem;}
body>div>footer .fatFooter .mt-1 {margin-top: 1rem;}
body>div>footer>.wrap:last-of-type p {font-size: .9375rem;letter-spacing: .3px;line-height: 1.25;margin: 0 .125rem 2.125rem 0;}

body>div>footer>.wrap>p.disclaimer:first-of-type { margin: 0 0 1.25rem; }
body>div>footer>.wrap>p.disclaimer:last-of-type {line-height: 1.5;margin: 0 0 1rem;}
body>div>footer>.wrap>p.disclaimer span  {margin-right: 1.75rem;}

body>div>footer .copyright p {display: inline-block;margin: 0 .125rem 0 0;}
body>div>footer .copyright img {display: inline-block;height: 1.3125rem;margin: 0 0 0 .125rem;position: relative;top: .375rem;width: 8.625rem;}
body>div>footer .contact-numbers {margin-top: 1.1875rem;}
body>div>footer .social svg {height: 1.1875rem;position: relative;width: 1.1875rem;z-index: 1;}
body>div>footer .social a {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-radius: 50%;border: 1px solid #95D1DF;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 3rem;overflow: hidden;width: 3rem;z-index: 1;}
body>div>footer .social a::after { display: none; }
body>div>footer .social svg path { fill: #FFF; }

/* BUTTONS ------------------------------ */

button#play {background: transparent;border: 0; -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%);  outline: 0;padding: 0;position: absolute;right: 2.125rem;top: 2.125rem;}
button#play span {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;height: 4.375rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 4.375rem;}
button#play svg {position: relative;left: .1875rem;z-index: 2;}
button#play svg polygon { fill: #57929F; }

button#play::before {content: '';background: #FFF;border-radius: 50%;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}

button#play::after {
  background: #57929F;
  -webkit-box-shadow: 0 0 0 1px #57929F;
  box-shadow: 0 0 0 1px #57929F;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition-property: opacity, width;
  -o-transition-property: opacity, width;
  transition-property: opacity, width;
  -webkit-transition-duration: 0s, .3s;
  -o-transition-duration: 0s, .3s;
  transition-duration: 0s, .3s;
  -webkit-transition-timing-function: ease, ease;
  -o-transition-timing-function: ease, ease;
  transition-timing-function: ease, ease;
  width: 0;
  z-index: 0;
}

button#play:hover::after { opacity: 1; width: 100%; }
button#play:hover svg polygon { fill: #FFF; }

/* CONTAINERS ------------------------------ */
.row {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 73.5625rem;
}

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 73.75rem;
}

/* ARROWS ------------------------------ */
.arrow {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 1.125rem;
  letter-spacing: 2px;
  padding: .25rem 0;
  text-decoration: none;
  text-transform: uppercase;
}

.arrow span {
  background-size: 2rem 2rem;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 2rem;
  overflow: hidden;
  min-width: 2rem;
  width: 2rem;
  margin-left: 1rem;
  position: relative;
  vertical-align: bottom;
  z-index: 1;
}

.arrow span::before,
#pagination .number span::before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: -1;
}

.arrow span::after,
#pagination .number span::after  {
  background-size: 2rem 2rem;
  background-repeat: no-repeat;
  background-position: center center;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
}

.arrow:hover { background: transparent; }

/* Teal arrow */
.arrow.teal { color: #95D1DF; }
.arrow.teal span { border: 1px solid #95D1DF; }
.arrow.teal span::before { background: #95D1DF;  }
.arrow.teal span::after { background-image: url('/wp-content/themes/wpcode-v2/images/icons/arrow-teal.svg'); }

/* Dark Teal arrow */
.arrow.dk-teal { color: #57929F; }
.arrow.dk-teal span::before { background: #57929F; }
.arrow.dk-teal span::after { background-image: url('/wp-content/themes/wpcode-v2/images/icons/arrow-dk-teal.svg'); }

/*White arrow */
.arrow.white { color: #FFF; }
.arrow.white span { border: 1px solid #FFF; }
.arrow.white span::before { background: #FFF; }
.arrow.white span::after { background-image: url('/wp-content/themes/wpcode-v2/images/icons/arrow-white.svg'); }

.popup .button.arrow {
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  letter-spacing: 2px;
  max-width: 100%;
  padding: 1rem 1.3125rem;
  width: 21.875rem;
}

.popup  .button.arrow span {-webkit-box-shadow: inset 0 0 0 1px #FFF;box-shadow: inset 0 0 0 1px #FFF;border: 0;margin: .125rem .125rem .125rem 1rem;top: 0;}
.popup  .button.arrow:nth-of-type(1) {background: #57929F;margin: 2.0625rem 0 1.375rem;}
.popup  .button.arrow:nth-of-type(2) { background: #3E576C; }

/* ANIMATION EFFECTS ------------------------------ */
.fade-in, .fade-in-up,
.translate-left, .translate-right, .translate-up, .translate-down {
  opacity: 0;
  position: relative;
  -webkit-transition: all .75s ease;
  -o-transition: all .75s ease;
  transition: all .75s ease;
  z-index: 2;
}

.fade-in { opacity: 0; -webkit-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; }
.fade-in-up { opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translateY(1.5rem ); -ms-transform: translateY(1.5rem ); transform: translateY(1.5rem )}

.translate-left { -webkit-transform: translate(4.75rem,0); -ms-transform: translate(4.75rem,0); transform: translate(4.75rem,0); }
.translate-right { -webkit-transform: translate(-4.75rem,0); -ms-transform: translate(-4.75rem,0); transform: translate(-4.75rem,0); }
.translate-up { -webkit-transform: translate(0,4.75rem); -ms-transform: translate(0,4.75rem); transform: translate(0,4.75rem); }
.translate-down { -webkit-transform: translate(0,-4.75rem); -ms-transform: translate(0,-4.75rem); transform: translate(0,-4.75rem); }

.fade-in.animated, .translate-left.animated, .translate-right.animated,
.translate-up.animated, .translate-down.animated, .fade-in-up.animated,
#hero.animated .fade-in-up, #hero.animated .fade-in,
#intro.animated .fade-in-up, #split-intro.animated .fade-in-up {
  opacity: 1;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
}

/* ** HERO RINGS ** */
.animated + .imagebox img { opacity: 1; }

/* .svg svg { transform: rotate(-45deg); }
.animated + .imagebox svg {
  animation: rotate 1s 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  transform-origin: 50% 50%;
}
*/

.svg polygon, .svg path { opacity: 0; }

.animated + .imagebox polygon, .animated + .imagebox path,
#hero.animated .imagebox polygon, #hero.animated .imagebox path { opacity: .54; }

.svg #i-1, .svg #m-1, .svg #o-1 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.svg #i-2, .svg #m-2, .svg #o-2 { -webkit-transition-delay: .015s; -o-transition-delay: .015s; transition-delay: .015s }
.svg #i-3, .svg #m-3, .svg #o-3 { -webkit-transition-delay: .03s; -o-transition-delay: .03s; transition-delay: .03s }
.svg #i-4, .svg #m-4, .svg #o-4 { -webkit-transition-delay: .045s; -o-transition-delay: .045s; transition-delay: .045s }
.svg #i-5, .svg #m-5, .svg #o-5 { -webkit-transition-delay: .06s; -o-transition-delay: .06s; transition-delay: .06s }
.svg #i-6, .svg #m-6, .svg #o-6 { -webkit-transition-delay: .075s; -o-transition-delay: .075s; transition-delay: .075s }
.svg #i-7, .svg #m-7, .svg #o-7 { -webkit-transition-delay: .09s; -o-transition-delay: .09s; transition-delay: .09s }
.svg #i-8, .svg #m-8, .svg #o-8 { -webkit-transition-delay: .105s; -o-transition-delay: .105s; transition-delay: .105s }
.svg #i-9, .svg #m-9, .svg #o-9 { -webkit-transition-delay: .120s; -o-transition-delay: .120s; transition-delay: .120s }
.svg #i-10, .svg #m-10, .svg #o-10 { -webkit-transition-delay: .135s; -o-transition-delay: .135s; transition-delay: .135s }
.svg #i-11, .svg #m-11, .svg #o-11 { -webkit-transition-delay: .150s; -o-transition-delay: .150s; transition-delay: .150s }
.svg #i-12, .svg #m-12, .svg #o-12 { -webkit-transition-delay: .165s; -o-transition-delay: .165s; transition-delay: .165s }
.svg #i-13, .svg #m-13, .svg #o-13 { -webkit-transition-delay: .180s; -o-transition-delay: .180s; transition-delay: .180s }
.svg #i-14, .svg #m-14, .svg #o-14 { -webkit-transition-delay: .195s; -o-transition-delay: .195s; transition-delay: .195s }
.svg #i-15, .svg #m-15, .svg #o-15 { -webkit-transition-delay: .210s; -o-transition-delay: .210s; transition-delay: .210s }
.svg #i-16, .svg #m-16, .svg #o-16 { -webkit-transition-delay: .225s; -o-transition-delay: .225s; transition-delay: .225s }
.svg #i-17, .svg #m-17, .svg #o-17 { -webkit-transition-delay: .240s; -o-transition-delay: .240s; transition-delay: .240s }
.svg #i-18, .svg #m-18, .svg #o-18 { -webkit-transition-delay: .255s; -o-transition-delay: .255s; transition-delay: .255s }
.svg #i-19, .svg #m-19, .svg #o-19 { -webkit-transition-delay: .270s; -o-transition-delay: .270s; transition-delay: .270s }
.svg #i-20, .svg #m-20, .svg #o-20 { -webkit-transition-delay: .285s; -o-transition-delay: .285s; transition-delay: .285s }
.svg #i-21, .svg #m-21, .svg #o-21 { -webkit-transition-delay: .300s; -o-transition-delay: .300s; transition-delay: .300s }
.svg #i-22, .svg #m-22, .svg #o-22 { -webkit-transition-delay: .315s; -o-transition-delay: .315s; transition-delay: .315s }
.svg #i-23, .svg #m-23, .svg #o-23 { -webkit-transition-delay: .330s; -o-transition-delay: .330s; transition-delay: .330s }
.svg #i-24, .svg #m-24, .svg #o-24 { -webkit-transition-delay: .345s; -o-transition-delay: .345s; transition-delay: .345s }
.svg #i-25, .svg #m-25, .svg #o-25 { -webkit-transition-delay: .360s; -o-transition-delay: .360s; transition-delay: .360s }
.svg #i-26, .svg #m-26, .svg #o-26 { -webkit-transition-delay: .375s; -o-transition-delay: .375s; transition-delay: .375s }
.svg #i-27, .svg #m-27, .svg #o-27 { -webkit-transition-delay: .390s; -o-transition-delay: .390s; transition-delay: .390s }
.svg #i-28, .svg #m-28, .svg #o-28 { -webkit-transition-delay: .405s; -o-transition-delay: .405s; transition-delay: .405s }
.svg #i-29, .svg #m-29, .svg #o-29 { -webkit-transition-delay: .420s; -o-transition-delay: .420s; transition-delay: .420s }
.svg #i-30, .svg #m-30, .svg #o-30 { -webkit-transition-delay: .435s; -o-transition-delay: .435s; transition-delay: .435s }
.svg #i-31, .svg #m-31, .svg #o-31 { -webkit-transition-delay: .450s; -o-transition-delay: .450s; transition-delay: .450s }
.svg #i-32, .svg #m-32, .svg #o-32 { -webkit-transition-delay: .465s; -o-transition-delay: .465s; transition-delay: .465s }
.svg #i-33, .svg #m-33, .svg #o-33 { -webkit-transition-delay: .480s; -o-transition-delay: .480s; transition-delay: .480s }
.svg #i-34, .svg #m-34, .svg #o-34 { -webkit-transition-delay: .495s; -o-transition-delay: .495s; transition-delay: .495s }
.svg #i-35, .svg #m-35, .svg #o-35 { -webkit-transition-delay: .510s; -o-transition-delay: .510s; transition-delay: .510s }
.svg #i-36, .svg #m-36, .svg #o-36 { -webkit-transition-delay: .525s; -o-transition-delay: .525s; transition-delay: .525s }
.svg #i-37, .svg #m-37, .svg #o-37 { -webkit-transition-delay: .540s; -o-transition-delay: .540s; transition-delay: .540s }
.svg #i-38, .svg #m-38, .svg #o-38 { -webkit-transition-delay: .555s; -o-transition-delay: .555s; transition-delay: .555s }
.svg #i-39, .svg #m-39, .svg #o-39 { -webkit-transition-delay: .570s; -o-transition-delay: .570s; transition-delay: .570s }
.svg #i-40, .svg #m-40, .svg #o-40 { -webkit-transition-delay: .585s; -o-transition-delay: .585s; transition-delay: .585s }
.svg #i-41, .svg #m-41, .svg #o-41 { -webkit-transition-delay: .600s; -o-transition-delay: .600s; transition-delay: .600s }
.svg #i-42, .svg #m-42, .svg #o-42 { -webkit-transition-delay: .615s; -o-transition-delay: .615s; transition-delay: .615s }
.svg #i-43, .svg #m-43, .svg #o-43 { -webkit-transition-delay: .630s; -o-transition-delay: .630s; transition-delay: .630s }
.svg #i-44, .svg #m-44, .svg #o-44 { -webkit-transition-delay: .645s; -o-transition-delay: .645s; transition-delay: .645s }
.svg #i-45, .svg #m-45, .svg #o-45 { -webkit-transition-delay: .660s; -o-transition-delay: .660s; transition-delay: .660s }
.svg #i-46, .svg #m-46, .svg #o-46 { -webkit-transition-delay: .675s; -o-transition-delay: .675s; transition-delay: .675s }
.svg #i-47, .svg #m-47, .svg #o-47 { -webkit-transition-delay: .690s; -o-transition-delay: .690s; transition-delay: .690s }
.svg #i-48, .svg #m-48, .svg #o-48 { -webkit-transition-delay: .705s; -o-transition-delay: .705s; transition-delay: .705s }
.svg #i-49, .svg #m-49, .svg #o-49 { -webkit-transition-delay: .720s; -o-transition-delay: .720s; transition-delay: .720s }
.svg #i-50, .svg #m-50, .svg #o-50 { -webkit-transition-delay: .735s; -o-transition-delay: .735s; transition-delay: .735s }
.svg #i-51, .svg #m-51, .svg #o-51 { -webkit-transition-delay: .750s; -o-transition-delay: .750s; transition-delay: .750s }
.svg #i-52, .svg #m-52, .svg #o-52 { -webkit-transition-delay: .765s; -o-transition-delay: .765s; transition-delay: .765s }
.svg #i-53, .svg #m-53, .svg #o-53 { -webkit-transition-delay: .780s; -o-transition-delay: .780s; transition-delay: .780s }
.svg #i-54, .svg #m-54, .svg #o-54 { -webkit-transition-delay: .795s; -o-transition-delay: .795s; transition-delay: .795s }
.svg #i-55, .svg #m-55, .svg #o-55 { -webkit-transition-delay: .810s; -o-transition-delay: .810s; transition-delay: .810s }
.svg #i-56, .svg #m-56, .svg #o-56 { -webkit-transition-delay: .825s; -o-transition-delay: .825s; transition-delay: .825s }
.svg #i-57, .svg #m-57, .svg #o-57 { -webkit-transition-delay: .840s; -o-transition-delay: .840s; transition-delay: .840s }
.svg #i-58, .svg #m-58, .svg #o-58 { -webkit-transition-delay: .855s; -o-transition-delay: .855s; transition-delay: .855s }
.svg #i-59, .svg #m-59, .svg #o-59 { -webkit-transition-delay: .870s; -o-transition-delay: .870s; transition-delay: .870s }
.svg #i-60, .svg #m-60, .svg #o-60 { -webkit-transition-delay: .885s; -o-transition-delay: .885s; transition-delay: .885s }
.svg #i-61, .svg #m-61, .svg #o-61 { -webkit-transition-delay: .900s; -o-transition-delay: .900s; transition-delay: .900s }
.svg #i-62, .svg #m-62, .svg #o-62 { -webkit-transition-delay: .915s; -o-transition-delay: .915s; transition-delay: .915s }
.svg #i-63, .svg #m-63, .svg #o-63 { -webkit-transition-delay: .930s; -o-transition-delay: .930s; transition-delay: .930s }
.svg #i-64, .svg #m-64, .svg #o-64 { -webkit-transition-delay: .945s; -o-transition-delay: .945s; transition-delay: .945s }
.svg #i-65, .svg #m-65, .svg #o-65 { -webkit-transition-delay: .960s; -o-transition-delay: .960s; transition-delay: .960s }
.svg #i-66, .svg #m-66, .svg #o-66 { -webkit-transition-delay: .975s; -o-transition-delay: .975s; transition-delay: .975s }


svg.circle-ring #fill-2 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
svg.circle-ring #fill-3 { -webkit-transition-delay: .02s; -o-transition-delay: .02s; transition-delay: .02s }
svg.circle-ring #fill-4 { -webkit-transition-delay: .04s; -o-transition-delay: .04s; transition-delay: .04s }
svg.circle-ring #fill-5 { -webkit-transition-delay: .06s; -o-transition-delay: .06s; transition-delay: .06s }
svg.circle-ring #fill-6 { -webkit-transition-delay: .08s; -o-transition-delay: .08s; transition-delay: .08s }
svg.circle-ring #fill-7 { -webkit-transition-delay: .10s; -o-transition-delay: .10s; transition-delay: .10s }
svg.circle-ring #fill-8 { -webkit-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s }
svg.circle-ring #fill-9 { -webkit-transition-delay: .14s; -o-transition-delay: .14s; transition-delay: .14s }
svg.circle-ring #fill-10 { -webkit-transition-delay: .16s; -o-transition-delay: .16s; transition-delay: .16s }
svg.circle-ring #fill-11 { -webkit-transition-delay: .18s; -o-transition-delay: .18s; transition-delay: .18s }
svg.circle-ring #fill-12 { -webkit-transition-delay: .20s; -o-transition-delay: .20s; transition-delay: .20s }
svg.circle-ring #fill-13 { -webkit-transition-delay: .22s; -o-transition-delay: .22s; transition-delay: .22s }
svg.circle-ring #fill-14 { -webkit-transition-delay: .24s; -o-transition-delay: .24s; transition-delay: .24s }
svg.circle-ring #fill-15 { -webkit-transition-delay: .26s; -o-transition-delay: .26s; transition-delay: .26s }
svg.circle-ring #fill-16 { -webkit-transition-delay: .28s; -o-transition-delay: .28s; transition-delay: .28s }
svg.circle-ring #fill-17 { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s }
svg.circle-ring #fill-18 { -webkit-transition-delay: .32s; -o-transition-delay: .32s; transition-delay: .32s }
svg.circle-ring #fill-19 { -webkit-transition-delay: .34s; -o-transition-delay: .34s; transition-delay: .34s }
svg.circle-ring #fill-20 { -webkit-transition-delay: .36s; -o-transition-delay: .36s; transition-delay: .36s }
svg.circle-ring #fill-21 { -webkit-transition-delay: .38s; -o-transition-delay: .38s; transition-delay: .38s }
svg.circle-ring #fill-21 { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s }
svg.circle-ring #fill-22 { -webkit-transition-delay: .42s; -o-transition-delay: .42s; transition-delay: .42s }
svg.circle-ring #fill-23 { -webkit-transition-delay: .44s; -o-transition-delay: .44s; transition-delay: .44s }
svg.circle-ring #fill-24 { -webkit-transition-delay: .46s; -o-transition-delay: .46s; transition-delay: .46s }
svg.circle-ring #fill-25 { -webkit-transition-delay: .48s; -o-transition-delay: .48s; transition-delay: .48s }
svg.circle-ring #fill-26 { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s }
svg.circle-ring #fill-27 { -webkit-transition-delay: .52s; -o-transition-delay: .52s; transition-delay: .52s }
svg.circle-ring #fill-28 { -webkit-transition-delay: .54s; -o-transition-delay: .54s; transition-delay: .54s }
svg.circle-ring #fill-29 { -webkit-transition-delay: .56s; -o-transition-delay: .56s; transition-delay: .56s }
svg.circle-ring #fill-30 { -webkit-transition-delay: .58s; -o-transition-delay: .58s; transition-delay: .58s }
svg.circle-ring #fill-31 { -webkit-transition-delay: .60s; -o-transition-delay: .60s; transition-delay: .60s }
svg.circle-ring #fill-32 { -webkit-transition-delay: .62s; -o-transition-delay: .62s; transition-delay: .62s }
svg.circle-ring #fill-33 { -webkit-transition-delay: .64s; -o-transition-delay: .64s; transition-delay: .64s }
svg.circle-ring #fill-34 { -webkit-transition-delay: .66s; -o-transition-delay: .66s; transition-delay: .66s }
svg.circle-ring #fill-35 { -webkit-transition-delay: .68s; -o-transition-delay: .68s; transition-delay: .68s }
svg.circle-ring #fill-36 { -webkit-transition-delay: .70s; -o-transition-delay: .70s; transition-delay: .70s }
svg.circle-ring #fill-37 { -webkit-transition-delay: .72s; -o-transition-delay: .72s; transition-delay: .72s }
svg.circle-ring #fill-38 { -webkit-transition-delay: .74s; -o-transition-delay: .74s; transition-delay: .74s }
svg.circle-ring #fill-39 { -webkit-transition-delay: .76s; -o-transition-delay: .76s; transition-delay: .76s }
svg.circle-ring #fill-40 { -webkit-transition-delay: .78s; -o-transition-delay: .78s; transition-delay: .78s }
svg.circle-ring #fill-41 { -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s }
svg.circle-ring #fill-42 { -webkit-transition-delay: .82s; -o-transition-delay: .82s; transition-delay: .82s }
svg.circle-ring #fill-43 { -webkit-transition-delay: .84s; -o-transition-delay: .84s; transition-delay: .84s }
svg.circle-ring #fill-44 { -webkit-transition-delay: .86s; -o-transition-delay: .86s; transition-delay: .86s }
svg.circle-ring #fill-45 { -webkit-transition-delay: .88s; -o-transition-delay: .88s; transition-delay: .88s }
svg.circle-ring #fill-46 { -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s }
svg.circle-ring #fill-47 { -webkit-transition-delay: .92s; -o-transition-delay: .92s; transition-delay: .92s }
svg.circle-ring #fill-48 { -webkit-transition-delay: .94s; -o-transition-delay: .94s; transition-delay: .94s }
svg.circle-ring #fill-49 { -webkit-transition-delay: .96s; -o-transition-delay: .96s; transition-delay: .96s }
svg.circle-ring #fill-50 { -webkit-transition-delay: .98s; -o-transition-delay: .98s; transition-delay: .98s }
svg.circle-ring #fill-51 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s }
svg.circle-ring #fill-52 { -webkit-transition-delay: 1.02s; -o-transition-delay: 1.02s; transition-delay: 1.02s }
svg.circle-ring #fill-53 { -webkit-transition-delay: 1.04s; -o-transition-delay: 1.04s; transition-delay: 1.04s }
svg.circle-ring #fill-54 { -webkit-transition-delay: 1.06s; -o-transition-delay: 1.06s; transition-delay: 1.06s }
svg.circle-ring #fill-55 { -webkit-transition-delay: 1.08s; -o-transition-delay: 1.08s; transition-delay: 1.08s }
svg.circle-ring #fill-56 { -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s }
svg.circle-ring #fill-57 { -webkit-transition-delay: 1.12s; -o-transition-delay: 1.12s; transition-delay: 1.12s }
svg.circle-ring #fill-58 { -webkit-transition-delay: 1.14s; -o-transition-delay: 1.14s; transition-delay: 1.14s }
svg.circle-ring #fill-59 { -webkit-transition-delay: 1.16s; -o-transition-delay: 1.16s; transition-delay: 1.16s }
svg.circle-ring #fill-60 { -webkit-transition-delay: 1.18s; -o-transition-delay: 1.18s; transition-delay: 1.18s }
svg.circle-ring #fill-61 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s }
svg.circle-ring #fill-62 { -webkit-transition-delay: 1.22s; -o-transition-delay: 1.22s; transition-delay: 1.22s }
svg.circle-ring #fill-63 { -webkit-transition-delay: 1.24s; -o-transition-delay: 1.24s; transition-delay: 1.24s }
svg.circle-ring #fill-64 { -webkit-transition-delay: 1.26s; -o-transition-delay: 1.26s; transition-delay: 1.26s }
svg.circle-ring #fill-65 { -webkit-transition-delay: 1.28s; -o-transition-delay: 1.28s; transition-delay: 1.28s }


.circles svg.circle-ring #fill-2 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
.circles svg.circle-ring #fill-3 { -webkit-transition-delay: .01s; -o-transition-delay: .01s; transition-delay: .01s }
.circles svg.circle-ring #fill-4 { -webkit-transition-delay: .0s; -o-transition-delay: .0s; transition-delay: .0s }
.circles svg.circle-ring #fill-5 { -webkit-transition-delay: .03s; -o-transition-delay: .03s; transition-delay: .03s }
.circles svg.circle-ring #fill-6 { -webkit-transition-delay: .04s; -o-transition-delay: .04s; transition-delay: .04s }
.circles svg.circle-ring #fill-7 { -webkit-transition-delay: .05s; -o-transition-delay: .05s; transition-delay: .05s }
.circles svg.circle-ring #fill-8 { -webkit-transition-delay: .06s; -o-transition-delay: .06s; transition-delay: .06s }
.circles svg.circle-ring #fill-9 { -webkit-transition-delay: .07s; -o-transition-delay: .07s; transition-delay: .07s }
.circles svg.circle-ring #fill-10 { -webkit-transition-delay: .08s; -o-transition-delay: .08s; transition-delay: .08s }
.circles svg.circle-ring #fill-11 { -webkit-transition-delay: .09s; -o-transition-delay: .09s; transition-delay: .09s }
.circles svg.circle-ring #fill-12 { -webkit-transition-delay: .10s; -o-transition-delay: .10s; transition-delay: .10s }
.circles svg.circle-ring #fill-13 { -webkit-transition-delay: .11s; -o-transition-delay: .11s; transition-delay: .11s }
.circles svg.circle-ring #fill-14 { -webkit-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s }
.circles svg.circle-ring #fill-15 { -webkit-transition-delay: .13s; -o-transition-delay: .13s; transition-delay: .13s }
.circles svg.circle-ring #fill-16 { -webkit-transition-delay: .14s; -o-transition-delay: .14s; transition-delay: .14s }
.circles svg.circle-ring #fill-17 { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s }
.circles svg.circle-ring #fill-18 { -webkit-transition-delay: .16s; -o-transition-delay: .16s; transition-delay: .16s }
.circles svg.circle-ring #fill-19 { -webkit-transition-delay: .17s; -o-transition-delay: .17s; transition-delay: .17s }
.circles svg.circle-ring #fill-20 { -webkit-transition-delay: .19s; -o-transition-delay: .19s; transition-delay: .19s }
.circles svg.circle-ring #fill-21 { -webkit-transition-delay: .19s; -o-transition-delay: .19s; transition-delay: .19s }
.circles svg.circle-ring #fill-21 { -webkit-transition-delay: .20s; -o-transition-delay: .20s; transition-delay: .20s }
.circles svg.circle-ring #fill-22 { -webkit-transition-delay: .21s; -o-transition-delay: .21s; transition-delay: .21s }
.circles svg.circle-ring #fill-23 { -webkit-transition-delay: .22s; -o-transition-delay: .22s; transition-delay: .22s }
.circles svg.circle-ring #fill-24 { -webkit-transition-delay: .23s; -o-transition-delay: .23s; transition-delay: .23s }
.circles svg.circle-ring #fill-25 { -webkit-transition-delay: .24s; -o-transition-delay: .24s; transition-delay: .24s }
.circles svg.circle-ring #fill-26 { -webkit-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s }
.circles svg.circle-ring #fill-27 { -webkit-transition-delay: .26s; -o-transition-delay: .26s; transition-delay: .26s }
.circles svg.circle-ring #fill-28 { -webkit-transition-delay: .27s; -o-transition-delay: .27s; transition-delay: .27s }
.circles svg.circle-ring #fill-29 { -webkit-transition-delay: .28s; -o-transition-delay: .28s; transition-delay: .28s }
.circles svg.circle-ring #fill-30 { -webkit-transition-delay: .29s; -o-transition-delay: .29s; transition-delay: .29s }
.circles svg.circle-ring #fill-31 { -webkit-transition-delay: .30s; -o-transition-delay: .30s; transition-delay: .30s }
.circles svg.circle-ring #fill-32 { -webkit-transition-delay: .31s; -o-transition-delay: .31s; transition-delay: .31s }
.circles svg.circle-ring #fill-33 { -webkit-transition-delay: .32s; -o-transition-delay: .32s; transition-delay: .32s }
.circles svg.circle-ring #fill-34 { -webkit-transition-delay: .33s; -o-transition-delay: .33s; transition-delay: .33s }
.circles svg.circle-ring #fill-35 { -webkit-transition-delay: .34s; -o-transition-delay: .34s; transition-delay: .34s }
.circles svg.circle-ring #fill-36 { -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s }
.circles svg.circle-ring #fill-37 { -webkit-transition-delay: .36s; -o-transition-delay: .36s; transition-delay: .36s }
.circles svg.circle-ring #fill-38 { -webkit-transition-delay: .37s; -o-transition-delay: .37s; transition-delay: .37s }
.circles svg.circle-ring #fill-39 { -webkit-transition-delay: .38s; -o-transition-delay: .38s; transition-delay: .38s }
.circles svg.circle-ring #fill-40 { -webkit-transition-delay: .39s; -o-transition-delay: .39s; transition-delay: .39s }
.circles svg.circle-ring #fill-41 { -webkit-transition-delay: .40s; -o-transition-delay: .40s; transition-delay: .40s }
.circles svg.circle-ring #fill-42 { -webkit-transition-delay: .41s; -o-transition-delay: .41s; transition-delay: .41s }
.circles svg.circle-ring #fill-43 { -webkit-transition-delay: .42s; -o-transition-delay: .42s; transition-delay: .42s }
.circles svg.circle-ring #fill-44 { -webkit-transition-delay: .43s; -o-transition-delay: .43s; transition-delay: .43s }
.circles svg.circle-ring #fill-45 { -webkit-transition-delay: .44s; -o-transition-delay: .44s; transition-delay: .44s }
.circles svg.circle-ring #fill-46 { -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s }
.circles svg.circle-ring #fill-47 { -webkit-transition-delay: .46s; -o-transition-delay: .46s; transition-delay: .46s }
.circles svg.circle-ring #fill-48 { -webkit-transition-delay: .47s; -o-transition-delay: .47s; transition-delay: .47s }
.circles svg.circle-ring #fill-49 { -webkit-transition-delay: .48s; -o-transition-delay: .48s; transition-delay: .48s }
.circles svg.circle-ring #fill-50 { -webkit-transition-delay: .49s; -o-transition-delay: .49s; transition-delay: .49s }
.circles svg.circle-ring #fill-51 { -webkit-transition-delay: .50s; -o-transition-delay: .50s; transition-delay: .50s }
.circles svg.circle-ring #fill-52 { -webkit-transition-delay: .51s; -o-transition-delay: .51s; transition-delay: .51s }
.circles svg.circle-ring #fill-53 { -webkit-transition-delay: .52s; -o-transition-delay: .52s; transition-delay: .52s }
.circles svg.circle-ring #fill-54 { -webkit-transition-delay: .53s; -o-transition-delay: .53s; transition-delay: .53s }
.circles svg.circle-ring #fill-55 { -webkit-transition-delay: .54s; -o-transition-delay: .54s; transition-delay: .54s }
.circles svg.circle-ring #fill-56 { -webkit-transition-delay: .55s; -o-transition-delay: .55s; transition-delay: .55s }
.circles svg.circle-ring #fill-57 { -webkit-transition-delay: .56s; -o-transition-delay: .56s; transition-delay: .56s }
.circles svg.circle-ring #fill-58 { -webkit-transition-delay: .57s; -o-transition-delay: .57s; transition-delay: .57s }
.circles svg.circle-ring #fill-59 { -webkit-transition-delay: .58s; -o-transition-delay: .58s; transition-delay: .58s }
.circles svg.circle-ring #fill-60 { -webkit-transition-delay: .59s; -o-transition-delay: .59s; transition-delay: .59s }
.circles svg.circle-ring #fill-61 { -webkit-transition-delay: .60s; -o-transition-delay: .60s; transition-delay: .60s }
.circles svg.circle-ring #fill-62 { -webkit-transition-delay: .61s; -o-transition-delay: .61s; transition-delay: .61s }
.circles svg.circle-ring #fill-63 { -webkit-transition-delay: .62s; -o-transition-delay: .62s; transition-delay: .62s }
.circles svg.circle-ring #fill-64 { -webkit-transition-delay: .63s; -o-transition-delay: .63s; transition-delay: .63s }
.circles svg.circle-ring #fill-65 { -webkit-transition-delay: .64s; -o-transition-delay: .64s; transition-delay: .64s }

/* ANIMATIONS ------------------------------ */
@-webkit-keyframes draw {
  to {stroke-dashoffset: 0; }
}
@keyframes draw {
  to {stroke-dashoffset: 0; }
}

@-webkit-keyframes retract {
  to {stroke-dashoffset: -500; }
}

@keyframes retract {
  to {stroke-dashoffset: -500; }
}

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

/* HERO ------------------------------ */
#hero { background: #F0F4F5; }
#hero .hero-wrap {
  background: #263746;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-clip-path: circle(180vw at 50% -webkit-calc(100% - 180vw));
  clip-path: circle(180vw at 50% calc(100% - 180vw));
  overflow: hidden;
  padding: 10.5rem 1.5rem 15rem;
  position: relative;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 1;
}

#hero .textbox { max-width: 100%; width: 36rem; }
#hero h1 { margin: 0 0 3rem; }

#hero .imagebox {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: 100%;
  bottom: -17.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 37.3125rem;
  position: absolute;
  right: -11.875vw;
  width: 37.3125rem;
}

#hero .imagebox img {
  border-radius: 50%;
  display: block;
  height: auto;
  width: 100%;
}

#hero .svg {
  height: 57.8125rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 57.8125rem;
}


/* GROWING FORWARD ------------------------------ */
#growing-forward {
  background: #F0F4F5;
  padding: 13rem 1.5625rem 18rem;
  position: relative;
}

#growing-forward .column {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: -8.75rem;
  position: absolute;
  top: -5rem;
  width: 45rem;
  height: 45rem;
  z-index: 1;
}

#growing-forward .column::after {
  background: #F0F4F5;
  -webkit-box-shadow: 0 2rem 2rem 1rem #F0F4F5;
  box-shadow: 0 2rem 2rem 1rem #F0F4F5;
  content: '';
  display: block;
  height: 467px;
  position: absolute;
  right: 10.125rem;
  top: -2.5rem;
  width: 560px;
  z-index: -1;
}

#growing-forward .column>img,
#growing-forward .column>.blue-circle {
  border-radius: 50%;
  height: auto;
  position: absolute;
  top: -1rem;
  right: 0;
  width: 17.125rem;
  z-index: 0;
}

#growing-forward .quote {
  background: #FFF;
  border-radius: 50%;
  max-width: 100%;
  position: relative;
  width: 35.3125rem;
}

#growing-forward .quote::before {
  content: '';
  display: block;
  padding: 0 0 100%;
}

#growing-forward svg#quotes {
  position: absolute;
  top: -1.75rem;
  left: 3.5rem;
}

#growing-forward blockquote {
  position: absolute;
  left: 50%;
  margin: 0;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: 100%;
  width: 25rem;
}

#growing-forward blockquote p {
  color: #78838E;
  font-size: 2.25rem;
  line-height: 1.2;
}

#growing-forward .textbox {
  margin-left: auto;
  max-width: 100%;
  width: 29.6875rem;
}

#growing-forward .textbox p:not(.intro) { margin-bottom: 2.75rem; }

#growing-forward .column svg.circle-ring {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: -1;
}

#growing-forward .column svg.circle-ring path {
  opacity: 0;
}

#growing-forward .dots, #history .dots {display: block;position: absolute;top: 50%;}

#growing-forward .dots.animated + svg.circle-ring path { opacity: .12; }


/* LANDING PAGE INTRO ------------------------------ */
#intro { background: #F0F4F5; }

#intro .intro-wrap {
  background: #263746;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-clip-path: circle(180vw at 50% -webkit-calc(100% - 180vw));
  clip-path: circle(180vw at 50% calc(100% - 180vw));
  min-height: 32.5rem;
  overflow: hidden;
  padding: 10.875rem 1.5rem 5rem;
  position: relative;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 1;
}

#intro p.intro, #intro p {color: #B9CBD2;font-size: 1.6875rem;line-height: 1.4;margin: 0;}
#intro .textbox { max-width: 100%; width: 662px; }
#intro .heading {max-width: 100%;padding-right: 3rem;width: 43%;}

#intro .intro-banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: -16.25vw 0 0;
  padding: 0 0 54%;
}

/* WINSLOW INTRO ------------------------------ */
#winslow-intro {background: #F0F4F5;overflow: hidden;padding: 8.5rem 1.5625rem 5.375rem;}
#winslow-intro h2 { margin: 0 0 3.375rem; }
#winslow-intro .wrap + .flex-row { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
#winslow-intro .video, #winslow-intro .textbox { width: 50%; }
#winslow-intro .video {background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative;}
#winslow-intro .video::before {content: '';display: block;padding: 0 0 56.25%;}
#winslow-intro .textbox { padding-left: 5.625rem; }

#winslow-intro .video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

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

/* CIRCLES ------------------------------ */
.circles .flex-row { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}

.circles .circle {
  background: #FFF;
  border-radius: 50%;
  max-width: 100%;
  position: relative;
  width: 20.625rem;
}

.circles .circle::before {
  content: '';
  display: block;
  padding: 0 0 100%;
}

.circles .circle a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.circles .circle .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 50%;
  padding: 0 1.125rem;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
}

.circles .circle span.heading { color: #78838E; }

.circles .circle p {
  color: #78838E;
  font-size: 1.4375rem;
  line-height: 1.4;
}

.circles .circle a svg {
  bottom: 1.625rem;
  display: block;
  height: 2rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 2rem;
}

.circles .circle svg.circle-ring {
  height: 29rem;
  left: 50%;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  top: 50%;
  width: 29rem;
}

/* SUSTAINABLE INVESTING ------------------------------ */
#sustainable-investing {padding: 9.25rem 1.5625rem 7rem;}
#sustainable-investing > .flex-row > .textbox { width: 50%; }
#sustainable-investing > .flex-row > .links {max-width: 100%; width: 28.125rem;}

#sustainable-investing .textbox { padding-right: 2.3125rem; }
#sustainable-investing h2 { max-width: 100%; width: 33rem}
#sustainable-investing ul { margin: 5rem 0 0 auto;  }
#sustainable-investing ul li {border-bottom: 1px solid #B9CBD2;margin: 0;padding: 1.3125rem 0;}
#sustainable-investing ul li a {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;text-decoration: none;white-space: nowrap;width: 100%;}
#sustainable-investing ul li a span { top: 0; }

/* PROVEN SUCCESS ------------------------------ */
#proven-success {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 13.5vw 1.5625rem;
  position: relative;
  z-index: 1;
}

#proven-success::after {
  background: rgba(0, 0, 0, .4);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

#proven-success .accented-no-green { position: relative; }
#proven-success .accented-no-green::before {
	/*background: #C3D62E;*/
  	content: '';
  	display: block;
  	height: .25rem;
  	position: absolute;
  	top: -2.1875rem;
  	width: 5rem;
}

#proven-success .textbox { max-width: 100%; position: relative; width: 38.25rem; z-index: 2; }
#proven-success h2 { color: #FFF; }
#proven-success h2::before { display: none; }
#proven-success p { color: #FFF; max-width: 100%; width: 33rem;}

#proven-success video {
  left: 50%;
  height: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  min-width: 100%;
}

#proven-success.stats li .counter {
  display: block;
  font-size: 7.6875rem;
  line-height: 1.2;
}

#proven-success.stats .flex-row {
  z-index: 2;
}

#proven-success.stats ul li::before {
  display: none;
}

#proven-success.stats li {
  color: #FFF;
  font-size: 1.125rem;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  text-align: center;
}

#proven-success .wrap {
  left: 50%;
  padding: 0 2.125rem;
  /*position: absolute;*/
  top: 0.5rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  width: 76.5625rem;
}

#proven-success .footnote {
  color: #FFF;
  font-size: 1.125rem;
  z-index: 1;
}


/* SPLIT INTRO ------------------------------ */
#split-intro {background: #3E576C;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;margin-top: -8.5rem; min-height: 49.625rem; }

#split-intro .textbox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-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;width: 50%;padding: 21.125rem 3.5rem 6rem 1.5rem;}
#split-intro .textbox > div {
  margin: 0 0 0 auto;
  max-width: 100%;
  width: 33.25rem;
}

#split-intro .intro, #split-intro p {color: #B9CBD2;font-size: 1.6875rem;}

#split-intro .background {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  padding-top: 8.5rem;
  width: 50%;
}

#split-intro.growth-capital .background { background-position: left center; }
#split-intro .background.international {
  background-position: right 3rem;
}

/* VENN DIAGRAM SECTION------------------------------ */
#venn {
  background: #F0F4F5;
  padding: 5rem 1.5rem;
}

#venn .row {
  margin: 0 auto 4rem;
  text-align: center;
  width: 52.875rem;
}

#venn .flex-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#venn .textbox {
  max-width: 100%;
  padding-left: 2rem;
  width: 32.5rem;
}

#venn .textbox li {
  border-left: 1px solid #B9CBD2;
  margin: 0 0 4.125rem;
  max-width: 100%;
  padding-left: 2rem;
  width: 24rem;
}

#venn .textbox li:nth-child(2) {
  margin-left: 4rem;
}

#venn-diagram svg {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 36.5rem;
}

/* 1. */
#venn-diagram .circle {
  fill-opacity: 0;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}

#venn-diagram.animated .circle {
  -webkit-animation: draw 4s linear forwards;
  animation: draw 4s linear forwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* 2. */
#venn-diagram .circle-fill {
  height: 0;
  -webkit-transition: all 1.5s ease 2s;
  -o-transition: all 1.5s ease 2s;
  transition: all 1.5s ease 2s;
}

#venn-diagram.animated .circle-fill {
  height: 14.375rem;
}

/* 3. */
#venn-diagram #text {
  opacity: 0;
  -webkit-transform: translateY(2rem);
  -ms-transform: translateY(2rem);
  transform: translateY(2rem);
  -webkit-transition: all 1s ease 3.25s;
  -o-transition: all 1s ease 3.25s;
  transition: all 1s ease 3.25s;
}

#venn-diagram.animated #text {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}


/* PERSPECTIVE------------------------------ */
#perspective {background: #F0F4F5;}
#perspective .row, #perspective .flex-row { opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1; }
#perspective .animated .row, #perspective .animated .flex-row { opacity: 1; }
#perspective .wrapper {margin: 0 auto;max-width: 100%;position: relative;width: 73.5625rem;z-index: 1;}
#perspective .inner {margin: 0 0 3.5rem 2.8125rem;padding: 8.25rem 1.5rem 5rem 10.125rem;position: relative;}

#perspective .inner::after {
  background: #3E576C;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
  width: 0;
  z-index: -1;
}

#perspective .inner.animated::after { width: 200%; }

#perspective h2 {color: #FFF;margin: 0 0 4.625rem;max-width: 100%;width: 54rem;}
#perspective h3 {color: #95D1DF;font-size: 1.125rem;letter-spacing: 2px;text-transform: uppercase;}
#perspective p {color: #FFF;margin: 0 0 .75rem;}
#perspective p.risk, p.risk {color: #78838E; font-size: 1rem; margin: 0; }

.risk.growth-capital p.risk { margin: 0 0 1rem; }

#perspective ul.flex-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
#perspective ul.flex-row>li {
  color: #FFF;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.5;
  margin: 0 0 6.375rem;
  padding: 0 2.5rem 0 0;
  width: 33.333%;
}
#perspective ul.flex-row>li:nth-child(3) { padding-right: 1.25rem;}
#perspective ul.flex-row>li::before {display: none; }
#perspective ul>li>ul>li {color: #FFF;padding: 0 0 0 2.3125rem;position: relative;}
#perspective ul>li>ul>li::before {
  border-radius: 50%;
  background: #95D1DF;
  content: '';
  height: .2125rem;
  left: .75rem;
  position: absolute;
  top: .75rem;
  width: .2125rem;
}

#perspective .perspective {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #57929F;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  height: 12.875rem;
  left: 0;
  opacity: 0;
  padding: 0 1.5rem;
  position: absolute;
  text-align: center;
  top: 5rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity .5s ease .5s;
  -o-transition: opacity .5s ease .5s;
  transition: opacity .5s ease .5s;
  width: 12.875rem;
  z-index: 1;
}

#perspective .perspective span {color: #FFF;font-size: 1.125rem;letter-spacing: 2px;position: relative;text-transform: uppercase;top: -.8125rem;}

#perspective .perspective span::after {
  background: #C3D62E;
  content: '';
  height: .25rem;
  left: 50%;
  position: absolute;
  top: -webkit-calc(100% + 1.25rem);
  top: calc(100% + 1.25rem);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2.5rem;
}

/* Animations */
/* #perspective .row,
#perspective ul.flex-row, */
#perspective .perspective {
  opacity: 0;
  -webkit-transform: translate(-50%,2rem);
  -ms-transform: translate(-50%,2rem);
  transform: translate(-50%,2rem);
  -webkit-transition: all 1s ease .5s;
  -o-transition: all 1s ease .5s;
  transition: all 1s ease .5s;
}

/* #perspective .animated .row,
#perspective .animated ul.flex-row, */
#perspective .animated .perspective {
  opacity: 1;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
}

/* ESG ANALYSIS ------------------------------ */
#esg-analysis {
  background: #F0F4F5;
  padding: 6.5rem 1.5rem 5rem;
}

#esg-analysis .row.clamp {
  margin: 0 auto 4rem;
  text-align: center;
  width: 46.5625rem;
}

#esg-diagram .heading {
  opacity: 0;
  -webkit-transform: translateY(2rem);
  -ms-transform: translateY(2rem);
  transform: translateY(2rem);
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#esg-diagram.animated .heading {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/*
#esg-diagram svg { 
	width: 100%;
}
*/

#esg-diagram svg.desktop-svg {height: auto;margin-top: 1rem;max-width: 100%;}
#esg-diagram svg.mobile-svg { display: none; }
#esg-diagram .curved-line { stroke-dasharray: 3000; stroke-dashoffset: 3000; }
#esg-diagram.animated .curved-line { -webkit-animation: draw 3s linear forwards; animation: draw 3s linear forwards; -webkit-animation-delay: .55s; animation-delay: .55s; }

#esg-diagram .dot { opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#esg-diagram .dot-1 { -webkit-transition-delay: .55s; -o-transition-delay: .55s; transition-delay: .55s; }
#esg-diagram .dot-2 { -webkit-transition-delay: .75s; -o-transition-delay: .75s; transition-delay: .75s; }
#esg-diagram .dot-3 { -webkit-transition-delay: .95s; -o-transition-delay: .95s; transition-delay: .95s; }
#esg-diagram .dot-4 { -webkit-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s; }

#esg-diagram.animated .dot { opacity: 1; }

#esg-diagram .line-mask  { stroke-dashoffset: 0; stroke-dasharray: 500; }
#esg-diagram.animated .line-mask { -webkit-animation: retract 1s linear forwards; animation: retract 1s linear forwards; -webkit-animation-delay: 1.25s; animation-delay: 1.25s; }

#esg-diagram .oval  { stroke-dasharray: 3000; stroke-dashoffset: 3000; }
#esg-diagram.animated .oval { -webkit-animation: draw 2s linear forwards; animation: draw 2s linear forwards; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

#esg-diagram .text { opacity: 0; -webkit-transform: translateY(2rem); -ms-transform: translateY(2rem); transform: translateY(2rem); -webkit-transition: all 1s ease 2s; -o-transition: all 1s ease 2s; transition: all 1s ease 2s; }
#esg-diagram.animated .text { opacity: 1; -webkit-transform: translateY(0rem); -ms-transform: translateY(0rem); transform: translateY(0rem); }


/* CIRCLES ------------------------------ */
#circles {background: #F0F4F5;padding: 5rem 3.5rem 10.5rem;}
#circles.growth {background: #F0F4F5;padding: 5rem 3.5rem 8.125rem;}
#circles.select{ padding-top: 6.5rem}
#circles .circle {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-radius: 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 18rem;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 18rem;}

#circles .row {border-top: 1px solid #B9CBD2;margin: 0 auto 6.375rem; }
#circles.social .row { padding-top: 5rem;}
#circles.select .row { border:0; }
#circles .row.clamp { max-width: 100%; text-align: center; width: 46.5rem; }

#circles.sustainability .flex-row {-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;width: 60rem;}
#circles .circle span {color: #FFF;font-size: 1.125rem;margin: .5rem .5rem 0;text-align: center;width: 11.25rem;}
#circles .circle:nth-child(1) { background: #96C0C8; }
#circles .circle:nth-child(2) { background: #8EA0AD; }
#circles .circle:nth-child(3) { background: #BAC2C9; }

#circles .circle svg {height: 22.5rem;left: 50%;position: absolute;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 22.5rem;}

#circles .animated .circle-ring {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

#circles .circle-ring path { opacity: 0;}
#circles .animated .circle-ring path { opacity: .2;}

#circles .animated .circle:nth-child(2) .circle-ring  { -webkit-transform: translate(-50%,-50%) rotate(-60deg); -ms-transform: translate(-50%,-50%) rotate(-60deg); transform: translate(-50%,-50%) rotate(-60deg); }
#circles .animated .circle:nth-child(3) .circle-ring  { -webkit-transform: translate(-50%,-50%) rotate(-180deg); -ms-transform: translate(-50%,-50%) rotate(-180deg); transform: translate(-50%,-50%) rotate(-180deg); }


/* DISCOVER ------------------------------ */
#discover {padding: 5rem 1.5rem 5.5rem;}
#discover .row.clamp { max-width: 100%; text-align: center; width: 46.5625rem; }
#discover .column {margin: 0 auto;padding: 0 1rem;text-align: center;width: 20.125rem;}
#discover .column p { color: #606C78; font-size: 1.125rem;  }

#discover svg {display: block;height: auto;margin: 4.125rem auto 1.25rem;max-width: 100%;width: 70.125rem;}
#discover .desktop-svg + .flex-row { width: 70rem;}


section.risk {padding: 0 1.5rem 4rem; position: relative;}
section.risk.growth-capital { padding: 0 1.5rem 2.5rem; }
section.risk p.risk { padding: 0;}
section.risk .row { border-top: 1px solid #B9CBD2; padding-top: 3rem; }

section.risk p { opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translateY(1.5rem ); -ms-transform: translateY(1.5rem ); transform: translateY(1.5rem ); }

section.risk .risk-trigger {
  position: absolute;
  top: -14rem;
  left: 50%;
  z-index: 20;
}

section.risk .risk-trigger.animated ~ p {
  opacity: 1;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
}

/* 1. Archs ---- */
#discover .arch { fill-opacity: 0; stroke-dasharray: 3000; stroke-dashoffset: 3000; }
#discover .animated .arch { -webkit-animation: arch 3s linear forwards; animation: arch 3s linear forwards;}
#discover .column-3 .arch { -webkit-animation-delay: 1.05s; animation-delay: 1.05s; }

@-webkit-keyframes arch {
  to {stroke-dashoffset: 0; }
}

@keyframes arch {
  to {stroke-dashoffset: 0; }
}

/* 2. Circles ---- */
#discover .fade-circle { opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#discover .fade-circle { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; }
#discover .animated .fade-circle { opacity: 1; }

/* 3. Lines ---- */
#discover .line  { fill-opacity: 0; stroke-dasharray: 3000; stroke-dashoffset: 3000; }
#discover .animated .line { -webkit-animation: draw 10s linear forwards 1.5s; animation: draw 10s linear forwards 1.5s;}

/* 4. Dots ---- */
#discover .dot { opacity: 0; -webkit-transition: all .3s ease 1.75s; -o-transition: all .3s ease 1.75s; transition: all .3s ease 1.75s; }
#discover .animated .dot { opacity: 1; }

/* 5. Text ---- */
#discover .flex-row .column svg { display: none; }
#discover .flex-row .column, #discover .flex-row .column.animated { opacity: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translateY(2rem ); -ms-transform: translateY(2rem ); transform: translateY(2rem ); -webkit-transition-delay: 1.85s; -o-transition-delay: 1.85s; transition-delay: 1.85s; }
#discover .animated + .flex-row > .column  { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/* ASSET CLASS ------------------------------ */
#asset-class { padding: 0 1.5rem 3.375rem; }
#asset-class .row {border-top: 1px solid #B9CBD2;padding-top: 6.5rem;}
#asset-class h2 { max-width: 100%; width: 52.6875rem; }
#asset-class h2.accented::before { top: -6rem; }
#asset-class span.heading { margin-bottom: 2rem; }

#asset-class ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-top: 3rem; }
#asset-class li { border-left: 1px solid #B9CBD2; padding: 0 0 0 2.6875rem; }
#asset-class li:nth-child(1) {padding-right: 1.6875rem;width: 52%;}
#asset-class li:nth-child(2) {padding-right: 0rem;width: 48%;}

#asset-class .charts { margin-top: 6rem; }
#asset-class .charts>div:first-child { margin-right: 2rem; }
#asset-class .charts img {display: inline-block;max-width: 100%;}
#asset-class p.source { font-size: .875rem; margin-top: 2.375rem; text-align: right; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #asset-class .charts>div:first-child { width: 47.5rem; }
  #asset-class .charts>div:last-child { width: 24.3125rem; }
}



/* OPPORTUNITY ------------------------------ */
#opportunity {padding: 3rem 1.5rem 4.5rem;text-align: center;}

#opportunity h2::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#opportunity p.intro { margin: 0 auto 4rem; max-width: 100%; width: 50.5rem; }

#opportunity ul.flex-row>li {border-left: 1px solid #B9CBD2;margin: 0 0 3rem;padding: 0 1.25rem 0 2.75rem;text-align: left;width: 33.333%;}
#opportunity ul.flex-row>li>ul>li {max-width: 100%;position: relative;padding: 0 0 0 1.875rem;width: 16.25rem;}
#opportunity ul.flex-row>li>ul>li::before { background: #57929F; border-radius: 50%; content: ''; height: 4px; left: .5rem; position: absolute; top: .675rem; width: 4px; }


/* INTROS ------------------------------ */
#intro .latest {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -8vw;
}

#intro .column-text {
  padding: 12vw 3rem 3.25rem 2rem;
  max-width: 50%;
  width: 50%;
}

#intro .column-bg {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
}

#intro .text {
  margin-left: auto;
  max-width: 100%;
  padding: 0;
  width: 36.875rem;
}

#intro .latest .text {
  width: 33.875rem;
}

#intro .text h2 { margin-bottom: 2.4375rem;}
#intro span.date { display: block; font-size: 1rem; letter-spacing: 1.78px; text-transform: uppercase; }
#intro .arrow {float: right;}

/* ARTICLES - FILTERS ------------------------------ */
#articles {padding: 8.5rem 2rem 3rem;}
#articles #filters-select { display: none; }
.filters ul {margin: 2.75rem auto 1.8125rem;}
.filters li {color: #606C78;display: inline-block;font-size: 1.125rem;margin: 0 3.125rem 0 0;}

.filters button {
  background: transparent;
  color: #78838E;
  font-size: 1.125rem;
  outline: 0;
  padding: .5rem 0rem;
  position: relative;
}

#results.flex-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}

.filters button:hover,
.filters li.on button { color: #57929F; }

.filters li button::after {
  background: #57929F;
  border-radius: 50%;
  content: '';
  height: 7px;
  right: -.875rem;
  opacity: 0;
  position: absolute;
  top: .8175rem;
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
  width: 7px;
}

.filters li.on button::after {
  color: #57929F;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.filters-select { display: none; }


#results li:nth-child(3n+2) { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }
#results li:nth-child(3n+3) { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s }

/* ARTICLES - RESULTS ------------------------------ */

#results li {
  background: #FFF;
  margin: 0 2.25rem 2.25rem 0;
  min-height: 23.125rem;
  padding: 2.0625rem 2.1875rem 3.5rem;
  position: relative;
  width: -webkit-calc(33.33% - 1.5rem);
  width: calc(33.33% - 1.5rem);
}

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

#results li a {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;}
#results li .arrow {bottom: .875rem;outline: 0;position: absolute;right: 1.25rem;}

#results li.photo { padding-top: 13.5rem;}
#results li.photo .tag { left: 2.0625rem; position: absolute;  top: 2.1875rem; }
#results li.no-photo { background: url("/wp-content/themes/wpcode-v2/images/insights/insights-teal.jpg") no-repeat center center; background-size: cover; }

#results li.photo span.date {color: #78838E;letter-spacing: 1.78px;}
#results li.no-photo span.date {color: #FFF;letter-spacing: 1.78px;}

#results li h3 { margin-bottom: 1.75rem; }
#results li.photo h3 { color: #3E576C; }
#results li.no-photo h3 { color: #FFF; }

.tag {
  background: #57929F;
  color: #FFF;
  display: inline-block;
  font-size: .875rem;
  letter-spacing: 1.6px;
  line-height: 1.7;
  margin: 0 0 2.3125rem;
  padding: .3125rem .5rem;
  text-transform: uppercase;
}

#results li.photo .tag { background: #57929F; color: #FFF; }
#results li.no-photo .tag { background-color: #263746; color: #FFF; }

#results span.date {color: #78838E;text-transform: uppercase;}

#results .image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 180px;
  margin: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* ARTICLES - PAGINATION ------------------------------ */
#pagination {margin: .875rem 0 .5rem;text-align: center;}

#pagination li {display: inline-block;padding: 0;text-align: center;}
#pagination li::before { display: none; }
#pagination li a {display: inline-block;text-decoration: none;}
#pagination a.prev span { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

#pagination a span,
#pagination .number span {
  background-size: 2rem 2rem;
  border-radius: 50%;
  color: #57929F;
  content: '';
  display: inline-block;
  height: 2rem;
  overflow: hidden;
  margin: 0 .375rem;
  top: .625rem;
  width: 2rem;
  position: relative;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
}

#pagination.single-article a span, #pagination.single-article .number span {
  top: -.125rem;
}

#pagination li.on a.number span {
  background: #57929F;
  border-color: #57929F;
  color: #FFF;
}

#pagination .number span {
  background-size: 2rem 2rem;
  border-radius: 50%;
  border: 1px solid #9AA5AF;
  color: #9AA5AF;
  line-height: 1.75;
}

#pagination .number span::before { background: #57929F; }
#pagination li a.number:hover span { color: #FFF; }
#pagination li a.number:hover span::before { width: 100%; }

/* ARTICLES - SINGLE ARTICLE PAGE ------------------------------ */

.article-meta {margin: -.25rem 0 2.125rem;}
.article-meta span { color: #78838E; text-transform: uppercase; }
.article-meta span:nth-child(1) {letter-spacing: 1.6px;margin-right: .3125rem;}
.article-meta span:nth-child(2) {letter-spacing: 1.6px;margin-left: .3125rem;}

.video-responsive {
  height: 0;
  margin: 4.375rem 0 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.video-responsive iframe {
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}

#pagination.single-article {margin: 4.25rem 0 0; position: relative; }
#pagination.single-article::after {
  background: #9AAFAF;
  content: '';
  height: 100%;
  left: 50%;
  position: absolute;
  top: -.375rem;
  width: 1px;
}

#pagination.single-article>li:first-child { padding-right: 2.3125rem; }
#pagination.single-article>li:last-child { padding-left: 2.3125rem; }

.wp-block-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.wp-block-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* PEOPLE ------------------------------ */
#people {padding: 8.5rem 1.5rem .5rem;}
#people .flex-row .column:nth-child(1) {padding-right: 5rem;width: 50%;}
#people .flex-row .column:nth-child(2) {max-width: 50%;width: 50%;}


/* BIOS ------- */
#bios {
  margin-top: 5.375rem;
  padding-top: 10.5rem;
  position: relative;
}

#collapse {
  background: #57929F;
  bottom: -.3125rem;
  color: #FFF;
  display:  none;
  font-size: 1.125rem;
  left: 0;
  outline: 0;
  padding: .6875rem 0 1rem;
  position: fixed;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
}

#collapse svg {height: 8px;left: auto;margin: 0 0 0 .5rem;position: static;top: auto;-webkit-transform: none;-ms-transform: none;transform: none;width: 14px;}
#collapse svg path { fill: #FFF; }

#bios .toggle-row {pointer-events: none;left: 50%;position: absolute;top: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
#bios .toggle-row.toggle-1 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
#bios .toggle-row.toggle-2 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
#bios .toggle-row.toggle-3 { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }


#bios .toggle-row button {
  background: #FFF;
  border: 1px solid #B9CBD2;
  color: #57929F;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.4;
  outline: 0;
  padding: 1.375rem 1rem;
  pointer-events: all;
  position: relative;
  text-align: left;
  width: -webkit-calc(33.33% - 1.75rem);
  width: calc(33.33% - 1.75rem);
}

#bios .toggle-row button span.btn-text {
  position: relative;
  z-index: 1;
}

#bios .toggle-row button span.fill {
  background: #57929F;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 0;
}

#bios .toggle-row button::before,
#bios .toggle-row button::after {
  background: #57929F;
  content: '';
  height: 1.125rem;
  right: 1.75rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .125rem;
  z-index: 1;
}

#bios .toggle-row button::after {-webkit-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}

/* Click/hover filter buttons ------------ */

#bios .toggle-row button.active {background: #57929F;color: #FFF;}
#bios .toggle-row button.active::before {background: #FFF;-webkit-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
#bios .toggle-row button.active::after { background: #FFF;  }


#bios .toggle-row button br { display: none; }


/* More filters ----------- */
#bios .more-filters {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #E0E6E8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: -3.5rem auto 5rem;
  padding-bottom: 2rem;
}

#bios .more-filters ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 3.75rem; }
#bios .more-filters ul li {margin: 0 0 .5rem;text-align: left;width: 33%;}
#bios .more-filters p {color: #606C78;font-size: 1.125rem;letter-spacing: normal;margin: 0;position: relative;text-transform: none;top: .4375rem;white-space: nowrap;}

#bios .more-filters button {background: 0 0;color: #78838E;font-size: 1.125rem;line-height: 1.4;outline: 0;position: relative;text-align: left;}
#bios .more-filters button::after {
  background: #57929F;
  border-radius: 50%;
  content: '';
  height: .4375rem;
  right: -.375rem;
  opacity: 0;
  position: absolute;
  top: 1.125rem;
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
  width: .4375rem;
}

#bios .more-filters button:hover,
#bios .more-filters button.on {
  color: #57929F;
}

#bios .more-filters button.on::after {
  color: #57929F;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#bios .ajax-results { display: none; margin-top: 0; }
#bios .ajax-results.show { display: block; }

/* Bio Circles ------------- */
#bios .ajax-results .flex-row {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#bios .flex-row li {
  margin: 0 5.875rem 8.75rem 0;
  position: relative;
  max-height: 20.625rem;
  max-width: 20.625rem;
  width: -webkit-calc(33.3333% - 3.92rem);
  width: calc(33.3333% - 3.92rem);
}

#bios .flex-row li:nth-child(3n+3) {
  margin-right: 0;
}
#bios .picture {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  padding: 0 0 100%;
  width: 100%;
}

#bios .text {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #57929F;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  height: 100%;
  left: 50%;
  opacity: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
}

#bios h3 {color: #FFF;font-size: 1.625rem;margin: 1rem 0 1rem; max-width: 100%; }
#bios p {color: #FFF;font-size: .9375rem;letter-spacing: 2px; max-width: 100%; text-transform: uppercase;}
#bios button span { margin: 0; }
#bios li svg { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 121.25%; }
#bios li svg path { opacity: 0; }
#bios .results { display: none; margin-top: 6.4375rem; }
#bios .results.show { display: block; }

/* MODAL POPUP ------------------------------ */
.modal {
  background: rgba(0,0,0,.75);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}
body.admin-bar .modal { top: 0; }

.modal-content {
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 50%;
  max-width: -webkit-calc(100% - 3.125rem);
  max-width: calc(100% - 3.125rem);
  padding: 5.1875rem 5.625rem 5.8125rem 4.375rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 66.5rem;
}

.bio .modal-content {
  height: 34.5rem;
  max-height: 100%;
  padding: 5.1875rem 4.375rem 4.5rem 4.375rem;
}

.modal-content .close {
  color: #57929F;
  cursor: pointer;
  font-size: 4.25rem;
  line-height: 1;
  position: absolute;
  right: 1.6875rem;
  top: .4375rem;
}

.modal-content .close:hover { opacity: .75; }

.modal-content .picture {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  max-width: 25%;
  position: absolute;
  width: 262px;
}

.modal-content .picture::before {
  content: '';
  display: block;
  padding: 0 0 100%;
}

.modal-content .text {
  margin-left: auto;
  max-width: 62%;
  width: 35.625rem;
}

.modal-content h3 {font-size: 1.6875rem;margin-bottom: .8125rem;}

.modal-content p.title {
  color: #78838E;
  font-size: 1rem;
  letter-spacing: 1.78px;
  text-transform: uppercase;
}

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

.modal-next, .modal-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.modal-next { right: -7.25rem; }
.modal-prev { left: -7.25rem; }
.modal-next.disabled, .modal-prev.disabled {pointer-events: none;cursor: default;}
.modal-next.disabled svg path, .modal-prev.disabled svg path { fill: #78838E; }

.popup .modal-content {
  padding: 5.1875rem 4.75rem 4.75rem 4.5rem;
  width: 43.4375rem;
}

.popup .modal-content .text {
  max-width: 100%;
  width: 100%;
}

.bio .modal-content .text {overflow: auto;padding-right: 2.125rem;}
.bio .modal-content .text::-webkit-scrollbar { width: .4375rem; }
.bio .modal-content .text::-webkit-scrollbar-track { background: #F0F4F5; }
.bio .modal-content .text::-webkit-scrollbar-thumb { background: #57929F; }
.bio .modal-content .text::-webkit-scrollbar-thumb:hover { background: #4C7F8A; }

/* TERMS OF USE IN ENTRY POPUP ------------------------------ */
#terms {
  background: #FFF;
  display: none;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 5.375rem 2rem 2.875rem 3rem;
  position: absolute;
  top: 0;
  width: 100%;
}

#terms .back {
  background: #57929F;
  left: 0;
  padding: .3125rem 1rem;
  position: absolute;
  top: 0;
  width: 100%;
}

#terms .back button { outline: 0; }

#terms .back button span {
  margin: 0 .75rem 0 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#terms .textbox {
  height: 100%;
  overflow: auto;
  padding: 0 2.125rem 0 0;
}

#terms h2 {font-size: 1.6875rem;margin: 0 0 1.25rem;}

#terms ::-webkit-scrollbar { width: .4375rem; }
#terms ::-webkit-scrollbar-track { background: #F0F4F5; }
#terms ::-webkit-scrollbar-thumb { background: #57929F; }
#terms ::-webkit-scrollbar-thumb:hover { background: #4C7F8A; }


/* CONTACT PAGE ------------------------------ */
.contact-info ul { margin: 0; }
.contact-info li { margin: 0; padding: 0;}
.contact-info li:first-child { margin: 0 0 3.875rem; }
.contact-info li::before { display: none; }

.contact-info strong {
  color: #B9CBD2;
  display: block;
  letter-spacing: 2px;
  margin: 0 0 1rem;
  text-transform: uppercase;
}

.contact-info a {
  border-bottom: 1px solid #FFF;
  color: #FFF;
  font-size: 1.6875rem;
  padding: 0 0 .625rem;
  text-decoration: none;
}

.contact-info a:hover { border-color: #95D1DF; color: #95D1DF; }

#map {
  margin-top: -15rem;
  position: relative;
}

#map .address {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #FFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  height: 25rem;
  left: 6.75rem;
  position: absolute;
  text-align: center;
  top: -webkit-calc(50% + 6rem);
  top: -webkit-calc(50% + 7.5rem);
  top: calc(50% + 7.5rem);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25rem;
  z-index: 1;
}

#map .address a,
#map .address p {
  color: #606C78;
  font-size: 1.125rem;
  line-height: 1.55;
  margin: 0 0 1rem;
  text-decoration: none;
}
#map .address p strong { color: #57929F; }
#map .address p:last-of-type { margin: 0; }

#map .address p span { margin: 0 .25rem; }
#google-map {height: 48rem;}

.gm-style-iw-d div {
  color: #263746;
  font-size: 1rem;
}

/* HISTORY ------------------------------ */
#history {padding: 11rem 1.5rem .75rem;}

#history .column {
  height: 32.875rem;
  left: -2rem;
  position: relative;
  width: 32.25rem;
  z-index: 1;
}

#history .column::after {
  background: #F0F4F5;
  -webkit-box-shadow: 0 2rem 2rem 1rem #F0F4F5;
  box-shadow: 0 2rem 2rem 1rem #F0F4F5;
  content: '';
  display: block;
  height: 16rem;
  position: absolute;
  right: 6rem;
  top: -4.5rem;
  width: 35rem;
  z-index: -1;
}

#history .column .circle {
  background: #BFE1E9;
  border-radius: 50%;
  height: 10.6875rem;
  position: absolute;
  left: 21.125rem;
  width: 10.6875rem;
  z-index: 0;
}

#history .column img {
  height: 28.75rem;
  width: 28.75rem;
}

#history .column img {
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

#history .column svg.circle-ring {
  height: 36.875rem;
  left: -webkit-calc(50% - 3rem);
  left: calc(50% - 3rem);
  position: absolute;
  top: -webkit-calc(50% - 2rem);
  top: calc(50% - 2rem);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 36.875rem;
  z-index: -1;
}

#history .column svg.circle-ring path { opacity: 0; }
#history .dots.animated + svg.circle-ring path { opacity: .12; }
#history .textbox {padding-left: 3rem;width: 41.25rem;}

#history a.arrow {
  display: inline-block;
  margin-top: 1rem;
}

#history a.arrow span { position: relative; top: .1875rem; }

#history h2.accented::before {top: -5.625rem;}

span.category {
  color: #78838E;
  letter-spacing: 2px;
  font-size: 1.125rem;
  position: relative;
  text-transform: uppercase;
  top: -1.875rem;
}

/* POSITIVE CHANGES ------------------------------ */
#circles.changes .row {padding-top: 10.25rem;text-align: center;}
#circles.changes h2.accented::before { left: 50%; top: -5.625rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#circles.changes .row p {margin: 0 auto 1rem;max-width: 100%;width: 46.8125rem;}
#circles.changes .row p strong { color: #57929F; }
#circles .circle span.number {display: block;font-size: 2.75rem;line-height: 1;margin: 0 auto 1rem;}
#circles.changes .category br { display: none; }

/* SHARED VALUES ------------------------------ */
#shared-values {background-position: left center;background-repeat: no-repeat;background-size: cover;padding: 10.5rem 1.5rem 7.75rem;position: relative;}
#shared-values::after {
  background: rgba(16,22,28,.45);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

#shared-values span.category, #shared-values h2, #shared-values p, #shared-values ul li { color: #FFF; }
#shared-values h2.accented::before { top: -5.625rem; }

#shared-values .column:nth-child(1) {padding-right: 2rem;width: 37rem;}

#shared-values .circle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(87, 146, 159, .9);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  height: 34.1875rem;
  margin-top: 11.375rem;
  padding: 0 6.5rem;
  width: 34.1875rem;
}

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

#shared-values .circle p { font-size: 1.125rem; letter-spacing: 2px; text-transform: uppercase;}
#shared-values .circle ul {margin: 0;width: 100%;}
#shared-values .circle li {padding-left: 1.875rem;width: 100%;}
#shared-values ul li::before { background: #FFF; left: 0; }

/* DISCLAIMER ------------------------------ */
#disclaimer {padding: 2.5rem 0 1.75rem; }
#disclaimer p {
  font-size: 1rem;
}


/* INTERNET EXPLORER */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  svg, svg * {
    -webkit-animation: none !important;
    animation: none !important;
    fill-opacity: 1 !important;
    stroke-dasharray: 1 !important;
    stroke-dashoffset: 1 !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  /*
  #esg-diagram svg.desktop-svg { height: 51.1875rem;}
  #esg-diagram svg.mobile-svg { height: 97.5rem; }*/
  #venn-diagram svg { height: 33.25rem; }

  #discover svg { height: 27.5rem; }

  #circles .circle { position: relative; }
  #circles .circle svg { left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

}

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