@charset "UTF-8";
html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
ul {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  font-size: 100%;
  font-family: "Helvetica Neue LT Pro", sans-serif;
  font-size: 18px;
  line-height: 1.44;
  color: #1a1818;
  background-color: #fff;
}
body ::selection {
  background: rgba(255, 68, 68, 0.99);
  color: #fff;
}
body ::-moz-selection {
  background: rgba(255, 68, 68, 0.99);
  color: #fff;
}
section,
.global {
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  padding-left: 50px;
  padding-right: 50px;
  -webkit-transition: padding 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: padding 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: padding 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: padding 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
.contentContainer {
  position: relative;
  z-index: 1;
  width: 100%;
  /* height: 100%; */
  max-width: 1200px;
  margin: 0 auto;
}
.contentContainer.wide {
  max-width: 1462px;
}
.contentContainer.wide2 {
  max-width: 1560px;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
li {
  break-inside: avoid;
}
a,
a:active,
a:visited {
  text-decoration: none;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
input {
  padding: 0;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
html {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
input,
textarea,
button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
input[type="submit"]::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
  padding: 0;
  border: 0;
  margin-top: -4px;
}
textarea {
  resize: none;
}
:focus {
  outline: none;
}
button:focus {
  outline: 0;
}
button,
input {
  border: none;
  background: none;
}
button {
  cursor: pointer;
}
.vline-div {
  padding: 0 5px;
}
.sidepad {
  padding-left: 50px;
  padding-right: 50px;
}
.sidepadM {
  padding-left: 25px;
  padding-right: 25px;
}
.nopad {
  padding-left: 0px;
  padding-right: 0px;
}
.pad-wrap {
  padding-left: 50px;
  padding-right: 50px;
}
.automargin {
  margin-left: auto;
  margin-right: auto;
}
.valign {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
.valign-l {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
.valign-r {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
.valign-b {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
.align-r {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.break {
  display: block;
  width: 0;
  height: 0px;
  flex-basis: 100%;
}
.abs-fill {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.abs {
  position: absolute;
  left: 0;
  top: 0;
}
.absr {
  position: absolute;
  right: 0;
  top: 0;
}
.abs-cen {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.abs-cenv {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.bgcover {
  background: center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.inline-c {
  display: inline-block;
  vertical-align: middle;
}
.inline-t {
  display: inline-block;
  vertical-align: top;
}
.noshrink {
  -webkit-flex-shrink: 0;
  -ms-flex: -1;
  flex-shrink: 0;
}
.allowgrow {
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}
.no-breakout {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}
.boost-accel {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.noflicker {
  -webkit-transform-style: preserve-3d;
}
.overflow-anim {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.div-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.spacer {
  width: 100%;
  height: auto;
  display: block;
}
.filler,
.sizer {
  visibility: hidden;
}
.show {
  visibility: visible !important;
}
.mob,
.hidden {
  display: none;
}
.col {
  position: relative;
}
.row {
  width: 100%;
  position: relative;
}
.upc {
  text-transform: uppercase;
}
.flipX {
  transform: scaleX(-1);
}
.flipY {
  transform: scaleY(-1);
}
.flipXY {
  transform: scale(-1);
}
.rotate-text {
  position: absolute;
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  top: 50%;
  left: 50%;
}
.fpo {
  background-color: rgba(255, 0, 0, 0.2);
}
.spaced {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.spaced-c {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.spaced-t {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.showflex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
  z-index: 60;
}
.blanket {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #1a1818;
  opacity: 0.95;
  z-index: 1;
}
.overlay-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  padding: 0 50px;
  -webkit-transform: translateZ(0);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 30;
}
.overlay-wrap .contentContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  height: auto;
  min-height: 100%;
  padding: 25px 0;
}
.gridline {
  width: 1px;
  height: 100%;
  position: fixed;
  left: 50%;
  top: 0px;
  z-index: 100;
  background-color: red;
  opacity: 0.2;
  pointer-events: none;
  display: none;
}
.gridline.l {
  left: 50px;
}
.gridline.r {
  left: auto;
  right: 50px;
}
.gridline.ml {
  margin-left: -600px;
}
.gridline.mr {
  margin-left: 600px;
}
.crosshairs:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 0px;
  height: 100%;
  border-left: 1px solid red;
  z-index: 50;
}
.crosshairs:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  top: 50%;
  height: 0px;
  width: 100%;
  border-top: 1px solid red;
  z-index: 50;
}
.part {
  position: absolute;
  left: 0;
  top: 0;
}
.part img {
  width: 100%;
  height: auto;
  display: block;
}
.part-wrap {
  position: absolute;
  overflow: hidden;
}
.sized img {
  width: 100%;
  height: auto;
  display: block;
}
.bg-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}
.background {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.background .base {
  width: 100%;
}
.background .base img {
  width: 100%;
  height: auto;
  display: block;
}
.background .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.background .layer img {
  width: 100%;
  height: auto;
  display: block;
}
.background.cn {
  left: 50%;
}
.tl,
.willScale {
  transform-origin: top left;
}
.tc {
  transform-origin: top center;
}
/* FUNCTIONS */
/*! - GLOBAL ***************************** */
/*! - GLOBAL: 0 REUSE */
section h1,
.global h1,
section h2,
.global h2 {
  font: 400 135px/1.15 "pp_editorial_newlight", sans-serif;
}
section h1 span.pex,
.global h1 span.pex,
section h2 span.pex,
.global h2 span.pex {
  font: 400 1.037em/0 "pexel_groteskregular", sans-serif;
}
section h1.sm,
.global h1.sm {
  font: 400 94px/1.08 "pp_editorial_newlight", sans-serif;
  letter-spacing: -0.035em;
}
section h1.sm span.pex,
.global h1.sm span.pex {
  font-size: 1em;
}
section h1.lt,
.global h1.lt {
  margin-left: -6px;
}
section h2,
.global h2 {
  font: 400 90px/1.08 "pp_editorial_newlight", sans-serif;
}
section h2.alt,
.global h2.alt {
  font-size: 61px;
  line-height: 1.23;
  letter-spacing: -0.034em;
}
section h2.big,
.global h2.big {
  font-size: 94px;
  letter-spacing: -0.035em;
}
section h2.xlrg,
.global h2.xlrg {
  font: 400 135px/1.15 "pp_editorial_newlight", sans-serif;
}
section h3,
.global h3,
section p.intro,
.global p.intro {
  font-size: 26px;
}
section h3,
.global h3 {
  font-weight: normal;
}
section h4,
.global h4 {
  font: 400 16px/1.625 "Helvetica Neue LT Pro Bold", sans-serif;
  color: #ff4444;
}
section p.intro,
.global p.intro {
  line-height: 1.27;
}
section p + p,
.global p + p {
  margin-top: 25px;
}
section a,
.global a {
  color: #ff4444;
}
section a.uline,
.global a.uline {
  padding-bottom: 3px;
  border-bottom: 1px solid #ff4444;
}
section strong,
.global strong,
section bold,
.global bold,
section b,
.global b {
  font-family: "Helvetica Neue LT Pro Bold", sans-serif;
  font-weight: normal;
}
.hasShuffle:not(.shuffleSwap):not(.static) {
  white-space: nowrap;
}
.bigtext {
  font: 400 90px/1.08 "pp_editorial_newlight", sans-serif;
  letter-spacing: -0.035em;
  /* .hgro(~"90px/1.13"); letter-spacing: -.032em; */
}
.cta-btn {
  display: inline-block;
  padding: 21px 19px 15px;
  color: #ff4444;
  font-size: 18px;
  line-height: 1;
  position: relative;
  border-radius: 28px;
  border: solid 1px #ff4444;
  text-transform: uppercase;
  min-width: 124px;
  text-align: center;
}
p span.uline {
  position: absolute;
  display: block;
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #ff4444;
  transform-origin: center bottom;
  transform: scaleX(0);
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.dot-nav {
  width: 100%;
  text-align: center;
}
.dot-nav .dot-btn {
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background-color: #000;
  opacity: 0.1;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.dot-nav .dot-btn + .dot-btn {
  margin-left: 8px;
}
.dot-nav .dot-btn.on {
  opacity: 1;
}
.oval-callout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  text-align: center;
  width: 312px;
  height: 138px;
  /* background: url(images/oval-highlight.svg) center center no-repeat; background-size: 100% 100%; */
  position: relative;
}
.oval-callout .gif-hover {
  padding-bottom: 2px;
  border-bottom: 1px solid #ff4444;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.oval-callout .gif-img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.oval-callout p {
  color: #ff4444;
  margin-top: -7px;
  position: relative;
}
.oval-callout .line-move {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.oval-callout .line-move:nth-child(2) {
  top: 3px;
}
.oval-callout .line-move img {
  width: 100% !important;
  height: 100% !important;
}
section h1.line-split,
h2.line-split {
  position: relative;
  line-height: 0.9;
}
section h1.line-split > span,
h2.line-split > span {
  overflow: hidden;
}
section h1.line-split span,
h2.line-split span {
  position: relative;
  display: inline-block;
  padding: 24px 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
section h1.line-split span span,
h2.line-split span span {
  position: relative;
}
section h1.line-split span + span,
h2.line-split span + span {
  margin-top: -0.83em;
}
section h1.line-split span.long,
h2.line-split span.long {
  letter-spacing: -0.05em;
  padding-right: 10px;
}
section h1.line-split .mov,
h2.line-split .mov {
  opacity: 0;
  opacity: 1;
}
section h1.line-split .block,
h2.line-split .block {
  position: absolute;
  left: 0;
  top: 0;
  top: auto;
  bottom: -1px;
  width: 100%;
  height: 24px;
  margin: 0;
  background-color: #fff;
  transform-origin: center bottom;
  display: none;
}
.line-split-mob {
  display: none;
}
.img-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: right top;
  background-color: #efefef;
  background-color: #fff;
}
.hover-follow {
  pointer-events: none;
}
#tier-hero {
  padding-top: 192px;
  padding-bottom: 50px;
}
#tier-hero.np {
  padding-bottom: 0px;
}
.eyes {
  pointer-events: none;
  width: 74px;
  height: 65px;
}
.line.hasDraw {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #ff4444;
  transform-origin: center top;
}
.line.hasDraw.bot {
  top: auto;
  bottom: 0px;
}
.line.hasDraw.hasBounce {
  background-color: transparent;
  transform: translateY(0.5px);
  z-index: 2;
}
.line.hasDraw svg {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
}
.animResize {
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
video[id^="bgvid"] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.projects-hover {
  position: absolute;
  left: 24px;
  top: 175px;
  pointer-events: none;
}
.projects-hover .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  transform: translateY(-400px);
}
.projects-hover .thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.projects-hover .thumb:nth-child(1) {
  top: 36px;
}
.projects-hover .thumb:nth-child(1) img {
  transform: rotate(-17deg);
}
.projects-hover .thumb:nth-child(2) {
  left: 45px;
}
.projects-hover .thumb:nth-child(2) img {
  transform: rotate(11deg);
}
.projects-hover .thumb:nth-child(3) {
  left: 30px;
}
.projects-hover .thumb:nth-child(4) {
  left: 32px;
  top: 60px;
}
.projects-hover .thumb:nth-child(4) img {
  transform: rotate(12deg);
}
.projects-hover .thumb:nth-child(5) {
  left: 65px;
  top: 30px;
}
.projects-hover .thumb:nth-child(5) img {
  transform: rotate(-13deg);
}
.projects-hover .thumb:nth-child(6) {
  left: 45px;
  top: 68px;
}
.btnOff {
  pointer-events: none !important;
}
.btnOff a {
  pointer-events: none;
}
#globalMenu .btnOff a {
  color: #ff4444 !important;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
* {
  -webkit-tap-highlight-color: transparent;
}
/*! - GLOBAL: 0 REUSE -> 1 PAGE MODULE */
.page-module {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.page-module.change {
  height: 100%;
  /* overflow: hidden; */
}
.page-module .inner-pos {
  position: relative;
  width: 100%;
}
.page-module .inner-pos.contain {
  height: 100%;
  overflow: hidden;
}
.page-module .scroll-pos {
  position: relative;
  width: 100%;
}
.page-module .line-swipe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #1a1818;
  opacity: 0.2;
  z-index: 21;
  display: none;
}
.content-view {
  position: relative;
  width: 100%;
  background-color: #fff;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.content-view.off {
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  transition: none;
}
.content-view[data-num="1"].off {
  clip-path: url("#view-masker1");
  -webkit-clip-path: url("#view-masker1");
}
.content-view[data-num="2"].off {
  clip-path: url("#view-masker2");
  -webkit-clip-path: url("#view-masker2");
}
.content-view.boost {
  z-index: 20;
}
.content-view.under {
  z-index: -1;
}
.content-view:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1a1818;
  z-index: 5;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  pointer-events: none;
}
.content-view.fade:after {
  opacity: 0.9;
}
.content-view.dark {
  background-color: #1a1818;
}
.content-view.dark h1,
.content-view.dark h2,
.content-view.dark h3,
.content-view.dark p,
.content-view.dark li {
  color: #fff;
}
.content-view.dark .contentContainer {
  max-width: 1310px;
}
.content-view.dark .img-cover {
  background-color: #1a1818;
}
.content-view.dark #tier-hero.project h4,
.content-view.dark #tier-hero.project .year {
  color: #fff;
}
.content-view.dark #tier-hero.project .hand-next .inner {
  background-image: url(images/work/icon-handdown-dark.svg);
}
body.dark .sticky-bar {
  background-color: #1a1818;
}
body.dark #globalSticky {
  background-color: #1a1818;
}
body.dark #globalMenu .menu-btn {
  background-color: #1a1818;
}
section.dark {
  background-color: #1a1818;
}
section.dark h1,
section.dark h2,
section.dark h3,
section.dark p,
section.dark li {
  color: #fff;
}
section.dark .contentContainer {
  max-width: 1310px;
}
section.dark.turnDark {
  background-color: transparent;
}
body > svg {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}
/*! - GLOBAL: 1 LOADER */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  transform-origin: right top;
}
#loader .bgfill {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1a1818;
  transform-origin: left bottom;
}
#loader .sticker-wrap {
  position: absolute;
  left: 0;
  top: 0;
  left: 50%;
  top: 50%;
  margin: -500px 0 0 -900px;
  width: 1800px;
  height: 1000px;
  visibility: hidden;
  /* display: none; */
}
#loader .sticker[data-type="1"] {
  width: 498px;
}
#loader .sticker[data-type="1"][data-num="1"] {
  left: -122px;
  top: 348px;
  z-index: 13;
}
#loader .sticker[data-type="1"][data-num="1"] img {
  transform: rotate(-23deg);
}
#loader .sticker[data-type="1"][data-num="2"] {
  left: 328px;
  top: 139px;
  z-index: 14;
}
#loader .sticker[data-type="1"][data-num="2"] img {
  transform: rotate(4deg);
}
#loader .sticker[data-type="1"][data-num="3"] {
  left: 1080px;
  top: 110px;
  z-index: 16;
}
#loader .sticker[data-type="1"][data-num="3"] img {
  transform: rotate(20deg);
}
#loader .sticker[data-type="1"][data-num="4"] {
  left: 1036px;
  top: 401px;
  z-index: 24;
}
#loader .sticker[data-type="1"][data-num="4"] img {
  transform: rotate(20deg);
}
#loader .sticker[data-type="1"][data-num="5"] {
  left: -72px;
  top: 807px;
  z-index: 17;
}
#loader .sticker[data-type="1"][data-num="5"] img {
  transform: rotate(20deg);
}
#loader .sticker[data-type="2"] {
  width: 498px;
}
#loader .sticker[data-type="2"][data-num="1"] {
  /* left: -136px; top: -29px; */
  left: -82px;
  top: 19px;
  z-index: 10;
}
#loader .sticker[data-type="2"][data-num="1"] img {
  transform: rotate(6deg);
}
#loader .sticker[data-type="2"][data-num="2"] {
  left: 205px;
  top: -87px;
  z-index: 6;
}
#loader .sticker[data-type="2"][data-num="2"] img {
  transform: rotate(-39deg);
}
#loader .sticker[data-type="2"][data-num="3"] {
  left: -112px;
  top: 634px;
  z-index: 8;
}
#loader .sticker[data-type="2"][data-num="3"] img {
  transform: rotate(-39deg);
}
#loader .sticker[data-type="2"][data-num="4"] {
  /* left: 192px; top: 697px; */
  left: 202px;
  top: 617px;
  z-index: 12;
}
#loader .sticker[data-type="2"][data-num="4"] img {
  transform: rotate(16deg);
}
#loader .sticker[data-type="2"][data-num="5"] {
  left: 578px;
  top: 357px;
  z-index: 7;
}
#loader .sticker[data-type="2"][data-num="5"] img {
  transform: rotate(-39deg);
}
#loader .sticker[data-type="2"][data-num="6"] {
  /* left: 748px; top: 117px; z-index: 4; */
  left: 668px;
  top: 97px;
  z-index: 0;
}
#loader .sticker[data-type="2"][data-num="6"] img {
  transform: rotate(0deg);
}
#loader .sticker[data-type="2"][data-num="7"] {
  /* left: 1176px; top: -57px; */
  left: 1166px;
  top: -67px;
  z-index: 9;
}
#loader .sticker[data-type="2"][data-num="7"] img {
  transform: rotate(6deg);
}
#loader .sticker[data-type="2"][data-num="8"] {
  left: 791px;
  top: 651px;
  z-index: 5;
}
#loader .sticker[data-type="2"][data-num="8"] img {
  transform: rotate(0deg);
}
#loader .sticker[data-type="2"][data-num="9"] {
  /* left: 1374px; */
  left: 1365px;
  top: 600px;
  z-index: 11;
}
#loader .sticker[data-type="2"][data-num="9"] img {
  transform: rotate(-39deg);
}
#loader .sticker[data-type="3"] {
  width: 462px;
}
#loader .sticker[data-type="3"][data-num="1"] {
  left: 427px;
  top: -61px;
  z-index: 19;
}
#loader .sticker[data-type="3"][data-num="1"] img {
  transform: rotate(12deg);
}
#loader .sticker[data-type="3"][data-num="2"] {
  /* left: 503px; top: 695px; */
  left: 493px;
  top: 745px;
  z-index: 21;
}
#loader .sticker[data-type="3"][data-num="2"] img {
  transform: rotate(-17deg);
}
#loader .sticker[data-type="3"][data-num="3"] {
  left: 1520px;
  top: 290px;
  z-index: 20;
}
#loader .sticker[data-type="3"][data-num="3"] img {
  transform: rotate(-17deg);
}
#loader .sticker[data-type="3"][data-num="4"] {
  left: 1434px;
  top: 490px;
  z-index: 18;
}
#loader .sticker[data-type="3"][data-num="4"] img {
  transform: rotate(12deg);
}
#loader .sticker[data-type="3"][data-num="5"] {
  left: 1562px;
  top: 930px;
  z-index: 22;
}
#loader .sticker[data-type="3"][data-num="5"] img {
  transform: rotate(-17deg);
}
#loader .sticker[data-type="4"] {
  width: 460px;
}
#loader .sticker[data-type="4"][data-num="1"] {
  left: 4px;
  top: 832px;
  z-index: 29;
}
#loader .sticker[data-type="4"][data-num="1"] img {
  transform: rotate(34deg);
}
#loader .sticker[data-type="4"][data-num="2"] {
  left: 232px;
  top: 520px;
  z-index: 25;
}
#loader .sticker[data-type="4"][data-num="2"] img {
  transform: rotate(38deg);
}
#loader .sticker[data-type="4"][data-num="3"] {
  left: 649px;
  top: -12px;
  z-index: 2;
}
#loader .sticker[data-type="4"][data-num="3"] img {
  transform: rotate(-13deg);
}
#loader .sticker[data-type="4"][data-num="4"] {
  left: 1288px;
  top: 39px;
  z-index: 23;
}
#loader .sticker[data-type="4"][data-num="4"] img {
  transform: rotate(0deg);
}
#loader .sticker[data-type="4"][data-num="5"] {
  /* left: 1535px; */
  left: 1455px;
  top: 244px;
  z-index: 3;
}
#loader .sticker[data-type="4"][data-num="5"] img {
  transform: rotate(93deg);
}
#loader .sticker[data-type="4"][data-num="6"] {
  left: 1162px;
  top: 909px;
  z-index: 24;
}
#loader .sticker[data-type="4"][data-num="6"] img {
  transform: rotate(32deg);
}
#loader .sticker[data-type="5"] {
  width: 474px;
}
#loader .sticker[data-type="5"][data-num="1"] {
  left: -124px;
  top: -27px;
  z-index: 26;
}
#loader .sticker[data-type="5"][data-num="1"] img {
  transform: rotate(-8deg);
}
#loader .sticker[data-type="5"][data-num="2"] {
  /* left: 879px; top: -102px; */
  left: 893px;
  top: -63px;
  z-index: 1;
}
#loader .sticker[data-type="5"][data-num="2"] img {
  transform: rotate(45deg);
}
#loader .sticker[data-type="5"][data-num="3"] {
  left: 1496px;
  top: 19px;
  z-index: 27;
}
#loader .sticker[data-type="5"][data-num="3"] img {
  transform: rotate(45deg);
}
#loader .sticker[data-type="5"][data-num="4"] {
  left: 554px;
  top: 883px;
  z-index: 28;
}
#loader .sticker[data-type="5"][data-num="4"] img {
  transform: rotate(-30deg);
}
/*! - GLOBAL: 2 HEADER */
#globalHeader,
#globalSticky {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 20;
  text-align: center;
}
#globalHeader .logo-main,
#globalSticky .logo-main {
  position: absolute;
  left: 0;
  top: 0;
  left: 90px;
  top: 35px;
  width: 109px;
  z-index: 1;
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalHeader .logo-main .logo-circ,
#globalSticky .logo-main .logo-circ {
  height: 109px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
}
#globalHeader .main-menu,
#globalSticky .main-menu {
  padding-top: 87px;
  position: relative;
  top: 0px;
  pointer-events: none;
}
#globalHeader .main-menu ul,
#globalSticky .main-menu ul {
  display: inline-block;
  pointer-events: all;
}
#globalHeader .main-menu li,
#globalSticky .main-menu li {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#globalHeader .main-menu li a,
#globalSticky .main-menu li a {
  position: relative;
  width: 100%;
  height: 100%;
  height: auto;
  display: block;
  text-transform: uppercase;
}
#globalHeader .main-menu li + li,
#globalSticky .main-menu li + li {
  margin-left: 50px;
}
#globalHeader .main-menu li.current .uline,
#globalSticky .main-menu li.current .uline {
  transform: scaleX(1);
}
#globalHeader .main-menu .uline,
#globalSticky .main-menu .uline {
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #ff4444;
  transform-origin: center bottom;
  transform: scaleX(0);
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
#globalHeader .cta-items,
#globalSticky .cta-items {
  position: absolute;
  top: 0px;
  padding-top: 65px;
  right: 95px;
  text-align: right;
}
#globalHeader .cta-items li,
#globalSticky .cta-items li {
  display: inline-block;
  vertical-align: top;
}
#globalHeader .cta-items li + li,
#globalSticky .cta-items li + li {
  margin-left: 30px;
}
#globalHeader .main-menu,
#globalSticky .main-menu,
#globalHeader .cta-items,
#globalSticky .cta-items {
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalHeader {
  height: 400px;
  pointer-events: none;
}
#globalHeader > * {
  pointer-events: all;
}
#globalSticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  transform: translateY(-100%);
  background-color: #fff;
  overflow: visible;
  -webkit-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1),
    background-color 0s linear;
  -moz-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1),
    background-color 0s linear;
  -o-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1),
    background-color 0s linear;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1),
    background-color 0s linear;
}
#globalSticky.sticky {
  transform: translateY(0%);
}
#globalSticky .main-menu,
#globalSticky .cta-items {
  transform: translateY(-50px);
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalSticky .logo-sticky {
  position: absolute;
  left: 0;
  top: 0;
  left: 90px;
  top: 35px;
  width: 84px;
  height: 19px;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalSticky .logo-sticky a {
  width: 100%;
  height: 100%;
  display: block;
}
#globalSticky .logo-sticky .letter {
  transform: translateY(-100px);
  opacity: 0;
}
#globalSticky .dark-fill {
  background-color: #1a1818;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: scaleY(0);
  transform-origin: center bottom;
}
#globalSticky.dark {
  background-color: #1a1818;
}
#globalSticky.boost {
  z-index: 21;
}
.logo-letters {
  position: absolute;
  left: 0;
  top: 0;
}
.logo-letters .letter {
  position: absolute;
  left: 0;
  top: 0;
}
.logo-letters .letter img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.logo-letters .letter[data-num="1"] {
  width: 17px;
}
.logo-letters .letter[data-num="2"] {
  width: 10px;
  left: 20px;
  top: 6px;
}
.logo-letters .letter[data-num="3"] {
  width: 4px;
  left: 31px;
  top: 1px;
}
.logo-letters .letter[data-num="4"] {
  width: 11px;
  left: 36px;
}
.logo-letters .letter[data-num="5"] {
  width: 4px;
  left: 49px;
}
.logo-letters .letter[data-num="6"] {
  width: 14px;
  left: 55px;
  top: 6px;
}
.logo-letters .letter[data-num="7"] {
  width: 13px;
  left: 71px;
  top: 6px;
}
.logo-main .logo-letters {
  left: 12px;
  top: 45px;
}
.shop-link {
  position: absolute;
  right: 30px;
  top: -40px;
}
.shop-link img {
  width: 44px;
  height: auto;
}
/*! - GLOBAL: 3 FOOTER */
#globalFooter {
  background-color: #1a1818;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 100px;
  text-align: center;
}
#globalFooter header {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}
#globalFooter h2 {
  color: #ff4444 !important;
  margin-bottom: 55px;
}
#globalFooter .end-spacer {
  width: 0px;
}
#globalFooter .scroll-group {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#globalFooter .scroll-group img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  height: auto;
  display: block;
}
#globalFooter .logo-scroller {
  position: relative;
  height: 48px;
}
#globalFooter .logo-scroller .scroll-mover {
  position: absolute;
  left: 0;
  top: 0;
  width: 4036px;
}
#globalFooter .logo-scroller .ticker-logo {
  display: inline-block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#globalFooter .footer-text {
  margin-top: 95px;
  margin-bottom: 100px;
}
#globalFooter .footer-text .cta-items {
  position: relative;
  display: inline-block;
  z-index: 3;
}
#globalFooter .footer-text .projects-hover {
  top: 85px;
  left: -6px;
}
#globalFooter .footer-text .projects-hover .thumb {
  opacity: 0;
}
#globalFooter .lockup {
  margin-top: 162px;
  padding-top: 180px;
  border-top: 1px solid #ff4444;
}
#globalFooter .lockup .big-text-wrap {
  position: relative;
  padding-bottom: 94px;
  margin-top: -7.5%;
}
#globalFooter .lockup .background {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1835px;
  transform-origin: center top;
}
#globalFooter .lockup .social {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-top: 1px solid #ff4444;
  border-bottom: 1px solid #ff4444;
}
#globalFooter .lockup .social a {
  font: 400 50px/1 "pexel_groteskregular", sans-serif;
  display: block;
  padding: 102px 25px 116px;
  position: relative;
}
#globalFooter .lockup .social .col {
  text-align: center;
  overflow: hidden;
}
#globalFooter .lockup .social .col + .col {
  border-left: 1px solid #ff4444;
}
#globalFooter .lockup .social .col.left {
  width: 34%;
}
#globalFooter .lockup .social .col.mid {
  width: 34%;
}
#globalFooter .lockup .social .col.mid2 {
  width: 16%;
}
#globalFooter .lockup .social .col.right {
  width: 36%;
}
#globalFooter .lockup .social .col.phone {
  display: none;
}
#globalFooter .lockup .legal {
  padding: 34px 40px 30px;
}
#globalFooter .lockup .legal p {
  color: #ff4444;
}
#globalFooter .lockup .legal .phone p {
  display: inline-block;
  vertical-align: top;
}
#globalFooter .lockup .legal .phone p + p {
  margin-left: 28px;
  margin-top: 0px;
}
#globalFooter .lockup .callout-wrap {
  width: 100%;
  max-width: 1562px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  z-index: 2;
}
#globalFooter .lockup .oval-callout .gif-img {
  width: 411px;
  top: -255px;
}
#globalFooter .lockup .oval-callout p {
  color: #ff4444;
}
#globalFooter .sticker-hover {
  width: 500px;
  height: 300px;
  position: absolute;
  left: 62%;
  top: 50%;
  margin: -150px 0 0 -250px;
  pointer-events: none;
}
#globalFooter .sticker-hover .sticker {
  transform: translateY(-250px);
}
#globalFooter .sticker-hover .sticker[data-type="1"] {
  width: 250px;
}
#globalFooter .sticker-hover .sticker[data-type="1"][data-num="1"] {
  left: -100px;
  top: -60px;
  top: 0px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="1"][data-num="1"] img {
  transform: rotate(-23deg);
}
#globalFooter .sticker-hover .sticker[data-type="1"][data-num="2"] {
  left: -95px;
  top: 151px;
  top: 0px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="1"][data-num="2"] img {
  transform: rotate(37deg);
}
#globalFooter .sticker-hover .sticker[data-type="1"][data-num="3"] {
  left: 473px;
  top: -51px;
  top: 0px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="1"][data-num="3"] img {
  transform: rotate(37deg);
}
#globalFooter .sticker-hover .sticker[data-type="1"][data-num="4"] {
  left: 163px;
  top: 70px;
  top: 0px;
  z-index: 1;
}
#globalFooter .sticker-hover .sticker[data-type="1"][data-num="4"] img {
  transform: rotate(37deg);
}
#globalFooter .sticker-hover .sticker[data-type="2"] {
  width: 250px;
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="1"] {
  left: 245px;
  top: -77px;
  top: 0px;
  z-index: 5;
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="1"] img {
  transform: rotate(-40deg);
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="2"] {
  left: 50px;
  top: 80px;
  top: 0px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="2"] img {
  transform: rotate(20deg);
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="3"] {
  left: 352px;
  top: 78px;
  top: 0px;
  z-index: 4;
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="3"] img {
  transform: rotate(-2deg);
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="4"] {
  left: 520px;
  top: 110px;
  top: 0px;
  z-index: 0;
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="4"] img {
  transform: rotate(32deg);
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="5"] {
  left: -250px;
  top: 90px;
  top: 0px;
  z-index: 0;
}
#globalFooter .sticker-hover .sticker[data-type="2"][data-num="5"] img {
  transform: rotate(-40deg);
}
#globalFooter .sticker-hover .sticker[data-type="3"] {
  width: 240px;
}
#globalFooter .sticker-hover .sticker[data-type="3"][data-num="1"] {
  left: 202px;
  top: 96px;
  top: 0px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="3"][data-num="1"] img {
  transform: rotate(-18deg);
}
#globalFooter .sticker-hover .sticker[data-type="4"] {
  width: 230px;
}
#globalFooter .sticker-hover .sticker[data-type="4"][data-num="1"] {
  left: 67px;
  top: 10px;
  top: 0px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="4"][data-num="1"] img {
  transform: rotate(40deg);
}
#globalFooter .sticker-hover .sticker[data-type="4"][data-num="2"] {
  left: -53px;
  top: 170px;
  top: 0px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="4"][data-num="2"] img {
  transform: rotate(35deg);
}
#globalFooter .sticker-hover .sticker[data-type="5"] {
  width: 240px;
}
#globalFooter .sticker-hover .sticker[data-type="5"][data-num="1"] {
  left: 232px;
  top: 195px;
  top: 0px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="5"][data-num="1"] img {
  transform: rotate(-30deg);
}
#globalFooter .sticker-hover .sticker[data-type="5"][data-num="2"] {
  left: 72px;
  top: -8px;
  top: 0px;
  z-index: 3;
}
#globalFooter .sticker-hover .sticker[data-type="5"][data-num="2"] img {
  transform: rotate(10deg);
}
#globalFooter .sticker-hover .sticker[data-type="5"][data-num="3"] {
  left: -280px;
  top: -8px;
  top: 0px;
  z-index: 3;
}
#globalFooter .sticker-hover .sticker[data-type="5"][data-num="3"] img {
  transform: rotate(30deg);
}
#globalFooter .sticker-hover .sticker[data-type="5"][data-num="4"] {
  left: 40px;
  top: -8px;
  top: -50px;
  z-index: 13;
}
#globalFooter .sticker-hover .sticker[data-type="5"][data-num="4"] img {
  transform: rotate(-20deg);
}
#globalFooter .bunny-callout {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-align: left;
}
#globalFooter .bunny-callout h2 {
  color: #fff !important;
  line-height: 1.14;
  margin-bottom: 25px;
  letter-spacing: 0;
}
#globalFooter .bunny-callout .col.left {
  width: 79%;
  max-width: 1015px;
}
#globalFooter .bunny-callout .col.right {
  width: 15%;
  max-width: 190px;
}
#globalFooter .bunny-callout .background {
  width: 500px;
  height: 500px;
  left: -170px;
  top: -70px;
}
.ind-scroller {
  position: relative;
  height: 60px;
}
.ind-scroller .scroll-mover {
  position: absolute;
  left: 0;
  top: 0;
}
.ind-scroller .scroller-text {
  font: 400 61px "Helvetica Neue LT Pro", sans-serif;
  letter-spacing: 2px;
  /* .upc; */
  /* margin-top: -21px; */
  color: #ff4444;
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-flex-shrink: 0;
  -ms-flex: -1;
  flex-shrink: 0;
}
.ind-scroller .scroller-text a {
  display: block;
}
.ind-scroller .star {
  width: 46px;
  margin-top: 6px;
}
/*! - GLOBAL: 4 MENU */
#globalMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  display: none;
  overflow: visible;
}
#globalMenu .menu-btn {
  width: 54px;
  height: 54px;
  border-radius: 54px;
  /* width: 54px; height: 28px; border-radius: 14px; */
  background-color: #fff;
  border: 1px solid #ff4444;
  position: absolute;
  z-index: 30;
  right: 25px;
  top: 20px;
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalMenu .menu-btn.on,
#globalMenu .menu-btn.dark {
  background-color: #1a1818;
}
#globalMenu .menu-line {
  width: 25px;
  height: 1px;
  background-color: #ff4444;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  top: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalMenu .menu-line.top {
  transform: translate3d(0, -4px, 0);
}
#globalMenu .menu-line.bot {
  transform: translate3d(0, 4px, 0);
  /* transition-delay: .1s; animation-duration: .3s; */
}
#globalMenu .menu-line.mid {
  display: none;
}
#globalMenu.expanded {
  width: 100%;
  height: 100%;
}
#globalMenu.expanded .menu-wrap {
  display: block;
}
#globalMenu.open .menu-line.top {
  transform: rotate(45deg) translate3d(0, 0px, 0);
}
#globalMenu.open .menu-line.bot {
  transform: rotate(-45deg) translate3d(0, 0px, 0);
}
#globalMenu .menu-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1;
  overflow: hidden;
  display: none;
}
#globalMenu .bgfill {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1a1818;
  z-index: 0;
  transform: scaleX(0);
}
#globalMenu .menu-contents {
  width: 100%;
  min-height: 100%;
  position: relative;
  padding: 150px 75px 140px;
  opacity: 0;
}
#globalMenu .menu-contents .logo-main {
  position: absolute;
  left: 0;
  top: 0;
  left: 25px;
  width: 83px;
  top: 38px;
}
#globalMenu .menu-contents .main-menu {
  padding-bottom: 80px;
}
#globalMenu .menu-contents .main-menu a {
  color: #fff;
  font: 400 32px "tg_haido_grotesksemibold", sans-serif;
  letter-spacing: -1.05px;
}
#globalMenu .menu-contents .main-menu li > span {
  overflow: hidden;
}
#globalMenu .menu-contents .main-menu span {
  position: relative;
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#globalMenu .menu-contents .main-menu span span {
  position: relative;
}
#globalMenu .menu-contents .main-menu .mov {
  opacity: 0;
}
#globalMenu .menu-contents .menu-footer {
  position: absolute;
  left: 0;
  top: 0;
  top: auto;
  bottom: 0px;
  height: 128px;
  padding: 28px;
  width: 100%;
}
#globalMenu .menu-contents .menu-footer .inner {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}
#globalMenu .menu-contents .menu-footer a {
  color: #ff4444;
  font: 400 27px "tg_haido_grotesksemibold", sans-serif;
}
#globalMenu .menu-contents .menu-footer .col {
  width: 70px;
}
#globalMenu .menu-contents .menu-footer .col.left {
  float: left;
}
#globalMenu .menu-contents .menu-footer .col.right {
  float: right;
  text-align: right;
  padding-right: 8px;
}
#globalMenu .menu-contents .menu-footer .estd-globe {
  position: absolute;
  left: 0;
  top: 0;
  left: 50%;
  transform: scale(0.6);
  transform-origin: center top;
  margin-left: -137px;
  border-width: 2px;
}
#globalMenu .menu-contents .menu-footer .estd-globe path {
  stroke-width: 2px;
}
#globalMenu .menu-contents .menu-footer .estd-globe .hline {
  height: 2px;
}
#globalMenu .menu-scroller {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
/*! - PAGE ***************************** */
/*! - PAGE: 0 HOME -> 0 HERO */
#page-home #loader .bgfill {
  background-color: #1a1818;
}
#home-hero {
  padding-top: 180px;
  padding-bottom: 20px;
}
#home-hero .contentContainer {
  z-index: 6;
  max-width: 1490px;
  pointer-events: none;
}
#home-hero h1 {
  text-transform: uppercase;
}
#home-hero .callout-wrap {
  width: 100%;
  max-width: 1490px;
  margin: 0 auto;
  margin-top: 35px;
  position: relative;
  z-index: 21;
  pointer-events: none;
}
#home-hero .oval-callout {
  pointer-events: all;
  width: 350px;
  height: 100px;
}
#home-hero .oval-callout .gif-hover {
  position: relative;
}
#home-hero .oval-callout .gif-img {
  width: 220px;
  top: -255px;
}
#home-hero .oval-callout p {
  margin: 0;
}
.s-grp {
  display: inline-block;
}
.project-follower {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.project-follower .follow-block {
  width: 215px;
  height: 215px;
  /* opacity: 0; */
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  pointer-events: none;
}
.project-follower .follow-block img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
}
/*! - PAGE: 0 HOME -> 1 WORK */
#home-work {
  padding-top: 45px;
  padding-bottom: 130px;
}
#home-work .contentContainer {
  max-width: 1360px;
}
#home-work header {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
}
#home-work .work-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
#home-work .work-grid .col.left {
  width: 60%;
  max-width: 805px;
}
#home-work .work-grid .col.left .cta-btn {
  margin-top: 134px;
}
#home-work .work-grid .col.right {
  width: 35%;
  max-width: 452px;
}
#home-work .work-grid .col.right .work-thumb + .work-thumb {
  margin-top: 50px;
}
#home-work .cta-btn.mob {
  display: none;
}
#home-work .work-thumb p {
  font-size: 18px;
}
#home-about {
  padding-top: 160px;
  padding-bottom: 80px;
}
#home-about h2 {
  line-height: 1.085;
  max-width: 1300px;
}
#home-about .cta-btn {
  margin-top: 40px;
}
#about-news.home {
  padding-top: 40px;
  padding-bottom: 40px;
}
#about-news.home .contentContainer {
  max-width: 1490px;
}
#about-news.home header {
  max-width: none;
}
#about-news.home header h2 {
  text-transform: uppercase;
  text-align: center;
}
/*! - PAGE: 0 HOME -> 2 SERVICES */
#home-services {
  padding-top: 150px;
  padding-bottom: 50px;
}
#home-services header {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}
#home-services h3 + p {
  margin-top: 8px;
}
#home-services .txt-group + .txt-group {
  margin-top: 50px;
}
#home-services .sizer {
  visibility: visible;
}
#home-services .cta-btn {
  margin-top: 55px;
}
#home-services .row.main > .col.left {
  width: 55%;
  z-index: 2;
}
#home-services .row.main > .col.left .inner {
  width: 100%;
}
#home-services .row.main > .col.left .inner .col {
  width: 47.5%;
  max-width: 270px;
}
#home-services .row.main > .col.right {
  width: 40%;
  max-width: 475px;
}
#home-services .row.main > .col.right .background {
  width: 614px;
  height: 508px;
  top: -51px;
  transform-origin: left top;
}
#home-services .row.main > .col.right #bgvid-home {
  width: 900px;
}
/*! - PAGE: 0 HOME -> 3 VIDEO OVERLAY */
#video-overlay {
  padding-left: 0px;
  padding-right: 0px;
}
#video-overlay .overlay-wrap .overlay-contents {
  position: relative;
}
#video-overlay .overlay-modal {
  width: 100%;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#video-overlay video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  pointer-events: none;
}
#video-overlay .video-holder {
  position: relative;
  pointer-events: none;
}
#video-overlay .video-holder .promo-main {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#video-overlay .max-wrap {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  height: auto;
  min-height: 100%;
  padding: 50px 0;
}
#video-overlay .close-btn {
  cursor: pointer;
  font: 400 30px/1 "pexel_groteskregular", sans-serif;
  position: absolute;
  right: 0px;
  top: -40px;
  color: #fff;
  text-align: right;
  z-index: 20;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#video-overlay .close-btn:hover {
  color: #ff4444;
}
/*! - PAGE: 1 WORK -> 0 LANDING */
.view-toggle {
  margin-top: 15px;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
.view-toggle ul {
  font-size: 0px;
  border-radius: 28px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: 1px solid #ff4444;
  display: inline-block;
}
.view-toggle ul > li {
  display: inline-block;
  vertical-align: top;
}
.view-toggle li {
  width: 55px;
}
.view-toggle li:first-child a {
  padding-left: 3px;
}
.view-toggle li:last-child a {
  padding-left: -1px;
}
.view-toggle li + li {
  border-left: 1px solid #ff4444;
}
.view-toggle li.on a {
  background-color: #ff4444;
  color: #fff;
  pointer-events: none;
}
.view-toggle a {
  font-size: 13px;
  width: 56px;
  text-align: center;
  display: block;
  width: 100%;
  /* height: 100%; */
  padding: 10px 0 4px;
  text-transform: uppercase;
}
.work-thumb {
  position: relative;
  backface-visibility: hidden;
  transform: scale(1);
}
.work-thumb img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.work-thumb p {
  font-size: 16px;
  margin-top: 20px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.work-thumb a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.work-thumb .frame {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
.work-thumb .frame > div {
  position: absolute;
  width: 109.5%;
  height: 106%;
  left: -5%;
  top: -3%;
}
.work-thumb .frame > div div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transform: scale(1);
}
.work-thumb .frame > div svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.work-thumb .frame > div svg path {
  stroke: #ff4444;
  fill: none;
  stroke-width: 1px;
}
.work-thumb .frame > div:nth-child(2) > div {
  transform: rotate(1deg);
}
.work-thumb.filler {
  height: 0px;
  margin: 0px !important;
}
.work-thumb .thumb-img {
  position: relative;
  overflow: hidden;
  /* border-radius: 30px;  */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.work-thumb .thumb-img video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.work-thumb .video-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.work-thumb .video-wrap video {
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  position: relative;
  transform: none;
  object-fit: cover;
}
#work-grid {
  padding: 50px 0px 300px;
  /* padding-bottom: 0px; */
  padding-top: 192px;
  z-index: 2;
}
#work-grid .work-header {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding-bottom: 50px;
}
#work-grid .work-header .line-split {
  min-width: 800px;
}
#work-grid .work-group {
  display: none;
}
#work-grid .work-group.on {
  display: block;
}
#work-grid .work-group[data-type="grid"] {
  width: 100%;
  max-width: 1660px;
  margin: 0 auto;
  padding-bottom: 0px;
}
#work-grid .work-group[data-type="list"] {
  padding-bottom: 23px;
  opacity: 0;
}
#work-grid .work-thumb {
  width: 31.5%;
  max-width: 452px;
  z-index: 1;
}
#work-grid .work-thumb.on {
  z-index: 10;
}
#work-grid .work-thumb:nth-child(n + 4) {
  margin-top: 4.8%;
}
#work-grid .work-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: flex-start;
  align-content: flex-start;
}
#work-grid .work-row[data-type="1"] .work-thumb:nth-child(2) {
  margin-top: 24.5%;
}
#work-grid .work-row[data-type="1"] .work-thumb:nth-child(3) {
  margin-top: 6.5%;
}
#work-grid .work-row[data-type="1"] + [data-type="2"] {
  margin-top: 8.5%;
}
#work-grid .work-row[data-type="2"] .work-thumb:nth-child(1) {
  margin-top: 12%;
}
#work-grid .work-row[data-type="2"] .work-thumb:nth-child(3) {
  margin-top: 28%;
}
#work-grid .work-row[data-type="2"] + [data-type="1"] {
  margin-top: 40px;
}
#work-grid .work-list li {
  padding: 42px 50px 35px;
  border-top: 1px solid #ff4444;
  position: relative;
}
#work-grid .work-list .list-link {
  position: relative;
  width: 100%;
  max-width: 1212px;
  margin: 0 auto;
  font: 400 90px/1.08 "pp_editorial_newlight", sans-serif;
  letter-spacing: -0.035em;
  /* .hgro(~"90px/1.13"); letter-spacing: -.032em; */
  color: #1a1818;
}
#work-grid .work-list a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
#work-grid .work-list .work-thumb {
  width: 452px;
}
.hasMouseMove.preview .work-thumb {
  width: 452px;
  height: 683px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  display: none;
}
.hasMouseMove.preview .work-thumb .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /* .x(-100%); */
}
.news-callout {
  width: 100%;
  position: relative;
  padding: 117px 0 27px;
}
.news-callout h2:not(.alt) {
  font-size: 152px;
  line-height: 0.95;
  letter-spacing: -0.0319em;
}
.news-callout .cta-btn {
  margin-top: 43px;
}
.news-callout .gif-hover {
  padding-bottom: 2px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.news-callout .gif-hover:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0.2em;
  width: 100%;
  height: 0px;
  border-top: 1px solid #ff4444;
}
.news-callout .gif-img {
  width: 304px;
  position: absolute;
  right: -370px;
  bottom: 30px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#work-archive {
  padding-top: 17px;
  padding-bottom: 112px;
  margin-top: -55px;
  margin-top: -255px;
}
#work-archive .contentContainer {
  max-width: 1500px;
}
#work-archive header,
#work-archive .row-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#work-archive h2 {
  margin-left: -10px;
}
#work-archive .awards-rows {
  margin-top: 68px;
}
#work-archive .award-row {
  width: 100%;
  position: relative;
}
#work-archive .award-row .row-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 32px 0 28px;
}
#work-archive .award-row p {
  font-size: 26px;
}
#work-archive .award-row p + p {
  margin: 0px;
}
#work-archive .award-row a {
  color: #1a1818;
}
#work-archive .award-row a.full-btn {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#work-archive header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
#work-archive .gem {
  width: 153px;
  height: 283px;
  margin-right: -28px;
  display: inline-block;
  position: relative;
}
#work-archive .gem #bgvid-work {
  width: 325px;
}
/*! - PAGE: 1 WORK -> 1 DETAIL */
#tier-hero.project {
  padding: 0 250px 0;
  height: 867px;
  /*
	.col{
		position: absolute; height: 100%; top: 0;
		&.left{left: 90px; width: 160px;}
		&.right{right: 100px; width: 160px; text-align: right;}
		.vsec{
			height: 50%;
			&.top{padding-top: 245px;}
			&.bot{.flex(column, flex-end, flex-start); padding-bottom: 80px;}
		}
		
		
	}
*/
}
#tier-hero.project h1 {
  text-align: center;
}
#tier-hero.project .contentContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  height: 100%;
  padding-top: 100px;
}
#tier-hero.project h4 {
  font: 400 24px/1.15 "pp_editorial_newregular", sans-serif;
  text-transform: uppercase;
  color: #1a1818;
}
#tier-hero.project ul {
  list-style: none;
}
#tier-hero.project li,
#tier-hero.project p {
  font-size: 16px;
  line-height: 1.6;
}
#tier-hero.project h4 + ul,
#tier-hero.project h4 + p {
  margin-top: 12px;
}
#tier-hero.project ul + h4 {
  margin-top: 30px;
}
#project-screens {
  padding-top: 175px;
  padding-top: 0px;
  padding-bottom: 83px;
  padding-left: 0px;
  padding-right: 0px;
}
#project-screens .contentContainer {
  max-width: none;
}
#project-screens h1 + p.intro {
  margin-top: 8px;
}
#project-screens .screen {
  position: relative;
  overflow: hidden;
}
#project-screens .screen img {
  width: 100%;
  height: auto;
  display: block;
}
#project-screens .screen + .screen:not(.col),
#project-screens .screen + .screen-row,
#project-screens .screen + .dark-trigger {
  margin-top: 25px;
}
#project-screens .screen + .screen.news-ticker {
  margin-top: 100px;
}
#project-screens .screen.news-ticker {
  padding: 0;
}
#project-screens .screen-row.split {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#project-screens .screen-row.split .col {
  width: 50%;
}
#project-screens .screen-row.split .col.right {
  margin-left: 25px;
}
#project-screens .screen-row.split + .screen,
#project-screens .screen-row.split + .screen-row.split,
#project-screens .screen-row.split + .dark-trigger {
  /* margin-top: 40px; */
  margin-top: 25px;
}
#project-screens .screen-row.split .project-video-wrap .background {
  width: 100%;
  height: 100%;
  padding: 100px;
  display: flex;
  align-items: center;
  object-fit: contain;
}
#project-screens .screen-row.split .project-video-wrap .background video {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  border: none;
}
#project-screens .screen-row.split .project-video-wrap.vm .background {
  padding: 0;
  height: auto;
  position: relative;
}
#project-screens .screen-row.split .project-video-wrap.vm img {
  display: none;
}
#project-screens .screen.full,
#project-screens .screen-row,
#project-screens .screen.basic-text {
  padding-left: 25px;
  padding-right: 25px;
}
#project-screens .screen.full.first {
  padding-left: 0px;
  padding-right: 0px;
}
#project-screens .btn-wrap {
  margin-top: 104px;
  text-align: center;
}
#project-screens .project-video-wrap {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  position: relative;
}
#project-screens .project-video-wrap img {
  width: 100%;
  height: auto;
  display: block;
}
#project-screens .project-video-wrap .project-video-screen {
  position: absolute;
  left: 0;
  top: 0;
  left: 210px;
  top: 172px;
  width: 1260px;
  height: 855px;
}
#project-screens .project-video-wrap video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  border: 1px solid rgba(200, 200, 200, 0.2);
}
#project-screens .project-video-wrap .video-scaler {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#project-screens .screen.news-ticker {
  margin-bottom: 100px;
}
#project-screens .screen.news-ticker .scroller-text {
  font-size: 50px;
  letter-spacing: 0px;
  margin-top: -13px;
}
#project-screens .screen.basic-text {
  padding-top: 100px;
  padding-bottom: 100px;
}
#project-screens .screen.basic-text .text-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#project-screens .screen.basic-text.overview {
  padding: 50px 60px;
}
#project-screens .screen.basic-text.overview .text-wrap {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 160px;
}
#project-screens .screen.basic-text.overview .project-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
#project-screens .screen.basic-text.overview .project-cols .col {
  width: 160px;
}
#project-screens .screen.basic-text.overview .project-cols .col.right {
  text-align: right;
}
#project-screens .screen.basic-text.overview .project-cols h4 {
  font: 400 24px/1.15 "pp_editorial_newregular", sans-serif;
  text-transform: uppercase;
  color: #1a1818;
}
#project-screens .screen.basic-text.overview .project-cols ul {
  list-style: none;
}
#project-screens .screen.basic-text.overview .project-cols li,
#project-screens .screen.basic-text.overview .project-cols p {
  font-size: 16px;
  line-height: 1.6;
}
#project-screens .screen.basic-text.overview .project-cols h4 + ul,
#project-screens .screen.basic-text.overview .project-cols h4 + p {
  margin-top: 12px;
}
#project-screens .screen.basic-text.overview .project-cols ul + h4 {
  margin-top: 30px;
}
#project-screens .screen.basic-text.overview .project-cols.top {
  margin-bottom: 36px;
}
#project-screens .screen.basic-text.overview .project-cols.bot {
  margin-top: 36px;
}
#project-screens .screen.basic-text.overview .year {
  font: 400 31px/1 "pexel_groteskregular", sans-serif;
}
#project-screens .screen.basic-text.overview .hand-next {
  width: 60px;
  height: 101px;
  cursor: pointer;
  position: absolute;
  right: 0px;
}
#project-screens .screen.basic-text.overview .hand-next .inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(images/work/icon-handdown.svg) left top no-repeat;
  background-size: 100% auto;
}
#project-screens .screen.quote h2 {
  position: relative;
}
#project-screens .screen.quote .text-wrap {
  padding-top: 50px;
}
#project-screens .screen.quote .qmark {
  position: absolute;
  font: 400 90px/1.08 "pp_editorial_newlight", sans-serif;
}
#project-screens .screen.quote .qmark.lt {
  left: 0px;
  top: -90px;
}
#project-screens .screen.quote .qmark.rt {
  right: 0px;
  height: 20px;
  bottom: -70px;
}
#project-screens .screen.quote .byline {
  margin-top: 100px;
  font-size: 16px;
}
#project-next {
  padding-top: 170px;
  padding-bottom: 100px;
  background-color: #1a1818;
}
#project-next .next-btn {
  position: relative;
  padding-top: 25px;
  padding-bottom: 50px;
}
#project-next p,
#project-next h2 {
  color: #fff;
}
#project-next .nextp .col.left {
  margin-top: 160px;
  width: 55%;
}
#project-next .nextp .col.right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 40%;
  max-width: 452px;
}
#project-next .nextp a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
[id^="scroller-side"] {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 25;
  width: 114px;
  height: 114px;
  transform: translateX(150px);
  display: none;
  -webkit-transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
}
[id^="scroller-side"] .scroller-image {
  position: absolute;
  right: 0px;
  bottom: 50px;
  width: 114px;
  height: 114px;
  border-radius: 114px;
}
[id^="scroller-side"] .scroller-image.bot {
  background-color: #ff4444;
}
[id^="scroller-side"] .scroller-image img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[id^="scroller-side"] #fingerwalk {
  width: 100px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: -15px 0px 0px 0px;
  pointer-events: none;
}
[id^="scroller-side"].on {
  transform: translateX(0px) !important;
}
[id^="scroller-side"] .cta-btn {
  font-size: 13px;
  min-width: 0;
  padding: 12px 14px 6px;
  border: none;
  background: #fff;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
#scroller-side-lt {
  left: 20px;
  transform: translateX(-150px);
  right: auto;
}
#scroller-side-lt .cta-btn {
  right: auto;
  left: 0px;
}
#page-project [id^="scroller-side"] {
  display: block;
}
/*! - PAGE: 2 ABOUT -> 0 OVERVIEW */
#page-about #globalSticky {
  background-color: #1a1818;
}
#tier-hero.about .contentContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
#tier-hero.about header {
  width: 100%;
}
#tier-hero.about header .line-split {
  min-width: 1255px;
}
#tier-hero.about header .block {
  background-color: #1a1818;
}
#tier-hero.about .last-row {
  width: 100%;
}
#tier-hero.about .last-word {
  position: relative;
  padding: 0;
  overflow: visible;
}
#tier-hero.about .last-word .asterisk {
  display: block;
  position: absolute;
  width: 46px;
  height: auto;
  top: 50%;
  margin-top: -5px;
  right: -72px;
}
#about-promo {
  padding-top: 50px;
  /* padding-bottom: 85px; */
}
#about-promo .contentContainer {
  max-width: 1680px;
}
#about-promo .promo-wrap {
  position: relative;
  /* opacity: 0; */
}
#about-promo .promo-wrap .cta-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-color: #fff;
  color: #fff;
}
#about-promo video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
#about-promo .video-holder {
  position: relative;
  /* opacity: 0; .sc(.2); */
  transform-origin: right top;
}
#about-promo .video-holder .promo-main {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#about-team {
  /* padding-top: 122px; */
  /* padding-bottom: 228px; */
}
#about-team header {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#about-team .screen.full {
  margin-bottom: 150px;
}
#about-team .photo-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
}
#about-team .photo-row img {
  width: 64.5%;
  max-width: 843px;
}
#about-team .photo-row .oval-callout {
  position: absolute;
  right: 23px;
  top: -106px;
  background: none;
}
#about-team .photo-row .oval-callout p {
  color: #ff4444;
}
#about-team .team-grid {
  margin-top: 70px;
}
#about-team .team-person {
  width: 31%;
  max-width: 377px;
  margin-bottom: 0;
  /* background-color: #1a1818; */
  /* cursor: pointer; */
  padding: 15px 13px;
  position: relative;
  border: 1px solid #ff4444;
  margin-right: 50px;
}
#about-team .team-person .person-photo {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  height: 400px;
  /* width: 363px; */
  display: flex;
  justify-content: center;
}
#about-team .team-person .person-photo img {
  width: auto;
  height: 100%;
  display: block;
}
#about-team .team-person .person-text {
  text-align: center;
  padding-top: 15px;
  color: #1a1818;
}
#about-team .team-person.filler {
  margin: 0 !important;
  padding: 0 !important;
}
#about-team .team-person .person-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url("/asset/photo-bg.jpg");
  opacity: 0;
}
#about-team .team-person .hover-border {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px 13px;
  z-index: 3;
}
#about-team .team-person .hover-border .inner {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 1px solid transparent;
}
#about-team .team-person .photo-hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
  /* border: 1px solid @red; border-bottom: none; */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /* opacity: 0; */
}
#about-team .team-person .photo-hover img {
  transform: translateY(-100%);
}
#about-team .team-person .hover-details {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px 13px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#about-team .team-person .hover-details .person-details {
  width: 100%;
  border-radius: 0px 0px 20px 20px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#about-team .team-person .hover-details .person-details .inner {
  border-top: 1px solid #ff4444;
  transform: translateY(100%);
}
#about-team .team-person .hover-details .person-detail {
  background-color: #1a1818;
  padding: 17px 16px 12px;
  position: relative;
}
#about-team .team-person .hover-details .person-detail + .person-detail {
  padding-top: 22px;
  padding-right: 65px;
  border-top: 1px solid #ff4444;
}
#about-team .team-person .hover-details .person-detail p {
  max-height: 31px;
  overflow: hidden;
}
#about-team .team-person .hover-details h4 {
  font-family: 16px;
  font-family: "Helvetica Neue LT Pro", sans-serif;
  opacity: 0.43;
}
#about-team .team-person .hover-details p {
  font-size: 22px;
  color: #ff4444;
}
#about-team .team-person .hover-details h4 + p {
  margin-top: 2px;
}
#about-team .team-person .hover-details .side-icons {
  width: 56px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  left: auto;
  right: 0px;
  border-left: 1px solid #ff4444;
}
#about-team .team-person .hover-details .side-icons .hands {
  width: 100%;
  height: 42px;
  overflow: hidden;
  border-bottom: 1px solid #ff4444;
  text-align: center;
}
#about-team .team-person .hover-details .side-icons .hands img {
  width: 44px;
  height: auto;
  display: inline-block;
  margin-top: 3px;
}
#about-team .team-person .hover-details .side-icons .circ {
  width: 100%;
  height: 50px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#about-team .team-person .hover-details .side-icons .circ img {
  width: 26px;
  height: auto;
  display: block;
}
#about-team .team-person:first-child .person-back {
  visibility: visible;
  z-index: 2;
}
#about-team .team-grid + .photo-row {
  margin-top: 1.6%;
}
#about-news .contentContainer,
#about-awards .contentContainer {
  max-width: 1500px;
}
#about-news header,
#about-awards header,
#about-news .row-inner,
#about-awards .row-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#about-news {
  padding-top: 40px;
  padding-bottom: 120px;
}
#about-news .contentContainer {
  max-width: 1490px;
}
#about-news header {
  max-width: none;
}
#about-news header h2 {
  text-transform: uppercase;
  text-align: center;
}
#about-news .news-rows {
  margin-top: 120px;
}
#about-news .news-row.topline {
  height: 1px;
  margin-bottom: 120px;
}
#about-news .news-row {
  width: 100%;
  position: relative;
}
#about-news .news-row .row-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 56px 0 48px;
}
#about-news .news-row h2 {
  color: #ff4444;
  max-width: 750px;
}
#about-news .news-row h2 + a {
  margin-top: 24px;
  display: inline-block;
}
#about-news .col.left {
  width: 34%;
  padding-top: 15px;
  padding-right: 50px;
}
#about-news .col.right {
  width: 66%;
}
#about-news .gif-hover {
  padding-bottom: 2px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#about-news .gif-hover:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0.2em;
  width: 100%;
  height: 0px;
  border-top: 1px solid #ff4444;
}
#about-news .gif-img {
  width: 304px;
  position: absolute;
  right: -370px;
  bottom: 30px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#about-partners {
  padding-top: 55px;
  padding-bottom: 165px;
}
#about-partners .contentContainer {
  max-width: 1200px;
}
#about-partners .partners-cols {
  margin-top: 70px;
}
#about-partners .partners-cols ul {
  -webkit-columns: 4 auto;
  -moz-columns: 4 auto;
  columns: 4 auto;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
