/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.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.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-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.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15); }
  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.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15); }
  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: none;
    transform: none; }
  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: none;
    transform: none; } }
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  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: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  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: none;
    transform: none; }
  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 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-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: none;
    transform: none; } }
@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: none;
    transform: none; } }
.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: none;
    transform: none; } }
@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: none;
    transform: none; } }
.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: none;
    transform: none; } }
@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: none;
    transform: none; } }
.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-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, -150%, 0);
    transform: translate3d(0, -150%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.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: none;
    transform: none; } }
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.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: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.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: none;
    transform: none; } }
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.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: none;
    transform: none; } }
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.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) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -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-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-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);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@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);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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: none;
    transform: none;
    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-name: hinge;
  animation-name: hinge; }

/* 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: none;
    transform: none; } }
@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: none;
    transform: none; } }
.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; }

/**/
@-webkit-keyframes blurFadeIn {
  0% {
    opacity: 0;
    transform: scale(1.3); }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes blurFadeIn {
  0% {
    opacity: 0;
    transform: scale(1.3); }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    transform: scale(1); } }
.blurFadeIn {
  -webkit-animation-name: blurFadeIn;
  animation-name: blurFadeIn; }

@-webkit-keyframes blurFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@keyframes blurFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
.blurFadeInDown {
  -webkit-animation-name: blurFadeInDown;
  animation-name: blurFadeInDown; }

@-webkit-keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0; }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0; } }
@keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0; }
  50% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0; } }
@-webkit-keyframes passing-reverse {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0; }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0; } }
@keyframes passing-reverse {
  0% {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0; }
  50% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0; } }
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }
.jackInTheBox {
  animation-name: jackInTheBox; }

.contact-display-1-row .title-contact{
  display: inline;
}
@media (max-width: 1600px) and (min-width: 1024px){
  .banner-left{
    max-width: 52%;
  }
  .banner-right{
    max-width: 46%;
  }
}
.med-bestsale .product-miniature{
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0 20px !important;
}
.med-bestsale .product-miniature:hover{
  border-color: #ebebeb;
}
.med-bestsale .pos-product-widget .slick-arrow{
  top: -2.957rem !important;
}
.med-bestsale .pos-product-widget .slick-next{
  right: 1rem !important;
}
.med-bestsale .pos-product-widget .slick-prev{
  right: 3.5rem !important;
}
.toy-bestsale .product-miniature{
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0 20px;
  border-radius:0;
}
.toy-bestsale .product-miniature:hover{
  border-color: #ebebeb;
}
.toy-bestsale .pos-product-widget .slick-slide > *:not(:last-child) {
    margin-bottom: 0;
}
.toy-bestsale .pos-product-widget .slick-next{
  right: 1rem !important;
}
.toy-bestsale .pos-product-widget .slick-prev{
  right: 3.5rem !important;
}
/*# sourceMappingURL=animate.css.map */

.list-bigger-image .style_product_list .img_block{
  max-width: 170px;
}

