/*@font-face {
  font-family: "Akkurat-LL";
  src: url("./AkkuratLL-Regular.eot");
  src: url("./AkkuratLL-Regular.eot?#iefix") format("embedded-opentype"), url("./AkkuratLL-Regular.woff2") format("woff2"), url("./AkkuratLL-Regular.woff") format("woff");
  font-style: normal;
  font-display: swap;
  font-weight: normal;
}

@font-face {
  font-family: "Akkurat-LL";
  src: url("./AkkuratLL-Bold.eot");
  src: url("./AkkuratLL-Bold.eot?#iefix") format("embedded-opentype"), url("./AkkuratLL-Bold.woff2") format("woff2"), url("./AkkuratLL-Bold.woff") format("woff");
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}


  a, abbr, address, article, aside, audio, b, blockquote, body, button, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, optgroup, p, pre, q, samp, section, select, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
  font-family: "Akkurat-LL", sans-serif; }

a.cta-link {
  color: #D6002A;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.875rem; }
  a.cta-link svg {
    margin-left: 2px;
    transition: 250ms ease-out; }
  a.cta-link:hover svg {
    transform: translateX(5px); }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-bottom: 12px;
  font-family: "Akkurat-LL", sans-serif;
  font-weight: 700;
  line-height: 1.2; }
  @media (min-width: 48em) {
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6 {
      margin-bottom: 24px; } }

h1, .h1 {
  font-size: 2.25rem; }
  @media (min-width: 48em) {
    h1, .h1 {
      font-size: 4.375rem; } }

h3, .h3 {
  font-size: 1.5rem;
  line-height: 1.5; }
  @media (min-width: 48em) {
    h3, .h3 {
      font-size: 2.25rem;
      line-height: 1.2; } }

h4, .h4 {
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 0.08em; }

p {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.6;
  font-weight: 500; }
  @media (min-width: 48em) {
    p.lead {
      font-size: 1.25rem;
      line-height: 1.5;
      font-weight: 500; } }
  p.intro {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5; }
    @media (min-width: 48em) {
      p.intro {
        font-size: 1.875rem; } }
  p:last-child {
    margin-bottom: 0; }

.content {
  margin-top: 0; }
  .content:before, .content:after {
    display: none; }

/* ==============================================================================================
 * RESET BROWSER ELEMENTS
 * ============================================================================================== */
/* ==============================================================================================
 * VENDOR COMPONENTS
 * ============================================================================================== */
/* ==============================================================================================
 * APP COMPONENTS
 * ============================================================================================== */
.insects {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 100%;
  height: 284px;
  transform: translateX(-50%); }
  @media (min-width: 48em) {
    .insects {
      height: 400px; } }

.insects__bee,
.insects__butterfly {
  position: absolute;
  bottom: 0;
  width: 200px;
  height: 200px;
  animation: insectBoxAnimation 8s cubic-bezier(0.02, 0.01, 0.31, 1) infinite; }

.insects__butterfly {
  left: 70px;
  animation-duration: 6s; }

.insects__butterfly img {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 70px;
  height: 50px;
  margin: -25px 0 0 -35px;
  animation: insectAnimation 7s cubic-bezier(0.02, 0.01, 0.31, 1) infinite; }

.insects__bee {
  right: 70px;
  animation-duration: 10s; }

.insects__bee img {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 58px;
  height: 41px;
  margin: -20px 0 0 -29px;
  animation: insectAnimation 6s cubic-bezier(0.02, 0.01, 0.31, 1) infinite; }

.landingPage__wrapper .insects {
  top: 0;
  height: 400px; }
  @media (min-width: 48em) {
    .landingPage__wrapper .insects {
      top: 220px; } }

@keyframes insectBoxAnimation {
  0% {
    transform: translate(-27px, -27px) rotate(0deg) scaleX(-1) scale(0.8); }
  16% {
    transform: translate(102px, -28px) rotate(18deg) scaleX(-1) scale(1); }
  17% {
    transform: translate(87px, -28px) rotate(17deg) scaleX(1); }
  31% {
    transform: translate(-122px, -27px) rotate(-20deg) scaleX(1) scale(0.8); }
  38% {
    transform: translate(-180px, -27px) rotate(-7deg) scaleX(1) scale(1); }
  39% {
    transform: translate(-180px, -27px) rotate(-6deg) scaleX(-1); }
  58% {
    transform: translate(105px, -27px) rotate(17deg) scaleX(-1) scale(0.8); }
  59% {
    transform: translate(89px, -27px) rotate(6deg) scaleX(1); }
  72% {
    transform: translate(-117px, -27px) rotate(-11deg) scaleX(1) scale(1); }
  73% {
    transform: translate(-96px, -27px) rotate(-20deg) scaleX(-1); }
  87% {
    transform: translate(190px, -28px) rotate(16deg) scaleX(-1); }
  88% {
    transform: translate(183px, -28px) rotate(5deg) scaleX(1) scale(0.8); }
  100% {
    transform: translate(-26px, -26px) rotate(-6deg) scaleX(1); } }

@keyframes insectAnimation {
  50% {
    transform: translateY(-200px); } }