#about-partners ul {
  list-style: none;
}
#about-partners li {
  font-size: 26px;
  padding-bottom: 14px;
  color: #ff4444;
}
#about-awards {
  padding-top: 17px;
  padding-bottom: 42px;
}
#about-awards .awards-rows {
  margin-top: 80px;
}
#about-awards .award-row {
  width: 100%;
  position: relative;
}
#about-awards .award-row .row-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 32px 0 28px;
}
#about-awards .award-row p {
  font-size: 26px;
  color: #ff4444;
}
#about-awards .award-row p + p {
  margin: 0px;
}
#about-awards .award-row.hasHover {
  cursor: pointer;
}
#about-awards .awards-hover {
  position: absolute;
  right: 490px;
  top: -60px;
  pointer-events: none;
  transform-origin: left top;
  z-index: 3;
}
#about-awards .awards-hover .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 360px;
  /* .y(-400px); */
  opacity: 0;
}
#about-awards .awards-hover .thumb img {
  width: 100%;
  height: auto;
  display: block;
}
#about-awards .awards-hover .thumb[data-num="1"] img {
  transform: rotate(-6deg);
}
#about-awards .awards-hover .thumb[data-num="2"] {
  left: 75px;
}
#about-awards .awards-hover .thumb[data-num="2"] img {
  transform: rotate(0deg);
}
#about-awards .awards-hover .thumb[data-num="3"] {
  left: 130px;
  top: 50px;
}
#about-awards .awards-hover .thumb[data-num="3"] img {
  transform: rotate(14deg);
}
/*! - PAGE: 3 SERVICES -> 0 OVERVIEW */
#tier-hero.services h1 {
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
#tier-hero.services .row {
  margin-top: 65px;
}
#tier-hero.services .col.left {
  width: 35%;
  padding-top: 15px;
}
#tier-hero.services .col.right {
  width: 60%;
  max-width: 715px;
}
@media screen and (min-width: 1025px) {
  #tier-hero.services {
    padding-top: 204px;
  }
}
.estd-globe {
  width: 273px;
  height: 161px;
  border-radius: 80px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: 1px solid #ff4444;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
.estd-globe .spacer {
  width: 274px;
  position: relative;
  z-index: 2;
  left: -1px;
}
.estd-globe svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
}
.estd-globe .globe-line {
  position: absolute;
  left: 0;
  top: 0;
  top: -2px;
  left: 210px;
  width: 70px;
  height: 163px;
}
.estd-globe .hline {
  position: absolute;
  left: 0;
  top: 0;
  top: 40px;
  width: 100%;
  height: 1px;
  background-color: #ff4444;
}
.estd-globe .hline[data-num="2"] {
  top: 81px;
}
.estd-globe .hline[data-num="3"] {
  top: 121px;
}
.lottie-eyes {
  position: absolute;
  left: 0;
  top: 0;
  left: -15px;
  top: -20px;
}
#services-rows {
  padding: 20px 0px 50px;
}
#services-rows .contentContainer {
  max-width: 1600px;
}
#services-rows header {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  margin-top: 144px;
  margin-bottom: 130px;
}
#services-rows ul {
  list-style: none;
}
#services-rows ul li {
  padding-left: 18px;
  position: relative;
}
#services-rows ul li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #1a1818;
}
#services-rows ul li + li {
  margin-top: 18px;
}
#services-rows p + ul {
  margin-top: 34px;
}
#services-rows .service-row {
  position: relative;
}
#services-rows .service-row .b-line {
  position: absolute;
  background-color: #ff4444;
}
#services-rows .service-row .b-line.lt {
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  transform-origin: left top;
}
#services-rows .service-row .b-line.rt {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  transform-origin: right top;
}
#services-rows .service-row .b-line.bt {
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  transform-origin: left top;
}
#services-rows .service-row .line.hasDraw {
  top: -1px;
}
#services-rows .service-row .line.hasDraw.bot {
  top: auto;
  bottom: 0px;
}
#services-rows .service-row .inner-row {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 50px;
}
#services-rows .service-row .col {
  padding: 100px 0;
}
#services-rows .service-row .col.left {
  width: 40.5%;
  max-width: 460px;
}
#services-rows .service-row .col.right {
  width: 55.5%;
  max-width: 665px;
}
#services-rows .service-row .col.right p.intro {
  margin-top: 8px;
}
#services-rows .service-row + .service-row {
  margin-top: 70px;
}
#services-rows .service-row:last-child {
  margin-top: 75px;
}
#services-rows .related-projects {
  padding-left: 65px;
  position: relative;
  margin-top: 66px;
}
#services-rows .related-projects h4 {
  font-size: 13px;
  color: #ff4444;
  text-transform: uppercase;
}
#services-rows .related-projects .arrow {
  position: absolute;
  left: 0;
  top: 0;
  top: -8px;
  width: 40px;
  height: auto;
  display: block;
}
#services-rows .related-links {
  margin-top: 14px;
}
#services-rows .related-links > a {
  display: inline-block;
  vertical-align: top;
  margin-right: 18px;
  margin-bottom: 20px;
}
#services-rows .related-links a {
  padding-bottom: 3px;
  border-bottom: 1px solid #ff4444;
}
#services-rows .service-illus {
  max-width: 300px;
  margin-top: 40px;
}
#services-rows .service-illus img {
  width: 100%;
  height: auto;
  display: block;
}
.service-scroller,
.project-scroller {
  position: relative;
  height: 95px;
  border-top: 1px solid #ff4444;
  border-bottom: 1px solid #ff4444;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.service-scroller .scroll-mover,
.project-scroller .scroll-mover {
  position: absolute;
  left: 0;
  top: 0;
  top: 17px;
}
.service-scroller .end-spacer,
.project-scroller .end-spacer {
  width: 0px;
}
.service-scroller .scroll-group,
.project-scroller .scroll-group {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.service-scroller .scroll-group img,
.project-scroller .scroll-group img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  height: auto;
  display: block;
}
.service-scroller .scroller-text,
.project-scroller .scroller-text {
  font: 400 61px "tg_haido_grotesksemibold", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: -21px;
  color: #ff4444;
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-flex-shrink: 0;
  -ms-flex: -1;
  flex-shrink: 0;
}
.service-scroller .star,
.project-scroller .star {
  width: 46px;
  margin-top: 7px;
}
#services-quotes {
  padding: 95px 0 117px;
  text-align: center;
}
#services-quotes .contentContainer {
  max-width: 1600px;
}
#services-quotes .heart {
  width: 149px;
  height: 173px;
  display: inline-block;
  margin-bottom: 70px;
  position: relative;
}
#services-quotes .heart #bgvid-serv {
  width: 300px;
}
#services-quotes .quote-wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#services-quotes .quote-wrap > span {
  position: absolute;
  font: 400 94px/1.08 "pp_editorial_newlight", sans-serif;
}
#services-quotes .quote-wrap .openq {
  left: -42px;
  top: -70px;
}
#services-quotes .quote-wrap .closeq {
  right: -22px;
  bottom: -75px;
}
#services-quotes blockquote {
  font: 400 94px/1.08 "pp_editorial_newlight", sans-serif;
  letter-spacing: -0.035em;
  position: relative;
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
}
#services-quotes .byline {
  margin-top: 32px;
}
#services-quotes .byline p + p {
  margin-top: -2px;
}
#services-quotes .quote-nav {
  position: relative;
  top: 60px;
  width: 100%;
  z-index: 2;
}
#services-quotes .quote-nav .arrow {
  position: absolute;
  width: 40px;
  height: auto;
  top: 0px;
  cursor: pointer;
}
#services-quotes .quote-nav .arrow img {
  width: 100%;
  height: auto;
  display: block;
}
#services-quotes .quote-nav .arrow.lt {
  left: 0px;
  transform: scaleX(-1);
}
#services-quotes .quote-nav .arrow.rt {
  right: 0px;
}
#services-quotes .quote-slider {
  position: relative;
}
#services-quotes .quote-slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: none;
}
#services-quotes .quote-slide[data-num="1"] {
  display: block;
}
#services-quotes .quote-slide.ph {
  visibility: hidden;
  position: relative;
  pointer-events: none;
  display: block;
}
/*! - PAGE: 4 CONTACT */
#tier-hero.contact .line-split {
  min-width: 1060px;
}
#tier-hero.contact .main {
  margin-top: 58px;
}
#tier-hero.contact .main .col.left {
  width: 62.5%;
  max-width: 750px;
  z-index: 2;
}
#tier-hero.contact .main .col.right {
  width: 32.5%;
  max-width: 336px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
