@charset "UTF-8";
.text-left {
  text-align: left; }

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

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

@keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.transition-exit {
  opacity: 0; }

.transition-exit-active {
  opacity: 0; }

.transition-exit-done {
  opacity: 0; }

.transition-enter {
  opacity: 0; }

.transition-enter-active {
  opacity: 0; }

.transition-enter-done {
  opacity: 1;
  transition-delay: .2s !important; }

.transition {
  position: absolute;
  width: 100%;
  top: 0;
  transition: all .3s ease-in-out; }

.font-default, body {
  font-family: 'Univers 55 Roman';
  font-weight: inherit; }

.font-headline, .client__content h4 {
  font-family: 'Univers 65 Bold';
  font-weight: inherit; }

.font-headline-condensed, .header__logo, .index__list__item, .information__slogan, .client__title {
  font-family: 'Univers Next Pro 620 Condensed Bold';
  font-weight: inherit;
  letter-spacing: -.001em; }

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: all .4s ease-in-out; }
  @media screen and (max-width: 600px) {
    .header {
      font-size: 14px; } }
  .header .wrapper--flex {
    width: 100%;
    padding: 40px;
    -ms-flex-align: start;
        align-items: flex-start; }
    @media screen and (max-width: 600px) {
      .header .wrapper--flex {
        padding: 20px 18px; } }
    .header .wrapper--flex > * {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
  @media screen and (min-width: 599px) {
    .header--information .header__logo__link {
      opacity: 0;
      pointer-events: none;
      transition-delay: 0s; } }
  .header__logo {
    font-size: 16px; }
    .header__logo__link {
      margin-top: 0; }
      .header__logo__link.hidden {
        opacity: 0;
        pointer-events: none; }
    .header__logo__claim:before {
      content: ' '; }
    .header__logo__claim .claim__x:before {
      content: '\D7';
      display: inline-block;
      vertical-align: top;
      margin-left: .3em;
      margin-right: .3em; }
    .header__logo__claim.entering {
      opacity: 0 !important; }
      .header__logo__claim.entering .claim__x,
      .header__logo__claim.entering .claim__client,
      .header__logo__claim.entering .claim__text {
        opacity: 0;
        transition: opacity 0s;
        transition-delay: 0s; }
    .header__logo__claim.entered .claim__x,
    .header__logo__claim.entered .claim__client,
    .header__logo__claim.entered .claim__text {
      opacity: 1;
      transition: opacity .8s;
      transition-delay: .1s; }
    .header__logo__claim.entered .claim__client {
      transition-delay: .5s; }
    @media screen and (max-width: 600px) {
      .header__logo__claim {
        display: none; } }
  .header a {
    margin-top: 2px;
    transition: opacity .4s ease-in-out;
    transition-delay: .3s; }
    .header a.active {
      pointer-events: none; }

body.dark .header {
  color: white; }

body.light .header, body.white .header {
  color: black; }

.index {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%; }
  .index.transition-enter-done .index__wrapper {
    opacity: 1; }
  .index__wrapper {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    transition-delay: .5s; }
    @media screen and (min-width: 599px) {
      .index__wrapper:hover .index__images {
        display: block; } }
  .index__list {
    position: relative;
    z-index: 100;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .index__list__item {
      font-size: 100px; }
      @media screen and (max-height: 700px) {
        .index__list__item {
          font-size: 60px; } }
      @media screen and (max-width: 1024px) {
        .index__list__item {
          font-size: 8vw; } }
      @media screen and (max-width: 600px) {
        .index__list__item {
          font-size: 10vw; } }
  .index__images {
    z-index: 0;
    display: none;
    pointer-events: none; }
  .index__image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    display: none; }
    .index__image--visible {
      display: -ms-flexbox;
      display: flex; }
    .index__image img {
      max-height: 70%;
      max-width: 70%; }

.information {
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  z-index: 1010;
  box-sizing: border-box;
  min-height: 100vh; }
  @media screen and (max-width: 600px) {
    .information {
      padding: 15px;
      padding-top: 60px;
      min-height: 100%;
      z-index: 100; } }
  .information__wrapper {
    width: calc(100% - 140px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media screen and (max-width: 600px) {
      .information__wrapper {
        width: 100%; } }
  .information__slogan {
    font-size: 70px;
    line-height: 1.4em; }
    @media screen and (max-width: 1024px) {
      .information__slogan {
        font-size: 7vw; } }
    @media screen and (max-width: 1024px) and (orientation: landscape) {
      .information__slogan {
        font-size: 5vw; } }
    .information__slogan a {
      transition: opacity .2s ease-in-out; }
      .information__slogan a:hover {
        opacity: .5; }
    .information__slogan span {
      opacity: 0; }
  .information__contact {
    display: block;
    line-height: 1.6em;
    opacity: 0; }
    .information__contact p:first-child {
      margin-top: 0; }
    .information__contact p:last-child {
      margin-bottom: 0; }
  .information.transition-enter-done .information__slogan span {
    opacity: 1;
    transition: opacity .8s ease-in-out !important;
    transition-delay: .4s !important; }
  .information.transition-enter-done .information__contact {
    opacity: 1;
    transition: opacity 1s ease-in-out !important;
    transition-delay: .6s !important; }
  .information.transition-exit-done .information__contact {
    opacity: 0;
    transition-delay: 0s; }

.client {
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 0; }
  .client.transition-enter-done .client__title,
  .client.transition-enter-done .client__subtitle {
    opacity: 1; }
  .client.transition-enter-done .client__content {
    transform: none; }
  .client__breadcrumb {
    position: fixed;
    top: 40px;
    margin-top: 3px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000; }
    @media screen and (max-width: 600px) {
      .client__breadcrumb {
        top: 20px;
        font-size: 14px; } }
  .client__title {
    font-size: 100px;
    margin-bottom: 0;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    transition-delay: .8s; }
    @media screen and (max-width: 600px) {
      .client__title {
        font-size: 12vw; } }
    .client__title__wrapper {
      position: fixed;
      left: 50%;
      top: 50vh;
      transform: translate(-50%, -50%);
      text-align: center; }
      @media screen and (max-width: 600px) {
        .client__title__wrapper {
          left: 0;
          width: 100%;
          transform: translate(0, -50%);
          padding: 0 20px;
          margin-top: -60px;
          box-sizing: border-box; } }
  .client__subtitle {
    line-height: 2em;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    transition-delay: 1.2s; }
    @media screen and (max-width: 600px) {
      .client__subtitle {
        font-size: 12px; } }
    .client__subtitle p {
      margin: 0; }
  .client__content {
    width: 100%;
    max-width: 1024px;
    margin: auto;
    margin-top: 90vh;
    padding: 0 20px;
    padding-bottom: 80px;
    box-sizing: border-box;
    z-index: 100;
    line-height: 1.6em;
    transform: translateY(10vh);
    transition: all 1s ease-out;
    transition-delay: .5s; }
    @media screen and (max-width: 600px) {
      .client__content {
        margin-top: 80vh;
        transform: translateY(20vh); } }
    .client__content img,
    .client__content video {
      display: block;
      max-width: 100%;
      height: auto; }
      .client__content img + img,
      .client__content img + video,
      .client__content video + img,
      .client__content video + video {
        margin-top: 40px; }
      .client__content img + h4,
      .client__content img + p,
      .client__content video + h4,
      .client__content video + p {
        margin-top: 80px; }
    .client__content .wp-video {
      max-width: 100%; }
    .client__content h4, .client__content p {
      margin: auto;
      max-width: 700px;
      margin-bottom: 20px; }
      @media screen and (max-width: 1024px) {
        .client__content h4, .client__content p {
          max-width: 500px; } }
    .client__content h4 {
      margin-bottom: 20px; }

body {
  background-color: white;
  font-size: 14px;
  margin: 0;
  transition: background 1s ease-in-out;
  animation: appear .8s ease-in-out forwards;
  animation-delay: .2s;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 600px) {
    body {
      font-size: 16px; } }
  body.dark {
    background-color: #212121;
    color: white; }
  body.light {
    background-color: #eee;
    color: black; }
  body.white {
    background-color: white;
    color: black; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.wrapper {
  position: relative;
  width: 90%;
  margin: auto;
  box-sizing: border-box; }
  .wrapper--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }

a {
  color: inherit;
  text-decoration: none; }
  a:active {
    transition: opacity .2s ease-in-out;
    transition-delay: 0s;
    opacity: .5; }

::-moz-selection {
  background-color: #0043d9;
  color: white; }

::selection {
  background-color: #0043d9;
  color: white; }

body.light .hover:after, body.light .information__contact a:after, .information__contact body.light a:after, body.light .client__subtitle a:after, .client__subtitle body.light a:after, body.light .client__content a:after, .client__content body.light a:after,
body.white .hover:after,
body.white .information__contact a:after,
.information__contact body.white a:after,
body.white .client__subtitle a:after,
.client__subtitle body.white a:after,
body.white .client__content a:after,
.client__content body.white a:after {
  background-color: #212121 !important; }

.hover, .information__contact a, .client__subtitle a, .client__content a {
  position: relative;
  display: inline-block; }
  .hover:after, .information__contact a:after, .client__subtitle a:after, .client__content a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 4px;
    left: 5%;
    height: 1px;
    width: 90%;
    opacity: 0;
    background-color: white;
    transition: all .2s ease-in-out; }
  .hover:hover:after, .information__contact a:hover:after, .client__subtitle a:hover:after, .client__content a:hover:after {
    width: 100%;
    left: 0;
    opacity: 1; }

#mfPreviewBar {
  display: none; }