/*
.headerBanner {
  position: relative;
  min-height: 284px;
  background-image: url("/images/header-banner-bg.jpg");
  background-size: cover;
  background-position: center; }
  @media (min-width: 48em) {
    .headerBanner {
      min-height: 458px; } }

.mainPagesNav {
  border-bottom: 3px solid #D1D3D4; }
  @media (max-width: 48em) {
    .mainPagesNav {
      display: none; } }

.mainPagesNav--desktop .mainPagesNav__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0; }
  .mainPagesNav--desktop .mainPagesNav__container:before, .mainPagesNav--desktop .mainPagesNav__container:after {
    display: none; }

.mainPagesNav--desktop .mainPagesNav__title {
  margin: 0;
  font-size: 1.875rem;
  line-height: 1.4; }

.mainPagesNav--desktop .mainPagesNav__links {
  display: none;
  padding: 32px 0; }
  @media (min-width: 48em) {
    .mainPagesNav--desktop .mainPagesNav__links {
      display: flex; } }

.mainPagesNav--desktop .mainPagesNav__link {
  margin-left: 40px;
  padding: 14px 0 8px;
  border-bottom: 6px solid #FFFFFF;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-transform: uppercase; }
  .mainPagesNav--desktop .mainPagesNav__link i, .mainPagesNav--desktop .mainPagesNav__link svg {
    margin-left: 5px; }
  .mainPagesNav--desktop .mainPagesNav__link path {
    transition: 250ms ease-out; }
  .mainPagesNav--desktop .mainPagesNav__link:focus {
    line-height: 1.25; }
  .mainPagesNav--desktop .mainPagesNav__link:hover {
    color: #D6002A; }
    .mainPagesNav--desktop .mainPagesNav__link:hover path {
      fill: #D6002A;
      stroke: #D6002A; }
  .mainPagesNav--desktop .mainPagesNav__link.active {
    border-color: #D6002A;
    color: #D6002A; }

.mainPagesNav--mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  padding: 0 20px;
  border-top: 1px solid #E8EAE8;
  background-color: #FFFFFF; }
  @media (min-width: 48em) {
    .mainPagesNav--mobile {
      display: none; } }

.mainPagesNav--mobile .mainPagesNav__link {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  flex: 1;
  opacity: 0.8;
  padding: 7px 29px;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 0.875rem;
  font-weight: 700; }
  .mainPagesNav--mobile .mainPagesNav__link:focus {
    display: flex;
    opacity: 1; }
  .mainPagesNav--mobile .mainPagesNav__link svg {
    height: 25px;
    margin-bottom: 4px; }
  .mainPagesNav--mobile .mainPagesNav__link.active {
    opacity: 1;
    background-color: #E8EAE8; }

.subPagesNav {
  margin-bottom: 64px;
  border-bottom: 1px solid #CCCCCC; }
  @media (max-width: 48em) {
    .subPagesNav {
      max-width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 48em) {
    .subPagesNav {
      margin-bottom: 106px;
      padding-top: 16px;
      border-top: 1px solid #CCCCCC;
      border-bottom: 0; } }

.subPagesNav__link,
.subPagesNav__link:hover,
.subPagesNav__link:focus {
  padding: 14px 0 8px;
  border-bottom: 6px solid #FFFFFF;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-transform: uppercase; }
  .subPagesNav__link:last-child,
  .subPagesNav__link:hover:last-child,
  .subPagesNav__link:focus:last-child {
    margin-right: 0; }
  .subPagesNav__link.active,
  .subPagesNav__link:hover.active,
  .subPagesNav__link:focus.active {
    border-color: #D6002A;
    color: #D6002A; }
  @media (max-width: 48em) {
    .subPagesNav__link,
    .subPagesNav__link:hover,
    .subPagesNav__link:focus {
      margin-left: 20px;
      font-size: 0.75rem; } }

.subPagesNav__link:hover,
.subPagesNav__link:focus {
  color: #D6002A; }

.landingPage__wrapper {
  overflow: hidden;
  color: #FFFFFF; }
  @media (min-width: 48em) {
    .landingPage__wrapper {
      text-align: center; } }

.landingPage__wrapper h1 {
  font-size: 2.25rem; }

.landingPage__background {
  overflow: hidden;
  width: 100%;
  min-height: calc(100vh - 245px);
  margin-bottom: -180px;
  background-image: url("/images/header-banner-city-bg_s.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat; }
  @media (min-width: 65em) {
    .landingPage__background {
      min-height: calc(100vh - 245px);
      background-image: url("/images/header-banner-city-bg_m.jpg"); } }
  @media (min-width: 75em) {
    .landingPage__background {
      background-image: url("/images/header-banner-city-bg.jpg"); } }
  @media (min-width: 97.5em) {
    .landingPage__background {
      margin-bottom: calc(-180px - 1%); } }
  @media screen and (max-height: 692px) {
    .landingPage__background {
      min-height: calc(100vh - 45px); } }

.landingPage__foreground {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  min-height: 950px;
  padding-top: 385px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  filter: grayscale(100%); }
  @media (min-width: 48em) {
    .landingPage__foreground {
      min-height: 833px; } }
  .landingPage__foreground h2, .landingPage__foreground p {
    position: relative;
    z-index: 1; }
  .landingPage__foreground p {
    max-width: 700px;
    margin: 0 auto; }
    @media (min-width: 48em) {
      .landingPage__foreground p {
        font-size: 1.5rem; } }

.js-ready .landingPage__foreground {
  background-image: url("/images/header-banner-field-bg_s.png"); }
  @media (min-width: 48em) {
    .js-ready .landingPage__foreground {
      background-image: url("/images/header-banner-field-bg_m.png"); } }
  @media (min-width: 75em) {
    .js-ready .landingPage__foreground {
      background-image: url("/images/header-banner-field-bg.png"); } }

.ie .landingPage__foreground {
  background-image: none; }

.ie .landingPage__foregroundIeImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/header-banner-field-bg_s.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  @media (min-width: 48em) {
    .ie .landingPage__foregroundIeImage {
      background-image: url("/images/header-banner-field-bg_m.png"); } }
  @media (min-width: 75em) {
    .ie .landingPage__foregroundIeImage {
      background-image: url("/images/header-banner-field-bg.png"); } }

.ie .landingPage__foregroundIeGrayImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/header-banner-field-bg_s_gray.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  @media (min-width: 48em) {
    .ie .landingPage__foregroundIeGrayImage {
      background-image: url("/images/header-banner-field-bg_m_gray.png"); } }
  @media (min-width: 75em) {
    .ie .landingPage__foregroundIeGrayImage {
      background-image: url("/images/header-banner-field-bg_gray.png"); } }

.landingPage__foregroundBg,
.landingPage__foregroundBgCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.landingPage__foregroundBg {
  object-fit: cover;
  object-position: center top;
  visibility: hidden; }

.landingPage__contentTop {
  position: fixed;
  top: 137px;
  left: 50%;
  width: 100%;
  padding: 0 20px;
  transform: translateX(-50%); }
  .landingPage__contentTop p {
    font-size: 1rem; }
  @media (min-width: 48em) {
    .landingPage__contentTop p {
      max-width: 520px;
      margin: 0 auto; } }
  @media (min-width: 65em) {
    .landingPage__contentTop {
      top: 275px; } }

.landingPage__links {
  margin: 30px 0;
  line-height: 1; }
  @media (min-width: 48em) {
    .landingPage__links {
      display: flex;
      margin: 85px 0; } }

.landingPage__link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 700;
  transition: 250ms ease-in-out; }
  @media (min-width: 48em) {
    .landingPage__link {
      margin-left: 20px;
      margin-bottom: 0;
      padding: 30px; } }
  .landingPage__link path {
    transition: 250ms ease-in-out; }
  .landingPage__link:focus {
    display: flex; }
  .landingPage__link:hover {
    background-color: #000000;
    color: #FFFFFF; }
    .landingPage__link:hover path[fill="white"] {
      fill: #000000; }
    .landingPage__link:hover path[fill="black"] {
      fill: #FFFFFF; }
    .landingPage__link:hover path[stroke="black"] {
      stroke: #FFFFFF; }
  .landingPage__link:first-child {
    margin-left: 0; }

@media (min-width: 48em) {
  .section--twoColumns {
    display: flex; }
    .section--twoColumns > div {
      flex-grow: 1;
      max-width: 66.66%; }
    .section--twoColumns > div:first-child {
      flex-grow: 0;
      flex-shrink: 0;
      width: 33.33%;
      max-width: 385px;
      padding-right: 60px; } }

@media (min-width: 48em) {
  .section--largeFirstColumn > div:first-child {
    max-width: none; } }

.measure {
  max-width: 900px; }

.measure--small {
  max-width: 750px; }

.footer {
  position: relative;
  z-index: 3;
  margin-top: 0; }

.divider {
  width: 100%;
  height: 0;
  border-top: 1px solid #CCCCCC; }

@media (max-width: 48em) {
  .imageBanner__wrapper {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; } }

.imageBanner {
  display: block;
  width: 100%;
  height: 300px; }
  @media (min-width: 48em) {
    .imageBanner {
      height: 360px; } }
  .imageBanner img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.chart__filters {
  margin: 24px 0; }
  @media (min-width: 48em) {
    .chart__filters {
      margin: 40px 0; } }
  @media (min-width: 65em) {
    .chart__filters {
      display: flex; } }

.chart__filter,
.chart__filterGroup {
  min-height: 70px;
  margin-bottom: 40px; }
  @media (min-width: 65em) {
    .chart__filter,
    .chart__filterGroup {
      margin-left: 70px;
      margin-bottom: 0; }
      .chart__filter:first-child,
      .chart__filterGroup:first-child {
        margin-left: 0; } }

.chart__filters .chart__filter:last-child,
.chart__filters > .chart__filterGroup:last-child {
  margin-bottom: 0; }

.chart__filterGroup {
  position: relative;
  display: flex; }
  .chart__filterGroup:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease; }
  .chart__filterGroup.disabled:after {
    visibility: visible;
    opacity: 1; }

.chart__filterGroup > .chart__filter:not(:first-child) {
  margin-left: 36px; }
  @media (min-width: 48em) {
    .chart__filterGroup > .chart__filter:not(:first-child) {
      margin-left: 80px; } }

.chart__filterButtons {
  border-bottom: 1px solid #A7A9AC; }

.chart__filterButton {
  margin-left: 36px;
  padding: 0 0 2px;
  border: 0;
  border-bottom: 4px solid transparent;
  outline: none;
  background: none;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  cursor: pointer;
  transition: border 250ms ease-out; }
  .chart__filterButton:hover, .chart__filterButton:focus {
    border-color: #D1D3D4; }
  .chart__filterButton.active {
    border-color: #D6002A; }
  @media (min-width: 48em) {
    .chart__filterButton {
      margin-left: 80px;
      font-size: 2.25rem;
      line-height: 2.625rem; } }
  .chart__filterButton:first-child {
    margin-left: 0; }

@media (min-width: 48em) {
  .chart__filter--inColumn {
    margin-top: 0; } }

.chart__filterLabel {
  display: block;
  margin-bottom: 5px;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.08em; }

.chart__filterSelect {
  width: 100%;
  height: 48px;
  padding: 0 24px 12px 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #A7A9AC; }
  .chart__filterSelect:hover, .chart__filterSelect:focus {
    border-color: #A7A9AC; }
  .chart__filterSelect:after {
    width: 12px;
    height: 12px;
    margin-top: -16px;
    right: 5px;
    border-color: #000000; }
  @media (min-width: 48em) {
    .chart__filterSelect {
      width: auto;
      min-width: 280px;
      padding-right: 32px; }
      .chart__filterSelect:after {
        margin-top: -12px; } }

.chart__filterSelect .list {
  min-width: 100%;
  margin-top: 0;
  border-radius: 0;
  border: 1px solid #A7A9AC;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); }

.chart__filterSelect .option {
  color: #000000;
  font-size: 1.125rem;
  font-weight: 700; }
  .chart__filterSelect .option.selected {
    color: #D6002A;
    background-color: transparent; }

.chart__filterSelect .current {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem; }
  @media (min-width: 48em) {
    .chart__filterSelect .current {
      font-size: 2.25rem;
      line-height: 2.625rem; } }

.chart__text {
  margin-top: 24px;
  color: #000000;
  font-size: 1.125rem;
  line-height: 1.5; }

.chart__caption {
  margin-top: 24px;
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.5; }

@media (max-width: 48em) {
  .chart--carbonFootPrint {
    margin-top: 40px; } }

.expert-cta {
  width: 100%;
  padding: 32px;
  background-color: #6986B0;
  color: #FFFFFF;
  transition: all 0.25s cubic-bezier(0.17, 0.67, 0.69, 0.85);
  transition-property: opacity, transform, box-shadow; }
  .expert-cta:hover, .expert-cta:focus {
    color: #FFFFFF; }
  @media (min-width: 48em) {
    .expert-cta {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .expert-cta:focus {
        display: flex; }
      .expert-cta:hover {
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
        transform: translateY(-5px);
        z-index: 4; } }

.expert-cta__title {
  margin: 0;
  font-size: 2.25rem;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0; }

.expert-cta__text {
  flex-shrink: 0;
  margin-top: 24px;
  font-size: 0.875rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.08em; }
  @media (min-width: 48em) {
    .expert-cta__text {
      margin-top: 0;
      margin-left: 20px; } }

.expert-cta__arrow {
  z-index: 1;
  margin-left: 12px;
  font-weight: normal;
  transition: transform .25s ease-out; }

.expert-cta:hover .expert-cta__arrow {
  transform: translateX(50%); }

.card-carousel {
  margin-top: 16px; }
  @media (min-width: 48em) {
    .card-carousel {
      margin-top: 96px; } }

@media (min-width: 48em) {
  .card-carousel .owl-stage-outer {
    overflow: visible; } }

.card-carousel__card {
  height: 420px;
  padding: 24px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #000000; }
  @media (min-width: 48em) {
    .card-carousel__card {
      width: 436px;
      height: 570px;
      padding: 32px; } }

.card-carousel__cardNumber {
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em; }

.card-carousel__cardTitle {
  margin-bottom: 16px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2; }
  @media (max-width: 48em) {
    .card-carousel__cardTitle div {
      display: inline; }
      .card-carousel__cardTitle div:before {
        content: " "; } }
  @media (min-width: 48em) {
    .card-carousel__cardTitle {
      font-size: 2.25rem; } }

.card-carousel__cardText {
  font-size: 1rem;
  line-height: 1.6; }
  @media (min-width: 48em) {
    .card-carousel__cardText {
      font-size: 1.125rem; } }

.card-carousel__nav {
  display: flex;
  align-items: center;
  margin-top: 24px; }
  @media (min-width: 48em) {
    .card-carousel__nav {
      margin-top: 32px; } }

.card-carousel__nav .owl-prev,
.card-carousel__nav .owl-next {
  padding: 10px 0;
  transition: all 250ms ease-in-out;
  outline: none;
  cursor: pointer; }

.card-carousel__nav .owl-prev {
  order: 1;
  margin-right: 4px; }
  @media (min-width: 48em) {
    .card-carousel__nav .owl-prev {
      margin-right: 28px; } }

.card-carousel__nav .owl-next {
  order: 3;
  margin-left: 4px; }
  @media (min-width: 48em) {
    .card-carousel__nav .owl-next {
      margin-right: 0; } }

.card-carousel__nav .disabled {
  opacity: .5;
  cursor: default; }

.card-carousel__dots {
  display: flex;
  order: 2; }

.card-carousel__dots .owl-dot {
  flex-shrink: 0;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  border: 1px solid #000000;
  border-radius: 100%;
  background-color: #000000;
  transition: all 250ms ease-in-out;
  cursor: pointer; }
  .card-carousel__dots .owl-dot.active {
    background-color: #FFFFFF; }

.more-information {
  margin-top: 40px;
  padding: 40px 0;
  background-color: #262626;
  color: #FFFFFF; }
  @media (min-width: 48em) {
    .more-information {
      margin-top: 96px;
      padding: 96px 0 16px; } }

@media (min-width: 65em) {
  .more-information__columns {
    display: flex; } }

.more-information__column {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media (min-width: 75em) {
    .more-information__column {
      width: 64%; }
      .more-information__column:first-child {
        width: 36%;
        flex-grow: 1; } }

.more-information__item {
  width: 100%;
  margin-bottom: 32px;
  color: #99999C;
  font-size: 1.125rem;
  line-height: 1.6; }
  @media (max-width: 48em) {
    .more-information__item:last-child {
      margin-bottom: 0; } }
  @media (min-width: 48em) {
    .more-information__item {
      width: 50%;
      margin-bottom: 80px; }
      .more-information__item:nth-child(2n) {
        padding-left: 32px; } }

.more-information__itemTitle {
  margin-bottom: 12px;
  color: #FFFFFF; }
  .more-information__itemTitle svg {
    margin-left: 10px; }
  .more-information__itemTitle path {
    stroke: #FFFFFF;
    transition: stroke 250ms ease-out; }
  .more-information__itemTitle:hover, .more-information__itemTitle:focus {
    color: #D6002A; }
    .more-information__itemTitle:hover path, .more-information__itemTitle:focus path {
      stroke: #D6002A; }
*/
.carbon-earnings-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  grid-gap: 30px; }
  @media (max-width: 48em) {
    .carbon-earnings-cards {
      margin-top: 40px; } }