#tier-hero.contact .main .col.right .inner {
  width: 100%;
  max-width: 236px;
  position: relative;
  z-index: 2;
}
#tier-hero.contact .main .col.right ul {
  list-style: none;
}
#tier-hero.contact .main .col.right ul + ul {
  margin-top: 52px;
}
#tier-hero.contact .main .col.right ul.phone li + li {
  margin-top: 18px;
}
#tier-hero.contact .main .col.right li + li {
  margin-top: 22px;
}
#tier-hero.contact .main .col.right .image {
  position: relative;
  width: 100%;
  margin-top: 77px;
}
#tier-hero.contact .main .col.right .image .background {
  width: 552px;
  height: 457px;
  left: 1px;
  transform-origin: left top;
}
#tier-hero.contact .main .col.right .image .base {
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  position: absolute;
  left: 0;
  top: 0;
  width: 552px;
  height: 457px;
}
#tier-hero.contact .main .col.right .image #bgvid-contact {
  width: 900px;
  margin-left: 2px;
  margin-top: -4px;
}
#tier-hero.contact .main .col.right .uline {
  padding-bottom: 7px;
}
.global-form input:-webkit-autofill,
.global-form input:-webkit-autofill:hover,
.global-form input:-webkit-autofill:focus,
.global-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #1a1818;
}
.global-form .field-wrap {
  border: 1px solid #ff4444;
  width: 100%;
  padding: 20px 20px 6px;
}
.global-form .field-wrap + .field-wrap {
  border-top: none;
}
.global-form .field-wrap label {
  font-size: 13px;
  text-transform: uppercase;
  color: #bab9b9;
  color: #1a1818;
  margin-bottom: 15px;
  display: block;
  width: 100%;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.global-form .field-wrap input {
  width: 100%;
  height: 40px;
}
.global-form .field-wrap.error label {
  color: #ff4444;
}
.global-form .field-wrap.hasS2 {
  padding-left: 0px;
  padding-right: 0px;
}
.global-form .field-wrap.hasS2 label {
  margin-bottom: 12px;
  padding-left: 20px;
}
.global-form textarea {
  border: none;
  width: 100%;
  height: 170px;
  line-height: 1.3;
  background: none;
}
.global-form button[type="submit"] {
  margin-top: 48px;
}
.global-form .field-wrap {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.global-form.sending .cta-btn,
.global-form.sending input,
.global-form.sending textarea {
  pointer-events: none;
}
.global-form.sending .field-wrap,
.global-form.sending .cta-btn {
  opacity: 0.3;
}
body .select2-container--default .select2-selection--single {
  padding-bottom: 3px;
  border: none;
  border-radius: 0px;
  background: none;
  height: auto;
}
body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  width: 26px;
  height: auto;
  right: 15px;
  top: -17px;
}
body
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}
body
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 18px;
  padding: 0px 20px;
  line-height: normal;
  color: #1a1818;
  height: 40px;
  line-height: 40px;
}
body
  .select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  color: #fff;
  background-color: #1a1818;
}
body
  .select2-container--default
  .select2-results__option[aria-selected="true"] {
  color: #fff;
  background-color: #1a1818;
}
body .select2-container--default .select2-results > .select2-results__options {
  max-height: 265px;
}
body .select2-dropdown {
  border: none;
  border-radius: 0px;
  margin-top: 1px;
  background-color: #1a1818;
  padding: 0px;
  opacity: 1;
  transform: translateY(-10px);
  -webkit-transition: transform 0.3s ease-out, opacity 0.5s linear;
  -moz-transition: transform 0.3s ease-out, opacity 0.5s linear;
  -o-transition: transform 0.3s ease-out, opacity 0.5s linear;
  transition: transform 0.3s ease-out, opacity 0.5s linear;
}
body .select2-dropdown.on {
  opacity: 1;
  transform: translateY(0px);
}
body .select2-dropdown--above {
  margin-top: 1px;
}
body .select2-results__option {
  padding: 22px 20px 12px;
  min-height: 60px;
  font-size: 18px;
  color: #ff4444;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
body .select2-results__option:first-child {
  display: none;
}
body .select2-results__option + .select2-results__option {
  border-top: 1px solid rgba(255, 68, 68, 0.27);
}
body .select2-container--open .arrow-corner {
  transform: rotate(45deg);
}
body .select2-container--open .select2-dropdown--below {
  margin-top: 6px;
}
body .select2-container--open .select2-dropdown--above {
  margin-top: -50px;
}
body .dropdown-menu {
  bottom: auto !important;
}
.hasForm .thank-you {
  margin-top: 43px;
  opacity: 0;
  visibility: hidden;
}
.hasForm p {
  position: relative;
  display: inline-block;
}
.hasForm .eyes {
  position: absolute;
  right: -74px;
  top: -68px;
  width: 74px;
}
/*! - PAGE: 5 BLOB */
#tier-hero.blob {
  padding: 180px 0 0;
}
#tier-hero.blob header {
  border-top: 1px solid #ff4444;
  padding-left: 150px;
  padding-right: 150px;
  position: relative;
  color: #ff4444;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
#tier-hero.blob .col.lt {
  width: 74%;
  padding: 40px 25px 25px;
}
#tier-hero.blob .col.lt p {
  margin-top: 35px;
}
#tier-hero.blob .col.lt .txt {
  width: 100%;
  max-width: 994px;
  margin: 0 auto;
}
#tier-hero.blob .col.rt {
  width: 26%;
  border-left: 1px solid #ff4444;
  padding: 25px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#tier-hero.blob .col.rt .row.bot h3 {
  margin-left: 5px;
}
#tier-hero.blob img {
  width: 100%;
  height: auto;
  display: block;
}
#tier-hero.blob .blob-title {
  max-width: 966px;
  position: relative;
}
#tier-hero.blob .blob-title h1 {
  font: 400 365px/0.72 "pexel_groteskregular", sans-serif;
  transform: translateX(-18px);
  /* visibility: hidden; */
}
#tier-hero.blob .blob-illus {
  max-width: 255px;
  margin-left: auto;
  margin-right: auto;
}
#tier-hero.blob h3 {
  font: 400 31px/1 "pexel_groteskregular", sans-serif;
  letter-spacing: 2.38px;
}
#tier-hero.blob .hero-side {
  position: absolute;
  top: 0px;
  width: 150px;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
  text-align: center;
  padding: 100px 0;
}
#tier-hero.blob .hero-side.lt {
  left: 0px;
  border-right: 1px solid #ff4444;
}
#tier-hero.blob .hero-side.rt {
  right: 0px;
  border-left: 1px solid #ff4444;
}
#tier-hero.blob .hero-side .row {
  height: 85px;
  padding: 15px;
  position: absolute;
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#tier-hero.blob .hero-side .row.top {
  top: 0;
  border-bottom: 1px solid #ff4444;
}
#tier-hero.blob .hero-side .row.bot {
  bottom: 0;
  border-top: 1px solid #ff4444;
}
#tier-hero.blob .hero-side .globe {
  display: block;
  height: 100%;
  width: auto;
  max-height: 186px;
}
#tier-hero.blob .service-scroller {
  height: 96px;
}
#tier-hero.blob .service-scroller .scroll-mover {
  top: 28px;
}
#tier-hero.blob .service-scroller .scroller-text {
  font: 400 57px/1 "pp_editorial_newlight", sans-serif;
  letter-spacing: -1.83px;
  margin-top: -3px;
}
#tier-hero.blob .service-scroller .hand {
  width: 100px;
  margin-top: -4px;
  -webkit-flex-shrink: 0;
  -ms-flex: -1;
  flex-shrink: 0;
}
#tier-hero.blob .service-scroller .hand img {
  transform: translateX(3px);
}
#tier-hero.blob.article h1 {
  font: 400 62px/1.08 "pp_editorial_newlight", sans-serif;
  letter-spacing: -0.035em;
  color: #1a1818;
}
#tier-hero.blob.article p {
  font-size: 16px;
  color: #ff4444;
}
#tier-hero.blob.article p + h1 {
  margin-top: 17px;
}
#tier-hero.blob.article header {
  border-bottom: 1px solid #ff4444;
}
#tier-hero.blob.article .col.lt {
  width: 63%;
  padding: 25px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: center;
}
#tier-hero.blob.article .col.lt .txt {
  width: 100%;
  max-width: 775px;
  margin: 0 auto;
}
#tier-hero.blob.article .col.lt p {
  margin-top: 0;
}
#tier-hero.blob.article .col.rt {
  width: 37%;
  border-left: 1px solid #ff4444;
  padding: 12px;
}
#tier-hero.blob.article .col.rt .blob-img {
  width: 100%;
  height: 100%;
  background: center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 385px;
}
#blob-grid {
  padding-left: 0px;
  padding-right: 0px;
}
#blob-grid.next {
  border-top: 1px solid #ff4444;
}
#blob-grid.next .blog-thumb {
  border-top: none !important;
}
.blob-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.blob-grid .blob-thumb {
  width: 50%;
  padding: 100px;
  padding-bottom: 85px;
}
.blob-grid .blob-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.blob-grid .blob-thumb .txt {
  width: 100%;
  max-width: 692px;
  margin: 0 auto;
  position: relative;
}
.blob-grid .blob-thumb:nth-child(even) {
  border-left: 1px solid #ff4444;
}
.blob-grid .blob-thumb:nth-child(n + 3) {
  border-top: 1px solid #ff4444;
}
.blob-grid .blob-thumb a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.blob-grid .blob-thumb .blob-img {
  background: center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 20px;
  position: relative;
}
.blob-grid .blob-thumb p {
  font-size: 16px;
  color: #ff4444;
}
.blob-grid .blob-thumb h2 {
  font: 400 26px/1.27 "Helvetica Neue LT Pro", sans-serif;
}
.blob-grid .blob-thumb p + h2 {
  margin-top: 12px;
}
.blob-grid .blob-thumb.filler {
  visibility: visible;
}
.blob-grid .blob-thumb .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1a1818;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.blob-grid .arrow {
  width: 40px;
  height: auto;
  margin-top: 12px;
}
.blob-grid .arrow img {
  width: 100%;
  height: auto;
  display: block;
}
.blob-grid .arrow.lt {
  left: 0px;
  transform: scaleX(-1);
}
.blob-grid .arrow.rt {
  right: 0px;
}
#article-body {
  padding: 0 149px;
}
#article-body .bodycopy {
  padding: 100px 25px 130px;
  border-left: 1px solid #ff4444;
  border-right: 1px solid #ff4444;
}
#article-body .bodycopy p + p,
#article-body .bodycopy li + li {
  margin-top: 32px;
}
#article-body .inner-wrap {
  width: 100%;
  max-width: 795px;
  margin: 0 auto;
  font-size: 26px;
  line-height: 1.27;
}
/*! - GLOBAL: 5 HOVERS */
@media screen and (min-width: 1025px) {
  a,
  button {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  a:not(.cta-btn):hover {
    color: #1a1818;
    border-color: #1a1818 !important;
  }
  .cta-btn:hover {
    background-color: #ff4444;
    color: #fff;
  }
  #globalHeader .main-menu a:hover,
  #globalSticky .main-menu a:hover {
    color: #ff4444;
  }
  #globalHeader .main-menu li:hover > .uline,
  #globalSticky .main-menu li:hover > .uline {
    transform: scaleX(1);
  }
  .shop-link {
    -webkit-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1);
    -o-transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1);
    transition: transform 0.5s cubic-bezier(0.5, 0, 0.5, 1);
  }
  .shop-link:hover {
    transform: translateY(23px);
  }
  #globalFooter .lockup .social .col:hover > a {
    color: #fff;
  }
  #globalFooter .oval-callout .gif-hover:hover {
    color: #fff;
    border-color: #fff;
  }
  #globalFooter .oval-callout .gif-hover:hover > .gif-img {
    opacity: 1;
  }
  #globalFooter .ind-scroller a:hover {
    color: #fff;
  }
  #home-work .oval-callout .gif-hover:hover,
  #home-hero .oval-callout .gif-hover:hover {
    color: #1a1818;
    border-color: #1a1818;
  }
  #home-work .oval-callout .gif-hover:hover > .gif-img,
  #home-hero .oval-callout .gif-hover:hover > .gif-img {
    opacity: 1;
  }
  #work-grid .work-list .list-link span {
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
  }
  #work-grid .work-list .list-link:hover > span {
    color: #ff4444;
  }
  .view-toggle a:hover {
    background-color: #ff4444;
    color: #fff;
  }
  #work-archive p {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
  }
  #work-archive .row-inner:hover > p {
    color: #ff4444;
  }
  #work-archive .row-inner:hover > p .uline {
    transform: scaleX(1);
  }
  #project-next h2 {
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
  }
  #project-next .nextp:hover > .col .next-btn h2 {
    color: #ff4444;
  }
  #about-news a:hover {
    color: #fff;
    border-color: #fff !important;
  }
  #about-news a:hover,
  .news-callout a:hover {
    color: #fff;
    border-color: #fff !important;
  }
  #about-news .gif-hover:hover,
  .news-callout .gif-hover:hover {
    color: #ff4444;
  }
  #about-news .gif-hover:hover > .gif-img,
  .news-callout .gif-hover:hover > .gif-img {
    opacity: 1;
  }
  #about-awards .hasHover p {
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
  }
  #about-awards .hasHover:hover > .row-inner p {
    color: #fff;
  }
  [id^="scroller-side"] .cta-btn:hover {
    background-color: #ff4444;
    color: #fff;
  }
  .logo-main img {
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .logo-main:hover > a img {
    transform: scale(1.05);
  }
  #home-work .work-thumb .thumb-img {
    -webkit-transition: border-radius 0.5s ease-in-out;
    -moz-transition: border-radius 0.5s ease-in-out;
    -o-transition: border-radius 0.5s ease-in-out;
    transition: border-radius 0.5s ease-in-out;
  }
  #home-work .work-thumb.lrg:hover > .thumb-img {
    border-radius: 400px;
  }
  #home-work .work-thumb.sm:hover > .thumb-img {
    border-radius: 225px;
  }
  #work-grid .work-thumb .thumb-img {
    -webkit-transition: border-radius 0.5s ease-in-out;
    -moz-transition: border-radius 0.5s ease-in-out;
    -o-transition: border-radius 0.5s ease-in-out;
    transition: border-radius 0.5s ease-in-out;
  }
  #work-grid .work-thumb:hover > .thumb-img {
    border-radius: 225px;
  }
  #project-next .nextp .thumb-img {
    -webkit-transition: border-radius 0.5s ease-in-out;
    -moz-transition: border-radius 0.5s ease-in-out;
    -o-transition: border-radius 0.5s ease-in-out;
    transition: border-radius 0.5s ease-in-out;
  }
  #project-next .nextp:hover > .col.right .work-thumb .thumb-img {
    border-radius: 225px;
  }
  #project-screens .hand-next .inner {
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  #project-screens .hand-next:hover > .inner {
    transform: translateY(10px);
  }
  .quote-nav .arrow img {
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .quote-nav .arrow:hover > img {
    transform: translateX(5px);
  }
  .blob-grid .blob-thumb .txt:hover > .arrow {
    transform: translateX(5px);
  }
  .blob-grid .arrow {
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .blob-grid .blob-thumb .txt:hover > .blob-img .cover {
    opacity: 0.5;
  }
}
/*! - GLOBAL: 6 CUSTOM ADJUST */
@-moz-document url-prefix() {
  section h1.line-split,
  .global h1.line-split,
  section h2.line-split,
  .global h2.line-split {
    line-height: 0.8;
    position: relative;
    top: 18px;
  }
  section h1.line-split .block,
  .global h1.line-split .block,
  section h2.line-split .block,
  .global h2.line-split .block {
    bottom: 0px;
    height: 54px;
  }
  section h2,
  .global h2 {
    position: relative;
    top: 14px;
  }
  #home-work .eyes {
    right: 56px;
  }
  #page-services h1.line-split .block {
    height: 81px;
  }
}
/*! - xANIMATIONS ***************************** */
/*! - xANIMATIONS: 0 REUSE */
@-moz-keyframes frameMove1 {
  0% {
    transform: scaleX(1);
  }
  24.99% {
    transform: scaleX(1);
  }
  25% {
    transform: scale(-1);
  }
  49.99% {
    transform: scale(-1);
  }
  50% {
    transform: scaleX(-1);
  }
  74.99% {
    transform: scaleX(-1);
  }
  75% {
    transform: scaleY(-1);
  }
  99.99% {
    transform: scaleY(-1);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes frameMove1 {
  0% {
    transform: scaleX(1);
  }
  24.99% {
    transform: scaleX(1);
  }
  25% {
    transform: scale(-1);
  }
  49.99% {
    transform: scale(-1);
  }
  50% {
    transform: scaleX(-1);
  }
  74.99% {
    transform: scaleX(-1);
  }
  75% {
    transform: scaleY(-1);
  }
  99.99% {
    transform: scaleY(-1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes frameMove1 {
  0% {
    transform: scaleX(1);
  }
  24.99% {
    transform: scaleX(1);
  }
  25% {
    transform: scale(-1);
  }
  49.99% {
    transform: scale(-1);
  }
  50% {
    transform: scaleX(-1);
  }
  74.99% {
    transform: scaleX(-1);
  }
  75% {
    transform: scaleY(-1);
  }
  99.99% {
    transform: scaleY(-1);
  }
  100% {
    transform: scaleX(1);
  }
}
.frame-move1 {
  -webkit-animation: frameMove1 infinite 1s linear;
  -moz-animation: frameMove1 infinite 1s linear;
  animation: frameMove1 infinite 1s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.star-spin {
  -webkit-animation: spinner infinite 8s linear;
  -moz-animation: spinner infinite 8s linear;
  animation: spinner infinite 8s linear;
  animation-fill-mode: forwards;
}
/*! - xANIMATIONS: 1 ACTIVATION */
#globalFooter.onall .scroll-mover,
#services-rows.on .scroll-mover,
.screen.news-ticker.on .scroll-mover,
#tier-hero.blob.on .scroll-mover {
  -webkit-animation: scrollText infinite 30s linear;
  -moz-animation: scrollText infinite 30s linear;
  animation: scrollText infinite 30s linear;
  animation-fill-mode: forwards;
}
#globalFooter.onall .star img,
#services-rows.on .star img,
.screen.news-ticker.on .star img,
#tier-hero.blob.on .star img {
  -webkit-animation: spinner infinite 8s linear;
  -moz-animation: spinner infinite 8s linear;
  animation: spinner infinite 8s linear;
  animation-fill-mode: forwards;
}
#tier-hero.on .asterisk {
  -webkit-animation: spinner infinite 8s linear;
  -moz-animation: spinner infinite 8s linear;
  animation: spinner infinite 8s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes scrollText {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
@-webkit-keyframes scrollText {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes scrollText {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.scroll-text {
  -webkit-animation: scrollText infinite 30s linear;
  -moz-animation: scrollText infinite 30s linear;
  animation: scrollText infinite 30s linear;
  animation-fill-mode: forwards;
}
.work-thumb.on .frame > div,
.work-thumb-wrap.on .frame > div {
  -webkit-animation: frameMove1 infinite 1s linear;
  -moz-animation: frameMove1 infinite 1s linear;
  animation: frameMove1 infinite 1s linear;
  animation-fill-mode: forwards;
}
.work-thumb.on .frame > div:nth-child(2),
.work-thumb-wrap.on .frame > div:nth-child(2) {
  animation-delay: -0.4s;
  animation-duration: 0.8s;
}
.work-thumb.on p,
.work-thumb-wrap.on p {
  color: #ff4444;
}
#home-work .work-thumb.on p {
  opacity: 1;
}
.hasLineMove.on .line-move,
.hasLineMove.onall .line-move {
  -webkit-animation: frameMove1 infinite 1s linear;
  -moz-animation: frameMove1 infinite 1s linear;
  animation: frameMove1 infinite 1s linear;
  animation-fill-mode: forwards;
}
.hasLineMove.on .line-move:nth-child(2),
.hasLineMove.onall .line-move:nth-child(2) {
  animation-delay: -0.6s;
  animation-duration: 0.7s;
}
/*! - xANIMATIONS: 2 PROJECTS */
#page-project #project-screens .sizer {
  visibility: visible;
}
#page-project .scale-offset {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#page-project #project-screens video {
  width: 100%;
  height: auto;
}
/* armadillo */
#page-project.armadillo #armadillo-anim0 {
  background-color: #ffd740;
}
#page-project.armadillo #armadillo-anim0 .armadillo {
  width: 350px;
  left: 230px;
  top: -600px;
}
#page-project.armadillo #armadillo-anim0 .armadillo .chute {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transform-origin: center top;
}
#page-project.armadillo #armadillo-anim0 .armadillo .eye {
  position: absolute;
  left: 0;
  top: 0;
  top: -4px;
  left: -1px;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background-color: #3f3350;
}
#page-project.armadillo #armadillo-anim0 .armadillo .eye-wrap {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  left: 170px;
  top: 357px;
}
#page-project.armadillo #armadillo-anim1 {
  background-color: #fffef9;
  overflow: hidden;
}
#page-project.armadillo #armadillo-anim1 .scale-offset {
  width: 1170px;
  height: 520px;
  left: 243px;
  top: 308px;
  transform: scale(1.147);
}
#page-project.armadillo #armadillo-anim1 .background {
  overflow: visible;
}
#page-project.armadillo #armadillo-anim1 .earL {
  width: 23px;
  height: 34px;
  transform-origin: center bottom;
}
#page-project.armadillo #armadillo-anim1 .earR {
  width: 28px;
  height: 45px;
  transform-origin: center bottom;
}
#page-project.armadillo #armadillo-anim1 .eye-wrap {
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius: 17px;
}
#page-project.armadillo #armadillo-anim1 .eye {
  position: absolute;
  left: 0;
  top: 0;
  left: -3px;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background-color: #3f3350;
}
#page-project.armadillo #armadillo-anim1 .clouds {
  position: absolute;
  left: 0;
  top: 0;
  width: 1170px;
  height: 520px;
  height: 226px;
  overflow: visible;
}
#page-project.armadillo #armadillo-anim1 .clouds .cloud-mover {
  width: 2600px;
}
#page-project.armadillo #armadillo-anim1 .sun {
  left: 550px;
  top: 32px;
}
#page-project.armadillo #armadillo-anim1 .bush {
  transform-origin: center bottom;
}
#page-project.armadillo #armadillo-anim1 .bush[data-num="1"] {
  width: 393px;
  left: 100px;
  top: 319px;
}
#page-project.armadillo #armadillo-anim1 .bush[data-num="2"] {
  width: 322px;
  left: 726px;
  top: 321px;
}
#page-project.armadillo #armadillo-anim1 .tree {
  transform-origin: center bottom;
}
#page-project.armadillo #armadillo-anim1 .tree[data-num="1"] {
  width: 120px;
  left: 198px;
  top: 269px;
}
#page-project.armadillo #armadillo-anim1 .tree[data-num="2"] {
  width: 109px;
  left: 744px;
  top: 278px;
}
#page-project.armadillo #armadillo-anim1 .tree[data-num="3"] {
  width: 77px;
  left: 873px;
  top: 303px;
}
#page-project.armadillo #armadillo-anim1 .frbush {
  transform-origin: center bottom;
}
#page-project.armadillo #armadillo-anim1 .frbush[data-num="1"] {
  width: 84px;
  left: 226px;
  top: 417px;
}
#page-project.armadillo #armadillo-anim1 .frbush[data-num="2"] {
  width: 56px;
  left: 868px;
  top: 416px;
}
#page-project.armadillo #armadillo-anim1 .ground {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  top: 439px;
  height: 80px;
  background-color: #fffef9;
}
#page-project.armadillo #armadillo-anim1 .ground-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background-color: #3f3350;
}
#page-project.armadillo #armadillo-anim1 .ground-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  top: 462px;
  height: 270px;
  background-color: #fffef9;
}
#page-project.armadillo #armadillo-anim1 .armadillo {
  width: 500px;
  left: 312px;
  top: 153px;
}
#page-project.armadillo #armadillo-anim1 .armadillo .earL {
  left: 405px;
  top: 146px;
}
#page-project.armadillo #armadillo-anim1 .armadillo .earR {
  left: 420px;
  top: 136px;
}
#page-project.armadillo #armadillo-anim1 .armadillo .eye-wrap {
  left: 395px;
  top: 205px;
}
#page-project.armadillo #armadillo-anim1 .armadillo .tail {
  top: 30px;
  left: -17px;
  transform-origin: right bottom;
}
#page-project.armadillo #armadillo-anim1 .house {
  width: 259px;
  left: 473px;
  top: 178px;
  transform-origin: center bottom;
}
#page-project.armadillo #armadillo-anim1 .bg {
  transform-origin: center bottom;
}
#page-project.armadillo #armadillo-anim1 .bird {
  width: 12px;
}
#page-project.armadillo #armadillo-anim1 .bird .arm {
  width: 8px;
}
#page-project.armadillo #armadillo-anim1 .bird .arm.lt {
  transform-origin: right bottom;
}
#page-project.armadillo #armadillo-anim1 .bird .arm.rt {
  left: 6px;
  transform-origin: left bottom;
}
#page-project.armadillo #armadillo-anim1 .bird .arm.rt img {
  transform: scaleX(-1);
}
#page-project.armadillo #armadillo-anim1 .bird[data-num="1"] {
  left: 250px;
  top: 170px;
}
#page-project.armadillo #armadillo-anim1 .bird[data-num="2"] {
  left: 425px;
  top: 130px;
}
#page-project.armadillo #armadillo-anim1 .bird[data-num="3"] {
  left: 1000px;
  top: 200px;
}
#page-project.armadillo #armadillo-anim1 .leaf[data-num="1"] {
  left: 28px;
  top: 34px;
  width: 5px;
}
#page-project.armadillo #armadillo-anim1 .leaf[data-num="1"] img {
  animation-direction: reverse;
}
#page-project.armadillo #armadillo-anim1 .leaf[data-num="2"] {
  left: 24px;
  top: 12px;
  width: 13px;
}
#page-project.armadillo #armadillo-anim1 .leaf img {
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
}
#page-project.armadillo #armadillo-anim1 .sun {
  width: 286px;
  height: 286px;
  border-radius: 286px;
  overflow: hidden;
  z-index: 0;
}
#page-project.armadillo #armadillo-anim1 .sun > .spacer {
  z-index: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#page-project.armadillo #armadillo-anim1 .sun .sunglow-base {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 284px;
  height: 284px;
  border-radius: 284px;
  background-color: #fff8e1;
  z-index: 0;
}
#page-project.armadillo #armadillo-anim1 .sun .sunglow {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 284px;
  height: 284px;
}
#page-project.armadillo #armadillo-anim1 .sun .sunglow > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 284px;
  height: 284px;
  border-radius: 284px;
  background-color: #ffd740;
  transform: scale(0.38);
}
@-moz-keyframes armaDrop {
  0% {
    transform: translateY(0px);
  }
  85% {
    transform: translateY(1700px);
  }
  100% {
    transform: translateY(1700px);
  }
}
@-webkit-keyframes armaDrop {
  0% {
    transform: translateY(0px);
  }
  85% {
    transform: translateY(1700px);
  }
  100% {
    transform: translateY(1700px);
  }
}
@keyframes armaDrop {
  0% {
    transform: translateY(0px);
  }
  85% {
    transform: translateY(1700px);
  }
  100% {
    transform: translateY(1700px);
  }
}
#page-project.armadillo .arma-drop {
  -webkit-animation: armaDrop infinite 15s linear;
  -moz-animation: armaDrop infinite 15s linear;
  animation: armaDrop infinite 15s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes armaChute {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes armaChute {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@keyframes armaChute {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
#page-project.armadillo .arma-chute {
  -webkit-animation: armaChute infinite 4s ease-in-out;
  -moz-animation: armaChute infinite 4s ease-in-out;
  animation: armaChute infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes eyeMover {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-80deg);
  }
  35% {
    transform: rotate(-80deg);
  }
  45% {
    transform: rotate(30deg);
  }
  60% {
    transform: rotate(30deg);
  }
  75% {
    transform: rotate(-110deg);
  }
  90% {
    transform: rotate(-110deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes eyeMover {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-80deg);
  }
  35% {
    transform: rotate(-80deg);
  }
  45% {
    transform: rotate(30deg);
  }
  60% {
    transform: rotate(30deg);
  }
  75% {
    transform: rotate(-110deg);
  }
  90% {
    transform: rotate(-110deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes eyeMover {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-80deg);
  }
  35% {
    transform: rotate(-80deg);
  }
  45% {
    transform: rotate(30deg);
  }
  60% {
    transform: rotate(30deg);
  }
  75% {
    transform: rotate(-110deg);
  }
  90% {
    transform: rotate(-110deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#page-project.armadillo .eye-move {
  -webkit-animation: eyeMover infinite 16s ease-in-out;
  -moz-animation: eyeMover infinite 16s ease-in-out;
  animation: eyeMover infinite 16s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes earWiggle {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-6deg);
  }
  40% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes earWiggle {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-6deg);
  }
  40% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes earWiggle {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-6deg);
  }
  40% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#page-project.armadillo .ear-wiggle {
  -webkit-animation: earWiggle infinite 8s ease-in-out;
  -moz-animation: earWiggle infinite 8s ease-in-out;
  animation: earWiggle infinite 8s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes sunGrow {
  0% {
    transform: scale(0.38);
    background-color: #ffd740;
  }
  100% {
    transform: scale(1);
    background-color: #fff8e1;
  }
}
@-webkit-keyframes sunGrow {
  0% {
    transform: scale(0.38);
    background-color: #ffd740;
  }
  100% {
    transform: scale(1);
    background-color: #fff8e1;
  }
}
@keyframes sunGrow {
  0% {
    transform: scale(0.38);
    background-color: #ffd740;
  }
  100% {
    transform: scale(1);
    background-color: #fff8e1;
  }
}
#page-project.armadillo .sun-grow {
  -webkit-animation: sunGrow infinite 6s linear;
  -moz-animation: sunGrow infinite 6s linear;
  animation: sunGrow infinite 6s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes sunFade {
  0% {
    opacity: 0;
    z-index: 2;
  }
  10% {
    opacity: 1;
    z-index: 2;
  }
  50% {
    opacity: 1;
    z-index: 1;
  }
  90% {
    opacity: 1;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
@-webkit-keyframes sunFade {
  0% {
    opacity: 0;
    z-index: 2;
  }
  10% {
    opacity: 1;
    z-index: 2;
  }
  50% {
    opacity: 1;
    z-index: 1;
  }
  90% {
    opacity: 1;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
@keyframes sunFade {
  0% {
    opacity: 0;
    z-index: 2;
  }
  10% {
    opacity: 1;
    z-index: 2;
  }
  50% {
    opacity: 1;
    z-index: 1;
  }
  90% {
    opacity: 1;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
#page-project.armadillo .sun-fade {
  -webkit-animation: sunFade infinite 6s linear;
  -moz-animation: sunFade infinite 6s linear;
  animation: sunFade infinite 6s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes tailWag {
  0% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
@-webkit-keyframes tailWag {
  0% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
@keyframes tailWag {
  0% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
#page-project.armadillo .tail-wag {
  -webkit-animation: tailWag infinite 4s ease-in-out;
  -moz-animation: tailWag infinite 4s ease-in-out;
  animation: tailWag infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes leafDrop {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(150px);
  }
}
@-webkit-keyframes leafDrop {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(150px);
  }
}
@keyframes leafDrop {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(150px);
  }
}
#page-project.armadillo .leaf-drop {
  -webkit-animation: leafDrop 1 3s ease-in-out;
  -moz-animation: leafDrop 1 3s ease-in-out;
  animation: leafDrop 1 3s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes leafDrop2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(400px);
  }
}
@-webkit-keyframes leafDrop2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(400px);
  }
}
@keyframes leafDrop2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(400px);
  }
}
#page-project.armadillo .leaf-drop2 {
  -webkit-animation: leafDrop2 1 4s ease-in-out;
  -moz-animation: leafDrop2 1 4s ease-in-out;
  animation: leafDrop2 1 4s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes leafFloat {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(20px);
  }
  35% {
    transform: translateX(-20px);
  }
  55% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes leafFloat {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(20px);
  }
  35% {
    transform: translateX(-20px);
  }
  55% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes leafFloat {
  0% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(20px);
  }
  35% {
    transform: translateX(-20px);
  }
  55% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
#page-project.armadillo .leaf-float {
  -webkit-animation: leafFloat 1 8s ease-in-out;
  -moz-animation: leafFloat 1 8s ease-in-out;
  animation: leafFloat 1 8s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes leafFloat2 {
  0% {
    transform: translateX(0px);
  }
  5% {
    transform: translateX(0px);
  }
  30% {
    transform: translateX(-20px);
  }
  45% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes leafFloat2 {
  0% {
    transform: translateX(0px);
  }
  5% {
    transform: translateX(0px);
  }
  30% {
    transform: translateX(-20px);
  }
  45% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes leafFloat2 {
  0% {
    transform: translateX(0px);
  }
  5% {
    transform: translateX(0px);
  }
  30% {
    transform: translateX(-20px);
  }
  45% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(0px);
  }
}
#page-project.armadillo .leaf-float2 {
  -webkit-animation: leafFloat2 1 6s ease-in-out;
  -moz-animation: leafFloat2 1 6s ease-in-out;
  animation: leafFloat2 1 6s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes birdFlapL {
  0% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}
@-webkit-keyframes birdFlapL {
  0% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}
@keyframes birdFlapL {
  0% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}
#page-project.armadillo .bird-flapL {
  -webkit-animation: birdFlapL infinite 3s ease-in-out;
  -moz-animation: birdFlapL infinite 3s ease-in-out;
  animation: birdFlapL infinite 3s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes birdFlapR {
  0% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
@-webkit-keyframes birdFlapR {
  0% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
@keyframes birdFlapR {
  0% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
#page-project.armadillo .bird-flapR {
  -webkit-animation: birdFlapR infinite 3s ease-in-out;
  -moz-animation: birdFlapR infinite 3s ease-in-out;
  animation: birdFlapR infinite 3s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes birdFloatX {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@-webkit-keyframes birdFloatX {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes birdFloatX {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(-50px);
  }
}
#page-project.armadillo .bird-floatX {
  -webkit-animation: birdFloatX infinite 14s ease-in-out;
  -moz-animation: birdFloatX infinite 14s ease-in-out;
  animation: birdFloatX infinite 14s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes birdFloatY {
  0% {
    transform: translateY(-20px) rotate(-20deg);
  }
  50% {
    transform: translateY(20px) rotate(20deg);
  }
  100% {
    transform: translateY(-20px) rotate(-20deg);
  }
}
@-webkit-keyframes birdFloatY {
  0% {
    transform: translateY(-20px) rotate(-20deg);
  }
  50% {
    transform: translateY(20px) rotate(20deg);
  }
  100% {
    transform: translateY(-20px) rotate(-20deg);
  }
}
@keyframes birdFloatY {
  0% {
    transform: translateY(-20px) rotate(-20deg);
  }
  50% {
    transform: translateY(20px) rotate(20deg);
  }
  100% {
    transform: translateY(-20px) rotate(-20deg);
  }
}
#page-project.armadillo .bird-floatY {
  -webkit-animation: birdFloatY infinite 6s ease-in-out;
  -moz-animation: birdFloatY infinite 6s ease-in-out;
  animation: birdFloatY infinite 6s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim0.on .eye-wrap {
  -webkit-animation: eyeMover infinite 16s ease-in-out;
  -moz-animation: eyeMover infinite 16s ease-in-out;
  animation: eyeMover infinite 16s ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 12s;
}
#page-project.armadillo #armadillo-anim0.on .armadillo {
  -webkit-animation: armaDrop infinite 15s linear;
  -moz-animation: armaDrop infinite 15s linear;
  animation: armaDrop infinite 15s linear;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim0.on .armadillo .chute {
  -webkit-animation: armaChute infinite 4s ease-in-out;
  -moz-animation: armaChute infinite 4s ease-in-out;
  animation: armaChute infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .sunglow {
  -webkit-animation: sunFade infinite 6s linear;
  -moz-animation: sunFade infinite 6s linear;
  animation: sunFade infinite 6s linear;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .sunglow > div {
  -webkit-animation: sunGrow infinite 6s linear;
  -moz-animation: sunGrow infinite 6s linear;
  animation: sunGrow infinite 6s linear;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .sunglow[data-num="2"] {
  animation-delay: -3s;
}
#page-project.armadillo #armadillo-anim1.on .sunglow[data-num="2"] > div {
  animation-delay: -3s;
}
#page-project.armadillo #armadillo-anim1.on .bird {
  -webkit-animation: birdFloatX infinite 14s ease-in-out;
  -moz-animation: birdFloatX infinite 14s ease-in-out;
  animation: birdFloatX infinite 14s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .bird .inner {
  -webkit-animation: birdFloatY infinite 6s ease-in-out;
  -moz-animation: birdFloatY infinite 6s ease-in-out;
  animation: birdFloatY infinite 6s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .bird .arm.lt {
  -webkit-animation: birdFlapL infinite 3s ease-in-out;
  -moz-animation: birdFlapL infinite 3s ease-in-out;
  animation: birdFlapL infinite 3s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .bird .arm.rt {
  -webkit-animation: birdFlapR infinite 3s ease-in-out;
  -moz-animation: birdFlapR infinite 3s ease-in-out;
  animation: birdFlapR infinite 3s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .bird[data-num="1"] {
  animation-delay: -9s;
}
#page-project.armadillo #armadillo-anim1.on .bird[data-num="2"] .inner {
  animation-delay: -3s;
}
#page-project.armadillo #armadillo-anim1.on .bird[data-num="2"] .arm {
  animation-delay: -1.25s;
}
#page-project.armadillo #armadillo-anim1.on .bird[data-num="3"] {
  animation-delay: -15s;
}
#page-project.armadillo #armadillo-anim1.on .bird[data-num="3"] .inner {
  animation-delay: -6s;
}
#page-project.armadillo #armadillo-anim1.on .bird[data-num="3"] .arm {
  animation-delay: -0.5s;
}
#page-project.armadillo #armadillo-anim1.on .eye-wrap {
  -webkit-animation: eyeMover infinite 16s ease-in-out;
  -moz-animation: eyeMover infinite 16s ease-in-out;
  animation: eyeMover infinite 16s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .earL,
#page-project.armadillo #armadillo-anim1.on .earR {
  -webkit-animation: earWiggle infinite 8s ease-in-out;
  -moz-animation: earWiggle infinite 8s ease-in-out;
  animation: earWiggle infinite 8s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.armadillo #armadillo-anim1.on .tail {
  -webkit-animation: tailWag infinite 4s ease-in-out;
  -moz-animation: tailWag infinite 4s ease-in-out;
  animation: tailWag infinite 4s ease-in-out;
  animation-fill-mode: forwards;
}
/* allure */
#page-project.allure-aesthetics .svg-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 0px;
  height: 0px;
}
#page-project.allure-aesthetics .svg-mask path {
  stroke: transparent !important;
  fill: none;
}
#page-project.allure-aesthetics .svg-mask.test path {
  stroke: red !important;
}
#page-project.allure-aesthetics .butterfly .wing {
  transform-origin: center bottom;
  width: 61px;
}
#page-project.allure-aesthetics .butterfly .wing img {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: center bottom;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#page-project.allure-aesthetics .butterfly .wing[data-num="2"] img {
  opacity: 0;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 {
  background-color: #ffeee8;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .scale-offset {
  left: 111px;
  top: 213px;
  transform: scale(1.07);
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .background {
  width: 583px;
  left: 24px;
  transform-origin: left top;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .flower {
  transform-origin: center bottom;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .flower[data-num="1"] {
  left: 120px;
  top: 197px;
  width: 132px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .flower[data-num="2"] {
  left: 127px;
  top: 77px;
  width: 146px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .flower[data-num="3"] {
  left: 220px;
  top: 42px;
  width: 124px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .flower[data-num="4"] {
  left: 212px;
  top: 72px;
  width: 196px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .flower[data-num="5"] {
  left: 275px;
  top: 172px;
  width: 135px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .flower[data-num="6"] {
  left: 240px;
  top: 238px;
  width: 154px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .butterfly {
  width: 61px;
  height: 68px;
  top: -30px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 #stats-bfly,
#page-project.allure-aesthetics #allure-aesthetics-anim0 svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 1620px;
  height: 171px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 #stats-bfly {
  left: -675px;
  top: -20px;
  left: -705px;
  top: -55px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 svg {
  overflow: visible;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0 .fly-path {
  position: absolute;
  left: 0;
  top: 0;
  width: 1620px;
  height: 171px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim1 {
  background-color: #ffeee8;
}
#page-project.allure-aesthetics #allure-aesthetics-anim1 .scale-offset {
  left: -16px;
  top: 317px;
  transform: scale(0.77);
}
#page-project.allure-aesthetics #allure-aesthetics-anim1 .background {
  width: 889px;
  transform-origin: left top;
}
#page-project.allure-aesthetics #allure-aesthetics-anim1 .base {
  width: 889px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim1 .butterfly {
  width: 61px;
  height: 68px;
}
#page-project.allure-aesthetics #allure-aesthetics-anim1 .bfly-wrap,
#page-project.allure-aesthetics #allure-aesthetics-anim1 svg,
#page-project.allure-aesthetics #allure-aesthetics-anim1 .fly-path {
  position: absolute;
  left: 0;
  top: 0;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .bfly-wrap[data-num="1"] {
  width: 1406px;
  height: 247px;
  left: -202px;
  top: -65px;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .bfly-wrap[data-num="1"]
  svg,
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .bfly-wrap[data-num="1"]
  .fly-path {
  width: 1406px;
  height: 247px;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .bfly-wrap[data-num="1"]
  .butterfly {
  top: -18px;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .bfly-wrap[data-num="2"] {
  width: 1207px;
  height: 519px;
  left: -135px;
  top: -79px;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .bfly-wrap[data-num="2"]
  svg,
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .bfly-wrap[data-num="2"]
  .fly-path {
  width: 1207px;
  height: 519px;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .bfly-wrap[data-num="2"]
  .butterfly {
  top: -18px;
}
@-moz-keyframes flowerSway {
  0% {
    transform: rotate(-2deg);
  }
  40% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
@-webkit-keyframes flowerSway {
  0% {
    transform: rotate(-2deg);
  }
  40% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
@keyframes flowerSway {
  0% {
    transform: rotate(-2deg);
  }
  40% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
#page-project.allure-aesthetics .flower-sway {
  -webkit-animation: flowerSway infinite 10s ease-in-out;
  -moz-animation: flowerSway infinite 10s ease-in-out;
  animation: flowerSway infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes wingFlutter1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes wingFlutter1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wingFlutter1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#page-project.allure-aesthetics .wing-flutter1 {
  -webkit-animation: wingFlutter1 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-animation: wingFlutter1 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  animation: wingFlutter1 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  animation-fill-mode: forwards;
}
@-moz-keyframes wingFlutter2 {
  0% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
@-webkit-keyframes wingFlutter2 {
  0% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
@keyframes wingFlutter2 {
  0% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
#page-project.allure-aesthetics .wing-flutter2 {
  -webkit-animation: wingFlutter2 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-animation: wingFlutter2 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  animation: wingFlutter2 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  animation-fill-mode: forwards;
}
@-moz-keyframes wingBlink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.1% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes wingBlink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.1% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes wingBlink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  50.1% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#page-project.allure-aesthetics .wing-blink {
  -webkit-animation: wingBlink infinite 0.2s linear;
  -moz-animation: wingBlink infinite 0.2s linear;
  animation: wingBlink infinite 0.2s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes wingFlutter1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes wingFlutter1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wingFlutter1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#page-project.allure-aesthetics .wing-flutter1 {
  -webkit-animation: wingFlutter1 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-animation: wingFlutter1 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  animation: wingFlutter1 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  animation-fill-mode: forwards;
}
@-moz-keyframes wingFlutter2 {
  0% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
@-webkit-keyframes wingFlutter2 {
  0% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
@keyframes wingFlutter2 {
  0% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
#page-project.allure-aesthetics .wing-flutter2 {
  -webkit-animation: wingFlutter2 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  -moz-animation: wingFlutter2 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  animation: wingFlutter2 infinite 1s cubic-bezier(0.5, 0, 0.5, 1);
  animation-fill-mode: forwards;
}
#page-project.allure-aesthetics #allure-aesthetics-anim0.on .flower {
  -webkit-animation: flowerSway infinite 10s ease-in-out;
  -moz-animation: flowerSway infinite 10s ease-in-out;
  animation: flowerSway infinite 10s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim0.on
  .flower[data-num="1"] {
  animation-delay: -2s;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim0.on
  .flower[data-num="2"] {
  animation-delay: -4s;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim0.on
  .flower[data-num="4"] {
  animation-delay: -1s;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim0.on
  .flower[data-num="5"] {
  animation-delay: -3s;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim0.on
  .flower[data-num="6"] {
  animation-delay: -0.5s;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim0.on
  .butterfly.on
  .wing[data-num="1"]
  img {
  -webkit-animation: wingBlink infinite 0.2s linear;
  -moz-animation: wingBlink infinite 0.2s linear;
  animation: wingBlink infinite 0.2s linear;
  animation-fill-mode: forwards;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim0.on
  .butterfly.on
  .wing[data-num="2"]
  img {
  -webkit-animation: wingBlink infinite 0.2s linear;
  -moz-animation: wingBlink infinite 0.2s linear;
  animation: wingBlink infinite 0.2s linear;
  animation-fill-mode: forwards;
  animation-delay: -0.1s;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .butterfly.on
  .wing[data-num="1"]
  img {
  -webkit-animation: wingBlink infinite 0.2s linear;
  -moz-animation: wingBlink infinite 0.2s linear;
  animation: wingBlink infinite 0.2s linear;
  animation-fill-mode: forwards;
}
#page-project.allure-aesthetics
  #allure-aesthetics-anim1
  .butterfly.on
  .wing[data-num="2"]
  img {
  -webkit-animation: wingBlink infinite 0.2s linear;
  -moz-animation: wingBlink infinite 0.2s linear;
  animation: wingBlink infinite 0.2s linear;
  animation-fill-mode: forwards;
  animation-delay: -0.1s;
}
/* shift paradigm */
#page-project.shift-paradigm {
  /*   .video-screen {
    background-color: #fae641;
    .background {
      width: 820px;
      height: 1100px;
    }
    video {
      .abs-cenv;
      width: 544px;
      height: 660px;
    }
  } */
}
/* wms */
#page-project.washington-market #washington-market-anim0 {
  background-color: #ffefe9;
}
#page-project.washington-market #washington-market-anim0 .scale-offset {
  left: -24px;
  top: 240px;
}
#page-project.washington-market #washington-market-anim0 .turtle {
  position: absolute;
  left: 0;
  top: 0;
  left: 120px;
  width: 554px;
  transform: scale(1.5);
}
#page-project.washington-market #washington-market-anim0 .turtle .grass {
  transform-origin: center bottom;
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="1"] {
  left: 100px;
  top: 168px;
  width: 20px;
  height: 178px;
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="1"]
  img {
  transform: scaleX(-1);
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="2"] {
  left: 32px;
  top: 246px;
  width: 19px;
  height: 101px;
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="2"]
  img {
  transform: scaleX(-1);
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="3"] {
  left: 33px;
  top: 210px;
  width: 16px;
  height: 137px;
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="3"]
  img {
  transform: scaleX(-1);
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="4"] {
  left: 465px;
  top: 246px;
  width: 19px;
  height: 101px;
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="4"]
  img {
  transform: scaleX(-1);
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="5"] {
  left: 422px;
  top: 169px;
  width: 20px;
  height: 178px;
}
#page-project.washington-market
  #washington-market-anim0
  .turtle
  .grass[data-num="6"] {
  left: 104px;
  top: 12px;
  width: 49px;
  height: 334px;
}
#page-project.washington-market #washington-market-anim0 .turtle .bfly {
  left: 494px;
  top: 0px;
  width: 60px;
  height: 60px;
}
#page-project.washington-market #washington-market-anim0 .turtle-new {
  width: 594px;
  left: 154px;
  top: 252px;
}
#page-project.washington-market #washington-market-anim1 {
  background-color: #fefaf1;
}
#page-project.washington-market #washington-market-anim1 .background {
  width: 1725px;
}
#page-project.washington-market #washington-market-anim1 .scale-offset {
  left: -34px;
  top: 357px;
  transform: scale(0.837);
}
#page-project.washington-market #washington-market-anim1 .base {
  width: 1725px;
  left: 42px;
  top: 5px;
}
#page-project.washington-market #washington-market-anim1 .blimp {
  width: 184px;
  top: 140px;
}
#page-project.washington-market #washington-market-anim1 .lines {
  width: 1725px;
  top: 5px;
}
@-moz-keyframes grassSway {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes grassSway {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@keyframes grassSway {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
#page-project.washington-market .grass-sway {
  -webkit-animation: grassSway infinite 6s ease-in-out;
  -moz-animation: grassSway infinite 6s ease-in-out;
  animation: grassSway infinite 6s ease-in-out;
  animation-fill-mode: forwards;
}
@-moz-keyframes slideLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
#page-project.washington-market .slide-left {
  -webkit-animation: slideLeft infinite 5s linear;
  -moz-animation: slideLeft infinite 5s linear;
  animation: slideLeft infinite 5s linear;
  animation-fill-mode: forwards;
}
#page-project.washington-market #washington-market-anim0.on .grass {
  -webkit-animation: grassSway infinite 6s ease-in-out;
  -moz-animation: grassSway infinite 6s ease-in-out;
  animation: grassSway infinite 6s ease-in-out;
  animation-fill-mode: forwards;
}
#page-project.washington-market
  #washington-market-anim0.on
  .grass[data-num="2"] {
  animation-delay: -2.5s;
}
#page-project.washington-market
  #washington-market-anim0.on
  .grass[data-num="3"] {
  animation-delay: -4.5s;
}
#page-project.washington-market
  #washington-market-anim0.on
  .grass[data-num="4"] {
  animation-delay: -3.5s;
}
#page-project.washington-market
  #washington-market-anim0.on
  .grass[data-num="5"] {
  animation-delay: -1s;
}
#page-project.washington-market
  #washington-market-anim0.on
  .grass[data-num="6"] {
  animation-delay: -5s;
  animation-duration: 8s !important;
}
/* fountain */
#page-project.fountain-trt #fountain-trt-anim1 {
  background-color: #fff;
}
#page-project.fountain-trt #fountain-trt-anim1 .background {
  width: 1301px;
}
#page-project.fountain-trt #fountain-trt-anim1 .scale-offset {
  left: -188px;
  top: -110px;
  transform: scale(1.035);
}
#page-project.fountain-trt #fountain-trt-anim1 .fountain {
  left: 389px;
  top: 272px;
  width: 413px;
}
#page-project.fountain-trt #fountain-trt-anim1 .fountain img {
  position: relative;
}
#page-project.fountain-trt #fountain-trt-anim1 .swash {
  overflow: hidden;
}
#page-project.fountain-trt #fountain-trt-anim1 .swash-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
}
#page-project.fountain-trt #fountain-trt-anim1 .swash[data-num="1"] {
  left: -308px;
  top: 354px;
  width: 589px;
  height: 885px;
}
#page-project.fountain-trt #fountain-trt-anim1 .swash[data-num="2"] {
  left: 284px;
  top: 0px;
  width: 669px;
  height: 1118px;
}
#page-project.fountain-trt #fountain-trt-anim1 .swash[data-num="3"] {
  left: 86px;
  top: 326px;
  width: 1090px;
  height: 927px;
}
#page-project.fountain-trt #fountain-trt-anim1 .water img {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0);
}
#page-project.fountain-trt #fountain-trt-anim1 .water img.w2 {
  transform: scaleX(-1);
  opacity: 0;
}
#page-project.fountain-trt #fountain-trt-anim1 .water .wl,
#page-project.fountain-trt #fountain-trt-anim1 .water .wr {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-style: preserve-3d;
}
#page-project.fountain-trt #fountain-trt-anim1 .water[data-num="1"] {
  left: 178px;
  width: 54px;
}
#page-project.fountain-trt #fountain-trt-anim1 .water[data-num="1"] .wl {
  width: 54px;
}
#page-project.fountain-trt #fountain-trt-anim1 .water[data-num="2"] {
  left: 151px;
  top: 117px;
  width: 108px;
}
#page-project.fountain-trt #fountain-trt-anim1 .water[data-num="2"] .wl {
  width: 108px;
}
#page-project.fountain-trt #fountain-trt-anim1 .water[data-num="2"] .wr {
  width: 81px;
  left: 27px;
}
#page-project.fountain-trt #fountain-trt-anim1 .water[data-num="3"] {
  left: 64px;
  top: 223px;
}
#page-project.fountain-trt #fountain-trt-anim1 .water[data-num="3"] .wl {
  width: 124px;
}
#page-project.fountain-trt #fountain-trt-anim1 .water[data-num="3"] .wr {
  width: 113px;
  left: 172px;
}
#page-project.fountain-trt #fountain-trt-anim2 {
  background-color: #e4fffa;
}
#page-project.fountain-trt #fountain-trt-anim2 .scale-offset {
  left: 0px;
  top: 0px;
  transform: scale(1);
}
#page-project.fountain-trt #fountain-trt-anim2 .bigleaf {
  width: 462px;
  transform-origin: center top;
}
#page-project.fountain-trt #fountain-trt-anim2 .bigleaf > div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: center top;
}
#page-project.fountain-trt #fountain-trt-anim2 .bigleaf img {
  transform-origin: center top;
}
#page-project.fountain-trt #fountain-trt-anim2 .leaf-wrap[data-num="1"] {
  width: 715px;
  left: 0px;
}
#page-project.fountain-trt #fountain-trt-anim2 .leaf-wrap[data-num="2"] {
  width: 638px;
  height: 500px;
  left: 390px;
  top: 844px;
}
#page-project.fountain-trt #fountain-trt-anim2 .bigleaf[data-num="1"] {
  left: -485px;
  top: 447px;
  width: 317px;
  height: 678px;
  transform: rotate(244deg);
}
#page-project.fountain-trt #fountain-trt-anim2 .bigleaf[data-num="2"] {
  left: 595px;
  top: 442px;
  width: 536px;
  height: 678px;
  transform: rotate(121.5deg);
}
#page-project.fountain-trt #fountain-trt-anim2 .mask-reveal {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#page-project.fountain-trt #fountain-trt-anim2 .mask-reveal svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
#page-project.fountain-trt #fountain-trt-anim2 .vine-line-mask {
  stroke: #fff;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 14px;
  stroke-miterlimit: 10;
}
#page-project.fountain-trt #fountain-trt-anim2 .vine[data-num="1"] {
  width: 401px;
  height: 215px;
  left: 616px;
  top: 176px;
  transform: rotate(-37deg);
}
#page-project.fountain-trt #fountain-trt-anim2 .vine[data-num="1"] > div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#page-project.fountain-trt #fountain-trt-anim2 .vine[data-num="2"] {
  left: 351px;
  top: 119px;
  width: 752px;
  height: 192px;
  transform-origin: right top;
}
#page-project.fountain-trt #fountain-anim0 {
  background-color: #000;
}
#page-project.fountain-trt #fountain-anim0 .background {
  width: 540px;
}
#page-project.fountain-trt #fountain-anim0 .scale-offset {
  left: 137px;
  top: 122px;
  transform: scale(1.33);
}
#page-project.fountain-trt #fountain-anim0 .base {
  width: 540px;
}
#page-project.fountain-trt #fountain-anim0 .body {
  top: -1px;
}
#page-project.fountain-trt #fountain-anim0 .body.bg {
  opacity: 0.3;
}
#page-project.fountain-trt #fountain-anim0 .body .rect-mask {
  transform: translateY(-64px);
}
#page-project.fountain-trt #fountain-anim0 .sidetxt {
  left: 424px;
  top: 360px;
  width: 80px;
}
#page-project.fountain-trt #fountain-anim0 .meter .rect-mask {
  transform: translateY(-64px);
}
#page-project.fountain-trt #fountain-anim0 .meter-bg {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
}
#page-project.fountain-trt #fountain-anim0 .baseline {
  position: absolute;
  left: 0;
  top: 0;
  left: 58px;
  top: 637px;
  transform: translateY(-64px);
  width: 444px;
  height: 1px;
  background-color: #3ec9cc;
}
#page-project.fountain-trt #fountain-anim0 .baseline .drop {
  left: -36px;
  width: 9px;
  top: -7px;
}
#page-project.fountain-trt #fountain-anim0 .baseline .drop img {
  transform: rotate(-90deg);
}
#page-project.fountain-trt #fountain-anim0 .bgmark {
  width: 540px;
  height: 637px;
  top: -3px;
  overflow: hidden;
  transform-origin: center bottom;
}
#page-project.fountain-trt #fountain-anim0 svg {
  overflow: visible;
}
@-moz-keyframes blink1 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.15);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@-webkit-keyframes blink1 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.15);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes blink1 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.15);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
#page-project.fountain-trt .blinker1 {
  -webkit-animation: blink1 infinite 0.4s linear;
  -moz-animation: blink1 infinite 0.4s linear;
  animation: blink1 infinite 0.4s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes blink2 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.08);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@-webkit-keyframes blink2 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.08);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes blink2 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.08);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
