@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
@keyframes customFadeInUp{from{opacity:0;transform:translate3d(0, 0.5em, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes customFadeOutUp{from{opacity:1;transform:translate3d(0, 0, 0)}to{opacity:0;transform:translate3d(0, -0.5em, 0)}}@keyframes customBounceUpDown{0%{transform:translate(-50%, 0)}100%{transform:translate(-50%, -10px)}}@keyframes smoothScrollDown{0%{transform:translateY(-2.5em)}100%{transform:translateY(0)}}@keyframes smoothScrollUp{0%{transform:translateY(2.5em)}100%{transform:translateY(0)}}@keyframes brandStoryFadeInUp{from{transform:translate3d(0, 3em, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate3d(100px, 0, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes rotate{50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}@keyframes productSlideIn{0%{top:100%}100%{top:2em}}@keyframes productSlideOut{0%{top:2em}100%{top:100%}}@keyframes productSlideInDesktop{0%{left:100%}100%{left:24%}}@keyframes productSlideOutDesktop{0%{left:24%}100%{left:100%}}@keyframes brandStoryCustomFadeInUp{from{opacity:0;transform:translate3d(-50%, 0.5em, 0)}to{opacity:1;transform:translate3d(-50%, 0, 0)}}@keyframes ani-jumb{0%{top:0}50%{top:-10px}100%{top:0}}@keyframes ani-opacity-bg{0%{opacity:0}100%{opacity:1}}@media (min-width: 992px){@keyframes ani-opacity-bg{0%{opacity:0}100%{opacity:0.7}}}@keyframes fadeInUpMT{from{opacity:0;transform:translate3d(0, 100px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fadeInLeftMT{from{opacity:0;transform:translate3d(-100px, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}70%{opacity:1}100%{opacity:0}}@keyframes ani-opacity{0%{opacity:0}100%{opacity:1}}@keyframes stroke{to{stroke-dashoffset:0}}.contact-us{padding:0;padding-bottom:2.857rem}@media (min-width: 992px){.contact-us{padding-bottom:5.357rem;padding-top:2.357rem;margin-left:5rem}}@media (min-width: 1200px){.contact-us{margin-left:7.143rem}}.contact-us .contact-title{padding-left:2.143rem;padding-right:2.143rem;line-height:normal}@media (min-width: 768px){.contact-us .contact-title{padding-left:0;padding-right:0}}@media (min-width: 992px){.contact-us .contact-title{padding-left:2.5rem;position:relative;z-index:5;top:45px}}.contact-us .contact-title h1{font-size:2.643rem;font-family:"Eina01-Bold";margin-bottom:0}@media (min-width: 992px){.contact-us .contact-title h1{font-size:2.286rem}}@media (min-width: 1600px){.contact-us .contact-title h1{font-size:3.7143rem}}.contact-us .contact-title p{font-size:.929rem;font-family:"CamphorW01-Regular";position:relative;z-index:1;margin-bottom:0;padding:0.357rem 0 1.429rem}@media (min-width: 1200px){.contact-us .contact-title p{font-size:1rem}}@media (min-width: 1600px){.contact-us .contact-title p{font-size:1.1429rem}}.contact-us .contact-title p::after{position:absolute;z-index:2;content:' ';display:block;padding:4px 20px;border-radius:15px;bottom:0;background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922)}.red-2-orange .contact-us .contact-title p::after{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922)}.yellow-2-green .contact-us .contact-title p::after{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242)}.teal-2-blue .contact-us .contact-title p::after{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf)}.navy-2-purple .contact-us .contact-title p::after{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a)}.orange-2-red .contact-us .contact-title p::after{background:linear-gradient(to right, #ef7922,#d11e47);background:-webkit-gradient(to right, #ef7922,#d11e47);background:-o-linear-gradient(to right, #ef7922,#d11e47)}.green-2-yellow .contact-us .contact-title p::after{background:linear-gradient(to right, #80c242,#ffc012);background:-webkit-gradient(to right, #80c242,#ffc012);background:-o-linear-gradient(to right, #80c242,#ffc012)}.blue-2-teal .contact-us .contact-title p::after{background:linear-gradient(to right, #3292cf,#6ac5b0);background:-webkit-gradient(to right, #3292cf,#6ac5b0);background:-o-linear-gradient(to right, #3292cf,#6ac5b0)}.purple-2-navy .contact-us .contact-title p::after{background:linear-gradient(to right, #c11c8a,#02549d);background:-webkit-gradient(to right, #c11c8a,#02549d);background:-o-linear-gradient(to right, #c11c8a,#02549d)}.contact-us .contact-img{padding:0;padding-top:1.071rem}.contact-us .content-right{background:#fff;position:relative;z-index:2;margin-top:-3.571rem;margin-left:0.714rem;margin-right:0.714rem}@media (min-width: 768px){.contact-us .content-right{margin-top:0}}.contact-us .content-block{padding-top:1.429rem;line-height:normal}@media (min-width: 768px){.contact-us .content-block{padding-top:1.786rem}.contact-us .content-block:first-child{padding-top:0}}@media (min-width: 992px){.contact-us .content-block{padding-top:1.429rem}.contact-us .content-block:first-child{padding-top:1.857rem}}@media (min-width: 1200px){.contact-us .content-block{padding-top:2.5rem}.contact-us .content-block:first-child{padding-top:3.214rem}}.contact-us .content-block h2{font-size:1.929rem;font-family:"Eina01-Bold";margin-bottom:0}@media (min-width: 992px){.contact-us .content-block h2{font-size:1.7143rem}}@media (min-width: 1600px){.contact-us .content-block h2{font-size:2.1429rem}}.contact-us .content-block address{font-size:.929rem;font-family:"CamphorW01-Regular";padding-top:0.714rem;margin-bottom:0}@media (min-width: 1200px){.contact-us .content-block address{font-size:1rem}}@media (min-width: 1600px){.contact-us .content-block address{font-size:1.1429rem}}.contact-us .content-block address a{text-decoration:underline}.contact-us .content-block address p{margin-bottom:0}@media (min-width: 992px){.contact-us .content-info{padding-left:3.571rem;position:relative;z-index:2;margin-left:-5.357rem;background:#fff;margin-top:4.929rem}}.contact-us>.row:not(.contact-content){position:relative}@media (min-width: 992px){.contact-us>.row:not(.contact-content)>.col:not(.contact-img){position:absolute;z-index:1;bottom:0;right:0}}.promotion-banner{position:relative;padding-bottom:1.429rem;background:#fff}@media (min-width: 992px){.promotion-banner{padding-bottom:2.857rem}}@media (min-width: 1600px){.promotion-banner img{width:100%}}.promotion-banner.has-animation.load-animation .shopping-info,.promotion-banner.has-animation.load-animation .white-button{opacity:1;filter:alpha(opacity=1);animation-name:brandStoryFadeInUp;animation-duration:1.3s;animation-fill-mode:both}.promotion-banner.has-animation.load-animation .shopping-info{animation-delay:.2s}.promotion-banner.has-animation.load-animation .white-button{animation-delay:.7s}.promotion-banner.has-animation .shopping-info,.promotion-banner.has-animation .white-button{opacity:0;filter:alpha(opacity=0)}.promotion-banner .brand-shopping{position:absolute;z-index:3;top:48%;font-family:"Eina01-Bold";font-size:1.8571rem;color:#fff;transform:translateY(-50%)}@media (min-width: 768px){.promotion-banner .brand-shopping{left:50%;transform:translate(-50%, -50%)}}@media (min-width: 992px){.promotion-banner .brand-shopping{font-size:2rem}}@media (min-width: 1600px){.promotion-banner .brand-shopping{font-size:2.5rem}}.promotion-banner .shopping-info{margin-bottom:0;padding:1.571rem 0;position:relative;z-index:2}@media (min-width: 992px){.promotion-banner .shopping-info{padding-bottom:2.5rem}}.promotion-banner .shopping-info::after{position:absolute;z-index:5;content:' ';top:100%;left:50%;display:block;padding:4px 15px;background:#fff;border-radius:15px;transform:translate(-50%, -100%)}@media (min-width: 768px){.promotion-banner .shopping-info::after{padding:5px 35px}}.promotion-banner .white-button{padding:0.714rem 1.071rem;margin-top:1.571rem}@media (min-width: 768px){.promotion-banner .white-button{padding:7px 45px;padding-top:6px}}@media (min-width: 992px){.promotion-banner .white-button{font-size:1.1429rem;margin-top:2.5rem}}@media (min-width: 1600px){.promotion-banner .white-button{font-size:1.4286rem}}.content-asset-container{position:relative;z-index:3}[data-querystring="cid=brand-story"] .back-to-top{display:none}.sticky-header [data-querystring="cid=brand-story"] .section-header{animation:none}.time-line{overflow:hidden}.time-line .time-line-item{padding-left:1.071rem;padding-right:1.071rem;color:#fff;font-family:"Eina01-Bold";line-height:normal;min-height:calc(100vh - 4rem);position:relative}.time-line .time-line-item.active li{transform:scale(1.3)}.time-line .time-line-item .icon-circle{display:none}.time-line .item1{background:linear-gradient(to bottom, #bcce1a,#81c241);background:-webkit-gradient(to bottom, #bcce1a,#81c241);background:-o-linear-gradient(to bottom, #bcce1a,#81c241)}.time-line .item2{background:linear-gradient(to bottom, #81c241,#6ac5b0);background:-webkit-gradient(to bottom, #81c241,#6ac5b0);background:-o-linear-gradient(to bottom, #81c241,#6ac5b0)}.time-line .item3{background:linear-gradient(to bottom, #6ac5b0,#67cadb);background:-webkit-gradient(to bottom, #6ac5b0,#67cadb);background:-o-linear-gradient(to bottom, #6ac5b0,#67cadb)}.time-line .item4{background:linear-gradient(to bottom, #67cadb,#3093d0);background:-webkit-gradient(to bottom, #67cadb,#3093d0);background:-o-linear-gradient(to bottom, #67cadb,#3093d0)}.time-line .item5{background:linear-gradient(to bottom, #3093d0,#00539e);background:-webkit-gradient(to bottom, #3093d0,#00539e);background:-o-linear-gradient(to bottom, #3093d0,#00539e)}.time-line .item6{background:linear-gradient(to bottom, #00539e,#8b4499);background:-webkit-gradient(to bottom, #00539e,#8b4499);background:-o-linear-gradient(to bottom, #00539e,#8b4499)}.time-line .item7{background:linear-gradient(to bottom, #8b4499,#c71d8b);background:-webkit-gradient(to bottom, #8b4499,#c71d8b);background:-o-linear-gradient(to bottom, #8b4499,#c71d8b)}.time-line .item8{background:linear-gradient(to bottom, #c71d8b,#d21245);background:-webkit-gradient(to bottom, #c71d8b,#d21245);background:-o-linear-gradient(to bottom, #c71d8b,#d21245)}.time-line .list-time-line{position:fixed;z-index:10;right:0.85rem;top:50%;display:none;transform:translateY(-50%)}@media (min-width: 768px){.time-line .list-time-line{right:2rem}}@media (min-width: 1200px){.time-line .list-time-line{right:3rem}}.time-line .list-time-line ul{padding:0;margin:0}.time-line .list-time-line ul li{position:relative;z-index:1;list-style:none;padding-top:1.786rem;padding-right:0.286rem}.time-line .list-time-line ul li::after,.time-line .list-time-line ul li::before,.time-line .list-time-line ul li .list-icon{position:absolute;top:50%;left:50%;background:transparent;display:inline-block;transform:translate(-50%, -50%)}.time-line .list-time-line ul li.is-selected{transform:scale(1.3)}.time-line .list-time-line ul li .list-icon{z-index:5;width:15px;height:15px;padding-left:20px}.time-line .list-time-line ul li::after{z-index:2;content:' ';width:13px;height:13px;border:1px solid #fff;border-radius:50%}.time-line .list-time-line ul li::before{z-index:2;content:' ';width:7px;height:7px;background:#fff;border-radius:50%}.time-line-item.active .inner{opacity:1;filter:alpha(opacity=1);animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;animation-delay:1.1s}.time-line-item .inner{position:relative;height:100%;opacity:0}.fixed-content{position:fixed;z-index:10;width:100%;height:100%;margin:auto;top:0;right:0;bottom:0;left:0;font-family:"Eina01-Bold"}.fixed-content .item1 .info-details{font-size:1.0714rem}@media (min-width: 992px){.fixed-content .item1 .info-details{font-size:2rem;padding:0}}@media (min-width: 1600px){.fixed-content .item1 .info-details{font-size:2.5rem}}@media (min-width: 1200px){.fixed-content .item1 .col-left{padding-left:9%;padding-right:2%}}@media (min-width: 1200px){.fixed-content .item2 .col-left img{max-width:40%;display:inline-block}}.fixed-content .item2 .col-right{font-family:"Eina01-Bold"}@media (min-width: 1600px){.fixed-content .item3 .item-center h3{font-size:3.357rem}}.fixed-content .item3 .wrapper{max-width:31.786rem;margin:0 auto}.fixed-content .item3 .wrapper .info-details,.fixed-content .item3 .wrapper h3{padding-left:0;padding-right:0}@media (min-width: 1200px){.fixed-content .item3 .col-right img{max-width:50%}}@media (min-width: 1200px){.fixed-content .item4 .col-left img,.fixed-content .item6 .col-left img{max-width:40%;display:inline-block}}@media (min-width: 1200px){.fixed-content .item5 .item-center .col-left{padding-left:19%}}.fixed-content .item7 .wrapper{max-width:32.143rem;margin:0 auto}.fixed-content .item7 .wrapper .info-details{padding:0;margin:0;padding-bottom:2.143rem;font-family:"Eina01-Bold"}@media (min-width: 1200px){.fixed-content .item7 .item-center .col-left{padding-left:19%}}.fixed-content .item7 .item-center .col-right{margin-top:-4.286rem;padding:0 2.143rem}.fixed-content .item7 .item-center .col-right img{max-width:100%}@media (min-width: 768px){.fixed-content .item7 .item-center .col-right img{max-width:90%}}@media (min-width: 992px){.fixed-content .item7 .item-center .col-right img{max-width:100%}}.fixed-content .item8{padding:2.5rem}@media (min-width: 992px){.fixed-content .item8{padding:2.5rem 0 0;min-height:calc(100vh - 35rem)}}@media (min-width: 1200px){.fixed-content .item8{padding-bottom:6rem}}.fixed-content .item8 .head-title{text-align:center;padding-top:1em;padding-bottom:2.143rem;position:relative}@media (min-width: 992px){.fixed-content .item8 .head-title{padding-top:2em}}.fixed-content .item8 .head-title.has-animation.load-animation p,.fixed-content .item8 .head-title.has-animation.load-animation h2,.fixed-content .item8 .head-title.has-animation.load-animation h3,.fixed-content .item8 .head-title.has-animation.load-animation img{opacity:1;filter:alpha(opacity=1);animation-name:customFadeInUp;animation-duration:1s;animation-fill-mode:both}.fixed-content .item8 .head-title.has-animation.load-animation .icon-circle-now{opacity:1;filter:alpha(opacity=1);animation-name:brandStoryCustomFadeInUp;animation-duration:1s;animation-fill-mode:both}.fixed-content .item8 .head-title.has-animation.load-animation p{animation-delay:.2s}.fixed-content .item8 .head-title.has-animation.load-animation h2{animation-delay:.5s}.fixed-content .item8 .head-title.has-animation.load-animation .icon-circle-now{animation-delay:.8s}.fixed-content .item8 .head-title.has-animation.load-animation .content{animation-delay:1.1s}.fixed-content .item8 .head-title.has-animation.load-animation h3{animation-delay:1.4s}.fixed-content .item8 .head-title.has-animation.load-animation img{animation-delay:1.7s}.fixed-content .item8 .head-title.has-animation p,.fixed-content .item8 .head-title.has-animation h2,.fixed-content .item8 .head-title.has-animation .icon-circle-now h3,.fixed-content .item8 .head-title.has-animation img{opacity:0;filter:alpha(opacity=0)}.fixed-content .item8 .head-title .icon-circle-now{border:1px solid #fff;width:23px;height:23px;background:transparent;position:relative;display:block;left:50%;transform:translateX(-50%);border-radius:50%}.fixed-content .item8 .head-title .icon-circle-now::before{content:'';position:absolute;z-index:1;width:13px;height:13px;background:#fff;border-radius:50%;left:4px;top:4px}.fixed-content .item8 .item-center{top:75%}@media (min-width: 768px){.fixed-content .item8 .item-center{top:50%}}@media (min-width: 992px){.fixed-content .item8 .item-center{position:static;top:0;left:0;text-align:center;transform:translate(0, 0)}}.fixed-content .item8 .item-center h3{font-size:1.929rem;font-family:"Eina01-Bold";text-align:center}@media (min-width: 768px){.fixed-content .item8 .item-center h3{font-size:2rem;padding-bottom:1.286rem}}@media (min-width: 1200px){.fixed-content .item8 .item-center h3{font-size:2rem;padding-top:0;padding-bottom:0.5em}}@media (min-width: 1600px){.fixed-content .item8 .item-center h3{font-size:2.5rem}}@media (min-width: 1200px){.fixed-content .item8 .item-center img{max-width:35%}}.fixed-content .item8 .content{font-size:1.0714rem;padding:1rem 0 1.857rem;font-family:"Eina01-Bold";padding:0 1em;margin:1em 0;text-align:center}@media (min-width: 768px){.fixed-content .item8 .content{font-size:1.1429rem}}@media (min-width: 1200px){.fixed-content .item8 .content{max-width:70%;margin-left:auto;margin-right:auto}}@media (min-width: 1600px){.fixed-content .item8 .content{max-width:50%;font-size:1.4286rem}}.fixed-content .row{margin-left:0;margin-right:0}.fixed-content .icon-border-circle{border:1px solid #fff;width:23px;height:23px;background:transparent;bottom:0;position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.fixed-content .icon-border-circle::before{content:'';position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;left:4px;top:4px}.fixed-content .head-title{padding-top:2.5rem}.fixed-content .head-title p{font-size:1.0714rem;margin-bottom:0}@media (min-width: 1200px){.fixed-content .head-title p{font-size:1.4286rem}}.fixed-content .head-title h2{font-size:2.643rem;font-family:"Eina01-Bold"}@media (min-width: 1200px){.fixed-content .head-title h2{font-size:3.4286rem}}@media (min-width: 1600px){.fixed-content .head-title h2{font-size:4.2857rem}}.fixed-content .img-info{padding-top:1rem;font-size:1.0714rem}@media (min-width: 992px){.fixed-content .img-info{font-size:1.2857rem}}@media (min-width: 1600px){.fixed-content .img-info{font-size:1.6429rem}}@media (max-width: 575.98px){.fixed-content .img-info{font-size:.929rem}}.fixed-content .info-details{font-size:1.0714rem}@media (min-width: 992px){.fixed-content .info-details{font-size:1.2857rem;padding:0}}@media (min-width: 1600px){.fixed-content .info-details{padding-left:0;padding-right:0;font-size:1.6429rem}}@media (max-width: 575.98px){.fixed-content .info-details{font-size:.929rem}}.fixed-content .info-details-right{padding-left:0;font-size:.929rem}@media (min-width: 992px){.fixed-content .info-details-right{font-size:1.2857rem;margin-top:2.5rem}}@media (min-width: 1200px){.fixed-content .info-details-right{font-size:1.6429rem}}.fixed-content .item-fixed-bottom{position:absolute;z-index:2;left:-12px;bottom:0;font-size:45vw;line-height:0.85;opacity:0.1;padding:0;font-family:"Eina01-Bold"}@media (min-width: 768px){.fixed-content .item-fixed-bottom{left:-25px;font-size:44vw}}@media (min-width: 992px){.fixed-content .item-fixed-bottom{left:-25px}}@media (min-width: 1200px){.fixed-content .item-fixed-bottom{font-size:36.8vw;left:-40px;line-height:0.78em}}@media (min-width: 1400px){.fixed-content .item-fixed-bottom{line-height:0.83em}}@media (min-width: 1600px){.fixed-content .item-fixed-bottom{left:-60px;line-height:0.78em}}.fixed-content .item-center{-ms-flex-align:center;align-items:center;position:absolute;z-index:3;top:55%;width:100%;padding-left:1em;padding-right:1em;transform:translateY(-50%)}@media (min-width: 576px){.fixed-content .item-center{top:65%}}@media (min-width: 768px){.fixed-content .item-center{top:50%}}@media (min-width: 1200px){.fixed-content .item-center{top:64%;width:100%}}.fixed-content .item-center.has-animation .col-left,.fixed-content .item-center.has-animation .col-right{opacity:0;filter:alpha(opacity=0)}.fixed-content .item-center.has-animation.load-animation .col-left,.fixed-content .item-center.has-animation.load-animation .col-right{opacity:1;filter:alpha(opacity=1);animation-name:brandStoryFadeInUp;animation-duration:1s;animation-fill-mode:both}.fixed-content .item-center.has-animation.load-animation .col-left{animation-delay:.4s}.fixed-content .item-center.has-animation.load-animation .col-right{animation-delay:.7s}.fixed-content .item-center h3{font-size:1.4286rem;padding:1.429rem 0}@media (min-width: 992px){.fixed-content .item-center h3{font-size:3.4286rem}}@media (min-width: 1600px){.fixed-content .item-center h3{padding-left:0;font-size:4.2857rem;padding-right:0}}.fixed-content .item-center .col-right{margin:0 auto;padding:0 1em}@media (min-width: 992px){.fixed-content .item-center .col-right{max-width:28.571rem}}@media (min-width: 1400px){.fixed-content .item-center .col-right{max-width:35.714rem}}.fixed-content .item-center .col-right p.info-details-right:first-child{margin-top:0}.fixed-content .item-center .col-right h3{padding-left:0;padding-right:0}@media (max-width: 575.98px){.fixed-content .item-center .col-right img{max-width:70%}}.fixed-content .item-center .col-left{padding:0 0.714rem}@media (min-width: 768px){.fixed-content .item-center .col-left{padding:0 7rem}}.slide{position:absolute;top:65px;left:0;width:100%;z-index:0;bottom:0;color:#fff}.slide.active{z-index:1}.slide.active .slide-inner{opacity:1;transform:translate(0, 0)}.slide .slide-inner{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity 0.4s ease, transform 0.4s ease;transform:translate(0, 30px)}.slide .slide-inner>.text-center{position:relative;z-index:5;padding-bottom:2.071rem}.slide .slide-inner>.text-center::after{position:absolute;z-index:10;content:'';display:block;min-height:calc(100vh - 11.786rem);background:#fff;left:50%;top:100%;min-width:1px;transform:translateX(-50%)}@media (min-width: 1200px){.slide .slide-inner>.text-center::after{min-height:calc(100vh - 14.286rem)}}#carouselPromotionMessage.slide{position:relative;top:auto}.main-banner{position:relative;min-height:calc(100vh - 6rem);color:#fff;overflow:hidden;z-index:11}.main-banner::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0}.main-banner .banner-video{position:absolute;z-index:-1;min-height:100vh;min-width:170vh;top:50%;left:50%;transform:translate(-50%, -50%)}@media (min-width: 1200px){.main-banner .banner-video{min-height:56vw;min-width:100vw}}.main-banner .text-content{position:absolute;z-index:1;top:45%;left:0;text-align:center;font-size:1.0714rem;font-family:"Eina01-Bold";white-space:pre-line;padding:0 3rem;transform:translate(0, -50%)}@media (min-width: 768px){.main-banner .text-content{left:50%;padding:0;transform:translate(-50%, -50%)}}@media (min-width: 992px){.main-banner .text-content{font-size:1.2857rem}}@media (min-width: 1600px){.main-banner .text-content{font-size:1.5714rem}}.main-banner .content-top{font-size:2.643rem;padding-bottom:1.929rem}@media (min-width: 992px){.main-banner .content-top{font-size:3.4286rem;padding-bottom:0}}@media (min-width: 1600px){.main-banner .content-top{font-size:4.2857rem}}.main-banner .content-middle{margin-bottom:0}.main-banner .arrow-down{position:absolute;z-index:2;bottom:20px;left:50%;color:#fff;transform:translateX(-50%)}@media (max-width: 575.98px){.main-banner .arrow-down{bottom:17%}}h3.black,.active.black{color:#272727}h3.red,.active.red{color:#ca1f46}h3.blue,.active.blue{color:#2d92d0}h3.yellow,.active.yellow{color:#ebcd20}h3.white,.active.white{color:#ebebeb}h3.purple,.active.purple{color:#8b4499}h3.green,.active.green{color:#b9d432}.editorial-stories-color-main{font-family:"Eina01-Bold";scroll-behavior:smooth;color:#fff}.editorial-stories-color-main img{display:block;width:100%}.editorial-stories-color-main .row{margin:0}@media (min-width: 768px){.editorial-stories-color-main .row.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.editorial-stories-color-main .row .col{padding:0}.editorial-stories-color-main .content.banner-content .content-text{position:absolute;top:50%;left:50%;width:85%;text-align:center;transform:translate(-50%, -50%)}@media (min-width: 768px){.editorial-stories-color-main .content.banner-content .content-text{text-align:left;left:45%;width:65%}}@media (min-width: 992px){.editorial-stories-color-main .content.banner-content .content-text{left:39%;width:39em}}@media (min-width: 1200px){.editorial-stories-color-main .content.banner-content .content-text{left:37%;width:48em}}.editorial-stories-color-main .content.banner-content .content-text h1{text-transform:uppercase;margin-bottom:0.85em}@media (min-width: 768px){.editorial-stories-color-main .content.banner-content .content-text h1{font-size:2em}}@media (min-width: 992px){.editorial-stories-color-main .content.banner-content .content-text h1{font-size:3em}}@media (min-width: 1200px){.editorial-stories-color-main .content.banner-content .content-text h1{font-size:3.5em}}.editorial-stories-color-main .content.banner-content .content-text p{margin-bottom:0.85em}@media (min-width: 768px){.editorial-stories-color-main .content.banner-content .content-text p{font-size:0.85em}}@media (min-width: 992px){.editorial-stories-color-main .content.banner-content .content-text p{font-size:1em}}@media (min-width: 1200px){.editorial-stories-color-main .content.banner-content .content-text p{font-size:1.25em}}.editorial-stories-color-main .content .btn-shop{display:inline-block;font-family:"Eina01-Bold";font-size:1.0714rem;padding:1em 1.67em;min-width:9em;border-radius:1.7em;transition:color 0.2s ease-in,background-color 0.2s ease-in,border-color 0.2s ease-in,box-shadow 0.2s ease-in;box-shadow:0 2px 7px -2px #333;color:#272727;background-color:#fff;border:1px solid #f5f5f5;display:block;padding:0.667em 1.286em;text-align:center;min-width:17em;width:fit-content;box-shadow:0 2px 7px -2px gray;border-radius:20px}.editorial-stories-color-main .content .btn-shop:hover,.editorial-stories-color-main .content .btn-shop:focus{cursor:pointer}.editorial-stories-color-main .content .btn-shop:hover{color:#fff;background-color:#272727;border-color:#272727}@media (min-width: 768px){.editorial-stories-color-main .content .btn-shop{margin-bottom:0;padding-top:0.75em;padding-bottom:0.75em;font-size:0.8567em;min-width:13em}}.editorial-stories-color-main .content .btn-shop:focus{outline:none;border:none}.editorial-stories-color-main .content .btn-shop.selected{background-color:#272727;color:#fff}.editorial-stories-color-main .content.shop-by-color .content-text{position:absolute;left:50%;transform:translateX(-50%)}@media (min-width: 768px){.editorial-stories-color-main .content.shop-by-color .content-text{transform:translate(-50%, -50%)}}.editorial-stories-color-main .content.shop-by-color .shop-by-color-logo{width:75%;margin:0 auto}@media (min-width: 768px){.editorial-stories-color-main .content.shop-by-color .shop-by-color-logo{width:55%}}@media (min-width: 992px){.editorial-stories-color-main .content.shop-by-color .shop-by-color-logo{width:17em;right:10%}}@media (min-width: 1200px){.editorial-stories-color-main .content.shop-by-color .shop-by-color-logo{width:20em}}.editorial-stories-color-main .content.shop-by-color .content-text{top:20%;width:83%;text-align:center}@media (min-width: 768px){.editorial-stories-color-main .content.shop-by-color .content-text{width:65%;left:50%;top:50%}}@media (min-width: 992px){.editorial-stories-color-main .content.shop-by-color .content-text{width:35em}}@media (min-width: 1200px){.editorial-stories-color-main .content.shop-by-color .content-text{width:47em}}.editorial-stories-color-main .content.shop-by-color .content-text h2{font-size:1em;margin:3em 0}@media (min-width: 768px){.editorial-stories-color-main .content.shop-by-color .content-text h2{font-size:0.85em}}@media (min-width: 992px){.editorial-stories-color-main .content.shop-by-color .content-text h2{font-size:1em}}@media (min-width: 1200px){.editorial-stories-color-main .content.shop-by-color .content-text h2{font-size:1.5em}}.editorial-stories-color-main .content.shop-by-color .content-text p{font-family:"CamphorW01-Regular";margin-bottom:2em}@media (min-width: 768px){.editorial-stories-color-main .content.shop-by-color .content-text p{font-size:0.85em;margin-bottom:1em}}@media (min-width: 1200px){.editorial-stories-color-main .content.shop-by-color .content-text p{font-size:1.25em}}.editorial-stories-color-main .content.shop-by-color .content-text .btn-shop{margin:0 auto}@media (min-width: 1200px){.editorial-stories-color-main .content.shop-by-color .content-text .btn-shop{min-width:17em}}.editorial-stories-color-main .content .content-inner{position:relative}.editorial-stories-color-main .content .content-inner .next-section{position:absolute;bottom:1.5em;left:50%;transform:translateX(-50%)}.editorial-stories-color-main .content .content-inner .next-section .btn-next{color:#fff;font-size:1.5rem;height:auto;line-height:1;border:none;font-weight:normal;display:block;position:absolute;bottom:0;left:50%;padding:0;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-direction:alternate;transform:translateX(-50%);animation-name:customBounceUpDown;animation-duration:.7s}.editorial-stories-color-main .content .content-inner .next-section .btn-next::before{font-family:"AT-icons";content:"\E90B";position:absolute;display:block;left:50%;bottom:0;font-size:14px;transform:translateX(-50%)}.editorial-stories-color-main .content .content-inner .right-item{height:100vw}@media (min-width: 768px){.editorial-stories-color-main .content .content-inner .right-item{height:auto}}.editorial-stories-color-main .content .content-inner .content-body .personality-color,.editorial-stories-color-main .content .content-inner .content-body .shop-section{position:absolute;left:50%;transform:translateX(-50%)}.editorial-stories-color-main .content .content-inner .content-body .personality-color{top:18%;text-align:center;width:14.5em}@media (min-width: 768px){.editorial-stories-color-main .content .content-inner .content-body .personality-color{top:50%;text-align:left;left:28%;transform:translateY(-50%)}}@media (min-width: 1200px){.editorial-stories-color-main .content .content-inner .content-body .personality-color{width:19.2857rem}}.editorial-stories-color-main .content .content-inner .content-body .personality-color.blue,.editorial-stories-color-main .content .content-inner .content-body .personality-color.yellow,.editorial-stories-color-main .content .content-inner .content-body .personality-color.purple{width:16.5em}@media (min-width: 1200px){.editorial-stories-color-main .content .content-inner .content-body .personality-color.blue,.editorial-stories-color-main .content .content-inner .content-body .personality-color.yellow,.editorial-stories-color-main .content .content-inner .content-body .personality-color.purple{width:19.2857rem}}.editorial-stories-color-main .content .content-inner .content-body .personality-color.green{width:10.5em}@media (min-width: 1200px){.editorial-stories-color-main .content .content-inner .content-body .personality-color.green{width:14.4285rem}}.editorial-stories-color-main .content .content-inner .content-body .personality-color.white{top:12%}@media (min-width: 768px){.editorial-stories-color-main .content .content-inner .content-body .personality-color.white{top:50%}}.editorial-stories-color-main .content .content-inner .content-body .personality-color p{font-size:1.5em}@media (min-width: 1200px){.editorial-stories-color-main .content .content-inner .content-body .personality-color p{font-size:2em}}.editorial-stories-color-main .content .content-inner .content-body .shop-section{bottom:20%;text-align:center}@media (min-width: 768px){.editorial-stories-color-main .content .content-inner .content-body .shop-section{top:50%;bottom:auto;transform:translate(-50%, -50%)}}.editorial-stories-color-main .content .content-inner .content-body .shop-section h3{font-size:3.5em;margin-bottom:1em}@media (min-width: 768px){.editorial-stories-color-main .content .content-inner .content-body .shop-section h3{font-size:3em}}@media (min-width: 1200px){.editorial-stories-color-main .content .content-inner .content-body .shop-section h3{font-size:4em}}.editorial-stories-color-main .content .content-inner .next-product{position:absolute;left:50%;bottom:2em;width:95%;transform:translateX(-50%)}@media (min-width: 768px){.editorial-stories-color-main .content .content-inner .next-product{width:45%;left:2.5%;transform:none}}.editorial-stories-color-main .content .content-inner .next-product ul{list-style-type:none;display:block;width:100%;max-width:100%;margin:0;padding:0;text-align:center}.editorial-stories-color-main .content .content-inner .next-product ul li{display:inline-block;width:12%}.editorial-stories-color-main .content .content-inner .next-product ul li a{font-size:0.85em}.editorial-stories-color-main .content .content-inner .next-product ul li a.active{text-decoration:underline}@media (min-width: 1200px){.editorial-stories-color-main .content .content-inner .next-product ul li a{font-size:1em}}.editorial-stories-color-main .content .content-inner .product-image{position:absolute;width:40%;left:50%;top:50%;transform:translate(-50%, -50%)}@media (min-width: 768px){.editorial-stories-color-main .content .content-inner .product-image{width:20%}}.editorial-stories-color-main .has-animation.load-animation .first-animation{animation-delay:.2s}.editorial-stories-color-main .has-animation.load-animation .second-animation{animation-delay:.5s}.editorial-stories-color-main .has-animation.load-animation .third-animation{animation-delay:.8s}.editorial-stories-color-main .has-animation.load-animation .animation{opacity:1;filter:alpha(opacity=1);animation-name:customFadeInUp;animation-duration:1s;animation-fill-mode:both}.editorial-stories-color-main .has-animation .animation{opacity:0;filter:alpha(opacity=0)}.editorial-stories-color-main .animation-fadeinup{animation-name:customFadeInUp;animation-duration:2s;animation-fill-mode:both}.ame-main{opacity:0}.ssn-body .ame-main{opacity:1}.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .next-section .btn-next{bottom:5vh}@media (min-width: 768px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .next-section .btn-next{bottom:0}}.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .product-image{position:absolute;top:-2%;left:50%;width:36%;transform:translate(-50%, -50%)}@media (min-width: 768px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .product-image{width:40%;left:100%;top:50%}}.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .next-product{position:absolute;bottom:10vh;width:95%}@media (min-width: 768px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .next-product{width:90%;bottom:5vh}}.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color{top:30%}@media (min-width: 768px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color{top:50%}}.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color p{font-size:1.1rem}@media (min-width: 992px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color p{font-size:1.5rem}}.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section{bottom:15vh;text-align:center}@media (min-width: 768px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section{bottom:35%}}@media (min-width: 992px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section{bottom:auto}}.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section h3{font-size:2.8em;margin-bottom:5%}@media (min-width: 768px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section h3{margin-bottom:1em;font-size:3.5em}}.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .right-item,.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .left-item{height:50vh}@media (min-width: 768px){.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .right-item,.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .left-item{height:100vh}}.ssn-body .ame-main .ssn-section .content-image{overflow:hidden}.ssn-body .ame-main .ssn-section .content-image.has-animation{overflow:hidden}.ssn-body .ame-main .ssn-section .content-image.has-animation picture{transform:scale(1)}.ssn-body .ame-main .ssn-section .content-image.load-animation picture{animation:aniZoomIn 5s ease;transform:scale(1.1)}.ssn-body .ame-main .ame-section-1,.ssn-body .ame-main .ame-section-2,.ssn-body .ame-main .ame-section-3,.ssn-body .ame-main .ame-section-4,.ssn-body .ame-main .ame-section-5,.ssn-body .ame-main .ame-section-6,.ssn-body .ame-main .ame-section-7,.ssn-body .ame-main .ame-section-8{height:100vh}.ssn-body .ame-main .ame-section-1 .product-image img,.ssn-body .ame-main .ame-section-2 .product-image img,.ssn-body .ame-main .ame-section-3 .product-image img,.ssn-body .ame-main .ame-section-4 .product-image img,.ssn-body .ame-main .ame-section-5 .product-image img,.ssn-body .ame-main .ame-section-6 .product-image img,.ssn-body .ame-main .ame-section-7 .product-image img,.ssn-body .ame-main .ame-section-8 .product-image img{width:100%;height:auto}.ssn-body .ame-main .ame-section-9{min-height:60vh}.ssn-body .ame-main .ame-section-9 picture{width:100%;height:auto}.ssn-body .ame-main .ame-section-9 picture img{height:100%}.ssn-body .ame-main .ame-section-9 .content-text .shop-by-color-logo img{width:100%}.ssn-body .ame-main .ssn-section{position:relative}.ssn-body .ame-main .ssn-section picture{display:block;overflow:hidden;height:100%;width:100%}.ssn-body .ame-main .ssn-section img{width:100%;height:100%;max-width:initial;object-fit:cover}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.ssn-body .ame-main .ssn-section img{height:100%;min-width:100%;width:auto}}.ssn-body .ame-main .ssn-section .content-inner{height:100%}.ssn-body .ame-main .ssn-section .ame-des{width:100%;height:100%}.ssn-body .ame-main .ame-section-6 .personality-color{top:22%}@media (min-width: 768px){.ssn-body .ame-main .ame-section-6 .personality-color{top:50%}}.ssn-body .ame-main .ame-section-6 .product-image{top:8%}@media (min-width: 768px){.ssn-body .ame-main .ame-section-6 .product-image{top:50%}}.ssn-body .ame-main .ame-section-1.ani-prev .content-inner{position:fixed;top:0;left:0;width:100%;z-index:1;animation:aniSlideOutUp-50 1s ease-out;transform:translateY(-50%)}.ssn-body .ame-main .ame-section-1.ani-next .content-inner{position:fixed;top:0;left:0;width:100%;z-index:1;animation:aniSlideOutDown-50 1s ease-out;transform:translateY(50%)}.ssn-body .ame-main .ame-section-3 .product-image,.ssn-body .ame-main .ame-section-3 .shop-section,.ssn-body .ame-main .ame-section-3 .next-product,.ssn-body .ame-main .ame-section-4 .product-image,.ssn-body .ame-main .ame-section-4 .shop-section,.ssn-body .ame-main .ame-section-4 .next-product,.ssn-body .ame-main .ame-section-5 .product-image,.ssn-body .ame-main .ame-section-5 .shop-section,.ssn-body .ame-main .ame-section-5 .next-product,.ssn-body .ame-main .ame-section-6 .product-image,.ssn-body .ame-main .ame-section-6 .shop-section,.ssn-body .ame-main .ame-section-6 .next-product,.ssn-body .ame-main .ame-section-7 .product-image,.ssn-body .ame-main .ame-section-7 .shop-section,.ssn-body .ame-main .ame-section-7 .next-product{position:relative;z-index:10}.ssn-body .ame-main .ame-section-3.ani-prev .right-item,.ssn-body .ame-main .ame-section-3.ani-current .right-item,.ssn-body .ame-main .ame-section-3.ani-next .right-item,.ssn-body .ame-main .ame-section-4.ani-prev .right-item,.ssn-body .ame-main .ame-section-4.ani-current .right-item,.ssn-body .ame-main .ame-section-4.ani-next .right-item,.ssn-body .ame-main .ame-section-5.ani-prev .right-item,.ssn-body .ame-main .ame-section-5.ani-current .right-item,.ssn-body .ame-main .ame-section-5.ani-next .right-item,.ssn-body .ame-main .ame-section-6.ani-prev .right-item,.ssn-body .ame-main .ame-section-6.ani-current .right-item,.ssn-body .ame-main .ame-section-6.ani-next .right-item,.ssn-body .ame-main .ame-section-7.ani-prev .right-item,.ssn-body .ame-main .ame-section-7.ani-current .right-item,.ssn-body .ame-main .ame-section-7.ani-next .right-item{position:fixed;top:50%;left:0;height:50vh !important}@media (min-width: 768px){.ssn-body .ame-main .ame-section-3.ani-prev .right-item,.ssn-body .ame-main .ame-section-3.ani-current .right-item,.ssn-body .ame-main .ame-section-3.ani-next .right-item,.ssn-body .ame-main .ame-section-4.ani-prev .right-item,.ssn-body .ame-main .ame-section-4.ani-current .right-item,.ssn-body .ame-main .ame-section-4.ani-next .right-item,.ssn-body .ame-main .ame-section-5.ani-prev .right-item,.ssn-body .ame-main .ame-section-5.ani-current .right-item,.ssn-body .ame-main .ame-section-5.ani-next .right-item,.ssn-body .ame-main .ame-section-6.ani-prev .right-item,.ssn-body .ame-main .ame-section-6.ani-current .right-item,.ssn-body .ame-main .ame-section-6.ani-next .right-item,.ssn-body .ame-main .ame-section-7.ani-prev .right-item,.ssn-body .ame-main .ame-section-7.ani-current .right-item,.ssn-body .ame-main .ame-section-7.ani-next .right-item{top:0;height:100vh !important}}.ssn-body .ame-main .ame-section-3.ani-prev .right-item,.ssn-body .ame-main .ame-section-3.ani-next .right-item,.ssn-body .ame-main .ame-section-4.ani-prev .right-item,.ssn-body .ame-main .ame-section-4.ani-next .right-item,.ssn-body .ame-main .ame-section-5.ani-prev .right-item,.ssn-body .ame-main .ame-section-5.ani-next .right-item,.ssn-body .ame-main .ame-section-6.ani-prev .right-item,.ssn-body .ame-main .ame-section-6.ani-next .right-item,.ssn-body .ame-main .ame-section-7.ani-prev .right-item,.ssn-body .ame-main .ame-section-7.ani-next .right-item{z-index:10}.ssn-body .ame-main .ame-section-3.ani-prev .right-item .product-image,.ssn-body .ame-main .ame-section-3.ani-prev .right-item .shop-section,.ssn-body .ame-main .ame-section-3.ani-next .right-item .product-image,.ssn-body .ame-main .ame-section-3.ani-next .right-item .shop-section,.ssn-body .ame-main .ame-section-4.ani-prev .right-item .product-image,.ssn-body .ame-main .ame-section-4.ani-prev .right-item .shop-section,.ssn-body .ame-main .ame-section-4.ani-next .right-item .product-image,.ssn-body .ame-main .ame-section-4.ani-next .right-item .shop-section,.ssn-body .ame-main .ame-section-5.ani-prev .right-item .product-image,.ssn-body .ame-main .ame-section-5.ani-prev .right-item .shop-section,.ssn-body .ame-main .ame-section-5.ani-next .right-item .product-image,.ssn-body .ame-main .ame-section-5.ani-next .right-item .shop-section,.ssn-body .ame-main .ame-section-6.ani-prev .right-item .product-image,.ssn-body .ame-main .ame-section-6.ani-prev .right-item .shop-section,.ssn-body .ame-main .ame-section-6.ani-next .right-item .product-image,.ssn-body .ame-main .ame-section-6.ani-next .right-item .shop-section,.ssn-body .ame-main .ame-section-7.ani-prev .right-item .product-image,.ssn-body .ame-main .ame-section-7.ani-prev .right-item .shop-section,.ssn-body .ame-main .ame-section-7.ani-next .right-item .product-image,.ssn-body .ame-main .ame-section-7.ani-next .right-item .shop-section{animation:aniProSlideOutUp-10 0.5s ease-out;margin-top:-12%;opacity:0}.ssn-body .ame-main .ame-section-3.ani-prev .right-item .next-product,.ssn-body .ame-main .ame-section-3.ani-next .right-item .next-product,.ssn-body .ame-main .ame-section-4.ani-prev .right-item .next-product,.ssn-body .ame-main .ame-section-4.ani-next .right-item .next-product,.ssn-body .ame-main .ame-section-5.ani-prev .right-item .next-product,.ssn-body .ame-main .ame-section-5.ani-next .right-item .next-product,.ssn-body .ame-main .ame-section-6.ani-prev .right-item .next-product,.ssn-body .ame-main .ame-section-6.ani-next .right-item .next-product,.ssn-body .ame-main .ame-section-7.ani-prev .right-item .next-product,.ssn-body .ame-main .ame-section-7.ani-next .right-item .next-product{display:none}.ssn-body .ame-main .ame-section-3.ani-current .right-item .product-image,.ssn-body .ame-main .ame-section-3.ani-current .right-item .shop-section,.ssn-body .ame-main .ame-section-4.ani-current .right-item .product-image,.ssn-body .ame-main .ame-section-4.ani-current .right-item .shop-section,.ssn-body .ame-main .ame-section-5.ani-current .right-item .product-image,.ssn-body .ame-main .ame-section-5.ani-current .right-item .shop-section,.ssn-body .ame-main .ame-section-6.ani-current .right-item .product-image,.ssn-body .ame-main .ame-section-6.ani-current .right-item .shop-section,.ssn-body .ame-main .ame-section-7.ani-current .right-item .product-image,.ssn-body .ame-main .ame-section-7.ani-current .right-item .shop-section{animation:aniProSlideOutUp-5 0.5s ease-in;margin-top:0;opacity:1}.ssn-body .ame-main .ame-section-3.ani-current .right-item .next-product,.ssn-body .ame-main .ame-section-4.ani-current .right-item .next-product,.ssn-body .ame-main .ame-section-5.ani-current .right-item .next-product,.ssn-body .ame-main .ame-section-6.ani-current .right-item .next-product,.ssn-body .ame-main .ame-section-7.ani-current .right-item .next-product{z-index:10;display:block}.ssn-body .ame-main .ame-section-2 .product-image,.ssn-body .ame-main .ame-section-2 .shop-section,.ssn-body .ame-main .ame-section-2 .next-product{position:relative;z-index:10}.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item{position:fixed;top:50%;left:0;height:50vh !important}@media (min-width: 768px){.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item{top:0;height:100vh !important}}.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item{z-index:10}.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item .product-image,.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item .shop-section{opacity:1}.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item .next-product{display:block}.ssn-body .ame-main .ame-section-2.ani-prev .right-item{position:fixed;top:50%;left:0;height:50vh !important}@media (min-width: 768px){.ssn-body .ame-main .ame-section-2.ani-prev .right-item{top:0;height:100vh !important}}.ssn-body .ame-main .ame-section-2.ani-prev .right-item{z-index:10}.ssn-body .ame-main .ame-section-2.ani-prev .right-item .product-image,.ssn-body .ame-main .ame-section-2.ani-prev .right-item .shop-section{animation:aniProSlideOutUp-10 0.5s ease-out;margin-top:-12%;opacity:0}.ssn-body .ame-main .ame-section-2.ani-prev .right-item .next-product{display:none}.ssn-body .ame-main .ame-section-2.ani-current{background-color:#fff;z-index:1}.ssn-body .ame-main .ame-section-2.ani-current .right-item .next-product{display:block}.ssn-body .ame-main .ame-section-8 .product-image,.ssn-body .ame-main .ame-section-8 .shop-section,.ssn-body .ame-main .ame-section-8 .next-product{position:relative;z-index:10}.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item{position:fixed;top:50%;left:0;height:50vh !important}@media (min-width: 768px){.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item{top:0;height:100vh !important}}.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item{z-index:10}.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item .product-image,.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item .shop-section{opacity:1}.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item .next-product{display:block}.ssn-body .ame-main .ame-section-8.ani-next .right-item{position:fixed;top:50%;left:0;height:50vh !important}@media (min-width: 768px){.ssn-body .ame-main .ame-section-8.ani-next .right-item{top:0;height:100vh !important}}.ssn-body .ame-main .ame-section-8.ani-next .right-item .product-image,.ssn-body .ame-main .ame-section-8.ani-next .right-item .shop-section{animation:aniProSlideOutUp-10 0.5s ease-out;margin-top:-12%;opacity:0}.ssn-body .ame-main .ame-section-8.ani-next .right-item .next-product{display:none}.ssn-body .ame-main .ame-section-8.ani-current{background-color:#fff;z-index:1}.ssn-body .ame-main .ame-section-8.ani-current .right-item .next-product{display:block}.ssn-body .ame-main .ame-section-2 .left-item,.ssn-body .ame-main .ame-section-3 .left-item,.ssn-body .ame-main .ame-section-4 .left-item,.ssn-body .ame-main .ame-section-5 .left-item,.ssn-body .ame-main .ame-section-6 .left-item,.ssn-body .ame-main .ame-section-7 .left-item,.ssn-body .ame-main .ame-section-8 .left-item{position:relative;z-index:1}.ssn-body .ame-main .ame-section-2 .right-item,.ssn-body .ame-main .ame-section-3 .right-item,.ssn-body .ame-main .ame-section-4 .right-item,.ssn-body .ame-main .ame-section-5 .right-item,.ssn-body .ame-main .ame-section-6 .right-item,.ssn-body .ame-main .ame-section-7 .right-item,.ssn-body .ame-main .ame-section-8 .right-item{position:relative;z-index:2}.ssn-body .ame-main .ame-section-2.ani-prev .right-item,.ssn-body .ame-main .ame-section-2.ani-next .right-item,.ssn-body .ame-main .ame-section-3.ani-prev .right-item,.ssn-body .ame-main .ame-section-3.ani-next .right-item,.ssn-body .ame-main .ame-section-4.ani-prev .right-item,.ssn-body .ame-main .ame-section-4.ani-next .right-item,.ssn-body .ame-main .ame-section-5.ani-prev .right-item,.ssn-body .ame-main .ame-section-5.ani-next .right-item,.ssn-body .ame-main .ame-section-6.ani-prev .right-item,.ssn-body .ame-main .ame-section-6.ani-next .right-item,.ssn-body .ame-main .ame-section-7.ani-prev .right-item,.ssn-body .ame-main .ame-section-7.ani-next .right-item,.ssn-body .ame-main .ame-section-8.ani-prev .right-item,.ssn-body .ame-main .ame-section-8.ani-next .right-item{display:none}.ssn-body .ame-main .ame-section-2.ani-prev.ani-show .right-item,.ssn-body .ame-main .ame-section-2.ani-next.ani-show .right-item,.ssn-body .ame-main .ame-section-3.ani-prev.ani-show .right-item,.ssn-body .ame-main .ame-section-3.ani-next.ani-show .right-item,.ssn-body .ame-main .ame-section-4.ani-prev.ani-show .right-item,.ssn-body .ame-main .ame-section-4.ani-next.ani-show .right-item,.ssn-body .ame-main .ame-section-5.ani-prev.ani-show .right-item,.ssn-body .ame-main .ame-section-5.ani-next.ani-show .right-item,.ssn-body .ame-main .ame-section-6.ani-prev.ani-show .right-item,.ssn-body .ame-main .ame-section-6.ani-next.ani-show .right-item,.ssn-body .ame-main .ame-section-7.ani-prev.ani-show .right-item,.ssn-body .ame-main .ame-section-7.ani-next.ani-show .right-item,.ssn-body .ame-main .ame-section-8.ani-prev.ani-show .right-item,.ssn-body .ame-main .ame-section-8.ani-next.ani-show .right-item{display:block}.ssn-body .ame-main .ame-section-2.ani-prev .personality-color,.ssn-body .ame-main .ame-section-2.ani-next .personality-color,.ssn-body .ame-main .ame-section-3.ani-prev .personality-color,.ssn-body .ame-main .ame-section-3.ani-next .personality-color,.ssn-body .ame-main .ame-section-4.ani-prev .personality-color,.ssn-body .ame-main .ame-section-4.ani-next .personality-color,.ssn-body .ame-main .ame-section-5.ani-prev .personality-color,.ssn-body .ame-main .ame-section-5.ani-next .personality-color,.ssn-body .ame-main .ame-section-6.ani-prev .personality-color,.ssn-body .ame-main .ame-section-6.ani-next .personality-color,.ssn-body .ame-main .ame-section-7.ani-prev .personality-color,.ssn-body .ame-main .ame-section-7.ani-next .personality-color,.ssn-body .ame-main .ame-section-8.ani-prev .personality-color,.ssn-body .ame-main .ame-section-8.ani-next .personality-color{animation:aniProSlideOutUp-10 0.5s ease-in-out;margin-top:-10%;opacity:0}.ssn-body .ame-main .ame-section-2.ani-current .personality-color,.ssn-body .ame-main .ame-section-3.ani-current .personality-color,.ssn-body .ame-main .ame-section-4.ani-current .personality-color,.ssn-body .ame-main .ame-section-5.ani-current .personality-color,.ssn-body .ame-main .ame-section-6.ani-current .personality-color,.ssn-body .ame-main .ame-section-7.ani-current .personality-color,.ssn-body .ame-main .ame-section-8.ani-current .personality-color{animation:aniProSlideInDown-12 0.5s ease-in-out;margin-top:0;opacity:1}.sitemap-page{margin-left:20px}@media (min-width: 768px){.sitemap-page{margin-left:auto}}.sitemap-page .banner-img{margin:15px -15px 0 -35px}.sitemap-page .sitemap-title{margin-top:40px;margin-bottom:40px}.sitemap-page .sitemap-title h1{font-family:"Eina01-Bold";font-size:4.2857rem}@media (min-width: 768px){.sitemap-page .sitemap-title h1{position:relative;padding-bottom:1.429rem}.sitemap-page .sitemap-title h1::after{position:absolute;z-index:2;content:' ';display:block;padding:5px 20px;border-radius:15px;bottom:0;background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922)}.red-2-orange .sitemap-page .sitemap-title h1::after{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922)}.yellow-2-green .sitemap-page .sitemap-title h1::after{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242)}.teal-2-blue .sitemap-page .sitemap-title h1::after{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf)}.navy-2-purple .sitemap-page .sitemap-title h1::after{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a)}.orange-2-red .sitemap-page .sitemap-title h1::after{background:linear-gradient(to right, #ef7922,#d11e47);background:-webkit-gradient(to right, #ef7922,#d11e47);background:-o-linear-gradient(to right, #ef7922,#d11e47)}.green-2-yellow .sitemap-page .sitemap-title h1::after{background:linear-gradient(to right, #80c242,#ffc012);background:-webkit-gradient(to right, #80c242,#ffc012);background:-o-linear-gradient(to right, #80c242,#ffc012)}.blue-2-teal .sitemap-page .sitemap-title h1::after{background:linear-gradient(to right, #3292cf,#6ac5b0);background:-webkit-gradient(to right, #3292cf,#6ac5b0);background:-o-linear-gradient(to right, #3292cf,#6ac5b0)}.purple-2-navy .sitemap-page .sitemap-title h1::after{background:linear-gradient(to right, #c11c8a,#02549d);background:-webkit-gradient(to right, #c11c8a,#02549d);background:-o-linear-gradient(to right, #c11c8a,#02549d)}}.sitemap-page .col-12{margin-bottom:50px}.sitemap-page .col-md-4::before,.sitemap-page .col-md-4::after{content:'';position:absolute;z-index:1;background-color:#cecece}.sitemap-page .col-md-4::after{height:1px;right:15px;left:0;bottom:0}.sitemap-page .col-md-4:last-child::before,.sitemap-page .col-md-4:last-child::after{content:none}@media (min-width: 768px){.sitemap-page .col-md-4::before{width:1px;top:0;right:10px;bottom:35px}.sitemap-page .col-md-4::after{content:none}}@media (min-width: 1200px){.sitemap-page .col-md-4::before{right:20px}}@media (min-width: 1600px){.sitemap-page .col-md-4::before{right:30px}}.sitemap-page .item-level-1{list-style:none;width:90%;margin-bottom:40px;padding:0}.sitemap-page .item-level-1 h2{font-family:"Eina01-Bold";margin-bottom:20px;letter-spacing:0.05rem}.sitemap-page .item-level-1 .item-level-2{margin-bottom:15px}.sitemap-page .item-level-1 .item-level-2 h6{font-family:"Eina01-Bold";font-size:1.2857rem}.sitemap-page .item-level-1 .item-level-2 a.active,.sitemap-page .item-level-1 .item-level-2 a:hover{color:#999}.at-country-selector{width:100%;min-height:115vh}@media (min-width: 1400px){.at-country-selector{min-height:100vh}}.at-country-selector .country-selector-page-title{font-family:"Eina01-Bold";font-size:2.1429rem;position:relative;margin-top:30px;margin-bottom:70px;padding-bottom:25px}@media (min-width: 768px){.at-country-selector .country-selector-page-title{font-size:3.7143rem;padding-bottom:7px;margin:60px 0}}.at-country-selector .country-selector-page-title::before{content:'';position:absolute;left:0;height:8px;width:40px;top:100%;background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);border-radius:5px}@media (min-width: 992px){.at-country-selector .country-selector-page-title::before{height:10px}}.red-2-orange .at-country-selector .country-selector-page-title::before{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922)}.yellow-2-green .at-country-selector .country-selector-page-title::before{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242)}.teal-2-blue .at-country-selector .country-selector-page-title::before{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf)}.navy-2-purple .at-country-selector .country-selector-page-title::before{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a)}.orange-2-red .at-country-selector .country-selector-page-title::before{background:linear-gradient(to right, #ef7922,#d11e47);background:-webkit-gradient(to right, #ef7922,#d11e47);background:-o-linear-gradient(to right, #ef7922,#d11e47)}.green-2-yellow .at-country-selector .country-selector-page-title::before{background:linear-gradient(to right, #80c242,#ffc012);background:-webkit-gradient(to right, #80c242,#ffc012);background:-o-linear-gradient(to right, #80c242,#ffc012)}.blue-2-teal .at-country-selector .country-selector-page-title::before{background:linear-gradient(to right, #3292cf,#6ac5b0);background:-webkit-gradient(to right, #3292cf,#6ac5b0);background:-o-linear-gradient(to right, #3292cf,#6ac5b0)}.purple-2-navy .at-country-selector .country-selector-page-title::before{background:linear-gradient(to right, #c11c8a,#02549d);background:-webkit-gradient(to right, #c11c8a,#02549d);background:-o-linear-gradient(to right, #c11c8a,#02549d)}.at-country-selector .country-selector-section-title{font-family:"Eina01-Bold";font-size:1.4286rem;letter-spacing:0}@media (min-width: 992px){.at-country-selector .country-selector-section-title{font-size:1.7857rem;letter-spacing:1px}}.at-country-selector .country-selector-list{width:100%;margin-bottom:60px;margin-top:20px}@media (min-width: 992px){.at-country-selector .country-selector-list{width:70%}}@media (min-width: 1200px){.at-country-selector .country-selector-list{width:60%}}@media (min-width: 768px){.at-country-selector .country-selector-list .country-list-content{width:49%;float:left}}.at-country-selector .country-selector-list p{margin:0;line-height:40px}.at-country-selector .country-selector-list p a{font-size:.929rem}.at-country-selector .country-selector-list p a:hover{color:silver}.mass-order-section img:focus{outline:0}.mass-order-section .grayText{color:gray}.mass-order-section .AgrayText{color:gray !important;text-decoration:none}.chain-store-section img:focus,.chain-store-section area:focus{outline:0}.chain-store-section .blackText{color:#787878;text-decoration:none}.chain-store-section .a11y-hidden{position:absolute;top:auto;left:-9999em;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}.chain-store-section .managers{position:absolute;top:1033px;width:100%;font-size:14px}.chain-store-section .managers img{width:100%;height:auto}.chain-store-section .managers p{position:absolute;overflow:hidden}.chain-store-section .managers a{color:#757575;text-decoration:none}.chain-store-section .manager1{top:12px;left:322px}.chain-store-section .manager2{top:81px;left:314px}.chain-store-section .manager3{top:149px;left:317px}.chain-store-section .manager4{top:60px;right:11px;line-height:1.4}.chain-store-section .manager4 span{margin-top:12px;display:block}.chain-store-section .manager-download{position:absolute;left:445px;top:235px;width:204px;height:37px;overflow:hidden}.chain-store-section .managers-m{width:64.6875%;float:left}.chain-store-section .managers-m img{width:100%}.chain-store-section .managers-row{margin:0 auto;overflow:hidden;max-width:640px}.chain-store-section .manager-paper-left{width:35%;float:left}.chain-store-section .manager-paper-right{width:64%;float:left}.chain-store-section .hasmap-wrap{display:block;position:relative}.chain-store-section .hasmap-wrap img{width:100%}.chain-store-section .hasmap-wrap p{display:block;position:absolute;overflow:visible;margin:0}.chain-store-section .hasmap-wrap .managers{position:initial;top:auto;font-size:.929rem}.hero.slant-down .page-title{font-family:"Nanum Gothic"}.personal-wrapper .nav-pills{padding:0 15px}.personal-wrapper .nav-pills .nav-link{color:#444}.personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff}.red-2-orange .personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.yellow-2-green .personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.teal-2-blue .personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navy-2-purple .personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.orange-2-red .personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.green-2-yellow .personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blue-2-teal .personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.purple-2-navy .personal-wrapper .nav-pills .nav-link.active{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.personal-wrapper .nav-pills .nav-link.active{background:none !important;-webkit-text-fill-color:inherit}.logo-red .personal-wrapper .nav-pills .nav-link.active{color:#d11e47}.logo-orange .personal-wrapper .nav-pills .nav-link.active{color:#ef7922}.logo-yellow .personal-wrapper .nav-pills .nav-link.active{color:#ffc012}.logo-green .personal-wrapper .nav-pills .nav-link.active{color:#80c242}.logo-teal .personal-wrapper .nav-pills .nav-link.active{color:#6ac5b0}.logo-blue .personal-wrapper .nav-pills .nav-link.active{color:#3292cf}.logo-navy .personal-wrapper .nav-pills .nav-link.active{color:#02549d}.logo-purple .personal-wrapper .nav-pills .nav-link.active{color:#c11c8a}}.red-2-orange .personal-wrapper .nav-pills .nav-link.active,.yellow-2-green .personal-wrapper .nav-pills .nav-link.active,.teal-2-blue .personal-wrapper .nav-pills .nav-link.active,.navy-2-purple .personal-wrapper .nav-pills .nav-link.active{display:block;-webkit-background-clip:border-box;-webkit-text-fill-color:#fff}.personal-wrapper .btn_position.scroll-to-section{display:inline-block;font-family:"Eina01-Bold";font-size:1.0714rem;padding:1em 1.67em;min-width:9em;border-radius:1.7em;transition:color 0.2s ease-in,background-color 0.2s ease-in,border-color 0.2s ease-in,box-shadow 0.2s ease-in;box-shadow:0 2px 7px -2px #333;color:#272727;background-color:#fff;border:1px solid #f5f5f5;padding-top:0.5em;padding-bottom:0.5em;text-align:center;position:relative}.personal-wrapper .btn_position.scroll-to-section:hover,.personal-wrapper .btn_position.scroll-to-section:focus{cursor:pointer}.personal-wrapper .btn_position.scroll-to-section:hover{color:#fff;background-color:#272727;border-color:#272727}.personal-wrapper .btn_position.scroll-to-section i::before{content:"\E90C";position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.red-2-orange .personal-wrapper .btn_position.scroll-to-section i::before{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.yellow-2-green .personal-wrapper .btn_position.scroll-to-section i::before{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.teal-2-blue .personal-wrapper .btn_position.scroll-to-section i::before{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navy-2-purple .personal-wrapper .btn_position.scroll-to-section i::before{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.orange-2-red .personal-wrapper .btn_position.scroll-to-section i::before{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.green-2-yellow .personal-wrapper .btn_position.scroll-to-section i::before{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blue-2-teal .personal-wrapper .btn_position.scroll-to-section i::before{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.purple-2-navy .personal-wrapper .btn_position.scroll-to-section i::before{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.personal-wrapper .btn_position.scroll-to-section i::before{background:none !important;-webkit-text-fill-color:inherit}.logo-red .personal-wrapper .btn_position.scroll-to-section i::before{color:#d11e47}.logo-orange .personal-wrapper .btn_position.scroll-to-section i::before{color:#ef7922}.logo-yellow .personal-wrapper .btn_position.scroll-to-section i::before{color:#ffc012}.logo-green .personal-wrapper .btn_position.scroll-to-section i::before{color:#80c242}.logo-teal .personal-wrapper .btn_position.scroll-to-section i::before{color:#6ac5b0}.logo-blue .personal-wrapper .btn_position.scroll-to-section i::before{color:#3292cf}.logo-navy .personal-wrapper .btn_position.scroll-to-section i::before{color:#02549d}.logo-purple .personal-wrapper .btn_position.scroll-to-section i::before{color:#c11c8a}}.contact-us .contact-title h1{font-family:"Nanum Gothic"}.contact-us .content-block h2{font-weight:700}.contact-us .content-block h2,.contact-us .content-block address{font-family:"Nanum Gothic"}.contact-us .content-block p{line-height:22px}.border-gradient{height:3px;background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.red-2-orange .border-gradient{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.yellow-2-green .border-gradient{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.teal-2-blue .border-gradient{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navy-2-purple .border-gradient{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.orange-2-red .border-gradient{background:linear-gradient(to right, #d11e47,#ef7922);background:-webkit-gradient(to right, #d11e47,#ef7922);background:-o-linear-gradient(to right, #d11e47,#ef7922);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.green-2-yellow .border-gradient{background:linear-gradient(to right, #ffc012,#80c242);background:-webkit-gradient(to right, #ffc012,#80c242);background:-o-linear-gradient(to right, #ffc012,#80c242);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blue-2-teal .border-gradient{background:linear-gradient(to right, #6ac5b0,#3292cf);background:-webkit-gradient(to right, #6ac5b0,#3292cf);background:-o-linear-gradient(to right, #6ac5b0,#3292cf);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.purple-2-navy .border-gradient{background:linear-gradient(to right, #02549d,#c11c8a);background:-webkit-gradient(to right, #02549d,#c11c8a);background:-o-linear-gradient(to right, #02549d,#c11c8a);display:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.border-gradient{background:none !important;-webkit-text-fill-color:inherit}.logo-red .border-gradient{color:#d11e47}.logo-orange .border-gradient{color:#ef7922}.logo-yellow .border-gradient{color:#ffc012}.logo-green .border-gradient{color:#80c242}.logo-teal .border-gradient{color:#6ac5b0}.logo-blue .border-gradient{color:#3292cf}.logo-navy .border-gradient{color:#02549d}.logo-purple .border-gradient{color:#c11c8a}}.red-2-orange .border-gradient,.yellow-2-green .border-gradient,.teal-2-blue .border-gradient,.navy-2-purple .border-gradient{display:block;-webkit-background-clip:border-box;-webkit-text-fill-color:#fff}