.ie .carbon-earnings-cards {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: calc(100% + 30px);
  margin-left: -15px;
  margin-bottom: -30px; }

.carbon-earnings-cards__card {
  height: 202px;
  padding: 20px;
  border: 1px solid #D1D3D4;
  background-color: #FFFFFF;
  color: #000000;
  display: flex;
  flex-direction: column;
  transition: 250ms ease-in-out;
  cursor: pointer; }

.ie .carbon-earnings-cards__card {
  width: 100%;
  margin: 0 15px 30px 15px; }
  @media (min-width: 48em) {
    .ie .carbon-earnings-cards__card {
      width: calc(50% - 30px); } }
  @media (min-width: 97.5em) {
    .ie .carbon-earnings-cards__card {
      width: calc(33.3333% - 30px); } }

.carbon-earnings-cards__cardMeta {
  display: flex;
  flex-direction: column;
  flex: 1; }

.carbon-earnings-cards__icon {
  flex-grow: 1;
  flex-shrink: 0; }
  .carbon-earnings-cards__icon svg {
    max-height: 36px; }
  .carbon-earnings-cards__icon path {
    transition: 250ms ease-in-out; }

.carbon-earnings-cards__title {
  flex-shrink: 0;
  max-width: 202px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4; }

.carbon-earnings-cards__cardValues {
  flex-shrink: 0;
  poisition: relative;
  overflow: hidden;
  height: 56px;
  font-weight: 700; }
  .carbon-earnings-cards__cardValues .carbon-earnings-cards__percentage {
    margin-top: 5px;
    font-size: 3rem;
    line-height: 3.5rem;
    color: #000000;
    transition: margin 400ms ease-out; }
  .carbon-earnings-cards__cardValues .carbon-earnings-cards__value {
    font-size: 2.25rem;
    line-height: 2.625rem;
    color: #FFFFFF; }

@media (min-width: 48em) {
  .carbon-earnings-cards__card:hover {
    background-color: #000000;
    color: #FFFFFF; }
    .carbon-earnings-cards__card:hover path[stroke="white"] {
      stroke: #000000; }
    .carbon-earnings-cards__card:hover path[stroke="black"] {
      stroke: #FFFFFF; }
    .carbon-earnings-cards__card:hover path[fill="white"] {
      fill: #000000; }
    .carbon-earnings-cards__card:hover path[fill="black"] {
      fill: #FFFFFF; }
    .carbon-earnings-cards__card:hover .carbon-earnings-cards__percentage {
      margin-top: -44px; } }

.carbon-earnings-cards__card.active {
  background-color: #000000;
  color: #FFFFFF; }
  .carbon-earnings-cards__card.active path[stroke="white"] {
    stroke: #000000; }
  .carbon-earnings-cards__card.active path[stroke="black"] {
    stroke: #FFFFFF; }
  .carbon-earnings-cards__card.active path[fill="white"] {
    fill: #000000; }
  .carbon-earnings-cards__card.active path[fill="black"] {
    fill: #FFFFFF; }
  .carbon-earnings-cards__card.active .carbon-earnings-cards__percentage {
    margin-top: -44px; }

.esg-scores-table {
  margin-bottom: 40px; }

.esg-scores-table__head {
  position: sticky;
  top: 0;
  z-index: 5;
  border-top: 1px solid #E8EAE8;
  background-color: #FFFFFF; }
  .esg-scores-table__head:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(180deg, #000000 -790%, rgba(0, 0, 0, 0) 100%);
    mix-blend-mode: multiply;
    opacity: 0.3; }

.ie .esg-scores-table__head {
  border-bottom: 1px solid #E8EAE8;
  box-shadow: 0px 18px 24px 0px rgba(100, 100, 100, 0.04); }
  .ie .esg-scores-table__head:after {
    display: none; }

.esg-scores-table__item {
  border-bottom: 1px solid #D1D3D4; }

.esg-scores-table__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(120px, 1fr) 28px 30px 28px 20px 28px 20px 28px 20px;
  grid-template-columns: minmax(120px, 1fr) 30px repeat(3, 20px);
  grid-gap: 28px;
  align-items: center;
  padding: 24px 0;
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.5; }
  @media (min-width: 48em) {
    .esg-scores-table__row {
      -ms-grid-columns: 26px 56px minmax(120px, 1fr) 56px 40px 56px 0 56px 0 56px 0 56px 0;
      grid-template-columns: 26px minmax(120px, auto) 40px repeat(3, 0) 0;
      grid-gap: 56px;
      padding: 38px 0;
      font-size: 1.25rem; } }

.esg-scores-table__row.has-no-details {
  cursor: default; }
  .esg-scores-table__row.has-no-details .esg-scores-table__toggle {
    visibility: hidden; }

.esg-scores-table__row--head {
  -ms-grid-columns: minmax(120px, 1fr) 28px 30px 20px 28px 20px 28px 20px;
  grid-template-columns: minmax(120px, 1fr) 30px repeat(3, 20px);
  border-bottom: 0;
  cursor: default; }
  .esg-scores-table__row--head > div {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #666; }
  @media (min-width: 48em) {
    .esg-scores-table__row--head {
      -ms-grid-columns: minmax(240px, 1fr) 56px 40px 56px 0 56px 0 56px 0;
      grid-template-columns: minmax(240px, auto) 40px repeat(3, 0) 0; } }

.ie .esg-scores-table__row--head .esg-scores-table__cell {
  text-align: left; }
  .ie .esg-scores-table__row--head .esg-scores-table__cell:nth-child(1) {
    -ms-grid-column: 1; }
  .ie .esg-scores-table__row--head .esg-scores-table__cell:nth-child(2) {
    -ms-grid-column: 2; }
  .ie .esg-scores-table__row--head .esg-scores-table__cell:nth-child(3) {
    -ms-grid-column: 4; }
  .ie .esg-scores-table__row--head .esg-scores-table__cell:nth-child(4) {
    -ms-grid-column: 6; }
  .ie .esg-scores-table__row--head .esg-scores-table__cell:nth-child(5) {
    -ms-grid-column: 8; }

.ie .esg-scores-table__cell:nth-child(2) {
  -ms-grid-column: 1; }

.ie .esg-scores-table__cell:nth-child(3) {
  -ms-grid-column: 3; }

.ie .esg-scores-table__cell:nth-child(4) {
  -ms-grid-column: 5; }

.ie .esg-scores-table__cell:nth-child(5) {
  -ms-grid-column: 7; }

.ie .esg-scores-table__cell:nth-child(6) {
  -ms-grid-column: 9; }

.ie .esg-scores-table__cell:nth-child(7) {
  -ms-grid-column: 11; }

@media (min-width: 48em) {
  .ie .esg-scores-table__cell:nth-child(1) {
    -ms-grid-column: 1; }
  .ie .esg-scores-table__cell:nth-child(2) {
    -ms-grid-column: 3; }
  .ie .esg-scores-table__cell:nth-child(3) {
    -ms-grid-column: 5; }
  .ie .esg-scores-table__cell:nth-child(4) {
    -ms-grid-column: 7; }
  .ie .esg-scores-table__cell:nth-child(5) {
    -ms-grid-column: 9; }
  .ie .esg-scores-table__cell:nth-child(6) {
    -ms-grid-column: 11; } }

.esg-scores-table__icon {
  text-align: center; }
  .esg-scores-table__icon svg {
    max-width: 42px;
    max-height: 36px; }
  @media (max-width: 48em) {
    .esg-scores-table__icon {
      display: none; } }

.esg-scores-table__score {
  text-align: center; }

.esg-scores-table__sectorName,
.esg-scores-table__score,
.esg-scores-table__score--esg {
  font-weight: 700; }

@media (max-width: 48em) {
  .esg-scores-table__toggle {
    display: none; } }

.esg-scores-table__toggleIcon {
  transform-origin: center;
  transition: transform 250ms ease-in-out; }

.esg-scores-table__toggleIconVerticalLine {
  transform-origin: center;
  transition: transform 250ms ease-in-out; }

.esg-scores-table__details {
  display: none;
  grid-template-columns: 26px 1fr;
  grid-gap: 56px;
  opacity: 0;
  padding-bottom: 30px; }
  @media (min-width: 48em) {
    .esg-scores-table__details {
      padding-bottom: 50px; } }

.esg-scores-table__detailsContent {
  grid-column-start: 1;
  grid-column-end: 3; }
  @media (min-width: 48em) {
    .esg-scores-table__detailsContent {
      grid-column-start: 2;
      grid-column-end: 3; } }

.esg-scores-table__detailsTitle {
  margin-bottom: 20px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em; }

.esg-scores-table__cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px; }
  @media (min-width: 65em) {
    .esg-scores-table__cards {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr; }
      .esg-scores-table__cards .esg-scores-table__card:first-child {
        grid-column-start: 1;
        grid-column-end: 3; } }
  @media (min-width: 97.5em) {
    .esg-scores-table__cards {
      grid-template-columns: repeat(auto-fill, 360px);
      grid-template-rows: 1fr; }
      .esg-scores-table__cards .esg-scores-table__card:first-child {
        grid-column-start: 1;
        grid-column-end: 2; } }

.esg-scores-table__card {
  position: relative;
  height: 360px;
  perspective: 1000px; }

.esg-scores-table__cardInner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 700ms;
  transform-style: preserve-3d;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.15); }

@media (min-width: 48em) {
  .esg-scores-table__card:hover .esg-scores-table__cardInner {
    transform: rotateY(180deg); } }

.esg-scores-table__card.is-active .esg-scores-table__cardInner {
  transform: rotateY(180deg); }

.esg-scores-table__cardFront,
.esg-scores-table__cardBack {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 24px;
  backface-visibility: hidden;
  background-color: #1A1A1A;
  color: #FFFFFF; }

.esg-scores-table__cardFront {
  display: flex;
  flex-direction: column; }

.esg-scores-table__cardBack {
  position: relative;
  transform: rotateY(180deg);
  background-color: #FFFFFF;
  color: #000000; }

.esg-scores-table__esgTitle {
  color: #A4C032;
  font-size: 1rem;
  line-height: 1.6; }

.esg-scores-table__esgScore {
  flex-grow: 1;
  font-size: 4.375rem;
  line-height: 5rem; }

.esg-scores-table__companyName {
  margin-bottom: 0;
  font-weight: 500; }

.esg-scores-table__companyInfo {
  color: #D1D3D4;
  font-size: 0.875rem;
  line-height: 1.5; }

.esg-scores-table__companyInfoItem {
  margin-top: 8px; }

.esg-scores-table__chartLegend {
  margin-bottom: 8px; }

.esg-scores-table__chartLegendGroup {
  display: flex; }

.esg-scores-table__chartLegendGroup .esg-scores-table__chartLegend {
  margin-right: 32px; }

.esg-scores-table__chartLegend--company,
.esg-scores-table__chartLegend--industryBest,
.esg-scores-table__chartLegend--industryMean {
  display: flex; }

.esg-scores-table__chartLegendText {
  color: #000000;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2; }

.esg-scores-table__chartLegendIcon {
  flex-shrink: 0; }

.esg-scores-table__chartLegend--company .esg-scores-table__chartLegendIcon,
.esg-scores-table__chartLegend--industryBest .esg-scores-table__chartLegendIcon,
.esg-scores-table__chartLegend--industryMean .esg-scores-table__chartLegendIcon {
  margin-right: 4px; }

.esg-scores-table__chartLegend--company .esg-scores-table__chartLegendIcon:first-child,
.esg-scores-table__chartLegend--industryBest .esg-scores-table__chartLegendIcon:first-child {
  background-color: #136b5b; }

.esg-scores-table__chartLegend--company .esg-scores-table__chartLegendIcon:nth-child(2),
.esg-scores-table__chartLegend--industryBest .esg-scores-table__chartLegendIcon:nth-child(2) {
  background-color: #c20f67; }

.esg-scores-table__chartLegend--company .esg-scores-table__chartLegendIcon:nth-child(3),
.esg-scores-table__chartLegend--industryBest .esg-scores-table__chartLegendIcon:nth-child(3) {
  background-color: #0b5f90; }

.esg-scores-table__chartLegend--company .esg-scores-table__chartLegendIcon {
  width: 10px;
  height: 7px;
  margin-top: 3px; }

.esg-scores-table__chartLegend--industryBest .esg-scores-table__chartLegendIcon {
  width: 3px;
  height: 12px; }

.esg-scores-table__chartLegend--industryMean .esg-scores-table__chartLegendIcon {
  width: 11px;
  height: 11px;
  background-color: #A7A9AC; }

.esg-scores-table__charts {
  margin-top: 20px; }

.esg-scores-table__chart {
  margin-top: 5px; }

.esg-scores-table__companyLink {
  color: #D6002A;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase; }

.esg-scores-table__item.is-open .esg-scores-table__toggleIcon {
  transform: rotate(180deg); }

.esg-scores-table__item.is-open .esg-scores-table__toggleIconVerticalLine {
  transform: rotate(90deg); }

.spacer {
  height: 40px; }
  @media (min-width: 48em) {
    .spacer {
      height: 96px; } }

.physical-risks-map__mapContainer {
  position: relative;
  height: 0;
  width: 100%;
  margin: 0 auto 32px auto;
  padding-bottom: 50.15625%; }
  @media (min-width: 1500px) {
    .physical-risks-map__mapContainer {
      width: 1500px;
      height: 752px;
      padding-bottom: 0; } }

.physical-risks-map__mapGroup,
.physical-risks-map__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.physical-risks-map__mapGroup {
  z-index: 0; }
  .physical-risks-map__mapGroup.last {
    z-index: 1; }
  .physical-risks-map__mapGroup.current {
    z-index: 2; }

.physical-risks-map__map {
  display: none;
  z-index: 0; }
  .physical-risks-map__map.last {
    z-index: 1; }
  .physical-risks-map__map.current {
    z-index: 2; }

.physical-risks-type__play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-top: 16px;
  border: 0;
  background-color: #E8EAE8;
  cursor: pointer;
  transition: background-color 250ms ease-in-out; }
  .physical-risks-type__play:hover {
    background-color: #D1D3D4; }
  @media (min-width: 48em) {
    .physical-risks-type__play {
      margin-top: 22px; } }
  .physical-risks-type__play .physical-risks-type__playIcon--play {
    display: block; }
  .physical-risks-type__play .physical-risks-type__playIcon--stop {
    display: none; }
  .physical-risks-type__play.stopped .physical-risks-type__playIcon--play {
    display: none; }
  .physical-risks-type__play.stopped .physical-risks-type__playIcon--stop {
    display: block; }

.physical-risks-map__legend {
  display: flex;
  max-width: 638px; }

.physical-risks-map__legendLevel {
  flex: 1;
  border-top: 12px solid;
  overflow: hidden; }
  @media (max-width: 48em) {
    .physical-risks-map__legendLevel {
      height: 120px; } }

.physical-risks-map__legendLevel--low {
  border-color: #A4C032; }

.physical-risks-map__legendLevel--lowMedium {
  border-color: #C5D582; }

.physical-risks-map__legendLevel--mediumHigh {
  border-color: #FED994; }

.physical-risks-map__legendLevel--high {
  border-color: #FFAC17; }

.physical-risks-map__legendLevel--extremelyHigh {
  border-color: #D17925; }

.physical-risks-map__legendText {
  padding-top: 8px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
  white-space: nowrap; }
  @media (max-width: 48em) {
    .physical-risks-map__legendText {
      position: relative;
      right: 20px;
      min-width: 120px;
      padding-top: 28px;
      text-align: right;
      transform-origin: center bottom;
      transform: rotate(-90deg); } }

/* ==============================================================================================
 * APP UTILITIES
 * ============================================================================================== */
/* =========================================================================
 * BACKGROUND COLOR UTILITIES
 * ========================================================================= */
.bg-black {
  background-color: #000000; }

.bg-white {
  background-color: #FFFFFF; }

.bg-gray60 {
  background-color: #666666; }

.bg-gray90 {
  background-color: #1A1A1A; }

.bg-gray80 {
  background-color: #262626; }

.bg-gray40 {
  background-color: #A7A9AC; }

.bg-gray20 {
  background-color: #D1D3D4; }

.bg-grayLight {
  background-color: #E8EAE8; }

.bg-graySp {
  background-color: #99999C; }

.bg-grayC {
  background-color: #CCCCCC; }

.bg-red {
  background-color: #D6002A; }

.bg-green {
  background-color: #A4C032; }

.bg-blue {
  background-color: #6986B0; }

.bg-scrollTrack {
  background-color: #dadcdd; }

.bg-scrollThumb {
  background-color: #c1c3c5; }

.bg-scrollThumbHover {
  background-color: #b0b2b4; }

section.more-information{
  position: relative; }

  section.more-information:after{
    content: "";
    position: absolute;
    background: #262626;
    width: 200vw;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    transform: translate( -50%, 0);
  }


/* =========================================================================
 * TEXT COLOR UTILITIES
 * ========================================================================= */
.text-black {
  color: #000000 !important; }

.text-white {
  color: #FFFFFF !important; }

.text-gray60 {
  color: #666666 !important; }

/* =========================================================================
 * VISIBILTY UTILITIES
 * ========================================================================= */
@media (max-width: 48em) {
  .hide-on-mobile {
    display: none; } }

@media (min-width: 48em) {
  .mobile-only {
    display: none; } }

@media (max-width: 48em) {
  .hide-line-breaks-sm > br {
    display: none; } }

@media (max-width: 65em) {
  .hide-line-breaks-md > br {
    display: none; } }

.hide-on-ie {
  display: none; }

@media (min-width: 48em) {
  .block-on-mobile {
    display: block; } }

/*# sourceMappingURL=style.css.map */