#page-project.fountain-trt .blinker2 {
  -webkit-animation: blink2 infinite 0.4s linear;
  -moz-animation: blink2 infinite 0.4s linear;
  animation: blink2 infinite 0.4s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes blink3 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.04);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@-webkit-keyframes blink3 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.04);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes blink3 {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  50% {
    opacity: 0.5;
    transform: scaleX(1.04);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
#page-project.fountain-trt .blinker3 {
  -webkit-animation: blink3 infinite 0.4s linear;
  -moz-animation: blink3 infinite 0.4s linear;
  animation: blink3 infinite 0.4s linear;
  animation-fill-mode: forwards;
}
@-moz-keyframes blinkFlip {
  0% {
    transform: scaleX(1);
  }
  1% {
    transform: scaleX(-1);
  }
  50% {
    transform: scaleX(-1);
  }
  51% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes blinkFlip {
  0% {
    transform: scaleX(1);
  }
  1% {
    transform: scaleX(-1);
  }
  50% {
    transform: scaleX(-1);
  }
  51% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes blinkFlip {
  0% {
    transform: scaleX(1);
  }
  1% {
    transform: scaleX(-1);
  }
  50% {
    transform: scaleX(-1);
  }
  51% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
#page-project.fountain-trt .blinker-flip {
  -webkit-animation: blinkFlip infinite 0.2s linear;
  -moz-animation: blinkFlip infinite 0.2s linear;
  animation: blinkFlip infinite 0.2s linear;
  animation-fill-mode: forwards;
}
/* stp */
#page-project.strategic-technology-partners #stp-anim0 {
  background-color: #000;
}
#page-project.strategic-technology-partners #stp-anim0 .scale-offset {
  transform: scale(0.88);
  left: 63px;
  top: 148px;
}
/* shopx */
#page-project.shopx {
  /*
	#shopx-anim2{
		.background{width: 1280px; height: 720px;}
		video{width: 1280px; height: 720px;}
	}
*/
}
#page-project.shopx .video-screen {
  background-color: #0a2127;
}
#page-project.shopx .video-screen .background {
  width: 820px;
  height: 1100px;
}
#page-project.shopx .video-screen video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 596px;
  height: 605px;
  border: none;
}
#page-project.shopx #shopx-anim0 {
  background-color: #ffd600;
}
#page-project.shopx #shopx-anim3 video,
#page-project.shopx #shopx-anim4 video {
  width: 596px;
  height: 897px;
}
/* claystack */
#page-project.claystack .video-screen {
  background-color: #000;
}
#page-project.claystack .video-screen .background {
  width: 1680px;
  height: 1100px;
}
#page-project.claystack .video-screen video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  height: 1100px;
  border: none;
}
/*! MEDIA QUERY ***************************** */
/*! MQ: 0 -> 1600px+ */
@media screen and (max-width: 1600px) {
  .blob-grid .blob-thumb {
    padding: 50px;
  }
}
@media screen and (max-width: 1500px) {
  #tier-hero.contact .base {
    transform: scale(0.8);
  }
  #globalFooter .lockup .social a {
    font-size: 40px;
  }
  section h2.xlrg,
  .global h2.xlrg {
    font-size: 100px;
  }
  .project-follower {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  #globalHeader .logo-main {
    top: 25px;
    left: 35px;
  }
  #globalHeader .cta-items {
    top: -35px;
    right: 25px;
  }
  #globalHeader .main-menu {
    top: -37px;
  }
  #globalSticky .logo-sticky {
    left: 25px;
  }
  #globalSticky .cta-items {
    right: 25px;
  }
  .shop-link {
    right: 10px;
    top: -28px;
  }
  .shop-link img {
    width: 30px;
  }
  #tier-hero.project .col.left {
    left: 55px;
  }
  #tier-hero.project .col.right {
    right: 55px;
  }
  #tier-hero.project .col .vsec.top {
    padding-top: 180px;
  }
  #services-quotes .quote-wrap .openq {
    left: -20px;
  }
  #tier-hero.blob {
    padding-top: 160px;
  }
}
@media screen and (max-width: 1300px) {
  section h1:not(.animResize),
  .global h1:not(.animResize) {
    font-size: 100px;
  }
  section h1.sm,
  .global h1.sm {
    font-size: 75px;
  }
  #page-about #tier-hero h1 {
    max-width: 1000px;
  }
}
/*! MQ: 1 -> 1200px */
@media screen and (max-width: 1200px) {
  section h2:not(.animResize),
  .global h2:not(.animResize) {
    font-size: 72px;
  }
  section h2:not(.animResize).alt,
  .global h2:not(.animResize).alt {
    font-size: 48px;
  }
  section h2:not(.animResize).big,
  .global h2:not(.animResize).big {
    font-size: 75px;
  }
  section h2:not(.animResize).xlrg,
  .global h2:not(.animResize).xlrg {
    font-size: 70px;
  }
  #globalFooter header {
    max-width: 780px;
  }
  #globalFooter .lockup .social a {
    font-size: 30px;
  }
  .view-toggle {
    margin-top: 12px;
  }
  #home-services {
    padding-bottom: 100px;
  }
  #about-news.home {
    padding-top: 100px;
  }
  #work-grid .work-group[data-type="grid"] {
    padding-bottom: 100px;
  }
  #work-grid .work-list .list-link {
    font-size: 72px;
  }
  #tier-hero.project {
    padding: 0 175px 0;
    height: 650px;
  }
  #project-screens .screen.basic-text {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #project-screens .screen.basic-text.overview {
    padding: 25px;
  }
  #project-screens .screen.basic-text.overview .text-wrap {
    padding: 0 130px;
  }
  #about-team {
    padding-bottom: 100px;
  }
  #about-team .team-person {
    margin-bottom: 3.5%;
  }
  #about-news .news-row.topline {
    margin-bottom: 70px;
  }
  #about-news .news-rows {
    margin-top: 70px;
  }
  #about-partners {
    padding-top: 25px;
    padding-bottom: 100px;
  }
  #about-awards .awards-hover {
    transform: scale(0.6);
    right: 300px;
  }
  #services-quotes blockquote {
    font-size: 72px;
  }
  #tier-hero.blob h3 {
    font-size: 22px;
  }
  #tier-hero.blob .hero-side {
    padding: 65px 0;
  }
  #tier-hero.blob .hero-side .row {
    height: 55px;
  }
  #tier-hero.blob .col.lt {
    padding: 25px;
  }
  #tier-hero.blob .col.lt p {
    margin-top: 20px;
  }
  .blob-grid .blob-thumb {
    padding: 25px;
  }
  .blob-grid .blob-thumb h2 {
    font-size: 24px;
  }
  #article-body .bodycopy {
    padding: 50px 25px;
  }
  #article-body .inner-wrap {
    font-size: 24px;
    line-height: 1.375;
  }
  #tier-hero.blob.article h1 {
    font-size: 50px;
  }
  #tier-hero.blob.article .col.rt .blob-img {
    min-height: 245px;
  }
}
/*! MQ: 2 -> 1024px */
@media screen and (max-width: 1024px) {
  #about-team .team-person .person-text h3 {
    font-size: 20px;
  }

  #about-team .team-person .person-photo img {
    margin-right: 0px;
  }
  .gridline.l {
    left: 25px;
  }
  .gridline.r {
    left: auto;
    right: 25px;
  }
  body {
    font-size: 17px;
    line-height: 1.47;
  }
  .pad-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
  section,
  .global {
    padding-left: 25px;
    padding-right: 25px;
  }
  section h1:not(.animResize),
  .global h1:not(.animResize) {
    font-size: 78px;
  }
  section h1:not(.animResize).sm,
  .global h1:not(.animResize).sm {
    font-size: 60px;
  }
  section h2:not(.animResize),
  .global h2:not(.animResize) {
    font-size: 54px;
  }
  section h2:not(.animResize).big,
  .global h2:not(.animResize).big {
    font-size: 54px;
  }
  section h2:not(.animResize).alt,
  .global h2:not(.animResize).alt {
    font-size: 38px;
  }
  section h3,
  .global h3 {
    font-size: 24px;
  }
  section p.intro,
  .global p.intro {
    font-size: 24px;
    line-height: 1.375;
  }
  #globalHeader .logo-main,
  #globalSticky .logo-main {
    left: 25px;
  }
  #globalFooter {
    padding-top: 50px;
  }
  #globalFooter .lockup {
    margin-top: 100px;
  }
  #globalFooter .lockup .legal {
    padding-left: 25px;
    padding-right: 25px;
  }
  #globalFooter .lockup .social a {
    font-size: 30px;
  }
  #globalFooter .bunny-callout .background {
    left: -120px;
    top: -30px;
  }
  .oval-callout {
    width: 262px;
    height: 114px;
  }
  .oval-callout p {
    line-height: 1.24;
  }
  .oval-callout .gif-hover {
    border: none;
  }
  #globalHeader .main-menu li + li,
  #globalSticky .main-menu li + li {
    margin-left: 30px;
  }
  #home-hero {
    padding-bottom: 50px;
  }
  #home-work {
    padding-bottom: 63px;
  }
  #home-work h2.line-split {
    margin-top: 62px;
  }
  #home-work .eyes {
    transform: scale(1.4);
    right: 76px;
    top: -10px;
  }
  #home-work .btn-wrap {
    margin-top: 10px;
  }
  .project-follower {
    display: none;
  }
  #home-services {
    padding-bottom: 60px;
  }
  #video-overlay .overlay-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
  #video-overlay .close-btn {
    font-size: 20px;
    top: -30px;
  }
  #tier-hero,
  #work-grid {
    padding-top: 180px;
  }
  #tier-hero.project .col.left {
    left: 25px;
  }
  #tier-hero.project .col.right {
    right: 25px;
  }
  #tier-hero.project .col .hand-next {
    right: 0px;
  }
  #project-screens .screen.full,
  #project-screens .screen-row,
  #project-screens .screen.basic-text {
    padding-left: 25px;
    padding-right: 25px;
  }
  #project-screens .screen.quote .qmark.lt {
    top: -70px;
  }
  #project-screens .screen.quote .qmark.rt {
    bottom: -90px;
  }
  #project-screens .screen.quote .byline {
    margin-top: 60px;
  }
  #project-next {
    padding-top: 135px;
    padding-bottom: 60px;
  }
  #project-next .nextp .col.left {
    margin-top: 20px;
  }
  #project-next .nextp .col.right {
    margin-top: -25px;
  }
  #project-next h2 {
    color: #ff4444;
  }
  .work-thumb p {
    font-size: 15px;
    margin-top: 16px;
  }
  #work-grid {
    padding-bottom: 0px;
  }
  #work-grid .work-list .list-link {
    font-size: 56px;
  }
  #work-grid .work-list li {
    padding-left: 25px;
    padding-right: 25px;
  }
  #work-archive {
    margin-top: -70px;
  }
  #work-archive h2 {
    margin-left: 0px;
  }
  #work-archive .gem {
    transform: scale(0.7);
    top: -32px;
    transform-origin: right bottom;
    margin-right: 0px;
    height: 200px;
  }
  #work-archive .awards-rows {
    margin-top: 38px;
  }
  .news-callout {
    padding-top: 50px;
  }
  .news-callout .gif-hover:after {
    border: none;
  }
  #page-about #tier-hero h1 {
    max-width: 850px;
  }
  #about-team {
    padding-top: 0px;
    padding-bottom: 35px;
  }
  #about-team .photo-row .oval-callout {
    top: -88px;
  }
  #about-team .team-person .person-photo {
    border-radius: 18px;
    height: 300px;
  }
  #about-team .screen.full {
    margin-bottom: 100px;
  }
  #about-awards {
    padding-top: 35px;
    padding-bottom: 12px;
  }
  #about-awards .award-row p {
    font-size: 24px;
    line-height: 1.375;
  }
  #about-news {
    padding-bottom: 70px;
  }
  #about-news.home {
    padding-top: 50px;
  }
  #home-about {
    padding-top: 100px;
  }
  #home-about h2 {
    max-width: 750px;
  }
  #about-awards .awards-rows,
  #about-team .team-grid {
    margin-top: 40px;
  }
  #about-promo {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  #about-partners li {
    font-size: 24px;
  }
  #about-awards .awards-hover {
    display: none;
  }
  #tier-hero.services .row {
    margin-top: 40px;
  }
  #tier-hero.services h1 .eyes {
    transform: scale(1.4) rotate(30deg);
    left: 1167px;
    top: 353px;
  }
  #services-rows header {
    margin: 70px auto;
  }
  #services-rows .service-row .col.left,
  #services-rows .service-row .col.right {
    padding: 50px 0;
  }
  #services-rows .service-row + .service-row {
    margin-top: 40px;
  }
  #services-rows .service-row .inner-row {
    padding-left: 25px;
    padding-right: 25px;
  }
  #services-quotes blockquote {
    font-size: 56px;
  }
  #services-quotes .quote-wrap .openq {
    left: 0px;
    top: -58px;
  }
  #services-quotes .quote-wrap .closeq {
    right: 0px;
  }
  #tier-hero.contact {
    padding-bottom: 20px;
  }
  #tier-hero.contact .main {
    margin-top: 25px;
  }
  #tier-hero.contact .main .col.right .image {
    margin-top: 30px;
  }
  #tier-hero.contact .main .col.right .image .base {
    transform: scale(0.6);
  }
  .hasForm .thank-you {
    margin-top: 25px;
  }
  .hasForm .eyes {
    transform: scale(0.8);
  }
  @-moz-document url-prefix() {
    #home-work .eyes {
      right: 46px;
    }
  }
  #tier-hero.blob .service-scroller {
    height: 46px;
  }
  #tier-hero.blob .service-scroller .scroll-mover {
    /* width: 2110px; */
    top: 13px;
  }
  #tier-hero.blob .service-scroller .scroll-group {
    transform: scale(0.5);
    transform-origin: left top;
  }
  #tier-hero.blob header {
    padding-left: 110px;
    padding-right: 110px;
  }
  #tier-hero.blob .hero-side {
    width: 110px;
  }
  #article-body {
    padding: 0 109px;
  }
  #tier-hero.blob.article .hero-side {
    padding: 65px 12px;
  }
  #tier-hero.blob.article .hero-side .globe {
    height: auto;
    width: 100%;
    max-width: 110px;
  }
}
/*! MQ: 3 -> 900px */
@media screen and (max-width: 900px) {
  section h1:not(.animResize),
  .global h1:not(.animResize) {
    font-size: 70px;
  }
  #globalHeader {
    position: absolute;
  }
  #globalHeader .main-menu,
  #globalHeader .cta-items {
    display: none;
  }
  #globalHeader .logo-main {
    width: 83px;
    top: 38px;
  }
  #globalHeader .logo-main.dsk {
    display: none;
  }
  #globalHeader .logo-main.mob {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
  }
  #globalMenu {
    display: block;
  }
  #globalMenu.sticky .menu-btn {
    transform: translateY(0px);
  }
  #globalFooter .lockup {
    margin-top: 26px;
    padding-top: 66px;
  }
  #globalFooter .lockup .callout-wrap {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
  }
  #globalFooter .lockup .big-text-wrap {
    padding-bottom: 40px;
  }
  #globalFooter .lockup .social {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #globalFooter .lockup .social .col.left,
  #globalFooter .lockup .social .col.mid {
    width: 50%;
  }
  #globalFooter .lockup .social .col.mid2,
  #globalFooter .lockup .social .col.right {
    width: 100%;
    border-left: none;
    border-top: 1px solid #ff4444;
  }
  #globalFooter .lockup .social .col.phone {
    display: block;
    border-left: none;
    width: 50%;
    padding-top: 17px;
    border-top: 1px solid #ff4444;
  }
  #globalFooter .lockup .social .col.phone + .phone {
    border-left: 1px solid #ff4444;
  }
  #globalFooter .lockup .social .col.phone a {
    font-family: "Helvetica Neue LT Pro", sans-serif;
    font-size: 17px;
  }
  #globalFooter .lockup .social a {
    font-size: 34px;
    padding: 28px 25px 33px;
  }
  #globalFooter .lockup .legal {
    padding: 28px 25px 25px;
    display: block;
    text-align: center;
  }
  #globalFooter .lockup .legal p {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
  #globalFooter .lockup .legal .phone {
    display: none;
  }
  .shop-link {
    right: 95px;
    top: -10px;
    display: none;
  }
  #tier-hero,
  #work-grid,
  #tier-hero.project .col .vsec.top {
    padding-top: 90px;
  }
  #home-hero {
    padding-top: 120px;
  }
  #home-about h2 {
    font-size: 54px;
  }
  #tier-hero.project {
    height: 550px;
  }
  #tier-hero.project .contentContainer {
    padding-top: 80px;
  }
  #project-screens {
    padding-top: 95px;
  }
  #project-screens .screen.basic-text.overview .text-wrap {
    padding: 0;
  }
  #tier-hero.services .estd-globe {
    transform: scale(0.8);
    transform-origin: top left;
    border-width: 2px;
  }
  #tier-hero.services .estd-globe path {
    stroke-width: 2px;
  }
  #tier-hero.services .estd-globe .hline {
    height: 2px;
  }
  #tier-hero.services .row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #tier-hero.services .col.left {
    width: 250px;
    -webkit-flex-shrink: 0;
    -ms-flex: -1;
    flex-shrink: 0;
  }
  #tier-hero.services .col.right {
    width: 65%;
  }
  #tier-hero.blob {
    padding-top: 95px;
  }
  #tier-hero.blob.article h1 {
    font-size: 41px;
  }
}
/*! MQ: 4 -> 768px */
@media screen and (max-width: 768px) {
  section h1.sm,
  .global h1.sm {
    font-size: 50px;
  }
  section h2:not(.animResize),
  .global h2:not(.animResize) {
    font-size: 42px;
  }
  section h2:not(.animResize).big,
  .global h2:not(.animResize).big {
    font-size: 42px;
  }
  section h2:not(.animResize).alt,
  .global h2:not(.animResize).alt {
    font-size: 30px;
    line-height: 1.33;
  }
  section h2:not(.animResize).xlrg,
  .global h2:not(.animResize).xlrg {
    font-size: 50px;
  }
  section .line-split,
  .global .line-split {
    transform: scale(0.5);
  }
  .cta-btn {
    padding: 18px 19px 12px;
    font-size: 14px;
    min-width: 100px;
  }
  #globalFooter {
    padding-top: 50px;
  }
  #globalFooter h2 {
    margin-bottom: 28px;
  }
  #globalFooter .scroll-group {
    transform: scale(0.5);
    transform-origin: left top;
  }
  #globalFooter .footer-text {
    margin-top: 10px;
    margin-bottom: 45px;
  }
  #globalFooter .bunny-callout {
    padding-bottom: 40px;
  }
  #globalFooter .bunny-callout .background {
    left: -100px;
  }
  #home-hero {
    padding-bottom: 50px;
  }
  #home-hero .callout-wrap {
    margin-top: 10px;
  }
  #home-work h2 .eyes {
    transform: scale(1.6);
    right: 60px;
    top: -10px;
  }
  #home-work h2.line-split {
    transform: scale(0.5);
  }
  #home-services {
    padding-bottom: 40px;
  }
  #home-services header.dsk {
    display: none;
  }
  #home-services h2.mob {
    display: block;
    width: 100%;
    margin-bottom: 28px;
  }
  #home-services h3 + p {
    margin-top: 5px;
  }
  #home-services .txt-group + .txt-group {
    margin-top: 30px;
  }
  #home-services .cta-btn {
    margin-top: 32px;
  }
  #home-services .main > .col {
    width: 100% !important;
  }
  #home-services .main > .col.left {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 5px;
  }
  #home-services .main > .col.right {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    max-width: none !important;
  }
  #home-services .sizer {
    height: 350px;
  }
  #home-services .background {
    transform: scale(0.7);
    transform-origin: center top !important;
    left: 50%;
    margin-left: -307px;
  }
  #home-work header {
    margin-bottom: 40px;
  }
  #home-work .cta-btn.dsk {
    display: none;
  }
  #home-work .cta-btn.mob {
    display: inline-block;
    margin-top: 50px;
  }
  #home-work .work-grid {
    display: block;
  }
  #home-work .work-grid .col {
    width: 100% !important;
    max-width: none !important;
  }
  #home-work .work-grid .col.right {
    margin-top: 30px;
  }
  #home-work .work-grid .col.right .work-thumb + .work-thumb {
    margin-top: 30px;
  }
  #home-about {
    padding-bottom: 40px;
    padding-top: 20px;
  }
  #about-news.home {
    padding-top: 60px;
  }
  #work-grid .work-row {
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  #work-grid .work-row .work-thumb {
    width: 48.5%;
  }
  #work-grid .work-row .work-thumb:nth-child(n + 3) {
    margin-top: 30px;
  }
  #work-grid .work-group[data-type="grid"] {
    padding-bottom: 84px;
  }
  #work-grid .work-list .list-link {
    font-size: 45px;
    line-height: 1.15;
  }
  #work-grid .work-list li {
    padding-top: 25px;
    padding-bottom: 18px;
  }
  #work-archive {
    margin-top: 0px;
  }
  #work-archive header {
    max-width: 280px;
  }
  #work-archive .award-row p {
    font-size: 22px;
  }
  #work-archive .gem {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    left: 50%;
    margin-left: -75px;
    transform-origin: center bottom;
  }
  #work-archive h2 {
    width: 100%;
    text-align: center;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  #project-screens {
    padding-bottom: 47px;
  }
  #project-screens .btn-wrap {
    margin-top: 56px;
  }
  #project-screens .screen + .screen.news-ticker {
    margin-top: 50px;
  }
  #project-screens .screen.news-ticker {
    margin-bottom: 50px;
  }
  #tier-hero.project .contentContainer {
    padding-top: 0;
  }
  #tier-hero.project .more-wrap {
    height: 225px;
  }
  #tier-hero.project .more-btn {
    display: inline-block;
    margin-top: 30px;
  }
  #tier-hero.project header h1 .year {
    display: inline-block;
  }
  #project-next h2 br {
    display: none;
  }
  #about-team {
    padding-top: 34px;
  }
  #about-team .team-person {
    width: 48.5%;
  }
  #about-team .team-grid + .photo-row {
    margin-top: 142px;
  }
  #about-awards .award-row p {
    font-size: 22px;
  }
  #about-partners .partners-cols {
    margin-top: 40px;
  }
  #about-partners .partners-cols ul {
    column-count: 3;
  }
  #about-partners li {
    font-size: 22px;
  }
  #tier-hero.services h1 .eyes {
    transform: scale(1.6) rotate(30deg);
  }
  #services-rows {
    padding-top: 7px;
  }
  #services-rows header {
    margin: 50px auto;
  }
  #services-rows .service-row .col.left {
    padding: 30px 20px;
    padding-left: 0;
  }
  #services-rows .service-row .col.right {
    padding: 30px 0px;
  }
  .service-scroller,
  .project-scroller {
    height: 80px;
  }
  .service-scroller .scroll-mover,
  .project-scroller .scroll-mover {
    width: 2110px;
    top: 26px;
  }
  .service-scroller .scroll-group,
  .project-scroller .scroll-group {
    transform: scale(0.5);
    transform-origin: left top;
  }
  .service-scroller .scroll-group:nth-child(2),
  .project-scroller .scroll-group:nth-child(2) {
    left: 1055px;
  }
  #services-quotes {
    padding-left: 25px;
    padding-right: 25px;
    padding: 25px 0px 72px;
  }
  #services-quotes .heart {
    transform: scale(0.54);
    transform-origin: center top;
    height: 93px;
    margin-bottom: 15px;
  }
  #services-quotes blockquote {
    font-size: 41px;
  }
  #services-quotes .quote-wrap .closeq {
    bottom: -40px;
  }
  #services-quotes .byline {
    margin-top: 47px;
  }
  #services-quotes .byline p + p {
    margin-top: 0px;
  }
  #services-quotes .quote-slider {
    margin-top: 50px;
  }
  #services-quotes .quote-nav {
    top: 20px;
  }
  #tier-hero.blob:not(.article) .col.lt {
    width: 100%;
  }
  #tier-hero.blob:not(.article) .col.rt {
    display: none;
  }
  #tier-hero.blob.article header {
    padding-left: 0px;
    padding-right: 0px;
  }
  #tier-hero.blob.article .hero-side {
    border-right: none !important;
  }
  #tier-hero.blob.article .hero-side.lt {
    position: relative;
    width: 100%;
    padding: 0;
  }
  #tier-hero.blob.article .hero-side.lt .globe,
  #tier-hero.blob.article .hero-side.lt .bot {
    display: none;
  }
  #tier-hero.blob.article .hero-side .row {
    height: auto;
    position: relative;
    padding: 12px 25px;
  }
  #tier-hero.blob.article .hero-side .row.top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  #tier-hero.blob.article .hero-side .row .mobile-year {
    display: block;
  }
  #tier-hero.blob.article .hero-side.rt {
    display: none;
  }
  #article-body {
    padding: 0;
  }
  #article-body .bodycopy {
    padding: 25px;
    border: none !important;
  }
}
@media screen and (max-width: 700px) {
  section h1:not(.animResize),
  .global h1:not(.animResize) {
    font-size: 60px;
  }
}
/*! MQ: 5 -> 650px */
@media screen and (max-width: 650px) {
  section h1:not(.animResize),
  .global h1:not(.animResize) {
    font-size: 55px;
  }
  section h1:not(.animResize).sm,
  .global h1:not(.animResize).sm {
    font-size: 42px;
  }
  section h2:not(.animResize),
  .global h2:not(.animResize) {
    font-size: 42px;
  }
  section h2:not(.animResize).xlrg,
  .global h2:not(.animResize).xlrg {
    font-size: 42px;
  }
  #globalFooter .lockup .social .dsk {
    display: none;
  }
  #globalFooter .lockup .social .mob {
    display: block;
  }
  #home-hero .callout-wrap {
    margin-top: 50px;
  }
  #home-about h2 {
    font-size: 42px;
  }
  #project-screens .screen + .screen:not(.col),
  #project-screens .screen + .screen-row,
  #project-screens .screen + .dark-trigger {
    margin-top: 20px;
  }
  #project-screens .screen-row.split + .screen,
  #project-screens .screen-row.split + .dark-trigger {
    margin-top: 20px;
  }
  #project-screens .screen.basic-text {
    padding-top: 15px;
    padding-bottom: 25px;
  }
  #project-screens .screen.quote .qmark {
    font-size: 65px;
  }
  #project-screens .screen.quote .qmark.lt {
    top: -50px;
  }
  #project-screens .screen.quote .qmark.rt {
    bottom: -70px;
  }
  #project-screens .screen.basic-text.overview {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  /*
	#scroller-side{right: 40px; bottom: 40px;}
	#scroller-side-lt{left: 40px; bottom: 40px;}
