@charset "UTF-8";
@font-face {
  font-family: 'Gotham Narrow Bold';
  src: url("../../fonts/GothamNarrow-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Gotham Narrow Medium';
  src: url("../../fonts/GothamNarrow-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Gotham Narrow';
  src: url("../../fonts/GothamNarrow-Book.ttf") format("truetype"); }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin-top: 0;
  padding-top: 0; }

.heading-smallcaps, table th {
  opacity: 0.4;
  font-size: 0.81em;
  font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.3px; }

.textAlign-center {
  text-align: center; }

figure {
  margin: 0 0 1.6em; }

.backgroundColor-black {
  background: #040708; }

.backgroundColor-white {
  background: white; }

.color-white {
  color: #fff; }

.ico-nav {
  background: url("../../img/ico-menu.svg") center center no-repeat;
  display: inline-block;
  width: 23px;
  height: 18px;
  position: absolute;
  padding: 2em;
  right: 0;
  top: 0; }

.ico-close-nav {
  background: url("../../img/ico-close-nav.svg") center center no-repeat;
  display: inline-block;
  width: 23px;
  height: 18px;
  position: absolute;
  padding: 2em;
  right: 0;
  top: 0; }

@media screen and (min-width: 1080px) {
  .mobile-header {
    display: none; } }

.homescreen .mobile-header {
  display: block;
  position: absolute;
  right: 0;
  z-index: 9; }
  .homescreen .mobile-header .logo {
    display: none; }

.sidebar {
  transition: all 0.6s ease;
  background: #040708;
  color: #fff;
  width: 100%;
  max-width: 368px;
  padding: 20px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  overflow-y: auto;
  display: none; }
  @media screen and (min-width: 1080px) {
    .sidebar .ico-close-nav {
      display: none; }
      .homescreen .sidebar .ico-close-nav {
        display: block !important; } }
  .sidebar.active {
    right: 0;
    left: auto;
    padding-top: 3.6em;
    display: block; }
    .sidebar.active .logo {
      display: none; }
    @media screen and (min-width: 1080px) {
      .sidebar.active {
        right: auto;
        left: 0;
        padding-top: 0; }
        .sidebar.active .ico-close-nav {
          display: none; }
        .sidebar.active .logo {
          display: flex; } }
    .homescreen .sidebar.active {
      display: block;
      left: auto;
      right: 0;
      box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.8); }
  @media screen and (min-width: 1080px) {
    .homescreen .sidebar {
      display: none; } }
  @media screen and (min-width: 1080px) {
    .sidebar {
      display: block; } }
  .sidebar form {
    margin-bottom: 2em; }
    .sidebar form input {
      display: block;
      width: 100%;
      -webkit-appearance: none;
      border: none;
      font-family: "Gotham Narrow", "Helvetica Neue", arial, sans-serif;
      font-size: 15px;
      background: rgba(255, 255, 255, 0.1) url("../../img/ico-search.png") 18px center no-repeat;
      background-size: 13px 13px;
      padding: 1em 1em 0.7em 2em;
      border-radius: 4px;
      color: #fff; }
      .sidebar form input[type=submit] {
        display: none; }
  .sidebar hr {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 1em; }
  .sidebar nav {
    margin-bottom: 4.2em; }
    .sidebar nav ul {
      font-family: "Gotham Narrow Bold", "Helvetica Neue", arial, sans-serif;
      font-size: 16px; }
      .sidebar nav ul li {
        margin-bottom: 1em;
        position: relative; }
        .sidebar nav ul li:nth-child(1) ul li:first-of-type, .sidebar nav ul li:nth-child(2) ul li:first-of-type, .sidebar nav ul li:nth-child(3) ul li:first-of-type, .sidebar nav ul li:nth-child(4) ul li:first-of-type, .sidebar nav ul li:nth-child(6) ul li:first-of-type, .sidebar nav ul li:nth-child(8) ul li:first-of-type {
          display: none; }
        .sidebar nav ul li a {
          position: relative;
          left: 2em;
          display: inline-block;
          width: calc(100% - 2em); }
        .sidebar nav ul li span {
          color: #E81E26;
          display: inline-block;
          position: absolute; }
        .sidebar nav ul li.theme-blue span {
          color: #00A6C9; }
        .sidebar nav ul li.theme-green span {
          color: #9CB227; }
        .sidebar nav ul li.theme-orange span {
          color: #FF6600; }
        .sidebar nav ul li.theme-yellow span {
          color: #FCBB2C; }
        .sidebar nav ul li.theme-purple span {
          color: #95226C; }
        .sidebar nav ul li.theme-dark-blue span {
          color: #406482; }
        .sidebar nav ul li.theme-white span {
          color: white; }
        .sidebar nav ul li.theme-mint span {
          color: #00A182; }
      .sidebar nav ul ul {
        font-family: "Gotham Narrow", "Helvetica Neue", arial, sans-serif;
        font-size: 15px;
        margin-bottom: 0; }
        .sidebar nav ul ul li {
          margin: 0.6em 0 0; }
  .sidebar ul {
    list-style-type: none;
    padding: 0; }
    .sidebar ul li.expanded ul {
      display: block; }
    .sidebar ul a {
      text-decoration: none; }
    .sidebar ul ul {
      display: none; }
      .sidebar ul ul.expanded {
        display: block; }
  .sidebar a {
    color: #fff; }

.nav-tags {
  font-size: 15px;
  margin-bottom: 2em; }
  .nav-tags li {
    display: inline; }
    .nav-tags li a {
      display: inline-block;
      padding: 0.3em 0.6em 0.26em;
      border-radius: 2px;
      margin-bottom: 0.3em;
      border: 1px solid rgba(255, 255, 255, 0.4); }
      .nav-tags li a:hover {
        background: rgba(255, 255, 255, 0.4); }

.sidebar .awesomplete ul {
  background: white;
  color: black;
  padding: 1em;
  border-radius: 3px; }
  .sidebar .awesomplete ul li {
    margin-bottom: 0.5em;
    font-size: 15px; }
    .sidebar .awesomplete ul li:last-of-type {
      margin-bottom: 0; }
  .sidebar .awesomplete ul + span {
    display: none; }

.nav-quicklinks {
  font-size: 15px; }
  .nav-quicklinks li {
    margin-bottom: 0.3em; }
    .nav-quicklinks li a:before {
      content: '↳ ';
      opacity: 0.4; }

.nav-home {
  font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
  margin-bottom: 1.6em; }

.padding-l {
  padding: 2.6em; }

.marginBottom-l {
  margin-bottom: 2.6em; }

@media screen and (min-width: 1080px) {
  .content {
    display: flex;
    justify-content: space-between; } }

.infographic.-ecosystem {
  max-width: 982px;
  margin: 0 auto;
  clear: both;
  display: none;
  zoom: 0.7; }
  @media screen and (min-width: 1440px) {
    .infographic.-ecosystem {
      zoom: 1; } }
  .infographic.-ecosystem.active {
    display: block; }

.arrow {
  background: #00A6C9;
  color: #fff;
  text-transform: uppercase;
  font-family: "Gotham Narrow Bold", "Helvetica Neue", arial, sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
  padding: 0.9em 1em 0.7em;
  margin-bottom: 2.6em;
  position: relative; }
  .column:nth-child(1) .arrow {
    z-index: 3; }
  .column:nth-child(2) .arrow {
    z-index: 2;
    padding-left: 2.6em; }
  .column:nth-child(3) .arrow {
    padding-left: 2.6em; }
  .arrow.-dark {
    background-color: #040708; }
    .arrow.-dark:after {
      border-left-color: #040708; }
  .arrow p {
    margin: 0; }
  .arrow:after {
    content: "";
    position: absolute;
    right: 0;
    top: -10px;
    border-bottom: 31px solid transparent;
    border-left: 31px solid #00A6C9;
    border-top: 31px solid transparent;
    height: 0;
    width: 0;
    margin-right: -31px; }

.ico-process,
.ico-puzzle,
.ico-question {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("../../img/ico-question.svg") center center no-repeat; }

.ico-process {
  background-image: url("../../img/ico-process.svg"); }

.ico-puzzle {
  background-image: url("../../img/ico-puzzle.svg"); }

.ico-link, .key .ico-link-dark {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../img/ico-link.svg") center center no-repeat; }

.ico-analytics {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url("../../img/ico-analytics.svg") center center no-repeat; }

.ico-box {
  display: inline-block;
  width: 34px;
  height: 33px;
  background: url("../../img/ico-box.svg") center center no-repeat; }

.ico-info {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../../img/ico-info.svg") center center no-repeat; }

.columns {
  display: flex;
  justify-content: space-between; }

.column {
  width: 100%;
  max-width: 490px; }
  .column:nth-child(2) .column__inner {
    background: #040708; }
  .case-study-1 .column:nth-child(2) .column__content,
  .case-study-2 .column:nth-child(2) .column__content {
    background: #040708; }
  .column:nth-child(2) .process-box {
    background: #515151; }
  .column .column__inner {
    color: #fff;
    background: #00A6C9;
    border-radius: 3px; }
    .case-study-1 .column .column__inner,
    .case-study-2 .column .column__inner {
      background: none; }
  .column:nth-child(1) {
    max-width: 220px; }
  .column:nth-child(3) {
    max-width: 260px; }
  .column .column__content {
    padding: 1em; }
    .case-study-1 .column .column__content,
    .case-study-2 .column .column__content {
      background: #009DDB;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
  .column a {
    color: #fff;
    cursor: default; }
  .column ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .column ul a {
      display: block;
      text-decoration: none;
      background-color: rgba(255, 255, 255, 0.1);
      padding: 1em;
      pointer-events: none; }
      .column ul a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        transition: none;
        pointer-events: none; }
    .column ul li {
      position: relative; }
      .column ul li .ico-info {
        position: absolute;
        right: 1em;
        top: 1.2em;
        pointer-events: auto; }
    .column ul li:nth-child(2) a {
      background-color: rgba(255, 255, 255, 0.2); }
    .column ul li:nth-child(3) a {
      background-color: rgba(255, 255, 255, 0.3); }

.column__title {
  font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
  font-size: 1.1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 0.7em;
  position: relative; }
  .column__title .ico-info:hover + .tooltip {
    right: auto;
    left: -104px; }

.case-study-1 .column__content + ul li {
  background: #009DDB;
  opacity: 0.4; }
  .case-study-1 .column__content + ul li:first-of-type {
    opacity: 1; }

.case-study-1 .column:nth-of-type(2) .column__content + ul li,
.case-study-2 .column:nth-of-type(2) .column__content + ul li {
  background: #040708;
  opacity: 1; }

.case-study-2 .column__content + ul li {
  background: #009DDB;
  opacity: 0.4; }
  .case-study-2 .column__content + ul li:first-of-type, .case-study-2 .column__content + ul li:nth-child(2) {
    opacity: 1; }

.processes {
  display: flex;
  justify-content: space-between; }
  .processes .process-box {
    max-width: 149px; }

.pill-menu {
  display: none; }

.process-box {
  background: #008daa;
  border: none;
  padding: 1.4em 0.6em 0.6em;
  text-align: center;
  border-radius: 3px;
  position: relative;
  width: 100%;
  height: 166px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.26s ease; }
  .process-box:hover {
    border: none; }
  .process-box .ico-link, .process-box .key .ico-link-dark, .key .process-box .ico-link-dark {
    position: absolute;
    top: 1em;
    right: 1em; }
  .process-box p {
    margin: 0;
    font-size: 12px; }
  .process-box strong {
    display: block;
    margin-top: 0.4em;
    font-weight: normal;
    font-size: 14px;
    font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif; }

.surround {
  position: relative; }
  .surround:after {
    content: '';
    position: absolute;
    top: 3.6em;
    left: -1.2em;
    right: -1.2em;
    bottom: -1em;
    z-index: -1;
    background: rgba(33, 33, 33, 0.1);
    border: 1px dotted #979797;
    border-radius: 10px; }

.facilitators-box,
.regulatory-box {
  margin-top: 1em;
  padding: 1em;
  background: rgba(33, 33, 33, 0.1);
  border-radius: 3px;
  max-width: 280px; }
  .facilitators-box .heading-smallcaps, .facilitators-box table th, table .facilitators-box th,
  .regulatory-box .heading-smallcaps,
  .regulatory-box table th,
  table .regulatory-box th {
    opacity: 1; }
  .facilitators-box ul,
  .regulatory-box ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .facilitators-box ul a,
    .regulatory-box ul a {
      display: block;
      color: #040708;
      text-decoration: none;
      position: relative;
      padding: 0.2em 0; }
    .facilitators-box ul .ico-info,
    .regulatory-box ul .ico-info {
      position: absolute;
      right: 0;
      top: 0;
      background-image: url("../../img/ico-info-dark.svg"); }

.tooltip {
  display: none;
  width: 420px; }

.ico-info:hover + .tooltip {
  display: block;
  position: absolute;
  z-index: 9;
  bottom: 45px;
  right: -187px; }
  .facilitators-box .ico-info:hover + .tooltip,
  .regulatory-box .ico-info:hover + .tooltip {
    right: -203px;
    bottom: 40px; }

.facilitators-box {
  margin-left: 230px;
  margin-top: 2.6em;
  position: absolute;
  right: 0;
  width: 237px;
  bottom: 0; }

.regulatory-box {
  background: none;
  margin-bottom: 2.6em; }

.key {
  border-radius: 10px;
  border: 1px solid rgba(4, 7, 8, 0.4);
  background: #fff;
  box-shadow: 3px 6px 20px rgba(4, 7, 8, 0.2);
  padding: 1em;
  max-width: 260px;
  float: right; }
  .key .heading-smallcaps, .key table th, table .key th {
    opacity: 1; }
  .key .process {
    background: rgba(33, 33, 33, 0.1);
    padding: 0.2em 0.6em;
    border-radius: 2px;
    margin-bottom: 0.6em; }
  .key .ico-link-dark {
    background-image: url("../../img/ico-link-dark.svg"); }
  .key ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }

.case-study-1,
.case-study-2 {
  margin-top: 5.2em; }
  .case-study-1 .-ecosystem.-default,
  .case-study-2 .-ecosystem.-default {
    display: none; }
  .case-study-1 .surround:after,
  .case-study-2 .surround:after {
    top: -1.4em; }

.case-study-1 .-ecosystem.-scenario-1 {
  display: block; }

.case-study-2 .-ecosystem.-scenario-2 {
  display: block; }

.case-study-banner {
  background: #040708 url(../../img/ecosystem-case-study-1-bg.jpg) center center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 1em;
  position: relative;
  margin-bottom: 1.6em; }
  .case-study-2 .case-study-banner {
    background: #040708 url(../../img/ecosystem-case-study-2-bg.jpg) center center no-repeat; }
  .case-study-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(4, 7, 8, 0.5);
    border-radius: 3px; }
  .case-study-banner h1 {
    font-size: 1.1em;
    margin-bottom: 0;
    font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
    position: relative;
    z-index: 2; }
    .case-study-banner h1:before {
      content: 'Applied Scenario';
      display: block;
      font-size: 16px;
      font-family: "Gotham Narrow", "Helvetica Neue", arial, sans-serif; }

.infographic.-baseline {
  max-width: 982px;
  margin: 0 auto;
  zoom: 0.7; }
  @media screen and (min-width: 1440px) {
    .infographic.-baseline {
      zoom: 1; } }
  .infographic.-baseline .arrow.-empty {
    visibility: hidden; }
  .infographic.-baseline .arrow {
    display: inline-block;
    width: 100%;
    margin-right: -4px;
    max-width: 33.3%;
    cursor: pointer;
    opacity: 0.4; }
    .infographic.-baseline .arrow.active {
      opacity: 1; }
    .infographic.-baseline .arrow:nth-child(2) {
      max-width: 30%;
      margin-right: 3.3%; }
    .infographic.-baseline .arrow:nth-child(3) {
      position: relative;
      background-color: #FF6600; }
      .infographic.-baseline .arrow:nth-child(3):after {
        border-left-color: #FF6600; }
      .infographic.-baseline .arrow:nth-child(3):before {
        content: '';
        position: absolute;
        background: #373737;
        width: 100%;
        top: 80px;
        right: 3px;
        height: 437px;
        pointer-events: none;
        border-radius: 5px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
  .infographic.-baseline .surround {
    color: #fff; }
    .infographic.-baseline .surround:after {
      background-color: #040708;
      border: none; }
    .infographic.-baseline .surround:before {
      content: '';
      background: #373737;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 982px;
      border-radius: 5px;
      border-top-right-radius: 0;
      height: 80px;
      z-index: 0;
      opacity: 0.4; }
    .infographic.-baseline .surround.active:before {
      opacity: 1; }
  .infographic.-baseline .baseline-diagram {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .infographic.-baseline .baseline-diagram li {
      position: relative; }
      .infographic.-baseline .baseline-diagram li .definition {
        border-right: 1px solid white;
        display: inline-block;
        margin-right: -5px;
        width: 32%;
        position: relative;
        vertical-align: middle;
        padding: 0.6em 0;
        text-align: right;
        font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
        padding-right: 16px;
        font-size: 15px; }
        .infographic.-baseline .baseline-diagram li .definition:hover .ico-info {
          transform: scale(1.1); }
        .infographic.-baseline .baseline-diagram li .definition .tooltip {
          text-align: left;
          width: 428px; }
        .infographic.-baseline .baseline-diagram li .definition .ico-info {
          vertical-align: -6px;
          width: 22px;
          height: 22px;
          border-radius: 100%;
          transition: all 0.1s ease; }
      .infographic.-baseline .baseline-diagram li .graph {
        position: relative;
        display: inline-block;
        width: 68%;
        height: 39px;
        vertical-align: middle;
        padding: 0.6em 0; }
      .infographic.-baseline .baseline-diagram li .bar {
        border: 1px solid #0283BB;
        height: 24px;
        border-radius: 2px;
        position: absolute;
        left: 24px;
        text-align: right;
        font-size: 13px;
        font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
        transition: all 0.6s ease;
        opacity: 0.4;
        background: none; }
        .infographic.-baseline .baseline-diagram li .bar.active {
          background: #009DDB;
          opacity: 1;
          animation-name: bounce;
          animation-duration: 0.3s; }
        .infographic.-baseline .baseline-diagram li .bar.gradient {
          background-image: linear-gradient(90deg, #009DDB 0%, #FC6500 100%);
          border-color: transparent !important; }
          .infographic.-baseline .baseline-diagram li .bar.gradient.sbm {
            background-image: linear-gradient(90deg, #009DDB 0%, #FC6500 30%); }
          .infographic.-baseline .baseline-diagram li .bar.gradient.orange-active {
            background-color: #009DDB; }
        .infographic.-baseline .baseline-diagram li .bar.orange-active {
          border-color: #FF6600;
          background-color: #FF6600; }
        .infographic.-baseline .baseline-diagram li .bar.-iterative::after {
          content: '';
          background: url("../../img/ico-iterative.svg") center center no-repeat;
          width: 33px;
          height: 38px;
          position: absolute;
          top: 10px;
          left: 10px;
          z-index: 9;
          transition: all 1s ease; }
        .infographic.-baseline .baseline-diagram li .bar.-iterative:hover:after {
          transform: rotate(360deg); }
        .infographic.-baseline .baseline-diagram li .bar a {
          color: #fff;
          text-decoration: none;
          position: relative;
          top: 4px; }
          .infographic.-baseline .baseline-diagram li .bar a:after {
            content: '';
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url("../../img/ico-white-arrow.svg") center center no-repeat;
            vertical-align: -2px;
            padding-left: 0.4em; }
    .infographic.-baseline .baseline-diagram li:nth-child(1) .bar {
      width: 40px; }
    .infographic.-baseline .baseline-diagram li:nth-child(2) .bar {
      width: 95%; }
    .infographic.-baseline .baseline-diagram li:nth-child(3) .bar:first-of-type {
      width: 105px; }
    .infographic.-baseline .baseline-diagram li:nth-child(3) .bar:last-of-type {
      width: 224px;
      left: 300px;
      background-color: #FF6600;
      border-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(4) .bar {
      width: 90px;
      left: 39px; }
    .infographic.-baseline .baseline-diagram li:nth-child(4) .bar:last-of-type {
      left: 390px;
      border-color: #FF6600; }
      .infographic.-baseline .baseline-diagram li:nth-child(4) .bar:last-of-type.active {
        background-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(5) .bar {
      width: calc(95% - 15px);
      left: 39px; }
    .infographic.-baseline .baseline-diagram li:nth-child(6) .bar {
      width: 200px;
      left: 39px; }
    .infographic.-baseline .baseline-diagram li:nth-child(6) .bar:last-of-type {
      left: 390px;
      border-color: #FF6600; }
      .infographic.-baseline .baseline-diagram li:nth-child(6) .bar:last-of-type.active {
        background-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(7) .bar {
      width: 240px;
      left: 39px; }
    .infographic.-baseline .baseline-diagram li:nth-child(7) .bar:last-of-type {
      left: 390px;
      border-color: #FF6600; }
      .infographic.-baseline .baseline-diagram li:nth-child(7) .bar:last-of-type.active {
        background-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(8) .bar {
      width: 210px;
      left: 69px; }
      .infographic.-baseline .baseline-diagram li:nth-child(8) .bar:after {
        left: 15%; }
    .infographic.-baseline .baseline-diagram li:nth-child(8) .bar:last-of-type {
      left: 420px;
      border-color: #FF6600; }
      .infographic.-baseline .baseline-diagram li:nth-child(8) .bar:last-of-type.active {
        background-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(9) .bar {
      width: 210px;
      left: 109px; }
    .infographic.-baseline .baseline-diagram li:nth-child(9) .bar:last-of-type {
      width: 190px;
      left: 450px;
      border-color: #FF6600; }
      .infographic.-baseline .baseline-diagram li:nth-child(9) .bar:last-of-type.active {
        background-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(10) .bar {
      width: 250px;
      left: 109px; }
      .infographic.-baseline .baseline-diagram li:nth-child(10) .bar:after {
        left: 50%; }
    .infographic.-baseline .baseline-diagram li:nth-child(10) .bar:last-of-type {
      width: 190px;
      left: 450px;
      border-color: #FF6600; }
      .infographic.-baseline .baseline-diagram li:nth-child(10) .bar:last-of-type.active {
        background-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(11) .bar {
      width: 180px;
      left: 200px; }
    .infographic.-baseline .baseline-diagram li:nth-child(12) .bar {
      width: 180px;
      left: 350px;
      border-color: #FF6600; }
      .infographic.-baseline .baseline-diagram li:nth-child(12) .bar.active {
        background-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(13) .bar {
      width: 40px;
      left: 69px;
      border-color: #FF6600; }
      .infographic.-baseline .baseline-diagram li:nth-child(13) .bar.active {
        background-color: #FF6600; }
    .infographic.-baseline .baseline-diagram li:nth-child(13) .bar:last-of-type {
      width: 250px;
      left: 410px; }
  .infographic.-baseline .key {
    margin-top: 50px;
    margin-bottom: 150px; }
    .infographic.-baseline .key .link:after {
      content: '';
      display: inline-block;
      width: 12px;
      height: 12px;
      background: url("../../img/ico-dark-arrow.svg") center center no-repeat;
      vertical-align: -2px;
      padding-left: 0.4em; }
  .infographic.-baseline .ico-iterative-dark {
    display: inline-block;
    width: 19px;
    height: 21px;
    background: url("../../img/ico-iterative-dark.svg") center center no-repeat;
    vertical-align: middle; }

@keyframes bounce {
  0% {
    transform: scale(1); }
  88% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.slider {
  height: 122px;
  list-style: none;
  margin: 0 auto;
  min-width: 800px;
  max-width: 960px;
  padding: 0; }
  .slider > li {
    background: #fff;
    border-right: 24px solid;
    box-sizing: border-box;
    height: 100%;
    width: 100%; }
    .slider > li > .tab {
      border-top: 4px solid transparent;
      cursor: pointer;
      float: left;
      padding: 23px 0 27px;
      transition: 300ms;
      width: 122px; }
      .slider > li > .tab > i:before {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        color: #fff;
        display: block;
        font-size: 26px;
        line-height: 68px;
        margin: 0 27px;
        text-align: center;
        width: 68px; }
    .slider > li > .content {
      height: 100%;
      left: 140px;
      overflow: hidden;
      padding: 8px;
      position: absolute; }
      .slider > li > .content > h2 {
        margin: 0; }
      .slider > li > .content > ul {
        color: #666;
        float: left;
        font-size: 13px;
        list-style: square;
        margin: 12px;
        padding-left: 20px; }
    .slider > li.active > .tab {
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); }

a {
  color: #07b; }

.details {
  color: #666;
  margin: 40px auto 1em;
  max-width: 960px;
  font-size: 14px; }

.tooltip {
  background: #fff;
  border-radius: 4px;
  padding: 0.6em;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  color: #040708; }
  .tooltip:after {
    bottom: -15px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px; }
  .tooltip p {
    margin: 0; }
  .tooltip p.tooltip__title {
    font-family: "Gotham Narrow Bold", "Helvetica Neue", arial, sans-serif; }
  .tooltip p.tooltip__content {
    font-size: 14px; }

.tip-message {
  background: rgba(4, 7, 8, 0.6);
  color: #fff;
  text-align: center;
  padding: 0.8em 1em;
  border-radius: 5px;
  margin: 5.2em 0 2.6em; }

.page {
  width: 100%; }
  @media screen and (min-width: 1080px) {
    .page {
      width: calc(100% - 368px);
      position: relative;
      left: 368px; } }
  .page ::selection {
    background-color: #EFE67C;
    color: #040708; }

.cover {
  background: #1f373e url("../../img/cover-bg.png") right center no-repeat;
  background-size: contain;
  color: #fff;
  margin-bottom: 4.236em; }
  @media screen and (min-width: 768px) {
    .cover {
      height: 248px; } }
  .cover.theme-red {
    background-color: #E81E26; }
  .cover.theme-blue {
    background-color: #00A6C9; }
  .cover.theme-green {
    background-color: #9CB227; }
  .cover.theme-orange {
    background-color: #FF6600; }
  .cover.theme-yellow {
    background-color: #FCBB2C; }
  .cover.theme-purple {
    background-color: #95226C; }
  .cover.theme-dark-blue {
    background-color: #406482; }
  .cover.theme-mint {
    background-color: #00A182; }
  .cover.-building-communities-resilient-to-climatic-extremes {
    background: #040708 url(../../img/bg-climate.jpg) center center no-repeat;
    background-size: cover; }
  .cover.-responding-quickly-and-effectively-to-earthquakes-and-other-natural-disasters-in-japan {
    background: #040708 url(../../img/bg-japan.jpg) center center no-repeat;
    background-size: cover;
    height: 288px; }
  .cover.-harnessing-mobile-big-data-to-identify-tuberculosis-hotspots-in-india {
    background: #040708 url(../../img/bg-india.jpg) center center no-repeat;
    background-size: cover; }
  .cover.-predicting-air-pollution-levels-24-to-48-hours-in-advance-in-são-paulo-brazil {
    background: #040708 url(../../img/bg-pollution.jpg) center center no-repeat;
    background-size: cover; }
  .cover h1 {
    font-family: "Gotham Narrow", "Helvetica Neue", arial, sans-serif;
    font-size: 1.94em; }
    .cover h1:after {
      content: '';
      display: block;
      border-bottom: 3px solid;
      max-width: 42px;
      margin-top: 0.3em; }
  .cover a {
    color: #fff; }

.breadcrumb {
  margin: 0;
  padding: 2.6em 0 4.236em;
  list-style-type: none;
  font-size: 15px;
  font-family: "Gotham Narrow", "Helvetica Neue", arial, sans-serif; }
  .breadcrumb li {
    display: inline;
    color: rgba(255, 255, 255, 0.6);
    font-size: 17px; }
    .breadcrumb li a {
      text-decoration: none; }
      .breadcrumb li a:after {
        content: " › ";
        color: rgba(255, 255, 255, 0.6); }

.page__text {
  font-family: "Gotham Narrow", "Helvetica Neue", arial, sans-serif;
  color: rgba(4, 7, 8, 0.62);
  line-height: 1.6;
  margin-bottom: 2.6em; }
  .page__text.theme-red li a,
  .page__text.theme-red p a {
    color: #E81E26; }
  .page__text.theme-blue li a,
  .page__text.theme-blue p a {
    color: #00A6C9; }
  .page__text.theme-orange li a,
  .page__text.theme-orange p a {
    color: #FF6600; }
  .page__text.theme-green li a,
  .page__text.theme-green p a {
    color: #9CB227; }
  .page__text.theme-purple li a,
  .page__text.theme-purple p a {
    color: #95226C; }
  .page__text.theme-dark-blue li a,
  .page__text.theme-dark-blue p a {
    color: #406482; }
  .page__text.theme-yellow li a,
  .page__text.theme-yellow p a {
    color: #FCBB2C; }
  .page__text.theme-mint li a,
  .page__text.theme-mint p a {
    color: #00A182; }
  .color-white .page__text {
    color: rgba(255, 255, 255, 0.62); }
  .page__text:first-of-type > p:first-of-type {
    font-size: 18px; }

.container {
  max-width: 593px;
  margin: 0 auto;
  clear: both; }
  .container.--wide {
    max-width: 724px; }
  .container.--widest {
    max-width: none;
    padding-left: 2em;
    padding-right: 2em; }

table {
  border-collapse: collapse;
  margin-bottom: 2.6em; }
  table th {
    font-weight: normal;
    opacity: 1;
    border-bottom: 1px solid rgba(4, 7, 8, 0.1);
    padding: 1em; }
  table td {
    font-size: 14px;
    opacity: 0.6;
    vertical-align: top;
    padding: 1em;
    border-bottom: 1px solid rgba(4, 7, 8, 0.1); }

.pagination {
  border-top: 1px solid rgba(4, 7, 8, 0.4);
  padding: 2.6em 0;
  margin-top: 5.4em; }
  .pagination a {
    background: #d8d8d8;
    border: 1px solid rgba(4, 7, 8, 0.2);
    text-decoration: none;
    display: inline-block;
    color: #040708;
    border-radius: 3px;
    padding: 0.4em 0.8em 0.3em;
    position: relative;
    font-size: 1.1em; }
    .pagination a:hover {
      border-color: rgba(4, 7, 8, 0.8); }
    .pagination a:before {
      content: '';
      background: url("../../img/ico-prev.svg") center center no-repeat;
      width: 7px;
      height: 11px;
      display: inline-block;
      margin-right: 0.6em; }
    .pagination a.next {
      float: right; }
      .pagination a.next:before {
        display: none; }
      .pagination a.next:after {
        content: '';
        background: url("../../img/ico-next.svg") center center no-repeat;
        width: 7px;
        height: 11px;
        display: inline-block;
        margin-left: 0.6em; }
    .pagination a strong {
      font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
      font-weight: normal; }

.infographic__caption h3 {
  font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
  font-size: 16px; }

.infographic__caption p {
  font-size: 14px;
  opacity: 0.6; }

.list-links,
.list-resources {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .list-links li a,
  .list-resources li a {
    display: block;
    text-decoration: none;
    color: #040708;
    background: white url("../../img/ico-download.svg") right 1.6em center no-repeat;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    padding: 1.6em 4.2em 1.6em 1.6em;
    margin-bottom: 1em; }
    .list-links li a h3,
    .list-resources li a h3 {
      font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
      margin-bottom: 0; }
    .list-links li a p,
    .list-resources li a p {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 15px;
      opacity: 0.6; }
      .list-links li a p span,
      .list-resources li a p span {
        text-transform: uppercase; }

.list-links li a {
  background: url("../../img/ico-globe.svg") 1em center no-repeat;
  padding: 0.6em 0.6em 0.6em 3.4em; }
  .list-links li a h3 {
    font-size: 16px; }

.-frequently-asked-questions + .container h4 {
  font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
  color: #040708;
  cursor: pointer; }
  .-frequently-asked-questions + .container h4 + p {
    display: none;
    border-bottom: 1px solid rgba(4, 7, 8, 0.1);
    padding-bottom: 1em;
    margin-bottom: 1em; }
    .-frequently-asked-questions + .container h4 + p.active {
      display: block; }

.logo-list {
  list-style-type: none;
  padding: 0; }
  .logo-list li {
    width: 128px;
    height: 128px;
    padding: 1em;
    border: 2px solid rgba(4, 7, 8, 0.1);
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    text-align: center; }
    .logo-list li img {
      display: inline-block;
      margin: 0 auto;
      max-height: 80px; }

.embed-container {
  margin-bottom: 2.6em; }

.pill-menu {
  text-align: center;
  margin: 2.6em auto; }
  .pill-menu li {
    display: inline; }
    .pill-menu li a {
      display: inline-block;
      padding: 0.8em 1em;
      text-decoration: none;
      color: #040708;
      display: inline-block;
      border-top: 3px solid;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
      .pill-menu li a.active {
        font-family: "Gotham Narrow Bold", "Helvetica Neue", arial, sans-serif; }
      .pill-menu li a[data-target="default"] {
        border-top-color: #00A6C9; }
      .pill-menu li a[data-target="scenario-1"] {
        border-top-color: #E81E26; }
      .pill-menu li a[data-target="scenario-2"] {
        border-top-color: #9CB227; }

.ico-help {
  background: url("../../img/ico-help.svg") center center no-repeat;
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: -4px;
  margin-right: 0.5em; }

.help-link {
  color: #fff;
  text-decoration: none;
  font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 4.2em; }
  .help-link:hover {
    opacity: 1; }

.homescreen__left {
  background: url("../../img/homepage-bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 2.6em;
  position: relative; }
  .homescreen__left .logo {
    position: relative;
    z-index: 2; }
  .homescreen__left:after {
    background: rgba(4, 7, 8, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    pointer-events: none;
    z-index: 0; }
    @media screen and (min-width: 960px) {
      .homescreen__left:after {
        background: rgba(4, 7, 8, 0.2); } }
  @media screen and (min-width: 960px) {
    .homescreen__left {
      width: 44%;
      top: 0;
      bottom: 0;
      left: 0;
      position: absolute; } }

.homescreen__right {
  padding: 2.6em; }
  @media screen and (min-width: 960px) {
    .homescreen__right {
      width: 56%;
      position: fixed;
      right: 0;
      top: 0;
      bottom: 0;
      overflow: auto; }
      .homescreen__right .swiper-container {
        margin-left: -2em; } }
  .homescreen__right .swiper-container {
    margin-bottom: 3.2em; }
  .homescreen__right hr {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 1em; }
  .homescreen__right .container {
    max-width: 720px; }
  .homescreen__right h1 {
    font-family: "Gotham Narrow", "Helvetica Neue", arial, sans-serif;
    font-size: 1.6em; }
    .homescreen__right h1:after {
      content: '';
      display: block;
      border-bottom: 3px solid #E81E26;
      max-width: 42px;
      margin-top: 0.3em; }

.copyright {
  opacity: 0.4; }

.list-homepage-sections {
  list-style-type: none;
  padding: 0;
  margin: 1em 0 3.2em; }
  .list-homepage-sections li {
    display: inline; }
    .list-homepage-sections li a {
      display: inline-block;
      max-width: 231px;
      margin-right: -1px;
      transition: all 0.2s ease;
      border: none;
      vertical-align: top;
      margin-bottom: 4px; }
      .list-homepage-sections li a img {
        display: block; }
      .list-homepage-sections li a:hover {
        transform: scale(1.075);
        box-shadow: 2px 4px 26px rgba(0, 0, 0, 0.2); }
    .list-homepage-sections li:nth-child(9), .list-homepage-sections li:nth-child(10) {
      display: none; }

.homescreen .page__text {
  padding-right: 56px; }
  .homescreen .page__text a {
    color: #E81E26; }

.ico-play {
  display: inline-block;
  width: 88px;
  height: 88px;
  background: url("../../img/ico-play.png") center center no-repeat;
  background-size: contain; }

.homepage-video {
  margin: 2.6em auto;
  color: #fff;
  text-decoration: none;
  background: rgba(4, 7, 8, 0.8);
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  display: block;
  padding: 2.6em 1.6em 1.6em;
  max-width: 360px;
  width: 100%;
  position: relative;
  z-index: 2;
  transition: background 0.2s ease; }
  @media screen and (min-width: 960px) {
    .homepage-video {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -180px;
      margin-top: -100px;
      box-shadow: 0 0 26px #040708; } }
  .homepage-video h2 {
    margin: 0.3em; }
  .homepage-video:hover {
    background: #040708; }

.homepage-video__thumbnail {
  max-width: 207px;
  margin-right: 2em; }

.homepage-video__content p:first-of-type {
  opacity: 1;
  font-family: "Gotham Narrow Medium", "Helvetica Neue", arial, sans-serif; }

.homepage-video__content p {
  margin: 0;
  opacity: 0.6; }

.intro-heading {
  margin-top: 4.2em;
  color: #fff;
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: 'Gotham Narrow Bold'; }
  .intro-heading span {
    display: block;
    font-family: 'Gotham Narrow'; }

.intro-body {
  margin-top: 4.2em;
  color: #fff;
  position: relative;
  z-index: 2;
  text-align: left;
  font-family: 'Gotham Narrow Bold'; }
  .intro-body span {
    display: block;
    font-family: 'Gotham Narrow'; }

.homescreen .swiper-pagination {
  text-align: left;
  padding-left: 2rem; }

.homescreen .swiper-pagination-bullet {
  background-color: #fff; }

.homescreen .swiper-button-prev {
  left: 0;
  background-size: 50%; }

.homescreen .swiper-button-next {
  right: 0;
  background-size: 50%; }

.homescreen .swiper-container .page__text:first-of-type > p:first-of-type {
  font-size: 16px;
  padding-left: 2em; }

.logo {
  text-transform: uppercase;
  font-family: "Barlow Semi Condensed", "Helvetica Neue", arial, sans-serif;
  font-size: 21px;
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 260px;
  padding-top: 8px;
  padding-left: 8px; }
  @media screen and (min-width: 1080px) {
    .logo {
      padding: 0; } }
  .logo h1 {
    font-size: 21px;
    margin-bottom: 0; }
    .homescreen__left .logo h1 {
      font-size: 23px; }
    .logo h1 span {
      display: block;
      font-size: 15px;
      opacity: 0.6; }
      .homescreen__left .logo h1 span {
        font-size: 17px; }
  .logo img {
    width: 100px;
    height: auto; }

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.6em;
  display: none;
  transition: all 0.6s ease;
  opacity: 0;
  padding: 10.6em 0;
  z-index: 999;
  background: rgba(4, 7, 8, 0.6);
  align-items: center;
  justify-content: center; }
  .lightbox.active {
    display: flex;
    opacity: 1; }
  @media screen and (min-width: 1080px) {
    .lightbox {
      padding: 10.6em; } }

.lightbox__content {
  position: relative;
  transition: all 1s ease;
  opacity: 0;
  max-width: 76%; }
  .lightbox__content .backgroundColor-white {
    overflow: auto;
    max-height: 61vh; }
  .lightbox.active .lightbox__content {
    opacity: 1; }

.lightbox__close {
  position: absolute;
  right: 0;
  top: -48px;
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("../../img/ico-close.svg") center center no-repeat; }

.list-search-results {
  list-style-type: none;
  padding: 0;
  margin: 2.6em 0 0; }
  .list-search-results li {
    margin-bottom: 1.6em;
    border-bottom: 1px solid rgba(4, 7, 8, 0.1);
    padding-bottom: 0.6em; }
  .list-search-results h2 {
    margin-bottom: 0.3em;
    font-size: 1.2em;
    line-height: 1.2; }
  .list-search-results p {
    margin-top: 0;
    opacity: 0.4;
    font-size: 0.9em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .list-search-results a {
    text-decoration: none;
    color: #040708; }

* {
  box-sizing: border-box; }

img,
video {
  max-width: 100%;
  height: auto; }

body {
  font-family: "Gotham Narrow", "Helvetica Neue", arial, sans-serif;
  padding: 0;
  margin: 0;
  color: #040708;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }