@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;
  }
}
@charset "UTF-8";
@font-face {
  font-family: "Samsonite-icons";
  src: url("../icons/samsonite/Samsonite-icons.eot?bqwedk");
  src: url("../icons/samsonite/Samsonite-icons.eot?bqwedk#iefix") format("embedded-opentype"), url("../icons/samsonite/Samsonite-icons.ttf?bqwedk") format("truetype"), url("../icons/samsonite/Samsonite-icons.woff?bqwedk") format("woff"), url("../icons/samsonite/Samsonite-icons.svg?bqwedk#Samsonite-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="sa-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Samsonite-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-ico-apply::before {
  content: "\E900"; }

.icon-ico-arrow-bottom::before {
  content: "\E901";
  color: #004b8d; }

.icon-ico-arrow-left::before {
  content: "\E902"; }

.icon-ico-arrow-right::before {
  content: "\E903"; }

.icon-ico-arrow-right-white-circle::before {
  content: "\E904"; }

.icon-ico-arrow-top-circle::before {
  content: "\E905"; }

.icon-ico-bag::before {
  content: "\E906"; }

.icon-ico-close::before {
  content: "\E907";
  color: #004b8d; }

.icon-ico-close-search::before {
  content: "\E908";
  color: #e2e2e2; }

.icon-ico-close-thin::before {
  content: "\E909"; }

.icon-ico-delivery::before {
  content: "\E90A";
  color: #004b8d; }

.icon-ico-filter::before {
  content: "\E90B";
  color: #004b8d; }

.icon-ico-full-collection::before {
  content: "\E90C";
  color: #004b8d; }

.icon-ico-gifting::before {
  content: "\E90D";
  color: #004b8d; }

.icon-ico-logo::before {
  content: "\E90E"; }

.icon-ico-menu-bar::before {
  content: "\E90F"; }

.icon-ico-network::before {
  content: "\E910";
  color: #004b8d; }

.icon-ico-office-site::before {
  content: "\E911";
  color: #004b8d; }

.icon-ico-peoples::before {
  content: "\E912";
  color: #004b8d; }

.icon-ico-personal-service::before {
  content: "\E913";
  color: #004b8d; }

.icon-ico-search::before {
  content: "\E914"; }

.icon-ico-secure-payment::before {
  content: "\E915";
  color: #004b8d; }

.icon-ico-sort-asc::before {
  content: "\E916"; }

.icon-ico-sort-desc::before {
  content: "\E917"; }

.icon-ico-star::before {
  content: "\E918";
  color: #004b8d; }

.icon-ico-license::before {
  content: "\E919";
  color: #004b8d; }

.icon-ico-address-tag::before {
  content: "\E91A"; }

.icon-ico-deliver::before {
  content: "\E91B"; }

.icon-ico-tsa-lock::before {
  content: "\E91C"; }

.icon-ico-samsonite::before {
  content: "\E91D"; }

.icon-ico-user::before {
  content: "\E91E";
  color: #00458f; }

.icon-ico-people::before {
  content: "\E91F"; }

.icon-ico-orders::before {
  content: "\E920"; }

.icon-ico-my-profile::before {
  content: "\E921"; }

.icon-ico-address-book::before {
  content: "\E922"; }

.icon-ico-magnify-glass::before {
  content: "\E923"; }

.icon-ico-info::before {
  content: "\E924"; }

.icon-ico-long-arrow-up::before {
  content: "\E925"; }

.icon-ico-location::before {
  content: "\E926";
  color: #084b8b; }

.icon-ico-line-brands::before {
  content: "\E927"; }

.icon-ico-cart::before {
  content: "\E928"; }

.icon-ico-arrow-down::before {
  content: "\E929"; }

.icon-ico-loyalty::before {
  content: "\E92A"; }

.icon-ico-tracking::before {
  content: "\E92B"; }

.icon-ico-facebook::before {
  content: "\E92C";
  color: #3f579d; }

@font-face {
  font-family: "AT-icons";
  src: url("../fonts/AT-icons.eot?5l5b66");
  src: url("../fonts/AT-icons.eot?5l5b66#iefix") format("embedded-opentype"), url("../fonts/AT-icons.ttf?5l5b66") format("truetype"), url("../fonts/AT-icons.woff?5l5b66") format("woff"), url("../fonts/AT-icons.svg?5l5b66#AT-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="at-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "AT-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-about-us::before {
  content: "\E901"; }

.icon-address::before {
  content: "\E905"; }

.icon-arrow-double-right::before {
  content: "\E912"; }

.icon-arrow-down::before {
  content: "\E90B"; }

.icon-arrow-left::before {
  content: "\E90D"; }

.icon-arrow-right::before {
  content: "\E90E"; }

.icon-arrow-up::before {
  content: "\E90C"; }

.icon-bar::before {
  content: "\E911"; }

.icon-cart::before {
  content: "\E902"; }

.icon-close::before {
  content: "\E904"; }

.icon-hamburger::before {
  content: "\E903"; }

.icon-locate::before {
  content: "\E910"; }

.icon-logo::before {
  content: "\E900"; }
  .logo-red .icon-logo::before {
    color: #d11e47; }
  .logo-orange .icon-logo::before {
    color: #ef7922; }
  .logo-yellow .icon-logo::before {
    color: #ffc012; }
  .logo-green .icon-logo::before {
    color: #80c242; }
  .logo-teal .icon-logo::before {
    color: #6ac5b0; }
  .logo-blue .icon-logo::before {
    color: #3292cf; }
  .logo-navy .icon-logo::before {
    color: #02549d; }
  .logo-purple .icon-logo::before {
    color: #c11c8a; }

.icon-order::before {
  content: "\E906"; }

.icon-payment::before {
  content: "\E907"; }

.icon-profile::before {
  content: "\E908"; }

.icon-search::before {
  content: "\E909"; }

.icon-share::before {
  content: "\E90F"; }

.icon-store-locator::before {
  content: "\E90A"; }

.icon-minicart::before {
  content: "\E913"; }

.icon-facebook::before {
  content: "\E914"; }

.icon-loyalty::before {
  content: "\E915"; }

.icon-login::before {
  content: "\E916"; }

.icon-logout::before {
  content: "\E917"; }

.icon-my-account::before {
  content: "\E918"; }

.icon-track-order::before {
  content: "\E919"; }

.icon-phone::before {
  content: "\E91A"; }

@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; } }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.section-hero-slider {
  position: relative; }
  .section-hero-slider .container-fluid {
    padding-left: 0;
    padding-right: 0; }
  .section-hero-slider .btn-down {
    position: absolute;
    z-index: 3;
    bottom: 1rem;
    left: 50%;
    color: #fff;
    height: auto;
    line-height: 1;
    border: none;
    font-weight: normal;
    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: 0.7s; }
    @media (min-width: 992px) {
      .section-hero-slider .btn-down {
        bottom: 1.429rem; } }
    .section-hero-slider .btn-down::before {
      content: "\E90B";
      font-family: "AT-icons";
      position: absolute;
      z-index: 2;
      display: block;
      left: 50%;
      bottom: 0;
      font-size: 14px;
      transform: translateX(-50%); }

@media (min-width: 768px) {
  .hero-banner {
    max-height: 121vw; } }

@media (min-width: 992px) {
  .hero-banner {
    max-height: 42vw; } }

@media (min-width: 1200px) {
  .hero-banner {
    max-height: 41.2vw; } }

.hero-banner img,
.hero-banner picture {
  max-width: 100%; }

.hero-banner .owl-item.active .hero-banner-info h2,
.hero-banner .owl-item.active .hero-banner-info p,
.hero-banner .owl-item.active .hero-banner-info .btn-more {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: customFadeInUp; }

.hero-banner .owl-item.active .hero-banner-info h2 {
  animation-delay: 0.7s; }

.hero-banner .owl-item.active .hero-banner-info p {
  animation-delay: 0.8s; }

.hero-banner .owl-item.active .hero-banner-info .btn-more {
  animation-delay: 0.9s; }

.hero-banner .hero-banner-info {
  position: absolute;
  z-index: 5;
  color: #fff; }
  .hero-banner .hero-banner-info.center-info {
    top: 70%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%); }
    @media (min-width: 768px) {
      .hero-banner .hero-banner-info.center-info {
        top: 63%; } }
    @media (min-width: 992px) {
      .hero-banner .hero-banner-info.center-info {
        top: 73%; } }
    @media (min-width: 1200px) {
      .hero-banner .hero-banner-info.center-info {
        top: 70%; } }
  .hero-banner .hero-banner-info.left-info {
    left: 2.5em;
    top: 9em; }
    @media (min-width: 768px) {
      .hero-banner .hero-banner-info.left-info {
        top: 50%;
        left: 8%;
        transform: translateY(-50%); } }
  .hero-banner .hero-banner-info.right-info {
    right: 2.5em;
    top: 9em;
    text-align: right; }
    @media (min-width: 768px) {
      .hero-banner .hero-banner-info.right-info {
        top: 50%;
        right: 8%;
        transform: translateY(-50%); } }
  .hero-banner .hero-banner-info h2 {
    font-size: 2.643rem;
    color: #fff;
    margin-bottom: 0.5em;
    font-family: "Eina01-Bold";
    white-space: nowrap; }
    @media (min-width: 992px) {
      .hero-banner .hero-banner-info h2 {
        font-size: 2.8571rem; } }
    @media (min-width: 1600px) {
      .hero-banner .hero-banner-info h2 {
        font-size: 3.7143rem; } }
  .hero-banner .hero-banner-info p {
    margin-bottom: 2.514em; }
    @media (min-width: 1600px) {
      .hero-banner .hero-banner-info p {
        font-size: 1.1429rem; } }

.hero-banner .btn-more {
  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;
  min-width: 7em;
  line-height: 0.305rem;
  font-family: "Eina01-Bold";
  font-size: 1.0714rem; }
  .hero-banner .btn-more:hover, .hero-banner .btn-more:focus {
    cursor: pointer; }
  .hero-banner .btn-more:hover {
    color: #fff;
    background-color: #272727;
    border-color: #272727; }
  @media (min-width: 1200px) {
    .hero-banner .btn-more {
      font-size: 1.2143rem; } }
  @media (min-width: 1600px) {
    .hero-banner .btn-more {
      font-size: 1.4286rem; } }

.hero-banner .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3.571rem;
  z-index: 2;
  text-align: center; }
  @media (min-width: 992px) {
    .hero-banner .owl-dots {
      bottom: 4.286rem; } }
  .hero-banner .owl-dots .owl-dot {
    display: inline-block;
    height: 3px;
    width: 20px;
    background: #fff;
    margin-left: 0.357em;
    margin-right: 0.357em;
    opacity: 0.5;
    border-radius: 10px; }
    @media (min-width: 992px) {
      .hero-banner .owl-dots .owl-dot {
        width: 1.786rem;
        height: 0.357rem; } }
    @media (min-width: 1600px) {
      .hero-banner .owl-dots .owl-dot {
        width: 30px;
        height: 6px;
        margin: 1em 0.814em; } }
    .hero-banner .owl-dots .owl-dot.active {
      opacity: 1; }

.hero-banner .fadeInSlide {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInSlide; }

.hero-banner .fadeOut {
  animation-duration: 0.5s; }
  .hero-banner .fadeOut .hero-banner-info h2,
  .hero-banner .fadeOut .hero-banner-info p,
  .hero-banner .fadeOut .hero-banner-info .btn-more {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: customFadeOutUp; }

.hero-banner .owl-stage {
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.hero-banner .owl-item > div {
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .hero-banner .owl-item > div > div:first-child {
    width: 100%;
    height: 100%; }

@media (min-width: 1600px) {
  .hero-banner .owl-item img {
    width: auto; } }

.hero-banner .owl-item .video {
  position: relative;
  z-index: -1;
  width: 100vw;
  height: 101%;
  pointer-events: none;
  min-width: 300vw; }
  @media (min-width: 992px) {
    .hero-banner .owl-item .video {
      min-width: 100vw; } }
  @media (min-width: 1600px) {
    .hero-banner .owl-item .video {
      min-width: 101vw; } }

.shop-by-color {
  font-size: 14px;
  position: relative;
  z-index: 10;
  padding: 3.571em 1.429em; }
  @media (min-width: 992px) {
    .shop-by-color {
      padding-top: 1em; } }
  @media (min-width: 1600px) {
    .shop-by-color {
      padding-top: 1.286em;
      padding-left: 11.429em;
      padding-right: 11.429em; } }
  .shop-by-color.has-animation.load-animation .icon-gradient,
  .shop-by-color.has-animation.load-animation .title,
  .shop-by-color.has-animation.load-animation .text-by-at,
  .shop-by-color.has-animation.load-animation .text-description,
  .shop-by-color.has-animation.load-animation .btn-more {
    opacity: 1;
    filter: alpha(opacity=1);
    animation-name: customFadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both; }
  .shop-by-color.has-animation.load-animation .icon-gradient,
  .shop-by-color.has-animation.load-animation .title,
  .shop-by-color.has-animation.load-animation .text-by-at {
    animation-delay: 0.2s; }
  .shop-by-color.has-animation.load-animation .text-description {
    animation-delay: 0.5s; }
  .shop-by-color.has-animation.load-animation .btn-more {
    animation-delay: 0.8s; }
  .shop-by-color.has-animation .icon-gradient,
  .shop-by-color.has-animation .title,
  .shop-by-color.has-animation .text-by-at,
  .shop-by-color.has-animation .text-description,
  .shop-by-color.has-animation .btn-more {
    opacity: 0;
    filter: alpha(opacity=0); }
  .shop-by-color img {
    display: block; }
  @media (min-width: 1200px) {
    .shop-by-color .container-wide-screen {
      max-width: 1140px; } }
  @media (min-width: 1600px) {
    .shop-by-color .container-wide-screen {
      max-width: 1600px; } }
  .shop-by-color .luggage-image {
    position: absolute;
    z-index: 11; }
  .shop-by-color .img-top-left {
    max-width: 8.9285em;
    left: 0;
    top: 0; }
    @media (min-width: 768px) {
      .shop-by-color .img-top-left {
        max-width: 10.9285em; } }
    @media (min-width: 992px) {
      .shop-by-color .img-top-left {
        left: 0; } }
    @media (min-width: 1200px) {
      .shop-by-color .img-top-left {
        max-width: 13.943em; } }
    @media (min-width: 1400px) {
      .shop-by-color .img-top-left {
        max-width: 17.429em; } }
  .shop-by-color .img-top-right {
    max-width: 6.2857em;
    right: 0;
    top: 0; }
    @media (min-width: 768px) {
      .shop-by-color .img-top-right {
        max-width: 7.2857em; } }
    @media (min-width: 992px) {
      .shop-by-color .img-top-right {
        max-width: 23.4285em;
        right: 18.12%; } }
    @media (min-width: 1200px) {
      .shop-by-color .img-top-right {
        max-width: 25.4285em; } }
    @media (min-width: 1400px) {
      .shop-by-color .img-top-right {
        max-width: 31.786em; } }
  .shop-by-color .img-bottom-right {
    max-width: 6.2857em;
    right: 0;
    bottom: -4.2857em; }
    @media (min-width: 992px) {
      .shop-by-color .img-bottom-right {
        max-width: 12.8571em;
        bottom: -13.0714em;
        right: 0; } }
    @media (min-width: 1200px) {
      .shop-by-color .img-bottom-right {
        bottom: -14.0714em; } }
    @media (min-width: 1400px) {
      .shop-by-color .img-bottom-right {
        bottom: -260px;
        max-width: 100%; } }
  .shop-by-color .img-bottom-left {
    max-width: 4.6428em;
    left: 0;
    bottom: 0; }
    @media (min-width: 768px) {
      .shop-by-color .img-bottom-left {
        bottom: 0;
        max-width: 6.6428em; } }
    @media (min-width: 992px) {
      .shop-by-color .img-bottom-left {
        max-width: 16em;
        left: auto;
        bottom: auto;
        right: 0;
        top: 0; } }
    @media (min-width: 1400px) {
      .shop-by-color .img-bottom-left {
        max-width: 20em; } }
  .shop-by-color .transform-skew {
    padding: 1.7857em 0;
    -webkit-backface-visibility: hidden;
    transform: skew(0deg, 4.7deg);
    box-shadow: 0 2px 7px -2px #333; }
    @media (min-width: 992px) {
      .shop-by-color .transform-skew {
        text-align: left;
        padding-left: 5.7142em;
        margin-top: 3.5em;
        padding-bottom: 3.5em;
        width: auto; }
        .shop-by-color .transform-skew::before {
          content: '';
          display: block;
          box-shadow: 14px -13px 9px -18px #333;
          position: absolute;
          z-index: 0;
          left: 0;
          top: -3.6em;
          z-index: 1;
          width: 100%;
          min-height: 9.1428em;
          background: #fff;
          border-bottom: 0;
          -webkit-backface-visibility: hidden;
          transform: skew(0deg, -4.7deg); } }
    @media (min-width: 1200px) {
      .shop-by-color .transform-skew {
        padding-bottom: 7em;
        padding-top: 0; } }
    @media (min-width: 1400px) {
      .shop-by-color .transform-skew {
        padding-left: 130px;
        padding-bottom: 5%; } }
    @media (min-width: 1600px) {
      .shop-by-color .transform-skew {
        max-width: 1600px;
        margin-top: 6.5em; }
        .shop-by-color .transform-skew::before {
          min-height: 13.5em;
          top: -6em; } }
    .shop-by-color .transform-skew img {
      display: inline-block; }
    .shop-by-color .transform-skew .shop-by-color-inner {
      -webkit-backface-visibility: inherit;
      position: relative;
      z-index: 2;
      transform: skew(0deg, -4.7deg); }
      @media (min-width: 992px) {
        .shop-by-color .transform-skew .shop-by-color-inner {
          top: -2.8em; } }
      @media (min-width: 992px) {
        .shop-by-color .transform-skew .shop-by-color-inner {
          top: -0.8em; } }
      @media (min-width: 1600px) {
        .shop-by-color .transform-skew .shop-by-color-inner {
          top: -2.5em; } }
    .shop-by-color .transform-skew .title {
      font-family: "Eina01-Bold";
      font-size: 1.7857rem;
      margin: 0; }
      @media (min-width: 992px) {
        .shop-by-color .transform-skew .title {
          font-size: 1.8571rem; } }
    .shop-by-color .transform-skew .text-by-at {
      font-size: 0.786rem;
      position: relative;
      z-index: 1;
      display: inline-block;
      padding: 0 10px; }
      @media (min-width: 992px) {
        .shop-by-color .transform-skew .text-by-at {
          font-size: 1rem; } }
      .shop-by-color .transform-skew .text-by-at::after {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 5;
        background: #272727;
        padding: 0.1em 0;
        width: 100%;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .shop-by-color .transform-skew .text-by-at span {
        position: relative;
        z-index: 20;
        background: #fff;
        padding: 0 0.5em; }
    .shop-by-color .transform-skew .white-button {
      font-size: 1.0714rem;
      padding: 10px 20px;
      text-align: center; }
      @media (min-width: 768px) {
        .shop-by-color .transform-skew .white-button {
          padding: 1.1rem 30px;
          font-size: 1.1429rem;
          line-height: 0.305em; } }
      @media (min-width: 992px) {
        .shop-by-color .transform-skew .white-button {
          margin-top: 3.5714em;
          min-width: 6em; } }
      @media (min-width: 1600px) {
        .shop-by-color .transform-skew .white-button {
          min-width: 6.5em;
          padding: 1.3rem 30px;
          font-size: 1.4286rem; } }
    .shop-by-color .transform-skew .text-fs {
      font-size: 0.929rem; }
      @media (min-width: 992px) {
        .shop-by-color .transform-skew .text-fs {
          font-weight: 600; } }
      @media (min-width: 1400px) {
        .shop-by-color .transform-skew .text-fs {
          font-size: 1.1429rem; } }
    .shop-by-color .transform-skew .text-description {
      padding-left: 1.5em;
      padding-right: 1.5em; }
      @media (min-width: 992px) {
        .shop-by-color .transform-skew .text-description {
          padding-left: 0;
          max-width: 18em; } }
      @media (min-width: 1600px) {
        .shop-by-color .transform-skew .text-description {
          max-width: 22em; } }
  @media (min-width: 992px) {
    .shop-by-color .icon-gradient {
      padding-left: 2.8571em; } }

.shop-by-color-video {
  background: none;
  overflow: hidden;
  z-index: 2;
  padding-top: 1.786rem;
  padding-bottom: 3em;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: -13px; }
  @media (min-width: 992px) {
    .shop-by-color-video {
      text-align: left;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1600px) {
    .shop-by-color-video {
      padding-left: 11.429em;
      padding-right: 11.429em; } }
  .shop-by-color-video .container-wide-screen {
    position: relative;
    min-height: 40em; }
    @media (min-width: 992px) {
      .shop-by-color-video .container-wide-screen {
        min-height: 30em; } }
    @media (min-width: 1200px) {
      .shop-by-color-video .container-wide-screen {
        max-width: 1140px; } }
    @media (min-width: 1600px) {
      .shop-by-color-video .container-wide-screen {
        max-width: 1600px; } }
  .shop-by-color-video .video {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: auto;
    min-height: 100vh;
    pointer-events: none;
    min-width: 177vh; }
    @media (min-width: 768px) {
      .shop-by-color-video .video {
        min-height: 110vh; } }
    @media (min-width: 992px) {
      .shop-by-color-video .video {
        min-height: 125vh; } }
    @media (min-width: 1600px) {
      .shop-by-color-video .video {
        min-height: 140vh; } }
  .shop-by-color-video .video-info {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 80%;
    transform: translate(-50%, -50%); }
    @media (min-width: 992px) {
      .shop-by-color-video .video-info {
        left: 0;
        width: 40%;
        transform: translate(0, -50%); } }
    @media (min-width: 1200px) {
      .shop-by-color-video .video-info {
        width: 35%; } }
  .shop-by-color-video p {
    margin-bottom: 10em; }
    @media (min-width: 992px) {
      .shop-by-color-video p {
        margin-bottom: 1em; } }
  .shop-by-color-video h2 {
    font-family: "Eina01-Bold";
    font-size: 1.7857rem;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 0.2em;
    margin-bottom: 1em; }
    @media (min-width: 992px) {
      .shop-by-color-video h2 {
        font-size: 1.8571rem; } }
    .shop-by-color-video h2::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 100%;
      height: 0.3em;
      width: 1.929rem;
      border-radius: 15px;
      background: linear-gradient(to right, #d11e47, #ef7922);
      background: -webkit-gradient(to right, #d11e47, #ef7922);
      background: -o-linear-gradient(to right, #d11e47, #ef7922);
      transform: translateX(-50%); }
      @media (min-width: 992px) {
        .shop-by-color-video h2::before {
          left: 0;
          transform: translateX(0); } }
  .shop-by-color-video .btn-more {
    padding: 0.357rem 0 0.5rem;
    font-size: 1rem; }
    @media (min-width: 768px) {
      .shop-by-color-video .btn-more {
        padding: 1rem 2.143rem 1.2rem;
        line-height: 0.305em; } }
    @media (min-width: 992px) {
      .shop-by-color-video .btn-more {
        font-size: 1.1429rem; } }
    @media (min-width: 1600px) {
      .shop-by-color-video .btn-more {
        font-size: 1.4286rem;
        padding: 1.3rem 2.143rem; } }

.home-promotion {
  padding: 0 20px;
  position: relative;
  z-index: 1; }
  @media (min-width: 1600px) {
    .home-promotion {
      padding-left: 11.429em;
      padding-right: 11.429em; } }
  @media (min-width: 992px) {
    .home-promotion img {
      width: 100%; } }
  @media (min-width: 1200px) {
    .home-promotion .container-wide-screen {
      max-width: 1140px; } }
  @media (min-width: 1600px) {
    .home-promotion .container-wide-screen {
      max-width: 1600px; } }
  .home-promotion .container-wide-screen > .row {
    margin-left: -20px;
    margin-right: -20px; }
    @media (min-width: 992px) {
      .home-promotion .container-wide-screen > .row {
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 1600px) {
      .home-promotion .container-wide-screen > .row {
        padding-top: 0; } }
  @media (min-width: 1600px) {
    .home-promotion .container-wide-screen:nth-child(1) {
      padding-top: 4px; } }
  .home-promotion .promotion-content {
    text-align: center;
    position: relative;
    z-index: 1; }
    @media (min-width: 992px) {
      .home-promotion .promotion-content {
        text-align: left; } }
    .home-promotion .promotion-content.has-animation.load-animation .title,
    .home-promotion .promotion-content.has-animation.load-animation p,
    .home-promotion .promotion-content.has-animation.load-animation .white-button {
      opacity: 1;
      filter: alpha(opacity=1);
      animation-name: customFadeInUp;
      animation-duration: 1s;
      animation-fill-mode: both; }
    .home-promotion .promotion-content.has-animation.load-animation .title {
      animation-delay: 0.2s; }
    .home-promotion .promotion-content.has-animation.load-animation p {
      animation-delay: 0.5s; }
    .home-promotion .promotion-content.has-animation.load-animation .white-button {
      animation-delay: 0.8s; }
    .home-promotion .promotion-content.has-animation .title,
    .home-promotion .promotion-content.has-animation p,
    .home-promotion .promotion-content.has-animation .white-button {
      opacity: 0;
      filter: alpha(opacity=0); }
  @media (min-width: 992px) {
    .home-promotion .luggage-up-to {
      margin-top: -1.8em; } }
  @media (min-width: 1200px) {
    .home-promotion .luggage-up-to {
      margin-top: -2.8em; } }
  @media (min-width: 1600px) {
    .home-promotion .luggage-up-to {
      margin-top: -3.7em; } }
  .home-promotion .promotion-info {
    position: relative;
    margin-left: 0.714em;
    margin-right: 0.714em;
    margin-top: -3.143em;
    padding-top: 1.786em;
    padding-bottom: 1.786em;
    background-color: #fff;
    z-index: 2;
    width: auto;
    -ms-flex: auto;
        flex: auto; }
    @media (min-width: 768px) {
      .home-promotion .promotion-info {
        margin: 0;
        position: absolute;
        top: 50%;
        padding: 1.5em;
        left: calc(58.33% - 1.5em);
        width: 40%;
        text-align: left;
        margin-top: 1.4em;
        transform: translateY(-50%); } }
    @media (min-width: 992px) {
      .home-promotion .promotion-info {
        padding: 1.943em;
        margin-top: 2em; } }
    @media (min-width: 1200px) {
      .home-promotion .promotion-info {
        left: calc(58.33% - 2.11em); } }
    @media (min-width: 1600px) {
      .home-promotion .promotion-info {
        left: calc(58.33% - 2.653em);
        padding: 3.571em 2.43em; } }
    .home-promotion .promotion-info .title {
      position: relative;
      margin-bottom: 1.4em;
      font-size: 1.8571rem;
      font-family: "Eina01-Bold"; }
      @media (min-width: 768px) {
        .home-promotion .promotion-info .title {
          font-size: 1.4286rem; } }
      @media (min-width: 1200px) {
        .home-promotion .promotion-info .title {
          font-size: 1.7857rem; } }
      @media (min-width: 1600px) {
        .home-promotion .promotion-info .title {
          font-size: 2.1429rem; } }
      .home-promotion .promotion-info .title::after {
        content: '';
        display: block;
        padding: 3.2px;
        border-radius: 0.7142rem;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 100%;
        width: 1.929rem;
        transform: translateX(-50%);
        background: linear-gradient(to right, #d11e47, #ef7922);
        background: -webkit-gradient(to right, #d11e47, #ef7922);
        background: -o-linear-gradient(to right, #d11e47, #ef7922);
        margin-top: 0.6em; }
        @media (min-width: 768px) {
          .home-promotion .promotion-info .title::after {
            padding: 0.2157rem 2.1428rem;
            margin-top: 0.4em;
            left: 0;
            transform: translateX(0);
            border-radius: 5px; } }
        @media (min-width: 1200px) {
          .home-promotion .promotion-info .title::after {
            height: 0.571rem;
            width: 4.286rem;
            margin-top: 0.7em; } }
        @media (min-width: 1600px) {
          .home-promotion .promotion-info .title::after {
            width: 5.357rem;
            height: 0.714rem; } }
      @media (min-width: 1200px) {
        .home-promotion .promotion-info .title {
          margin-bottom: 1.5em; } }
  .home-promotion .luggage-show {
    position: relative;
    z-index: 1;
    padding: 0; }
    .home-promotion .luggage-show .text-on-top {
      position: absolute;
      z-index: 2;
      color: #fff;
      top: 45%;
      left: 2.5rem;
      font-size: 1.8571rem;
      font-family: "Eina01-Bold";
      transform: translateY(-45%); }
      @media (min-width: 768px) {
        .home-promotion .luggage-show .text-on-top {
          font-size: 1.4286rem;
          left: 5.5rem; } }
      @media (min-width: 1200px) {
        .home-promotion .luggage-show .text-on-top {
          font-size: 1.7143rem; } }
  .home-promotion .white-button {
    margin-top: 0.7142rem;
    font-size: 1rem;
    padding: 10px 20px;
    text-align: center; }
    @media (min-width: 768px) {
      .home-promotion .white-button {
        min-width: 5em;
        padding: 1.1rem 30px;
        font-size: 1.1429rem;
        line-height: 0.305em; } }
    @media (min-width: 992px) {
      .home-promotion .white-button {
        min-width: 6em; } }
    @media (min-width: 1600px) {
      .home-promotion .white-button {
        min-width: 6.5em;
        font-size: 1.4286rem;
        padding: 1.3rem 30px; } }

.hero-category {
  margin-top: 2.857em;
  padding-top: 0.714rem;
  padding-bottom: 1.586rem;
  color: #fff;
  position: relative;
  z-index: 1; }
  @media (min-width: 768px) {
    .hero-category {
      margin-top: 2.1428rem; } }
  @media (min-width: 992px) {
    .hero-category {
      margin-top: 1em; } }
  @media (min-width: 1200px) {
    .hero-category {
      padding-top: 2em;
      padding-bottom: 2.5em;
      margin-top: 0.5em; } }
  .hero-category::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #d11e47, #ef7922);
    background: -webkit-gradient(to right, #d11e47, #ef7922);
    background: -o-linear-gradient(to right, #d11e47, #ef7922);
    transform: skew(0deg, 4.7deg); }
  .hero-category.has-animation.load-animation .image,
  .hero-category.has-animation.load-animation .category-info {
    opacity: 1;
    filter: alpha(opacity=1);
    animation-name: customFadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both; }
  .hero-category.has-animation.load-animation .item1 .image {
    animation-delay: 0.2s; }
  .hero-category.has-animation.load-animation .item1 .category-info {
    animation-delay: 0.4s; }
  .hero-category.has-animation.load-animation .item2 .image {
    animation-delay: 0.4s; }
  .hero-category.has-animation.load-animation .item2 .category-info {
    animation-delay: 0.8s; }
  .hero-category.has-animation.load-animation .item3 .image {
    animation-delay: 0.6s; }
  .hero-category.has-animation.load-animation .item3 .category-info {
    animation-delay: 1.2s; }
  .hero-category.has-animation .image,
  .hero-category.has-animation .category-info {
    opacity: 0;
    filter: alpha(opacity=0); }
  @media (min-width: 768px) {
    .hero-category .category {
      max-width: 35rem;
      margin: 0 auto; } }
  @media (min-width: 992px) {
    .hero-category .category {
      max-width: 60rem; } }
  @media (min-width: 1200px) {
    .hero-category .category {
      padding-left: 0;
      padding-right: 0;
      max-width: 69.143rem; } }
  .hero-category .col {
    padding-left: 0;
    padding-right: 0; }
    .hero-category .col img {
      transition: transform 0.3s; }
      .hero-category .col img:hover {
        transform: scale(1.07) translate3d(0, -5px, 0);
        transition: linear 0.3s; }
  .hero-category .category-more {
    color: #fff;
    display: block;
    text-decoration: none;
    cursor: pointer; }
    .hero-category .category-more:hover, .hero-category .category-more:focus {
      color: rgba(255, 255, 255, 0.5); }
  .hero-category .category-info {
    width: 8rem;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .hero-category .category-info {
        width: 16.429rem;
        width: 16.429rem; } }
  .hero-category .image {
    margin-bottom: 1em;
    padding-top: 1.6429rem;
    border-bottom-left-radius: 3.929rem;
    border-bottom-right-radius: 4.286rem;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 8.5rem;
    padding-left: 5px; }
    @media (min-width: 992px) {
      .hero-category .image {
        width: 16.3rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 8rem;
        padding-top: 2rem;
        padding-left: 1.0714rem; } }
    .hero-category .image a {
      display: block; }
      .hero-category .image a::before {
        content: '';
        position: absolute;
        display: block;
        width: 8rem;
        height: 8rem;
        z-index: -1;
        border-radius: 50%;
        bottom: 0; }
        @media (min-width: 992px) {
          .hero-category .image a::before {
            width: 15rem;
            height: 15rem; } }
    .hero-category .image img {
      position: relative;
      z-index: 7; }
      @media (min-width: 992px) {
        .hero-category .image img {
          right: -1.4289rem; } }
  @media (min-width: 992px) {
    .hero-category .item1 {
      margin-top: -2.143rem; } }
  .hero-category .item1 a::before {
    background: #ffc012; }
  .hero-category .item1 img {
    right: -0.786rem;
    bottom: 2px; }
    @media (min-width: 992px) {
      .hero-category .item1 img {
        right: -1.7857rem;
        bottom: 7px;
        transform: scale(1.03); } }
  .hero-category .item2 {
    margin-top: 3.571rem; }
    @media (min-width: 992px) {
      .hero-category .item2 {
        margin-top: 0.357rem; } }
    .hero-category .item2 a::before {
      background: #d21245; }
    @media (min-width: 992px) {
      .hero-category .item2 .image {
        border-bottom-left-radius: 8rem; } }
    .hero-category .item2 img {
      bottom: 1.0714rem;
      right: -0.7143rem;
      transform: scale(1.18); }
      @media (min-width: 992px) {
        .hero-category .item2 img {
          bottom: 5px;
          right: -1.4286rem;
          transform: scale(1.02); } }
  .hero-category .item3 {
    margin-top: 2.5rem; }
    @media (min-width: 992px) {
      .hero-category .item3 {
        margin-top: 4rem; } }
    .hero-category .item3 a::before {
      background: #272727; }
    .hero-category .item3 img {
      bottom: 8px;
      right: 3px;
      transform: scale(1.03); }
      @media (min-width: 992px) {
        .hero-category .item3 img {
          bottom: 1rem;
          right: -2px;
          transform: scale(1.16); }
          .hero-category .item3 img:hover {
            transform: scale(1.17) translate3d(0, -3px, 0); } }
  .hero-category .category-title,
  .hero-category .category-more {
    font-family: "Eina01-Bold";
    font-size: 1.0714rem; }
    @media (min-width: 1200px) {
      .hero-category .category-title,
      .hero-category .category-more {
        font-size: 1.1429rem;
        line-height: 1.1429rem; } }
    @media (min-width: 1600px) {
      .hero-category .category-title,
      .hero-category .category-more {
        font-size: 1.4286rem;
        line-height: 1.4286rem; } }
    .hero-category .category-title i,
    .hero-category .category-more i {
      font-size: 0.667em; }
    .hero-category .category-title a,
    .hero-category .category-more a {
      color: #fff; }
      .hero-category .category-title a:hover, .hero-category .category-title a:focus,
      .hero-category .category-more a:hover,
      .hero-category .category-more a:focus {
        color: rgba(255, 255, 255, 0.5); }
    @media (min-width: 1200px) {
      .hero-category .category-title h3,
      .hero-category .category-more h3 {
        margin-bottom: 1em; } }
  .hero-category .container {
    padding-left: 0;
    padding-right: 0;
    margin: 0 -0.214rem; }
    @media (min-width: 768px) {
      .hero-category .container {
        margin: 0 auto; } }

.brand-story {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.785rem;
  position: relative;
  z-index: 1;
  color: #fff; }
  @media (min-width: 992px) {
    .brand-story {
      padding-left: 2.308rem;
      padding-right: 2.308rem;
      text-align: center; } }
  @media (min-width: 1600px) {
    .brand-story {
      padding: 0 0 5rem; } }
  .brand-story img {
    width: 100%; }
    @media (min-width: 768px) {
      .brand-story img {
        width: auto;
        max-width: 100%; } }
    @media (min-width: 992px) {
      .brand-story img {
        width: 100%; } }
  .brand-story .brand-text-details {
    white-space: pre-line; }
  .brand-story .brand-info {
    position: absolute;
    z-index: 10;
    top: 45%;
    left: 50%;
    width: 100%;
    padding: 0 2.143rem;
    transform: translate(-50%, -50%); }
    @media (min-width: 768px) {
      .brand-story .brand-info {
        width: auto;
        top: 47%; } }
  .brand-story p {
    margin-bottom: 0; }
  .brand-story .brand-title {
    font-size: 1.8571rem;
    font-family: "Eina01-Bold";
    margin-bottom: 1.142rem; }
    @media (min-width: 992px) {
      .brand-story .brand-title {
        font-size: 3.071rem;
        margin-bottom: 1.428rem; } }
    @media (min-width: 1600px) {
      .brand-story .brand-title {
        font-size: 3.7143rem;
        margin-bottom: 2.142rem; } }
  .brand-story .white-button {
    margin-top: 1.429rem;
    min-width: 9rem;
    font-size: 1rem;
    padding: 0.5rem 0;
    border-radius: 30px; }
    @media (min-width: 768px) {
      .brand-story .white-button {
        padding: 0.357rem 0 0.5rem;
        font-size: 1.2143rem;
        min-width: 9.286rem;
        margin-top: 2.143rem; } }
    @media (min-width: 1600px) {
      .brand-story .white-button {
        font-size: 1.4286rem;
        margin-top: 2.857rem; } }
  .brand-story.has-animation.load-animation .brand-title,
  .brand-story.has-animation.load-animation p,
  .brand-story.has-animation.load-animation .white-button {
    opacity: 1;
    filter: alpha(opacity=1);
    animation-name: customFadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both; }
  .brand-story.has-animation.load-animation .brand-title {
    animation-delay: 0.2s; }
  .brand-story.has-animation.load-animation p {
    animation-delay: 0.5s; }
  .brand-story.has-animation.load-animation .white-button {
    animation-delay: 0.8s; }
  .brand-story.has-animation .brand-title,
  .brand-story.has-animation p,
  .brand-story.has-animation .white-button {
    opacity: 0;
    filter: alpha(opacity=0); }

.social-network {
  margin-top: 4.571rem;
  padding: 0 20px; }
  @media (min-width: 1600px) {
    .social-network {
      padding-top: 1%;
      padding-left: 11.429em;
      padding-right: 11.429em; } }
  @media (min-width: 1200px) {
    .social-network .container-wide-screen {
      max-width: 1140px; } }
  @media (min-width: 1600px) {
    .social-network .container-wide-screen {
      max-width: 1600px; } }
  .social-network .social-list a {
    padding-left: 1.786rem; }
  .social-network .social-title {
    -ms-flex-align: center;
        align-items: center;
    padding-bottom: 1.071rem; }
    @media (min-width: 768px) {
      .social-network .social-title {
        padding-bottom: 2.071rem; } }
    .social-network .social-title h3 {
      font-size: 1.8571rem;
      font-family: "Eina01-Bold"; }
      @media (min-width: 992px) {
        .social-network .social-title h3 {
          font-size: 2.1429rem; } }
      @media (min-width: 1200px) {
        .social-network .social-title h3 {
          font-size: 2.8571rem; } }
      @media (min-width: 1600px) {
        .social-network .social-title h3 {
          font-size: 3.7143rem; } }
  .social-network .social-line {
    position: relative;
    z-index: 1;
    padding-bottom: 2.143rem; }
    .social-network .social-line::after {
      content: '';
      display: block;
      padding: 3.2px;
      border-radius: 0.7142rem;
      position: absolute;
      z-index: 10;
      left: 50%;
      top: 100%;
      width: 1.929rem;
      transform: translateX(-50%);
      background: linear-gradient(to right, #d11e47, #ef7922);
      background: -webkit-gradient(to right, #d11e47, #ef7922);
      background: -o-linear-gradient(to right, #d11e47, #ef7922);
      top: auto;
      bottom: 0; }
      @media (min-width: 768px) {
        .social-network .social-line::after {
          padding: 0.2157rem 2.1428rem;
          margin-top: 0.4em;
          left: 0;
          transform: translateX(0);
          border-radius: 5px; } }
      @media (min-width: 1200px) {
        .social-network .social-line::after {
          height: 0.571rem;
          width: 4.286rem;
          margin-top: 0.7em; } }
      @media (min-width: 1600px) {
        .social-network .social-line::after {
          width: 5.357rem;
          height: 0.714rem; } }
      @media (min-width: 768px) {
        .social-network .social-line::after {
          left: 50%;
          transform: translateX(-50%); } }
      @media (min-width: 992px) {
        .social-network .social-line::after {
          left: 0;
          transform: translateX(0); } }
  .social-network .social-list-m {
    position: relative;
    margin-top: -2.429rem; }
    @media (min-width: 768px) {
      .social-network .social-list-m {
        margin-top: -18%; } }
    @media (min-width: 992px) {
      .social-network .social-list-m {
        display: none; } }
    .social-network .social-list-m ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      padding-left: 0; }
      .social-network .social-list-m ul li {
        list-style: none;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
        .social-network .social-list-m ul li:first-child {
          text-align: right;
          padding-right: 1.786rem; }
        .social-network .social-list-m ul li:last-child {
          text-align: left;
          padding-left: 1.786rem; }
  .social-network .follow-us {
    font-size: 1.0714rem;
    font-family: "Eina01-Bold";
    padding-bottom: 5%; }
    @media (min-width: 992px) {
      .social-network .follow-us {
        text-align: right;
        padding: 0;
        margin-bottom: 0; } }
    @media (min-width: 992px) {
      .social-network .follow-us {
        font-size: 1.1429rem; } }
    @media (min-width: 1600px) {
      .social-network .follow-us {
        font-size: 1.4286rem; } }
  @media (min-width: 992px) {
    .social-network .item-left {
      text-align: left !important; } }
  @media (min-width: 992px) {
    .social-network .item-right {
      text-align: right !important; } }
  .social-network .social-third-party > .col-12:first-child {
    min-height: 21.429rem; }
    @media (min-width: 992px) {
      .social-network .social-third-party > .col-12:first-child {
        min-height: 28.571rem; } }
  .social-network .tagboard-embed {
    margin-left: -7px;
    margin-right: -7px; }

.section-home-footer {
  padding-top: 5%; }
  .section-home-footer .home-why-shop-with-us {
    position: relative;
    z-index: 1; }
    .section-home-footer .home-why-shop-with-us::before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      background: linear-gradient(to right, #d11e47, #ef7922);
      background: -webkit-gradient(to right, #d11e47, #ef7922);
      background: -o-linear-gradient(to right, #d11e47, #ef7922);
      transform: skew(0deg, 4.7deg); }
    .section-home-footer .home-why-shop-with-us .container-fluid {
      padding-left: 0;
      padding-right: 0; }
    .section-home-footer .home-why-shop-with-us .content {
      font-family: "CamphorW01-Regular";
      color: #fff;
      padding-top: 2rem; }
      @media (min-width: 992px) {
        .section-home-footer .home-why-shop-with-us .content {
          padding-top: 4rem;
          padding-bottom: 2rem; } }
      .section-home-footer .home-why-shop-with-us .content .image {
        margin-bottom: 1em;
        padding-left: 25px;
        padding-right: 25px; }
        .section-home-footer .home-why-shop-with-us .content .image img {
          height: 60px;
          width: auto;
          max-width: 70px; }
          @media (min-width: 1600px) {
            .section-home-footer .home-why-shop-with-us .content .image img {
              height: 70px;
              max-width: 80px; } }
      .section-home-footer .home-why-shop-with-us .content h6 {
        font-size: 1.0714rem;
        font-family: "Eina01-Bold";
        margin-bottom: 0.588em; }
        @media (min-width: 1600px) {
          .section-home-footer .home-why-shop-with-us .content h6 {
            font-size: 1.2857rem; } }
      .section-home-footer .home-why-shop-with-us .content p {
        font-size: 1rem;
        text-align: center; }
        @media (min-width: 1600px) {
          .section-home-footer .home-why-shop-with-us .content p {
            font-size: 1.036rem; } }
    @media (min-width: 992px) {
      .section-home-footer .home-why-shop-with-us .item-skew {
        padding-bottom: 1.5rem; } }
    @media (min-width: 1200px) {
      .section-home-footer .home-why-shop-with-us .item-skew {
        margin: 0 auto;
        padding-top: 1rem;
        padding-bottom: 2.5rem; } }
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation.load-animation .image,
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation.load-animation h6,
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation.load-animation p {
      opacity: 1;
      filter: alpha(opacity=1);
      animation-name: customFadeInUp;
      animation-duration: 1s;
      animation-fill-mode: both; }
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation.load-animation .image {
      animation-delay: 0.2s; }
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation.load-animation h6 {
      animation-delay: 0.5s; }
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation.load-animation p {
      animation-delay: 0.8s; }
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation .image,
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation h6,
    .section-home-footer .home-why-shop-with-us .item-skew.has-animation p {
      opacity: 0;
      filter: alpha(opacity=0); }
    .section-home-footer .home-why-shop-with-us ul {
      padding-left: 0;
      margin-bottom: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px; }
      @media (min-width: 992px) {
        .section-home-footer .home-why-shop-with-us ul {
          position: relative;
          top: -2.5em; } }
      .section-home-footer .home-why-shop-with-us ul li {
        list-style: none;
        text-align: center;
        margin-bottom: 1.786em;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%; }
        @media (min-width: 768px) {
          .section-home-footer .home-why-shop-with-us ul li {
            padding-left: 6rem;
            padding-right: 6rem; } }
        @media (min-width: 992px) {
          .section-home-footer .home-why-shop-with-us ul li {
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
            max-width: 25%;
            margin-bottom: 0;
            padding-left: 2em;
            padding-right: 2em; }
            .section-home-footer .home-why-shop-with-us ul li:nth-child(2) {
              top: 2.5em; }
            .section-home-footer .home-why-shop-with-us ul li:nth-child(3) {
              top: 4.5em; }
            .section-home-footer .home-why-shop-with-us ul li:nth-child(4) {
              top: 6.5em; } }
        @media (min-width: 1600px) {
          .section-home-footer .home-why-shop-with-us ul li {
            padding-left: 5rem;
            padding-right: 5rem; } }

.product-tile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  height: 100%;
  position: relative;
  text-align: center;
  padding-left: 0.286em;
  padding-right: 0.286em; }
  .product-tile .image-container {
    text-align: center;
    padding-top: 1.429em; }
    @media (min-width: 992px) {
      .product-tile .image-container {
        padding-top: 30px;
        overflow: hidden; }
        .product-tile .image-container:hover .tile-image, .product-tile .image-container:focus .tile-image {
          transform: scale(1.1); } }
    .product-tile .image-container .tile-image {
      max-width: 70%;
      margin-left: auto;
      margin-right: auto;
      width: auto; }
      @media (min-width: 992px) {
        .product-tile .image-container .tile-image {
          transition: ease-in 0.3s; } }
  .product-tile .tile-body {
    padding-top: 10px;
    padding-bottom: 0; }
    .product-grid .product-tile .tile-body {
      margin-bottom: 100px; }
      @media (min-width: 768px) {
        .product-grid .product-tile .tile-body {
          margin-bottom: 110px; } }
      @media (min-width: 992px) {
        .product-grid .product-tile .tile-body {
          margin-bottom: 100px; } }
      @media (min-width: 1600px) {
        .product-grid .product-tile .tile-body {
          margin-bottom: 110px; } }
    .product-tile .tile-body .swatch-row {
      min-height: 64px; }
      @media (min-width: 992px) {
        .product-tile .tile-body .swatch-row {
          min-height: 67px; } }
      @media (min-width: 1600px) {
        .product-tile .tile-body .swatch-row {
          min-height: 74px; } }
    .product-tile .tile-body .tile-attribute[data-attr="productSize"] {
      margin-bottom: 0.5rem; }
      .product-tile .tile-body .tile-attribute[data-attr="productSize"].empty-size-selection {
        min-height: 33px; }
        @media (min-width: 992px) {
          .product-tile .tile-body .tile-attribute[data-attr="productSize"].empty-size-selection {
            min-height: 25px; } }
        @media (min-width: 1200px) {
          .product-tile .tile-body .tile-attribute[data-attr="productSize"].empty-size-selection {
            min-height: 32px; } }
        @media (min-width: 1600px) {
          .product-tile .tile-body .tile-attribute[data-attr="productSize"].empty-size-selection {
            min-height: 39px; } }
    .product-tile .tile-body .sales.promotion-price {
      color: #d11e47; }
    .product-tile .tile-body .price {
      font-family: "Eina01-Bold";
      font-size: 1.0714rem;
      margin-top: 0.667em; }
      @media (min-width: 992px) {
        .product-tile .tile-body .price {
          font-size: 1.257rem;
          margin-bottom: 0.689em;
          margin-top: 0.267em; } }
      @media (min-width: 1600px) {
        .product-tile .tile-body .price {
          font-size: 1.5714rem; } }
      .product-tile .tile-body .price .strike-through {
        margin-right: 0;
        color: #272727;
        font-size: 0.857rem;
        position: relative;
        vertical-align: baseline;
        margin-left: 0.2em;
        padding-top: 0.23em; }
        @media (min-width: 992px) {
          .product-tile .tile-body .price .strike-through {
            padding-top: 0.45em; } }
        @media (min-width: 1600px) {
          .product-tile .tile-body .price .strike-through {
            padding-top: 0.9em; } }
      .product-tile .tile-body .price .price-inner {
        display: -ms-flexbox;
        display: flex;
        display: -ms-flex;
        white-space: nowrap;
        -ms-flex-pack: center;
            justify-content: center; }
    .product-tile .tile-body[data-message-value="0040"] .tile-top-left {
      top: 1.5em; }
    .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message {
      width: 100%;
      max-height: 1.5rem;
      min-height: 1.5rem; }
      [data-action^="Sites"] .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message,
      [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message {
        padding: 0 5px; }
        @media (min-width: 992px) {
          [data-action^="Sites"] .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message,
          [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message {
            margin-right: 1.5rem;
            padding: 0; } }
      .recommendations .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message {
        padding: 0 5px; }
      @media (min-width: 768px) {
        .product-merchand-message .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message {
          margin-right: 1.5rem; } }
      .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"] {
        width: 100%;
        color: #fff;
        display: block;
        text-transform: none;
        letter-spacing: 1px;
        height: 20px;
        padding: 0;
        line-height: 20px;
        background: linear-gradient(to right, #d11e47, #ef7922);
        background: -webkit-gradient(to right, #d11e47, #ef7922);
        background: -o-linear-gradient(to right, #d11e47, #ef7922); }
        @media (min-width: 1200px) {
          .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"] {
            height: 22px;
            line-height: 22px; } }
        .red-2-orange .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"] {
          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 .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"] {
          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 .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"] {
          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 .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"] {
          background: linear-gradient(to right, #02549d, #c11c8a);
          background: -webkit-gradient(to right, #02549d, #c11c8a);
          background: -o-linear-gradient(to right, #02549d, #c11c8a); }
        [data-action^="Sites"] .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"],
        [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"] {
          background: linear-gradient(to right, #d11e47, #ef7922);
          background: -webkit-gradient(to right, #d11e47, #ef7922);
          background: -o-linear-gradient(to right, #d11e47, #ef7922); }
      @media (min-width: 768px) {
        .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message {
          max-height: 1.5rem;
          min-height: 1.5rem; } }
    .product-tile .tile-body[data-message-value="0040"] .tile-top-right {
      width: 100%; }
  .product-tile .tile-message {
    position: absolute;
    top: 0.5em;
    z-index: 1;
    font-size: 0.6681rem;
    font-family: "Eina01-Bold"; }
    @media (min-width: 768px) {
      .product-tile .tile-message {
        font-size: 0.929rem; } }
    @media (min-width: 1600px) {
      .product-tile .tile-message {
        font-size: 1.1429rem; } }
    .product-tile .tile-message .callout {
      text-align: left;
      text-transform: uppercase;
      font-size: 0.857rem;
      font-family: "Eina01-Bold";
      color: #808080; }
      @media (min-width: 1600px) {
        .product-tile .tile-message .callout {
          font-size: 1.1429rem; } }
      .product-tile .tile-message .callout .special-message {
        display: block;
        color: #d11e47;
        text-align: left;
        font-size: inherit; }
        @media (min-width: 768px) {
          .product-tile .tile-message .callout .special-message {
            font-size: 1.0714rem; } }
    .product-tile .tile-message .promotions {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%; }
    .product-tile .tile-message .product-merchand-message {
      min-height: 2.857rem;
      max-height: 2.857rem;
      display: -ms-flexbox;
      display: flex;
      display: -ms-flex; }
      @media (min-width: 768px) {
        .product-tile .tile-message .product-merchand-message {
          min-height: 3.571rem;
          max-height: 3.571rem; } }
      .product-tile .tile-message .product-merchand-message span {
        font-size: 0.7143rem;
        padding-bottom: 0.429rem;
        position: relative;
        width: 2.5rem;
        background-color: #d11e47;
        color: #fff;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        text-transform: uppercase;
        display: -ms-flexbox;
        display: flex;
        display: -ms-flex; }
        @media (min-width: 768px) {
          .product-tile .tile-message .product-merchand-message span {
            width: 3rem;
            font-size: 1.0714rem; } }
        .product-tile .tile-message .product-merchand-message span[data-message-value="0010"] {
          background-color: #f37a21; }
        .product-tile .tile-message .product-merchand-message span[data-message-value="0020"] {
          background-color: #d31e47; }
        .product-tile .tile-message .product-merchand-message span[data-message-value="0030"] {
          background-color: #04559f; }
        .product-tile .tile-message .product-merchand-message span[data-message-value="0010"]::before, .product-tile .tile-message .product-merchand-message span[data-message-value="0020"]::before, .product-tile .tile-message .product-merchand-message span[data-message-value="0030"]::before {
          content: '';
          position: absolute;
          z-index: 1;
          left: 0;
          bottom: 0;
          width: 0;
          height: 0;
          border-left: 1.25rem solid transparent;
          border-right: 1.25rem solid transparent;
          border-bottom: 0.714rem solid #fff; }
          @media (min-width: 768px) {
            .product-tile .tile-message .product-merchand-message span[data-message-value="0010"]::before, .product-tile .tile-message .product-merchand-message span[data-message-value="0020"]::before, .product-tile .tile-message .product-merchand-message span[data-message-value="0030"]::before {
              border-left-width: 1.5rem;
              border-right-width: 1.5rem; } }
  .product-tile .tile-top-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 0.571rem;
    padding-top: 0.357rem;
    left: 0;
    width: 100%;
    margin: 0; }
    @media (min-width: 768px) {
      .product-tile .tile-top-left {
        padding-left: 1rem; } }
    .product-tile .tile-top-left > div {
      display: inline-block; }
  .product-tile .tile-top-right {
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    left: auto;
    top: 0;
    right: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: end;
        align-items: flex-end; }
    .product-tile .tile-top-right .product-sticker:first-child {
      margin-top: 0.2rem; }
      @media (min-width: 768px) {
        .product-tile .tile-top-right .product-sticker:first-child {
          margin-top: 0.5rem; } }
    .product-tile .tile-top-right .product-merchand-message,
    .product-tile .tile-top-right .product-sticker {
      margin-bottom: 0.2rem; }
      @media (min-width: 768px) {
        .product-tile .tile-top-right .product-merchand-message,
        .product-tile .tile-top-right .product-sticker {
          margin-bottom: 0.5rem; } }
  .product-tile .tile-bottom {
    position: relative; }
    .product-tile .tile-bottom .tile-actions-color-attributes {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding-bottom: 1rem; }
    .product-tile .tile-bottom .tile-actions-product-set-title {
      margin-bottom: 10px; }
  .product-tile .product-sticker img {
    width: 35px;
    height: 35px;
    margin-right: 1px; }
    @media (min-width: 768px) {
      .product-tile .product-sticker img {
        margin-right: 3px; } }
  .product-tile .product-sticker.sticker-0040 img {
    width: auto;
    max-height: 1rem; }
    @media (min-width: 992px) {
      .product-tile .product-sticker.sticker-0040 img {
        max-height: 1.214rem; } }
  .product-tile .product-collection {
    font-size: 1.0714rem;
    margin-bottom: 5px;
    font-family: "Eina01-Bold"; }
    .product-tile .product-collection h4 {
      margin-bottom: 0;
      font-size: 1.0714rem; }
      @media (min-width: 992px) {
        .product-tile .product-collection h4 {
          font-size: 1.1429rem; } }
      @media (min-width: 1200px) {
        .product-tile .product-collection h4 {
          font-size: 1.2857rem; } }
      @media (min-width: 1600px) {
        .product-tile .product-collection h4 {
          font-size: 1.4286rem; } }
  .product-tile .pdp-link {
    font-size: 0.786rem;
    margin-bottom: 5px;
    color: #6b6b6b; }
    .product-tile .pdp-link a {
      color: #6b6b6b; }
    @media (min-width: 992px) {
      .product-tile .pdp-link {
        font-size: 0.857rem; } }
    @media (min-width: 1600px) {
      .product-tile .pdp-link {
        font-size: 0.929rem; } }
    .product-tile .pdp-link a {
      text-transform: uppercase; }
  .product-tile .ratings {
    padding: 0;
    width: auto; }
    .product-tile .ratings .fa-star,
    .product-tile .ratings .fa-star-half-o {
      color: #408ebf; }
  .product-tile .tile-body-footer {
    display: block;
    margin: 0; }
  .product-tile .cart-and-ipay {
    padding-bottom: 0; }
  .product-tile .add-to-cart,
  .product-tile .btn-start-personalize,
  .product-tile .add-to-cart-global {
    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;
    color: #fff;
    background-color: #272727;
    border-color: #272727;
    display: block;
    font-size: 0.857rem;
    padding: 0.667em;
    margin: 0;
    width: 100%;
    text-transform: uppercase;
    border-color: #272727;
    margin-top: 0.333em; }
    .product-tile .add-to-cart:hover, .product-tile .add-to-cart:focus,
    .product-tile .btn-start-personalize:hover,
    .product-tile .btn-start-personalize:focus,
    .product-tile .add-to-cart-global:hover,
    .product-tile .add-to-cart-global:focus {
      cursor: pointer; }
    .product-tile .add-to-cart:hover,
    .product-tile .btn-start-personalize:hover,
    .product-tile .add-to-cart-global:hover {
      color: #272727;
      background-color: #fff;
      border-color: transparent;
      box-shadow: 0 2px 7px -2px #333; }
    @media (min-width: 768px) {
      .product-tile .add-to-cart,
      .product-tile .btn-start-personalize,
      .product-tile .add-to-cart-global {
        font-size: 1rem; } }
    @media (min-width: 1600px) {
      .product-tile .add-to-cart,
      .product-tile .btn-start-personalize,
      .product-tile .add-to-cart-global {
        font-size: 1.25rem;
        padding: 0.567em; } }
    .product-tile .add-to-cart:active,
    .product-tile .btn-start-personalize:active,
    .product-tile .add-to-cart-global:active {
      background-color: #fff; }
    .product-tile .add-to-cart:disabled:hover, .product-tile .add-to-cart:disabled:focus,
    .product-tile .btn-start-personalize:disabled:hover,
    .product-tile .btn-start-personalize:disabled:focus,
    .product-tile .add-to-cart-global:disabled:hover,
    .product-tile .add-to-cart-global:disabled:focus {
      background-color: #272727;
      color: #fff;
      box-shadow: none; }
    .product-tile .add-to-cart .fa,
    .product-tile .btn-start-personalize .fa,
    .product-tile .add-to-cart-global .fa {
      display: none; }
  .product-tile .btn-go-details {
    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;
    font-size: 0.857rem;
    padding: 0.667em; }
    .product-tile .btn-go-details:hover, .product-tile .btn-go-details:focus {
      cursor: pointer; }
    .product-tile .btn-go-details:hover {
      color: #fff;
      background-color: #272727;
      border-color: #272727; }
    @media (min-width: 768px) {
      .product-tile .btn-go-details {
        font-size: 1rem; } }
    @media (min-width: 1600px) {
      .product-tile .btn-go-details {
        font-size: 1.25rem;
        padding: 0.567em; } }
  .product-tile .p-w-r {
    margin: 0; }
    .product-tile .p-w-r .pr-category-snippet {
      display: block; }
    .product-tile .p-w-r .pr-snippet-rating-decimal {
      display: none; }
    .product-tile .p-w-r .pr-category-snippet__item {
      display: block; }
    .product-tile .p-w-r .pr-category-snippet__total.pr-category-snippet__item {
      display: none; }
    .product-tile .p-w-r .pr-snippet .pr-rating-stars [class^="pr-star"] {
      background: none;
      position: relative;
      width: 10px;
      height: 10px;
      padding: 0;
      margin-right: 2px;
      margin-left: 2px; }
      .product-tile .p-w-r .pr-snippet .pr-rating-stars [class^="pr-star"]::before {
        font-family: 'FontAwesome';
        font-style: normal;
        font-weight: normal;
        content: '\F005';
        position: absolute;
        width: 100%;
        height: 100%;
        color: #b5b5b5;
        font-size: 0.714rem;
        top: 0;
        left: 0; }
      @media (min-width: 992px) {
        .product-tile .p-w-r .pr-snippet .pr-rating-stars [class^="pr-star"] {
          width: 12px;
          height: 12px; }
          .product-tile .p-w-r .pr-snippet .pr-rating-stars [class^="pr-star"]::before {
            font-size: 10px; } }
      @media (min-width: 1600px) {
        .product-tile .p-w-r .pr-snippet .pr-rating-stars [class^="pr-star"] {
          width: 16px;
          height: 16px; }
          .product-tile .p-w-r .pr-snippet .pr-rating-stars [class^="pr-star"]::before {
            font-size: 16px; } }
    .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before,
    .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::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; }
      .red-2-orange .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .red-2-orange
      .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::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 .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .yellow-2-green
      .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::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 .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .teal-2-blue
      .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::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 .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .navy-2-purple
      .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::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) {
        .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before,
        .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
          background: none !important;
          -webkit-text-fill-color: inherit; }
          .logo-red .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .logo-red
          .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
            color: #d11e47; }
          .logo-orange .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .logo-orange
          .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
            color: #ef7922; }
          .logo-yellow .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .logo-yellow
          .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
            color: #ffc012; }
          .logo-green .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .logo-green
          .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
            color: #80c242; }
          .logo-teal .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .logo-teal
          .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
            color: #6ac5b0; }
          .logo-blue .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .logo-blue
          .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
            color: #3292cf; }
          .logo-navy .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .logo-navy
          .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
            color: #02549d; }
          .logo-purple .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-100-filled::before, .logo-purple
          .product-tile .p-w-r .pr-snippet .pr-rating-stars .pr-star-v4-50-filled::before {
            color: #c11c8a; } }
    .product-tile .p-w-r .pr-snippet .pr-snippet-stars-png {
      display: block; }
      .product-tile .p-w-r .pr-snippet .pr-snippet-stars-png .pr-rating-stars {
        display: -ms-flexbox;
        display: flex;
        display: -ms-flex;
        -ms-flex-pack: center;
            justify-content: center; }
  .product-tile .apple-pay-pdp {
    display: none; }
  .product-tile .attribute {
    margin-top: 0;
    margin-right: 0;
    padding-top: 0.714em;
    padding-right: 0;
    text-align: center; }
    @media (min-width: 992px) {
      .product-tile .attribute {
        padding-top: 0; } }
    .product-tile .attribute.one-size {
      visibility: hidden; }
      .product-grid .product-tile .attribute.one-size {
        display: none; }
      .product-tile .attribute.one-size h4,
      .product-tile .attribute.one-size .size-selection {
        visibility: hidden; }
    .product-tile .attribute h4 {
      display: none; }
    .product-tile .attribute .attr-item {
      display: block;
      margin-left: 2px;
      margin-right: 2px; }
      @media (min-width: 992px) {
        .product-tile .attribute .attr-item {
          padding-left: 3px;
          padding-right: 3px;
          margin-right: 0;
          margin-left: 0; } }
      @media (min-width: 1600px) {
        .product-tile .attribute .attr-item {
          padding-left: 4px;
          padding-right: 4px; } }
    .product-tile .attribute .owl-carousel {
      display: -ms-flexbox;
      display: flex;
      display: -ms-flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      position: relative; }
      .product-tile .attribute .owl-carousel .owl-stage {
        margin: 0 auto;
        -ms-flex-align: center;
            align-items: center;
        min-height: 1.929em;
        padding-bottom: 2px;
        display: -ms-flexbox;
        display: flex;
        display: -ms-flex; }
      .product-tile .attribute .owl-carousel .owl-nav .owl-prev,
      .product-tile .attribute .owl-carousel .owl-nav .owl-next {
        position: absolute;
        z-index: 1;
        top: 50%;
        font-size: 0.8em;
        transform: translateY(-50%); }
        .product-tile .attribute .owl-carousel .owl-nav .owl-prev::before,
        .product-tile .attribute .owl-carousel .owl-nav .owl-next::before {
          content: "\E90D";
          font-family: "AT-icons";
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .product-tile .attribute .owl-carousel .owl-nav .owl-prev span,
        .product-tile .attribute .owl-carousel .owl-nav .owl-next span {
          display: none; }
      .product-tile .attribute .owl-carousel .owl-nav .owl-prev {
        left: 0.3em; }
      .product-tile .attribute .owl-carousel .owl-nav .owl-next {
        right: 0.3em; }
        .product-tile .attribute .owl-carousel .owl-nav .owl-next::before {
          content: "\E90E"; }
    .product-tile .attribute .owl-loaded {
      display: block;
      width: auto; }
      .product-tile .attribute .owl-loaded .attr-item {
        margin-left: 0;
        margin-right: 0; }
  .product-tile .color-quantity {
    font-size: 0.857rem;
    color: #6b6b6b; }
    @media (min-width: 992px) {
      .product-tile .color-quantity {
        padding-top: 0.714em; } }
    .product-tile .color-quantity .text-expand {
      display: none; }
  .product-tile .color-swatchs {
    text-align: center;
    padding-top: 0.514em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    margin-right: 0;
    padding-bottom: 0.514em;
    min-height: 40px; }
    @media (min-width: 992px) {
      .product-tile .color-swatchs {
        padding-left: 2.3em;
        padding-right: 2.3em;
        min-height: 44px; } }
    @media (min-width: 1600px) {
      .product-tile .color-swatchs {
        min-height: 51px; } }
    .product-tile .color-swatchs .swatch-circle.color-value.selected::after {
      content: none; }
    .product-tile .color-swatchs .attr-item {
      padding-left: 4px;
      padding-right: 4px; }
      @media (min-width: 1200px) {
        .product-tile .color-swatchs .attr-item {
          padding-left: 5px;
          padding-right: 5px; } }
      @media (min-width: 1600px) {
        .product-tile .color-swatchs .attr-item {
          padding-left: 8px;
          padding-right: 8px; } }
      .product-tile .color-swatchs .attr-item.selected .attr-selector {
        width: 25px;
        height: 25px; }
        @media (min-width: 992px) {
          .product-tile .color-swatchs .attr-item.selected .attr-selector {
            width: 27px;
            height: 27px; } }
        @media (min-width: 1600px) {
          .product-tile .color-swatchs .attr-item.selected .attr-selector {
            width: 34px;
            height: 34px; } }
      .product-tile .color-swatchs .attr-item a {
        display: block;
        width: 16px;
        height: 16px; }
        @media (min-width: 992px) {
          .product-tile .color-swatchs .attr-item a {
            width: 17px;
            height: 17px; } }
        @media (min-width: 1600px) {
          .product-tile .color-swatchs .attr-item a {
            width: 22px;
            height: 22px; } }
        .product-tile .color-swatchs .attr-item a .swatch-circle {
          width: 100%;
          height: 100%;
          border: none;
          margin: 0;
          border-radius: 50%; }
  .product-tile .size-selection {
    font-size: 0.857rem; }
    @media (min-width: 768px) {
      .product-tile .size-selection {
        padding-right: 0;
        padding-left: 0; } }
    @media (min-width: 992px) {
      .product-tile .size-selection {
        font-size: 0.914rem; } }
    @media (min-width: 1200px) {
      .product-tile .size-selection {
        padding-bottom: 0.5em; } }
    @media (min-width: 1600px) {
      .product-tile .size-selection {
        font-size: 1.1429rem; } }
    .product-tile .size-selection .attr-item.selected a, .product-tile .size-selection .attr-item:hover a {
      color: #fff;
      background-color: #272727;
      border-color: #272727; }
    .product-tile .size-selection .attr-item a {
      display: block;
      padding: 0.363em 0.5855em;
      white-space: nowrap;
      text-transform: uppercase;
      font-family: "Eina01-Bold";
      font-size: 0.786rem;
      border-radius: 15px;
      box-shadow: 0 1px 3px -1px #272727; }
      @media (min-width: 992px) {
        .product-tile .size-selection .attr-item a {
          font-size: 0.857rem;
          padding-left: 0.75em;
          padding-right: 0.75em; } }
      @media (min-width: 1600px) {
        .product-tile .size-selection .attr-item a {
          font-size: 1.0714rem; } }
    .product-tile .size-selection .attr-item.size-item.disable-click:hover a, .product-tile .size-selection .attr-item.size-item.disable-click:focus a, .product-tile .size-selection .attr-item.size-item.disable-click:active a {
      background-color: transparent;
      color: #272727; }
    .product-tile .size-selection .attr-item.size-item.disable-click a {
      pointer-events: none;
      opacity: 0.4; }
      .product-tile .size-selection .attr-item.size-item.disable-click a.selected:hover a {
        color: #fff;
        background-color: #272727; }
    .product-tile .size-selection.owl-loaded .attr-item a {
      width: 12.7vw; }
      @media (min-width: 768px) {
        .product-tile .size-selection.owl-loaded .attr-item a {
          width: auto;
          min-width: 47px; } }
      @media (min-width: 992px) {
        .product-tile .size-selection.owl-loaded .attr-item a {
          width: 47px;
          min-width: 72px; } }
      @media (min-width: 1200px) {
        .product-tile .size-selection.owl-loaded .attr-item a {
          min-width: 60px; } }
      @media (min-width: 1600px) {
        .product-tile .size-selection.owl-loaded .attr-item a {
          min-width: 77px; } }
    .product-tile .size-selection .owl-stage {
      padding-left: 19%; }
      @media (min-width: 768px) {
        .product-tile .size-selection .owl-stage {
          padding-left: 0; } }
      @media (min-width: 1200px) {
        .product-tile .size-selection .owl-stage {
          padding-left: 29px; } }
      @media (min-width: 1600px) {
        .product-tile .size-selection .owl-stage {
          padding-left: 37px; } }
  .product-tile .product-comparition {
    padding-bottom: 0.614em;
    padding-top: 0.614em;
    border-top: 1px solid #6b6b6b;
    margin-left: -3px;
    margin-right: -3px; }
    @media (min-width: 768px) {
      .product-tile .product-comparition {
        display: none; } }
    @media (min-width: 1200px) {
      .product-tile .product-comparition {
        display: block; } }
    @media (min-width: 1600px) {
      .product-tile .product-comparition {
        padding-bottom: 0.714em;
        padding-top: 0.714em; }
        .product-tile .product-comparition .checkbox {
          font-size: 0.7856rem; } }
    .product-tile .product-comparition .checkbox {
      font-size: 0.857rem;
      cursor: pointer;
      color: #6b6b6b;
      position: relative;
      padding-left: 25px; }
      .product-tile .product-comparition .checkbox::before {
        content: '';
        width: 14px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 50%;
        border: 1px solid #6b6b6b;
        background: transparent;
        transform: translateY(-50%);
        border-radius: 50%; }
      .product-tile .product-comparition .checkbox::after {
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        left: 3px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
        background: linear-gradient(to right, #d11e47, #ef7922);
        background: -webkit-gradient(to right, #d11e47, #ef7922);
        background: -o-linear-gradient(to right, #d11e47, #ef7922);
        transform: translateY(-50%) scale(0);
        transition: ease-in 0.3s; }
        .red-2-orange .product-tile .product-comparition .checkbox::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 .product-tile .product-comparition .checkbox::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 .product-tile .product-comparition .checkbox::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 .product-tile .product-comparition .checkbox::after {
          background: linear-gradient(to right, #02549d, #c11c8a);
          background: -webkit-gradient(to right, #02549d, #c11c8a);
          background: -o-linear-gradient(to right, #02549d, #c11c8a); }
      .product-tile .product-comparition .checkbox.checked::after {
        transform: translateY(-50%) scale(1); }
  .product-tile .tile-actions {
    padding-left: 0.357em;
    padding-right: 0.357em; }

.product-tile-col:nth-child(1) .image-container img, .product-tile-col:nth-child(2) .image-container img, .product-tile-col:nth-child(3) .image-container img {
  background: none; }

.product-list-campaign .product-tile .tile-actions {
  margin-left: -3px;
  margin-right: -3px;
  max-width: 100%; }
  @media (min-width: 992px) {
    .product-list-campaign .product-tile .tile-actions {
      width: auto;
      left: -3px;
      right: -3px; }
      .product-list-campaign .product-tile .tile-actions .pdp-link {
        min-height: 2.3em; } }
  .product-list-campaign .product-tile .tile-actions .col-6 {
    padding-left: 3px;
    padding-right: 3px; }
    @media (min-width: 992px) {
      .product-list-campaign .product-tile .tile-actions .col-6 {
        padding-left: 5px;
        padding-right: 5px; } }

.section-product-list {
  padding-bottom: 50px;
  position: relative;
  margin-top: 5rem; }
  @media (min-width: 992px) {
    .section-product-list {
      margin-top: -13%; } }
  @media (min-width: 1600px) {
    .section-product-list {
      padding-left: 11.429em;
      padding-right: 11.429em; } }
  .section-product-list .container-fluid {
    padding-left: 25px;
    padding-right: 25px; }
    @media (min-width: 1200px) {
      .section-product-list .container-fluid {
        padding-left: 0;
        padding-right: 0;
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 1600px) {
      .section-product-list .container-fluid {
        max-width: 1600px; } }
  .section-product-list .title-head {
    padding-bottom: 4.285rem;
    font-size: 1.929rem;
    font-family: "Eina01-Bold";
    text-align: center;
    position: relative;
    z-index: 1; }
    @media (min-width: 992px) {
      .section-product-list .title-head {
        text-align: left;
        font-size: 2.8571rem; } }
    @media (min-width: 1600px) {
      .section-product-list .title-head {
        font-size: 3.7143rem; } }
    .section-product-list .title-head::after {
      content: '';
      display: block;
      padding: 3.2px;
      border-radius: 0.7142rem;
      position: absolute;
      z-index: 10;
      left: 50%;
      top: 100%;
      width: 1.929rem;
      transform: translateX(-50%);
      background: linear-gradient(to right, #d11e47, #ef7922);
      background: -webkit-gradient(to right, #d11e47, #ef7922);
      background: -o-linear-gradient(to right, #d11e47, #ef7922);
      top: 3.571rem; }
      @media (min-width: 768px) {
        .section-product-list .title-head::after {
          padding: 0.2157rem 2.1428rem;
          margin-top: 0.4em;
          left: 0;
          transform: translateX(0);
          border-radius: 5px; } }
      @media (min-width: 1200px) {
        .section-product-list .title-head::after {
          height: 0.571rem;
          width: 4.286rem;
          margin-top: 0.7em; } }
      @media (min-width: 1600px) {
        .section-product-list .title-head::after {
          width: 5.357rem;
          height: 0.714rem; } }
      @media (min-width: 768px) {
        .section-product-list .title-head::after {
          top: 3.571rem;
          left: 50%;
          transform: translateX(-50%); } }
      @media (min-width: 992px) {
        .section-product-list .title-head::after {
          left: 0;
          transform: translateX(0); } }
      @media (min-width: 1200px) {
        .section-product-list .title-head::after {
          margin-top: 2%; } }
  .section-product-list .section-head {
    margin-bottom: 40px; }
    .section-product-list .section-head ul.nav {
      padding-left: 0;
      margin-bottom: 0;
      text-align: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      border-bottom: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .section-product-list .section-head ul.nav li {
        list-style: none;
        position: relative;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%;
        padding-left: 20px;
        padding-right: 20px;
        font-family: "Eina01-Bold";
        text-align: left;
        font-size: 1rem; }
        .section-product-list .section-head ul.nav li:first-child {
          text-align: right; }
        @media (min-width: 992px) {
          .section-product-list .section-head ul.nav li {
            font-size: 1.1429rem;
            padding-left: 2.087em;
            padding-right: 2.087em; } }
        @media (min-width: 1600px) {
          .section-product-list .section-head ul.nav li {
            font-size: 1.4286rem; } }
        .section-product-list .section-head ul.nav li a {
          position: relative;
          display: inline-block; }
          .section-product-list .section-head ul.nav li a:hover, .section-product-list .section-head ul.nav li a:focus {
            text-decoration: none;
            color: #fff; }
          .section-product-list .section-head ul.nav li a.active {
            color: #fff;
            background: #272727;
            border-color: #272727; }
        .section-product-list .section-head ul.nav li .white-button {
          font-size: 1rem;
          border-radius: 50px;
          padding: 10px 20px; }
          @media (min-width: 768px) {
            .section-product-list .section-head ul.nav li .white-button {
              padding: 1.3rem 30px;
              font-size: 1.1429rem;
              line-height: 0.305em; } }
          @media (min-width: 1600px) {
            .section-product-list .section-head ul.nav li .white-button {
              padding: 1.5rem 30px;
              font-size: 1.4286rem; } }
  .section-product-list .tab-content {
    position: relative; }
    .section-product-list .tab-content > .tab-pane {
      display: block;
      visibility: hidden;
      opacity: 0;
      transition: ease-in 0.3s; }
      .section-product-list .tab-content > .tab-pane.active {
        visibility: visible;
        opacity: 1;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1; }
  .section-product-list .home-product-list.active img {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeIn; }
  .section-product-list .home-product-list .owl-item {
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 768px) {
      .section-product-list .home-product-list .owl-item {
        padding-left: 10px;
        padding-right: 10px;
        max-width: none; } }
    @media (min-width: 992px) {
      .section-product-list .home-product-list .owl-item {
        padding-left: 23px;
        padding-right: 23px; } }
  .section-product-list .owl-nav {
    display: block; }
    .section-product-list .owl-nav button.owl-prev, .section-product-list .owl-nav button.owl-next {
      width: 26px;
      height: 26px;
      background-color: transparent;
      color: #6b6b6b;
      font-size: 14px;
      position: absolute;
      z-index: 10;
      top: 50%;
      outline: none;
      transform: translateY(-50%);
      border-radius: 50%; }
      @media (min-width: 768px) {
        .section-product-list .owl-nav button.owl-prev, .section-product-list .owl-nav button.owl-next {
          font-size: 1.0714rem;
          width: 35px;
          height: 35px; } }
      @media (min-width: 1600px) {
        .section-product-list .owl-nav button.owl-prev, .section-product-list .owl-nav button.owl-next {
          width: 40px;
          height: 40px;
          font-size: 1.0714rem; } }
    .section-product-list .owl-nav button::before {
      content: "\E90E";
      position: absolute;
      left: 50%;
      top: 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;
      font-family: "AT-icons";
      font-style: normal;
      font-weight: normal;
      transform: translate(-50%, -50%); }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .section-product-list .owl-nav button::before {
          background: none !important;
          -webkit-text-fill-color: inherit;
          color: #ef7922; } }
      @supports (-moz-appearance: none) {
        .section-product-list .owl-nav button::before {
          position: relative; } }
    .section-product-list .owl-nav button.owl-prev {
      left: -25px; }
      .section-product-list .owl-nav button.owl-prev::before {
        content: "\E90D";
        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; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .section-product-list .owl-nav button.owl-prev::before {
            background: none !important;
            -webkit-text-fill-color: inherit;
            color: #ef7922; } }
      @media (min-width: 992px) {
        .section-product-list .owl-nav button.owl-prev {
          left: -20px; } }
      @media (min-width: 1200px) {
        .section-product-list .owl-nav button.owl-prev {
          left: -40px; } }
    .section-product-list .owl-nav button.owl-next {
      right: -25px;
      left: auto; }
      @media (min-width: 992px) {
        .section-product-list .owl-nav button.owl-next {
          right: -20px; } }
      @media (min-width: 1200px) {
        .section-product-list .owl-nav button.owl-next {
          right: -40px; } }
    .section-product-list .owl-nav span {
      display: none; }
  .section-product-list .product-tile {
    min-height: 0;
    position: relative; }
    .section-product-list .product-tile .tile-body {
      padding-bottom: 0;
      text-align: center; }
    .section-product-list .product-tile .image-container {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 2.143rem; }
      .section-product-list .product-tile .image-container img {
        max-width: 100%;
        background: url("../images/spinner-red-2-organe_199-300.svg") center no-repeat !important; }
    .section-product-list .product-tile .tile-body-field-group {
      display: block; }
    .section-product-list .product-tile .tile-group-left,
    .section-product-list .product-tile .tile-group-right {
      max-width: none;
      -ms-flex: auto;
          flex: auto; }
    .section-product-list .product-tile .p-w-r .pr-snippet .pr-snippet-stars-png .pr-rating-stars {
      text-align: left; }
    .section-product-list .product-tile .product-collection h4 {
      font-size: 1rem;
      font-family: "Eina01-Bold";
      text-transform: unset;
      margin-bottom: 0; }
      @media (min-width: 992px) {
        .section-product-list .product-tile .product-collection h4 {
          font-size: 1.1429rem; } }
      @media (min-width: 1600px) {
        .section-product-list .product-tile .product-collection h4 {
          font-size: 1.4286rem; } }
    .section-product-list .product-tile .pdp-link {
      font-size: 0.929rem;
      margin-top: 0.714rem; }
      @media (min-width: 1600px) {
        .section-product-list .product-tile .pdp-link {
          font-size: 1.1429rem; } }
      .section-product-list .product-tile .pdp-link a {
        font-size: inherit;
        color: #808080;
        text-transform: uppercase; }
    @media (min-width: 992px) {
      .section-product-list .product-tile .tile-message.tile-top-right {
        right: -1.5em; } }

.editorial-story {
  margin-top: 3.214rem;
  position: relative;
  z-index: 1; }
  @media (min-width: 1200px) {
    .editorial-story {
      padding-top: 2%; } }
  @media (min-width: 1600px) {
    .editorial-story {
      padding-top: 1%; } }
  .editorial-story .container-wide-screen {
    max-width: none; }
  @media (min-width: 1600px) {
    .editorial-story {
      margin-top: 5rem; } }
  .editorial-story::before {
    content: '';
    display: block;
    min-height: 9.643em;
    width: 70%;
    position: absolute;
    z-index: 2;
    bottom: -30px;
    z-index: -1;
    background: linear-gradient(to right, #d11e47, #ef7922);
    background: -webkit-gradient(to right, #d11e47, #ef7922);
    background: -o-linear-gradient(to right, #d11e47, #ef7922);
    transform: skew(0deg, 4.7deg); }
    @media (min-width: 768px) {
      .editorial-story::before {
        min-height: 14.286em; } }
    @media (min-width: 992px) {
      .editorial-story::before {
        bottom: -50px; } }
    @media (min-width: 992px) {
      .editorial-story::before {
        width: 60%; } }
    @media (min-width: 1600px) {
      .editorial-story::before {
        min-height: 255px;
        bottom: -65px; } }
  .editorial-story .item-carousel {
    position: relative;
    z-index: 4; }
    .editorial-story .item-carousel img {
      width: 270px; }
      @media (min-width: 992px) {
        .editorial-story .item-carousel img {
          width: 350px; } }
      @media (min-width: 1200px) {
        .editorial-story .item-carousel img {
          width: 450px; } }
      @media (min-width: 1600px) {
        .editorial-story .item-carousel img {
          width: 437px; } }
  .editorial-story .editory-info {
    position: absolute;
    z-index: 5;
    left: 1rem;
    color: #fff;
    font-family: "Eina01-Bold"; }
    @media (min-width: 992px) {
      .editorial-story .editory-info {
        left: 2.571rem; } }
    @media (min-width: 1600px) {
      .editorial-story .editory-info {
        left: 3.429rem; } }
    .editorial-story .editory-info p {
      margin-bottom: 0; }
    .editorial-story .editory-info .white-button {
      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;
      min-width: 6em;
      font-family: "Eina01-Bold";
      font-size: 1.0714rem;
      padding: 0.357rem 0 0.5rem; }
      .editorial-story .editory-info .white-button:hover, .editorial-story .editory-info .white-button:focus {
        cursor: pointer; }
      .editorial-story .editory-info .white-button:hover {
        color: #fff;
        background-color: #272727;
        border-color: #272727; }
      @media (min-width: 1200px) {
        .editorial-story .editory-info .white-button {
          font-size: 1.2143rem; } }
      @media (min-width: 1600px) {
        .editorial-story .editory-info .white-button {
          font-size: 1.4286rem; } }
  .editorial-story .top {
    top: 0.5rem;
    font-size: 2.571rem; }
    @media (min-width: 992px) {
      .editorial-story .top {
        top: 1.286rem;
        font-size: 2.8571rem; } }
    @media (min-width: 1600px) {
      .editorial-story .top {
        font-size: 3.7143rem; } }
  .editorial-story .bottom {
    bottom: 2.5rem;
    font-size: 1.65rem; }
    @media (min-width: 768px) {
      .editorial-story .bottom {
        font-size: 1.929rem; } }
    @media (min-width: 992px) {
      .editorial-story .bottom {
        bottom: 4.786rem;
        font-size: 1.7143rem;
        width: 60%; } }
    @media (min-width: 1600px) {
      .editorial-story .bottom {
        font-size: 2.1429rem;
        bottom: 5.714rem; } }
    .editorial-story .bottom::after {
      background: #fff;
      content: '';
      display: block;
      padding: 3px 15px;
      position: absolute;
      z-index: 10;
      left: 0;
      bottom: -15px;
      border-radius: 15px; }
      @media (min-width: 992px) {
        .editorial-story .bottom::after {
          bottom: -25px;
          padding: 4px 30px; } }
    .editorial-story .bottom a {
      color: #fff; }
      @media (min-width: 1200px) {
        .editorial-story .bottom a {
          line-height: 2.3rem; } }
      @media (min-width: 1600px) {
        .editorial-story .bottom a {
          line-height: 2.8rem; } }
  .editorial-story .bottom-right {
    bottom: 1.5rem;
    left: auto;
    right: 1rem;
    text-align: center; }
    @media (max-width: 991.98px) {
      .editorial-story .bottom-right {
        display: none; } }
    @media (min-width: 1200px) {
      .editorial-story .bottom-right {
        bottom: 2em;
        right: 1.5em; } }
    @media (min-width: 1600px) {
      .editorial-story .bottom-right {
        bottom: 2.5em;
        right: 1.875em; } }
  .editorial-story .active-none {
    opacity: 0;
    filter: alpha(opacity=0); }
  .editorial-story .owl-stage-outer {
    padding: 10px 0;
    padding-top: 30px;
    z-index: 3; }
    @media (min-width: 992px) {
      .editorial-story .owl-stage-outer {
        padding: 20px 0;
        padding-top: 38px; } }
    @media (min-width: 1200px) {
      .editorial-story .owl-stage-outer {
        padding: 10px 0;
        padding-top: 50px; } }
    @media (min-width: 1600px) {
      .editorial-story .owl-stage-outer {
        padding-top: 56px; } }
  .editorial-story .owl-stage div.active.center {
    box-shadow: 0 2px 7px -2px #333;
    transform: translateY(-10%);
    transition: 1s; }
    .editorial-story .owl-stage div.active.center .active-none {
      opacity: 1;
      filter: alpha(opacity=1);
      animation-name: customFadeInUp;
      animation-duration: 1s;
      animation-fill-mode: both; }
    .editorial-story .owl-stage div.active.center .top {
      animation-delay: 0.2s; }
    .editorial-story .owl-stage div.active.center .bottom,
    .editorial-story .owl-stage div.active.center .bottom-right {
      animation-delay: 0.6s; }

.page .section-header .header-banner {
  background: linear-gradient(to right, #d11e47, #ef7922);
  background: -webkit-gradient(to right, #d11e47, #ef7922);
  background: -o-linear-gradient(to right, #d11e47, #ef7922); }

.page section.page-child-transparent::before {
  opacity: 0.1; }

.page .main-logo .icon-logo::before {
  color: #d11e47; }

.page .account-header .popover a:hover::before, .page .account-header .popover a:focus::before {
  background: linear-gradient(to bottom, #d11e47, #ef7922);
  background: -webkit-gradient(to bottom, #d11e47, #ef7922);
  background: -o-linear-gradient(to bottom, #d11e47, #ef7922); }

body.yellow-2-green .home-email-signup .sticky, body.teal-2-blue .home-email-signup .sticky, body.navy-2-purple .home-email-signup .sticky {
  background: linear-gradient(to right, #d11e47, #ef7922);
  background: -webkit-gradient(to right, #d11e47, #ef7922);
  background: -o-linear-gradient(to right, #d11e47, #ef7922); }

body.yellow-2-green .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"], body.teal-2-blue .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"], body.navy-2-purple .product-tile .tile-body[data-message-value="0040"] .tile-message .product-merchand-message span[data-message-value="0040"] {
  background: linear-gradient(to right, #d11e47, #ef7922);
  background: -webkit-gradient(to right, #d11e47, #ef7922);
  background: -o-linear-gradient(to right, #d11e47, #ef7922); }

.homepage .hero-banner .owl-item .video {
  min-height: 451px; }
  @media (min-width: 768px) {
    .homepage .hero-banner .owl-item .video {
      min-height: 880px; } }
  @media (min-width: 992px) {
    .homepage .hero-banner .owl-item .video {
      height: 42.2vw;
      min-height: unset; } }
  @media (min-width: 1200px) {
    .homepage .hero-banner .owl-item .video {
      height: 41.6vw; } }

.section-home-footer {
  padding-top: 5%; }
  .section-home-footer .floating-newsletter-subscription {
    position: relative;
    z-index: 1; }
    .section-home-footer .floating-newsletter-subscription .container-fluid {
      padding-left: 0;
      padding-right: 0; }
      .section-home-footer .floating-newsletter-subscription .container-fluid .content {
        width: 100%;
        font-family: "CamphorW01-Regular";
        color: #fff;
        padding-top: 2rem;
        padding-bottom: 50px;
        margin-bottom: 20px;
        text-align: center; }
        @media (min-width: 768px) {
          .section-home-footer .floating-newsletter-subscription .container-fluid .content {
            width: 410px;
            margin: auto; } }
        @media (min-width: 992px) {
          .section-home-footer .floating-newsletter-subscription .container-fluid .content {
            width: 510px; } }
        @media (min-width: 1600px) {
          .section-home-footer .floating-newsletter-subscription .container-fluid .content {
            width: 610px; } }
        .section-home-footer .floating-newsletter-subscription .container-fluid .content h2 {
          text-align: center;
          display: block;
          position: relative;
          font-family: "Eina01-Bold";
          margin-top: 2.1875rem;
          margin-bottom: 2.8571rem;
          font-size: 1.8571rem; }
          @media (min-width: 992px) {
            .section-home-footer .floating-newsletter-subscription .container-fluid .content h2 {
              font-size: 3.071rem; } }
          @media (min-width: 1600px) {
            .section-home-footer .floating-newsletter-subscription .container-fluid .content h2 {
              font-size: 3.7143rem;
              margin-bottom: 3.5714rem; } }
          .section-home-footer .floating-newsletter-subscription .container-fluid .content h2::after {
            background: #fff;
            content: '';
            display: block;
            padding: 3px 15px;
            position: absolute;
            z-index: 10;
            left: 48%;
            bottom: -20px;
            border-radius: 15px; }
            @media (min-width: 992px) {
              .section-home-footer .floating-newsletter-subscription .container-fluid .content h2::after {
                bottom: -25px;
                padding: 4px 30px; } }
        .section-home-footer .floating-newsletter-subscription .container-fluid .content .form-group {
          margin: auto;
          margin-bottom: 1.25rem;
          margin-top: 1.25rem;
          padding: 0 15px; }
          .section-home-footer .floating-newsletter-subscription .container-fluid .content .form-group .input-email {
            border: 1px solid #fff;
            padding: 2px 15px;
            height: 35px;
            font-family: "CamphorW01-Regular";
            font-size: 1rem;
            color: #fff;
            border-radius: 15px; }
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .form-group .input-email:-ms-input-placeholder {
              color: #fff; }
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .form-group .input-email::placeholder {
              color: #fff; }
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .form-group .input-email::-webkit-input-placeholder {
              color: #fff; }
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .form-group .input-email::-moz-placeholder {
              color: #fff; }
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .form-group .input-email:-ms-input-placeholder {
              color: #fff; }
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .form-group .input-email:-moz-placeholder {
              color: #fff; }
        .section-home-footer .floating-newsletter-subscription .container-fluid .content .input-group-btn {
          text-align: center; }
          .section-home-footer .floating-newsletter-subscription .container-fluid .content .input-group-btn .white-button {
            padding: 0.5rem 0; }
        .section-home-footer .floating-newsletter-subscription .container-fluid .content .img-mail {
          top: 89%;
          left: 77%;
          position: absolute;
          width: 29vw;
          z-index: 1;
          pointer-events: none;
          opacity: 0.06;
          filter: alpha(opacity=0.06);
          transform: translate(-22%, -42%); }
          .section-home-footer .floating-newsletter-subscription .container-fluid .content .img-mail img {
            width: 100%; }
          @media (min-width: 768px) {
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .img-mail {
              top: 70%;
              width: 160px;
              left: 82%; } }
          @media (min-width: 992px) {
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .img-mail {
              top: 78%;
              width: 180px;
              left: 75%;
              transform: translate(-50%, -50%); } }
          @media (min-width: 1600px) {
            .section-home-footer .floating-newsletter-subscription .container-fluid .content .img-mail {
              top: 70%;
              width: 290px; } }
        .section-home-footer .floating-newsletter-subscription .container-fluid .content .resp-messages {
          text-align: center;
          margin: 10px 0; }
    .section-home-footer .floating-newsletter-subscription::before {
      content: '';
      display: block;
      width: 100%;
      height: 120%;
      position: absolute;
      z-index: -1;
      left: 0;
      top: 0;
      background: linear-gradient(to right, #d11e47, #ef7922);
      background: -webkit-gradient(to right, #d11e47, #ef7922);
      background: -o-linear-gradient(to right, #d11e47, #ef7922);
      transform: skew(0deg, 4.7deg); }
      @media (min-width: 1200px) {
        .section-home-footer .floating-newsletter-subscription::before {
          height: 130%; } }
      @media (min-width: 1600px) {
        .section-home-footer .floating-newsletter-subscription::before {
          height: 140%; } }

.product-tile .tile-body[data-message-value="0060"] .tile-top-left, .product-tile .tile-body[data-message-value="0070"] .tile-top-left, .product-tile .tile-body[data-message-value="0080"] .tile-top-left {
  top: 1.5em; }

.product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message, .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message, .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message {
  width: 100%;
  max-height: 1.5rem;
  min-height: 1.5rem; }
  [data-action^="Sites"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message,
  [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message, [data-action^="Sites"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message,
  [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message, [data-action^="Sites"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message,
  [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message {
    padding: 0 5px; }
    @media (min-width: 992px) {
      [data-action^="Sites"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message,
      [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message, [data-action^="Sites"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message,
      [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message, [data-action^="Sites"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message,
      [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message {
        margin-right: 1.5rem;
        padding: 0; } }
  .recommendations .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message, .recommendations .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message, .recommendations .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message {
    padding: 0 5px; }
  @media (min-width: 768px) {
    .product-merchand-message .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message, .product-merchand-message .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message, .product-merchand-message .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message {
      margin-right: 1.5rem; } }
  .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0060"], .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0070"], .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0080"], .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0060"], .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0070"], .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0080"], .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0060"], .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0070"], .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0080"] {
    width: 100%;
    color: #fff;
    display: block;
    text-transform: none;
    height: 20px;
    padding: 0;
    line-height: 20px;
    background: linear-gradient(to right, #d11e47, #ef7922);
    background: -webkit-gradient(to right, #d11e47, #ef7922);
    background: -o-linear-gradient(to right, #d11e47, #ef7922); }
    @media (min-width: 1200px) {
      .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0060"], .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0070"], .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0080"], .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0060"], .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0070"], .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0080"], .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0060"], .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0070"], .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0080"] {
        height: 22px;
        line-height: 22px; } }
    .red-2-orange .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0060"], .red-2-orange .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0070"], .red-2-orange .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0080"], .red-2-orange .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0060"], .red-2-orange .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0070"], .red-2-orange .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0080"], .red-2-orange .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0060"], .red-2-orange .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0070"], .red-2-orange .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0080"] {
      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 .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0060"], .yellow-2-green .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0070"], .yellow-2-green .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0080"], .yellow-2-green .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0060"], .yellow-2-green .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0070"], .yellow-2-green .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0080"], .yellow-2-green .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0060"], .yellow-2-green .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0070"], .yellow-2-green .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0080"] {
      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 .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0060"], .teal-2-blue .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0070"], .teal-2-blue .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0080"], .teal-2-blue .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0060"], .teal-2-blue .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0070"], .teal-2-blue .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0080"], .teal-2-blue .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0060"], .teal-2-blue .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0070"], .teal-2-blue .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0080"] {
      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 .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0060"], .navy-2-purple .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0070"], .navy-2-purple .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0080"], .navy-2-purple .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0060"], .navy-2-purple .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0070"], .navy-2-purple .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0080"], .navy-2-purple .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0060"], .navy-2-purple .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0070"], .navy-2-purple .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0080"] {
      background: linear-gradient(to right, #02549d, #c11c8a);
      background: -webkit-gradient(to right, #02549d, #c11c8a);
      background: -o-linear-gradient(to right, #02549d, #c11c8a); }
    [data-action^="Sites"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0060"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0060"], [data-action^="Sites"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0070"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0070"], [data-action^="Sites"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0080"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message span[data-message-value="0080"], [data-action^="Sites"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0060"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0060"], [data-action^="Sites"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0070"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0070"], [data-action^="Sites"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0080"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message span[data-message-value="0080"], [data-action^="Sites"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0060"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0060"], [data-action^="Sites"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0070"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0070"], [data-action^="Sites"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0080"],
    [data-action="Home-Show"] .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message span[data-message-value="0080"] {
      background: linear-gradient(to right, #d11e47, #ef7922);
      background: -webkit-gradient(to right, #d11e47, #ef7922);
      background: -o-linear-gradient(to right, #d11e47, #ef7922); }
  @media (min-width: 768px) {
    .product-tile .tile-body[data-message-value="0060"] .tile-message .product-merchand-message, .product-tile .tile-body[data-message-value="0070"] .tile-message .product-merchand-message, .product-tile .tile-body[data-message-value="0080"] .tile-message .product-merchand-message {
      max-height: 1.5rem;
      min-height: 1.5rem; } }

.product-tile .tile-body[data-message-value="0060"] .tile-top-right, .product-tile .tile-body[data-message-value="0070"] .tile-top-right, .product-tile .tile-body[data-message-value="0080"] .tile-top-right {
  width: 100%; }