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

/*colori

*/
/*font

*/
/*variabili    		es.	color:var(--varA);*/
:root{
	--mainTextColor:#000;
	--mainFont:'Montserrat', sans-serif;
	--specialFont:;
	--specialColor:#232A3F; /*blu*/

	--mainTitleSize: 32px;
	--mainTitleLineHeight: 27px;
	--mainTitleLetterSpacing: 0.1em;
	--mainTitleWeight:500;

}
html, body{height:100%;min-height:100%}
html *{box-sizing:border-box;outline:none;}
body {min-height: 100vh;min-height: -webkit-fill-available;}
html {height: -webkit-fill-available;}
body{margin:0;padding:0;font-size:13px;line-height:22px;letter-spacing: 0.03em;color:var(--mainTextColor);background-color:#fff;font-family:var(--mainFont);font-weight:400}
ul, ol {margin:0;padding:0;list-style:none}
img, a{border:0}
a{color:#040404;text-decoration:none;}
a:hover, a:hover *{transition: all 0.3s linear;transform:translateY(1) scale(1);-webkit-transform: translateY(1) scale(1);}
a:hover{text-decoration:none}
img{width:100%;height:auto;float:left;}
a, img{outline:none;}
p{padding-bottom:2%;margin:0;}
b{font-weight:bold}
ul{margin-bottom:2%}
ol li {display:inline-block;width:100%;}
input{height:20px}
select{height:30px}
label{vertical-align:middle}
input, select{height:22px;}
input, textarea, select{font-family:var(--mainFont);font-weight: 400;border:none;line-height:1;border:1px solid #a8a8a8;border-radius: 0;padding:0 5px;background-color:#fff;vertical-align:middle;color:var(--mainTextColor);}
input:focus, select:focus, textarea:focus{color:var(--specialColor); -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;}
::-webkit-input-placeholder{color:#767477;font-weight: 400;}
:-moz-placeholder{color:#767477;font-weight: 400;}
::-moz-placeholder{color:#767477;font-weight: 400;}
:-ms-input-placeholder{color:#767477;font-weight: 400;}
input:focus::-webkit-input-placeholder{opacity:0.4}
input:focus:-moz-placeholder{opacity:0.4}
input:focus::-moz-placeholder{opacity:0.4}
input:focus:-ms-input-placeholder{opacity:0.4}

button{font-family:var(--mainFont);font-weight: 400;cursor:pointer}

body *{scrollbar-color:#000 #f0f1f2;scrollbar-width:thin;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body *::-webkit-scrollbar {width:3px;}
body *::-webkit-scrollbar-track {background: #f0f1f2;}
body *::-webkit-scrollbar-thumb {background: #000;}
body *::-webkit-scrollbar-thumb:hover{background: #000000;}

.TrustPilot {
    width: 10%!important;
    margin-left: 45%!important;
    margin-top: 3%;
}
.mobile { display: none}
.desktop { display: block}
/* preset */
.displayNo{display:none;}
.row{width:100%;float:left;}
.rowMin{width:100%;padding-left:1.5%;padding-right:1.5%;float:left;}
.rowMaxW{width:100%;padding-left:1.5%;padding-right:1.5%;max-width:1440px;margin:0 auto;display:flex;}
.mobileOnly{display:none}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.flex-column{flex-flow:column;}
.d-flex{display:flex;flex-wrap:wrap;}
.d-block{display:block;}
.justify-end{justify-content:flex-end;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.windowLayerOpened{overflow-y:hidden;padding-right:18px}
.windowLayerOpened:before, .menuOpened:before, .searchOpened:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.1;z-index:999999;transition: all 0.3s linear;}
.weight500{font-weight:500}
.weight600{font-weight:600}
.weight700{font-weight:700}
.m-top{margin-top:20px;}
.m-bottom{margin-bottom:20px;}
.underline{text-decoration:underline;}
.uppercase{text-transform:uppercase;}
.red{color: red}
.mobile{display: none}
.desktop{display: block}


.secondTitle2 {font-weight: 300;font-size: 24px;}

/* generale ************************************************************************************************************************************************/
.wrapTop{z-index:99909;position:relative;background:#fff;}
.menuOpened .wrapTop{z-index:9999999}
.superTop {display:flex;justify-content:right;align-items:center;margin-top:27px;}
.superTop .mainLogo{margin:0 auto;}
.superTop .mainLogo img{width:180px;margin-left:214px}
.superTop .mainLogo h1{display:flex;margin:0;padding:0;}
.superTop .iconDiv{padding:2px 0 2px 14px;margin-left:14px;border-left:1px solid #E1E1E1;cursor:pointer;position:relative;}
.superTop .iconDiv:first-of-type{border:none;}
.superTop .iconDiv img{height:12px;}
.superTop .iconDiv .cartNum{position:absolute;top: -5px;right: -12px;width: 19px;height: 15px;border-radius:18px;background:#000;color:#fff;font-size:8px;line-height:12px;border: 2px solid #FFFFFF;text-align:center;}

.checkoutArea .productList.horizontalProduct li.emptyMsg a {justify-content: center;}
.selectValue{line-height: 22px!important;z-index: 999999;position: relative;border-top: 0!important;display:flex;flex-flow:row;width:120px;text-align:right;margin-top:0!important;font-size:13px!important;}
.selectValue span{display:inline-block!important;padding:0!important;background:none!important;border: none!important}
.selectValue img{width: 12px;float: none;margin-left: 2px;border-radius:100%; display: none}
.selectValue .dropDownEl{position:absolute;top: 22px;padding: 10px 0!important;right:0;width: 116px;text-align:center;background: #FFFFFF;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);border-radius: 8px;}
.selectValue .dropDownEl li{cursor: pointer;margin:0}
.selectValue .dropDownEl li:hover{background:#FAFAFA;}
.selectValue .dropDownEl li.sel{background:#FAFAFA;background-image:url(../img/icon/checkmark.svg);background-repeat: no-repeat;background-position: 8px center;}
footer .selectValue{margin:0 auto;padding: 20px 0;display: none}
footer .selectValue .dropDownEl{top:-90px}
footer .selectValue li{padding:4px 0}

.topNavbar{margin-top:17px;font-size:11px;line-height: 27px;text-transform:uppercase;letter-spacing:0.088em;position:relative;}
.topNavbar .mainNav{text-align:center;padding-bottom:5px;border-bottom:1px solid #C4C4C4;font-weight:500}
.topNavbar .mainNav ul{margin:0;padding:0;}
.topNavbar .mainNav ul li{display:inline-block;margin:3px 12px;}
.topNavbar .mainNav ul li a, .topNavbar .mainNav ul li span{display:inline-block;cursor:pointer;}
.topNavbar .mainNav .subNavArea{height: 0;transition: all .5s ease-in-out;opacity:0;overflow:hidden;text-align:left;position:absolute;padding-top:24px;top:39px;left:0;width:100%;background-color:#fff;display:flex;justify-content:center;}
.topNavbar .mainNav .subNavArea .subNav{padding-bottom:24px;width:40%;max-width:500px;margin: 20px 50px 0 0;font-size: 10px;line-height: 19px;font-weight:400;display: flex;flex-flow: column;justify-content: space-between;}
.topNavbar .mainNav .subNavArea .subNav li{display:block;margin:0;}
.topNavbar .mainNav .subNavArea .subNav .mainSubNav{column-count:2;}
.topNavbar .mainNav .subNavArea .subNav .secondarySubNav{column-count:2;font-weight:600;margin-top:15px}
.topNavbar .mainNav .subNavArea .subNav .secondarySubNav li a{display:block;}
.topNavbar .mainNav .subNavArea .subNav .secondarySubNav li a img{width:10px;height:auto;float:none;margin-left:8px}
.topNavbar .mainNav .subNavArea .imgArea{padding-bottom:24px;width:40%;max-width:577px;}
.topNavbar .mainNav .activeSubnav .subNavArea{top:39px;opacity:1;height: auto}
.topNavbar .mainNav .activeSubnav .openSubnav{font-weight:600}

.productListSection{padding-top:88px;padding-bottom:60px;text-align:center;}
.productList{display:flex;justify-content:left;flex-wrap:wrap;width:100.5%;margin-bottom:50px}
.productList li{width:24.5%;margin:.5% .5% 0 0;position:relative;}
.productList li a{background:#FAFAFA;display:block;text-align:center;transition: all .5s ease-in-out;height:100%;width:100%;;}
.productList li a:hover{background: linear-gradient(0deg, rgba(17, 17, 17, 0.04), rgba(17, 17, 17, 0.04)), #FAFAFA;}
.productList li img{max-width:270px;float:none;margin:0 auto;padding: 30px 20px 30px 20px;display:block;height:auto;width:100%;}
.productList li .textArea{width:100%;margin:0 auto;padding:0 30px 30px 30px}
.productList li .textArea .brandName{font-size: 10px;line-height: 14px;letter-spacing: 0.03em;text-transform: uppercase;margin:0;font-weight:400}
.productList li .textArea .productName{font-weight:600;font-size:13px;line-height:22px;text-align:center;letter-spacing:0.03em;margin:12px 0 5px 0;}
.productList li .textArea .productName span{display:block;}
.productList li .textArea .productPrice{font-weight:700;font-size: 13px;line-height: 14px;letter-spacing:0.03em;text-transform:uppercase;color:#000;}
.productList li .btn.btnLabel.dialogBlock{position:absolute;right:8px;top:8px;}

.bigCenteredBlockWimg{display:flex;flex-wrap:wrap;width:100%;max-width:1162px;margin:0 auto;justify-content:space-between;letter-spacing: 0;margin-top:100px;}
.bigCenteredBlockWimg .imgArea{width:40%}
.bigCenteredBlockWimg .textArea{width:50%}
.bigCenteredBlockWimg .textArea h2{font-size:80px;line-height:100px;text-transform:uppercase;font-weight:400;margin:0 0 30px 0;}
.bigCenteredBlockWimg .textArea p{font-size:18px;line-height: 32px;padding-bottom:50px}

.linkList, .elementList{font-weight:500;font-size:15px;line-height:103.8%;margin-top:30px}
.linkList li,.elementList li{display:inline-block;width:100%;border-top:1px solid rgba(35,42,63,0.13);}
.linkList li:last-of-type,.elementList li:last-of-type{border-bottom:1px solid rgba(35,42,63,0.13);}
.linkList li a,.elementList li span{display:block;padding:26px 30px 26px 0;background-image:url("../img/icon/arrowRightLinear.svg");background-position:right center;background-repeat:no-repeat;}

.dropDownBlock{font-weight:400;font-size:12px;line-height:103.8%;margin-top:32px;border-top:1px solid rgba(35,42,63,0.13);}
.dropDownBlock .dropDownButton{display:inline-block;width:100%;border-bottom:1px solid rgba(35,42,63,0.13);cursor:pointer;}
.dropDownBlock .dropDownButton span{display:block;padding:26px 30px 26px 0;text-transform:uppercase;background-image:url("../img/icon/plus.svg");background-position:right center;background-repeat:no-repeat;font-weight:600}
.dropDownBlock .dropDownButton.visibleEl span{background-image:url("../img/icon/minus.svg");}
.dropDownBlock .dropDownEl{display:none;font-size:13px;line-height:22px;letter-spacing:0.03em;padding:20px 0;}

.pageCatalogue .productListSection{padding-top: 0}

.filterBlock{flex-wrap:wrap;margin-bottom:14px;text-align:left;padding-left:0;padding-right:0;display:flex;position: sticky;top: 0;padding-top: 10px;z-index:9999;background:#fff;}
.filterBlock .filterGroup{display:flex;justify-content:flex-start;align-items:center;}
.filterBlock .filterGroup .filterChoice{width:135px;position:relative;margin:0 4px;margin-bottom:10px}
.filterBlock .filterGroup .filterChoice.wBig{width:240px;}
.filterBlock .filterGroup .filterChoice.wBig ul{width:240px;}
.filterBlock .filterGroup .filterChoice .filterBtn{outline: none;height:40px;display: flex;justify-content:flex-start;align-items:center;border:1px solid #E8E8E8;border-radius: 4px;padding:0 10px;cursor: pointer;}
.filterBlock .filterGroup .filterChoice .filterBtn img.iconSearch{height:12px;width:auto;margin:auto 0 auto auto}
.filterBlock .filterGroup .filterChoice .filterName{margin-right:4px;}
.filterBlock .filterGroup .filterChoice .filterSelection{font-weight:600;}
.filterBlock .filterGroup .filterChoice .filterBtn:before{content:"";right:7px;position:absolute;top:50%;margin-top:-3px;width:10px;height:6px;opacity: 0.3;background-image:url("../img/icon/icon-caret.svg");background-position:right center;background-repeat:no-repeat;}
.filterBlock .filterGroup .filterChoice .filterBtn.noArrow:before{display:none;}
.filterBlock .filterGroup .filterChoice ul{transition:visibility .1s ease-in;overflow-y:auto;font-size:10px;line-height: 19px;text-transform: uppercase;position:absolute;left:0;top:40px;width:278px;z-index: 999;background:#fff;border:1px solid #E8E8E8;border-radius: 4px;margin-top:4px;padding:16px;visibility: hidden;height: 0;max-height: 0;opacity: .6}
.filterBlock .filterGroup .filterChoice ul.column2{display:flex;justify-content:space-between;flex-wrap: wrap;}
.filterBlock .filterGroup .filterChoice ul.column2 li{width:50%;text-align: left;font-size: 12px; margin: 4px 0;}
.filterBlock .filterGroup .filterChoice ul.column2 li input{display:inline-block;width:18px;height:18px;}
.filterBlock .filterGroup .filterChoice ul.column2 li input:checked:before{width: 12px;height: 12px;margin-left: -3px;margin-top: 2px;}
.filterBlock .filterGroup .filterChoice ul.visibleFilter{height: auto;max-height:250px;transition:all .5s ease-out;opacity:1;visibility: visible;}
.filterBlock .filterGroup .filterChoice ul li{outline: none}
.filterBlock .filterGroup .filKBterChoice ul li a,.filterBlock .filterGroup .filterChoice ul li span, .filterBlock .filterGroup .filterChoice ul li label{cursor: pointer;display:block;}
.filterBlock .filterGroup .filterChoice ul li input{display: none;appearance: none;-webkit-appearance: none;width: 24px;height: 24px;border-radius:100%;border:1px solid #E5E5E5;margin-right: 20px}
.filterBlock .filterGroup .filterChoice ul li input:checked{border-color: #000;border-radius: 100%;}
.filterBlock .filterGroup .filterChoice ul li input:checked:before{content: "";width: 16px;height: 16px;border-radius:100%;background:#000;display: block;margin-left: -2px;margin-top: 3px;}
.filterBlock .filterGroup .filterChoice ul li.selectedEl{font-weight:600;}
.filterBlock .filterGroup .filterChoice:last-child ul{left:inherit;right:0;text-align: right}
.filtersSelected{padding-left: 20px;padding-right: 20px;display:flex;justify-content:center;align-items:center;margin:0 0 18px 0;font-size:10px;font-weight:500;text-transform:uppercase;flex-wrap: wrap;}
.filtersSelected span{margin-right:8px;}
.filtersSelected button{outline: none;color: #9e9e9e;text-transform:uppercase;font-weight:500;font-size:11px;background: #FAFAFA;border-radius:4px;padding: 10px 0px 10px 6px;margin:4px;border: none;cursor: pointer;display:flex;align-items:center;}
.filtersSelected button img{margin:auto 10px auto 5px;height: 11px;width:auto; }

.pageProduct #main{margin:49px auto 48px auto;float: left;display: block;overflow:hidden;padding-bottom:65px;border-bottom:1px solid #E5E5E5;position:relative;}
.pageProduct .galleryBlock{width:50%;float:left;}
.pageProduct .galleryBlock a{display:inline-block;width:100%;margin-bottom: 2px;float:left;}
.pageProduct .galleryBlock .expandGallery{position:absolute;bottom:158px;right:94px;width:97px}
.pageProduct .galleryBlock .popup-vimeo{position: relative;width:100%;height:100%;}
.pageProduct .galleryBlock .popup-vimeo:before{content:"";background-color: #000;background-image:url(../img/icon/play.svg);opacity:.6;width:100%;display:block;position:absolute;left:0;top:0;height:100%;background-size: 80px;background-position: center;background-repeat: no-repeat;}
.pageProduct .expandImg{cursor: pointer;width:97px;left:0;z-index: 9999;position:absolute;top:50vh;margin-left:40%;margin-bottom:58px}
.pageProduct .productBlock{width:49.9%;float:right;display:block;bottom:0;top:0;padding:10px 50px 0 90px;}
.pageProduct .productBlock h1{font-size:20px;font-weight:500;margin-bottom: 5px;}
.pageProduct .productBlock h2{font-size:15px;font-weight:400}
.pageProduct .productBlock h3{font-size:20px;font-weight:500;margin-top: 0;}
.pageProduct .productBlock .dropDownBlock.onlyMobile .dropDownEl{font-size:15px;òine-height:26px}
.pageProduct .productBlock .miniDetails{margin:38px 0 65px 0;padding-bottom:12px;border-bottom:1px solid #E5E5E5}
.pageProduct .productBlock .miniDetails span{display:inline-block;}
.pageProduct .productBlock .miniDetails span:before{content:"";width:2px;height:2px;background:#000;border-radius:100%;vertical-align:middle;display:inline-block;margin-left:8px;margin-right:8px}
.pageProduct .productBlock .miniDetails span:first-child:before{display:none}
.pageProduct .productBlock .buyArea span{display:block;}
.pageProduct .productBlock .buyArea span.prodPrice{font-weight:500;font-size:28px}
.pageProduct .productBlock .buyArea span.prodStock{margin:17px 0;font-size:11px;text-transform:uppercase;opacity:.6}
.pageProduct .productBlock .buyArea .buttonGroup{display:flex;justify-content:space-between;flex-wrap:wrap;}
.pageProduct .productBlock .buyArea .buttonGroup .btn{width:47%;min-width:1px;border-radius:0;font-size:13px;}
.pageProduct .productBlock .buyArea .buttonGroup .btn.notifyBtn{width:100%;color: black;}
.pageProduct .productBlock .dropDownBlock ul li,#specificationPanel ul li{display:block;}
.pageProduct .productBlock .dropDownBlock ul li h3,#specificationPanel ul li h3{font-size:13px;line-height:22px;font-weight:300;margin:8px 0;}
.pageProduct .productBlock .dropDownBlock ul li h3 .bold,#specificationPanel ul li h3 .bold{font-weight:500}
.pageProduct .suggestionBlock {flex-wrap: wrap;margin-bottom:190px;}
.pageProduct .suggestionBlock .sectionTitle{width: 100%;display:block;text-align:center;font-size:15px;font-weight:500;margin:0 0 24px 0;text-transform:uppercase;}
.pageProduct .suggestionBlock ul{margin:0;}
.pageProduct .galleryBlock .swiper {width:100%;}
.pageProduct .galleryBlock .swiper-wrapper{flex-wrap:wrap;}
.pageProduct .swiper .swiper-pagination-bullet{background:#fff;opacity:.5;}
.pageProduct .swiper .swiper-pagination-bullet-active{opacity:1;}
.pageProduct .elementList {font-size:12px;font-weight:600;margin-top:32px;}

.curatedMain{max-width:926px;}
.curatedMain .filterBlock .filterGroup .filterChoice ul li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 34ch;display: inline-block;}
.curatedMain .filterBlock .filterGroup .filterChoice ul li input{width:100%;border: none;display:block;height:30px;}
.articleList{margin-top:20px}
.articleList li a{border-bottom:1px solid #E8E8E8;padding:43px 0;}
.articleList li a{display:flex;width:100%;align-items:center;flex-wrap:wrap;justify-content:space-between;font-size:24px;line-height:32px}
.articleList li a img{width:36%;border-radius:8px}
.articleList li a .textArea{width:60%;text-align:left;}
.articleList li a .textArea span{color:#636877;opacity:.5}
.articleList li a .textArea h2{color:#232A3F;font-weight:400;margin-top:12px;font-size:24px}
.articleList li a:hover h2{color:#000;opacity:.5}

.articleMain{max-width:1130px;display:flex;flex-wrap:wrap;margin:0 auto;width:100%;padding-top:0px;float:none;}
.articleMain .articleArea{width:100%;}
.articleMain .articleArea a{text-decoration:underline;}
.articleMain .articleArea .firstArea{z-index: 999;width:100%;display: flex;flex-flow: column;padding-top:30px;padding-bottom: 30px;justify-content: space-between;text-align:center;background:#fff;}
.articleMain .articleArea .firstArea .articleTitle{color: #232A3F;font-weight: 500;line-height:32px;margin-top:12px;font-size:24px;}
.articleMain .articleArea .firstArea .articleDate {color: #636877; opacity:.5;line-height:32px;display:block;font-size:24px;}
.articleMain .articleArea .firstArea .bottomSpan{font-size:18px;line-height:28px}
.articleMain .articleArea .firstArea .bottomSpan a{text-decoration:underline;}
.articleMain .articleArea .articleBlock{margin-top:50px;margin-bottom:50px;}
.articleMain .articleArea .lastArea{width:100%;}
.articleMain .articleArea .lastArea .imageGallery{display:inline-block;margin-bottom:40px;}
.articleMain .articleArea .lastArea .endSpan{display:block;margin-top:50px}
.articleMain .articleArea .lastArea .sideImg{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.articleMain .articleArea .lastArea .sideImg .imageGallery{width:50%;margin:0}
.articleMain .articleArea .lastArea .sideImg .imageGallery img{width:100%;}
.articleMain .articleArea .lastArea .sideImg .textArea{width:44%;}
.articleMain .articleArea .prevnext{display:flex;justify-content:space-between;border-bottom:1px solid #C4C4C4;padding-bottom:20px;margin-bottom:35px; background-color: #f4f4f4;
padding-top: 25px;}

.articleMain .articleArea .lastArea p{font-size: 15px;}
.articleMain .articleArea .prevnext a{min-width:0px;}
.articleMain .articleArea .prevnext a:last-child{text-align:right;}
.articleMain .articleArea .quote{display:inline-block;font-size: 28px;line-height: 1;font-weight: bold;font-style: italic;margin-top: 80px;margin-bottom:80px;}
.articleMain .articleArea .swiperBlock{width:100%;overflow: hidden;position:relative;}
.articleMain .articleArea .swiperBlock .imageGallery{margin:0}
.articleMain .articleArea .swiperBlock .swiper-pagination-bullet{background:#fff;opacity:.5;}
.articleMain .articleArea .swiperBlock .swiper-pagination-bullet-active{opacity:1;}

body .mfp-figure:after{box-shadow:none;}
body .mfp-bottom-bar{display:none;}
body .mfp-arrow-right:after,body .mfp-arrow-left:after{border:none!important}
body .mfp-arrow-right:before{border-left: 16px solid #3F3F3F; border-left-color:#fff!important}
body .mfp-arrow::before {border-top-width: 12px;border-bottom-width: 12px;opacity: 0.7;}
body .mfp-arrow::before, body .mfp-arrow::after {margin-left: 29px;}
body .mfp-arrow-left:before{ margin-left: 19px;border-right: 16px solid #3F3F3F;border-right-color:#fff;}
body .mfp-arrow {opacity:1;width: 65px;height: 93px;}



footer{font-size:13px;line-height:19px;text-align:center;margin-top:80px;color:#7c7c7c;margin-bottom: 60px;}
footer a{color:#7c7c7c;}
footer .footerList{border-bottom: 0px solid rgba(35,42,63,0.13);padding:0 0 10px 0;margin:20px 0 20px;text-align:center}
footer .footerList li{display:inline-block;margin:0 15px;}
footer .footerList li span{color:#000;}
footer .footerCta{line-height: 26px;margin: 0 0 25px 0;font-size: 24px;color: #000;border-bottom: 1px solid rgba(35,42,63,0.13);}
footer .footerCta .footerCtaEl{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-top: 1px solid rgba(35,42,63,0.13);}
footer .footerCta .footerCtaEl a{color: #000}
footer .footerCta .footerCtaEl button.btn{min-width:192px;font-size:12px;font-weight:600}
footer .footerCta input{border: none;font-size:24px;text-align:right;padding: 0}
footer .footerSocial{display:flex;justify-content:center;margin:0}
footer .footerSocial a {padding:20px;padding-right: 0;}
footer .footerSocial a img{width:auto;height:16px;}

.windowLayerOpened .pageHomepage .fullWidthBanner{filter:blur(1px);}
.pageHomepage .fullWidthBanner{position:relative;background-image:url(../img/content/homeBg.jpg);z-index:1}
.pageHomepage .fullWidthBanner:before{z-index:2;content:"";position:absolute;width:100%;height:100%;background:black;background: linear-gradient(180deg, #111111 0%, rgba(17, 17, 16, 0) 100%);opacity: 0.7;}
.pageHomepage .fullWidthBanner .textArea{text-align:center;padding-top:135px;display:flex;min-height:100vh;align-items:center;justify-content:center;flex-flow:column;color:#fff;position:relative;z-index:3;}
.pageHomepage .fullWidthBanner .textArea h2{font-size:32px;text-transform:uppercase;line-height: 27px;letter-spacing:0.1em;font-weight:400;margin:0;}
.pageHomepage .fullWidthBanner .textArea h3{font-weight:400;font-size:19px;text-transform:uppercase;line-height:27px;letter-spacing: 0.1em;margin:18px 0 0 0}
.pageHomepage .fullWidthBanner .textArea p{font-size:15px;line-height:22px;font-weight:300;margin:25px 0 35px 0}
.pageHomepage .fullWidthBanner .btn{min-width:360px;margin:5px 10px;}
.pageHomepage .wrapTop{background:transparent;}
.pageHomepage .superTop{filter:invert(1);}
.pageHomepage .superTop .selectValue *{filter: invert(0);}
.pageHomepage .superTop .selectValue img{filter: invert(1);}
.pageHomepage .superTop .selectValue .dropDownEl li.sel,.pageHomepage .superTop .selectValue .dropDownEl li:hover{background-color:#dddddd;}
.pageHomepage .topNavbar{z-index:-1;}
.pageHomepage .topNavbar .mainNav ul li a, .pageHomepage .topNavbar .mainNav ul li span{color:#fff;}
.pageHomepage .topNavbar .mainNav .subNav a{color:#000;}
.pageHomepage .superTop .iconDiv, .pageHomepage .topNavbar .mainNav{border-color:#959595;border-color:#95959591}
.pageHomepage .wrapTop{position:absolute;top:0;left:0}

main .mainTitle{margin: 60px 0 40px 0}
.mainTitle{margin-bottom:85px;font-weight:var(--mainTitleWeight);font-size:var(--mainTitleSize);letter-spacing:var(--mainTitleLetterSpacing);line-height:var(--mainTitleLineHeight);text-transform:uppercase;}
.mainTitle span{display:block;margin-top:10px;font-size:11px;text-transform:uppercase;line-height: 27px;letter-spacing: 0.048em;color:#9e9e9e;}
.mainText{font-weight:500;line-height:22px;margin:0 auto 40px auto;max-width:622px}
.mainText.fullText{margin-top:50px;max-width:100%;}
.mainText p{padding:0 0 20px 0}
.mainText h2{text-transform:uppercase;margin: 60px 0 30px 0;font-weight:var(--mainTitleWeight);font-size:20px;text-transform:uppercase;}
.mainText h3{margin:60px 0 30px 0;font-weight:var(--mainTitleWeight);font-size:18px;}

.readMoreBlock{display:none;}

#translations-customerssay{display: none!important}
.bannerTitleTop.pexchange {
  min-height: 280px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: #fff;
  flex-wrap: wrap;
  flex-direction: column;
}
.bannerTitleTop.sellyourwatch {
  min-height: 280px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: #fff;
  flex-wrap: wrap;
  flex-direction: column;
}
.bannerTitleTop.pexchange .mainTitle{margin: 20px 0;font-weight: 400;line-height: 34px;}
.bannerTitleTop.sellyourwatch .mainTitle{margin: 20px 0;font-weight: 400;line-height: 34px;}
.bannerTitleTop{min-height:280px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;color:#fff;}
.bannerTitleTop .mainTitle{margin:40px 0;font-weight:400;line-height:34px}
.bannerTitleTop.contactUs{background-image:url(../img/content/banner/contactus.jpg);}
.bannerTitleTop.sellyourwatch{background-image:url(../img/content/banner/contactus.jpg);}
.bannerTitleTop.pexchange{background-image:url(../img/content/banner/contactus.jpg);}
.megaBannerTop{display:flex;width:100%;background-size:cover;background-position:center;min-height:550px;height:80vh;align-items:flex-end;text-align:left;justify-content:flex-start;color:#fff;}
.megaBannerTop.aboutUs{background-image:url(../img/content/about.jpg);}
.megaBannerTop.privacyMega{background-image:url(../img/content/banner/privacy.jpg)}
.megaBannerTop.termsMega{background-image:url(../img/content/banner/termini.jpg)}
.megaBannerTop.sitemapMega{background-image:url(../img/content/banner/siteMap.jpg)}
.megaBannerTop.loginBg{background-image:url(../img/content/banner/login.jpg)}
.megaBannerTop.aboutUs header,.megaBannerTop header{margin-bottom:50px;display:flex;flex-flow:column;max-width:460px}
.megaBannerTop.aboutUs header h1,.megaBannerTop header h1{margin:0;font-size:80px;line-height: 1;text-transform:uppercase;font-weight:600;letter-spacing:0}
.megaBannerTop.aboutUs header h2,.megaBannerTop header h2{margin:16px 0 49px 0;font-size:15px;line-height: 26px;font-weight:400}
.megaBannerTop.genericMega{background-image:url(../img/content/about.jpg);}

.megaBannerTop.loginBg{align-items:center;}
.megaBannerTop.loginBg .loginArea2{background:#fff;width:100%;max-width:694px;margin:0 auto}
.megaBannerTop.loginBg .loginArea2 .asButtonWrap .asButton{height:88px;width:50%;color:#000;align-items: center;display:flex;justify-content: center;font-size:20px;font-weight:500;}
.megaBannerTop.loginBg .loginArea2 .asButtonWrap a.asButton{background:#F2F2F2}
.megaBannerTop.loginBg .loginArea2 .twc-form{padding:45px 115px;margin-bottom:70px;}

.pageForm #main{max-width:1000px;justify-content:space-between;margin-top:64px}
.pageForm .asideArea{width:33%;}
.pageForm .asideArea h3{font-size:15px;font-weight:600;line-height:42px;text-transform:uppercase;margin:0;}
.pageForm .asideArea section{margin-bottom:40px}
.pageForm .twc-form{width:52%}
.twc-form .secondTitle{font-weight:300; text-align: center; line-height: 26px;}
.twc-form p{text-align: center;}
.MorePadding {padding-top: 90px}
.pageForm .fullWidthContent{flex-wrap:wrap;max-width:1200px;}
.pageForm .fullWidthContent .asideArea,.pageForm .fullWidthContent .twc-form{width:100%;}
.pageForm .fullWidthContent.twoClmnForm form{column-count:2;column-gap:100px;}
.pageForm .fullWidthContent.twoClmnForm form .formSectionTitle:first-of-type{margin-top:0;}
.pageForm .fullWidthContent.twoClmnForm form .form-group{break-inside: avoid;}

.internalPage .bigCenteredBlockWimg{max-width:100%;margin-bottom: 215px;}
.internalPage .bigCenteredBlockWimg .textArea h2{font-size: 56px;line-height: 72px;}

.column2{display:flex;flex-wrap:wrap;margin:115px 0}
.column2 section{width:40%;}
.column2 section:first-child{margin-right:10%}
.column2 section h2{text-transform:uppercase;font-size: 20px;line-height:32px;letter-spacing:0.07em;margin:0 0 16px 0;font-weight:400}

.column3{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;width:100%;margin-top:194px;font-weight:500;font-size:18px;line-height: 32px;}
.column3 h2{width:100%;font-size: 56px;font-weight:600;line-height: 72px;text-transform:uppercase;margin:0 0 80px 0;}
.column3 .column{width:29.5%}
.column3 .column h3{display:inline-block;font-size: 20px;line-height: 32px;text-align: center;letter-spacing: 0.07em;text-transform: uppercase;font-weight:600;margin:42px 0 0 0;}
.column3 .column span{display:block;}
.column3 .column p{font-size: 18px;font-weight:400;line-height: 32px;margin-top:15px}
.column3:last-child{margin-bottom:200px}

.twc-form label{font-weight:500;margin-bottom:24px;display:block;}
.twc-form label, .twc-form input, .twc-form select, .twc-form textarea{vertical-align:text-bottom;letter-spacing: -0.028em;font-size:15px;font-family: var(--mainFont);color:#000;}
.twc-form input, .twc-form select, .twc-form textarea{margin-top:6px;width:100%;min-height:48px;padding:12px 24px;border:1px solid #E8E8E8;border-radius:4px;background:transparent;font-weight:400;color:#767477;}
.twc-form input[type='checkbox'],.twc-form input[type='radio']{width:18px;border:1px solid #000;border-radius:6px;height:18px;min-height:1px;margin:0 11px 0 0;}
.twc-form input[type='checkbox'] + span,.twc-form input[type='radio'] + span{font-size:13px;display:inline;letter-spacing: -0.025em;}
.twc-form input[type="checkbox"] + span.small {font-size: 11px;}
.small { line-height: 12px}

.twc-form .clmn2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.twc-form .clmn2 .form-group{width:48%;}
.twc-form .formSectionTitle{font-size:17px;font-weight:600;line-height:42px;text-transform: uppercase;margin:40px 0 20px 0;}
.twc-form .btn{margin-top:5px;font-size:12px;line-height:19px;letter-spacing: 0.1em;width:100%}
.twc-form .form-group.d-flex label span{margin-right:28px;font-size:15px;letter-spacing: -0.028em;}
.twc-form .dropzone{width:100%;border:1px dashed #E8E8E8;background:#F8F8F8;border-radius: 8px;margin:25px 0;}
.twc-form .dz-message{display:flex;flex-flow:column;align-items:center;}
.twc-form .dz-message img{width:64px}
.twc-form .dz-message span{font-size:13px;opacity:.5;}
.twc-form .dz-message span.text, .twc-form .dz-message span.text span{font-size:15px;opacity:1}
.twc-form .dz-message span.text span{text-decoration:underline;}
.twc-form .dropzone .dz-preview.dz-image-preview{background:transparent;}
.registerArea .twc-form input, .registerArea .twc-form select,.registerArea .twc-form textarea{margin-bottom:20px}
.registerArea .twc-form input[type='checkbox']{margin-bottom:0}

.checkoutArea,.loginArea{display:flex;justify-content:space-between;max-width:926px;margin:0 auto}
.checkoutArea .sectionTitle,.loginArea .sectionTitle{font-size:17px;font-weight:600;line-height:28px;margin:0 0 14px 0}
.checkoutArea .leftArea,.loginArea .leftArea{width:56%}
.checkoutArea .rightArea,.loginArea .rightArea{width:36%}
.checkoutArea .productList.horizontalProduct li{border-radius:4px;background:#FAFAFA;border: none;margin-bottom:8px;padding:15px}
.checkoutArea .productList.horizontalProduct li a {align-items:center;justify-content:space-between;}
.checkoutArea .productList.horizontalProduct li a img{margin-left: 0;margin-right:24px;}
.checkoutArea .productList.horizontalProduct li a .textArea{padding: 0;margin-left:0;margin-top: 0;max-width:100%;}
.checkoutArea .productList.horizontalProduct li a .textArea h4{font-size:13px;line-height:22px;}
.checkoutArea .productList.horizontalProduct li a .textArea .productPrice{margin-top:6px;}
.checkoutArea .summary{margin-top: 46px;border:1px solid #E8E8E8;border-radius:4px;padding:25px;width: 100%;font-size:15px;}
.checkoutArea .summary .sectionTitle{font-weight:500;margin-bottom: 40px}
.checkoutArea .summary .items{margin: 0;padding-bottom:16px;border-bottom:1px solid #E8E8E8;}
.checkoutArea .summary .item,.checkoutArea .summary .sum li{display:flex;flex-flow:row;justify-content:space-between;line-height:24px;margin-bottom:8px;}
.checkoutArea .summary .item .prod,.checkoutArea .summary .sum .total{color: #767477}
.checkoutArea .summary .item .price, .checkoutArea .summary .sum .amount{font-weight:500;}
.checkoutArea .summary .sum{margin: 23px 0}
.checkoutArea .summary .gbp_price,.checkoutArea .summary .gbp_price_dis{display:none;}
.checkoutArea .summary .btn{font-size:12px;font-weight:600;margin-top:4px}
.checkoutArea .freeTxt {font-size: 12px;line-height:21px;margin-top:20px;}
.checkoutArea .freeTxt img.icon{width:20px;height:auto;margin-right:12px;}
.checkoutArea .freeTxt li{margin:4px 0}
.checkoutArea .dropDownBlock{border-top:0;border-bottom:1px solid #E8E8E8;}
.checkoutArea .dropDownBlock .dropDownButton{border-bottom:0;}
.checkoutArea .dropDownBlock .dropDownButton.disabled{pointer-events:none;opacity:.6}
.checkoutArea .dropDownBlock .dropDownButton h2{margin-bottom:0;border-top:1px solid #E8E8E8;border-bottom:0;}
.checkoutArea .dropDownBlock button{margin-bottom:30px;}
.checkoutArea form img{width: auto;}

.loginArea {margin-top:80px}
.loginArea.resetPass .leftArea,.loginArea.registerArea .leftArea{padding-right:0;margin:0 auto;border: none}
.loginArea .leftArea{border-right:1px solid #E8E8E8;padding-right:58px;}
.loginArea .rightArea .sectionTitle{font-weight:500;}
.loginArea .rightArea{display:flex;flex-wrap:wrap;flex-flow:column;justify-content:space-between;}
.loginArea .rightArea .btnGroup{margin-bottom:40px;margin-top:15px}
.loginArea.registerArea .leftArea{width:70%}

.btn{font-weight:600;padding-left:15px;padding-right:15px;min-width:290px;line-height:1;min-height:48px;display:inline-flex;align-items:center;text-align:center;text-transform:uppercase;justify-content:center;border:2px solid #b5b5b5;background:#fff;}
.btn.btnWhite{background:#fff;color:#000;border-color:#fff;}
.btn.btnGrey{background:#ebebeb;color:#000;border-color:#ebebeb;}
.btn.btnFilled{border-color:#000;background:#000;color:#fff;}
.btn.btnFilled:hover{color:#fff}
.btn.btnlight{border: 1px solid #E8E8E8;border-radius: 4px;color:#000}
.btn.bntIcon img{width:18px;margin-left:9px}
.btn.btnLabel{letter-spacing: 0.03em;font-weight:500;font-size:10px;line-height:14px;background: #FFFFFF;border: 0.5px solid #E1E1E1;width:auto;padding:8px;min-width:1px;min-height:1px;color:#000}
.btn.btnLabel img{padding: 0}
.readMoreBtn{font-weight: 700;text-transform:uppercase;border: none;background:transparent;cursor:pointer;font-size:11px;display:inline-block;color:#000}
.btnGroup{display:flex;flex-wrap:wrap;}
.btnGroup .btn{margin-top:15px;width:100%;}

.bgBlockParallax {overflow: hidden;background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
@media only screen and (min-width:0) and (max-width:1620px){
.bgBlockParallax {overflow: hidden;background-attachment: initial; background-position: center; background-repeat: no-repeat; background-size: cover;} 
}

.searchArea{position:fixed;left:0;background:#fff;z-index:9999999;transition: all .5s ease-in-out;overflow:hidden;top:-100px;}
.searchArea .searchDiv form{display:flex;justify-content:flex-start;align-items:center;padding:30px 0;}
.searchArea .searchDiv form input{background:transparent;width:70%;height:40px;border:none;text-transform:uppercase;color:#000;font-size: 30px;line-height: 13px;letter-spacing: -0.002em;transition:none}
.searchArea .searchDiv .iconDiv{cursor:pointer;width:30px}
.searchArea .searchDiv .iconDiv img{height:20px;width:auto;}
.searchArea .searchDiv .iconDiv.iconClose{margin:auto 0 auto auto;text-align:right;}
.searchArea .searchDiv .iconDiv.iconClose img{height:20px;float:none}
.searchOpened .searchArea{top:0}

.onloadLayer{background:#fff;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:99999;display:flex;flex-flow:column;justify-content:center;align-items:center;animation: fadeOut 3s forwards;display:none;}
.onloadLayer img{width:194px;margin:0 0 60px 0; animation: fadein 3s;}
.onloadLayer span{font-size: 10px;line-height: 27px;letter-spacing: 0.5em;text-transform: uppercase;position:absolute;bottom:78px;display:block;width:100%;text-align:center;animation: fadein 4s;}
.onloadLayerActive{animation: changeOverflow 2.8s;}
.onloadLayerActive .onloadLayer{display:flex;}

.dialogArea{font-size:13px;font-weight:300;line-height:22px;background:#fff;padding:48px 80px;width:100%;max-width:460px;border-radius:4px;text-align:center;margin:auto;}
.dialogArea .popup-modal-dismiss{position:absolute;top:21px;right:21px;width:30px;cursor:pointer;}
.dialogArea h1{font-size:21px;line-height:24px;font-weight:500;margin:0 0 10px 0;}
.dialogArea .btn{margin:18px 0 14px 0;}
.dialogArea#newsletter-dialog{max-width:573px;padding:48px 57px;}
.dialogArea#newsletter-dialog form{text-align:left;margin-top:30px}
.dialogArea#newsletter-dialog form .form-group:last-of-type{margin-top:10px}

.showAsidePanel{cursor:pointer;}
.asidePanel{position:fixed;right:-100%;top:0;width:100%;max-width:482px;background:#fff; height: 100vh;height:100%;z-index:999999999;transition: all .5s ease-in-out;padding:0 45px 30px 45px;overflow-y:auto}
.asidePanel.opened{right:0}
.asidePanel .closeAsidePanel{height:25px;width:auto;margin-bottom:37px;display:block;cursor:pointer;}
.asidePanel .headerPanel{padding-bottom:20px;background:#fff;position:sticky;top:0;padding-top:30px;z-index:9;}
.asidePanel .headerPanel .firstTxt{display:block;font-size:11px;line-height:27px;font-weight:600;letter-spacing:0.088em;text-transform:uppercase;}
.asidePanel .headerPanel h1{font-size:20px;line-height:28px;font-weight:500;margin:62px 0 0 0;letter-spacing: -0.002em;}
.asidePanel .headerPanel h2{font-size:20px;line-height:28px;font-weight:300;margin:0;letter-spacing: -0.002em;}
	/*asidePanel animazioni --- da destra è default*/
	.asidePanel.fromBottom{bottom:-100vh;}
	.asidePanel.fromBottom.opened{bottom:0;}
	.asidePanel.fromLeft{left:-100%;}
	.asidePanel.fromBottom.opened{left:0;}
	.asidePanel.fromTop{top:-100%;}
	.asidePanel.fromTop.opened{top:0;}
	
.asidePanel#cartPanel{max-width:365px;display:flex;flex-wrap:wrap;flex-flow:column;justify-content: space-between;padding:0 30px 30px 30px;}
.asidePanel#cartPanel .bodyPanel{margin-top:0;margin-bottom:auto}
.asidePanel#cartPanel .productList, .productList.horizontalProduct{flex-flow:column;}
.asidePanel#cartPanel .productList li, .productList.horizontalProduct li{width:100%;padding-bottom:10px;padding-top:10px;border-bottom:1px solid rgba(35,42,63,0.13)}
.asidePanel#cartPanel .productList li a, .productList.horizontalProduct li a{display:flex;flex-flow:row;text-align:left;padding:13px;background:transparent;}
.asidePanel#cartPanel .productList li a img, .productList.horizontalProduct li a img{width:auto;height:120px;flex-shrink:1;padding:0}
.asidePanel#cartPanel .productList li a .textArea,.productList.horizontalProduct li a .textArea{background:transparent;padding-left:10px;display: flex;flex-flow: column;justify-content: space-between;}
.asidePanel#cartPanel .productList li a .textArea .productName,.productList.horizontalProduct li a .textArea .productName{text-align:left;font-size:11px;line-height:19px;margin-bottom:auto}
.asidePanel#cartPanel .productList li a .textArea .productPrice,.productList.horizontalProduct li a .textArea .productPrice{font-size:14px}
.asidePanel#cartPanel .productList li .deleteSpan,.productList.horizontalProduct li .deleteSpan{display:none;cursor:pointer;content:"Remove";font-size:10px;text-transform:uppercase;letter-spacing: 0.03em;position:absolute;bottom:6px;right:6px}
.asidePanel#cartPanel .productList li:hover a,.productList.horizontalProduct li:hover a{background:#FAFAFA}
.asidePanel#cartPanel .productList li:hover .deleteSpan,.productList.horizontalProduct li:hover .deleteSpan{display:block;}
.asidePanel#cartPanel .footerPanel{position:sticky;bottom:0;left:0;width:100%;background:#fff;padding-top:20px}
.asidePanel#cartPanel .footerPanel .subTotal{display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:25px;margin-bottom:16px}
.asidePanel#cartPanel .footerPanel .subTotal .totalPrice{font-size:17px;font-weight:500}
.asidePanel#cartPanel .footerPanel .btn{width:100%}
.asidePanel#cartPanel .emptyCartWrap{display: flex;flex-flow: column; justify-content: center;height: inherit;}
.asidePanel#cartPanel .emptyCartWrap .emptyCart{margin-bottom: 60px;width:100%;display: flex;flex-flow: column;align-items: center;}
.asidePanel#cartPanel .emptyCartWrap .emptyCart img{width:63px;height:auto;display:block;}
.asidePanel#cartPanel .emptyCartWrap .emptyCart span{margin-top:10px;display:block;font-weight:500;font-size:16px;line-height: 28px;}

.ui-autocomplete{position:fixed;top:42px!important;left:0!important;width:100%;background:#fff;z-index:999999;padding:50px 0;border-top:1px solid #C4C4C4;max-height:calc(100% - 82px);overflow-y:auto;}
.ui-autocomplete .ui-menu-item{padding:13px 1.5%;font-size:16px;cursor:pointer;}
.ui-autocomplete .ui-menu-item:hover{background:#f1f1f1;}

/** freccia su **/
.arrowUp.visibile{bottom:40px}
.arrowTop {margin-top: -2px;width:13px;height: auto;transform: rotate(-90deg);}
.arrowUp {cursor: pointer;background: #000;padding: 19px 15px;transition: all 0.4s ease;position: fixed;right: 2%;bottom: -100px;box-sizing: content-box; z-index: 9999;}

.arrowNext {margin-top: 0px;width:18px;height: auto; margin-right: 15px;}
.arrowPrev {margin-top: 0px;width:18px;height: auto;transform: rotate(-180deg); margin-left: 15px;}

/*sitemap*/
.sitemapPage .sitemapBlock{margin:4% 0 0 0;text-align:left;}
.sitemapPage .sitemapBlock h3{font-weight:400;text-transform:uppercase;padding-top:3%;border-top:1px solid #ddd;margin:0 0 3% 0;}
.sitemapPage .sitemapBlock ul{clear:both;-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:34px;-moz-column-gap: 34px;column-gap: 34px;}
.sitemapPage .sitemapBlock ul li{width:25% \ ;float: left \ ;}/*ie8 e ie9*/
.sitemapPage .sitemapBlock ul li{position:relative;padding-left:16px;margin-bottom:10px}
.sitemapPage .sitemapBlock ul li:before{background-color:#000;content:"";height:6px;left:0;position:absolute;top:9px;width:6px;border-radius:100%;}
.sitemapPage .sitemapBlock ul li a{text-decoration:none;color:#484848;}
.sitemapPage .sitemapBlock.column3{font-size:13px;padding-left:1.5%;padding-right:1.5%;}
.sitemapPage .sitemapBlock.column3 ul{-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.sitemapPage .sitemapBlock.column3 ul li{width:33% \ ;float: left \ ;}/*ie8 e ie9*/

.trustpilot-widget{width:100%;display:inline-block;}

.about .bigCenteredBlockWimg .imgArea {
  width: 100%; margin-top: 0;
}
.about .bigCenteredBlockWimg .textArea {
  width: 100%;margin-top: 0px;
}
.about .column2 p {
    font-size: 18px;
  line-height: 32px;

}
.about .bigCenteredBlockWimg {

  margin-top: 0;
}
.about .internalPage .bigCenteredBlockWimg {
  max-width: 100%;
  margin-bottom: 80px;
}
.about .column2 section h2 {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.07em;
  margin: 0 0 16px 0;
    margin-bottom: 16px;
  font-weight: 400;
  margin-bottom: 43px;
}
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes fadeOut {
	0%   {opacity: 1;}
	80%  {opacity: 1;}
	100% {opacity: 0;display:none;visibility:hidden;}
}
@keyframes changeOverflow {
	0%   {overflow:hidden;}
	80%  {overflow:hidden;}
	100% {overflow:auto;}
}

@media only screen and (min-width:0) and (max-width:1415px){
	.filterBlock .filterGroup{width:100%;justify-content:center;}
	.filterBlock .filterGroup .filterChoice:last-child ul{left:inherit;right:0;text-align: right}

}

@media only screen and (min-width:0) and (max-width:1280px){	

	.bigCenteredBlockWimg .textArea h2, .megaBannerTop.aboutUs header h1{font-size:50px;line-height:60px;}
	/*filtri*/
	#main .filterBlock,#main .filtersSelected{display:none;}
	.btnFilterMobGroup{display:flex;position:fixed;bottom:5px;width:100%;justify-content:center;}
	.btnFilterMobGroup .btn{margin:5px;width: 96px;min-width:1px;border-radius:8px;}
	.btnFilterMobGroup .btn img{margin-right:8px;height:12px;width: auto}
	.filterMobileBlock .closeAsidePanel{margin-bottom:0;}
	.filterMobileBlock .headerPanel{padding-top:0;}
	.filterMobileBlock{display: block;padding:0 16px 5px 16px;border-top: 24px solid #fff;background:#fff;text-transform: uppercase;margin:0;position:fixed;bottom:-100%;left:0;width:100%;height:98%;border-radius:18px 18px 0 0;top: auto;max-width:100%;}
	.filterMobileBlock .titoloAside{padding-bottom:24px;border-bottom:1px solid #E8E8E8;display:block;text-align:center;font-weight:500;font-size:13px;letter-spacing: 0.1em;}
	.filterMobileBlock .titoloAside span{margin-left: -25px;display: inline-block!important;width:auto;}
	.filterMobileBlock .filtersSelected{padding-top: 0px;position: sticky;top: 0;background: #fff;z-index: 999999;width: 100%;margin-top: 0}
	.filterMobileBlock .filtersSelected button{border-radius:4px;}
	.filterMobileBlock .filterGroup{flex-wrap:wrap;height: auto;max-height: calc(100% - 200px);overflow: auto;}
	.filterMobileBlock .filterGroup .filterChoice{width:100%;margin-top:0px;padding-bottom:14px;border-bottom:1px solid #E8E8E8;}
	.filterMobileBlock .filterGroup .filterChoice ul{border: 0;position:fixed;margin: 0;padding: 0;bottom: 0;width: 100%;z-index:999999;padding: 0 16px 120px 16px;border-radius: 18px;max-width: 100%;text-align: left;max-height:90%;height:90%;top: unset;}
	.filterMobileBlock .filterGroup .filterChoice ul.visibleFilter,.filterMobileBlock .filterGroup .alwaysVisible ul{max-height:none;height:90%}
	.filterMobileBlock .filterGroup .filterChoice:last-child ul{text-align: left}
	.filterMobileBlock .filterGroup .filterChoice ul.column2 li{width:50%;float: left}
	.filterMobileBlock .filterGroup .filterChoice ul.column2 li.headerPanel{width:100%;}
	.filterMobileBlock .filterGroup .filterChoice ul li input{display:inline-block;}
	.filterMobileBlock .filterGroup .filterChoice ul li,.filterMobileBlock .filterGroup .alwaysVisible li{font-size:11px;font-weight:600;line-height:19px;letter-spacing: 0.1em;margin-top:14px;padding-bottom:14px}
	.filterMobileBlock .filterGroup .filterChoice ul li.headerPanel{padding-top:27px; margin-top: 0;}
	.filterMobileBlock .filterGroup .filterChoice .filterBtn{background-image: url("../img/icon/arrowRight.svg");background-repeat: no-repeat;background-position:right center;font-size: 11px;font-weight: 600;border-radius:0;border: none;padding:0;margin: 0;height: auto}
	.filterBlock .filterGroup .filterChoice .filterBtn:before{content: none}
	.filterMobileBlock .btnModifierGroup{z-index: 999999;position:absolute;bottom: 0;left: 0;width:100%;padding:22px 16px 16px 16px;background:#fff;}
	.filterMobileBlock .btnModifierGroup button{width:100%;margin-bottom: 0}
	.filterMobileBlock .backPanel{width: 18px;margin-right:7px;margin-top: 4px;height: auto; transform: rotate(180deg);}
	.filterMobileBlock .filterGroup .alwaysVisible{width:100%;}
	.filterMobileBlock .filterGroup .alwaysVisible ul{transition: all .5s ease-out;opacity: 1;visibility: visible;}
   	.filterMobileBlock .filterGroup .alwaysVisible ul input{width: 24px;height: 24px;border-radius: 100%;border: 1px solid #E5E5E5;margin-right: 20px;}
	/*fine filtri*/

	.pageProduct .expandImg{display:none;}
	#main.curatedMain .filterBlock, #main.articleMain .filterBlock{display:flex;}
	
}
@media only screen and (min-width:800px) {
	.pageProduct .productBlock .dropDownBlock.onlyMobile{border:none;margin: 0}
	.pageProduct .productBlock .dropDownBlock.onlyMobile .dropDownEl{display:block;padding: 0}
	.pageProduct .productBlock .dropDownBlock.onlyMobile .dropDownButton{display:none;}
}
@media only screen and (min-width:0) and (max-width:800px){
	.superTop .mainLogo img {
    width: 160px;
  
}
	.pageHomepage .superTop {

    border-bottom: 1px solid #15010126;

}
	
	
	.mobile { display: block}
.desktop { display: none}
	
	
	.megaBannerTop.genericMega header h1 {
    font-size: 40px;
}
	.megaBannerTop header h1 {
    margin: 0;
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
}
	.dropzone.dz-clickable .dz-message {margin-top: 15px;
    margin-bottom: 15px;}
	
	.searchArea .searchDiv form input {background: transparent;width: 89%;height: 35px;border: none;text-transform: uppercase;color: #000;font-size: 17px;line-height: 13px;letter-spacing: -0.002em;transition: none;}
	.searchArea .searchDiv .iconDiv img {height: 16px;width: auto;}
	.searchArea .searchDiv .iconDiv.iconClose img {height: 20px;float: none;}
	.windowLayerOpened:before, .menuOpened:before, .searchOpened:before {opacity: 0.5;}.ui-autocomplete {padding: 50px 20px;}
	.bannerTitleTop.sellyourwatch .mainTitle {margin: 5px 0;}
	
.twc-form .dropzone {width:fit-content;border: 1px solid #E8E8E8;background: #ffffff;border-radius: 100px;margin: 25px 0;box-shadow: 3px 3px 6px #a5a5a5d4;}
	.twc-form .dz-message {display: flex;flex-flow: row!important;align-items: flex-start!important;}
	.twc-form .dz-message span {font-size: 13px;opacity: .5;margin-right:6px!important;}
	.dropzone .dz-message {text-align: left!important;margin: 2em 0;}
	.twc-form .dz-message span.text span {text-decoration: none;}
	
	.SizeText{display: none;}
	.dropzone {min-height: 0!important; background: #fff;padding: 0px 25px!important;}
	.mobile{display: block}
	.desktop{display: none}
	.superTop .iconDiv img {height: 17px;}
	.productList li img {padding: 30px 10px 20px 10px;}
	.productList li .textArea .productName {margin: 5px 0 8px 0;}
	
	.windowLayerOpened{padding-right:0;}
	.rowMaxW,.rowMin {padding-left:5px;padding-right:5px}
	#main{padding-left:5px;padding-right:5px;}
	.mainTitle{margin-bottom:40px;}
	.mainTitle span{margin-top: 0;font-size: 12px}
	footer .row,.pageProduct .productBlock,.pageHomepage .fullWidthBanner, .bigCenteredBlockWimg .textArea,.searchArea,.megaBannerTop,.column2,.column3,.pageForm .asideArea, .pageForm .twc-form,.checkoutArea,.loginArea,.articleMain .articleArea .firstArea,.articleMain .articleArea .textArea,.mainText.fullText{padding-left:20px;padding-right:20px;}
	.flex-column{padding-left: 0;padding-right:0;}

	.pageProduct #main, .megaBannerTop{margin-top:5px;}

	.productList{width:100%;justify-content:space-between;align-items: flex-start;}
	.productList li{width:49.3%;margin-right:0;margin-bottom:0;margin-top:0}
	.productList li .btn.btnLabel.dialogBlock{padding: 2px 5px;font-size:9px;top: 6px;}
	.productList li .btn.btnLabel.dialogBlock img {width: 12px; margin-left: 4px;}
	.productList li .textArea .productName{font-size:12px;font-weight:500;line-height: 16px}
	.productList li .textArea{background:#fff;padding:10px 10px 24px 10px}

	.pageHomepage .fullWidthBanner .textArea{min-height:100vh;}
	.productListSection{padding-top:40px}
	.bigCenteredBlockWimg{margin-top: 40px}
	.bigCenteredBlockWimg .textArea p{padding-bottom: 30px}

	.loginArea .rightArea .btnGroup a, .loginArea .rightArea .btnGroup button{font-size:12px;letter-spacing:0.03em;}

	/*pagina prodotto*/
	.pageProduct #main{border-bottom:0;padding-bottom:0;}
	.pageProduct .galleryBlock, .pageProduct .productBlock{width:100%;}
	.pageProduct .galleryBlock{}
	.pageProduct .galleryBlock .swiper-wrapper{flex-wrap:nowrap;}
	.pageProduct .productBlock{padding-top:15px;padding-bottom:35px }
	.pageProduct .productBlock .textArea, .pageProduct .productBlock .miniDetails{text-align:center;}
	.pageProduct .productBlock h1{margin-top:0;}
	.pageProduct .productBlock .textArea{display:flex; width: 100%;flex-flow: column;}
	/*.pageProduct .productBlock .textArea h1{order:2}
	.pageProduct .productBlock .textArea h2{order:1;margin:0}
	.pageProduct .productBlock .textArea h2:last-of-type{order:3}*/
	.pageProduct .productBlock .textArea .miniDetails{order:4;border-bottom:0;margin-top:10px;margin-bottom:20px}
	.pageProduct .productBlock .textArea .dropDownBlock{order:5}
	.pageProduct .productBlock .dropDownBlock .dropDownEl{font-size:13px;line-height:22px;letter-spacing:0.03em;padding:20px 0;}

	.pageProduct .productBlock .buyArea{order:4}
	.pageProduct .productBlock .dropDownBlock .dropDownEl{font-size:15px;line-height:26px;}
	.pageProduct .productBlock .dropDownBlock ul li h3{font-size:15px;line-height:26px;}
	
	.pageProduct .productBlock .buyArea .buttonGroup{border-top:1px solid rgba(35,42,63,0.13);border-bottom:1px solid rgba(35,42,63,0.13);padding:10px 5px;text-align:center;position:fixed;bottom: 0;left:0;width:100%;background:#fff;z-index: 999;}
	.pageProduct .productBlock .buyArea .buttonGroup .btn{width:49%;}
	.pageProduct .productBlock .dropDownBlock{margin-top:0;border-top: none;text-align:left;}
	.pageProduct .productBlock .dropDownBlock:first-of-type{border-top: 1px solid rgba(35,42,63,0.13)}
	.pageProduct footer{padding-bottom:170px;}
	.pageProduct .productBlock .buyArea .buttonGroup .btn.notifyBtn{border:1px solid #b5b5b5;background:#f0f0f0;}
	.pageProduct .suggestionBlock{margin-bottom:30px;}
	/*FINE pagina prodotto*/

	.asidePanel#cartPanel .productList li .deleteSpan,.productList.horizontalProduct li .deleteSpan{display:block;}

	.btn{min-width:200px}
.articleMain .articleArea .quote {
    display: inline-block;
    font-size: 25px;
    line-height: 1;
    font-weight: bold;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-left: 4%;
}
	.articleMain{padding-top:0px}
	.articleMain .articleArea .firstArea{padding-top: 0;}
	.articleMain .articleArea .lastArea .sideImg .imageGallery{margin-bottom:25px;}
	.articleMain .articleArea .lastArea .sideImg .imageGallery,.articleMain .articleArea .lastArea .sideImg .textArea{width:100%;}

	.bigCenteredBlockWimg .imgArea,.bigCenteredBlockWimg .textArea{width:100%;}
	.bigCenteredBlockWimg .textArea{margin-top:50px}

	.column3{margin-top:70px}
	.column3 h2{margin-bottom:50px}
	.column3 .column h3{margin:0;}
	.column3 .column{width:100%;margin-bottom:60px}
	.column3 .column img{margin-bottom:30px}
	.column3:last-child{margin-bottom:30px}
	.column2{margin-bottom:0;margin-top:60px;}
	.column2 section{width:100%;margin:30px 0!important;}
	.internalPage .bigCenteredBlockWimg{margin-bottom:60px}

	#main.curatedMain .filterBlock .filterGroup{justify-content:space-between;}
	#main.curatedMain .filterBlock .filterGroup .filterChoice{width:48%;}
	#main.curatedMain .filterBlock .filterGroup .filterChoice ul{width: 264px;}
	.articleList li a:first-child{padding-top:0;}
	.articleList li:last-child a{border-bottom:0}
	.articleList li a img{width:100%}
	.articleList li a .textArea{width:100%;text-align:center;margin-top:30px}

	.pageForm #main{flex-wrap:wrap;}
	.pageForm .asideArea,.pageForm .twc-form{width:100%}
	.pageForm .fullWidthContent.twoClmnForm form{column-count:1;}

	footer{margin-top:30px;}
	footer .footerCta{border-bottom:0;}
	footer .footerCta .footerCtaEl:last-of-type{border-bottom: 1px solid rgba(35,42,63,0.13)}
	footer .footerList li{display: block;text-align:center;}
	footer .selectValue{display:none;position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;text-align: left;padding:24px 24px 0 24px;height:70px;z-index:99999999;}
	.mobileMenuOpened footer .selectValue{display:block;}
	footer .selectValue .dropDownEl{top:-118px;left:20px;}

	/*font-size*/	
	.bigCenteredBlockWimg .textArea h2,.internalPage .bigCenteredBlockWimg .textArea h2,.column3 h2{font-size:30px;line-height:35px}
	.column3,footer .footerCta,.articleList li a .textArea span {font-size:16px}
	.column3 .column h3,.articleList li a .textArea h2{font-size:20px; font-weight: 500; margin: 0;   line-height: 24px;}
	.bigCenteredBlockWimg .textArea p,.column3 .column p{line-height:26px;font-size:13px;}
	.pageHomepage .fullWidthBanner .textArea h2, .mainTitle{font-size:22px}
	.pageHomepage .fullWidthBanner .textArea h3{font-size: 12px}
	main .mainTitle{font-size:16px;line-height:16px;margin:25px 0 0px 0; border-bottom: 1px solid #ebebeb;padding-bottom: 14px;margin-left: -3px;
    margin-right: -3px;}
	.megaBannerTop.aboutUs header h1, .megaBannerTop.genericMega header h1{font-size:40px;}
	/*FINE font-size*/

	.articleMain .articleArea .firstArea .articleTitle {
    color: #232A3F;
    font-weight: 500;
    line-height: 24px;
    margin-top: 0;
    font-size: 20px;
}
	.articleMain .articleArea .firstArea .articleDate {
    color: #636877;
    opacity: .5;
    line-height: 36px;
    display: block;
    font-size: 17px;
}
	
	.productListWrap{margin-top: 6px;}
	.checkoutArea,.loginArea{flex-wrap:wrap;}
	.checkoutArea .leftArea,.checkoutArea .rightArea,.loginArea .leftArea, .loginArea .rightArea{width: 100%;}
	.checkoutArea .leftArea{order: 2;margin-top:60px}
	.checkoutArea .summary .btn{width: 100%}
	.checkoutArea .summary{margin-top: 0}
	.loginArea .leftArea{padding-right:0;border: 0;margin-bottom:60px;}
	.loginArea.registerArea .leftArea {width:100%}
	.loginArea.registerArea .leftArea .twc-form .clmn2 .form-group{width:100%;}

	.pageForm .wrapTop{margin-bottom:10px}
	.megaBannerTop{display:inline-flex;}
	.bannerTitleTop{padding-left:5%;padding-right:5%}

	/*MOBILE MENU*/
	.superTop .selectValue{display: none; transition: all .5s ease-in-out;transform-origin: left top;transform: scaleY(0);}
	.superTop{padding:20px 15px;border-bottom: 1px solid #ebebeb;margin-top:0;}
	.superTop .mainLogo{margin:auto;}
	.superTop .mainLogo img{margin-left:0;}
	.superTop .iconMenu{display:block;order:1;margin-left:0;padding-left:0}
	.superTop .mainLogo{order:3;}
	.superTop .iconSearch{order:2;}
	.superTop .iconUser{order:4;border:none;margin-left:0;padding-left:0}
	.superTop .iconCart{order:5;}
	.topNavbar{padding:18px 0 68px 0;transition: all .3s ease-in-out;width:100%;position:fixed;left:-100%;top:0;height:100%;overflow-y:auto;background:#fff;margin:0;}
	.topNavbar .closeMobileMenu{display:block;width:100%;height:46px;cursor:pointer;position: relative;border-bottom: 1px solid #C4C4C4;margin-bottom:20px;}
	.topNavbar .closeMobileMenu img{width:23px;margin-left:17px}
	.topNavbar .closeMobileMenu:before{position: absolute;left:50%;margin-left:-68px;top: 4px;content:"";width:135px;height:23px;background-image:url("../img/theWatchClub-logo.svg");background-size:cover;}
	.mobileMenuOpened{overflow:hidden;position:relative;touch-action: none;-ms-touch-action: none;}
	.mobileMenuOpened .topNavbar{left:0;z-index:9999;}
	.topNavbar .mainNav {text-align:left;border-bottom:0;padding:0 24px}
	.topNavbar .mainNav ul li{display:block;margin: 0}
	.topNavbar .mainNav ul li a, .topNavbar .mainNav ul li span{padding: 15px 0;border-bottom: 1px solid #C4C4C4;display: block;font-size:13px;}
	.topNavbar .mainNav ul li span.openSubnav{background-image: url(../img/icon/plus.svg);background-position: right center; background-repeat: no-repeat;}
	.topNavbar .mainNav ul li.activeSubnav span.openSubnav{border: none}
	.topNavbar .mainNav ul li.activeSubnav span.openSubnav{background-image: url(../img/icon/minus.svg);}
	.topNavbar .mainNav .subNavArea{position:relative;flex-wrap:wrap;padding:0;top:0!important;margin:0;}
	.topNavbar .mainNav .subNavArea .subNav{width:100%;max-width:100%;margin:5px 0 40px 0;padding:0;}
	.topNavbar .mainNav .subNavArea .subNav .mainSubNav,.topNavbar .mainNav .subNavArea .subNav .secondarySubNav{column-count:1}
	.topNavbar .mainNav .subNavArea .subNav li{padding:5px 0;}
	.topNavbar .mainNav .subNavArea .subNav li a{padding:0;border: none}
	.topNavbar .mainNav .subNavArea .imgArea{display:none}
	.pageHomepage .topNavbar .mainNav ul li a, .pageHomepage .topNavbar .mainNav ul li span{color:#000;}
	.fidexMenu{margin-top:64px;}
	.fidexMenu .superTop{position:fixed;top:0;left:0;background:#fff;transform: scaleY(1);}
	/*FINE MOBILE MENU*/

	.megaBannerTop.loginBg .loginArea2 .asButtonWrap .asButton{height:65px;font-size:17px;}
	.megaBannerTop.loginBg .loginArea2 .twc-form{padding: 30px 20px;margin-bottom: 50px;}

	.sitemapPage .sitemapBlock.column3{padding:0;}
	.sitemapPage .sitemapBlock ul,.sitemapPage .sitemapBlock.column3 ul{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
	.sitemapPage .sitemapBlock h3{border:0}

	body *::-webkit-scrollbar {display: none;}
	body * {-ms-overflow-style: none;}
	.pageHomepage .fullWidthBanner:before{z-index:2;content:"";position:absolute;width:100%;height:100%;background:black;background: linear-gradient(180deg, #111111 0%, rgba(17, 17, 16, 0) 100%);opacity: 0.7;margin-left: -20px;}
	
}

@media only screen and (min-width:0) and (max-width:320px){ /*smaller phone*/

}

@media only screen and (min-width:1400px){
	.pageProduct .productBlock{padding:10px 150px;}
}