.has-section-inner .elementor-widget-wrap{
  display: block !important;
}
.elementor-widget-wrap > section{
  width: 100% !important;
}
.elementor-editor-active .elementor.elementor-edit-mode .elementor-top-column .elementor-widget-wrap .elementor-inner-section{
  margin-top: 0;
}
/* ===== Damas / Agile: rifiniture layout (generate dal tool di migrazione) ===== */
/* menu principale: a tutta larghezza, voci distribuite, piu' grandi */
.elementor-widget-pos_menu.pewidth-inline{width:100% !important;}
.pos-menu-horizontal > ul.menu-content{display:flex !important;justify-content:space-between !important;flex-wrap:nowrap;width:100% !important;}
.pos-menu-horizontal > ul.menu-content > li.menu-item{margin-right:0 !important;white-space:nowrap;}
.pos-menu-horizontal > ul.menu-content > li.menu-item > a{font-size:14px !important;font-weight:700 !important;letter-spacing:.2px;padding:18px 0 !important;}
@media (max-width:1199px){.pos-menu-horizontal > ul.menu-content > li.menu-item > a{font-size:13px !important;}}
@media (max-width:991px){.pos-menu-horizontal > ul.menu-content{flex-wrap:wrap;justify-content:flex-start;}}
/* sottomenu leggibili */
.pos-sub-menu{padding:22px 26px !important;box-shadow:0 12px 30px rgba(0,0,0,.12) !important;border-radius:0 0 12px 12px;}
.pos-sub-menu .submenu-item a, .pos-sub-menu .ul-column li a{font-size:13px !important;line-height:30px !important;text-transform:none !important;font-weight:400 !important;color:#444 !important;}
.pos-sub-menu .submenu-item a:hover, .pos-sub-menu .ul-column li a:hover{color:var(--hovercolor) !important;}
.pos-sub-menu .pos-menu-col .title, .pos-sub-menu .ul-column > .title{font-size:14px !important;text-transform:uppercase;font-weight:700 !important;}
/* ricerca a tutta colonna */
.elementor-widget-posSearch.pewidth-inline, .elementor-widget-posSearch form.pos-search{width:100% !important;}
.elementor-widget-posSearch .search-classic input[type=text]{width:100% !important;}
/* schede prodotto: carrello sotto il prezzo, sempre visibile */
.js-product-miniature.style_product_default .add-to-links{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;display:flex !important;gap:10px;justify-content:center;align-items:center;margin-top:10px;background:transparent !important;}
.js-product-miniature .add-to-links li, .js-product-miniature .add-to-cart-or-refresh{visibility:visible !important;opacity:1 !important;}
.js-product-miniature .ajax_add_to_cart_button{background:var(--hovercolor) !important;color:#fff !important;border:0 !important;border-radius:30px !important;padding:8px 16px !important;font-size:12px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.3px;line-height:1.2 !important;}
.js-product-miniature .ajax_add_to_cart_button:hover{opacity:.85;}
.js-product-miniature .product-price-and-shipping{visibility:visible !important;opacity:1 !important;}
/* etichette: Nuovo verde, Non disponibile grigio, sconto arancio */
ul.product-flag li{border-radius:20px !important;padding:3px 10px !important;font-size:11px !important;font-weight:700;text-transform:uppercase;letter-spacing:.3px;}
ul.product-flag li.new{background:#2e9e5b !important;color:#fff !important;}
ul.product-flag li.out_of_stock{background:#8a8f98 !important;color:#fff !important;}
ul.product-flag li.discount, ul.product-flag li.on-sale{background:#e8702a !important;color:#fff !important;}

/* ===== etichette a nastro sulla foto ===== */
.js-product-miniature .img_block, .js-product-miniature .thumbnail-container-inner, .js-product-miniature .product-image{position:relative;overflow:hidden;}
ul.product-flag{position:absolute !important;inset:0 !important;margin:0 !important;padding:0 !important;pointer-events:none;z-index:3;}
ul.product-flag li{position:absolute !important;margin:0 !important;}
ul.product-flag li.new{top:16px !important;left:-38px !important;width:150px;text-align:center;transform:rotate(-45deg);border-radius:0 !important;padding:5px 0 !important;box-shadow:0 2px 6px rgba(0,0,0,.2);}
ul.product-flag li.out_of_stock{left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;text-align:center;border-radius:0 !important;padding:6px 0 !important;background:rgba(80,86,96,.88) !important;font-size:11px !important;}
ul.product-flag li.discount, ul.product-flag li.on-sale{top:12px !important;right:12px !important;left:auto !important;}
/* ===== schede prodotto ordinate ===== */
.js-product-miniature .comments_note, .js-product-miniature .star_content, .js-product-miniature .product-rating{display:none !important;}
.js-product-miniature .product-title, .js-product-miniature h3.product-title, .js-product-miniature .h3{min-height:40px;font-size:14px !important;line-height:20px !important;margin:12px 0 6px !important;}
.js-product-miniature .product-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.js-product-miniature .product-price-and-shipping{font-size:16px !important;font-weight:700;margin:0 0 6px !important;}
.js-product-miniature .ajax_add_to_cart_button{padding:8px 14px !important;font-size:11px !important;white-space:nowrap;}
.js-product-miniature .add-to-links li a{width:34px;height:34px;}
/* ===== menu laterale categorie ===== */
.block-categories{background:#f7f7f7;border-radius:14px;padding:22px 22px 12px !important;margin-bottom:30px;}
.block-categories .category-top-menu > li > a.h6{font-size:15px !important;font-weight:800 !important;letter-spacing:.5px;color:#253237 !important;border-bottom:2px solid var(--hovercolor);padding:0 0 12px !important;margin-bottom:8px;display:block;}
.block-categories .category-sub-menu li{position:relative;}
.block-categories .category-sub-menu li[data-depth="0"] > a{font-size:14px !important;font-weight:600 !important;text-transform:none !important;color:#253237 !important;padding:10px 32px 10px 0 !important;display:block;border-bottom:1px solid #e9e9e9;line-height:20px !important;}
.block-categories .category-sub-menu li[data-depth="0"] > a:hover{color:var(--hovercolor) !important;}
.block-categories .category-sub-menu li[data-depth="1"] > a{font-size:13px !important;font-weight:400 !important;text-transform:none !important;color:#555 !important;padding:7px 0 7px 14px !important;display:block;line-height:18px !important;}
.block-categories .category-sub-menu li[data-depth="1"] > a:hover{color:var(--hovercolor) !important;}
.block-categories .category-sub-menu li[data-depth="1"] > a::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--hovercolor);margin:0 8px 2px 0;}
.block-categories .collapse-icons{position:absolute;right:0;top:9px;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.block-categories .collapse-icons .material-icons{font-size:16px;color:#253237;}
.block-categories .category-sub-menu .category-sub-menu{margin:4px 0 6px;}

/* ===== nastro "Nuovo" centrato ===== */
ul.product-flag li.new{left:-46px !important;top:22px !important;width:170px !important;height:auto !important;line-height:14px !important;padding:6px 0 !important;text-align:center !important;font-size:11px !important;transform:rotate(-45deg) !important;transform-origin:center;}
ul.product-flag li.new span, ul.product-flag li span{display:inline !important;position:static !important;margin:0 !important;padding:0 !important;float:none !important;transform:none !important;}
/* ===== card prodotto: altezza uniforme ===== */
.js-product-miniature{display:flex !important;flex-direction:column;height:100% !important;}
.js-product-miniature .img_block, .js-product-miniature .thumbnail-container-inner{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;}
.js-product-miniature .img_block img, .js-product-miniature .thumbnail-container-inner img{width:100%;height:100%;object-fit:contain;}
.js-product-miniature .product_desc{display:flex;flex-direction:column;flex:1 1 auto;}
.js-product-miniature .product_desc .inner_desc{display:flex;flex-direction:column;flex:1 1 auto;}
.js-product-miniature .inner_desc ul.add-to-links{margin-top:auto !important;padding-top:10px;}
.products.row > div, .product_list > .item, .products > .item{display:flex;}
.slick-track{display:flex !important;} .slick-track .slick-slide{height:auto !important;display:flex !important;} .slick-slide > div{width:100%;display:flex;}
/* ===== sottomenu: nomi lunghi a capo, non tagliati ===== */
.pos-sub-menu, .pos-sub-menu li, .pos-sub-menu a{white-space:normal !important;overflow:visible !important;}
.pos-sub-menu .submenu-item a, .pos-sub-menu .ul-column li a{line-height:19px !important;padding:5px 0 !important;display:block;}

/* ---- titolo pagina categoria su sfondo immagine: testo bianco ---- */
body#category .page-title-wrapper, body#category .page-title-wrapper h1, body#category .page-title-wrapper .page-title, body#category .page-title-wrapper .breadcrumb, body#category .page-title-wrapper .breadcrumb a, body#category .page-title-wrapper .breadcrumb li, body#category .page-title-wrapper .breadcrumb span, body#category .page-title-wrapper .breadcrumb li::after, body#category .page-title-wrapper .breadcrumb li::before{color:#fff !important;}
.page-title-wrapper h1, .page-title-wrapper .page-title{text-shadow:0 1px 4px rgba(0,0,0,.45);}
.page-title-wrapper .breadcrumb li:last-child a, .page-title-wrapper .breadcrumb li:last-child span{opacity:.9;}
/* ---- home: i due box (chi siamo / omaggio) distanziati ---- */
.elementor-element-2m530xi > .elementor-container, .elementor-element-2m530xi > .elementor-container > .elementor-row{gap:24px;}
.elementor-element-2m530xi > .elementor-container .elementor-column, .elementor-element-2m530xi > .elementor-container > .elementor-row > .elementor-column{width:calc(50% - 12px) !important;border-radius:14px;overflow:hidden;}
@media (max-width:767px){.elementor-element-2m530xi > .elementor-container .elementor-column, .elementor-element-2m530xi > .elementor-container > .elementor-row > .elementor-column{width:100% !important;}}
/* ---- etichetta "non disponibile" intera (barra in basso) ---- */
ul.product-flag{overflow:visible !important;height:auto !important;max-height:none !important;}
ul.product-flag li.out_of_stock{height:auto !important;min-height:0 !important;line-height:14px !important;white-space:nowrap;overflow:visible !important;font-size:11px !important;padding:7px 0 !important;width:100% !important;transform:none !important;}
/* ---- menu categorie laterale: nessuna maiuscola forzata ---- */
.block-categories a, .block-categories li a, .block-categories .category-sub-menu a, .block-categories .category-top-menu a{text-transform:none !important;}
/* ---- titoli categoria/prodotto: nessuna maiuscola forzata ---- */
#js-product-list-header h1, .block-category h1, .block-category .h1, #main h1.h1, .product-list-header h1, h1.page-title{text-transform:none !important;}

/* =====================================================================
   MOBILE / TABLET
   ===================================================================== */
/* menu off-canvas: NON deve ereditare le regole del menu desktop (flex in riga) */
#mobile_menu_wrapper .pos-menu-horizontal > ul.menu-content, #mobile_menu_wrapper ul.menu-content{display:block !important;width:100% !important;justify-content:flex-start !important;flex-wrap:wrap !important;}
#mobile_menu_wrapper .pos-menu-horizontal > ul.menu-content > li.menu-item{display:block !important;width:100% !important;float:none !important;margin:0 !important;white-space:normal !important;border-bottom:1px solid #ececec;}
#mobile_menu_wrapper .pos-menu-horizontal > ul.menu-content > li.menu-item > a{display:block !important;padding:13px 44px 13px 18px !important;font-size:15px !important;font-weight:700 !important;line-height:20px !important;color:#253237 !important;}
#mobile_menu_wrapper .pos-sub-menu{position:static !important;width:100% !important;padding:0 0 8px 18px !important;box-shadow:none !important;border-radius:0 !important;background:#fafafa !important;}
#mobile_menu_wrapper .pos-sub-menu .pos-menu-row, #mobile_menu_wrapper .pos-sub-menu .pos-menu-col{width:100% !important;float:none !important;padding:0 !important;margin:0 !important;}
#mobile_menu_wrapper .pos-sub-menu .submenu-item a, #mobile_menu_wrapper .pos-sub-menu .ul-column li a{font-size:14px !important;line-height:20px !important;padding:9px 18px 9px 10px !important;display:block;color:#444 !important;}
#mobile_menu_wrapper .pos-sub-menu .pos-menu-col .title, #mobile_menu_wrapper .pos-sub-menu .ul-column > .title{font-size:13px !important;padding:10px 10px 4px !important;}
#mobile_menu_wrapper .menu-close{position:sticky;top:0;z-index:2;}
/* bottone carrello nelle schede: sempre pillola con testo, anche su telefono */
.js-product-miniature .ajax_add_to_cart_button, .js-product-miniature button.add-to-cart, .js-product-miniature .add-to-links li a.ajax_add_to_cart_button{width:auto !important;height:auto !important;min-width:0 !important;font-size:11px !important;line-height:1.2 !important;padding:9px 16px !important;border-radius:30px !important;background:var(--hovercolor) !important;color:#fff !important;display:inline-flex !important;align-items:center;justify-content:center;}
.js-product-miniature .ajax_add_to_cart_button::before, .js-product-miniature button.add-to-cart::before{display:none !important;content:none !important;}
/* carrello a tutta larghezza, wishlist/confronta in una riga sotto */
.js-product-miniature.style_product_default .add-to-links{flex-wrap:wrap !important;gap:6px 14px !important;}
.js-product-miniature .add-to-links li:has(.ajax_add_to_cart_button), .js-product-miniature .add-to-links li:has(button.add-to-cart), .js-product-miniature .add-to-links li.cart{flex:1 1 100%;display:flex !important;justify-content:center;}
.js-product-miniature .add-to-links li:has(.ajax_add_to_cart_button) form, .js-product-miniature .add-to-links li.cart form{width:100%;display:flex;justify-content:center;}
.js-product-miniature .ajax_add_to_cart_button{width:100% !important;max-width:210px;}
/* nomi prodotto completi (fino a 3 righe), altezza minima 2 righe */
.js-product-miniature .product-title, .js-product-miniature .product-title a, .js-product-miniature .product_name, .js-product-miniature h3 a, .js-product-miniature .product-name{white-space:normal !important;text-overflow:clip !important;}
.js-product-miniature .product-title a{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;line-height:20px !important;}
.js-product-miniature .product-title{min-height:40px !important;height:auto !important;}
@media (max-width:991px){
  /* spaziature piu' compatte */
  #content .elementor-top-section{margin-top:26px !important;margin-bottom:26px !important;}
  #content .elementor-top-section:first-child{margin-top:0 !important;}
  .elementor-widget-pos_title h2, .pos-title h2, .elementor-widget-heading h2{font-size:24px !important;line-height:30px !important;}
  ul.product-flag li.new{left:-42px !important;top:14px !important;width:150px !important;font-size:10px !important;}
}
@media (max-width:575px){
  /* colonne una sotto l'altra sul telefono */
  #content .elementor-column{width:100% !important;}
  .js-product-miniature .ajax_add_to_cart_button{font-size:10px !important;padding:8px 10px !important;}
  .js-product-miniature .product-title{font-size:13px !important;}
  .js-product-miniature .add-to-links li a{width:30px;height:30px;}
}
/* card: il bottone carrello occupa tutta la riga, nome prodotto su piu' righe */
.js-product-miniature .add-to-links li.cart{flex:1 1 100% !important;width:100% !important;}
.js-product-miniature h3 a.product_name, .js-product-miniature a.product_name.one_line{white-space:normal !important;overflow:hidden !important;text-overflow:clip !important;display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:20px !important;height:auto !important;max-height:60px;}
.js-product-miniature .inner_desc h3{min-height:40px !important;height:auto !important;margin:10px 0 6px !important;}
/* card: tre azioni sempre su due righe (carrello, poi wishlist+confronta); titolo a 2 righe fisse */
.js-product-miniature .add-to-links{flex-wrap:wrap !important;}
.js-product-miniature .inner_desc h3{height:40px !important;min-height:40px !important;overflow:hidden;}
.js-product-miniature h3 a.product_name, .js-product-miniature a.product_name.one_line{-webkit-line-clamp:2 !important;max-height:40px !important;}

/* ---- scheda prodotto: descrizioni lunghe con "Mostra tutto" ---- */
.product-description.ccd-collapsed{max-height:420px;overflow:hidden;position:relative;}
.product-description.ccd-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0), #fff 75%);pointer-events:none;}
.product-description.ccd-collapsed.ccd-open{max-height:none;overflow:visible;}
.product-description.ccd-collapsed.ccd-open::after{display:none;}
button.ccd-more-btn{display:inline-flex;align-items:center;gap:6px;margin:10px 0 18px;background:transparent;border:2px solid var(--hovercolor);color:var(--hovercolor);border-radius:30px;padding:8px 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:all .2s;}
button.ccd-more-btn:hover{background:var(--hovercolor);color:#fff;}
/* ---- codice articolo in evidenza ---- */
.ccd-sku{margin:6px 0 12px;font-size:13px;color:#555;}
.ccd-sku span{text-transform:uppercase;font-size:11px;letter-spacing:.6px;color:#8a8f98;}
.ccd-sku strong{background:#f2f3f5;border-radius:6px;padding:3px 9px;font-size:13px;color:#253237;letter-spacing:.3px;}
.product-reference{display:block !important;}
/* ---- icona Instagram nella condivisione ---- */
.social-sharing li.ccd-instagram a{background-image:none;position:relative;}
.social-sharing li.ccd-instagram a::before{content:"\f16d";font-family:FontAwesome;font-size:18px;display:block;line-height:32px;text-align:center;color:#253237;}
.social-sharing li.ccd-instagram a:hover::before{color:var(--hovercolor);}

/* =====================================================================
   MENU PRINCIPALE: una sola riga, "Tutte le categorie" come pulsante,
   Home come icona, "Negozio in Argentina" in evidenza
   ===================================================================== */
.pos-menu-horizontal > ul.menu-content{flex-wrap:nowrap !important;align-items:center;gap:0 4px;}
.pos-menu-horizontal > ul.menu-content > li.menu-item > a{font-size:13px !important;padding:16px 8px !important;white-space:nowrap;}
@media (min-width:1200px) and (max-width:1439px){.pos-menu-horizontal > ul.menu-content > li.menu-item > a{font-size:12px !important;padding:16px 6px !important;letter-spacing:0 !important;}}
/* Home: solo icona casa */
.pos-menu-horizontal > ul.menu-content > li.menu-item1 > a span{display:none !important;}
.pos-menu-horizontal > ul.menu-content > li.menu-item1 > a::before{content:"\f015";font-family:FontAwesome;font-size:17px;line-height:1;display:inline-block;}
.pos-menu-horizontal > ul.menu-content > li.menu-item1 > a{padding:16px 12px !important;}
/* Tutte le categorie: pulsante in evidenza */
.pos-menu-horizontal > ul.menu-content > li.menu-item2 > a{background:var(--hovercolor) !important;color:#fff !important;border-radius:24px !important;padding:11px 16px !important;margin-right:10px;font-weight:800 !important;display:inline-flex !important;align-items:center;gap:8px;}
.pos-menu-horizontal > ul.menu-content > li.menu-item2 > a::before{content:"\f00a";font-family:FontAwesome;font-size:13px;}
.pos-menu-horizontal > ul.menu-content > li.menu-item2 > a i{color:#fff !important;}
.pos-menu-horizontal > ul.menu-content > li.menu-item2:hover > a{opacity:.9;}
/* Negozio in Argentina: pulsante nella barra alta */
.elementor-element-hwgzryc .elementor-text-editor a[href*="damasimport.com.ar"]{display:inline-flex;align-items:center;gap:6px;background:#ffffff;color:var(--hovercolor) !important;border-radius:20px;padding:3px 12px;font-weight:700;margin-left:6px;box-shadow:0 1px 4px rgba(0,0,0,.15);}
.elementor-element-hwgzryc .elementor-text-editor a[href*="damasimport.com.ar"]:hover{background:var(--hovercolor);color:#fff !important;}
@media (max-width:991px){.elementor-element-hwgzryc .elementor-text-editor a[href*="damasimport.com.ar"]{margin-left:0;}}

/* =====================================================================
   SOTTO-CATEGORIE: foto tonda + nome completo (come il sito precedente)
   ===================================================================== */
.ccd-subcats{margin:0 0 28px;padding:0;border:0;background:none;}
.ccd-subcats .subcategory-heading{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#253237;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #efefef;}
ul.ccd-subcats-list{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:18px;list-style:none;margin:0;padding:4px 2px 12px;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
ul.ccd-subcats-list::-webkit-scrollbar{height:6px;}
ul.ccd-subcats-list::-webkit-scrollbar-thumb{background:#d9dce1;border-radius:6px;}
ul.ccd-subcats-list::-webkit-scrollbar-thumb:hover{background:var(--hovercolor);}
ul.ccd-subcats-list li{flex:0 0 140px;width:140px;margin:0;padding:0;list-style:none;scroll-snap-align:start;}
@media (max-width:767px){ul.ccd-subcats-list{gap:12px;}ul.ccd-subcats-list li{flex:0 0 110px;width:110px;}}
/* frecce di scorrimento */
.ccd-subcats{position:relative;}
.ccd-subcats button.ccd-scroll{position:absolute;top:calc(50% + 6px);transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #e4e6ea;background:#fff;color:#253237;cursor:pointer;z-index:4;box-shadow:0 3px 12px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0;}
.ccd-subcats button.ccd-scroll:hover{background:var(--hovercolor);color:#fff;border-color:var(--hovercolor);}
.ccd-subcats button.ccd-prev{left:-10px;}
.ccd-subcats button.ccd-next{right:-10px;}
.ccd-subcats button.ccd-scroll[hidden]{display:none !important;}
a.ccd-subcat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;text-decoration:none;}
.ccd-subcat-img{display:block;width:100%;max-width:140px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#f7f7f7;border:1px solid #ececec;transition:transform .25s, box-shadow .25s;}
.ccd-subcat-img img{width:100%;height:100%;object-fit:cover;display:block;}
.ccd-subcat-img.ccd-noimg{background:#f2f3f5 center/40% no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c4c8cf'%3E%3Cpath d='M4 5h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm1 2v8.2l3.6-3.6 3 3 3.4-3.4L19 14V7H5zm10.5 1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E");}
a.ccd-subcat:hover .ccd-subcat-img{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.12);}
.ccd-subcat-name{display:block;font-size:13px;line-height:17px;font-weight:600;color:#253237;text-transform:none;white-space:normal;overflow:visible;text-overflow:clip;}
a.ccd-subcat:hover .ccd-subcat-name{color:var(--hovercolor);}
/* menu: compattazione per stare su una riga fino a 1290px di contenitore */
.pos-menu-horizontal > ul.menu-content > li.menu-item > a{padding:16px 7px !important;letter-spacing:0 !important;font-size:12.5px !important;}
.pos-menu-horizontal > ul.menu-content > li.menu-item > a i.icon-rt-arrow-down{margin-left:3px;}
.pos-menu-horizontal > ul.menu-content > li.menu-item2 > a{padding:10px 14px !important;margin-right:8px;font-size:12.5px !important;}
@media (max-width:1399px){
  .pos-menu-horizontal > ul.menu-content > li.menu-item > a{padding:16px 5px !important;font-size:12px !important;}
  .pos-menu-horizontal > ul.menu-content > li.menu-item2 > a{padding:9px 12px !important;font-size:12px !important;margin-right:6px;}
}
/* banner titolo categoria: immagine a piena larghezza con velo per leggibilità */
body#category .page-title-wrapper{background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;position:relative;}
body#category .page-title-wrapper::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,22,28,.45), rgba(20,22,28,.58));z-index:0;}
body#category .page-title-wrapper > *{position:relative;z-index:1;}
body#category .page-title-wrapper h1, body#category .page-title-wrapper .page-title{text-shadow:0 2px 8px rgba(0,0,0,.5) !important;}
/* il tema applica regole su #subcategories: forzo il carosello a una riga */
#subcategories ul.ccd-subcats-list, ul.ccd-subcats-list{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;}
#subcategories ul.ccd-subcats-list > li, ul.ccd-subcats-list > li{flex:0 0 140px !important;width:140px !important;max-width:140px !important;min-width:140px !important;margin:0 !important;padding:0 !important;border:0 !important;text-align:center;}
@media (max-width:767px){#subcategories ul.ccd-subcats-list > li, ul.ccd-subcats-list > li{flex:0 0 112px !important;width:112px !important;max-width:112px !important;min-width:112px !important;}}
#subcategories{padding:0 !important;border:0 !important;box-shadow:none !important;background:none !important;}
/* menu: schermi 1200-1349 px (Agile ha piu' voci) */
@media (min-width:1200px) and (max-width:1349px){
  .pos-menu-horizontal > ul.menu-content > li.menu-item > a{padding:16px 4px !important;font-size:11.5px !important;}
  .pos-menu-horizontal > ul.menu-content > li.menu-item2 > a{padding:8px 10px !important;font-size:11.5px !important;margin-right:4px;}
  .pos-menu-horizontal > ul.menu-content > li.menu-item1 > a{padding:16px 8px !important;}
}
/* titolo pagina con banner: testo bianco su tutte le pagine tranne la scheda prodotto */
body:not(#product) .page-title-wrapper{background-size:cover !important;background-position:center center !important;position:relative;}
body:not(#product) .page-title-wrapper::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,22,28,.40), rgba(20,22,28,.55));z-index:0;}
body:not(#product) .page-title-wrapper > *{position:relative;z-index:1;}
body:not(#product) .page-title-wrapper, body:not(#product) .page-title-wrapper h1, body:not(#product) .page-title-wrapper .page-title, body:not(#product) .page-title-wrapper h2,
body:not(#product) .page-title-wrapper .breadcrumb, body:not(#product) .page-title-wrapper .breadcrumb a, body:not(#product) .page-title-wrapper .breadcrumb li,
body:not(#product) .page-title-wrapper .breadcrumb span, body:not(#product) .page-title-wrapper .breadcrumb li::after{color:#fff !important;}
body:not(#product) .page-title-wrapper h1, body:not(#product) .page-title-wrapper .page-title{text-shadow:0 2px 8px rgba(0,0,0,.45) !important;}

/* ---- scheda Video del prodotto ---- */
.ccd-video-pane{padding:18px 0;}
.ccd-video-item{margin:0 0 22px;}
.ccd-video-title{font-size:15px;font-weight:700;color:#253237;margin:0 0 10px;}
.ccd-video-embed{position:relative;width:100%;max-width:860px;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;}
.ccd-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.ccd-video-pane video{width:100%;max-width:860px;border-radius:10px;background:#000;display:block;}

/* =====================================================================
   HOME: riquadri categoria con foto tonda affiancata al testo
   ===================================================================== */
a.ccd-cat-tile{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #ececf1;border-radius:14px;text-decoration:none;height:100%;transition:box-shadow .25s, transform .25s, border-color .25s;position:relative;overflow:hidden;}
a.ccd-cat-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tile, var(--hovercolor));}
a.ccd-cat-tile:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,22,28,.12);border-color:var(--tile, var(--hovercolor));}
.ccd-cat-ph{flex:0 0 74px;width:74px;height:74px;border-radius:50%;overflow:hidden;background:#f4f4f7;border:2px solid var(--tile, var(--hovercolor));display:block;}
.ccd-cat-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.ccd-cat-ph-vuota{background:#f4f4f7 center/38% no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c4c8cf'%3E%3Cpath d='M4 5h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm1 2v8.2l3.6-3.6 3 3 3.4-3.4L19 14V7H5z'/%3E%3C/svg%3E");}
.ccd-cat-txt{display:flex;flex-direction:column;gap:2px;min-width:0;}
.ccd-cat-name{font-size:15px;font-weight:800;color:#253237;line-height:19px;}
.ccd-cat-sub{font-size:12px;color:#7a828c;line-height:16px;}
.ccd-cat-go{font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--tile, var(--hovercolor));margin-top:4px;}
@media (max-width:575px){
  a.ccd-cat-tile{padding:12px 14px;gap:12px;}
  .ccd-cat-ph{flex:0 0 62px;width:62px;height:62px;}
  .ccd-cat-name{font-size:14px;}
}
/* =====================================================================
   HOME: marchi con i loghi
   ===================================================================== */
.ccd-brands{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;}
a.ccd-brand{display:flex;align-items:center;justify-content:center;width:150px;height:78px;background:#fff;border:1px solid #ececf1;border-radius:12px;padding:8px;transition:box-shadow .2s, transform .2s, border-color .2s;}
a.ccd-brand img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.75;transition:filter .25s, opacity .25s;}
a.ccd-brand:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,22,28,.10);border-color:var(--hovercolor);}
a.ccd-brand:hover img{filter:none;opacity:1;}
@media (max-width:767px){.ccd-brands{gap:8px;}a.ccd-brand{width:112px;height:62px;}}
/* =====================================================================
   AGILE: banner "Sei un rivenditore?" (stile del sito precedente)
   ===================================================================== */
.ccd-riv{position:relative;padding:42px 40px 46px;text-align:center;color:#fff;overflow:hidden;}
.ccd-riv::before, .ccd-riv::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08);}
.ccd-riv::before{top:-40px;left:-30px;}
.ccd-riv::after{bottom:-50px;right:-20px;width:170px;height:170px;}
.ccd-riv-benvenuti{position:relative;display:block;font-family:"Brush Script MT","Segoe Script",cursive;font-size:40px;line-height:1;color:#ff5a5f;text-shadow:0 2px 0 rgba(0,0,0,.12);transform:rotate(-6deg);margin:0 auto 6px;width:max-content;}
.ccd-riv-claim{position:relative;display:block;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:15px;line-height:22px;color:#ffd966;margin:0 0 14px;letter-spacing:.5px;}
h2.ccd-riv-titolo{position:relative;font-size:38px;line-height:44px;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:.5px;}
.ccd-riv-testo{position:relative;font-size:16px;line-height:25px;color:rgba(255,255,255,.92);max-width:640px;margin:0 auto 22px;}
a.ccd-riv-btn{position:relative;display:inline-block;background:#fff;color:#6b3fa0 !important;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.6px;padding:13px 28px;border-radius:30px;text-decoration:none;transition:transform .2s, box-shadow .2s;}
a.ccd-riv-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22);}
@media (max-width:767px){
  .ccd-riv{padding:32px 22px 36px;}
  .ccd-riv-benvenuti{font-size:32px;}
  h2.ccd-riv-titolo{font-size:28px;line-height:34px;}
  .ccd-riv-testo{font-size:15px;}
}
/* niente maiuscole forzate nei titoli delle sezioni home e del banner rivenditori */
h2.ccd-riv-titolo, .ccd-cat-name, .ccd-cat-sub, .elementor-widget-pos_title h2, .pos-title h2, .elementor-widget-heading h2, .elementor-widget-heading h3{text-transform:none !important;}

/* ---- testata: logo proporzionato e allineato alla barra di ricerca ---- */
#header .elementor-widget-posLogo img, #header .pos-logo img, #header a.logo img{max-height:66px !important;width:auto !important;height:auto !important;display:block;}
#header .elementor-widget-posLogo, #header .pos-logo{padding-left:6px;}
#header .elementor-widget-posLogo .elementor-widget-container, #header .pos-logo{display:flex;align-items:center;}
@media (max-width:991px){#header .elementor-widget-posLogo img, #header .pos-logo img, #header a.logo img{max-height:54px !important;}}
@media (max-width:575px){#header .elementor-widget-posLogo img, #header .pos-logo img, #header a.logo img{max-height:46px !important;}}

/* ---- card prodotto: codice articolo al posto del marchio ---- */
.product_desc .manufacturer.ccd-ref{font-size:11px;letter-spacing:.4px;color:#8a8f98;text-transform:none;margin-bottom:4px;}
/* ---- descrizione breve: link alla descrizione completa ---- */
.product-information .ccd-more-link{display:inline-block;margin-top:6px;font-weight:700;font-size:13px;color:var(--hovercolor);border-bottom:2px solid currentColor;padding-bottom:1px;}
.product-information .ccd-more-link::after{content:" \2193";}
/* ---- carrello: la spedizione si sceglie alla cassa ---- */
body#cart #cart-subtotal-shipping{display:none !important;}
/* ---- nota spedizione gratuita ---- */
.ccd-free-ship{margin:10px 0 12px;padding:10px 12px;border-radius:10px;background:#fff7e6;border:1px solid #f3d9a4;font-size:13px;line-height:1.4;color:#5a4a2a;}
.ccd-free-ship strong{color:#253237;}
.ccd-free-ship-bar{height:6px;margin-top:7px;border-radius:6px;background:rgba(0,0,0,.08);overflow:hidden;}
.ccd-free-ship-bar span{display:block;height:100%;border-radius:6px;background:var(--hovercolor, #D12586);transition:width .4s;}
.ccd-free-ship.ccd-free-ship-ok{background:#eaf7ee;border-color:#b9e2c5;color:#24593a;}
.ccd-free-ship.ccd-free-ship-ok .ccd-free-ship-bar span{background:#2e9b57;}
#blockcart-modal .ccd-free-ship{margin:12px 0;}
.ccd-free-ship-nota{margin-top:6px;font-size:11.5px;opacity:.8;}
#js-checkout-summary .ccd-free-ship-nota{display:none;}
body#cart .cart-summary-totals{display:none !important;}
/* ---- prezzo "da ... a ..." per i prodotti con varianti ---- */
.ccd-price-range{margin:4px 0 2px;font-size:13px;color:#5b6670;line-height:1.35;}
.ccd-price-range strong{color:#253237;font-weight:700;}
.ccd-price-range span{font-size:11.5px;opacity:.8;}
.product-price-and-shipping .ccd-price-range{font-size:11.5px;margin:2px 0 0;}
.product-price-and-shipping .ccd-price-range span{display:none;}
/* ---- omaggi a scelta del cliente ---- */
.ccd-omaggi{margin:16px 0;padding:14px 16px;border:1px dashed var(--hovercolor, #D12586);border-radius:12px;background:#fffdf7;}
.ccd-omaggi-titolo{margin:0 0 10px;font-weight:700;font-size:14px;color:#253237;}
.ccd-omaggi-titolo::before{content:"\1F381";margin-right:7px;}
.ccd-omaggi-lista{display:flex;flex-wrap:wrap;gap:10px;}
.ccd-omaggio{display:flex;flex-direction:column;align-items:center;gap:5px;width:150px;padding:10px;background:#fff;border:1px solid #ececf1;border-radius:10px;text-align:center;}
.ccd-omaggio.ccd-omaggio-scelto{border-color:var(--hovercolor, #D12586);box-shadow:0 0 0 2px rgba(209,37,134,.12);}
.ccd-omaggio img{width:70px;height:70px;object-fit:contain;}
.ccd-omaggio-nome{font-size:12.5px;line-height:1.25;color:#253237;}
.ccd-omaggio-prezzo{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#2e9b57;font-weight:700;}
a.ccd-omaggio-btn{margin-top:auto;padding:5px 12px;border-radius:20px;background:var(--hovercolor, #D12586);color:#fff !important;font-size:12px;font-weight:600;}
.ccd-omaggio.ccd-omaggio-scelto a.ccd-omaggio-btn{background:#8a8f98;}
.ccd-omaggi-nota{margin:10px 0 0;font-size:12.5px;color:#5a4a2a;}
@media (max-width:575px){.ccd-omaggio{width:calc(50% - 5px);}}
.ccd-omaggio-foto{display:block;line-height:0;}
.ccd-omaggio-foto img{width:74px;height:74px;object-fit:contain;border-radius:8px;background:#fff;}
.ccd-omaggio-senza-foto{display:flex;align-items:center;justify-content:center;width:74px;height:74px;font-size:30px;background:#f6f6f8;border-radius:8px;line-height:1;}
a.ccd-omaggio-nome{color:#253237 !important;text-decoration:none;}
a.ccd-omaggio-nome:hover{color:var(--hovercolor, #D12586) !important;text-decoration:underline;}
.ccd-omaggio-foto:hover img{opacity:.85;}
/* ---- Agile: "Scegli il tuo mondo" con riquadri a foto grande ---- */
a.ccd-cat-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(43,33,64,.08);transition:transform .2s, box-shadow .2s;text-decoration:none !important;}
a.ccd-cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(43,33,64,.16);}
.ccd-cat-card-foto{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#f6f1fb;}
.ccd-cat-card-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s;}
a.ccd-cat-card:hover .ccd-cat-card-foto img{transform:scale(1.06);}
.ccd-cat-card-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--tile);}
.ccd-cat-card-nome{display:block;padding:12px 14px 2px;font-size:15px;font-weight:800;line-height:1.25;color:var(--tile);text-transform:none;}
.ccd-cat-card-sub{display:block;padding:0 14px 14px;font-size:12px;line-height:1.4;color:#6b6478;}
@media (max-width:575px){.ccd-cat-card-nome{font-size:13.5px;padding:10px 10px 2px;}.ccd-cat-card-sub{padding:0 10px 10px;font-size:11px;}}
/* ---- banner rivenditori: invito a candidarsi ---- */
a.ccd-riv-invito{display:inline-block;margin:0 0 14px;padding:8px 18px;border-radius:24px;background:#fff;color:#9966CC !important;font-weight:800;font-size:15px;text-decoration:underline;text-underline-offset:3px;}
a.ccd-riv-invito:hover{background:#f6f1fb;color:#6b3fa0 !important;}
.ccd-riv-testo em{font-style:normal;font-weight:700;color:#ffe08a;}
/* ---- rivenditori: nessuna nota spedizione gratuita ---- */
body.ccd-rivenditore .ccd-free-ship{display:none !important;}
/* ---- modulo "Diventa rivenditore" ---- */
.ccd-rivform{max-width:980px;margin:0 auto 40px;}
.ccd-rivform-intro{padding:22px 24px;margin-bottom:22px;border-radius:16px;background:linear-gradient(120deg,#6b3fa0,#9966CC);color:#fff;}
.ccd-rivform-intro p{color:#fff;margin:0 0 8px;}
.ccd-rivform-intro a{color:#ffe08a;text-decoration:underline;}
.ccd-rivform-claim{font-size:22px;font-weight:800;line-height:1.25;}
.ccd-rivform-form fieldset{margin:0 0 20px;padding:18px 20px 8px;border:1px solid #e7e0f0;border-radius:14px;background:#fff;}
.ccd-rivform-form legend{width:auto;padding:0 8px;margin:0;border:0;font-size:15px;font-weight:700;color:#6b3fa0;}
.ccd-rivform-form .ccd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;}
.ccd-rivform-form .ccd-full{grid-column:1 / -1;}
.ccd-rivform-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#2b2140;margin:0;}
.ccd-rivform-form label small{font-weight:400;color:#8a8f98;}
.ccd-rivform-form input[type=text],.ccd-rivform-form input[type=email],.ccd-rivform-form input[type=tel],.ccd-rivform-form input[type=password],.ccd-rivform-form select,.ccd-rivform-form textarea{width:100%;padding:10px 12px;border:1px solid #d8d2e2;border-radius:10px;font-size:14px;font-weight:400;background:#fff;}
.ccd-rivform-form input:focus,.ccd-rivform-form select:focus,.ccd-rivform-form textarea:focus{outline:none;border-color:#9966CC;box-shadow:0 0 0 3px rgba(153,102,204,.18);}
.ccd-rivform-form label.ccd-privacy{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;margin:4px 0 10px;}
.ccd-rivform-nota{font-size:13px;color:#5b5368;}
.ccd-rivform-form .btn-primary{padding:12px 28px;border-radius:26px;font-weight:700;}
.ccd-rivform-ok{padding:28px;border-radius:16px;background:#eaf7ee;border:1px solid #b9e2c5;}
.ccd-rivform-ok h2{color:#24593a;}
@media (max-width:640px){.ccd-rivform-form .ccd-grid{grid-template-columns:1fr;}}
/* ---- varianti non ancora scelte: fascia di prezzo e "Scegli un'opzione" ---- */
body.ccd-scegli-fascia .product-prices .current-price,
body.ccd-scegli-fascia .product-prices .ccd-price-range{display:none !important;}
.ccd-price-range-grande{font-size:26px;font-weight:700;line-height:1.2;color:#253237;margin:0 0 2px;}
body.ccd-scegli .product-actions .add-to-cart,
body.ccd-scegli .product-actions .buy-now{opacity:.45;cursor:not-allowed;pointer-events:none;}
.ccd-scegli-nota{margin:6px 0 0;font-size:12.5px;color:#8a8f98;}
.product-variants select option.ccd-placeholder{color:#8a8f98;}

/* Agile, "Scegli il tuo mondo": foto delle categorie piu' piccole, centrate nella card */
.ccd-cat-card-foto{aspect-ratio:auto;padding:16px 16px 0;background:#fff;}
.ccd-cat-card-foto img{width:66%;height:auto;aspect-ratio:1/1;margin:0 auto;border-radius:12px;}
.ccd-cat-card-foto::after{display:none;}
a.ccd-cat-card{border-top:5px solid var(--tile);}
.ccd-cat-card-nome{text-align:center;}
.ccd-cat-card-sub{text-align:center;}
@media (max-width:575px){.ccd-cat-card-foto{padding:10px 10px 0;}.ccd-cat-card-foto img{width:74%;}}

/* Home Agile: video delle bolle (vedi ccd.js), formato 4:3 centrato */
.ccd-hero-video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:16px;background:#6b3fa0;}

/* CCD barra rapida mobile (Home, Contatti, Account, Carrello): fondo pieno, niente effetto patina */
.quickmenu-mobile { background: #fff !important; box-shadow: 0 -2px 10px rgba(0, 0, 0, .08); border-top: 1px solid #eee; }

/* CCD barra in alto Agile (Chi siamo, WhatsApp, Buono regalo): pulsanti a pillola al posto del testo con separatori */
.elementor-element-pfadilb .elementor-text-editor p { font-size: 0; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; }
.elementor-element-pfadilb .elementor-text-editor a { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; line-height: 1; padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, .15); border: 1px solid rgba(255, 255, 255, .25); color: #fff !important; text-decoration: none; transition: background .2s, transform .2s; white-space: nowrap; }
.elementor-element-pfadilb .elementor-text-editor a:hover { background: rgba(255, 255, 255, .3); transform: translateY(-1px); }
.elementor-element-pfadilb .elementor-text-editor a[href*="wa.me"] { background: #25d366; border-color: #25d366; }
.elementor-element-pfadilb .elementor-text-editor a[href*="wa.me"]:hover { background: #1ebe5b; }
.elementor-element-pfadilb .elementor-text-editor a .fa { font-size: 15px; }

/* CCD barra in alto Damas: spedizione gratuita + pulsante "Negozio in Argentina" con bandierina */
.elementor-element-4ozfupv .elementor-text-editor p { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 14px; margin: 0; }
.elementor-element-4ozfupv .ccd-sped { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.elementor-element-4ozfupv a.ccd-ar { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 7px; border-radius: 999px; background: #fff; color: #2b2b2b !important; font-size: 13px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; box-shadow: 0 2px 6px rgba(0, 0, 0, .15); transition: transform .2s, box-shadow .2s; }
.elementor-element-4ozfupv a.ccd-ar::before { content: ""; flex: 0 0 auto; width: 22px; height: 15px; border-radius: 3px; background: radial-gradient(circle at 50% 50%, #f6b40e 0 2.6px, transparent 3px), linear-gradient(#74acdf 0 33.3%, #fff 33.3% 66.6%, #74acdf 66.6%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); }
.elementor-element-4ozfupv a.ccd-ar .fa-globe { display: none; }
.elementor-element-4ozfupv a.ccd-ar:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0, 0, 0, .2); }
