@font-face {
  font-family: 'Sectra';
  src: url("../fonts/GT-Sectra-Book.eot");
  src: url("../fonts/GT-Sectra-Book.eot") format("embedded-opentype"), url("../fonts/GT-Sectra-Book.woff") format("woff"), url("../fonts/GT-Sectra-Book.ttf") format("truetype"), url("../fonts/GT-Sectra-Book.html#Sectra") format("svg"); }
@font-face {
  font-family: 'Sectra Bold';
  src: url("../fonts/GT-Sectra-Display-Bold.eot");
  src: url("../fonts/GT-Sectra-Display-Bold.eot") format("embedded-opentype"), url("../fonts/GT-Sectra-Display-Bold.woff") format("woff"), url("../fonts/GT-Sectra-Display-Bold.ttf") format("truetype"), url("../fonts/GT-Sectra-Display-Bold.html#Sectra") format("svg"); }
@font-face {
  font-family: 'Ginger Regular';
  src: url("../fonts/f37ginger-regular-webfont.eot");
  src: url("../fonts/f37ginger-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/f37ginger-regular-webfont.woff") format("woff"), url("../fonts/f37ginger-regular-webfont.ttf") format("truetype"), url("../fonts/f37ginger-regular-webfont.svg#f37ginger-bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Ginger Bold';
  src: url("../fonts/f37ginger-bold-webfont.eot");
  src: url("../fonts/f37ginger-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/f37ginger-bold-webfont.woff") format("woff"), url("../fonts/f37ginger-bold-webfont.ttf") format("truetype"), url("../fonts/f37ginger-bold-webfont.svg#f37ginger-bold") format("svg");
  font-weight: normal;
  font-style: normal; }
body, html {
  min-height: 100%;
  width: 100%;
  position: relative;
  background-color: #fff;
  font-family: 'Sectra';
  text-align: center; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul li {
    margin: 0;
    padding: 0; }

ul, ol {
  list-style: none; }

a, p, h1, h2, h3, h4, h5, body {
  color: #fff;
  text-decoration: none;
  margin: 0;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.2em;
  font-weight: normal; }

div, a, section, h1, h2, h3, h4 {
  position: relative; }

a {
  display: block;
  font-family: 'Ginger Bold';
  font-size: 10.5px;
  letter-spacing: 0.1em; }

h1, .huge-text, .gigantic-text, h2, h3, h4, h5 {
  font-family: 'Ginger Bold';
  letter-spacing: -0.05em; }

h1, .huge-text {
  font-size: 4.5em;
  line-height: 0.9em; }
  @media only screen and (min-width: 1200px) {
    h1, .huge-text {
      font-size: 6.5vw; } }
  @media only screen and (min-width: 1600px) {
    h1, .huge-text {
      font-size: 6.6em; } }

@media screen and (max-width: 800px) {
  h1 {
    font-size: 2.5em; } }

.gigantic-text {
  font-size: 25em; }
  @media only screen and (min-width: 1200px) {
    .gigantic-text {
      font-size: 38vw; } }
  @media only screen and (min-width: 1600px) {
    .gigantic-text {
      font-size: 30vw; } }

h2 {
  font-size: 42px;
  margin-bottom: 0.5em;
  line-height: 1.2em;
  letter-spacing: -0.04em; }
  @media only screen and (max-width: 1200px) {
    h2 {
      font-size: 40px; } }
  @media only screen and (max-width: 800px) {
    h2 {
      font-size: 20px; } }

h3 {
  font-size: 11px;
  padding-bottom: 2.2em;
  text-transform: uppercase;
  letter-spacing: 0.12em; }
  @media only screen and (max-width: 800px) {
    h3 {
      font-size: 10px; } }
  h3.no-line {
    padding-bottom: 1em; }
  h3:not(.no-line) {
    margin-bottom: 3.6em; }
    h3:not(.no-line)::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 24px;
      height: 7px;
      margin: -3.5px 0 0 -12px;
      -webkit-transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
      -moz-transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
      transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
      -webkit-transform: skewY(-16deg) scaleX(1);
      -moz-transform: skewY(-16deg) scaleX(1);
      -ms-transform: skewY(-16deg) scaleX(1);
      -o-transform: skewY(-16deg) scaleX(1);
      transform: skewY(-16deg) scaleX(1);
      -webkit-transform-origin: 0 100%;
      -moz-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
      -o-transform-origin: 0 100%;
      transform-origin: 0 100%; }

h4 {
  font-family: 'Ginger Regular';
  font-size: 24px;
  margin-bottom: 0.5em;
  color: #212121; }
  @media only screen and (max-width: 800px) {
    h4 {
      font-size: 16px; } }

h5 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 0.15em; }
  @media only screen and (max-width: 800px) {
    h5 {
      font-size: 10px; } }

p {
  font-size: 16px;
  line-height: 1.7em;
  letter-spacing: -0.02em;
  font-family: 'Ginger Regular'; }
  @media only screen and (max-width: 800px) {
    p {
      font-size: 12px; } }

cite {
  font-family: 'Ginger Regular';
  font-style: normal;
  font-size: 0.7em; }

i {
  font-style: normal;
  font-size: 11px;
  display: inline-block;
  font-family: 'Ginger Regular';
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
  margin-right: 10px; }

i.rights {
  font-style: normal;
  font-size: 0.5em;
  display: inline-block;
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  transform: translateY(-20%);
  margin-right: 0;}

.pos-a {
  position: absolute; }

.full-size {
  width: 100%;
  height: 100%; }

.viewport-full-size {
  width: 100vw;
  height: 100vh; }

.full-width {
  width: 100%; }

.flex-vert-center {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 100vh;
  margin-top: -0.5%;
  /* fix iOS bug not displaying 100vh correctly */
  /* ipad */ }
  @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .flex-vert-center {
      height: 88vh; } }

.flex-vert {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .flex-vert > * {
    height: 100%; }

.flex-horiz {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }
  .flex-horiz > * {
    width: 100%; }

.pos-a-center {
  position: absolute;
  left: 50%;
  top: 50%; }

.pos-a-t-l {
  position: absolute;
  top: 0;
  left: 0; }

.pos-a-b-l {
  position: absolute;
  bottom: 0;
  left: 0; }

.pos-a-t-r {
  position: absolute;
  top: 0;
  right: 0; }

.pos-a-b-r {
  position: absolute;
  bottom: 0;
  right: 0; }

.pos-f-t-l {
  position: fixed;
  top: 0;
  left: 0; }

.pos-f {
  position: fixed; }

.pos-f-bottom {
  position: fixed;
  bottom: 0;
  left: 0; }

.pc-b::before {
  content: ""; }

.pc-a::after {
  content: ""; }

.center-l-t {
  position: absolute;
  left: 50%;
  top: 50%; }

.mob-only {
  display: none; }
  @media only screen and (max-width: 800px) {
    .mob-only {
      display: block; } }

.desktop-only {
  display: block; }
  @media only screen and (max-width: 800px) {
    .desktop-only {
      display: none; } }

.perch-content {
  display: none; }

.widow-killer {
  display: inline-block; }

a.arrow-link, a.arrow-link span, a.arrow-link span::before {
  -webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1); }

a.arrow-link {
  padding-right: 10px;
  position: relative;
  display: inline-block;
  font-size: 0.9em; }
  a.arrow-link span {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -3px;
    width: 60px;
    height: 8px;
    overflow: hidden; }
    a.arrow-link span::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: translateX(-50px);
      -moz-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
      -o-transform: translateX(-50px);
      transform: translateX(-50px);
      background: url("../img/ui/arrow.svg") no-repeat center center/100% 100%; }
  a.arrow-link:hover {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px); }
    a.arrow-link:hover span {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px); }
      a.arrow-link:hover span::before {
        -webkit-transform: translateX(-4px);
        -moz-transform: translateX(-4px);
        -ms-transform: translateX(-4px);
        -o-transform: translateX(-4px);
        transform: translateX(-4px); }

.underline-link {
  position: relative; }
  .underline-link::after {
    content: '';
    position: absolute;
    bottom: -5%;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; }
  .underline-link span {
    z-index: 1;
    position: relative;
    -webkit-transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1); }
  .underline-link::before {
    background-color: #212121; }
  .underline-link::after {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .underline-link:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }

.arrow-head {
  width: 26px;
  height: 26px;
  overflow: hidden; }
  .arrow-head span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .arrow-head span::before, .arrow-head span::after {
    content: '';
    position: absolute;
    top: 50%; }
  .arrow-head span::before {
    height: 2px;
    width: 90%;
    left: 0;
    margin-top: -1px;
    background-color: #FFF; }
  .arrow-head span::after {
    right: 0;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    background: url("../img/ui/arrow-head-white.svg") no-repeat center center/100%; }
  .arrow-head[data-color="black"] span::before {
    background-color: #212121; }
  .arrow-head[data-color="black"] span::after {
    background: url("../img/ui/arrow-head-black.svg") no-repeat center center/100%; }

.box-arrow-link {
  display: inline-block;
  height: 38px;
  text-transform: uppercase;
  border: 2px solid #fff;
  -webkit-transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  -webkit-transform: translateX(-22px);
  -moz-transform: translateX(-22px);
  -ms-transform: translateX(-22px);
  -o-transform: translateX(-22px);
  transform: translateX(-22px); }
  @media screen and (max-width: 800px) {
    .box-arrow-link {
      font-size: 10px; } }
  .box-arrow-link .box-text {
    padding: 0 16px;
    line-height: 36px; }
  .box-arrow-link .box-arrow-1, .box-arrow-link .box-arrow-2 {
    position: absolute;
    height: 43px;
    width: 50px;
    top: -2px;
    overflow: hidden; }
    .box-arrow-link .box-arrow-1::before, .box-arrow-link .box-arrow-2::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 38px;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1);
      -moz-transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1);
      transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1); }
    .box-arrow-link .box-arrow-1 .arrow-head, .box-arrow-link .box-arrow-2 .arrow-head {
      left: 50%;
      top: 50%;
      width: 20px;
      margin: -14px 0 0 -10px;
      position: absolute; }
  .box-arrow-link .box-arrow-1 {
    right: 100%; }
    .box-arrow-link .box-arrow-1::before {
      border-left: 2px solid #fff;
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      -o-transform-origin: 100% 0;
      transform-origin: 100% 0;
      background-color: #FFF; }
  .box-arrow-link .box-arrow-2 {
    left: 100%; }
    .box-arrow-link .box-arrow-2::before {
      margin-left: -3px;
      border-right: 2px solid #fff;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      transform-origin: 0 0; }
  .box-arrow-link .box-arrow-1::before {
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%); }
  .box-arrow-link .box-arrow-1 .arrow-head span {
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%); }
  .box-arrow-link:hover {
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px);
    transform: translateX(25px);
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s; }
    .box-arrow-link:hover .box-arrow-1::before {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition-delay: 0.22s;
      -moz-transition-delay: 0.22s;
      transition-delay: 0.22s; }
    .box-arrow-link:hover .box-arrow-2::before {
      -webkit-transform: translateX(-105%);
      -moz-transform: translateX(-105%);
      -ms-transform: translateX(-105%);
      -o-transform: translateX(-105%);
      transform: translateX(-105%); }
    .box-arrow-link:hover .box-arrow-1 .arrow-head span {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition-delay: 0.22s;
      -moz-transition-delay: 0.22s;
      transition-delay: 0.22s; }
    .box-arrow-link:hover .box-arrow-2 .arrow-head span {
      -webkit-transform: translateX(105%);
      -moz-transform: translateX(105%);
      -ms-transform: translateX(105%);
      -o-transform: translateX(105%);
      transform: translateX(105%);
      -webkit-transition-duration: 0.35s;
      -moz-transition-duration: 0.35s;
      transition-duration: 0.35s; }
  .box-arrow-link.clicked:not(.dark-box-arrow-link), .box-arrow-link.clicked:hover:not(.dark-box-arrow-link) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  .box-arrow-link.dark-box-arrow-link {
    border-color: #c8c8c8;
    color: #212121;
    margin-top: 32px;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
    .box-arrow-link.dark-box-arrow-link .box-arrow-1::before, .box-arrow-link.dark-box-arrow-link .box-arrow-2::before {
      border-top: 2px solid #c8c8c8;
      border-bottom: 2px solid #c8c8c8; }
    .box-arrow-link.dark-box-arrow-link .box-arrow-1::before {
      border-left: 2px solid #c8c8c8;
      background-color: #c8c8c8; }
    .box-arrow-link.dark-box-arrow-link .box-arrow-2::before {
      border-right: 2px solid #c8c8c8; }
    .box-arrow-link.dark-box-arrow-link:hover {
      -webkit-transform: translateX(48px);
      -moz-transform: translateX(48px);
      -ms-transform: translateX(48px);
      -o-transform: translateX(48px);
      transform: translateX(48px); }

.close {
  width: 16px;
  height: 16px; }
  @media screen and (min-width: 1400px) {
    .close {
      width: 22px;
      height: 22px; } }
  .close span::before, .close span::after {
    content: '';
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #212121;
    margin-top: -1px;
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .close span::before {
    -webkit-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translateZ(0) scale(1, 1); }
  .close span::after {
    -webkit-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translateZ(0) scale(1, 1); }
  .close span:nth-child(2)::before, .close span:nth-child(2)::after {
    background-color: rgba(33, 33, 33, 0); }
  .close span:nth-child(2)::after {
    -webkit-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1); }
  .close span:nth-child(2)::before {
    -webkit-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1); }
  .close:hover span:nth-child(1)::before, .close:hover span:nth-child(1)::after {
    background-color: rgba(33, 33, 33, 0); }
  .close:hover span:nth-child(1)::after {
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s;
    -webkit-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1); }
  .close:hover span:nth-child(1)::before {
    -webkit-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -moz-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -ms-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    -o-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
    transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1); }
  .close:hover span:nth-child(2)::before, .close:hover span:nth-child(2)::after {
    background-color: #212121; }
  .close:hover span:nth-child(2)::before {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: rotate(45deg) translate3d(0px, 0px, 0);
    -moz-transform: rotate(45deg) translate3d(0px, 0px, 0);
    -ms-transform: rotate(45deg) translate3d(0px, 0px, 0);
    -o-transform: rotate(45deg) translate3d(0px, 0px, 0);
    transform: rotate(45deg) translate3d(0px, 0px, 0); }
  .close:hover span:nth-child(2)::after {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform: rotate(-45deg) translate3d(0px, 0px, 0);
    -moz-transform: rotate(-45deg) translate3d(0px, 0px, 0);
    -ms-transform: rotate(-45deg) translate3d(0px, 0px, 0);
    -o-transform: rotate(-45deg) translate3d(0px, 0px, 0);
    transform: rotate(-45deg) translate3d(0px, 0px, 0); }

.icon {
  width: 21px;
  height: 21px; }
  .icon::before, .icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1); }
  .icon::before {
    opacity: 0;
    -webkit-transition: 0.01s 0.3s;
    -moz-transition: 0.01s 0.3s;
    transition: 0.01s 0.3s; }
  .icon.icon-mail::after {
    background: url("../img/ui/icon-mail.svg") no-repeat center center/100%; }
  .icon.icon-twitter::after {
    background: url("../img/ui/icon-twitter.svg") no-repeat center center/100%; }
  .icon.icon-behance::after {
    background: url("../img/ui/icon-behance.svg") no-repeat center center/100%; }
  .icon.icon-dribbble::after {
    background: url("../img/ui/icon-dribbble.svg") no-repeat center center/100%; }
  .icon.icon-linkedin::after {
    background: url("../img/ui/icon-linkedin.svg") no-repeat center center/100%; }
  .icon:hover::before {
    opacity: 1;
    -webkit-transition: 0.01s 0s;
    -moz-transition: 0.01s 0s;
    transition: 0.01s 0s; }
  .icon:hover::after {
    opacity: 0; }

