* {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

.hide {
  visibility: hidden;
}

.kill {
  display: none !important;
}

.abs-00 {
  position: absolute;
  top: 0;
  left: 0;
}

span, p {
  -webkit-text-size-adjust: 100%;
}

strong {
  font-weight: bold;
}

.up {
  text-transform: uppercase;
}

.legal {
  font-family: Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 8px;
  opacity: 0.7;
  line-height: 1.2;
  white-space: normal;
  text-align: center;
}

span, p {
  color: inherit;
  line-height: 74%;
  white-space: nowrap;
}

.wrap {
  white-space: normal;
}

.mg {
  color: #e20074;
}

.wt {
  color: #fff;
}

.bk {
  color: #000;
}

.dash {
  right: .05em;
}

.ult {
  font-family: TeleGrotesk2, Arial, sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}

.nor {
  font-family: TeleGrotesk2, Arial, sans-serif;
  text-rendering: optimizeLegibility;
}

.fet {
  font-family: TeleGrotesk, Arial, sans-serif;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}

#bg-exit {
  position: absolute;
  width: 728px;
  height: 90px;
  top: 0;
  left: 0;
  cursor: pointer;
  border: 1px solid #999999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
}

#bg {
  overflow: hidden;
}

.frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 728px;
  height: 90px;
}

.magenta {
  background-color: #e20074;
}

.black {
  background-color: #000;
}

.logo-wrapper, .logo-shift2-wrapper {
  top: 14.14296px;
  left: 184px;
}

.logo-wrapper {
  position: relative;
}

.sprite, .sprite-wrapper {
  display: inline;
  position: absolute;
  height: 100%;
}

.sprite-wrapper {
  overflow: hidden;
}

.zero-width {
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
}

.t-sprite-wrapper {
  left: 0;
  width: 13.6%;
}

.logo-animation-active > .t-sprite-wrapper {
  -webkit-animation: flipped-and-faded-t 0.91s  0.25s forwards;
  animation: flipped-and-faded-t 0.91s  0.25s forwards;
}

.t-sprite {
  left: 0;
}

.dot-sprite-wrapper {
  left: 13.6%;
  width: 19.5%;
}

.logo-animation-active > .dot-sprite-wrapper {
  -webkit-animation: flipped-and-faded-dot 0.91s  0.25s forwards;
  animation: flipped-and-faded-dot 0.91s  0.25s forwards;
}

.dot-sprite {
  left: -69.8%;
}

.m-sprite-wrapper {
  left: 33.78%;
  width: 16.26%;
}

.logo-animation-active > .m-sprite-wrapper {
  -webkit-animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
  animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
}

.m-sprite {
  left: -207.7%;
  -webkit-transform-origin: right;
  transform-origin: right;
}

.o-sprite-wrapper {
  left: 50%;
  width: 10%;
}

.logo-animation-active > .o-sprite-wrapper {
  -webkit-animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
  animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
}

.o-sprite {
  left: -500%;
}

.b-sprite-wrapper {
  left: 59.7%;
  width: 10.9%;
}

.logo-animation-active > .b-sprite-wrapper {
  -webkit-animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
  animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
}

.b-sprite {
  left: -548%;
}

.i-sprite-wrapper {
  left: 70.9%;
  width: 5.454%;
}

.logo-animation-active > .i-sprite-wrapper {
  -webkit-animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
  animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
}

.i-sprite {
  left: -1300%;
}

.l-sprite-wrapper {
  left: 76.5%;
  width: 5.909%;
}

.logo-animation-active > .l-sprite-wrapper {
  -webkit-animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
  animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
}

.l-sprite {
  left: -1294.5%;
}

.e-sprite-wrapper {
  left: 82.4%;
  width: 10.909%;
}

.logo-animation-active > .e-sprite-wrapper {
  -webkit-animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
  animation: letter-wrappers-translate 0.46s ease 0.949s forwards;
}

.e-sprite {
  left: -755.5%;
}

.reg-sprite-wrapper {
  left: 92.7%;
  width: 8.272%;
  -webkit-transform-origin: left;
  transform-origin: left;
}

.logo-animation-active > .reg-sprite-wrapper {
  -webkit-animation: expand-to-full-width-reverse 0.45s ease 1.04s forwards;
  animation: expand-to-full-width-reverse 0.45s ease 1.04s forwards;
}

.reg-dot-sprite {
  left: -1121%;
}

