@-webkit-keyframes tagline {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@-moz-keyframes tagline {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@-o-keyframes tagline {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@keyframes tagline {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
html {
  font-size: 12px; }
  @media screen and (min-width: 320px) {
    html {
      font-size: calc(12px + 2 * ((100vw - 320px) / 880)); } }
  @media screen and (min-width: 1200px) {
    html {
      font-size: 14px; } }

h1 {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.618;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  color: #FFFFFF;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
  text-align: center;
  padding-top: 25%; }
  @media screen and (min-width: 61.87em) {
    h1 {
      font-size: 2em;
      font-weight: 700;
      line-height: 1.618;
      text-transform: uppercase;
      letter-spacing: 0.5em; }
      .section h1, .section.active .slide h1 {
        -webkit-transition: transform 0.85s ease;
        -moz-transition: transform 0.85s ease;
        -ms-transition: transform 0.85s ease;
        -o-transition: transform 0.85s ease;
        transition: transform 0.85s ease;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-animation: tagline 0.85s ease 5.5s forwards;
        -moz-animation: none;
        -ms-animation: tagline 0.85s ease 5.5s forwards;
        -o-animation: tagline 0.85s ease 5.5s forwards;
        animation: tagline 0.85s ease 5.5s forwards; } }

h2 {
  font-size: 3.5em;
  font-weight: 600;
  line-height: 1.618;
  text-transform: uppercase;
  letter-spacing: 0.15em; }
  @media screen and (min-width: 61.87em) {
    .section h2, .section.active .slide h2 {
      -webkit-transition: transform 0.5s 0.1s ease;
      -moz-transition: transform 0.5s 0.1s ease;
      -ms-transition: transform 0.5s 0.1s ease;
      -o-transition: transform 0.5s 0.1s ease;
      transition: transform 0.5s 0.1s ease;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%); }
    .section.active h2, .section.active .slide.active h2 {
      -webkit-transition: transform 0.5s 0.75s ease;
      -moz-transition: transform 0.5s 0.75s ease;
      -ms-transition: transform 0.5s 0.75s ease;
      -o-transition: transform 0.5s 0.75s ease;
      transition: transform 0.5s 0.75s ease;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  .negative h2 {
    color: #0C0C0C; }
  h2 + small {
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.618;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    text-align: right; }
    @media screen and (min-width: 61.87em) {
      .section h2 + small, .section.active .slide h2 + small {
        -webkit-transition: transform 0.5s 0.5s ease;
        -moz-transition: transform 0.5s 0.5s ease;
        -ms-transition: transform 0.5s 0.5s ease;
        -o-transition: transform 0.5s 0.5s ease;
        transition: transform 0.5s 0.5s ease;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%); }
      .section.active h2 + small, .section.active .slide.active h2 + small {
        -webkit-transition: transform 0.5s 0.75s ease;
        -moz-transition: transform 0.5s 0.75s ease;
        -ms-transition: transform 0.5s 0.75s ease;
        -o-transition: transform 0.5s 0.75s ease;
        transition: transform 0.5s 0.75s ease;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%); } }
    .negative h2 + small {
      color: #0C0C0C; }

h3 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.618;
  text-transform: uppercase;
  letter-spacing: 0.2em; }

h4 {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.618;
  text-transform: uppercase;
  letter-spacing: 0.15em; }
  @media screen and (min-width: 61.87em) {
    .section h4, .section.active .slide h4 {
      -webkit-transition: transform 1s 1s ease;
      -moz-transition: transform 1s 1s ease;
      -ms-transition: transform 1s 1s ease;
      -o-transition: transform 1s 1s ease;
      transition: transform 1s 1s ease;
      -webkit-transform: translateY(-200%);
      -moz-transform: translateY(-200%);
      -ms-transform: translateY(-200%);
      -o-transform: translateY(-200%);
      transform: translateY(-200%); }
    .section.active h4, .section.active .slide.active h4 {
      -webkit-transition: transform 1s 0.75s ease;
      -moz-transition: transform 1s 0.75s ease;
      -ms-transition: transform 1s 0.75s ease;
      -o-transition: transform 1s 0.75s ease;
      transition: transform 1s 0.75s ease;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  .negative h4:not(.image-title) {
    color: #0C0C0C; }

@media screen and (min-width: 61.87em) {
  .section p, .section.active .slide p {
    -webkit-transition: transform 0.85s ease;
    -moz-transition: transform 0.85s ease;
    -ms-transition: transform 0.85s ease;
    -o-transition: transform 0.85s ease;
    transition: transform 0.85s ease;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%); }
  .section.active p, .section.active .slide.active p {
    -webkit-transition: transform 0.85s 0.75s ease;
    -moz-transition: transform 0.85s 0.75s ease;
    -ms-transition: transform 0.85s 0.75s ease;
    -o-transition: transform 0.85s 0.75s ease;
    transition: transform 0.85s 0.75s ease;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
.negative p {
  color: #0C0C0C; }
  .negative p span {
    color: #0C0C0C; }
.double-column > p {
  width: calc(40% - 1em); }
  @media screen and (max-width: 29.99em) {
    .double-column > p {
      width: 100%; } }

.space {
  line-height: 2.5; }
  @media screen and (max-width: 47.99em) and (orientation: landscape) {
    .space {
      line-height: normal; } }

img {
  max-width: 100%; }

.copyright {
  position: absolute;
  bottom: 1%;
  left: 2.5%;
  z-index: inherit; }

::-moz-focus-inner {
  border: 0; }

.btn {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.618;
  text-transform: none;
  letter-spacing: normal;
  position: relative;
  z-index: inherit;
  outline: none;
  cursor: pointer;
  text-align: center; }

.btn.primary {
  -webkit-transition: transform 0.5s ease, opacity 0.6s ease;
  -moz-transition: transform 0.5s ease, opacity 0.6s ease;
  -ms-transition: transform 0.5s ease, opacity 0.6s ease;
  -o-transition: transform 0.5s ease, opacity 0.6s ease;
  transition: transform 0.5s ease, opacity 0.6s ease;
  min-width: 200px;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding: 1em 2em;
  border: 0.1em solid #FFFFFF;
  color: transparent; }
  @media screen and (min-width: 61.87em) {
    .section .btn.primary, .section.active .slide .btn.primary {
      -webkit-transition-delay: 0.85s;
      -moz-transition-delay: 0.85s;
      -ms-transition-delay: 0.85s;
      -o-transition-delay: 0.85s;
      transition-delay: 0.85s;
      -webkit-transform: translateX(-10%);
      -moz-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
      -o-transform: translateX(-10%);
      transform: translateX(-10%);
      opacity: 0;
      filter: alpha(opacity=0); }
    .section.active .btn.primary, .section.active .slide.active .btn.primary {
      -webkit-transition-delay: 0.75s;
      -moz-transition-delay: 0.75s;
      -ms-transition-delay: 0.75s;
      -o-transition-delay: 0.75s;
      transition-delay: 0.75s;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1;
      filter: alpha(opacity=100); } }
  .btn.primary.in-header {
    width: 50%;
    margin-top: 3em; }
    @media screen and (max-width: 29.99em) {
      .btn.primary.in-header {
        margin: 2.5em 0; } }
  .negative .btn.primary {
    border-color: #0C0C0C; }
    .negative .btn.primary:before, .negative .btn.primary:after {
      color: #0C0C0C; }
  @media screen and (max-width: 61.87em), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .btn.primary {
      color: #FFFFFF; }
      .negative .btn.primary {
        color: #0C0C0C; } }
  .btn.primary:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: inherit;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: 100%;
    line-height: 3.65;
    text-align: center;
    content: attr(data-content); }
    @media screen and (max-width: 61.87em), (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .btn.primary:before {
        display: none; } }
  .btn.primary:after {
    position: absolute;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: inherit;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: 100%;
    line-height: 3.65;
    text-align: center;
    content: attr(data-reveal); }
    @media screen and (max-width: 61.87em), (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .btn.primary:after {
        display: none; } }
  .btn.primary:hover:before {
    position: absolute;
    top: -100%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: inherit; }
  .btn.primary:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: inherit; }
  @media screen and (max-width: 47.99em) and (orientation: portrait) {
    .btn.primary {
      /* mozilla only*/ }
    @-moz-document url-prefix() {
      .btn.primary {
        top: 2em; } } }

.btn.secondary {
  -webkit-transition: transform 0.5s ease, opacity 0.6s ease;
  -moz-transition: transform 0.5s ease, opacity 0.6s ease;
  -ms-transition: transform 0.5s ease, opacity 0.6s ease;
  -o-transition: transform 0.5s ease, opacity 0.6s ease;
  transition: transform 0.5s ease, opacity 0.6s ease;
  display: block;
  margin-bottom: 2.5%;
  padding: 1em 2em;
  border-bottom: 0.1em solid #FFFFFF;
  color: #FFFFFF; }
  @media screen and (min-width: 61.87em) {
    .section .btn.secondary, .section.active .slide .btn.secondary {
      -webkit-transition-delay: 0.85s;
      -moz-transition-delay: 0.85s;
      -ms-transition-delay: 0.85s;
      -o-transition-delay: 0.85s;
      transition-delay: 0.85s;
      -webkit-transform: translateX(-10%);
      -moz-transform: translateX(-10%);
      -ms-transform: translateX(-10%);
      -o-transform: translateX(-10%);
      transform: translateX(-10%);
      opacity: 0;
      filter: alpha(opacity=0); }
    .section.active .btn.secondary, .section.active .slide.active .btn.secondary {
      -webkit-transition-delay: 0.75s;
      -moz-transition-delay: 0.75s;
      -ms-transition-delay: 0.75s;
      -o-transition-delay: 0.75s;
      transition-delay: 0.75s;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1;
      filter: alpha(opacity=100); } }
  .negative .btn.secondary {
    border-color: #0C0C0C;
    color: #0C0C0C; }

.btn.extern {
  width: 20%;
  margin: 1% 2.5%;
  opacity: 0.25;
  filter: alpha(opacity=25); }
  @media screen and (min-width: 61.87em) {
    .section .btn.extern, .section.active .slide .btn.extern {
      -webkit-transition: transform 0.5s 0.85s ease, opacity 0.5s ease;
      -moz-transition: transform 0.5s 0.85s ease, opacity 0.5s ease;
      -ms-transition: transform 0.5s 0.85s ease, opacity 0.5s ease;
      -o-transition: transform 0.5s 0.85s ease, opacity 0.5s ease;
      transition: transform 0.5s 0.85s ease, opacity 0.5s ease;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
      filter: alpha(opacity=0); }
    .section.active .btn.extern, .section.active .slide.active .btn.extern {
      -webkit-transition: transform 0.5s 0.75s ease, opacity 0.5s ease;
      -moz-transition: transform 0.5s 0.75s ease, opacity 0.5s ease;
      -ms-transition: transform 0.5s 0.75s ease, opacity 0.5s ease;
      -o-transition: transform 0.5s 0.75s ease, opacity 0.5s ease;
      transition: transform 0.5s 0.75s ease, opacity 0.5s ease;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      opacity: 0.25;
      filter: alpha(opacity=25); }
      .section.active .btn.extern:hover, .section.active .btn.extern:focus, .section.active .slide.active .btn.extern:hover, .section.active .slide.active .btn.extern:focus {
        opacity: 1;
        filter: alpha(opacity=100); } }
  @media screen and (max-width: 74.99em) {
    .btn.extern {
      width: 30%; } }
  @media screen and (max-width: 29.99em) {
    .btn.extern {
      width: 40%; } }

@media screen and (max-width: 61.87em) {
  .fp-slidesNav.bottom {
    bottom: 0 !important; } }
.fp-slidesNav.bottom ul li a span {
  background-color: #AAAAAA; }

.section, .slide {
  position: relative;
  z-index: inherit;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden; }

.default-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  padding: 4em 5em 0; }
  @media screen and (max-width: 47.99em) {
    .default-container {
      padding: 4em 2em 2em; } }

.default-header {
  overflow-y: hidden; }

.default-content {
  overflow-y: hidden;
  margin: 2.5% 0 5%;
  width: 40%; }
  @media screen and (max-width: 61.87em) {
    .default-content {
      width: 80%; } }
  @media screen and (max-width: 47.99em) {
    .default-content {
      width: 100%; } }
  .default-content + .sub-cards {
    margin-top: -2.5%; }

.horizon-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 4em 5em 0; }
  @media screen and (max-width: 47.99em) {
    .horizon-container {
      padding: 4em 2em 2em; } }

.horizon-header {
  width: calc(40% - 1em); }
  @media screen and (max-width: 61.87em) {
    .horizon-header {
      width: 100%; } }

.horizon-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: calc(40% - 1em); }
  @media screen and (max-width: 61.87em) {
    .horizon-content {
      width: 100%; } }

.line-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: calc(60% - 1em); }
  @media screen and (max-width: 61.87em) {
    .line-content {
      width: 100%; } }

.center-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  align-items: center;
  padding: 4em 5em 0; }
  @media screen and (max-width: 47.99em) {
    .center-container {
      padding: 4em 2em 2em; } }

.center-container h2{
  margin-left:350px;
}

.reverse-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column-reverse nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4em 10em 0; }
  @media screen and (max-width: 47.99em) {
    .reverse-container {
      padding: 4em 2em 2em; } }
  @media screen and (max-width: 29.99em) {
    .reverse-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: flex-start; } }

.reverse-header {
  position: relative;
  z-index: 1;
  align-self: flex-end; }

.reverse-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%; }
  .reverse-content .reverse-column {
    width: 50%; }
    @media screen and (max-width: 29.99em) {
      .reverse-content .reverse-column {
        width: 100%; } }

.right-header {
  align-self: flex-end; }
  @media screen and (min-width: 29.99em) {
    .right-header {
      margin: 5% 10% 0 0; } }

.double-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ie-height {
    height: 100%; } }

@media screen and (min-width: 61.97em) {
  .hidden-desk {
    display: none !important; } }

.page-header {
  position: fixed;
  top: 0;
  left: 5%;
  z-index: 10;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: center;
  min-width: 320px;
  width: 90%; }
  @media screen and (max-width: 29.99em), (max-width: 47.99em) and (orientation: landscape) {
    .page-header {
      width: 100%; } }

.page-title {
  -webkit-transition: background-color 0s ease, opacity 1s 0.4s linear;
  -moz-transition: background-color 0s ease, opacity 1s 0.4s linear;
  -ms-transition: background-color 0s ease, opacity 1s 0.4s linear;
  -o-transition: background-color 0s ease, opacity 1s 0.4s linear;
  transition: background-color 0s ease, opacity 1s 0.4s linear;
  position: relative;
  z-index: 11;
  font-size: 1.43em;
  font-weight: 400;
  line-height: 3;
  text-transform: none;
  letter-spacing: normal;
  opacity: 0;
  filter: alpha(opacity=0);
  box-shadow: 1px 1px 3px 0px rgba(12, 12, 12, 0.25);
  text-shadow: none;
  padding: 0 2.5%;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  background-color: #FFFFFF; }
  @media screen and (min-width: 61.87em) {
    .fp-viewing-home .page-title {
      -webkit-transition: background-color 0s ease, opacity 1s 5.4s linear;
      -moz-transition: background-color 0s ease, opacity 1s 5.4s linear;
      -ms-transition: background-color 0s ease, opacity 1s 5.4s linear;
      -o-transition: background-color 0s ease, opacity 1s 5.4s linear;
      transition: background-color 0s ease, opacity 1s 5.4s linear; } }
  .page-title .page-link {
    -webkit-transition: color 0s ease;
    -moz-transition: color 0s ease;
    -ms-transition: color 0s ease;
    -o-transition: color 0s ease;
    transition: color 0s ease;
    color: #0C0C0C; }
  .page-title.negative, body.negative .page-title {
    background-color: #0C0C0C; }
    .page-title.negative .page-link, body.negative .page-title .page-link {
      color: #FFFFFF; }

.menu-container {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  min-width: 320px;
  margin-left: 10em;
  width: calc(100% - 25em); }
  @media screen and (max-width: 29.99em), (max-width: 47.99em) and (orientation: landscape) {
    .menu-container {
      width: 90%; } }
  @media screen and (max-width: 61.87em) {
    .menu-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-around;
      align-items: flex-start;
      position: absolute;
      top: 0;
      right: -200%;
      bottom: 0;
      z-index: inherit;
      height: 100vh;
      padding: 10% 0 0 10%;
      background-color: #FFFFFF;
      box-shadow: -1px 0px 3px 0px rgba(12, 12, 12, 0.25); }
      .menu-container.open {
        position: absolute;
        top: 0;
        right: -10%;
        bottom: 0;
        z-index: inherit; } }
  @media screen and (max-width: 47.99em) and (orientation: landscape) {
    .menu-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
      align-items: center;
      position: absolute;
      top: -200%;
      right: 0;
      left: 0;
      z-index: inherit;
      height: 0;
      padding: 10% 0 0 0; }
      .menu-container.open {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: inherit;
        height: 10em; } }

.menu-item {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.618;
  text-transform: uppercase;
  letter-spacing: 0.25em; }
  .menu-item, .menu-item:link, .menu-item:visited {
    color: #AAAAAA; }
    @media screen and (max-width: 61.87em) {
      .menu-item, .menu-item:link, .menu-item:visited {
        color: #0C0C0C; } }
    .menu-item.primary:after, .menu-item:link.primary:after, .menu-item:visited.primary:after {
      display: block;
      width: 75%;
      height: 0.1em;
      content: '';
      background-color: #AAAAAA; }
      @media screen and (max-width: 61.87em) {
        .menu-item.primary:after, .menu-item:link.primary:after, .menu-item:visited.primary:after {
          background-color: #0C0C0C; } }
  .menu-item:hover, .menu-item:focus, .menu-item:active {
    color: #FFFFFF; }
    @media screen and (max-width: 61.87em) {
      .menu-item:hover, .menu-item:focus, .menu-item:active {
        color: #0C0C0C; } }
  .menu-item span {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    top: 0.15em;
    z-index: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.618;
    text-transform: none;
    letter-spacing: normal; }
    @media screen and (max-width: 61.87em) {
      .menu-item span {
        color: #0C0C0C; } }
  .menu-item.active {
    color: #FFFFFF; }
    .menu-item.active.primary:after {
      background-color: #FFFFFF; }
      @media screen and (max-width: 61.87em) {
        .menu-item.active.primary:after {
          background-color: #0C0C0C; } }
    @media screen and (max-width: 61.87em) {
      .menu-item.active {
        color: #0C0C0C; } }
    .menu-item.active span {
      opacity: 1;
      filter: alpha(opacity=100); }
  body.negative .menu-item {
    color: #0C0C0C; }
    body.negative .menu-item.primary:after {
      background-color: #0C0C0C; }
    body.negative .menu-item span {
      color: #0C0C0C; }
  @media screen and (max-width: 47.99em) and (orientation: landscape) {
    .menu-item {
      text-align: center; } }

.dropdown {
  position: relative;
  z-index: inherit;
  cursor: pointer; }
  .dropdown:hover .dropdown-content {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }

.dropdown-content {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  position: absolute;
  top: 150%;
  left: -25%;
  z-index: inherit;
  width: 10em;
  padding: 0.5em 0 0 1em;
  border-top: 0.1em solid #FFFFFF; }
  body.negative .dropdown-content {
    border-top: 0.1em solid #0C0C0C; }
  @media screen and (max-width: 61.87em) {
    .dropdown-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: flex-start;
      border-top: 0.1em solid #0C0C0C;
      width: 25em; } }
  @media screen and (max-width: 47.99em) and (orientation: landscape) {
    .dropdown-content {
      position: absolute;
      top: -300%;
      left: -25%;
      z-index: inherit; } }

.nav-icon {
  position: fixed;
  top: 1em;
  right: 4em;
  z-index: 100;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: transparent;
  display: none; }
  @media screen and (max-width: 61.87em) {
    .nav-icon {
      display: block; } }
  .nav-icon span {
    position: absolute;
    top: 1.65em;
    z-index: inherit;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #FFFFFF;
    box-shadow: 1px 1px 3px 0px rgba(12, 12, 12, 0.25); }
    .nav-icon span:before {
      position: absolute;
      top: -0.9em;
      right: 25%;
      z-index: inherit;
      width: 50%;
      height: 3px;
      content: '';
      background-color: #FFFFFF;
      box-shadow: 1px 1px 3px 0px rgba(12, 12, 12, 0.25); }
    .nav-icon span:after {
      position: absolute;
      top: 0.9em;
      right: 12.5%;
      z-index: inherit;
      width: 75%;
      height: 3px;
      content: '';
      background-color: #FFFFFF;
      box-shadow: 1px 1px 3px 0px rgba(12, 12, 12, 0.25); }
    body.negative .nav-icon span, body.negative .nav-icon span:before, body.negative .nav-icon span:after {
      background-color: #0C0C0C; }
  .nav-icon.active span {
    position: absolute;
    top: 1.65em;
    right: 0;
    z-index: inherit;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #0C0C0C; }
    .nav-icon.active span:before {
      position: absolute;
      top: 0;
      right: 0;
      z-index: inherit;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      width: 100%;
      background-color: #0C0C0C; }
    .nav-icon.active span:after, body.negative .nav-icon.active span:after {
      background-color: transparent;
      box-shadow: none; }

.cascade {
  -webkit-transition: transform 1.5s 0.35s linear, opacity 1s 0.55s linear, color 0.5s ease-in-out;
  -moz-transition: transform 1.5s 0.35s linear, opacity 1s 0.55s linear, color 0.5s ease-in-out;
  -ms-transition: transform 1.5s 0.35s linear, opacity 1s 0.55s linear, color 0.5s ease-in-out;
  -o-transition: transform 1.5s 0.35s linear, opacity 1s 0.55s linear, color 0.5s ease-in-out;
  transition: transform 1.5s 0.35s linear, opacity 1s 0.55s linear, color 0.5s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  right: 10%;
  z-index: inherit; }
  .fp-viewing-home .cascade {
    -webkit-transition: transform 1.5s 5.35s linear, opacity 1s 5.55s linear, color 0.5s ease-in-out;
    -moz-transition: transform 1.5s 5.35s linear, opacity 1s 5.55s linear, color 0.5s ease-in-out;
    -ms-transition: transform 1.5s 5.35s linear, opacity 1s 5.55s linear, color 0.5s ease-in-out;
    -o-transition: transform 1.5s 5.35s linear, opacity 1s 5.55s linear, color 0.5s ease-in-out;
    transition: transform 1.5s 5.35s linear, opacity 1s 5.55s linear, color 0.5s ease-in-out; }

*, *:before, *:after {
  color: #FFFFFF;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  list-style: none;
  text-decoration: none; }

body {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  line-height: 1.618;
  background-color: #0C0C0C; }

section[data-anchor='perception'],
section[data-anchor='outside-vehicle'] {
  background-color: #FFFFFF; }

section[data-anchor='inside-vehicle'] {
  background: url(../img/inside-test3.jpg) 0 no-repeat; }

section[data-anchor='outside-vehicle'] {
  background: url(../img/outside-test3.jpg) 0 no-repeat; }

section[data-anchor="contact-us"] {
  background: url("../img/contact-dark.jpg") 0 0/cover no-repeat; }
  section[data-anchor="contact-us"]:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 320px;
    min-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: url("../img/contact.jpg") 0 0/cover no-repeat;
    -webkit-clip-path: polygon(85% 0%, 100% 0%, 100% 100%, 50% 100%);
    clip-path: polygon(85% 0%, 100% 0%, 100% 100%, 50% 100%); }

.video {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -3;
  min-width: 100vw;
  min-height: 100vh;
  width: 100%; }
  @media screen and (max-width: 47.99em) {
    .video {
      display: none; } }

.timeline-container {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: inherit;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  width: 25%;
  height: 70%;
  margin-right: .5%;
  border-right: 0.1em solid #AAAAAA; }
  @media screen and (min-width: 61.87em) {
    .section .timeline-container, .section.active .slide .timeline-container {
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    .section.active .timeline-container, .section.active .slide.active .timeline-container {
      -webkit-transition-delay: 0.75s;
      -moz-transition-delay: 0.75s;
      -ms-transition-delay: 0.75s;
      -o-transition-delay: 0.75s;
      transition-delay: 0.75s;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%); } }
  @media screen and (max-width: 61.87em) {
    .timeline-container {
      display: none; } }

.timeline-title {
  padding: 0 5% 0 0;
  text-align: right;
  color: #AAAAAA; }
  .negative .timeline-title {
    color: #0C0C0C; }

.timeline-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-end;
  margin: 5% 0;
  width: 100%;
  height: 70%; }

.timeline-item {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-size: 0.85em;
  font-weight: 400;
  line-height: 1.618;
  text-transform: none;
  letter-spacing: normal;
  padding: 1.5% 5%;
  text-align: right;
  color: #AAAAAA; }
  .timeline-item:hover {
    color: #FFFFFF; }
  .negative .timeline-item {
    color: #0C0C0C; }
    .negative .timeline-item:hover {
      color: #044FA3; }

.underline {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 10%;
  right: -0.14em;
  z-index: inherit;
  width: .2em;
  height: 50px;
  display: block;
  background-color: #FFFFFF; }
  .negative .underline {
    background-color: #0C0C0C; }

.num-counter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 60%; }
  .num-counter p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.618;
    text-transform: uppercase;
    letter-spacing: 0.15em; }
    .num-counter p.big {
      font-size: 5em;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      margin-bottom: .5em; }
    .num-counter p.count-date {
      font-size: 2.5em;
      font-weight: 400;
      line-height: 1.618;
      text-transform: uppercase;
      letter-spacing: 0.15em; }

.counter {
  font-size: 7.5em;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0.25em; }

.event-card {
  position: absolute;
  right: 1em;
  bottom: -50%;
  z-index: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  background-color: #262626;
  box-shadow: 1px 1px 3px 0px rgba(12, 12, 12, 0.25);
  -webkit-transition: all 1s 0.4s ease;
  -moz-transition: all 1s 0.4s ease;
  -ms-transition: all 1s 0.4s ease;
  -o-transition: all 1s 0.4s ease;
  transition: all 1s 0.4s ease; }
  @media screen and (min-width: 61.87em) {
    .fp-viewing-home .event-card {
      -webkit-transition: all 1s 5.6s ease;
      -moz-transition: all 1s 5.6s ease;
      -ms-transition: all 1s 5.6s ease;
      -o-transition: all 1s 5.6s ease;
      transition: all 1s 5.6s ease; } }

.event-link {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 2.5em; }
  .event-link:hover {
    padding: 3em; }

.event-content {
  margin: 1em 0; }

.overlay-container {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 150px);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  min-width: 310px;
  max-width: 450px;
  max-height: 300px;
  margin: 0 auto;
  background-color: #FFFFFF; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .overlay-container {
      position: absolute;
      top: calc(50% - 150px);
      right: 0;
      bottom: 0;
      left: calc(50% - 225px);
      z-index: 3; } }
  @media screen and (max-width: 47.99em) and (orientation: landscape) {
    .overlay-container {
      margin: 5em auto; } }
  .overlay-container.open {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    .overlay-container.open + .overlay-background {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: inherit;
      background-color: rgba(12, 12, 12, 0.75);
      width: 100%;
      height: 100%; }

.overlay-title {
  text-align: center;
  color: #0C0C0C; }

.overlay-content {
  margin: 7.5% 0;
  text-align: center;
  color: #0C0C0C; }

.close {
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: inherit;
  cursor: pointer;
  color: #0C0C0C; }

.info-container {
  padding: 5% 0;
  overflow: hidden; }
  @media screen and (min-width: 29.99em) and (max-width: 47.99em) and (min-height: 40em) {
    .info-container {
      padding: 10% 0; } }

.info-title {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.618;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #FFFFFF;
  padding-bottom: .5%; }
  .info-title .info-subtitle {
    font-size: 0.6em;
    font-weight: 400;
    line-height: 1.618;
    text-transform: uppercase;
    letter-spacing: 0.1em; }

.info-content {
  color: #FFFFFF; }
  .info-content.upper {
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.618;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .info-content .social-link, .info-content .social-link:link, .info-content .social-link:visited {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.618;
    text-transform: none;
    letter-spacing: normal;
    outline: none; }
  .info-content .social-link:hover, .info-content .social-link:focus, .info-content .social-link:active {
    padding-left: 2.5%; }

.sub-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  z-index: inherit;
  width: 80%;
  margin-bottom: 2.5%;
  overflow: hidden; }
  @media screen and (max-width: 61.97em) {
    .sub-cards {
      width: 100%; } }
  @media screen and (max-width: 48.09em) {
    .sub-cards {
      margin-top: 2.5%;
      margin-bottom: 5%; } }
  @media screen and (max-width: 30.09em) {
    .sub-cards {
      width: 100%; } }
  .sub-cards.negative .sub-content {
    color: #FFFFFF; }

.sub-container {
  -webkit-transition: transform 0.85s ease, opacity 0.6s ease;
  -moz-transition: transform 0.85s ease, opacity 0.6s ease;
  -ms-transition: transform 0.85s ease, opacity 0.6s ease;
  -o-transition: transform 0.85s ease, opacity 0.6s ease;
  transition: transform 0.85s ease, opacity 0.6s ease;
  width: calc(50% - 3em);
  background-color: #0C0C0C; }
  @media screen and (min-width: 61.87em) {
    .section .sub-container, .section.active .slide .sub-container {
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
      filter: alpha(opacity=0); }
    .section.active .sub-container, .section.active .slide.active .sub-container {
      -webkit-transition-delay: 0.75s;
      -moz-transition-delay: 0.75s;
      -ms-transition-delay: 0.75s;
      -o-transition-delay: 0.75s;
      transition-delay: 0.75s;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      opacity: 1;
      filter: alpha(opacity=100); } }
  @media screen and (max-width: 48.09em) {
    .sub-container {
      width: calc(50% - 0.25em);
      margin-bottom: 35%; } }
  @media screen and (max-width: 30.09em) {
    .sub-container {
      width: 98%;
      margin: 2% auto; } }

.sub-item {
  width: calc(25% - 1em);
  padding: 2.5% 0;
  overflow: hidden; }
  @media screen and (max-width: 48.09em) {
    .sub-item {
      width: calc(100% - 0.25em);
      margin-bottom: 1.5%; } }

.sub-title {
  margin-bottom: 1.5%; }
  .sub-link .sub-title {
    margin: 5% 7.55% 1.5%; }

.sub-content {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.618;
  text-transform: none;
  letter-spacing: normal; }

.sub-image {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center;
  max-width: 100%; }

.sub-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column-reverse nowrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: inherit;
  padding: 0 0 5%;
  overflow: hidden; }
  .sub-link:hover .sub-image, .sub-link:focus .sub-image, .sub-link:active .sub-image {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .sub-link .close {
    display: none; }
  .sub-link.active {
    padding: 0; }
    .sub-link.active .sub-title {
      align-self: center;
      margin: 2.5% 0;
      color: #0C0C0C; }
    .sub-link.active .sub-image {
      display: none; }
    .sub-link.active .close {
      position: absolute;
      top: 0;
      right: 5%;
      z-index: inherit;
      display: block; }


.image-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 61.97em) {
    .image-cards {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      margin: 2.5em 0; } }
  .image-cards .image-column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    overflow: hidden; }
    @media screen and (min-width: 61.87em) {
      .image-cards .image-column.default {
        width: 50%; } }
    @media screen and (min-width: 61.87em) {
      .image-cards .image-column.small {
        width: 20%; } }
    @media screen and (min-width: 61.87em) {
      .image-cards .image-column.large {
        width: 30%; } }

.image-item {
  -webkit-transition: transform 0.85s ease, opacity 0.95s ease;
  -moz-transition: transform 0.85s ease, opacity 0.95s ease;
  -ms-transition: transform 0.85s ease, opacity 0.95s ease;
  -o-transition: transform 0.85s ease, opacity 0.95s ease;
  transition: transform 0.85s ease, opacity 0.95s ease;
  width: calc(100% - 1em);
  margin: 0.5em;
  background-color: #0C0C0C; }
  @media screen and (min-width: 61.87em) {
    .section .image-item, .section.active .slide .image-item {
      -webkit-transition-delay: 0.5s;
      -moz-transition-delay: 0.5s;
      -ms-transition-delay: 0.5s;
      -o-transition-delay: 0.5s;
      transition-delay: 0.5s;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
      filter: alpha(opacity=0); }
    .section.active .image-item, .section.active .slide.active .image-item {
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      opacity: 1;
      filter: alpha(opacity=100); } }
  .image-item.half {
    width: calc(50% - 1em); }
  @media screen and (max-width: 61.97em) {
    .image-item {
      width: calc(50% - 1em); } }

.image-title {
  padding: 5% 0 5% 10%;
  width: 100%; }

.image-container {
  overflow: hidden; }
  @media screen and (max-width: 61.97em) {
    .image-container {
      display: none; } }
  .image-container .image-content {
    -webkit-transition: transform 0.5s 0.5s ease;
    -moz-transition: transform 0.5s 0.5s ease;
    -ms-transition: transform 0.5s 0.5s ease;
    -o-transition: transform 0.5s 0.5s ease;
    transition: transform 0.5s 0.5s ease;
    max-width: 100%;
    padding: 5%;
    color: #FFFFFF; }
    .image-container .image-content span {
      font-size: 2.28em;
      line-height: 1;
      padding-right: 5%;
      color: #FFFFFF; }

.image-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column-reverse wrap;
  justify-content: space-between;
  align-items: flex-start; }
  .image-link:hover .image-content {
    -webkit-transition: transform 0.5s 0s ease;
    -moz-transition: transform 0.5s 0s ease;
    -ms-transition: transform 0.5s 0s ease;
    -o-transition: transform 0.5s 0s ease;
    transition: transform 0.5s 0s ease;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

.team-container {
  -webkit-transition: transform 0.5s ease, opacity 0.6s ease;
  -moz-transition: transform 0.5s ease, opacity 0.6s ease;
  -ms-transition: transform 0.5s ease, opacity 0.6s ease;
  -o-transition: transform 0.5s ease, opacity 0.6s ease;
  transition: transform 0.5s ease, opacity 0.6s ease;
  position: absolute;
  z-index: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center;
  width: 35%;
  align-self: flex-end; }
  @media screen and (min-width: 29.99em) {
    .team-container.hidden {
      display: none; } }
  @media screen and (min-width: 61.87em) {
    .section .team-container, .section.active .slide .team-container {
      -webkit-transition-delay: 0.85s;
      -moz-transition-delay: 0.85s;
      -ms-transition-delay: 0.85s;
      -o-transition-delay: 0.85s;
      transition-delay: 0.85s;
      -webkit-transform: translateX(10%);
      -moz-transform: translateX(10%);
      -ms-transform: translateX(10%);
      -o-transform: translateX(10%);
      transform: translateX(10%);
      opacity: 0;
      filter: alpha(opacity=0); }
    .section.active .team-container, .section.active .slide.active .team-container {
      -webkit-transition-delay: 0.75s;
      -moz-transition-delay: 0.75s;
      -ms-transition-delay: 0.75s;
      -o-transition-delay: 0.75s;
      transition-delay: 0.75s;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1;
      filter: alpha(opacity=100); } }
  @media screen and (min-width: 30.09em) and (max-width: 61.87em) {
    .team-container {
      width: 80%;
      align-self: center;
      margin: 2.5em 0; }
      .team-container:before {
        position: absolute;
        top: -45%;
        right: 0;
        bottom: 0;
        left: -12.5%;
        z-index: 0;
        content: '';
        display: block;
        width: 100vw;
        height: 100vh;
        background: #0C0C0C; } }
  @media screen and (max-width: 29.99em) {
    .team-container {
      width: 100%;
      align-self: center;
      position: static;
      margin: 2.5em 0; } }

.team-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  background-color: #191919;
  line-height: 1.618; }
  .team-title.top {
    position: absolute;
    top: -100%;
    z-index: 10;
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0); }
    .team-title.top.right {
      position: absolute;
      right: 0;
      z-index: 10; }
  .team-title.bottom {
    position: absolute;
    bottom: -100%;
    z-index: 10;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0); }
    .team-title.bottom.right {
      position: absolute;
      right: 0;
      z-index: 10; }
  .team-title.right-only {
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 10;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  .team-title.left-only {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 10;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }

.team-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 5;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 1;
  width: 100%; }

.team-image {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-filter: grayscale(75%);
  -moz-filter: grayscale(75%);
  -ms-filter: grayscale(75%);
  -o-filter: grayscale(75%);
  filter: grayscale(75%);
  width: 100%;
  cursor: pointer; }

.team-item {
  position: relative;
  z-index: auto;
  line-height: .6;
  width: 25%; }
  @media screen and (max-width: 61.87em) {
    .team-item {
      width: 16%; } }
  @media screen and (max-width: 29.99em) {
    .team-item {
      width: 33%; } }
  .team-item:hover .team-title {
    opacity: 1;
    filter: alpha(opacity=100); }
    .team-item:hover .team-title.top, .team-item:hover .team-title.bottom {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1); }
    .team-item:hover .team-title.right-only, .team-item:hover .team-title.left-only {
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1); }
  .team-item:hover .team-image {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%); }
    @supports (-ms-ime-align: auto) {
      .team-item:hover .team-image {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%); } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .team-item:hover .team-image {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%); } }

.team-info {
  font-size: 10.5px;
  font-weight: 400;
  line-height: 1.618;
  text-transform: none;
  letter-spacing: normal; }
  @media screen and (max-width: 47.99em) {
    .team-info {
      display: none; } }

@-webkit-keyframes drawingLines {
  0% {
    stroke-dashoffset: 900;
    fill-opacity: 0; }
  45% {
    fill-opacity: 0; }
  60% {
    stroke-dashoffset: 0; }
  75% {
    stroke-dashoffset: 0;
    fill-opacity: 1; }
  100% {
    fill-opacity: 1; } }
@-moz-keyframes drawingLines {
  0% {
    stroke-dashoffset: 900;
    fill-opacity: 0; }
  45% {
    fill-opacity: 0; }
  60% {
    stroke-dashoffset: 0; }
  75% {
    stroke-dashoffset: 0;
    fill-opacity: 1; }
  100% {
    fill-opacity: 1; } }
@-o-keyframes drawingLines {
  0% {
    stroke-dashoffset: 900;
    fill-opacity: 0; }
  45% {
    fill-opacity: 0; }
  60% {
    stroke-dashoffset: 0; }
  75% {
    stroke-dashoffset: 0;
    fill-opacity: 1; }
  100% {
    fill-opacity: 1; } }
@keyframes drawingLines {
  0% {
    stroke-dashoffset: 900;
    fill-opacity: 0; }
  45% {
    fill-opacity: 0; }
  60% {
    stroke-dashoffset: 0; }
  75% {
    stroke-dashoffset: 0;
    fill-opacity: 1; }
  100% {
    fill-opacity: 1; } }
@-webkit-keyframes shiningPrimary {
  0% {
    fill: #044FA3; }
  50% {
    fill: #0567d5; }
  100% {
    fill: #044FA3; } }
@-moz-keyframes shiningPrimary {
  0% {
    fill: #044FA3; }
  50% {
    fill: #0567d5; }
  100% {
    fill: #044FA3; } }
@-o-keyframes shiningPrimary {
  0% {
    fill: #044FA3; }
  50% {
    fill: #0567d5; }
  100% {
    fill: #044FA3; } }
@keyframes shiningPrimary {
  0% {
    fill: #044FA3; }
  50% {
    fill: #0567d5; }
  100% {
    fill: #044FA3; } }
@-webkit-keyframes shiningSecondary {
  0% {
    fill: #033166; }
  50% {
    fill: #044998; }
  100% {
    fill: #033166; } }
@-moz-keyframes shiningSecondary {
  0% {
    fill: #033166; }
  50% {
    fill: #044998; }
  100% {
    fill: #033166; } }
@-o-keyframes shiningSecondary {
  0% {
    fill: #033166; }
  50% {
    fill: #044998; }
  100% {
    fill: #033166; } }
@keyframes shiningSecondary {
  0% {
    fill: #033166; }
  50% {
    fill: #044998; }
  100% {
    fill: #033166; } }
@-webkit-keyframes moveLogotype {
  0% {
    -webkit-transform: translateY(-30vh);
    -moz-transform: translateY(-30vh);
    -ms-transform: translateY(-30vh);
    -o-transform: translateY(-30vh);
    transform: translateY(-30vh); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@-moz-keyframes moveLogotype {
  0% {
    -webkit-transform: translateY(-30vh);
    -moz-transform: translateY(-30vh);
    -ms-transform: translateY(-30vh);
    -o-transform: translateY(-30vh);
    transform: translateY(-30vh); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@-o-keyframes moveLogotype {
  0% {
    -webkit-transform: translateY(-30vh);
    -moz-transform: translateY(-30vh);
    -ms-transform: translateY(-30vh);
    -o-transform: translateY(-30vh);
    transform: translateY(-30vh); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
@keyframes moveLogotype {
  0% {
    -webkit-transform: translateY(-30vh);
    -moz-transform: translateY(-30vh);
    -ms-transform: translateY(-30vh);
    -o-transform: translateY(-30vh);
    transform: translateY(-30vh); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
.logotype-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center; }
  .logotype-container .logotype-svg {
    width: auto;
    min-width: 10em;
    max-width: 12.5em;
    padding: 1.5em;
    margin: 0 auto; }
  @media screen and (min-width: 61.87em) {
    .logotype-container {
      -webkit-transform: translateY(-30vh);
      -moz-transform: translateY(-30vh);
      -ms-transform: translateY(-30vh);
      -o-transform: translateY(-30vh);
      transform: translateY(-30vh);
      -webkit-transition: all 0.85s ease;
      -moz-transition: all 0.85s ease;
      -ms-transition: all 0.85s ease;
      -o-transition: all 0.85s ease;
      transition: all 0.85s ease;
      -webkit-animation: moveLogotype 1s ease 5s forwards;
      -moz-animation: none;
      -ms-animation: moveLogotype 1s ease 5s forwards;
      -o-animation: moveLogotype 1s ease 5s forwards;
      animation: moveLogotype 1s ease 5s forwards; } }
  .logotype-container .logotype-group {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all 0.85s ease-in-out;
    -moz-transition: all 0.85s ease-in-out;
    -ms-transition: all 0.85s ease-in-out;
    -o-transition: all 0.85s ease-in-out;
    transition: all 0.85s ease-in-out; }
    .logotype-container .logotype-group .polygon {
      -webkit-transform-origin: 50% 48%;
      -moz-transform-origin: 50% 48%;
      -ms-transform-origin: 50% 48%;
      -o-transform-origin: 50% 48%;
      transform-origin: 50% 48%;
      fill-opacity: 1;
      stroke-width: 0; }
      .logotype-container .logotype-group .polygon.up {
        -webkit-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
        -o-transform-origin: right top;
        transform-origin: right top; }
      .logotype-container .logotype-group .polygon.down {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom; }
      @media screen and (min-width: 61.87em) {
        .logotype-container .logotype-group .polygon {
          fill-opacity: 0;
          stroke-width: 2; } }
      @media all and (-ms-high-contrast: none) {
        .logotype-container .logotype-group .polygon {
          fill-opacity: 1;
          stroke-width: 0; } }
    .logotype-container .logotype-group .fill {
      -webkit-transition: all 2s ease-in-out;
      -moz-transition: all 2s ease-in-out;
      -ms-transition: all 2s ease-in-out;
      -o-transition: all 2s ease-in-out;
      transition: all 2s ease-in-out;
      fill: #044FA3;
      stroke: transparent;
      stroke-dasharray: 900;
      stroke-dashoffset: 900; }
      @media screen and (min-width: 61.87em) {
        .logotype-container .logotype-group .fill {
          -webkit-animation: drawingLines 4s ease-in-out 0.5s forwards, shiningPrimary 0.5s 4.6s ease-out;
          -moz-animation: none;
          -ms-animation: drawingLines 4s ease-in-out 0.5s forwards, shiningPrimary 0.5s 4.6s ease-out;
          -o-animation: drawingLines 4s ease-in-out 0.5s forwards, shiningPrimary 0.5s 4.6s ease-out;
          animation: drawingLines 4s ease-in-out 0.5s forwards, shiningPrimary 0.5s 4.6s ease-out;
          fill: #044FA3;
          stroke: #FFFFFF;
          stroke-dasharray: 900;
          stroke-dashoffset: 900; } }
      @media all and (-ms-high-contrast: none) {
        .logotype-container .logotype-group .fill {
          fill: #044FA3;
          stroke: transparent;
          stroke-dasharray: 900;
          stroke-dashoffset: 900; } }
    .logotype-container .logotype-group .drop {
      -webkit-transition: all 0.65s ease-in-out;
      -moz-transition: all 0.65s ease-in-out;
      -ms-transition: all 0.65s ease-in-out;
      -o-transition: all 0.65s ease-in-out;
      transition: all 0.65s ease-in-out;
      fill: #033166;
      stroke: transparent;
      stroke-dasharray: 900;
      stroke-dashoffset: 900; }
      @media screen and (min-width: 61.87em), (update: fast) {
        .logotype-container .logotype-group .drop {
          -webkit-animation: drawingLines 3s ease-in-out 1.5s forwards, shiningSecondary 0.5s 4.5s ease-out;
          -moz-animation: none;
          -ms-animation: drawingLines 3s ease-in-out 1.5s forwards, shiningSecondary 0.5s 4.5s ease-out;
          -o-animation: drawingLines 3s ease-in-out 1.5s forwards, shiningSecondary 0.5s 4.5s ease-out;
          animation: drawingLines 3s ease-in-out 1.5s forwards, shiningSecondary 0.5s 4.5s ease-out;
          fill: #033166;
          stroke: #FFFFFF;
          stroke-dasharray: 900;
          stroke-dashoffset: 900; } }
      @media all and (-ms-high-contrast: none) {
        .logotype-container .logotype-group .drop {
          fill: #033166;
          stroke: transparent;
          stroke-dasharray: 900;
          stroke-dashoffset: 900; } }
    .logotype-container .logotype-group .line {
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      fill: none;
      stroke: #FFFFFF;
      stroke-dasharray: 900;
      stroke-dashoffset: 900;
      fill-opacity: 0;
      stroke-width: 1; }
  @media screen and (min-width: 61.87em) {
    .logotype-container:hover .line {
      fill: none;
      stroke: #FFFFFF;
      stroke-dasharray: 900;
      stroke-dashoffset: 0; } }

.collapsed {
  display: none; }

.deployed {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  background-color: #FFFFFF; }
  @media screen and (max-width: 30.09em) {
    .deployed {
      position: static;
      z-index: inherit; } }
  .deployed .displayed {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .deployed .displayed .displayed-child {
      width: calc(50% - 2.5em);
      color: #0C0C0C; }
      @media screen and (max-width: 48.09em) {
        .deployed .displayed .displayed-child {
          width: 85%;
          margin: 2% auto; } }
    .deployed .displayed .close {
      top: 0; }

@media screen and (max-width: 47.99em) {
  .contrast h2, .contrast p {
    color: #0C0C0C; }
  .contrast .btn.primary {
    color: #0C0C0C;
    border-color: #0C0C0C; } }


    a.link-jobs {
      padding-left:15px;
      color:grey;
      font-style:italic;
      font-size:12px;
      -webkit-transition: background-color 0s ease, opacity 1s 0.4s linear;
      -moz-transition: background-color 0s ease, opacity 1s 0.4s linear;
      -ms-transition: background-color 0s ease, opacity 1s 0.4s linear;
      -o-transition: background-color 0s ease, opacity 1s 0.4s linear;
      transition: background-color 0s ease, opacity 1s 0.4s linear;
    }

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