.letter-split > span, .letter-split > span > span {
  display: inline;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.letter-split > span {
  opacity: 0; }
  .letter-split > span:nth-child(1), .letter-split > span:nth-child(1) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s; }
  .letter-split > span:nth-child(2), .letter-split > span:nth-child(2) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s; }
  .letter-split > span:nth-child(3), .letter-split > span:nth-child(3) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s; }
  .letter-split > span:nth-child(4), .letter-split > span:nth-child(4) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s; }
  .letter-split > span:nth-child(5), .letter-split > span:nth-child(5) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s; }
  .letter-split > span:nth-child(6), .letter-split > span:nth-child(6) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s; }
  .letter-split > span:nth-child(7), .letter-split > span:nth-child(7) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s; }
  .letter-split > span:nth-child(8), .letter-split > span:nth-child(8) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s; }
  .letter-split > span:nth-child(9), .letter-split > span:nth-child(9) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s; }
  .letter-split > span:nth-child(10), .letter-split > span:nth-child(10) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s; }
  .letter-split > span:nth-child(11), .letter-split > span:nth-child(11) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s; }
  .letter-split > span:nth-child(12), .letter-split > span:nth-child(12) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s; }
  .letter-split > span:nth-child(13), .letter-split > span:nth-child(13) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s; }
  .letter-split > span:nth-child(14), .letter-split > span:nth-child(14) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s; }
  .letter-split > span:nth-child(15), .letter-split > span:nth-child(15) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s; }
  .letter-split > span:nth-child(16), .letter-split > span:nth-child(16) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s; }
  .letter-split > span:nth-child(17), .letter-split > span:nth-child(17) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s; }
  .letter-split > span:nth-child(18), .letter-split > span:nth-child(18) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s; }
  .letter-split > span:nth-child(19), .letter-split > span:nth-child(19) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s; }
  .letter-split > span:nth-child(20), .letter-split > span:nth-child(20) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s; }
  .letter-split > span:nth-child(21), .letter-split > span:nth-child(21) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s; }
  .letter-split > span:nth-child(22), .letter-split > span:nth-child(22) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s; }
  .letter-split > span:nth-child(23), .letter-split > span:nth-child(23) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s; }
  .letter-split > span:nth-child(24), .letter-split > span:nth-child(24) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s; }
  .letter-split > span:nth-child(25), .letter-split > span:nth-child(25) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s; }
  .letter-split > span:nth-child(26), .letter-split > span:nth-child(26) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s; }
  .letter-split > span:nth-child(27), .letter-split > span:nth-child(27) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s; }
  .letter-split > span:nth-child(28), .letter-split > span:nth-child(28) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s; }
  .letter-split > span:nth-child(29), .letter-split > span:nth-child(29) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s; }
  .letter-split > span:nth-child(30), .letter-split > span:nth-child(30) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s; }
  .letter-split > span:nth-child(31), .letter-split > span:nth-child(31) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s; }
  .letter-split > span:nth-child(32), .letter-split > span:nth-child(32) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s; }
  .letter-split > span:nth-child(33), .letter-split > span:nth-child(33) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s; }
  .letter-split > span:nth-child(34), .letter-split > span:nth-child(34) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s; }
  .letter-split > span:nth-child(35), .letter-split > span:nth-child(35) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s; }
  .letter-split > span:nth-child(36), .letter-split > span:nth-child(36) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s; }
  .letter-split > span:nth-child(37), .letter-split > span:nth-child(37) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s; }
  .letter-split > span:nth-child(38), .letter-split > span:nth-child(38) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s; }
  .letter-split > span:nth-child(39), .letter-split > span:nth-child(39) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s; }
  .letter-split > span:nth-child(40), .letter-split > span:nth-child(40) span {
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s;
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s;
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s; }

.wiggle-link:hover .wiggle, .wiggle-link:hover .wiggle::before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.wiggle {
  position: absolute;
  bottom: -7px;
  height: 3px;
  left: 20%;
  width: 60%;
  overflow: hidden;
  -webkit-transform: translateX(-105%);
  -moz-transform: translateX(-105%);
  -ms-transform: translateX(-105%);
  -o-transform: translateX(-105%);
  transform: translateX(-105%);
  -webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }
  .wiggle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(105%);
    -moz-transform: translateX(105%);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translateX(105%);
    -webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
    background: url("../img/ui/wiggle-white.svg") repeat-x center center/7px 3px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; }

.toyfight-logo-flat {
  width: 660px;
  height: 330px;
  margin: -165px 0 0 -330px;
  background: url("../img/ui/toyfight-logo.png") no-repeat center center/100%; }

.scroll-arrow-wrap {
  width: 50px;
  height: 40px;
  margin: -20px 0 0 -25px;
  bottom: 3%;
  left: 50%;
  -webkit-transition: 0.19s linear;
  -moz-transition: 0.19s linear;
  transition: 0.19s linear;
  z-index: 3; }
  .scroll-arrow-wrap[data-active="off"], .scroll-arrow-wrap[data-preloading="on"] {
    opacity: 0;
    pointer-events: none; }

