.u-inline-anchor, .footer__item a, .markdown a {
  color: currentColor;
  font-weight: 300;
  display: inline-block;
  position: relative;
  z-index: 1;
  cursor: pointer;
  text-decoration: underline; }
  .u-inline-anchor:before, .footer__item a:before, .markdown a:before {
    color: white;
    content: "";
    width: 100%;
    bottom: 0;
    height: 0;
    z-index: -1;
    position: absolute;
    transition: all .2s ease;
    pointer-events: none; }
  .u-inline-anchor:hover:before, .footer__item a:hover:before, .markdown a:hover:before {
    height: 100%;
    background-color: #ff7300; }

@media (max-width: 64em) {
  .u-wrapper, .blog-content,
  .wrapper {
    margin-left: 20px;
    margin-right: 20px; } }
@media (min-width: 64.063em) {
  .u-wrapper, .blog-content,
  .wrapper {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; } }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 999; }
  .overlay.js-active {
    display: block; }

.clearfix:after {
  content: "";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

@media (min-width: 40.063em) {
  .small-only {
    display: none !important; } }

@media (max-width: 40em) {
  .medium-up {
    display: none !important; } }

.by-line {
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 20px;
  text-align: right;
  font-size: .8rem; }
  .by-line a {
    color: rgba(0, 0, 0, 0.3); }
    .by-line a:hover {
      color: rgba(0, 0, 0, 0.8); }

.u-material-icons, .markdown blockquote:before, .select::before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.u-transition, .action-icon i, .action-icon img, .select, .select:hover {
  transition: all .4s ease; }

.align-right.align-right.align-right {
  text-align: right; }

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

html {
  box-sizing: border-box;
  font-size: 16px; }

*, *:before, *:after {
  box-sizing: inherit; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

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

a {
  color: currentColor;
  text-decoration: none; }

strong {
  font-weight: 400; }

body {
  font-family: "din-2014", sans-serif;
  letter-spacing: .5px;
  font-size: 16px;
  line-height: 1.62; }

.main-menu {
  position: fixed;
  pointer-events: none;
  z-index: 1000; }
  .main-menu__trigger {
    padding: 14px 16px;
    background-color: #161e24;
    display: inline-block;
    color: white;
    cursor: pointer;
    position: relative;
    pointer-events: all; }
    .main-menu__trigger:hover {
      background-color: #d01350; }
  .main-menu.js-main-menu-active {
    pointer-events: all; }

.main-nav {
  margin-left: 55px; }
  .main-nav__item {
    position: relative;
    left: -200%; }
  .main-nav__item {
    margin-bottom: 10px; }
  .main-nav__list {
    display: inline-block; }
  .main-nav__button {
    padding: 8px 16px;
    border: 1px solid #161e24;
    color: #161e24;
    font-size: 1.2rem;
    line-height: 1.3;
    text-transform: uppercase;
    transition: all 0.5s ease;
    display: inline-block;
    cursor: pointer;
    font-family: "din-2014", sans-serif;
    letter-spacing: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
    .main-nav__button:hover {
      border-color: #ec2a69;
      color: #ec2a69;
      background-color: white; }
  .main-nav__item {
    transition: all .4s ease; }
    .main-nav__item:nth-child(1) {
      transition-delay: 0.03s; }
    .main-nav__item:nth-child(2) {
      transition-delay: 0.04s; }
    .main-nav__item:nth-child(3) {
      transition-delay: 0.05s; }
    .main-nav__item:nth-child(4) {
      transition-delay: 0.06s; }
    .main-nav__item:nth-child(5) {
      transition-delay: 0.07s; }
    .main-nav__item:nth-child(6) {
      transition-delay: 0.08s; }
    .main-nav__item:nth-child(7) {
      transition-delay: 0.09s; }
    .main-nav__item:nth-child(8) {
      transition-delay: 0.1s; }
    .main-nav__item:nth-child(9) {
      transition-delay: 0.11s; }
    .main-nav__item:nth-child(10) {
      transition-delay: 0.12s; }
    .main-nav__item:nth-child(11) {
      transition-delay: 0.13s; }
    .main-nav__item:nth-child(12) {
      transition-delay: 0.14s; }
    .main-nav__item:nth-child(13) {
      transition-delay: 0.15s; }
    .main-nav__item:nth-child(14) {
      transition-delay: 0.16s; }

.js-main-menu-active .main-nav__item {
  left: 0; }

.action-icon {
  margin: 10px;
  width: 30px;
  height: 30px;
  display: inline-block; }
  .action-icon:first-child {
    margin-left: 0; }
  .action-icon:last-child {
    margin-right: 0; }
  .action-icon i, .action-icon img {
    font-size: 2rem;
    color: #ff7300; }
  .action-icon img {
    width: 30px; }
  .action-icon:hover * {
    transform: rotate(-360deg);
    color: #ff7300; }
  .action-icon--link i {
    transform: rotate(-45deg); }
  .action-icon--link:hover i {
    transform: rotate(-315deg); }

.hero-section {
  padding: 10%;
  color: white;
  text-align: center;
  min-height: 40vh;
  padding: 15vh 20px 15vh; }
  @media (min-width: 40.063em) {
    .hero-section {
      padding: 15vh 22% 15vh; } }
  .hero-section__title {
    font-size: 3rem;
    font-weight: 100;
    margin: 0;
    line-height: 1.2; }
    @media (min-width: 40.063em) {
      .hero-section__title {
        font-size: 4rem; } }
    .hero-section__title--uppercase {
      text-transform: uppercase; }
  .hero-section__subtitle {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.5;
    text-transform: uppercase; }
    @media (min-width: 40.063em) {
      .hero-section__subtitle {
        font-size: 1.7rem; } }
    .hero-section__subtitle--blue {
      color: #0e333f; }
    .hero-section__subtitle--green {
      color: #003c42; }
  .hero-section__text {
    font-size: 1.5rem;
    font-weight: 300; }
  @media (min-width: 40.063em) {
    .hero-section__content {
      padding: 0 120px; } }
  .hero-section__content--img {
    width: 50%;
    margin: 0 auto; }
  .hero-section__action {
    padding: 40px 0;
    text-align: center; }
  .hero-section__bg-content {
    position: absolute;
    z-index: 0;
    width: 80%;
    background-repeat: no-repeat;
    background-position: center; }
    .hero-section__bg-content--upper {
      z-index: 1; }
  .hero-section__logo {
    max-width: 300px; }
    .hero-section__logo--small {
      max-width: 200px; }
  .hero-section--pink {
    background: linear-gradient(to bottom, #a20e3e, #ec2a69); }
  .hero-section--blue {
    background-color: #175469; }
  .hero-section--green {
    background: linear-gradient(to bottom, #0099a8, #006b75); }
  .hero-section--faded-green {
    background: linear-gradient(to bottom, #0099a8, #006b75); }
  .hero-section--faded-green-top {
    background: linear-gradient(to bottom, #006b75, #0099a8); }
  .hero-section--orange {
    background: linear-gradient(to bottom, #cc5c00, #ff7300); }
  .hero-section--black {
    background-color: #161e24; }
  .hero-section--white {
    background-color: white;
    color: #333; }
  .hero-section--bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%; }

.u-button, .subscribe-form__submit,
.button {
  padding: 20px 30px;
  border: 1px solid white;
  color: white;
  font-size: 1.2rem;
  line-height: 1.3;
  text-transform: uppercase;
  transition: all 0.5s ease;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-family: "din-2014", sans-serif;
  letter-spacing: 1px;
  vertical-align: middle;
  align-items: center;
  justify-content: center; }
  @media (max-width: 40em) {
    .u-button, .subscribe-form__submit,
    .button {
      margin-bottom: 10px; } }
  .u-button:hover, .subscribe-form__submit:hover,
  .button:hover {
    background-color: white;
    color: #333; }
  .u-button--small,
  .button--small {
    font-size: 1rem;
    padding: 10px 20px; }
  .u-button--transparent,
  .button--transparent {
    background-color: transparent; }
  .u-button--clean,
  .button--clean {
    border: none; }
  .u-button--dark,
  .button--dark {
    background-color: rgba(0, 0, 0, 0.3); }
  .u-button--pink,
  .button--pink {
    background-color: #ec2a69; }
  .u-button--baby-blue,
  .button--baby-blue {
    background-color: #41aeef; }
  .u-button--yellow,
  .button--yellow {
    background-color: #f7b739; }
  .u-button--blue,
  .button--blue {
    background-color: #175469; }
  .u-button--orange,
  .button--orange {
    background-color: #ff7300; }
  .u-button--green,
  .button--green {
    color: #0099a8;
    border-color: #0099a8; }
    .u-button--green:hover,
    .button--green:hover {
      background-color: #0099a8;
      color: white; }
  .u-button--outline,
  .button--outline {
    border-color: rgba(0, 0, 0, 0.2);
    color: currentColor; }
    .u-button--outline:hover,
    .button--outline:hover {
      color: #ec2a69;
      border-color: #ec2a69; }
  .u-button--outline-pink,
  .button--outline-pink {
    border: 1px solid #ec2a69;
    color: #ec2a69; }
  .u-button--full,
  .button--full {
    display: block;
    width: 100%; }

.button-small-wrap {
  position: relative;
  width: 36%; }
  .button-small-wrap__button {
    position: absolute;
    top: 475px;
    right: -266px;
    text-transform: unset;
    width: 144px;
    height: 42px;
    border: 1px solid #0099a8;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 10px 10px; }

.el-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6; }

.split-section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5%; }
  @media (max-width: 40em) {
    .split-section {
      flex-direction: column; } }
  .split-section__panel {
    max-width: 600px;
    flex: 1;
    padding: 5vh; }
    .split-section__panel h3, .split-section__panel p {
      color: white;
      margin-bottom: 25px; }
    .split-section__panel h3 {
      font-size: 3rem;
      font-weight: 100;
      line-height: 1.3; }
    .split-section__panel p {
      font-size: 1.5rem;
      line-height: 1.62;
      font-weight: 300; }
  @media (min-width: 40.063em) {
    .split-section__panel:first-child {
      text-align: right; } }
  .split-section__panel:last-child {
    text-align: left; }
  .split-section--img {
    padding: 0; }
    @media (max-width: 40em) {
      .split-section--img {
        order: -1; } }
  .split-section__image {
    width: 100%; }
  .split-section--green {
    background: linear-gradient(to bottom, #0099a8, #006b75); }
  .split-section--blue {
    background: linear-gradient(to bottom, #175469, #0e333f); }
  .split-section--orange {
    background: linear-gradient(to bottom, #ff7300, #cc5c00); }
  .split-section--pink {
    background: linear-gradient(to bottom, #ec2a69, #d01350); }
  .split-section--grey {
    background-color: #333; }
  .split-section--baby-blue {
    background-color: #41aeef; }
  .split-section--cyan {
    background-color: #3e918d; }
  .split-section--white {
    color: #333; }

.banner-sec {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #157772 99%, #157772 100%) repeat scroll 0 0;
  padding-top: 154px;
  padding-bottom: 244px; }
  .banner-sec .logo img {
    max-width: 567px; }
  .banner-sec .text-slider {
    max-width: 935px;
    margin: 110px auto 0; }
    .banner-sec .text-slider .text-box a {
      color: #fff; }
      .banner-sec .text-slider .text-box a h3 {
        text-transform: uppercase;
        font-size: 3rem;
        line-height: 48px;
        margin-bottom: 23px; }
      .banner-sec .text-slider .text-box a p {
        font-size: 2rem;
        line-height: 1.5;
        letter-spacing: .8px; }

#open-data-indicators-chart .label {
  fill: rgba(255, 255, 255, 0.3);
  font-size: 1.8rem;
  position: relative; }
#open-data-indicators-chart .x-label {
  fill: rgba(255, 255, 255, 0.1);
  font-size: 1.2rem; }
#open-data-indicators-chart .tick line {
  stroke: rgba(255, 255, 255, 0.2); }
#open-data-indicators-chart .tick text {
  fill: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem; }

.high-research-sec {
  background-color: #333;
  padding: 0 0 26px 0; }
  .high-research-sec .high-research-inner {
    padding: 65px 50px 65px 60px;
    margin-top: -90px;
    background-color: #333;
    position: relative;
    z-index: 100; }
    .high-research-sec .high-research-inner:after {
      background-color: #333;
      box-shadow: -1px -5px 12px -5px rgba(0, 0, 0, 0.75);
      width: 100%;
      height: 200px;
      position: absolute;
      content: "";
      z-index: -99;
      top: 0;
      left: 0; }
    .high-research-sec .high-research-inner span {
      display: block;
      font-size: 2rem;
      color: #ec2a69;
      text-transform: uppercase;
      margin-bottom: 11px; }
    .high-research-sec .high-research-inner .dropdown a {
      display: block;
      font-size: 2.3rem;
      color: rgba(255, 255, 255, 0.8); }
      .high-research-sec .high-research-inner .dropdown a:after {
        color: #d01350;
        margin-left: 10px;
        position: relative;
        top: 6px; }
    .high-research-sec .high-research-inner .dropdown-menu .dropdown-item {
      font-size: 1.3rem;
      padding: 10px; }
      .high-research-sec .high-research-inner .dropdown-menu .dropdown-item:hover {
        background-color: rgba(0, 0, 0, 0.2); }
    .high-research-sec .high-research-inner p {
      color: rgba(255, 255, 255, 0.8);
      font-size: 1.3rem;
      line-height: 1.5;
      letter-spacing: .6px;
      margin-top: 25px;
      min-height: 125px; }

@media (max-width: 991px) {
  .high-research-sec .high-research-inner {
    padding: 30px; }

  .high-research-sec .high-research-inner .dropdown a {
    font-size: 36px; }

  .high-research-sec .high-research-inner p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px; } }
.map__country {
  fill: rgba(0, 0, 0, 0.1); }
.map__region .map__country {
  fill: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all .4s ease; }
.map__region:hover .map__country {
  fill: rgba(0, 0, 0, 0.4); }
.map__region.active .map__country {
  fill: rgba(0, 0, 0, 0.6); }

.map-header {
  color: white;
  text-align: center;
  background: linear-gradient(to bottom, #0099a8, #006b75); }
  .map-header__bg {
    height: 50vh;
    max-width: 1200px;
    margin: 0 auto;
    padding: 8% 10vw;
    background-image: url("../images/regional-hubs-img.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%; }
    @media (min-width: 40.063em) {
      .map-header__bg {
        background-size: 60%; } }
  .map-header__title {
    font-size: 3rem;
    font-weight: 100;
    text-transform: capitalize;
    display: inline-block;
    padding: 0 20px;
    line-height: 1.2;
    margin-bottom: 30px; }
    @media (min-width: 40.063em) {
      .map-header__title {
        font-size: 4rem; } }
    .map-header__title--orange-bg {
      background-color: #ff7300; }
  .map-header__text {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300; }
  .map-header__action {
    padding: 40px 0; }
  .map-header--pink {
    background: linear-gradient(to bottom, #ec2a69, #d01350);
    height: 65vh; }
  .map-header--blue {
    background: linear-gradient(to bottom, #0099a8, #006b75);
    height: 60vh; }

.slider {
  display: flex;
  justify-content: center; }
  .slider a {
    color: #333;
    text-decoration: none;
    font-size: 1.4rem;
    text-align: left;
    font-weight: 200; }
    @media (min-width: 64.063em) {
      .slider a {
        font-size: 1.7rem; } }
  .slider__content {
    width: 100%;
    max-width: 800px;
    position: relative; }
    .slider__content .slick-current {
      transform: scale(1); }
    .slider__content .slick-arrow {
      position: absolute;
      top: 35%;
      width: 20px;
      height: 20px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
      font-size: 70px;
      font-size: 4.375rem;
      font-weight: 200; }
      .slider__content .slick-arrow::before {
        color: #ccc; }
    .slider__content .slick-prev {
      float: left;
      left: -85px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent; }
      .slider__content .slick-prev::before {
        content: '\002039'; }
    .slider__content .slick-next {
      float: right;
      right: -40px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent; }
      .slider__content .slick-next::before {
        content: '\00203A'; }

.global-initiatives-section .cascade-slider_container {
  position: relative;
  width: 1000px;
  max-width: 100%;
  height: 500px;
  margin: 0 auto; }
  @media (max-width: 1420px) {
    .global-initiatives-section .cascade-slider_container {
      width: 100%;
      overflow: hidden; } }
  @media (max-width: 1420px) {
    .global-initiatives-section .cascade-slider_container .framed-image__frame {
      display: none; } }
  .global-initiatives-section .cascade-slider_container .framed-image__screenshot {
    top: -15px;
    width: 480px;
    height: 350px;
    max-width: 80%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25); }
    @media (min-width: 1420px) {
      .global-initiatives-section .cascade-slider_container .framed-image__screenshot {
        width: 501px;
        height: 293px;
        max-width: 100%; } }
  .global-initiatives-section .cascade-slider_container .item {
    display: block; }
    .global-initiatives-section .cascade-slider_container .item .item_wrap {
      position: relative; }
    .global-initiatives-section .cascade-slider_container .item .item-name {
      color: rgba(255, 255, 255, 0.4);
      display: table;
      margin: 40px auto;
      font-size: 20px; }
  .global-initiatives-section .cascade-slider_container .now .item-name {
    color: white;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.09px; }
.global-initiatives-section .cascade-slider_item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.3);
  transition: all 1s ease;
  opacity: 0;
  z-index: -1; }
.global-initiatives-section .cascade-slider_item.next {
  left: 50%;
  transform: translateY(-50%) translateX(-150%) scale(0.6);
  opacity: 1;
  z-index: 1; }
.global-initiatives-section .cascade-slider_item.prev {
  left: 50%;
  transform: translateY(-50%) translateX(50%) scale(0.6);
  opacity: 1;
  z-index: 1; }
.global-initiatives-section .cascade-slider_item.now {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1);
  opacity: 1;
  z-index: 5; }
.global-initiatives-section .cascade-slider_arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 5; }
.global-initiatives-section .cascade-slider_arrow-left {
  left: -159px;
  padding: 15% 22%;
  top: 100px; }
.global-initiatives-section .cascade-slider_arrow-right {
  right: -159px;
  padding: 15% 22%;
  top: 100px; }
.global-initiatives-section .cascade-slider_nav {
  position: absolute;
  bottom: -120px;
  width: 100%;
  text-align: center;
  z-index: 5; }
.global-initiatives-section .cascade-slider_dot {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 1em;
  background: #ddd;
  list-style: none;
  cursor: pointer; }

.region-panel,
.knowledge-panel {
  color: #333; }
  .region-panel__acronym,
  .knowledge-panel__acronym {
    font-weight: 100;
    color: #ff7300;
    font-size: 3rem;
    line-height: 1;
    margin: 0; }
  .region-panel__title,
  .knowledge-panel__title {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 20px; }
  .region-panel__region,
  .knowledge-panel__region {
    color: #0099a8;
    text-transform: uppercase;
    font-weight: 400; }
  .region-panel__text,
  .knowledge-panel__text {
    font-weight: 300;
    font-size: 1.1rem; }
  .region-panel__action,
  .knowledge-panel__action {
    padding: 32px 0; }
    .region-panel__action .button,
    .knowledge-panel__action .button {
      display: inline-block; }
  @media (max-width: 64em) {
    .region-panel:first-of-type,
    .knowledge-panel:first-of-type {
      margin-bottom: 20px; } }
  @media (min-width: 64.063em) {
    .region-panel:first-of-type,
    .knowledge-panel:first-of-type {
      text-align: right; } }

.region-panel__acronym {
  font-weight: 100;
  color: #ff7300;
  font-size: 3rem;
  line-height: 1;
  margin: 0; }
.region-panel__region {
  color: #0099a8;
  text-transform: uppercase;
  font-weight: 400; }
.region-panel__logo {
  display: inline-block;
  width: 200px;
  height: 150px;
  margin-top: 16px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }
.region-panel__links {
  margin-top: 16px; }
@media (max-width: 64em) {
  .region-panel:first-of-type {
    margin-bottom: 20px; } }
@media (min-width: 64.063em) {
  .region-panel:first-of-type {
    text-align: right; } }

.knowledge-panel__title {
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 20px 0; }
.knowledge-panel__text {
  font-weight: 300;
  font-size: 1.1rem; }
@media (max-width: 64em) {
  .knowledge-panel:first-of-type {
    margin-bottom: 20px; } }
@media (min-width: 64.063em) {
  .knowledge-panel:first-of-type {
    text-align: right; } }

.light-section {
  padding: 60px; }
  .light-section:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.03); }

.initiative-section {
  padding: 80px 0; }
  .initiative-section:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.03); }
    @media (min-width: 64.063em) {
      .initiative-section:nth-child(odd) .initiative-panel--text {
        order: -1;
        text-align: right;
        margin-right: 60px; } }

.initiative-panel {
  color: #333; }
  .initiative-panel__title {
    font-weight: 100;
    color: #ff7300;
    font-size: 2.5rem;
    line-height: 1;
    margin: 0 0 20px 0; }
  .initiative-panel__type {
    color: #0099a8;
    text-transform: uppercase;
    font-weight: 400; }
  .initiative-panel__text {
    font-weight: 300;
    font-size: 1.1rem; }
  .initiative-panel__action {
    margin-top: 30px; }
  @media (max-width: 64em) {
    .initiative-panel:first-of-type {
      margin-bottom: 20px; } }
  @media (min-width: 64.063em) {
    .initiative-panel:first-of-type {
      text-align: right; } }

.columns {
  display: flex; }
  @media (max-width: 64em) {
    .columns {
      flex-direction: column; } }
  .columns .column {
    flex: 1; }
    @media (min-width: 64.063em) {
      .columns .column + .column {
        margin-left: 60px; } }
    .columns .column--2 {
      flex: 2; }
    .columns .column--3 {
      flex: 3; }
    .columns .column--4 {
      flex: 4; }
    .columns .column--5 {
      flex: 5; }
    .columns .column--6 {
      flex: 6; }
    .columns .column--7 {
      flex: 7; }
    .columns .column--8 {
      flex: 8; }

.author-card {
  display: flex; }
  .author-card__avatar {
    width: 100px;
    height: 100px;
    border-radius: 100%; }
  .author-card__name {
    font-weight: 500;
    font-size: 1em; }
  .author-card__subtitle {
    font-weight: 200;
    font-size: 1em; }
  .author-card__action {
    margin-left: 15px;
    transform: translateY(25%); }

.fullscreen-section {
  color: white;
  padding: 50px 0; }
  .fullscreen-section__small {
    font-size: 0.6rem;
    font-weight: 200; }
  .fullscreen-section__line {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .fullscreen-section__title {
    font-weight: 100;
    font-size: 2rem;
    text-align: center; }
    .fullscreen-section__title--bold {
      font-weight: 600; }
    .fullscreen-section__title--medium {
      font-size: 3.5rem; }
    @media (min-width: 64.063em) {
      .fullscreen-section__title--large {
        font-size: 5rem; } }
    .fullscreen-section__title--pink {
      color: #ec2a69; }
  .fullscreen-section__text {
    font-weight: 300;
    font-size: 1.3rem;
    text-align: center; }
  .fullscreen-section__text-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10%;
    height: 100%; }
  .fullscreen-section__content {
    margin: 60px 0;
    padding: 0; }
  .fullscreen-section--no-padding {
    padding: 0; }
  .fullscreen-section__action {
    padding: 15px 0; }
  .fullscreen-section--grey, .fullscreen-section--gray {
    background-color: #333; }
  .fullscreen-section--dark-grey {
    background-color: #262626; }
  .fullscreen-section--blue {
    background-color: #175469; }
  .fullscreen-section--faded-green {
    background: linear-gradient(to bottom, #0099a8, #006b75); }
  .fullscreen-section--green {
    background-color: #0099a8; }
  .fullscreen-section--orange {
    background: linear-gradient(#db6300, #ff7300); }
  .fullscreen-section--pink {
    background: linear-gradient(#de1456, #ec2a69); }
  .fullscreen-section--white {
    background-color: white;
    color: #333; }
  .fullscreen-section--black {
    background-color: #161e24; }

.global-initiatives__content {
  padding: 0% 0 13%; }

.tabs-section {
  display: flex;
  justify-content: center; }
  .tabs-section__content {
    padding: 15vh 10% 15vh;
    max-width: 1500px; }
  .tabs-section__tab-title {
    font-weight: 200;
    font-size: 2.4rem;
    cursor: pointer;
    margin-right: 25px; }
    @media (min-width: 40.063em) {
      .tabs-section__tab-title {
        display: inline-block; } }
    @media (min-width: 64.063em) {
      .tabs-section__tab-title {
        font-size: 3rem; } }
    .tabs-section__tab-title--green {
      color: #5ba8a6; }
    .tabs-section__tab-title--active {
      color: white;
      font-size: 3.1rem;
      transition: 0.2s; }
      @media (min-width: 64.063em) {
        .tabs-section__tab-title--active {
          font-size: 3.7rem; } }
  .tabs-section__tab-content {
    display: none;
    color: white; }
    .tabs-section__tab-content--active {
      display: block; }
  .tabs-section__action {
    padding: 40px 0; }
  .tabs-section__modal {
    position: relative; }
  .tabs-section--green {
    background-color: #0099a8; }

.centralized-card {
  display: block;
  text-align: center; }
  .centralized-card--with-padding {
    padding: 0 110px; }

@media (min-width: 40.063em) {
  .logo-grid {
    display: flex;
    flex-direction: row;
    justify-content: center; } }
.logo-grid__logo {
  max-width: 500px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15%; }
  .logo-grid__logo img {
    max-width: 200px; }
    @media (min-width: 64.063em) {
      .logo-grid__logo img {
        max-width: 300px; } }
  .logo-grid__logo--divided {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.logo-grid__column--divided {
  border-right: 1px solid rgba(0, 0, 0, 0.1); }
@media (min-width: 40.063em) and (max-width: 64em) {
  .logo-grid__text {
    max-width: 40%; } }
@media (min-width: 64.063em) {
  .logo-grid__text {
    max-width: 30%; } }
@media (min-width: 2000px) {
  .logo-grid__text {
    max-width: 15%; } }
.logo-grid__text--right {
  text-align: right; }
  @media (max-width: 40em) {
    .logo-grid__text--right {
      text-align: center; } }
@media (max-width: 40em) {
  .logo-grid--text {
    flex-direction: row; } }
.logo-grid__subtitle {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 600; }
  .logo-grid__subtitle--green {
    color: #3c8f92; }
.logo-grid p {
  font-size: 1rem;
  font-weight: 200; }
.logo-grid__action {
  padding: 10px 0; }

.footer {
  background-color: #f4f4f4;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 64em) {
    .footer {
      text-align: center; } }
  .footer__column {
    display: flex;
    flex-direction: column; }
  .footer__list {
    flex: 1; }
  .footer__item {
    display: block; }
    .footer__item a {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
  .footer--large {
    font-size: 1.5rem;
    margin-top: 20px; }

@media (max-width: 64em) {
  .funder-logo {
    margin: 40px 20%;
    max-width: 60%; } }

.cards-section {
  margin-bottom: -180px;
  background-color: #333;
  display: flex; }
  @media (max-width: 64em) {
    .cards-section {
      flex-direction: column; } }
  .cards-section__item {
    cursor: pointer; }
  .cards-section__wrap {
    position: relative;
    display: flex;
    padding-left: 10%;
    padding-right: 12%; }
    .cards-section__wrap .active-card {
      transform: scale(1.2);
      z-index: 2; }
    .cards-section__wrap .active-card-item {
      transform: scale(0.9) translateX(30%);
      z-index: 1; }
  .cards-section__item {
    position: relative;
    top: -80px; }
  .cards-section__after {
    padding-top: 160px; }

.large-card {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  background-color: white;
  display: inline-block; }
  @media (max-width: 64em) {
    .large-card {
      width: 90vw;
      margin: 0 5vw 5vw; } }
  .large-card__content {
    padding: 0 40px 30px;
    margin-top: -45px; }
  .large-card__title {
    font-size: 3rem;
    font-weight: 100;
    background-color: rgba(236, 42, 105, 0.9);
    display: inline-block;
    color: white;
    padding: 0 10px;
    margin-left: -10px;
    line-height: 1.4; }
  .large-card__text {
    font-size: 1.1rem;
    font-weight: 200;
    margin: 40px 0; }

.large-card--front {
  z-index: 2; }
  @media (min-width: 64.063em) {
    .large-card--front {
      transform: scale(1.2) translateX(20%); } }

.large-card--middle {
  z-index: 1; }
  @media (min-width: 64.063em) {
    .large-card--middle {
      transform: scale(1); } }

.large-card--back {
  z-index: 0; }
  @media (min-width: 64.063em) {
    .large-card--back {
      transform: scale(0.9) translateX(-30%); } }

.framed-image {
  position: relative;
  display: block; }
  @media (min-width: 64.063em) {
    .framed-image {
      transform: scale(0.9); } }
  .framed-image__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    @media (min-width: 64.063em) {
      .framed-image__frame {
        transform: scale(1.345); } }
  .framed-image__screenshot {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 2;
    transform: scale(1.002);
    top: -10px; }
  .framed-image--large {
    max-width: 700px;
    margin: 0 auto; }
  .framed-image--displaced {
    margin-top: -140px;
    margin-bottom: 60px; }

.sectors-map {
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
  min-height: 600px; }
  .sectors-map__left {
    position: absolute;
    left: 0;
    top: 60px;
    width: 45%; }
  .sectors-map__right {
    width: 85%;
    position: absolute;
    right: -70px; }
  .sectors-map__title {
    color: white;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.21px; }
  .sectors-map__filters {
    padding-top: 40px; }
  .sectors-map__filter-item {
    margin-bottom: 8px; }

.sector-viz__node {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
  animation-name: spin;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

#node-caribbean {
  top: 41%;
  left: 15%; }

#node-latam {
  top: 70%;
  left: 24%; }

#node-mena {
  top: 34%;
  left: 53%; }

#node-asia {
  top: 50%;
  left: 72%; }

#node-eca {
  top: 20%;
  left: 50%; }

#node-africa {
  top: 48%;
  left: 48%; }

#node-africa2 {
  top: 46%;
  left: 38%; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(270deg); } }
.subscribe-form {
  display: flex;
  padding-top: 40px;
  padding-bottom: 60px;
  flex-direction: column; }
  @media (min-width: 64.063em) {
    .subscribe-form {
      flex-direction: row; } }
  .subscribe-form__email {
    padding: 8px 16px 8px 32px;
    font-size: 1.5rem;
    font-family: "din-2014", sans-serif;
    background-color: transparent;
    border: 1px solid white;
    color: white;
    letter-spacing: .5px;
    flex: 1; }
    .subscribe-form__email::placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .subscribe-form__email:focus {
      border-color: white;
      outline: none;
      background-color: rgba(255, 255, 255, 0.1); }
  .subscribe-form__submit {
    flex: 0;
    color: #000000;
    background-color: #ffffff;
    margin-top: 32px;
    margin-left: -1px; }
    @media (min-width: 64.063em) {
      .subscribe-form__submit {
        margin-top: 0;
        color: #ffffff;
        background-color: transparent; } }

.news-section {
  padding-top: 220px;
  padding-bottom: 32px; }
  .news-section__list {
    padding-bottom: 24px; }
  .news-section__list-item {
    padding: 24px 0;
    font-size: 1.4rem;
    font-weight: 200;
    border-bottom: 1px solid #0099a8; }
    .news-section__list-item:first-child {
      padding-top: 24px; }
  .news-section__highlight {
    margin-top: 24px; }
    .news-section__highlight--video {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0; }
      .news-section__highlight--video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

.blog-content {
  width: 85vw;
  max-width: 1440px;
  background: #FFF;
  margin-top: -10vh;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media (max-width: 780px) {
    .blog-content {
      margin-top: -5vh; } }
  .blog-content::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100px;
    background: transparent;
    box-shadow: 0px 53px 39px 10px rgba(0, 0, 0, 0.15);
    z-index: -1; }
  .blog-content__annex {
    padding-bottom: 130px; }

.action-message {
  display: flex;
  align-items: top;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
  .action-message__title {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.12);
    width: 220px;
    text-align: right;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.2;
    text-transform: uppercase; }
  .action-message__text {
    color: rgba(255, 255, 255, 0.4);
    font-size: 1rem;
    margin-left: 20px;
    max-width: 300px; }
    @media (min-width: 40.063em) {
      .action-message__text {
        margin-left: 50px;
        max-width: 700px; } }
  .action-message:hover h5, .action-message:hover p {
    color: white; }
  .action-message--learn:hover h5 {
    color: #ffb538; }
  .action-message--attend:hover h5 {
    color: #175469; }
  .action-message--read:hover h5 {
    color: #218f8a; }
  .action-message--engage:hover h5 {
    color: #ff7300; }
  .action-message--cyan:hover h5 {
    color: #218f8a; }

.points-list__title {
  font-weight: 600;
  padding-bottom: 2%;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.points-list__item,
.points-list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2% 0% 2% 0%;
  font-weight: 300; }

.markdown {
  padding: 80px 15vw 15px 15vw; }
  .markdown__page-title {
    color: #ec2a69;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.3em; }
  .markdown h1 {
    color: #333;
    line-height: 1.3em;
    font-weight: 600;
    font-size: 1.8em;
    margin-bottom: .6em; }
  .markdown h2 {
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.4; }
  .markdown h3 {
    font-weight: 600;
    font-size: 1.4em;
    color: #ec2a69;
    line-height: 1.62;
    margin-bottom: .6em; }
  .markdown p + h2,
  .markdown p + h3,
  .markdown figure + h2,
  .markdown figure + h3,
  .markdown blockquote + h2,
  .markdown blockquote + h3 {
    margin-top: 50px; }
  .markdown strong {
    font-weight: 600; }
  .markdown p, .markdown ul > li, .markdown ol > li {
    font-weight: 200;
    font-size: 1.33em;
    padding: 0.5em 0; }
  .markdown p figure {
    width: 100%; }
    .markdown p figure iframe {
      width: 100%; }
  .markdown p sup {
    vertical-align: top;
    font-size: 0.7em; }
    .markdown p sup a {
      vertical-align: top; }
  .markdown figure {
    width: calc(100% + 200px);
    height: auto;
    margin: 40px 0 40px -100px; }
    .markdown figure > *:first-child {
      border: solid 1px rgba(51, 51, 51, 0.17);
      padding: 10px; }
    .markdown figure img {
      margin: 0 auto;
      display: block;
      max-width: 100%;
      background: white; }
    .markdown figure figcaption {
      padding: 5px 100px;
      font-size: 1rem;
      font-weight: 300;
      color: rgba(0, 0, 0, 0.5); }
  .markdown ul, .markdown ol {
    list-style-type: none;
    border-top: 1px solid rgba(51, 51, 51, 0.17);
    border-bottom: 1px solid rgba(51, 51, 51, 0.17);
    opacity: 70%;
    padding: 20px 0 20px 0;
    margin: 10px 0; }
    .markdown ul > li:last-child, .markdown ol > li:last-child {
      padding-bottom: 0px; }
    .markdown ul > li p, .markdown ol > li p {
      font-size: inherit; }
  .markdown ul li::before {
    content: ' ';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ec2a69;
    display: inline-block;
    margin-left: -2em;
    margin-right: 1.5em; }
  .markdown ol {
    counter-reset: li; }
    .markdown ol li {
      counter-increment: li; }
      .markdown ol li::before {
        content: counter(li);
        font-weight: 500;
        font-size: 1em;
        color: #ec2c2a;
        display: inline-block;
        width: 1em;
        margin-left: -2em;
        margin-right: 1em;
        text-align: right;
        direction: rtl; }
  .markdown > p:first-of-type {
    position: relative; }
    .markdown > p:first-of-type:first-letter {
      float: left;
      margin: .3em 0em 0 -6rem;
      font-size: 6em;
      font-weight: 200;
      color: #ec2a69; }
      @media (max-width: 1000px) {
        .markdown > p:first-of-type:first-letter {
          font-size: 4em;
          margin: .3em 0em 0 -4rem; } }
  .markdown a {
    color: #ec2a69;
    font-weight: 200; }
    .markdown a:hover {
      color: white; }
    .markdown a:hover:before {
      background-color: #ec2a69; }
  .markdown sup {
    vertical-align: super;
    font-size: 1rem;
    cursor: pointer; }
  .markdown blockquote {
    font-style: normal;
    font-weight: 300;
    margin-left: 0px;
    position: relative; }
    .markdown blockquote:before {
      display: block;
      content: "format_quote";
      font-size: 60px;
      position: absolute;
      left: -70px;
      top: 13px;
      color: #ec2a69; }
    .markdown blockquote p {
      border: none;
      font-weight: 300;
      font-size: 1.8em;
      color: #333333; }
    .markdown blockquote cite {
      display: block;
      font-weight: 600;
      text-align: right;
      font-size: 1rem;
      color: #ec2a69;
      width: 100%; }

#annual-report .hero-section {
  padding-bottom: 60px; }
#annual-report .hero-section__subtitle {
  margin-top: 40px;
  font-size: 1.4rem;
  text-transform: none; }

.ar-objectives-title {
  margin-top: 40px;
  background-color: #0099a8;
  text-align: center;
  padding: 40px 0; }
  .ar-objectives-title h1, .ar-objectives-title h2 {
    margin: 0;
    color: white; }
  .ar-objectives-title h2 {
    font-weight: 400;
    font-size: 1.2rem; }
  .ar-objectives-title h1 {
    font-weight: 100;
    font-size: 3rem; }

.ar-objective > * {
  padding-bottom: 40px; }
.ar-objective > *:nth-child(2) {
  padding-top: 40px; }
.ar-objective hgroup {
  text-align: center;
  padding: 40px 0;
  background-color: rgba(0, 0, 0, 0.05); }
  .ar-objective hgroup h3 {
    text-transform: uppercase;
    color: #ec2a69; }
.ar-objective h2, .ar-objective h3, .ar-objective h4, .ar-objective p, .ar-objective li {
  margin: 0;
  color: #333; }
.ar-objective h2 {
  font-weight: 400;
  font-size: 1.2rem;
  color: #175469; }
.ar-objective h3 {
  color: #ec2a69;
  font-weight: 400; }
.ar-objective h4 {
  color: #0099a8;
  text-transform: uppercase; }
.ar-objective p, .ar-objective li {
  margin-bottom: 16px; }
.ar-objective ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 16px;
  margin-top: 16px; }
.ar-objective li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 16px; }

.publication-template__main-link {
  padding: 32px 0 32px; }
.publication-template .hero-section__subtitle {
  margin-top: 24px;
  color: rgba(0, 0, 0, 0.4); }
.publication-template__content {
  padding: 80px 15vw 80px 15vw;
  font-weight: 200;
  font-size: 1.33em; }
  .publication-template__content h2 {
    font-weight: 300;
    color: #ec2a69; }
  .publication-template__content strong {
    font-weight: 400; }
  .publication-template__content p, .publication-template__content li {
    margin-bottom: 8px; }
.publication-template__end {
  margin-top: 80px;
  border-top: 1px solid #ec2a69; }

.news-page__hero {
  padding: 75px 20px 270px 20px; }
  .news-page__hero-columns {
    display: flex;
    flex-direction: column;
    margin: -201px auto 0 auto;
    background-color: #161e24; }
    @media (min-width: 64.063em) {
      .news-page__hero-columns {
        flex-direction: row;
        background-color: transparent; } }
  .news-page__hero-left {
    flex: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 1; }
    @media (min-width: 64.063em) {
      .news-page__hero-left {
        text-align: right;
        align-items: flex-end;
        justify-content: space-between; } }
  .news-page__hero-right {
    flex: 1;
    z-index: 0;
    text-align: center; }
    @media (max-width: 40em) {
      .news-page__hero-right {
        padding: 20px; } }
    .news-page__hero-right .news-highlight {
      margin: 0 auto;
      text-align: left; }
      @media (max-width: 40em) {
        .news-page__hero-right .news-highlight {
          width: 100%; } }
  .news-page__hero-text {
    font-size: 48px;
    font-weight: 300;
    line-height: 47px;
    letter-spacing: 2px;
    color: #ffffff;
    margin: 0 0 64px 0; }
  .news-page__hero-alt-text {
    font-size: 30px;
    font-weight: 300;
    line-height: 47px;
    font-style: italic; }
.news-page__highlight-logo--large {
  display: none; }
  @media (min-width: 64.063em) {
    .news-page__highlight-logo--large {
      display: inline-block;
      max-width: 200px; } }
.news-page__highlight-logo--small {
  max-width: 125px;
  margin: 32px 20px 16px 20px; }
  @media (min-width: 64.063em) {
    .news-page__highlight-logo--small {
      display: none; } }
.news-page__section {
  padding: 64px 0; }
.news-page__section-title {
  color: #0099a8;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: 0.21px;
  line-height: 32px;
  text-align: center;
  margin: 0px 0 32px 0; }
.news-page__news-list {
  list-style: none;
  padding: 0;
  margin: 64px 0 0 0; }
.news-page__news-item {
  display: flex;
  flex-direction: column-reverse;
  border-top: 1px solid #0099a8;
  padding: 64px 0; }
  @media (min-width: 64.063em) {
    .news-page__news-item {
      flex-direction: row; } }
  .news-page__news-item__left {
    flex: 1;
    text-align: center;
    margin-top: 64px; }
    @media (min-width: 64.063em) {
      .news-page__news-item__left {
        flex: 33.33%;
        text-align: right;
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0; } }
  .news-page__news-item__right {
    flex: 1; }
    @media (min-width: 64.063em) {
      .news-page__news-item__right {
        flex: 66.67%;
        margin-left: 80px; } }
  .news-page__news-item__logo {
    max-width: 140px; }
  .news-page__news-item__info {
    margin: 32px 0; }
    .news-page__news-item__info-slot {
      margin: 0 0 16px 0; }
    .news-page__news-item__info-key {
      color: rgba(22, 30, 36, 0.25);
      font-size: 12px;
      font-weight: 300;
      letter-spacing: 0.18px;
      line-height: 12px;
      margin: 0; }
    .news-page__news-item__info-value {
      color: rgba(22, 30, 36, 0.7);
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.21px;
      line-height: 18px;
      margin: 0; }
  .news-page__news-item__read-more {
    display: block;
    text-align: center;
    padding: 24px 0;
    border: 1px solid #0099a8;
    color: #0099a8;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.21px;
    text-transform: uppercase;
    margin: 64px 0 0 0; }
    @media (min-width: 64.063em) {
      .news-page__news-item__read-more {
        display: inline-block;
        padding: 10px 64px;
        margin: 0; } }
    .news-page__news-item__read-more:hover {
      background-color: #0099a8;
      color: white; }
  .news-page__news-item__title {
    color: rgba(22, 30, 36, 0.7);
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.21px;
    line-height: 32px;
    margin: 0 0 18px 0; }
  .news-page__news-item__subtitle {
    color: rgba(22, 30, 36, 0.25);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.24px;
    line-height: 14px;
    margin: 0 0 12px 0; }
  .news-page__news-item__description {
    color: #161e24;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.24px;
    line-height: 26px;
    margin: 0; }
    .news-page__news-item__description a {
      color: #0099a8; }
      .news-page__news-item__description a:hover {
        text-decoration: underline;
        color: #175469; }

#news-contributors-slider {
  list-style: none;
  padding: 0;
  text-align: center; }
  #news-contributors-slider .slick-slide {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 184px; }
  #news-contributors-slider .slick-slide:not(.slick-current) {
    cursor: pointer !important; }
    #news-contributors-slider .slick-slide:not(.slick-current):hover img {
      opacity: 0.7; }
  #news-contributors-slider .slick-current {
    transform: translateX(-216px) scale(1.33); }
    #news-contributors-slider .slick-current img {
      opacity: 1; }

.news-contributor-slide {
  display: inline-block;
  padding: 8px;
  cursor: pointer;
  text-align: center;
  transition: transform 0.3s ease-in-out;
  margin: 0 16px;
  transform: translateX(-216px); }
  @media (min-width: 64.063em) {
    .news-contributor-slide {
      padding: 32px; } }
  .news-contributor-slide--void {
    display: none;
    pointer-events: none; }
  .news-contributor-slide img {
    width: 120px;
    max-width: 90%;
    height: auto;
    opacity: 0.3;
    transition: opacity 0.3s ease-in-out; }

.publications-sec {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 80px;
  background-color: #161e24; }
  .publications-sec .publications-dropdown {
    display: flex;
    align-items: center; }
    .publications-sec .publications-dropdown .form-inline {
      display: flex;
      width: 640px;
      justify-content: space-between; }
      .publications-sec .publications-dropdown .form-inline .form-group .select-hidden {
        display: none;
        visibility: hidden;
        padding-right: 10px; }
      .publications-sec .publications-dropdown .form-inline .form-group .select {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-size: 16px;
        color: #fff;
        width: 190px;
        height: 32px;
        border: 1px solid #0099a8; }
      .publications-sec .publications-dropdown .form-inline .form-group .select-styled {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: transparent;
        padding: 2px 15px;
        color: #0099a8; }
        .publications-sec .publications-dropdown .form-inline .form-group .select-styled:after {
          content: "";
          width: 0;
          height: 0;
          border: 7px solid transparent;
          border-color: #0099a8 transparent transparent transparent;
          position: absolute;
          top: 12px;
          right: 10px; }
        .publications-sec .publications-dropdown .form-inline .form-group .select-styled:active:after, .publications-sec .publications-dropdown .form-inline .form-group .select-styled.active:after {
          top: 4px;
          border-color: transparent transparent #0099a8 transparent; }
      .publications-sec .publications-dropdown .form-inline .form-group .select-options {
        display: none;
        width: 101%;
        position: absolute;
        top: 100%;
        right: 0;
        left: -1px;
        z-index: 999;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #00828f; }
        .publications-sec .publications-dropdown .form-inline .form-group .select-options li {
          margin: 0;
          padding: 10px;
          border-top: 1px solid #006b75; }
          .publications-sec .publications-dropdown .form-inline .form-group .select-options li:hover {
            color: #0099a8;
            background: #fff; }
          .publications-sec .publications-dropdown .form-inline .form-group .select-options li[rel="hide"] {
            display: none; }

.select {
  background-color: transparent;
  border: 1px solid #0099a8;
  text-align: left;
  padding: 0 15px;
  margin-bottom: 15px;
  position: relative; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .select {
      /* IE10+ CSS styles go here */
      position: inherit; }
      .select::before {
        display: none; }
      .select select option {
        color: #000 !important; } }
@-moz-document url-prefix() {
  .select {
    position: inherit; }
    .select::before {
      display: none; } }
  .select::before {
    content: 'keyboard_arrow_down';
    position: absolute;
    right: 0;
    padding-top: 10px;
    margin: 0 auto 0 auto;
    width: 42px;
    height: 32px;
    color: #0099a8;
    z-index: 1;
    pointer-events: none; }
  .select select {
    height: 42px;
    border: 0;
    border-radius: 0;
    margin: 0;
    background-color: transparent;
    width: 100%;
    -webkit-appearance: none;
    background-image: none;
    color: #ffffff; }
  .select option {
    font-family: sans-serif;
    color: #000; }
  .select:hover {
    background-color: rgba(0, 0, 0, 0.2); }

.grid-item {
  width: 294px;
  height: 304px;
  background-color: rgba(22, 30, 36, 0.03);
  padding: 32px;
  margin-bottom: 20px;
  margin-right: 20px;
  display: inline-flex;
  flex-direction: column;
  float: left; }
  .grid-item__categories {
    font-size: .9rem;
    font-weight: 400;
    text-transform: uppercase;
    flex: 0; }
  .grid-item__text {
    flex: 1;
    pointer-events: none; }
    .grid-item__text h2 {
      font-size: 1.1rem;
      font-weight: 300; }
    .grid-item__text h3 {
      font-size: 0.9rem;
      font-weight: 600; }

.cat-item {
  padding: 8px;
  margin: 2px 8px 0 -8px;
  line-height: 1;
  display: inline-block;
  color: #161e24;
  border: 1px solid #ec2a69; }

#iodc-logo {
  max-width: 600px;
  padding: 50px 0 80px; }

#approach-image {
  max-width: 70%;
  margin: 0 15%; }

#school-of-data-logo {
  max-width: 400px; }

#homepage .slider__content {
  text-align: left; }
#homepage .hero-section--bg-img {
  background-image: url("../images/map.svg");
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat; }
#homepage .knowledge-section .button {
  width: 100%; }
#homepage .global-initiatives-section .fullscreen-section__title {
  padding-bottom: 50px; }
#homepage .sectors-map__filter-item .button {
  max-width: 60%; }

.feat-pub {
  position: relative; }
  @media (max-width: 64em) {
    .feat-pub {
      height: 500px;
      margin-left: 10%; } }
  .feat-pub__item {
    position: absolute;
    width: 240px;
    top: 90px; }
  .feat-pub__item:nth-of-type(3) {
    left: 32%;
    transform: scale(1.5); }
  .feat-pub__item:nth-of-type(2) {
    left: 8%;
    top: 95px;
    transform: scale(1.25); }
  .feat-pub__item:nth-of-type(1) {
    left: -14%;
    top: 115px;
    transform: scale(1); }

.knowledge-section {
  padding-bottom: 32px; }
  .knowledge-section__title {
    margin-bottom: 40px; }
  .knowledge-section__list {
    list-style: none;
    padding: 20px 0 0 0; }
  .knowledge-section__list-item {
    margin-bottom: 17px;
    margin-left: 17px;
    color: #ec2a69;
    text-transform: uppercase;
    font-size: 1.25em; }
    @media (max-width: 64em) {
      .knowledge-section__list-item {
        text-align: center; } }
  .knowledge-section__button {
    color: #ffffff;
    background-color: #0099a8;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 1.15em;
    text-align: center; }
    .knowledge-section__button:hover {
      background-color: #ec2a69; }
  @media (min-width: 64.063em) {
    .knowledge-section__button {
      position: absolute;
      left: 0;
      bottom: -105px; } }
  @media (max-width: 64em) {
    .knowledge-section {
      max-width: 100%;
      overflow: hidden; }
      .knowledge-section__button {
        display: block;
        max-width: 50%;
        margin: 64px auto 0 auto; }
      .knowledge-section .button-small-wrap {
        height: 64px;
        text-align: center;
        width: 100%; }
        .knowledge-section .button-small-wrap__button {
          top: 0;
          left: 0;
          display: inline-block; } }

#approach h3, #approach p,
#who-we-are h3,
#who-we-are p {
  color: white;
  margin-bottom: 25px; }
#approach h3,
#who-we-are h3 {
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.3; }
#approach p,
#who-we-are p {
  font-size: 1.2rem;
  line-height: 1.62;
  font-weight: 300; }

#about #partners {
  display: none; }

#knowledge-page .map-header__action .button {
  display: inline-block; }

.annual-report-highlight {
  padding-top: 60px;
  padding-bottom: 80px; }
  .annual-report-highlight .framed-image {
    margin-top: -120px; }
  .annual-report-highlight p {
    text-align: right;
    font-size: 1.75rem;
    font-weight: 200; }

.news-highlight {
  display: block;
  width: 618px;
  max-width: 100%;
  height: 348px;
  margin: -128px auto 0 auto;
  position: relative;
  background-color: #2c3740;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); }
  .news-highlight__background {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .news-highlight__content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 25px 50px;
    background-color: #2c3740; }
  .news-highlight__title {
    display: block;
    color: #ffffff;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0.21px;
    line-height: 25px;
    margin: 0 0 16px 0; }
  .news-highlight__footnote {
    color: rgba(255, 255, 255, 0.25);
    font-size: 0.75em;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.18px;
    line-height: 14px;
    margin: 0; }
  .news-highlight__articles {
    margin: 128px 0 64px 0; }
  .news-highlight__article {
    padding: 26px 0 13px 0;
    border-bottom: 1px solid #0099a8; }
  .news-highlight__more {
    text-align: center;
    padding: 48px 0; }
  .news-highlight__button {
    border: 1px solid #ffffff;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.21px;
    text-transform: uppercase;
    padding: 12px 56px; }
    .news-highlight__button:hover {
      background-color: #ffffff;
      color: #2c3740; }

.language-selector {
  position: absolute;
  right: 16px;
  top: 18px;
  background-color: #161e24;
  color: #ffffff;
  padding: 0;
  width: 48px;
  height: 28px;
  overflow: hidden; }
  .language-selector__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    .language-selector__wrapper:hover .language-selector__language-selected {
      opacity: 0;
      transform: translateY(-100%); }
    .language-selector__wrapper:hover .language-selector__language-to-select {
      opacity: 1;
      transform: translateY(-100%); }
  .language-selector__language-selected, .language-selector__language-to-select {
    pointer-events: none;
    user-select: none;
    transition: transform 0.13s ease-in-out, opacity 0.13s ease-in-out; }
  .language-selector__language-to-select {
    position: absolute;
    opacity: 0;
    top: 3px;
    left: 0;
    width: 48px;
    height: 28px;
    text-align: center; }

.global-initiatives-section {
  position: relative; }
  .global-initiatives-section::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #161e24;
    height: 260px;
    width: 100%; }

.initiatives-slide {
  max-width: 400px; }
  .initiatives-slide h3 {
    display: none; }

.slider__slide:nth-child(2),
.slick-current {
  transform: scale(1.4);
  z-index: 10; }
  .slider__slide:nth-child(2) h3,
  .slick-current h3 {
    display: block;
    text-align: center;
    font-weight: 300;
    margin-top: 30px;
    opacity: .4; }