/*!

 * 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;

  }

  /*---------------------------------*/
  .elementor-16010000 .elementor-element.elementor-element-0a2nvst .pos-links-widget .links-widget-content a {
    border-right: 1px solid #0061a1!important;
    border-bottom: 1px solid #0061a1!important;
    border-left: 1px solid #0061a1!important;
  }

  h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    color:#0161a1;
  }

  .background-hover {
    transition: all 0.5s;
  }
  .background-hover:hover {
    background-size: 120% !important;
  }
  .logo-footer img {
    margin: 0 !important;
  }
  .btn-primary {
    background-color: #0061a1!important;
    border: 1px solid #0061A1!important;
    border-radius: 50px!important;
    color: white!important
  }
  .btn-primary:hover {
    background-color: transparent!important;
    color: #0061A1!important;
  }
  .btn-secondary {
    background-color: #5bc0de!important;
    border: 1px solid #5bc0de!important;
    border-radius: 50px!important;
    color: white!important;
  }
  .btn-secondary:hover {
    background-color: #0bbfbd!important;
    border: 1px solid #0bbfbd!important;
  }
  .cart-item .col-12 {
    display: flex;
    justify-content: flex-end;
  }
  .cart-item .presta-upload-file-modal-btn {
    margin-left: 0;
  }
  .products-sort-order button.btn-unstyle.select-title {
    padding: 7px 1rem 7px 1rem !important;
  }
  #blockcart-modal .modal-header {
    background: #0061a1;
  }
  #category #search_filter_toggler {
    width: 100%;
    padding: 7px 1rem 7px 1rem;
  }
  .alert, .payment-detail, .delivery-options {
    border-radius: 10px!important
  }
  .form-control{
    border-radius: 50px!important;
  }
  .input-group .input-group-btn > .btn[data-action='show-password'] {
    border-radius: 50px!important;
    margin-left: -1.5rem;
  }
  .js-cart-line-product-quantity, input[type="number"] {
    border-radius: 0!important;
  }
  textarea.form-control {
    border-radius: 10px!important;
  }
  .wpcf7-form-control.wpcf7-submit {
    background-color: #0061a1!important;
    border: 1px solid #0061A1!important;
    border-radius: 50px!important;
    color: white!important
  }
  #contact .contact-form .bootstrap-filestyle .group-span-filestyle .btn {
    border-radius: 50px;
  }
  #contact .col-md-9 {
    max-width: 50%!important;
  }
  .form-footer {
    text-align: left !important;
    padding-left: 25%;
  }
  body#product .manufacturer-logo {
    width: 300px
  }
  @media(max-width: 992px) {
    .cart-item .col-12 {
      display: flex;
      justify-content: flex-start;
    }

    .cart-item .product-line-grid-right .row {
      gap: 0.25rem;
    }

    button.button.ajax_add_to_cart_button.add-to-cart.btn-default {
      padding-right: 1rem;
      padding-left: 1rem;
    }

    .footer-blu-section .elementor-col-25 {
      width: 50%;
    }

    .copyright-section .elementor-col-50 {
      width: 100% !important;
    }

    .presta-msg-content {
      min-height: 50px;
    }

    .presta-custom-File-upload {
      height: auto;
    }
    .presta-custom-File-upload  .presta-col {
      height: 330px;
      width: 100%;
    }

    .presta-dm-uploader {
      padding-top: 2em;
      padding-bottom: 1em;
    }

    .presta-drop-drag-btn {
      margin-bottom: 1em;
    }

    .modal-header .close {
      margin-top: -30px;
    }
    #prestaFileDetailModal {
      padding-top: 0;
    }
    .presta-card-block {
      padding-bottom: 0;
    }
  }
  @media(max-width: 767.98px) {
    #contact .col-md-9 {
      max-width: 100%!important;
    }
    .form-footer {
      text-align: left !important;
      padding-left:0;
    }
    .footer-blu-section .elementor-col-25 {
        width: 100%;
    }
  }
  /*--------------MODIFICHE 16/04------------------------*/
  button.pos-search__submit {
      position: relative;
  }
  .page-title-wrapper {
    background: none;
    background-color: #fafafa;
  }
  .border-radius-16 .elementor-row {
    border-radius: 16px;
    overflow: hidden
}
.rassicurazioni {
  margin-top: 2rem;
  margin-bottom: -1rem;
}
.rassicurazioni li {
  margin-bottom: 1rem;
}
.payment-detail {
  margin-bottom: 1rem;
}
div#js-product-list-top, #js-active-search-filters:not(.hide)  {
    background: #fafafa !important;
    padding: 1rem;
    border-radius: 1rem;
}
#js-active-search-filters:not(.hide)  {
  padding-bottom: 0.5rem;
}
.filter-block {
  border-radius: 50px!important;
  border: 1px solid #ebebeb;
}
.discount-amount, .discount-percentage  {
    border-radius: 50px!important;
}
.main-menu .pos-menu-vertical .menu-content {
    top: calc(100% + 16px)!important;
}
body#manufacturer li.brand {
    display: flex;
    flex-direction: column;
	border: 1px solid #f2f2f2;
    border-radius: 1rem;

}
#manufacturer #main ul .brand-img {
border: 0;
}
.brand-products a {
    font-weight: 500 !important;
}
.product-flag {
  top: 1rem;
  left: 1rem;
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}
.product-flag li {
  padding: 2px 10px!important;
  background: #0a0a0a;
  color: white;
  height: auto !important;
  border-radius: 50px!important;
  font-size: 14px!important;
  font-weight: normal!important;
}
.product-flag li span {
  text-transform: uppercase!important;
}
.product-flag li.prescription {
  background-color: #76BEDB!important;
}
.product-flag li.promo {
  background-color: #02BF41!important;
}
.product-flag li.out_of_stock {
  background-color: #cf292b!important;
}
.product-images .image-item img {
  border-radius: 10px!important;
}