.scroll-arrow-wrap:hover, .back-to-top-arrow-wrap:hover {
  cursor: pointer; }
  body[data-state="intro"] .scroll-arrow-wrap:hover span::before, body[data-state="intro"] .scroll-arrow-wrap:hover span::after, body[data-state="intro"] .back-to-top-arrow-wrap:hover span::before, body[data-state="intro"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #fff; }
  body[data-state="who"] .scroll-arrow-wrap:hover span::before, body[data-state="who"] .scroll-arrow-wrap:hover span::after, body[data-state="who"] .back-to-top-arrow-wrap:hover span::before, body[data-state="who"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #96ffca; }
  body[data-state="what"] .scroll-arrow-wrap:hover span::before, body[data-state="what"] .scroll-arrow-wrap:hover span::after, body[data-state="what"] .back-to-top-arrow-wrap:hover span::before, body[data-state="what"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #fff55a; }
  body[data-state="work"] .scroll-arrow-wrap:hover span::before, body[data-state="work"] .scroll-arrow-wrap:hover span::after, body[data-state="work"] .back-to-top-arrow-wrap:hover span::before, body[data-state="work"] .back-to-top-arrow-wrap:hover span::after {
    background-color: #fbe10f; }
  .scroll-arrow-wrap:hover span::before, .back-to-top-arrow-wrap:hover span::before {
    -webkit-transform: skewY(32deg);
    -moz-transform: skewY(32deg);
    -ms-transform: skewY(32deg);
    -o-transform: skewY(32deg);
    transform: skewY(32deg); }
  .scroll-arrow-wrap:hover span::after, .back-to-top-arrow-wrap:hover span::after {
    -webkit-transform: skewY(-32deg);
    -moz-transform: skewY(-32deg);
    -ms-transform: skewY(-32deg);
    -o-transform: skewY(-32deg);
    transform: skewY(-32deg); }

.scroll-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px; }
  .scroll-arrow span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1);
    animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1); }
    @media only screen and (max-width: 800px) {
      .scroll-arrow span {
        -webkit-animation: none !important;
        -moz-animation: none !important;
        animation: none !important; } }
    .scroll-arrow span::before, .scroll-arrow span::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      width: 50%;
      background-color: #fff;
      -webkit-transform: skewY(22deg);
      -moz-transform: skewY(22deg);
      -ms-transform: skewY(22deg);
      -o-transform: skewY(22deg);
      transform: skewY(22deg);
      -webkit-transform-origin: 50% 100%;
      -moz-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
      -o-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1);
      -moz-transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1);
      transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1); }
    .scroll-arrow span:nth-child(2) {
      -webkit-animation-delay: 1.5s;
      -moz-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .scroll-arrow span::before {
      left: 0; }
    .scroll-arrow span::after {
      left: 50%;
      -webkit-transform: skewY(-22deg);
      -moz-transform: skewY(-22deg);
      -ms-transform: skewY(-22deg);
      -o-transform: skewY(-22deg);
      transform: skewY(-22deg); }
  body[data-state="intro"] .scroll-arrow span::before, body[data-state="intro"] .scroll-arrow span::after {
    background-color: #212121; }

.logo-animation {
  width: 776px;
  height: 357px;
  margin: -178.5px 0 0 -388px;
  margin-top: -210px;
  -webkit-transform: scale(0.73);
  -moz-transform: scale(0.73);
  -ms-transform: scale(0.73);
  -o-transform: scale(0.73);
  transform: scale(0.73); }
  .logo-animation .logo-piece {
    position: absolute; }
    .logo-animation .logo-piece.logo-piece-h {
      width: 22.3%;
      height: 6.35%;
      -webkit-transform: rotate(-16deg);
      -moz-transform: rotate(-16deg);
      -ms-transform: rotate(-16deg);
      -o-transform: rotate(-16deg);
      transform: rotate(-16deg); }
    .logo-animation .logo-piece.logo-piece-v {
      width: 25.96%;
      height: 7.93%;
      -webkit-transform: rotate(-65.9deg);
      -moz-transform: rotate(-65.9deg);
      -ms-transform: rotate(-65.9deg);
      -o-transform: rotate(-65.9deg);
      transform: rotate(-65.9deg); }
    .logo-animation .logo-piece.logo-piece-d {
      width: 20.9%;
      height: 7.68%;
      -webkit-transform: rotate(-43.7deg);
      -moz-transform: rotate(-43.7deg);
      -ms-transform: rotate(-43.7deg);
      -o-transform: rotate(-43.7deg);
      transform: rotate(-43.7deg); }
    .logo-animation .logo-piece div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      -o-transform-origin: 100% 0;
      transform-origin: 100% 0;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
    .logo-animation .logo-piece div::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      -o-transform-origin: 100% 0;
      transform-origin: 100% 0;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden; }
    .logo-animation .logo-piece:nth-child(1) div, .logo-animation .logo-piece:nth-child(1) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.01s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.01s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.01s; }
    .logo-animation .logo-piece:nth-child(2) div, .logo-animation .logo-piece:nth-child(2) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.02s; }
    .logo-animation .logo-piece:nth-child(3) div, .logo-animation .logo-piece:nth-child(3) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.03s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.03s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.03s; }
    .logo-animation .logo-piece:nth-child(4) div, .logo-animation .logo-piece:nth-child(4) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.04s; }
    .logo-animation .logo-piece:nth-child(5) div, .logo-animation .logo-piece:nth-child(5) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.05s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.05s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.05s; }
    .logo-animation .logo-piece:nth-child(6) div, .logo-animation .logo-piece:nth-child(6) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.06s; }
    .logo-animation .logo-piece:nth-child(7) div, .logo-animation .logo-piece:nth-child(7) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.07s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.07s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.07s; }
    .logo-animation .logo-piece:nth-child(8) div, .logo-animation .logo-piece:nth-child(8) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.08s; }
    .logo-animation .logo-piece:nth-child(9) div, .logo-animation .logo-piece:nth-child(9) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.09s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.09s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.09s; }
    .logo-animation .logo-piece:nth-child(10) div, .logo-animation .logo-piece:nth-child(10) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s; }
    .logo-animation .logo-piece:nth-child(11) div, .logo-animation .logo-piece:nth-child(11) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s; }
    .logo-animation .logo-piece:nth-child(12) div, .logo-animation .logo-piece:nth-child(12) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s; }
    .logo-animation .logo-piece:nth-child(13) div, .logo-animation .logo-piece:nth-child(13) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s; }
    .logo-animation .logo-piece:nth-child(14) div, .logo-animation .logo-piece:nth-child(14) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s; }
    .logo-animation .logo-piece:nth-child(15) div, .logo-animation .logo-piece:nth-child(15) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s; }
    .logo-animation .logo-piece:nth-child(16) div, .logo-animation .logo-piece:nth-child(16) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s; }
    .logo-animation .logo-piece:nth-child(17) div, .logo-animation .logo-piece:nth-child(17) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s; }
    .logo-animation .logo-piece:nth-child(18) div, .logo-animation .logo-piece:nth-child(18) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s; }
    .logo-animation .logo-piece:nth-child(19) div, .logo-animation .logo-piece:nth-child(19) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s; }
    .logo-animation .logo-piece:nth-child(20) div, .logo-animation .logo-piece:nth-child(20) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s; }
    .logo-animation .logo-piece:nth-child(21) div, .logo-animation .logo-piece:nth-child(21) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s; }
    .logo-animation .logo-piece:nth-child(22) div, .logo-animation .logo-piece:nth-child(22) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s; }
    .logo-animation .logo-piece:nth-child(23) div, .logo-animation .logo-piece:nth-child(23) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s; }
    .logo-animation .logo-piece:nth-child(24) div, .logo-animation .logo-piece:nth-child(24) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s; }
    .logo-animation .logo-piece:nth-child(25) div, .logo-animation .logo-piece:nth-child(25) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s; }
    .logo-animation .logo-piece:nth-child(26) div, .logo-animation .logo-piece:nth-child(26) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s; }
    .logo-animation .logo-piece:nth-child(27) div, .logo-animation .logo-piece:nth-child(27) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s; }
    .logo-animation .logo-piece:nth-child(28) div, .logo-animation .logo-piece:nth-child(28) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s; }
    .logo-animation .logo-piece:nth-child(29) div, .logo-animation .logo-piece:nth-child(29) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s; }
    .logo-animation .logo-piece:nth-child(30) div, .logo-animation .logo-piece:nth-child(30) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s; }
    .logo-animation .logo-piece:nth-child(31) div, .logo-animation .logo-piece:nth-child(31) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s; }
    .logo-animation .logo-piece:nth-child(32) div, .logo-animation .logo-piece:nth-child(32) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s; }
    .logo-animation .logo-piece:nth-child(33) div, .logo-animation .logo-piece:nth-child(33) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s; }
    .logo-animation .logo-piece:nth-child(34) div, .logo-animation .logo-piece:nth-child(34) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s; }
    .logo-animation .logo-piece:nth-child(35) div, .logo-animation .logo-piece:nth-child(35) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s; }
    .logo-animation .logo-piece:nth-child(36) div, .logo-animation .logo-piece:nth-child(36) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s; }
    .logo-animation .logo-piece:nth-child(37) div, .logo-animation .logo-piece:nth-child(37) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s; }
    .logo-animation .logo-piece:nth-child(38) div, .logo-animation .logo-piece:nth-child(38) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s; }
    .logo-animation .logo-piece:nth-child(39) div, .logo-animation .logo-piece:nth-child(39) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s; }
    .logo-animation .logo-piece:nth-child(40) div, .logo-animation .logo-piece:nth-child(40) div::before {
      -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
      -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
      transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s; }
    .page-content[data-active="off"] .logo-animation .logo-piece div {
      -webkit-transform: translate3d(-105%, 0, 0);
      -moz-transform: translate3d(-105%, 0, 0);
      -ms-transform: translate3d(-105%, 0, 0);
      -o-transform: translate3d(-105%, 0, 0);
      transform: translate3d(-105%, 0, 0); }
    .page-content[data-active="off"] .logo-animation .logo-piece div::before {
      -webkit-transform: translate3d(105%, 0, 0);
      -moz-transform: translate3d(105%, 0, 0);
      -ms-transform: translate3d(105%, 0, 0);
      -o-transform: translate3d(105%, 0, 0);
      transform: translate3d(105%, 0, 0); }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(1) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(1) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.285s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.285s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.285s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(2) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(2) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(3) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(3) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.455s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.455s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.455s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(4) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(4) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(5) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(5) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.625s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.625s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.625s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(6) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(6) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(7) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(7) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.795s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.795s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.795s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(8) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(8) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(9) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(9) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.965s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.965s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.965s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(10) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(10) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(11) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(11) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(12) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(12) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(13) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(13) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(14) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(14) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(15) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(15) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(16) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(16) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(17) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(17) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(18) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(18) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(19) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(19) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(20) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(20) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(21) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(21) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(22) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(22) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(23) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(23) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(24) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(24) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(25) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(25) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(26) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(26) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(27) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(27) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(28) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(28) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(29) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(29) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(30) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(30) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(31) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(31) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(32) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(32) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(33) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(33) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(34) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(34) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(35) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(35) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(36) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(36) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(37) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(37) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(38) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(38) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(39) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(39) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s; }
    .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(40) div, .page-content[data-active="on"] .logo-animation .logo-piece:nth-child(40) div::before {
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s;
      -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s;
      transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s; }
    .logo-animation .logo-piece.t-1 {
      top: 45.3%;
      left: 2.1%; }
      .logo-animation .logo-piece.t-1 div::before {
        background: url("../img/ui/logo/toyfight-word/t/t-h-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.t-2 {
      top: 65.9%;
      left: -5.1%; }
      .logo-animation .logo-piece.t-2 div::before {
        background: url("../img/ui/logo/toyfight-word/t/t-v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.t-3 {
      top: 73%;
      left: 1.2%; }
      .logo-animation .logo-piece.t-3 div::before {
        background: url("../img/ui/logo/toyfight-word/t/t-d-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.o-1 {
      width: 40%;
      top: 60.5%;
      left: -4.1%; }
      .logo-animation .logo-piece.o-1 div::before {
        background: url("../img/ui/logo/toyfight-word/o/o-v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.o-2 {
      top: 56%;
      left: 13.8%; }
      .logo-animation .logo-piece.o-2 div::before {
        background: url("../img/ui/logo/toyfight-word/o/o-h-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.o-3 {
      top: 59.5%;
      left: 8.8%; }
      .logo-animation .logo-piece.o-3 div::before {
        background: url("../img/ui/logo/toyfight-word/o/o-v-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.o-4 {
      top: 70.5%;
      left: 9.5%; }
      .logo-animation .logo-piece.o-4 div::before {
        background: url("../img/ui/logo/toyfight-word/o/o-d-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.y-1 {
      top: 52.5%;
      left: 15.1%; }
      .logo-animation .logo-piece.y-1 div::before {
        background: url("../img/ui/logo/toyfight-word/y/y-v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.y-2 {
      top: 59.9%;
      left: 20.8%; }
      .logo-animation .logo-piece.y-2 div::before {
        background: url("../img/ui/logo/toyfight-word/y/y-d-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.y-3 {
      top: 68.7%;
      left: 17.2%; }
      .logo-animation .logo-piece.y-3 div::before {
        background: url("../img/ui/logo/toyfight-word/y/y-v-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.y-4 {
      top: 76.4%;
      left: 22.7%; }
      .logo-animation .logo-piece.y-4 div::before {
        background: url("../img/ui/logo/toyfight-word/y/y-d-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.f-1 {
      top: 20.9%;
      left: 40.4%; }
      .logo-animation .logo-piece.f-1 div::before {
        background: url("../img/ui/logo/toyfight-word/f/f-h-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.f-2 {
      top: 41.1%;
      left: 32.8%; }
      .logo-animation .logo-piece.f-2 div::before {
        background: url("../img/ui/logo/toyfight-word/f/f-v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.f-3 {
      top: 39.7%;
      left: 39.8%; }
      .logo-animation .logo-piece.f-3 div::before {
        background: url("../img/ui/logo/toyfight-word/f/f-h-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.i-1 {
      top: 35%;
      left: 42.4%; }
      .logo-animation .logo-piece.i-1 div::before {
        background: url("../img/ui/logo/toyfight-word/i/i-v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.i-2 {
      top: 43.1%;
      left: 47.8%; }
      .logo-animation .logo-piece.i-2 div::before {
        background: url("../img/ui/logo/toyfight-word/i/i-d-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.g-1 {
      top: 29.5%;
      left: 50.4%; }
      .logo-animation .logo-piece.g-1 div::before {
        background: url("../img/ui/logo/toyfight-word/g/g-v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.g-2 {
      top: 38.6%;
      left: 55.4%; }
      .logo-animation .logo-piece.g-2 div::before {
        background: url("../img/ui/logo/toyfight-word/g/g-d-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.g-3 {
      top: 23.9%;
      left: 58.2%;
      width: 32%;
      height: 7%; }
      .logo-animation .logo-piece.g-3 div::before {
        background: url("../img/ui/logo/toyfight-word/g/g-h-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.g-4 {
      width: 38%;
      top: 49.1%;
      left: 46%; }
      .logo-animation .logo-piece.g-4 div::before {
        background: url("../img/ui/logo/toyfight-word/g/g-v-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.g-5 {
      top: 64.5%;
      left: 53.2%;
      width: 25.4%;
      height: 6.7%; }
      .logo-animation .logo-piece.g-5 div::before {
        background: url("../img/ui/logo/toyfight-word/g/g-h-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.g-6 {
      top: 38.5%;
      left: 51%;
      width: 34%;
      height: 13%; }
      .logo-animation .logo-piece.g-6 div::before {
        background: url("../img/ui/logo/toyfight-word/g/g-d-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.h-1 {
      top: 20.7%;
      left: 64.6%; }
      .logo-animation .logo-piece.h-1 div::before {
        background: url("../img/ui/logo/toyfight-word/h/h-v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.h-2 {
      top: 20.2%;
      left: 71.7%; }
      .logo-animation .logo-piece.h-2 div::before {
        background: url("../img/ui/logo/toyfight-word/h/h-d-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.h-3 {
      width: 35%;
      height: 8.3%;
      top: 15.7%;
      left: 66.6%; }
      .logo-animation .logo-piece.h-3 div::before {
        background: url("../img/ui/logo/toyfight-word/h/h-v-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.h-4 {
      top: 25.4%;
      left: 76.6%; }
      .logo-animation .logo-piece.h-4 div::before {
        background: url("../img/ui/logo/toyfight-word/h/h-d-2.svg") no-repeat center center; }
    .logo-animation .logo-piece.t2-1 {
      top: 12.6%;
      left: 78.1%; }
      .logo-animation .logo-piece.t2-1 div::before {
        background: url("../img/ui/logo/toyfight-word/t2/t2-v-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.t2-2 {
      top: 10.6%;
      left: 85.6%; }
      .logo-animation .logo-piece.t2-2 div::before {
        background: url("../img/ui/logo/toyfight-word/t2/t2-h-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.t2-3 {
      top: 20.4%;
      left: 83.8%; }
      .logo-animation .logo-piece.t2-3 div::before {
        background: url("../img/ui/logo/toyfight-word/t2/t2-d-1.svg") no-repeat center center; }
    .logo-animation .logo-piece.logo-piece-dash {
      top: 77.8%;
      left: 29.8%;
      width: 27%;
      height: 6.8%;
      -webkit-transform: rotate(-17deg);
      -moz-transform: rotate(-17deg);
      -ms-transform: rotate(-17deg);
      -o-transform: rotate(-17deg);
      transform: rotate(-17deg); }
      .logo-animation .logo-piece.logo-piece-dash div::before {
        background: url("../img/ui/logo/toyfight-word/slash.svg") no-repeat center center; }
    .logo-animation .logo-piece.logo-piece-rights {
      top: 32%;
      left: 92.4%;
      width: 5%;
      height: 5%; }
      .logo-animation .logo-piece.logo-piece-rights div::before {
        background: url("../img/ui/logo/toyfight-word/rights.svg") no-repeat center center; }

.preloader-shield {
  z-index: 500;
  position: absolute;
  top: 50vh;}

nav, .sound-on-off {
  z-index: 100; }

.modal {
  z-index: 120; }

.page-content .masterhead {
  -webkit-transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
  -moz-transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
  transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s; }
  .page-content .masterhead h1 {
    font-size: 22vw;
    margin-bottom: 0;
    pointer-events: none; }
    @media screen and (min-width: 1400px) {
      .page-content .masterhead h1 {
        font-size: 21em; } }
  .page-content .masterhead[data-active="off"] {
    opacity: 0;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px); }

.intro-content h1 {
  color: #fffade; }
.intro-content h3, .intro-content h2, .intro-content p {
  color: rgba(33, 33, 33, 0.9); }
.intro-content a {
  color: #212121; }
.intro-content h3::after {
  background-color: #fffade; }
.intro-content .ledge::before {
  background-color: #ffd948; }

body[data-state="intro"] .underline-link::after {
  background-color: #ffd42d; }
body[data-state="intro"] .underline-link:hover span {
  color: #ffd42d; }
body[data-state="intro"] .icon-mail::before {
  background: url("../img/ui/colors/intro/icon-mail.svg") no-repeat center center/100%; }
body[data-state="intro"] .icon-twitter::before {
  background: url("../img/ui/colors/intro/icon-twitter.svg") no-repeat center center/100%; }
body[data-state="intro"] .icon-behance::before {
  background: url("../img/ui/colors/intro/icon-behance.svg") no-repeat center center/100%; }
body[data-state="intro"] .icon-dribbble::before {
  background: url("../img/ui/colors/intro/icon-dribbble.svg") no-repeat center center/100%; }
body[data-state="intro"] .icon-linkedin::before {
  background: url("../img/ui/colors/intro/icon-linkedin.svg") no-repeat center center/100%; }

.who-content h1 {
  color: #96ffca; }
.who-content h3::after {
  background-color: #96ffca; }
.who-content .ledge::before, .who-content .exploded-figures-section[data-active="off"] .ledge::before {
  background-color: #214fc6; }

body[data-state="who"] .underline-link::after {
  background-color: #1544c0; }
body[data-state="who"] .underline-link:hover span {
  color: #1544c0; }
body[data-state="who"] .icon-mail::before {
  background: url("../img/ui/colors/who/icon-mail.svg") no-repeat center center/100%; }
body[data-state="who"] .icon-twitter::before {
  background: url("../img/ui/colors/who/icon-twitter.svg") no-repeat center center/100%; }
body[data-state="who"] .icon-behance::before {
  background: url("../img/ui/colors/who/icon-behance.svg") no-repeat center center/100%; }
body[data-state="who"] .icon-dribbble::before {
  background: url("../img/ui/colors/who/icon-dribbble.svg") no-repeat center center/100%; }
body[data-state="who"] .icon-linkedin::before {
  background: url("../img/ui/colors/who/icon-linkedin.svg") no-repeat center center/100%; }

.what-content h1 {
  color: #fff55a; }
.work-content h1 {
  color: #fbe10f; }
.what-content h3::after {
  background-color: #fff55a; }
.what-content .white-bg h3::after {
  background-color: #f86449; }
.what-content .ledge {
  top: -35%; }
.what-content .ledge::before {
  background-color: rgba(255, 255, 255, 0.08); }

body[data-state="what"] .underline-link::after {
  background-color: #f86449; }
body[data-state="what"] .underline-link:hover span {
  color: #f86449; }
body[data-state="what"] a.icon-mail::before {
  background: url("../img/ui/colors/what/icon-mail.svg") no-repeat center center/100%; }
body[data-state="what"] a.icon-twitter::before {
  background: url("../img/ui/colors/what/icon-twitter.svg") no-repeat center center/100%; }
body[data-state="what"] a.icon-behance::before {
  background: url("../img/ui/colors/what/icon-behance.svg") no-repeat center center/100%; }
body[data-state="what"] a.icon-dribbble::before {
  background: url("../img/ui/colors/what/icon-dribbble.svg") no-repeat center center/100%; }
body[data-state="what"] a.icon-linkedin::before {
  background: url("../img/ui/colors/what/icon-linkedin.svg") no-repeat center center/100%; }

.work-content h3::after {
  background-color: #fbe10f; }
.work-content .white-bg h3::after {
  background-color: #5210ac; }
/*.work-content .masterhead {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }*/

body[data-state="work"] .ledge > div, body[data-state="project"] .ledge > div {
  background-color: #5817b3; }
body[data-state="work"] .underline-link::after, body[data-state="project"] .underline-link::after {
  background-color: #5210ac; }
body[data-state="work"] .underline-link:hover span, body[data-state="project"] .underline-link:hover span {
  color: #5210ac; }
body[data-state="work"] a.icon-mail::before, body[data-state="project"] a.icon-mail::before {
  background: url("../img/ui/colors/work/icon-mail.svg") no-repeat center center/100%; }
body[data-state="work"] a.icon-twitter::before, body[data-state="project"] a.icon-twitter::before {
  background: url("../img/ui/colors/work/icon-twitter.svg") no-repeat center center/100%; }
body[data-state="work"] a.icon-behance::before, body[data-state="project"] a.icon-behance::before {
  background: url("../img/ui/colors/work/icon-behance.svg") no-repeat center center/100%; }
body[data-state="work"] a.icon-dribbble::before, body[data-state="project"] a.icon-dribbble::before {
  background: url("../img/ui/colors/work/icon-dribbble.svg") no-repeat center center/100%; }
body[data-state="work"] a.icon-linkedin::before, body[data-state="project"] a.icon-linkedin::before {
  background: url("../img/ui/colors/work/icon-linkedin.svg") no-repeat center center/100%; }

.page-content {
  -webkit-transition: 0.27s linear;
  -moz-transition: 0.27s linear;
  transition: 0.27s linear;
  opacity: 1;
  will-change: opacity;
  z-index: 10;
  position: relative;}
  html.safari-browser .page-content {
    opacity: 0.999; }
  .page-content section, .page-content footer {
    -webkit-transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    -moz-transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
    transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s; }
  .page-content h1 {
    margin-bottom: 0.35em; }
  .page-content[data-active="off"] {
    opacity: 0;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s; }
    html.safari-browser .page-content[data-active="off"] {
      opacity: 0; }
    .page-content[data-active="off"] .masterhead, .page-content[data-active="off"] section, .page-content[data-active="off"] footer, .page-content[data-active="off"] .ledge {
      opacity: 0; }
  .page-content .scrolling-content {
    /*overflow-y: scroll;
    -webkit-overflow-scrolling: touch;*/
    position: relative;}
  .page-content .scrolling-content-wrap {
    /*width: 100%;
    height: 100%;*/}
  .page-content[data-active="on"] .letter-split > span {
    opacity: 1; }
    .page-content[data-active="on"] .letter-split > span:nth-child(1), .page-content[data-active="on"] .letter-split > span:nth-child(1) span {
      -webkit-transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      -moz-transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(2), .page-content[data-active="on"] .letter-split > span:nth-child(2) span {
      -webkit-transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
      -moz-transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
      transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(3), .page-content[data-active="on"] .letter-split > span:nth-child(3) span {
      -webkit-transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
      -moz-transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
      transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(4), .page-content[data-active="on"] .letter-split > span:nth-child(4) span {
      -webkit-transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
      -moz-transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
      transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(5), .page-content[data-active="on"] .letter-split > span:nth-child(5) span {
      -webkit-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
      -moz-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
      transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(6), .page-content[data-active="on"] .letter-split > span:nth-child(6) span {
      -webkit-transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
      -moz-transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
      transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(7), .page-content[data-active="on"] .letter-split > span:nth-child(7) span {
      -webkit-transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s;
      -moz-transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s;
      transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(8), .page-content[data-active="on"] .letter-split > span:nth-child(8) span {
      -webkit-transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
      -moz-transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
      transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(9), .page-content[data-active="on"] .letter-split > span:nth-child(9) span {
      -webkit-transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s;
      -moz-transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s;
      transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(10), .page-content[data-active="on"] .letter-split > span:nth-child(10) span {
      -webkit-transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
      -moz-transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
      transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(11), .page-content[data-active="on"] .letter-split > span:nth-child(11) span {
      -webkit-transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s;
      -moz-transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s;
      transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(12), .page-content[data-active="on"] .letter-split > span:nth-child(12) span {
      -webkit-transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
      -moz-transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
      transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(13), .page-content[data-active="on"] .letter-split > span:nth-child(13) span {
      -webkit-transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s;
      -moz-transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s;
      transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(14), .page-content[data-active="on"] .letter-split > span:nth-child(14) span {
      -webkit-transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
      -moz-transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
      transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(15), .page-content[data-active="on"] .letter-split > span:nth-child(15) span {
      -webkit-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
      -moz-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
      transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(16), .page-content[data-active="on"] .letter-split > span:nth-child(16) span {
      -webkit-transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
      -moz-transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
      transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(17), .page-content[data-active="on"] .letter-split > span:nth-child(17) span {
      -webkit-transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
      -moz-transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
      transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(18), .page-content[data-active="on"] .letter-split > span:nth-child(18) span {
      -webkit-transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
      -moz-transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
      transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(19), .page-content[data-active="on"] .letter-split > span:nth-child(19) span {
      -webkit-transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s;
      -moz-transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s;
      transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(20), .page-content[data-active="on"] .letter-split > span:nth-child(20) span {
      -webkit-transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
      -moz-transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
      transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(21), .page-content[data-active="on"] .letter-split > span:nth-child(21) span {
      -webkit-transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s;
      -moz-transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s;
      transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(22), .page-content[data-active="on"] .letter-split > span:nth-child(22) span {
      -webkit-transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s;
      -moz-transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s;
      transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(23), .page-content[data-active="on"] .letter-split > span:nth-child(23) span {
      -webkit-transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s;
      -moz-transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s;
      transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(24), .page-content[data-active="on"] .letter-split > span:nth-child(24) span {
      -webkit-transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
      -moz-transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
      transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(25), .page-content[data-active="on"] .letter-split > span:nth-child(25) span {
      -webkit-transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
      -moz-transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
      transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(26), .page-content[data-active="on"] .letter-split > span:nth-child(26) span {
      -webkit-transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s;
      -moz-transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s;
      transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(27), .page-content[data-active="on"] .letter-split > span:nth-child(27) span {
      -webkit-transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s;
      -moz-transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s;
      transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(28), .page-content[data-active="on"] .letter-split > span:nth-child(28) span {
      -webkit-transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s;
      -moz-transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s;
      transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(29), .page-content[data-active="on"] .letter-split > span:nth-child(29) span {
      -webkit-transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s;
      -moz-transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s;
      transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(30), .page-content[data-active="on"] .letter-split > span:nth-child(30) span {
      -webkit-transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
      -moz-transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
      transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(31), .page-content[data-active="on"] .letter-split > span:nth-child(31) span {
      -webkit-transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s;
      -moz-transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s;
      transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(32), .page-content[data-active="on"] .letter-split > span:nth-child(32) span {
      -webkit-transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s;
      -moz-transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s;
      transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(33), .page-content[data-active="on"] .letter-split > span:nth-child(33) span {
      -webkit-transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s;
      -moz-transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s;
      transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(34), .page-content[data-active="on"] .letter-split > span:nth-child(34) span {
      -webkit-transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
      -moz-transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
      transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(35), .page-content[data-active="on"] .letter-split > span:nth-child(35) span {
      -webkit-transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
      -moz-transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
      transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(36), .page-content[data-active="on"] .letter-split > span:nth-child(36) span {
      -webkit-transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s;
      -moz-transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s;
      transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(37), .page-content[data-active="on"] .letter-split > span:nth-child(37) span {
      -webkit-transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s;
      -moz-transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s;
      transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(38), .page-content[data-active="on"] .letter-split > span:nth-child(38) span {
      -webkit-transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s;
      -moz-transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s;
      transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(39), .page-content[data-active="on"] .letter-split > span:nth-child(39) span {
      -webkit-transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s;
      -moz-transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s;
      transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s; }
    .page-content[data-active="on"] .letter-split > span:nth-child(40), .page-content[data-active="on"] .letter-split > span:nth-child(40) span {
      -webkit-transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
      -moz-transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
      transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s; }

.vs-scrollbar {
  background: rgba(0, 0, 0, 0.13);
  bottom: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 10px;
}

@media (max-width: 1024px) {
  .vs-scrollbar {
    width: 2px;
  }
}

.vs-scrolldrag {
  background-color: #FFF;
}

.project-content .vs-scrolldrag {
  background: #212121;
}

/*.scrolling-content::-webkit-scrollbar {
  width: 10px;
  background: rgba(0, 0, 0, 0.13);
   }

.scrolling-content::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #FFF; }*/

/*.project-content::-webkit-scrollbar-thumb {
  background: #212121;
   }*/

.intro-content cite::selection,
.intro-content p::selection,
.intro-content h1::selection,
.intro-content h2::selection,
.intro-content h3::selection,
.intro-content h4::selection {
  background: #212121;
  /* WebKit/Blink Browsers */
  color: #ffd42d; }

.scrolling-content-wrap {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

@media (max-width: 1024px) {
  .page-content .scrolling-content {
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: relative;
    top: 0;
    width: 100%;
  }
  .scrolling-content-wrap {
    height: auto;
    overflow: hidden;
    position: relative;
  }
}

.exploded-figures-section .content {
  pointer-events: none; }

section .content {
  margin: 1vw auto 20vw;
  width: 60.5%; }
  @media only screen and (max-width: 900px) {
    section .content {
      width: 85%; } }
  @media only screen and (max-width: 800px) {
    section .content {
      margin-bottom: 30vw; } }
section p {
  width: 75%; }
section h2, section p {
  margin-left: auto;
  margin-right: auto; }
section h2 {
  max-width: 800px; }
section p {
  max-width: 580px; }
section:not(.scroll-content-shown) .content > * {
  -webkit-transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1); }
section.white-bg {
  padding: 16vw 0 2vw; }
  section.white-bg h3, section.white-bg h2, section.white-bg p {
    color: rgba(33, 33, 33, 0.9); }
  section.white-bg.rule-below::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05); }
  section.white-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e7eeed;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1); }
section[data-active="off"]:not(.scroll-content-shown) .content > *, section[data-active="off"]:not(.scroll-content-shown) .columns li > *, section[data-active="off"]:not(.scroll-content-shown) .logo-matrix li {
  opacity: 0;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px); }
section[data-active="off"]:not(.scroll-content-shown) h3::after {
  -webkit-transform: skewY(-16deg) scaleX(0);
  -moz-transform: skewY(-16deg) scaleX(0);
  -ms-transform: skewY(-16deg) scaleX(0);
  -o-transform: skewY(-16deg) scaleX(0);
  transform: skewY(-16deg) scaleX(0); }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(1) {
  -webkit-transition-delay: 0.17s;
  -moz-transition-delay: 0.17s;
  transition-delay: 0.17s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(2) {
  -webkit-transition-delay: 0.34s;
  -moz-transition-delay: 0.34s;
  transition-delay: 0.34s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(3) {
  -webkit-transition-delay: 0.51s;
  -moz-transition-delay: 0.51s;
  transition-delay: 0.51s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(4) {
  -webkit-transition-delay: 0.68s;
  -moz-transition-delay: 0.68s;
  transition-delay: 0.68s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(5) {
  -webkit-transition-delay: 0.85s;
  -moz-transition-delay: 0.85s;
  transition-delay: 0.85s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(6) {
  -webkit-transition-delay: 1.02s;
  -moz-transition-delay: 1.02s;
  transition-delay: 1.02s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(7) {
  -webkit-transition-delay: 1.19s;
  -moz-transition-delay: 1.19s;
  transition-delay: 1.19s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(8) {
  -webkit-transition-delay: 1.36s;
  -moz-transition-delay: 1.36s;
  transition-delay: 1.36s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(9) {
  -webkit-transition-delay: 1.53s;
  -moz-transition-delay: 1.53s;
  transition-delay: 1.53s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .content > *:nth-child(10) {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(1) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(2) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(3) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(5) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(6) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(7) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(8) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(9) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(1) > *:nth-child(10) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(1) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(2) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(3) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(4) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(5) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(6) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(7) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(8) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(9) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(2) > *:nth-child(10) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(1) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(2) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(3) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(4) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(5) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(6) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(7) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(8) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(9) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(3) > *:nth-child(10) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(1) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(2) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(3) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(4) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(5) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(6) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(7) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(8) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(9) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(4) > *:nth-child(10) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(1) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(2) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(3) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(4) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(5) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(6) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(7) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(8) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(9) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(5) > *:nth-child(10) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(1) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(2) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(3) {
  -webkit-transition-delay: 3.0s;
  -moz-transition-delay: 3.0s;
  transition-delay: 3.0s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(4) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(5) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(6) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(7) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(8) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(9) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(6) > *:nth-child(10) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(1) {
  -webkit-transition-delay: 3.0s;
  -moz-transition-delay: 3.0s;
  transition-delay: 3.0s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(2) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(3) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(4) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(5) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(6) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(7) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(8) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(9) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(7) > *:nth-child(10) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(1) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(2) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(3) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(4) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(5) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(6) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(7) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(8) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(9) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(8) > *:nth-child(10) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(1) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(2) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(3) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(4) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(5) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(6) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(7) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(8) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(9) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(9) > *:nth-child(10) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(1) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(2) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(3) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(4) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(5) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(6) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(7) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(8) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(9) {
  -webkit-transition-delay: 5.8s;
  -moz-transition-delay: 5.8s;
  transition-delay: 5.8s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .columns li:nth-child(10) > *:nth-child(10) {
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(1) {
  -webkit-transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  -moz-transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(2) {
  -webkit-transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  -moz-transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(3) {
  -webkit-transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s;
  -moz-transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s;
  transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(4) {
  -webkit-transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  -moz-transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(5) {
  -webkit-transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s;
  -moz-transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s;
  transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(6) {
  -webkit-transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
  -moz-transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
  transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(7) {
  -webkit-transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
  -moz-transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
  transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(8) {
  -webkit-transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
  -moz-transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
  transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(9) {
  -webkit-transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s;
  -moz-transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s;
  transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(10) {
  -webkit-transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
  -moz-transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
  transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(11) {
  -webkit-transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s;
  -moz-transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s;
  transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(12) {
  -webkit-transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
  -moz-transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
  transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(13) {
  -webkit-transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
  -moz-transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
  transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(14) {
  -webkit-transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
  -moz-transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
  transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(15) {
  -webkit-transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
  -moz-transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
  transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(16) {
  -webkit-transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
  -moz-transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
  transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(17) {
  -webkit-transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
  -moz-transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
  transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(18) {
  -webkit-transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
  -moz-transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
  transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(19) {
  -webkit-transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
  -moz-transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
  transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(20) {
  -webkit-transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
  -moz-transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
  transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(21) {
  -webkit-transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s;
  -moz-transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s;
  transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(22) {
  -webkit-transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
  -moz-transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
  transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(23) {
  -webkit-transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s;
  -moz-transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s;
  transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(24) {
  -webkit-transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s;
  -moz-transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s;
  transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(25) {
  -webkit-transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s;
  -moz-transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s;
  transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(26) {
  -webkit-transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s;
  -moz-transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s;
  transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(27) {
  -webkit-transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s;
  -moz-transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s;
  transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(28) {
  -webkit-transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s;
  -moz-transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s;
  transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(29) {
  -webkit-transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s;
  -moz-transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s;
  transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s; }
section[data-active="on"]:not(.scroll-content-shown) .logo-matrix li:nth-child(30) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s; }
section[data-active="on"]:not(.scroll-content-shown) h3::after {
  -webkit-transition-delay: 0.51s;
  -moz-transition-delay: 0.51s;
  transition-delay: 0.51s; }

.columns {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-top: 35px;
  -ms-flex-pack: justify; }
  .columns p {
    margin-bottom: 0.6em; }
  .columns li {
    width: 100%; }

.logo-matrix {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
  margin-top: 40px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
  .logo-matrix li {
    width: 12vw;
    height: 6.2vw;
    float: left;
    position: relative;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
    max-height: 96px;
    max-width: 152px;
    -webkit-backface-visibility: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .logo-matrix li:after {
    background-color: rgb(83, 88, 95);
    bottom: -.25em;
    content: "";
    height: 1px;
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
  }

  .logo-matrix li:nth-last-child(1):after,
  .logo-matrix li:nth-last-child(2):after,
  .logo-matrix li:nth-last-child(3):after,
  .logo-matrix li:nth-last-child(4):after,
  .logo-matrix li:nth-last-child(5):after {
    display: none;
  }
    @media screen and (max-width: 900px) {
      .logo-matrix li {
        width: 33%;
        height: 25vw;}
      .logo-matrix li:after {
        display: none;}
    }

footer {
  width: 100%;
  position: relative;
  height: 500px;
  color: #212121;
  overflow: hidden; }
  footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f5f5;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.62s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: -moz-transform 0.62s cubic-bezier(0.7, 0.3, 0, 1);
    transition: transform 0.62s cubic-bezier(0.7, 0.3, 0, 1); }
  footer::after {
    content: '';
    background: url("../img/figures/tinified/footer-rock.png") no-repeat center center/100%;
    width: 175px;
    height: 450px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -90px;
    -webkit-transition: 0.95s cubic-bezier(1, 0, 0, 1);
    -moz-transition: 0.95s cubic-bezier(1, 0, 0, 1);
    transition: 0.95s cubic-bezier(1, 0, 0, 1); }
  footer .footer-social {
    margin-top: -1px;
  }
  footer .toyfight-logo-flat {
    margin-top: -200px;
    -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s;
    -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s;
    transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s; }
  footer .footer-footer {
    width: 94%;
    background-color: #fff;
    padding: 15px 3% 16px;
    -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s;
    -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s;
    transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s; }
    footer .footer-footer cite {
      display: block;
      -webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
      -moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
      transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1); }
  footer[data-active="on"]::before {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  footer[data-active="on"]::after {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    transition-delay: 0.25s; }
  footer[data-active="off"] .toyfight-logo-flat {
    opacity: 0;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%); }
  footer[data-active="off"]::after {
    -webkit-transform: translateY(105%);
    -moz-transform: translateY(105%);
    -ms-transform: translateY(105%);
    -o-transform: translateY(105%);
    transform: translateY(105%); }
  footer[data-active="off"] .footer-footer {
    -webkit-transform: translateY(105%);
    -moz-transform: translateY(105%);
    -ms-transform: translateY(105%);
    -o-transform: translateY(105%);
    transform: translateY(105%);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s; }
  footer ul li:nth-child(1) {
    float: left; }
  footer ul li:nth-child(2) {
    float: right;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
    footer ul li:nth-child(2) a {
      margin: 0 0.3vw; }
  footer.condensed {
    height: 52px; }
    @media only screen and (max-width: 800px) {
      footer.condensed {
        height: auto; } }
    footer.condensed[data-active="off"] .footer-footer, footer.condensed[data-active="on"] .footer-footer {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }

.ledge {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .ledge > div, .ledge::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
    width: 300vw;
    height: 300vw;
    margin-left: -150vw; }

.ledge-27-deg::before {
  -webkit-transform: rotate(27deg);
  -moz-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  transform: rotate(27deg); }

.ledge-minus-16-deg::before {
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg); }

.awards ul {
  max-width: 940px;
  margin-top: 10vw;
  position: relative;
  margin-left: auto;
  margin-right: auto; }
.awards li {
  width: auto;
  text-align: left;
  z-index: 1; }
  .awards li h4 {
    width: 100%;
    font-size: 18px;
    margin-bottom: 1.2em; }
@media screen and (max-width: 1260px) {
  .awards li h4 {
    width: 90%;
    font-size: 16px; } }
.awards .gigantic-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  color: #f86449;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: -3%; }
  .awards .gigantic-text span.award-count {
    line-height: 1em;
    position: relative; }
  .awards .gigantic-text #award-counter, .awards .gigantic-text .asterik {
    -webkit-transform: translateX(-2vw);
    -moz-transform: translateX(-2vw);
    -ms-transform: translateX(-2vw);
    -o-transform: translateX(-2vw);
    transform: translateX(-2vw);
    display: inline-block; }
  .awards .gigantic-text span.asterik {
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -ms-transform: scale(0.25);
    -o-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: 0 16%;
    -moz-transform-origin: 0 16%;
    -ms-transform-origin: 0 16%;
    -o-transform-origin: 0 16%;
    transform-origin: 0 16%;
    position: absolute; }
  .awards .gigantic-text span.asterik, .awards .gigantic-text span.disclaimer {
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s; }
  .awards .gigantic-text span.award-count::before {
    content: '* Subject to change';
    position: absolute;
    font-family: 'Ginger Regular';
    font-size: 12px;
    line-height: 10px;
    letter-spacing: -0.02em;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center; }
  .awards .gigantic-text.counted span.asterik, .awards .gigantic-text.counted span.award-count::before {
    opacity: 1; }
@media screen and (max-width: 960px) {
  .awards ul {
    display: block; }
    .awards ul li {
      text-align: center; }
    .awards ul li h4 {
      width: 100%; }
  .awards .gigantic-text {
    display: none; } }

.project-thumb {
  background-size: contain;
  width: 100%;
  height: 100%; }
  .project-thumb img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

@media (max-width: 1024px) {
  .project-thumb {
    display: none;
  }
}

.project-thumb-hover {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25vw;
  height: 25vw;
  margin: -12.5vw 0 0 -12.5vw; }
  .project-thumb-hover h4, .project-thumb-hover cite {
    color: rgba(255, 255, 255, 0);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .project-thumb-hover h4 {
    width: 68%;
    margin-left: 13%;
    text-align: left;
    margin-bottom: 0.5em; }
  .project-thumb-hover cite {
    font-family: 'Ginger Bold';
    text-transform: uppercase;
    font-size: 10px;
    left: 13%;
    bottom: 13%; }
  .project-thumb-hover cite, .project-thumb-hover .arrow-head {
    position: absolute; }
  .project-thumb-hover .arrow-head {
    right: 14%;
    bottom: 11.5%;
    margin: 0 -4px -4px 0; }
  .project-thumb-hover .arrow-head span {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-thumb-hover:hover .project-thumb-hover-inner::before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  .project-thumb-hover:hover .project-thumb-hover-inner h4, .project-thumb-hover:hover .project-thumb-hover-inner cite {
    color: white;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  .project-thumb-hover:hover .project-thumb-hover-inner h4 {
    -webkit-transition-delay: 0.26s;
    -moz-transition-delay: 0.26s;
    transition-delay: 0.26s; }
  .project-thumb-hover:hover .project-thumb-hover-inner cite {
    -webkit-transition-delay: 0.44s;
    -moz-transition-delay: 0.44s;
    transition-delay: 0.44s; }
  .project-thumb-hover:hover .project-thumb-hover-inner .arrow-head span {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition-delay: 0.53s;
    -moz-transition-delay: 0.53s;
    transition-delay: 0.53s; }

.project-thumb-hover-inner {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  @media only screen and (max-width: 800px) {
    .project-thumb-hover-inner {
      display: none; } }
  .project-thumb-hover-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #212121; }
  .project-thumb-hover-inner::before {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1); }

@media screen and (max-width: 800px) {
  .intro-content .project-thumbs {
    margin-top: -60px;
    margin-bottom: 50px; } }
.intro-content .project-thumb {
  width: 40vw;
  height: 26.664vw;
  margin: -13.332vw 0 0 -20vw;
  position: absolute;
  -webkit-transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1); }
  @media screen and (min-width: 1400px) {
    .intro-content .project-thumb {
      width: 30vw;
      height: 19.93vw;
      margin: -9.965vw 0 0 -15vw; } }
.intro-content section[data-active="off"] .ledge::before {
  background-color: transparent;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
.intro-content section[data-active="off"] .project-thumb {
  opacity: 0;
  -webkit-transform: translate3d(-60px, -30.5px, 0);
  -moz-transform: translate3d(-60px, -30.5px, 0);
  -ms-transform: translate3d(-60px, -30.5px, 0);
  -o-transform: translate3d(-60px, -30.5px, 0);
  transform: translate3d(-60px, -30.5px, 0); }
.intro-content section[data-active="on"] .project-thumbs > *:nth-child(1) {
  -webkit-transition-delay: 0.62s;
  -moz-transition-delay: 0.62s;
  transition-delay: 0.62s; }
.intro-content section[data-active="on"] .project-thumbs > *:nth-child(2) {
  -webkit-transition-delay: 0.84s;
  -moz-transition-delay: 0.84s;
  transition-delay: 0.84s; }
.intro-content section[data-active="on"] .project-thumbs > *:nth-child(3) {
  -webkit-transition-delay: 1.06s;
  -moz-transition-delay: 1.06s;
  transition-delay: 1.06s; }
.intro-content section[data-active="on"] .project-thumbs > *:nth-child(4) {
  -webkit-transition-delay: 1.28s;
  -moz-transition-delay: 1.28s;
  transition-delay: 1.28s; }
.intro-content .home-thumb:nth-child(1) {
  top: -8.55vw;
  left: -27.6vw; }
  @media screen and (min-width: 1400px) {
    .intro-content .home-thumb:nth-child(1) {
      top: -9.85vw; } }
.intro-content .home-thumb:nth-child(2) {
  top: 2.15vw;
  left: 28vw; }
  @media screen and (min-width: 1400px) {
    .intro-content .home-thumb:nth-child(2) {
      top: 5.25vw; } }
@media screen and (max-width: 768px) {
  .intro-content .home-thumb {
    display: none; } }
.intro-content .mobile-thumb {
  display: none;
  top: auto;
  left: auto; }
  @media screen and (max-width: 768px) {
    .intro-content .mobile-thumb {
      display: block; } }

.figure-section {
  z-index: 50;
}

.exploded-figures-section {
  margin-bottom: 30vw;
  margin-top: 25vw; }
  @media only screen and (max-width: 800px) {
    .exploded-figures-section {
      padding-top: 30vw; } }
  .exploded-figures-section .ledge {
    margin-top: -14vw; }
  .exploded-figures-section[data-active="off"] .exploded-figures > div {
    opacity: 0; }
  .exploded-figures-section[data-active="off"] .exploded-figures .jonny-exploded {
    -webkit-transform: translate3d(30px, 22px, 0);
    -moz-transform: translate3d(30px, 22px, 0);
    -ms-transform: translate3d(30px, 22px, 0);
    -o-transform: translate3d(30px, 22px, 0);
    transform: translate3d(30px, 22px, 0); }
  .exploded-figures-section[data-active="off"] .exploded-figures .leigh-exploded {
    -webkit-transform: translate3d(-30px, -22px, 0);
    -moz-transform: translate3d(-30px, -22px, 0);
    -ms-transform: translate3d(-30px, -22px, 0);
    -o-transform: translate3d(-30px, -22px, 0);
    transform: translate3d(-30px, -22px, 0); }

@media screen and (max-width: 800px) {
  .exploded-figures {
    display: none; } }
.exploded-figures > div {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  width: 25vw;
  height: 35vw;
  margin: -20vw 0 0 -20vw; }
.exploded-figures .jonny-exploded {
  left: -20vw;
  background: url("../img/figures/tinified/jonny-exploded.png") no-repeat center center/100% 100%;
  top: 7vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s; }
.exploded-figures .leigh-exploded {
  left: 33vw;
  top: -6vw;
  background: url("../img/figures/tinified/leigh-exploded.png") no-repeat center center/100% 100%;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s; }

section.left-aligned-section {
  padding: 20vw 0 10vw; }
  @media only screen and (max-width: 800px) {
    section.left-aligned-section {
      padding-top: 25vw; } }
  section.left-aligned-section .content {
    margin: 1vw 0 12vw 15%;
    width: 33%; }
    @media only screen and (max-width: 800px) {
      section.left-aligned-section .content {
        margin: 1vw auto 20vw auto;
        width: 80%; } }
    section.left-aligned-section .content > * {
      text-align: left;
      margin-left: 0;
      margin-right: 0;
      width: 100%; }
      @media only screen and (max-width: 800px) {
        section.left-aligned-section .content > * {
          text-align: center;
          margin-left: auto;
          margin-right: auto; } }
    section.left-aligned-section .content h1 {
      margin-bottom: 0.5em; }

section.profile-section h1, section.profile-section h3 {
  color: #1544c0; }
section.profile-section .social-list {
  margin-top: 1.7em;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }
  @media only screen and (max-width: 800px) {
    section.profile-section .social-list {
      -webkit-box-pack: center;
      -moz-box-pack: center;
      box-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; } }
section.profile-section .profile-figure {
  right: 26%;
  top: 50%;
  width: 42vw;
  height: 42vw;
  margin-top: -21vw;
  margin-right: -20vw; }
  section.profile-section .profile-figure div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    section.profile-section .profile-figure div:nth-child(1) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s; }
    section.profile-section .profile-figure div:nth-child(2) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s; }
    section.profile-section .profile-figure div:nth-child(3) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s; }
    section.profile-section .profile-figure div:nth-child(4) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s; }
    section.profile-section .profile-figure div:nth-child(5) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s; }
    section.profile-section .profile-figure div:nth-child(6) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s; }
    section.profile-section .profile-figure div:nth-child(7) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s; }
    section.profile-section .profile-figure div:nth-child(8) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s; }
    section.profile-section .profile-figure div:nth-child(9) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s; }
    section.profile-section .profile-figure div:nth-child(10) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s; }
    section.profile-section .profile-figure div:nth-child(11) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s; }
    section.profile-section .profile-figure div:nth-child(12) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s; }
    section.profile-section .profile-figure div:nth-child(13) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s; }
    section.profile-section .profile-figure div:nth-child(14) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s; }
    section.profile-section .profile-figure div:nth-child(15) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s; }
    section.profile-section .profile-figure div:nth-child(16) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s; }
    section.profile-section .profile-figure div:nth-child(17) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s; }
    section.profile-section .profile-figure div:nth-child(18) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s; }
    section.profile-section .profile-figure div:nth-child(19) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s; }
    section.profile-section .profile-figure div:nth-child(20) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s; }
    section.profile-section .profile-figure div:nth-child(21) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s; }
    section.profile-section .profile-figure div:nth-child(22) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s; }
    section.profile-section .profile-figure div:nth-child(23) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s; }
    section.profile-section .profile-figure div:nth-child(24) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s; }
    section.profile-section .profile-figure div:nth-child(25) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s; }
    section.profile-section .profile-figure div:nth-child(26) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s; }
    section.profile-section .profile-figure div:nth-child(27) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s; }
    section.profile-section .profile-figure div:nth-child(28) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s; }
    section.profile-section .profile-figure div:nth-child(29) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s; }
    section.profile-section .profile-figure div:nth-child(30) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s; }
    section.profile-section .profile-figure div:nth-child(31) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s; }
    section.profile-section .profile-figure div:nth-child(32) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s; }
    section.profile-section .profile-figure div:nth-child(33) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s; }
    section.profile-section .profile-figure div:nth-child(34) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s; }
    section.profile-section .profile-figure div:nth-child(35) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s; }
    section.profile-section .profile-figure div:nth-child(36) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s; }
    section.profile-section .profile-figure div:nth-child(37) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s; }
    section.profile-section .profile-figure div:nth-child(38) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s; }
    section.profile-section .profile-figure div:nth-child(39) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s; }
    section.profile-section .profile-figure div:nth-child(40) {
      -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s;
      -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s;
      transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s; }
  @media only screen and (max-width: 800px) {
    section.profile-section .profile-figure {
      display: none; } }
section.profile-section[data-active="off"] .profile-figure div {
  opacity: 0; }
@media only screen and (max-width: 800px) {
  section.profile-section {
    padding-bottom: 250px; }
    section.profile-section .mob-figure {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 450px; }
    section.profile-section .mob-jon {
      background: url("../img/figures/mob/tinified/jon-mob.png") no-repeat center bottom/380px; }
    section.profile-section .mob-leigh {
      background: url("../img/figures/mob/tinified/leigh-mob.png") no-repeat center bottom/380px; } }

.jon-profile-figure div:nth-child(1) {
  background: url("../img/figures/tinified/jon-exploded-face-on-1.png") no-repeat center center/100%; }
.jon-profile-figure div:nth-child(2) {
  background: url("../img/figures/tinified/jon-exploded-face-on-2.png") no-repeat center center/100%; }
.jon-profile-figure div:nth-child(3) {
  background: url("../img/figures/tinified/jon-exploded-face-on-3.png") no-repeat center center/100%; }
.jon-profile-figure div:nth-child(4) {
  background: url("../img/figures/tinified/jon-exploded-face-on-4.png") no-repeat center center/100%; }

.leigh-profile-figure div:nth-child(1) {
  background: url("../img/figures/tinified/leigh-exploded-face-on-1.png") no-repeat center center/100%; }
.leigh-profile-figure div:nth-child(2) {
  background: url("../img/figures/tinified/leigh-exploded-face-on-2.png") no-repeat center center/100%; }
.leigh-profile-figure div:nth-child(3) {
  background: url("../img/figures/tinified/leigh-exploded-face-on-3.png") no-repeat center center/100%; }
.leigh-profile-figure div:nth-child(4) {
  background: url("../img/figures/tinified/leigh-exploded-face-on-4.png") no-repeat center center/100%; }

.work-intro  {
  padding-top: 12rem;
}

@media screen and (max-width: 800px) {
  .work-intro  {
    padding-top: 10rem;
  } }

.work-intro .content {
  margin: 1vw auto 0;
}

.work-project {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

  .work-project:first-child {
    margin-top: 40px;
  }

  .work-project .cta-wrap {
    /*position: fixed;*/
    bottom: 16%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media screen and (max-width: 800px) {
      .work-project .cta-wrap {
        bottom: 50px; } }

.work-scroll-ledge {
  position: fixed;
  opacity: 0; }
  .work-scroll-ledge div {
    -webkit-transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s;
    -moz-transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s;
    transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s; }
  .work-scroll-ledge[data-active="on"] {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    transition-delay: 0.1s; }

.work-projects-scroll {
  padding-bottom: 26rem;
  padding-top: 4rem;
}

@media screen and (max-width: 800px) {
  .work-projects-scroll {
    padding-bottom: 10rem;
    padding-top: 2rem;
  } }

.work-project-content {
  padding: 3.25rem 3.3vw;
  pointer-events: none;
  position: relative;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: auto;
  height: auto;
  margin-top: -30px;
  transform-origin: center center;
  will-change: transform;
  }
  @media screen and (max-width: 700px) {
    .work-project-content {
      padding: 2rem 30px; } }
  .work-projects-scroll[data-hovered="true"] .work-project-content a {
    opacity: .2;
    transition: 0.5s cubic-bezier(0.52, 0.01, 0.16, 1);
  }
  .work-project-content a {
    display: inline-block;
    opacity: 1;
    pointer-events: all;
    transition: 0.62s opacity cubic-bezier(0.52, 0.01, 0.16, 1) .1s;
  }
  .work-projects-scroll[data-hovered="true"] .work-project-content a:hover,
  .work-project-content a:hover {
    opacity: 1;
  }
  .work-project-content a:hover + .project-thumb {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) translateY(0);
    transition: 0.42s cubic-bezier(0.52, 0.01, 0.16, 1) .01s;
  }
  .work-project-content svg {
    height: 36px;
  }
  @media only screen and (min-width: 375px) {
    .work-project-content svg {
      height: 40px;
    }
  }
  @media only screen and (min-width: 768px) {
    .work-project-content svg {
      height: 80px;
    }
  }
  @media only screen and (min-width: 1024px) {
    .work-project-content svg {
      height: 120px;
    }
  }
  @media only screen and (min-width: 1240px) {
    .work-project-content svg {
      height: 161px;
    }
  }
  .work-project-content h4 {
    margin-bottom: 40px; }

.js-work-scroll-ledge.force-out, .work-project-content.force-out {
  opacity: 0 !important;
  -webkit-transition: 0.26s linear 0s !important;
  -moz-transition: 0.26s linear 0s !important;
  transition: 0.26s linear 0s !important; }

.project-thumb {
  margin: 0 auto; }

.work-project-monitor .work-project {
  pointer-events: none; }
  .work-project-monitor .work-project h5, .work-project-monitor .work-project h4 {
    opacity: 0;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .work-project-monitor .work-project h4 {
    color: #fff; }
  .work-project-monitor .work-project .cta-wrap {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    -moz-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
    transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1); }
  .work-project-monitor .work-project .project-thumb {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) translateY(3rem);
    transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1); }
  .work-project-monitor .work-project .thumb-mover {
    -webkit-transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
    -moz-transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1); }
    .work-project-monitor .work-project .thumb-mover:nth-child(1) {
      -webkit-transition-delay: 0.08s;
      -moz-transition-delay: 0.08s;
      transition-delay: 0.08s; }

.corner-project-back {
  position: fixed;
  top: 3vw;
  right: 3vw;
  z-index: 4;}
  html.safari-browser .corner-project-back span.text {
    color: #212121 !important; }

.lone-arrow {
  width: 18px;
  height: 20px; }
  .lone-arrow span.arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .lone-arrow .arrow-length {
    position: absolute;
    left: 0;
    top: 50%;
    left: 16%;
    width: 80%;
    height: 2px;
    background-color: #fff; }
  .lone-arrow .arrow-tip {
    position: absolute;
    left: 0;
    top: 50%;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid #fff;
    margin-top: -2px; }
  .lone-arrow span.arrow span {
    -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
    transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1); }
  .lone-arrow span.arrow:nth-child(2) span {
    -webkit-transform: translateX(22px);
    -moz-transform: translateX(22px);
    -ms-transform: translateX(22px);
    -o-transform: translateX(22px);
    transform: translateX(22px); }
  .lone-arrow span.text {
    right: 200%;
    top: 50%;
    position: absolute;
    white-space: nowrap;
    text-transform: uppercase;
    -webkit-transform: translateX(0px) translateY(-50%);
    -moz-transform: translateX(0px) translateY(-50%);
    -ms-transform: translateX(0px) translateY(-50%);
    -o-transform: translateX(0px) translateY(-50%);
    transform: translateX(0px) translateY(-50%); }
  .lone-arrow:hover span.arrow:nth-child(1) span {
    -webkit-transform: translateX(-22px);
    -moz-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    -o-transform: translateX(-22px);
    transform: translateX(-22px); }
  .lone-arrow:hover span.arrow:nth-child(2) span {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: 0.16s;
    -moz-transition-delay: 0.16s;
    transition-delay: 0.16s; }

.project-back-reverse span.text {
  right: auto;
  left: 200%; }

.right-arrow .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.project-blocks {
  width: 100vw;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap; }
  .project-blocks h2, .project-blocks h3, .project-blocks p {
    color: #212121; }

.project-block {
  width: 100%;
  order: 100; }
  .project-block img {
    display: block; }
  .project-block:not(.project-intro-block) h2 {
    font-size: 30px; }
    @media only screen and (max-width: 800px) {
      .project-block:not(.project-intro-block) h2 {
        font-size: 21px; } }
  @media only screen and (max-width: 800px) {
    .project-block.project-intro-block h2 {
      font-size: 30px; } }

.project-video-block {
  width: 100vw;
  height: 100vh; }

.image-alone-full-width-block img {
  height: auto;
  width: 100%; }

.image-with-space-content-width img {
  height: auto;
  margin: 0 auto;
  width: 1030px; }
  @media only screen and (max-width: 800px) {
    .image-with-space-content-width img {
      width: 75%; } }

.header-with-space {
  padding: 8vw 0 1vw; }
  .header-with-space > * {
    width: 60%;
    margin: 0 auto; }
    @media only screen and (max-width: 800px) {
      .header-with-space > * {
        width: 75%; } }
  .header-with-space[data-align="center"] {
    text-align: center; }
  .header-with-space[data-align="left"] {
    text-align: left; }
  .header-with-space[data-align="right"] {
    text-align: right; }

.full-screen-image {
  height: 100vh; }
  .full-screen-image .img-fill {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

.full-screen-image img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

@media only screen and (max-width: 800px) {
  .full-screen-image, .project-carousel {
    height: 70vw !important; } }

.image-with-space-content-width, .video-content-width {
  padding: 4vw 0 7vw; }

.project-intro-block, .project-content-block {
  text-align: left;
  padding: 6vw 0 6.5vw; }
  .project-intro-block .content, .project-content-block .content {
    width: 1030px;
    margin: 0 auto; }
    @media only screen and (max-width: 800px) {
      .project-intro-block .content, .project-content-block .content {
        width: 75%; } }
    @media screen and (max-width: 1280px) {
      .project-intro-block .content, .project-content-block .content {
        width: 75%; } }

.video-with-space-content-width {
  padding: 7vw 0; }
  .video-with-space-content-width .vimeo-embed-wrap {
    width: 80vw;
    height: 44.96vw;
    margin: 0 auto; }
  .video-with-space-content-width .vimeo-embed-wrap--autoplay {
    pointer-events: none; }
    .video-with-space-content-width .vimeo-embed-wrap iframe {
      width: 100%;
      height: 100%; }

.player-timeline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px; }

.player-elapsed {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 100%; }

.video-content-width video {
  width: 60%;
  margin: 0 auto; }
@media only screen and (max-width: 800px) {
  .video-content-width {
    display: none; } }

.project-intro-block {
  padding: 18vh 0; }
  .project-intro-block .project-text-block {
    margin-top: -5px; }
    .project-intro-block .project-text-block h2 {
      margin-bottom: 0.95em; }

.mini-info {
  float: left;
  width: 22%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }
  .mini-info li {
    margin-bottom: 2.3em; }
  @media only screen and (max-width: 1100px) {
    .mini-info {
      width: 28%; } }
  @media only screen and (max-width: 800px) {
    .mini-info {
      float: none;
      width: 53%;
      margin-bottom: 40px; } }

.project-text-block, .project-content-block p {
  float: right;
  width: 60%; }
  @media only screen and (max-width: 800px) {
    .project-text-block, .project-content-block p {
      width: 75%; } }

.project-content-block h2 {
  float: left;
  width: 26%; }

.image-overhang-content {
  padding: 10vw 0 10vw; }
  .image-overhang-content img {
    position: absolute;
    bottom: 181px;
    right: 20%;
    height: 71%;
    width: auto;}
  .image-overhang-content .content {
    text-align: left;
    width: 1030px;
    margin: 0 auto; }
    @media only screen and (max-width: 1024px) {
      .image-overhang-content .content {
        width: 75%;
        margin: 0 auto 0 12%; } }
    .image-overhang-content .content h2 {
      width: 35%; }
    .image-overhang-content .content p {
      width: 44%; }
  @media only screen and (max-width: 2250px) {
    .image-overhang-content img {
      right: 12%; } }
  @media only screen and (max-width: 1240px) {
    .image-overhang-content img {
      right: -5%; } }
  @media only screen and (max-width: 1024px) {
    .image-overhang-content img {
      display: none; }
      .image-overhang-content img .content {
        width: 75%; } }

.project-footer {
  width: 100%;
  height: 30vw;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .project-footer a {
    position: absolute; }
    .project-footer a.project-footer-prev-project {
      top: 49%;
      left: 15%; }
    .project-footer a.project-footer-next-project {
      top: 49%;
      right: 15%; }
  .project-footer .project-footer-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  @media only screen and (max-width: 800px) {
    .project-footer {
      height: 42vw; }
      .project-footer h1 {
        display: none; }
      .project-footer a.project-footer-prev-project {
        left: 7%;
        top: 45%; }
      .project-footer a.project-footer-next-project {
        right: 7%;
        top: 45%; }
      .project-footer a .arrow:nth-child(2) {
        display: none; } }

.project-carousel {
  width: 100%;
  height: 100vh; }
  .project-carousel .carousel-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .project-carousel .carousel-img-wrap ul, .project-carousel .carousel-img-wrap li, .project-carousel .carousel-img-wrap li div {
      position: absolute;
      width: 100%;
      height: 100%; }
    .project-carousel .carousel-img-wrap li {
      width: 100%;
      left: 0;
      top: 0;
      overflow: hidden;
      -webkit-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
      -moz-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
      transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
      will-change: transform; }
      .project-carousel .carousel-img-wrap li div {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        -webkit-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
        -moz-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
        transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
        will-change: transform; }
  .project-carousel a {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0; }
    .project-carousel a.carousel-left {
      left: 0; }
      .project-carousel a.carousel-left:hover {
        cursor: w-resize; }
    .project-carousel a.carousel-right {
      right: 0; }
      .project-carousel a.carousel-right:hover {
        cursor: e-resize; }
  .project-carousel .carousel-nav-wrap {
    position: absolute;
    bottom: 10%;
    width: 100%;
    z-index: 10; }
    @media screen and (max-width: 800px) {
      .project-carousel .carousel-nav-wrap {
        bottom: 20%; } }
  .project-carousel .carousel-nav {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: -24px; }
    .project-carousel .carousel-nav li {
      margin: 0 14px; }
      .project-carousel .carousel-nav li a {
        width: 20px;
        height: 20px; }
        .project-carousel .carousel-nav li a::before {
          content: '';
          position: absolute;
          width: 9px;
          height: 9px;
          left: 5px;
          top: 5px;
          -webkit-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          border-radius: 100%;
          background-color: rgba(33, 33, 33, 0.16); }
        .project-carousel .carousel-nav li a::after {
          content: '';
          position: absolute;
          width: 5px;
          height: 5px;
          left: 7px;
          top: 7px;
          -webkit-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          -moz-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
          border-radius: 100%;
          background-color: #fff; }
  .project-carousel[data-carousel-current-img="1"] .carousel-nav li:nth-child(1) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="1"] .carousel-nav li:nth-child(1) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="2"] .carousel-nav li:nth-child(2) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="2"] .carousel-nav li:nth-child(2) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="3"] .carousel-nav li:nth-child(3) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="3"] .carousel-nav li:nth-child(3) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="4"] .carousel-nav li:nth-child(4) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="4"] .carousel-nav li:nth-child(4) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="5"] .carousel-nav li:nth-child(5) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="5"] .carousel-nav li:nth-child(5) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="6"] .carousel-nav li:nth-child(6) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="6"] .carousel-nav li:nth-child(6) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="7"] .carousel-nav li:nth-child(7) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="7"] .carousel-nav li:nth-child(7) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="8"] .carousel-nav li:nth-child(8) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="8"] .carousel-nav li:nth-child(8) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="9"] .carousel-nav li:nth-child(9) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="9"] .carousel-nav li:nth-child(9) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="10"] .carousel-nav li:nth-child(10) a::before {
    background-color: #fff; }
  .project-carousel[data-carousel-current-img="10"] .carousel-nav li:nth-child(10) a::after {
    background-color: #212121; }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(10) {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(10) div {
    -webkit-transform: translateX(-90%);
    -moz-transform: translateX(-90%);
    -ms-transform: translateX(-90%);
    -o-transform: translateX(-90%);
    transform: translateX(-90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(1) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(2) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(3) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(3) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(4) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(4) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(5) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(5) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(6) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(6) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(7) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(7) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(8) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(8) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(9) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(9) div {
    -webkit-transform: translateX(90%);
    -moz-transform: translateX(90%);
    -ms-transform: translateX(90%);
    -o-transform: translateX(90%);
    transform: translateX(90%); }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(2) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(3) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(4) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(5) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(3) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(4) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(5) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(4) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(5) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(5) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(6) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(7) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(8) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="8"] .carousel-nav li:nth-child(9) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="8"] .carousel-nav li:nth-child(10) {
    display: none; }
  .project-carousel[data-total-carousel-imgs="9"] .carousel-nav li:nth-child(10) {
    display: none; }

@media screen and (max-width: 1280px) {
  .logo-animation {
    -webkit-transform: scale(0.62);
    -moz-transform: scale(0.62);
    -ms-transform: scale(0.62);
    -o-transform: scale(0.62);
    transform: scale(0.62); } }
@media screen and (max-width: 768px) {
  h3:not(.no-line) {
    margin-bottom: 3em; }

  .logo-animation {
    -webkit-transform: scale(0.45);
    -moz-transform: scale(0.45);
    -ms-transform: scale(0.45);
    -o-transform: scale(0.45);
    transform: scale(0.45); }

  section p {
    width: 85%; }

  .intro-content .project-thumbs, .intro-content .project-thumb {
    position: relative;
    left: auto;
    top: auto; }
  .intro-content .project-thumb-hover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0; }
    .intro-content .project-thumb-hover span {
      display: none; }
  .intro-content .project-thumb {
    margin: 0 auto; }

  .project-thumb, .intro-content .project-thumb {
    width: 88vw;
    height: 58.6608vw; }

  .work-project-content {
    margin-top: -7%; }

  .work-project-content .project-thumb {
    margin-top: 7%; }

  footer {
    height: auto; }
    footer::after, footer::before, footer .toyfight-logo-flat {
      display: none; }
    footer .footer-footer {
      position: relative;
      width: 80%;
      padding: 24px 10% 24px;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      transform: translateY(0) !important; }
      footer .footer-footer cite {
        margin-left: 0; }
      footer i {
        margin-right: 0; }
      footer .footer-footer ul li {
        float: none; }
    footer .footer-social {
      -webkit-box-pack: center !important;
      -moz-box-pack: center !important;
      box-pack: center !important;
      -webkit-justify-content: center !important;
      -moz-justify-content: center !important;
      -ms-justify-content: center !important;
      -o-justify-content: center !important;
      justify-content: center !important;
      -ms-flex-pack: center !important;
      margin-top: 15px; }
    footer ul li:nth-child(2) a {
      margin: 0 2vw; }

  .corner-project-back {
    top: 22px;
    right: 30px; }

  .project-intro-block .content, .project-content-block .content {
    width: 75%; }

  .project-text-block, .project-content-block p {
    width: 100%;
    float: none; }

  .project-content-block h2, .image-overhang-content .content h2, .image-overhang-content .content p {
    width: 100%; }

  .image-overhang-content img {
    left: 70%; } }

  .project-back span {
    color: #212121;
  }

  .project-back .arrow-tip {
    border-right: 3px solid #212121;
  }

  .project-back .arrow-length {
    background-color: #212121;
  }

  .project-back.project-footer-next-project span,
  .project-back.project-footer-prev-project span {
      color: #fff;
  }

  .project-back.project-footer-next-project .arrow-tip,
  .project-back.project-footer-prev-project .arrow-tip {
    border-right: 3px solid #fff;
  }

  .project-back.project-footer-next-project .arrow-length,
  .project-back.project-footer-prev-project .arrow-length {
    background-color: #fff;
  }

@media screen and (max-width: 480px) {
  .logo-animation {
    -webkit-transform: scale(0.35);
    -moz-transform: scale(0.35);
    -ms-transform: scale(0.35);
    -o-transform: scale(0.35);
    transform: scale(0.35); } }
@-webkit-keyframes arrowpointing {
  0% {
    -webkit-transform: translateY(0);
    opacity: 1; }
  30% {
    -webkit-transform: translateY(0);
    opacity: 1; }
  50% {
    -webkit-transform: translateY(8px);
    opacity: 0; }
  85% {
    -webkit-transform: translateY(-7px);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px); } }
@-moz-keyframes arrowpointing {
  0% {
    -moz-transform: translateY(0);
    opacity: 1; }
  30% {
    -moz-transform: translateY(0);
    opacity: 1; }
  50% {
    -moz-transform: translateY(8px);
    opacity: 0; }
  85% {
    -moz-transform: translateY(-7px);
    opacity: 0; }
  100% {
    opacity: 1;
    -moz-transform: translateY(0px); } }
@keyframes arrowpointing {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  30% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    opacity: 0; }
  85% {
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

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