@-webkit-keyframes flipped-and-faded-t {
  0% {
    -webkit-transform: translateX(237.6px) scaleY(0.25);
    opacity: 0.1;
  }
  50%, 70% {
    -webkit-transform: translateX(237.6px) scaleY(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0) scale(1);
  }
}
@keyframes flipped-and-faded-t {
  0% {
    transform: translateX(237.6px) scaleY(0.25);
    opacity: 0.1;
  }
  50%, 70% {
    transform: translateX(237.6px) scaleY(1);
    opacity: 1;
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes flipped-and-faded-dot {
  0% {
    -webkit-transform: translateX(237.6px) scaleY(-0.6);
    opacity: 0.1;
  }
  50%, 70% {
    -webkit-transform: translateX(237.6px) scaleY(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0) scale(1);
  }
}
@keyframes flipped-and-faded-dot {
  0% {
    transform: translateX(237.6px) scaleY(-0.6);
    opacity: 0.1;
  }
  50%, 70% {
    transform: translateX(237.6px) scaleY(1);
    opacity: 1;
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes expand-to-full-width-reverse {
  0% {
    -webkit-transform: rotateY(-90deg);
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
}
@keyframes expand-to-full-width-reverse {
  0% {
    transform: rotateY(-90deg);
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes letter-wrappers-translate {
  0% {
    -webkit-transform: translate3d(40px, 0, 0) rotateY(90deg);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0);
    opacity: 1;
  }
}
@keyframes letter-wrappers-translate {
  0% {
    transform: translate3d(40px, 0, 0) rotateY(90deg);
    opacity: 0.7;
  }
  100% {
    transform: translate3d(0, 0, 0) rotateY(0);
    opacity: 1;
  }
}
.logo-wrapper, .logo-shift2-wrapper, .sprite {
  width: 360px;
  height: 61.71408px;
}

.logo-full-wrapper {
  position: absolute;
}

.full-sprite {
  left: 0;
  width: 100%;
}

.logo-shift-image-animation {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-animation: logo-shift-scale 400ms ease forwards;
  animation: logo-shift-scale 400ms ease forwards;
}
@-webkit-keyframes logo-shift-scale {
  100% {
    -webkit-transform: scale(0.35, 0.35);
  }
}
@keyframes logo-shift-scale {
  100% {
    transform: scale(0.35, 0.35);
  }
}
.logo-shift-animation {
  -webkit-animation: logo-shift 400ms ease forwards;
  animation: logo-shift 400ms ease forwards;
}

@-webkit-keyframes logo-shift {
  100% {
    -webkit-transform: translate3d(-176px, -6.14296px, 0);
  }
}
@keyframes logo-shift {
  100% {
    transform: translate3d(-176px, -6.14296px, 0);
  }
}
.fadein-right {
  -webkit-animation-name: fadein-right;
  -webkit-animation-duration: 300ms;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: fadein-right;
  animation-duration: 300ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadein-right {
  0% {
    -webkit-transform: translate3d(728px, 0, 0);
    transform: translate3d(728px, 0, 0);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadein-right {
  0% {
    -webkit-transform: translate3d(728px, 0, 0);
    transform: translate3d(728px, 0, 0);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.inleft-mag {
  -webkit-animation-name: inleft;
  -webkit-animation-duration: 250ms;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: inleft;
  animation-duration: 250ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@-webkit-keyframes inleft {
  0% {
    -webkit-transform: translate3d(-728px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes inleft {
  0% {
    transform: translate3d(-728px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.fadein {
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: fadein;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.makepop {
  -webkit-animation-name: pop;
  -webkit-animation-duration: 250ms;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: pop;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@-webkit-keyframes pop {
  0%, 100% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.03, 1.03);
  }
}
@keyframes pop {
  0%, 100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.03, 1.03);
  }
}
.fadezoombump {
  -webkit-animation-name: zoombump;
  -webkit-animation-duration: 400ms;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-name: zoombump;
  animation-duration: 400ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
@-webkit-keyframes zoombump {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.12, 1.12);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes zoombump {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  70% {
    transform: scale(1.12, 1.12);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.fadein-legal {
  -webkit-animation-name: fadein-legal;
  -webkit-animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: fadein-legal;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadein-legal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes fadein-legal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
.fadeout-legal {
  -webkit-animation-name: fadeout-legal;
  -webkit-animation-duration: 150ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: fadeout-legal;
  animation-duration: 150ms;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadeout-legal {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout-legal {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
.fadeout {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: fadeout;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeout-quick {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 100ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: fadeout;
  animation-duration: 100ms;
  animation-fill-mode: forwards;
}

.zoomenter {
  -webkit-animation-name: zoomenter;
  -webkit-animation-duration: 200ms;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: zoomenter;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@-webkit-keyframes zoomenter {
  0% {
    -webkit-transform: scale(15, 15);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes zoomenter {
  0% {
    transform: scale(15, 15);
    opacity: 0.3;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.rotate-cta {
  -webkit-animation-name: rotate-cta;
  -webkit-animation-duration: 250ms;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: rotate-cta;
  animation-duration: 250ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@-webkit-keyframes rotate-cta {
  0% {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
@keyframes rotate-cta {
  0% {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
}
.fadeout-right {
  -webkit-animation-name: fadeout-right;
  -webkit-animation-duration: 250ms;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
  animation-name: fadeout-right;
  animation-duration: 250ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadeout-right {
  25% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(728px, 0, 0);
    transform: translate3d(728px, 0, 0);
    opacity: 0;
  }
}
@keyframes fadeout-right {
  25% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(728px, 0, 0);
    transform: translate3d(728px, 0, 0);
    opacity: 0;
  }
}
.logoScale {
  -webkit-animation-name: logoScale;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: logoScale;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes logoScale {
  0% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.66) translate3d(4px, -14px, 0);
    transform: scale(0.66) translate3d(4px, -14px, 0);
  }
}
@keyframes logoScale {
  0% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.66) translate3d(4px, -14px, 0);
    transform: scale(0.66) translate3d(4px, -14px, 0);
  }
}
.scaleUp {
  -webkit-animation-name: scaleUp;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: scaleUp;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes scaleUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.scaleUpEnd {
  -webkit-animation-name: scaleUpEnd;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: scaleUpEnd;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes scaleUpEnd {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleUpEnd {
  0% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.scaleUp-F3A {
  -webkit-animation-name: scaleUp-F3A;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: scaleUp-F3A;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes scaleUp-F3A {
  0% {
    -webkit-transform: scale(0.85) translate3d(0, 0, 0);
    transform: scale(0.85) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(1.1) translate3d(5px, 5px, 0);
    transform: scale(1.1) translate3d(5px, 5px, 0);
  }
}
@keyframes scaleUp-F3A {
  0% {
    -webkit-transform: scale(0.85) translate3d(0, 0, 0);
    transform: scale(0.85) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(1.1) translate3d(5px, 5px, 0);
    transform: scale(1.1) translate3d(5px, 5px, 0);
  }
}
.scaleDown-F3A {
  -webkit-animation-name: scaleDown-F3A;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: scaleDown-F3A;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes scaleDown-F3A {
  0% {
    -webkit-transform: scale(1.1) translate3d(5px, 5px, 0);
    transform: scale(1.1) translate3d(5px, 5px, 0);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes scaleDown-F3A {
  0% {
    -webkit-transform: scale(1.1) translate3d(5px, 5px, 0);
    transform: scale(1.1) translate3d(5px, 5px, 0);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
.scaleUp-F3B {
  -webkit-animation-name: scaleUp-F3B;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: scaleUp-F3B;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes scaleUp-F3B {
  0% {
    -webkit-transform: scale(0.85) translate3d(-15px, 5px, 0);
    transform: scale(0.85) translate3d(-15px, 5px, 0);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes scaleUp-F3B {
  0% {
    -webkit-transform: scale(0.85) translate3d(-15px, 5px, 0);
    transform: scale(0.85) translate3d(-15px, 5px, 0);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
.scaleUp-F4 {
  -webkit-animation-name: scaleUp-F4;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: scaleUp-F4;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes scaleUp-F4 {
  0% {
    -webkit-transform: scale(0.85) translate3d(0, 0, 0);
    transform: scale(0.85) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes scaleUp-F4 {
  0% {
    -webkit-transform: scale(0.85) translate3d(0, 0, 0);
    transform: scale(0.85) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
.scaleDown {
  -webkit-animation-name: scaleDown;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: scaleDown;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes scaleDown {
  0% {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }
  100% {
    -webkit-transform: scale(0.88);
    transform: scale(0.88);
  }
}
@keyframes scaleDown {
  0% {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }
  100% {
    -webkit-transform: scale(0.88);
    transform: scale(0.88);
  }
}
.scaleDownOut {
  -webkit-animation-name: scaleDownOut;
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: scaleDownOut;
  animation-duration: 250ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes scaleDownOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes scaleDownOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  -webkit-animation-duration: 200ms;
  -webkit-animation-timing-function: linear 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-name: zoomIn;
  animation-duration: 200ms;
  animation-timing-function: linear 300ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(0.45) translate3d(-30px, 60px, 0);
    transform: scale(0.45) translate3d(-30px, 60px, 0);
    opacity: 0;
  }
  60%;
  opacity: 1;
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale(0.45) translate3d(-30px, 60px, 0);
    transform: scale(0.45) translate3d(-30px, 60px, 0);
    opacity: 0;
  }
  60%;
  opacity: 1;
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
  }
}
#intro55 {
  @transform-origin (0% 0%);
}

.logo-shift-image-animation {
  -webkit-animation: logo-shift-scale 300ms ease forwards;
  animation: logo-shift-scale 300ms ease forwards;
}

.logo-shift-animation {
  -webkit-animation: logo-shift 300ms ease forwards;
  animation: logo-shift 300ms ease forwards;
}

.retina-img-full {
  width: 728px;
}

#TMOLogo {
  background-color: #E20074;
  overflow: hidden;
}

#CTAWrapper {
  perspective: 400;
  -webkit-perspective: 400;
}

#CTA {
  -webkit-transform-origin: 90% 60px;
  transform-origin: 90% 60px;
}

.legal {
  position: absolute;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 722px;
  left: 3px;
  bottom: 4px;
}

.legal-on-img {
  text-shadow: 1px 1px 4px black, -1px -1px 2px black;
}

#F4A {
  -webkit-transform-origin: 115px 172px;
  transform-origin: 115px 172px;
}

#endA {
  -webkit-transform-origin: 338px 50px;
  transform-origin: 338px 50px;
}

#endB {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}



/*# sourceMappingURL=sass-maps/compiler.css.map */