*/
  #tier-hero.project {
    height: auto;
    padding: 90px 25px 20px;
  }
  #tier-hero.project .contentContainer {
    height: auto;
    display: block;
  }
  #tier-hero.project .col {
    position: relative;
    width: 100% !important;
  }
  #tier-hero.project .col.left {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    left: auto;
    margin-top: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  #tier-hero.project .col.left .vsec {
    width: 50%;
  }
  #tier-hero.project .col.left .vsec.top {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  #tier-hero.project .col.left .vsec.bot {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  #tier-hero.project .col.right {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: left;
    height: auto;
    right: auto;
  }
  #tier-hero.project .col .vsec {
    padding: 0 !important;
  }
  #tier-hero.project .col .year {
    font-size: 22px;
  }
  #tier-hero.project h1 {
    text-align: left;
  }
  #tier-hero.project h4 {
    font-size: 17px;
  }
  #tier-hero.project li {
    font-size: 14px;
  }
  #tier-hero.project .project-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: col;
    -ms-flex-direction: col;
    flex-direction: col;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-top: 18px;
  }
  #tier-hero.project .hand-next {
    display: none;
  }
  #page-about #tier-hero h1 {
    max-width: 550px;
    /* white-space: pre-wrap; */
  }
  #about-team .photo-row img {
    width: 100%;
  }
  #about-awards {
    padding-top: 15px;
  }
  #about-awards .awards-rows {
    margin-top: 40px;
  }
  #about-awards .award-row .row-inner {
    padding: 22px 0 18px;
  }
  #about-awards .award-row p {
    font-size: 18px;
  }
  #about-awards .award-row p:nth-child(1) {
    width: 75%;
  }
  #about-awards .award-row p:nth-child(2) {
    width: 20%;
    text-align: right;
  }
  #about-partners li {
    font-size: 18px;
  }
  #about-news .news-row .row-inner {
    padding: 30px 0;
  }
  #about-news .news-rows {
    margin-top: 40px;
  }
  #about-news .news-row.topline {
    margin-bottom: 50px;
  }
  #about-promo {
    padding-bottom: 0;
  }
  #about-promo .video-holder,
  #about-promo .promo-wrap {
    opacity: 1;
  }
  #about-promo .video-holder {
    transform: none;
  }
  #page-home #about-promo {
    padding-bottom: 50px;
  }
  #tier-hero.services .row {
    display: block;
    margin-top: 20px;
  }
  #tier-hero.services .col.right {
    width: 100%;
    max-width: none;
  }
  #services-rows {
    /*
		.contentContainer{.nopad;}
		header{.sidepadM;}
*/
  }
  #services-rows .service-row {
    padding-left: 25px;
    padding-right: 25px;
  }
  #services-rows .service-row .row {
    display: block;
  }
  #services-rows .service-row .col {
    width: 100% !important;
    max-width: none;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #services-rows .service-row .col.left {
    display: block;
    padding-top: 35px;
  }
  #services-rows .service-row .col.right {
    padding-top: 0px;
  }
  #services-rows .service-row .inner-row {
    padding: 0;
  }
  #services-rows p + ul {
    margin-top: 28px;
  }
  #services-rows ul li + li {
    margin-top: 16px;
  }
  #services-rows .related-projects {
    padding-left: 0px;
    margin-top: 90px;
  }
  #services-rows .related-projects .arrow {
    transform: rotate(90deg);
    transform-origin: top left;
    left: 30px;
    top: -58px;
  }
  #services-rows .service-illus {
    max-width: 200px;
    margin-top: 20px;
  }
  #tier-hero.contact .main {
    margin-top: 40px;
  }
  #tier-hero.contact .main .col.left {
    width: 100%;
    max-width: none;
  }
  #tier-hero.contact .main .col.right {
    display: none;
  }
  .global-form button[type="submit"] {
    margin-top: 32px;
    min-width: 110px;
  }
  .hasForm .eyes {
    transform: scale(0.7);
    right: -35px;
    top: -50px;
  }
}
/*! MQ: 6 -> 560px */
@media screen and (max-width: 560px) {
  section h1:not(.animResize),
  .global h1:not(.animResize),
  section h2:not(.animResize),
  .global h2:not(.animResize) {
    font-size: 41px;
  }
  section .line-split,
  .global .line-split {
    display: none;
  }
  section .line-split-mob,
  .global .line-split-mob {
    position: relative;
    display: block;
    font-size: 41px !important;
    line-height: 1.15 !important;
  }
  section .line-split-mob span,
  .global .line-split-mob span {
    opacity: 0;
    opacity: 1;
    display: block;
  }
  #globalFooter .footer-text {
    max-width: 300px;
  }
  #globalFooter .bunny-callout {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -50px;
  }
  #globalFooter .bunny-callout .col {
    width: 100% !important;
  }
  #globalFooter .bunny-callout .col.left {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    max-width: none;
  }
  #globalFooter .bunny-callout .col.right {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    max-width: none;
    height: 250px;
  }
  #globalFooter .bunny-callout .sizer {
    display: none;
  }
  #globalFooter .bunny-callout .background {
    width: 250px;
    height: 250px;
    left: 50%;
    margin-left: -135px;
    top: 0px;
  }
  #globalFooter .bunny-callout .background video {
    width: 100%;
  }
  #tier-hero,
  #work-grid,
  #tier-hero.project {
    padding-top: 110px;
  }

  #home-hero .oval-callout {
    width: 100%;
    height: auto;
  }
  #home-hero .callout-wrap {
    margin-top: 15px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #home-hero .callout-wrap p {
    padding: 30px;
    padding-bottom: 20px;
  }
  #home-hero .callout-wrap p br {
    display: none;
  }
  #home-work {
    padding-top: 0px;
  }
  #home-work .work-carousel {
    transform: scale(0.45);
    display: none;
  }
  #home-work .work-all {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-justify-content: center;
    justify-content: center;
  }
  #home-work .work-all .work-thumb {
    width: 100%;
    max-width: 350px;
    position: relative;
    backface-visibility: hidden;
    transform: scale(1);
    width: auto;
    left: auto;
    top: auto;
    margin: 0;
  }
  #home-work .work-all .work-thumb img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  #home-work .work-all .work-thumb p {
    color: #1a1818;
    font-size: 15px;
    margin-top: 16px;
    opacity: 1;
  }
  #home-work .work-all .work-thumb + .work-thumb {
    margin-top: 30px;
  }
  #home-work .line-split-mob {
    text-align: center;
  }
  #home-work .line-split-mob .eyes {
    transform: scale(0.7);
    right: -10px;
    top: -50px;
  }
  #home-work h2.line-split {
    transform: scale(0.5);
  }
  #home-work .line-split-mob {
    margin-top: 72px;
  }
  #home-work .btn-wrap {
    margin-top: 50px;
  }
  #home-services .sizer {
    height: 270px;
  }
  #home-services .background {
    transform: scale(0.54);
  }
  #home-services .inner .col.left {
    width: 100% !important;
    max-width: none !important;
  }
  #home-services .inner .col.left .txt-group.mob {
    display: block;
  }
  #home-services .inner .col.right {
    display: none;
  }
  #work-grid .work-list .list-link {
    font-size: 41px;
  }
  #work-grid .work-header {
    padding-bottom: 35px;
  }
  #work-grid .work-row {
    -webkit-justify-content: center;
    justify-content: center;
  }
  #work-grid .work-row .work-thumb {
    width: 100%;
    max-width: 350px;
  }
  #work-grid .work-row .work-thumb + .work-thumb {
    margin-top: 30px;
  }
  #work-grid .work-group[data-type="list"] {
    padding-bottom: 0px;
  }
  .view-toggle {
    margin-top: 36px;
  }
  #project-screens .screen-row.split {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #project-screens .screen-row.split .col {
    width: 100%;
  }
  #project-screens .screen-row.split .col + .col {
    margin-top: 12px;
    margin-left: 0px !important;
  }
  #project-screens .screen-row.split + .screen-row.split {
    margin-top: 12px;
  }
  #project-screens .more-wrap {
    overflow: hidden;
    height: 235px;
  }
  #project-screens .more-btn {
    display: inline-block;
    margin-top: 30px;
  }
  #project-screens .screen.full,
  #project-screens .screen-row {
    padding-left: 12px;
    padding-right: 12px;
  }
  #project-screens .screen + .screen:not(.col),
  #project-screens .screen + .screen-row,
  #project-screens .screen + .dark-trigger {
    margin-top: 12px;
  }
  #project-screens .screen-row.split + .screen,
  #project-screens .screen-row.split + .dark-trigger {
    margin-top: 12px;
  }
  #tier-hero.project header .year {
    margin-left: 3px;
    margin-bottom: -4px;
  }
  #tier-hero.project .project-details {
    margin-top: 25px;
  }
  #project-next .nextp {
    display: block;
  }
  #project-next .nextp .col {
    width: 100% !important;
  }
  #project-next .nextp .col.left {
    margin-top: 10px;
  }
  #project-next .nextp .col.right {
    margin-top: 0px;
  }
  [id^="scroller-side"] .scroller-image {
    transform: scale(0.7);
    transform-origin: right bottom;
  }
  .news-callout .contentContainer {
    max-width: 350px;
  }
  #project-screens .screen.basic-text.overview h1 {
    font-size: 41px;
  }
  #project-screens .screen.basic-text.overview h1.dsk {
    display: none;
  }
  #project-screens .screen.basic-text.overview h1.mob {
    display: block;
    margin-bottom: 18px;
  }
  #project-screens .screen.basic-text.overview .year {
    font-size: 22px;
  }
  #project-screens .screen.basic-text.overview .hand-next {
    display: none;
  }
  #project-screens .screen.basic-text.overview .project-cols h4 {
    font-size: 17px;
  }
  #project-screens .screen.basic-text.overview .project-cols li {
    font-size: 14px;
  }
  #project-screens .screen.basic-text.overview .project-cols.top {
    margin-bottom: 15px;
  }
  #project-screens .screen.basic-text.overview .project-cols.top .col {
    width: 100%;
  }
  #project-screens .screen.basic-text.overview .project-cols.top .col.left {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 18px;
  }
  #project-screens .screen.basic-text.overview .project-cols.top .col.right {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: left;
  }
  #project-screens .screen.basic-text.overview .project-cols.bot {
    display: none;
  }
  #project-screens .screen.basic-text.overview .project-cols .details-mobile {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  #project-screens
    .screen.basic-text.overview
    .project-cols
    .details-mobile
    .details-col {
    width: 50%;
    display: block;
  }
  #tier-hero.about {
    padding-top: 90px;
    padding-bottom: 0;
  }
  #about-team {
    padding-left: 18px;
    padding-right: 18px;
  }
  #about-team .team-person {
    width: 100%;
    margin-bottom: 0px;
    margin-left: auto;
  }
  #about-team .team-person + .team-person {
    /* margin-top: 33px; */
  }
  #about-team .team-person.filler {
    display: none;
  }
  #about-team .team-grid {
    margin-top: 50px;
  }
  #about-team .team-grid + .photo-row {
    margin-top: 102px;
  }
  #about-team .photo-row .oval-callout {
    width: 312px;
    height: 138px;
    top: -100px;
    right: 12px;
  }
  #about-team .screen.full {
    padding-left: 7px;
    padding-right: 7px;
  }
  #about-news {
    padding-bottom: 60px;
  }
  #about-news .news-row .row-inner {
    display: block;
  }
  #about-news .news-row .row-inner .col {
    width: 100% !important;
  }
  #about-news .news-row .row-inner .col.left {
    padding-top: 0px;
  }
  #about-news .news-row .row-inner .col.right {
    margin-top: 15px;
  }
  #about-news h2:not(.alt),
  #about-awards h2:not(.alt),
  .news-callout h2:not(.alt) {
    font-size: 41px;
  }
  #about-partners {
    padding-bottom: 50px;
  }
  #about-partners .partners-cols ul {
    column-count: 2;
  }
  #tier-hero.services {
    padding-top: 90px;
  }
  #tier-hero.services h1 {
    letter-spacing: -0.05em;
    max-width: 315px;
  }
  #tier-hero.services h1 .eyes {
    transform: scale(0.7);
    left: auto;
    right: -25px;
    top: 38px;
  }
  .blob-grid .blob-thumb {
    width: 100%;
    padding: 20px;
  }
  .blob-grid .blob-thumb p + h2 {
    margin-top: 5px;
  }
  .blob-grid .blob-thumb + .blob-thumb {
    border-top: 1px solid #ff4444;
    border-left: none !important;
  }
  .blob-grid .blob-thumb.filler {
    display: none;
  }
  .blob-grid .arrow {
    margin-top: 20px;
  }
  #tier-hero.blob header {
    padding-left: 0px;
    padding-right: 0px;
  }
  #tier-hero.blob .hero-side {
    border-right: none !important;
  }
  #tier-hero.blob .hero-side.lt {
    position: relative;
    width: 100%;
    padding: 0;
  }
  #tier-hero.blob .hero-side.lt .globe,
  #tier-hero.blob .hero-side.lt .bot {
    display: none;
  }
  #tier-hero.blob .hero-side .row {
    height: auto;
    position: relative;
    padding: 12px 25px;
  }
  #tier-hero.blob .hero-side .row.top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  #tier-hero.blob .hero-side .row .mobile-year {
    display: block;
  }
  #tier-hero.blob .hero-side.rt {
    display: none;
  }
  #tier-hero.blob .col.lt {
    padding-bottom: 18px;
  }
  #tier-hero.blob.article header {
    border-bottom: none;
  }
  #tier-hero.blob.article p + h1 {
    margin-top: 10px;
  }
  #tier-hero.blob.article .col {
    width: 100% !important;
    border: none !important;
  }
  #tier-hero.blob.article .col.lt {
    padding: 25px 20px 18px;
  }
  #tier-hero.blob.article .col.rt {
    padding: 0px 20px 25px;
  }
  #article-body .bodycopy {
    padding: 12px 20px 25px;
  }
}
/*! MQ: 7 -> 450px */
@media screen and (max-width: 450px) {
  #loader .sticker-wrap {
    margin: -510px 0 0 -760px;
  }
  #loader .sticker[data-type="1"] {
    width: 470px;
  }
  section h1:not(.animResize),
  .global h1:not(.animResize) {
    font-size: 36px;
  }
  section h2.xlrg,
  .global h2.xlrg {
    font-size: 32px !important;
  }
  #home-services br.mob {
    display: block;
  }
  #tier-hero.services h1 {
    letter-spacing: -0.05em;
  }
  #tier-hero.contact h1 {
    letter-spacing: -0.05em;
  }
}