.btn {
  font-family: 'Poppins', sans-serif!important;
  border-radius: 50px;
}
.js-product-miniature.style_product4 .cart button.ajax_add_to_cart_button, .js-product-miniature.style_product4 .cart span.ajax_add_to_cart_button {
  font-family: 'Poppins', sans-serif!important;
}
.table-product-discounts {
  border-radius: 10px;
  overflow: hidden;
}
/*----------------------------*/
.product-attachments {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
.product-attachments .attachment {
  width: calc(25% - 25px);
  background: #f3f5f6;
  border-radius: 10px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product-attachments .attachment > a {
  background: #0061a1!important;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 50px;
}
.product-attachments .h5.text-uppercase {
  font-size: 20px;
  margin-bottom: -1.5rem !important;
  width: 100%;
}
@media(max-width: 992px) {
  .product-attachments .attachment {
    width: calc(50% - 25px);
  }
}
@media(max-width: 768px) {
  .product-attachments .attachment {
    width: 100%;
  }

  #products-list .product-flag li {
    font-size: 10px!important;
  }
}

/*-----------------*/
span.input-group-btn:has(button[data-action="show-password"]) {
  position: relative;
  z-index: 5;
}
#login-form .form-footer {
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.pos-slideshow-wrapper .slick-slider .slick-next {
  right: 2.5rem !important;
}
.pos-slideshow-wrapper .slick-slider .slick-prev {
  left: 2.5rem !important;
}
.js-product-miniature.style_product4 .cart button.ajax_add_to_cart_button.disabled,
.js-product-miniature.style_product4 .cart span.ajax_add_to_cart_button.disabled {
  cursor: no-drop;
}

/* Quantity remaining */
.product-additional-info {
  display: flex;
  flex-direction: column;
}
.product-qty-remaining {
  order: -1;
}

#search_filters .ui-slider .ui-slider-handle {
  box-shadow: 0px 0px 3px 0px var(--hovercolor);
}

.button_choosefile {
  display: none !important;
}

/* Hide icon to download Ddt in orders list */
.grid-visualizza-la-nota-di-consegna-row-link {
  display: none !important;
}
#order-view-page .order-actions .order-actions-delivery {
  display: none !important;
}

/*modifiche 16/09/2025*/

.ui-datepicker .ui-datepicker-header {
  background: white;
  border: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 15px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 15px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 15px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-left-radius: 15px;;
}

.ui-state-default {
  background: white;
  color: #0061A1;
  border-radius: 10px;
  border:0px;
}

.page-order table thead th {
  color: #0061A1;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background:#80c9f980;
  border-color: #80c9f980;
}

.ui-datepicker .ui-datepicker-title {
  color: #0061A1;
  font-size: 1.125rem;
}

/* Popup to upload or delete files */
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  color: white;
  background-color: #0061A1;
  font-size: 1.125rem;
}

.modal-content {
  border-radius: 1.5rem;
}

.presta-preview-file-div {
  transform: scale(0.9);
}

.presta-dm-uploader {
  border: 0.25rem dashed #76BEDB;
}

.swal2-container.swal2-center > .swal2-popup{
  border-radius: 1.5rem;
}

.swal2-icon.swal2-warning {
  border-color: #0061A1;
  color: #0061A1;
}

.presta-icon-btn .presta-save-icon {
  transform: scale(0.8);
}

.presta-delete-icon{
  transform: scale(0.8);
}

.swal2-title{
  color:#0061A1;
}
.main-menu .pos-menu-vertical .menu-content .menu-item .menu-dropdown.cat-drop-menu {
  max-height: 65vh;
  column-width: 400px;
  column-gap: 1px;
  min-width: 380px;
}
.main-menu .pos-menu-vertical .menu-content .menu-item .menu-dropdown.cat-drop-menu li {
  break-inside: avoid;
  background-color: white;
}

/* Centrare le thumbnail nei dettagli del prodotto */
ul.product-images.slick-block.slick-initialized.slick-slider.slick-vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}