/* extra */

.slider-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 10px 0;
  margin-top: 50px;
}

.slider {
  display: flex;
  width: 200%;
  animation: slide 40s linear infinite;
}

.slider2 {
  display: flex;
  width: 200%;
  animation: slide 40s linear infinite;
}

@media screen and (max-width: 1024px) {
  .heading {
    padding-left: 25px;
    padding-right: 25px;
  }

  .slider2 {
    animation: slide 5s linear infinite;
  }
}

.slider img {
  width: auto; /* Adjust image width */
  height: 120px; /* Adjust image height */
  margin-right: 60px;
}
.mobile-button {
  display: none;
}

@media screen and (max-width: 900px) {
  .mobile-button {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    width: 150px;
    margin-top: 27px;
    z-index: 1;
  }
}

@media screen and (max-width: 1024px) {
  .slider-container {
    margin-top: 0;
  }

  .slider img {
    height: 70px; /* Adjust image height */
  }
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.feature-images {
  /* position: relative; */
  padding-top: 50px;
}

#feature-image-1 {
  width: 200px;
  position: absolute;
  left: 56%;
}

#feature-image-2 {
  width: 200px;
  position: absolute;
  left: 55%;
  top: 71%;
}

#feature-image-3 {
  width: 200px;
  position: absolute;
}

#feature-image-4 {
  width: 200px;
  position: absolute;
  left: 11%;
  top: 71%;
}

#feature-image-5 {
  width: 250px;
  position: absolute;
  left: 25%;
  top: 48%;
}

@media screen and (min-width: 1301px) {
  #home-hero div header h1 {
    font-size: 100px;
  }
}

.disable-button {
  opacity: 0.7;
  pointer-events: none;
}

.contact-header {
  width: 60%;
}

@media screen and (max-width: 900px) {
  .contact-header {
    width: 100%;
  }
}